/* base css files  */
/* roboto-italic - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-display: fallback;
  src: local(''), url('../fonts/roboto-v27-latin-ext_latin-italic.woff2') format('woff2'), url('../fonts/roboto-v27-latin-ext_latin-italic.woff') format('woff');
}
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: local(''), url('../fonts/roboto-v27-latin-ext_latin-regular.woff2') format('woff2'), url('../fonts/roboto-v27-latin-ext_latin-regular.woff') format('woff');
}
/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: local(''), url('../fonts/roboto-v27-latin-ext_latin-700.woff2') format('woff2'), url('../fonts/roboto-v27-latin-ext_latin-700.woff') format('woff');
}
/* roboto-300 - latin-ext_latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-display: fallback;
  src: local(''), url('../fonts/roboto-v27-latin-ext_latin-300.woff2') format('woff2'), url('../fonts/roboto-v27-latin-ext_latin-300.woff') format('woff');
}
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.woff2?display=block') format('woff2'), url('../fonts/fontello.woff?display=block') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.fontello {
  font: normal normal normal 1.4rem/1 fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
}
@keyframes slide-left-right {
  100% {
    left: 0;
  }
}
html {
  font-size: 10px;
  scroll-behavior: smooth;
}
* {
  box-sizing: border-box;
}
body,
table,
option,
input,
button,
select {
  font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
body {
  min-width: 310px;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background: #f5f5f5;
}
body.modal-show {
  overflow: hidden;
}
body.modal-show #maincont {
  filter: blur(2px);
}
body.printout {
  margin: 10px;
}
body.printout .boxcont {
  float: none;
  max-width: 980px !important;
  margin: 0 auto !important;
}
body.popup-filter #centercont {
  z-index: 9999;
}
body.asynccall {
  background: #ffffff;
  overflow-y: auto;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
footer {
  width: 100%;
}
a {
  color: #1976D2;
  text-decoration: none;
  font-size: 1.3rem;
  cursor: pointer;
}
a:before {
  cursor: pointer;
}
a.bgcolor {
  padding: 2px;
}
a:hover {
  text-decoration: underline;
}
p.link {
  color: #1976D2;
  font-size: 1.3rem;
  cursor: pointer;
}
p.link:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}
u {
  text-decoration: none;
}
table {
  border-spacing: 0;
}
table tr.topspace th,
table tr.topspace td {
  padding-top: 25px;
}
table tr.btmspace th,
table tr.btmspace td {
  padding-bottom: 25px;
}
table tr.btmhr th,
table tr.btmhr td {
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 15px;
}
table tr.btmhr + tr th,
table tr.btmhr + tr td {
  padding-top: 15px;
}
table th,
table td {
  padding: 0;
}
table td.tabspace {
  padding-left: 20px;
}
hr.line {
  float: left;
  clear: left;
  width: calc(100% - 40px);
  margin: 0 20px;
  border: 0;
  border-top: 2px solid #DBDBDB;
}
input,
select,
textarea {
  outline: none;
  float: left;
  border: 1px solid #DBDBDB;
  font-size: 1.6rem;
  margin: 3px 6px 3px 0;
  padding: 5px 7px;
  background-color: #ffffff;
  border-radius: 4px;
  background-clip: padding-box;
}
input:hover,
select:hover,
textarea:hover {
  outline: none;
  border: 1px solid #1E88E5;
}
input:focus,
select:focus,
textarea:focus {
  box-shadow: 0px 0px 0px 1px rgba(102, 102, 102, 0.5);
  transition: box-shadow 0.1s linear;
}
input.err,
select.err,
textarea.err {
  border: 1px solid red !important;
}
input.err:focus,
select.err:focus,
textarea.err:focus {
  box-shadow: 0px 0px 0px 1px rgba(255, 0, 0, 0.6) !important;
}
input.format,
select.format,
textarea.format {
  border: 1px solid orange !important;
}
input.format:focus,
select.format:focus,
textarea.format:focus {
  box-shadow: 0px 0px 0px 1px rgba(255, 165, 0, 0.6) !important;
}
input.readonly,
select.readonly,
textarea.readonly {
  border: none;
  background: none;
  text-align: right;
  margin: 0;
  padding: 0;
}
input[type="search"] {
  appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
}
input[type="number"] {
  appearance: textfield;
}
input[type="date"],
input[type="time"] {
  appearance: none;
  min-height: 30px;
}
select {
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px);
  background-size: 5px 5px;
  background-repeat: no-repeat;
  font-size: initial;
  outline: none;
  float: left;
  border: 1px solid #DBDBDB;
  margin: 3px 6px 3px 0;
  padding: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.custom-select,
.custom-multi-select {
  height: 31px;
  margin: 3px 5px 3px 0;
  float: left;
  overflow: hidden;
  background: white url(../img/select-arr-down.svg) no-repeat;
  background-size: 20px 20px;
  background-position: center right;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  background-clip: padding-box;
  font-size: 1.6rem;
}
.custom-select select,
.custom-multi-select select {
  float: left !important;
  position: relative;
  padding: 1px 25px 4px 6px;
  width: 100% !important;
  max-width: 100% !important;
  z-index: 2;
  border: none;
  box-shadow: none;
  background-color: transparent;
  background-image: none;
  appearance: none;
}
.custom-select select:focus,
.custom-multi-select select:focus {
  outline: none;
}
.custom-select select::-ms-expand,
.custom-multi-select select::-ms-expand {
  display: none;
}
.custom-multi-select {
  height: 9em;
  min-width: 200px;
}
.custom-multi-select select {
  height: 100%;
}
label {
  float: left;
  margin: 3px 6px 3px 0;
}
ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul li {
  float: left;
}
ul.ul-disc {
  padding: 1rem 0 1rem 3rem;
  list-style-type: disc;
}
ul.ul-disc li {
  float: none;
}
figure {
  margin: 0;
}
figcaption {
  text-align: center;
}
.clear {
  display: none;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.float-left {
  float: left !important;
}
.float-right {
  float: right !important;
}
.font-bold {
  font-weight: bold;
}
.fl-cl {
  float: left;
  clear: left;
}
.ds_none,
.ds_hide {
  display: none !important;
}
.ds_block {
  display: block !important;
}
.ds_flex {
  display: flex !important;
}
.nowrap {
  white-space: nowrap !important;
}
.cont {
  width: 100%;
  float: left;
  display: block;
}
.cont:before,
.cont:after {
  content: "";
  display: table;
}
.cont:after {
  clear: both;
}
.fa {
  line-height: 1.7rem;
}
.anchor {
  height: 0;
}
.table-scroll {
  margin: 0 !important;
}
.line-through {
  text-decoration: line-through;
}
.line-through * {
  text-decoration: line-through;
}
.d-flex {
  display: flex;
}
.overflow-hidden {
  overflow: hidden;
}
.grecaptcha-badge {
  visibility: hidden;
}
.grecaptcha-info {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 15px;
  font-size: 1rem;
}
.grecaptcha-info a {
  font-size: 1rem !important;
}
.scroll-margin-top {
  scroll-margin-top: 145px;
}
.scroll-margin-top-2 {
  scroll-margin-top: 160px;
}
.boxcont {
  margin: 0 0 15px 0;
  float: left;
}
.boxcont:before,
.boxcont:after {
  content: "";
  display: table;
}
.boxcont:after {
  clear: both;
}
.boxcont .hdr {
  float: left;
  clear: left;
  width: 100%;
}
.boxcont .hdr > p {
  padding: 10px 10px 10px 0;
  margin: 0;
  font-size: 3.2rem;
  float: left;
}
.boxcont .hdr > h1 {
  padding: 10px 10px 10px 0;
  font-size: 3.2rem;
  font-weight: normal;
  float: left;
}
.boxcont .hdr .cpvnote {
  float: left;
  clear: left;
  font-size: 1.4rem;
  margin-bottom: 10px;
}
.boxcont .hdr .date,
.boxcont .hdr .top {
  float: right;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 6px 0;
}
.boxcont .hdr .top {
  background: red;
  color: white;
  padding: 6px 5px;
  font-size: 1.2rem;
  border-radius: 4px;
  background-clip: padding-box;
}
.boxcont .cnt {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
}
.boxcont .ftr {
  float: left;
  clear: left;
  width: 100%;
}
.boxcont.opened .hdr {
  cursor: pointer;
}
.boxcont.opened .hdr p {
  width: 100%;
}
.boxcont.opened .hdr p:after {
  font: normal normal normal 3rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  float: right;
  content: "\e83b";
  transition: transform 0.35s;
}
.boxcont.closed .hdr {
  cursor: pointer;
}
.boxcont.closed .hdr p {
  width: 100%;
  color: #1976D2;
}
.boxcont.closed .hdr p:after {
  font: normal normal normal 3rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  float: right;
  content: "\e857";
  transition: transform 0.35s;
  transform: rotate(-360deg);
}
.boxcont-wrap {
  display: block;
  float: left;
  position: relative;
}
#headercont {
  float: left;
  clear: left;
  width: 100%;
  background: #1E88E5;
  min-height: 55px;
  padding-top: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  transform: translateZ(0) translateY(-100%);
  transition: transform 0.4s;
}
#headercont.active {
  transform: translateZ(0);
}
#headercont .boxcont {
  margin: 0 0 20px 0;
}
#headercont .tree-icon {
  display: none;
  float: left;
  width: 25px;
  height: 27px;
  position: relative;
  margin: 10px 10px 10px 20px;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#headercont .tree-icon:after {
  position: absolute;
  content: "MENU";
  color: white;
  font-size: 0.9rem;
  bottom: -5px;
}
#headercont .tree-icon span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: white;
  border-radius: 2px;
  transition: 0.25s ease-in-out;
}
#headercont .tree-icon span:nth-child(1) {
  top: 0px;
}
#headercont .tree-icon span:nth-child(2) {
  top: 7px;
}
#headercont .tree-icon span:nth-child(3) {
  top: 14px;
}
#headercont .tree-icon.open span:nth-child(1) {
  top: 7px;
  transform: rotate(135deg);
}
#headercont .tree-icon.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#headercont .tree-icon.open span:nth-child(3) {
  top: 7px;
  transform: rotate(-135deg);
}
#headercont .top {
  float: left;
  clear: left;
  width: 100%;
  padding: 0 20px;
  margin: 0;
}
#headercont nav {
  float: right;
  clear: right;
}
#headercont .info-phone {
  float: left;
  clear: left;
  position: relative;
  left: 270px;
  padding: 10px 0;
  color: #e0e0e0;
  font-size: 1.4rem;
}
#headercont .info-phone span {
  font-weight: bold;
}
#headercont .info-phone a {
  margin-left: 5px;
  color: #f5f5f5;
  font-size: 1.4rem;
}
#headercont .info-phone p {
  float: right;
  margin-left: 5px;
  font-size: 1.2rem;
  line-height: 1.7rem;
}
#headercont .logo {
  position: relative;
  width: 260px;
  float: left;
  padding: 0;
  margin: 0 0 -20px 0;
  top: -30px;
}
#headercont .logo a {
  background: url(../img/datacomp_white.svg) no-repeat center center;
  background-size: auto 85%;
  width: 100%;
  height: 90px;
  font-size: 0;
  color: transparent;
  float: left;
  display: block;
  transition: height 0.2s ease-out;
}
#headercont .logo a:after {
  content: "IT expert";
  position: relative;
  left: 120px;
  top: 65px;
  color: #e0e0e0;
  font-weight: normal;
  font-size: 1.5rem;
}
#headercont .login,
#headercont .logged {
  position: relative;
  float: right;
  padding: 5px 0;
  min-width: 145px;
}
#headercont .login .hdr a,
#headercont .logged .hdr a {
  padding-right: 10px;
  font-size: 1.5rem;
  color: #ffffff;
}
#headercont .login .hdr a:before,
#headercont .logged .hdr a:before {
  font: normal normal normal 3.6rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  margin: 0;
  color: #f5f5f5;
}
#headercont .login .hdr .login-text,
#headercont .logged .hdr .login-text {
  float: left;
}
#headercont .login .hdr .login-text span,
#headercont .logged .hdr .login-text span {
  float: left;
  max-width: 150px;
  height: 2rem;
  overflow: hidden;
}
#headercont .login .hdr .btn,
#headercont .logged .hdr .btn {
  padding: 0 5px;
  min-width: 0;
  margin: 0;
  z-index: 1;
}
#headercont .login .hdr .btn.btn-user,
#headercont .logged .hdr .btn.btn-user {
  display: flex;
  justify-content: center;
}
#headercont .login .hdr .btn.btn-user span,
#headercont .logged .hdr .btn.btn-user span {
  display: none;
}
#headercont .login .hdr .btn.btn-user div,
#headercont .logged .hdr .btn.btn-user div {
  position: absolute;
  color: white;
  border-radius: 100px;
  background-clip: padding-box;
  top: -3px;
  text-align: center;
  height: 1.5rem;
  font-size: 1.1rem;
  font-weight: normal;
  background: #FF9800;
  padding-top: 2px;
  width: auto;
  min-width: 2rem;
  padding: 2px 6px;
}
#headercont .login .cnt,
#headercont .logged .cnt {
  position: absolute;
  top: 20px;
  padding-left: 50px;
  font-size: 1.3rem;
  color: #e0e0e0;
  white-space: nowrap;
}
#headercont .login .cnt a,
#headercont .logged .cnt a {
  float: left;
  color: #e0e0e0;
  text-decoration: none;
}
#headercont .login .cnt .btn-logout,
#headercont .logged .cnt .btn-logout {
  margin: 0 0 0 5px;
  padding: 1px 0;
  min-width: 0;
}
#headercont .login .cnt .btn-logout:before,
#headercont .logged .cnt .btn-logout:before {
  font-size: 1.5rem;
  padding-left: 5px;
  color: #f5f5f5;
}
#headercont .compare .btn-comp {
  padding: 5px;
}
#headercont .modalmenu {
  float: right;
  margin-left: 10px;
}
#headercont .modalmenu ul {
  float: right;
}
#headercont .modalmenu ul li {
  padding: 5px 0;
}
#headercont .modalmenu ul li:after {
  content: "|";
}
#headercont .modalmenu ul li a {
  font-weight: bold;
  padding: 0 5px;
}
#headercont .modalmenu ul li:last-child:after {
  content: "";
}
#headercont .basket {
  float: right;
  padding-right: 20px;
  cursor: pointer;
  margin: 2px 5px 0 15px;
}
#headercont .basket .cnt {
  padding: 3px 0 3px 5px;
  background-color: #ffffff;
  border: 1px solid white;
  border-radius: 5px;
  background-clip: padding-box;
}
#headercont .basket.act .cnt {
  border: 1px solid #DBDBDB;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
#headercont .basket.act .cnt:hover {
  border: 1px solid #a8a8a8;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}
#headercont .basket.act .btn:before {
  color: #1E88E5;
}
#headercont .basket .btn {
  min-width: 0;
  margin: 0;
  padding: 0 5px;
}
#headercont .basket .btn:before {
  font: normal normal normal 3.2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  margin: 0;
  color: #616161;
}
#headercont .basket .btn .count {
  position: absolute;
  color: white;
  border-radius: 100px;
  background-clip: padding-box;
  top: -3px;
  right: -5px;
  text-align: center;
  height: 2rem;
  font-size: 1.3rem;
  font-weight: normal;
  background: #FF9800;
  padding-top: 2px;
  width: auto;
  min-width: 2rem;
  padding: 2px 6px;
}
#headercont .basket .price {
  color: #212121;
  float: right;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 10px;
}
#headercont .basket p {
  float: left;
  clear: right;
  padding: 0 10px;
  font-size: 1.3rem;
}
#maincont {
  background: #FFFFFF;
  font-size: 1.2rem;
  max-width: 1500px;
  margin: 0 auto;
}
#maincont.sticky #headercont {
  position: fixed;
  top: 0;
  max-width: 1500px;
  z-index: 9999;
}
#maincont.sticky #centercont {
  padding-top: 152px;
}
@media screen and (max-width: 1024px) {
  #maincont.sticky #centercont {
    padding-top: 64px;
  }
}
#centercont {
  position: relative;
  background: #FFFFFF;
  padding: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: -1;
}
#centercont.cookie {
  padding: 145px 0 0 0;
}
#centercont .content:before,
#centercont .content:after {
  content: "";
  display: table;
}
#centercont .content:after {
  clear: both;
}
#centercont .content .hdr {
  float: left;
  clear: left;
  width: 100%;
}
#centercont .content .hdr p {
  padding: 0;
  margin: 0;
  font-size: 1.4em;
  font-weight: bold;
}
#centercont .content .hdr:not(:empty) {
  padding: 2px 0;
}
#centercont .content .cnt {
  float: left;
  clear: left;
  width: 100%;
}
#centercont .content .cnt:not(:empty) {
  padding: 2px 0;
}
#centercont .content .ftr {
  float: left;
  clear: left;
  width: 100%;
}
#centercont .content .ftr:not(:empty) {
  padding: 2px 0;
}
#centercont .skyscraper {
  position: absolute;
  overflow: hidden;
  top: 0;
}
#centercont .skyscraper.left {
  right: 100%;
}
#centercont .skyscraper.right {
  left: 100%;
}
#infocont {
  background: #ccff91;
}
#infocont .cnt {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}
#infocont .cnt li {
  display: flex;
  justify-content: space-between;
  padding: 10px 15px;
  font-size: 1.4rem;
  width: 100%;
}
#infocont .cnt li a {
  font-size: 1.4rem;
  color: #1565C0;
}
#infocont .cnt li .detail {
  float: left;
  width: calc(100% - 35px);
}
#infocont .cnt li .btn {
  float: right;
  min-width: 0;
  margin: 0;
  padding: 0;
}
#infocont .cnt li .btn:before {
  line-height: 0.6em;
  font-size: 24px;
}
#leftcont {
  width: 260px;
  padding: 10px 0 10px 5px;
}
#leftcont .boxcont {
  width: 100%;
  margin: 0 0 10px 0;
}
#leftcont .boxcont .hdr {
  background: #f5f5f5;
}
#leftcont .boxcont .hdr p {
  color: white;
  padding: 5px;
  font-size: 1.5rem;
}
#leftcont .boxcont .cnt {
  padding: 0 5px;
}
#leftcont .reviews {
  border: 1px solid #DBDBDB;
}
#leftcont .reviews .review {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #DBDBDB;
}
#leftcont .reviews .review:last-child {
  border: none;
}
#leftcont .reviews .review .star {
  float: left;
  clear: left;
  width: 100%;
}
#leftcont .reviews .review ul {
  float: left;
  clear: left;
  width: 100%;
  padding: 2px 0;
}
#leftcont .reviews .review li {
  float: left;
  clear: left;
  width: 100%;
  color: #50ad30;
}
#leftcont .reviews .review li:before {
  margin-right: 5px;
  padding: 1px 0;
}
#leftcont .reviews .review li.cons {
  color: #dc2424;
}
#leftcont .info span,
#leftcont .help span {
  left: -50px;
  top: 30px;
}
#contentcont {
  width: 100%;
  min-height: 400px;
  padding: 5px 20px 30px 20px;
}
#contentcont.hp,
#contentcont.spresenttrees,
#contentcont.stoitems {
  width: calc(100% - 260px);
}
.contentcont .boxcont.article a {
  color: #1976D2;
}
.contentcont .boxcont {
  width: 100%;
  margin: 0 0 5px 0;
}
.contentcont .boxcont.half {
  width: 50%;
}
.contentcont .boxcont.fulltext form input[type="text"]:last-of-type {
  margin-right: 15px;
}
.contentcont .registration .nav {
  text-transform: uppercase;
  font-weight: bold;
}
.contentcont .registration .ic-status {
  color: #DBDBDB;
  margin: 8px 0px 0px 5px;
  float: left;
  font-weight: bold;
}
.contentcont .registration .payvat {
  margin: 9px 0;
}
.contentcont.err500 p {
  padding: 5px 0;
}
.contentcont.err500 ul {
  float: left;
  width: 100%;
  margin: 20px 0;
  padding: 0 30px;
  list-style: disc;
}
.contentcont.err500 li {
  float: left;
  clear: left;
  width: 100%;
  cursor: pointer;
}
.contentcont .changelog li {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.3rem;
  margin: 2px 0;
}
.contentcont .changelog .version {
  padding: 5px 0;
  font-size: 1.5rem;
  font-weight: bold;
}
.contentcont .changelog .fixed,
.contentcont .changelog .changed,
.contentcont .changelog .added,
.contentcont .changelog .other {
  padding-left: 25px;
}
.contentcont .changelog .fixed span,
.contentcont .changelog .changed span,
.contentcont .changelog .added span,
.contentcont .changelog .other span {
  float: left;
  margin-right: 5px;
  background: #0366d6;
  color: white;
  padding: 2px 4px;
  border-radius: 2px;
  background-clip: padding-box;
  font-size: 1.2rem;
  min-width: 70px;
  text-align: center;
}
.contentcont .changelog .added span {
  background: #28a745;
}
.contentcont .changelog .btn {
  float: right;
}
.contentcont .boxcont.special {
  margin-top: 30px;
}
.contentcont .boxcont.special .hdr {
  background: #F5F5F5;
  border: none;
}
.contentcont .boxcont.special .hdr p {
  padding: 10px;
}
.contentcont .boxcont.special .hdr div {
  display: flex;
  align-items: center;
  float: right;
  font-size: 1.6rem;
  padding: 0 10px;
  background-color: #F57C00;
  margin: 8px 5px;
  border-radius: 25px;
  color: #ffffff;
  line-height: 1;
  height: 40px;
  min-width: 5em;
}
.contentcont .boxcont.special .hdr div span {
  float: left;
  clear: left;
}
.contentcont .boxcont.special .hdr div #countdown {
  padding: 0 0 0 5px;
  font-size: 2.4rem;
  font-weight: bold;
}
.contentcont .boxcont.special > .cnt {
  padding: 20px 0;
  border-bottom: 1px solid #DBDBDB;
}
.contentcont .boxcont.special .prodbox {
  float: left;
  clear: left;
  width: 100%;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
}
.contentcont .boxcont.special .prodbox .status {
  z-index: 2;
  top: 0;
}
.contentcont .boxcont.special .prodbox .img {
  width: 40%;
  margin: 0;
}
.contentcont .boxcont.special .prodbox .img a {
  height: 200px;
  margin-top: 15px;
}
.contentcont .boxcont.special .prodbox .img a img {
  max-width: 250px;
  max-height: 200px;
}
.contentcont .boxcont.special .prodbox .cnt {
  width: 60%;
  float: right;
  clear: right;
}
.contentcont .boxcont.special .prodbox .cnt h2 {
  text-align: left;
  height: auto;
}
.contentcont .boxcont.special .prodbox .cnt h2 a {
  font-size: 2.4rem;
}
.contentcont .boxcont.special .prodbox .cnt .stikeywords {
  margin: 15px 0;
  font-size: 1.6rem;
  height: 4rem;
  max-height: none;
}
.contentcont .boxcont.special .prodbox .cnt .discount {
  width: 75px;
  height: 75px;
  font-size: 2.2rem;
}
.contentcont .boxcont.special .prodbox .cnt .discount p {
  padding: 10px 0 5px 0;
}
.contentcont .boxcont.special .prodbox .cnt .discount span {
  font-size: 1.4rem;
}
.contentcont .boxcont.special .prodbox .cnt .status {
  top: 0;
}
.contentcont .boxcont.special .prodbox .cnt .status-discount {
  top: 0;
  right: calc(100% + 40px);
}
.contentcont .boxcont.special .prodbox .cnt .price {
  margin: 0;
}
.contentcont .boxcont.special .prodbox .cnt .price .wvat {
  font-size: 3rem;
  width: auto;
  clear: none;
}
.contentcont .boxcont.special .prodbox .cnt .price .wvat u {
  font-size: 2rem;
  vertical-align: top;
}
.contentcont .boxcont.special .prodbox .cnt .price .prclist {
  position: relative;
  margin-left: 40px;
}
.contentcont .boxcont.special .prodbox .cnt .price .prclist span {
  font-weight: normal;
}
.contentcont .boxcont.special .prodbox .cnt .price .prclist .over-line {
  display: inline;
  width: 106%;
  border-top: 2px solid red;
  left: -5px;
  top: 45%;
  position: absolute;
  transform: rotate(-15deg);
}
.contentcont .boxcont.special .prodbox .cnt .price .save {
  float: left;
  clear: left;
  font-size: 1.4rem;
  font-weight: bold;
  color: #212121;
}
.contentcont .boxcont.special .prodbox .cnt .tools {
  min-height: initial;
}
.contentcont .boxcont.special .prodbox .cnt .btn {
  text-transform: uppercase;
  font-size: 1.6rem;
  font-weight: normal;
  background: white;
  border: 1px solid #1E88E5;
  color: #1E88E5;
}
.contentcont .boxcont.special .prodbox .cnt .btn span {
  display: block;
}
.contentcont .boxcont.special .prodbox .cnt .btn:before {
  display: none;
}
.contentcont .boxcont.special .prodbox .cnt .btn:hover {
  background: #1E88E5;
  color: white;
}
.contentcont .boxcont.special .prodbox .ftr {
  width: 60%;
  float: right;
}
.contentcont .boxcont.special .prodbox[data-discount="0"] .prclist,
.contentcont .boxcont.special .prodbox[data-discount="0"] .save {
  display: none;
}
.contentcont .logout {
  text-align: center;
}
.contentcont .logout .hdr > p {
  padding: 30px 10px 20px 0;
  float: none;
}
.contentcont .boxcont.toolbar {
  margin-top: 15px;
}
.contentcont .menu-docs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-top: 1px solid #DBDBDB;
  margin: 0;
}
.contentcont .menu-docs:before,
.contentcont .menu-docs:after {
  content: none;
}
.contentcont .menu-docs:has(.btn-back) {
  justify-content: space-between;
}
.contentcont .menu-docs .btn {
  font-size: 1.5rem;
  margin: 5px 0 0 10px;
}
.contentcont .menu-docs .btn:before {
  font-size: 1.8rem;
  font-weight: bold;
}
.contentcont .menu-docs .btn span {
  font-weight: bold;
  text-transform: uppercase;
}
.contentcont .menu-docs .btn span:hover {
  text-decoration: underline;
}
.contentcont .dashboard {
  margin-bottom: 30px;
}
.contentcont .dashboard.orders .hdr p {
  font-size: 2.2rem;
}
.contentcont .dashboard.orders .cnt {
  padding: 0;
  min-height: 136px;
}
.contentcont .dashboard.orders .tabinfo {
  margin: 0;
}
.contentcont .dashboard.orders .tabinfo .code a {
  float: left;
  font-weight: bold;
}
.contentcont .dashboard.orders .menu-docs {
  width: auto;
  float: right;
  border: none;
}
.contentcont .dashboard.orders .menu-docs .btn {
  margin: 10px 0 10px 20px;
}
.contentcont .dashboard.logged {
  margin-bottom: 0;
  display: flex;
  gap: 30px;
}
.contentcont .dashboard.logged:before,
.contentcont .dashboard.logged:after {
  display: none;
}
.contentcont .dashboard.logged .hdr p {
  font-size: 2.2rem;
}
.contentcont .dashboard.logged .cnt {
  background: #F5F5F5;
  border-radius: 5px;
  height: calc(100% - 80px);
}
.contentcont .dashboard.logged .cnt .tabinfo {
  margin: 0;
}
.contentcont .dashboard.logged .cnt .tabinfo th,
.contentcont .dashboard.logged .cnt .tabinfo td {
  text-align: left;
  font-size: 1.6rem;
  width: auto;
}
.contentcont .dashboard.logged .cnt .tabinfo td.title {
  background: #f5f5f5;
  padding: 10px 15px 10px 10px;
  border-radius: 5px;
  border-bottom: 5px solid white;
}
.contentcont .dashboard.logged .cnt .tabinfo a {
  font-size: 1.4rem;
  text-decoration: underline;
}
.contentcont .dashboard.logged .part {
  width: 100%;
  padding: 10px 15px;
}
.contentcont .dashboard.logged .logbusinfo .cnt,
.contentcont .dashboard.logged .logsuccess .cnt {
  display: flex;
}
.contentcont .dashboard.logged .debitdue td {
  color: red;
}
.contentcont .dashboard.logged .menu-docs .btn {
  margin: 10px 0 10px 20px;
}
.contentcont .dashboard.icons .cnt {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.contentcont .dashboard.icons .cnt .box {
  float: left;
  width: calc(20% - 12px);
  min-width: 220px;
  padding: 10px;
  border: 1px solid #DBDBDB;
  border-radius: 5px;
  font-size: 1.4rem;
  cursor: pointer;
}
.contentcont .dashboard.icons .cnt .box:before {
  float: left;
  font: normal normal normal 4rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  color: #1976D2;
  content: "\e897";
  margin-right: 10px;
}
.contentcont .dashboard.icons .cnt .box:hover {
  border: 1px solid #a8a8a8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}
.contentcont .dashboard.icons .cnt .box.invoices:before,
.contentcont .dashboard.icons .cnt .box.sap:before {
  content: "\e845";
}
.contentcont .dashboard.icons .cnt .box.reclaims:before {
  content: "\e84a";
}
.contentcont .dashboard.icons .cnt .box.watchdogs:before {
  content: "\e871";
}
.contentcont .dashboard.icons .cnt .box.favourites:before {
  content: "\e841";
}
.contentcont .dashboard.icons .cnt .box.compare:before {
  content: "\f24e";
}
.contentcont .dashboard.icons .cnt .box a {
  float: left;
  font-size: 1.6rem;
  font-weight: bold;
  color: #424242;
  margin-bottom: 5px;
  text-decoration: none;
}
.contentcont .dashboard.icons .cnt .box .detail {
  float: left;
  width: calc(100% - 50px);
}
.contentcont .dashboard.icons .cnt .box .detail div {
  float: left;
  clear: both;
}
.contentcont .dashboard.icons .cnt .box .detail p {
  float: left;
  padding: 2px 0;
}
.contentcont .dashboard.icons .cnt .box .detail .count {
  float: left;
  margin-left: 5px;
  padding: 2px 0;
}
.contentcont .dashboard.icons .cnt .box .detail .count.act {
  background: #FF9800;
  color: white;
  width: auto;
  min-width: 2rem;
  height: 2rem;
  display: inline-block;
  text-align: center;
  float: left;
  border-radius: 100px;
  background-clip: padding-box;
  padding: 2px 6px;
  font-size: 1.4rem;
  font-weight: normal;
}
.contentcont .dashboard .menu-info {
  float: left;
  clear: left;
  width: 100%;
}
/* footer */
#footercont {
  background: #FFFFFF;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  margin-top: 10px;
}
#footercont .boxcont {
  margin: 0;
}
#footercont .footerinfo {
  float: left;
  clear: left;
  width: 100%;
  padding: 0 10px;
  margin: 0;
}
#footercont .footerinfo .cnt {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#footercont .footerinfo .cnt .company {
  flex: 1;
}
#footercont .footerinfo .cnt .oldversion {
  display: flex;
  flex: 3;
  justify-content: center;
}
#footercont .footerinfo .cnt .copyright {
  line-height: 1.5;
}
#footercont .footerinfo .cnt .copyright a {
  font-size: 1.2rem;
}
#footercont .eet {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  font-size: 1rem;
  padding: 5px 0;
}
#footercont .support {
  float: left;
  clear: left;
  width: 100%;
  color: #FFFFFF;
  padding: 5px 10px;
  background: #1E88E5;
}
#footercont .support span {
  float: left;
}
#footercont .support span:after {
  content: "|";
  margin: 0 10px;
  color: #FFFFFF;
  opacity: 0.66666667;
}
#footercont .support span:last-child:after {
  content: "";
}
#footercont .support span a {
  color: #FFFFFF;
}
#footercont .support .comman {
  font-size: 1.3rem;
}
#footercont .support .comman a {
  color: #FFFFFF;
}
#footercont .social {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 30px;
}
#footercont .social li {
  float: left;
  margin-right: 20px;
}
#footercont .social li a:hover {
  text-decoration: none;
}
#footercont .social li a i {
  color: #757575;
  margin: 0;
}
#footercont .social li:last-child {
  margin-right: 0;
}
#footercont .newsletter .cnt {
  position: relative;
}
#footercont .newsletter .msg.format {
  position: absolute;
  top: 40px;
}
#footercont .newsletter label {
  clear: both;
}
#footercont .paymentcont {
  float: left;
  clear: left;
  width: 100%;
}
#footercont .paymentcont li {
  float: left;
  margin-right: 10px;
}
#footercont .paymentcont li a:hover {
  text-decoration: none;
}
#footercont .paymentcont li a i {
  color: #757575;
  margin: 0;
  padding-right: 20px;
}
#footercont .paymentcont li a i.icon-cc-visa {
  width: 46px;
}
#footercont .paymentcont li a i.icon-credit_card {
  width: auto;
}
#footercont .paymentcont li a.quatro {
  background: transparent url("../img/quatro_logo.svg") no-repeat;
  width: 108px;
  height: 36px;
  float: left;
  filter: grayscale(1);
}
#footercont .paymentcont li:last-child {
  margin-right: 0;
}
#footercont .info-deliv {
  float: left;
  clear: left;
  width: 16.6666%;
  padding: 20px 10px 10px 20px;
}
#footercont .info-deliv li {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 10px;
}
#footercont .info-deliv li a {
  color: #212121;
  display: flex;
}
#footercont .info-deliv li a i {
  color: white;
  background: #1E88E5;
  padding: 5px 0;
  width: 1.5em;
  margin: 0 20px 0 0;
}
#footercont .info-deliv li a span {
  display: flex;
  flex-direction: column;
}
#footercont .info-deliv li a span:hover {
  color: #1976D2;
}
#footercont .info-deliv li a b {
  font-size: 1.6rem;
}
#footercont .info-deliv li a:hover {
  text-decoration: none;
}
#footercont .info-deliv li.delivery_2 i {
  background: #00A46C;
}
#footercont .info-deliv li.delivery_3 i {
  background: #BF0000;
}
#footercont .info-deliv li.delivery_4 i {
  background: #F9BA2B;
}
#footercont .benefits {
  float: left;
  width: 83.3333%;
  padding: 20px 20px 0px 10px;
}
#footercont .benefits li {
  float: left;
  width: 20%;
}
#footercont .benefits li a.name {
  font-size: 2.4rem;
  color: #1976D2;
  float: left;
  width: 100%;
  text-align: center;
  padding-right: 20px;
  white-space: nowrap;
}
#footercont .benefits li li {
  width: 100%;
  clear: left;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #616161;
  padding: 5px 20px 10px 0;
  text-align: center;
}
#footercont .benefits li li .heureka,
#footercont .benefits li li .pricemania,
#footercont .benefits li li .najnakup,
#footercont .benefits li li .iso1,
#footercont .benefits li li .iso2 {
  width: 100%;
  height: 80px;
  float: left;
  clear: left;
}
#footercont .benefits li li .heureka {
  background: url(../img/heureka_overene.svg) no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
#footercont .benefits li li .pricemania {
  background: url(../img/pricemania_overene.svg) no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
#footercont .benefits li li .najnakup {
  background: url(../img/najnakup_overene.svg) no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
#footercont .benefits li li .iso1 {
  background: url(../img/iso_9001-2015.svg) no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
#footercont .benefits li li .iso2 {
  background: url(../img/iso_14001.svg) no-repeat;
  background-position: center center;
  background-size: auto 100%;
}
#footercont .links {
  float: left;
  clear: left;
  width: 16.6666%;
  padding: 20px 10px 20px 20px;
}
#footercont nav {
  float: left;
  width: 83.3333%;
  padding: 0 20px 0 10px;
}
.lastvisited {
  float: left;
  clear: left;
  width: 100%;
  padding: 10px 20px 0 20px;
  margin: 0 !important;
  overflow: hidden;
}
.lastvisited .hdr p {
  font-size: 2.4rem;
}
.lastvisited .box {
  padding: 10px;
  border-right: 1px solid #DBDBDB;
  min-height: 160px;
}
.lastvisited .box .name {
  height: 3.2rem;
  overflow: hidden;
  text-align: center;
  font-weight: normal;
  font-size: 1.2rem;
}
.lastvisited .box .name a {
  font-size: 1.3rem;
}
.lastvisited .box .img {
  margin: 20px auto 10px auto;
  text-align: center;
}
.lastvisited .box .img img {
  max-width: 75px;
  max-height: 75px;
}
.lastvisited .box.last-item {
  border: none;
}
.lastvisited .box:not(.tns-item) {
  float: left;
  width: 12.5%;
}
.lastvisited .box:not(.tns-item):first-child {
  padding-left: 0;
}
.lastvisited .box:not(.tns-item):last-child {
  border-right: none;
  padding-right: 0;
}
.lastvisited .tns-inner {
  margin: 0px -10px !important;
}
.lastvisited .tiny-slider {
  padding: 10px 0 20px 0;
  overflow: hidden;
  max-height: 180px;
}
.lastvisited .tns-ovh {
  width: 100%;
}
.msg.err,
.msg.format {
  clear: both;
}
.tabform {
  width: 100%;
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 5px;
}
.tabform.half {
  width: 50%;
  float: left;
}
.tabform th {
  width: 45%;
  text-align: right;
  padding: 3px;
  font-size: 1.4rem;
}
.tabform th:not(:empty):not(.notdeliv):after {
  content: " :";
}
.tabform th.req:before {
  content: "*";
}
.tabform th.top {
  vertical-align: top;
}
.tabform td {
  width: 55%;
  text-align: left;
  padding: 3px;
}
.tabform a {
  padding: 3px 0;
}
.tabform ul {
  float: left;
  clear: left;
}
.tabform ul li {
  clear: left;
}
.tabform select,
.tabform input,
.tabform .custom-select,
.tabform .custom-multi-select {
  width: 50%;
  max-width: 350px;
  min-width: 150px;
  margin: 0 6px 0 0;
}
.tabform p {
  float: left;
  padding: 7px 0;
  margin: 0 6px 0 0;
}
.tabform textarea {
  width: 100%;
}
.tabform .large {
  width: 100%;
  max-width: none;
}
.tabform .small {
  width: 25%;
  min-width: 100px;
}
.tabform .xsmall {
  width: 10%;
  min-width: 50px;
}
.tabform .tabdetailparthead {
  font-size: 2.2rem;
  line-height: 2.5;
}
.tabinfo {
  width: 100%;
  margin-bottom: 10px;
}
.tabinfo.autowidth {
  width: auto;
  float: left;
}
.tabinfo.autowidth th,
.tabinfo.autowidth td {
  padding: 5px !important;
  text-align: center !important;
}
.tabinfo.half {
  float: left;
  width: 50%;
}
.tabinfo tr:first-child th,
.tabinfo tr:first-child td {
  padding-top: 10px;
}
.tabinfo tr:last-child th,
.tabinfo tr:last-child td {
  padding-bottom: 10px;
}
.tabinfo tr.hr th,
.tabinfo tr.hr td {
  border-bottom: 2px solid silver;
}
.tabinfo th {
  width: 45%;
  text-align: right;
  padding: 5px;
  font-size: 1.4rem;
  font-weight: normal;
}
.tabinfo th:not(:empty):not(.notdeliv):after {
  content: ":";
}
.tabinfo th.req:before {
  content: "*";
}
.tabinfo th select,
.tabinfo th .custom-select {
  float: right;
}
.tabinfo th.col-price {
  text-align: right !important;
}
.tabinfo th.state {
  min-width: 110px;
}
.tabinfo td {
  width: auto;
  text-align: left;
  padding: 5px;
  font-size: 1.4rem;
}
.tabinfo td input:disabled {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  width: 25%;
  min-width: 225px;
}
.tabinfo td.col-price {
  text-align: right !important;
}
.tabinfo td.state {
  min-width: 110px;
}
.tabinfo p {
  float: left;
}
.tabinfo p.mar-right {
  margin-right: 5px;
}
.tabinfo p.before-btn {
  padding: 10px 5px 10px 0;
}
.tabinfo p.ordcodeo,
.tabinfo p.reccodec {
  clear: left;
  margin-top: 5px;
}
.tabinfo span {
  float: none;
  font-weight: bold;
}
.tabinfo a {
  font-size: 1.4rem;
}
.tabinfo .btn span {
  float: none;
}
.tabinfo ul {
  float: left;
  clear: left;
  margin: 3px 0;
}
.tabinfo ul li {
  clear: left;
}
.tabinfo .nodata td {
  text-align: center;
  padding: 30px 0;
  font-size: 1.4rem;
  font-weight: bold;
}
.tabinfo.tabedit input,
.tabinfo.tabedit select,
.tabinfo.tabedit textarea,
.tabinfo.tabedit .custom-select {
  width: 25%;
  min-width: 225px;
}
.tabinfo .custom-select {
  width: 25%;
  min-width: 225px;
}
.tabinfo.hor tr:first-child th {
  padding-top: 10px;
}
.tabinfo.hor th {
  width: auto;
  text-align: left;
  background: #f5f5f5 !important;
  border-bottom: 1px solid #DBDBDB;
}
.tabinfo.hor th:not(:empty):after {
  content: "";
}
.tabinfo.hor th.tools {
  text-align: right;
}
.tabinfo.hor th.tools .custom-select {
  float: right;
  width: 100px;
}
.tabinfo.hor th.tools .btn {
  float: right;
  margin: 0;
}
.tabinfo.hor th.tools a.btn {
  float: right;
}
.tabinfo.hor th .arr {
  width: auto;
  margin: 0 2px;
}
.tabinfo.hor th .arr.act {
  color: rgba(7, 46, 92, 0.8);
}
.tabinfo.hor td {
  width: auto;
  border-bottom: 1px solid #DBDBDB;
}
.tabinfo.hor td.tools .custom-select {
  float: right;
  width: 80px;
}
.tabinfo.hor td.tools .btn {
  float: right;
  min-width: auto;
}
.tabinfo.hor td.tools .btn-inv span {
  font-weight: normal;
}
.tabinfo.fcoldata td:not(.notafter):first-child {
  text-align: right;
  font-weight: bold;
  width: 20%;
}
.tabinfo.fcoldata td:not(.notafter):first-child:not(:empty):after {
  content: " :";
}
.tabinfo.sender {
  width: auto;
  float: left;
}
.tabinfo.receiver {
  width: auto;
  float: right;
  clear: left;
}
.tabinfo.ordsumtab,
.tabinfo.invsumtab {
  border: none;
  width: auto;
  float: right;
}
.tabinfo.ordsumtab th,
.tabinfo.invsumtab th,
.tabinfo.ordsumtab td,
.tabinfo.invsumtab td {
  width: auto;
  font-weight: normal;
  vertical-align: bottom;
}
.tabinfo.ordsumtab th span,
.tabinfo.invsumtab th span,
.tabinfo.ordsumtab td span,
.tabinfo.invsumtab td span {
  float: right;
  font-weight: normal;
}
.tabinfo.ordsumtab td,
.tabinfo.invsumtab td {
  text-align: right;
}
.tabinfo.ordsumtab .wvat th,
.tabinfo.invsumtab .wvat th,
.tabinfo.ordsumtab .wvat span,
.tabinfo.invsumtab .wvat span {
  font-weight: bold;
}
.tabinfo.ordsumtab .wvat span,
.tabinfo.invsumtab .wvat span {
  font-size: 2.2rem;
}
.tabinfo.promogifts img {
  max-width: 75px;
  max-height: 75px;
}
.tabedit th,
.tabedit td {
  background: #f5f5f5 !important;
}
.boxcont.msgbox {
  float: left;
  clear: left;
  width: 100%;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 10px 15px;
  margin: 10px 0 20px 0 !important;
  font-size: 1.6rem;
  line-height: 1;
  border: none !important;
  box-shadow: none !important;
  max-width: 100% !important;
  text-transform: none;
  text-align: left;
  font-weight: normal;
}
.boxcont.msgbox.success {
  background: #d1fee8 !important;
}
.boxcont.msgbox.warning {
  background: rgba(240, 230, 50, 0.4) !important;
}
.boxcont.msgbox.err {
  background: #FFCDD2 !important;
}
.boxcont.msgbox.err .hdr p:before {
  font: normal normal normal 2.2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e83e";
  margin-right: 5px;
  color: red;
}
.boxcont.msgbox a {
  font-size: 1.8rem;
}
.boxcont.msgbox .hdr {
  border: none !important;
  background: none !important;
}
.boxcont.msgbox .hdr p {
  font-weight: bold;
  font-size: 1.8rem;
  margin: 0;
}
.boxcont.msgbox .hdr a {
  font-size: 1.6rem;
}
.boxcont.msgbox .cnt p {
  float: left;
  clear: both;
  margin: 5px 0;
}
.boxcont.search {
  width: 40%;
  min-width: 230px;
  max-width: 500px;
  padding: 2px;
  margin-left: 20px !important;
  transition: padding 0.2s ease-out;
  border: 2px solid #DBDBDB;
  border: none;
  max-width: 600px;
  border-radius: 5px;
  background-clip: padding-box;
}
.boxcont.search input {
  width: 100%;
  margin: 0;
  border: none;
  color: #000;
  background-color: #ffffff;
  /* fix safari */
  font-size: 1.7rem;
  line-height: 1.9rem;
  padding: 12px 100px 12px 35px;
}
.boxcont.search input:focus {
  border: none;
  box-shadow: none;
}
.boxcont.search .cnt {
  padding: 0;
  position: relative;
}
.boxcont.search .cnt:before {
  font: normal normal normal 2.4rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e88f";
  color: #9E9E9E;
  position: absolute;
  top: 8px;
  left: 5px;
  margin-left: 0;
}
.boxcont.search .btn-search {
  position: absolute;
  right: 0;
  margin: 1px 2px 0 2px;
  padding: 9px 15px;
  margin: 3px 2px 0 2px;
  background: #1976D2;
}
.boxcont.search .btn-search:before {
  margin: 0;
  display: none;
}
.boxcont.search .btn-search span {
  text-transform: uppercase;
  font-weight: normal;
  font-size: 1.6rem;
}
/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 22px;
  cursor: pointer;
  float: left;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 1px;
  width: 14px;
  height: 14px;
  border: 1px solid #757575;
  background: #FFFFFF;
  border-radius: 3px;
}
[type="checkbox"]:not(:checked).err + label:before {
  border: 1px solid red !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}
[type="checkbox"]:checked + label:before {
  background: rgba(25, 118, 210, 0.8);
  border: 1px solid #1976D2;
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: "\2713";
  position: absolute;
  top: 0;
  left: 4px;
  font-size: 12px;
  color: white;
  transition: all 0.2s;
  font-weight: bold;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* Base for label styling */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative;
  padding-left: 20px;
  cursor: pointer;
}
/* radio aspect */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0px;
  width: 13px;
  height: 13px;
  border: 1px solid #757575;
  background: white;
  border-radius: 8px;
}
[type="radio"]:checked + label:before {
  background: #1976D2;
  border: 1px solid #1976D2;
}
/* checked mark aspect */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 9px;
  height: 9px;
  border: 2px solid white;
  border-radius: 100px;
  background-clip: padding-box;
  transition: all 0.2s;
}
/* checked mark aspect changes */
[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled radio */
[type="radio"]:disabled:not(:checked) + label:before,
[type="radio"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="radio"]:disabled:checked + label:after {
  color: #999;
}
[type="radio"]:disabled + label {
  color: #aaa;
}
[type="search"]::-webkit-search-cancel-button {
  appearance: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 14px 14px;
  background-image: -webkit-gradient(linear, left top, right bottom, from(transparent), color-stop(0.45, transparent), color-stop(0.45, gray), color-stop(0.55, gray), color-stop(0.55, transparent), to(transparent)), -webkit-gradient(linear, right top, left bottom, from(transparent), color-stop(0.45, transparent), color-stop(0.45, gray), color-stop(0.55, gray), color-stop(0.55, transparent), to(transparent)) !important;
  box-sizing: border-box;
  height: 14px;
  width: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 0.5em;
  border-radius: 1em;
}
/* hover style just for information */
label:hover:before {
  border: 1px solid #1976D2 !important;
}
#popupbckg {
  position: fixed;
  width: 100%;
  height: 100%;
}
.modal-popup {
  background: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  overflow-y: auto;
  padding: 10px;
  position: fixed;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 99;
  width: inherit;
}
.modal-popup .gdpr-detail {
  display: block;
}
.modal-popup .stiadvsrv .orbitem td {
  background: #ffffff;
}
.modal-popup.webapekavail .modal-content {
  background: #ffffff;
  overflow-y: auto;
  max-width: 600px;
}
.modal-popup.webapekavail .modal-content iframe {
  min-height: 615px;
}
.modal-popup.cookie .modal-content {
  background: white;
}
.modal-popup.cookie .modal-content button.detail-link {
  float: right;
  font-size: 1.4rem;
}
.modal-popup.cookie .modal-content label {
  font-size: 1.6rem;
  font-weight: bold;
}
.modal-popup.cookie .modal-content .boxcont p {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.2rem;
}
.modal-popup.cookie .modal-content .tabinfo th,
.modal-popup.cookie .modal-content .tabinfo td {
  font-size: 1.2rem;
}
.modal-popup.cookie .modal-content .table-scroll {
  height: 300px;
  overflow-y: scroll;
}
.modal-popup.cookie .modal-content .ftr {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
  .modal-popup.cookie .modal-content .ftr {
    flex-direction: column-reverse;
  }
  .modal-popup.cookie .modal-content .ftr .btn span {
    width: 100%;
  }
}
.modal-popup.cookie .modal-content .ftr .btn {
  margin: 0;
}
.modal-popup.cookie-1 .modal-content {
  max-width: 980px;
  font-size: 1.4rem;
}
.modal-popup.watchdog .modal-content {
  max-width: 550px;
}
.modal-popup.watchdog .modal-content .boxcont {
  margin: 0;
}
.modal-popup.watchdog .modal-content .boxcont .cnt {
  padding: 0;
}
.modal-popup.watchdog .modal-content .btn {
  float: right;
  margin: 0;
}
.modal-popup.login .modal-content {
  background: #f5f5f5;
  max-width: 360px;
}
.modal-popup.login .modal-content .cnt {
  padding: 10px 0;
}
.modal-popup.basket-add .modal-content {
  background: white;
  max-width: 600px;
  position: relative;
  margin: 0 auto;
  top: 25%;
}
.modal-popup.basket-add .modal-content .failure .hdr p:before {
  content: "\e894";
  color: red;
}
.modal-popup.basket-add .modal-content .hdr p:before {
  font: normal normal normal 2.4rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e8ad";
  color: green;
  margin-right: 20px;
}
.modal-popup.basket-add .modal-content .cnt {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 30px 0;
}
.modal-popup.basket-add .modal-content .cnt .img {
  min-width: 100px;
  min-height: 100px;
}
.modal-popup.basket-add .modal-content .cnt .img img {
  max-width: 100px;
  max-height: 100px;
}
.modal-popup.basket-add .modal-content .cnt .stiplname p {
  font-size: 1.8rem;
  color: #1976D2;
}
.modal-popup.basket-add .modal-content .ftr {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 480px) {
  .modal-popup.basket-add .modal-content .ftr {
    flex-direction: column-reverse;
  }
  .modal-popup.basket-add .modal-content .ftr .btn:before,
  .modal-popup.basket-add .modal-content .ftr .btn:after {
    display: none;
  }
  .modal-popup.basket-add .modal-content .ftr .btn span {
    width: 100%;
  }
}
.modal-popup.basket-add .modal-content .ftr .btn-back {
  padding-left: 20px;
}
.modal-popup.basket-add .modal-content .ftr .btn-next {
  padding-right: 20px;
}
.modal-popup.eprelinfo .modal-content {
  text-align: center;
}
.modal-popup.eprelinfo .modal-content .hdr {
  margin-bottom: 15px;
}
.modal-popup.eprelinfo .modal-content .hdr p {
  font-size: 2.4rem;
}
.modal-popup.eprelinfo .modal-content img {
  max-width: 250px;
}
.modal-popup.iframe .modal-content {
  height: calc(100vh - 100px);
}
.modal-popup.demtoplaceinfo .hdr p {
  font-size: 2.4rem;
  padding-bottom: 20px;
}
.modal-content {
  position: relative;
  width: 60%;
  max-width: 600px;
  background: #ffffff;
  border-radius: 4px;
  background-clip: padding-box;
  display: inline-block;
  max-width: 100%;
  outline: none;
  padding: 30px;
  text-align: left;
  box-shadow: 0 0 6px 2px rgba(50, 50, 50, 0.3);
}
.modal-content .btn-close {
  position: absolute;
  top: 30px;
  right: 30px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  color: #1976D2;
  min-width: auto;
  box-shadow: none;
}
.modal-content .btn-close:before {
  font-size: 3.2rem;
}
.modal-content .btn-close:hover {
  box-shadow: none;
  opacity: initial;
}
.modal-content .navbar {
  display: none;
}
.modal-content .boxcont .hdr h1 {
  font-size: 2.4rem;
  padding-top: 0;
  margin: 0;
}
.modal-content .boxcont .hdr p {
  font-size: 2.4rem;
  padding-top: 0;
}
.modal-content .boxcont .cnt {
  padding: 10px 0;
}
.modal-content .boxcont .cnt p {
  font-size: 1.5rem;
}
.modal-content iframe {
  height: 95%;
}
@media screen and (max-width: 1500px) {
  .modal-content {
    width: 70%;
  }
}
@media screen and (max-width: 1024px) {
  .modal-content {
    width: 80%;
  }
}
@media screen and (max-width: 768px) {
  .modal-content {
    width: 90%;
  }
}
@media screen and (max-width: 640px) {
  .modal-content {
    width: 100%;
    padding: 20px;
  }
  .modal-content .btn-close {
    top: 20px;
    right: 20px;
  }
}
.srchform {
  float: left;
  clear: left;
  width: 100%;
  padding: 15px 0 0 0;
}
.srchform .item {
  float: left;
}
.srchform .item input,
.srchform .item select {
  min-width: 70px;
  max-width: 120px;
}
.srchform .item p {
  font-size: 1.3rem;
  padding: 0 5px;
  color: #656565;
}
.srchform .item [type="checkbox"] + label {
  margin: 10px 10px 10px 5px;
  color: #1976d2;
  font-size: 1.4rem;
}
.srchform .item [type="checkbox"] + label:hover {
  text-decoration: underline;
}
.srchform .item [type="radio"] + label {
  margin: 10px 6px 10px 0;
}
.srchform .item [type="date"] {
  max-width: 130px;
  padding: 4px 0 4px 7px;
}
.srchform .item .btn {
  margin: 19px 6px 4px 0;
  padding: 7px;
}
.srchtools,
.toolbar {
  float: left;
  clear: left;
  width: 100%;
  padding-bottom: 7px;
  border-bottom: 1px solid #DBDBDB;
}
.srchtools .btn,
.toolbar .btn {
  min-width: 0;
}
.toolbar .btn {
  padding: 10px 15px;
  text-transform: uppercase;
}
.contentcont.webnewss img {
  max-width: 250px;
  max-height: 150px;
}
.contentcont.webnewss .name:before {
  content: " ";
  background: rgba(255, 0, 0, 0.8);
  width: 1em;
  height: 1em;
  border-radius: 1em;
  background-clip: padding-box;
  display: block;
  color: transparent;
  float: left;
  margin-right: 5px;
}
.contentcont.webnewss .name.act:before {
  background: rgba(0, 255, 0, 0.8);
}
.popuppage {
  padding: 10px;
}
.popuppage .boxcont {
  width: 100%;
}
.popuppage .table-scroll {
  border: none;
}
#cookieConsent {
  position: fixed;
  left: 0;
  bottom: 0;
  float: left;
  clear: left;
  width: 100%;
  height: 270px;
  min-height: 0;
  background: rgba(219, 219, 219, 0.97);
  box-shadow: 2px 2px 14px 4px #DBDBDB;
  z-index: 101;
  display: flex;
  justify-content: center;
  align-items: center;
}
#cookieConsent .boxcont {
  max-width: 780px;
  padding: 10px;
  margin: 0;
}
#cookieConsent .boxcont .hdr p {
  font-size: 2.2rem;
}
#cookieConsent .boxcont p {
  font-size: 1.3rem;
}
#cookieConsent .boxcont .buttons {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 15px 0;
}
@media screen and (max-width: 640px) {
  #cookieConsent .boxcont .buttons {
    flex-direction: column-reverse;
  }
  #cookieConsent .boxcont .buttons .btn span {
    width: 100%;
  }
}
#cookieConsent .boxcont .buttons .btn {
  margin: 0;
}
#cookieConsent .boxcont .buttons .btn.btn-inv {
  text-transform: none;
  font-weight: normal;
}
#cookieConsent .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  min-width: 0;
  margin: 15px;
}
#cookieConsent .btn-close:before {
  font-size: 2.5rem;
  color: #212121;
}
.boxcont.navbar {
  padding: 10px 0;
  margin: 0;
}
.boxcont.navbar ul {
  float: left;
  clear: left;
  width: 100%;
}
.boxcont.navbar ul li {
  margin-right: 5px;
}
.boxcont.navbar ul li:before {
  float: left;
  content: "\e824";
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  margin-right: 5px;
  color: #212121;
}
.boxcont.navbar ul li * {
  white-space: nowrap;
  color: #1976D2;
  float: left;
  font-size: 1.6rem;
}
.boxcont.navbar ul li a:hover:before {
  text-decoration: none;
}
.boxcont.navbar ul li a span:hover {
  text-decoration: underline;
}
.boxcont.navbar ul li h1 {
  font-weight: normal;
}
.boxcont.navbar ul li p span {
  font-size: 1.4rem;
  color: #616161;
  padding-top: 2px;
}
.boxcont.navbar ul li.hp:before {
  content: "";
}
.boxcont.navbar ul li.hp a:before {
  display: none;
}
.article .anotation {
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px 0;
}
.article .content ul {
  list-style-type: disc;
  padding-left: 40px;
  margin: 1rem 0;
}
.article .content ul li {
  float: none;
}
.buybox {
  float: left;
}
.buybox .qty {
  float: left;
  clear: left;
  width: 32px;
  font-weight: bold;
  text-align: center;
}
.qtybox {
  position: relative;
  float: left;
}
.qtybox .up,
.qtybox .down {
  right: 0;
  display: none;
  cursor: pointer;
  position: absolute;
  background: #F5F5F5 !important;
}
.qtybox .up:before,
.qtybox .down:before {
  content: "\e800";
}
.qtybox .down {
  left: 0;
}
.qtybox .down:before {
  content: "\e888";
}
.qtybox.icon {
  border: 1px solid #DBDBDB;
  border-radius: 3px;
  background-clip: padding-box;
}
.qtybox.icon input {
  margin: 0 20px;
  border: none;
}
.qtybox.icon input:focus {
  box-shadow: none;
}
.qtybox.icon .up,
.qtybox.icon .down {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 29px;
  float: left;
  border-radius: 0 3px 0 3px;
  background-clip: padding-box;
}
.qtybox.icon .up:before,
.qtybox.icon .down:before {
  font-size: 1.6rem;
  font-weight: bold;
}
.qtybox.icon .down {
  border-radius: 3px 0 3px 0;
  background-clip: padding-box;
  left: 0;
}
.price {
  color: #1565C0;
  font-size: 1.1rem;
}
.price .wovat {
  float: left;
  clear: left;
  width: 100%;
  color: #212121;
}
.price .wovat span {
  font-weight: normal;
}
.price .wvat {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.5rem;
}
.price .wvat p {
  display: none;
}
.price .prclist {
  color: #212121;
}
.price span {
  float: left;
  font-weight: bold;
}
.price p {
  float: left;
}
.on-request {
  font-weight: bold;
}
.availability {
  float: left;
}
.availability .stock {
  float: left;
}
.availability .stock:before {
  float: left;
  font: normal normal normal 1.5rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  margin-right: 5px;
}
.availability .stock p {
  display: none;
  float: left;
  font-weight: bold;
  text-transform: uppercase;
}
.availability .stock.qty p {
  display: block;
}
.availability.inet .stock {
  cursor: pointer;
}
.availability.inet .stock p {
  display: block;
}
.availability .yes {
  color: #427f2e;
}
.availability .yes:before {
  content: "\e8ad";
}
.availability .no {
  color: red;
}
.availability .out {
  color: #1e78d1;
}
.availability .partly {
  color: red;
}
.availability .partly:before {
  content: "\f00c";
}
.availability .plane {
  color: black;
}
.availability .plane:before {
  content: "\f072";
}
.availability .store {
  float: left;
  margin: 0 5px 0 0;
}
.availability .store u {
  display: none;
}
/* product box */
.prodbox {
  position: relative;
  float: left;
  width: calc(25% + 1px);
  padding: 10px;
  border: 1px solid #DBDBDB;
  margin-top: -1px;
  margin-left: -1px;
  /* responsive styles */
}
.prodbox:hover {
  border: 1px solid #ABABAB;
  z-index: 1;
}
.prodbox:hover .buttons {
  display: block;
}
.prodbox:hover .img img {
  transform: scale(1.05);
}
.prodbox.article {
  max-height: 354px;
  min-height: 354px;
  background: none;
  overflow: hidden;
}
.prodbox.article .img img {
  max-width: 100%;
  max-height: 220px;
}
.prodbox.article h2 {
  font-size: 2rem;
  height: 2.8rem;
}
.prodbox.article p {
  float: left;
}
.prodbox.article:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-image: linear-gradient(to bottom, transparent 5px, white 100%);
}
.prodbox.config .price {
  margin: 0;
}
.prodbox.config .tools {
  min-height: auto;
}
.prodbox h2,
.prodbox h3,
.prodbox .prodname {
  float: left;
  clear: left;
  width: 100%;
  overflow: hidden;
  height: 4.4rem;
}
.prodbox h2 a,
.prodbox h3 a,
.prodbox .prodname a {
  font-size: 1.8rem;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.prodbox .cnt {
  position: relative;
  padding: 0;
}
.prodbox .img {
  float: left;
  clear: left;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  height: 180px;
  position: relative;
}
.prodbox .img a[data-link='product'] {
  display: flex;
  align-items: center;
  height: 180px;
}
.prodbox .img img {
  max-width: 190px;
  max-height: 190px;
  height: auto;
  width: auto;
  transition: all 0.4s;
}
.prodbox .note {
  float: left;
  clear: left;
  width: 100%;
  height: calc(4 * 2.1rem);
  line-height: 2rem;
  overflow: hidden;
  margin-bottom: 5px;
  font-size: 1.5rem;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.prodbox .price {
  float: left;
  clear: left;
}
.prodbox .price .wvat {
  font-size: 2.4rem;
}
.prodbox .price .wvat u {
  vertical-align: top;
  font-size: 1.6rem;
}
.prodbox .price .smp,
.prodbox .price .normalprc {
  font-size: 1.4rem;
}
.prodbox .price .smp span,
.prodbox .price .normalprc span {
  text-decoration: line-through;
  font-weight: bold;
  color: #212121;
}
.prodbox .price .smp u,
.prodbox .price .normalprc u {
  font-size: 1.4rem;
  font-weight: normal;
}
.prodbox .price.on-request {
  margin: 0 0 19px 0;
  font-size: 1.9rem;
}
.prodbox .status {
  position: absolute;
  top: -12px;
  left: 0;
  font-size: 1.3rem;
}
.prodbox .status .discount {
  padding: 5px 0;
}
.prodbox .status .sts .info,
.prodbox .status .sts .help {
  left: -6px;
  padding: 4px 0;
}
.prodbox .status-discount {
  left: auto;
  right: 0;
  top: -17px;
}
.prodbox .status-video {
  left: auto;
  right: 0;
  top: 118px;
  font-size: 0;
}
.prodbox .status-video:before {
  font: normal normal normal 2.5rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\f16a";
  color: #c4302b;
}
.prodbox .energy_class {
  position: absolute;
  top: 150px;
  right: 0;
  z-index: 1;
}
.prodbox .buttons {
  position: absolute;
  left: 0;
  top: 105px;
}
.prodbox .rew-var {
  position: absolute;
  top: 243px;
  cursor: help;
  float: left;
  clear: left;
  width: 100%;
}
.prodbox .rew-var .variants-info {
  float: right;
  font-size: 1.2rem;
}
.prodbox .review {
  float: left;
  gap: 5px;
}
.prodbox .review .star {
  margin: 0;
}
.prodbox .review .star:before {
  font-size: 1.2rem;
}
.prodbox .review .star span {
  display: none;
  margin-left: 5px;
  font-size: 1.1rem;
}
.prodbox .review .result {
  font-size: 1.1rem;
  color: #616161;
}
.prodbox .buttons.popup {
  display: none;
}
.prodbox .comp,
.prodbox .favour,
.prodbox .facebook {
  float: left;
  clear: left;
  margin: 5px 0;
  padding: 0;
  min-width: 0;
}
.prodbox .comp span,
.prodbox .favour span,
.prodbox .facebook span {
  display: none;
}
.prodbox .sirform {
  float: left;
  clear: left;
  display: none;
}
.prodbox .sirform label {
  margin: 8px 0;
  padding-left: 18px;
}
.prodbox .buybox {
  float: right;
  clear: right;
}
.prodbox .buybox .btn:before {
  font-size: 2rem;
}
.prodbox .availability {
  margin: 10px 0 5px 0;
  clear: left;
}
.prodbox .availability .store {
  margin: 0 0 0 5px;
}
.prodbox .availability .stock p {
  font-size: 1.4rem;
}
.prodbox .buybox .qtybox {
  display: none;
}
.prodbox .buybox .btn {
  margin: 0;
  padding: 7px 10px;
  min-width: 0;
  background: white;
  border: 1px solid #DBDBDB;
  border-radius: 5px;
  background-clip: padding-box;
}
.prodbox .buybox .btn:before {
  font-size: 2.6rem;
  color: #1976D2;
}
.prodbox .buybox .btn span {
  display: none;
}
.prodbox .stikeywords {
  float: left;
  margin: 5px 0 15px 0;
  line-height: 1.8rem;
  height: 4rem;
  overflow: hidden;
  color: #2196F3;
  font-size: 1.5rem;
  line-height: 2rem;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
}
.prodbox .code {
  float: right;
  clear: both;
  margin: 17px 0 5px 0;
  font-size: 1.1rem;
  color: #616161;
}
@media screen and (min-width: 1400px) {
  .prodbox:not(.config):not(.lite):nth-child(4n) {
    border-right: 1px solid #FFFFFF;
  }
  .prodbox:not(.config):not(.lite):nth-child(4n):hover {
    border-right: 1px solid #ABABAB;
  }
  .prodbox:not(.config):not(.lite):nth-child(4n+1) {
    border-left: 1px solid #FFFFFF;
  }
  .prodbox:not(.config):not(.lite):nth-child(4n+1):hover {
    border-left: 1px solid #ABABAB;
  }
}
@media screen and (max-width: 1399px) and (min-width: 820px) {
  .prodbox {
    width: calc(33.3333% + 1px);
  }
  .prodbox:not(.config):not(.lite):nth-child(3n) {
    border-right: 1px solid #FFFFFF;
  }
  .prodbox:not(.config):not(.lite):nth-child(3n):hover {
    border-right: 1px solid #ABABAB;
  }
  .prodbox:not(.config):not(.lite):nth-child(3n+1) {
    border-left: 1px solid #FFFFFF;
  }
  .prodbox:not(.config):not(.lite):nth-child(3n+1):hover {
    border-left: 1px solid #ABABAB;
  }
}
@media screen and (max-width: 819px) and (min-width: 481px) {
  .prodbox {
    width: calc(50% + 1px);
  }
  .prodbox:not(.config):not(.lite):nth-child(2n) {
    border-right: 1px solid #FFFFFF;
  }
  .prodbox:not(.config):not(.lite):nth-child(2n):hover {
    border-right: 1px solid #ABABAB;
  }
  .prodbox:not(.config):not(.lite):nth-child(2n+1) {
    border-left: 1px solid #FFFFFF;
  }
  .prodbox:not(.config):not(.lite):nth-child(2n+1):hover {
    border-left: 1px solid #ABABAB;
  }
}
@media screen and (max-width: 480px) {
  .prodbox {
    width: 100%;
    margin: 0;
  }
  .prodbox:not(.config):not(.lite) {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid #DBDBDB;
    padding-bottom: 15px;
  }
  .prodbox h2 {
    height: auto;
    max-height: 4.4rem;
  }
  .prodbox .stikeywords {
    height: auto;
    max-height: 4rem;
  }
  .prodbox .note {
    height: auto;
    max-height: calc(3 * 2rem);
  }
}
/* end product box */
/* start product box list*/
.prodbox.list {
  width: 100%;
  float: left;
  margin: 5px 0;
}
.prodbox.list.set {
  padding: 10px 0;
  margin: 0;
  border-bottom: 1px solid #DBDBDB !important;
}
.prodbox.list.set:nth-child(2n+1) .cnt {
  padding-right: 0;
  border-right: none;
}
.prodbox.list.set:nth-child(2n) {
  padding-left: 20px;
}
.prodbox.list.set .img {
  width: 230px;
  height: 130px;
  margin: 0;
}
.prodbox.list.set .img a {
  height: 130px;
}
.prodbox.list.set .img a:hover {
  text-decoration: none;
}
.prodbox.list.set .img img {
  max-width: 70px;
  max-height: 70px;
}
.prodbox.list.set .img.ysttid-0 a:first-child:after,
.prodbox.list.set .img.ysttid-2 a:first-child:after {
  content: "\e800";
  font: normal normal normal 3.2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  padding: 0 15px;
}
.prodbox.list.set .cnt {
  clear: none;
  width: calc(100% - 230px);
}
.prodbox.list.set .cnt h2,
.prodbox.list.set .cnt h3,
.prodbox.list.set .cnt .prodname {
  height: 2.2rem;
}
.prodbox.list.set .cnt h2 a,
.prodbox.list.set .cnt h3 a,
.prodbox.list.set .cnt .prodname a {
  font-size: 1.6rem;
}
.prodbox.list.set .cnt .img,
.prodbox.list.set .cnt .stikeywords,
.prodbox.list.set .cnt .code,
.prodbox.list.set .cnt .qtymax,
.prodbox.list.set .cnt .rew-var {
  display: none;
}
.prodbox.list.set .cnt .note {
  height: calc(2 * 2rem);
  margin: 5px 0 10px 0;
}
.prodbox.list.set .cnt .availability {
  margin: 33px 0 4px 0;
}
.prodbox.list.set .cnt .price-box {
  float: left;
  padding-right: 15px;
}
.prodbox.list.set .cnt .price-box .sale {
  font-size: 1.3rem;
  background: #F57C00;
  color: white;
  padding: 3px 5px;
  border-radius: 100px;
  background-clip: padding-box;
}
.prodbox.list.set .cnt .price-box .sale span {
  font-weight: normal;
}
.prodbox.list.set .cnt .price-box .sale u {
  font-size: 9px;
  vertical-align: top;
}
.prodbox.list.set .cnt .price-box .normalprc {
  clear: none;
  color: #616161;
  font-size: 1.4rem;
  margin-left: 10px;
  padding: 4px 0;
}
.prodbox.list.set .cnt .price-box .normalprc p {
  display: none;
}
.prodbox.list.set .cnt .price-box .normalprc span {
  font-weight: normal;
  text-decoration: line-through;
}
.prodbox.list.set .cnt .price-box .normalprc u {
  font-size: 9px;
  vertical-align: top;
}
.prodbox.list.set .cnt .price-box .advprc {
  float: right;
  font-size: 1.6rem;
  font-weight: bold;
  color: black;
  padding: 4px 0;
}
.prodbox.list.set .cnt .price-box .advprc p {
  display: none;
}
.prodbox.list.set .cnt .buybox {
  clear: none;
}
.prodbox.list.set .cnt .buybox .btn {
  background: #1E88E5;
  box-shadow: none;
}
.prodbox.list.set .cnt .buybox .btn:before {
  color: white;
}
.prodbox.list.set .cnt .buybox .btn span {
  display: initial;
  font-size: 1.6rem;
  text-transform: uppercase;
}
.prodbox.list.variants {
  display: flex;
  margin: 5px 0 0 0;
  padding: 5px 0 10px 0;
}
.prodbox.list.variants:hover {
  border: 1px solid #9e9e9e;
  z-index: 1;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}
.prodbox.list.variants .wrap {
  position: relative;
}
.prodbox.list.variants .wrap .status {
  left: auto;
  right: 0;
}
.prodbox.list.variants .wrap .status .discount {
  zoom: 0.8;
}
.prodbox.list.variants .img a:hover {
  text-decoration: none;
}
.prodbox.list.variants .img img {
  max-width: 85px;
  max-height: 85px;
}
.prodbox.list.variants .cnt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  clear: none;
  width: calc(100% - 150px);
  padding: 0 10px !important;
}
.prodbox.list.variants .cnt .prodname {
  align-content: center;
  height: 8.8rem;
}
.prodbox.list.variants .cnt .prodname a {
  font-size: 1.6rem;
  -webkit-line-clamp: 4;
}
.prodbox.list.variants .cnt .img {
  position: absolute;
  left: 0;
  top: 20px;
  width: 150px;
}
.prodbox.list.variants .cnt .wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.prodbox.list.variants .cnt .price-box {
  display: flex;
  flex-direction: row-reverse;
  gap: 5px;
}
.prodbox.list.variants .cnt .price-box .wvat {
  float: left;
  font-size: 1.6rem;
  font-weight: bold;
}
.prodbox.list.variants .cnt .price-box .wvat p {
  display: none;
}
.prodbox.list.variants .cnt .price-box .smp {
  text-decoration: line-through;
  font-size: 1.4rem;
  font-weight: normal;
  color: #616161;
}
.prodbox.list.variants .cnt .price-box .smp u {
  font-size: 9px;
  vertical-align: top;
}
.prodbox.list.variants .cnt .buybox {
  display: none;
}
/* end product box list*/
/* start products table */
.tabinfo.stitable {
  margin: 0;
  border: none;
}
.tabinfo.stitable th {
  white-space: nowrap;
  background: #FFF !important;
  font-size: 1.3rem;
  font-weight: normal;
  color: #616161;
  border: none;
  padding: 10px 0;
  text-align: center;
}
.tabinfo.stitable th.wvat {
  text-align: right;
}
.tabinfo.stitable .img {
  text-align: center;
}
.tabinfo.stitable .img img {
  max-width: 75px;
  max-height: 75px;
}
.tabinfo.stitable .name a {
  float: left;
  font-weight: bold;
}
.tabinfo.stitable .name .code {
  margin-top: 5px !important;
  font-size: 1.3rem !important;
  color: #424242;
}
.tabinfo.stitable .status .sts {
  float: left;
  margin: 0 2px;
}
.tabinfo.stitable .availability {
  float: none;
}
.tabinfo.stitable .ordcount .qtybox.icon input {
  float: left;
}
.tabinfo.stitable .ordcount input {
  float: none;
  max-width: 41px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
}
.tabinfo.stitable .wvat p {
  font-size: 1.3rem !important;
  font-weight: normal;
  color: #616161;
}
.tabinfo.stitable .price,
.tabinfo.stitable .totalprc {
  font-size: 1.6rem;
  padding-right: 10px;
}
.tabinfo.stitable .price span,
.tabinfo.stitable .totalprc span,
.tabinfo.stitable .price p,
.tabinfo.stitable .totalprc p {
  float: right;
  clear: both;
  white-space: nowrap;
}
.tabinfo.stitable .price u,
.tabinfo.stitable .totalprc u {
  font-size: 1rem;
  vertical-align: top;
}
.tabinfo.stitable .prcclient span {
  text-decoration: line-through;
}
.tabinfo.stitable .prcclient span * {
  text-decoration: line-through;
}
.tabinfo.stitable p {
  margin: 0;
  clear: left;
}
.tabinfo.stitable span {
  float: none;
}
.tabinfo.stitable .buybox {
  position: relative;
  float: right;
}
.tabinfo.stitable .buybox .btn-buy u {
  display: block;
}
.tabinfo.stitable .buyout .btn-close {
  float: right;
  background: none;
  border: none;
  box-shadow: none;
  color: red;
  min-width: auto;
  margin: 0;
  padding: 0;
}
.tabinfo.stitable .buyout .btn-close:before {
  font-size: 1.6em;
  margin: 0;
}
.tabinfo.stitable .comp,
.tabinfo.stitable .favour,
.tabinfo.stitable .facebook {
  background: none;
  border: none;
  color: #1976D2;
  box-shadow: none;
  text-align: left;
  float: left;
  clear: left;
  width: 100%;
  margin: 5px 0;
  padding: 0;
}
.tabinfo.stitable .comp:hover,
.tabinfo.stitable .favour:hover,
.tabinfo.stitable .facebook:hover {
  background: none;
}
.tabinfo.stitable .buttons {
  display: none;
  box-shadow: 0 0 2px 2px silver;
  border-radius: 4px;
  background-clip: padding-box;
  position: absolute;
  background: #FFFFFF;
  padding: 5px;
  z-index: 2;
  right: 5px;
  top: 32px;
}
.tabinfo.stitable .buttons.act {
  display: block;
}
/* end products table */
/* start status, case */
.status,
.case {
  position: relative;
  z-index: 1;
  opacity: 1;
}
.status .sts,
.case .sts,
.status .bundle,
.case .bundle,
.status .hook,
.case .hook,
.status .discount,
.case .discount,
.status .action,
.case .action {
  border-radius: 100px;
  background-clip: padding-box;
  color: white;
  margin: 3px 0;
  display: table;
}
.status .sts p,
.case .sts p,
.status .bundle p,
.case .bundle p,
.status .hook p,
.case .hook p,
.status .discount p,
.case .discount p,
.status .action p,
.case .action p,
.status .sts a,
.case .sts a,
.status .bundle a,
.case .bundle a,
.status .hook a,
.case .hook a,
.status .discount a,
.case .discount a,
.status .action a,
.case .action a {
  float: left;
  padding: 5px 10px;
  color: white;
}
.status .sts p:first-letter,
.case .sts p:first-letter,
.status .bundle p:first-letter,
.case .bundle p:first-letter,
.status .hook p:first-letter,
.case .hook p:first-letter,
.status .discount p:first-letter,
.case .discount p:first-letter,
.status .action p:first-letter,
.case .action p:first-letter,
.status .sts a:first-letter,
.case .sts a:first-letter,
.status .bundle a:first-letter,
.case .bundle a:first-letter,
.status .hook a:first-letter,
.case .hook a:first-letter,
.status .discount a:first-letter,
.case .discount a:first-letter,
.status .action a:first-letter,
.case .action a:first-letter {
  text-transform: uppercase;
}
.status .sts p span,
.case .sts p span,
.status .bundle p span,
.case .bundle p span,
.status .hook p span,
.case .hook p span,
.status .discount p span,
.case .discount p span,
.status .action p span,
.case .action p span,
.status .sts a span,
.case .sts a span,
.status .bundle a span,
.case .bundle a span,
.status .hook a span,
.case .hook a span,
.status .discount a span,
.case .discount a span,
.status .action a span,
.case .action a span {
  margin-left: 5px;
}
.status .sts .info,
.case .sts .info,
.status .bundle .info,
.case .bundle .info,
.status .hook .info,
.case .hook .info,
.status .discount .info,
.case .discount .info,
.status .action .info,
.case .action .info,
.status .sts .help,
.case .sts .help,
.status .bundle .help,
.case .bundle .help,
.status .hook .help,
.case .hook .help,
.status .discount .help,
.case .discount .help,
.status .action .help,
.case .action .help {
  left: -10px;
  padding: 6px 0;
}
.status .sts .info span,
.case .sts .info span,
.status .bundle .info span,
.case .bundle .info span,
.status .hook .info span,
.case .hook .info span,
.status .discount .info span,
.case .discount .info span,
.status .action .info span,
.case .action .info span,
.status .sts .help span,
.case .sts .help span,
.status .bundle .help span,
.case .bundle .help span,
.status .hook .help span,
.case .hook .help span,
.status .discount .help span,
.case .discount .help span,
.status .action .help span,
.case .action .help span {
  left: -80px;
  margin-top: 10px;
}
.status .sts .info:before,
.case .sts .info:before,
.status .bundle .info:before,
.case .bundle .info:before,
.status .hook .info:before,
.case .hook .info:before,
.status .discount .info:before,
.case .discount .info:before,
.status .action .info:before,
.case .action .info:before,
.status .sts .help:before,
.case .sts .help:before,
.status .bundle .help:before,
.case .bundle .help:before,
.status .hook .help:before,
.case .hook .help:before,
.status .discount .help:before,
.case .discount .help:before,
.status .action .help:before,
.case .action .help:before {
  color: white;
}
.status .sts:hover:has(.help, .info),
.case .sts:hover:has(.help, .info) {
  cursor: help;
}
.status .sts:hover:has(.help, .info) p,
.case .sts:hover:has(.help, .info) p {
  text-decoration: underline;
}
.status .sts:hover .info span,
.case .sts:hover .info span,
.status .sts:hover .help span,
.case .sts:hover .help span {
  display: block;
}
.status .sts13 span,
.case .sts13 span {
  font-weight: bold;
}
.status .freedeliv,
.case .freedeliv {
  background: #339900;
}
.status .discount,
.case .discount {
  width: 65px;
  height: 65px;
  background: #F57C00;
  font-size: 1.9rem;
  font-weight: bold;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.status .discount p,
.case .discount p {
  width: 100%;
  text-align: center;
}
.status .discount span,
.case .discount span {
  float: left;
  clear: left;
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
  font-weight: normal;
}
.status .short p,
.case .short p {
  padding: 5px;
}
.status .bundle,
.case .bundle,
.status .hook,
.case .hook {
  display: table;
  background: #1E88E5;
}
.status .hook,
.case .hook {
  background: #1E88E5;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.status .hook,
.case .hook {
  background: #D81B60;
}
.status .action.label,
.case .action.label {
  background: gray;
}
.status .action.timer,
.case .action.timer {
  padding: 5px 10px;
  background: #1565C0;
}
.status .cashback,
.case .cashback {
  background: #FF9933;
}
.status .showroom,
.case .showroom {
  background: #0070b6;
}
.status .config,
.case .config {
  background: #004977;
}
.status .license,
.case .license {
  background: #0070b6;
}
.status .state,
.case .state {
  background: #0070b6;
}
.status .student,
.case .student {
  background: #0070b6;
}
.status .variants,
.case .variants {
  background: #0070b6;
}
.status .coupon,
.case .coupon {
  background: #F57C00;
}
.status .coupon strong,
.case .coupon strong {
  font-size: 1.4rem;
}
.status .homecredit,
.case .homecredit {
  background: #F57C00;
}
/* end status, case */
/* start popup for hook */
.popup_listbox_cont:hover > .popup_listbox {
  display: block;
}
.popup_listbox {
  display: none;
  position: absolute;
  background: #FFFFFF;
  padding: 10px;
  z-index: 9;
  min-width: 350px;
}
/* end popup for hook */
/* start energy class */
.energy_class * {
  width: 44px;
  height: 24px;
  font-size: 0 !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.energy_class a {
  display: block;
}
.energy_class .a {
  background-image: url(../img/energy-label-a-left.svg);
}
.energy_class .b {
  background-image: url(../img/energy-label-b-left.svg);
}
.energy_class .c {
  background-image: url(../img/energy-label-c-left.svg);
}
.energy_class .d {
  background-image: url(../img/energy-label-d-left.svg);
}
.energy_class .e {
  background-image: url(../img/energy-label-e-left.svg);
}
.energy_class .f {
  background-image: url(../img/energy-label-f-left.svg);
}
.energy_class .g {
  background-image: url(../img/energy-label-g-left.svg);
}
.energy_class .appp-apppd {
  background-image: url(../img/energy-label-APPP-APPPDScale.svg);
}
.energy_class .app-apppd {
  background-image: url(../img/energy-label-APP-APPPDScale.svg);
}
.energy_class .ap-apppd {
  background-image: url(../img/energy-label-AP-APPPDScale.svg);
}
.energy_class .a-apppd {
  background-image: url(../img/energy-label-A-APPPDScale.svg);
}
.energy_class .b-apppd {
  background-image: url(../img/energy-label-B-APPPDScale.svg);
}
.energy_class .c-apppd {
  background-image: url(../img/energy-label-C-APPPDScale.svg);
}
.energy_class .d-apppd {
  background-image: url(../img/energy-label-D-APPPDScale.svg);
}
/* end energy class */
/* webnews */
.webnews .boxcont.carousel {
  position: relative;
}
.webnews .boxcont.carousel .prodbox .status {
  top: 78px;
}
.webnews .boxcont.carousel .prodbox .hook p {
  white-space: nowrap;
}
.carousel > .cnt {
  border: 1px solid #DBDBDB;
}
.carousel .prodbox:not(.config):not(.lite) {
  width: auto;
  border: none;
  border-right: 1px solid #DBDBDB;
  background: none;
  margin: 0;
  padding: 10px;
  border-left: 1px solid #FFFFFF;
}
.carousel .prodbox:not(.config):not(.lite):last-child {
  border-right: 1px solid #FFFFFF;
}
.carousel .prodbox:not(.config):not(.lite):hover {
  border-left: 1px solid #ABABAB !important;
  border-right: 1px solid #ABABAB !important;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}
.carousel .prodbox:not(.config):not(.lite) .note {
  display: none;
}
.carousel .prodbox:not(.config):not(.lite) .buttons {
  display: none !important;
}
.carousel .prodbox:not(.config):not(.lite) .availability {
  display: none;
}
.carousel .prodbox:not(.config):not(.lite) .buybox {
  display: none;
}
.carousel .prodbox:not(.config):not(.lite) .price {
  float: left;
  clear: left;
  width: 100%;
  margin: 0;
}
.carousel .prodbox:not(.config):not(.lite) .price .wvat {
  float: right;
  width: auto;
  font-size: 2.2rem;
}
.carousel .prodbox:not(.config):not(.lite) .price .wvat.prclist {
  position: relative;
  float: left;
}
.carousel .prodbox:not(.config):not(.lite) .price .wvat.prclist span {
  font-weight: normal;
}
.carousel .prodbox:not(.config):not(.lite) .price .wvat.prclist .over-line {
  display: inline;
  width: 106%;
  border-top: 2px solid red;
  left: -5px;
  top: 45%;
  position: absolute;
  transform: rotate(-15deg);
}
.carousel .prodbox:not(.config):not(.lite) .price .wvat u {
  font-size: 1.4rem;
  vertical-align: top;
}
.carousel .prodbox:not(.config):not(.lite) .price .wovat {
  display: none;
}
.carousel .prodbox:not(.config):not(.lite) .status .energy_class {
  display: none;
}
.carousel .prodbox:not(.config):not(.lite) .tools {
  min-height: 0;
}
.carousel .tns-controls button {
  top: calc(50% - 20px);
}
.images ul,
.images li,
.images a {
  float: left;
  clear: left;
  width: 100%;
}
.images ul img,
.images li img,
.images a img {
  width: 100%;
  height: auto;
}
.images li {
  margin: 0 0 10px 0;
}
.images li:last-child {
  margin: 0;
}
.news ul,
.news li {
  float: left;
  clear: left;
  width: 100%;
}
.news li {
  border-bottom: 1px solid #DBDBDB;
}
.news li .hdr {
  padding: 5px 0;
  border-bottom: 1px solid #DBDBDB !important;
}
.news li .hdr a {
  font-size: 1.6rem;
}
.news li .hdr .date,
.news li .hdr .top,
.news li .hdr .dealer {
  float: right;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 1px 0;
}
.news li .hdr .top {
  color: white;
  background: red;
  padding: 2px 5px;
  border-radius: 4px;
  background-clip: padding-box;
}
.news li .img {
  float: left;
  margin-right: 5px;
}
.news .detwn {
  float: left;
  clear: left;
  width: 100%;
  margin-top: 5px;
  font-weight: bold;
}
.news .detwn .moredet {
  margin-right: 5px;
}
.news .detwn .url {
  float: right;
}
.list ul {
  float: left;
  clear: left;
  width: 100%;
  list-style-type: decimal;
  list-style-position: inside;
}
.list ul li {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
  border-bottom: 1px solid #DBDBDB;
}
.list ul li:last-child {
  border: none;
}
.list ul a:hover {
  text-decoration: underline;
}
.tiny-slider li {
  list-style: none;
}
.banner.tiny-slider {
  margin: 0;
  max-height: 400px;
  overflow: hidden;
}
.banner.tiny-slider img {
  max-width: 100%;
}
.banner.tiny-slider img:not(.tns-lazy-img),
.banner.tiny-slider .lazyload img {
  height: auto;
}
.banner.tiny-slider .autoWidth img {
  max-width: none;
}
.banner.tiny-slider .autoHeight img {
  width: 100%;
}
#wn5 > .tns-item {
  text-align: center;
}
#wn5-ow {
  width: 75%;
}
#wn5-ow .tns-controls {
  display: none;
}
#wn5-nav {
  position: absolute;
  top: 5px;
  bottom: 0;
  right: 0;
  width: 25%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 15px;
}
#wn5-nav button {
  position: relative;
  width: 100%;
  text-align: left;
  border: none;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: normal;
  background: #F5F5F5;
  padding: 0 20px;
  height: 15%;
  min-height: 60px;
  cursor: pointer;
  border-radius: 5px;
  border: 1px solid #f5f5f5;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
#wn5-nav button:hover {
  border: 1px solid #a8a8a8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}
#wn5-nav button.tns-nav-active {
  background: aliceblue;
}
#wn5-nav button.tns-nav-active:before {
  content: " ";
  position: absolute;
  top: 0;
  left: -10px;
  width: 2px;
  height: 100%;
  display: block;
  float: left;
  background: #1E88E5;
}
#wn5-nav button span {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* end webnews */
#alertcontainer {
  position: fixed;
  width: 50%;
  top: 0;
  left: 25%;
  font-size: 1.2em;
  font-weight: bold;
  padding: 20px 30px;
  z-index: 9999;
}
#alertcontainer p {
  float: left;
  font-size: 1.5rem;
  color: white;
}
#alertcontainer a {
  color: #BBDEFB;
}
#alertcontainer .btn-close {
  float: right;
  background: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
  min-width: 0;
  font-size: 1.4em;
}
#alertcontainer .btn-close:before {
  margin: 0;
}
@keyframes slideDownAlert {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.alert-success {
  background: rgba(66, 66, 66, 0.98);
  animation: slideDownAlert 1s;
}
.alert-info {
  background: rgba(49, 176, 213, 0.98);
  animation: slideDownAlert 1s;
}
.alert-warning {
  background: rgba(255, 204, 0, 0.98);
  animation: slideDownAlert 1s;
}
.alert-danger {
  background: rgba(66, 66, 66, 0.98);
  animation: slideDownAlert 1s;
}
.prodlist {
  float: right;
  margin-left: 10px;
  position: relative;
  padding: 5px 0;
  transition: padding 0.2s ease-out;
}
.prodlist .hdr {
  position: relative;
}
.prodlist .hdr .btn {
  min-width: 0;
  margin: 0;
}
.prodlist .hdr .btn:before {
  font: normal normal normal 2.6rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  margin: 0;
  color: #f5f5f5;
}
.prodlist .cnt {
  display: none;
  background: #FFFFFF;
  position: absolute;
  right: 5px;
  top: 8px;
  width: 250px;
  padding: 10px !important;
  border: 1px solid #DBDBDB;
  margin: 33px 0 0 0;
  z-index: 9;
  box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.3);
}
.prodlist .cnt .name a:hover {
  text-decoration: underline;
}
.prodlist .cnt .remove {
  float: right;
  margin-top: 4px;
}
.prodlist .cnt .remove .btn-remove {
  padding: 3px 5px;
  line-height: 1.5rem;
}
.prodlist .count {
  background: #FF9800;
  color: white;
  height: 2rem;
  width: auto;
  min-width: 2rem;
  padding: 2px 6px;
  display: block;
  text-align: center;
  float: right;
  border-radius: 100px;
  background-clip: padding-box;
  font-size: 1.3rem;
  font-weight: normal;
  position: absolute;
  right: 0;
  top: -3px;
}
.prodlist li {
  border-bottom: 1px solid #DBDBDB;
}
.prodlist li:last-child {
  border: none;
}
.prodlist ul,
.prodlist li {
  float: left;
  clear: left;
  width: 100%;
}
.prodlist ul .img a,
.prodlist li .img a {
  float: left;
}
.prodlist ul .img img,
.prodlist li .img img {
  max-width: 35px;
}
.prodlist ul .name,
.prodlist li .name {
  float: left;
  line-height: 1em;
  height: 2.1em;
  overflow: hidden;
  width: 65%;
  margin: 5px;
}
.prodlist ul .name a,
.prodlist li .name a {
  width: 100%;
  height: 2rem;
  float: left;
}
.prodlist ul .remove,
.prodlist li .remove {
  float: left;
}
.boxcont.loading {
  position: absolute;
  border: none;
  display: flex;
  justify-content: center;
  padding: 10% 0;
  z-index: 1;
}
.boxcont.loading.products,
.boxcont.loading.ordrelationcont {
  align-items: center;
}
.boxcont.loading.orders {
  padding: 3% 0;
}
.boxcont.loading .loader {
  border: 5px solid #eeeeee;
  border-radius: 50%;
  border-top: 5px solid #1E88E5;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
.is-loading {
  opacity: 0.2;
  transition: opacity 0.5s;
}
.info,
.help {
  float: left;
  position: relative;
  z-index: auto;
  text-transform: none;
}
.info:before,
.help:before {
  font: normal normal normal 1.5rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e81d";
  color: #1976D2;
  cursor: help;
}
.info:hover span,
.help:hover span {
  display: block;
}
.info span,
.help span {
  display: none;
  position: absolute;
  padding: 10px;
  min-width: 200px;
  border-radius: 5px;
  background-clip: padding-box;
  z-index: 2;
  font-weight: normal;
  font-size: 1.4rem;
  border: 1px solid #c0c0c0;
  background-color: #424242;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  opacity: 0.98;
  color: white;
  left: -200px;
}
.help:before {
  font: normal normal normal 1.5rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e84e";
}
.popupcont {
  display: none;
  position: fixed;
  z-index: 9;
  padding: 30px;
  background: #F5F5F5;
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow: 0 0 5px 3px rgba(50, 50, 50, 0.5);
  min-width: calc(100vw / 4);
}
.popupcont .btn-close {
  position: absolute;
  top: 30px;
  right: 30px;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  color: #1976D2;
  min-width: auto;
  box-shadow: none;
  padding: 5px;
}
.popupcont .btn-close:before {
  font-size: 3.2rem;
}
.popupcont .btn-close:hover {
  box-shadow: none;
  opacity: initial;
}
.popupcont .btn-close:before {
  margin: 0;
}
@media screen and (max-width: 980px) {
  .popupcont {
    min-width: calc(100vw / 2);
  }
}
.popupcont .boxcont {
  float: left;
  clear: left;
  width: 100%;
  margin: 0;
}
.popupcont .boxcont .hdr p {
  padding: 0;
  font-size: 1.4rem;
}
.popupcont .boxcont .cnt {
  padding: 10px 0;
}
.popupcont .boxcont .cnt .stiplname {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
  font-size: 1.2rem;
  font-weight: bold;
}
.popupcont .boxcont .cnt .tabinfo {
  margin: 0;
}
.popupcont .boxcont .cnt .img {
  float: left;
}
.popupcont .boxcont .cnt .img img {
  width: 75px;
  height: 75px;
}
.popupcont .boxcont .cnt .price {
  float: right;
  clear: right;
  padding-bottom: 5px;
}
.popupcont .boxcont .ftr .btn {
  padding: 10px 15px;
}
.popupcont .boxcont .ftr .btn-next {
  float: right;
}
.boxcont.ordersteps {
  background: none !important;
  margin-top: 20px;
}
.boxcont.ordersteps table {
  width: 100%;
  padding: 0 20px 30px 20px;
  max-width: calc((100% - 625px) / 3 + 1080px);
  margin: 0 auto;
}
.boxcont.ordersteps table tr,
.boxcont.ordersteps table td {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.boxcont.ordersteps .step.act .num,
.boxcont.ordersteps .step.act .name {
  font-weight: bold;
}
.boxcont.ordersteps .step.act .num {
  color: white;
  background: #1E88E5;
}
.boxcont.ordersteps .step.act .name {
  border-bottom: 3px solid #1E88E5;
}
.boxcont.ordersteps .step.act .name[style="cursor: pointer;"]:hover {
  margin-bottom: 0;
}
.boxcont.ordersteps .step .num,
.boxcont.ordersteps .step .name {
  font-size: 3.2rem;
  color: black;
}
.boxcont.ordersteps .step .num:first-letter,
.boxcont.ordersteps .step .name:first-letter {
  text-transform: uppercase;
}
.boxcont.ordersteps .step .num:hover,
.boxcont.ordersteps .step .name:hover {
  text-decoration: none;
}
.boxcont.ordersteps .step .num {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  width: 60px;
  height: 60px;
  background: #EEE;
  border-radius: 100px;
  background-clip: padding-box;
  padding-left: 5px;
}
.boxcont.ordersteps .step .name[style="cursor: pointer;"]:hover {
  border-bottom: 3px solid #1E88E5;
  margin-bottom: -3px;
}
.rowbox {
  float: left;
  clear: left;
}
.rowbox.half {
  width: 50%;
  max-width: 540px;
}
.rowbox.half.float-right {
  clear: right;
}
.rowbox .label {
  float: left;
  min-width: 100px;
  padding: 5px 5px 5px 0;
}
.rowbox .label:not(:empty):after {
  content: ":";
}
.rowbox .text {
  float: left;
  padding: 5px 0;
}
.rowbox .text > * {
  margin-right: 5px;
  display: inline-block;
}
.rowbox .text table {
  margin: 0;
}
.rowbox .inputs {
  float: left;
}
.rowbox .inputs input,
.rowbox .inputs .btn {
  margin-top: 0;
  margin-bottom: 0;
}
.rowbox select,
.rowbox input,
.rowbox textarea {
  min-width: 150px;
}
.rowbox.store {
  float: left;
}
.captcha img {
  float: left;
  border: 1px solid #DBDBDB;
  margin: 3px 5px 3px 0;
}
.captcha .btn-refresh {
  min-width: auto;
  padding: 5px;
}
.captcha .btn-refresh:before {
  margin: 1px 0 1px 4px;
}
/* ledend */
.legend {
  border-top: 2px solid #DBDBDB;
}
.legend span {
  padding: 2px;
  margin: 1px 0;
  float: left;
}
.legend span:before {
  padding-right: 5px;
}
.legend ul {
  float: left;
  width: 33.3333%;
  margin: 5px 0px;
}
.legend ul.text {
  width: 100%;
}
.legend ul.text li {
  padding: 0;
}
.legend ul li {
  padding-left: 10px;
  clear: left;
  float: left;
}
.legend ul li.title {
  padding-left: 0;
  padding-bottom: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.legend p {
  float: left;
  padding: 2px;
  margin: 1px 5px 1px 0;
  font-weight: bold;
}
.legend .status .sts,
.legend .status .bundle,
.legend .status .hook {
  float: left;
  margin: 3px 5px 3px 0;
}
.legend .status p {
  margin: 0;
}
.legend .availability span {
  margin: 0 0 0 10px;
  float: right;
}
.legend .availability p {
  float: left;
  clear: left;
  width: auto;
  font-weight: normal;
}
.legend .availability p:before {
  width: 20px;
}
.legend .popup_listbox {
  display: none !important;
}
.ord_offer {
  color: #C58B51 !important;
}
.ord_stc {
  background-color: #B5FFB5 !important;
}
.ord_nostc {
  background-color: #FF8684 !important;
}
.ord_stcb {
  background-color: #FFD78C !important;
}
.ord_stc_exp {
  background-color: #FFC0C0;
}
.ord_stcb_exp {
  background-color: #FFC88C;
}
.ord_not_sent_exp {
  background-color: #FFFFD6;
}
.ord_cli {
  color: red;
}
.ord_state {
  width: 100%;
  max-width: 150px;
  display: inline-block;
  text-align: center;
  background: #E0E0E0;
  padding: 5px;
  margin-bottom: 5px;
  font-size: 1.3rem;
  border-radius: 5px;
}
.ord_state b {
  margin-right: 5px;
}
.ord_state.state_1 {
  background: #FF9EC2;
}
.ord_state.state_2 {
  background: #BBDEFB;
}
.ord_state.state_3 {
  background: #5EFFC8;
}
.ord_state.state_4 {
  background: #5EFFC8;
}
.state-order {
  max-width: 150px;
  display: inline-block;
  width: 100%;
  text-align: center;
  background-color: #E0E0E0;
  padding: 5px;
  margin-bottom: 5px;
  font-size: 1.3rem;
  border-radius: 5px;
  font-weight: bold;
  text-transform: uppercase;
}
.inv_open {
  background-color: #FFFFD6 !important;
}
.inv_due {
  color: red !important;
  font-weight: bold;
}
.inv_red {
  color: red !important;
  font-weight: bold;
}
.cont_log {
  background-color: lightgreen !important;
}
.cont_firm {
  color: blue !important;
}
.cont_int {
  color: red !important;
}
.cont_imp {
  color: green !important;
}
.del_canc {
  background-color: #CD5C5C !important;
}
.rec_web {
  background: #FFC0C0 !important;
}
.rec_rej {
  background-color: #E0E0E0 !important;
}
.rec_send {
  background-color: #CACAFF !important;
}
.rec_solv {
  background-color: lightgreen !important;
}
.rec_dis {
  background-color: red !important;
}
.rec_canc {
  background-color: #D2691E !important;
}
.rec_ext {
  background-color: #4F0D9D !important;
  color: white;
}
.rec_cus {
  background-color: #FFFFC0 !important;
}
.prmclosed {
  background-color: #007E80 !important;
  color: #fff;
}
.prmclosed a {
  color: #fff;
}
.prmpending {
  background-color: #8B4513 !important;
  color: #fff;
}
.prmpending a {
  color: #fff;
}
.closedpromo {
  background: #007E80;
  color: #FFF;
  padding: 4px;
}
.noactivepromo {
  background: #8B4513;
  color: #FFF;
  padding: 4px;
}
.redpromo {
  color: red;
}
.greenpromo {
  color: green;
  font-weight: bold;
}
.ser_datecus {
  background-color: #FFC0C0 !important;
}
.ser_datecuszero {
  background-color: #E0E0E0 !important;
}
.ser_dates {
  background-color: #FFF !important;
}
.cont_log {
  background-color: lightgreen;
}
.cont_firm {
  color: blue;
}
.cont {
  color: #212121;
}
.cont_int {
  color: red;
}
.cont_imp {
  color: green;
}
.com_provider {
  color: blue;
}
.crm_close {
  background: silver;
}
.listpage {
  float: left;
  clear: left;
  width: 100%;
  position: relative;
  padding: 5px 0;
}
.listpage.top {
  position: absolute;
  top: -50px;
  right: 0;
  border: none;
  padding: 0 20px;
  width: auto;
}
.listpage.btm {
  background: #F5F5F5;
  padding: 10px 20px;
  margin-top: 15px;
  border-radius: 5px;
}
.listpage.btm .cnt .pagetext {
  float: left;
}
.listpage .hdr p {
  font-size: 1.2rem;
  font-weight: normal;
}
.listpage .cnt {
  padding: 0;
}
.listpage .cnt .boxcont {
  margin: 0;
  width: auto;
}
.listpage .cnt .pagetext {
  float: right;
}
.listpage .cnt .pagetext .recordcount,
.listpage .cnt .pagetext .pagecount {
  padding: 5px 0;
  float: left;
  font-size: 1.5rem;
  font-weight: bold;
}
.listpage .cnt .pagenav {
  position: relative;
  width: auto;
  float: right;
}
.listpage .cnt .pagenav .cnt {
  width: 100%;
  display: flex;
  justify-content: center;
}
.listpage .cnt .pagenav .page {
  margin: 0 2px;
  font-weight: bold;
  border: none;
  border-radius: 15px;
}
.listpage .cnt .pagenav .page a {
  float: left;
  padding: 5px 10px;
  font-size: 1.6rem;
  text-decoration: none;
  color: #616161;
}
.listpage .cnt .pagenav .page:not(.num) {
  background: #1E88E5 !important;
  padding: 0 5px;
}
.listpage .cnt .pagenav .page:not(.num) a {
  padding: 2px;
  color: white !important;
}
.listpage .cnt .pagenav .page:not(.num) a:before {
  font: normal normal normal 2.6rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
}
.listpage .cnt .pagenav .page:not(.num) span {
  display: none;
}
.listpage .cnt .pagenav .page:not(.num):not(.act) {
  display: none;
}
.listpage .cnt .pagenav .page.act {
  background: white;
  border: 1px solid #1E88E5;
}
.listpage .cnt .pagenav .page.act a {
  color: #212121;
}
.listpage .cnt .paging {
  position: relative;
  float: right;
  padding-right: 38px;
}
.listpage .cnt .paging .cnt {
  width: calc(100% + 30px);
}
.listpage .cnt .paging .cnt p {
  padding: 5px;
  float: left;
}
.listpage .cnt .paging .cnt .pagesize {
  position: absolute;
  width: 30px;
  height: 24px;
  padding: 0;
  text-align: center;
  border: 1px solid #DBDBDB;
  font-size: 1.1em;
  margin: 0;
  padding: 3px;
}
.listpage .cnt .showstyle {
  float: right;
}
.listpage .cnt .showstyle .styletab {
  margin: 0 4px;
  float: left;
}
.listpage .cnt .showstyle .styletab a {
  color: #1E88E5;
}
.listpage .cnt .showstyle .styletab span {
  display: none;
}
.listpage .cnt .showstyle .styletab:first-child {
  margin-left: 0;
}
.listpage .cnt .showstyle .styletab:last-child {
  margin-right: 0;
}
.listpage .cnt .showstyle .act a {
  color: #DFDFDF;
}
.listpage .cnt .showstyle .table a:before {
  content: "\f0ce";
}
.listpage .cnt .showstyle .gallery a:before {
  content: "\f00a";
}
.listpage .cnt .showstyle .list a:before {
  content: "\f03a";
}
.listpage .first a:before {
  content: "\f100";
}
.listpage .prev a:before {
  content: "\e823";
}
.listpage .next a:before {
  content: "\e824";
}
.listpage .last a:before {
  content: "\f101";
}
.listpage .deliv-after:after,
.listpage .deliv-before:before {
  float: left;
  padding-top: 5px;
  content: "...";
  font-size: 1.8rem;
}
.boxcont.nextpage {
  margin: 0;
  margin-top: 10px;
}
.boxcont.nextpage .cnt {
  display: flex;
  justify-content: center;
}
.boxcont.nextpage .btn {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1.6rem;
  text-transform: uppercase;
  padding: 10px 20px 10px 10px;
  border-radius: 25px;
}
.boxcont.nextpage .btn:before {
  font-size: 2.8rem;
}
.boxcont.whisper {
  float: left;
  clear: left;
  width: 100%;
  position: absolute;
  top: 45px;
}
#frqsrchword-box {
  float: left;
  clear: left;
  width: 100%;
  display: none;
  position: relative;
  margin: 0;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 0 2px rgba(0, 0, 0, 0.07);
  background-color: #ffffff;
  padding: 5px;
  border-radius: 0 0 5px 5px;
  z-index: 9999;
}
#frqsrchword-box ul {
  float: left;
  clear: left;
  width: 100%;
}
#frqsrchword-box ul li {
  float: left;
  clear: left;
  width: 100%;
  background: #FFFFFF;
  padding: 10px;
  font-size: 1.4rem;
}
#frqsrchword-box ul li.title {
  font-weight: bold;
  text-transform: uppercase;
  color: #757575;
  font-size: 1.3rem;
  padding-top: 15px;
}
#frqsrchword-box ul li.item {
  cursor: pointer;
}
#frqsrchword-box ul li.act {
  background: #E3F2FD;
}
#frqsrchword-box ul li:last-child {
  border-bottom: none;
}
#whisper-box {
  float: left;
  clear: left;
  width: 100%;
  display: none;
  position: relative;
  margin: 0;
  max-height: 450px;
  border: 1px solid #DBDBDB;
  border-top: none;
  overflow-y: scroll;
  z-index: 9;
}
#whisper-box ul {
  float: left;
  clear: left;
  width: 100%;
}
#whisper-box ul li {
  float: left;
  clear: left;
  width: 100%;
  background: #FFFFFF;
  border-bottom: 1px solid #DBDBDB;
  padding: 2px 5px;
}
#whisper-box ul li.title {
  font-weight: bold;
}
#whisper-box ul li:last-child {
  border-bottom: none;
}
#whisper-box ul li .img {
  float: left;
}
#whisper-box ul li .img img {
  width: 35px;
}
#whisper-box ul li .name {
  float: left;
  padding: 0 10px;
  width: calc(100% - 120px);
}
#whisper-box ul li .name a {
  float: left;
  clear: left;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#whisper-box ul li .btn {
  float: right;
  width: 40px;
  min-width: 0;
  margin: 0 0 0 5px;
  padding: 10px 0;
}
#whisper-box ul li .btn:last-child {
  margin: 0;
}
#whisper-box ul li .btn:before {
  margin: 0;
}
#whisper-box ul li .btn span {
  display: none;
}
#whisper-box ul li .qty {
  display: none;
}
#whisper-box ul li.act {
  background: #f0f0f0;
}
#whisper-box ul li.count {
  background: white !important;
  padding: 5px 10px;
}
#maincont[data-ordering='0'] #whisper-box .btn.btn-buy {
  display: none;
}
.strlite ul {
  float: left;
  clear: left;
  width: 100%;
}
.strlite ul li {
  float: left;
  clear: left;
  width: 100%;
  margin: 10px 0;
}
.strlite ul li .img {
  float: left;
  width: 75px;
}
.strlite ul li .img img {
  max-width: 45px;
  height: auto;
  margin: 10px;
}
.strlite ul li h2 {
  float: left;
  font-size: 1.4em;
  font-weight: bold;
  padding: 5px 10px;
}
.strlite ul li h2 a {
  font-size: 1.8rem;
  font-weight: bold;
}
.strlite ul li h3 {
  font-size: 1.1em;
}
.strlite ul li h3:before {
  float: left;
  padding-right: 5px;
  font-weight: bold;
  color: #FF9933;
  display: inline-block;
  width: 1.3em;
  margin-left: -1em;
  font-size: 1.4rem;
}
.strlite ul li h3 a {
  font-size: 1.4rem;
  font-weight: normal;
}
.strlite ul li ul {
  float: right;
  clear: none;
  padding: 0 10px 0 25px;
  width: calc(100% - 75px);
}
.strlite ul li ul li {
  width: 25%;
  clear: none;
  margin: 5px 0;
}
.error {
  text-align: center;
}
.error .hdr h1 {
  width: 100%;
  padding: 10px 0;
}
.error .cnt {
  font-size: 1.4rem;
}
.error .cnt p {
  padding: 10px 0;
}
.contacts img {
  max-width: 50px;
  border-radius: 50%;
}
.contacts .name {
  font-weight: bold;
  font-size: 1.2em;
  width: 100%;
}
.contacts .title {
  float: left;
  clear: left;
  font-weight: bold;
  padding-right: 5px;
}
.configall .model {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
  margin-bottom: 5px;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 1px solid #DBDBDB;
}
.config th {
  width: 20%;
}
.config .price input {
  width: auto;
  min-width: 0;
  border: none;
  margin: 0;
  padding: 0;
  color: #1565C0;
  font-size: 1.2rem;
  font-weight: bold;
}
.config .title {
  font-size: 1.2em;
  font-weight: bold;
}
.config .order input {
  width: 30px;
  min-width: 0;
  text-align: center;
}
.config .btn-buy {
  margin: 0;
}
.config .btn-product {
  margin: 0;
  min-width: 0;
}
.config .btn-product:before {
  margin: 0;
}
.config .configuration th {
  width: 10%;
}
.config .configuration .custom-select.product {
  width: 95%;
}
.config .configuration .custom-select.product-count {
  width: 85%;
}
.config .configuration .custom-select.count {
  width: calc(10% - 5px);
}
/* discussion */
.postdisc {
  border: 1px solid #DBDBDB;
  padding: 5px;
  width: 100%;
}
.postdisc .cnt {
  margin: 5px 0;
  border-top: 1px solid #DBDBDB;
  border-bottom: 1px solid #DBDBDB;
}
.postdisc ul {
  float: left;
}
.postdisc ul li {
  clear: left;
}
.postdisc .tools {
  float: right;
}
.postdisc .tools .btn {
  min-width: 0;
}
.postdisc .enter:before {
  transform: rotate(90deg);
  float: left;
  margin: 0 10px;
}
.postdisc .content {
  padding: 0 30px;
}
.postdisc:first-of-type {
  margin-top: 10px;
}
.postdisc.re {
  background-color: #efefef;
}
.recaptcha {
  float: left;
}
.recaptcha.err {
  border: 1px solid red !important;
  box-shadow: 0 0 8px rgba(255, 0, 0, 0.6) !important;
}
.postcodes {
  float: left;
  position: absolute;
  background: #FFFFFF;
  z-index: 9;
  top: 40px;
  border: 1px solid #DBDBDB;
}
.postcodes .tabinfo {
  margin: 0;
}
.postcodes .tabinfo td {
  cursor: pointer;
}
.strdownload ul {
  float: left;
  clear: left;
  width: 100%;
}
.strdownload ul li {
  float: left;
  width: 31.3333%;
  border-bottom: 1px solid #DBDBDB;
}
.strdownload ul li:nth-child(3n+2) {
  margin: 0 3%;
}
.strdownload ul li p {
  float: left;
  padding: 9px 0;
  font-weight: bold;
}
.strdownload ul li a {
  float: right;
}
.discoupons .info {
  top: 6px;
  padding-right: 5px;
}
.discoupons .dicmsg {
  float: left;
  padding: 8px 5px 8px 0;
  color: green;
  font-weight: bold;
}
.discoupons .dicmsg:empty {
  display: none;
}
.discoupons .dicmsg.err {
  color: red;
}
.chart-canvas {
  max-width: 50%;
}
.configsearch .config-param {
  float: left;
  width: calc(25% - 5px);
  margin: 0 5px 10px 0;
}
@media screen and (max-width: 640px) {
  .configsearch .config-param {
    width: calc(50% - 5px);
  }
}
@media screen and (max-width: 480px) {
  .configsearch .config-param {
    width: 100%;
    margin-right: 0;
  }
}
.configsearch .config-param:nth-child(4n+1) {
  clear: left;
}
.configsearch .config-param .hdr {
  padding: 5px;
  background: #1E88E5;
  color: white;
}
.configsearch .config-param .cnt {
  padding: 0;
}
.configsearch .config-param .param {
  float: left;
  clear: left;
  width: 100%;
}
.configsearch .config-param .param.val:nth-child(2n) {
  background: rgba(30, 136, 229, 0.4);
}
.configsearch .config-param .param label {
  clear: left;
  width: 100%;
  padding: 5px 5px 5px 27px;
  margin: 0;
}
.configsearch .config-param .param [type="checkbox"] + label:before {
  top: 6px;
  left: 5px;
}
.configsearch .config-param .param [type="checkbox"] + label:after {
  top: 5px;
  left: 9px;
}
.configsearch .tabinfo .img img {
  max-width: 40px;
}
.configsearch .tabinfo .name a {
  font-weight: bold;
}
.configsearch .tabinfo .btn {
  min-width: 75px;
}
#gdpr-zones,
.gdpr-detail {
  display: none;
}
.gdpr label {
  position: relative;
  font-size: 1.5rem;
  padding-right: 25px;
  margin-right: 0;
}
.gdpr .info {
  position: absolute;
  top: 0;
  right: 0;
}
.gdpr .info:before {
  padding: 2px 5px;
}
.gdpr .btn {
  float: right;
}
.gdprpermis .gdpr .cnt {
  padding: 20px;
}
.gdprpermis .gdpr .ftr {
  border-top: 1px solid #DBDBDB;
}
.gdprpermis .gdpr .ftr .rowbox form {
  float: left;
}
.modal-content .gdpr .hdr a {
  cursor: auto;
  font-size: 1.6rem;
  font-weight: bold;
  color: #212121;
}
#googlemap {
  width: 100%;
  height: 500px;
}
#googlemap .boxcont {
  position: relative;
  margin: 0;
}
#googlemap .boxcont.with-image {
  min-width: 400px;
}
#googlemap .boxcont h3,
#googlemap .boxcont .address {
  padding-bottom: 5px;
}
#googlemap .boxcont p {
  padding-bottom: 2px;
}
#googlemap .boxcont .detail {
  padding-top: 5px;
}
#googlemap .boxcont .img {
  position: absolute;
  top: 0;
  right: 0;
}
#googlemap .boxcont .img img {
  max-width: 200px;
}
#dtplist ul {
  float: left;
  clear: left;
  width: 100%;
  border: 1px solid #DBDBDB;
  border-bottom: none;
}
#dtplist li {
  float: left;
  clear: left;
  width: 100%;
  position: relative;
  padding: 5px;
  border-bottom: 1px solid #DBDBDB;
}
#dtplist li.area {
  background: #dcdcdc;
  cursor: pointer;
}
#dtplist li > div,
#dtplist li > p {
  padding-left: 25px;
}
#dtplist li .address {
  padding-top: 5px;
}
#dtplist li .btn-location {
  position: absolute;
  background: none;
  box-shadow: none;
  border: none;
  min-width: auto;
  margin: 0;
  padding: 5px;
  color: #737373;
}
#dtplist li .btn-location:before {
  margin: 0;
}
#dtplist li .detail {
  margin-top: 15px;
}
.producers .letter {
  float: left;
  clear: left;
  width: 100%;
  background: #f1f1f1;
  padding: 5px 10px;
  margin: 30px 0 5px 0;
}
.producers .letter p {
  font-weight: bold;
  font-size: 16px;
}
.producers .letter:first-child {
  margin-top: 5px;
}
.producers .producer {
  float: left;
  margin-right: 5px;
  padding: 2px 0;
}
.producers .producer:after {
  content: ",";
}
.tooltiptext {
  position: absolute;
  padding: 0;
  background: #555555;
  color: #FFFFFF;
  padding: 8px 10px;
  border-radius: 4px;
}
.tooltiptext:after {
  content: "";
  position: absolute;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
.tooltiptext.top:after {
  top: 100%;
  left: 50%;
}
.tooltiptext.left:after {
  top: calc(50% - 5px);
  left: 0%;
  transform: rotate(90deg);
  margin-left: -10px;
}
.tns-nav {
  display: flex;
  justify-content: center;
  float: left;
  width: 100%;
  padding: 30px 0 10px 0;
}
.tns-nav button {
  background: #DBDBDB;
  border: none;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 2px;
  background-clip: padding-box;
  margin: 0 10px;
}
.tns-nav button.tns-nav-active {
  background: #1E88E5;
}
.tns-controls button {
  position: absolute;
  top: 50%;
  border: none;
  background: #F5F5F5;
  font-size: 0;
  padding: 0;
  max-width: 35px;
  z-index: 999;
  max-width: 45px;
  border: 1px solid white;
}
.tns-controls button:before {
  font: normal normal normal 5rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  display: flex;
  justify-content: center;
  color: #1E88E5;
}
.tns-controls button:disabled {
  visibility: hidden;
}
.tns-controls button:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}
.tns-controls button[data-controls='prev'] {
  left: 0;
  border-radius: 0 50px 50px 0;
  background-clip: padding-box;
}
.tns-controls button[data-controls='prev']:before {
  content: "\e823";
}
.tns-controls button[data-controls='next'] {
  right: 0;
  border-radius: 50px 0 0 50px;
  background-clip: padding-box;
}
.tns-controls button[data-controls='next']:before {
  content: "\e824";
}
.google-reviews .hdr p:before {
  content: "";
  background: url(../img/logo-google.svg);
  width: 18px;
  height: 18px;
  float: left;
  margin: 2px 5px 2px 0;
}
.google-reviews #google-reviews {
  display: flex;
  flex-wrap: nowrap;
  gap: 5px 0.5%;
}
.google-reviews #google-reviews .review-item {
  border: 1px solid #DBDBDB;
  margin: 0 auto;
  padding: 1em;
  flex: 1 1 50%;
  border-radius: 4px;
  background-clip: padding-box;
}
.google-reviews #google-reviews .review-item .review-meta {
  font-size: 1.5rem;
}
.google-reviews #google-reviews .review-item .review-meta img {
  float: left;
  margin-right: 10px;
}
.google-reviews #google-reviews .review-item .review-author {
  text-transform: capitalize;
  font-weight: bold;
}
.google-reviews #google-reviews .review-item .review-text {
  float: left;
  line-height: 1.5;
}
.google-reviews #google-reviews .review-item .review-text .review-date {
  opacity: 0.6;
  display: block;
}
.google-reviews #google-reviews .review-item .review-stars {
  font-size: 1.4rem;
}
.google-reviews #google-reviews .review-item .review-stars ul {
  display: inline-block;
  list-style: none !important;
  margin: 0;
  padding: 0;
}
.google-reviews #google-reviews .review-item .review-stars ul li {
  float: left;
  list-style: none !important;
  margin-right: 1px;
  line-height: 1;
}
.google-reviews #google-reviews .review-item .review-stars ul li i {
  color: #eb6e00;
  font-size: 1.4em;
  font-style: normal;
}
.google-reviews #google-reviews .review-item .review-stars ul li i:after {
  content: "\2605";
}
.google-reviews #google-reviews .review-item .review-stars ul li i.inactive {
  color: #c6c6c6;
}
.google-reviews #google-reviews .review-item-long .review-text {
  max-height: 110px;
  overflow-y: auto;
}
@media (max-width: 1200px) {
  .google-reviews #google-reviews {
    flex-wrap: wrap;
  }
  .google-reviews #google-reviews .review-item {
    max-width: 49%;
  }
}
@media (max-width: 640px) {
  .google-reviews #google-reviews {
    flex-wrap: wrap;
  }
  .google-reviews #google-reviews .review-item {
    max-width: 100%;
  }
}
.share-submenu {
  position: absolute;
  z-index: 99;
  right: -1px;
  top: 12px;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid #E0E0E0;
  background: white;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}
.share-submenu a span:hover {
  text-decoration: underline;
}
.share-submenu .btn {
  float: left;
  clear: left;
  margin-right: 0;
}
.share-submenu .btn:before {
  font-size: 2rem;
}
#copy_link_tooltip {
  position: absolute;
  background: #666;
  color: white;
  white-space: nowrap;
  padding: 5px;
  top: -25px;
  left: -50%;
  border-radius: 4px;
  background-clip: padding-box;
}
#vendors {
  float: left;
  width: 100%;
}
#vendors h2 {
  margin: 15px 0;
  color: #333333;
  font-size: 3.2rem;
  font-weight: 400;
  padding: 10px 0;
}
#vendors .vendors_bann {
  background-color: #F5F5F5;
}
#vendors .vendors_bann img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 20px 0 30px 0;
}
#vendors .vendors_list {
  float: left;
  margin: 15px 0 0 0;
}
#vendors .vendors_list ul {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: flex-start;
}
#vendors .vendors_list ul li {
  padding: 15px 30px 15px 0;
}
#vendors .vendors_list ul li:last-child {
  padding-right: 0;
}
#vendors .vendors_list ul li.vendors_all {
  padding-top: 2.5rem;
  text-align: right;
}
#vendors .vendors_list ul li img {
  max-width: 9.6vw;
  height: 40px;
  vertical-align: middle;
  filter: grayscale(1);
  transition: filter 0.2s ease-in-out, opacity 0.2s ease-in-out;
  opacity: 0.7;
}
#vendors .vendors_list ul li img:hover,
#vendors .vendors_list ul li img:focus {
  transition: filter 0.2s ease-in-out, opacity 0.2s ease-in-out;
  filter: grayscale(0);
  opacity: 1;
}
#dots #dot1 {
  animation: load 1s infinite;
}
#dots #dot2 {
  animation: load 1s infinite;
  animation-delay: 0.2s;
}
#dots #dot3 {
  animation: load 1s infinite;
  animation-delay: 0.4s;
}
#availdetail.boxcont .hdr h1 {
  font-size: 2.4rem;
  font-weight: normal;
  padding-top: 0;
}
#availdetail.boxcont .hdr p {
  font-size: 1.8rem;
  font-weight: bold;
  padding-top: 20px;
}
#availdetail.boxcont .cnt {
  padding: 0;
}
#availdetail.boxcont .boxcont {
  width: 100%;
}
#availdetail.boxcont .tabinfo {
  border-radius: 0;
  background-clip: padding-box;
  border: none;
  margin-bottom: 15px;
}
#availdetail.boxcont .tabinfo th {
  border-radius: 0;
  background-clip: padding-box;
  background: #F5F5F5 !important;
  text-align: center;
  padding: 7px 5px;
}
#availdetail.boxcont .tabinfo td {
  border-bottom: 1px solid #DBDBDB;
  background: white;
  text-align: center;
  padding: 7px 5px;
}
#availdetail.boxcont .tabinfo th:nth-child(3n-2),
#availdetail.boxcont .tabinfo td:nth-child(3n-2) {
  text-align: left;
}
#availdetail.boxcont .inetarea .legend {
  border: none;
  font-size: 1.4rem;
  padding: 10px;
  background-color: beige;
}
#availdetail.boxcont .legend {
  border: none;
  font-size: 1.4rem;
}
@keyframes load {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
form .rowbox {
  width: 100%;
  position: relative;
}
form .rowbox .inputs {
  width: 100%;
  margin: 5px 0;
}
form .rowbox .inputs input,
form .rowbox .inputs textarea,
form .rowbox .inputs select {
  color: black;
  font-size: 18px;
  padding: 20px 10px 5px 15px;
  display: block;
  width: 100%;
  border: none;
  border-radius: 4px;
  border: 1px solid #DBDBDB;
  margin: 0;
}
form .rowbox .inputs select {
  padding-left: 10px;
}
form .rowbox .inputs select option[value=""] {
  font-size: 16px;
  color: #808080;
}
form .rowbox .inputs input[type="checkbox"],
form .rowbox .inputs input[type="radio"] {
  display: initial;
  width: initial;
}
form .rowbox .inputs input:focus ~ label,
form .rowbox .inputs textarea:focus ~ label,
form .rowbox .inputs select:focus ~ label {
  color: #1E88E5 !important;
}
form .rowbox .inputs input:focus ~ label,
form .rowbox .inputs input:valid ~ label,
form .rowbox .inputs textarea:focus ~ label,
form .rowbox .inputs textarea:valid ~ label,
form .rowbox .inputs select:focus ~ label,
form .rowbox .inputs select:valid ~ label {
  top: 10px;
  font-size: 12px;
  color: #616161;
  left: 15px;
  padding: 2px 0;
  background-color: transparent;
}
form .rowbox .inputs input.input-norequired ~ label,
form .rowbox .inputs input.input-norequired-date ~ label {
  color: #808080;
  font-size: 16px;
  left: 15px;
  top: 12px;
  padding: 8px 10px 8px 3px;
}
form .rowbox .inputs input.input-norequired:focus ~ label,
form .rowbox .inputs input.input-norequired.err ~ label,
form .rowbox .inputs input.input-norequired.format ~ label,
form .rowbox .inputs input.input-norequired.valid ~ label {
  top: 10px;
  font-size: 12px;
  left: 15px;
  padding: 2px 0;
  background-color: transparent;
}
form .rowbox .inputs input.input-norequired-date:focus ~ label,
form .rowbox .inputs input.input-norequired-date.format ~ label,
form .rowbox .inputs input.input-norequired-date.valid ~ label {
  top: 10px;
  font-size: 12px;
  left: 15px;
  padding: 2px 0;
  background-color: transparent;
}
form .rowbox .inputs input.input-norequired-date::-webkit-datetime-edit {
  color: transparent;
}
form .rowbox .inputs input.input-norequired-date:focus::-webkit-datetime-edit,
form .rowbox .inputs input.input-norequired-date.format::-webkit-datetime-edit,
form .rowbox .inputs input.input-norequired-date.valid::-webkit-datetime-edit {
  color: initial;
}
form .rowbox .inputs input[type="checkbox"]:focus ~ label,
form .rowbox .inputs input[type="checkbox"]:valid ~ label {
  color: initial;
  font-size: initial;
}
form .rowbox .inputs input[type="radio"]:focus ~ label,
form .rowbox .inputs input[type="radio"]:valid ~ label {
  color: initial !important;
  font-size: initial;
}
form .rowbox .inputs input[type="radio"]:checked + label:after {
  top: 5px;
}
form .rowbox .inputs input:focus ~ .msg:before,
form .rowbox .inputs textarea:focus ~ .mgs:before,
form .rowbox .inputs select:focus ~ .mgs:before {
  width: 100%;
}
form .rowbox .inputs label {
  color: #808080;
  font-size: 16px;
  font-family: roboto;
  font-weight: normal;
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 12px;
  transition: 200ms ease all;
  background-color: #ffffff;
  padding: 8px 10px 8px 3px;
  margin: 0;
  width: calc(100% - 16px);
}
form .rowbox .inputs label[for] {
  position: relative;
  pointer-events: initial;
  left: initial !important;
  top: initial !important;
  background-color: initial;
  padding: 0 0 0 20px !important;
  width: initial;
  cursor: pointer;
  line-height: 150%;
  font-family: tahoma, arial;
  margin-right: 10px;
  color: #1E88E5 !important;
}
form .rowbox .inputs label[for]:before {
  top: 4px;
}
form .rowbox .inputs .msg {
  float: left;
  clear: left;
  width: 100%;
  position: relative;
  display: block;
  font-size: 13px;
  padding: 7px;
}
form .rowbox .inputs .msg.err {
  color: red;
}
form .rowbox .inputs .msg.err ~ label {
  color: red;
}
form .rowbox .inputs .msg.format {
  color: orange;
}
form .rowbox .inputs .msg.format ~ label {
  color: orange;
}
form .rowbox .inputs .msg.warning {
  background: #F5F5DC;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  background-clip: padding-box;
  margin-top: 10px;
  padding: 10px 15px 10px 10px;
}
form .rowbox .inputs input:focus,
form .rowbox .inputs textarea:focus,
form .rowbox .inputs select:focus {
  outline: none;
  border: 1px solid #666;
  box-shadow: 0px 0px 0px 1px rgba(102, 102, 102, 0.5);
  transition: box-shadow 0.1s linear;
}
form .tabform-new {
  width: 100%;
}
form .tabform-new.tabform-center tbody {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
form .tabform-new tr {
  display: flex;
  flex-direction: column;
  float: left;
  clear: left;
  width: 100%;
  position: relative;
  margin: 5px 0;
}
form .tabform-new tr.err th {
  color: red;
}
form .tabform-new tr.format th.valid {
  color: orange;
}
form .tabform-new tr.separ {
  border-bottom: 1px solid #DBDBDB;
  padding-bottom: 20px;
}
form .tabform-new tr.exists-email,
form .tabform-new tr.exists-company {
  background: #F5F5DC;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 10px 15px 10px 10px;
}
form .tabform-new tr.exists-email td,
form .tabform-new tr.exists-company td {
  font-size: 1.4rem;
}
form .tabform-new tr th {
  color: #808080;
  font-size: 16px;
  font-family: roboto;
  font-weight: normal;
  text-align: left;
  position: absolute;
  pointer-events: none;
  left: 15px;
  top: 7px;
  transition: 200ms ease all;
  background-color: #ffffff;
  padding: 8px 10px 8px 3px;
  margin: 0;
  width: calc(100% - 16px);
}
form .tabform-new tr th.focus,
form .tabform-new tr th.valid {
  top: 5px;
  font-size: 12px;
  color: #999;
  left: 15px;
  padding: 2px 0;
  background-color: transparent;
}
form .tabform-new tr th.focus {
  color: #1E88E5 !important;
}
form .tabform-new tr th.notdeliv {
  display: none;
}
form .tabform-new tr td {
  background-color: transparent;
}
form .tabform-new tr td input,
form .tabform-new tr td textarea,
form .tabform-new tr td select {
  color: black;
  font-size: 18px;
  padding: 20px 10px 5px 15px;
  display: block;
  width: 100%;
  border: none;
  border-radius: 4px;
  border: 1px solid #DBDBDB;
  margin: 0;
}
form .tabform-new tr td select {
  padding-left: 10px;
}
form .tabform-new tr td select option[value=""] {
  font-size: 16px;
  color: #808080;
}
form .tabform-new tr td input[type="checkbox"],
form .tabform-new tr td input[type="radio"] {
  display: initial;
  width: initial;
}
form .tabform-new tr td input:focus,
form .tabform-new tr td textarea:focus,
form .tabform-new tr td select:focus {
  outline: none;
  border: 1px solid #666;
  box-shadow: 0px 0px 0px 1px rgba(102, 102, 102, 0.5);
  transition: box-shadow 0.1s linear;
}
form .tabform-new tr td input::placeholder {
  opacity: 0;
}
form .tabform-new tr td .msg {
  float: left;
  clear: left;
  width: 100%;
  position: relative;
  display: block;
  font-size: 13px;
  padding: 7px;
}
form .tabform-new tr td .msg.err {
  color: red;
}
form .tabform-new tr td .msg.format {
  color: orange;
}
form .tabform-new tr td .msg.warning {
  background: #F5F5DC;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  background-clip: padding-box;
  margin-top: 10px;
  padding: 10px 15px 10px 10px;
}
form .tabform-new tr td .btn-big {
  float: right;
  margin-right: 0;
}
form .tabform-new tr td .usrdesnote {
  float: left;
  font-size: 1.5rem;
  padding-top: 10px;
}
form .tabform-new tr td .usrdesnote.err {
  color: red;
}
form .tabform-new tr p,
form .tabform-new tr a {
  font-size: 1.6rem;
}
.logincontact a.btn-inv,
.login a.btn-inv {
  padding: 10px 17px;
}
/* buttons */
.btn {
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
  float: left;
  background: #1E88E5;
  color: white;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
  padding: 5px;
  margin: 5px 5px 5px 0;
  min-width: 60px;
  border: none;
  border-radius: 3px;
  background-clip: padding-box;
  cursor: pointer;
  transition: opacity 0.2s;
}
.btn:hover {
  opacity: 0.9;
  text-decoration: none !important;
}
.btn:before,
.btn:after {
  font: normal normal normal 1.4rem/1 fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
}
.btn span {
  white-space: nowrap;
  display: inline-block;
}
.btn span:first-letter {
  text-transform: uppercase;
}
.btn span i {
  font-style: normal;
}
.btn-icon,
.fa {
  background: none;
  box-shadow: none !important;
  color: #1976D2;
}
.btn-icon:before,
.fa:before {
  font: normal normal normal 1.4rem/1 fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  margin-right: 0;
}
.btn-icon span,
.fa span {
  color: #1976D2;
}
.btn-icon:before,
.btn-icon:after {
  color: #1e88e5;
}
.btn-res {
  display: none;
}
a.btn {
  color: white;
}
a.btn-second {
  color: #616161;
  border-radius: 15px;
}
a.btn-inv {
  color: #1976d2;
}
.btn-big {
  gap: 10px;
  padding: 14px 30px;
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 25px;
}
.btn-big:before,
.btn-big:after {
  font-size: 2rem;
}
.btn-warning {
  background: #eea236;
}
.btn-danger {
  background: #fa0000;
}
.btn-success {
  background: #50aa46;
}
.btn-inv {
  background: #FFFFFF;
  border: 1px solid #1E88E5;
  color: #1E88E5;
}
.btn-dis {
  background: rgba(200, 200, 200, 0.8);
  box-shadow: 0 0 1px 0 rgba(200, 200, 200, 0.8);
  cursor: auto;
  color: #757575;
}
.btn-dis:hover {
  background: rgba(200, 200, 200, 0.7);
}
.btn-buy {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.btn-buy:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}
.btn-buy u {
  display: none;
  float: right;
  position: relative;
  margin: 0 -10px 0 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 10px;
}
.btn-buy u:before {
  font: normal normal normal 1.4rem/1 fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e897";
}
.allow-all {
  background: #1976d2;
}
.btn-buy:before {
  content: "\e897";
}
.btn-login:before {
  content: "\f090";
}
.btn-logout:before {
  content: "\e801";
}
.btn-search:before {
  content: "\e88f";
}
.btn-edit:before {
  content: "\e836";
}
.btn-delete:before {
  content: "\e832";
}
.btn-import:before {
  content: "\f15c";
}
.btn-remove {
  min-width: 0;
  margin: 5px 0;
  color: black;
  box-shadow: none;
}
.btn-remove:before {
  content: "\e825";
  margin: 0;
}
.btn-remove:hover {
  color: white;
}
.btn-second {
  border: 1px solid #E0E0E0;
  background: none;
  box-shadow: none !important;
  color: #616161;
  padding: 7px 10px;
}
.btn-second:hover {
  border: 1px solid #1976D2;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07) !important;
  color: #1976D2;
}
.btn-second.btn-icon {
  border: none;
}
.btn-second.btn-icon:hover {
  border: none;
  box-shadow: none !important;
}
.btn-second.btn-icon:before {
  color: #616161;
}
.btn-close:before {
  content: "\e825";
  font-weight: normal;
}
.btn-comp:before {
  content: "\f24e";
  font-size: 2rem;
  color: #616161;
}
.btn-comp:hover:before {
  color: #1976d2;
}
.btn-comp.remove:before {
  color: #1E88E5;
}
.btn-favour:before {
  content: "\e841";
  font-size: 2rem;
  color: #616161;
}
.btn-favour:hover:before {
  color: #1976d2;
}
.btn-favour.remove:before {
  content: "\e840";
  color: #1E88E5;
}
.btn-facebook:before {
  content: "\e83f";
}
.btn-twitter:before {
  content: "\f099";
}
.btn-down:before {
  content: "\e857";
}
.btn-up:before {
  content: "\e85a";
}
.btn-next:after {
  content: "\e80d";
}
.btn-back:before {
  content: "\e809";
}
.btn-print:before {
  content: "\e866";
}
.btn-watchdog:before {
  content: "\e871";
  color: #616161;
}
.btn-watchdog.remove:before {
  color: #1E88E5;
}
.btn-send:before {
  content: "\f1d8";
}
.btn-user:before {
  content: "\e87b";
}
.btn-pdf {
  min-width: auto;
  background: #BF0000;
  border: none;
  padding: 2px 5px;
  box-shadow: none;
  font-size: 1.2rem !important;
  margin: 0;
  color: #ffffff !important;
}
.btn-tool {
  min-width: 0;
}
.btn-tool:before {
  display: none;
}
.btn-error:before {
  content: "\f06a";
}
.btn-location:before {
  content: "\e82c";
}
.btn-unlock:before {
  content: "\f09c";
}
.btn-xls {
  min-width: auto;
  background: none;
  border: none;
  padding: 2px 0;
  box-shadow: none;
}
.btn-xls:hover {
  background: none;
}
.btn-xls span {
  display: none;
}
.btn-xls:before {
  font-size: 2.4rem;
  content: "\f1c3";
  margin: 0;
  color: rgba(30, 136, 229, 0.8);
}
.btn-excel:before {
  content: "\f1c3";
}
.btn-submit {
  float: right;
  margin-left: 5px;
  margin-right: 0;
}
.btn-link:before {
  content: "\f0c1";
}
.btn-config:before {
  content: "\f0ad";
}
.btn-product:before {
  content: "\f0c9";
}
.btn-dollar:before {
  content: "\f155";
}
.btn-envelope:before {
  content: "\f0e0";
}
.btn-comment:before {
  content: "\f075 ";
}
.btn-reply:before {
  content: "\f112";
}
.btn-share:before {
  content: "\e806";
}
.btn-check:before {
  content: "\f00c";
}
.btn-download:before {
  content: "\f019";
}
.btn-menu:before {
  content: "\f0c9";
}
.btn-dtc-admin {
  position: absolute;
  top: 0;
  right: 0;
  color: #9E9E9E;
}
.btn-clipboard:before {
  content: "\f0ea";
}
.btn-filter {
  display: flex;
  align-items: center;
  background: #1E88E5;
  border: 1px solid #1E88E5;
  color: #ffffff;
  font-size: 1.6rem;
  margin: 0;
  padding-right: 10px;
}
.btn-filter:before {
  content: "\e807";
  font-size: 2.4rem;
  color: #ffffff;
  padding-right: 5px;
}
.btn-filter u {
  display: none;
}
.btn-list:before {
  content: "\e845";
}
.btn-config:before {
  content: "\e896";
}
.btn-calc:before {
  content: "\f1ec";
}
.btn-mail:before {
  content: "\e86b";
}
.btn-copy:before {
  content: "\e82a";
}
.btn-external {
  font-size: 1rem;
}
.btn-external:after {
  content: "\f08e";
  font-size: 1rem;
}
.btn-plus:before {
  content: "\e800";
}
.detail-link {
  display: inline-block;
  float: none;
  font-size: 1.3rem;
  margin: 0;
  padding: 0;
}
.btn-more {
  flex-direction: row-reverse;
  border: 1px solid #1976D2;
  background: none;
  box-shadow: none !important;
  color: #1976D2 !important;
  padding: 7px 15px;
  margin: 0;
  border-radius: 20px;
}
.btn-more:hover {
  border: 1px solid #1976D2;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07) !important;
  color: #1976D2;
}
.btn-more:before {
  font-size: 2rem;
}
.btn-left-arr {
  flex-direction: row;
}
.btn-left-arr:before {
  content: "\e858";
}
.btn-comp-more {
  flex-direction: row;
}
.btn-comp-more:before {
  content: "\f24e";
  font-size: 1.4rem;
  padding-right: 3px;
}
#leftcont .boxcont.tree {
  background: #f5f5f5;
  border-radius: 4px;
  background-clip: padding-box;
}
nav ul.spresenttree {
  float: left;
  clear: left;
  width: 100%;
}
nav ul.spresenttree li {
  float: left;
  clear: left;
  margin: 0 15px;
  border-bottom: 1px solid #DBDBDB;
  width: calc(100% - 30px);
  position: relative;
}
nav ul.spresenttree li a {
  display: block;
  text-decoration: none;
  font-size: 1.6rem;
  color: #000000;
  padding: 7px 0 7px 10px;
  margin: 8px 0 8px 30px;
}
nav ul.spresenttree li:last-child {
  border: none;
}
nav ul.spresenttree li span:hover,
nav ul.spresenttree li a:hover {
  background: #daeeff;
  border-radius: 5px;
}
nav ul.spresenttree li > span {
  float: left;
  margin: 10px 0 10px 0px;
  padding: 1px 10px;
}
nav ul.spresenttree li > span:before {
  content: "\25A0";
  width: 2.2rem;
  text-align: center;
  color: #1E88E5;
  border: none;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 0;
  left: 0;
}
nav ul.spresenttree li.minus {
  background: #f5f5f5 !important;
}
nav ul.spresenttree li.minus span {
  padding: 0 10px;
  margin: 6px 6px 10px 4px;
}
nav ul.spresenttree li li {
  margin: 0 0 0 10px;
  padding: 0;
  border: none;
  width: calc(100% - 10px);
}
nav ul.spresenttree li li a {
  color: #000000 !important;
  font-size: 1.5rem;
  margin: 0;
}
nav ul.spresenttree li li li.minus span,
nav ul.spresenttree li li li.plus span {
  margin: 0 8px;
}
nav ul.spresenttree li li li.not.minus {
  padding-bottom: 2px;
  background: none !important;
}
nav ul.spresenttree li li li.not.minus span {
  padding: 0 4px !important;
}
nav ul.spresenttree li li li.not.minus a {
  width: auto;
  padding-bottom: 3px;
  border-bottom: 3px solid #1E88E5;
}
nav ul.spresenttree li li li.not.act {
  padding-bottom: 2px;
  background: none !important;
}
nav ul.spresenttree li li li.not.act a {
  width: auto;
  padding-bottom: 3px;
  border-bottom: 0;
  background-color: #BBDEFB;
  border-radius: 5px;
}
nav ul.spresenttree li li.not > span:hover {
  background: none;
}
nav ul.spresenttree li li.plus > span {
  padding: 3px 10px;
  margin: 0 4px 0 2px;
}
nav ul.spresenttree li li.plus > span:before {
  font-size: 1.8rem;
}
nav ul.spresenttree li li.minus > span:before {
  font-size: 2.2rem;
  margin-top: -0.5rem;
}
nav ul.spresenttree li.plus > span {
  cursor: pointer;
}
nav ul.spresenttree li.plus > span:before {
  content: "+";
  font-size: 2.25rem;
}
nav ul.spresenttree li.plus ul {
  display: none;
}
nav ul.spresenttree li.minus > span {
  cursor: pointer;
}
nav ul.spresenttree li.minus > span:before {
  content: "-";
  font-size: 2.8rem;
}
nav ul.spresenttree li.minus > a {
  font-weight: bold;
}
nav ul.spresenttree li.minus li.minus .not span {
  margin: 5px 6px 5px 6px;
}
nav ul.spresenttree li.minus li.minus .not.redirect span {
  margin: 2px 10px 0 4px;
}
nav ul.spresenttree li.minus li.minus .not.redirect span:before {
  font: normal normal normal 2.2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  width: 2rem;
  margin: 2px 2px 2px 3px;
}
nav ul.spresenttree li.minus li.minus span {
  margin: 0 6px 0 2px;
}
nav ul.spresenttree li.minus li.minus li.plus span,
nav ul.spresenttree li.minus li.minus li.minus span {
  margin: 0 6px 0 4px;
}
nav ul.spresenttree li.minus li.minus li.minus .not span {
  margin: 5px 4px;
}
nav ul.spresenttree li.redirect > span {
  margin: 2px 8px 1px 5px;
  padding: 0;
}
nav ul.spresenttree li.redirect > span:before {
  content: "\e810";
  font: normal normal normal 2.5rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  width: 2.2rem;
  margin: 0;
}
nav ul.spresenttree li.not ul {
  display: none;
}
nav ul.spresenttree ul {
  margin: 0;
  border: none;
  background: #F5F5F5 !important;
}
nav ul.spresenttree ul li {
  background: #F5F5F5 !important;
}
nav #sptid_0 > li > p {
  display: block;
  text-decoration: none;
  font-size: 1.6rem;
  color: #000000;
  padding: 7px 0 7px 10px;
  margin: 8px 0 8px 30px;
}
nav .webmenu {
  float: left;
  padding: 0;
}
nav .webmenu li {
  position: relative;
  float: left;
  list-style: none;
}
nav .webmenu li a,
nav .webmenu li p {
  cursor: pointer;
  float: left;
  font-size: 1.5rem;
  padding: 10px 0;
  color: #FFFFFF;
}
nav .webmenu li:after {
  content: "|";
  padding: 0 10px;
  margin: 10px 0;
  float: left;
  color: #DBDBDB;
  font-size: 1.5rem;
}
nav .webmenu li:last-child:after {
  display: none;
  content: "";
}
nav .webmenu .i18n {
  position: relative;
}
nav .webmenu .i18n .arr-down span:after {
  font: normal normal normal 1.8rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e857";
}
nav .webmenu .i18n .submenu {
  position: absolute;
  top: 38px;
  right: 0;
  background: #1e88e5;
  border-radius: 0 0 4px 4px;
  padding: 0 15px;
}
.res-menu {
  display: none;
  float: left;
  clear: left;
  width: 100%;
  background: #F5F5F5;
}
.res-menu .webmenu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: calc(100% - 30px);
  margin: 0 15px;
  border-bottom: 1px solid #DBDBDB;
}
.res-menu .webmenu a,
.res-menu .webmenu p {
  color: #1976D2;
}
.res-menu .webmenu .i18n .submenu {
  background: white;
  border: 1px solid #DBDBDB;
  border-top: none;
  top: 40px;
  z-index: 9;
}
/* hover menu */
#headercont .webmenu {
  float: left;
  clear: left;
}
#headercont .webmenu li:hover > ul {
  display: block;
}
#headercont .webmenu ul {
  position: absolute;
  top: 28px;
  left: -10px;
  display: none;
  padding: 0;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
  background: #1e88e5;
  box-shadow: 0 0 4px #1E88E5;
  z-index: 9;
}
#headercont .webmenu ul li {
  float: left;
  clear: left;
  width: 250px;
  padding: 0;
}
#headercont .webmenu ul li ul {
  top: 0;
  left: 100%;
  border-radius: 0 4px 4px 4px;
  background-clip: padding-box;
}
#headercont .webmenu ul li a {
  color: #FFFFFF;
  width: 100%;
  padding: 8px 0 8px 10px;
}
#headercont .webmenu ul li a:hover {
  text-decoration: underline;
}
#headercont .webmenu ul li:after {
  content: "";
  padding: 0;
  margin: 0;
}
#footercont .webmenu {
  float: left;
  clear: left;
  width: 100%;
  padding: 20px 0 10px 0;
}
#footercont .webmenu li {
  position: relative;
  width: 20%;
  float: left;
}
#footercont .webmenu li p {
  font-size: 2rem;
  font-weight: bold;
  width: 100%;
  padding: 0 0 10px 0;
  color: #212121;
}
#footercont .webmenu li p.title:hover {
  text-decoration: none;
}
#footercont .webmenu li a:hover {
  opacity: 1;
}
#footercont .webmenu li ul {
  float: left;
  clear: left;
  padding: 10px 0 0 0;
}
#footercont .webmenu li ul li {
  width: 100%;
}
#footercont .webmenu li ul a {
  font-size: 1.6rem;
  font-weight: normal;
  color: #1976D2;
}
#footercont .webmenu li:after {
  display: none;
}
#footercont .webmenu li:before {
  display: none;
}
#sptnav {
  float: left;
  clear: left;
  width: 100%;
  /* responsive styles */
}
#sptnav ul {
  display: flex;
  position: relative;
  float: left;
  clear: left;
  width: 100%;
  background: #1976D2;
}
#sptnav ul li {
  flex: 1 1 auto;
  padding: 5px 0;
}
#sptnav ul li:first-child {
  margin-left: 10px;
}
#sptnav ul li.act {
  background: #FFFFFF;
  border-top: 3px solid #1E88E5;
  padding-top: 2px;
}
#sptnav ul li.act a,
#sptnav ul li.act p {
  color: #1976D2;
  padding: 6px 0;
  border-right: 1px solid white;
}
#sptnav ul li.act .sptnavsub {
  display: block;
}
#sptnav ul li img {
  float: left;
  max-width: 40px;
  max-height: 40px;
  margin-right: 15px;
  margin-left: 10px;
  transition: all 0.4s;
  cursor: pointer;
}
#sptnav ul li a,
#sptnav ul li p {
  float: left;
  font-size: 1.5rem;
  padding: 6px 0;
  color: #FFFFFF;
  border-right: 1px solid #BBDEFB;
}
#sptnav ul li a:hover,
#sptnav ul li p:hover {
  text-decoration: none;
}
#sptnav ul li a {
  width: 100%;
  text-align: center;
}
#sptnav ul li .sptnavsub {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: 100%;
  background: #FFFFFF;
  z-index: 9;
  padding-top: 10px;
  border-bottom: 1px solid #c0c0c0;
  padding-bottom: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}
#sptnav ul li .sptnavsub ul {
  display: block;
  background: #FFFFFF;
  border: none;
}
#sptnav ul li .sptnavsub ul li {
  border: none;
  width: 20%;
  padding: 15px 10px 10px 10px;
}
#sptnav ul li .sptnavsub ul li:first-child {
  margin: 0;
}
#sptnav ul li .sptnavsub ul li.act {
  border: none;
}
#sptnav ul li .sptnavsub ul li:nth-child(5n+1) {
  clear: left;
}
#sptnav ul li .sptnavsub ul li .img {
  float: left;
  width: auto;
  border: none;
}
#sptnav ul li .sptnavsub ul li .img img {
  height: 45px;
  width: 55px;
}
#sptnav ul li .sptnavsub ul li a,
#sptnav ul li .sptnavsub ul li p {
  padding: 2px 0;
  width: calc(100% - 75px);
  text-align: left;
  border-right: none;
  border-bottom: none;
  font-weight: bold;
}
#sptnav ul li .sptnavsub ul li a {
  line-height: 1.5;
}
#sptnav ul li .sptnavsub ul li a:hover {
  text-decoration: underline;
}
#sptnav ul li .sptnavsub ul .level9 {
  top: -20px;
  left: 65px;
  width: calc(100% - 75px);
}
#sptnav ul li .sptnavsub ul .level9 li {
  padding: 2px 0;
  width: 100% !important;
}
#sptnav ul li .sptnavsub ul .level9 li a,
#sptnav ul li .sptnavsub ul .level9 li p.more {
  padding: 0;
  width: auto;
  border: none;
  font-size: 1.4rem;
  font-weight: normal;
  cursor: pointer;
}
#sptnav ul li .sptnavsub ul .level9 li img {
  display: none;
}
#sptnav ul.level3 > li > p {
  width: 100%;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 1600px) {
  #sptnav .sptnavsub li {
    width: 25% !important;
  }
  #sptnav .sptnavsub li:nth-child(5n+1) {
    clear: none !important;
  }
  #sptnav .sptnavsub li:nth-child(4n+1) {
    clear: left;
  }
}
@media screen and (max-width: 1300px) {
  #sptnav .level3 > li > img {
    display: none;
  }
  #sptnav .level3 .sptnavsub li {
    width: 33.3333% !important;
  }
  #sptnav .level3 .sptnavsub li:nth-child(5n+1) {
    clear: none !important;
  }
  #sptnav .level3 .sptnavsub li:nth-child(4n+1) {
    clear: none !important;
  }
  #sptnav .level3 .sptnavsub li:nth-child(3n+1) {
    clear: left;
  }
}
/* end responsive styles */
/* documents orderss, order, invoice... */
.registration .wrap {
  display: flex;
  justify-content: space-evenly;
  float: left;
  clear: left;
  width: 100%;
  background: #F5F5F5;
  margin-bottom: 5px;
  border-radius: 5px;
}
.registration .wrap .boxcont {
  margin: 0;
  max-width: 540px;
}
.registration .btn-icon {
  font-size: 1.6rem;
  margin: 0;
}
.registration .btn-icon:before {
  font-size: 2.4rem;
}
.registration p,
.registration a,
.registration td {
  font-size: 1.6rem;
}
.registration p,
.registration a {
  padding-bottom: 20px;
}
.orders #centercont {
  padding: 0 20px;
}
#contentcont.login,
#contentcont.orderss,
#contentcont.orditems,
#contentcont.invoices,
#contentcont.deliveries,
#contentcont.reclaims,
#contentcont.company,
#contentcont.expeditions,
#contentcont.comshipto,
#contentcont.contact,
#contentcont.stiwatchdogs,
#contentcont.warranty,
#contentcont.warranties,
#contentcont.comshiptos,
#contentcont.contacts,
#contentcont.reclaim,
#contentcont.invoice,
#contentcont.orders {
  min-height: 400px;
  padding-bottom: 30px;
  max-width: 1355px;
  margin: 0 auto;
  float: none;
}
#contentcont.login ul li h1 span,
#contentcont.orderss ul li h1 span,
#contentcont.orditems ul li h1 span,
#contentcont.invoices ul li h1 span,
#contentcont.deliveries ul li h1 span,
#contentcont.reclaims ul li h1 span,
#contentcont.company ul li h1 span,
#contentcont.expeditions ul li h1 span,
#contentcont.comshipto ul li h1 span,
#contentcont.contact ul li h1 span,
#contentcont.stiwatchdogs ul li h1 span,
#contentcont.warranty ul li h1 span,
#contentcont.warranties ul li h1 span,
#contentcont.comshiptos ul li h1 span,
#contentcont.contacts ul li h1 span,
#contentcont.reclaim ul li h1 span,
#contentcont.invoice ul li h1 span,
#contentcont.orders ul li h1 span {
  color: #212121;
  font-weight: bold;
}
#contentcont.orderss .tabinfo.hor .img img,
#contentcont.orditems .tabinfo.hor .img img,
#contentcont.reclaims .tabinfo.hor .img img {
  max-width: 75px;
  max-height: 75px;
}
#contentcont.orderss .tabinfo.hor .code a,
#contentcont.orditems .tabinfo.hor .code a,
#contentcont.reclaims .tabinfo.hor .code a {
  float: left;
}
#contentcont.orderss .tabinfo.hor .name a,
#contentcont.orditems .tabinfo.hor .name a,
#contentcont.reclaims .tabinfo.hor .name a {
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#contentcont.orderss .tabinfo.hor .name p,
#contentcont.orditems .tabinfo.hor .name p,
#contentcont.reclaims .tabinfo.hor .name p {
  float: left;
  clear: left;
  font-size: 1.3rem;
  padding: 2px 0;
}
#contentcont.orderss td.orditems,
#contentcont.orditems td.orditems,
#contentcont.reclaims td.orditems {
  padding: 0;
}
#contentcont.orderss td.orditems .tabinfo,
#contentcont.orditems td.orditems .tabinfo,
#contentcont.reclaims td.orditems .tabinfo {
  margin: 0;
  border: none;
  border-top: 1px solid white;
}
#contentcont.orders .tabinfo .ordcount,
#contentcont.orditems .tabinfo .ordcount {
  text-align: center;
}
#contentcont.orders {
  float: none;
  max-width: 1315px;
  padding: 10px 0;
  margin: 0 auto;
}
#contentcont.orders .boxcont {
  padding: 0;
  margin: 0 0 20px 0;
}
#contentcont.orders .boxcont.half {
  width: 49%;
}
#contentcont.orders .boxcont.navbar {
  padding: 10px 0;
}
#contentcont.orders .boxcont.orditems .cnt {
  padding: 10px 0 0 0;
  margin-bottom: 10px;
  border-bottom: 3px solid #DBDBDB;
}
#contentcont.orders .boxcont.orditems .cnt .tabinfo {
  margin-bottom: 5px;
}
#contentcont.orders .boxcont.pay {
  background: #F5F5F5;
}
#contentcont.orders .boxcont.docs {
  clear: left;
}
#contentcont.orders .boxcont.ordersteps {
  margin-top: 20px;
}
#contentcont.orders .boxcont .hdr {
  background: #F5F5F5;
  padding: 0 20px;
  border-radius: 5px;
}
#contentcont.orders .boxcont .cnt {
  padding: 10px 20px;
}
#contentcont.orders .boxcont .cnt a {
  font-size: 1.6rem;
}
#contentcont.orders .boxcont .cnt .item {
  float: left;
  clear: left;
  width: 100%;
  margin-bottom: 5px;
}
#contentcont.orders .boxcont .cnt .item:last-child {
  margin-bottom: 0;
}
#contentcont.orders .boxcont .tabinfo tr:first-child th,
#contentcont.orders .boxcont .tabinfo tr:first-child td {
  padding-top: 5px;
}
#contentcont.orders .boxcont .tabinfo th,
#contentcont.orders .boxcont .tabinfo td {
  font-size: 1.6rem;
}
#contentcont.orders .boxcont .tabinfo th {
  vertical-align: top;
}
#contentcont.orders .boxcont .tabinfo.hor {
  border: none;
}
#contentcont.orders .boxcont .tabinfo.hor tr:first-child th,
#contentcont.orders .boxcont .tabinfo.hor tr:first-child td {
  padding-top: 5px;
}
#contentcont.orders .boxcont .tabinfo.hor tr:last-child td {
  border-bottom: 1px solid #DBDBDB;
}
#contentcont.orders .boxcont .tabinfo.hor th {
  text-align: left;
  font-size: 1.3rem;
  font-weight: normal;
  text-align: center;
  border: none;
  border-radius: 0;
  background-clip: padding-box;
  background: #ffffff !important;
  border-bottom: 1px solid #DBDBDB;
  padding: 10px;
  color: #616161;
}
#contentcont.orders .boxcont .tabinfo.hor th.name {
  text-align: left;
}
#contentcont.orders .boxcont .tabinfo.hor th.col-price {
  text-align: right;
}
#contentcont.orders .boxcont .tabinfo.hor .img img {
  max-width: 75px;
  max-height: 75px;
}
#contentcont.orders .boxcont .tabinfo.hor .name a {
  float: left;
  font-size: 1.6rem;
  font-weight: bold;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
#contentcont.orders .boxcont .tabinfo.hor .name p {
  float: left;
  clear: left;
  font-size: 1.3rem;
  padding: 5px 0;
}
#contentcont.orders .boxcont .tabinfo.hor .ordcount {
  text-align: center;
  font-weight: bold;
}
#contentcont.orders .boxcont .tabinfo.hor .col-price span {
  float: right;
}
#contentcont.orders .msgbox {
  padding: 10px 0;
}
#contentcont.orders .msgbox .cnt {
  padding: 0 20px;
  line-height: 1.2;
}
#contentcont.orders .msgbox.new-order .hdr {
  padding-top: 10px;
}
#contentcont.orders .msgbox.new-order .hdr p {
  font-size: 3.2rem;
  font-weight: normal;
}
#contentcont.orders .msgbox.new-order .hdr p:before {
  float: left;
  font: normal normal normal 3.2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e822";
  color: #00a46c;
  margin-right: 5px;
}
#contentcont.orders .msgbox.state-order .hdr p {
  font-weight: normal;
}
#contentcont.orders .msgbox.state-order .hdr span {
  float: left;
  text-transform: uppercase;
  font-weight: bold;
  padding: 10px 0;
  font-size: 1.8rem;
}
#contentcont.orders .msgbox.state-order .hdr span u {
  text-transform: none;
  font-weight: normal;
  padding-left: 5px;
}
#contentcont.orders .tabinfo:not(.hor) a {
  float: left;
}
#contentcont.orditems .tabinfo .state {
  text-align: center;
}
#contentcont.orditems .tabinfo .code a {
  font-weight: bold;
}
#contentcont.orderss .tabinfo.hor tr:first-child th {
  font-size: 1.3rem;
  white-space: nowrap;
}
#contentcont.orderss th.state {
  text-align: center;
  width: 160px;
}
#contentcont.orderss td.state {
  text-align: center;
  width: 160px;
}
#contentcont.orderss th.col-price {
  width: 100px;
}
#contentcont.orderss td.col-price {
  width: 100px;
}
#contentcont.orderss td.ordcount {
  text-align: center;
}
#contentcont.orderss .tabinfo .img {
  width: 80px;
}
#contentcont.orderss .tabinfo .ordcodeo {
  font-size: 1.3rem;
}
#contentcont.orderss .tabinfo .code a {
  font-weight: bold;
  white-space: nowrap;
}
#contentcont.invoices .tabinfo a[title="detail"] {
  font-weight: bold;
  white-space: nowrap;
}
#contentcont.invoices .tabinfo .name {
  width: 65%;
  min-width: 180px;
}
#contentcont.invoices .tabinfo .tools {
  width: 70px;
}
#contentcont.invoices .tabinfo .invdatedue {
  width: 25%;
}
#contentcont.invoices .tabinfo .invcode,
#contentcont.invoices .tabinfo .symbol,
#contentcont.invoices .tabinfo .ordcode,
#contentcont.invoices .tabinfo .inv,
#contentcont.invoices .tabinfo .invc,
#contentcont.invoices .tabinfo .incv {
  width: 12%;
}
#contentcont.invoices .tabinfo .invtype-67 td,
#contentcont.invoices .tabinfo .invtype-67 a {
  color: red;
}
#contentcont.invoices .tabinfo .tabinfo td:nth-child(3) a {
  font-weight: bold;
}
#contentcont.invoices .tabinfo .tabinfo td:nth-child(1) {
  width: 50px;
}
#contentcont.invoices .tabinfo.hor .tabinfo.hor th {
  text-align: left;
}
#contentcont.deliveries.xavz .tabinfo {
  margin: 0;
}
#contentcont.deliveries.xavz .delcode,
#contentcont.deliveries.xavz .invcode,
#contentcont.deliveries.xavz .delc {
  width: 10%;
}
#contentcont.deliveries.xavz .delcode .btn,
#contentcont.deliveries.xavz .invcode .btn,
#contentcont.deliveries.xavz .delc .btn {
  float: right;
}
#contentcont.deliveries.xavz .name {
  width: 45%;
}
#contentcont.deliveries.xavz .name a {
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
}
#contentcont.deliveries.xavz .name p {
  float: left;
  clear: left;
  font-size: 1.3rem;
  padding: 2px 0;
}
#contentcont.deliveries.xavz .qty {
  width: 10%;
}
#contentcont.deliveries.xavz .tools {
  width: 15%;
}
#contentcont .login .cnt,
#contentcont .newpassword .cnt,
#contentcont .setpswd .cnt,
#contentcont .changepassword .cnt,
#contentcont .changelogin .cnt {
  border-radius: 5px;
  margin: 0;
  margin-top: 15px;
  padding: 30px 0;
  background: #F5F5F5;
}
#contentcont.contact .document {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px;
}
#contentcont.company .wrap {
  width: 100%;
  gap: 15px;
}
.document {
  padding: 20px 0;
}
.document.firm .hdr p,
.document.comshipto .hdr p {
  padding: 0;
}
.document .hdr > p {
  font-size: 2.2rem;
}
.document .hdr > p label {
  font-size: 1.6rem;
  color: #1976D2;
}
.document .hdr .btn {
  float: right;
  margin: 6px 0;
}
.document .cnt table:not(.tabinfo.hor) {
  border: none;
  margin: 0;
}
.document .cnt table:not(.tabinfo.hor) th {
  width: auto;
  white-space: nowrap;
  text-align: left;
}
.document .cnt table:not(.tabinfo.hor) td {
  width: 100%;
}
.document .cnt table:not(.tabinfo.hor) td .btn-pdf {
  margin: 0 5px;
}
.document .cnt table:not(.tabinfo.hor) td .btn-pdf:before {
  font-size: 1.2em;
}
.document .cnt ul {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
}
.document .cnt ul li {
  float: left;
  clear: left;
  width: 100%;
}
.document .cnt ul li ul {
  padding-left: 20px;
}
.document .cnt ul li .btn {
  margin-top: 10px;
}
.document .cnt .postcode {
  width: 25%;
}
.document .cnt .city {
  width: calc(75% - 10px);
  clear: none;
  float: right;
  margin-left: 10px;
}
.document.qrcode,
.document.card,
.document.quatro,
.document.grenke,
.document.homecredit {
  clear: left;
}
.document.qrcode .cnt,
.document.card .cnt,
.document.quatro .cnt,
.document.grenke .cnt,
.document.homecredit .cnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px 40px;
}
.document.qrcode .cnt .border,
.document.card .cnt .border,
.document.quatro .cnt .border,
.document.grenke .cnt .border,
.document.homecredit .cnt .border {
  font-size: 1.4rem;
  border-top: 1px solid #DBDBDB;
  padding: 10px 0 0 0;
}
.document.qrcode .cnt .link,
.document.card .cnt .link,
.document.quatro .cnt .link,
.document.grenke .cnt .link,
.document.homecredit .cnt .link {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  gap: 10px;
}
.document.qrcode .cnt .link img,
.document.card .cnt .link img,
.document.quatro .cnt .link img,
.document.grenke .cnt .link img,
.document.homecredit .cnt .link img {
  max-width: 160px;
}
.document.qrcode .cnt .link .btn,
.document.card .cnt .link .btn,
.document.quatro .cnt .link .btn,
.document.grenke .cnt .link .btn,
.document.homecredit .cnt .link .btn {
  margin: 0;
}
.document.qrcode .cnt p,
.document.card .cnt p,
.document.quatro .cnt p,
.document.grenke .cnt p,
.document.homecredit .cnt p {
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.document.qrcode .cnt p.title,
.document.card .cnt p.title,
.document.quatro .cnt p.title,
.document.grenke .cnt p.title,
.document.homecredit .cnt p.title {
  font-size: 3.2rem;
}
.document.qrcode .tabinfo td {
  font-weight: bold;
}
.document.quatro .cnt,
.document.grenke .cnt,
.document.homecredit .cnt {
  align-items: flex-start;
}
.document.comcommon,
.document.comres,
.document.otherinfo,
.document.new-reclaim {
  background: #f5f5f5;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 15px;
}
.user-document ol {
  padding-left: 1em;
}
.user-document h1,
.user-document h2,
.user-document h3,
.user-document p,
.user-document ol {
  margin: 0.5em 0;
}
.user-document ul {
  padding-left: 1.2em;
  list-style: disc;
}
.user-document ul li {
  float: none;
}
.user-document ul li a {
  font-size: 1em;
}
.sales .ftr .rowbox,
.debethorizontal .ftr .rowbox {
  float: right;
  clear: right;
  font-size: 1.4rem;
}
.sales .ftr .rowbox .label,
.debethorizontal .ftr .rowbox .label {
  text-align: right;
}
.orderss .tabinfo .name,
.orditems .tabinfo .name,
.deliveries .name {
  width: 45%;
  min-width: 180px;
}
.orderss .tabinfo td,
.invoices .tabinfo td,
.deliveries .tabinfo td {
  padding: 10px 5px;
}
.orderss .tabinfo.hor thead th,
.invoices .tabinfo.hor .tabinfo.hor th,
.deliveries .tabinfo.hor .tabinfo.hor th {
  background: #ffffff !important;
  font-weight: normal;
  font-size: 1.3rem;
  color: #616161;
  padding: 5px 5px;
  white-space: nowrap;
  text-align: center;
}
.company form > p.info,
.contact form > p.info,
.comshipto form > p.info {
  font-size: 1.6rem;
  padding: 10px 5px;
  background-color: beige;
  width: 100%;
  border-radius: 5px;
}
.company form > p.info:before,
.contact form > p.info:before,
.comshipto form > p.info:before {
  margin-right: 5px;
}
/* cls css files  */
.iisutil .stiparcomp .tabinfo {
  background-color: #ffffff;
}
.stiparcomp .hdr {
  position: relative;
}
.stiparcomp .hdr .count {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  position: relative;
  top: 5px;
  font-size: 1.6rem;
  color: white;
  background: #FF9800;
  border-radius: 100px;
  background-clip: padding-box;
  width: 2.4rem;
  height: 2rem;
}
.stiparcomp .hdr .share {
  float: right;
  position: relative;
}
.stiparcomp .hdr .share #copy_link_tooltip {
  right: 0;
  left: auto;
  top: -17px;
}
.stiparcomp .hdr .share .btn-share {
  float: right;
  margin: 12px 0;
}
.stiparcomp .hdr .share .btn-share:before {
  font-size: 2rem;
}
.stiparcomp .hdr .share .btn-share:hover {
  opacity: 1;
  box-shadow: none !important;
}
.stiparcomp .buttons {
  display: flex;
  justify-content: space-between;
  float: left;
  clear: left;
  width: 100%;
  background: #F5F5F5;
  margin-bottom: 5px;
  margin-top: 15px;
}
.stiparcomp .buttons .filteritem {
  float: left;
  margin: 10px;
}
.stiparcomp .buttons .filteritem label {
  font-size: 1.6rem;
  color: #1976D2;
  padding-left: 26px;
}
.stiparcomp .sharer {
  float: right;
}
.stiparcomp .arrows {
  display: flex;
  align-items: center;
}
.stiparcomp .arr {
  float: left;
  cursor: pointer;
  padding: 0 5px;
}
.stiparcomp .arr.arr-next:after,
.stiparcomp .arr.arr-prev:after {
  font: normal normal normal 3rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e859";
  opacity: 0.6;
}
.stiparcomp .arr.arr-next:hover:after,
.stiparcomp .arr.arr-prev:hover:after {
  opacity: 1;
}
.stiparcomp .arr.arr-prev:after {
  content: "\e858";
}
.stiparcomp > .cnt {
  position: relative;
  width: auto;
  max-width: 100%;
  overflow-x: hidden;
  padding: 0;
  background-color: #F5F5F5;
}
.stiparcomp > .cnt > .wrap {
  margin-left: 180px;
  overflow-x: auto;
}
.stiparcomp > .cnt .prodbox {
  width: 100% !important;
  padding: 0 !important;
  border: none !important;
  margin: 0;
}
.stiparcomp > .cnt .prodbox h2 {
  height: 4rem;
}
.stiparcomp > .cnt .prodbox h2 a {
  float: left;
  font-size: 1.5rem;
}
.stiparcomp > .cnt .prodbox .btn-remove {
  float: right;
  margin: 0;
  right: -5px;
}
.stiparcomp > .cnt .prodbox .btn-remove:before {
  font-size: 2rem;
  color: red;
}
.stiparcomp > .cnt table {
  border: none;
  margin: 0;
}
.stiparcomp > .cnt table tr:not(.product, .title):hover th,
.stiparcomp > .cnt table tr:not(.product, .title):hover td {
  background: #E3F2FD;
}
.stiparcomp > .cnt table tr:last-child th,
.stiparcomp > .cnt table tr:last-child td {
  border-bottom: 1px solid #DBDBDB;
}
.stiparcomp > .cnt table th,
.stiparcomp > .cnt table td {
  width: 275px;
  min-width: 275px;
  vertical-align: top;
  padding: 5px 10px;
  border-top: 1px solid #DBDBDB;
  font-size: 1.5rem;
}
.stiparcomp > .cnt table th {
  width: 175px;
  min-width: 175px;
  text-align: left;
  font-weight: normal;
  position: absolute;
  left: 0;
  overflow: hidden;
  background: transparent;
  font-size: 1.4rem;
}
.stiparcomp > .cnt table th:after {
  content: "" !important;
}
.stiparcomp > .cnt table th div {
  display: flex;
  align-items: center;
  height: 38px;
}
.stiparcomp > .cnt table td {
  border-left: 1px solid #DBDBDB;
  padding: 15px 10px;
}
.stiparcomp > .cnt table td:last-child {
  border-right: 1px solid #DBDBDB;
}
.stiparcomp > .cnt table tr.title th,
.stiparcomp > .cnt table tr.title td {
  font-size: 1.8rem;
  font-weight: bold;
  background: #F5F5F5;
  border-bottom: none;
  padding: 10px;
}
.stiparcomp > .cnt table tr.title th p,
.stiparcomp > .cnt table tr.title td p {
  min-height: 22px;
}
.stiparcomp > .cnt table tr.cpa td {
  font-weight: bold;
  height: 50px;
}
.stiparcomp > .cnt table tr.product th,
.stiparcomp > .cnt table tr.product td {
  border-top: none;
  height: auto;
}
.stiparcomp > .cnt table tr.product td {
  padding-top: 0;
}
.stiparcomp > .cnt table .diffparam {
  display: none;
}
.ordbaskets {
  /* printpage */
}
.ordbaskets .contentcont .wrapper {
  display: flex;
  justify-content: space-evenly;
  float: left;
  clear: left;
  width: 100%;
  background: #F5F5F5;
  margin-bottom: 20px;
  border-radius: 5px;
}
.ordbaskets .contentcont .wrapper.bg-line {
  background: linear-gradient(to right, #F5F5F5 calc(50% - 5px), white calc(50% - 5px) calc(50% + 5px), #F5F5F5 calc(50% + 5px) 100%);
}
.ordbaskets .contentcont .wrapper.bg-white {
  background: white;
}
.ordbaskets .contentcont .wrapper .boxcont {
  margin: 0;
  max-width: 540px;
}
.ordbaskets .contentcont .boxcont {
  margin-bottom: 20px;
  background: #F5F5F5;
  border-radius: 5px;
  max-width: 1315px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}
.ordbaskets .contentcont .boxcont a:hover {
  text-decoration: underline;
}
.ordbaskets .contentcont .boxcont .hdr p {
  padding: 10px 20px;
  font-size: 2.2rem;
}
.ordbaskets .contentcont .boxcont .cnt {
  padding: 10px 20px 20px 20px;
}
.ordbaskets .contentcont .boxcont .cnt .boxcont {
  background: none;
  border: none;
}
.ordbaskets .contentcont .boxcont.navbar {
  border: none;
}
.ordbaskets .contentcont .boxcont .info {
  font-size: 1.6rem;
}
.ordbaskets .contentcont .boxcont .info:before {
  margin-right: 5px;
}
.ordbaskets .contentcont form {
  max-width: 1315px;
  margin: 0 auto;
}
.ordbaskets .tradeterm {
  border: none !important;
}
.ordbaskets .tradeterm .cnt {
  padding: 5px 0;
}
.ordbaskets .tradeterm .cnt .rowbox {
  float: right;
  font-size: 1.3rem;
}
.ordbaskets .boxcont.gdpr {
  background: none;
  max-width: 680px !important;
}
.ordbaskets .boxcont.gdpr .cnt {
  padding: 0;
}
.ordbaskets .boxcont.gdpr .cnt .rowbox {
  font-size: 1.6rem;
  margin: 5px 0;
}
.ordbaskets .boxcont.gdpr .cnt .rowbox.gdpgddid-2 span {
  color: #555;
}
.ordbaskets .boxcont.gdpr .cnt .rowbox.gdpgddid-2 #customer-email {
  padding-top: 10px;
}
.ordbaskets .boxcont.gdpr .cnt .rowbox label {
  margin: 0;
}
.ordbaskets .boxcont.gdpr .cnt .rowbox a {
  font-size: 1.5rem;
}
.ordbaskets .boxcont.gdpr .cnt .rowbox .label-text {
  position: relative;
  float: left;
  padding-left: 22px;
  padding-right: 25px;
  font-size: 1.5rem;
}
.ordbaskets .boxcont.gdpr .cnt .rowbox .info:before {
  margin: 0;
}
.ordbaskets .trippleswitch .trplopt {
  float: left;
  width: 33.3333%;
  padding: 10px 2%;
}
.ordbaskets .trippleswitch .trplopt label {
  padding-top: 1px;
  font-weight: bold;
  font-size: 1.4rem;
}
.ordbaskets .trippleswitch .trplopt p {
  float: left;
  clear: left;
  width: 100%;
  margin-left: 20px;
}
.ordbaskets .comshipto .hdr label,
.ordbaskets .buyasfirm .hdr label,
.ordbaskets .customsignorder .hdr label,
.ordbaskets .discoupons .hdr label,
.ordbaskets .account .hdr label {
  font-size: 1.6rem;
  color: #1976D2;
}
.ordbaskets .comshipto .hdr label:before,
.ordbaskets .buyasfirm .hdr label:before,
.ordbaskets .customsignorder .hdr label:before,
.ordbaskets .discoupons .hdr label:before,
.ordbaskets .account .hdr label:before,
.ordbaskets .comshipto .hdr label:after,
.ordbaskets .buyasfirm .hdr label:after,
.ordbaskets .customsignorder .hdr label:after,
.ordbaskets .discoupons .hdr label:after,
.ordbaskets .account .hdr label:after {
  top: 3px;
}
.ordbaskets .comshipto .payvat,
.ordbaskets .buyasfirm .payvat,
.ordbaskets .customsignorder .payvat,
.ordbaskets .discoupons .payvat,
.ordbaskets .account .payvat {
  margin: 9px 0 9px 6px !important;
}
.ordbaskets .comshipto .btn-import,
.ordbaskets .buyasfirm .btn-import,
.ordbaskets .customsignorder .btn-import,
.ordbaskets .discoupons .btn-import,
.ordbaskets .account .btn-import {
  margin: 3px 0 3px 6px;
}
.ordbaskets .comshipto.data_3,
.ordbaskets .buyasfirm.data_3,
.ordbaskets .customsignorder.data_3,
.ordbaskets .discoupons.data_3,
.ordbaskets .account.data_3 {
  clear: left;
}
.ordbaskets .comshipto.data_3 .cnt,
.ordbaskets .buyasfirm.data_3 .cnt,
.ordbaskets .customsignorder.data_3 .cnt,
.ordbaskets .discoupons.data_3 .cnt,
.ordbaskets .account.data_3 .cnt {
  display: none;
}
.ordbaskets .comshipto.data_4 .cnt,
.ordbaskets .buyasfirm.data_4 .cnt,
.ordbaskets .customsignorder.data_4 .cnt,
.ordbaskets .discoupons.data_4 .cnt,
.ordbaskets .account.data_4 .cnt {
  display: none;
}
.ordbaskets .comshipto.data_4 .rowbox .label,
.ordbaskets .buyasfirm.data_4 .rowbox .label,
.ordbaskets .customsignorder.data_4 .rowbox .label,
.ordbaskets .discoupons.data_4 .rowbox .label,
.ordbaskets .account.data_4 .rowbox .label {
  min-width: 135px;
  margin: 5px 0 0 0;
}
.ordbaskets .comshipto input[type="date"],
.ordbaskets .buyasfirm input[type="date"],
.ordbaskets .customsignorder input[type="date"],
.ordbaskets .discoupons input[type="date"],
.ordbaskets .account input[type="date"],
.ordbaskets .comshipto input[type="time"],
.ordbaskets .buyasfirm input[type="time"],
.ordbaskets .customsignorder input[type="time"],
.ordbaskets .discoupons input[type="time"],
.ordbaskets .account input[type="time"] {
  min-width: initial;
}
.ordbaskets .comshipto .cnt label[for='logged_fill_cst'] {
  margin: 10px 0;
  font-size: 1.6rem;
  color: #1976D2;
}
.ordbaskets .comshipto .cnt .postcode {
  width: 25%;
}
.ordbaskets .comshipto .cnt .postcode input {
  min-width: 80px;
}
.ordbaskets .comshipto .cnt .city {
  width: calc(75% - 10px);
  clear: none;
  float: right;
}
.ordbaskets .delivery {
  clear: left;
}
.ordbaskets .delivery .cnt > ul {
  padding: 0 2px;
  margin: 15px 0 10px 0;
}
.ordbaskets .delivery.selected li.delivmode:not(.act) {
  display: none !important;
}
.ordbaskets .boxcont.delivery .hdr p,
.ordbaskets .boxcont.payway .hdr p,
.ordbaskets .boxcont.store .hdr p,
.ordbaskets .boxcont.demtoplace .hdr p {
  font-weight: bold;
  padding: 20px 20px 10px 20px;
}
.ordbaskets .boxcont.delivery .cnt,
.ordbaskets .boxcont.payway .cnt,
.ordbaskets .boxcont.store .cnt,
.ordbaskets .boxcont.demtoplace .cnt {
  padding-top: 0;
}
.ordbaskets .boxcont.delivery ul,
.ordbaskets .boxcont.payway ul,
.ordbaskets .boxcont.store ul,
.ordbaskets .boxcont.demtoplace ul {
  float: left;
  clear: left;
  width: 100%;
  overflow: hidden;
}
.ordbaskets .boxcont.delivery li,
.ordbaskets .boxcont.payway li,
.ordbaskets .boxcont.store li,
.ordbaskets .boxcont.demtoplace li {
  float: left;
  clear: left;
  width: 100%;
  padding: 15px 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: 1px solid white;
  background-color: white;
  margin: 5px 0;
}
.ordbaskets .boxcont.delivery li:hover,
.ordbaskets .boxcont.payway li:hover,
.ordbaskets .boxcont.store li:hover,
.ordbaskets .boxcont.demtoplace li:hover {
  border: 1px solid #a8a8a8;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}
.ordbaskets .boxcont.delivery li .img,
.ordbaskets .boxcont.payway li .img,
.ordbaskets .boxcont.store li .img,
.ordbaskets .boxcont.demtoplace li .img {
  float: left;
}
.ordbaskets .boxcont.delivery li .img img,
.ordbaskets .boxcont.payway li .img img,
.ordbaskets .boxcont.store li .img img,
.ordbaskets .boxcont.demtoplace li .img img {
  max-height: 20px;
}
.ordbaskets .boxcont.delivery li input:checked ~ .price span,
.ordbaskets .boxcont.payway li input:checked ~ .price span,
.ordbaskets .boxcont.store li input:checked ~ .price span,
.ordbaskets .boxcont.demtoplace li input:checked ~ .price span {
  font-weight: bold;
}
.ordbaskets .boxcont.delivery li input:checked ~ .detail,
.ordbaskets .boxcont.payway li input:checked ~ .detail,
.ordbaskets .boxcont.store li input:checked ~ .detail,
.ordbaskets .boxcont.demtoplace li input:checked ~ .detail {
  display: block;
}
.ordbaskets .boxcont.delivery li label,
.ordbaskets .boxcont.payway li label,
.ordbaskets .boxcont.store li label,
.ordbaskets .boxcont.demtoplace li label {
  margin: 0;
  font-size: 1.6rem;
  font-weight: bold;
  color: #1976D2;
  padding-left: 25px;
}
.ordbaskets .boxcont.delivery li label:before,
.ordbaskets .boxcont.payway li label:before,
.ordbaskets .boxcont.store li label:before,
.ordbaskets .boxcont.demtoplace li label:before {
  top: 2px;
}
.ordbaskets .boxcont.delivery li label:after,
.ordbaskets .boxcont.payway li label:after,
.ordbaskets .boxcont.store li label:after,
.ordbaskets .boxcont.demtoplace li label:after {
  top: 3px;
}
.ordbaskets .boxcont.delivery li .price,
.ordbaskets .boxcont.payway li .price,
.ordbaskets .boxcont.store li .price,
.ordbaskets .boxcont.demtoplace li .price {
  float: right;
  font-size: 1.6rem;
  color: #212121;
  padding-left: 5px;
}
.ordbaskets .boxcont.delivery li .price .wvat,
.ordbaskets .boxcont.payway li .price .wvat,
.ordbaskets .boxcont.store li .price .wvat,
.ordbaskets .boxcont.demtoplace li .price .wvat {
  font-size: 1.6rem;
}
.ordbaskets .boxcont.delivery li .price p,
.ordbaskets .boxcont.payway li .price p,
.ordbaskets .boxcont.store li .price p,
.ordbaskets .boxcont.demtoplace li .price p {
  display: none;
}
.ordbaskets .boxcont.delivery li .price span,
.ordbaskets .boxcont.payway li .price span,
.ordbaskets .boxcont.store li .price span,
.ordbaskets .boxcont.demtoplace li .price span {
  font-weight: normal;
}
.ordbaskets .boxcont.delivery li .price span.coeficiet:before,
.ordbaskets .boxcont.payway li .price span.coeficiet:before,
.ordbaskets .boxcont.store li .price span.coeficiet:before,
.ordbaskets .boxcont.demtoplace li .price span.coeficiet:before {
  content: "(";
}
.ordbaskets .boxcont.delivery li .price span.coeficiet:after,
.ordbaskets .boxcont.payway li .price span.coeficiet:after,
.ordbaskets .boxcont.store li .price span.coeficiet:after,
.ordbaskets .boxcont.demtoplace li .price span.coeficiet:after {
  content: ")";
}
.ordbaskets .boxcont.delivery li .info,
.ordbaskets .boxcont.payway li .info,
.ordbaskets .boxcont.store li .info,
.ordbaskets .boxcont.demtoplace li .info {
  float: right;
  margin: 1px 0 0 0;
}
.ordbaskets .boxcont.delivery li .info span,
.ordbaskets .boxcont.payway li .info span,
.ordbaskets .boxcont.store li .info span,
.ordbaskets .boxcont.demtoplace li .info span {
  top: 0;
  right: 20px;
}
.ordbaskets .boxcont.delivery li .info span .dempawdetail,
.ordbaskets .boxcont.payway li .info span .dempawdetail,
.ordbaskets .boxcont.store li .info span .dempawdetail,
.ordbaskets .boxcont.demtoplace li .info span .dempawdetail {
  padding-top: 5px;
}
.ordbaskets .boxcont.delivery li .info span .dempawdetail .name,
.ordbaskets .boxcont.payway li .info span .dempawdetail .name,
.ordbaskets .boxcont.store li .info span .dempawdetail .name,
.ordbaskets .boxcont.demtoplace li .info span .dempawdetail .name,
.ordbaskets .boxcont.delivery li .info span .dempawdetail .price,
.ordbaskets .boxcont.payway li .info span .dempawdetail .price,
.ordbaskets .boxcont.store li .info span .dempawdetail .price,
.ordbaskets .boxcont.demtoplace li .info span .dempawdetail .price {
  float: left;
  padding-right: 5px;
}
.ordbaskets .boxcont.delivery li .services,
.ordbaskets .boxcont.payway li .services,
.ordbaskets .boxcont.store li .services,
.ordbaskets .boxcont.demtoplace li .services {
  display: none;
  float: left;
  clear: left;
  width: 100%;
  padding: 0 0 10px 0;
}
.ordbaskets .boxcont.delivery li .services li,
.ordbaskets .boxcont.payway li .services li,
.ordbaskets .boxcont.store li .services li,
.ordbaskets .boxcont.demtoplace li .services li {
  padding-left: 20px;
}
.ordbaskets .boxcont.delivery li .services li .wovat,
.ordbaskets .boxcont.payway li .services li .wovat,
.ordbaskets .boxcont.store li .services li .wovat,
.ordbaskets .boxcont.demtoplace li .services li .wovat {
  display: none;
}
.ordbaskets .boxcont.delivery li .services li ul,
.ordbaskets .boxcont.payway li .services li ul,
.ordbaskets .boxcont.store li .services li ul,
.ordbaskets .boxcont.demtoplace li .services li ul {
  display: none;
}
.ordbaskets .boxcont.delivery li p,
.ordbaskets .boxcont.payway li p,
.ordbaskets .boxcont.store li p,
.ordbaskets .boxcont.demtoplace li p {
  float: left;
}
.ordbaskets .boxcont.delivery li .detail,
.ordbaskets .boxcont.payway li .detail,
.ordbaskets .boxcont.store li .detail,
.ordbaskets .boxcont.demtoplace li .detail {
  display: none;
  float: left;
  clear: left;
  width: calc(100% - 25px);
  margin-left: 25px;
  padding-top: 10px;
  font-size: 1.4rem;
  line-height: 1.4;
}
.ordbaskets .boxcont.delivery li .detail a,
.ordbaskets .boxcont.payway li .detail a,
.ordbaskets .boxcont.store li .detail a,
.ordbaskets .boxcont.demtoplace li .detail a {
  font-size: 1.4rem;
  padding: 0;
}
.ordbaskets .boxcont.delivery .btn-down,
.ordbaskets .boxcont.payway .btn-down,
.ordbaskets .boxcont.store .btn-down,
.ordbaskets .boxcont.demtoplace .btn-down {
  float: right;
  gap: 2px;
}
.ordbaskets .boxcont.delivery .btn-down:before,
.ordbaskets .boxcont.payway .btn-down:before,
.ordbaskets .boxcont.store .btn-down:before,
.ordbaskets .boxcont.demtoplace .btn-down:before {
  font-size: 2.2rem;
}
.ordbaskets .boxcont.delivery .btn-down span,
.ordbaskets .boxcont.payway .btn-down span,
.ordbaskets .boxcont.store .btn-down span,
.ordbaskets .boxcont.demtoplace .btn-down span {
  text-decoration: underline;
}
.ordbaskets .boxcont.delivery .btn-down span:first-letter,
.ordbaskets .boxcont.payway .btn-down span:first-letter,
.ordbaskets .boxcont.store .btn-down span:first-letter,
.ordbaskets .boxcont.demtoplace .btn-down span:first-letter {
  text-transform: none;
}
.ordbaskets .boxcont.payway .hdr {
  display: flex;
  align-items: center;
}
.ordbaskets .boxcont.payway .cnt > ul {
  margin: 20px 0 40px 0;
  padding: 0 2px;
}
.ordbaskets .boxcont.payway .cnt > ul li {
  cursor: pointer;
}
.ordbaskets .boxcont.payway .info {
  margin: 20px 0;
}
.ordbaskets .boxcont.payway.selected ul {
  margin-bottom: 5px;
}
.ordbaskets .boxcont.payway.selected li:not(.act) {
  display: none !important;
}
.ordbaskets .boxcont.payway.wait .cnt > p.info {
  display: block !important;
}
.ordbaskets .boxcont.payway.wait ul {
  display: none;
}
.ordbaskets .boxcont.store {
  background: white !important;
  margin: 10px 0 10px 25px !important;
  width: calc(100% - 25px);
}
.ordbaskets .boxcont.store .hdr p {
  font-size: 1.6rem;
  font-weight: normal;
  padding: 5px 20px 10px 20px;
}
.ordbaskets .boxcont.store .cnt {
  padding: 0 10px;
}
.ordbaskets .boxcont.store ul {
  margin: 0;
  padding: 0 5px;
}
.ordbaskets .boxcont.store li {
  cursor: pointer;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  background-clip: padding-box;
  margin: 5px 0;
  padding-left: 10px;
}
.ordbaskets .boxcont.store li.act {
  background: #e8f0fe;
}
.ordbaskets .boxcont.store li label {
  color: #212121;
  width: 100%;
}
.ordbaskets .boxcont.store .place {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.6rem;
  padding: 5px 20px 10px 20px;
}
.ordbaskets .boxcont.store.selected .hdr {
  display: none;
}
.ordbaskets .boxcont.store.selected li:not(.act) {
  display: none;
}
.ordbaskets .boxcont.discoupons {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ordbaskets .boxcont.discoupons .hdr {
  max-width: calc((100% - 1080px) / 3 + 1080px);
}
.ordbaskets .boxcont.discoupons .cnt {
  max-width: calc((100% - 1080px) / 3 + 1080px);
  display: none;
}
.ordbaskets .boxcont.discoupons .cnt .rowbox.half {
  width: calc(50% - 20px);
  max-width: 500px;
}
.ordbaskets .boxcont.discoupons .inputs {
  display: flex;
  flex-direction: column;
}
.ordbaskets .boxcont.discoupons .inputs .diccode {
  float: left;
  clear: left;
  flex: 1 0 0;
}
.ordbaskets .boxcont.discoupons .inputs .diccode .btn {
  min-width: 0;
  margin: 3px 0 3px 5px;
}
.ordbaskets .boxcont.discoupons .inputs .diccode .btn:before {
  margin: 0;
}
.ordbaskets .boxcont.discoupons .inputs p {
  font-size: 1.6rem;
}
.ordbaskets .boxcont.discoupons.singleonly .inputs > :first-child {
  display: flex !important;
  align-items: center;
}
.ordbaskets .boxcont.discoupons.singleonly .inputs .diccode {
  display: none;
}
.ordbaskets .boxcont.customsignorder {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}
.ordbaskets .boxcont.customsignorder .hdr {
  max-width: calc((100% - 1080px) / 3 + 1080px);
}
.ordbaskets .boxcont.customsignorder .cnt {
  max-width: calc((100% - 1080px) / 3 + 1080px);
  display: none;
}
.ordbaskets .boxcont.customsignorder .cnt .rowbox.half {
  width: calc(50% - 20px);
  max-width: 500px;
}
.ordbaskets .boxcont.customsignorder input[type="date"],
.ordbaskets .boxcont.customsignorder .ordbaskets input[type="time"] {
  min-height: 50px;
}
.ordbaskets .boxcont.customsignorder .hdr p,
.ordbaskets .boxcont.discoupons .hdr p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
.ordbaskets .boxcont.birthdate {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ordbaskets .boxcont.birthdate .hdr {
  max-width: calc((100% - 1080px) / 3 + 1080px);
}
.ordbaskets .boxcont.birthdate .cnt {
  max-width: calc((100% - 1080px) / 3 + 1080px);
}
.ordbaskets .boxcont.birthdate .cnt .rowbox.half {
  width: calc(50% - 20px);
  max-width: 500px;
}
.ordbaskets .boxcont.birthdate .inputs p {
  font-size: 1.6rem;
}
.ordbaskets .boxcont.demtoplace {
  background: white !important;
  margin: 10px 0 10px 25px !important;
  width: calc(100% - 25px);
}
.ordbaskets .boxcont.demtoplace .hdr {
  display: flex;
  justify-content: space-between;
}
.ordbaskets .boxcont.demtoplace .hdr p {
  font-size: 1.6rem;
  font-weight: normal;
  padding-bottom: 15px;
}
.ordbaskets .boxcont.demtoplace .hdr .btn {
  margin-right: 10px;
}
.ordbaskets .boxcont.demtoplace .cnt {
  padding: 0 10px;
}
.ordbaskets .boxcont.demtoplace .search {
  display: flex;
  justify-content: space-between;
  border: 2px solid #DBDBDB;
  border-radius: 4px;
  background-clip: padding-box;
}
.ordbaskets .boxcont.demtoplace .search input {
  margin: 0;
  font-size: 1.6rem;
  border: none;
  box-shadow: none;
  padding: 9px 10px;
  flex: 1 0 0;
}
.ordbaskets .boxcont.demtoplace .search .btn {
  float: right;
  margin: 3px;
  padding: 0 10px;
}
.ordbaskets .boxcont.demtoplace .search .btn span {
  text-transform: uppercase;
}
.ordbaskets .boxcont.demtoplace .place {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.6rem;
  padding: 15px 20px 0 20px;
}
.ordbaskets .boxcont.demtoplace ul {
  float: left;
  clear: left;
  width: 100%;
  overflow-y: scroll;
  max-height: 420px;
  margin: 10px 0 0 0;
}
.ordbaskets .boxcont.demtoplace ul li {
  float: left;
  clear: left;
  width: calc(100% - 10px);
  cursor: pointer;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 15px;
  margin: 5px 0;
}
.ordbaskets .boxcont.demtoplace ul li.act {
  background: #e8f0fe;
}
.ordbaskets .boxcont.demtoplace ul li.act .detail,
.ordbaskets .boxcont.demtoplace ul li.act .open-hours,
.ordbaskets .boxcont.demtoplace ul li.act .open-hours-exception {
  width: 100%;
  display: block;
  float: left;
  padding: 5px 5px 5px 29px;
}
.ordbaskets .boxcont.demtoplace ul li.act .detail p,
.ordbaskets .boxcont.demtoplace ul li.act .open-hours p,
.ordbaskets .boxcont.demtoplace ul li.act .open-hours-exception p {
  float: left;
  clear: left;
  width: 100%;
}
.ordbaskets .boxcont.demtoplace ul li.act .detail .title,
.ordbaskets .boxcont.demtoplace ul li.act .open-hours .title,
.ordbaskets .boxcont.demtoplace ul li.act .open-hours-exception .title {
  font-size: 1.3rem;
  font-weight: bold;
  padding-bottom: 5px;
}
.ordbaskets .boxcont.demtoplace ul li.act .address,
.ordbaskets .boxcont.demtoplace ul li.act .btn-external {
  display: flex !important;
}
.ordbaskets .boxcont.demtoplace ul li.act .open-hours,
.ordbaskets .boxcont.demtoplace ul li.act .open-hours-exception {
  display: block;
}
.ordbaskets .boxcont.demtoplace ul li .item {
  float: left;
  max-width: calc(100% - 30px);
}
.ordbaskets .boxcont.demtoplace ul li .item p {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
  font-size: 1.3rem;
}
.ordbaskets .boxcont.demtoplace ul li .item .name {
  font-weight: bold;
  font-size: 1.6rem;
  padding-top: 0;
}
.ordbaskets .boxcont.demtoplace ul li .item .address,
.ordbaskets .boxcont.demtoplace ul li .item .btn-external {
  display: none;
}
.ordbaskets .boxcont.demtoplace ul li .item .btn-external {
  margin: 0;
  padding-left: 0;
  font-size: 1.4rem;
}
.ordbaskets .boxcont.demtoplace ul li .item .btn-external span {
  text-decoration: underline;
}
.ordbaskets .boxcont.demtoplace ul li .detail,
.ordbaskets .boxcont.demtoplace ul li .open-hours,
.ordbaskets .boxcont.demtoplace ul li .open-hours-exception {
  display: none;
}
.ordbaskets .boxcont.demtoplace ul li .open-hours span,
.ordbaskets .boxcont.demtoplace ul li .open-hours-exception span {
  float: left;
  text-transform: capitalize;
  font-weight: bold;
  min-width: 59px;
}
.ordbaskets .boxcont.demtoplace ul li .open-hours span:after,
.ordbaskets .boxcont.demtoplace ul li .open-hours-exception span:after {
  content: ":";
  padding-right: 5px;
}
.ordbaskets .boxcont.demtoplace.selected .hdr,
.ordbaskets .boxcont.demtoplace.selected .search {
  display: none;
}
.ordbaskets .boxcont.demtoplace.selected ul {
  overflow: hidden;
}
.ordbaskets .boxcont.demtoplace.selected li {
  width: 100%;
}
.ordbaskets .boxcont.demtoplace.selected li:not(.act) {
  display: none;
}
.ordbaskets .boxcont.products {
  position: relative;
  background: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ordbaskets .boxcont.products .hdr {
  display: none;
}
.ordbaskets .boxcont.products .cnt {
  display: flex;
  justify-content: center;
  padding: 0;
  border-bottom: 3px solid #DBDBDB;
  max-width: calc((100% - 600px) / 3 + 1080px);
}
.ordbaskets .boxcont.products .cnt.empty {
  justify-content: start;
}
.ordbaskets .boxcont.products .cnt.empty .info {
  font-size: 1.6rem;
  padding: 0 0 10px 20px;
}
.ordbaskets .boxcont.products .cnt.empty a {
  font-size: 1.6rem;
}
.ordbaskets .boxcont.products .ftr {
  display: none;
  background: white;
}
.ordbaskets .boxcont.products .ftr .btn-down {
  float: right;
  gap: 2px;
}
.ordbaskets .boxcont.products .ftr .btn-down:before {
  font-size: 2.2rem;
}
.ordbaskets .boxcont.products .ftr .btn-down span {
  text-decoration: underline;
}
.ordbaskets .boxcont.products .ftr .btn-down span:first-letter {
  text-transform: none;
}
.ordbaskets .boxcont.products .tabinfo.hor td {
  border: none;
}
.ordbaskets .boxcont.products .tabinfo.hor tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td {
  border-top: 1px solid #DBDBDB;
  padding: 15px 10px;
}
.ordbaskets .boxcont.products .tabinfo.hor tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.img {
  width: 75px;
  height: 75px;
}
.ordbaskets .boxcont.products .tabinfo.hor tr:nth-child(2n+1) td {
  background: white;
}
.ordbaskets .boxcont.products .stiadvsrvsspitem {
  position: relative;
}
.ordbaskets .boxcont.products .stiadvsrvsspitem .img img {
  position: relative;
  left: auto;
  top: auto;
  max-width: 30px;
  height: 25px;
}
.ordbaskets .boxcont.products .stiadvsrvsspitem .name {
  font-size: 1.6rem;
}
.ordbaskets .boxcont.products .stiadvsrvsspitem .name a {
  color: #757575;
}
.ordbaskets .boxcont.products .stiadvsrvsspitem .name a:before {
  font: normal normal normal 1.5rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e84e";
}
.ordbaskets .boxcont.products .stiadvsrvsspitem .name a:hover {
  text-decoration: none;
  color: #1976D2;
}
.ordbaskets .boxcont.products .stiadvsrvsspitem .name a span {
  display: none;
}
.ordbaskets .boxcont.products .stiadvsrvsspitem .name span {
  float: left;
  margin-right: 5px;
}
.ordbaskets .boxcont.products .stiadvsrvitem .name p {
  clear: none;
  font-size: 1.4rem;
}
.ordbaskets .boxcont.products .stiadvsrvitem .name span {
  float: left;
  font-weight: normal;
}
.ordbaskets .boxcont.products .stiadvsrvitem .name strong {
  float: left;
}
.ordbaskets .boxcont.products .bundle .name span {
  text-transform: uppercase;
  color: #D81B60;
  margin-right: 5px;
}
.ordbaskets .boxcont.products .bundle .name a {
  float: none;
  color: #424242;
  font-size: 1.4rem;
  font-weight: normal;
}
.ordbaskets .boxcont.products .advancedservicess .name {
  padding-left: 0;
}
.ordbaskets .boxcont.products .advancedservicess .name a {
  margin: 0;
  padding-left: 0;
}
.ordbaskets .boxcont.products .advancedservicess .name a span {
  font-weight: normal;
}
.ordbaskets .boxcont.products td.ordcount {
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 40px;
}
.ordbaskets .boxcont.products .name a {
  font-size: 1.6rem;
  max-width: 470px;
}
.ordbaskets .boxcont.products .availability {
  min-width: 165px;
}
.ordbaskets .boxcont.products .availability a {
  font-size: 1.5rem;
}
.ordbaskets .boxcont.products .availability .stock:before {
  display: none;
}
.ordbaskets .boxcont.products .availability .stock span {
  float: left;
  font-size: 1.5rem;
}
.ordbaskets .boxcont.products .availability .stock .all_avail {
  text-transform: none;
}
.ordbaskets .boxcont.products .availability .stock .days {
  clear: left;
  font-size: 1.3rem;
  font-weight: normal;
  text-transform: none;
  color: #424242;
}
.ordbaskets .boxcont.products.noedit {
  background: #F5F5F5;
}
.ordbaskets .boxcont.products.noedit.showall tr[data-show='0'] {
  display: revert !important;
}
.ordbaskets .boxcont.products.noedit .hdr {
  position: relative;
  display: block;
  max-width: calc((100% - 1080px) / 3 + 1080px);
}
.ordbaskets .boxcont.products.noedit .hdr span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  color: white;
  background: #FB8C00;
  width: 2rem;
  height: 1.8rem;
  border-radius: 100px;
  background-clip: padding-box;
  top: 5px;
  float: left;
}
.ordbaskets .boxcont.products.noedit .cnt {
  background: white;
  max-width: 100%;
}
.ordbaskets .boxcont.products.noedit .cnt .table-scroll {
  overflow: hidden;
  max-width: calc((100% - 1080px) / 3 + 1080px);
}
.ordbaskets .boxcont.products.noedit .cnt .table-scroll .stitable {
  margin-top: -1px;
}
.ordbaskets .boxcont.products.noedit .ftr {
  display: block;
}
.ordbaskets .boxcont.products.noedit tr[data-show='0'] {
  display: none !important;
}
.ordbaskets .boxcont.products.noedit th {
  display: none;
}
.ordbaskets .boxcont.products.noedit .img img {
  max-width: 50px;
  max-height: 50px;
}
.ordbaskets .boxcont.products.noedit .name {
  width: calc(100% - 75px) !important;
  margin: 0 !important;
}
.ordbaskets .boxcont.products.noedit .code {
  display: none;
}
.ordbaskets .boxcont.products.noedit .buyout {
  display: none;
}
.ordbaskets .boxcont.products.noedit .price.wvat {
  display: none;
}
.ordbaskets .boxcont.products.noedit .ordcount {
  text-align: right;
}
.ordbaskets .boxcont.products.noedit .qtybox {
  border: none;
  float: right;
  display: flex;
  align-items: center;
}
.ordbaskets .boxcont.products.noedit .qtybox:after {
  content: "ks";
}
.ordbaskets .boxcont.products.noedit .qtybox .up,
.ordbaskets .boxcont.products.noedit .qtybox .down {
  display: none;
  cursor: auto;
}
.ordbaskets .boxcont.products.noedit .qtybox input[readonly="readonly"] {
  padding: 0;
  margin: 0 4px 0 0;
  text-align: right;
  max-width: 27px;
  padding: 7px 0 !important;
}
.ordbaskets .boxcont.products.noedit .advancedservicess,
.ordbaskets .boxcont.products.noedit .stiadvsrvsspitem {
  display: none !important;
}
.ordbaskets .boxcont.products.noedit .stiadvsrvitem .ordcount,
.ordbaskets .boxcont.products.noedit .bundle .ordcount {
  padding-right: 10px;
}
.ordbaskets .boxcont.products.noedit input.sascheck + label {
  color: #212121;
}
.ordbaskets .boxcont.products.noedit input.sascheck:not(:checked) + label {
  display: none;
}
.ordbaskets .boxcont.ordrelation {
  position: relative;
  background: none;
  margin-top: 40px;
}
.ordbaskets .boxcont.ordrelation > .hdr {
  background: #F5F5F5;
  margin-bottom: 5px;
}
.ordbaskets .boxcont.ordrelation > .hdr span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  color: white;
  background: #FB8C00;
  width: 2rem;
  height: 1.8rem;
  border-radius: 100px;
  background-clip: padding-box;
  top: -5px;
  float: left;
}
.ordbaskets .boxcont.ordrelation .cnt {
  padding: 0;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .btn-dtc-admin,
.ordbaskets .boxcont.ordrelation .cnt .prodbox .stikeywords,
.ordbaskets .boxcont.ordrelation .cnt .prodbox .note,
.ordbaskets .boxcont.ordrelation .cnt .prodbox .tools .buttons,
.ordbaskets .boxcont.ordrelation .cnt .prodbox .code,
.ordbaskets .boxcont.ordrelation .cnt .prodbox .wovat,
.ordbaskets .boxcont.ordrelation .cnt .prodbox .qtymax,
.ordbaskets .boxcont.ordrelation .cnt .prodbox .advprc p,
.ordbaskets .boxcont.ordrelation .cnt .prodbox .normalprc p {
  display: none;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox h2 {
  line-height: 1.8rem;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox h2 a {
  font-size: 1.5rem;
  font-weight: normal;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .status {
  top: 0;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .status-discount {
  top: -5px;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .sale {
  float: right;
  font-size: 1.3rem;
  background: #FB8C00;
  color: white;
  padding: 3px 5px;
  border-radius: 100px;
  background-clip: padding-box;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .sale span {
  font-weight: normal;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .sale u {
  font-size: 9px;
  vertical-align: top;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .over-line {
  display: inline !important;
  width: 106%;
  border-top: 2px solid red;
  left: -5px;
  top: 45%;
  position: absolute;
  transform: rotate(-15deg);
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .normalprc {
  position: relative;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .normalprc span {
  color: #616161;
  font-size: 1.6rem;
  font-weight: normal;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .normalprc u {
  font-size: 10px;
  vertical-align: top;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .advprc {
  margin-top: 15px;
  font-size: 2.4rem;
}
.ordbaskets .boxcont.ordrelation .cnt .prodbox .advprc u {
  font-size: 1.5rem;
  vertical-align: top;
}
.ordbaskets .boxcont.ordrelation .tns-nav {
  position: absolute;
  width: auto;
  right: 15px;
  padding: 15px 0;
}
.ordbaskets .boxcont.ordrelation .tns-slider {
  display: flex;
  padding: 5px 0;
}
.ordbaskets .boxcont.ordrelation .tns-slider .prodbox {
  border-left: 1px solid #DBDBDB !important;
  border-right: 1px solid #DBDBDB !important;
  border-top: none;
  border-bottom: none;
}
.ordbaskets .boxcont.ordrelation .tns-slider .prodbox:first-child {
  border-left: 1px solid #FFFFFF !important;
}
.ordbaskets .boxcont.ordrelation .tns-slider .prodbox:last-child {
  border-right: 1px solid #FFFFFF !important;
}
.ordbaskets .boxcont.ordrelation .tns-slider .prodbox:hover {
  border-left: 1px solid #ABABAB !important;
  border-right: 1px solid #ABABAB !important;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}
.ordbaskets .boxcont.ordrelation .tns-ovh {
  width: 100%;
}
.ordbaskets #ordrelationcont_1 .status-discount {
  display: none;
}
.ordbaskets #ordrelationcont_1 .buybox {
  margin-top: 10px;
}
.ordbaskets .boxcont.itemsintoexistorder .cnt,
.ordbaskets .boxcont.sumtab .cnt,
.ordbaskets .boxcont.sipqdiscs .cnt {
  padding: 0;
}
.ordbaskets .boxcont.itemsintoexistorder .cnt table,
.ordbaskets .boxcont.sumtab .cnt table,
.ordbaskets .boxcont.sipqdiscs .cnt table {
  border: none;
  border-radius: 0;
  background-clip: padding-box;
}
.ordbaskets .boxcont.itemsintoexistorder .cnt table th,
.ordbaskets .boxcont.sumtab .cnt table th,
.ordbaskets .boxcont.sipqdiscs .cnt table th {
  border-radius: 0;
  background-clip: padding-box;
  width: auto;
}
.ordbaskets .boxcont.itemsintoexistorder .cnt table td,
.ordbaskets .boxcont.sumtab .cnt table td,
.ordbaskets .boxcont.sipqdiscs .cnt table td {
  width: auto;
}
.ordbaskets .itemsintoexistorder .tabinfo {
  margin: 0;
}
.ordbaskets .boxcont.sumtab {
  background: none;
  max-width: calc((100% - 955px) / 3 + 1080px) !important;
}
.ordbaskets .boxcont.sumtab[data-step='3'] {
  max-width: 380px !important;
}
.ordbaskets .boxcont.sumtab .tabinfo {
  width: auto;
  float: right;
}
.ordbaskets .boxcont.sumtab .tabinfo th {
  text-align: left;
  vertical-align: bottom;
}
.ordbaskets .boxcont.sumtab .tabinfo td span {
  float: right;
}
.ordbaskets .boxcont.sumtab .tabinfo .wovat th,
.ordbaskets .boxcont.sumtab .tabinfo .delivery th,
.ordbaskets .boxcont.sumtab .tabinfo .wovat span,
.ordbaskets .boxcont.sumtab .tabinfo .delivery span {
  font-weight: normal;
}
.ordbaskets .boxcont.sumtab .tabinfo .wovat .info,
.ordbaskets .boxcont.sumtab .tabinfo .delivery .info {
  float: right;
  margin-left: 5px;
}
.ordbaskets .boxcont.sumtab .tabinfo .price {
  color: #212121;
}
.ordbaskets .boxcont.sumtab .tabinfo #dempaytotalprice {
  font-size: 2.2rem;
}
.ordbaskets .boxcont.sumtab .tabinfo #dempayCost[data-freedeliv='1'] {
  color: #1976D2;
}
.ordbaskets .boxcont.sumtab .tabinfo .dicvalue td {
  font-weight: bold;
}
.ordbaskets .boxcont.sumtab .tabinfo .credit {
  color: #757575;
}
.ordbaskets .boxcont.sumtab .tabinfo .discountval {
  background: bisque;
}
.ordbaskets .boxcont.sumtab .tabinfo .discountval th:after {
  content: "";
}
.ordbaskets .boxcont.sumtab .tabinfo tr:last-child td,
.ordbaskets .boxcont.sumtab .tabinfo tr:last-child th {
  padding-bottom: 0px;
}
.ordbaskets .boxcont.buttons {
  background: none;
  border: none;
  float: none;
  max-width: calc((100% - 600px) / 3 + 1080px);
  margin: 0 auto;
}
.ordbaskets .boxcont.buttons .btn:not(.btn-inv) {
  float: right;
  margin: 3px 0 3px 5px;
}
.ordbaskets .boxcont.buttons .btn-big {
  padding: 14px 30px;
}
.ordbaskets .boxcont.buttons #btnCreateOrd {
  position: relative;
  margin-bottom: 25px;
}
.ordbaskets .boxcont.buttons #btnCreateOrd p {
  width: 100%;
  position: absolute;
  top: 55px;
  left: 0;
  font-size: 1.5rem;
  text-transform: none;
  color: #212121;
}
.ordbaskets .boxcont.share {
  position: relative;
  width: auto;
  float: right;
  background: none !important;
  margin: 0;
  padding-left: 20px;
}
.ordbaskets .boxcont.share .btn {
  margin: 0;
}
.ordbaskets .boxcont.share .share-submenu {
  top: 0;
}
.ordbaskets .boxcont.tools {
  display: flex;
  justify-content: center;
}
.ordbaskets .boxcont.tools .cnt {
  display: flex;
  justify-content: end;
  align-items: center;
  max-width: calc((100% - 625px) / 3 + 1080px);
  padding-right: 0;
}
.ordbaskets .boxcont.tools .title {
  flex: 1 0 0;
}
.ordbaskets .boxcont.addbynum p {
  margin: 0;
  font-size: 1.6rem;
}
.ordbaskets .boxcont.addbynum a {
  font-size: 1.6rem;
}
.ordbaskets .boxcont.addbynum form {
  display: flex;
  padding: 10px 0;
  float: left;
}
.ordbaskets .boxcont.addbynum .rowbox {
  width: auto;
  max-width: 150px;
  clear: none;
  margin-right: 5px;
}
.ordbaskets .boxcont.addbynum .rowbox.qty {
  max-width: 60px;
}
.ordbaskets .boxcont.addbynum .rowbox input {
  min-width: 0;
}
.ordbaskets .boxcont.tools {
  background: none;
}
.ordbaskets .boxcont.tools .title {
  font-size: 3.2rem;
  float: left;
}
.ordbaskets .boxcont.contact {
  background: none;
}
.ordbaskets .boxcont.contact .hdr p {
  padding: 20px 20px 10px 20px;
}
.ordbaskets .boxcont.contact .cnt {
  padding: 0 20px 20px 20px;
}
.ordbaskets .boxcont.contact .rowbox {
  display: flex;
  align-items: baseline;
}
.ordbaskets .boxcont.contact .rowbox .label {
  font-size: 1.6rem;
  min-width: 84px;
  padding-bottom: 0;
  color: #757575;
}
.ordbaskets .boxcont.contact .rowbox .text {
  font-size: 1.8rem;
  padding: 10px 0 0 0;
}
.ordbaskets .boxcont.contact .postcode {
  width: 25%;
}
.ordbaskets .boxcont.contact .postcode input {
  min-width: 80px;
}
.ordbaskets .boxcont.contact .city {
  width: calc(75% - 10px);
  clear: none;
  float: right;
}
.ordbaskets .boxcont.account .cnt {
  display: flex;
  flex-direction: column;
}
.ordbaskets .boxcont.account .cnt > .inputs {
  display: flex;
  gap: 20px;
}
.ordbaskets .boxcont.account .cnt .rowbox {
  width: 50%;
}
.ordbaskets .boxcont.account .cnt .rowbox.info {
  width: 100%;
}
.ordbaskets .boxcont.account .cnt .rowbox.text {
  width: 100%;
}
.ordbaskets .boxcont.account .cnt .rowbox.text p {
  font-size: 1.6rem;
}
.ordbaskets #accountinfocont .cnt {
  padding-top: 55px;
}
.ordbaskets #accountinfocont .cnt p {
  font-size: 1.6rem;
}
.ordbaskets .boxcont.logincontact {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ordbaskets .boxcont.logincontact .hdr {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  max-width: calc((100% - 1080px) / 3 + 1080px);
}
.ordbaskets .boxcont.logincontact .hdr p {
  display: flex;
  align-items: center;
  width: auto;
  text-transform: uppercase;
  font-size: 1.8rem !important;
  font-weight: bold;
}
.ordbaskets .boxcont.logincontact .hdr span {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  padding: 10px 20px;
}
.ordbaskets .boxcont.logincontact .hdr span:before {
  margin-right: 5px;
  color: #212121;
}
.ordbaskets .boxcont.logincontact .cnt {
  display: none;
}
.ordbaskets .boxcont.failure {
  background: #e8f0fe;
  margin-top: 15px;
  margin-bottom: 25px;
}
.ordbaskets .boxcont.failure .hdr p {
  font-size: 1.8rem;
  font-weight: bold;
  padding: 20px 20px 10px 20px;
}
.ordbaskets .boxcont.failure .hdr p:before {
  font-size: 1.8rem;
}
.ordbaskets .boxcont.failure .cnt {
  padding: 5px 20px 15px 20px;
}
.ordbaskets .boxcont.failure .tabinfo {
  margin: 0;
  border: none;
}
.ordbaskets .boxcont.failure .tabinfo tr {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 5px;
}
.ordbaskets .boxcont.failure .tabinfo th {
  display: none;
}
.ordbaskets .boxcont.failure .tabinfo td {
  background: none;
  width: auto;
  padding: 5px 0 !important;
  font-size: 1.6rem;
}
.ordbaskets .boxcont.failure .tabinfo td a {
  font-size: 1.6rem;
}
.ordbaskets .boxcont.failure .tabinfo .stiid,
.ordbaskets .boxcont.failure .tabinfo .sticode {
  display: none;
}
.ordbaskets .exists-email,
.ordbaskets .exists-company {
  background: #F5F5DC;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  background-clip: padding-box;
  padding: 5px 15px 5px 10px;
  font-size: 1.4rem;
}
.ordbaskets .exists-email a,
.ordbaskets .exists-company a {
  font-size: 1.4rem;
}
.ordbaskets .sascheck + label {
  margin: 1px 0;
}
@media print {
  .ordbaskets .contentcont .boxcont {
    border: none;
  }
  .ordbaskets .contentcont .boxcont .hdr {
    border: none !important;
    padding: 0 !important;
  }
  .ordbaskets .contentcont .boxcont .hdr p {
    padding: 0 !important;
    font-size: 1.3rem;
  }
  .ordbaskets .contentcont .boxcont .cnt {
    padding: 5px 0;
  }
  .ordbaskets .contentcont .tabinfo {
    border-radius: 0;
    background-clip: padding-box;
  }
}
.ordbaskets #copy_link_tooltip {
  right: 0;
  left: auto;
  top: -30px;
}
.orbimport .contentcont .navbar {
  border: none;
  background: none !important;
}
.orbimport .contentcont .boxcont {
  margin-bottom: 20px;
  background: #F5F5F5;
}
.orbimport .contentcont .boxcont .hdr p {
  padding: 10px 20px;
  font-size: 2.2rem;
}
.orbimport .contentcont .boxcont .cnt {
  padding: 10px 20px;
}
.orbimport .contentcont .boxcont .cnt p {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: 20px;
}
.orbimport .contentcont .boxcont .cnt textarea {
  margin: 0;
}
.orbimport .contentcont .boxcont .cnt td {
  background: none;
  vertical-align: top;
  justify-content: space-between;
  font-size: 1.6rem;
}
.orbimport .contentcont .boxcont .cnt td:nth-child(2n) {
  padding: 0 10px;
  font-size: 1.4rem;
}
.orbimport .contentcont .boxcont .cnt .btn {
  box-shadow: none;
  margin-right: 0;
}
/* styles for spresenttrees and stoitems */
.spresenttrees #leftcont .boxcont.tree {
  margin-top: 10px;
}
.spresenttrees .subcats {
  margin: 0 0 10px 0;
}
.filter {
  background: #F5F5F5;
}
.filter > .hdr {
  padding: 0 0 0 10px;
}
.filter > .cnt {
  padding: 0 10px 10px 10px;
}
.filter .radio-group label.radio {
  margin-bottom: 11px;
}
.filter label {
  width: 100%;
  margin: 7px 0;
  padding: 0 5px 0 0;
  color: #212121;
  font-size: 1.4rem;
}
.filter label:hover {
  text-decoration: underline;
}
.filter label.radio {
  width: auto;
  margin: 9px 10px 9px 0px;
}
.filter label.checkbox {
  margin: 11px 10px 8px 10px;
  width: auto;
}
.filter label p {
  float: left;
  padding-right: 2px;
}
.filter label p:hover {
  text-decoration: underline;
}
.filter label .count {
  opacity: 0.7;
  font-size: 1rem;
}
.filter label span {
  float: left;
}
.filter label span:before {
  content: "(";
}
.filter label span:after {
  content: ")";
}
.filter.store {
  float: right;
}
.filter.store .boxcont {
  margin-bottom: 0;
}
.filter.store label[for='stockid10'] {
  width: auto;
}
.filter.store .info {
  margin: 7px 0;
}
#active-filters {
  background: #F5F5F5;
}
#active-filters .cnt {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 20px;
}
#active-filters .cnt p {
  float: left;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 6px 5px 6px 0;
}
#active-filters .cnt ul {
  float: left;
}
#active-filters .cnt ul li {
  display: flex;
  align-items: center;
  background: white;
  border: 1px solid #9E9E9E;
  margin: 0 10px 5px 0;
  padding: 0 10px 0 0;
  border-radius: 15px;
}
#active-filters .cnt ul li .btn {
  min-width: 0;
  margin: 0;
}
#active-filters .cnt ul li .btn:before {
  color: red;
  font-size: 1.8rem;
}
#active-filters .cnt ul li .btn:hover:before {
  color: darkred !important;
}
#active-filters .cnt .btn {
  margin-left: auto;
  margin-right: 0;
}
.subcats.lite .hdr {
  display: block;
  padding: 15px 0;
  font-size: 1.6rem;
}
.subcats.lite .hdr,
.spresenttrees_whisper.lite .hdr {
  display: block;
}
.subcats .hdr,
.spresenttrees_whisper .hdr {
  display: none;
}
.subcats ul,
.spresenttrees_whisper ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 10px;
  float: left;
  clear: left;
  width: 100%;
  padding-bottom: 5px;
}
.subcats ul li,
.spresenttrees_whisper ul li {
  float: left;
  width: calc(20% - 8px);
  height: 60px;
  padding: 5px;
  border: 1px solid #DBDBDB;
  border-radius: 5px;
  background-clip: padding-box;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
  font-weight: bold;
  transition: all 200ms ease;
}
.subcats ul li.producent.wimg.level-3 a,
.spresenttrees_whisper ul li.producent.wimg.level-3 a {
  justify-content: center;
}
.subcats ul li.producent.wimg.level-3 .name,
.spresenttrees_whisper ul li.producent.wimg.level-3 .name {
  display: none;
}
.subcats ul li.producent.wimg.level-3 .img img,
.spresenttrees_whisper ul li.producent.wimg.level-3 .img img {
  max-width: 90%;
  width: auto;
  height: auto;
}
.subcats ul li:hover,
.spresenttrees_whisper ul li:hover {
  border: 1px solid #1976d2;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}
.subcats ul li.akcia,
.spresenttrees_whisper ul li.akcia {
  background-color: #e8f0fe;
}
.subcats ul li a,
.spresenttrees_whisper ul li a {
  display: flex;
  align-items: center;
  width: 100%;
  color: #424242;
  font-size: 1.4rem;
}
.subcats ul li a span,
.spresenttrees_whisper ul li a span {
  font-size: 1.5rem;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.subcats ul li img,
.spresenttrees_whisper ul li img {
  margin: 3px 5px;
  float: left;
  max-width: 40px;
  max-height: 40px;
  height: 40px;
  width: 40px;
  display: block;
}
.subcats ul li .name,
.spresenttrees_whisper ul li .name {
  float: left;
  padding: 0 0 0 10px;
  word-wrap: break-word;
  max-height: 50px;
  overflow: hidden;
}
.subcats ul li .name h3,
.spresenttrees_whisper ul li .name h3 {
  font-size: 1.5rem;
}
.subcats ul li .img,
.spresenttrees_whisper ul li .img {
  display: block;
}
.spresenttrees_whisper {
  padding: 0;
}
.spresenttrees_whisper h2 {
  padding-bottom: 10px;
  font-size: 1.6rem;
}
.spresenttrees_whisper #categories_found li:nth-child(n+6) {
  display: none;
}
.spresenttrees_whisper.all #categories_found li {
  display: block !important;
}
.spresenttrees_whisper .buttons {
  float: left;
  clear: left;
  width: 100%;
  padding-top: 5px;
}
.spresenttrees_whisper .buttons.count-3,
.spresenttrees_whisper .buttons.count-4,
.spresenttrees_whisper .buttons.count-5 {
  display: none;
}
.spresenttrees_whisper .buttons .btn {
  float: right;
  margin: 0;
}
.bestseller {
  padding-bottom: 20px;
}
.bestseller .hdr p,
.bestseller .hdr h2 {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 20px 0 10px 0;
}
.bestseller .prodbox {
  width: 16.6666%;
  min-width: 160px;
  margin: 0;
  padding: 0 10px;
  border: none;
  border-right: 1px solid #DBDBDB;
}
.bestseller .prodbox .hdr {
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 1.6rem;
  font-weight: bold;
  width: auto;
  background: #F5F5F5;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 45px;
  z-index: 1;
  border-radius: 100px;
  background-clip: padding-box;
}
.bestseller .prodbox .img {
  margin-top: 10px;
  margin-bottom: 10px;
  height: 75px;
}
.bestseller .prodbox .img a {
  align-items: center;
  display: flex;
  height: 85px;
}
.bestseller .prodbox .img img {
  max-width: 85px;
  max-height: 75px;
  height: auto;
}
.bestseller .prodbox .prodname {
  line-height: 1.5rem;
  height: 3.4rem;
  margin-bottom: 5px;
}
.bestseller .prodbox .prodname a {
  font-size: 1.4rem;
  line-height: 1.2;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-weight: normal;
}
.bestseller .prodbox .price {
  margin: 5px 0 0 0;
  float: right;
}
.bestseller .prodbox .price .wvat {
  font-size: 1.6rem;
}
.bestseller .prodbox .price .wvat u {
  font-size: 1rem;
}
.bestseller .prodbox:last-child {
  border: none;
}
.bestseller .tns-nav {
  display: none;
}
.boxcont.orderby {
  margin-bottom: 15px;
}
.boxcont.orderby.buttons .cnt {
  padding: 10px 20px 0 20px;
}
.boxcont.orderby.buttons .btn {
  margin: 0 20px 0 0;
  padding: 0;
  box-shadow: none;
}
.boxcont.orderby.buttons .btn.default span {
  margin: 0;
}
.boxcont.orderby.buttons .btn.default:before {
  display: none;
}
.boxcont.orderby.buttons .btn span {
  display: block;
  float: left;
  padding: 5px 0 10px 0;
}
.boxcont.orderby.buttons .btn span:hover {
  padding-bottom: 8px;
  border-bottom: 2px solid #1E88E5;
  transition: all 200ms ease;
}
.boxcont.orderby .btn {
  min-width: 0;
  background: none;
}
.boxcont.orderby .btn.act span {
  font-weight: bold;
  padding-bottom: 8px;
  color: #1976d2;
  border-bottom: 2px solid #1976d2;
}
.boxcont.orderby .btn span {
  font-size: 1.5rem;
  color: #212121;
}
.boxcont.orderby .btn span:hover {
  color: #000000;
}
.stocks label {
  width: auto;
}
#leftparams.boxcont {
  margin: 0;
}
#leftparams.boxcont > .hdr {
  background: white;
  padding: 0;
}
#leftparams.boxcont > .hdr span {
  float: left;
  font-size: 15px;
  padding: 6px 0;
  margin: 0 10px 5px 5px;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: bold;
}
#leftparams.boxcont > .hdr span.act {
  font-weight: bold;
  color: #1E88E5;
  border-bottom: 2px solid #1E88E5;
}
#leftparams.boxcont > .cnt {
  padding: 0;
}
#leftparams.boxcont .boxcont {
  margin: 0;
  padding: 5px 20px;
}
#leftparams.boxcont .boxcont .hdr {
  cursor: pointer;
  border-top: 1px solid #DBDBDB;
  padding: 0;
}
#leftparams.boxcont .boxcont .hdr p {
  color: #212121;
  font-weight: bold;
  font-size: 1.5rem;
  width: 100%;
  padding: 15px 0 5px 0;
}
#leftparams.boxcont .boxcont .hdr p:after {
  float: right;
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e83b";
  color: #1E88E5;
  margin: 0;
}
#leftparams.boxcont .boxcont .cnt {
  padding: 0;
}
#leftparams.boxcont .boxcont .btn-ok {
  background: white;
  border: 1px solid #DBDBDB;
  min-width: 0;
  margin-right: 0;
}
#leftparams.boxcont .boxcont .btn-ok:before {
  content: "\e839";
  margin: 0;
  font-size: 2rem;
  font-weight: bold;
  color: #1E88E5;
}
#leftparams.boxcont #filterfulltextcont {
  border-radius: 5px 5px 0 0;
  padding: 10px 20px 5px 20px;
  margin-top: 10px;
}
#leftparams.boxcont #filterfulltextcont .hdr {
  display: none;
}
#leftparams.boxcont #filterfulltextcont .cnt {
  border: 1px solid #DBDBDB;
  background: white;
  border-radius: 3px;
  background-clip: padding-box;
}
#leftparams.boxcont #filterfulltextcont .cnt form {
  display: flex;
}
#leftparams.boxcont #filterfulltextcont .cnt form input {
  flex: 1 1 auto;
  border: none;
  font-size: 1.6rem;
  min-width: 0;
}
#leftparams.boxcont #filterfulltextcont .cnt form input:focus {
  border: none;
  box-shadow: none;
}
#leftparams.boxcont #filterfulltextcont .cnt .btn {
  flex: 0 0 auto;
  min-width: 0;
}
#leftparams.boxcont #filterfulltextcont .cnt .btn:before {
  font-size: 2.2rem;
  margin: 0;
}
#leftparams.boxcont #filterfulltextcont .cnt .btn span {
  display: none;
}
#leftparams.boxcont #filterprcrangecont.closed .hdr p:after,
#leftparams.boxcont #filterstatuscont.closed .hdr p:after,
#leftparams.boxcont #filterstorecont.closed .hdr p:after {
  content: "\e857";
}
#leftparams.boxcont #filterprcrangecont.closed .cnt,
#leftparams.boxcont #filterstatuscont.closed .cnt,
#leftparams.boxcont #filterstorecont.closed .cnt {
  display: none;
}
#leftparams.boxcont #filterprcrangecont .hdr p:after {
  display: none !important;
}
#leftparams.boxcont #filterstatuscont .all button,
#leftparams.boxcont #filterstatuscont .top button {
  border: none;
  color: #1E88E5;
  font-size: 1.3rem;
  background: none;
  cursor: pointer;
  padding: 0;
  padding: 10px 0;
}
#leftparams.boxcont #filterstatuscont .all button:before,
#leftparams.boxcont #filterstatuscont .top button:before {
  float: left;
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e857";
  margin: 0 5px 0 0;
}
#leftparams.boxcont #filterstatuscont .all button span,
#leftparams.boxcont #filterstatuscont .top button span {
  float: left;
  padding: 2px 0;
}
#leftparams.boxcont #filterstatuscont .top button:before {
  content: "\e85a";
}
#leftstiparinf.stiparinf {
  margin: 0;
  border-radius: 0 0 5px 5px;
}
#leftstiparinf.stiparinf > .hdr {
  padding: 0;
  text-align: center;
}
#leftstiparinf.stiparinf > .cnt {
  padding: 0px;
  padding-bottom: 10px;
}
#leftstiparinf.stiparinf.strtype-1 .boxcont.paramitem[data-cpaid='-1'] {
  display: none;
}
#leftstiparinf.stiparinf.strtype-0.withproducerlink .boxcont.paramitem[data-cpaid='-1'] {
  display: none;
}
#leftstiparinf.stiparinf .paramitem {
  padding: 5px 20px;
  margin: 0;
}
#leftstiparinf.stiparinf .paramitem .info {
  margin-left: 5px;
}
#leftstiparinf.stiparinf .paramitem .param {
  float: left;
  clear: left;
  width: 100%;
}
#leftstiparinf.stiparinf .paramitem .param.out {
  display: none;
}
#leftstiparinf.stiparinf .paramitem .param.search {
  max-width: initial;
}
#leftstiparinf.stiparinf .paramitem .param.search input {
  width: 100%;
  margin: 5px 0;
}
#leftstiparinf.stiparinf .paramitem .param.all button,
#leftstiparinf.stiparinf .paramitem .param.top button {
  border: none;
  color: #1E88E5;
  font-size: 1.3rem;
  background: none;
  cursor: pointer;
  padding: 0;
  padding: 10px 0;
}
#leftstiparinf.stiparinf .paramitem .param.all button:before,
#leftstiparinf.stiparinf .paramitem .param.top button:before {
  float: left;
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e857";
  margin: 0 5px 0 0;
}
#leftstiparinf.stiparinf .paramitem .param.all button span,
#leftstiparinf.stiparinf .paramitem .param.top button span {
  float: left;
  padding: 2px 0;
}
#leftstiparinf.stiparinf .paramitem .param.top button:before {
  content: "\e85a";
}
#leftstiparinf.stiparinf .paramitem .hdr {
  cursor: pointer;
  border-top: 1px solid #DBDBDB;
  color: #212121;
  font-weight: bold;
  font-size: 1.5rem;
  width: 100%;
  padding: 15px 0 5px 0;
}
#leftstiparinf.stiparinf .paramitem .hdr:after {
  float: right;
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e83b";
  color: #1E88E5;
  margin: 0;
}
#leftstiparinf.stiparinf .paramitem .hdr p {
  float: left;
  color: #212121;
  width: auto;
  padding: 0;
}
#leftstiparinf.stiparinf .paramitem .hdr p:after {
  display: none;
}
#leftstiparinf.stiparinf .paramitem .cnt {
  padding: 0;
}
#leftstiparinf.stiparinf .paramitem.range label {
  display: none;
}
#leftstiparinf.stiparinf .paramitem.range .cnt {
  display: flex;
  justify-content: space-between;
}
#leftstiparinf.stiparinf .paramitem.range .cnt input {
  margin: 3px 0;
  min-width: 0;
  max-width: 75px;
  border-radius: 2px;
  background-clip: padding-box;
}
#leftstiparinf.stiparinf .paramitem.range .cnt .param-range {
  display: flex;
  align-items: center;
}
#leftstiparinf.stiparinf .paramitem.closed .hdr:after {
  content: "\e857";
}
#leftstiparinf.stiparinf .paramitem.closed .cnt {
  display: none;
}
#leftstiparinf.stiparinf .paramitem.full .cnt .values {
  float: left;
  clear: left;
  width: 100%;
  max-height: 377px;
  overflow-y: auto;
}
#leftstiparinf.stiparinf .buttons {
  padding: 20px;
  margin: 0;
}
#leftstiparinf.stiparinf .buttons button {
  border: none;
  color: #1E88E5;
  font-size: 1.3rem;
  background: none;
  cursor: pointer;
  padding: 0;
}
#leftstiparinf.stiparinf .buttons button:before {
  float: left;
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e857";
  margin: 0 5px 0 0;
}
#leftstiparinf.stiparinf .buttons button span {
  float: left;
  padding: 2px 0;
}
#leftstiparinf.stiparinf .btn-ok {
  background: white;
  min-width: 0;
  margin-right: 0;
  border: 1px solid #DBDBDB;
}
#leftstiparinf.stiparinf .btn-ok:before {
  content: "\e839";
  margin: 0;
  font-size: 1.9rem;
  font-weight: bold;
  color: #1E88E5;
}
.prcrange .price-inputs {
  display: flex;
  justify-content: space-between;
}
.prcrange .stipricerange {
  margin-right: 0;
}
.prcrange .curcode {
  display: none;
}
.prcrange .from input,
.prcrange .to input {
  max-width: 70px;
  border-radius: 2px;
  background-clip: padding-box;
  padding: 7px;
}
.prcrange .price-range {
  display: flex;
  align-items: center;
}
.products .cnt {
  padding: 0;
}
.productlist {
  position: relative;
  padding: 0;
  border-top: 1px solid #DBDBDB;
}
.productlist.no-found {
  border: none;
}
.productlist.no-found #prodlistanchor {
  margin-bottom: 15px;
}
.productlist.no-found #prodlistanchor .cnt p {
  font-size: 1.8rem;
  text-align: center;
  padding: 20px;
}
.productlist .similar_results {
  display: inline-block;
  width: 90%;
}
.productlist tr.similar_results {
  display: table-row;
}
.productlist .prodbox {
  height: 487px;
}
.banner ul,
.banner li {
  float: left;
  clear: left;
  width: 100%;
}
.banner ul img,
.banner li img {
  max-width: 100%;
  height: auto;
}
#contentcont #filterfulltextcont,
#contentcont #filterstatuscont,
#contentcont #filterprcrangecont,
#contentcont #filterstorecont {
  display: none;
}
.strnote #strnotecmtblock {
  font-size: 1.4rem;
  line-height: 1.4;
  max-height: 10rem;
  overflow: hidden;
  transition: all 200ms ease;
}
.strnote #strnotecmtblock.open {
  height: auto;
  max-height: 1000px;
}
.strnote .all button,
.strnote .top button {
  border: none;
  color: #1E88E5;
  font-size: 1.4rem;
  background: none;
  cursor: pointer;
  padding: 0;
  float: right;
  padding-right: 10px;
}
.strnote .all button:before,
.strnote .top button:before {
  float: left;
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e857";
  margin: 0 5px 0 0;
}
.strnote .all button span,
.strnote .top button span {
  float: left;
  padding: 2px 0;
}
.strnote .top button:before {
  content: "\e85a";
}
.strnote .ftr {
  height: 20px;
}
.strnote .info-page,
.strnote .more-producers {
  display: flex;
  align-items: center;
  float: left;
  gap: 5px;
  font-weight: bold;
  font-size: 1.6rem;
  padding-bottom: 15px;
}
.strnote .info-page a,
.strnote .more-producers a {
  display: flex;
  align-items: center;
  float: left;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: normal;
  padding-right: 5px;
}
.strnote .info-page a:before,
.strnote .more-producers a:before {
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e823";
}
.strnote .info-page a:hover p,
.strnote .more-producers a:hover p {
  text-decoration: underline;
}
.strnote .info-page span,
.strnote .more-producers span {
  float: left;
  font-size: 1.5rem;
  font-weight: bold;
}
.stoitems #filterfulltextcont {
  display: none;
}
.stoitems #filterprcrangecont {
  padding-top: 10px !important;
}
.stoitems #filterprcrangecont .hdr {
  border: none !important;
}
.stoitems #filterstatuscont {
  padding-bottom: 20px !important;
}
.fulltext-res {
  display: none;
  background: #F5F5F5;
  padding: 10px;
}
.fulltext-res .cnt {
  display: flex;
  padding: 0;
  margin-left: auto;
  width: auto;
  border: 1px solid #DBDBDB;
  background: white;
  border-radius: 3px;
  background-clip: padding-box;
}
.fulltext-res .cnt input {
  flex: 1 1 auto;
  border: none;
  font-size: 1.6rem;
  min-width: 0;
}
.fulltext-res .cnt .btn {
  flex: 0 0 auto;
  min-width: 0;
}
.fulltext-res .cnt .btn:before {
  font-size: 2.2rem;
  margin: 0;
}
.fulltext-res .cnt .btn span {
  display: none;
}
/* responsive styles */
@media screen and (max-width: 1280px) {
  .subcats ul li,
  .spresenttrees_whisper ul li {
    width: calc(25% - 8px);
  }
  .subcats .buttons.count-5,
  .spresenttrees_whisper .buttons.count-5 {
    display: block;
  }
  .subcats #categories_found li:nth-child(n+5),
  .spresenttrees_whisper #categories_found li:nth-child(n+5) {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .subcats ul li,
  .spresenttrees_whisper ul li {
    width: calc(33.33% - 8px);
  }
  .subcats .buttons.count-4,
  .spresenttrees_whisper .buttons.count-4 {
    display: block;
  }
  .subcats #categories_found li:nth-child(n+4),
  .spresenttrees_whisper #categories_found li:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 820px) {
  .subcats ul li,
  .spresenttrees_whisper ul li {
    width: calc(50% - 5px);
  }
  .subcats .buttons.count-3,
  .spresenttrees_whisper .buttons.count-3 {
    display: block;
  }
  .subcats #categories_found li:nth-child(n+3),
  .spresenttrees_whisper #categories_found li:nth-child(n+3) {
    display: none;
  }
  .filter label {
    width: 33.3333%;
  }
  .stiparinf .paramgroups {
    width: 40%;
  }
  .stiparinf .paramitem {
    width: 60%;
  }
  .filter label {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .filter label {
    width: 100%;
  }
  .stipricerange {
    width: 100px;
  }
}
/* end responsive styles */
.watchdog .leftpart {
  float: left;
  width: 25%;
}
.watchdog .leftpart .img {
  text-align: center;
}
.watchdog .leftpart .img img {
  max-width: 100%;
}
.watchdog .rightpart {
  float: left;
}
.boxcont.watchdogs {
  margin-top: 20px !important;
}
.boxcont.watchdogs > .cnt {
  padding: 0;
}
.boxcont.watchdogs .watchdog {
  float: left;
  width: 49.5%;
  margin: 5px 0;
  border: 1px solid #DBDBDB !important;
  border-radius: 5px;
}
.boxcont.watchdogs .watchdog:nth-child(2n) {
  float: right;
}
.boxcont.watchdogs .watchdog h2 {
  margin-bottom: 15px;
}
.boxcont.watchdogs .watchdog .img {
  float: left;
  width: 25%;
  text-align: center;
}
.boxcont.watchdogs .watchdog .img img {
  width: 75%;
}
.boxcont.watchdogs .watchdog .watchdoginfo {
  float: right;
  width: 75%;
}
.boxcont.watchdogs .watchdog .watchdoginfo table {
  border: none;
  margin: 0;
}
.boxcont.watchdogs .watchdog .watchdoginfo .watchparam {
  font-size: 1.6rem;
  font-weight: bold;
  text-transform: uppercase;
}
.boxcont.watchdogs .watchdog .watchdoginfo .watchparam td {
  text-align: center;
}
.boxcont.watchdogs .watchdog .watchdoginfo .price {
  float: none;
  font-size: 1em;
}
.boxcont.watchdogs .watchdog .watchdoginfo .price th {
  color: black;
}
.boxcont.watchdogs .watchdog .watchdoginfo .price td {
  font-weight: bold;
}
@media screen and (max-width: 1350px) {
  .boxcont.watchdogs .watchdog {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .boxcont.watchdogs .btn {
    min-width: 0;
  }
  .boxcont.watchdogs .btn:before {
    margin: 0;
  }
  .boxcont.watchdogs .btn span {
    display: none;
  }
}
.watchdogsetting #infoprice,
.watchdogsetting #infostore {
  margin-top: 15px;
}
.watchdogsetting .btn {
  margin-top: 15px !important;
}
/* styles for stoitem */
.stoitem > .hdr {
  position: relative;
}
.stoitem > .cnt > .wrap {
  justify-content: space-between;
  margin-top: 15px;
  margin-bottom: 10px;
}
.stoitem .boxcont {
  margin-bottom: 15px;
}
.stoitem .navbar {
  margin: 0;
}
.stoitem .stiimg {
  align-items: center;
  width: calc(65.75% - 60px);
  text-align: center;
  position: relative;
}
.stoitem .stiimg .wrap {
  align-items: center;
  height: 100%;
}
.stoitem .stiimg .catimg {
  width: auto;
  position: absolute;
  top: 0;
  right: 0;
}
.stoitem .stiimg .catimg img {
  max-height: 75px;
}
.stoitem .stiimg .status {
  position: absolute;
  width: auto !important;
  top: 0;
  opacity: 0.97;
}
.stoitem .stiimg .status.status-discount {
  right: 125px;
}
.stoitem .stiimg .status .sts,
.stoitem .stiimg .status .bundle,
.stoitem .stiimg .status .hook,
.stoitem .stiimg .status .action {
  float: left;
  clear: left;
  margin: 5px 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
.stoitem .stiimg .status .sts p,
.stoitem .stiimg .status .bundle p,
.stoitem .stiimg .status .hook p,
.stoitem .stiimg .status .action p,
.stoitem .stiimg .status .sts a,
.stoitem .stiimg .status .bundle a,
.stoitem .stiimg .status .hook a,
.stoitem .stiimg .status .action a {
  font-size: 1.6rem;
  padding: 5px 15px;
}
.stoitem .stiimg .status .discount,
.stoitem .stiimg .status .case {
  margin: 0;
  width: 94px;
  height: 94px;
  zoom: 1;
}
.stoitem .stiimg .status .discount p,
.stoitem .stiimg .status .case p {
  font-size: 3rem;
  padding: 15px 10px 0 10px;
}
.stoitem .stiimg .status .discount span,
.stoitem .stiimg .status .case span {
  font-size: 1.7rem;
  font-weight: normal;
}
.stoitem .stiimg .status .discount .hook,
.stoitem .stiimg .status .case .hook {
  width: 94px;
  height: 94px;
  margin: 0;
}
.stoitem .stiimg .status .discount .hook:before,
.stoitem .stiimg .status .case .hook:before {
  font: normal normal normal 4.2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e82b";
  padding: 12px 0 0 0;
}
.stoitem .stiimg .status .discount .hook p,
.stoitem .stiimg .status .case .hook p {
  font-size: 1.6rem;
  font-weight: normal;
  padding: 0;
}
.stoitem .stiimg .status .case {
  margin-top: -10px;
}
.stoitem .stiimg .status .popup_listbox {
  display: none !important;
}
.stoitem .stiimg .energy_class {
  position: absolute;
  right: 0;
  bottom: 60px;
}
@media screen and (min-width: 480px) {
  .stoitem .stiimg .energy_class * {
    width: 59px;
    height: 32px;
  }
}
.stoitem .stiimg .stiysttbox {
  margin: 20px 0 0 0;
}
.stoitem .stiimg .stiysttbox.mobile {
  display: none;
}
.stoitem .stiimg .stiysttbox .stiysttitembox {
  display: flex;
  margin: 0 0 20px 0;
}
.stoitem .stiimg .stiysttbox .stiysttitembox .img {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 150px;
}
.stoitem .stiimg .stiysttbox .stiysttitembox .img:before {
  position: absolute;
  left: 0;
  top: 0;
  font: normal normal normal 2.9rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e82b";
  width: 50px;
  height: 50px;
  float: left;
  display: block;
  background: #D81B60;
  color: white;
  border-radius: 100px;
  background-clip: padding-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stoitem .stiimg .stiysttbox .stiysttitembox .img:before img {
  max-width: 75px;
  max-height: 75px;
}
.stoitem .stiimg .stiysttbox .stiysttitembox .cnt {
  text-align: left;
  padding-left: 20px;
}
.stoitem .stiimg .stiysttbox .stiysttitembox .sale {
  font-size: 1.6rem;
  font-weight: bold;
}
.stoitem .stiimg .stiysttbox .stiysttitembox a {
  float: left;
  font-size: 1.6rem;
  padding: 5px 0;
}
.stoitem .stiimg .stiysttbox .stiysttitembox .stiplshortnote {
  float: left;
  clear: left;
  font-size: 1.3rem;
  color: #616161;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.stoitem .stiimg .boxcont.img {
  position: relative;
  width: calc(100% - 100px);
}
.stoitem .stiimg .boxcont.img a,
.stoitem .stiimg .boxcont.img div {
  cursor: pointer;
}
.stoitem .stiimg .boxcont.img a img,
.stoitem .stiimg .boxcont.img div img {
  padding: 10px 30px;
}
.stoitem .stiimg .boxcont.gallery {
  display: flex;
  flex-direction: column;
  width: 100px;
  height: 100%;
  margin-left: 30px;
}
.stoitem .stiimg .boxcont.gallery a,
.stoitem .stiimg .boxcont.gallery div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid #E0E0E0;
  border-radius: 7px;
  background-clip: padding-box;
  margin-bottom: 10px;
  width: 100px;
  height: 100px;
}
.stoitem .stiimg .boxcont.gallery a:hover,
.stoitem .stiimg .boxcont.gallery div:hover {
  text-decoration: none;
  border: 1px solid #c0c0c0;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
}
.stoitem .stiimg .boxcont.gallery a span,
.stoitem .stiimg .boxcont.gallery div span {
  text-transform: uppercase;
  color: #1976D2;
  padding: 5px;
  font-size: 1.3rem;
}
.stoitem .stiimg .boxcont.gallery a span:hover,
.stoitem .stiimg .boxcont.gallery div span:hover {
  cursor: pointer;
}
.stoitem .stiimg .boxcont.gallery a img {
  max-width: 85px;
  max-height: 85px;
}
.stoitem .stiimg .boxcont.gallery a:nth-child(n+5) {
  display: none;
}
.stoitem .stiimg a img,
.stoitem .stiimg div img {
  transition: all 0.4s;
  max-width: 100%;
  max-height: 550px;
  width: auto;
  height: auto;
}
.stoitem .stiimg a img:hover,
.stoitem .stiimg div img:hover {
  transform: scale(1.01);
}
.stoitem .stiimg .fa-youtube-play {
  color: red;
}
.stoitem .stiimg .fa-youtube-play:before {
  font-size: 3.2rem;
  content: "\f16a";
}
.stoitem .stiinfo {
  float: right;
  width: 34.25%;
}
.stoitem .stiinfo .cnt {
  padding: 0;
}
.stoitem .stiinfo .cnt .rowbox {
  font-size: 1.4rem;
}
.stoitem .stiinfo .cnt .rowbox .label {
  font-size: 1.4rem;
  padding: 3px 0;
  min-width: 75px;
}
.stoitem .stiinfo .cnt .rowbox .text {
  padding: 3px 0;
}
.stoitem .stiinfo .cnt .rowbox .text > * {
  margin: 0;
}
.stoitem .stiinfo .cnt .rowbox a,
.stoitem .stiinfo .cnt .rowbox p.link {
  font-size: 1.4rem;
}
.stoitem .stiinfo .cnt .keywords {
  font-size: 2rem;
  color: #2196F3;
  border-left: 3px solid #2196F3;
  padding-left: 15px;
  line-height: 2.8rem;
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-style: italic;
}
.stoitem .stiinfo .cnt .shortnote {
  font-size: 1.7rem;
  line-height: 2.6rem;
  padding: 20px 0;
}
.stoitem .stiinfo .cnt .shortnote a {
  display: inline-block;
  float: none;
  margin: 0 0 0 5px;
  padding: 0;
  color: #1976D2;
  font-size: 1.7rem;
}
.stoitem .stiinfo .cnt .other-variants {
  width: 100%;
  margin: 20px 0;
}
.stoitem .stiinfo .cnt .other-variants .btn {
  float: right;
  color: #1976D2;
  border: 1px solid #1976D2;
  margin: 0 0 0 10px;
}
.stoitem .stiinfo .cnt .other-variants .btn:before {
  font-size: 1.8rem;
}
.stoitem .stiinfo .cnt .quatro .btn,
.stoitem .stiinfo .cnt .grenke .btn {
  font-size: 1.4rem;
}
.stoitem .stiinfo .cnt .grenke {
  clear: none;
}
.stoitem .stiinfo .cnt .code .text p,
.stoitem .stiinfo .cnt .partno .text p {
  display: block;
}
.stoitem .stiinfo .cnt .code {
  margin-top: 20px;
}
.stoitem .stiinfo .cnt .code .text {
  font-weight: bold;
}
.stoitem .stiinfo .cnt .stiadvsrv {
  height: 23px;
}
.stoitem .stiinfo .cnt .stiadvsrv p {
  color: #1976d2;
  float: left;
  margin-right: 5px !important;
  cursor: pointer;
}
.stoitem .stiinfo .cnt .stiadvsrv p:hover {
  text-decoration: underline;
}
.stoitem .stiinfo .cnt .stiadvsrv .info:before {
  color: #757575;
}
.stoitem .stiinfo .cnt .avail.inet {
  width: 100%;
}
.stoitem .stiinfo .cnt .avail.inet .text,
.stoitem .stiinfo .cnt .avail.inet .availability,
.stoitem .stiinfo .cnt .avail.inet .stock {
  width: 100%;
}
.stoitem .stiinfo .cnt .avail.inet .availability .yes:before {
  font-size: 1.7rem;
  line-height: 1.5;
}
.stoitem .stiinfo .cnt .avail.inet .stock {
  color: white;
  background-color: #9E9E9E;
  border-radius: 3px;
  background-clip: padding-box;
  font-size: 1.7rem;
  padding: 10px 5px 10px 10px;
}
.stoitem .stiinfo .cnt .avail.inet .stock:hover {
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  opacity: 0.9;
}
.stoitem .stiinfo .cnt .avail.inet .stock span {
  text-transform: none;
  font-weight: normal;
  float: left;
}
.stoitem .stiinfo .cnt .avail.inet .stock span.clear-left:before {
  content: ",";
  padding-right: 5px;
}
.stoitem .stiinfo .cnt .avail.inet .stock span.all_avail {
  font-weight: bold;
}
.stoitem .stiinfo .cnt .avail.inet .stock span:nth-child(3),
.stoitem .stiinfo .cnt .avail.inet .stock span:nth-child(4) {
  text-decoration: underline;
  font-size: 1.6rem;
}
.stoitem .stiinfo .cnt .avail.inet .stock .avail-info {
  text-transform: uppercase;
  font-weight: bold;
}
.stoitem .stiinfo .cnt .avail.inet .stock.yes {
  color: #427f2e;
  background: #e6feea;
  border: none;
  line-height: 1.5;
}
.stoitem .stiinfo .cnt .avail.inet .stock.out {
  background: #1976D2;
}
.stoitem .stiinfo .cnt .avail.inet .stock.no {
  background: #d81b60;
}
.stoitem .stiinfo .cnt .avail.store .text {
  padding: 5px 10px;
  margin-bottom: 10px;
}
.stoitem .stiinfo .cnt .on-request a {
  font-size: 1.9rem;
}
.stoitem .stiinfo .cnt .order {
  float: right;
  clear: none;
  margin-bottom: 5px;
}
.stoitem .stiinfo .cnt .discoupons {
  margin: 10px 0;
}
.stoitem .stiinfo .cnt .discoupons input {
  margin: 0px;
}
.stoitem .stiinfo .cnt .inetarea {
  display: none;
}
.stoitem .stiinfo .cnt .storearea .hdr,
.stoitem .stiinfo .cnt .storearea .legend {
  display: none;
}
.stoitem .stiinfo .cnt .apekcomment {
  margin: 0;
}
.stoitem .stiinfo .cnt .war.war-ext .text {
  font-weight: bold;
}
.stoitem .stiinfo .cnt .war .help {
  float: right;
  z-index: 2;
}
.stoitem .stiinfo .cnt .war .help:before {
  color: #757575;
}
.stoitem .stiinfo .cnt .wrap {
  width: 100%;
  align-items: flex-end;
  justify-content: space-between;
  margin: 10px 0;
  float: left;
  background-color: #F5F5F5;
  padding: 15px 20px;
  border-radius: 5px;
}
.stoitem .stiinfo .cnt .recommended .price,
.stoitem .stiinfo .cnt .endprc .price {
  color: black;
  font-size: 14px;
}
.stoitem .stiinfo .cnt .recommended .price .line-through,
.stoitem .stiinfo .cnt .endprc .price .line-through {
  position: relative;
  font-weight: bold;
  text-decoration: none;
}
.stoitem .stiinfo .cnt .recommended .price .line-through:before,
.stoitem .stiinfo .cnt .endprc .price .line-through:before {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #FF0000;
  content: "";
  transform: rotate(-10deg);
}
.stoitem .stiinfo .cnt .recommended .price .line-through u,
.stoitem .stiinfo .cnt .endprc .price .line-through u {
  text-decoration: none;
}
.stoitem .stiinfo .cnt .endprc .text {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}
.stoitem .stiinfo .cnt .endprc .text .sale {
  font-size: 1.3rem;
  background: #F57C00;
  color: white;
  padding: 3px 5px;
  border-radius: 100px;
  background-clip: padding-box;
}
.stoitem .stiinfo .cnt .endprc .text .sale span {
  font-weight: normal;
}
.stoitem .stiinfo .cnt .endprc .text .sale u {
  font-size: 9px;
  vertical-align: top;
}
.stoitem .stiinfo .cnt .wvat .price {
  font-size: 3.2rem;
  font-weight: bold;
  padding: 0;
  white-space: nowrap;
}
.stoitem .stiinfo .cnt .wvat .price u {
  vertical-align: top;
  font-size: 1.8rem;
}
.stoitem .stiinfo .cnt .wovat .price {
  font-size: 1.3rem;
  color: #616161;
  padding-bottom: 0;
}
.stoitem .stiinfo .cnt .smp {
  display: flex;
  align-items: center;
  gap: 5px;
}
.stoitem .stiinfo .cnt .smp .price {
  font-size: 1.4rem;
}
.stoitem .stiinfo .cnt .buybox a {
  float: left;
}
.stoitem .stiinfo .cnt .buybox .qtybox .qty {
  height: 50px;
  min-width: auto;
  font-size: 1.8rem;
  font-weight: normal;
  margin-right: 10px;
  width: 65px;
  padding-right: 15px;
  padding-left: 0;
  -moz-padding-end: 2px;
  /* fix moz number*/
}
.stoitem .stiinfo .cnt .buybox .qtybox.icon .up,
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down {
  top: auto;
  width: 17px;
  height: 17px;
}
.stoitem .stiinfo .cnt .buybox .qtybox.icon .up:before,
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down:before {
  padding: 3px 4px;
}
.stoitem .stiinfo .cnt .buybox .qtybox.icon .down {
  bottom: 0;
}
.stoitem .stiinfo .cnt .buybox .qtybox.icon .qty {
  border-right: none;
  border-radius: 4px 0 4px 0;
  background-clip: padding-box;
  margin-right: 23px;
}
.stoitem .stiinfo .cnt .buybox .qtybox input[type=number]::-webkit-inner-spin-button {
  opacity: 1;
  width: 25px;
  position: absolute;
  top: 2px;
  right: 2px;
  height: 93%;
}
.stoitem .stiinfo .cnt .buybox .btn-buy {
  font-size: 2rem;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 20px;
  gap: 10px;
  font-weight: bold;
}
.stoitem .stiinfo .cnt .buybox .btn-buy:hover {
  opacity: 1;
  background-color: #1976d2;
}
.stoitem .stiinfo .cnt .buybox .btn-buy:before {
  font-size: 3rem;
}
.stoitem .stiinfo .cnt .rating .full:before {
  content: "\e89b";
}
.stoitem .stiinfo .cnt .variants .variant {
  float: left;
  padding: 2px 5px;
  margin: 0 4px 2px 0;
  background: white;
  border: 1px solid #DBDBDB;
  border-radius: 4px;
  background-clip: padding-box;
  cursor: pointer;
}
.stoitem .stiinfo .cnt .variants .variant.act {
  border: 2px solid #1E88E5;
}
.stoitem .stiinfo .cnt .variants .variant.dis {
  background: rgba(200, 200, 200, 0.8);
  cursor: auto;
}
.stoitem .stiinfo .cnt .variants .variant.err {
  border: none;
  background: none;
  color: red;
  font-weight: bold;
}
.stoitem .stiinfo .cnt .variants .img {
  padding: 0;
}
.stoitem .stiinfo .cnt .variants .img img {
  float: left;
  clear: left;
  max-width: 35px;
  border-radius: 4px;
  background-clip: padding-box;
}
.stoitem .stiinfo .cnt .variants .err {
  float: left;
  border: none;
  background: none !important;
  color: red;
  font-weight: bold;
  padding: 3px 0;
}
.stoitem .stiinfo .cnt .coupon {
  position: relative;
  float: left;
  clear: left;
  width: 100%;
  background: bisque;
  border-radius: 5px;
  padding: 10px 20px 10px 10px;
  margin-top: 10px;
  margin-bottom: 3px;
  font-size: 1.6rem;
}
.stoitem .stiinfo .cnt .coupon .wrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  float: left;
  clear: left;
  width: 100%;
  gap: 10px;
  background: none;
  padding: 0;
  margin: 5px;
}
.stoitem .stiinfo .cnt .coupon .wrap .wrap-coupon {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
}
.stoitem .stiinfo .cnt .coupon .wrap.justify-content-space-between {
  justify-content: space-between;
}
.stoitem .stiinfo .cnt .coupon .wrap #countdownCoupon {
  font-size: 1.4rem;
  font-weight: bold;
  cursor: help;
  padding-left: 25px;
  color: #616161;
}
.stoitem .stiinfo .cnt .coupon .wrap strong {
  font-size: 1.8rem;
  white-space: nowrap;
  flex: 1;
}
.stoitem .stiinfo .cnt .coupon .wrap strong:before {
  position: relative;
  top: 2px;
  font: normal normal normal 2.2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e842";
  margin-right: 3px;
}
.stoitem .stiinfo .cnt .coupon .wrap p {
  cursor: pointer;
  color: black;
  font-weight: bold;
}
.stoitem .stiinfo .cnt .coupon .wrap .info:before {
  font-size: 1.7rem;
}
.stoitem .stiinfo .cnt .coupon .wrap .info span {
  top: -75px;
}
.stoitem .stiinfo .cnt .coupon .wrap .btn-coupon {
  position: relative;
}
.stoitem .stiinfo .cnt .coupon .wrap #copy_coupon_tooltip {
  position: absolute;
  background: #666;
  color: white;
  white-space: nowrap;
  padding: 5px;
  top: 35px;
  border-radius: 4px;
  background-clip: padding-box;
  font-size: 1.2rem;
  z-index: 9;
}
.stoitem .stiinfo .cnt .coupon .buybox {
  float: right;
}
.stoitem .stiinfo .cnt .coupon .buybox .qtybox {
  display: none;
}
.stoitem .stiinfo .cnt .coupon .buybox .btn-buy {
  padding: 7px 10px;
  min-width: 0;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  background: #f57c00;
}
.stoitem .stiinfo .cnt .coupon .buybox .btn-buy:before {
  font-size: 1.9rem;
}
.stoitem .stiinfo .tools {
  margin: 10px 0 0 0;
}
.stoitem .stiinfo .tools a,
.stoitem .stiinfo .tools button {
  margin: 7px 10px 7px 0;
}
.stoitem .stiinfo .tools a:before,
.stoitem .stiinfo .tools button:before {
  font-size: 1.6rem;
  padding-right: 2px;
}
.stoitem .stiinfo .tools a:last-child,
.stoitem .stiinfo .tools button:last-child {
  margin-right: 0;
}
.stoitem .stiinfo .tools .btn-second:not(.share-submenu .btn-second) {
  color: #616161;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
  border-radius: 15px;
}
.stoitem .stiinfo .tools .share {
  float: left;
  position: relative;
}
.stoitem .stiinfo .tools .share .share-submenu {
  top: 7px;
  right: 10px;
}
.stoitem .tabs {
  background: #F5F5F5;
  padding: 0 15px;
  border-radius: 5px;
}
.stoitem .tabs ul li {
  position: relative;
  padding: 15px 40px 15px 0;
}
.stoitem .tabs ul li a {
  float: left;
  font-size: 1.8rem;
  color: black;
}
.stoitem .tabs ul li span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  color: white;
  background: #FB8C00;
  width: 2rem;
  height: 1.8rem;
  border-radius: 100px;
  background-clip: padding-box;
  top: -5px;
  margin-left: 5px;
  float: left;
}
.stoitem .tabpage > .hdr {
  position: relative;
  background: #F5F5F5;
  padding: 10px 15px;
  border-radius: 5px;
}
.stoitem .tabpage > .hdr p {
  display: flex;
  font-size: 2rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
}
.stoitem .tabpage > .hdr span {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.35rem;
  color: white;
  background: #FB8C00;
  width: 2.5rem;
  min-width: 25px;
  height: 2rem;
  border-radius: 100px;
  background-clip: padding-box;
  top: -5px;
  float: left;
  margin-left: 5px;
}
.stoitem .tabpage > .cnt,
.stoitem .tabpage .tns-outer .tiny-slider {
  padding: 15px 5px;
}
.stoitem .tabpage.closed .ftr {
  display: none;
}
.stoitem .prodbox h2,
.stoitem .prodbox h3,
.stoitem .prodbox .prodname {
  font-size: 1.6rem;
  height: 6.4rem;
  line-height: 1.3;
  font-weight: normal;
}
.stoitem .prodbox .stikeywords {
  display: none;
}
.stoitem .prodbox .btn-dtc-admin {
  display: none;
}
.stoitem .prodbox .availability .stock p {
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;
}
.stoitem #sticomment {
  width: calc(72.6% - 60px);
}
.stoitem #sticomment > .hdr {
  display: none;
}
.stoitem #sticomment > .cnt {
  padding: 15px;
  font-size: 1.6rem;
}
.stoitem #sticomment > .cnt a {
  font-size: 1.6rem;
}
.stoitem #sticomment .stiattach h4,
.stoitem #sticomment .web h4 {
  padding: 15px 0 3px 0;
}
.stoitem #sticomment .stiattach .hdr p,
.stoitem #sticomment .web .hdr p {
  padding: 15px 0 0 0;
  font-size: 1.6rem;
  font-weight: bold;
}
.stoitem #sticomment .web a {
  white-space: nowrap;
  width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.stoitem #sticomment h2.name {
  font-size: 2.4rem;
  font-weight: normal;
  margin: 0 0 15px 0;
}
.stoitem #sticomment .stiaction {
  margin-bottom: 40px;
  height: auto;
}
.stoitem #stiparsets {
  float: right;
  width: 27.4%;
  margin-top: 10px;
}
.stoitem #stiparsets table {
  border: none;
  padding: 0 5px;
}
.stoitem #stiparsets table th {
  background: none !important;
  font-size: 1.5rem;
  padding: 20px 0 10px 10px;
}
.stoitem #stiparsets table td {
  font-size: 1.5rem;
  background: none;
  border: none;
  border-bottom: 1px solid #DBDBDB;
  padding: 10px 0;
}
.stoitem #stiparsets table td .info {
  margin-left: 5px;
}
.stoitem #stiparsets table td .info span {
  left: 0;
}
.stoitem #stiparsets table td:first-child {
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: top;
}
.stoitem #stiparsets table td:last-child {
  width: 50%;
  font-weight: bold;
}
.stoitem #stiparsets table .paramname p:after {
  content: ":";
}
.stoitem #stiparsets table .paramvaluediv {
  float: left;
  clear: left;
}
.stoitem #stiparsets table .paramvaluediv:hover span {
  display: block;
}
.stoitem #stiparsets table .paramvalue:has(div.info) .paramvaluediv {
  text-decoration: underline;
  text-decoration-style: dotted;
}
.stoitem #stiparsets table .paramvalue:has(div.info) span {
  float: left;
}
.stoitem #stiparsets .pacname {
  font-weight: bold;
  color: #303030;
}
.stoitem #stilogo {
  float: right;
  width: 27.4%;
  margin: 15px 0;
}
.stoitem #stilogo .img {
  float: left;
  height: 78px;
  display: flex;
  align-items: center;
}
.stoitem #stilogo .img img {
  max-width: 200px;
  max-height: 75px;
  padding: 5px 10px;
}
.stoitem #stistaff {
  float: right;
  clear: right;
  width: 27.4%;
  font-size: 1.5rem;
}
.stoitem #stistaff .img {
  text-align: center;
  max-width: 150px;
}
.stoitem #stistaff .img img {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  background-clip: padding-box;
}
.stoitem #stistaff .cnt {
  display: flex;
  align-items: center;
}
.stoitem #stistaff .cnt .img {
  width: 30%;
  float: left;
  min-width: 100px;
  margin-right: 15px;
}
.stoitem #stistaff .cnt p {
  line-height: 2.2rem;
}
.stoitem #stistaff a {
  font-size: 1.5rem;
}
.stoitem #sticonfig.more .cnt {
  height: auto;
  margin: 0;
  mask-image: none;
}
.stoitem #sticonfig .cnt {
  height: 315px;
  overflow: hidden;
  margin-bottom: 15px;
  mask-image: linear-gradient(180deg, #000 90%, transparent);
}
.stoitem #sticonfig .cnt > .title {
  font-size: 1.6rem;
  padding: 0 10px 30px 10px;
}
.stoitem #sticonfig .cnt .loading {
  display: flex;
  justify-content: center;
  padding: 10% 0;
}
.stoitem #sticonfig .cnt .loading .loader {
  border: 5px solid #eeeeee;
  border-radius: 50%;
  border-top: 5px solid #1E88E5;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
.stoitem #sticonfig .cnt .configuration .tabform {
  font-size: 1.5rem;
}
.stoitem #sticonfig .cnt .configuration .tabform .title p {
  padding: 0;
  margin: 0 5px 0 0;
}
.stoitem #sticonfig .cnt .configuration .tabform .title .info span {
  left: 0;
}
.stoitem #sticonfig .cnt .configuration .cocname {
  font-size: 1.6rem;
  padding: 15px 0 10px 0;
  text-transform: uppercase;
  float: left;
  width: 20%;
  padding-right: 10px;
  font-weight: bold;
}
.stoitem #sticonfig .cnt .configuration .cocname p {
  padding: 0;
  margin: 0 5px 0 0;
}
.stoitem #sticonfig .cnt .configuration .cocname .info span {
  left: 0;
}
.stoitem #sticonfig .cnt .configuration .productlist {
  float: left;
  width: 80%;
  border-top: 0px;
  padding-top: 15px;
}
.stoitem #sticonfig .cnt .configuration .configinput {
  float: left;
  clear: left;
  width: 100%;
  border-bottom: 1px solid #DBDBDB;
  flex-flow: wrap;
}
.stoitem #sticonfig .cnt .configuration .configinput:hover {
  background-color: #ebeaea;
}
.stoitem #sticonfig .cnt .configuration .configinput label {
  display: flex;
  align-items: center;
  width: calc(100% - 10px);
  gap: 5px;
  margin: 8px 5px;
}
.stoitem #sticonfig .cnt .configuration .configinput label .avail,
.stoitem #sticonfig .cnt .configuration .configinput label .notavail {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-style: normal;
  color: #427f2e;
}
.stoitem #sticonfig .cnt .configuration .configinput label .avail:hover,
.stoitem #sticonfig .cnt .configuration .configinput label .notavail:hover {
  text-decoration: underline;
}
.stoitem #sticonfig .cnt .configuration .configinput label .notavail {
  color: red;
}
.stoitem #sticonfig .cnt .configuration .configinput [type="checkbox"]:checked + label,
.stoitem #sticonfig .cnt .configuration .configinput [type="radio"]:checked + label {
  font-weight: bold;
}
.stoitem #sticonfig .cnt .configuration .configinput .configprice {
  color: #1565C0;
  flex: 1;
  text-align: right;
}
.stoitem #sticonfig .cnt .configuration .virtual {
  clear: both;
  display: block;
  width: 100%;
  font-size: 1.6rem;
  padding: 10px 0 10px 25px;
  text-transform: uppercase;
  font-weight: bold;
  color: #616161;
}
.stoitem #sticonfig .cnt .configuration .config_qtylist_line .custom-select {
  display: inline-block;
  float: left;
  width: 60px;
  min-width: 0px;
  height: 24px;
  margin: 0px 5px 5px 5px;
}
.stoitem #sticonfig .cnt .configuration .config_qtylist_line .noqtylist {
  display: none;
}
.stoitem #sticonfig .cnt .stiinfo {
  width: 100%;
}
.stoitem #sticonfig .cnt .stiinfo .pricebox {
  margin-right: 30px;
}
.stoitem #sticonfig .cnt .stiinfo .order {
  width: auto;
}
.stoitem #sticonfig .cnt .stiinfo .price {
  display: flex;
  float: right;
}
.stoitem #sticonfig .cnt .stiinfo .price.outvat input {
  font-size: 1.3rem;
  font-weight: normal;
  color: #616161;
}
.stoitem #sticonfig .cnt .stiinfo .price input {
  width: auto;
  min-width: 0;
  border: none;
  color: #1565C0;
  font-size: 3.2rem;
  font-weight: bold;
  padding: 0;
  white-space: nowrap;
  background: transparent;
  text-align: right;
}
@media screen and (max-width: 980px) {
  .stoitem #sticonfig .configuration .tabform .cocname,
  .stoitem #sticonfig .configuration .tabform .productlist {
    clear: left;
    width: 100%;
  }
}
.stoitem #stiattach {
  margin-bottom: 0;
}
.stoitem #stiattach .hdr p {
  color: #212121;
}
.stoitem #stiattach .hdr p:after {
  display: none;
}
.stoitem #sticattree {
  border-bottom: 2px solid #DBDBDB;
  margin-top: 15px;
}
.stoitem #sticattree .cnt {
  padding: 15px;
}
.stoitem #sticattree ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 5px 0;
}
.stoitem #sticattree ul li {
  background: none;
  border: none;
  margin: 0;
}
.stoitem #sticattree ul li.first:before {
  content: "\25C6";
  color: #FF9800;
  display: inline-block;
  width: 1.3em;
  font-size: 1.6rem;
}
.stoitem #sticattree ul li a {
  padding: 0 !important;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 30px;
}
.stoitem #sticattree ul li a:before {
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e824";
  margin: 0;
  color: #616161;
}
.stoitem #sticattree ul li a:hover:before {
  text-decoration: none;
}
.stoitem #sticattree ul .first a:before {
  content: "";
}
.stoitem #stiattachvideo .video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.stoitem #stiattachvideo .video iframe,
.stoitem #stiattachvideo .video object,
.stoitem #stiattachvideo .video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.stoitem #stirelation_0,
.stoitem #stirelation_2,
.stoitem #stirelation_6,
.stoitem #stirelation_99,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer {
  position: relative;
  margin-top: 15px;
}
.stoitem #stirelation_0 .tns-nav,
.stoitem #stirelation_2 .tns-nav,
.stoitem #stirelation_6 .tns-nav,
.stoitem #stirelation_99 .tns-nav,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-nav {
  position: absolute;
  width: auto;
  right: 15px;
  padding: 15px 0;
}
.stoitem #stirelation_0 .tns-slider,
.stoitem #stirelation_2 .tns-slider,
.stoitem #stirelation_6 .tns-slider,
.stoitem #stirelation_99 .tns-slider,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-slider {
  display: flex;
}
.stoitem #stirelation_0 .tns-slider .prodbox,
.stoitem #stirelation_2 .tns-slider .prodbox,
.stoitem #stirelation_6 .tns-slider .prodbox,
.stoitem #stirelation_99 .tns-slider .prodbox,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-slider .prodbox {
  border-left: 1px solid #DBDBDB !important;
  border-right: 1px solid #DBDBDB !important;
}
.stoitem #stirelation_0 .tns-slider .prodbox:first-child,
.stoitem #stirelation_2 .tns-slider .prodbox:first-child,
.stoitem #stirelation_6 .tns-slider .prodbox:first-child,
.stoitem #stirelation_99 .tns-slider .prodbox:first-child,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-slider .prodbox:first-child {
  border-left: 1px solid #FFFFFF !important;
}
.stoitem #stirelation_0 .tns-slider .prodbox:last-child,
.stoitem #stirelation_2 .tns-slider .prodbox:last-child,
.stoitem #stirelation_6 .tns-slider .prodbox:last-child,
.stoitem #stirelation_99 .tns-slider .prodbox:last-child,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-slider .prodbox:last-child {
  border-right: 1px solid #FFFFFF !important;
}
.stoitem #stirelation_0 .tns-slider .prodbox:hover,
.stoitem #stirelation_2 .tns-slider .prodbox:hover,
.stoitem #stirelation_6 .tns-slider .prodbox:hover,
.stoitem #stirelation_99 .tns-slider .prodbox:hover,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-slider .prodbox:hover {
  border-left: 1px solid #ABABAB !important;
  border-right: 1px solid #ABABAB !important;
}
.stoitem #stirelation_0 .tns-slider .prodbox h2 a,
.stoitem #stirelation_2 .tns-slider .prodbox h2 a,
.stoitem #stirelation_6 .tns-slider .prodbox h2 a,
.stoitem #stirelation_99 .tns-slider .prodbox h2 a,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-slider .prodbox h2 a,
.stoitem #stirelation_0 .tns-slider .prodbox h3 a,
.stoitem #stirelation_2 .tns-slider .prodbox h3 a,
.stoitem #stirelation_6 .tns-slider .prodbox h3 a,
.stoitem #stirelation_99 .tns-slider .prodbox h3 a,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-slider .prodbox h3 a,
.stoitem #stirelation_0 .tns-slider .prodbox .prodname a,
.stoitem #stirelation_2 .tns-slider .prodbox .prodname a,
.stoitem #stirelation_6 .tns-slider .prodbox .prodname a,
.stoitem #stirelation_99 .tns-slider .prodbox .prodname a,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-slider .prodbox .prodname a {
  text-align: center;
}
.stoitem #stirelation_0 .tns-ovh,
.stoitem #stirelation_2 .tns-ovh,
.stoitem #stirelation_6 .tns-ovh,
.stoitem #stirelation_99 .tns-ovh,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .tns-ovh {
  width: 100%;
}
.stoitem #stirelation_0 .prodbox,
.stoitem #stirelation_2 .prodbox,
.stoitem #stirelation_6 .prodbox,
.stoitem #stirelation_99 .prodbox,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox {
  border-top: none;
  border-bottom: none;
  margin-top: 0;
  padding: 10px 15px;
}
.stoitem #stirelation_0 .prodbox .note,
.stoitem #stirelation_2 .prodbox .note,
.stoitem #stirelation_6 .prodbox .note,
.stoitem #stirelation_99 .prodbox .note,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox .note,
.stoitem #stirelation_0 .prodbox .wovat,
.stoitem #stirelation_2 .prodbox .wovat,
.stoitem #stirelation_6 .prodbox .wovat,
.stoitem #stirelation_99 .prodbox .wovat,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox .wovat,
.stoitem #stirelation_0 .prodbox .code,
.stoitem #stirelation_2 .prodbox .code,
.stoitem #stirelation_6 .prodbox .code,
.stoitem #stirelation_99 .prodbox .code,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox .code,
.stoitem #stirelation_0 .prodbox .rew-var,
.stoitem #stirelation_2 .prodbox .rew-var,
.stoitem #stirelation_6 .prodbox .rew-var,
.stoitem #stirelation_99 .prodbox .rew-var,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox .rew-var {
  display: none;
}
.stoitem #stirelation_0 .prodbox .buttons,
.stoitem #stirelation_2 .prodbox .buttons,
.stoitem #stirelation_6 .prodbox .buttons,
.stoitem #stirelation_99 .prodbox .buttons,
.stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox .buttons {
  display: none;
}
@media screen and (min-width: 1400px) {
  .stoitem #stirelation_0 .prodbox:nth-child(4n+1),
  .stoitem #stirelation_2 .prodbox:nth-child(4n+1),
  .stoitem #stirelation_6 .prodbox:nth-child(4n+1),
  .stoitem #stirelation_99 .prodbox:nth-child(4n+1),
  .stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox:nth-child(4n+1) {
    border-left: 1px solid #DBDBDB;
  }
  .stoitem #stirelation_0 .prodbox:nth-child(6n),
  .stoitem #stirelation_2 .prodbox:nth-child(6n),
  .stoitem #stirelation_6 .prodbox:nth-child(6n),
  .stoitem #stirelation_99 .prodbox:nth-child(6n),
  .stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox:nth-child(6n) {
    border-right: 1px solid #FFFFFF;
  }
  .stoitem #stirelation_0 .prodbox:nth-child(6n):hover,
  .stoitem #stirelation_2 .prodbox:nth-child(6n):hover,
  .stoitem #stirelation_6 .prodbox:nth-child(6n):hover,
  .stoitem #stirelation_99 .prodbox:nth-child(6n):hover,
  .stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox:nth-child(6n):hover {
    border-right: 1px solid #ABABAB;
  }
  .stoitem #stirelation_0 .prodbox:nth-child(6n+1),
  .stoitem #stirelation_2 .prodbox:nth-child(6n+1),
  .stoitem #stirelation_6 .prodbox:nth-child(6n+1),
  .stoitem #stirelation_99 .prodbox:nth-child(6n+1),
  .stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox:nth-child(6n+1) {
    border-left: 1px solid #FFFFFF;
  }
  .stoitem #stirelation_0 .prodbox:nth-child(6n+1):hover,
  .stoitem #stirelation_2 .prodbox:nth-child(6n+1):hover,
  .stoitem #stirelation_6 .prodbox:nth-child(6n+1):hover,
  .stoitem #stirelation_99 .prodbox:nth-child(6n+1):hover,
  .stoitem .sti_relation_condoffer_master .stirelvipconoffer .prodbox:nth-child(6n+1):hover {
    border-left: 1px solid #ABABAB;
  }
}
.stoitem #stirelation_99 .hdr p {
  text-transform: none;
}
.stoitem #stirelation_99 .hdr p u {
  height: 2.4rem;
  overflow: hidden;
}
.stoitem #stirelation_99 .hdr h2 {
  font-size: 2rem;
  float: left;
}
.stoitem #stirelation_99 .hdr h2 span {
  margin-left: 5px;
  float: right;
}
.stoitem #stirelation_99 .hdr span {
  margin-right: 35px;
}
.stoitem #stirelation_99 > .cnt {
  height: 503px;
}
.stoitem #stirelation_99 > .cnt.loading {
  display: flex;
  justify-content: center;
  padding: 10% 0;
}
.stoitem #stirelation_99 > .cnt.loading .loader {
  border: 5px solid #eeeeee;
  border-radius: 50%;
  border-top: 5px solid #1E88E5;
  width: 40px;
  height: 40px;
  animation: spin 1s linear infinite;
}
.stoitem #stirelation_99 .prodbox h3 {
  height: 4.4rem;
  line-height: normal;
  font-weight: bold;
}
.stoitem #stirelation_99 .prodbox h3 a {
  font-size: 1.8rem;
}
.stoitem #stirelation_99 .prodbox .note,
.stoitem #stirelation_99 .prodbox .stikeywords,
.stoitem #stirelation_99 .prodbox .rew-var {
  display: block;
}
.stoitem #stirelation_99 .btn-more {
  margin: 10px 0;
}
.stoitem #stirelation_99 .btn-more span {
  font-size: 1.6rem;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.stoitem #stirelvipconoffer_1,
.stoitem #stirelvipconoffer_2 {
  margin-bottom: 0;
}
.stoitem #stirelvipconoffer_1 > .cnt {
  padding: 15px;
}
.stoitem #stirelation_1 .cnt {
  padding: 0 15px 15px 15px;
}
.stoitem #stirelation_1 .cnt .prodbox {
  width: 25%;
  border: none;
  border-bottom: 1px solid #DBDBDB;
}
.stoitem #stirelation_1 .cnt .prodbox > .wrap {
  flex-direction: column;
  float: left;
  width: 150px;
}
.stoitem #stirelation_1 .cnt .prodbox .img {
  height: 85px;
}
.stoitem #stirelation_1 .cnt .prodbox .img a {
  height: 105px;
}
.stoitem #stirelation_1 .cnt .prodbox .availability {
  display: flex;
  justify-content: center;
  margin: 0;
}
.stoitem #stirelation_1 .cnt .buttons {
  display: none;
}
.stoitem #stirelation_1 .ftr {
  gap: 10px;
}
.stoitem #stirelation_6 .sale {
  background: #FB8C00;
  padding: 5px 10px;
}
.stoitem #stirelation_6 .sale span {
  font-size: 1.2rem;
  font-weight: normal;
}
.stoitem #stirelation_6 .sale u {
  font-size: 9px;
  vertical-align: top;
}
.stoitem #stirelation_6 .status .discount {
  display: none;
}
.stoitem #stireview > .cnt {
  padding: 5px 10px;
}
.stoitem .visualize ul li {
  background: none;
  border: none;
  border-bottom: none;
  position: absolute;
  top: auto;
}
.stoitem .prodbox h2 a,
.stoitem .prodbox h3 a,
.stoitem .prodbox .prodname a {
  font-size: 1.5rem;
}
.stoitem.discard .rowbox.msgbox {
  background: #616161;
  color: white;
  padding: 10px 15px;
  width: 100%;
  margin-bottom: 15px;
}
.stoitem.discard .rowbox.msgbox .hdr {
  text-transform: uppercase;
  font-size: 2.2rem;
  font-weight: bold;
  padding: 5px 0;
}
.stoitem.discard .rowbox.msgbox p {
  float: left;
  clear: left;
  padding: 5px 0 10px 0;
}
.stoitem.discard .rowbox.msgbox a {
  text-decoration: underline;
  color: white;
}
.stoitem.discard .rowbox.other-products {
  width: 100%;
}
.stoitem.discard .rowbox.other-products .inputs {
  float: right;
  width: 100%;
}
.stoitem.discard .rowbox.other-products .btn-search {
  font-size: 2rem;
  text-transform: uppercase;
  margin: 0;
  padding: 10px 20px;
  gap: 10px;
  width: 100%;
  justify-content: center;
}
.stoitem.discard .rowbox.other-products .btn-search:before {
  font-size: 3rem;
}
.stoitem .tns-slider .prodbox:hover {
  border: 1px solid #9e9e9e;
  z-index: 1;
  box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.15), 0 2px 4px 2px rgba(0, 0, 0, 0.07);
  border-radius: 5px;
}
.stoitem .stoitemcatinfo {
  margin-top: 15px;
  margin-bottom: 0;
}
.stiadvsrv .cnt {
  padding: 15px 20px;
}
.stiadvsrv .tabinfo {
  margin: 0;
  border: none;
}
.stiadvsrv .tabinfo td {
  width: auto;
}
.stiadvsrv .tabinfo td label {
  padding: 0;
  cursor: initial;
}
.stiadvsrv .tabinfo td label:before {
  display: none;
}
.stiadvsrv .tabinfo td img {
  max-width: 100px;
}
.stiadvsrv .tabinfo td .price {
  padding-left: 5px;
  font-size: 1em;
  color: black;
}
.stiadvsrv .tabinfo .sspname a {
  margin-left: 5px;
}
.modal-popup .stiadvsrv {
  display: block !important;
}
.modal-popup .stiadvsrv .orbitem td:empty {
  display: none;
}
.modal-popup .stiadvsrv .orbitem td {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  background: #F5F5F5;
}
.modal-popup .stiadvsrv .orbitem.stiadvsrvsspitem td {
  padding: 30px 0 5px 0;
}
.modal-popup .stiadvsrv .orbitem.stiadvsrvsspitem span {
  font-size: 1.8rem;
}
.modal-popup .stiadvsrv .orbitem.stiadvsrvsspitem a {
  font-size: 1.6rem;
}
.modal-popup .stiadvsrv .orbitem.stiadvsrvsspitem a span {
  float: none;
  font-size: 1.6rem;
}
.modal-popup .stiadvsrv .orbitem.stiadvsrvitem td {
  padding: 2px 0;
  align-items: center;
}
.modal-popup .stiadvsrv .orbitem.stiadvsrvitem td:before {
  content: "";
  width: 8px;
  height: 8px;
  background: #1976D2;
  margin: 0 10px;
}
.modal-popup .stiadvsrv .orbitem.stiadvsrvitem td span {
  font-size: 1.6rem;
  font-weight: bold;
}
.stirelation.groups .relationgroups {
  width: 15%;
}
.stirelation.groups .relationgroups ul {
  padding-right: 10px;
}
.stirelation.groups .relationgroups ul li {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px;
  cursor: pointer;
  font-size: 1.3rem;
  font-weight: bold;
  border-top: 1px solid #DBDBDB;
}
.stirelation.groups .relationgroups ul li.act {
  background: silver;
}
.stirelation.groups .relationgroups ul li:last-child {
  border-bottom: 1px solid #DBDBDB;
}
.stirelation.groups > .cnt {
  width: 85%;
  float: right;
  clear: none;
}
.stirelation.groups > .cnt .prodbox {
  margin: 0.25% !important;
}
.sti_relation_condoffer.vipcondoffer {
  width: 100%;
}
.sti_relation_condoffer .stirelvipconoffer {
  width: 100%;
}
.sti_relation_condoffer .stirelvipconoffer .prodbox {
  width: 50%;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.sti_relation_condoffer .stirelvipconoffer .prodbox:hover {
  border-left: 0 !important;
  border-right: 0 !important;
}
.sti_relation_condoffer .stirelvipconoffer .prodbox > .wrap {
  flex-direction: column;
  float: left;
}
.sti_relation_condoffer .stirelvipconoffer .prodbox .img {
  height: 105px;
}
.sti_relation_condoffer .stirelvipconoffer .prodbox .img a {
  height: 105px;
}
.sti_relation_condoffer .stirelvipconoffer .prodbox .availability {
  display: flex;
  justify-content: center;
  margin: 5px 0;
}
.sti_relation_condoffer .stirelvipconoffer .status,
.sti_relation_condoffer .stirelvipconoffer .buttons {
  display: none;
}
.sti_relation_condoffer .stirelvipconoffer table img {
  max-width: 50px;
}
.sti_relation_condoffer .stirelvipconoffer table td.normalprc span {
  color: black;
  text-decoration: line-through;
}
.stibundle .prodbox.list.set {
  width: 50%;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
.stibundle .prodbox.list.set:hover {
  border-left: 0 !important;
  border-right: 0 !important;
}
.stibundle .prodbox.list.set > .wrap {
  flex-direction: column;
  float: left;
}
.stibundle .prodbox.list.set .img {
  height: 105px;
}
.stibundle .prodbox.list.set .img a {
  height: 105px;
}
.stibundle .prodbox.list.set .availability {
  display: flex;
  justify-content: center;
  margin: 5px 0;
}
.stibundle .prodbox.list.set .qty {
  font-size: 1.5rem;
  font-weight: bold;
}
.sti_relation_condoffer_master .prodbox .price {
  margin-top: 7px;
}
.review,
.review a,
.review-sum {
  display: flex;
  align-items: center;
  clear: left;
  gap: 5px 10px;
  padding-bottom: 0;
}
.review.rating .star,
.review a.rating .star,
.review-sum.rating .star {
  color: #BDBDBD;
}
.review.rating .star:before,
.review a.rating .star:before,
.review-sum.rating .star:before {
  font-size: 1.5rem;
}
.review .star,
.review a .star,
.review-sum .star {
  float: left;
  clear: left;
  color: #FB8C00;
  margin-top: -5px;
}
.review .star span,
.review a .star span,
.review-sum .star span {
  margin-left: 10px;
  font-size: 1.5rem;
  font-weight: bold;
  color: black;
}
.review .star:before,
.review a .star:before,
.review-sum .star:before {
  font: normal normal normal 2rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
}
.review .star.s_50:before,
.review a .star.s_50:before,
.review-sum .star.s_50:before {
  content: "\e89b \e89b \e89b \e89b \e89b";
}
.review .star.s_45:before,
.review a .star.s_45:before,
.review-sum .star.s_45:before {
  content: "\e89b \e89b \e89b \e89b \e89d";
}
.review .star.s_40:before,
.review a .star.s_40:before,
.review-sum .star.s_40:before {
  content: "\e89b \e89b \e89b \e89b \e89c";
}
.review .star.s_35:before,
.review a .star.s_35:before,
.review-sum .star.s_35:before {
  content: "\e89b \e89b \e89b \e89d \e89c";
}
.review .star.s_30:before,
.review a .star.s_30:before,
.review-sum .star.s_30:before {
  content: "\e89b \e89b \e89b \e89c \e89c";
}
.review .star.s_25:before,
.review a .star.s_25:before,
.review-sum .star.s_25:before {
  content: "\e89b \e89b \e89d \e89c \e89c";
}
.review .star.s_20:before,
.review a .star.s_20:before,
.review-sum .star.s_20:before {
  content: "\e89b \e89b \e89c \e89c \e89c";
}
.review .star.s_15:before,
.review a .star.s_15:before,
.review-sum .star.s_15:before {
  content: "\e89b \e89d \e89c \e89c \e89c";
}
.review .star.s_10:before,
.review a .star.s_10:before,
.review-sum .star.s_10:before {
  content: "\e89b \e89c \e89c \e89c \e89c";
}
.review .result,
.review a .result,
.review-sum .result {
  float: left;
  clear: left;
  font-size: 1.5rem;
}
.review-sum {
  width: 100%;
  padding: 10px 5px;
  border-bottom: 1px solid #DBDBDB;
}
.review-sum .rate {
  font-size: 3.2rem;
}
.stireview .cnt {
  display: flex;
  flex-wrap: wrap;
}
.stireview .wrap {
  width: 100%;
  flex-wrap: wrap;
}
.stireview .wrap.all .review {
  display: flex !important;
}
.stireview .review {
  width: 33.3333%;
  padding: 10px;
  border-bottom: 1px solid #DBDBDB;
  flex-direction: column;
  font-size: 1.5rem;
}
.stireview .review .title {
  font-weight: bold;
}
.stireview .review .date {
  font-size: 1.3rem;
  color: #616161;
}
.stireview .review .star {
  float: left;
  clear: left;
  width: 100%;
  font-size: 1.6rem;
  margin-bottom: 10px;
}
.stireview .review .text {
  padding: 10px 0;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 10;
}
.stireview .review .pros-cons {
  display: flex;
  justify-content: space-between;
}
.stireview .review ul {
  width: 100%;
}
.stireview .review li {
  width: 100%;
  padding: 2px 0;
  display: flex;
}
.stireview .review li:before {
  font: normal normal normal 1.6rem fontello;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  text-transform: none;
  content: "\e804";
  margin-right: 5px;
  color: #1E88E5;
  line-height: 1.2em;
}
.stireview .review li.cons:before {
  content: "\e889";
  color: silver;
}
.stireview .review p {
  width: 100%;
}
.stireview .review .detail {
  float: left;
  clear: left;
  width: 100%;
  max-height: 192px;
  overflow: hidden;
}
.stireview .review .detail.open {
  max-height: none;
}
.stireview .review .detail.open .text {
  display: block;
}
.stireview .review .buttons {
  float: left;
  clear: left;
  width: 100%;
}
.stireview .review .buttons .btn {
  float: right;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .stireview .review {
    width: 100%;
  }
}
/* printpage */
@media print {
  body {
    width: 1000px;
  }
  #centercont,
  #contentcont {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .boxcont {
    width: 100% !important;
  }
  .logo {
    float: left;
    margin: 10px 0;
  }
  .navbar {
    float: left;
    clear: left;
  }
  .navbar .hp a span {
    font-weight: bold;
    color: #000000 !important;
    border-bottom: 2px solid #000000;
    padding-bottom: 3px;
  }
  .stoitem {
    font-size: 1.2em;
  }
  .stiimg {
    border-bottom: 1px solid #DBDBDB;
    margin: 0;
  }
  .stiimg .status {
    display: none;
  }
  .stiinfo {
    border-bottom: 1px solid #DBDBDB;
    background: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .ui-tabs-panel {
    border: none !important;
  }
  #headercont,
  #footercont,
  #leftcont,
  #rightcont,
  .gallery,
  .tools,
  .stirelation,
  .sti_relation_condoffer,
  .sti_relation_condoffer_master,
  .stoitemdiscoupons,
  .order,
  .tabs ul,
  .sendmail,
  .stiattach_sys_video,
  .pricelog,
  .stiattach,
  .discoupons,
  .avail,
  .catimg,
  .stifbcomments,
  #infocont,
  #sticomment iframe,
  .stiplnote .youtube-embed-wrapper,
  .other-variants,
  #stiparsets,
  #stistaff,
  #sticattree,
  #bestsellercont,
  .listpage,
  .nextpage {
    display: none !important;
  }
}
#update,
#insert {
  display: none;
}
#filter [type="checkbox"]:checked + label:before {
  background: white;
}
#filter label {
  width: 90px;
  margin-right: 0;
  background: rgba(30, 136, 229, 0.8);
  border-radius: 4px 0 4px 0;
  background-clip: padding-box;
  box-shadow: 0 0 1px 0 rgba(7, 46, 92, 0.8);
  font-weight: bold;
  color: white;
  padding: 7px 0 5px 35px;
  height: 28px;
}
#filter label:before {
  top: 6px;
  left: 6px;
}
#filter label:after {
  top: 6px;
  left: 9px;
  color: black;
}
#filter input {
  float: left;
  width: calc(100% - 125px);
  margin-right: 0;
  border-left: none;
  border-right: none;
  border-radius: 0;
  background-clip: padding-box;
}
#filter button {
  width: 35px;
  min-width: 0;
  height: 28px;
  margin-right: 0;
  cursor: pointer;
  border-left: none;
  color: white;
  border-radius: 0 4px 0 4px;
  background-clip: padding-box;
}
#copy-string {
  display: none;
}
.wstname {
  font-weight: bold;
}
.tool .btn {
  min-width: auto;
  float: right;
}
.tool .btn:before {
  margin: 0;
}
.modal-content input {
  width: 100%;
}
.webmenu .name {
  padding-left: 10px;
  font-weight: bold;
}
.webmenu .name:before {
  content: " ";
  width: 1em;
  height: 1em;
  display: block;
  float: left;
  margin-right: 5px;
  background: rgba(255, 0, 0, 0.8);
  border-radius: 1em;
  background-clip: padding-box;
}
.webmenu .name.act:before {
  background: rgba(0, 255, 0, 0.8);
}
.webmenu .category-group {
  width: 33.3333%;
  float: left;
  display: block;
}
.webmenu .category-group strong {
  float: left;
  font-size: 1.2em;
  padding-bottom: 10px;
}
.webmenu .category-group li {
  padding: 2px 0;
}
.webmenu .category-group li label {
  margin: 6px 6px 6px 0;
}
.webmenu .category-group li input {
  width: 35px;
  min-width: auto;
  text-align: center;
}
.webmenu .info {
  padding: 5px 0;
}
.webmenu i {
  padding: 10px 0;
  float: left;
  clear: both;
}
.webmenu .qq-upload-list {
  margin-bottom: 10px;
}
.webmenu .qq-upload-list li {
  margin: 5px 0;
}
.webmenu .qq-uploader {
  float: left;
  clear: left;
  width: 100%;
}
.webmenu .qq-upload-button {
  display: block;
  white-space: nowrap;
  padding: 7px 0;
  text-align: center;
  background: #880000;
  border-bottom: 1px solid #DDD;
  color: #FFF;
}
.webmenu .qq-upload-button input {
  width: 100% !important;
  max-width: 100% !important;
}
.webmenu .qq-upload-button-hover {
  background: #CC0000;
}
.webmenu .qq-upload-success {
  position: relative;
}
.webmenu .qq-upload-success span {
  float: left;
  padding: 5px 0;
  margin-right: 5px;
  font-weight: bold;
}
.webmenu .qq-upload-success .qq-upload-file {
  padding-left: 25px;
}
.webmenu .qq-upload-success .qq-progress-bar {
  display: none;
}
.webmenu .qq-upload-success .qq-upload-failed-text {
  display: none;
}
/* responsive styles */
@media screen and (max-width: 1500px) {
  #wn5-nav button {
    font-size: 1.4rem;
    line-height: 1.4;
    min-height: auto;
    transition: all 200ms ease;
  }
  .skyscraper {
    display: none;
  }
  .search {
    max-width: 45%;
  }
  .bestseller .prodbox {
    width: 20%;
  }
  .ordbaskets .boxcont.demtoplace .search {
    max-width: 100%;
  }
}
@media screen and (max-width: 1400px) {
  .search {
    max-width: 40%;
  }
  .stoitem #sticomment {
    width: calc(70% - 60px);
  }
  .stoitem #stilogo,
  .stoitem #stiparsets,
  .stoitem #stistaff {
    width: 30%;
  }
}
@media screen and (min-width: 1281px) {
  #stireview[data-count="3"] .ftr {
    display: none;
  }
}
@media screen and (max-width: 1280px) {
  .search {
    max-width: 30%;
  }
  #sptnav ul li a,
  #sptnav ul li p {
    font-size: 1.4rem;
  }
  #sptnav ul li .sptnavsub {
    top: 39px;
  }
  #wn5-ow {
    width: 100%;
  }
  #wn5-ow .tns-controls {
    display: block;
  }
  #wn5-ow .tns-controls button {
    top: calc(50% - 60px);
  }
  #wn5-nav {
    position: relative;
    margin: 10px 0 0 0;
    height: auto;
    flex-direction: row;
    display: flex;
    justify-content: center;
    float: left;
    width: 100%;
    padding: 15px 0 30px 0;
  }
  #wn5-nav button {
    padding: 10px 15px;
    overflow: hidden;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: normal;
    width: auto;
    height: 60px;
    margin-left: 5px;
    margin-right: 5px;
  }
  #wn5-nav button.tns-nav-active:before {
    display: none;
  }
  #bestsellercont .prodbox {
    min-width: auto;
  }
  #bestsellercont .prodbox .hdr {
    display: flex;
  }
  .stoitem .stiimg {
    width: calc(65% - 40px);
  }
  .stoitem .stiinfo {
    width: 35%;
  }
  .stoitem .stiinfo .qtybox {
    display: none;
  }
  .stoitem .sti_relation_condoffer .stirelvipconoffer .prodbox,
  .stoitem .stibundle .prodbox.list.set {
    width: 100%;
  }
  .stoitem .sti_relation_condoffer .stirelvipconoffer .prodbox .cnt .wrap,
  .stoitem .stibundle .prodbox.list.set .cnt .wrap {
    display: flex;
    float: right;
    gap: 10px;
  }
  .stoitem #sticomment {
    width: calc(65.75% - 40px);
  }
  .stoitem #stilogo,
  .stoitem #stiparsets,
  .stoitem #stistaff {
    width: 34.25%;
  }
  .stoitem #stirelation_1 .cnt .prodbox {
    width: 50%;
  }
  .stireview .review {
    width: 50%;
  }
  .stireview .review:nth-child(3) {
    display: none;
  }
  .prodbox.list.set:nth-child(2n) {
    padding-left: 0;
  }
}
@media screen and (min-width: 1200px) {
  #footercont .info-deliv {
    width: 18%;
  }
  #footercont .links {
    width: 18%;
  }
  #footercont nav {
    width: 82%;
  }
  #footercont .benefits {
    margin-left: -3%;
    width: 82%;
  }
}
@media screen and (max-width: 1200px) {
  .contentcont .dashboard.icons .cnt .box {
    width: calc(25% - 11.25px);
  }
  footer {
    display: flex;
    flex-direction: column;
    float: left;
  }
  #footercont nav,
  #footercont .boxcont {
    width: 100%;
  }
  #footercont nav {
    padding: 0 20px;
  }
  #footercont .info-deliv {
    order: -2;
    padding: 20px 10px 0 20px;
  }
  #footercont .info-deliv li {
    width: auto;
    clear: none;
    margin: 0 20px 10px 0;
  }
  #footercont .links {
    order: -1;
    padding: 20px 10px 10px 20px;
  }
  #footercont .links ul {
    width: auto;
    clear: none;
    margin-bottom: 10px;
  }
  #footercont .links ul.social {
    margin-right: 30px;
  }
  #footercont .benefits {
    margin-left: -20px;
  }
  #footercont hr.line:first-child {
    order: -3;
  }
  .boxcont.search {
    width: 30%;
  }
  .stoitem .stiimg {
    width: calc(55% - 40px);
  }
  .stoitem .stiimg .wrap {
    flex-direction: column;
    justify-content: center;
  }
  .stoitem .stiimg .boxcont.img {
    width: 100%;
    min-height: 200px;
    justify-content: center;
    flex-direction: column;
    display: flex;
  }
  .stoitem .stiimg .boxcont.gallery {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: 100px;
    margin-left: 0;
  }
  .stoitem .stiimg .boxcont.gallery a {
    margin: 0 10px 0 0;
  }
  .stoitem .stiimg .boxcont.gallery a:last-child {
    margin: 0;
  }
  .stoitem .stiimg .status.status-discount {
    right: 0;
  }
  .stoitem .stiimg .stiysttbox:not(.mobile) {
    display: none;
  }
  .stoitem .stiimg .stiysttbox.mobile {
    display: block;
  }
  .stoitem .stiinfo {
    width: 45%;
  }
}
@media screen and (max-width: 1120px) {
  .boxcont.delivery {
    border-right: 5px solid white;
  }
  .boxcont.payway {
    border-left: 5px solid white;
  }
  .contentcont .dashboard.logged {
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1085px) {
  .stoitem #sticomment {
    width: calc(67.78% - 60px);
  }
  .stoitem #stilogo {
    width: 34.25%;
  }
  .stoitem #stiparsets {
    width: 34.25%;
  }
  .stoitem #stistaff {
    width: 34.25%;
  }
}
@media screen and (max-width: 1084px) {
  .stoitem #sticomment,
  .stoitem #stilogo,
  .stoitem #stiparsets,
  .stoitem #stistaff {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  #maincont.sticky #headercont {
    padding-top: 5px;
    opacity: 0.98;
  }
  #maincont.sticky #headercont .top,
  #maincont.sticky #headercont nav {
    display: none;
    margin-top: 10px;
  }
  #maincont.sticky #headercont .logo {
    top: -5px;
    width: 205px;
  }
  #maincont.sticky #headercont .logo a {
    background-size: auto 75%;
    height: 52px;
  }
  #maincont.sticky #headercont .logo a:after {
    left: 100px;
    top: 35px;
    font-size: 1rem;
  }
  #maincont.sticky #headercont .boxcont {
    margin-bottom: 0;
  }
  #maincont.sticky #headercont #tree-icon-spt {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  .table-scroll {
    overflow-x: auto;
  }
  #leftcont,
  #rightcont {
    display: none;
    position: relative;
  }
  #leftcont {
    left: -50%;
  }
  #leftcont.res-tree-open {
    position: absolute;
    display: block !important;
    width: 50%;
    min-width: 300px;
    z-index: 1001;
    background: #FFFFFF;
    box-shadow: 2px 2px 8px 0 #DBDBDB;
    animation: slide-left-right 0.5s forwards;
    padding: 0;
  }
  #leftcont.res-tree-open .res-wrapper {
    display: none;
  }
  #leftcont.res-tree-open .res-menu {
    display: block;
  }
  #leftcont.res-tree-open .boxcont.tree {
    display: block !important;
    margin: 0;
  }
  #leftcont.res-filter-open {
    position: fixed;
    display: block;
    width: 100%;
    z-index: 8;
    background: #FFFFFF;
    top: 0;
    left: 0;
    padding: 0;
    height: 100%;
  }
  #leftcont.res-filter-open #leftparams > .hdr {
    background: #f5f5f5;
  }
  #leftcont.res-filter-open #leftparams > .hdr:before {
    content: "Filter produktov";
    float: left;
    color: inherit;
    font-size: 2.2rem;
    padding: 10px 0 10px 20px;
  }
  #leftcont.res-filter-open #leftparams > .hdr span {
    display: none;
  }
  #leftcont.res-filter-open #leftparams > .hdr .btn {
    display: inline-block !important;
    float: right;
    min-width: auto;
    margin: 0;
    padding: 10px 20px 10px 0;
  }
  #leftcont.res-filter-open #leftparams > .hdr .btn:before {
    color: inherit;
    font-size: 2.8rem;
  }
  #leftcont.res-filter-open #leftstiparinf.stiparinf .paramitem .param.search input {
    max-width: 180px;
  }
  #leftcont.res-filter-open #leftstiparinf > .ftr {
    position: fixed;
    display: flex !important;
    justify-content: center;
    bottom: 0;
    background: #F5F5F5;
    border-top: 2px solid #DBDBDB;
    padding: 10px 20px;
  }
  #leftcont.res-filter-open #leftstiparinf > .ftr .btn {
    margin: 0;
    width: 100%;
    justify-content: center;
  }
  #leftcont.res-filter-open #filterfulltextcont {
    display: none;
  }
  #leftcont.res-filter-open #filterprcrangecont > .hdr {
    border: none;
  }
  #leftcont .res-wrapper {
    overflow-y: scroll;
    height: calc(100% - 70px);
    background-color: #f5f5f5;
    min-width: 320px;
  }
  #contentcont.wleft,
  #contentcont.hp,
  #contentcont.spresenttrees,
  #contentcont.stoitems {
    width: 100%;
  }
  #contentcont.company .wrap {
    flex-wrap: wrap;
  }
  #contentcont.company .wrap .document {
    margin: 0;
  }
  .contentcont .boxcont.half {
    width: 100%;
  }
  .contentcont .boxcont.navbar {
    padding: 5px 0;
    border-bottom: 1px solid #DBDBDB;
  }
  .contentcont .boxcont.navbar ul li {
    margin-right: 0;
  }
  .contentcont .boxcont.navbar ul li:before {
    line-height: 3.5rem;
  }
  .contentcont .boxcont.navbar ul li.hp a:before {
    display: block;
    font: normal normal normal 2rem fontello;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    content: "\e852";
    color: #1976D2;
  }
  .contentcont .boxcont.navbar ul li.hp span {
    display: none;
  }
  .contentcont .boxcont.navbar ul li * {
    color: #1976D2;
    line-height: 3.5rem;
  }
  .contentcont .boxcont.navbar ul li p:before,
  .contentcont .boxcont.navbar ul li a:before {
    line-height: 1.5em;
  }
  .contentcont .boxcont.navbar ul li h1:before {
    line-height: 1.5em;
  }
  .contentcont .boxcont .hdr > h1 {
    font-size: 2.8rem;
  }
  .contentcont #strnotecmtblock {
    max-height: 6rem;
  }
  .contentcont .fulltext-res {
    display: flex;
  }
  .contentcont .orderby.buttons .cnt {
    padding: 10px 10px 0 10px;
  }
  .contentcont .listpage.top {
    padding: 0 10px;
  }
  .contentcont #active-filters .cnt {
    padding: 10px;
  }
  .prcrange .price-inputs {
    max-width: 225px;
  }
  .chart-canvas {
    max-width: 100%;
  }
  #headercont {
    padding: 5px;
    background: #1976d2;
  }
  #headercont #tree-icon {
    display: block;
  }
  #headercont nav .webmenu {
    display: none;
    position: absolute;
    width: 100%;
    margin-left: -10px;
    background: #1e88e5;
    border-top: 1px solid #DBDBDB;
    border-bottom: 1px solid #DBDBDB;
    z-index: 9;
  }
  #headercont nav .webmenu li {
    width: 100%;
    border-bottom: 1px solid #DBDBDB;
  }
  #headercont nav .webmenu li:last-child {
    border: none;
  }
  #headercont nav .webmenu li:after {
    content: "";
    padding: 0;
    margin: 0;
  }
  #headercont nav .webmenu li a {
    width: 100%;
    padding: 5px 10px;
  }
  #headercont nav .webmenu li:hover ul {
    display: none;
  }
  #headercont nav .webmenu li.hover ul {
    display: block;
  }
  #headercont nav .webmenu li ul {
    position: relative;
    left: 0;
    top: 0;
    float: left;
    clear: left;
    width: 100%;
    box-shadow: none;
    border-radius: 0;
    background-clip: padding-box;
  }
  #headercont nav .webmenu li ul li {
    float: left;
    clear: left;
    width: 100%;
    padding: 0;
  }
  #headercont .top {
    display: none;
  }
  #headercont .logo {
    width: 85px;
    top: 0;
    margin: 5px 0;
  }
  #headercont .logo a {
    background: url(../img/datacomp_white.svg) no-repeat;
    height: 40px;
    min-width: 85px;
  }
  #headercont .logo a:after {
    content: "IT expert";
    font-size: 0.85rem;
    font-weight: normal;
    color: white;
    top: 28px;
    left: 40px;
  }
  #headercont .search {
    width: 44%;
    max-width: initial;
    padding: 0;
    float: left;
    border: none;
    margin: 5px 10px 5px 20px;
  }
  #headercont .search .cnt:before {
    content: "";
  }
  #headercont .search input {
    padding: 12px 50px 12px 10px;
  }
  #headercont .search .btn {
    padding: 3px;
    margin: 4px;
    min-width: 0;
  }
  #headercont .search .btn:before {
    font: normal normal normal 2.5rem fontello;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    color: #1976d2;
    padding-top: 3px;
  }
  #headercont .search .btn span {
    display: none;
  }
  #headercont .search .btn-search {
    background: #ffffff;
  }
  #headercont .prodlist {
    margin-bottom: 9px;
    padding: 0;
    margin-top: 6px;
  }
  #headercont .prodlist .hdr .btn {
    padding: 0;
  }
  #headercont .prodlist .hdr .btn:before {
    font: normal normal normal 2.6rem fontello;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    color: white;
    margin-top: 7px;
  }
  #headercont .prodlist .count {
    top: -3px;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
  }
  #headercont .basket {
    padding: 3px 10px 0 5px;
  }
  #headercont .basket.act .cnt,
  #headercont .basket.act .cnt:hover {
    box-shadow: none;
    border: none;
  }
  #headercont .basket .cnt {
    border: none;
    padding: 0;
    background-color: transparent;
  }
  #headercont .basket .btn {
    padding: 0;
  }
  #headercont .basket .btn:before {
    font: normal normal normal 3.2rem fontello;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    margin-top: 4px;
    color: white;
  }
  #headercont .basket .btn .count {
    top: 0;
    right: -5px;
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
  }
  #headercont .basket.act .btn:before {
    color: #ffffff;
  }
  #headercont .basket .price,
  #headercont .basket p {
    display: none;
  }
  #headercont .login,
  #headercont .logged {
    min-width: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
  }
  #headercont .login .hdr .btn,
  #headercont .logged .hdr .btn {
    padding: 0;
  }
  #headercont .login .hdr .btn:before,
  #headercont .logged .hdr .btn:before {
    font: normal normal normal 3.7rem fontello;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    color: white;
  }
  #headercont .login .hdr .login-text,
  #headercont .logged .hdr .login-text {
    display: none;
  }
  #headercont .login .cnt,
  #headercont .logged .cnt {
    display: none;
  }
  #headercont .logged .btn-user:before {
    display: none !important;
  }
  #headercont .logged .btn-user span {
    display: flex !important;
    width: 32px;
    height: 32px;
    flex-direction: column;
    justify-content: center;
    border: 2px solid white;
    background: white;
    color: #1565C0;
    font-weight: bold;
    margin-top: 3px;
    border-radius: 100px;
    background-clip: padding-box;
  }
  #headercont .boxcont {
    margin-left: 10px;
  }
  #headercont #tree-icon-spt {
    display: none !important;
  }
  #sptnav {
    display: none;
  }
  nav ul.spresenttree li li {
    margin: 8px 0 8px 10px;
  }
  nav ul.spresenttree li a {
    margin: 10px 0 10px 30px;
  }
  nav ul.spresenttree ul {
    padding-top: 5px;
  }
  #footercont .webmenu li {
    float: left;
    clear: left;
    width: 100%;
    border-top: 1px solid #DBDBDB;
  }
  #footercont .webmenu li p {
    padding: 10px;
  }
  #footercont .webmenu li p:hover {
    text-decoration: none;
    background-color: #F5F5F5;
  }
  #footercont .webmenu li p:after {
    position: absolute;
    right: 0;
    content: "\e857";
    font: normal normal normal 3rem fontello;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    color: #1976D2;
    right: 10px;
  }
  #footercont .webmenu li ul {
    display: none;
    width: 100%;
    padding: 5px 0 20px 10px;
  }
  #footercont .webmenu li ul li {
    border: none;
  }
  #footercont .webmenu li.hover p:after {
    content: "\e83b";
  }
  #footercont .webmenu li.hover ul {
    display: block;
  }
  #footercont .webmenu li:last-child {
    border-bottom: none;
  }
  #footercont hr.line {
    display: none;
  }
  #footercont hr.line:first-child {
    display: block;
  }
  #footercont .benefits {
    margin-left: 0;
  }
  #footercont .benefits li span {
    font-size: 2.1rem;
  }
  #footercont .benefits li li {
    font-size: 1.3rem;
    padding: 10px 0px 10px 0;
  }
  #footercont .benefits li li img {
    height: 60px;
  }
  #vendors .vendors_list ul li {
    padding: 5px 15px 5px 0;
  }
  #vendors .vendors_list ul li img {
    max-width: 12vw;
    min-width: 85px;
    height: 30px;
  }
  #vendors .vendors_list ul li.vendors_all {
    padding-top: 1.2rem;
  }
  .whisper {
    top: 40px;
    left: -20px;
  }
  .boxcont.navbar ul li * {
    color: #1976D2;
    line-height: 3.5rem;
  }
  .boxcont.navbar ul li p span {
    color: #616161 !important;
    padding-top: 0;
  }
  .boxcont.navbar ul li h1:before {
    line-height: 3.5rem;
  }
}
@media screen and (min-width: 981px) {
  .stoitem .boxcont.opened .hdr,
  .stoitem .boxcont.closed .hdr {
    cursor: auto;
  }
  .stoitem .boxcont.opened .hdr p,
  .stoitem .boxcont.closed .hdr p {
    color: #212121;
  }
  .stoitem .boxcont.opened .hdr p:after,
  .stoitem .boxcont.closed .hdr p:after {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  .stoitem > .cnt > .wrap {
    flex-direction: column;
  }
  .stoitem .stiinfo {
    padding: 0 15px;
  }
  .stoitem .stiinfo .cnt .shortnote {
    font-size: 1.7rem;
    line-height: 2.6rem;
  }
  .stoitem .stiinfo .cnt .qtybox {
    display: block;
  }
  .stoitem .stiimg .stiysttbox {
    margin: 10px 0 0 0;
    border-bottom: 1px solid #DBDBDB;
  }
  .stoitem .stiimg .stiysttbox .stiysttitembox {
    margin-bottom: 10px;
  }
  .stoitem .stiimg,
  .stoitem .stiinfo,
  .stoitem #sticomment,
  .stoitem #stilogo,
  .stoitem #stiparsets,
  .stoitem #stistaff {
    width: 100%;
  }
  .stoitem .tabs {
    display: none;
  }
  .stoitem .boxcont.tabpage .tns-nav {
    display: none;
  }
  .stoitem .boxcont.tabpage .hdr {
    border-radius: 3px;
    background-clip: padding-box;
  }
  .stoitem .boxcont.closed p:after,
  .stoitem .boxcont.opened p:after {
    position: absolute;
    right: 15px;
    top: 11px;
  }
  .stoitem #stistaff > .cnt,
  .stoitem #stirelvipconoffer_2 > .cnt,
  .stoitem #stistaff .tns-outer,
  .stoitem #stirelvipconoffer_2 .tns-outer {
    display: none;
  }
  .stoitem #stiparsets:not(.full) > .cnt table tr:nth-child(n+10) {
    display: none;
  }
  .stoitem #stirelvipconoffer_1,
  .stoitem #stirelvipconoffer_2,
  .stoitem #stirelation_0,
  .stoitem #stirelation_2,
  .stoitem #stirelation_6,
  .stoitem #stirelation_99,
  .stoitem #sticattree {
    margin-top: 0;
  }
  .stoitem #sticomment > .hdr {
    display: block;
  }
  .stoitem #stiparsets {
    margin-top: 0;
  }
  .stoitem #sticattree.closed {
    margin-bottom: 0;
  }
  .stoitem #sticattree.closed .hdr {
    margin-bottom: 15px;
  }
  .stoitem #stireview.closed .ftr,
  .stoitem #stirelvipconoffer_1.closed .ftr,
  .stoitem #stiparsets.closed .ftr {
    display: none;
  }
  .stoitem .tabpage > .hdr p,
  .stoitem .tabpage > .hdr h2 {
    padding: 5px 0;
  }
  .stiparcomp > .cnt > .wrap {
    margin-left: 140px;
  }
  .stiparcomp > .cnt table th {
    width: 135px;
    min-width: 135px;
  }
  .stiparcomp > .cnt table td {
    width: 210px;
    min-width: 210px;
  }
  .stiparcomp .prodbox .code {
    display: none;
  }
  .boxcont.ordersteps td {
    flex-direction: column;
    gap: 5px;
  }
  .boxcont.ordersteps td .name u {
    display: none;
  }
  .ordbaskets .stitable th.wvat:not(.total) {
    display: none;
  }
  .ordbaskets .stitable .code,
  .ordbaskets .stitable .price.wvat {
    display: none;
  }
  .document.qrcode .cnt,
  .document.card .cnt,
  .document.quatro .cnt {
    flex-direction: column;
  }
  .document.qrcode .cnt .data,
  .document.card .cnt .data,
  .document.quatro .cnt .data {
    width: 100%;
  }
  .document.qrcode .cnt .data .border,
  .document.card .cnt .data .border,
  .document.quatro .cnt .data .border {
    display: none;
  }
  .document.qrcode .cnt .link .border,
  .document.card .cnt .link .border,
  .document.quatro .cnt .link .border {
    display: block !important;
  }
  .contentcont .dashboard.icons .cnt .box {
    width: calc(33.33% - 10px);
  }
  #alertcontainer {
    width: 75%;
    left: 12.5%;
  }
}
@media screen and (max-width: 820px) {
  .ordbaskets .boxcont.products .tabinfo.stitable thead {
    display: none;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr {
    float: left;
    clear: left;
    width: 100%;
    display: block;
    position: relative;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) {
    margin-top: 10px;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td {
    float: left;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.img {
    padding: 10px !important;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.img img {
    max-width: 55px;
    max-height: 55px;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.name {
    width: calc(100% - 110px);
    height: 75px;
    margin-right: 35px;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.stock,
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.ordcount,
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.wvat {
    border: none;
    padding: 10px 5px;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.ordcount input {
    padding: 6px 7px;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.ordcount .qtybox.icon .up,
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.ordcount .qtybox.icon .down {
    height: 31px;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.stock {
    padding-left: 0;
    min-width: calc(100% - 210px);
    height: 53px;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.wvat {
    float: right;
    padding-right: 0;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.wvat span {
    padding: 7px 0;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr:not(.stiadvsrvsspitem):not(.stiadvsrvitem):not(.bundle):not(.advancedservicess):not(.orbstiidpackitem) td.buyout {
    min-width: 35px;
    position: absolute;
    padding-right: 0;
    top: 0;
    right: 0;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr.orbstiidpackitem .img,
  .ordbaskets .boxcont.products .tabinfo.stitable tr.orbstiidpackitem .name {
    float: left;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable tr.orbstiidpackitem .name {
    width: calc(100% - 240px);
  }
  .ordbaskets .boxcont.products .tabinfo.stitable .advancedservicess .img,
  .ordbaskets .boxcont.products .tabinfo.stitable .stiadvsrvsspitem .img,
  .ordbaskets .boxcont.products .tabinfo.stitable .stiadvsrvitem .img,
  .ordbaskets .boxcont.products .tabinfo.stitable .bundle .img {
    display: none;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable .stiadvsrvitem .ordcount,
  .ordbaskets .boxcont.products .tabinfo.stitable .bundle .ordcount,
  .ordbaskets .boxcont.products .tabinfo.stitable .stiadvsrvitem .wvat,
  .ordbaskets .boxcont.products .tabinfo.stitable .bundle .wvat {
    display: none;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable .bundle .name {
    padding-left: 0;
  }
  .ordbaskets .boxcont.tools {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  #headercont .basket {
    padding-right: 5px;
  }
  #headercont .tree-icon {
    margin-left: 10px;
  }
  #infocont .cnt li {
    padding: 7px 10px;
  }
  #contentcont {
    padding: 10px;
  }
  #contentcont .stoitems .listpage .cnt .pagetext,
  #contentcont .spresenttrees .listpage .cnt .pagetext {
    display: none;
  }
  #contentcont .stoitems .listpage .cnt .pagenav .cnt,
  #contentcont .spresenttrees .listpage .cnt .pagenav .cnt {
    justify-content: flex-start;
  }
  #contentcont .boxcont.special > .cnt {
    padding: 10px;
  }
  #contentcont .boxcont.special .hdr p {
    font-size: 2.4rem;
  }
  #contentcont .boxcont.special .hdr div {
    padding: 0 5px;
    height: 30px;
  }
  #contentcont .boxcont.special .hdr div span {
    display: none;
  }
  #contentcont .boxcont.special #countdown {
    font-size: 1.6rem;
  }
  #contentcont .boxcont.special .prodbox .cnt {
    float: left;
    clear: left;
    width: 100%;
  }
  #contentcont .boxcont.special .prodbox .ftr {
    float: left;
    clear: left;
    width: 100%;
    margin: 5px 0;
  }
  #contentcont .boxcont.special .prodbox .img {
    position: absolute;
    width: 100%;
    top: 85px;
    z-index: 1;
  }
  #contentcont .boxcont.special .prodbox .img a {
    height: 160px;
  }
  #contentcont .boxcont.special .prodbox .img a img {
    max-width: 200px;
    max-height: 160px;
  }
  #contentcont .boxcont.special .prodbox h2 {
    height: auto;
    max-height: none;
  }
  #contentcont .boxcont.special .prodbox h2 a {
    font-size: 2.4rem;
  }
  #contentcont .boxcont.special .prodbox .stikeywords {
    float: left;
    clear: left;
    width: 100%;
    margin: 10px 0 200px 0;
  }
  #contentcont .boxcont.special .prodbox .status,
  #contentcont .boxcont.special .prodbox .status-discount {
    left: 0;
    top: 100px;
  }
  #contentcont .boxcont.special .prodbox .status-discount {
    left: auto;
    right: 0;
  }
  #contentcont .boxcont.special .prodbox .btn i {
    display: none;
  }
  #contentcont .boxcont.special .prodbox .prclist {
    margin: 10px 0 0 20px;
    font-size: 2rem;
  }
  #contentcont .boxcont.orderby .btn {
    margin-right: 10px;
  }
  #contentcont .boxcont.orderby {
    height: 43px;
  }
  #contentcont .boxcont.orderby .btn {
    clear: left;
    display: none;
  }
  #contentcont .boxcont.orderby .btn.act {
    order: -1;
    display: block;
  }
  #contentcont .boxcont.orderby .btn.act:after {
    content: "\e857";
    font: normal normal normal 3rem fontello;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    text-transform: none;
    color: #1976D2;
  }
  #contentcont .boxcont.orderby .btn.act span {
    padding-bottom: 6px;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  #contentcont .boxcont.orderby .cnt.open {
    padding-left: 0;
  }
  #contentcont .boxcont.orderby .cnt.open .wrap {
    display: flex;
    flex-direction: column;
    position: absolute;
    background: #F5F5F5;
    z-index: 2;
    left: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15);
  }
  #contentcont .boxcont.orderby .cnt.open .wrap .btn {
    display: block;
    margin: 0 !important;
    padding: 0 20px 10px 10px;
  }
  #contentcont .boxcont.orderby .cnt.open .wrap .btn.act {
    padding-right: 0;
  }
  #contentcont .dashboard.icons .cnt .box {
    width: calc(50% - 7.5px);
  }
  #active-filters .cnt .btn {
    margin-bottom: 10px;
    margin-right: 0;
  }
  #active-filters .cnt ul li {
    margin-top: 5px;
  }
  #active-filters ul {
    order: 1;
    width: 100%;
  }
  #active-filters .btn {
    font-size: 1.4rem;
    padding: 5px;
    min-width: 120px;
  }
  #active-filters .btn:before {
    font-size: 1.4rem;
  }
  #footercont nav {
    padding: 0 10px;
  }
  #footercont .footerinfo .cnt {
    flex-wrap: wrap;
  }
  #footercont .benefits {
    padding: 10px 0;
  }
  #footercont .benefits li {
    clear: none;
    width: 19%;
  }
  #footercont .benefits li li:first-child {
    display: none;
  }
  #footercont .benefits li .name {
    display: none;
  }
  #footercont .info-deliv {
    padding: 20px 0 0 20px;
  }
  #footercont .info-deliv li {
    margin: 0 20px 10px 0;
    min-width: 140px;
  }
  #footercont .info-deliv li a i {
    margin: 0 10px 0 0;
  }
  hr.line {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .stireview .review {
    width: 100%;
  }
  .stoitem .tabpage > .cnt,
  .stoitem .tabpage .tns-outer .tiny-slider {
    padding: 15px 0;
  }
  .ordbaskets .contentcont .wrapper.bg-line {
    flex-direction: column;
    background: none !important;
    margin: 0;
  }
  .ordbaskets .contentcont .wrapper.bg-line .boxcont {
    max-width: 100%;
    background: #F5F5F5;
    margin-bottom: 20px;
  }
  .ordbaskets .boxcont.contact .postcode {
    width: 30%;
  }
  .ordbaskets .boxcont.contact .city {
    width: calc(70% - 10px);
  }
  .ordbaskets #contactdatacont_4_log {
    max-width: 100%;
  }
  .ordbaskets #contactdatacont_4_2_log {
    display: none;
  }
  .orders #centercont {
    padding: 0 10px;
  }
  .orders .boxcont.half {
    width: 100% !important;
  }
  #wn5-nav {
    display: flex;
    justify-content: center;
    float: left;
    width: 100%;
    padding: 15px 0 30px 0;
  }
  #wn5-nav button {
    width: 15px;
    height: 15px;
    margin-left: 15px;
    margin-right: 15px;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: #dbdbdb;
  }
  #wn5-nav button.tns-nav-active {
    background: #1e88e5;
  }
  #wn5-nav button span {
    display: none;
  }
  #wn5-ow .tns-controls button:before {
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 640px) {
  .tabform select,
  .tabinfo select,
  .tabinfo.tabedit select,
  .tabform input,
  .tabinfo input,
  .tabinfo.tabedit input,
  .tabform .custom-select,
  .tabinfo .custom-select,
  .tabinfo.tabedit .custom-select,
  .tabform .custom-multi-select,
  .tabinfo .custom-multi-select,
  .tabinfo.tabedit .custom-multi-select {
    width: 75%;
    max-width: 75%;
    min-width: 0;
    margin: 0;
  }
  #headercont .search {
    display: none;
    width: 100%;
    padding: 5px 10px;
    margin: 0 !important;
    border-radius: 0;
    background-clip: padding-box;
  }
  #headercont .search.act {
    display: block;
  }
  #headercont .search #whisperinput {
    border: 1px solid #DBDBDB;
  }
  #headercont .logged ul li {
    padding: 3px 0 4px 10px;
  }
  #headercont .logged ul li a span {
    display: none;
  }
  #headercont #showSearchBox {
    display: block;
    float: right;
    margin: 5px 0 5px 10px;
    padding: 0;
    min-width: 0;
    box-shadow: none;
    background: transparent;
  }
  #headercont #showSearchBox:before {
    font-size: 3.7rem;
  }
  .homepage #headercont #showSearchBox,
  #maincont.stoitems #headercont #showSearchBox {
    display: none;
  }
  .homepage #headercont .search,
  #maincont.stoitems #headercont .search {
    display: block;
  }
  .webnews .carousel .tns-nav {
    display: none;
  }
  .listpage.btm {
    padding: 10px 5px;
  }
  .listpage.btm .pagetext {
    display: none;
  }
  .listpage.btm .pagenav {
    float: none;
    width: 100%;
  }
  .listpage.btm .pagenav .cnt {
    display: none;
  }
  .listpage.btm .pagenav .cnt.res {
    display: inline-flex !important;
  }
  .boxcont.nextpage .btn {
    width: 100%;
    justify-content: center;
  }
  #footercont .benefits li li img {
    height: 45px;
  }
  .stoitem .stiimg a img {
    max-height: 400px;
  }
  .stoitem .stiimg .boxcont.gallery a,
  .stoitem .stiimg .boxcont.gallery div {
    width: 65px;
    height: 65px;
    padding: 5px;
  }
  .stoitem .stiimg .stiysttbox .stiysttitembox .img {
    width: 100px;
  }
  .stoitem .stiimg .stiysttbox .stiysttitembox .img img {
    width: 100px;
  }
  .stoitem .stiinfo {
    padding: 0;
  }
  .stoitem .stiinfo .cnt .wrap {
    padding: 10px 15px;
    font-size: 1.4rem;
  }
  .stoitem #stirelvipconoffer_1 > .cnt {
    padding: 0 0 15px 0;
  }
  .stoitem #sticomment > .cnt {
    padding: 15px 0;
  }
  .stoitem .prodbox.list.set > .wrap {
    position: initial;
  }
  .stoitem .prodbox.list.set .img {
    width: 100%;
    min-width: 200px;
  }
  .stoitem .prodbox.list.set .availability {
    position: absolute;
    bottom: 66px;
  }
  .stoitem .prodbox.list.set .cnt {
    width: 100%;
  }
  .stoitem .prodbox.list.set .cnt .wrap {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    gap: 0;
  }
  .stoitem .prodbox.list.set .cnt .note {
    margin: 5px 0;
  }
  .stoitem .prodbox.list.set .cnt .price-box {
    padding-right: 5px;
  }
  .stoitem .stibundle .prodbox.list.set .img {
    min-width: 120px;
  }
  .stoitem .stibundle .prodbox.list.set .cnt {
    width: calc(100% - 120px);
  }
  .stoitem .stibundle .prodbox.list.set .availability {
    bottom: 5px;
    right: 0;
  }
  .stoitem #stirelation_1 .cnt .prodbox {
    width: 100%;
  }
  .stoitem #stirelation_1 .cnt .prodbox:nth-child(3),
  .stoitem #stirelation_1 .cnt .prodbox:nth-child(4) {
    display: none;
  }
  .stoitem #stirelation_1.more .cnt .prodbox:nth-child(3),
  .stoitem #stirelation_1.more .cnt .prodbox:nth-child(4) {
    display: block;
  }
  .registration .wrap {
    flex-direction: column;
  }
  .registration .wrap .boxcont {
    max-width: initial;
    padding: 15px 10px;
  }
  .modal-popup {
    padding: 5px;
  }
  .modal-popup .modal-content {
    padding: 20px 10px;
  }
  #availdetail.boxcont .tabinfo th,
  #availdetail.boxcont .tabinfo td {
    font-size: 1.4rem;
  }
  .contentcont .boxcont .hdr > h1 {
    font-size: 2.4rem;
    padding-left: 0;
  }
  .ordbaskets .contentcont .wrapper {
    flex-direction: column;
    background: none !important;
    margin: 0;
  }
  .ordbaskets .contentcont .wrapper .boxcont {
    max-width: 100%;
    background: #F5F5F5;
    margin-bottom: 20px;
  }
  .ordbaskets .boxcont.ordersteps {
    margin: 10px 0;
  }
  .ordbaskets .boxcont.ordersteps .step .name,
  .ordbaskets .boxcont.ordersteps .step .num {
    font-size: 2.2rem;
  }
  .ordbaskets .boxcont.ordersteps .step .num {
    width: 50px;
    height: 50px;
  }
  .ordbaskets .boxcont.ordersteps table {
    padding: 0 10px 20px 10px;
  }
  .ordbaskets .boxcont.tools {
    margin-bottom: 0;
  }
  .ordbaskets .boxcont.tools .title {
    font-size: 2.4rem;
  }
  .ordbaskets .boxcont.tools .cnt {
    padding-left: 10px;
  }
  .ordbaskets .boxcont.tools .cnt .btn-down,
  .ordbaskets .boxcont.tools .cnt .btn-delete,
  .ordbaskets .boxcont.tools .cnt .separ {
    display: none;
  }
  .ordbaskets .boxcont.customsignorder .cnt .rowbox.half,
  .ordbaskets .boxcont.discoupons .cnt .rowbox.half,
  .ordbaskets .boxcont.birthdate .cnt .rowbox.half {
    width: 100%;
    float: left !important;
  }
  .ordbaskets .boxcont.sumtab,
  .ordbaskets .boxcont.gdpr {
    background: none !important;
  }
  .ordbaskets .boxcont.sumtab[data-step='3'] {
    max-width: 100% !important;
  }
  .ordbaskets .boxcont.delivery,
  .ordbaskets .boxcont.payway {
    border: none;
  }
  .ordbaskets .boxcont.delivery li,
  .ordbaskets .boxcont.payway li,
  .ordbaskets .boxcont.store li,
  .ordbaskets .boxcont.demtoplace li {
    padding: 15px 10px;
  }
  .ordbaskets .boxcont.demtoplace {
    margin: 10px 0 10px 15px !important;
    width: calc(100% - 15px);
  }
  .ordbaskets .boxcont.demtoplace .hdr p,
  .ordbaskets .boxcont.demtoplace .place {
    padding-left: 10px;
  }
  .ordbaskets .boxcont.demtoplace .cnt {
    padding: 0;
  }
  .ordbaskets .boxcont.demtoplace .search .btn {
    min-width: 0;
  }
  .ordbaskets .boxcont.demtoplace .search .btn span {
    display: none;
  }
  .ordbaskets .boxcont.products .cnt.empty .info {
    padding-left: 10px;
  }
  .boxcont.buttons .btn-back {
    border: 0;
  }
  .boxcont.ordrelation .tns-nav {
    display: none;
  }
  #contentcont.orders .boxcont.ordersteps {
    margin: 10px 0;
  }
  #contentcont.orders .boxcont.ordersteps .step .name,
  #contentcont.orders .boxcont.ordersteps .step .num {
    font-size: 2.2rem;
  }
  #contentcont.orders .boxcont.ordersteps .step .num {
    width: 50px;
    height: 50px;
  }
  #contentcont.orders .boxcont.ordersteps table {
    padding: 0 10px 20px 10px;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr {
    display: block;
    float: left;
    clear: left;
    width: 100%;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .code,
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .empty {
    display: none;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .img,
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .name {
    height: 65px;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .name {
    width: calc(100% - 65px) !important;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .name p {
    display: none;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .img img {
    max-width: 55px;
    max-height: 55px;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .state,
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .ordcount,
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .col-price {
    border: none;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .state {
    min-width: calc(100% - 210px);
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .state .ord_state {
    width: auto;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .col-price {
    display: none;
    float: right;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr .totalprc {
    display: block;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor tr:last-child td {
    border-bottom: none !important;
  }
  #contentcont.orders .boxcont.orditems .tabinfo.hor td {
    float: left;
    border: none;
    border-top: 1px solid #DBDBDB;
    background: none;
  }
  #contentcont.orders .boxcont.orditems thead {
    display: none;
  }
  .dashboard.logged .logbusinfo .cnt,
  .dashboard.logged .logsuccess .cnt {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 480px) {
  .tabform select,
  .tabinfo select,
  .tabinfo.tabedit select,
  .tabform input,
  .tabinfo input,
  .tabinfo.tabedit input,
  .tabform .custom-select,
  .tabinfo .custom-select,
  .tabinfo.tabedit .custom-select,
  .tabform .custom-multi-select,
  .tabinfo .custom-multi-select,
  .tabinfo.tabedit .custom-multi-select {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
  }
  #headercont .basket {
    margin-left: 5px;
  }
  #headercont .basket .btn.btn-buy {
    border-radius: 4px;
    background-clip: padding-box;
  }
  #headercont .basket .btn.btn-buy .count {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
  }
  #headercont .basket .price {
    display: none;
  }
  #headercont .login .hdr .btn:before {
    margin: 0;
  }
  #leftcont.res-tree-open {
    width: 100%;
    left: -100%;
  }
  .legend ul {
    width: 100%;
  }
  .listpage .cnt .paging {
    display: none;
  }
  .fulltext-res {
    flex-wrap: wrap;
    gap: 10px;
  }
  .fulltext-res:before,
  .fulltext-res:after {
    content: none;
  }
  .fulltext-res .btn-filter {
    width: 100%;
    justify-content: center;
    border-radius: 50px;
  }
  .fulltext-res .btn-filter u {
    display: inline-block;
  }
  .fulltext-res .cnt {
    width: 100%;
    border-radius: 50px;
  }
  .fulltext-res .cnt input,
  .fulltext-res .cnt .btn {
    border-radius: 50px;
  }
  .fulltext-res .cnt input {
    margin: 0;
    margin-right: 10px;
    padding-left: 20px;
  }
  .fulltext-res .cnt input:focus {
    outline: none;
  }
  #stiysttable .checker,
  #stiysttable .code {
    display: none;
  }
  #footercont .footerinfo .cnt .copyright {
    flex: 0 0 100%;
    text-align: left;
  }
  #cookieUseAgreement p {
    width: 100%;
  }
  #cookieUseAgreement .btn {
    width: 100%;
    margin: 10px 0 0 0;
  }
  #leftstiparinf > .ftr .btn {
    width: 100%;
  }
  .stoitem .gallery a:nth-child(4) {
    display: none !important;
  }
  .stoitem .order .qty {
    display: none;
  }
  .stoitem .stiinfo .avail.inet .stock .clear-left {
    clear: left;
  }
  .stoitem .stiinfo .avail.inet .stock .clear-left:before {
    display: none;
  }
  .stoitem .stiinfo .avail.inet .stock.yes {
    min-height: 60px;
  }
  .stoitem .stiinfo .tools a {
    margin: 7px 7px 7px 0;
  }
  .stoitem .stiinfo .other-variants .btn {
    width: 100%;
    justify-content: center;
  }
  .stoitem .stiinfo .cnt .coupon .wrap-coupon {
    flex: 1;
  }
  .stoitem .stiinfo .cnt .coupon .buybox {
    width: 100%;
  }
  .stoitem .stiinfo .cnt .coupon .buybox .btn-buy {
    width: 100%;
    border-radius: 50px;
    justify-content: center;
    padding: 7px 20px;
  }
  .stoitem #stistaff .btn {
    width: 100%;
    justify-content: center;
  }
  .stoitem .pricebox-wrap {
    flex-wrap: wrap;
    gap: 15px;
  }
  .stoitem .pricebox-wrap .rowbox {
    width: 100%;
  }
  .stoitem .pricebox-wrap .inputs,
  .stoitem .pricebox-wrap .buybox {
    float: left;
    clear: left;
    width: 100%;
  }
  .stoitem .pricebox-wrap .btn-buy {
    width: 100%;
    border-radius: 50px;
    justify-content: center;
  }
  .stiparcomp .hdr .btn-share {
    clear: both;
  }
  form .tabform-new .btn-big {
    width: 100%;
  }
  form .tabform-new .btn-big span {
    width: 100%;
  }
  .prodbox.list.set .cnt h2 {
    height: auto;
  }
  .prodbox .note {
    height: calc(3 * 2.1rem);
    line-height: 2.1rem;
    margin-bottom: 20px;
    -webkit-line-clamp: 3;
  }
  .ordbaskets .contentcont .boxcont .cnt {
    padding: 10px 10px 20px 10px;
  }
  .ordbaskets tr.orbstiidpackitem .name {
    width: calc(100% - 85px) !important;
  }
  .ordbaskets .boxcont.products .tabinfo.stitable td.ordcount {
    padding: 10px 0 !important;
  }
  .ordbaskets .boxcont.products .availability .stock span {
    float: left;
    font-size: 1.4rem;
  }
  .ordbaskets .boxcont.products .availability a {
    font-size: 1.3rem;
  }
  .ordbaskets .boxcont.buttons .btn {
    padding: 14px 15px;
  }
  .ordbaskets .boxcont.buttons .btn-next {
    width: 100%;
    justify-content: center;
  }
  .ordbaskets .boxcont.birthdate .inputs p {
    font-size: 1.4rem;
  }
  .ordbaskets .boxcont.ordersteps .step .name,
  .ordbaskets .boxcont.ordersteps .step .num {
    font-size: 1.8rem;
  }
  .ordbaskets .boxcont.contact .cnt {
    padding: 0 10px 10px 10px;
  }
  .ordbaskets .boxcont.contact .rowbox .label {
    font-size: 1.4rem;
  }
  .ordbaskets .boxcont.contact .rowbox .text {
    font-size: 1.6rem;
  }
  .ordbaskets .boxcont.products .cnt.empty .info {
    padding-left: 0;
  }
  .ordbaskets .boxcont.logincontact .hdr span {
    padding: 10px 10px;
  }
  #contentcont.orders .boxcont.ordersteps .step .name,
  #contentcont.orders .boxcont.ordersteps .step .num {
    font-size: 1.8rem;
  }
  #contentcont.orders .boxcont .cnt {
    padding: 10px 10px;
  }
  #contentcont.orders .boxcont .hdr {
    padding: 0 10px;
  }
  #contentcont.orders .msgbox.new-order .hdr p {
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.2;
    padding-bottom: 0;
  }
  #contentcont .dashboard.icons .cnt {
    gap: 10px;
  }
  #contentcont .dashboard.icons .cnt .box {
    width: calc(50% - 5px);
    min-width: 185px;
    padding: 5px;
  }
  #contentcont .dashboard.icons .cnt .box a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-width: 135px;
  }
  #contentcont .dashboard.icons .cnt .box:before {
    font-size: 3rem;
    margin-right: 5px;
  }
  #contentcont .dashboard.logged .logbusinfo .cnt,
  #contentcont .dashboard.logged .logsuccess .cnt {
    flex-wrap: wrap;
  }
  #contentcont .dashboard.logged .logbusinfo .cnt .part:nth-child(1),
  #contentcont .dashboard.logged .logsuccess .cnt .part:nth-child(1) {
    padding-bottom: 0;
  }
  #contentcont .dashboard.logged .logbusinfo .cnt .part:nth-child(2),
  #contentcont .dashboard.logged .logsuccess .cnt .part:nth-child(2) {
    padding-top: 0;
  }
  #contentcont .boxcont.special .hdr p {
    font-size: 2rem;
    padding-top: 12px;
  }
  #contentcont .boxcont.special .prodbox h2 a {
    font-size: 2rem;
  }
  #alertcontainer {
    width: 90%;
    left: 5%;
  }
  #countdownCoupon {
    position: absolute;
    top: 50px;
  }
}
@media screen and (max-width: 400px) {
  #contentcont .dashboard.icons .cnt .box {
    width: 100%;
  }
  #contentcont .dashboard.icons .cnt .box a {
    max-width: 100%;
  }
}
@media screen and (max-width: 360px) {
  #headercont .login .hdr span {
    display: none;
  }
  #headercont .login .hdr:before {
    font-size: 2rem;
  }
}
@media screen and (max-width: 359px) {
  .fulltext-res input {
    max-width: 123px;
  }
}