html {
  min-height: 100%;
  margin-bottom: 1px;
}
body {
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0;
  font: normal 0.6875em/1.3em Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #6D6E70;
  background: #ffffff;
  line-height: 1.3em;
}
/* general */
form,
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
select,
input {
  font-size: 1em;
}
textarea {
  font-size: 1em;
  font-family: Arial, Tahoma, Geneva, sans-serif;
}
legend {
  display: none;
}
a {
  color: #518BAF;
  background-color: transparent;
  text-decoration: none;
}
a:hover,
a:active {
  text-decoration: underline;
}
p {
  margin: 0.75em 0;
}
img {
  border: none;
}
table {
  border-collapse: collapse;
}
input,
select,
textarea {
  font-family: Arial, Geneva, sans-serif;
  font-size: 1em;
  color: #6D6E70;
  border: 1px solid #cacaca;
}
input {
  padding: 3px;
}
select {
  padding: 2px;
}
input.button {
  padding: 0;
  border: none;
  cursor: pointer;
}
input.radio,
input.checkbox {
  border: none;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
img {
  border: none;
}
pre {
  font-size: 1.1em;
  font-family: Consolas, Courier New, Courier, monospace;
}
h1 {
  font-size: 1.82em;
  line-height: 1.3;
  font-weight: bold;
}
h2,
.h2 {
  font-size: 1.63em;
  line-height: 1.3;
  font-weight: bold;
}
h3,
.h3 {
  font-size: 1.45em;
  line-height: 1.3;
  font-weight: bold;
}
h4,
.h4 {
  font-size: 1.27em;
  line-height: 1.3;
  font-weight: bold;
}
h5,
.h5 {
  font-size: 1.1em;
  line-height: 1.3;
  font-weight: bold;
}
h6,
.h6 {
  font-size: 1em;
  line-height: 1.3;
  font-weight: bold;
}
.clear {
  clear: both;
}
@font-face {
  font-family: 'montserrat';
  src: url('/css/nexto/fonts/montserrat-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat';
  src: url('/css/nexto/fonts/montserrat-light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat';
  src: url('/css/nexto/fonts/montserrat-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
/* base grid */
.container,
.container-fluid,
.row {
  display: block;
}
.container.nopadding {
  padding: 0px;
}
.row {
  white-space: nowrap;
}
.row > *.col-1,
.row > *.col-2,
.row > *.col-3,
.row > *.col-4,
.row > *.col-5,
.row > *.col-6,
.row > *.col-7,
.row > *.col-8,
.row > *.col-9,
.row > *.col-10,
.row > *.col-11,
.row > *.col-12 {
  white-space: normal;
  display: inline-block;
  box-sizing: border-box;
  /* padding: 0 @gutter; */
  vertical-align: top;
  margin-right: 10px;
  margin-left: 10px;
}
.nopadding.row > *.col-1,
.nopadding.row > *.col-2,
.nopadding.row > *.col-3,
.nopadding.row > *.col-4,
.nopadding.row > *.col-5,
.nopadding.row > *.col-6,
.nopadding.row > *.col-7,
.nopadding.row > *.col-8,
.nopadding.row > *.col-9,
.nopadding.row > *.col-10,
.nopadding.row > *.col-11,
.nopadding.row > *.col-12 {
  padding: 0;
}
.row > *.col-1:first-child,
.row > *.col-2:first-child,
.row > *.col-3:first-child,
.row > *.col-4:first-child,
.row > *.col-5:first-child,
.row > *.col-6:first-child,
.row > *.col-7:first-child,
.row > *.col-8:first-child,
.row > *.col-9:first-child,
.row > *.col-10:first-child,
.row > *.col-11:first-child,
.row > *.col-12:first-child {
  margin-left: 0;
}
.row > *.col-1:last-child,
.row > *.col-2:last-child,
.row > *.col-3:last-child,
.row > *.col-4:last-child,
.row > *.col-5:last-child,
.row > *.col-6:last-child,
.row > *.col-7:last-child,
.row > *.col-8:last-child,
.row > *.col-9:last-child,
.row > *.col-10:last-child,
.row > *.col-11:last-child,
.row > *.col-12:last-child {
  margin-right: 0;
}
.row > *.col-1 {
  width: 65px;
}
.row > *.col-2 {
  width: 150px;
}
.row > *.col-3 {
  width: 235px;
}
.row > *.col-4 {
  width: 320px;
}
.row > *.col-5 {
  width: 405px;
}
.row > *.col-6 {
  width: 490px;
}
.row > *.col-7 {
  width: 575px;
}
.row > *.col-8 {
  width: 660px;
}
.row > *.col-9 {
  width: 745px;
}
.row > *.col-10 {
  width: 830px;
}
.row > *.col-11 {
  width: 915px;
}
.row > *.col-12 {
  width: 1000px;
}
.container-fluid {
  padding: 0 10px;
}
.container-fluid .row > *.col-1 {
  width: 8.3333%;
}
.container-fluid .row > *.col-2 {
  width: 16.666%;
}
.container-fluid .row > *.col-3 {
  width: 25%;
}
.container-fluid .row > *.col-4 {
  width: 33.333%;
}
.container-fluid .row > *.col-5 {
  width: 41.666%;
}
.container-fluid .row > *.col-6 {
  width: 50%;
}
.container-fluid .row > *.col-7 {
  width: 58.333%;
}
.container-fluid .row > *.col-8 {
  width: 66.666%;
}
.container-fluid .row > *.col-9 {
  width: 75%;
}
.container-fluid .row > *.col-10 {
  width: 83.333%;
}
.container-fluid .row > *.col-12 {
  width: 100%;
}
.container-fluid .row > [class^='col'] {
  padding: 0 10px;
  margin: 0;
}
.container-fluid .row {
  margin: 0 -10px;
}
.container-fluid .row:after {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  clear: both;
  content: "";
}
.container-fluid .row:after {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  clear: both;
  content: "";
}
.container-fluid .row.nopadding {
  margin: 0;
}
.container-fluid .row.nopadding > [class^='col'] {
  padding: 0;
  margin: 0;
}
.w-100 {
  width: 100% !important;
}
.mainwidth {
  margin: 0 auto;
  width: 1000px;
  padding: 0;
}
.mainwidth:after {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  clear: both;
  content: "";
}
.mainwidth:after {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  clear: both;
  content: "";
}
.offscr,
.visuallyhidden,
.wai {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  font-size: 0;
  padding: 0;
  margin: 0;
}
.clearfix:after,
#content:after {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  clear: both;
  content: "";
}
.table {
  display: table;
}
.table-row {
  display: table-row;
}
.table-cell {
  display: table-cell;
}
.ph40 {
  padding-left: 40px;
  padding-right: 40px;
}
.ph20 {
  padding-left: 20px;
  padding-right: 20px;
}
.ph10 {
  padding-left: 10px;
  padding-right: 10px;
}
.ph5 {
  padding-left: 5px;
  padding-right: 5px;
}
.pv40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pv20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pv10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pv5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.sticky-anchor {
  position: absolute;
  height: 40px;
  width: 0px;
  overflow: hidden;
  display: block;
  top: -40px;
  left: 0;
  z-index: -1;
}
.btn {
  cursor: pointer;
  border: 1px solid #f1562a;
  color: #313131;
  padding: 7px 41px 8px 19px;
  display: inline-block;
  text-decoration: none;
  transition: all 0.1s linear;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
}
.btn:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .btn.btn-primary.btn-more span {
    background-position-x: calc(100% - 30px);
    font-family: Arial, Tahoma, Geneva, sans-serif;
    line-height: 1.5;
    padding: 7px 60px 8px 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-primary.btn-more:hover span {
    background-position-x: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-back {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1024px) {
  .buttons .btn.btn-back {
    align-items: center;
    display: flex;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-back span {
    padding: 7px 15px 8px 30px;
    position: relative;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-back span:before {
    left: 27px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-primary span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-primary.btn-l span {
    font-size: 16px;
  }
}
.btn.btn-primary {
  display: block;
  background: #f1562a;
  text-align: center;
  padding: 7px 0 8px;
  color: #fff;
}
.btn.btn-primary span {
  font-size: 14px;
  font-weight: bold;
  color: inherit;
  padding: 0 15px 0 15px;
}
.btn.btn-primary span.more {
  background: url('/images/nexto16/btn-more-hover.svg') 100% 50% no-repeat;
  padding-right: 30px;
}
.btn.btn-primary:hover {
  background: #ff6633;
  border-color: #ff6633;
}
.btn.btn-primary.btn-more {
  padding: 0;
  text-align: center;
  background: #f1562a;
}
.btn.btn-primary.btn-more span {
  background: url('/images/nexto16/btn-more-hover.svg') calc(100% - 14px) 48% no-repeat;
  padding: 7px 41px 8px 19px;
  display: inline-block;
}
.btn.btn-primary.btn-more:hover {
  background: #ff6633;
  border-color: #ff6633;
  color: #fff;
}
.btn.btn-primary.btn-more:hover span {
  background: url('/images/nexto16/btn-more-hover.svg') calc(100% - 14px) 48% no-repeat;
}
.btn.btn-primary.btn-l {
  padding: 12px 0 13px;
}
.btn.btn-primary.btn-l span {
  font-size: 14px;
}
.btn.btn-primary.btn-xl {
  padding: 17px 0 18px;
}
.btn.btn-primary.btn-xl span {
  font-size: 16px;
}
.btn.btn-default {
  background: #fff;
  padding-right: 20px;
}
.btn.btn-default:hover {
  background: #ff6633;
  color: #fff;
}
.btn.btn-more {
  padding: 0;
  text-align: center;
  background: #fff;
}
.btn.btn-more span {
  background: url('/images/nexto16/btn-more.svg') calc(100% - 14px) 48% no-repeat;
  padding: 7px 41px 8px 19px;
  display: inline-block;
}
.btn.btn-more:hover {
  background: #ff6633;
  border-color: #ff6633;
  color: #fff;
}
.btn.btn-more:hover span {
  background: url('/images/nexto16/btn-more-hover.svg') calc(100% - 14px) 48% no-repeat;
}
.btn.btn-more.btn-xl {
  font-size: 16px;
  padding: 0;
}
.btn.btn-more.btn-xl span {
  padding: 20px 51px 21px 41px;
}
.btn.btn-pulldn {
  padding: 0;
  text-align: center;
  background: #fff;
  border-color: #ddd;
}
.btn.btn-pulldn span {
  background: url('/images/nexto16/pulldn.svg') 100% 48% no-repeat;
  display: inline-block;
  padding: 7px 41px 8px 19px;
}
.btn.btn-pulldn.btn-xl {
  padding: 0 40px;
}
.btn.btn-pulldn.btn-xl span {
  padding: 20px 41px 21px 11px;
  font-size: 16px;
}
.btn.btn-pulldn:hover {
  background-color: #ddd;
}
.btn.btn-submit {
  background: #fff url('/images/nexto16/btn-more.svg') 50% 50% no-repeat;
  width: 30px;
  height: 30px;
  overflow: hidden;
  color: transparent;
  padding: 0;
}
.btn.btn-submit:hover {
  border-color: #ff6633;
  background: #ff6633 url('/images/nexto16/btn-more-hover.svg') 50% 50% no-repeat;
}
.btn.btn-remove {
  background: #fff url('/images/nexto16/x2.svg') 50% 50% no-repeat;
  background-size: 36px auto;
  width: 30px;
  height: 30px;
  overflow: hidden;
  color: transparent;
  padding: 0;
}
.btn.btn-remove:hover {
  border-color: #ff6633;
  background: #ff6633 url('/images/nexto16/x.svg') 50% 50% no-repeat;
  background-size: 24px auto;
}
.btn.btn-back {
  border-color: #ddd;
  padding: 0;
}
.btn.btn-back span {
  padding: 8px 15px 8px 30px;
  display: inline-block;
}
.btn.btn-back span:before {
  content: "";
  float: left;
  width: 16px;
  height: 16px;
  background: url('/images/nexto16/btn-more.svg') 50% 48% no-repeat;
  position: relative;
  margin: 0 8px 0 -16px;
  transform: rotate(180deg);
}
.btn.btn-back:hover {
  background-color: #ddd;
}
.btn.btn-demo {
  border-color: #ddd;
  background: #fff url('/images/nexto16/btn-demo.svg') calc(100% - 19px) 50% no-repeat;
  padding-right: 54px;
}
.btn.btn-demo:hover {
  background-color: #313131;
  border-color: #313131;
  color: #fff;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.free_sample a.link {
  display: inline-block;
  border: 1px solid #ddd;
  background-color: #fff;
}
.free_sample a.link > span {
  cursor: pointer;
  border: 1px solid #f1562a;
  color: #313131;
  padding: 7px 41px 8px 19px;
  text-decoration: none;
  transition: all 0.1s linear;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 19px;
  border: 0 none;
  display: inline-block;
}
.free_sample a.link > span:hover {
  text-decoration: none;
}
.free_sample a.link > span:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary.btn-more span {
    background-position-x: calc(100% - 30px);
    font-family: Arial, Tahoma, Geneva, sans-serif;
    line-height: 1.5;
    padding: 7px 60px 8px 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary.btn-more:hover span {
    background-position-x: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-back {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1024px) {
  .buttons .free_sample a.link > span.btn-back {
    align-items: center;
    display: flex;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-back span {
    padding: 7px 15px 8px 30px;
    position: relative;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-back span:before {
    left: 27px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary.btn-l span {
    font-size: 16px;
  }
}
.free_sample a.link > span.btn-primary {
  display: block;
  background: #f1562a;
  text-align: center;
  padding: 7px 0 8px;
  color: #fff;
}
.free_sample a.link > span.btn-primary span {
  font-size: 14px;
  font-weight: bold;
  color: inherit;
  padding: 0 15px 0 15px;
}
.free_sample a.link > span.btn-primary span.more {
  background: url('/images/nexto16/btn-more-hover.svg') 100% 50% no-repeat;
  padding-right: 30px;
}
.free_sample a.link > span.btn-primary:hover {
  background: #ff6633;
  border-color: #ff6633;
}
.free_sample a.link > span.btn-primary.btn-more {
  padding: 0;
  text-align: center;
  background: #f1562a;
}
.free_sample a.link > span.btn-primary.btn-more span {
  background: url('/images/nexto16/btn-more-hover.svg') calc(100% - 14px) 48% no-repeat;
  padding: 7px 41px 8px 19px;
  display: inline-block;
}
.free_sample a.link > span.btn-primary.btn-more:hover {
  background: #ff6633;
  border-color: #ff6633;
  color: #fff;
}
.free_sample a.link > span.btn-primary.btn-more:hover span {
  background: url('/images/nexto16/btn-more-hover.svg') calc(100% - 14px) 48% no-repeat;
}
.free_sample a.link > span.btn-primary.btn-l {
  padding: 12px 0 13px;
}
.free_sample a.link > span.btn-primary.btn-l span {
  font-size: 14px;
}
.free_sample a.link > span.btn-primary.btn-xl {
  padding: 17px 0 18px;
}
.free_sample a.link > span.btn-primary.btn-xl span {
  font-size: 16px;
}
.free_sample a.link > span.btn-default {
  background: #fff;
  padding-right: 20px;
}
.free_sample a.link > span.btn-default:hover {
  background: #ff6633;
  color: #fff;
}
.free_sample a.link > span.btn-more {
  padding: 0;
  text-align: center;
  background: #fff;
}
.free_sample a.link > span.btn-more span {
  background: url('/images/nexto16/btn-more.svg') calc(100% - 14px) 48% no-repeat;
  padding: 7px 41px 8px 19px;
  display: inline-block;
}
.free_sample a.link > span.btn-more:hover {
  background: #ff6633;
  border-color: #ff6633;
  color: #fff;
}
.free_sample a.link > span.btn-more:hover span {
  background: url('/images/nexto16/btn-more-hover.svg') calc(100% - 14px) 48% no-repeat;
}
.free_sample a.link > span.btn-more.btn-xl {
  font-size: 16px;
  padding: 0;
}
.free_sample a.link > span.btn-more.btn-xl span {
  padding: 20px 51px 21px 41px;
}
.free_sample a.link > span.btn-pulldn {
  padding: 0;
  text-align: center;
  background: #fff;
  border-color: #ddd;
}
.free_sample a.link > span.btn-pulldn span {
  background: url('/images/nexto16/pulldn.svg') 100% 48% no-repeat;
  display: inline-block;
  padding: 7px 41px 8px 19px;
}
.free_sample a.link > span.btn-pulldn.btn-xl {
  padding: 0 40px;
}
.free_sample a.link > span.btn-pulldn.btn-xl span {
  padding: 20px 41px 21px 11px;
  font-size: 16px;
}
.free_sample a.link > span.btn-pulldn:hover {
  background-color: #ddd;
}
.free_sample a.link > span.btn-submit {
  background: #fff url('/images/nexto16/btn-more.svg') 50% 50% no-repeat;
  width: 30px;
  height: 30px;
  overflow: hidden;
  color: transparent;
  padding: 0;
}
.free_sample a.link > span.btn-submit:hover {
  border-color: #ff6633;
  background: #ff6633 url('/images/nexto16/btn-more-hover.svg') 50% 50% no-repeat;
}
.free_sample a.link > span.btn-remove {
  background: #fff url('/images/nexto16/x2.svg') 50% 50% no-repeat;
  background-size: 36px auto;
  width: 30px;
  height: 30px;
  overflow: hidden;
  color: transparent;
  padding: 0;
}
.free_sample a.link > span.btn-remove:hover {
  border-color: #ff6633;
  background: #ff6633 url('/images/nexto16/x.svg') 50% 50% no-repeat;
  background-size: 24px auto;
}
.free_sample a.link > span.btn-back {
  border-color: #ddd;
  padding: 0;
}
.free_sample a.link > span.btn-back span {
  padding: 8px 15px 8px 30px;
  display: inline-block;
}
.free_sample a.link > span.btn-back span:before {
  content: "";
  float: left;
  width: 16px;
  height: 16px;
  background: url('/images/nexto16/btn-more.svg') 50% 48% no-repeat;
  position: relative;
  margin: 0 8px 0 -16px;
  transform: rotate(180deg);
}
.free_sample a.link > span.btn-back:hover {
  background-color: #ddd;
}
.free_sample a.link > span.btn-demo {
  border-color: #ddd;
  background: #fff url('/images/nexto16/btn-demo.svg') calc(100% - 19px) 50% no-repeat;
  padding-right: 54px;
}
.free_sample a.link > span.btn-demo:hover {
  background-color: #313131;
  border-color: #313131;
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary.btn-more span {
    background-position-x: calc(100% - 30px);
    font-family: Arial, Tahoma, Geneva, sans-serif;
    line-height: 1.5;
    padding: 7px 60px 8px 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary.btn-more:hover span {
    background-position-x: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-back {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1024px) {
  .buttons .free_sample a.link > span.btn-back {
    align-items: center;
    display: flex;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-back span {
    padding: 7px 15px 8px 30px;
    position: relative;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-back span:before {
    left: 27px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary.btn-l span {
    font-size: 16px;
  }
}
.free_sample a.link:hover {
  background-color: #313131;
  border-color: #313131;
  text-decoration: none;
}
.free_sample a.link:hover > span {
  color: #fff;
}
.cover_container .free_sample a.link {
  display: block;
  background-color: #ddd;
  border: 0 none;
}
.cover_container .free_sample a.link > span {
  padding: 15px 53px 16px 20px;
}
.cover_container .free_sample a.link:hover {
  background-color: #313131;
}
.cover_container .free_sample a.link:hover > span {
  color: #fff;
}
.cover_container .free_sample a.link.link-demo {
  background-color: #ddd;
}
.cover_container .free_sample a.link.link-demo > span {
  background: url('/images/nexto16/btn-demo.svg') calc(100% - 19px) 50% no-repeat;
  padding-right: 54px;
}
.cover_container .free_sample a.link.link-demo:hover {
  background-color: #313131;
  border-color: #313131;
}
.free_sample a.link.link-demo {
  background-color: #fff;
}
.free_sample a.link.link-demo > span {
  background: url('/images/nexto16/btn-demo.svg') calc(100% - 19px) 50% no-repeat;
  padding-right: 54px;
}
.free_sample a.link.link-demo:hover {
  background-color: #313131;
  border-color: #313131;
}
#breadcrumbs {
  border: 0 none;
  padding: 0;
  margin: 0 0 1em 0;
}
#breadcrumbs ul {
  overflow: hidden;
  height: 1.5em;
}
#breadcrumbs ul li {
  padding: 0;
  margin: 0;
  background: none;
  line-height: 19px;
  font-size: 12px;
  display: inline-block;
}
#breadcrumbs ul li:after {
  content: "/";
  margin: 0 7px 0 7px;
  float: right;
}
#breadcrumbs ul li.first {
  background: none;
  padding: 0;
}
#breadcrumbs ul li a {
  color: #7d7d7d;
}
#breadcrumbs ul li:last-child {
  color: #313131;
}
#breadcrumbs ul li:last-child:after {
  content: none;
}
#search_v3 .hide,
#search_v3 .toggle {
  position: absolute;
  width: 40px;
  height: 40px;
  color: transparent;
  border: 0 none;
  display: none;
  cursor: pointer;
}
#search_v3 .toggle {
  right: -40px;
  top: -40px;
  background: url('/images/nexto16/search.svg') 50% 50% no-repeat;
}
#search_v3 .toggle:hover {
  /* background-color: #ddd;*/
}
#search_v3 .hide {
  background: #fff url('/images/nexto16/x2.svg') 50% 50% no-repeat;
  top: 0;
  left: 100%;
  border: 1px solid #ddd;
}
#search_v3 div.search_inner .suggest {
  position: absolute;
  z-index: 106;
  border: 1px #ddd solid;
  background: #fff;
  opacity: 1;
  margin-top: -1px;
  top: 39px;
  width: 340px;
  height: 239px;
  left: 175px;
  overflow-y: auto;
}
#search_v3 div.search_inner .suggest.hidden {
  opacity: 0;
  height: 0;
}
#search_v3 div.search_inner .suggest iframe {
  display: none;
}
#search_v3 div.search_inner .suggest div.container-fluid {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: #fff;
}
#search_v3 div.search_inner .suggest div.container-fluid:after {
  width: 83%;
  height: 1px;
  background: #ddd;
  content: "";
  display: block;
  float: right;
  margin: -1px 0 0;
  position: relative;
}
#search_v3 div.search_inner .suggest div.container-fluid:nth-last-child(1):after {
  content: none;
}
#search_v3 div.search_inner .suggest div.container-fluid.active {
  background: #f7f7f7;
}
#search_v3 div.search_inner .suggest a {
  padding-top: 10px;
  padding-bottom: 0px;
  display: block;
  height: 70px;
}
#search_v3 div.search_inner .suggest a span {
  position: static;
  color: #707174;
}
#search_v3 div.search_inner .suggest a span.name {
  font-size: 14px;
  line-height: 21px;
  display: block;
  margin-right: 5px;
}
#search_v3 div.search_inner .suggest a span.name em {
  font-weight: bold;
  font-style: normal;
}
#search_v3 div.search_inner .suggest a span.author {
  font-size: 10px;
  display: block;
  margin-top: 2px;
  line-height: 15px;
  margin-right: 5px;
}
#search_v3 div.search_inner .suggest a span.type {
  display: block;
  font-size: 10px;
  line-height: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
#search_v3 div.search_inner .suggest div.ps-scrollbar-x-rail,
#search_v3 div.search_inner .suggest div.ps-scrollbar-x,
#search_v3 div.search_inner .suggest div.ps-scrollbar-y-rail,
#search_v3 div.search_inner .suggest div.ps-scrollbar-y {
  padding: 0;
  z-index: 1;
}
#search_v3 div.search_inner div.search_inner_shadow {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 105;
  display: none;
}
.suggester-visible #search_v3 div.search_inner div.search_inner_shadow {
  display: block;
}
/* PROMO BOX - MEGA DROP DOWN */
.mmd-promotion-box {
  width: 30%;
  min-height: 250px;
  margin: 1.66%;
  overflow: hidden;
  float: left;
}
body.sticky-header .logo a {
  background: url('/images/nlayout/logo_nexto_sticky.png') 50% 50% no-repeat;
  width: 150px;
  height: 40px;
}
body.sticky-header .logo.logo-premium a {
  background: url('/images/nlayout/logo_nexto_premium_sticky.png') 50% 50% no-repeat;
}
body.sticky-header .toolsmenu {
  margin-bottom: 164px;
}
body.sticky-header header {
  position: fixed;
  z-index: 300;
  width: 100%;
  top: 0;
  left: 0;
  margin: 0;
}
body.sticky-header header .mainwidth {
  background: #fff;
  box-shadow: 0 0 10px rgba(40, 40, 40, 0.15);
  padding: 0;
  position: relative;
}
body.sticky-header #mainmenu_v3 {
  position: static;
  margin: -40px 120px 0 150px;
}
body.sticky-header #mainmenu_v3 ul.mainmenu {
  position: static;
}
body.sticky-header #mainmenu_v3 ul.mainmenu li.level0 {
  width: auto;
  border-bottom-width: 0;
  padding-bottom: 0;
  /*
				&.active,
				&:hover {
					border-bottom-width: 3px;
				}
				*/
}
body.sticky-header #mainmenu_v3 ul.mainmenu li.level0 > a {
  font-size: 12px;
  white-space: nowrap;
}
body.sticky-header div.tool_but_cart > a,
body.sticky-header div.tool_but_cart_red > a {
  /* background: transparent;*/
}
body.sticky-header div.tool_but_cart a span.aspan,
body.sticky-header div.tool_but_cart_red a span.aspan {
  padding: 12px 19px 14px 46px;
  width: 0;
  color: transparent;
  background-size: 20px 20px;
}
body.sticky-header div.tool_but_cart a .quantity,
body.sticky-header div.tool_but_cart_red a .quantity {
  top: 3px;
  left: 23px;
}
body.sticky-header .tool_layer#tl_cart {
  top: 40px;
}
body.sticky-header #search_v3 {
  position: absolute;
  z-index: 103;
  right: 100px;
  top: 33px;
}
body.sticky-header #search_v3:before,
body.sticky-header #search_v3:after {
  width: 40px;
  height: 40px;
  content: "";
  display: block;
  overflow: hidden;
  position: absolute;
}
body.sticky-header #search_v3 label {
  display: none;
}
body.sticky-header #search_v3 .hide,
body.sticky-header #search_v3 .toggle {
  display: block;
}
body.sticky-header #search_v3 fieldset {
  display: none;
}
body.sticky-header #search_v3 .search_but {
  background: #f1562a;
  color: #fff;
}
body.sticky-header #search_v3 .search_but:hover {
  background: #ff6633;
}
body.sticky-header.search-mode #search_v3 fieldset {
  display: block;
}
body.sticky-header.search-mode #search_v3 .toggle {
  background-color: #ddd;
}
.toolsmenu {
  background: #f7f7f7;
  text-align: right;
}
.toolsmenu a {
  padding: 13px 10px;
  color: #000000;
  font-size: 12px;
  text-decoration: none;
}
.toolsmenu a:hover {
  background-color: #ddd;
}
.toolsmenu #acode {
  font-weight: normal;
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.toolsmenu .tool_but {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  text-align: left;
}
.toolsmenu .tool_but a {
  display: block;
  position: relative;
  z-index: 105;
}
.toolsmenu .tool_but.tool_but_points a .aspan {
  font-weight: bold;
  color: #f1562a;
}
.toolsmenu .tool_but.tool_but_points a .aspan .weight_normal {
  font-weight: normal;
  color: #313131;
  margin: 0 5px 0 0 ;
}
.toolsmenu .tool_but_account a {
  padding-right: 30px;
  background-image: url("/images/nexto16/pulldn2.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 5px) 55%;
  background-size: 15% auto;
}
.toolsmenu .tool_but_account a .aspan {
  color: #f1562a;
  font-weight: bold;
}
.toolsmenu .tool_but_account:hover a {
  background-image: url("/images/nexto16/pulldn3.svg");
}
.toolsmenu .tool_layer {
  top: 39px;
  z-index: 106;
  text-align: left;
}
.toolsmenu .tool_layer .tl_inside {
  padding: 0;
  width: 235px;
}
.toolsmenu .tool_layer .layer_menu ul {
  background: #fff;
  border: 1px solid #ddd;
  margin-top: -1px;
}
.toolsmenu .tool_layer .layer_menu ul li {
  background: none;
  padding: 0;
}
.toolsmenu .tool_layer .layer_menu ul li a {
  display: block;
  padding: 5px 20px;
  color: #396897;
  font-size: 14px;
}
.toolsmenu .tool_layer a.aregistred {
  font-weight: normal;
}
.toolsmenu .tool_layer a.aregistred:hover {
  background: transparent;
  text-decoration: underline;
}
#jmCookieMessage {
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  padding: 0;
  z-index: 3000;
  background: #707174;
}
#jmCookieMessage #jmCookieMessageInner {
  width: 1000px;
  margin: 0 auto;
  padding: 25px 60px 20px 0;
  position: relative;
  box-sizing: border-box;
}
#jmCookieMessage p {
  color: #fff;
  font-weight: normal;
  text-shadow: none;
  font-size: 12px;
  line-height: 21px;
  margin: 0;
}
#jmCookieMessage p a {
  color: #f1562a;
}
#jmCookieMessage #jmCookieMessageButton {
  background: transparent url('/images/nexto16/x.svg') 50% 50% no-repeat;
  border: 1px solid #f1562a;
  width: 38px;
  height: 38px;
  top: 50%;
  margin-top: -20px;
  text-indent: -1022px;
  overflow: hidden;
  position: absolute;
  right: 0;
  cursor: pointer;
}
#main {
  width: 594px;
}
#main.nomainright {
  float: right;
  width: 769px;
}
.cols1 #main.nomainright {
  float: none;
  width: auto;
}
.nexto16 #main.nomainright {
  float: right;
  width: 745px;
}
.nexto16 #main + #mainleft {
  float: left;
  width: 235px;
  background: none;
}
.nexto16 .cols1 #main.nomainright {
  width: auto;
  float: none;
}
.nexto16 a.reviews {
  display: block;
  text-align: center;
  font-size: 12px;
  margin: 5px 0;
}
.nexto16 a.reviews:after {
  /* content: " \203a";
			font-size: 14px;
			*/
}
.nexto16 .hintin {
  min-height: 0;
}
ul.spec2 {
  margin: -0.75em 0;
}
ul.spec2 > li {
  padding-left: 0;
  margin: 0.75em 0;
}
ul.spec2 .format ul.formats {
  margin-top: 3px;
}
.newsletter-sticky {
  position: fixed;
  left: -490px;
  bottom: 87px;
  z-index: 299;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
}
.newsletter-sticky.shown {
  left: 0px;
}
.newsletter-sticky .newsletter-form-wrapper,
.newsletter-sticky .handle-wrapper {
  box-shadow: 0 0 10px rgba(40, 40, 40, 0.15);
}
.newsletter-sticky .newsletter-form-wrapper {
  width: 490px;
  height: 210px;
}
.newsletter-sticky .handle-wrapper {
  width: 60px;
  height: 60px;
  position: absolute;
  left: 100%;
  bottom: 0;
}
.newsletter-sticky .handle {
  width: inherit;
  height: inherit;
  position: relative;
  background: #f1562a url('/images/nexto16/newsletter.svg') 0 0 no-repeat;
  overflow: hidden;
  text-indent: -1022px;
  display: block;
  cursor: pointer;
}
.newsletter-sticky .back {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff url('/images/nexto16/back.svg') 0 0 no-repeat;
  overflow: hidden;
  text-indent: -1022px;
  display: block;
  cursor: pointer;
}
.home-banners .newsletter-form {
  min-height: 236px;
  background-position: 100% 0px;
  padding: 0 48px;
  font-family: 'montserrat';
  background: transparent none 100% 0 no-repeat;
}
.home-banners .newsletter-form.lazyloaded {
  background: transparent url('/images/nexto16/newsletter-bg.png') 100% 0 no-repeat;
}
.home-banners .newsletter-form.lazyloaded form button.submit {
  background: #f0552b;
}
.home-banners .newsletter-form p.error {
  position: absolute;
  color: #f00;
  margin-left: -1px;
  margin-top: 3px;
}
.home-banners .newsletter-form h3,
.home-banners .newsletter-form .h3 {
  color: #f0552b;
  text-transform: uppercase;
  font-weight: 300;
  width: auto;
  font-size: 27px;
  padding: 32px 0 26px;
  text-align: left;
}
.home-banners .newsletter-form h3 strong,
.home-banners .newsletter-form .h3 strong {
  font-weight: bold;
  display: inline;
}
.home-banners .newsletter-form form input.text {
  width: 476px;
  height: 35px;
  border: 0 none;
  background: transparent;
  box-shadow: inset 0 0 0 2px #f0552b, inset 0 0 0 30px #fff;
  color: #f0552b;
  font-size: 18.5px;
  font-weight: 300;
  font-family: 'montserrat';
  padding: 10px 22px;
  /* Change Autocomplete styles in Chrome*/
}
.home-banners .newsletter-form form input.text::placeholder {
  opacity: 1;
  color: #f0552b;
}
.home-banners .newsletter-form form input.text::-ms-input-placeholder {
  opacity: 1;
  color: #f0552b;
}
.home-banners .newsletter-form form input.text:-webkit-autofill,
.home-banners .newsletter-form form input.text:-webkit-autofill:hover,
.home-banners .newsletter-form form input.text:-webkit-autofill:focus {
  -webkit-text-fill-color: #f0552b;
  -webkit-box-shadow: inset 0 0 0 2px #f0552b, inset 0 0 0 30px #fff;
  font-size: 18.5px !important;
  font-weight: 300;
  font-family: 'montserrat' !important;
}
.home-banners .newsletter-form form input.text.edge-autofilled {
  color: #f0552b !important;
  background: #fff !important;
}
.home-banners .newsletter-form form button.submit {
  margin-left: 26px;
  height: 55px;
  width: 170px;
  background: #f0552b;
  border: 0 none;
  color: #fff;
  font-family: 'montserrat';
  font-weight: 300;
  font-size: 20px;
}
.home-banners .newsletter-form form fieldset + fieldset {
  margin-top: 25px;
}
.home-banners .newsletter-form form input.checkbox {
  position: absolute;
  opacity: 0.001;
  cursor: pointer;
}
.home-banners .newsletter-form form input.checkbox + label {
  color: #f0552b;
  padding-left: 32px;
  font-size: 14px;
  margin-top: 6px;
}
.home-banners .newsletter-form form input.checkbox + label a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted #f0552b;
}
.home-banners .newsletter-form form input.checkbox + label a:hover {
  border-bottom: 1px dotted transparent;
}
.home-banners .newsletter-form form input.checkbox + label:before {
  content: "";
  background: #fff;
  width: 18px;
  height: 18px;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 14px 0 -32px;
  border: 1px solid #f0552b;
}
.home-banners .newsletter-form form input.checkbox:checked + label:before {
  background: #fff url('/images/nexto16/checkbox.png') 0 0 no-repeat;
}
.home-banners .webapp {
  position: relative;
  min-height: 310px;
}
.home-banners .webapp a.global {
  background: #e8e8e8;
  height: 140px;
  text-decoration: none;
  font-family: 'montserrat';
  display: block;
  height: 240px;
  overflow: visible;
}
.home-banners .webapp a.global h3,
.home-banners .webapp a.global .h3 {
  color: inherit;
  padding: 28px 57px 18px;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  color: #f0552b;
}
.home-banners .webapp a.global .icon-text {
  margin: 0 auto 0 90px;
}
.home-banners .webapp a.global .icon-text:before {
  content: none;
  display: inline-block;
  vertical-align: middle;
}
.home-banners .webapp a.global .icon-text strong {
  display: inline-block;
  vertical-align: middle;
  margin-left: 24px;
  margin-top: -1px;
  font-size: 32px;
  color: #424242;
}
.home-banners .webapp a.global:after {
  background: none 0 0 no-repeat;
  position: absolute;
  width: 489px;
  height: 261px;
  display: block;
  content: "";
  right: 30px;
  top: 40px;
}
.home-banners .webapp ul {
  position: absolute;
  top: 168px;
  left: 100px;
}
.home-banners .webapp ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 20px 10px 0;
  padding: 0;
  background: none;
}
.home-banners .webapp ul li a {
  display: block;
  width: auto;
  height: 40px;
}
.home-banners .webapp.lazyloaded a.global:after {
  background-image: url('/images/nexto16/mobileapp.png');
}
.home-banners .webapp.lazyloaded a.global .icon-text {
  margin: 0 auto 0 90px;
}
.home-banners .webapp.lazyloaded a.global .icon-text:before {
  content: url('/images/nexto16/mobileapp-reader.png');
}
.newsletter-form {
  background: #e1e4ef none;
  padding: 0 30px;
  height: inherit;
  position: relative;
}
.newsletter-form form fieldset {
  white-space: nowrap;
  margin: 0;
}
.newsletter-form form fieldset + fieldset {
  margin-top: 4px;
}
.newsletter-form form input,
.newsletter-form form input.text,
.newsletter-form form button,
.newsletter-form form label {
  display: inline-block;
  vertical-align: top;
}
.newsletter-form form input.text {
  background: rgba(255, 255, 255, 0.5);
  border: 0 none;
  border-radius: 0;
  padding: 10px 15px;
  font-weight: normal;
  width: 350px;
  font-size: 14px;
  height: 20px;
}
.newsletter-form form input.text:focus,
.newsletter-form form button:focus {
  outline: 0;
}
.newsletter-form form button.submit {
  background: rgba(255, 255, 255, 0.5) none 100% 50% no-repeat;
  border: 0 none;
  border-radius: 0;
  width: 50px;
  color: transparent;
  cursor: pointer;
  height: 40px;
}
.newsletter-form form button.submit:active {
  opacity: 0.8;
}
.newsletter-form form label {
  width: 90%;
  margin-top: 2px;
}
.newsletter-form form label .field_hint {
  display: block;
  margin-top: 3px;
  font-size: 85%;
}
.newsletter-form h3,
.newsletter-form .h3 {
  color: #454545;
  font-size: 18px;
  font-weight: normal;
  margin: 0 0 0 2px;
  padding: 22px 0 12px;
  width: 255px;
}
.newsletter-form p {
  color: #454545;
  font-size: 14px;
  line-height: 21px;
  width: 255px;
  margin: 0 0 12px 2px;
}
.newsletter-form.lazyloaded {
  background-image: url('/images/nexto16/newsletter.jpg');
}
.newsletter-form.lazyloaded form button.submit {
  background-image: url('/images/nexto16/newsletter-add.svg');
}
.logo {
  float: left;
}
.logo a {
  background: url('/images/nlayout/logo_nexto.png') 0 0 no-repeat;
  width: 203px;
  height: 59px;
  display: block;
  overflow: hidden;
  text-indent: -1022px;
  position: relative;
}
.logo.logo-premium a {
  background: url('/images/nlayout/logo_nexto_premium.png') 0 0 no-repeat;
}
header {
  margin: 20px 0;
  position: relative;
}
.tool_but_cart_red,
.tool_but_cart {
  float: right;
}
#mainmenu_v3 {
  margin: 20px 0 0;
}
#mainmenu_v3 ul.mainmenu {
  display: table;
  width: 100%;
  position: relative;
}
#mainmenu_v3 ul.mainmenu li.level0 {
  display: table-cell;
  background: none;
  margin: 0;
  padding: 0;
  width: 11.111%;
  padding-bottom: 1px;
  border-bottom: 3px solid transparent;
}
#mainmenu_v3 ul.mainmenu li.level0.hover,
#mainmenu_v3 ul.mainmenu li.level0.active {
  border-color: #dd4318;
}
#mainmenu_v3 ul.mainmenu li.level0.hover > a,
#mainmenu_v3 ul.mainmenu li.level0.active > a {
  background: #396897;
}
#mainmenu_v3 ul.mainmenu li.level0 > a {
  border-left: 1px solid #74a2bf;
  display: block;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  background: #518baf;
  text-decoration: none;
  padding: 10px;
  line-height: 20px;
}
#mainmenu_v3 ul.mainmenu li.level0 > a:hover {
  background: #396897;
}
#mainmenu_v3 ul.mainmenu li.level0:first-child > a {
  border-left: 0 none;
}
#mainmenu_v3 ul.mainmenu li.level0 > .ext {
  display: block;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 100%;
  width: calc(100% - 10px);
  z-index: -1;
  background: #fff;
  box-shadow: 0px 0px 10px rgba(40, 40, 40, 0.15);
  height: 0;
  overflow: hidden;
}
#mainmenu_v3 ul.mainmenu li.level0 > .ext h5,
#mainmenu_v3 ul.mainmenu li.level0 > .ext .h5 {
  background: #f7f7f7;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
}
#mainmenu_v3 ul.mainmenu li.level0 > .ext h5.orange,
#mainmenu_v3 ul.mainmenu li.level0 > .ext .h5.orange {
  color: #f1562a;
}
#mainmenu_v3 ul.mainmenu li.level0 > .ext .all-link {
  float: right;
  line-height: 38px;
  font-size: 12px;
  margin-right: 12px;
  padding: 0 20px 0 0;
  background: url('/images/nexto16/btn-more.svg') 100% 50% no-repeat;
}
#mainmenu_v3 ul.mainmenu li.level0 > .ext > span.close {
  position: absolute;
  top: 0px;
  right: 0px;
  cursor: pointer;
  display: block;
  padding: 5px 10px;
  color: #777;
}
#mainmenu_v3 ul.mainmenu li.level0.hover .ext {
  opacity: 1;
  z-index: 103;
  padding: 25px 5px 20px;
  height: auto;
}
#mainmenu_v3 ul.mainmenu li.level0 ul {
  margin: 15px 0;
  line-height: 1.3em;
  font-size: 14px;
}
#mainmenu_v3 ul.mainmenu li.level0 li.level1 {
  margin: 0.36em 0 0.43em;
  background: transparent;
}
#mainmenu_v3 ul.mainmenu li.level0 li.level1 > a {
  text-decoration: none;
}
#mainmenu_v3 ul.mainmenu li.level0 li.level2 {
  margin: 0.36em 0 0.43em 1em;
}
#mainmenu_v3 ul.mainmenu .reco-lazyload {
  position: relative;
  min-height: 200px;
}
#footer {
  text-align: center;
  border-top: 0 none;
  padding-bottom: 17px;
}
.has-cookie-message #footer {
  padding-bottom: 87px;
}
#footer nav {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #f7f7f7;
  margin-bottom: 30px;
}
#footer nav ul li {
  display: inline-block;
  vertical-align: top;
  background: none;
}
#footer nav ul li a {
  display: block;
  padding: 10px;
  color: #707174;
  font-size: 12px;
}
#footer .copyright {
  color: #707174;
}
#footer .copyright a {
  color: inherit;
}
#footer .fn-logos {
  text-align: center;
}
#footer .fn-logos img {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 12px 12px;
}
#footer .authors p {
  color: #b6b6b7;
  text-align: center;
  font-size: 10px;
}
#footer .authors p a {
  color: inherit;
}
/* Search */
#search_v3 {
  overflow: visible;
  float: left;
  margin: 7px 10px 0px 20px;
}
#search_v3 label {
  float: left;
  font-weight: normal;
  color: #000;
  font-size: 1.3em;
  display: block;
  padding: 12px 15px;
}
#search_v3 div.search_inner {
  position: relative;
  float: left;
  padding-right: 70px;
  border-right: none;
  background: #fff;
  border-width: 1px;
  border: #ddd 1px solid;
  overflow: visible;
}
#search_v3 div.search_inner.sborder {
  border-style: solid;
  border-color: #ddd;
  box-shadow: 0 0 3px rgba(230, 69, 27, 0.6);
}
#search_v3 div.search_inner > span {
  padding: 6px 4px;
  display: block;
  float: left;
  font-size: 1em;
}
#search_v3 div.search_inner > span.ss1 {
  border-right: 0 none;
  width: 168px;
  height: 26px;
  background: #fff linear-gradient(transparent 0, transparent 9px, #ddd 9px, #ddd 29px, transparent 29px, transparent 38px) 100% 0 no-repeat;
  background-size: 1px 38px;
}
#search_v3 div.search_inner > span.si1 {
  padding: 6px 10px 6px;
  height: 26px;
  background: #fff;
}
#search_v3 div.search_inner select {
  border: none;
  width: 170px;
  opacity: 0;
}
#search_v3 div.search_inner input {
  border: none;
  width: 250px;
  font-size: 1.3em;
  font-weight: bold;
}
#search_v3 .search_but {
  float: left;
  width: 70px;
  height: 40px;
  border: 0 none;
  margin-left: -71px;
  border-left: 0 none;
  background: transparent url('/images/nexto16/search.svg') 50% 50% no-repeat;
  color: transparent;
  position: relative;
  cursor: pointer;
}
.suggester-visible #search_v3 #search-clause-custom,
.suggester-visible #search_v3 .search_but {
  z-index: 110;
}
#search_v3 form .control {
  position: relative;
  display: inline-block;
  vertical-align: top;
}
#search_v3 form .control.text {
  border: 1px solid #909090;
  padding: 2px;
  background-color: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
#search_v3 form .control.select .current {
  width: 100%;
  padding: 2px 27px 0 9px;
  height: 23px;
  background: transparent url("/images/nexto16/pulldn.svg") no-repeat 75% 2px;
  cursor: pointer;
}
#search_v3 form .control.select .current .text {
  width: 100%;
  display: inline-block;
  margin: 0;
  line-height: 21px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 14px;
}
#search_v3 form .control.select ul {
  top: 23px;
  position: absolute;
  min-width: 100%;
  list-style: none;
  margin: 0;
  padding: 12px 0px 12px 0px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #ddd;
  background: #fff;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: -5px;
}
#search_v3 form .control.select ul li {
  white-space: nowrap;
  padding: 8px 5px 8px 13px;
  cursor: pointer;
  font-size: 14px;
  background-image: none;
  margin: -2px 0;
}
#search_v3 form .control.select ul li:hover {
  background: #efefef;
  color: black;
  font-weight: bold;
}
#search_v3 form .has-errors .control.select .current {
  border-color: #AD2668;
}
#address_table p.error,
#profile_table p.error {
  text-align: center;
  color: #f00;
  border: 1px solid #f00;
  padding: 7px;
}
#address_table .has-error .label,
#profile_table .has-error .label {
  color: #f00;
}
#address_table .has-error input,
#profile_table .has-error input,
#address_table .has-error textarea,
#profile_table .has-error textarea {
  border-color: #f00;
}
/*
#top_v2 .toolsmenu div.tool_but_account { border-left: none; }
#top_v2 .toolsmenu div.tool_but_points a span.aspan { background: url(/images/nlayout/ico_pkt.png) no-repeat 20px center; padding-left: 40px; }
*/
div.tool_but_cart_red,
div.tool_but_cart {
  font-size: 14px;
  font-weight: bold;
  color: #000;
  margin: -3ppx 0;
}
div.tool_but_cart_red > a,
div.tool_but_cart > a {
  color: inherit;
  background: transparent url("/images/nexto16/pulldn.svg") no-repeat 95% 50%;
  display: inline-block;
}
div.tool_but_cart a,
div.tool_but_cart_red a {
  position: relative;
  z-index: 101;
  text-decoration: none;
}
div.tool_but_cart a span.aspan,
div.tool_but_cart_red a span.aspan {
  padding: 22px 39px 24px 61px;
  display: block;
  position: relative;
  background: url('/images/nexto16/cart.svg') no-repeat 10px center;
}
div.tool_but_cart a.active,
div.tool_but_cart_red a.active,
div.tool_but_cart a:hover,
div.tool_but_cart_red a:hover {
  background-color: #ddd;
}
div.tool_but_cart a .quantity,
div.tool_but_cart_red a .quantity {
  position: absolute;
  left: 35px;
  top: 10px;
  background: #f1562a;
  color: #fff;
  width: 19px;
  height: 19px;
  text-align: center;
  border-radius: 50%;
  line-height: 19px;
  font-size: 12px;
  font-weight: normal;
}
div.tool_but_cart a .quantity {
  background: #ccc;
}
.tool_layer {
  border: 0 none;
  background: #f7f7f7;
  box-shadow: 0 0 10px rgba(40, 40, 40, 0.15);
  position: absolute;
  font: normal 1.2em/1.5em Arial, Tahoma, Geneva, sans-serif;
  display: none;
}
.tool_layer#tl_cart {
  z-index: 102;
  top: 60px;
}
.tool_layer#tl_cart li {
  padding: 0;
  background: none;
}
.tool_layer#tl_cart li + li {
  margin-top: 10px;
}
.tool_layer#tl_cart li a {
  display: inline-block;
  vertical-align: top;
}
.tool_layer#tl_cart li a.image {
  width: 40px;
  text-align: left;
  margin-right: 9px;
  overflow: hidden;
}
.tool_layer#tl_cart li a.name {
  width: 125px;
  margin-right: -20px;
}
.tool_layer#tl_cart li .x {
  background: transparent url('/images/nexto16/x2.svg') 50% 50% no-repeat;
  background-size: 30px auto;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 0 none;
  overflow: hidden;
  color: transparent;
  display: inline-block;
  vertical-align: top;
}
.tool_layer#tl_cart .cart-empty {
  padding: 20px 40px;
}
.tool_layer#tl_cart .cart-summary {
  background: #fff;
  padding: 20px 10px;
  border: 1px solid #ddd;
}
.tool_layer#tl_cart .cart-summary .container-fluid {
  margin-bottom: 20px;
  color: #313131;
}
.tool_layer#tl_cart .cart-summary .btn {
  margin: 0 10px;
}
.tool_layer .tl_inside {
  padding: 0px;
  width: 320px;
}
.tool_layer .layer_cart_list {
  padding: 20px 10px;
}
.tool_layer a {
  text-decoration: none;
}
.tool_layer a.aregistred {
  color: #e54619;
  font-weight: bold;
}
.tool_layer p {
  text-align: center;
  color: #6d6d6c;
  padding: 0 10px;
}
.tool_layer p span {
  color: #e54619;
  font-weight: bold;
}
.tool_layer p img.but_goto_cart {
  margin-top: 10px;
}
.tool_layer li {
  margin: 0.5em 0;
}
.tool_layer .tl_buttons {
  background: #f0f0f0;
  padding: 6px 10px 4px 10px;
  overflow: hidden;
}
.tool_layer .tl_buttons a {
  color: #000;
  float: right;
  font-weight: bold;
  display: block;
}
.tool_layer .tl_buttons a.logout {
  background: url(/images/nlayout/ico_lockt.gif) no-repeat 0 1px;
  padding: 0 0 0 17px;
}
span.custom_select {
  font-size: 14px;
  position: absolute;
  top: 2px;
  float: left;
  left: 0px;
  width: 163px;
  height: 13px;
  line-height: 22px;
  text-indent: 5px;
  background: url(/images/nlayout_v2/custom_select.png) no-repeat 154px 15px;
  cursor: pointer;
  z-index: 1;
}
/* Custom select */
#scid-custom {
  min-width: 177px;
}
.scolor {
  background-color: transparent;
}
.daily-offer-placeholder {
  margin-bottom: 20px;
}
.daily-offer-placeholder .tmp-net {
  line-height: 140px;
  text-align: center;
  display: block;
  color: #ccc;
  background: #f7f7f7;
  font-size: 14px;
}
.daily-offer-placeholder img {
  display: block;
}
.daily-offer-placeholder p {
  margin: 0;
}
.player-placeholder iframe {
  height: 180px;
}
.player-placeholder p {
  margin: 0;
}
.cycle-slideshow-noinit .jmBanner1000,
.cycle-slideshow .jmBanner1000 {
  display: none;
}
.col-12 .cycle-slideshow-noinit .jmBanner1000,
.col-12 .cycle-slideshow .jmBanner1000 {
  width: 100%;
}
html .cycle-pager {
  margin-top: 15px;
  text-align: center;
  overflow: hidden;
  height: 16px;
  display: none;
}
html .cycle-pager > * {
  cursor: pointer;
}
html .cycle-pager span {
  font-family: arial;
  font-size: 50px;
  width: 16px;
  height: 16px;
  display: inline-block;
  color: #ddd;
  cursor: pointer;
  margin-right: 5px;
}
html .cycle-pager span.cycle-pager-active {
  color: #f1562a;
}
#intro_rennab {
  max-width: 726px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
#intro_rennab > a {
  display: inline-block;
}
#intro_rennab > a img {
  display: block;
}
.col-12 #intro_rennab {
  max-width: 1000px;
}
.midpage-banner picture img {
  padding-top: 20px;
}
.nexto16 #main .recommended_v3 .h {
  position: relative;
  margin: 40px 0 20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.nexto16 #main .recommended_v3 .h h2,
.nexto16 #main .recommended_v3 .h .h2 {
  margin-bottom: 0;
  margin-right: 200px;
  color: #313131;
  font-size: 24px;
}
.nexto16 #main .recommended_v3 .h .more {
  text-align: right;
  float: right;
  position: absolute;
  right: 0;
  top: 0;
}
.nexto16 #main .recommended_v3 .h .more a {
  border: 0 none;
  min-width: 0;
  background: none;
  font-weight: bold;
  padding: 0 26px 0 0;
  line-height: 24px;
  color: #313131;
  background: url('/images/nexto16/btn-more.svg') 100% 50% no-repeat;
  font-size: 12px;
  display: block;
}
.nexto16 #main .recommended_v3 .h .more a:hover {
  background: url('/images/nexto16/btn-more.svg') 100% 50% no-repeat;
}
.nexto16 #main .recommended_v3 .h .more a span {
  background: none;
  padding: 0;
}
.price {
  margin: 0 0 5px;
}
.price strong {
  color: #f1562a;
  font-weight: bold;
}
.price.value strong {
  font-size: 24px;
}
.price.subscription {
  font-size: 14px;
}
.price.subscription strong {
  font-size: 14px;
}
.price.subscription a {
  color: inherit;
}
.price .oldprice,
.price del {
  font-size: 14px;
}
.productslist .free-product,
#cart .free-product {
  font-size: 70%;
}
.recommended_v3 .issue .free-product {
  font-size: 75%;
}
#tl_cart .free-product {
  font-size: 90%;
  line-height: 1.1em;
  display: block;
}
.reco-lazyload:after {
  background: url('/images/share/ajaxSpinner.gif') 50% 50% no-repeat;
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
}
.reviewsList .rating-wrapper {
  float: right;
}
.rating-wrapper .rating-label {
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  color: #707174;
  font-size: 12px;
  line-height: 21px;
  margin-right: 10px;
}
.rating-wrapper .rating-box {
  width: 100px;
  height: 20px;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  background: url('/images/nexto16/stars.svg') 0% 0% repeat-x;
}
.rating-wrapper .rating-box .rating {
  display: inline-block;
  float: none;
  background: url('/images/nexto16/stars.svg') 0% 100% repeat-x;
  height: 20px;
}
.rating-wrapper .rating-box .rating.rating1 {
  width: 20px;
}
.rating-wrapper .rating-box .rating.rating2 {
  width: 40px;
}
.rating-wrapper .rating-box .rating.rating3 {
  width: 60px;
}
.rating-wrapper .rating-box .rating.rating4 {
  width: 80px;
}
.rating-wrapper .rating-box .rating.rating5 {
  width: 100px;
}
.nexto16 ul.formats_available,
ul.formats {
  display: block;
  margin: 0 0 15px;
}
.nexto16 ul.formats_available li,
ul.formats li {
  display: inline;
  text-align: left;
  height: auto;
  padding: 0 9px 0 0;
  background: none;
}
.nexto16 ul.formats_available li b,
ul.formats li b {
  font-weight: normal;
  font-style: normal;
  background: url('/images/nexto16/issue-format.svg') -6px -3px no-repeat;
  padding-left: 12px;
  padding-bottom: 2px;
  display: inline-block;
}
.nexto16 ul.formats_available li:last-child,
ul.formats li:last-child {
  padding: 0;
}
.nexto16 ul.formats_available li.improper b,
ul.formats li.improper b {
  padding-left: 0;
  background: none;
}
.product-info p span {
  text-transform: lowercase;
  font-weight: bold;
}
.issues {
  margin: 0 -10px;
  min-height: 377px;
  position: relative;
}
.issues .cycle-carousel-wrap {
  height: 100%;
}
.issues li {
  width: auto;
  white-space: normal;
  margin: 0;
  height: 100%;
  background: none;
  display: table-cell;
  vertical-align: top;
  padding: 0;
}
.issues li a.image {
  height: 233px;
  display: table-cell;
  width: 150px;
  vertical-align: bottom;
  position: relative;
}
.issues li a.image .cover {
  position: static;
  bottom: 0;
  left: 0;
  display: block;
}
.issues li a.image .product-tags {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0.95;
  text-align: center;
}
.issues li a.image .product-tags .tag {
  display: block;
}
.issues li a.image .product-tags .tag + .tag {
  margin: 0;
}
.issues li a.image .product-tags .tag.multi {
  display: table;
  width: 100%;
}
.issues li a.image .product-tags .tag.multi .tag {
  display: table-cell;
  float: none;
}
.issues li .issue,
.issues li .ext {
  transition: opacity 0.15s linear;
}
.issues li .issue {
  width: 150px;
  padding: 20px 10px;
  position: relative;
  height: calc(100% - 40px);
}
.issues li .issue > a {
  display: block;
}
.issues li .issue .title {
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0;
  height: 34px;
  line-height: 17px;
  overflow: hidden;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.issues li .issue .price-info {
  height: 100px;
  margin-top: -25px;
}
.issues li .issue .cart-info {
  position: absolute;
  bottom: 19px;
  width: 140px;
}
.issues li .issue:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  right: 0;
  background: #fff;
  display: block;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.5s linear;
}
.issues li .issue:after {
  background: url('/images/share/ajaxSpinner.gif') 50% 50% no-repeat;
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  display: block;
  top: 166px;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  z-index: -2;
  opacity: 0;
  transition: opacity 0.5s linear;
}
.issues li .issue.reco-lazyload:before,
.issues li .issue.reco-lazyload:after {
  opacity: 1;
  z-index: 1;
}
.issues li .free_sample a.link {
  border: 1px solid #ddd;
  display: block;
}
.issues li .free_sample a.link > span {
  padding: 7px 10px 8px;
  display: block;
  background: #fff;
  text-align: center;
  transition: all 0.15s linear;
}
.issues li .base {
  position: relative;
}
.issues li .ext {
  position: absolute;
  top: 0px;
  left: -10px;
  opacity: 0;
  background: #4f4f4f;
  color: #fff;
  z-index: 1;
  width: 0;
  height: 0;
  overflow: hidden;
}
.issues li .ext:after {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  clear: both;
  content: "";
}
.issues li .ext:after {
  width: 0;
  height: 0;
  font-size: 0;
  overflow: hidden;
  display: block;
  clear: both;
  content: "";
}
.issues li .ext .col-6 {
  float: left;
  width: calc(50% - 10px);
  padding: 0 0 0 10px;
}
.issues li .ext small {
  font-size: 10px;
}
.issues li .body {
  height: 147px;
  overflow: hidden;
  font-size: 14px;
  line-height: 21px;
  margin: 20px 0;
}
.issues li .price.value strong {
  display: block;
  margin-bottom: 5px;
  line-height: 1;
}
.issues li .price.value del {
  display: block;
  line-height: 1;
}
.issues li button.btn {
  width: 100%;
  cursor: pointer;
}
.issues li button.btn:hover {
  cursor: pointer;
}
.issues li:hover .ext {
  opacity: 1;
  width: 320px;
  height: calc(100% - 40px);
  padding: 20px 10px;
}
.issues li:hover .base {
  z-index: 2;
}
.issues li:hover .free_sample a.link {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
.issues li:hover .free_sample a.link > span {
  background: transparent;
  color: #fff;
}
.issues li .cover {
  box-shadow: none;
  border: 0 none;
}
.issues .cycle-slide-active {
  /* first slide visible */
}
.issues .cycle-slide-active .ext {
  left: -10px;
}
.issues .cycle-slide-active + li + li + li + li + li {
  /* sixth slide visible */
}
.issues .cycle-slide-active + li + li + li + li + li .ext {
  left: auto;
  right: 0px;
}
.issues .cycle-slide-active + li + li + li + li + li .ext .col-6 {
  float: right;
}
.issues.cycle-slideshow .cycle-prev,
.issues.cycle-slideshow-noinit .cycle-prev,
.issues.cycle-slideshow .cycle-next,
.issues.cycle-slideshow-noinit .cycle-next {
  top: 140px;
  z-index: 2;
  opacity: 1;
}
.issues.cycle-slideshow .cycle-prev.disabled,
.issues.cycle-slideshow-noinit .cycle-prev.disabled,
.issues.cycle-slideshow .cycle-next.disabled,
.issues.cycle-slideshow-noinit .cycle-next.disabled {
  z-index: -1;
  opacity: 0;
}
.product-tags .tag {
  display: inline-block;
  vertical-align: top;
  padding: 8px 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.product-tags .tag + .tag {
  margin-left: 5px;
}
.product-tags .tag.bestseller {
  color: #fff;
  background: #518baf;
}
.product-tags .tag.new-item {
  color: #fff;
  background: #29B473;
}
.product-tags .tag.lower-price {
  color: #fff;
  background: #FCBF3D;
}
.product-tags .tag.lower-price-global {
  color: #707174;
  background: #B8C5DE;
}
.product-tags .tag.type {
  color: #707174;
  background: #f7f7f7;
}
.product-tags .tag.premium {
  color: #fff;
  background: #e6002c;
}
.product-tags .tag.preview {
  color: #fff;
  background: #f1562a;
}
.product-tags .tag.multi {
  white-space: nowrap;
  padding: 0;
}
.product-tags .tag.multi .tag {
  float: left;
  padding: 8px;
}
.product-tags .tag.multi .tag + .tag {
  margin-left: 0;
}
.issue-featured h3,
.productslist h3,
.issue-featured .h3,
.productslist .h3 {
  color: #396897;
  font-size: 18px;
  font-weight: bold;
  border: 0 none;
  margin: 3px 20px 22px 0;
}
.issue-featured h3 + h4,
.productslist h3 + h4,
.issue-featured .h3 + h4,
.productslist .h3 + h4,
.issue-featured h3 + .h4,
.productslist h3 + .h4,
.issue-featured .h3 + .h4,
.productslist .h3 + .h4 {
  margin: -19px 20px 22px 0;
  color: #707174;
  font-size: 12px;
  font-weight: normal;
}
.issue-featured h3 + h4 b,
.productslist h3 + h4 b,
.issue-featured .h3 + h4 b,
.productslist .h3 + h4 b,
.issue-featured h3 + .h4 b,
.productslist h3 + .h4 b,
.issue-featured .h3 + .h4 b,
.productslist .h3 + .h4 b {
  font-weight: inherit;
}
.issue-featured h3 + h4 a,
.productslist h3 + h4 a,
.issue-featured .h3 + h4 a,
.productslist .h3 + h4 a,
.issue-featured h3 + .h4 a,
.productslist h3 + .h4 a,
.issue-featured .h3 + .h4 a,
.productslist .h3 + .h4 a {
  color: inherit;
  font-weight: inherit;
}
.issue-featured h3 a,
.productslist h3 a,
.issue-featured .h3 a,
.productslist .h3 a {
  color: inherit;
  font: inherit;
  text-decoration: none;
}
.issue-featured h3 a:hover,
.productslist h3 a:hover,
.issue-featured .h3 a:hover,
.productslist .h3 a:hover {
  text-decoration: underline;
}
.packslist .pack {
  display: flex;
  padding: 40px 0 20px;
  border-bottom: 1px solid #ddd;
  margin: 0;
}
.packslist .pack .products {
  width: 600px;
  display: flex;
}
.packslist .pack .products .issue {
  width: 33%;
}
.packslist .pack .products .issue .title {
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0;
  height: 34px;
  line-height: 17px;
  overflow: hidden;
  text-decoration: none;
  display: block;
  cursor: pointer;
}
.packslist .pack .products .issue .free_sample {
  margin: 20px 0;
}
.packslist .pack .details {
  width: 150px;
}
.packslist .pack .details h2 {
  margin: 20px 0;
}
.packslist .pack .details form {
  margin: 20px 0;
}
.packslist .pack .details form button {
  width: 150px;
}
.load-more {
  margin: 40px;
  text-align: center;
}
.cycle-slideshow,
.cycle-slideshow-noinit {
  /*
	&:hover {
		.cycle-prev,
		.cycle-next {
			opacity: 1;
		}
	}
*/
}
.cycle-slideshow .cycle-prev,
.cycle-slideshow-noinit .cycle-prev,
.cycle-slideshow .cycle-next,
.cycle-slideshow-noinit .cycle-next {
  position: absolute;
  width: 40px;
  top: 50%;
  margin-top: -20px;
  height: 40px;
  background: #fff url('/images/nexto16/issue-carousel.svg') 0 0 no-repeat;
  z-index: 102;
  cursor: pointer;
  opacity: 1;
  /*
		opacity: 0;
		transition: opacity 0.3s linear;
*/
}
.cycle-slideshow .cycle-prev,
.cycle-slideshow-noinit .cycle-prev {
  left: 0;
}
.cycle-slideshow .cycle-next,
.cycle-slideshow-noinit .cycle-next {
  right: 0;
  background-position: -40px 0;
}
.issue-featured {
  margin-bottom: 10px;
}
.issue-featured .product-tags {
  margin-bottom: 20px;
}
.issue-featured .body {
  font-size: 14px;
  color: #313131;
  line-height: 1.5em;
  margin-top: 22px;
}
.issue-featured form button.btn {
  margin: 20px 0;
  width: 100%;
  cursor: pointer;
}
.issue-featured form button.btn:hover {
  cursor: pointer;
}
.issue-featured .rating-wrapper .rating-label {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  font-size: 0;
  padding: 0;
  margin: 0;
}
.jm_audioplayer {
  border: 1px solid #ddd;
  display: block;
  height: 28px;
}
.issue-featured .jm_audioplayer {
  width: 168px;
}
.cover_container .jm_audioplayer {
  border: 0 none;
  background: #ddd;
  height: 54px;
}
.jm_audioplayer .html5_element {
  overflow: hidden;
  height: 0;
}
.jm_audioplayer button {
  height: 30px;
  width: 30px;
  margin: -1px 0 -1px 2px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
  background: url('/images/nexto16/playpause.svg') 0 0 no-repeat;
  border: 0 none;
  transition: opacity 0.2s linear;
  animation: none;
}
.loading.jm_audioplayer button {
  background-position: -60px 0;
  animation: rotate 1s linear 0.001s infinite forwards;
}
.playing.jm_audioplayer button {
  background-position: -30px 0;
}
.jm_audioplayer button:active {
  opacity: 0.75;
}
.issues li:hover .jm_audioplayer button {
  background: url('/images/nexto16/playpause.svg') 0 -30px no-repeat;
}
.issues li:hover .loading.jm_audioplayer button {
  background-position: -60px -30px;
}
.issues li:hover .playing.jm_audioplayer button {
  background-position: -30px -30px;
}
.cover_container .jm_audioplayer button {
  opacity: 0.72;
  margin: 0 0 0 12px;
}
.jm_audioplayer .timeline {
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 48px);
  height: 30px;
  vertical-align: middle;
  margin-left: 2px;
  cursor: pointer;
  position: relative;
  margin-top: -1px;
  transition: opacity 0.15s linear;
  background: linear-gradient(transparent 13px, #ddd 13px, #ddd 17px, transparent 17px);
}
.issues li .jm_audioplayer .timeline {
  opacity: 1;
  /* opacity: 0.179; */
  background: linear-gradient(transparent 13px, #ddd 13px, #ddd 17px, transparent 17px);
}
.issues li:hover .jm_audioplayer .timeline {
  /* opacity: 1; */
  background: linear-gradient(transparent 13px, #454545 13px, #454545 17px, transparent 17px);
}
.cover_container .jm_audioplayer .timeline {
  background: linear-gradient(transparent 25px, #f7f7f7 25px, #f7f7f7 29px, transparent 29px);
  opacity: 0.72;
  height: 54px;
  width: calc(100% - 68px);
}
.jm_audioplayer .timeline .current {
  width: 8px;
  height: 30px;
  cursor: pointer;
  display: block;
  position: absolute;
  left: 0;
  top: 0px;
  margin-left: -4px;
  transition: left 0.1s linear;
}
.jm_audioplayer .timeline .current:before {
  content: "";
  position: absolute;
  right: 4px;
  top: 13px;
  width: 300px;
  background: #454545;
  height: 4px;
}
.issues li:hover .jm_audioplayer .timeline .current:before {
  background: #ddd;
}
.cover_container .jm_audioplayer .timeline .current {
  height: 54px;
}
.cover_container .jm_audioplayer .timeline .current:before {
  top: 25px;
}
.nexto16 #mainleft .navBlock {
  padding: 0;
}
#contact_v3.navBlock_v3 {
  background: #f7f7f7;
  padding: 15px 15px 15px;
  margin: 20px 0;
}
#contact_v3.navBlock_v3 h3,
#contact_v3.navBlock_v3 .h3 {
  padding: 5px 0 20px;
  color: #313131;
  font-size: 14px;
}
#contact_v3.navBlock_v3 .lbox {
  background: #fff;
  padding: 0 0 5px 0;
}
#contact_v3.navBlock_v3 .lbox p {
  padding: 0 15px 15px;
  font-size: 14px;
  line-height: 1.3em;
  margin: 0;
}
#contact_v3.navBlock_v3 .lbox p a {
  color: #f1562a;
}
#search-filters .filter-block,
.search-filters .filter-block {
  background: #f7f7f7;
  padding: 15px 15px 15px;
}
#search-filters .filter-block ~ .filter-block,
.search-filters .filter-block ~ .filter-block {
  margin-top: 20px;
}
#search-filters .filter-block h3,
.search-filters .filter-block h3,
#search-filters .filter-block .h3,
.search-filters .filter-block .h3 {
  padding: 5px 0 20px;
  color: #313131;
  font-size: 14px;
}
#search-filters .filter-block .nav,
.search-filters .filter-block .nav {
  background: #fff;
  padding: 15px 10px;
}
#search-filters .filter-block .nav ul ul,
.search-filters .filter-block .nav ul ul {
  display: block;
  margin: 10px 0 -10px;
}
#search-filters .filter-block .nav li,
.search-filters .filter-block .nav li {
  padding: 0;
  margin: 0;
  background: none;
  padding: 7px 10px 7px 25px;
  line-height: 1.3em;
  font-size: 14px;
}
#search-filters .filter-block .nav li:last-child,
.search-filters .filter-block .nav li:last-child {
  padding-bottom: 15px;
}
#search-filters .filter-block .nav li > a:before,
.search-filters .filter-block .nav li > a:before {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  margin: 0px 6px -2px -21px;
  width: 13px;
  height: 13px;
  border: 1px solid #ddd;
  transition: background 0.2s linear;
  background: #fff linear-gradient(transparent 0, transparent 100%) 50% 50% no-repeat;
  background-size: 7px 7px;
}
#search-filters .filter-block .nav li.active > a:before,
.search-filters .filter-block .nav li.active > a:before {
  background-image: linear-gradient(#707174 0, #707174 100%);
}
#search-filters .filter-block .nav a,
.search-filters .filter-block .nav a,
#search-filters .filter-block .nav a:link,
.search-filters .filter-block .nav a:link,
#search-filters .filter-block .nav a:visited,
.search-filters .filter-block .nav a:visited,
#search-filters .filter-block .nav a:hover,
.search-filters .filter-block .nav a:hover,
#search-filters .filter-block .nav a:active,
.search-filters .filter-block .nav a:active {
  color: #626262;
  text-decoration: none;
}
.nexto16 #headblock {
  margin-bottom: 15px;
}
.nexto16 #throbber {
  background: #fff none repeat scroll 0 0;
  display: none;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.nexto16 #throbber div {
  position: absolute;
  width: 40px;
  height: 40px;
}
.nexto16 .productslist .free_sample {
  margin-top: 10px;
}
.nexto16 .productslist .free_sample .player_container {
  border: 0 none;
  padding: 0;
}
.nexto16 .productslist .free_sample a.link {
  display: block;
}
.nexto16 .productslist .free_sample a.link > span {
  display: block;
  font-size: 10px;
}
.nexto16 .productslist .free_sample a.link.link-demo span {
  padding-left: 15px;
  padding-right: 35px;
  background-position: calc(100% - 10px) 50%;
}
.nexto16 .productslist .free_sample a.link.link-cover span {
  text-align: center;
}
.nexto16 .productslist > li {
  padding: 40px 0 20px;
  border-bottom: 1px solid #ddd;
  margin: 0;
  background: none;
}
.nexto16 .productslist > li.featured {
  border-top: 1px solid #f1562a;
  background: url('/images/nexto16/featured.png') 100% 0 no-repeat;
}
.nexto16 .productslist > li.featured:not(:first-child) {
  margin-top: -1px;
}
.nexto16 .productslist .product-tags {
  margin-bottom: 20px;
}
.nexto16 .productslist .btn {
  display: block;
  text-align: center;
  cursor: pointer;
  float: none;
}
.nexto16 .productslist p.more {
  margin: 0.75em 0;
  text-align: left;
}
.nexto16 .productslist .value.price {
  text-align: right;
}
.nexto16 .productslist button.btn {
  width: 100%;
  cursor: pointer;
}
.nexto16 .productslist button.btn:hover {
  cursor: pointer;
}
.nexto16 .productslist .content {
  font-size: 12px;
  line-height: 19px;
  color: #313131;
  margin-right: 15px;
}
.nexto16 .productslist .publication-date {
  color: #707174;
  font-size: 12px;
}
.nexto16 .productslist .preorder strong {
  color: #f1562a;
}
.nexto16 .productslist .oldprice,
.nexto16 .productslist .vat_value {
  display: block;
  line-height: 1em;
}
.nexto16 .productslist .oldprice {
  color: #313131;
  margin: 5px 0 0;
}
.nexto16 .productslist .vat_value {
  color: #313131;
  margin: 8px 0 0;
}
.nexto16 .productslist .formats {
  margin-top: 20px;
}
.nexto16 .productslist .subscription-price.price.value {
  margin: 15px 0;
}
.nexto16 .productslist .subscription-price.price.value a {
  color: inherit;
  font-size: 12px;
}
.nexto16 .productslist .subscription-price.price.value strong.nprice {
  font-size: 14px;
}
.nexto16 .productslist form {
  margin: 15px 0;
}
.nexto16 .productslist picture.cover,
.nexto16 .productslist img.cover {
  display: block;
}
.nexto16 .view-grid .productslist {
  white-space: normal;
}
.nexto16 .view-grid .productslist .row {
  white-space: normal;
}
.nexto16 .view-grid .productslist .col-2,
.nexto16 .view-grid .productslist .col-5,
.nexto16 .view-grid .productslist .col-7 {
  width: auto;
  display: block;
  margin: 0;
}
.nexto16 .view-grid .productslist > li {
  display: inline-block;
  vertical-align: bottom;
  width: 150px;
  border: 0 none;
  margin-left: 48px;
  position: relative;
}
.nexto16 .view-grid .productslist > li:nth-child(4n+1) {
  margin-left: 0;
}
.nexto16 .view-grid .productslist > li.featured {
  background: linear-gradient(rgba(241, 89, 46, 0) 0, rgba(241, 89, 46, 0.27) 50px, #fff 50px, #fff 100%) 0 100% repeat-x;
  background-size: 100% 102px;
}
.nexto16 .view-grid .productslist > li.featured a.image:before {
  content: "";
  width: 100%;
  height: 40px;
  background: url('/images/nexto16/polecamy.png') 50% 0 no-repeat;
  display: block;
  margin-bottom: -40px;
  position: relative;
}
.nexto16 .view-grid .productslist .value.price.subscription-price,
.nexto16 .view-grid .productslist .rating-wrapper,
.nexto16 .view-grid .productslist a.reviews,
.nexto16 .view-grid .productslist p.more,
.nexto16 .view-grid .productslist ul.formats,
.nexto16 .view-grid .productslist .free_sample,
.nexto16 .view-grid .productslist .basic_data,
.nexto16 .view-grid .productslist .content {
  display: none;
}
.nexto16 .view-grid .productslist h3,
.nexto16 .view-grid .productslist .h3 {
  font-size: 14px;
  line-height: 21px;
  height: 42px;
  overflow: hidden;
}
.nexto16 .view-grid .productslist h3 + h4,
.nexto16 .view-grid .productslist .h3 + h4,
.nexto16 .view-grid .productslist h3 + .h4,
.nexto16 .view-grid .productslist .h3 + .h4 {
  display: none;
}
.nexto16 .view-grid .productslist a.image {
  display: table-cell;
  vertical-align: bottom;
  height: 233px;
  width: 100%;
}
.nexto16 .view-grid .productslist .value.price {
  text-align: left;
  height: 64px;
  margin: 0;
}
.nexto16 .view-grid .productslist form {
  margin: 5px 0 0;
}
.nexto16 .view-grid .productslist form .btn.btn-l {
  padding: 0px 0 2px;
  height: 32px;
  font-size: 12px;
}
.nexto16 .view-grid .productslist .product-tags {
  position: absolute;
  bottom: 188px;
  margin: 0;
  width: 100%;
  left: 0;
}
.nexto16 .view-grid .productslist .product-tags .tag {
  display: block;
  text-align: center;
}
.nexto16 .view-grid .productslist .product-tags .tag + .tag {
  margin-left: 0;
}
.nexto16 .view-grid .productslist .product-tags .tag.multi {
  display: table;
  width: 100%;
}
.nexto16 .view-grid .productslist .product-tags .tag.multi .tag {
  display: table-cell;
  float: none;
}
.nexto16 .listnavigator a {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 5px;
  color: #313131;
  font-size: 14px;
}
.nexto16 .listnavigator a + a {
  margin-left: 3px;
}
.nexto16 .listnavigator a.active {
  background: #ddd;
}
.nexto16 .listnavigator a.prev,
.nexto16 .listnavigator a.next {
  text-decoration: none;
  color: transparent;
  background: url('/images/nexto16/list-navigator.svg') 50% 0;
}
.nexto16 .listnavigator a.next {
  background: url('/images/nexto16/list-navigator.svg') 50% 100%;
}
.nexto16 .guarantee__desc {
  font-size: 12px;
}
.panel1 {
  margin-left: 20px;
}
.panel2 {
  margin-right: 20px;
}
#category-items {
  margin: 30px 0;
  position: relative;
}
#category-items .header-count,
#category-items .footer-count {
  color: #313131;
  font-size: 12px;
}
#category-items .footer-count {
  line-height: 20px;
  padding: 5px 0;
}
#category-items .header-count {
  position: absolute;
  right: 0;
  top: 15px;
}
#main #category-items h1 {
  padding: 0 0 15px 0;
  margin: 0 0 30px;
  font-size: 24px;
  color: #313131;
  border-bottom: 1px solid #ddd;
}
#category-items .desc {
  font-size: 12px;
  line-height: 19px;
  min-height: 80px;
  margin-bottom: 20px;
  padding-left: 170px;
  background: transparent 45px 0 no-repeat;
}
#category-items .desc.papers {
  background-image: url('/images/nexto16/eprasa.svg');
}
#category-items .desc.mp3 {
  background-image: url('/images/nexto16/audiobook.svg');
}
#category-items .desc.ebooks {
  background-image: url('/images/nexto16/ebook.svg');
}
#category-items .desc.noicon {
  padding-left: 0;
  min-height: 0;
}
#category-items h2 {
  font-weight: normal;
}
#category-items .jmBanner1000 {
  margin: 0 auto 30px auto;
}
#category-items #results .pagings {
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  padding: 10px 15px;
  font-size: 14px;
}
#category-items #results .pagings .pagings_in {
  display: table;
  width: 100%;
}
#category-items #results .pagings label {
  margin-right: 7px;
}
#category-items #results .pagings .footer-count,
#category-items #results .pagings .sort,
#category-items #results .pagings .view-mode,
#category-items #results .pagings .table-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}
#category-items #results .pagings .sort {
  width: 260px;
}
#category-items #results .pagings .view-mode {
  width: 160px;
}
@media only screen and (max-width: 1024px) {
  .recommender-category {
    width: 100%;
    padding: 0 16px 16px 16px;
    order: 3;
  }
}
.recommender.reco-lazyload,
.quartic.reco-lazyload {
  position: relative;
  height: 200px;
}
.recommender.reco-lazyload span,
.quartic.reco-lazyload span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  text-align: center;
  margin-left: -100px;
  margin-top: -42px;
  color: #b5b5b5;
  font-size: 12px;
}
picture.cover {
  display: block;
}
picture.cover img.lazyload {
  margin: 80px auto;
  display: block;
}
/* T#18190 */
#buybox-popup-wrapper {
  position: relative;
  margin: 0 auto;
}
#buybox-popup-wrapper #buybox-popup {
  position: fixed;
  left: 50%;
  top: 58px;
  width: 650px;
  margin-left: -325px;
  z-index: 301;
  background: #fff;
  display: none;
}
#buybox-popup-wrapper #buybox-popup h4,
#buybox-popup-wrapper #buybox-popup h4 a.close {
  background: #ba340f url(/images/nlayout/button-bg.png) 50% 50% repeat-x;
  color: #ffffff;
  display: block;
  height: 38px;
  font-size: 16px;
  line-height: 38px;
  font-weight: normal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: move;
}
#buybox-popup-wrapper #buybox-popup h4 span span {
  background: transparent url(/images/nlayout/cart.png) 0 6px no-repeat;
  width: 44px;
  display: inline-block;
  margin: 0 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#buybox-popup-wrapper #buybox-popup .col {
  float: left;
  min-height: 217px;
}
#buybox-popup-wrapper #buybox-popup .col-left {
  background: #f7f7f7;
  width: 175px;
  text-align: center;
}
#buybox-popup-wrapper #buybox-popup .col-left img {
  width: 114px;
  margin: 15px 0 15px 0;
}
#buybox-popup-wrapper #buybox-popup .col-right {
  position: relative;
  width: 475px;
  padding: 3px 15px 0 17px;
  font-size: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#buybox-popup-wrapper #buybox-popup .col-right .author {
  margin-bottom: 5px;
  height: 21px;
}
#buybox-popup-wrapper #buybox-popup .col-right .title {
  font-size: 24px;
  line-height: 30px;
  max-width: 310px;
  margin: 0 0 0 0;
}
#buybox-popup-wrapper #buybox-popup .col-right .publisher {
  position: absolute;
  left: 15px;
  bottom: 10px;
  margin: 0;
}
#buybox-popup-wrapper #buybox-popup .col-right .kind {
  position: absolute;
  right: 20px;
  top: 50px;
  margin: 0;
  max-width: 110px;
}
#buybox-popup-wrapper #buybox-popup .recomend {
  border: 2px solid #c13911;
  border-left-width: 0;
  border-right-width: 0;
  margin-bottom: 10px;
}
#buybox-popup-wrapper #buybox-popup .recomend h5 {
  padding: 15px 15px 15px 25px;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#buybox-popup-wrapper #buybox-popup .recomend .recomend-item {
  float: left;
  width: 162px;
  text-align: center;
  padding: 0 5px 15px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#buybox-popup-wrapper #buybox-popup .recomend .recomend-item img {
  width: 114px;
}
#buybox-popup-wrapper #buybox-popup .recomend .recomend-item .price strong {
  color: #dd5022;
}
#buybox-popup-wrapper #buybox-popup .quartic-recommendations {
  margin: 0 10px 10px;
}
#buybox-popup-wrapper #buybox-popup .quartic-recommendations img {
  max-width: 100%;
}
#buybox-popup-wrapper #buybox-popup .quartic-recommendations .cover {
  height: 233px;
  display: table-cell;
  vertical-align: bottom;
}
#buybox-popup-wrapper #buybox-popup .quartic-recommendations .title {
  font-size: 12px;
  line-height: 19px;
  margin: 5px 0;
  height: 38px;
  overflow: hidden;
}
#buybox-popup-wrapper #buybox-popup .quartic-recommendations .row > .col-2 {
  width: 142px;
}
#buybox-popup-wrapper #buybox-popup .quartic-recommendations .price strong {
  font-size: 16px;
}
#buybox-popup-wrapper #buybox-popup .quartic-recommendations .price del.oldprice {
  margin-left: 5px;
}
#buybox-popup-wrapper #buybox-popup .toShopping,
#buybox-popup-wrapper #buybox-popup .toCart {
  font-size: 16px;
  color: #6d6d6d;
  text-decoration: none;
}
#buybox-popup-wrapper #buybox-popup .toShopping {
  float: left;
  margin-left: 15px;
  margin-top: 10px;
}
#buybox-popup-wrapper #buybox-popup .toShopping span {
  color: #c23917;
  padding-right: 5px;
}
#buybox-popup-wrapper #buybox-popup .toCart {
  float: right;
  margin-right: 15px;
  color: #fff;
  margin-bottom: 10px;
  position: relative;
  background: #c23917;
  padding: 7px 25px 8px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#buybox-popup-wrapper #buybox-popup .toCart span {
  width: 0;
  height: 0;
  border-bottom: 15px solid transparent;
  border-top: 15px solid transparent;
  border-left: 15px solid #c23917;
  font-size: 0;
  line-height: 0;
  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
}
#buybox-popup-wrapper #buybox-popup h4 a.close {
  display: inline;
  float: right;
  margin-right: 10px;
  text-decoration: none;
  cursor: pointer;
  font-size: 100%;
  vertical-align: baseline;
  height: auto;
  line-height: 38px;
}
#buybox-popup-wrapper #buybox-popup h4 a.close:hover {
  text-decoration: underline;
}
#buybox-popup-wrapper #buybox-popup .original {
  display: none;
}
#buybox-popup-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  z-index: 300;
  display: none;
}
.nexto16 #buybox .option-oneclick,
.nexto16 #buybox .option-cart {
  margin: 0 0 20px 0;
}
.nexto16 #buybox .option-oneclick {
  margin: -10px 0 20px 0;
}
.nexto16 #buybox h3,
.nexto16 #buybox .h3 {
  margin: 10px 0 10px;
}
.nexto16 #buybox form:first-child h3,
.nexto16 #buybox form:first-child .h3 {
  margin-top: 0;
}
.nexto16 #buybox .buybox-in {
  background: transparent;
}
.nexto16 #buybox .buybox-in.cyclic .option-cyclic {
  display: inline-block;
  vertical-align: top;
  width: 85%;
}
.nexto16 #buybox .buybox-in.cyclic .option-cyclic ~ p.info {
  display: inline-block;
  vertical-align: top;
  height: 46px;
  width: 10%;
  margin: 0 0 0 4%;
  overflow: hidden;
  border: 1px solid #ddd;
  position: relative;
}
.nexto16 #buybox .buybox-in.cyclic .option-cyclic ~ p.info a {
  display: block;
  padding-left: 100%;
  height: 100%;
}
.nexto16 #buybox .buybox-in.cyclic .option-cyclic ~ p.info a:after {
  content: "?";
  position: absolute;
  right: 0;
  top: 0;
  width: 23px;
  height: 100%;
  color: #6b6d6f;
  font-weight: bold;
  text-align: center;
  line-height: 46px;
  font-size: 12px;
}
.nexto16 #buybox .buybox-in .option-oneclick .btn {
  width: 87%;
  padding: 0 4px;
  font-size: 13px;
  height: 32px;
}
.nexto16 #buybox .buybox-in .option-oneclick .btn ~ p.info {
  display: inline-block;
  vertical-align: top;
  height: 30px;
  width: 8%;
  margin: 0 0 0 4%;
  overflow: hidden;
  border: 1px solid #ddd;
  position: relative;
}
.nexto16 #buybox .buybox-in .option-oneclick .btn ~ p.info a {
  display: block;
  padding-left: 100%;
  height: 100%;
}
.nexto16 #buybox .buybox-in .option-oneclick .btn ~ p.info a:after {
  content: "?";
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 100%;
  color: #6b6d6f;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
}
.nexto16 #buybox .buybox-in a.help,
.nexto16 #buybox .buybox-in b.oneclick {
  display: inline-block;
  width: 8%;
  border: 1px solid #ddd;
  height: 30px;
  vertical-align: top;
  margin-left: 4%;
  line-height: 28px;
  text-align: center;
}
.nexto16 #buybox .buybox-in a.help {
  text-decoration: none;
  color: #6b6d6f;
}
.nexto16 #buybox .buybox-in .premium {
  margin-bottom: 20px;
  padding: 12px 6px;
  background-color: #f7f7f7;
  text-align: center;
}
.nexto16 #buybox .buybox-in .premium div.button {
  height: 36px;
}
.nexto16 #buybox .buybox-in .premium button {
  width: calc(100% - 30px) !important;
  height: 100%;
  color: #fff;
  background: #f1562a;
}
.nexto16 #buybox .buybox-in .premium button:hover {
  background: #ff6633;
}
.nexto16 #buybox .buybox-in .premium a.help {
  display: inline-block;
  height: 34px;
  font-size: 12px;
}
.nexto16 #buybox .buybox-in .premium p {
  font-size: 1.2em;
  margin: 6px 0 10px 0;
}
.nexto16 #buybox .buybox-in .premium p a.help {
  width: 6%;
  margin-left: 2%;
  height: 26px;
  vertical-align: baseline;
}
.nexto16 #buybox .buybox-in .premium .prices {
  margin: 0 0 10px 0;
}
.nexto16 #buybox .buybox-in div.omnibus {
  text-align: center;
  margin: 0 0 10px 0;
}
.nexto16 #buybox .buybox-in .prices {
  text-align: center;
  margin: 0px 0 10px;
  line-height: 24px;
}
.nexto16 #buybox .buybox-in .prices label {
  display: none;
}
.nexto16 #buybox .buybox-in .prices strong {
  font-size: 24px;
  color: #f1562a;
}
.nexto16 #buybox .buybox-in .prices .oldprice {
  font-size: 14px;
  text-decoration: line-through;
  margin-left: 15px;
}
.nexto16 #buybox button.btn-primary,
.nexto16 #buybox .btn.btn-primary,
.nexto16 #buybox button.btn.btn-primary {
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  display: block;
  width: 100%;
  background: #f1562a;
  font-size: 16px;
}
.nexto16 #buybox button.btn-primary:hover,
.nexto16 #buybox .btn.btn-primary:hover,
.nexto16 #buybox button.btn.btn-primary:hover {
  background: #ff6633;
}
.nexto16 #buybox button.btn-primary.btn-xxl,
.nexto16 #buybox .btn.btn-primary.btn-xxl,
.nexto16 #buybox button.btn.btn-primary.btn-xxl {
  padding: 15px 20px;
}
.nexto16 #buybox button.btn-primary.btn-xxl-2lines,
.nexto16 #buybox .btn.btn-primary.btn-xxl-2lines,
.nexto16 #buybox button.btn.btn-primary.btn-xxl-2lines {
  min-height: 48px;
  padding: 6px 20px 7px;
  font-size: 14px;
  line-height: 17px;
}
.nexto16 #buybox button.btn-default,
.nexto16 #buybox .btn.btn-default,
.nexto16 #buybox button.btn.btn-default {
  width: 100%;
  font-size: 16px;
}
.nexto16 #buybox button.btn-default span,
.nexto16 #buybox .btn.btn-default span,
.nexto16 #buybox button.btn.btn-default span {
  font-size: 14px;
}
.nexto16 #buybox button.btn-default.btn-xxl,
.nexto16 #buybox .btn.btn-default.btn-xxl,
.nexto16 #buybox button.btn.btn-default.btn-xxl {
  padding: 15px 20px;
}
.nexto16 #buybox #buybox-cyclic-form {
  margin-bottom: 20px;
}
.nexto16 #buybox #buybox-cyclic-form ~ #buybox-issue-form button.btn.btn-primary,
.nexto16 #buybox #buybox-subscr-form ~ #buybox-issue-form button.btn.btn-primary {
  border: 1px solid #f1562a;
  background: #fff;
  color: #313131;
}
.nexto16 #buybox #buybox-cyclic-form ~ #buybox-issue-form button.btn.btn-primary:hover,
.nexto16 #buybox #buybox-subscr-form ~ #buybox-issue-form button.btn.btn-primary:hover {
  background: #ff6633;
  border-color: #ff6633;
  color: #fff;
}
.nexto16 #buybox .other {
  text-align: center;
}
.nexto16 #buybox .other a {
  font-size: 12px;
  font-weight: bold;
  padding-right: 20px;
  background: url('/images/nexto16/pulldn.svg') 100% 50% no-repeat;
}
.reviews .head {
  margin: 16px 0;
}
.reviews .head h3,
.reviews .head .h3 {
  display: inline-block;
  margin: 0 30px 0 0;
  vertical-align: top;
}
.reviews .head .rating-wrapper {
  vertical-align: top;
  display: inline-block;
}
.reviews .rating-label {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  font-size: 0;
  padding: 0;
  margin: 0;
}
.reviews .reviewsList li {
  background: none;
  padding: 0;
  border: 0 none;
  margin: 0 20px;
  font-size: 12px;
  line-height: 19px;
}
.reviews .reviewsList li + li {
  margin-top: 25px;
}
.reviews .reviewsList li .rating {
  float: none;
}
.reviews .reviewsList li .div {
  margin: 0 5px;
}
.reviews .ln {
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  padding: 8px 10px 10px;
}
.reviews .ln:last-child {
  margin-bottom: 20px;
}
.reviews .ln + ul {
  margin: 20px 0;
}
.reviews .prev + .next {
  margin-left: 20px;
}
.infomark {
  display: inline-block;
  vertical-align: bottom;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #ccc;
  width: 12px;
  height: 12px;
  line-height: 12px;
  margin-left: 4px;
  text-align: center;
  color: #565656;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  cursor: help;
}
*:hover .infomark,
.infomark:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .infomark {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
  }
}
#main .product_wrapper h1,
#main .product_wrapper .h1 {
  padding: 0 0 15px 0;
  margin: 0 0 30px;
  font-size: 24px;
  color: #313131;
  border-bottom: 1px solid #ddd;
  margin-top: 32px;
  margin-bottom: 38px;
}
#main .product_wrapper h1 .product-type,
#main .product_wrapper .h1 .product-type {
  color: #707174;
}
.product_wrapper #subscriptions .head {
  margin-top: 25px;
}
.product_wrapper .content {
  font-size: 14px;
  line-height: 21px;
  color: #313131;
  margin-right: 20px;
}
.product_wrapper .content iframe {
  max-width: 100%;
}
.product_wrapper .tags {
  font-size: 10px;
  margin: 20px 0;
  line-height: 17px;
}
.product_wrapper .tags label {
  font-weight: bold;
}
.product_wrapper .tags a {
  color: #707174;
}
.product_wrapper .product-meta {
  margin-top: 27px;
}
.product_wrapper .product-meta .preorder b {
  color: #f1562a;
}
.product_wrapper .product-tags:empty ~ * .product-meta {
  margin-top: 7px;
}
.product_wrapper .formats li b {
  font-weight: bold;
  color: #313131;
}
.product_wrapper .formats li b:after {
  content: "?";
  display: inline-block;
  vertical-align: bottom;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #ccc;
  width: 12px;
  height: 12px;
  line-height: 12px;
  margin-left: 4px;
  text-align: center;
  color: #565656;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  cursor: help;
}
*:hover .product_wrapper .formats li b:after,
.product_wrapper .formats li b:after:hover {
  text-decoration: none;
}
*:hover .product_wrapper .formats li b:after,
.product_wrapper .formats li b:after:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .formats li b:after {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .formats li b:after {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
  }
}
.product_wrapper .formats li.improper b:after {
  display: none;
  content: none;
}
.product_wrapper h3,
.product_wrapper .h3 {
  color: #313131;
  margin: 25px 0;
}
.product_wrapper h3.variant-name,
.product_wrapper .h3.variant-name {
  margin: 0;
}
.product_wrapper .rating-label {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  font-size: 0;
  padding: 0;
  margin: 0;
}
.product_wrapper #social_widgets {
  margin: 15px 0 0;
}
.product_wrapper #social_widgets > div {
  vertical-align: middle;
  display: inline-block;
}
.product_wrapper #social_widgets > div + div {
  margin-left: 20px;
}
.product_wrapper .table.variants {
  width: 100%;
}
.product_wrapper .table.variants .table-cell {
  padding: 20px;
  width: 50%;
  vertical-align: middle;
}
.product_wrapper .table.variants .table-cell + .table-cell {
  width: 50%;
  text-align: right;
}
.product_wrapper .table.variants .table-cell .button {
  display: inline-block;
  vertical-align: middle;
}
.product_wrapper .table.variants .table-cell .add-to-cart {
  width: 150px;
  margin-left: 20px;
  text-align: center;
}
.product_wrapper .table.variants .table-cell .price-details {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  margin: 10px 0;
  overflow: hidden;
}
.product_wrapper .table.variants .table-cell .price-details .price strong {
  font-size: 14px;
  font-weight: bold;
  color: #f1562a;
}
.product_wrapper .table.variants .table-cell .price-details .oldprice {
  text-decoration: line-through;
  font-size: 12px;
}
.product_wrapper .table.variants .table-cell .price-details .vat_value {
  font-size: 10px;
}
.product_wrapper .table.variants .table-cell .price-details .info {
  display: inline-block;
  vertical-align: bottom;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #ccc;
  width: 12px;
  height: 12px;
  line-height: 12px;
  margin-left: 4px;
  text-align: center;
  color: #565656;
  font-weight: bold;
  font-size: 10px;
  text-decoration: none;
  cursor: help;
}
*:hover .product_wrapper .table.variants .table-cell .price-details .info,
.product_wrapper .table.variants .table-cell .price-details .info:hover {
  text-decoration: none;
}
*:hover .product_wrapper .table.variants .table-cell .price-details .info,
.product_wrapper .table.variants .table-cell .price-details .info:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .table.variants .table-cell .price-details .info {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .table.variants .table-cell .price-details .info {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
  }
}
.product_wrapper .table.variants .table-cell .spec2 {
  margin-top: 10px;
  color: #707174;
}
.product_wrapper .table.variants .table-cell .spec2 li {
  display: inline-block;
  vertical-align: top;
  margin: 0 20px 10px 0;
}
.product_wrapper .desc {
  padding: 16px 0;
}
.countdown-timer,
.countdown-timer-small {
  padding: 5px;
  text-align: center;
  display: flex;
}
.countdown-timer .countdown-row,
.countdown-timer-small .countdown-row {
  display: table;
  width: 100%;
}
.countdown-timer .countdown-row .countdown-section,
.countdown-timer-small .countdown-row .countdown-section {
  padding: 8px 4px;
  margin: 4px;
  background-color: #eee;
  color: #f1562a;
  width: 38px;
  display: inline-block;
}
.countdown-timer .countdown-row .countdown-section span,
.countdown-timer-small .countdown-row .countdown-section span {
  display: block;
}
.countdown-timer .countdown-row .countdown-section span.countdown-amount,
.countdown-timer-small .countdown-row .countdown-section span.countdown-amount {
  font-weight: bold;
  font-size: 18px;
}
.countdown-timer-small {
  padding: 0px;
}
.countdown-timer-small .countdown-row .countdown-section {
  width: 46px;
  padding: 8px 0;
  margin: 2px;
}
.countdown-timer-small .countdown-row .countdown-section span.countdown-amount {
  font-size: 16px;
}
.nexto16 picture.cover,
.nexto16 img.cover {
  border: 0 none;
}
a.zoom {
  display: block;
  position: relative;
}
a.zoom:after {
  width: 30px;
  height: 30px;
  content: "";
  display: block;
  position: absolute;
  right: 4%;
  bottom: 18%;
  background: #313131 url('/images/nexto16/zoom.svg') 50% 50% no-repeat;
  border-radius: 50%;
}
.graybox {
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  padding: 20px;
}
.publishers,
.top-ten {
  padding: 15px;
  background: #f7f7f7;
  border-top: 3px solid #f1562a;
  margin-bottom: 20px;
}
.publishers h3,
.top-ten h3,
.publishers .h3,
.top-ten .h3 {
  color: #f1562a;
  margin-bottom: 15px;
}
.publishers ul,
.top-ten ul {
  padding: 15px;
  background: #fff;
}
.publishers ul li,
.top-ten ul li {
  color: #f1562a;
  font-size: 14px;
  line-height: 21px;
}
.publishers ul li .pos,
.top-ten ul li .pos {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 21px;
}
.publishers ul li a,
.top-ten ul li a {
  display: block;
  margin: 0px 0 3px 0px;
}
.publishers ul li .pos + a,
.top-ten ul li .pos + a {
  display: block;
  margin: -21px 0 3px 24px;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer {
  position: relative;
  padding-right: 20px;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 {
  font-size: 14px;
  line-height: 17px;
  padding: 3px 0 3px;
  margin: 0;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1:nth-child(3) {
  padding-bottom: 10px;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .pos {
  display: block;
  vertical-align: top;
  width: 24px;
  height: 17px;
  line-height: 17px;
  color: #f1562a;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 a {
  display: block;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .pos + a {
  display: block;
  margin: -17px 0 3px 24px;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext {
  box-shadow: none;
  left: 100%;
  margin: 0 0 0 20px;
  top: -38px;
  bottom: 0;
  position: absolute;
  padding: 0 0 0 0px;
  width: auto;
  height: auto;
  opacity: 0;
  overflow: hidden;
  width: 0;
  background: #fff;
  z-index: -1;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer {
  background: #f7f7f7;
  width: 235px;
  height: 295px;
  text-align: center;
  display: table;
  opacity: 0;
  transition: opacity 0.2s linear;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .button-row a.btn,
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .price-row a.btn,
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .img-row a.btn {
  font-size: 12px;
  font-weight: bold;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .img-row {
  display: table-row;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .img-row a {
  display: table-cell;
  vertical-align: middle;
  height: 233px;
  padding: 15px 20px 10px;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .button-row {
  padding: 0px 20px 13px;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .button-row a.btn {
  font-size: 12px;
  font-weight: bold;
  width: 148px;
  margin: 0 auto;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .price-row {
  margin: 0px 0 6px;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .price-row .price strong {
  color: #f1562a;
  font-size: 14px;
  font-weight: bold;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .price-row .price strong + del {
  margin-left: 8px;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .price-row .price del {
  font-size: 11px;
  text-decoration: line-through;
  color: #313131;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .issue-layer .price-row .price del .oldprice {
  font-size: inherit;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .close {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  overflow: hidden;
  text-indent: -2000px;
  background: url('/images/nexto16/x2.svg') 50% 50% no-repeat;
  background-size: 30px auto;
  top: 0;
  right: 0;
  cursor: pointer;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 .ext .close:hover {
  background: #313131 url('/images/nexto16/x.svg') 50% 50% no-repeat;
  background-size: 24px auto;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1.hover > a {
  background: url('/images/nexto16/btn-more.svg') 100% -2px no-repeat;
  margin-right: -23px;
  padding-right: 23px;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1.hover .ext {
  display: block;
  opacity: 1;
  width: auto;
  z-index: 300;
}
#mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1.hover .ext .issue-layer {
  opacity: 1;
}
.publishers ul li {
  font-size: 12px;
  line-height: 19px;
}
.getfiles {
  margin: 5px 0 10px;
}
.nexto16 .getfiles .reviews,
.getfiles a {
  cursor: pointer;
  border: 1px solid #f1562a;
  color: #313131;
  padding: 7px 41px 8px 19px;
  text-decoration: none;
  transition: all 0.1s linear;
  font-weight: bold;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  border-color: #ddd;
  background: #fff calc(100% - 20px) 50% no-repeat;
  padding-right: 60px;
  display: inline-block;
  margin: 5px 0;
  font-size: 12px;
}
.nexto16 .getfiles .reviews:hover,
.getfiles a:hover {
  text-decoration: none;
}
.nexto16 .getfiles .reviews:hover,
.getfiles a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary.btn-more span,
  .getfiles a.btn-primary.btn-more span {
    background-position-x: calc(100% - 30px);
    font-family: Arial, Tahoma, Geneva, sans-serif;
    line-height: 1.5;
    padding: 7px 60px 8px 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary.btn-more:hover span,
  .getfiles a.btn-primary.btn-more:hover span {
    background-position-x: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-back,
  .getfiles a.btn-back {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1024px) {
  .buttons .nexto16 .getfiles .reviews.btn-back,
  .buttons .getfiles a.btn-back {
    align-items: center;
    display: flex;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-back span,
  .getfiles a.btn-back span {
    padding: 7px 15px 8px 30px;
    position: relative;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-back span:before,
  .getfiles a.btn-back span:before {
    left: 27px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary span,
  .getfiles a.btn-primary span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary.btn-l span,
  .getfiles a.btn-primary.btn-l span {
    font-size: 16px;
  }
}
.nexto16 .getfiles .reviews.btn-primary,
.getfiles a.btn-primary {
  display: block;
  background: #f1562a;
  text-align: center;
  padding: 7px 0 8px;
  color: #fff;
}
.nexto16 .getfiles .reviews.btn-primary span,
.getfiles a.btn-primary span {
  font-size: 14px;
  font-weight: bold;
  color: inherit;
  padding: 0 15px 0 15px;
}
.nexto16 .getfiles .reviews.btn-primary span.more,
.getfiles a.btn-primary span.more {
  background: url('/images/nexto16/btn-more-hover.svg') 100% 50% no-repeat;
  padding-right: 30px;
}
.nexto16 .getfiles .reviews.btn-primary:hover,
.getfiles a.btn-primary:hover {
  background: #ff6633;
  border-color: #ff6633;
}
.nexto16 .getfiles .reviews.btn-primary.btn-more,
.getfiles a.btn-primary.btn-more {
  padding: 0;
  text-align: center;
  background: #f1562a;
}
.nexto16 .getfiles .reviews.btn-primary.btn-more span,
.getfiles a.btn-primary.btn-more span {
  background: url('/images/nexto16/btn-more-hover.svg') calc(100% - 14px) 48% no-repeat;
  padding: 7px 41px 8px 19px;
  display: inline-block;
}
.nexto16 .getfiles .reviews.btn-primary.btn-more:hover,
.getfiles a.btn-primary.btn-more:hover {
  background: #ff6633;
  border-color: #ff6633;
  color: #fff;
}
.nexto16 .getfiles .reviews.btn-primary.btn-more:hover span,
.getfiles a.btn-primary.btn-more:hover span {
  background: url('/images/nexto16/btn-more-hover.svg') calc(100% - 14px) 48% no-repeat;
}
.nexto16 .getfiles .reviews.btn-primary.btn-l,
.getfiles a.btn-primary.btn-l {
  padding: 12px 0 13px;
}
.nexto16 .getfiles .reviews.btn-primary.btn-l span,
.getfiles a.btn-primary.btn-l span {
  font-size: 14px;
}
.nexto16 .getfiles .reviews.btn-primary.btn-xl,
.getfiles a.btn-primary.btn-xl {
  padding: 17px 0 18px;
}
.nexto16 .getfiles .reviews.btn-primary.btn-xl span,
.getfiles a.btn-primary.btn-xl span {
  font-size: 16px;
}
.nexto16 .getfiles .reviews.btn-default,
.getfiles a.btn-default {
  background: #fff;
  padding-right: 20px;
}
.nexto16 .getfiles .reviews.btn-default:hover,
.getfiles a.btn-default:hover {
  background: #ff6633;
  color: #fff;
}
.nexto16 .getfiles .reviews.btn-more,
.getfiles a.btn-more {
  padding: 0;
  text-align: center;
  background: #fff;
}
.nexto16 .getfiles .reviews.btn-more span,
.getfiles a.btn-more span {
  background: url('/images/nexto16/btn-more.svg') calc(100% - 14px) 48% no-repeat;
  padding: 7px 41px 8px 19px;
  display: inline-block;
}
.nexto16 .getfiles .reviews.btn-more:hover,
.getfiles a.btn-more:hover {
  background: #ff6633;
  border-color: #ff6633;
  color: #fff;
}
.nexto16 .getfiles .reviews.btn-more:hover span,
.getfiles a.btn-more:hover span {
  background: url('/images/nexto16/btn-more-hover.svg') calc(100% - 14px) 48% no-repeat;
}
.nexto16 .getfiles .reviews.btn-more.btn-xl,
.getfiles a.btn-more.btn-xl {
  font-size: 16px;
  padding: 0;
}
.nexto16 .getfiles .reviews.btn-more.btn-xl span,
.getfiles a.btn-more.btn-xl span {
  padding: 20px 51px 21px 41px;
}
.nexto16 .getfiles .reviews.btn-pulldn,
.getfiles a.btn-pulldn {
  padding: 0;
  text-align: center;
  background: #fff;
  border-color: #ddd;
}
.nexto16 .getfiles .reviews.btn-pulldn span,
.getfiles a.btn-pulldn span {
  background: url('/images/nexto16/pulldn.svg') 100% 48% no-repeat;
  display: inline-block;
  padding: 7px 41px 8px 19px;
}
.nexto16 .getfiles .reviews.btn-pulldn.btn-xl,
.getfiles a.btn-pulldn.btn-xl {
  padding: 0 40px;
}
.nexto16 .getfiles .reviews.btn-pulldn.btn-xl span,
.getfiles a.btn-pulldn.btn-xl span {
  padding: 20px 41px 21px 11px;
  font-size: 16px;
}
.nexto16 .getfiles .reviews.btn-pulldn:hover,
.getfiles a.btn-pulldn:hover {
  background-color: #ddd;
}
.nexto16 .getfiles .reviews.btn-submit,
.getfiles a.btn-submit {
  background: #fff url('/images/nexto16/btn-more.svg') 50% 50% no-repeat;
  width: 30px;
  height: 30px;
  overflow: hidden;
  color: transparent;
  padding: 0;
}
.nexto16 .getfiles .reviews.btn-submit:hover,
.getfiles a.btn-submit:hover {
  border-color: #ff6633;
  background: #ff6633 url('/images/nexto16/btn-more-hover.svg') 50% 50% no-repeat;
}
.nexto16 .getfiles .reviews.btn-remove,
.getfiles a.btn-remove {
  background: #fff url('/images/nexto16/x2.svg') 50% 50% no-repeat;
  background-size: 36px auto;
  width: 30px;
  height: 30px;
  overflow: hidden;
  color: transparent;
  padding: 0;
}
.nexto16 .getfiles .reviews.btn-remove:hover,
.getfiles a.btn-remove:hover {
  border-color: #ff6633;
  background: #ff6633 url('/images/nexto16/x.svg') 50% 50% no-repeat;
  background-size: 24px auto;
}
.nexto16 .getfiles .reviews.btn-back,
.getfiles a.btn-back {
  border-color: #ddd;
  padding: 0;
}
.nexto16 .getfiles .reviews.btn-back span,
.getfiles a.btn-back span {
  padding: 8px 15px 8px 30px;
  display: inline-block;
}
.nexto16 .getfiles .reviews.btn-back span:before,
.getfiles a.btn-back span:before {
  content: "";
  float: left;
  width: 16px;
  height: 16px;
  background: url('/images/nexto16/btn-more.svg') 50% 48% no-repeat;
  position: relative;
  margin: 0 8px 0 -16px;
  transform: rotate(180deg);
}
.nexto16 .getfiles .reviews.btn-back:hover,
.getfiles a.btn-back:hover {
  background-color: #ddd;
}
.nexto16 .getfiles .reviews.btn-demo,
.getfiles a.btn-demo {
  border-color: #ddd;
  background: #fff url('/images/nexto16/btn-demo.svg') calc(100% - 19px) 50% no-repeat;
  padding-right: 54px;
}
.nexto16 .getfiles .reviews.btn-demo:hover,
.getfiles a.btn-demo:hover {
  background-color: #313131;
  border-color: #313131;
  color: #fff;
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary.btn-more span,
  .getfiles a.btn-primary.btn-more span {
    background-position-x: calc(100% - 30px);
    font-family: Arial, Tahoma, Geneva, sans-serif;
    line-height: 1.5;
    padding: 7px 60px 8px 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary.btn-more:hover span,
  .getfiles a.btn-primary.btn-more:hover span {
    background-position-x: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-back,
  .getfiles a.btn-back {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1024px) {
  .buttons .nexto16 .getfiles .reviews.btn-back,
  .buttons .getfiles a.btn-back {
    align-items: center;
    display: flex;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-back span,
  .getfiles a.btn-back span {
    padding: 7px 15px 8px 30px;
    position: relative;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-back span:before,
  .getfiles a.btn-back span:before {
    left: 27px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary span,
  .getfiles a.btn-primary span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary.btn-l span,
  .getfiles a.btn-primary.btn-l span {
    font-size: 16px;
  }
}
.nexto16 .getfiles .reviews:hover,
.getfiles a:hover {
  border-color: #313131;
  background-color: #313131;
  color: #fff;
}
.nexto16 .getfiles .reviews.reviews,
.getfiles a.reviews {
  background-image: url('/images/nexto16/btn-review.svg');
}
.nexto16 .getfiles .reviews.c,
.getfiles a.c {
  background-image: url('/images/nexto16/btn-cover.svg');
}
.nexto16 .getfiles .reviews.t,
.getfiles a.t {
  background-image: url('/images/nexto16/btn-contents.svg');
}
.nexto16 .getfiles .reviews.archive,
.getfiles a.archive {
  background-image: url('/images/nexto16/btn-archive.svg');
}
#quartic_recommendations {
  margin: 0 0 40px;
}
#quartic_recommendations .cover {
  height: 233px;
  display: table-cell;
  vertical-align: bottom;
  width: 150px;
}
#quartic_recommendations .cover picture.cover {
  display: block;
  height: auto;
}
#quartic_recommendations .title {
  height: 42px;
  line-height: 21px;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 10px 0;
  font-weight: bold;
}
#quartic_recommendations .price {
  margin-bottom: 10px;
}
#quartic_recommendations .price strong {
  font-size: 14px;
}
#quartic_recommendations .price del {
  font-size: 12px;
  margin-left: 7px;
}
/* imports from old site */
#big_poster {
  background: #f4f4da;
  z-index: 120;
  position: absolute;
  cursor: pointer;
  border: 1px #00473f solid;
}
/* ogolne klasy zwiazane z messagesami */
div.messageout {
  background-color: #ffffff;
  margin: 0 0 1em 0;
  min-height: 38px;
  padding: 2px;
  position: relative;
}
div.message {
  border: 2px solid #518BAF;
}
div.error {
  border: 2px solid #E34A20;
}
div.alert {
  border: 2px solid #E34A20;
}
div.messageout div {
  min-height: 40px;
  padding: 16px 15px 16px 65px;
}
div.message div {
  background: #F6EEB6 url(/images/nlayout/message_back.gif) 0 0 no-repeat;
}
div.error div {
  background: #F6EEB6 url(/images/nlayout/error_back.gif) 0 0 no-repeat;
}
div.alert div {
  background: #F6EEB6 url(/images/nlayout/error_back.gif) 0 0 no-repeat;
}
div.alert_cc div {
  background: #F6EEB6 url(/images/nlayout/message_cc_back.gif) 0 0 no-repeat;
}
div.alert_cc div div,
div.alert div div,
div.message div div,
div.error div div {
  background: none;
  height: auto;
  min-height: 0;
  padding: 0;
}
div.messageout li {
  padding: 0;
  background: none;
}
div.messageout p {
  margin: 0 0 0.75em 0;
}
div.messageout ul:first-child,
div.messageout p:first-child,
div.messageout li:first-child {
  margin-top: 0;
}
div.messageout ul:last-child,
div.messageout p:last-child,
div.messageout li:last-child {
  margin-bottom: 0;
}
div.alert_cc .in {
  padding: 16px 150px 16px 90px;
  min-height: 45px;
}
div.alert_cc .update_cc {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 98px;
  height: 38px;
  color: #ffffff;
  background: #D43C15 url(/images/nbuts/update_cc.png) 0 0 no-repeat;
}
div.alert_cc .update_cc:hover {
  background-position: 0 -38px;
}
.reviews .formContent {
  background: #F7F7F7;
  color: #6D6E70;
  padding: 12px;
  margin: 1px 0px;
}
.reviews .formContent table {
  width: 450px;
  margin-left: auto;
  margin-right: auto;
}
.reviews .formContent table td {
  vertical-align: top;
}
.reviews .formContent table .c1 {
  text-align: right;
  padding-right: 25px;
  width: 120px;
}
.reviews .formContent table .email td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.reviews .formContent table .c2 input,
.reviews .formContent table .c2 textarea {
  width: 320px !important;
  padding: 3px;
}
.reviews .formContent table .c2 input.checkbox {
  width: auto!important;
  padding: 0;
}
.reviews .formContent table .buttons {
  padding-top: 10px;
}
.reviews .formContent table .buttons input {
  display: block;
  float: right;
  margin-left: 10px;
  background: url(/images/nlayout/bullets.gif) no-repeat 0px -208px;
  text-indent: -300px;
  width: 77px;
  height: 23px;
  border: 0px;
  cursor: pointer;
}
.reviews .formContent table .buttons a {
  display: block;
  float: right;
  background: url(/images/nlayout/bullets.gif) no-repeat 0px -185px;
  width: 57px;
  height: 23px;
  border: 0px;
}
.reviews .formContent table .buttons a span {
  display: none;
}
.view-mode {
  white-space: nowrap;
  text-align: center;
  line-height: 30px;
  margin: -3px 10px -3px;
}
.view-mode label,
.view-mode input,
.view-mode i {
  display: inline-block;
  vertical-align: top;
}
#category-items #results .pagings .view-mode label,
.view-mode label {
  font-size: 14px;
  color: #313131;
  margin: 0;
}
.view-mode input,
.view-mode i {
  width: 30px;
  height: 30px;
  box-sizing: border-box;
  padding: 0;
}
.view-mode input {
  margin: 0 0 0 10px;
  opacity: 0.01;
  position: relative;
  cursor: pointer;
}
.view-mode i {
  margin: 0 0 0 -30px;
  border: 1px solid #ddd;
  background-color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.view-mode input:checked + i {
  background-color: #ddd;
}
.view-mode input#view_grid + i {
  background-image: url('/images/nexto16/view-grid.svg');
}
.view-mode input#view_list + i {
  background-image: url('/images/nexto16/view-list.svg');
}
.archival {
  list-style: none;
  margin: 0;
  padding: 0;
}
.archival li {
  text-align: center;
  display: block;
  float: left;
  width: 116px;
  margin: 8px 0 0 0;
  padding: 0 0 0 4px;
  background: none;
  overflow: hidden;
}
.archival li.separator {
  width: 100%;
  margin: 0;
  padding: 0;
}
.archival .part1 {
  float: left;
  overflow: hidden;
}
.archival .part2 {
  float: left;
  width: 116px;
  padding-bottom: 10px;
  padding-top: 5px;
}
.archival .more {
  padding-left: 10px;
  background: url('/images/nlayout/li.gif') 0 4px no-repeat;
}
#mainleft #loginNexpresso {
  padding: 0 0 18px 0;
  margin: 0 2px 12px 2px;
  background: url(/images/nlayout/nexpresso_separator.gif) no-repeat bottom;
}
#mainleft #loginNexpresso h3 {
  margin: 0;
  font-size: 1.1em;
}
#mainleft #loginNexpresso h3 span {
  display: block;
  background: #DA2E17;
  color: #ffffff;
  height: 17px;
  width: 100%;
  position: relative;
}
#mainleft #loginNexpresso h3 span span {
  position: absolute;
  width: 100%;
  height: 17px;
  background: #FC1E00 url(/images/nlayout/nexpresso_h_claim_red.gif) no-repeat top right;
}
#mainleft #loginNexpresso h3 span.first-child {
  background: #ffffff;
  color: #DA2E17;
  height: 32px;
}
#mainleft #loginNexpresso h3 span.first-child span {
  position: absolute;
  width: 100%;
  height: 32px;
  background: #ffffff url(/images/nlayout/nexpresso_h_red.gif) no-repeat top left;
}
#mainleft #loginNexpresso .login_in {
  padding: 10px 5px 6px 10px;
  min-height: 80px;
  border: 10px solid #EAEAEA;
  color: #454545;
  background: #ffffff;
  overflow: hidden;
}
#mainleft #loginNexpresso .login_in a {
  color: #454545;
  text-decoration: none;
}
#mainleft #loginNexpresso .login_in a:hover {
  text-decoration: underline;
}
#mainleft #loginNexpresso .login_in ul {
  margin-bottom: 12px;
}
#mainleft #loginNexpresso .login_in .logged strong {
  display: block;
}
#mainleft #loginNexpresso .login_in .logged ul {
  margin: 0;
}
#mainleft #loginNexpresso .login_in .logged ul li.last-child {
  margin: 1.5em 0 0 0;
  text-align: center;
}
#mainleft #loginNexpresso .login_in .logged ul li.last-child a:hover {
  color: #fff;
}
#mainleft #loginNexpresso .login_in .logged p {
  text-align: center;
  margin: 0.5em 0 1.5em 0;
}
#mainleft #loginNexpresso .login_in .not_logged_button2 {
  margin: 0.5em 6px 1em 2px;
}
#mainleft #loginNexpresso .login_in .not_logged_button2 a {
  color: #ffffff;
  line-height: 1.8em;
}
#mainleft #loginNexpresso .login_in .not_logged_register {
  margin: 0.5em 0 1.5em 0;
  text-align: center;
}
#mainleft #loginNexpresso .login_in .not_logged_register p {
  font-size: 1.2em;
}
#mainleft #loginNexpresso .login_in .not_logged_register a {
  color: #ff6633;
}
#mainleft #loginNexpresso form p {
  clear: left;
  margin-top: 0;
}
#mainleft #loginNexpresso label {
  width: 32px;
  display: block;
  float: left;
  line-height: 21px;
}
#mainleft #loginNexpresso input {
  width: 135px;
}
#mainleft #loginNexpresso li {
  margin: 0.25em 0;
}
#mainleft #loginNexpresso .submit {
  margin-left: 120px;
  width: 55px;
  background: #E24A20 url(/images/nbuts/net_bg_submit.gif) repeat-x 0 50%;
  border: 1px solid #CFCFCF;
  color: #FFFFFF;
  padding: 3px 0;
}
#mainleft #loginNexpresso .submit:hover {
  background-color: #E86E4D;
  background-image: url("/images/nbuts/net_bg_submit_hover.gif");
}
#mainleft #loginNexpresso .login_foot {
  margin: 0;
  background: #FC1E00;
  color: #ffffff;
  padding: 3px 5px;
  text-align: right;
}
#mainleft #loginNexpresso .logged li.last-child {
  padding: 0;
  background: none;
}
#mainleft #loginNexpresso .logged li.last-child .button {
  float: right;
  display: block;
  background: #E24A20 url(/images/nbuts/net_bg_submit.gif) repeat-x 0 50%;
  border: 1px solid #CFCFCF;
  color: #FFFFFF;
  padding: 3px 8px;
  margin-right: 5px;
  cursor: pointer;
}
#mainleft #loginNexpresso .logged li.last-child .button:hover {
  background-color: #E86E4D;
  background-image: url("/images/nbuts/net_bg_submit_hover.gif");
}
#mainleft #loginNexpresso .remember label {
  float: none;
  width: auto;
  display: inline;
  vertical-align: bottom;
}
#mainleft #loginNexpresso .remember input {
  width: auto;
  border: none;
}
.button-link {
  float: left;
  display: block;
  background: #E24A20 url(/images/nbuts/net_bg_submit.gif) repeat-x 0 50%;
  border: 1px solid #CFCFCF;
  color: #FFFFFF;
  padding: 3px 8px;
  margin-right: 5px;
  cursor: pointer;
}
.button-link:hover {
  background-color: #E86E4D;
  background-image: url("/images/nbuts/net_bg_submit_hover.gif");
}
.ui-dialog-title {
  line-height: 1.3em;
}
.search-newsletter-form {
  height: 361px;
  position: relative;
}
.search-newsletter-form .cta {
  position: absolute;
  top: 49px;
  text-align: center;
}
.search-newsletter-form .cta em {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: bold;
  font-style: normal;
  font-size: 31.44px;
  display: block;
  line-height: 31.44px;
}
.search-newsletter-form .cta em strong {
  font-size: 53.88px;
  line-height: 60px;
  display: block;
  text-align: center;
  color: #ffffff;
}
.search-newsletter-form .newsletter-form {
  position: absolute;
  bottom: 15px;
  left: 485px;
  width: 160px;
  background: none;
  height: auto;
  padding: 0;
}
.search-newsletter-form .newsletter-form fieldset {
  margin-left: 5px;
}
.search-newsletter-form .newsletter-form input.text {
  display: block;
  background: #ffffff;
  font-size: 13px;
  width: 142px;
  border-radius: 3px;
  font-weight: bold;
  margin-bottom: 6px;
}
.search-newsletter-form .newsletter-form input.text::placeholder {
  color: #727171;
  opacity: 1;
}
.search-newsletter-form .newsletter-form input.text::-webkit-input-placeholder {
  color: #727171;
  opacity: 1;
}
.search-newsletter-form .newsletter-form input.text::-moz-placeholder {
  color: #727171;
  opacity: 1;
}
.search-newsletter-form .newsletter-form input.text:focus::placeholder {
  opacity: 0;
}
.search-newsletter-form .newsletter-form input.text:focus::-webkit-input-placeholder {
  opacity: 0;
}
.search-newsletter-form .newsletter-form input.text:focus::-moz-placeholder {
  opacity: 0;
}
.search-newsletter-form .newsletter-form input.text input.checkbox {
  width: 14px;
  height: 14px;
  margin: 3px 0 0;
  position: relative;
  display: block;
}
.search-newsletter-form .newsletter-form p {
  color: #ffffff;
  font-size: 9px;
  margin: 4px 0 0;
  line-height: 11px;
  display: block;
  width: auto;
}
.search-newsletter-form .newsletter-form p strong {
  font-size: 32px;
  display: block;
  text-align: left;
  color: #ffffff;
  line-height: 31.44px;
  margin: 5px;
  letter-spacing: -0.0333em;
}
.search-newsletter-form .newsletter-form label {
  display: block;
  padding-top: 3px;
}
.search-newsletter-form .newsletter-form label a {
  color: inherit;
  text-decoration: underline;
}
.search-newsletter-form .newsletter-form label[for="agreement_terms"],
.search-newsletter-form .newsletter-form label.checkbox {
  margin: -14px 0 0 21px;
  padding-top: 0;
}
.search-newsletter-form .newsletter-form label span.narrow {
  letter-spacing: -0.04em;
}
.search-newsletter-form .newsletter-form label span.field_hint {
  display: block;
  margin-top: 3px;
}
.search-newsletter-form .newsletter-form input.submit {
  display: block;
  margin: 0 -5px;
  cursor: pointer;
  background: transparent url(/upload/wysiwyg/grafika/newsletter/newsletter-btn.png) 50% 50% no-repeat;
  border: 0 none;
  font-size: 0;
  width: 157px;
  height: 0px;
  overflow: hidden;
  padding: 43px 0 0;
}
.search-newsletter-form .messages {
  position: absolute;
  bottom: 100px;
  right: 20px;
  color: #ffffff;
  font-size: 12px;
  width: 160px;
}
/* OVERRIDE */
.product_wrapper .table.variants .table-cell .spec2 li.show-in-cart {
  display: none;
}
#cart {
  scroll-margin-top: 50px;
}
#content #cart .show-in-cart {
  display: block;
}
#content #cart .navBlock h4 {
  background: none !important;
  text-indent: 0;
  color: #f1562a;
  font-weight: bold;
}
#content #cart #mainleft .nav {
  padding: 0;
  border: 0 none;
}
#content #cart .spec2 li {
  background: none;
}
#content #cart .nav ul li {
  background: #fff;
  border-bottom: 1px solid #ddd;
  color: #396897;
  font-weight: normal;
}
#content #cart .nav ul li.past {
  background: #fff;
}
#content #cart .nav ul li.past a {
  color: inherit;
}
#content #cart .nav ul li:last-child {
  border-bottom: 0px none;
}
#content #cart .nav ul li.active {
  background: #ddd;
  border-bottom: 3px solid #f1562a;
}
#content #cart .nav ul .s1 strong,
#content #cart .nav ul .s2 strong,
#content #cart .nav ul .s3 strong,
#content #cart .nav ul .s4 strong,
#content #cart .nav ul .s5 strong {
  background: none;
  color: #f1562a;
  font-weight: normal;
  text-indent: 0;
}
#content #cart .order-item {
  padding: 25px 0;
}
#content #cart .order-item + .order-item {
  border-top: 1px solid #ddd;
}
#content #cart .order-item h3 {
  margin: 0px 0 22px;
}
#content #cart .order-item h3 + h4 {
  font-size: 12px;
  margin: -19px 0 22px;
}
#content #cart .order-item h3 + h4 a {
  color: #707174;
}
#content #cart .order-item h3 + h4 b {
  font-weight: normal;
}
#content #cart .order-item .product-tags {
  margin-bottom: 22px;
}
#content #cart .order-item.pack {
  background-color: #fcfcfc;
  border-top: none;
}
#content #cart .order-item.pack_first {
  border-top: 1px solid #f1562a;
  background-image: linear-gradient(to top right, #fcfcfc 60%, #fbd1c5);
}
#content #cart .summary .price,
#content #cart .order-item .price {
  color: #f1562a;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
  line-height: 1em;
}
#content #cart .summary .price .oldprice,
#content #cart .order-item .price .oldprice {
  color: #313131;
  font-weight: normal;
  display: block;
  text-decoration: line-through;
}
#content #cart #quartic_recommendations {
  margin: 20px 0 40px 0;
}
#content #cart #sort-wrapper label,
#content #cart #sort-wrapper select,
#content #cart #sort-wrapper option {
  font-size: 14px;
}
#content #cart #sort-wrapper select {
  margin: 0 0 0 20px;
}
#content #cart .summary {
  background: #f7f7f7;
  border-top: 1px solid #ddd;
  padding: 20px 5px;
  margin-bottom: 15px;
}
#content #cart .points {
  background: none;
  text-align: right;
  border: 0 none;
}
#content #cart .graybox h4 {
  color: #313131;
}
#content #cart .additional input,
#content #cart .termsOfUseWrapper input {
  vertical-align: middle;
  margin: -1px 3px 0 0;
}
#content #cart .termsOfUseWrapper {
  margin-top: 15px;
}
#content #cart .termsOfUseWrapper .blueDot,
#content #cart .termsOfUseWrapper p {
  display: inline;
}
#content #cart .termsOfUseWrapper span.help {
  border: 1px solid #ddd;
  display: inline-block;
  padding: 4px 5px;
  text-align: center;
  color: #6b6d6f;
}
#content #cart .termsOfUseWrapper span.req {
  color: red;
  padding-left: 4px;
}
#content #cart .termsOfUseWrapper div.error {
  border: none;
  color: red;
}
#content #cart a.remove {
  width: 28px;
  height: 28px;
  border: 1px solid #ddd;
  margin-top: 7px;
  float: right;
  overflow: hidden;
  text-indent: -900px;
  background: #fff url('/images/nexto16/x2.svg') 50% 50% no-repeat;
  background-size: 28px 28px;
  cursor: pointer;
  transition: all 0.1s linear;
  text-align: left;
}
#content #cart a.remove:hover {
  background: #313131 url('/images/nexto16/x.svg') 50% 50% no-repeat;
  background-size: 20px 20px;
}
#content #cart .softgraybox {
  background: #f7f7f7;
  padding: 15px;
  color: #313131;
  font-size: 14px;
}
#content #cart .softgraybox h5 {
  font-weight: normal;
}
#content #cart .softgraybox .price {
  color: #313131;
  font-size: 18px;
  font-weight: bold;
}
#content #cart .softgraybox input[type='radio'] {
  margin-right: 7px;
}
#content #cart .softgraybox input:disabled + label {
  color: #aaa;
}
#content #cart .softgraybox ~ .softgraybox {
  margin-top: 20px;
}
#content #cart .payment-coupon-label {
  display: inline-block;
  margin-right: 22px;
  width: 150px;
  vertical-align: top;
}
#content #cart .payment-coupon-label small {
  font-size: 10px;
  color: #707174;
}
#content #cart .message.coupon-message {
  border: 0 none;
  margin: 5px 0 0 172px;
  color: #ff0000;
  font-size: 12px;
}
#content #cart .message.coupon-message p {
  margin: 0;
}
#content #cart .message.coupon-message p + p {
  margin-top: 10px;
}
#content #cart .shipping div {
  float: left;
  width: 50%;
}
#content #cart .shipping .places {
  width: 325px;
  margin: 16px 24px;
}
#content #cart .shipping .places div {
  margin: 0 0 5px 0;
  width: 100%;
}
#content #cart .shipping .places div label {
  display: block;
  float: left;
  width: 30%;
  padding-top: 5px;
}
#content #cart .shipping .places div select {
  display: block;
  float: left;
  font-size: 1em;
  padding: 3px 5px;
  width: 70%;
}
#content #cart #payment_coupon {
  display: inline-block;
  vertical-align: top;
  padding: 6px 10px 7px;
  line-height: 15px;
  margin: 0 3px 0 0;
}
#content #cart #payment_coupon.error {
  padding: 6px 10px 5px;
  border-bottom: 3px solid #ff0000;
}
#content #cart .btn-submit {
  display: inline-block;
  vertical-align: top;
}
#content #cart .btn-remove {
  display: inline-block;
  vertical-align: top;
}
#content #cart ul.formats {
  display: block;
}
#content #cart ul.formats li {
  display: inline;
}
#content #cart .form-group {
  margin-top: 16px;
  margin-bottom: 16px;
}
#content #cart .form-group > label {
  padding-bottom: 8px;
  display: inline-block;
}
#content #cart .form-group div.hidden {
  display: none;
}
#content #cart .form-label {
  text-align: right;
  padding-top: 8px;
  display: inline-block;
  margin-right: 16px;
  vertical-align: top;
  margin-bottom: 8px;
}
#content #cart .form-label span {
  color: red;
  margin-left: 4px;
}
#content #cart .form-control {
  display: inline-block;
  margin-bottom: 4px;
  margin-top: 4px;
  margin-left: 0;
}
#content #cart .form-control input,
#content #cart .form-control textarea {
  border: 1px #cacaca solid;
  padding-left: 2px;
  padding-right: 2px;
  margin-bottom: 4px;
  width: 100%;
}
#content #cart .form-control textarea {
  height: 4em;
}
#content #cart .form-control div.error {
  border: none;
  color: red;
}
html #member .order_list li.format ul.default.formats {
  display: inline-block;
  vertical-align: top;
  padding: 0;
}
html #member .order_list li.format ul.default.formats li {
  display: inline-block;
  vertical-align: top;
  padding: 0 9px 0 0;
  width: auto;
}
html #member .order_list li.format ul.default.formats b {
  padding: 0 0 0 14px;
  display: inline-block;
  vertical-align: top;
}
html #member .order_list li .description {
  margin-bottom: 10px;
}
#adult_warning {
  background: #fff url(/images/nlayout/erotic_cover_sm.gif) no-repeat 15px 15px;
  position: absolute;
  left: -5000px;
  top: 110px;
  border: solid 2px #f00;
  width: 400px;
  font-size: 1.1em;
  text-align: left;
  padding: 14px 20px 10px;
  z-index: 100;
}
#adult_warning .warning {
  color: red;
  font-weight: bold;
  padding-left: 88px;
  padding-bottom: 10px;
  padding-top: 10px;
  margin: 0;
}
#adult_warning .check_adult_form {
  text-align: center;
  margin-top: 10px;
}
#adult_warning .check_adult_form label {
  position: relative;
  top: -2px;
  left: 3px;
}
#adult_warning .check_adult_form .reset {
  width: 100px;
  margin: 5px;
  border: 1px solid #CACACA;
  color: #6D6E70;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1em;
  padding: 3px;
}
#adult_warning .check_adult_form .submit {
  width: 100px;
  margin: 5px;
  border: 1px solid #CACACA;
  color: #6D6E70;
  font-family: Tahoma, Geneva, sans-serif;
  font-size: 1em;
  padding: 3px;
}
#adult_warning .check_adult_form .disabled {
  color: #aaaaaa;
}
#div_no_permit {
  position: absolute;
  top: 100px;
  border: solid 2px #f00;
  z-index: 5000;
  background: #fff;
  text-align: center;
  color: red;
  width: 400px;
  padding: 0;
  padding: 39px 20px 61px;
  font-size: 1.5em;
  visibility: visible;
  line-height: 1.3em;
}
#div_cover {
  z-index: 100 !important;
  visibility: visible;
}
.product_wrapper .content ul li {
  padding: 0 0 0 15px;
  background: url('/images/nlayout/li.gif') 0 0.5em no-repeat;
  list-style: none;
}
#content #cart #quartic_slt_thankyou_page .quartic-recommendations .price {
  margin-bottom: 10px;
  text-align: left;
}
#content #cart #quartic_slt_thankyou_page .quartic-recommendations .price .label {
  color: #6D6E70;
  font-size: 12px;
  font-weight: normal;
}
#content #cart #quartic_slt_thankyou_page .quartic-recommendations .price .newprice {
  font-size: 16px;
}
#content #cart #quartic_slt_thankyou_page .quartic-recommendations .price .oldprice {
  display: inline;
  margin-left: 5px;
  font-size: 14px;
}
#quartic_slt_thankyou_page .quartic-recommendations ul li .add-to-cart {
  position: static;
  width: auto;
}
#quartic_slt_thankyou_page .quartic-recommendations ul li .title {
  height: 38px;
  line-height: 19px;
  font-size: 13px;
  margin-bottom: 5px;
  text-align: left;
  font-weight: normal;
}
#quartic_slt_thankyou_page .quartic-recommendations ul li .title a {
  color: #518BAF;
}
#quartic_slt_thankyou_page .quartic-recommendations ul li .cover {
  display: table-cell;
  vertical-align: bottom;
  height: 233px;
}
.megamenu-container {
  padding-left: 16px;
}
.megamenu-container,
.top-ten-layer {
  overflow: auto;
  max-height: calc(100vh - 270px);
  position: relative;
}
.sticky-header .megamenu-container,
.sticky-header .top-ten-layer {
  max-height: calc(100vh - 128px);
}
.new-megamenu {
  display: none;
}
.megamenu-active {
  display: block !important;
}
.mm-before-a {
  position: relative;
  float: left;
  top: 2px;
  margin-left: -20px;
  margin-right: 6px;
  cursor: pointer;
}
.mm-before-ab {
  margin-left: -20px;
  margin-right: 6px;
  cursor: pointer;
  display: none;
  position: relative;
  float: left;
  top: 2px;
}
.mm-before-a-none {
  display: none;
}
.new-megamenu-boldy {
  font-weight: 700;
}
.tool_but.tool_but_account {
  background-color: #f1562a;
}
.toolsmenu .tool_but_account a .aspan {
  color: white;
}
.toolsmenu .tool_but_account:hover a .aspan {
  color: #f1562a;
}
.c-category-list {
  background-color: #f7f7f7;
  padding: 15px;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.c-category-list-in {
  background-color: white;
  padding: 15px;
  padding-bottom: 10px;
}
.category-back-button {
  border: 1px solid #f1562a;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10%;
  color: #555;
  font-size: 12px;
  width: 70%;
  margin-left: 10%;
  margin-bottom: 5px;
  font-weight: 700;
  background: url('/images/nexto16/btn-less.svg') calc(40% - 14px) 48% no-repeat;
}
.category-back-button:hover {
  color: white;
  background: url('/images/nexto16/btn-less-hover.svg') calc(40% - 14px) 48% no-repeat;
  background-color: #f1562a;
}
.cbb-link,
.cbb-link:hover {
  text-decoration: none;
  margin-bottom: 20px;
}
.category-block-head {
  padding-bottom: 15px;
}
.line-up {
  border-left: 1px solid rgba(187, 187, 187, 0.4);
  height: 15px;
  margin-left: 6.5%;
  margin-top: -15px;
}
.tree,
.tree ul {
  margin: 0 0 0 1em;
  /* indentation */
  padding: 0;
  list-style: none;
  color: rgba(187, 187, 187, 0.4);
  position: relative;
}
.tree {
  margin-bottom: 20px;
}
.tree ul {
  margin-left: 0.5em;
}
/* (indentation/2) */
.tree:before,
.tree ul:before {
  content: "";
  display: block;
  width: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-left: 1px solid;
}
.tree li {
  margin: 0;
  padding: 2px 1.5em 3px 2em;
  /* indentation + .5em */
  font-weight: bold;
  position: relative;
  line-height: 14px;
}
.tree li:before {
  content: "";
  display: block;
  width: 10px;
  /* same with indentation */
  height: 0;
  border-top: 1px solid;
  margin-top: -1px;
  /* border top width */
  position: absolute;
  top: 10px;
  /* (line-height/2) */
  left: 0;
}
.tree li:after {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #bbbbbb;
  border-radius: 999px;
  position: absolute;
  left: 10px;
  top: 10px;
  margin-top: -3px;
  margin-left: -3px;
}
.tree li:last-child:before {
  background: white;
  /* same with body background */
  height: auto;
  top: 10px;
  /* (line-height/2) */
  bottom: 0;
}
@media only screen and (max-height: 769px) {
  #buybox-popup-wrapper #buybox-popup {
    top: 10px;
  }
}
@media only screen and (min-height: 770px) and (max-height: 1023px) {
  #buybox-popup-wrapper #buybox-popup {
    top: 25px;
  }
}
@media only screen and (max-width: 1023px) {
  #jmCookieMessage #jmCookieMessageInner {
    width: auto;
    padding: 25px 60px 20px 20px;
    box-sizing: border-box;
  }
  #jmCookieMessage #jmCookieMessageButton {
    right: 10px;
  }
}
/* AKCJE PROMOCYJNE - PROMO ACTIONS ----------- */
.promo-actions a {
  color: black;
  font-weight: bold !important;
}
.promo-actions a:hover {
  color: #f1562a;
  background-color: transparent;
}
.product_wrapper .content .playlist h4 {
  margin: 15px 0 5px;
  font-size: 1em;
}
.product_wrapper .content .playlist ol {
  list-style-type: decimal-leading-zero;
  margin-left: 24px;
}
.product_wrapper .content .playlist ol li span.performer {
  color: gray;
}
.product_wrapper .content .playlist ol li span.time {
  color: darkgray;
}
.nip-wrapper-input {
  position: relative;
  width: 240px;
  display: block;
}
.nip-wrapper-input .nip-spinner-input {
  position: absolute;
  height: 16px;
  width: 16px;
  z-index: 50;
  top: 7px;
  right: 44px;
  background: url('/images/half-spinner.png') no-repeat center;
  animation: rotate 1s linear 0.001s infinite forwards;
}
.nip-wrapper-input .nip-spinner-profil-view {
  right: 64px;
}
.nip-wrapper-input .nip-spinner-cart-view {
  right: -30px;
  top: 4px;
}
.nip-wrapper-input .nip-error-input {
  margin: 0 !important;
  color: #f00;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
#register label:hover {
  text-decoration: none !important;
}
#register .info .label {
  margin: 5px 0 10px 0;
}
#register .info .label a {
  cursor: pointer;
}
#register .info .content {
  display: none;
  height: 300px;
  overflow: scroll;
  border: 1px solid #cacaca;
  padding: 0 6px;
}
#register .alert_border {
  border: 1px solid #DA4A10;
  border-radius: 4px;
  padding: 5px 8px;
}
#register .alert_message {
  color: #DA4A10;
  margin: 5px 8px;
}
.show-ellipsis .hidden {
  display: none !important;
  visibility: hidden;
}
.show-ellipsis .show-ellipsis-btn {
  display: inline-block;
  background: none;
  border: 0 none;
  color: #518BAF;
  cursor: pointer;
  font-size: inherit;
  margin: 0;
  padding: 0;
  width: 100%;
}
.footer-social-media {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-content: center;
  margin: 24px auto;
}
.footer-social-media__icon {
  align-items: center;
  color: #424242;
  display: inline-flex;
  height: 32px;
  justify-content: center;
  width: 32px;
}
#search_v3.luigisbox {
  margin-left: 75px;
}
.luigi-ac .luigi-ac-query .luigi-ac-item .luigi-ac-other-content {
  color: #fff;
}
.luigi-ac .luigi-ac-attrs .luigi-ac-attr.luigi-ac-attr--item_id {
  display: none !important;
}
.luigi-ac .luigi-ac-price-new,
.luigi-ac .luigi-ac-price-old {
  visibility: hidden;
}
@media (min-width: 1021px) {
  .luigi-ac.luigi-ac-heromobile {
    padding: 20px 0 !important;
  }
  .luigi-ac .luigi-ac-caret {
    margin-left: 30px;
  }
}
.luigi-ac .luigi-ac-footer {
  display: none;
}
.luigi-ac .luigi-ac-hero-color {
  background: #e84a1d !important;
}
.luigi-ac .luigi-ac-others {
  background: #f7f7f7 !important;
}
.luigi-ac .luigi-ac-header {
  color: #000 !important;
  font-weight: 500;
}
.luigi-ac .luigi-ac-name {
  font-weight: 700;
}
.luigi-ac .luigi-ac-name.line-clamp-2 {
  font-size: 14px;
}
.luigi-ac .luigi-ac-attr {
  font-size: 12px !important;
  display: block !important;
}
.luigi-ac .luigi-ac-price-new {
  color: #f1562f !important;
}
.luigi-ac .luigi-ac-price-old {
  color: #6d6e70 !important;
}
.luigi-ac .luigi-ac-highlight {
  background-color: #ccc !important;
}
.luigi-ac .luigi-ac-first-main .luigi-ac-attr {
  font-size: 14px !important;
}
.luigi-ac .luigi-ac-button {
  text-transform: none;
  background-color: #f1562a !important;
  padding: 8px;
  border: 1px solid #f1562a !important;
  font-weight: 700;
  letter-spacing: inherit;
  font-size: 16px;
}
.luigi-ac .luigi-ac-button:hover {
  background-color: #ff6633 !important;
}
.luigi-ac .luigi-ac-main .luigi-ac-no-result {
  color: #000;
}
.luigi-ac-heromobile-input-wrap .luigi-ac-heromobile-input::-webkit-search-cancel-button {
  display: none;
}
.search-results.luigisbox #breadcrumbs {
  margin-left: 255px;
}
@media only screen and (max-width: 1024px) {
  .search-results.luigisbox #breadcrumbs {
    margin-left: 0;
  }
}
.search-results.luigisbox :has(.lb-search.is-no-results) #breadcrumbs {
  margin-left: 0;
}
#lb-search-element .lb-search {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  padding-top: 0;
}
#lb-search-element .lb-search h1 {
  font-size: 24px;
}
#lb-search-element .lb-search h1 strong {
  color: inherit;
}
#lb-search-element .lb-search h2.lb-aside-heading {
  font-size: 22px;
  padding-top: 15px;
}
#lb-search-element .lb-search .lb-search__corrected-query {
  font-size: 14px;
}
#lb-search-element .lb-search .lb-histogram__cell.lb-search-bg-color-primary {
  background-color: #f1562a;
}
#lb-search-element .lb-search .lb-search-bg-color-primary-clickable {
  background-color: #f1562a;
}
#lb-search-element .lb-search .lb-search-bg-color-primary-clickable:hover {
  background-color: #ff6633;
}
#lb-search-element .lb-search .lb-pagination {
  font-size: 14px;
}
#lb-search-element .lb-search .lb-pagination .lb-pagination__btn {
  font-weight: bold;
  padding: 16px 0;
  font-size: 16px;
}
#lb-search-element .lb-search .lb-pagination .lb-pagination_page--button-first {
  margin-left: 0;
}
#lb-search-element .lb-search .lb-pagination .lb-pagination_page--button-last {
  margin-right: 0;
}
#lb-search-element .lb-search .lb-sorts {
  font-size: 14px;
}
#lb-search-element .lb-search .lb-facet__cancel {
  font-size: inherit;
}
#lb-search-element .lb-search .lb-search__aside {
  width: 235px;
  line-height: 1.4;
}
@media only screen and (max-width: 1024px) {
  #lb-search-element .lb-search .lb-search__aside {
    display: none;
    width: inherit;
  }
}
#lb-search-element .lb-search .lb-search__main {
  width: 765px;
  padding-left: 20px;
}
@media (max-width: 1023px) {
  #lb-search-element .lb-search .lb-search__main {
    width: inherit;
    padding-left: 0;
  }
}
#lb-search-element .lb-search.is-no-results .lb-search__main {
  width: 100%;
  padding-left: 0;
}
#lb-search-element .lb-search .productslist li p.price span:last-child {
  color: #6D6E70;
}
#lb-search-element .lb-search .lb-no-results .msg {
  font-size: 14px;
}
#lb-search-element .lb-search .lb-no-results .productslist li:nth-child(n) {
  margin-right: 42px;
  margin-left: 0;
}
#lb-search-element .lb-search .lb-no-results .productslist li:nth-child(5n) {
  margin-right: 0;
}
@media only screen and (max-width: 1024px) {
  .lb-search .lb-search__button-and-sorting {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    padding-bottom: 2% !important;
  }
  .lb-search .lb-d-t-none {
    display: block !important;
  }
  .lb-search .lb-search__button-and-sorting .lb-search__button-and-sorting__button,
  .lb-search .lb-search__button-and-sorting .lb-search__button-and-sorting__sorting {
    margin-top: 2%;
    width: 49%;
  }
  .lb-search .lb-search__aside.is-active {
    -webkit-overflow-scrolling: touch  !important;
    background-color: #fff !important;
    bottom: 0  !important;
    display: block !important;
    left: 0  !important;
    overflow-y: auto  !important;
    padding: 20px 20px 100px  !important;
    right: 0  !important;
    top: 0  !important;
    z-index: 1000 !important;
  }
  .lb-search .lb-search__aside {
    display: none !important;
    height: 100vh;
    height: calc(var(--lbxvh, 1vh)*100);
    position: fixed !important;
  }
  .lb-search .lb-search__close-filter {
    display: block !important;
  }
  .lb-search .lb-facets__mobile-actions {
    display: block !important;
  }
  .lb-search .lb-search__aside .lb-aside-border {
    border-right: none !important;
  }
  .lb-search .lb-facet__title::after {
    right: -20px !important;
  }
  .lb-search .lb-checkbox {
    margin: 0 !important;
  }
  .lb-search__aside .lb-d-t-block {
    display: none !important;
  }
}
.recommender-box.view-grid {
  font-size: 11px;
  padding: 16px 0 24px 0;
}
.recommender-box.view-grid > div.h2 {
  margin-top: 8px;
  margin-bottom: 18px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  color: #313131;
  font-size: 1.45em;
}
@media only screen and (max-width: 1024px) {
  .recommender-box.view-grid > div.h2 {
    font-size: 16px;
  }
}
.product_wrapper .recommender-box.view-grid .productslist .h3 {
  color: #396897;
  margin: 3px 20px 22px 0;
}
@media only screen and (max-width: 1024px) {
  .recommender-box.view-grid .productslist .h3 {
    font-size: 16px;
    height: 40px;
    line-height: 1.3;
  }
}
.recommender-box.view-grid .productslist .product-tags {
  bottom: 134px;
}
@media only screen and (max-width: 1024px) {
  .recommender-box.view-grid .productslist .product-tags {
    bottom: 129px;
    display: inline-block;
  }
}
@media only screen and (max-width: 1024px) {
  .recommender-box.view-grid .productslist .product-tags .tag {
    font-size: 10px;
    line-height: 1;
    padding: 6px 10px;
  }
}
.recommender-box.view-grid .productslist li {
  background-image: none;
  padding: 0;
  margin: 0;
}
.recommender-box.view-grid .productslist li:nth-child(n) {
  margin-right: 20px;
}
.recommender-box.view-grid .productslist li:nth-child(6n) {
  margin-right: 0;
}
.recommender-box.view-grid .productslist li p.price {
  line-height: 1.3em;
}
.recommender-box.view-grid .productslist li p.price span:last-child {
  color: #6D6E70;
}
@media only screen and (max-width: 1024px) {
  .recommender-box.view-grid .productslist li a.image {
    display: block;
    display: -webkit-box;
    height: 200px;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
  }
}
.recommender-box.view-grid .productslist.cycle-slideshow-noinit {
  max-width: 1000px;
  height: 380px;
  /*
		.cycle-prev.disabled,
		.cycle-next.disabled {
			display: none;
		}
		*/
}
@media only screen and (max-width: 1024px) {
  .recommender-box.view-grid .productslist.cycle-slideshow-noinit {
    height: 340px;
  }
  .recommender-box.view-grid .productslist.cycle-slideshow-noinit .cycle-prev,
  .recommender-box.view-grid .productslist.cycle-slideshow-noinit .cycle-next {
    display: none;
  }
}
.recommender-box.view-grid .productslist.cycle-slideshow-noinit li.cycle-slide {
  width: 150px;
  vertical-align: bottom;
}
.recommender-box.view-grid .productslist.cycle-slideshow-noinit li.cycle-slide:nth-child(6n) {
  margin-right: 20px;
}
.recommender-box.view-grid .productslist.cycle-slideshow-noinit li.cycle-slide .container {
  position: relative;
}
.home_page .recommender-box.view-grid .h2 {
  color: #313131;
  font-size: 24px;
}
@media only screen and (max-width: 1024px) {
  .home_page .recommender-box.view-grid .h2 {
    padding-bottom: 16px;
  }
}
/* grid layout styles */
@media only screen and (max-width: 1024px) {
  .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
    white-space: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  .container-fluid .row {
    margin: 0 -16px;
  }
}
.row > * {
  /*   max 1024 px  */
  /*  max 768 px */
  /*  max 576 px */
  /* max 480 px*/
  /* max 400px */
}
@media only screen and (max-width: 1024px) {
  .row > *[class*="col-"] {
    margin: 0;
    padding: 0 16px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *[class*="col-md-"] {
    margin: 0;
    padding: 0 10px;
  }
  .container-fluid .row > *[class*="col-md-"] {
    margin: 0;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-1 {
    width: 8.33333333%;
  }
  .container-fluid .row > *.col-md-1 {
    width: 8.33333333%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-2 {
    width: 16.66666667%;
  }
  .container-fluid .row > *.col-md-2 {
    width: 16.66666667%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-3 {
    width: 25%;
  }
  .container-fluid .row > *.col-md-3 {
    width: 25%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-4 {
    width: 33.33333333%;
  }
  .container-fluid .row > *.col-md-4 {
    width: 33.33333333%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-5 {
    width: 41.66666667%;
  }
  .container-fluid .row > *.col-md-5 {
    width: 41.66666667%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-6 {
    width: 50%;
  }
  .container-fluid .row > *.col-md-6 {
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-7 {
    width: 58.33333333%;
  }
  .container-fluid .row > *.col-md-7 {
    width: 58.33333333%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-8 {
    width: 66.66666667%;
  }
  .container-fluid .row > *.col-md-8 {
    width: 66.66666667%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-9 {
    width: 75%;
  }
  .container-fluid .row > *.col-md-9 {
    width: 75%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-10 {
    width: 83.33333333%;
  }
  .container-fluid .row > *.col-md-10 {
    width: 83.33333333%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-11 {
    width: 91.66666667%;
  }
  .container-fluid .row > *.col-md-11 {
    width: 91.66666667%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-12 {
    width: 100%;
  }
  .container-fluid .row > *.col-md-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .row > *.col-md-auto {
    width: auto;
  }
  .container-fluid .row > *.col-md-auto {
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  .row > *[class*="col-mds-"] {
    margin: 0;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-1 {
    width: 8.33333333%;
  }
  .container-fluid .row > *.col-mds-1 {
    width: 8.33333333%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-2 {
    width: 16.66666667%;
  }
  .container-fluid .row > *.col-mds-2 {
    width: 16.66666667%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-3 {
    width: 25%;
  }
  .container-fluid .row > *.col-mds-3 {
    width: 25%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-4 {
    width: 33.33333333%;
  }
  .container-fluid .row > *.col-mds-4 {
    width: 33.33333333%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-5 {
    width: 41.66666667%;
  }
  .container-fluid .row > *.col-mds-5 {
    width: 41.66666667%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-6 {
    width: 50%;
  }
  .container-fluid .row > *.col-mds-6 {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-7 {
    width: 58.33333333%;
  }
  .container-fluid .row > *.col-mds-7 {
    width: 58.33333333%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-8 {
    width: 66.66666667%;
  }
  .container-fluid .row > *.col-mds-8 {
    width: 66.66666667%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-9 {
    width: 75%;
  }
  .container-fluid .row > *.col-mds-9 {
    width: 75%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-10 {
    width: 83.33333333%;
  }
  .container-fluid .row > *.col-mds-10 {
    width: 83.33333333%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-11 {
    width: 91.66666667%;
  }
  .container-fluid .row > *.col-mds-11 {
    width: 91.66666667%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-12 {
    width: 100%;
  }
  .container-fluid .row > *.col-mds-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.col-mds-auto {
    width: auto;
  }
  .container-fluid .row > *.col-mds-auto {
    width: auto;
  }
}
@media only screen and (max-width: 576px) {
  .row > *[class*="col-sml-"] {
    margin: 0;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-1 {
    width: 8.33333333%;
  }
  .container-fluid .row > *.col-sml-1 {
    width: 8.33333333%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-2 {
    width: 16.66666667%;
  }
  .container-fluid .row > *.col-sml-2 {
    width: 16.66666667%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-3 {
    width: 25%;
  }
  .container-fluid .row > *.col-sml-3 {
    width: 25%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-4 {
    width: 33.33333333%;
  }
  .container-fluid .row > *.col-sml-4 {
    width: 33.33333333%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-5 {
    width: 41.66666667%;
  }
  .container-fluid .row > *.col-sml-5 {
    width: 41.66666667%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-6 {
    width: 50%;
  }
  .container-fluid .row > *.col-sml-6 {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-7 {
    width: 58.33333333%;
  }
  .container-fluid .row > *.col-sml-7 {
    width: 58.33333333%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-8 {
    width: 66.66666667%;
  }
  .container-fluid .row > *.col-sml-8 {
    width: 66.66666667%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-9 {
    width: 75%;
  }
  .container-fluid .row > *.col-sml-9 {
    width: 75%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-10 {
    width: 83.33333333%;
  }
  .container-fluid .row > *.col-sml-10 {
    width: 83.33333333%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-11 {
    width: 91.66666667%;
  }
  .container-fluid .row > *.col-sml-11 {
    width: 91.66666667%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-12 {
    width: 100%;
  }
  .container-fluid .row > *.col-sml-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.col-sml-auto {
    width: auto;
  }
  .container-fluid .row > *.col-sml-auto {
    width: auto;
  }
}
@media only screen and (max-width: 480px) {
  .row > *[class*="col-sm-"] {
    margin: 0;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-1 {
    width: 8.33333333%;
  }
  .container-fluid .row > *.col-sm-1 {
    width: 8.33333333%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-2 {
    width: 16.66666667%;
  }
  .container-fluid .row > *.col-sm-2 {
    width: 16.66666667%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-3 {
    width: 25%;
  }
  .container-fluid .row > *.col-sm-3 {
    width: 25%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-4 {
    width: 33.33333333%;
  }
  .container-fluid .row > *.col-sm-4 {
    width: 33.33333333%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-5 {
    width: 41.66666667%;
  }
  .container-fluid .row > *.col-sm-5 {
    width: 41.66666667%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-6 {
    width: 50%;
  }
  .container-fluid .row > *.col-sm-6 {
    width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-7 {
    width: 58.33333333%;
  }
  .container-fluid .row > *.col-sm-7 {
    width: 58.33333333%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-8 {
    width: 66.66666667;
  }
  .container-fluid .row > *.col-sm-8 {
    width: 66.66666667;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-9 {
    width: 75%;
  }
  .container-fluid .row > *.col-sm-9 {
    width: 75%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-10 {
    width: 83.33333333%;
  }
  .container-fluid .row > *.col-sm-10 {
    width: 83.33333333%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-11 {
    width: 91.66666667%;
  }
  .container-fluid .row > *.col-sm-11 {
    width: 91.66666667%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-12 {
    width: 100%;
  }
  .container-fluid .row > *.col-sm-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.col-sm-auto {
    width: auto;
  }
  .container-fluid .row > *.col-sm-auto {
    width: auto;
  }
}
@media only screen and (max-width: 400px) {
  .row > *[class*="col-xs-"] {
    margin: 0;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-1 {
    width: 8.33333333%;
  }
  .container-fluid .row > *.col-xs-1 {
    width: 8.33333333%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-2 {
    width: 16.66666667%;
  }
  .container-fluid .row > *.col-xs-2 {
    width: 16.66666667%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-3 {
    width: 25%;
  }
  .container-fluid .row > *.col-xs-3 {
    width: 25%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-4 {
    width: 33.33333333%;
  }
  .container-fluid .row > *.col-xs-4 {
    width: 33.33333333%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-5 {
    width: 41.66666667%;
  }
  .container-fluid .row > *.col-xs-5 {
    width: 41.66666667%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-6 {
    width: 50%;
  }
  .container-fluid .row > *.col-xs-6 {
    width: 50%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-7 {
    width: 58.33333333%;
  }
  .container-fluid .row > *.col-xs-7 {
    width: 58.33333333%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-8 {
    width: 66.66666667%;
  }
  .container-fluid .row > *.col-xs-8 {
    width: 66.66666667%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-9 {
    width: 75%;
  }
  .container-fluid .row > *.col-xs-9 {
    width: 75%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-10 {
    width: 83.33333333%;
  }
  .container-fluid .row > *.col-xs-10 {
    width: 83.33333333%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-11 {
    width: 91.66666667%;
  }
  .container-fluid .row > *.col-xs-11 {
    width: 91.66666667%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-12 {
    width: 100%;
  }
  .container-fluid .row > *.col-xs-12 {
    width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  .row > *.col-xs-auto {
    width: auto;
  }
  .container-fluid .row > *.col-xs-auto {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .container-fluid {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .row {
    display: flex;
    flex-wrap: wrap;
  }
}
.row > * {
  /*  desktop  */
  /*   max 1024 px  */
  /*  max 768 px */
  /*  max 576 px */
  /* max 480 px*/
}
.row > *.order-1 {
  order: 1;
}
.row > *.order-2 {
  order: 2;
}
.row > *.order-3 {
  order: 3;
}
@media only screen and (max-width: 1024px) {
  .row > *.order-md-1 {
    order: 1;
  }
  .row > *.order-md-2 {
    order: 2;
  }
  .row > *.order-md-3 {
    order: 3;
  }
}
@media only screen and (max-width: 768px) {
  .row > *.order-mds-1 {
    order: 1;
  }
  .row > *.order-mds-2 {
    order: 2;
  }
  .row > *.order-mds-3 {
    order: 3;
  }
}
@media only screen and (max-width: 576px) {
  .row > *.order-sml-1 {
    order: 1;
  }
  .row > *.order-sml-2 {
    order: 2;
  }
  .row > *.order-sml-3 {
    order: 3;
  }
}
@media only screen and (max-width: 480px) {
  .row > *.order-sm-1 {
    order: 1;
  }
  .row > *.order-sm-2 {
    order: 2;
  }
  .row > *.order-sm-3 {
    order: 3;
  }
}
/* base styles */
@media only screen and (max-width: 1024px) {
  * {
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1024px) {
  html,
  body {
    font-size: 1em;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    -webkit-text-size-adjust: none;
    scroll-padding-top: 140px;
  }
}
@media only screen and (max-width: 1024px) {
  #content {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .mainwidth {
    padding: 0 16px;
    width: auto;
    max-width: none;
  }
}
@media only screen and (max-width: 1024px) {
  #content .mainwidth {
    background: unset;
    padding: 0;
  }
}
.mainwidth.row {
  white-space: normal;
}
@media only screen and (max-width: 1024px) {
  .mainwidth.row {
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .mainwidth .clearfix:after {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #main.nomainright {
    width: inherit;
  }
}
@media only screen and (max-width: 480px) {
  .nexto16 #main.nomainright {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #main.nomainright.main-content__product-list {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #main + #mainleft {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #mainleft {
    width: 100%;
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  #main.nomainright {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  div.messageout div {
    min-height: 70px;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_submit button span {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-primary.btn-more span {
    background-position-x: calc(100% - 30px);
    font-family: Arial, Tahoma, Geneva, sans-serif;
    line-height: 1.5;
    padding: 7px 60px 8px 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-primary.btn-more:hover span {
    background-position-x: calc(100% - 30px);
  }
}
@media only screen and (max-width: 1024px) {
  .button-link {
    align-items: center;
    background-color: #f1562a;
    background-image: none;
    display: flex;
    min-height: 39px;
    padding: 7px 19px 8px 19px;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .button-link:hover {
    background-color: #ff6633;
    background-image: none;
  }
}
.fb_table {
  white-space: wrap;
}
@media only screen and (max-width: 1024px) {
  div:has(.grecaptcha-badge) {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .grecaptcha-badge {
    display: none !important;
  }
}
.dis-inl-bl {
  display: inline-block;
}
@media only screen and (max-width: 1024px) {
  .align-vertical-mobile {
    align-items: center;
    display: flex;
  }
}
@media only screen and (max-width: 1024px) {
  .mobile-aligned-vcentered {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    min-height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .mobile-aligned-vcentered--left {
    justify-content: start;
  }
}
@media only screen and (max-width: 1024px) {
  .mobile-aligned-vcentered--pad-col-reset {
    margin: 0 -5px;
  }
}
@media only screen and (max-width: 400px) {
  .mobile-aligned-vcentered h4 {
    font-size: 17px;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-back {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1024px) {
  .buttons .btn.btn-back {
    align-items: center;
    display: flex;
    height: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-back span {
    padding: 7px 15px 8px 30px;
    position: relative;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-back span:before {
    left: 27px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
  }
}
@media only screen and (max-width: 1024px) {
  .align-center-md {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .align-left-md {
    text-align: start;
  }
}
/************************************
        HIDING CLASSES
************************************/
@media only screen and (max-width: 1024px) {
  .is-tablet-hide {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .is-tablet-small-hide {
    display: none !important;
  }
}
.show-below-small-tablet {
  display: none !important;
}
@media only screen and (max-width: 768px) {
  .show-below-small-tablet {
    display: block !important;
  }
}
@media only screen and (max-width: 480px) {
  .is-mobile-hide {
    display: none !important;
  }
}
@media only screen and (max-width: 1024px) {
  .is-tablet-hidden {
    visibility: hidden !important;
  }
}
@media only screen and (max-width: 480px) {
  .is-mobile-hidden {
    visibility: hidden !important;
  }
}
@media only screen and (max-width: 1024px) {
  .is-tablet-invisible {
    opacity: 0 !important;
  }
}
/************************************
        DISPLAYING CLASSES
************************************/
.is-desktop-hide {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  .is-desktop-hide {
    display: block !important;
  }
}
@media only screen and (max-width: 480px) {
  .is-mobile-invisible {
    opacity: 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .is-tablet-display {
    display: block !important;
  }
}
@media only screen and (max-width: 480px) {
  .is-mobile-display {
    display: block !important;
  }
}
@media only screen and (max-width: 1024px) {
  .is-tablet-visible {
    visibility: visible !important;
  }
}
@media only screen and (max-width: 480px) {
  .is-mobile-visible {
    visibility: visible !important;
  }
}
/************************************
        FLEXING CLASSES
************************************/
@media only screen and (max-width: 1024px) {
  .d-md-flex {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  .d-mds-flex {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 576px) {
  .d-sml-flex {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 480px) {
  .d-sm-flex {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 400px) {
  .d-xs-flex {
    display: flex !important;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  .justify-md-space-between {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1024px) {
  .justify-md-center {
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .justify-md-flex-end {
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 768px) {
  .justify-mds-flex-start {
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 1024px) {
  .align-md-center {
    align-items: center;
  }
}
/***************************************************************
classes:
.mt   -> margin-top
.mb   -> margin-bottom
.mr   -> margin-right
.ml   -> margin-left
.mv   -> margin vertical  (i.e. margin: 10px 0)
.mh   -> margin horizontal (i.e. margin: 0 10px)

.pt   -> padding-top
.pb   -> padding-bottom
.pr   -> padding-right
.pl   -> padding-left
.pv   -> padding vertical  (i.e. padding: 10px 0)
.ph   -> padding horizontal (i.e. padding: 0 10px)
***************************************************************/
/*************************************************************
            *********** MARGINS TOP ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .mt-md-10 {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-30 {
    margin-top: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-50 {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-70 {
    margin-top: 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-90 {
    margin-top: 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mt-md-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-10 {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-30 {
    margin-top: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-50 {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-70 {
    margin-top: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-90 {
    margin-top: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mt-mds-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-10 {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-30 {
    margin-top: 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-50 {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-70 {
    margin-top: 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-90 {
    margin-top: 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mt-sml-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-10 {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-30 {
    margin-top: 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-50 {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-70 {
    margin-top: 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-90 {
    margin-top: 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mt-sm-100 {
    margin-top: 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-0 {
    margin-top: 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-10 {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-20 {
    margin-top: 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-30 {
    margin-top: 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-40 {
    margin-top: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-50 {
    margin-top: 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-60 {
    margin-top: 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-70 {
    margin-top: 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-80 {
    margin-top: 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-90 {
    margin-top: 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mt-xs-100 {
    margin-top: 100px !important;
  }
}
/*************************************************************
            *********** MARGINS BOTTOM ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .mb-md-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-60 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-70 {
    margin-bottom: 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-90 {
    margin-bottom: 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mb-md-100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-60 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-70 {
    margin-bottom: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-90 {
    margin-bottom: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mb-mds-100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-60 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-70 {
    margin-bottom: 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-90 {
    margin-bottom: 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mb-sml-100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-60 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-70 {
    margin-bottom: 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-90 {
    margin-bottom: 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mb-sm-100 {
    margin-bottom: 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-0 {
    margin-bottom: 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-10 {
    margin-bottom: 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-20 {
    margin-bottom: 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-30 {
    margin-bottom: 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-40 {
    margin-bottom: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-50 {
    margin-bottom: 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-60 {
    margin-bottom: 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-70 {
    margin-bottom: 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-80 {
    margin-bottom: 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-90 {
    margin-bottom: 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mb-xs-100 {
    margin-bottom: 100px !important;
  }
}
/*************************************************************
            *********** MARGINS LEFT ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .ml-md-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-20 {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-30 {
    margin-left: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-40 {
    margin-left: 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-50 {
    margin-left: 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-60 {
    margin-left: 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-70 {
    margin-left: 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-80 {
    margin-left: 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-90 {
    margin-left: 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ml-md-100 {
    margin-left: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-20 {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-30 {
    margin-left: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-40 {
    margin-left: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-50 {
    margin-left: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-60 {
    margin-left: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-70 {
    margin-left: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-80 {
    margin-left: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-90 {
    margin-left: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ml-mds-100 {
    margin-left: 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-20 {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-30 {
    margin-left: 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-40 {
    margin-left: 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-50 {
    margin-left: 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-60 {
    margin-left: 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-70 {
    margin-left: 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-80 {
    margin-left: 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-90 {
    margin-left: 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ml-sml-100 {
    margin-left: 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-20 {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-30 {
    margin-left: 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-40 {
    margin-left: 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-50 {
    margin-left: 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-60 {
    margin-left: 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-70 {
    margin-left: 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-80 {
    margin-left: 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-90 {
    margin-left: 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ml-sm-100 {
    margin-left: 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-0 {
    margin-left: 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-10 {
    margin-left: 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-20 {
    margin-left: 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-30 {
    margin-left: 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-40 {
    margin-left: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-50 {
    margin-left: 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-60 {
    margin-left: 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-70 {
    margin-left: 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-80 {
    margin-left: 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-90 {
    margin-left: 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ml-xs-100 {
    margin-left: 100px !important;
  }
}
/*************************************************************
            *********** MARGINS RIGHT ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .mr-md-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-10 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-30 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-40 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-50 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-60 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-70 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-80 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-90 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mr-md-100 {
    margin-right: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-10 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-30 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-40 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-50 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-60 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-70 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-80 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-90 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mr-mds-100 {
    margin-right: 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-10 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-30 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-40 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-50 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-60 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-70 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-80 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-90 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mr-sml-100 {
    margin-right: 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-10 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-30 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-40 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-50 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-60 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-70 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-80 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-90 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mr-sm-100 {
    margin-right: 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-0 {
    margin-right: 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-10 {
    margin-right: 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-20 {
    margin-right: 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-30 {
    margin-right: 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-40 {
    margin-right: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-50 {
    margin-right: 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-60 {
    margin-right: 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-70 {
    margin-right: 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-80 {
    margin-right: 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-90 {
    margin-right: 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mr-xs-100 {
    margin-right: 100px !important;
  }
}
/*************************************************************
            *********** MARGINS VERTICALS ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .mv-md-0 {
    margin: 0px inherit !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-10 {
    margin: 10px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-20 {
    margin: 20px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-30 {
    margin: 30px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-40 {
    margin: 40px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-50 {
    margin: 50px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-60 {
    margin: 60px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-70 {
    margin: 70px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-80 {
    margin: 80px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-90 {
    margin: 90px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mv-md-100 {
    margin: 100px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-0 {
    margin: 0px inherit !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-10 {
    margin: 10px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-20 {
    margin: 20px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-30 {
    margin: 30px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-40 {
    margin: 40px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-50 {
    margin: 50px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-60 {
    margin: 60px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-70 {
    margin: 70px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-80 {
    margin: 80px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-90 {
    margin: 90px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .mv-mds-100 {
    margin: 100px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-0 {
    margin: 0px inherit !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-10 {
    margin: 10px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-20 {
    margin: 20px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-30 {
    margin: 30px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-40 {
    margin: 40px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-50 {
    margin: 50px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-60 {
    margin: 60px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-70 {
    margin: 70px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-80 {
    margin: 80px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-90 {
    margin: 90px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .mv-sml-100 {
    margin: 100px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-0 {
    margin: 0px inherit !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-10 {
    margin: 10px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-20 {
    margin: 20px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-30 {
    margin: 30px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-40 {
    margin: 40px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-50 {
    margin: 50px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-60 {
    margin: 60px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-70 {
    margin: 70px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-80 {
    margin: 80px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-90 {
    margin: 90px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .mv-sm-100 {
    margin: 100px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-0 {
    margin: 0px inherit !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-10 {
    margin: 10px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-20 {
    margin: 20px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-30 {
    margin: 30px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-40 {
    margin: 40px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-50 {
    margin: 50px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-60 {
    margin: 60px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-70 {
    margin: 70px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-80 {
    margin: 80px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-90 {
    margin: 90px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .mv-xs-100 {
    margin: 100px 0 !important;
  }
}
/*************************************************************
            *********** MARGINS HORIZONTALS ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .mh-md-0 {
    margin: inherit 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-10 {
    margin: 0 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-20 {
    margin: 0 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-30 {
    margin: 0 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-40 {
    margin: 0 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-50 {
    margin: 0 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-60 {
    margin: 0 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-70 {
    margin: 0 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-80 {
    margin: 0 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-90 {
    margin: 0 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .mh-md-100 {
    margin: 0 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-0 {
    margin: inherit 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-10 {
    margin: 0 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-20 {
    margin: 0 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-30 {
    margin: 0 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-40 {
    margin: 0 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-50 {
    margin: 0 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-60 {
    margin: 0 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-70 {
    margin: 0 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-80 {
    margin: 0 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-90 {
    margin: 0 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .mh-mds-100 {
    margin: 0 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-0 {
    margin: inherit 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-10 {
    margin: 0 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-20 {
    margin: 0 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-30 {
    margin: 0 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-40 {
    margin: 0 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-50 {
    margin: 0 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-60 {
    margin: 0 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-70 {
    margin: 0 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-80 {
    margin: 0 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-90 {
    margin: 0 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .mh-sml-100 {
    margin: 0 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-0 {
    margin: inherit 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-10 {
    margin: 0 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-20 {
    margin: 0 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-30 {
    margin: 0 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-40 {
    margin: 0 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-50 {
    margin: 0 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-60 {
    margin: 0 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-70 {
    margin: 0 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-80 {
    margin: 0 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-90 {
    margin: 0 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .mh-sm-100 {
    margin: 0 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-0 {
    margin: inherit 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-10 {
    margin: 0 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-20 {
    margin: 0 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-30 {
    margin: 0 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-40 {
    margin: 0 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-50 {
    margin: 0 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-60 {
    margin: 0 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-70 {
    margin: 0 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-80 {
    margin: 0 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-90 {
    margin: 0 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .mh-xs-100 {
    margin: 0 100px !important;
  }
}
/*************************************************************
            *********** padding TOP ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .pt-md-0 {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-10 {
    padding-top: 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-20 {
    padding-top: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-30 {
    padding-top: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-40 {
    padding-top: 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-50 {
    padding-top: 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-60 {
    padding-top: 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-70 {
    padding-top: 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-80 {
    padding-top: 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-90 {
    padding-top: 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pt-md-100 {
    padding-top: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-0 {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-10 {
    padding-top: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-20 {
    padding-top: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-30 {
    padding-top: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-40 {
    padding-top: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-50 {
    padding-top: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-60 {
    padding-top: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-70 {
    padding-top: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-80 {
    padding-top: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-90 {
    padding-top: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pt-mds-100 {
    padding-top: 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-10 {
    padding-top: 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-0 {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-20 {
    padding-top: 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-30 {
    padding-top: 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-40 {
    padding-top: 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-50 {
    padding-top: 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-60 {
    padding-top: 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-70 {
    padding-top: 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-80 {
    padding-top: 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-90 {
    padding-top: 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pt-sml-100 {
    padding-top: 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-0 {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-10 {
    padding-top: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-20 {
    padding-top: 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-30 {
    padding-top: 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-40 {
    padding-top: 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-50 {
    padding-top: 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-60 {
    padding-top: 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-70 {
    padding-top: 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-80 {
    padding-top: 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-90 {
    padding-top: 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pt-sm-100 {
    padding-top: 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-0 {
    padding-top: 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-10 {
    padding-top: 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-20 {
    padding-top: 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-30 {
    padding-top: 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-40 {
    padding-top: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-50 {
    padding-top: 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-60 {
    padding-top: 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-70 {
    padding-top: 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-80 {
    padding-top: 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-90 {
    padding-top: 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pt-xs-100 {
    padding-top: 100px !important;
  }
}
/*************************************************************
            *********** padding BOTTOM ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .pb-md-0 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-10 {
    padding-bottom: 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-20 {
    padding-bottom: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-30 {
    padding-bottom: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-40 {
    padding-bottom: 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-50 {
    padding-bottom: 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-60 {
    padding-bottom: 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-70 {
    padding-bottom: 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-80 {
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-90 {
    padding-bottom: 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pb-md-100 {
    padding-bottom: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-0 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-10 {
    padding-bottom: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-20 {
    padding-bottom: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-30 {
    padding-bottom: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-40 {
    padding-bottom: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-50 {
    padding-bottom: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-60 {
    padding-bottom: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-70 {
    padding-bottom: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-80 {
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-90 {
    padding-bottom: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pb-mds-100 {
    padding-bottom: 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-0 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-10 {
    padding-bottom: 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-20 {
    padding-bottom: 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-30 {
    padding-bottom: 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-40 {
    padding-bottom: 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-50 {
    padding-bottom: 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-60 {
    padding-bottom: 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-70 {
    padding-bottom: 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-80 {
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-90 {
    padding-bottom: 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pb-sml-100 {
    padding-bottom: 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-0 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-10 {
    padding-bottom: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-20 {
    padding-bottom: 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-30 {
    padding-bottom: 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-40 {
    padding-bottom: 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-50 {
    padding-bottom: 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-60 {
    padding-bottom: 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-70 {
    padding-bottom: 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-80 {
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-90 {
    padding-bottom: 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pb-sm-100 {
    padding-bottom: 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-0 {
    padding-bottom: 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-10 {
    padding-bottom: 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-20 {
    padding-bottom: 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-30 {
    padding-bottom: 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-40 {
    padding-bottom: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-50 {
    padding-bottom: 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-60 {
    padding-bottom: 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-70 {
    padding-bottom: 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-80 {
    padding-bottom: 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-90 {
    padding-bottom: 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pb-xs-100 {
    padding-bottom: 100px !important;
  }
}
/*************************************************************
            *********** padding LEFT ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .pl-md-0 {
    padding-left: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-10 {
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-20 {
    padding-left: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-30 {
    padding-left: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-40 {
    padding-left: 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-50 {
    padding-left: 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-60 {
    padding-left: 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-70 {
    padding-left: 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-80 {
    padding-left: 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-90 {
    padding-left: 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pl-md-100 {
    padding-left: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-0 {
    padding-left: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-10 {
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-20 {
    padding-left: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-30 {
    padding-left: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-40 {
    padding-left: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-50 {
    padding-left: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-60 {
    padding-left: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-70 {
    padding-left: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-80 {
    padding-left: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-90 {
    padding-left: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pl-mds-100 {
    padding-left: 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-0 {
    padding-left: 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-10 {
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-20 {
    padding-left: 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-30 {
    padding-left: 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-40 {
    padding-left: 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-50 {
    padding-left: 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-60 {
    padding-left: 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-70 {
    padding-left: 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-80 {
    padding-left: 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-90 {
    padding-left: 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pl-sml-100 {
    padding-left: 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-0 {
    padding-left: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-10 {
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-20 {
    padding-left: 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-30 {
    padding-left: 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-40 {
    padding-left: 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-50 {
    padding-left: 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-60 {
    padding-left: 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-70 {
    padding-left: 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-80 {
    padding-left: 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-90 {
    padding-left: 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pl-sm-100 {
    padding-left: 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-0 {
    padding-left: 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-10 {
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-20 {
    padding-left: 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-30 {
    padding-left: 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-40 {
    padding-left: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-50 {
    padding-left: 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-60 {
    padding-left: 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-70 {
    padding-left: 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-80 {
    padding-left: 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-90 {
    padding-left: 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pl-xs-100 {
    padding-left: 100px !important;
  }
}
/*************************************************************
            *********** padding RIGHT ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .pr-md-0 {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-10 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-20 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-30 {
    padding-right: 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-40 {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-50 {
    padding-right: 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-60 {
    padding-right: 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-70 {
    padding-right: 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-80 {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-90 {
    padding-right: 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pr-md-100 {
    padding-right: 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-0 {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-10 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-20 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-30 {
    padding-right: 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-40 {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-50 {
    padding-right: 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-60 {
    padding-right: 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-70 {
    padding-right: 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-80 {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-90 {
    padding-right: 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .pr-mds-100 {
    padding-right: 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-0 {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-10 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-20 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-30 {
    padding-right: 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-40 {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-50 {
    padding-right: 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-60 {
    padding-right: 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-70 {
    padding-right: 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-80 {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-90 {
    padding-right: 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .pr-sml-100 {
    padding-right: 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-0 {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-10 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-20 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-30 {
    padding-right: 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-40 {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-50 {
    padding-right: 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-60 {
    padding-right: 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-70 {
    padding-right: 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-80 {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-90 {
    padding-right: 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .pr-sm-100 {
    padding-right: 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-0 {
    padding-right: 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-10 {
    padding-right: 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-20 {
    padding-right: 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-30 {
    padding-right: 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-40 {
    padding-right: 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-50 {
    padding-right: 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-60 {
    padding-right: 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-70 {
    padding-right: 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-80 {
    padding-right: 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-90 {
    padding-right: 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .pr-xs-100 {
    padding-right: 100px !important;
  }
}
/*************************************************************
            *********** padding VERTICALS ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .pv-md-0 {
    padding: 0px inherit !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-10 {
    padding: 10px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-20 {
    padding: 20px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-30 {
    padding: 30px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-40 {
    padding: 40px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-50 {
    padding: 50px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-60 {
    padding: 60px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-70 {
    padding: 70px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-80 {
    padding: 80px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-90 {
    padding: 90px 0 !important;
  }
}
@media only screen and (max-width: 1024px) {
  .pv-md-100 {
    padding: 100px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-0 {
    padding: 0px inherit !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-10 {
    padding: 10px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-20 {
    padding: 20px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-30 {
    padding: 30px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-40 {
    padding: 40px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-50 {
    padding: 50px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-60 {
    padding: 60px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-70 {
    padding: 70px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-80 {
    padding: 80px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-90 {
    padding: 90px 0 !important;
  }
}
@media only screen and (max-width: 768px) {
  .pv-mds-100 {
    padding: 100px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-0 {
    padding: 0px inherit !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-10 {
    padding: 10px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-20 {
    padding: 20px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-30 {
    padding: 30px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-40 {
    padding: 40px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-50 {
    padding: 50px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-60 {
    padding: 60px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-70 {
    padding: 70px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-80 {
    padding: 80px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-90 {
    padding: 90px 0 !important;
  }
}
@media only screen and (max-width: 576px) {
  .pv-sml-100 {
    padding: 100px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-0 {
    padding: 0px inherit !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-10 {
    padding: 10px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-20 {
    padding: 20px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-30 {
    padding: 30px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-40 {
    padding: 40px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-50 {
    padding: 50px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-60 {
    padding: 60px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-70 {
    padding: 70px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-80 {
    padding: 80px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-90 {
    padding: 90px 0 !important;
  }
}
@media only screen and (max-width: 480px) {
  .pv-sm-100 {
    padding: 100px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-0 {
    padding: 0px inherit !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-10 {
    padding: 10px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-20 {
    padding: 20px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-30 {
    padding: 30px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-40 {
    padding: 40px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-50 {
    padding: 50px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-60 {
    padding: 60px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-70 {
    padding: 70px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-80 {
    padding: 80px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-90 {
    padding: 90px 0 !important;
  }
}
@media only screen and (max-width: 400px) {
  .pv-xs-100 {
    padding: 100px 0 !important;
  }
}
/*************************************************************
            *********** padding HORIZONTALS ******************
*************************************************************/
@media only screen and (max-width: 1024px) {
  .ph-md-0 {
    padding: inherit 0px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-10 {
    padding: 0 10px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-20 {
    padding: 0 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-30 {
    padding: 0 30px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-40 {
    padding: 0 40px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-50 {
    padding: 0 50px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-60 {
    padding: 0 60px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-70 {
    padding: 0 70px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-80 {
    padding: 0 80px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-90 {
    padding: 0 90px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .ph-md-100 {
    padding: 0 100px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-0 {
    padding: inherit 0px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-10 {
    padding: 0 10px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-20 {
    padding: 0 20px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-30 {
    padding: 0 30px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-40 {
    padding: 0 40px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-50 {
    padding: 0 50px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-60 {
    padding: 0 60px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-70 {
    padding: 0 70px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-80 {
    padding: 0 80px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-90 {
    padding: 0 90px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ph-mds-100 {
    padding: 0 100px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-0 {
    padding: inherit 0px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-10 {
    padding: 0 10px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-20 {
    padding: 0 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-30 {
    padding: 0 30px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-40 {
    padding: 0 40px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-50 {
    padding: 0 50px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-60 {
    padding: 0 60px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-70 {
    padding: 0 70px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-80 {
    padding: 0 80px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-90 {
    padding: 0 90px !important;
  }
}
@media only screen and (max-width: 576px) {
  .ph-sml-100 {
    padding: 0 100px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-0 {
    padding: inherit 0px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-10 {
    padding: 0 10px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-20 {
    padding: 0 20px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-30 {
    padding: 0 30px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-40 {
    padding: 0 40px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-50 {
    padding: 0 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-60 {
    padding: 0 60px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-70 {
    padding: 0 70px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-80 {
    padding: 0 80px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-90 {
    padding: 0 90px !important;
  }
}
@media only screen and (max-width: 480px) {
  .ph-sm-100 {
    padding: 0 100px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-0 {
    padding: inherit 0px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-10 {
    padding: 0 10px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-20 {
    padding: 0 20px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-30 {
    padding: 0 30px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-40 {
    padding: 0 40px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-50 {
    padding: 0 50px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-60 {
    padding: 0 60px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-70 {
    padding: 0 70px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-80 {
    padding: 0 80px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-90 {
    padding: 0 90px !important;
  }
}
@media only screen and (max-width: 400px) {
  .ph-xs-100 {
    padding: 0 100px !important;
  }
}
/*   max 1024 px  */
@media only screen and (max-width: 1024px) {
  .gap-md {
    gap: 16px;
  }
  .row-gap-md {
    row-gap: 16px;
  }
  .column-gap-md {
    column-gap: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .gap-md-2 {
    gap: 32px;
  }
  .row-gap-md-2 {
    row-gap: 32px;
  }
  .column-gap-md-2 {
    column-gap: 32px;
  }
}
/*  max 768 px */
@media only screen and (max-width: 768px) {
  .gap-mds {
    gap: 16px;
  }
  .row-gap-mds {
    row-gap: 16px;
  }
  .column-gap-mds {
    column-gap: 16px;
  }
}
/*  max 576 px */
@media only screen and (max-width: 576px) {
  .gap-sml {
    gap: 16px;
  }
  .row-gap-sml {
    row-gap: 16px;
  }
  .column-gap-sml {
    column-gap: 16px;
  }
}
/* max 480 px*/
@media only screen and (max-width: 480px) {
  .gap-sm {
    gap: 16px;
  }
  .row-gap-sm {
    row-gap: 16px;
  }
  .column-gap-sm {
    column-gap: 16px;
  }
}
/* MODULES (please sort  alphabetically) */
@media only screen and (max-width: 1024px) {
  h1.archival {
    border-bottom: 1px solid #ddd;
    color: #313131;
    font-size: 24px;
    margin: 0 0 28px;
    padding: 0 0 20px 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  ul.archival {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(6, 1fr);
    margin-bottom: 48px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  ul.archival {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 576px) {
  ul.archival {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 400px) {
  ul.archival {
    grid-template-columns: repeat(2, 1fr);
  }
}
ul.archival li img.cover {
  max-width: 114px !important;
}
@media only screen and (max-width: 1024px) {
  ul.archival li {
    text-align: center;
    display: flex;
    width: auto;
    margin: 8px 0 0 0;
    padding: 0 0 0 4px;
    background: none;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
  }
}
@media only screen and (max-width: 1024px) {
  ul.archival li.separator {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  ul.archival li .more {
    background: none;
    display: inline-block;
    font-size: 15px;
    margin-top: 0;
    padding: 6px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .pagings.pagings--archival {
    display: flex;
    border: unset;
    padding: 10px 15px;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 576px) {
  .pagings.pagings--archival {
    justify-content: center;
  }
}
#blog {
  /*
  .blogdetails {
    picture {
      @media @tablet {
        display: flex;
        justify-content: center;
        width: 100%;
      }
    }
  }
*/
}
@media only screen and (max-width: 1024px) {
  #blog .home-banners {
    margin: -50px 0 24px;
  }
}
@media only screen and (max-width: 768px) {
  #blog .h p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  #blog .bloglist-big .item {
    flex-basis: 100%;
    min-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #blog .bloglist-big .item div > div.image {
    width: max-content;
  }
}
@media only screen and (max-width: 480px) {
  #blog .bloglist-big .item div > div.image {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist-big .item div > div.image picture {
    display: flex;
    height: auto;
    max-width: 220px;
  }
}
@media only screen and (max-width: 480px) {
  #blog .bloglist-big .item div > div.image picture {
    justify-content: center;
    max-width: unset;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist-big .item div > div.image picture a {
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  #blog .bloglist-big .item div > div.info {
    width: calc(100% - 235px);
  }
}
@media only screen and (max-width: 480px) {
  #blog .bloglist-big .item div > div.info {
    padding: 24px 0 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist-big .item div > div.info h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist .item h3,
  #blog .bloglist-featured .item h3 {
    font-size: 16px;
    height: 40px;
    line-height: 1.2;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist .item picture,
  #blog .bloglist-featured .item picture {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist .item picture a,
  #blog .bloglist-featured .item picture a {
    display: flex;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist {
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  #blog .bloglist {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 576px) {
  #blog .bloglist {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist .item {
    min-width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist .item picture a {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .bloglist-featured.cycle-slideshow .cycle-prev,
  #blog .bloglist-featured.cycle-slideshow .cycle-next {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .cms h2 {
    font-size: 24px;
    line-height: 1.5;
    margin: 24px 0 0;
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .cms h3,
  #blog .cms h4,
  #blog .cms h5,
  #blog .cms h6 {
    font-size: 18px;
    line-height: 1.5;
    margin: 18px 0 0;
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .cms span,
  #blog .cms p {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 1024px) {
  #blog .midpage-banner {
    margin-bottom: 2rem;
  }
}
@media only screen and (max-width: 1024px) {
  #breadcrumbs {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  #member #breadcrumbs {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #breadcrumbs ul {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #breadcrumbs ul li {
    font-size: 1em;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-primary span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .btn.btn-primary.btn-l span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .category-back-button {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #buybox-popup-wrapper #buybox-popup .recomend h5 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #buybox-popup-wrapper #buybox-popup .quartic-recommendations .title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #buybox {
    margin: 32px auto 0;
    min-width: 352px;
    width: 50%;
  }
}
@media only screen and (max-width: 400px) {
  #buybox {
    min-width: unset;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #buybox #buybox-cyclic-form {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox button.btn-default span,
  .nexto16 #buybox .btn.btn-default span,
  .nexto16 #buybox button.btn.btn-default span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox button.btn-primary.btn-xxl-2lines,
  .nexto16 #buybox .btn.btn-primary.btn-xxl-2lines,
  .nexto16 #buybox button.btn.btn-primary.btn-xxl-2lines {
    font-size: 16px;
    line-height: 1;
    min-height: 40px;
    padding: 6px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox button.btn-primary.btn-xxl-2lines br,
  .nexto16 #buybox .btn.btn-primary.btn-xxl-2lines br,
  .nexto16 #buybox button.btn.btn-primary.btn-xxl-2lines br {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in.cyclic.subscription {
    background-color: #f7f7f7;
    padding: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in.cyclic.subscription h3.align-center,
  .nexto16 #buybox .buybox-in.cyclic.subscription .h3.align-center {
    font-weight: 600;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in.cyclic .option-cyclic {
    width: calc(100% - 36px);
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in.cyclic .option-cyclic ~ p.info {
    height: 40px;
    margin: 0 0 0 6px;
    width: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in.cyclic .option-cyclic ~ p.info a:after {
    font-size: 16px;
    height: 100%;
    line-height: 40px;
    right: 50%;
    top: 0;
    transform: translateX(50%);
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in.issue h3.align-center,
  .nexto16 #buybox .buybox-in.issue .h3.align-center {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in.issue .prices {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in.issue .prices .price .free-product {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in.issue button.add-to-cart.btn.btn-primary.btn-xxl {
    padding: 11px 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .option-oneclick {
    margin: 0 0 20px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .option-oneclick .btn {
    font-size: 16px;
    height: auto;
    padding: 10px 20px;
    width: calc(100% - 38px);
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .option-oneclick .btn ~ p.info {
    height: 40px;
    margin: 0 0 0 8px;
    width: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .option-oneclick .btn ~ p.info a:after {
    font-size: 16px;
    line-height: 40px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in b.oneclick {
    height: 40px;
    line-height: 40px;
    margin-left: 8px;
    text-align: center;
    width: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .premium {
    padding: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .premium p {
    margin: 6px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .premium p a.help {
    display: none;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .premium a.help {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-left: 6px;
    width: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .premium div.button {
    height: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .premium button {
    width: calc(100% - 36px) !important;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .premium .prices {
    margin: 0 0 6px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .prices {
    line-height: 1;
    margin: 0 0 6px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .prices strong {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .prices .oldprice {
    font-size: 14px;
    margin-left: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .hint-trigger {
    display: none !important;
  }
}
.nexto16 #buybox .buybox-in .hint-link {
  display: none !important;
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in .hint-link {
    display: block !important;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in div.omnibus {
    font-size: 12px;
    margin: 0 0 6px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in h3.align-center,
  .nexto16 #buybox .buybox-in .h3.align-center {
    color: inherit;
    font-size: 1.2em;
    font-weight: 400;
    margin: 0 0 6px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .buybox-in button.btn.btn-default.btn-xxl.add-to-cart {
    display: block;
    margin: auto;
    padding: 10px 20px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #buybox .other a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart {
    scroll-margin-top: unset;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .order-item {
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .order-item h3 + h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .order-item h3 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .order-item .product-tags {
    display: none;
  }
}
#content #cart .order-item .cover {
  max-width: 152px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  #content #cart #sort-wrapper label,
  #content #cart #sort-wrapper select,
  #content #cart #sort-wrapper option {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .softgraybox {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .softgraybox input[type="radio"] {
    margin-top: -4px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .payment-coupon-label small {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .message.coupon-message {
    font-size: 16px;
    margin: 0;
  }
}
@media only screen and (max-width: 576px) {
  #content #cart .message.coupon-message {
    margin: 10px 0 0 0;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart #quartic_slt_thankyou_page .quartic-recommendations .price .label {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart #quartic_slt_thankyou_page .quartic-recommendations .price .oldprice {
    font-size: 14px;
  }
}
#content #cart #quartic_slt_thankyou_page .quartic-recommendations ul li .title {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  #content #cart .softgraybox .price {
    display: flex;
    justify-content: end;
    align-items: center;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .payment-coupon-label {
    margin-bottom: 20px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .additional .btn.btn-submit,
  #content #cart .additional .btn.btn-remove {
    height: 33px;
    margin-right: 3px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .termsOfUseWrapper input {
    height: 20px;
    margin-top: -5px;
    width: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .btn.btn-primary.btn-more span {
    background-position-x: calc(100% - 15px);
    padding-right: 50px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .btn.btn-primary.btn-more:hover span {
    background-position-x: calc(100% - 15px);
    padding-right: 50px;
  }
}
#content #cart .fb_table {
  /*
      .c1 {
        @media @tablet {
          display: block;
          text-align: left;
          width: 100%;
        }
      }
      .c2 {
        &.control {
          @media @tablet {
            display: block;
            width: 100%;
          }
        }
      }
*/
}
@media only screen and (max-width: 1024px) {
  #content #cart .fb_table .fb_header th {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .buttons_mid {
    float: none;
    margin: 30px 0 10px;
  }
}
@media only screen and (max-width: 1024px) {
  #address_table #content #cart .fb_table .c2.control:has(.fb_checkbox) {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #content #cart .shipping div {
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #content #cart .shipping div br + br + br {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #content #cart .shipping div input {
    margin-top: -4px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .shipping .places {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #content #cart .shipping .places {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .shipping .places div label {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 576px) {
  #content #cart .shipping .places div label {
    display: block;
    float: none;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .shipping .places div select {
    float: none;
    margin: 0 0 10px 10px;
    padding: 10px;
    width: calc(70% - 30px);
  }
}
@media only screen and (max-width: 768px) {
  #content #cart .shipping .places div select {
    width: 70%;
  }
}
@media only screen and (max-width: 576px) {
  #content #cart .shipping .places div select {
    margin: 10px 0 10px 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .form-group {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 576px) {
  #content #cart .form-group {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .form-group > label {
    display: inline;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .form-label {
    margin: 5px 0 0 0;
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .form-control input {
    padding: 3px 12px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .form-control textarea {
    padding: 8px 12px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart #gift_email + div {
    font-size: 14px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart #payment_coupon {
    margin-bottom: 10px;
  }
}
#content #cart .coupon-wrapper {
  display: inline;
}
@media only screen and (max-width: 576px) {
  #content #cart .coupon-wrapper {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .spaced-between-md {
    display: flex;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .spaced-between-md:after {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #content #cart .clear-order-btn {
    position: absolute;
    right: 16px;
    top: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .free-product {
    font-size: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .name {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  #cart div.buttons {
    column-gap: 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1024px) {
  #cart div.buttons--block {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC {
    max-width: 674px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle,
  #cart #paymentMethodsCC .accordion_toggle_active {
    background-color: #f7f7f7;
    background-image: none;
    height: auto;
    line-height: 1.25;
    margin-right: 0;
    min-height: 50px;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle:before,
  #cart #paymentMethodsCC .accordion_toggle_active:before,
  #cart #paymentMethodsCC .accordion_toggle:after,
  #cart #paymentMethodsCC .accordion_toggle_active:after {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle:before,
  #cart #paymentMethodsCC .accordion_toggle_active:before {
    border-radius: 50%;
    height: 5px;
    left: 17px;
    padding: 2px;
    width: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle:after,
  #cart #paymentMethodsCC .accordion_toggle_active:after {
    border-color: #da4a10;
    border-style: solid;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 5px;
    right: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle {
    background-color: #f7f7f7;
    padding: 16px 50px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle:before {
    background-color: #fff;
    border: 3px solid #f7f7f7;
    outline: 2px solid #da4a10;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle:after {
    top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle span {
    margin-top: 15px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle span:empty {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle_active {
    background-color: #da4a10;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle_active:before {
    background-color: #fff;
    border: 3px solid #da4a10;
    outline: 2px solid #fff;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_toggle_active:after {
    border-color: #fff;
    border-style: solid;
    top: 15px;
    transform: rotate(45deg);
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_content {
    background-color: #FAF8EB;
    background-image: none;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC .accordion_content ul.in {
    margin-right: 0;
    padding: 20px 15px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC #methodQuickTransfer li {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC #methodQuickTransfer li input {
    margin-top: 6px;
    margin-right: 7px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #paymentMethodsCC #methodPoints p {
    padding: 16px;
  }
}
@media only screen and (max-width: 768px) {
  #cart .recommendations.on-overlay {
    width: 90dvw;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations h3.main {
    padding-right: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations .form-content-wrap-bottom {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations .text-content-wrap {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations .form-content-wrap {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations .over-all .scroll {
    max-width: 735px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations #rc-products .label {
    display: inline;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations form .mobile-large {
    padding: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations form .ff,
  #cart .recommendations form textarea {
    display: block;
    min-height: 42px;
    max-width: 440px;
    padding: 3px 12px;
    width: 100%;
  }
}
#cart .recommendations form textarea {
  height: 40px;
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations form textarea {
    min-height: 82px;
    padding: 8px 12px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations form .ff_row {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations form button {
    background-image: none;
    background-color: #f1562a;
    height: auto;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 7px 15px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations form button span {
    color: white;
    display: inline;
    font-size: 16px;
    font-weight: 700;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations form label {
    display: block;
    margin-bottom: 5px;
    text-align: left;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #cart .recommendations form input::placeholder,
  #cart .recommendations form textarea::placeholder {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations form#rc-products label {
    display: inline;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations .text-content-wrap .text-content {
    margin: 20px 10px 20px 10px;
  }
}
@media only screen and (max-width: 576px) {
  #cart .recommendations p.ff_row label,
  #cart .recommendations p.ff_row input,
  #cart .recommendations p.ff_row textarea {
    float: none;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations .why {
    margin-bottom: 10px;
    position: static;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations .social {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0px;
    padding: 20px 0;
    row-gap: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .recommendations .social li {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_semi_toggle {
    font-size: 14px;
    line-height: 1.25;
    margin-top: 20px;
    padding: 0 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .product-tags .tag + .tag {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #cart_content .form-group {
    margin: 20px 0 10px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart_content .form-group .form-label {
    align-items: center;
    display: flex;
    justify-content: end;
    text-align: right;
  }
}
@media only screen and (max-width: 1024px) {
  #cart_content input:not([type="checkbox"]):not([type="radio"]) {
    height: 42px;
    margin-bottom: 8px;
    padding: 3px 12px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart_content input#payment_coupon {
    height: auto;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #cart_content input[type="checkbox"] {
    height: 20px;
    margin-right: 6px;
    width: 20px;
  }
}
@media only screen and (max-width: 768px) {
  #cart_content .client_data table td.shipping,
  #cart_content .client_data table td.invoice {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #cart_content .client_data table table td.label {
    text-align: left !important;
  }
}
@media only screen and (max-width: 1024px) {
  #cart #address .fb_table .c2 input,
  #cart #address .fb_table .c2 textarea {
    max-width: 300px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .loginBox {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .loginBox .fb_input_no_size {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #reminder_table {
    width: 100%;
  }
}
.edit_form_bg {
  width: 400px;
}
@media only screen and (max-width: 1024px) {
  .edit_form_bg {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .points_span {
    white-space: nowrap;
  }
}
.quartic-recommendations {
  margin-bottom: 30px;
}
@media only screen and (max-width: 1024px) {
  #category-items {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  #main #category-items h1 {
    width: 100%;
    margin: 0 0 28px;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items .header-count,
  #category-items .footer-count {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items .txt.desc {
    margin-top: 32px;
    order: 3;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items .txt.desc.icon {
    background-position: 16px top;
    background-size: 60px;
    padding-left: 100px;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items .desc {
    font-size: 16px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items [data-content='filters'] {
    margin-bottom: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items .line-up {
    margin-left: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .pagings {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .pagings .pagings_in {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .pagings .pagings_in .footer-count {
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  #category-items #results .pagings .pagings_in .listnavigator {
    margin: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .view-mode label {
    font-size: 16px;
  }
}
#category-items #results .desc {
  white-space: wrap;
}
@media only screen and (max-width: 1024px) {
  #main .cms {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .cms h4 {
    font-size: 18px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .cms ul li {
    background-position-y: 9px;
  }
}
@media only screen and (max-width: 1024px) {
  .cms img {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .cms img[src*="spacer_promocje.png"] {
    height: 6px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .cms a {
    overflow-wrap: anywhere;
    word-break: break-word;
  }
}
@media only screen and (max-width: 1024px) {
  #contact_v3.navBlock_v3 h3,
  #contact_v3.navBlock_v3 .h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #contact_v3.navBlock_v3 .lbox p {
    font-size: 16px;
  }
}
#intro_rennab.cycle-slideshow,
#intro_rennab.cycle-slideshow-noinit {
  aspect-ratio: 1000 / 340;
  width: 100% !important;
}
@media only screen and (max-width: 576px) {
  #intro_rennab.cycle-slideshow,
  #intro_rennab.cycle-slideshow-noinit {
    aspect-ratio: 576 / 400;
  }
}
@media only screen and (max-width: 1024px) {
  #intro_rennab.cycle-slideshow .jmBanner1000 a picture,
  #intro_rennab.cycle-slideshow-noinit .jmBanner1000 a picture {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  #intro_rennab.cycle-slideshow .jmBanner1000 a img,
  #intro_rennab.cycle-slideshow-noinit .jmBanner1000 a img {
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #intro_rennab.cycle-slideshow .cycle-prev,
  #intro_rennab.cycle-slideshow-noinit .cycle-prev,
  #intro_rennab.cycle-slideshow .cycle-next,
  #intro_rennab.cycle-slideshow-noinit .cycle-next {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  html .cycle-pager {
    height: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  html .cycle-pager span {
    box-sizing: content-box;
    margin-right: 0;
    padding: 4px;
  }
}
@media only screen and (max-width: 1024px) {
  html .cycle-pager span + span {
    margin-left: 6px;
  }
}
.cycle-slideshow,
.cycle-slideshow-noinit {
  overflow: hidden;
}
@media only screen and (max-width: 1024px) {
  .cycle-slideshow,
  .cycle-slideshow-noinit {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .guarantee__desc {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #jmCookieMessage p {
    font-size: 14px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  div.tool_but_cart_red,
  div.tool_but_cart {
    font-size: 14px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  div.tool_but_cart_red a .quantity,
  div.tool_but_cart a .quantity {
    align-items: center;
    display: flex;
    font-size: 14px;
    justify-content: center;
    line-height: 25px;
    top: 4px;
  }
}
@media only screen and (max-width: 1024px) {
  span.custom_select {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  .daily-offer-placeholder .tmp-net {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue .free-product {
    font-size: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #tl_cart .free-product {
    font-size: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .rating-wrapper .rating-label {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .issue-featured h3 + h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .packslist .pack .products .issue .title {
    font-size: 16px;
    line-height: 19px;
  }
}
@media only screen and (max-width: 1024px) {
  .issue-featured .body {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommender.reco-lazyload span,
  .quartic.reco-lazyload span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .infomark {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .publishers ul li {
    font-size: 16px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .view-mode label {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #big_poster {
    left: 50% !important;
    transform: translateX(-50%);
  }
}
picture.cover img {
  height: auto;
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .fb_table .c1 {
    width: 150px;
  }
}
@media only screen and (max-width: 1024px) {
  #downloads.nexto2013 h2 {
    font-size: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  #downloads.nexto2013 p,
  #downloads.nexto2013 em,
  #downloads.nexto2013 span {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1024px) {
  #downloads.nexto2013 .order-items {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #downloads.nexto2013 .order-items .header .buttons {
    display: block;
    padding: 16px 0;
    position: initial;
  }
}
@media only screen and (max-width: 1024px) {
  #downloads.nexto2013 .faq {
    float: right;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #downloads.nexto2013 .faq h4 {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 1024px) {
  .error404 {
    background-image: none;
  }
}
@media only screen and (max-width: 1024px) {
  .error404 .description {
    max-width: 450px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .error {
    max-width: 970px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .error .description {
    margin: 0 15px 0 15px;
  }
}
@media only screen and (max-width: 1024px) {
  #footer nav.mainwidth {
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 576px) {
  #footer nav.mainwidth ul {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
}
@media only screen and (max-width: 576px) {
  #footer nav.mainwidth ul {
    padding: 12px 0;
  }
}
@media only screen and (max-width: 1024px) {
  #footer nav.mainwidth ul li {
    padding: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #footer nav.mainwidth ul li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px) {
  #footer nav.mainwidth ul li a {
    padding: 4px 0;
  }
}
@media only screen and (max-width: 1024px) {
  #footer .authors p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  #footer .copyright {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .free_sample a.link > span.btn-primary.btn-l span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 .mainmenu li.level0:nth-child(4),
  #mainmenu_v3 .mainmenu li.level0:nth-child(5),
  #mainmenu_v3 .mainmenu li.level0:nth-child(6),
  #mainmenu_v3 .mainmenu li.level0:nth-child(7),
  #mainmenu_v3 .mainmenu li.level0:nth-child(8) {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .logo a {
    background-size: contain;
    height: 44px;
    width: 150px;
  }
}
@media only screen and (max-width: 1024px) {
  .logo.logo-premium a {
    background-size: contain;
  }
}
@media only screen and (max-width: 1024px) {
  div.tool_but_cart,
  div.tool_but_cart_red {
    display: flex;
    flex-wrap: wrap;
  }
}
div.tool_but_cart:has(.menu-ham.is--open) .cart,
div.tool_but_cart_red:has(.menu-ham.is--open) .cart {
  display: none;
}
@media only screen and (max-width: 1024px) {
  div.tool_but_cart a.active,
  div.tool_but_cart_red a.active,
  div.tool_but_cart a:hover,
  div.tool_but_cart_red a:hover {
    background-color: transparent;
  }
}
@media only screen and (max-width: 1024px) {
  div.tool_but_cart a:hover,
  div.tool_but_cart_red a:hover {
    text-decoration: underline;
  }
}
@media only screen and (max-width: 1024px) {
  div.tool_but_cart a span.aspan,
  div.tool_but_cart_red a span.aspan {
    background-position: center center;
    height: 46px;
    padding: 0;
    width: 55px;
  }
}
@media only screen and (max-width: 1024px) {
  div.tool_but_cart .tl_buttons,
  div.tool_but_cart_red .tl_buttons {
    border-top: 2px solid #ddd;
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 101;
  }
}
@media only screen and (max-width: 1024px) {
  div.tool_but_cart .tl_buttons,
  div.tool_but_cart_red .tl_buttons {
    padding: 10px;
  }
}
@media only screen and (max-width: 576px) {
  div.tool_but_cart .tl_buttons,
  div.tool_but_cart_red .tl_buttons {
    padding: 10px 30px;
  }
}
@media only screen and (max-width: 1024px) {
  div.tool_but_cart .tl_buttons a.logout,
  div.tool_but_cart_red .tl_buttons a.logout {
    background-position-y: 5px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham {
    display: flex;
    margin: 0 5px 0 15px;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham .tool_layer {
    z-index: 100;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham.is--open .tool_layer {
    bottom: 0;
    display: block;
    height: 100dvh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 200;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham .layer_menu ul li a {
    font-size: 16px;
  }
}
.menu-ham-btn-open,
.menu-ham-btn-close {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .menu-ham-btn-open,
  .menu-ham-btn-close {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    padding: 0;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham-btn-open {
    display: block;
  }
}
.is--open .menu-ham-btn-open {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .menu-ham-btn-close {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .is--open .menu-ham-btn-close {
    display: block;
    position: absolute;
    right: 20px;
    top: 25px;
    z-index: 110;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham-context {
    background-color: #fff;
    overflow: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham-context .tl_inside {
    height: 100dvh;
    overflow: hidden;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham-context .tl_inside_bg-gray {
    background-color: #f7f7f7;
    padding-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham-context .tl_inside_bg-gray p.align-center a:not(.aregistred) {
    color: inherit;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .menu-ham-context .tl_inside .tool_layer p {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham-context .layer_menu {
    background-color: #fff;
    border-top: 1px solid #ddd;
    padding: 10px 20px;
    max-height: calc(100dvh - 198px);
    overflow: auto;
  }
}
@media only screen and (max-width: 1024px) and (orientation: landscape) {
  .menu-ham-context .layer_menu {
    max-height: calc(100dvh - 195px);
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham-context .btn.btn-primary {
    display: inline-block;
  }
}
@media only screen and (max-width: 1024px) {
  .menu-ham-context .btn.btn-primary.btn-more span {
    background-position-x: calc(100% - 30px);
    padding: 7px 60px 8px 40px;
  }
}
@media only screen and (max-width: 1024px) {
  body.is--menu-opened {
    overflow: hidden !important;
  }
}
body.is--menu-opened:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: '';
  display: block;
  inset: calc(100vh - 20px) 0 0 0;
  position: fixed;
}
@media only screen and (max-width: 1024px) {
  body.is--menu-opened #mainmenu_v3 ul.mainmenu {
    z-index: 100;
  }
}
body.is--menu-opened header {
  z-index: 200;
}
@media only screen and (max-width: 1024px) {
  body.is--content-fixed {
    position: fixed;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header {
    padding-top: 103px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header.is--scrolled-down #mainmenu_v3 {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #mainmenu_v3 {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #mainmenu_v3 ul.mainmenu li.level0 {
    border-bottom-width: 3px;
    padding-bottom: 1px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #mainmenu_v3 ul.mainmenu li.level0 > a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #mainmenu_v3 ul.mainmenu li.level0 > .ext {
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #mainmenu_v3 .close-submenu-btn {
    right: 8px;
    top: 4px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #search_v3 {
    position: static;
  }
}
@media only screen and (max-width: 1024px) {
  .is--menu-opened body.sticky-header #search_v3 {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #search_v3 .search_but {
    float: left;
    width: 70px;
    height: 40px;
    border: 0 none;
    margin-left: -71px;
    border-left: 0 none;
    background: transparent url('/images/nexto16/search.svg') 50% 50% no-repeat;
    color: transparent;
    position: relative;
    cursor: pointer;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #search_v3 .search_but:hover {
    background: transparent url('/images/nexto16/search.svg') 50% 50% no-repeat;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #search_v3 .display-search {
    top: 25px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header div.tool_but_cart a,
  body.sticky-header div.tool_but_cart_red a {
    background-image: none;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header div.tool_but_cart a span.aspan,
  body.sticky-header div.tool_but_cart_red a span.aspan {
    background-size: auto auto;
    height: 46px;
    padding: 0;
    width: 55px;
  }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 1024px) {
  body.sticky-header.search-mode.is--scrolled-down header .mainwidth {
    padding: 0 16px 50px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header.search-mode #search_v3 {
    top: 70px;
    left: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header.search-mode #search_v3 .toggle {
    background-color: #ddd;
    right: 104px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header.search-mode #search_v3 fieldset {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header.search-mode #mainmenu_v3 {
    margin-top: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header header .mainwidth {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header .logo a {
    background-image: url('/images/nlayout/logo_nexto.png');
    background-size: contain;
    height: 44px;
    margin: 21px 0;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header .logo.logo-premium a {
    background-image: url('/images/nlayout/logo_nexto_premium.png');
    background-size: contain;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header div.tool_but_cart a .quantity,
  body.sticky-header div.tool_but_cart_red a .quantity {
    left: 35px;
    top: 4px;
  }
}
@media only screen and (max-width: 1024px) {
  body.search-mode #search_v3 {
    background-color: #fff;
    margin: 5px 0 0;
    position: absolute;
    top: 50px;
    width: calc(100% - calc(2 * 16px));
    z-index: 100;
  }
}
@media only screen and (max-width: 1024px) {
  body.search-mode #search_v3 fieldset {
    align-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  body.search-mode #search_v3 .display-search {
    background-color: #ddd;
    right: 104px;
    top: -50px;
  }
}
@media only screen and (max-width: 1024px) {
  body.search-mode #search_v3 .hide-searching {
    border-left: 0;
    display: block;
    position: static;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1024px) {
  body.search-mode #mainmenu_v3 {
    margin-top: 68px;
  }
}
@media only screen and (max-width: 1024px) {
  body.search-mode.suggester-visible #search_v3 {
    position: absolute;
    z-index: 200;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 label {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 fieldset {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 .display-search {
    display: block;
    left: auto;
    position: absolute;
    right: 120px;
    top: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 .toggle {
    background-size: 80% auto;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner {
    height: 44px;
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner span {
    float: none;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner span.ss1 {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner span.si1 {
    background-color: transparent;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner input {
    font-size: 16px;
    height: 30px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner .suggest {
    left: -1px;
    right: -1px;
    top: 43px;
    width: calc(100% + 41px);
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner .suggest a {
    align-items: center;
    display: flex;
    height: auto;
    min-height: 70px;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner .suggest div.container-fluid::after {
    left: 16px;
    width: calc(100% + calc(2 * 16px));
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 .hide-searching {
    height: 44px;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 form .control {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .tool_layer {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .tool_layer .tl_inside {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .tool_layer#tl_cart {
    z-index: 210;
  }
}
@media only screen and (max-width: 576px) {
  .tool_layer#tl_cart {
    left: 16px !important;
    right: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .tool_layer#tl_cart li a.name {
    font-size: clamp(14px, 4dvw, 16px);
    line-height: 1.2;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 > .ext {
    box-shadow: none;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 > .ext .all-link {
    background-position-x: calc(100% - 15px);
    border-bottom: 1px solid #ddd;
    display: block;
    float: none;
    margin: 0 -15px;
    padding: 0 15px;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 ul {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 li.level1 {
    margin: 10px 0;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0.hover .ext {
    max-height: calc(100dvh - 150px);
    padding-top: 45px;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 .close-submenu-btn {
    position: relative;
    right: -8px;
  }
}
@media only screen and (max-width: 1024px) {
  .megamenu-container,
  .top-ten-layer {
    max-height: calc(100dvh - 300px);
  }
}
@media only screen and (max-width: 1024px) {
  .sticky-header .megamenu-container,
  .sticky-header .top-ten-layer {
    max-height: calc(100dvh - 300px);
  }
}
@media only screen and (max-width: 1024px) {
  .suggest div {
    padding: 1px 4px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .suggest .name {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  #tl_cart .product-desc {
    align-items: center;
    display: flex;
  }
}
@media only screen and (max-width: 1024px) {
  #tl_cart .product-price {
    font-size: clamp(14px, 4dvw, 16px);
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles a.btn-primary span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles a.btn-primary span.btn-l span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .getfiles .reviews.btn-primary span.btn-l span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #help {
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms > ul {
    padding-left: 45px;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms > ul li {
    background: none;
    margin: 16px 0;
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms > ul li > a {
    padding: 8px 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms > ul li h3 {
    margin-top: 32px;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .found {
    font-size: 14px;
    padding-left: 45px;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer {
    margin-bottom: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer .content {
    padding: 24px 0 8px 45px;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer .content div,
  #help div.cms .help_answer .content p,
  #help div.cms .help_answer .content ul {
    margin-left: -15px;
    margin-top: 0;
    padding-left: 0;
    text-align: left;
    word-wrap: break-word;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer .content p:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer p.more {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer p.more a {
    padding: 8px 0 8px 10px;
    background-position-y: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer .title {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer .title h3 {
    padding-right: 58px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms .help_answer .title.help_title h3 {
    padding-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms p {
    margin: 24px 0;
    padding-left: 45px;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms #questions_container {
    position: unset;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms #questions_container ul#questions {
    background-color: #f7f7f7;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms #questions_container ul#questions li {
    margin: 1em 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help div.cms #questions_container ul#questions li a {
    padding: 8px 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help .help_search {
    border: unset;
    margin-left: 45px;
    width: calc(100% - 45px);
  }
}
@media only screen and (max-width: 1024px) {
  #help .help_search form {
    align-items: center;
    background-color: unset;
    display: flex;
    flex-direction: row;
    gap: 16px;
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  #help .help_search form {
    flex-direction: column;
    gap: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help .help_search form .search_but {
    display: block;
    height: auto;
    margin: 20px 0;
    min-width: 220px;
    padding: 16px 0;
  }
}
@media only screen and (max-width: 1024px) {
  #help .help_search form input[name='question'] {
    height: 42px;
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #help .sticky-anchor {
    top: -10px;
  }
}
@media only screen and (max-width: 1024px) {
  #help h2 {
    background-position-x: 0px;
    padding: 3px 0 0 35px;
  }
}
@media only screen and (max-width: 1024px) {
  #help h2.help_title {
    height: auto;
    margin: 1em 0 0 0;
    padding: 2px 0 0 42px;
  }
}
@media only screen and (max-width: 1024px) {
  #help h3.help_title {
    height: auto;
    margin: 1em 0 0 0;
    padding: 4px 0 4px 45px;
  }
}
@media only screen and (max-width: 1024px) {
  #pomoc {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .webapp.lazyloaded {
    height: 100%;
    min-height: 275px;
  }
}
@media only screen and (max-width: 480px) {
  .home-banners .webapp.lazyloaded {
    min-height: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .webapp.lazyloaded a.global {
    height: 100%;
    padding: 40px 60px;
  }
}
@media only screen and (max-width: 768px) {
  .home-banners .webapp.lazyloaded a.global {
    height: 100%;
    padding: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .home-banners .webapp.lazyloaded a.global {
    height: 100%;
    padding: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .webapp.lazyloaded a.global:after {
    background-clip: content-box;
    background-position: center;
    background-size: cover;
    height: 255px;
    right: 12%;
    top: 30px;
    width: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .home-banners .webapp.lazyloaded a.global:after {
    height: 235px;
    right: -5px;
    top: 55px;
    width: 180px;
  }
}
@media only screen and (max-width: 576px) {
  .home-banners .webapp.lazyloaded a.global:after {
    height: 215px;
    top: 75px;
    width: 170px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .webapp.lazyloaded a.global h3,
  .home-banners .webapp.lazyloaded a.global .h3 {
    padding: 0 0 30px;
  }
}
@media only screen and (max-width: 480px) {
  .home-banners .webapp.lazyloaded a.global h3,
  .home-banners .webapp.lazyloaded a.global .h3 {
    padding: 0 0 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .webapp.lazyloaded a.global .icon-text {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    margin-left: 40px;
    max-width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .home-banners .webapp.lazyloaded a.global .icon-text {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 400px) {
  .home-banners .webapp.lazyloaded a.global .icon-text {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .webapp.lazyloaded a.global .icon-text:before {
    aspect-ratio: 1 / 1;
    background: url(/images/nexto16/mobileapp-reader.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    max-width: 70px;
    min-width: 30px;
    width: 25%;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .webapp.lazyloaded a.global .icon-text strong {
    margin-left: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .webapp ul {
    bottom: 0;
    left: 60px;
    position: absolute;
    top: unset;
  }
}
@media only screen and (max-width: 768px) {
  .home-banners .webapp ul {
    left: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .home-banners .webapp ul {
    left: 20px;
    max-width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .webapp ul li {
    margin: 0 20px 40px 0;
  }
}
@media only screen and (max-width: 480px) {
  .home-banners .webapp ul li {
    margin: 0 20px 20px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 1024px) {
  .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul li {
    padding: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul li .price {
    text-align: center !important;
  }
}
@media only screen and (max-width: 1024px) {
  .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul li .title {
    font-size: 16px;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul li .cover {
    align-items: flex-end;
    display: flex;
    justify-content: center;
  }
}
#cart .info_summary #quartic_slt_thankyou_page .quartic-recommendations h3 {
  margin-top: 15px;
}
@media only screen and (max-width: 1024px) {
  #cart .info_summary #quartic_slt_thankyou_page .quartic-recommendations h3 {
    margin-top: 15px 0 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul {
    display: flex;
    justify-content: center;
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul li {
    width: min-content;
  }
}
@media only screen and (max-width: 1024px) {
  #cart .info_summary #quartic_slt_thankyou_page .quartic-recommendations ul li .cover {
    margin-bottom: 10px;
  }
}
#cart .info_summary #quartic_slt_thankyou_page .quartic-recommendations picture.cover img {
  max-height: 211px;
}
@media only screen and (max-width: 1024px) {
  .issues li .issue .ext small {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .issues li .issue .body {
    font-size: 16px;
    line-height: 24px;
  }
}
.jmBanner1000 + .jmBanner1000:not(.cycle-slide) {
  margin-top: 32px;
}
.jmBanner1000 + .jmBanner1000:not(.cycle-slide):nth-last-child(1 of .jmBanner1000) {
  margin-bottom: 32px;
}
.jmBanner1000 + .jmBanner1000:not(.cycle-slide)::before {
  background: #e85930;
  content: '';
  display: block;
  height: 6px;
  margin: 0 auto 32px;
  max-width: 620px;
  width: 100%;
}
.document_ajax_body .jmBanner1000,
.jmBanner1000 {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .document_ajax_body .jmBanner1000,
  .jmBanner1000 {
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .document_ajax_body .jmBanner1000 a,
  .jmBanner1000 a {
    height: 100%;
    width: 100%;
  }
}
.document_ajax_body .jmBanner1000 a picture,
.jmBanner1000 a picture {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 1024px) {
  .document_ajax_body .jmBanner1000 a picture,
  .jmBanner1000 a picture {
    height: 100%;
    width: 100%;
  }
}
.document_ajax_body .jmBanner1000 img.stat,
.jmBanner1000 img.stat {
  bottom: 0;
  position: absolute;
}
@media only screen and (max-width: 1024px) {
  .nexto16 .listnavigator a {
    font-size: 16px;
    line-height: 1;
    padding: 8px 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 .listnavigator a + a {
    margin-left: 6px;
  }
}
@media only screen and (max-width: 1024px) {
  .table-c1-styling {
    vertical-align: middle;
    width: auto;
  }
}
@media only screen and (max-width: 576px) {
  .table-c1-styling {
    margin-top: 5px;
    padding-bottom: 0;
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .table-c2-styling {
    min-height: 42px;
    padding: 8px 8px 5px;
  }
}
@media only screen and (max-width: 576px) {
  .table-c2-styling {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .table-c2-styling input {
    height: 42px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .table-c2-styling input[type="file"] {
    height: auto;
    padding: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .table-c2-styling input[type="checkbox"],
  .table-c2-styling input[type="radio"] {
    height: 20px;
    margin-right: 12px;
    width: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .table-c2-styling input,
  .table-c2-styling textarea {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .table-c2-styling textarea {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .table-c2-styling:has(.info_link) input {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  .table-c2-styling.control {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle,
  #cartLogin20130103 .accordion_toggle_active {
    background-color: #f7f7f7;
    background-image: none;
    height: auto;
    line-height: 1.25;
    min-height: 50px;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle:before,
  #cartLogin20130103 .accordion_toggle_active:before,
  #cartLogin20130103 .accordion_toggle:after,
  #cartLogin20130103 .accordion_toggle_active:after {
    content: '';
    display: block;
    position: absolute;
    top: 18px;
    transform: rotate(-45deg);
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle:before,
  #cartLogin20130103 .accordion_toggle_active:before {
    border-radius: 50%;
    height: 5px;
    left: 17px;
    padding: 2px;
    width: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle:after,
  #cartLogin20130103 .accordion_toggle_active:after {
    border-color: #da4a10;
    border-style: solid;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 5px;
    right: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle {
    background-color: #f7f7f7;
    padding: 16px 50px;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle:before {
    background-color: #fff;
    border: 3px solid #f7f7f7;
    outline: 2px solid #da4a10;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle:after {
    top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle_active {
    background-color: #da4a10;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle_active:before {
    background-color: #fff;
    border: 3px solid #da4a10;
    outline: 2px solid #fff;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .accordion_toggle_active:after {
    border-color: #fff;
    border-style: solid;
    top: 15px;
    transform: rotate(45deg);
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_form_in {
    padding: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_form_out {
    margin: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .ml,
  #cartLogin20130103 .fb_table .mr {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  #cartLogin20130103 .fb_table .c1,
  #cartLogin20130103 .fb_table .c2 {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .c1 {
    vertical-align: middle;
    width: auto;
  }
}
@media only screen and (max-width: 576px) {
  #cartLogin20130103 .fb_table .c1 {
    margin-top: 5px;
    padding-bottom: 0;
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .c2 {
    min-height: 42px;
    padding: 8px 8px 5px;
  }
}
@media only screen and (max-width: 576px) {
  #cartLogin20130103 .fb_table .c2 {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .c2 input {
    height: 42px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .c2 input[type="file"] {
    height: auto;
    padding: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .c2 input[type="checkbox"],
  #cartLogin20130103 .fb_table .c2 input[type="radio"] {
    height: 20px;
    margin-right: 12px;
    width: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .c2 input,
  #cartLogin20130103 .fb_table .c2 textarea {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .c2 textarea {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .c2:has(.info_link) input {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .fb_table .c2.control {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  #cartLogin20130103 .hintTrigger {
    font-size: 14px;
  }
}
@media only screen and (max-width: 576px) {
  #cartLogin20130103 .info_link_cart {
    vertical-align: baseline;
  }
}
@media only screen and (max-width: 1024px) {
  #member #main .cms {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #member #main .cms h2:first-child,
  #member #main .cms h3:first-child {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #member #main .cms > div > p {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 1024px) {
  .info_link {
    margin: 0 10px 0 15px;
  }
}
@media only screen and (max-width: 1024px) {
  #register_table .info_link {
    margin: 0 10px 0 0px;
  }
}
@media only screen and (max-width: 1024px) {
  #register_table .info_link + br {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #register_table .fb_field td.control:has(input[type="checkbox"]),
  #register_table .fb_field td.controldiv {
    padding-left: 40px;
    padding-top: 20px;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  #register_table .fb_field td.control:has(input[type="checkbox"]) input[type="checkbox"],
  #register_table .fb_field td.controldiv input[type="checkbox"] {
    height: 20px;
    left: 3px;
    position: absolute;
    top: 21px;
    width: 20px !important;
  }
}
@media only screen and (max-width: 576px) {
  #register .fb_table .c2.control {
    display: block;
    position: relative;
  }
}
@media only screen and (max-width: 576px) {
  #register .fb_table .c2.control .info_link {
    position: absolute;
    top: 55px;
    left: 9px;
  }
}
@media only screen and (max-width: 576px) {
  #register .fb_table .c2.control .info_link ~ span {
    display: block;
    line-height: 1.2;
    padding-left: 25px;
    padding-top: 5px;
  }
}
@media only screen and (max-width: 576px) {
  .hint {
    width: calc(100dvw - calc(2 * 16px));
  }
}
@media only screen and (max-width: 576px) {
  .hintin {
    width: 100%;
  }
}
.back-to-cart-btn {
  padding: 0 35px;
  text-align: right;
  width: 600px;
}
@media only screen and (max-width: 1024px) {
  .back-to-cart-btn {
    font-size: 14px;
    padding: 0;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_form_in {
    padding: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_form_out {
    margin: 30px 0 0;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_form_out .fb_table .ml,
  .fb_form_out .fb_table .mr {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .fb_table .c1,
  .fb_table .c2 {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c1 {
    vertical-align: middle;
    width: auto;
  }
}
@media only screen and (max-width: 576px) {
  .fb_table .c1 {
    margin-top: 5px;
    padding-bottom: 0;
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c2 {
    min-height: 42px;
    padding: 8px 8px 5px;
  }
}
@media only screen and (max-width: 576px) {
  .fb_table .c2 {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c2 input {
    height: 42px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c2 input[type="file"] {
    height: auto;
    padding: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c2 input[type="checkbox"],
  .fb_table .c2 input[type="radio"] {
    height: 20px;
    margin-right: 12px;
    width: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c2 input,
  .fb_table .c2 textarea {
    padding-left: 12px;
    padding-right: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c2 textarea {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c2:has(.info_link) input {
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c2.control {
    align-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 576px) {
  .fb_table TD.label {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_form .fb_footer {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .main-content {
    display: flex;
    flex-wrap: wrap;
  }
}
.main-content__mob-top-bar {
  white-space: wrap;
}
@media only screen and (max-width: 1024px) {
  .main-content__mob-top-bar {
    order: 2;
  }
}
@media only screen and (max-width: 1024px) {
  .main-content__product-list {
    order: 2;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 ul {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 > a {
    font-size: 16px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #mainmenu_v3 ul.mainmenu li.level0 > a {
    font-size: 16px;
    line-height: 23px;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 > .ext h5,
  #mainmenu_v3 ul.mainmenu li.level0 > .ext .h5 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 > .ext .issue-layer .button-row a.btn,
  #mainmenu_v3 ul.mainmenu li.level0 > .ext .issue-layer .price-row a.btn,
  #mainmenu_v3 ul.mainmenu li.level0 > .ext .issue-layer .img-row a.btn {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 > .ext .issue-layer .price-row .price strong,
  #mainmenu_v3 ul.mainmenu li.level0 > .ext .issue-layer .price-row .price del {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 > .ext .all-link {
    line-height: 40px;
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  #mainmenu_v3 ul.mainmenu li.level0 .top-ten-layer ul li.level1 {
    font-size: 16px;
    line-height: 19px;
  }
}
@media only screen and (max-width: 1024px) {
  #member #mainleft {
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #member .fb_form_out {
    border-bottom: 0;
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #member .fb_table .c1 {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #member .fb_table .c2 input {
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #member .fb_table .c2.control {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #member .fb_table textarea {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #member .fb_table TD.label {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  #member input.fb_checkbox {
    height: 20px;
    margin: 0 8px 0 0;
    vertical-align: bottom;
    width: 20px !important;
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list {
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list li {
    padding: 20px 10px;
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list li ul.formats {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list li ul li {
    display: block;
    white-space: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list div.details a {
    background-image: linear-gradient(to bottom, #E0471D 50%, #DB4218 50%);
    border: 1px solid #ddd;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    margin-top: 15px;
    padding: 3px 30px 3px 8px;
    position: relative;
    text-indent: 0;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list div.details a:after {
    border-color: #fff;
    border-width: 0 3px 3px 0;
    border-style: solid;
    content: '';
    display: block;
    padding: 3px;
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list div.details a:hover {
    background-image: linear-gradient(to bottom, #E76D4C 50%, #E46B4A);
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list p.no {
    margin-bottom: 20px;
    padding-right: 60px;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list p.no > span {
    display: block;
    flex: 1 0 auto;
    margin-bottom: 10px;
    width: 100%;
  }
}
#member .order_list p.no > span.order-number {
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  float: none;
  text-decoration: none !important;
  width: auto;
}
@media only screen and (max-width: 1024px) {
  #member .order_list p.no > span.order-number a {
    color: inherit;
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list p.no a.payment {
    background-color: none;
    background-image: linear-gradient(to bottom, #E0471D 50%, #DB4218 50%);
    border: 1px solid #ddd;
    color: #fff;
    display: block;
    padding: 3px 8px;
    position: absolute;
    right: 0;
    top: 7px;
  }
}
@media only screen and (max-width: 1024px) {
  #member .order_list p.no a.payment:hover {
    background-image: linear-gradient(to bottom, #E76D4C 50%, #E46B4A);
  }
}
@media only screen and (max-width: 768px) {
  #member table#library {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #member #library {
    font-size: 14px;
    margin-left: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #member #library {
    width: auto;
  }
}
@media only screen and (max-width: 768px) {
  #member #library thead tr {
    background-color: #F7F7F7;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #member #library thead tr th.col1,
  #member #library thead tr th.col2,
  #member #library thead tr th.col3 {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #member #library thead tr th.col1 {
    position: relative;
    padding-top: 42px;
    padding-bottom: 5px;
  }
}
@media only screen and (max-width: 768px) {
  #member #library thead tr th.col1:before {
    content: 'Sortuj po:';
    display: block;
    position: absolute;
    top: 7px;
  }
}
@media only screen and (max-width: 768px) {
  #member #library thead tr th.col2 {
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #member #library thead tr th.col4 {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #member #library tbody tr {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #member #library tbody tr td.product.cover,
  #member #library tbody tr td.product.title {
    height: auto;
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  #member #library tbody tr td.product.cover {
    padding: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #member #library tbody tr td.product.cover {
    align-content: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    order: 1;
    width: 30%;
  }
}
#member #library tbody tr td.product.cover img {
  max-width: 50px;
}
@media only screen and (max-width: 1024px) {
  #member #library tbody tr td.product.cover img {
    max-width: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  #member #library tbody tr td.product.title {
    padding: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #member #library tbody tr td.product.title {
    order: 2;
    width: 70%;
  }
}
@media only screen and (max-width: 1024px) {
  #member #library tbody tr td.placement_date {
    padding: 10px;
  }
}
@media only screen and (max-width: 768px) {
  #member #library tbody tr td.placement_date {
    border-top: 1px solid #f7f7f7;
    height: auto;
    order: 3;
    padding: 7px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #member #library tbody tr td.download_td {
    padding: 7px 10px;
  }
}
@media only screen and (max-width: 768px) {
  #member #library tbody tr td.download_td {
    height: auto;
    order: 4;
    margin: 0 0 20px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #member #library tr {
    border-top: 1px solid #f7f7f7;
  }
}
@media only screen and (max-width: 768px) {
  #member #library tr td {
    border: none;
  }
}
@media only screen and (max-width: 1024px) {
  #member .cms img {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #member .cms h4 {
    font-size: 18px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #member .cms .product img {
    max-width: 65px;
  }
}
@media only screen and (max-width: 1024px) {
  #member .back_order_list {
    margin: 20px 0;
  }
}
@media only screen and (max-width: 1024px) {
  #member .back_order_list a {
    background-image: linear-gradient(to bottom, #BCB589 50%, #B5AE82 50%);
    display: inline-block;
    padding-left: 25px;
    position: relative;
    width: auto;
  }
}
#member .back_order_list a:hover {
  background-image: linear-gradient(to bottom, #C7C19E 50%, #C5BF9C 50%);
}
#member .back_order_list a:before {
  color: #fff;
  content: '\02039';
  font-size: 1.5em;
  left: 9px;
  position: absolute;
  top: 2px;
}
@media only screen and (max-width: 1024px) {
  #member .client_data table {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #member .client_data table tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 768px) {
  #member .client_data table td {
    padding: 20px 0;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #member .client_data table b {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #member .client_data table table td.label {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  #member .points_span {
    background-position-y: 6px;
    display: inline-block;
  }
}
@media only screen and (max-width: 1024px) {
  #member #pocket_preferences_table.fb_table,
  #member #kindle_preferences_table.fb_table {
    margin-right: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #member #pocket_preferences_table.fb_table .c1,
  #member #kindle_preferences_table.fb_table .c1 {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  #member #pocket_preferences_table.fb_table .c1,
  #member #kindle_preferences_table.fb_table .c1 {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #member #pocket_preferences_table.fb_table .c2,
  #member #kindle_preferences_table.fb_table .c2 {
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  #member #pocket_preferences_table.fb_table .c2,
  #member #kindle_preferences_table.fb_table .c2 {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #member #pocket_preferences_table.fb_table .c2 input,
  #member #kindle_preferences_table.fb_table .c2 input {
    width: calc(100% - 41px);
  }
}
@media only screen and (max-width: 1024px) {
  #member #pocket_preferences_table .fb_field,
  #member #kindle_preferences_table .fb_field {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 576px) {
  #member #pocket_preferences_table .fb_field:nth-child(3) .c1,
  #member #kindle_preferences_table .fb_field:nth-child(3) .c1,
  #member #pocket_preferences_table .fb_field:nth-child(4) .c1,
  #member #kindle_preferences_table .fb_field:nth-child(4) .c1 {
    width: calc(100% - 120px);
  }
}
@media only screen and (max-width: 576px) {
  #member #pocket_preferences_table .fb_field:nth-child(3) .c2,
  #member #kindle_preferences_table .fb_field:nth-child(3) .c2,
  #member #pocket_preferences_table .fb_field:nth-child(4) .c2,
  #member #kindle_preferences_table .fb_field:nth-child(4) .c2 {
    justify-content: right;
    width: 120px;
  }
}
@media only screen and (max-width: 1024px) {
  #member .boxes {
    column-gap: 40px;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
    row-gap: 40px;
    width: auto;
  }
}
@media only screen and (max-width: 576px) {
  #member .boxes {
    row-gap: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  #member .boxes .box {
    margin: 0;
    width: calc(50% - 40px);
  }
}
@media only screen and (max-width: 576px) {
  #member .boxes .box {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #member .boxes p.more {
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  #member .boxes p.more a {
    background-position-y: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  #member .boxes p.text {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  #member .boxes .box h4 a {
    font-size: 18px;
    height: auto;
    padding-bottom: 7px;
    padding-left: 48px;
  }
}
@media only screen and (max-width: 1024px) {
  .remove_user {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .listnavigator a {
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1024px) {
  #kindle_data {
    margin: 20px 0;
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #kindle_data table tr {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  #kindle_data table tr:first-child th {
    padding-top: 2dvh;
  }
}
@media only screen and (max-width: 1024px) {
  #kindle_data table tr:last-child td {
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #kindle_data table th,
  #kindle_data table td {
    padding: 2px 5px;
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #kindle_data table th:has(.button-link:only-child),
  #kindle_data table td:has(.button-link:only-child) {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  #kindle_data table td {
    padding-bottom: 20px;
  }
}
.kindle-form-submit {
  margin-left: 230px;
}
@media only screen and (max-width: 1024px) {
  .kindle-form-submit {
    column-gap: 20px;
    display: flex;
    justify-content: center;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_field th,
  .fb_field td {
    white-space: normal;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table {
    width: 90%;
  }
}
@media only screen and (max-width: 400px) {
  .fb_table {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .fb_table .c12 {
    white-space: normal;
  }
}
@media only screen and (max-width: 576px) {
  #cardlist {
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #cardlist tr {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 576px) {
  #cardlist tr td {
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #cardlist tr td.desc {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  #subscription_to_cancel .stc_header a span {
    font-size: 16px;
    height: 50px;
    margin-top: 0;
    padding-top: 17px;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist thead {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr:nth-child(odd) {
    background-color: #fcfcfc;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr:not(:nth-child(2)) td:nth-child(4) {
    border-top: 30px solid #fff;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr td {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr td.col1 {
    order: 2;
    text-align: center;
    width: 33%;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr td.col2 {
    order: 3;
    width: 67%;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr td.col3,
  #subscriptionlist tr td.col4 {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr td.col3 {
    order: 4;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr td.col4 {
    border-bottom: 1px solid #ddd;
    order: 1;
    padding-top: 40px;
    position: relative;
  }
}
@media only screen and (max-width: 768px) {
  #subscriptionlist tr td.col4:before {
    content: attr(data-text);
    display: block;
    left: 0;
    position: relative;
    right: 0;
    top: -15px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto_points th,
  .nexto_points td {
    padding: 5px 15px 5px 15px;
    width: 50%;
  }
}
@media only screen and (max-width: 576px) {
  .nexto_points th:nth-child(odd),
  .nexto_points td:nth-child(odd) {
    width: 60%;
  }
}
@media only screen and (max-width: 576px) {
  .nexto_points th:nth-child(even),
  .nexto_points td:nth-child(even) {
    width: 40%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto_points th {
    padding-top: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto_points td:nth-child(3) {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .nip-wrapper-input .nip-spinner-profil-view {
    right: 20px;
    top: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .table-text-btn {
    display: block;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #profile_table tbody .fb_field:nth-child(2),
  #profile_table tbody .fb_field:nth-child(3) {
    display: flex;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #profile_table tbody .fb_field:nth-child(2) td:nth-child(2),
  #profile_table tbody .fb_field:nth-child(3) td:nth-child(2),
  #profile_table tbody .fb_field:nth-child(2) td:nth-child(3),
  #profile_table tbody .fb_field:nth-child(3) td:nth-child(3) {
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  #profile_table tbody .fb_field:nth-child(2) td.control,
  #profile_table tbody .fb_field:nth-child(3) td.control {
    font-weight: bold;
  }
}
@media only screen and (max-width: 1024px) {
  #cc_prefs_container #cc_prefs {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #cc_prefs_container #cc_prefs #cc_data {
    width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  #cc_prefs_container #cc_prefs #cc_data table tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 400px) {
  #cc_prefs_container #cc_prefs #cc_data table tr th,
  #cc_prefs_container #cc_prefs #cc_data table tr td {
    text-align: left;
    width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  #cc_prefs_container #cc_prefs #cc_data table tr#cc-del-box td {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  #cc_data table {
    margin: 0 20px;
    width: calc(100% - 40px);
  }
}
#cc_security_note {
  /*
  .cc_security_inner {
    @media @tablet {
      background-image: none;
      background-position: 100% 0;
      border: 2px solid #E5EEE2;
      background-color: #EBF6E8;
      border-radius: 7px;
      position: relative;
    }

    &:after {
      @media @tablet {
        background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABOCAYAAACdfWDpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMS1jMDAyIDc5LmI3YzY0Y2NmOSwgMjAyNC8wNy8xNi0xMjozOTowNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI2LjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkM1Nzc3Mjk4QTE0MTFFRkExNjNEMTVDNDlBQUVENDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkM1Nzc3MkE4QTE0MTFFRkExNjNEMTVDNDlBQUVENDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQzU3NzcyNzhBMTQxMUVGQTE2M0QxNUM0OUFBRUQ0NyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQzU3NzcyODhBMTQxMUVGQTE2M0QxNUM0OUFBRUQ0NyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqmxQFEAACUJSURBVHja3HwJlGTVed7/Xr2qerUvXV2979Mz07OvwAzrCAwSiwQxiY1ACCk4cnyIg+MTJz5WYtmKdHxiOZYOOnIcIRIhGyQWY1AACbGMYAaYxTD7TM/09HRP793VXfv+lvz/f9+rrm7NSOwofvCma3333u9+//cv976S5uZGIeDzwMGjQ9AYDYLfp4Lb5QRJkqBcrkIMX6s/6DW32wnLD9M0+Tt0pLMFCAW8UK5U+Vol/I6K33G6Y8u/Fs4VCn9+aujcFxeSaR9eIhcJB/at6e/7pt/nfQHfr8BHfNjjkOHjOQjBnpHxya/9dPfeu2fm5n09nW3Q19Xun0+mr/3JK3seHz4//jR+ZiOeH0sflY8BkMhsYuHOg0eO31solVZvW7/G1RJvrM1WW3McZhLz6ltHT1x34vTZJ7dvXPd4U2PDE/j2CTyL/xyBUfOF4qdwwPePTU5tX7d6pWdVbzc4HDJUqlXQdYOBQXigMRaB66/ZqQyPTPS+9Nqb97c2x+/YumHNiwG/70H8wEE8tX8OwJAgbXv7+PB/PHN+7pqu1pbwZ67/hORDXSMNqlY1kCW0FodElAHdMEDD1wijvu52qbOtST1+erjrmRdeubu/p+vKdav7H/Z61IfwmtOM4odF7Q9RfN048M0nh8a/NDQ6/cl4rLFp87oBKRoOgUGD1xAQ2YG2JcF8agGKpQJfw6m4IRIMI0A6VLUqfkYCl8sFuXwBjg0OAepRfkVP14H1q1c8pLrdz2FzCx8kQPY4PmhgCJkQAnPF4PDE58amFq5sisebN6zqlxqiYf6cruv81+FwQDqTgZfefB6Gpg9DOOzjNpPJLLRHV8M122+AcCCMrCqDht9R8PNOpxMy2RwMnh0xUIdSnW0thwb6e5+NhII/xUuepe69X5A+SGAIDA9ecOX0XPKmk0MTN2Zy5TVd7W3B/t5OORIK1T5oGCYzgI6jg0fh+TeegIZWEy7dMQDBgJsvlc9XYN++kzA5XIFdW26Btf3reaiVagUM7LSCmuRUnJArFmBkbMpEvSqGAoGpNSv79qNw/0SW5VfxQpN4Vt8LSO8XGBodjaQrlclfMzox96nzk4lNiuJuQR1wdne0Sh5VFQ3hfxJIte+nsxn46Z4fw8jCYbhkZx9090RxBHkcNDKJ4wcHuMAH4+eTsPe1QYh7V8E1226AhnAjmlYFNanK13TICBD2U9d0mJyZg+HzEwaaX66rrfU8uv7DaLI/w+b24DluxUPmewFGQmDMiwAjWawgoQ7ha33pXOGSiZn5K6ZmUusrutnW0dzs6+pok2NoLkR50hDT+hLOIF+rVC7DPx3bBwdPvwrNXW7YsKkDZLUEmlEBgkOWRDPUMRMMUGQXGBU3HDs8AaOnMzDQsR02rNwCQX/IMi9NDILUHU1MwnZy+TxMTM3B1Oyc7nQqxdam+Hh7S9OhcCiwG/XoAH50DM+85dWoi8YywCS8pgP76yZgevccPOlBUAgYCYGRERiF3kQQfPliuaVYqqzI5grr55PZFeWqEfd4PIGGcERta2lyxBsiPHvUQ3K5HDXiqTiFwyuVyvDW8QNw5Nx+UPw5WLexHcIxBapGiXvkINMS/wtgrH6S2RHTFFmFzIIOxw6NQT6hQG/zBtiwagv4vX5mGYHEE2ESi0iHFJ6MFGrRzNwCLCRTerlSKbrcrlQsEs6FAv6cx6OWfR6PprpdBFC+VKlkUNxzc/PJ6vRswnPFJZvflkbHTn/h6KnJP2puinkw6nRoFWSdLHGf8R8EyeXye7y+YMDvDAZ8ss/rBTfOkKI4WEgZDBwcdcYhK2j/Cg9tdGIEhs6fgFNjRyAQNaBrRRRiTV6cqjwPgpkkW0yR2IosLospJHfNAzYE2E7ZCwuzZTh3OgGJySp0xQegu3UFdLR04fsyerkKezpy9/Q96geBRG3Q8yIyNoveMousKpZKHDtxo6b4z6E49HDQbyA4pQ0DK/+bYhrmJMYFDQN9PY1FnF2b+tRh7rMkWR01rZkxoILgVTUZwVHQlao8imwhCwupBJwZPQlnxk6Aw1UBf6MEmy9vAQ/KlGFWoFBNsfhS3ELXoljf4HawDane0IGF1rSYQBNQgTR4wgqsvzQOpZwEQ4NnYM/x41DaD9ARXwErOlejm28An8cPRMIKunoMKBkowSYZvZwPouHAotlyU4aE4iRpmiEH/F4oFssl/PyUgm/O4Zc1ukgynWaNoPhCtlhAs0GPHQ6Fqao4FGYIBWEziQk4PXocZhamYC49BrlKEjo749C7MQJRjF4V1YSKnoVCWTCEoly0ELymoIXJT/CvZC5SxrQkmyaCaGMK48L5gArqkamXUFQkWLUxBvoAuve5EkyMn4Wn39gLbtkPUV8LRAKN0Ne+GmLhOLgVF1+HNAlTEGSVzpNimIKNZLIUM9HrphkjIIlKs+j95ALOSJm+TDNpWlIkSw7uJKFLA8gVMzCfnkPbTcLZ8VNwfm4IHE4DVJ8JkYYADKyIQzjagV+osn4UcAByERhMAlYwToglX1fm2ULWMJ1rnsvWGBZhBscyKQtI+o8YVK6k+DV3WIbVDVEYWNcMqVQBJicSMJoYhhP7XgetLEFTuAu6W/oh6IsgYFF0LB6eXLomyAIU0EX7NHF47YpTcSSVnK4VqhoCY4guERCFUh7ePvUmJFLTzBh6J1dOQSo/Ax6fArF4GAa2xCAY9IDTjZeUEXGjAKlChsWU2eWg7yFDpEXRkFg48KFMg7VMXOi2RexFFyGAtNmzCJRO/TQsDUJ90w0NPV5RmKaqQGd/GDr7MARAqcyli7CwkIIjky9ANlOGgDsGPleo5v3CgQZY17sNPG6vaBg7hMyqpEsLaXQejhKG3rrgtslMOXLmLTg8/nPo6mzmqBPVGyJeFfrUXpCRJQZGHppRhGwlD7KGwqgQKwgMalCqDQA4hqHZRoDYMwrgCQ3WL5naFFyx0wnTUl8BhK03ltZY1Gfm6BabTNssydQoGS0xWLpOdJKhsc0NTW3tCCKGH0UDSsUKhiEaa87I2FsgD8tw6bqruQ2yGIyTyijaeUX1qhVCiXpqWA1Pz0+AL+gEVxAbKBdAkwuQI7oVKJQHVnons8JBI7Vm1mB2kX5I5EmsOIZeA9uEwKKJ9abMdDEteVmqvvWmQ38pMrJBsTXC9lr0ujA5Rgpfk9hJ6CjAZTRrjTJ3Q3zfUDBPw4l1KF7wBhyoj5Oi5GOKNKWKX1K97hJqrYzf002ipU1m1emBRKHKyl5CYMj1oTvjL8qGrRnWrFJjODjZEkvJAsEhmzVdIVvm9w1hN6aMwJEbkow6j2T+QgRqs0YwBoSXsgdomIvtm/ZzQzw2halysoqMr6Jd0VgqWplTC3LVAU8Ex2ZA1O1j81cUmTUPWVlBTKrocR0a/qOTC+aoFS/sc/uhOF/mznN4SCZGM0OsIvdqEDNwUIYkPAw+ptSQKgf0PhODgJbtQQKbmEwDJG9nisDFlBZNaFF86xhTzxwbBPIitkchVlgmZU8CeZ8KpQ4WEPRcQyA0XYi2HQyir0WTKoEfs32JAkOMtKuoKA5F1hkT7Jjh8bhKFLKTlmhVgz+I0WCd6IFws7ZnkYTLZXBII5g1FlBEelJ3QwAhzMlkISbKSkJWxGsEMliuWjKXxDHmEldtitjdNGpxiYhvqD860R+BKOOJIOgVZgm5X/I4ZAmGKdXYJITb5ImiQI+swU4riEmq6qpgaGFQ3K5jUpguVaqAgR43RNlrCb8E9gUNO9Q3LMZYQRqBUZtr2Uo96ljCmbQh4iEQroRiINYiS3BlW1okqd6OatFvzaQAlgR8mo5hAYGgkSPQrCjc0h/DqJmXbtS9ZizqEjmZQr6MUbyH+0fBajFfAMyGKJfSCRgTXdNcsVjSpXDQQXNDPt9hqCxiQiIWYwqpzm3SwEiZhDkJ0TWEdFhRrSzcM4HDsYAsGCaLPEiShRcDuIDGWEEeTY4QWgoJqgwImYeuW+E//bXMbXHwlucy6gS7To+4TfKMyIuwPyqmFftCaYPidMwzJvSPz6cOp+aKOs6kgy4c8oXBp4YwFqhaNDYsLRAzb3PE4Gm34hSd0ytmCGmLgz+NnZBFPMN9IdNi4Cx3bQituYBTsrSNBmkBQa6YTMO0xddgHXGAG8EpM2A0YHqdAGMGWUCJ50bte3Rd0hO/GoZIKAY0f8SYfK6o+cOemRowmCOcnB5PaujbXfQlyn8wTKslWtQhWyR1HpHOvafUVJEsE6rZhIO1RQiozJkozxIFijZTJHE9ycrHbFOS7OQRNI5FiCHElFoUXHPLGnuXvsgOWBnfAeVqDl4/9xQkcqPYDSeDsAiGIQCtA4zYSKGbQ3aifHhFYRodD6YMetzfyLVkhTJO1Jgz5YqWx5556QJuAsZ0cDDk9MksZqwnsmS5Z8sbEZd0IaAGWOzRBUjMEtngTlC8Qgm7aVpxjh3vSKJqw6CbOMMmgmFWGRRSSbMuoQRbM/BzlKf1RXbCVX13oicV1cSItx2ePvQtmMuNYFuKBaJhaczS+EdBQColDfvlAb/HJ4JKZHa5Wqm43a4pNi18gMC4Eqap5yvYIHXahQrtc6KfL1ZrmbCwZ507ZlizYeKpke1bM2No+uJMWaeYPZ0/JwRSnPZ7ZCalSgEKlSwUKznM3MsYmGl8TfIs7F000QZ9llxsb3gHXNl3Rw0UOqK+Zrhlw30Qcbfh9USKINqw2jJE3+g6VB4pl6rgd0XQCwnxpZIF9rGCHnqWpkN2uah0oBQRgbJYyhARZGO4iV03mYagoqXw+qLAUWxACs+zqInZ0WudqANAq3vdAoRijSKmFPlyGgeSp9kSIOj2Z3QLOPEaeZ8SgtYXuRyu6PttXk1YfsQCbXDLRgRHbcMks2RNmLnErEisiVGUFjRE4jzxVFsiUiDjiTEJorG9/FlWnPICBXkSo1flGms+X0LaKbU6zKLtLgqbZrPDXBy0oZu1z2q1QeJrmhBMYka+nGGmiNjDGnz9aTFFgKIxKP3hK+DqvrvQxaoXrdk2R7rh+rVfAJfsF57LZqnVb+qzIruhhJF9S6yVJ5UieorbMNej2nDGFl+uQPr9nkOZfH5bYyTkzGB2HY80Qx4zUkAPYhoidpBl230YteUBEbgJDbBSDvYODlO2KnVCeIHFVMNvVliRRJ23TnTrvLYEsFgcMw32OKuiV6KmfJbNh/rCedpFjr6mDRDzdMLZwiFux2ayYDt1E2OWXBXam7qZ8RjUwfTcPCAGtPySq1+JNKLRwM/mJrN3tDXFwnQRVfUBLQFVqYAjyYw45zWsr44aOLLtsU2rFsqDFBk2iS7rkYm0NivMOq4McsCnCxGvuepf9NecxyPDVjdcBVetuJMLaBTZ0t/6Bb7lx+nzR2Bk6gyYTiuPYqYI8+bSgiZYHfKHRXUPTSmVyUI0Gqza6+M2MCZGvUey+Zkkim+YOuR2ulHQmqCQw6AHdYjyDrsbMoctdZsQEBFJl3ngDrAKXjJV71BIjTKbGQFCIkdgyFblbnmeVH9wrIEgDMSugqv772LBJG8lSVKtzGqXYesPypZ/9PNvQ15fAJfiFg7Ddtf42OX0shnFgm3sqonM5HCyGPU2t4eILSUGJpsriBV3j2sOKTuLtt1DPl3CkLkt1gvjqYPQ0ILsQT0QQYfO+YZDAWYUWDGGLEJbPsnlVs0yB2fUMHs2eREQWdikiGNsUJZkBAbrw6rYFXDNyrtExc3UfyHzXg5OKjMP/+uZP4Pp0hnwB/wWKLbwCs/oQ1NMJ7Owtm0beFUvg0/xGq02qKp71N6To9DiunUUMBw+pxnGJWi/ErEu4AlBdqYA8dYwX5g6oNGSGIUd6GkcDlGKkq0lBRpQqUpZbZ5jAwVzLodBoFB2LtUK34ZVvpNstkhLUwFaWFvXtAt2rfocuBzuGii1YpYFilhmMTgBTCRn4Dv/+KcwWTwF/qC3Vtu1E0nbSzrxeplUEqJ9MdYpEz1UlfQThRc15qitEYq8SEUD3faxQqF4K9qcSql6U7QNHMMeir1EXQX0Wr5nFdcQEDHrVKiuGAV0u0V0m61M4/nchABHFoyxGSLVrUAskkWEiQTK+pZd8InVd4Hq8nIqcCEtMTm6ltA0XDCbmILvPPMVmCgch2AoUPOOtudcjL8ovMAkQg5AZ3Mvj0CRaQ09SzlSzuGQD9pJW/02EDMY9B5NpjOF9uZGNY8214ieSZFUKJUr3AlqzBYZuVa4ljkkr+hF9h5buj8BN26+GzyqH1488ijsH/4JGA6JS5+La0jSoilJiwtttDa0qe06uGHdFznDN0xtyWdNc2miSaCMTJyF7z3/dZipnIZA0F+LfwyzLnax9AVQHqoYv3idfmhv7mQmuphtacCxp/CSpy60P8aMRIJD50cSOYeiROmifo8f3FIAKsUMOFwOKNPSBaWHXAZwcMpURECqKLBVBGVn/01wxxX380zTcev23wWnrMLuU48h3UXEuQhIPSjCJW/tuAFu2nQvaoqLn9fWTZcxhgCicsG5iUF48Lmvw2xlCEHxLYJSC0h1kYhaUbPqciEwOC5XA++kqFTLHNwhGcymtiDpy2wNmHQ6X2swEPDOFIrFJF6ok8p9tN7T2zoAZ1J7ECQnhu35Wg1XQ49TqhZ4Vgn5S3pvgH+149/VQBGpvANu3vZFFvKXTjyCAzZ4OaWmL5K94qjBJT03wi1bf4frJMtBqWcKPXahxzw3cQoefJ5AOYtC660FcaYV6do1YTs10LjO5IZyVodLV26xyrQyb17K5QvaymDr29Y2EtH3QMADdWcObXEMBVgUhjFMbo93w3wiDW5FFbbKuU0e0vkFzknKiPqmjk/A7Zfch6Lsqu1/qR/YTVs/D9etvZOXOcgDcA5Eq4sY0RbLBdjW/Un49PZ/wx23M3n7XA4KrQuNz4zAd5/9GkwXT4PH617MqSxm6MvyMkpOKRXwugKQWshBf/eAiIBxjLT6ip6piKTYXxNRFl95yaZIzedTB7O5/PW0Zl0q5zif8DgiHM7z/pViFvWkBCKn1qG3YQPcuP4ezsZz+Syougoej2dJZGqDQxR//tD3mb7kx018flnfTXDrJWhyiotD/wtpyaL5qDA7Pwl/gy55Ar0PaYpm7d2rrRyYInirMcYUXomrQxhrBdUYtMU7+HUqa1Jg5/G4Uyi8h+vbW75V1Ghuih6fTSyUPF5BT6/bB03hDkgm8+wJssU051KchyBYfbHNoCp+BCWDiVkZisUil0Vtd1p/3LztC3DzlnvBJflAMV1w5crb4Pad9zEotX0pdXpiA2QzZWZhAr75+B/DWP4EeH1ei3madQoW6rVEVFT5DOsztKiWSeVhRdsAhAKhWsQ7OTMLzS3R89Zmo4tuTjRDId+JodOTBXSxQXv9Oh5qh7HxwxCIo3lpyBakPAW+NMNnxo7BzhUZ3ien6YuA0ACJOfUDpcef2vI5WNd5GbOnI9ZfY9bFwntezkFQpubG4a+f+M9wPnuMXTKBYJpGbQVBlC4tsbVqMfb6NHk71emDVKIE3WtWWn2tcl/n5pP6xs7ekxTHLQGGdGTJVu2wfxyTnBRqQTPVaijj7mnrh31naJHNxbVSyogdDrFt7MjEHnhqbxxu3fl5DJJo01BpyUyrqrrMrAA6G/svaCoXWldyofmcmzgN337qT2E8f1IEb7RpqAaIKIbZZUthVjp7OiG+OmeoCuqfC81/w8rNzCQyI9rPZ0pGCce8r15fGBin8xd2tKZ8PvdCEm3P61LRNNIQj7ZgUBSEaqnAHS2i9phWAZl2NOwefJyLVrfsuJuj0JJZWhKhEnOopvpOtnnZJx1kPmfHTsIDT34ZQUFNCfnZVOwlW16frGOMXR4Ri26Wy2Y3jaF/CZNGbxw623o45yKdQ7ZQZp1wuZz7llfjL7QdvdTcHB1EndF9aMckXATAQNcWzDGKEPAGecYMPnW+mtMvwSunH4Nn3niYK2xk+6QzpDeFQgHy+fxFdedijKHIeXjsFHzryT+BsdxJ8KLXpHar9goBa5ylK7qoEetWaYO1RRdFKTKZoC8EmXQRdq7bxQGdiJ5kmJydg6amCO32HF3enwsBYzQ2Rg6gWldoxY+2jJGY9bauhiLGACS0NATqALtGTZgigbMbwfnxG38HVTQ/qsvawNSfZJpckK5jx5J1H2xTRaaOTp+F//EYakrmGKg+tyh3apbQWn8JAM0CQ7Pft4tbulhvIl65sc8YcsHG1ds4cKKdGLRUMr+QrDTGI/uW68vFdoabmEztVVxyslQqe3xoBulsFpqjrRAPdEOlMIFCpkK+lBNBEm0sMkWW6/Ca8NKpH/JFPr3zbqA1PvJU9iKZfZJZ8XeXhgoMDIEyNTcB33jkj2A4fQRCFOZrWm2dybTyJHul0qhbQWDTst00iDTAq/qglK/CyraN0NPexzkTtU/78zB4zwUD3leX68vFGEP2N9TQEDqB5oT6oHLjTpcbeuKrIY+sCXgjPCN26dCeMQpnMYaCF08+Av+4938jO6q8TEFmZJ+2OyfAiD28b84CjOKUibkx+Or374Oh5FuAMVWdO7bNp1orfVbrXzctBjGLFlkT8IShlDNgy6rLeCxiMUOC8alZKkyN41iPXAiDi93yUmxvi/3DTGKh7FLdnB2Ty1vfvw2qeQd4kJoOTNfrO23bPqURTr8JPzv59/DUnu/xwCngIiBsQGxQeC8f32AhQBmfGYU/f+j34OTMm6BSRMvXrda1UacptdVIrWbW9QDylnxML9yOADh0L1y17VrWHYllwICxqWmjva2RQJl7N8CYyJinDckYzOUK4Mdgj0qMIX8EumIDSE1MxFCEqdOi3iFKh3bHqH5LmvPi4KPwD3sFOOQ9CIR6QGy2UB2XNjV+5aHfhVNzB8CHQqvbS7FWgLZcYDVThP4isLP1Rq+tUFAByu8JIls02LryCog3xHmXBJnR9FyC2FTAMf78YneyXPQmKaTYVHNz5InpufkyeSfe4Y1ByLre7ZBb0BCkBlGopiVUOzexFtepo1zrwHzyZyf+Hp587UEeAAmEDYhgisaFqNMjx+GrD98Hg3P7weN3ibUqe63aqNaxwmZPtWY2NdbUmCRMiPoW8jUARhawa/sNi+UOPEfHJqCxMTTtdDr2XGzH+C+7e8zs7Gx+cmJ6dpiKTVRe5GCvpR8iajuYFSeG2aj2dsfN5VTWeaURA0746fEfwFOvPSRWGiTH4jIGBoy06/MvHv0DGFp4C1S/pSlatQ6ERSbqWr3W1AOxyCZezcQ+UQqglxywonk9SsBGsYhB+wtR44bHxo2u7uYTF3LTNWDq3ebyMxoJnPH6XT9JJFOVUFDEL1Qc2tizE3JJDaKBOJuRHTuwABqLLpRMjUucPhOeO/p/4IlXv8fPqdNeNYAR7Rn4ix/+AZwhUHyumvnYYi4Gb5kcrxSKug2bl1GttbMUFHFG/LQf2IQbdtzKIYdpec5zoxPgVpVCQzT4rF34fi83clV7elofGRqcuHX7xjU96Pe5uLO2bzO8MfgC3wlC0WmhXBDbVg1rQxGVO3lTkdgKwjvHfTo8c+hBXor9ja2/Cen8PDyy+wEYyRzleopRV66o7dwUe0jquC5SgMVNjNamJrC2oln5ker2YKLqR3B64Mpt19RyMWLxiTNnoae39RQ+f/aX3Xih0HaIX3Z0tMePHzs6/FquUOoIBPxKOp0Br8cH2/t3wc+HfgSxUAucmx6E2q5dybB2XtsLamatKCW81d/B66ef51Ko7ioKpnAgtvQ+H3PZJiQr0uHdDrX0obYlTa9tMqJrxYK9yOgq3PPpO5jhNjDnJ6chV8znOjuafrA8m343GlNz3b29rY8Nj46lIuEgN16plGDTykshAC3gc4TBg6wRW7s0yzsZSwTR1goaquKVIa8kwPAUQHHLluktehOxAUCzNgtYpy3Gteva71smZK0CUHJLmbiKPeuOrIVdl16/ZA3v2OAZs7u7+ZDLpTz+q27TkSkI+1VnT0/LawuZ9D8VSxUjGAxw5c2NAd+OgRsgPVfBbLnPqt/a6b7GJy/2239JHwzxWGy0Mi0Xa9QGrhuLIPDKoblUQzTrOoalZbxebv21NyW1N/ZCPmnAv7zuHuyjq5aDYdwCM4lEtren9QfW/ZTwfhlDR6a7q+lvB4dHZxoiEd5aR1tE1/ZuhhbPAEhlD++O0A1Yugevtl9f57qu7VoNPmml0bRmv7rstIM5w1patZmhWc+NxbTAOqht6gMUVdjcfRXs3HKl2FcjidWNt46eQC8bPxgIeJ9+Jzd1yZRQvZNzYKD7uVQ2+0Qyk0nGYlGzole5AnbDJbdDfl6GpmAnehs3XDyBNpfcPCFmmW7G0rnAZFossR/z62ZdicHeJn6BMVGbHmRwzN8GUtEPv3Pb73O9xbA2Yp8ZOQ8zC/PpNQPd379YpPteGcNbRdau7f6r46fP7vV5fDmPW+VNPi2xNtix8kZYmCpDd3wlyB/DffXUZldTP6RnqvBbu/41dLf3iNuW+a63Aux/+6ixdqD7FY/H/eMlW0s/IGDoGPX43d8eOj8+1NwUr/JyKobel2+8DvrC26GaVaA93sO0Nj8CQEzLhGglo5pW4MqBW+Az1/4Wi7Dt3Q4cOgYuVT7Z39/+l/g0+Y7Bph+keKdnPB6BbVtXv4xC9qNkJrcQb2jgmSHRu/ny3waf1gGqHoG2WDuYHwEy1Aa15ayGoDOwAb50+/1cVCMRpwrdyaFzcPrcyMLWrau+iezZ/65Y+B76o23c2PfdoydPv6m4XJVg0M87KAO+INx+9b0A6QgE5Dh0NHZZAvzhAEInteGFGISMLvjDz30FIqEoR8kEymxiHl4/cKiyYUPfY5Fw4NEL1Vw+aGDoWGhtb/jLwydPj4XDGMe4aX27BLFIE9x53b9HcBpANSLQ2dQndjd8gOCIO+QkvrazGoaw0Q3/5d5vQGtTG5dVqQBWKJRg95sHzeaW8AE0oW9Yd86+u58wmMpMvNc+Ol5+5a3/pCrqlwdWdHumZ2bZtr0Yjs8l5+CRFx+AvHMc1LAJozNDUEShdrxPYSY9oUnoxFilmAJoVdfCH3/x69De3MGsdWFORMr6yt79kC5kzl+7a+vvIXuefU+C/n76efnl67+TymVePXt+Qm9taQY3ht+FUhGZE4fPf/I/QItrI+RmAVa0rsMYo7F2u8y7Zol1R1tjOA59TWvxmhKsi18Df3Lvf4eWxjYugPEddfiZ1w8chpn5ROrKyzc8gKC88J5/9OJ9MEb8mkdFW7t799uPNsdi6/p7OqUE2jal9hQZU7zy8oH/C3sGn4FoqxtMZxHG50YoXxE7q6RfDQgdtOuinTSrrEJ2TofbdtwDv3n9nbxwxjUd/EvX2/f2URgdnyju2rX5u6GQ/8v41ex7/zWQwvT7NXspmczueGX32/8zHm1Yt25VLz5P82YcWrNyWjWX5/b9EFLGCESb/FDQ0jCXpoQuzeYh1W2qsu86IbMLeEOYEDaBxxGC+ekctAcH4K5P/lvYNLCttqbkUcUEoNDC2Mx0btc1mx+ORAL/FS8z//5+JuX9A8O/4IGCOPD6G0cfcDncV2xas9JNxaa5+QUeqRt1oVDIwRtHX4b9Z17CrDoDoQYvGHIVtSAB6XwSNUisYHhcXgj5IhDyxkDSFUgvFMFjROHaLbfCdZfdzD+hQmkEBW9ULM/lS7D34CHIl/OZy3esfygc9n/V+ukU+HUBBtyqK75v3/E/m0/kPrt1/epgBBPO2USCbvLmhI4qgcl0AvafeBWOnz8A6eo0RKI+cHkVsPYUgYFhY7moQ2ohD43eDtjSfwX/6EVTrNm6kUunLf7g9XphbGIKXj94GMIRX/LSy9Y+6FFdX6Pf1fhgfljngwWGfr3Me/zEufuPHzv3+31dnU2oO1DAsHwhlRI/ReB0gktxQTafQeqfgzeOvwzTmWEIBHy8tSSby0N7ZCVcvfl66OtYBdFQg1WdM3i1IoifI+05dGIQBofPwdq1PYm1a7q/jdf+a2tXN/y6AkOPlZmZ5Gf2HTjxZUVSBjatWeUK+r0SVQDpFwHIDFxUR6blUvr5g3wa9SbH16AtYJFgVLxnLczT571elVkym0jCfgzzq0aleukla4aa4pFv4gcf/mVlyl8nYACBgWDI13L40Jm7z41M3dHT3r5q9Ypulap79FMJtPBGW9FoOcPpcPJfcVsgiB0K+IAY4lVVZBMKdqlMhSYYGhnTe3qapzdt7H9CVV1/i80PvtPE8NcJGPQaLnlmZmHlkaNn/zCdKvyLVb1dka72VokGTWVS2nhM9RX7pw5ojx95My96m0AwyFvThkcn4NTZc2Yw6EmuX9/7QlNT9FvwIf+62UcBDLeDJhEeGZ3+0qlTo7dVSnp/b1d7mABy0S0xGA/R6iSZDC2jkriWKxqcOz8BZ0fHQHE78mtWd+3r6mr+FoL3wgdtNh8nMLZWuDAbbz8/Nnvt8NmJz2ZzpW0tjTFfR0uTFPCLH+/KoPiOT07D5FzCDATUfF9v29sdHfHvIoueMQwzLf+qqPD/U2C4TIGDRAaZzYlE6vPIontmZ5O9suTg+zMNU6/E45GF7u7mPbGG8A8QiFesbRpm/Y9/fdjHR/2TkvU1pikE4K9isfDefL54WzKV7aZ1rEg4cMrn8zyLABxGIMofU//g/wkwAE56Ih4H+sH2AAAAAElFTkSuQmCC');
        display: block;
        content: '';
        height: 78px;
        position: absolute;
        right: 10px;
        top: -20px;
        width: 70px;
      }
    }

    ul {
      li {
        @media @tablet {
          background-position-y: 3px;
        }
      }
    }
  }
  */
}
@media only screen and (max-width: 1024px) {
  #cc_security_note {
    display: none;
    /*
    background-image: none;
    background-position: 100% 0;
    cursor: auto;
    margin-bottom: 20px;
    margin-left: 20px;
    order: 2;
    padding-top: 30px;
    width: calc(100% + 27px);
    */
  }
}
#cc_security_note .cc_security_inner ul {
  white-space: normal;
}
.cc_edit_form__wrapper {
  margin: 50px 0;
  overflow: hidden;
  padding: 15px;
}
.cc_edit_form__content {
  margin: 0 auto;
  width: 400px;
}
@media only screen and (max-width: 1024px) {
  .cc_edit_form__content {
    width: auto;
  }
}
.cc_edit_form__info {
  margin: 0 20px;
}
@media only screen and (max-width: 1024px) {
  .cc_edit_form__info {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .cc_security_note_trigger {
    padding-right: 80px;
  }
}
@media only screen and (max-width: 1024px) {
  #pocket_data {
    padding: 0;
  }
}
@media only screen and (max-width: 768px) {
  #pocket_data table tr {
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0 20px;
  }
}
@media only screen and (max-width: 1024px) {
  #pocket_data table th,
  #pocket_data table td {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  #pocket_data table th,
  #pocket_data table td {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
    width: 100%;
  }
}
.pocket_edit_form_submit {
  margin-left: 230px;
}
@media only screen and (max-width: 1024px) {
  .pocket_edit_form_submit {
    column-gap: 20px;
    display: flex;
    justify-content: center;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 1024px) {
  #oneclickbuy_prefs_box {
    background-color: #FAF8EB;
    background-image: none;
    margin: 40px 0 32px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #oneclickbuy_switch {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 1024px) {
  .midpage-banner {
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  .midpage-banner a {
    display: block;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .midpage-banner a picture {
    display: flex;
    height: 100%;
    width: 100%;
  }
  .midpage-banner a picture img {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .midpage-banner img.stat {
    position: absolute;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .newsletter-form.lazyloaded {
    background-position-x: 93%;
    background-position-y: -30px;
    padding: 0;
  }
}
@media only screen and (max-width: 576px) {
  .home-banners .newsletter-form.lazyloaded {
    background: none;
  }
}
@media only screen and (max-width: 576px) {
  .home-banners .newsletter-form h3,
  .home-banners .newsletter-form .h3 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .newsletter-form form fieldset {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 24px;
    position: relative;
    white-space: normal;
  }
}
@media only screen and (max-width: 576px) {
  .home-banners .newsletter-form form fieldset {
    flex-direction: column;
    gap: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .newsletter-form form fieldset + fieldset {
    align-items: flex-start;
    margin-top: 32px;
  }
}
@media only screen and (max-width: 576px) {
  .home-banners .newsletter-form form fieldset + fieldset {
    margin-top: 22px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .newsletter-form form fieldset + fieldset p.error {
    bottom: -40px;
    top: unset;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .newsletter-form form fieldset button.submit {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .newsletter-form form fieldset p.error {
    font-size: 14px;
    left: 0;
    margin-top: 0;
    top: 60px;
  }
}
@media only screen and (max-width: 1024px) {
  .home-banners .newsletter-form form input.text {
    font-size: 16px;
    height: 55px;
    max-width: 520px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .newsletter-form p {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .oneclickbuydialog {
    left: 50% !important;
    max-width: 400px;
    transform: translateX(-50%);
    width: 90% !important;
  }
}
@media only screen and (max-width: 1024px) {
  .oneclickbuydialog .ui-dialog-title {
    font-size: 16px;
    margin: 0.5em 0 0.1em 0;
  }
}
@media only screen and (max-width: 1024px) {
  .oneclickbuydialog .ui-dialog-content .buttons {
    height: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .oneclickbuydialog .ui-dialog-content .checkbox label {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .price .subscription,
  .price .oldprice,
  .price del {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .price .subscription strong,
  .price .oldprice strong,
  .price del strong {
    font-size: 16px;
  }
}
.product_wrapper picture.cover {
  max-width: 235px !important;
}
@media only screen and (max-width: 1024px) {
  #main .product_wrapper h1 {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .content {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    margin-right: 0;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .content.collapsed {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .content.expanded {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .content p {
    display: block;
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .content p + p {
    margin: 12px 0 0 0;
  }
}
.product_wrapper #toggle-button {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #toggle-button {
    background: none;
    border: none;
    bottom: 10px;
    color: #f1562a;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin-left: auto;
    padding: 10px 0;
    position: relative;
    width: max-content;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .cover_container {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .cover_container .player_container,
  .product_wrapper .cover_container .free_sample {
    max-width: max-content;
    margin-top: 12px;
    min-width: 235px;
    order: 3;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .cover_container .player_container,
  .product_wrapper .cover_container .free_sample {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .cover_container a.zoom {
    width: max-content;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .cover_container a.zoom {
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .cover_container a.zoom picture.cover {
    display: flex;
    width: max-content;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .cover_container a.zoom picture.cover img {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .formats li b:after {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    width: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .getfiles {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .getfiles {
    align-items: center;
    justify-content: center;
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .getfiles a {
    padding-right: 55px;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .getfiles a {
    background-position-x: 95%;
    line-height: 1;
    padding: 10px 44px 10px 16px;
    margin: 12px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .getfiles .c,
  .product_wrapper .getfiles .reviews {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .getfiles .c a.link.link-demo,
  .product_wrapper .getfiles .reviews a.link.link-demo {
    margin: 0 auto;
    max-width: max-content;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .head.head h3,
  .product_wrapper .head.head .h3 {
    font-size: 16px;
    line-height: 1;
    margin: 20px 0;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper #formats_available {
    margin-bottom: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #formats_available .default {
    display: inline-block;
    padding-right: 4px;
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #formats_available ul.formats {
    display: inline;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #formats_available ul.formats li {
    display: inline-block;
    padding-bottom: 4px;
    padding-right: 4px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #formats_available ul.formats li b {
    background: none;
    color: inherit;
    font-weight: normal;
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #formats_available ul.formats li b:after {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #formats_available ul.formats li:not(:last-child) b:after {
    background: none;
    border: none;
    content: ',';
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    height: auto;
    line-height: 16px;
    margin-bottom: 2px;
    margin-left: 2px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #social_widgets:empty {
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .product_author {
    margin: 0 auto;
    margin-bottom: 12px;
    max-width: 100%;
    text-align: center;
    width: max-content;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .product_author a {
    color: inherit;
    font-size: 14px;
    font-weight: 400;
    padding: 8px;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .product-meta {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .product-meta {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .product-meta p {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .product-meta p + p {
    margin-top: 6px;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .product_title {
    font-size: 18px;
    margin: 12px 0;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .product-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    margin-block: 0 12px;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .product-tags {
    justify-content: center;
    margin-block: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .product-tags .tag {
    font-size: 10px;
    line-height: 1;
    padding: 6px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .product_rating {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .product_wrapper .product_rating a {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    gap: 6px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .head h3,
  .product_wrapper #subscriptions .head .h3 {
    border-bottom: none;
    font-size: 1.2em;
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 576px) {
  .product_wrapper #subscriptions .table.variants .table-row {
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell {
    vertical-align: top;
  }
}
@media only screen and (max-width: 576px) {
  .product_wrapper #subscriptions .table.variants .table-cell {
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell + .table-cell {
    align-items: center;
    column-gap: 22px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: center;
    width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  .product_wrapper #subscriptions .table.variants .table-cell + .table-cell {
    justify-content: center;
    padding-inline: 0;
    padding-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell.graybox {
    display: table-cell;
    margin: 0;
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell h3.variant-name,
  .product_wrapper #subscriptions .table.variants .table-cell .h3.variant-name {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .price-details {
    margin: 0;
  }
}
@media only screen and (max-width: 576px) {
  .product_wrapper #subscriptions .table.variants .table-cell .price-details {
    margin: 0;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .price-details .price strong {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .price-details .price + div {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .price-details .oldprice,
  .product_wrapper #subscriptions .table.variants .table-cell .price-details .vat_value {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .price-details .info {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    vertical-align: baseline;
    width: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .spec2 li {
    margin: 8px 0;
    max-width: 100%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .spec2 li label {
    display: inline-block;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .spec2 li select {
    display: block;
    box-sizing: border-box;
    max-width: 100%;
    padding: 6px 2px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 330px;
  }
}
@media only screen and (max-width: 400px) {
  .product_wrapper #subscriptions .table.variants .table-cell .spec2 li select {
    width: 298px;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .spec2 li select option {
    white-space: normal;
    word-wrap: break-word;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper #subscriptions .table.variants .table-cell .btn.btn-primary.btn-xl {
    margin: 0;
    padding: 10px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .product_wrapper .tags {
    font-size: 12px;
  }
}
.nexto16 .productslist picture.cover {
  max-width: 150px !important;
}
@media only screen and (max-width: 768px) {
  .nexto16 #results .productslist ul.formats,
  .nexto16 #results .productslist ul.formats_available {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist ul.formats li b,
  .nexto16 #results .productslist ul.formats_available li b {
    background-position: -6px -5px;
    background-size: 30px auto;
    font-size: 14px;
    padding-left: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .nexto16 #results .productslist > li h3,
  .nexto16 #results .productslist > li .h3 {
    text-align: center;
  }
}
@media only screen and (max-width: 480px) {
  .nexto16 #results .productslist > li h3 + h4,
  .nexto16 #results .productslist > li .h3 + h4,
  .nexto16 #results .productslist > li h3 + .h4,
  .nexto16 #results .productslist > li .h3 + .h4 {
    text-align: center;
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li a.image {
    align-items: flex-end;
    display: flex;
    justify-content: center;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li a.image::before {
    position: absolute;
    top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .product-tags:empty {
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .product-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
  }
}
@media only screen and (max-width: 480px) {
  .nexto16 #results .productslist > li .product-tags {
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .product-tags .tag {
    font-size: 10px;
    line-height: 1;
    padding: 6px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .nexto16 #results .productslist > li .subscription-price.price.value {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .subscription-price.price.value a,
  .nexto16 #results .productslist > li .subscription-price.price.value strong.nprice {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .publication-date {
    font-size: 16px;
  }
}
@media only screen and (max-width: 768px) {
  .nexto16 #results .productslist > li .lowest-price-info {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .content {
    font-size: 16px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .free_sample {
    max-width: 250px;
  }
}
@media only screen and (max-width: 480px) {
  .nexto16 #results .productslist > li .free_sample {
    margin: 12px auto;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .free_sample a.link > span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .free-product {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .value.price {
    display: flex;
    flex-wrap: wrap;
    font-size: 22px;
    gap: 8px;
    justify-content: flex-end;
    margin-bottom: 8px;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .nexto16 #results .productslist > li .value.price {
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .value.price strong {
    font-size: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .value .oldprice {
    margin: 2px 0 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .value .oldprice del {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .value .oldprice + span {
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    text-align: right;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .nexto16 #results .productslist > li .value .oldprice + span {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li .rating-wrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 24px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results .productslist > li a.reviews {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist {
    display: grid;
    gap: 48px;
    grid-template-columns: repeat(4, 1fr);
    margin-bottom: 48px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .nexto16 #results.view-grid .productslist {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 400px) {
  .nexto16 #results.view-grid .productslist {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li {
    margin: 0 !important;
    padding: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li h3 + h4,
  .nexto16 #results.view-grid .productslist > li .h3 + .h4 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li .container .row {
    margin: 0 !important;
  }
  .nexto16 #results.view-grid .productslist > li .container .row .col-2,
  .nexto16 #results.view-grid .productslist > li .container .row .col-5,
  .nexto16 #results.view-grid .productslist > li .container .row .col-7 {
    padding: 0 !important;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li .oldprice + span {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li .product-tags {
    bottom: 166px;
    flex-direction: column;
    gap: 0;
    left: 50%;
    max-width: 150px;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li .value.price {
    height: 54px;
    justify-content: center;
    margin-top: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li .rating-wrapper {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li form .btn.btn-l {
    font-size: 16px;
    height: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li h3,
  .nexto16 #results.view-grid .productslist > li .h3 {
    display: -webkit-box;
    font-size: 16px;
    height: auto;
    line-height: 1.2;
    margin: 8px 0 12px;
    min-height: 40px;
    overflow: hidden;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #results.view-grid .productslist > li.featured {
    background: linear-gradient(0deg, rgb(241 89 46 / 0%) 0%, rgb(241 89 46 / 12%) 11%, rgba(255, 255, 255, 0) 115px);
  }
}
@media only screen and (max-width: 1024px) {
  #quartic_recommendations h3 {
    font-size: 18px;
  }
}
@media only screen and (max-width: 1024px) {
  #quartic_recommendations .title {
    display: -webkit-box;
    font-size: 16px;
    height: auto;
    line-height: 1;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
}
@media only screen and (max-width: 1024px) {
  #quartic_recommendations .price {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  #quartic_recommendations .price strong {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #quartic_recommendations .price del.oldprice {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  #quartic_recommendations .cover {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #main .recommended_v3 .h {
    align-items: center;
    align-items: flex-end;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #main .recommended_v3 .h h2,
  .nexto16 #main .recommended_v3 .h .h2 {
    margin-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #main .recommended_v3 .h .more {
    margin: 0;
    position: static;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #main .recommended_v3 .h .more a {
    font-size: 12px;
    line-height: 1.5;
    padding-block: 6px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 400px) {
  .nexto16 #main .recommended_v3 .h .more a {
    background: none;
    padding-right: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .nexto16 #main .recommended_v3 .h .clear {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured h3,
  .recommended_v3 .issue-featured .h3 {
    font-size: 20px;
    line-height: 1.25;
    margin: 0 0 12px;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured h3,
  .recommended_v3 .issue-featured .h3 {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured h3 + h4,
  .recommended_v3 .issue-featured .h3 + h4,
  .recommended_v3 .issue-featured h3 + .h4,
  .recommended_v3 .issue-featured .h3 + .h4 {
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured h3 + h4,
  .recommended_v3 .issue-featured .h3 + h4,
  .recommended_v3 .issue-featured h3 + .h4,
  .recommended_v3 .issue-featured .h3 + .h4 {
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured h3 + h4 a,
  .recommended_v3 .issue-featured .h3 + h4 a,
  .recommended_v3 .issue-featured h3 + .h4 a,
  .recommended_v3 .issue-featured .h3 + .h4 a {
    display: inline-block;
    padding: 8px 0;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured h3 + h4 a,
  .recommended_v3 .issue-featured .h3 + h4 a,
  .recommended_v3 .issue-featured h3 + .h4 a,
  .recommended_v3 .issue-featured .h3 + .h4 a {
    padding: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured h3 + h4 b + b,
  .recommended_v3 .issue-featured .h3 + h4 b + b,
  .recommended_v3 .issue-featured h3 + .h4 b + b,
  .recommended_v3 .issue-featured .h3 + .h4 b + b {
    margin-left: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured h3 + h4 b + b,
  .recommended_v3 .issue-featured .h3 + h4 b + b,
  .recommended_v3 .issue-featured h3 + .h4 b + b,
  .recommended_v3 .issue-featured .h3 + .h4 b + b {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured .image {
    display: flex;
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured .image picture.cover img {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured .image picture.cover img {
    max-height: 300px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured .body {
    margin-top: 12px;
  }
}
.recommended_v3 .issue-featured .product-rating {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured .product-rating {
    display: block;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured .product-rating .rating-wrapper {
    display: flex;
    justify-content: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured .product-rating .rating-wrapper {
    justify-content: center;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured .product-rating a.reviews {
    font-size: 14px;
    margin: 0;
    padding: 8px 0;
    text-decoration: underline;
    text-underline-offset: 3px;
    width: max-content;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured .product-rating a.reviews {
    margin: 0 auto;
    padding: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured .product-tags {
    margin-block: 0 12px;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured .product-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-block: 12px;
    gap: 4px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured .product-tags .tag {
    font-size: 10px;
    line-height: 1;
    padding: 6px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured .value.price {
    margin-block: 12px 4px;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured .value.price strong {
    font-size: 24px;
    line-height: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured .value.price + div {
    font-size: 12px;
  }
}
@media only screen and (max-width: 768px) {
  .recommended_v3 .issue-featured form button.btn.btn-primary.btn-xl {
    margin: 16px auto 0;
    padding: 10px 32px;
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured form + p {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured form + p + a.reviews {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issue-featured .free_sample {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issues.cycle-slideshow,
  .recommended_v3 .issues.cycle-slideshow-noinit {
    width: calc(100% + 10px) !important;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issues {
    margin-block: 40px;
    min-height: 245px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issues .cycle-prev,
  .recommended_v3 .issues .cycle-next {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issues li:hover .ext {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issues li .issue {
    box-sizing: content-box;
    padding: 0 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issues li .issue .title {
    font-size: 16px;
    height: 40px;
    line-height: 1.3;
    margin-block: 6px 0;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issues li .issue a.image {
    display: block;
    display: -webkit-box;
    height: 200px;
    line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issues li .issue .free_sample {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .recommended_v3 .issues li .issue .product-tags .tag {
    font-size: 10px;
    line-height: 1;
    padding: 6px 10px;
  }
}
.tab-buttons {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .tab-buttons {
    column-gap: 4px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .tab-button {
    background-color: #f7f7f7;
    border: none;
    color: #6d6e79;
    cursor: pointer;
    flex-basis: calc(50% - 2px);
    font-size: 14px;
    padding: 6px;
    text-align: center;
  }
}
@media only screen and (max-width: 1024px) {
  .tab-button.active {
    background-color: #ddd;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results [data-content='sorting'] .table-cell {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .pagings {
    border: 0;
    border-radius: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .pagings select {
    background-color: #fff;
    padding: 4px 8px;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .pagings .sort {
    width: auto;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .tree li {
    line-height: 1.25;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .tree li:before,
  #category-items #results .tree li:after {
    top: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items #results .tree li:last-child:before,
  #category-items #results .tree li:last-child:after {
    top: 12px;
  }
}
@media only screen and (max-width: 1024px) {
  .filter-tags-container {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .filter-tags-list {
    background-color: #f7f7f7;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 8px;
    padding: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .filter-tag-btn {
    border: 0;
    background-color: transparent;
    color: inherit;
    cursor: pointer;
    margin-right: 10px;
    padding: 5px 5px 4px 17px;
    position: relative;
  }
}
.filter-tag-btn:before {
  content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMS4zMTIwMUw5IDkuMzEyMDFNMSA5LjMxMjAxTDkgMS4zMTIwMSIgc3Ryb2tlPSIjNkQ2RTc5Ii8+Cjwvc3ZnPgo=');
  position: relative;
  left: 0;
  top: 1px;
  margin: 3px 5px 0 -10px;
}
@media only screen and (max-width: 1024px) {
  #main #category-items h1 {
    padding: 0 0 20px 0;
  }
}
@media only screen and (max-width: 1024px) {
  #category-items .header-count {
    display: block;
    margin-bottom: 40px;
    position: static;
  }
}
@media only screen and (max-width: 1024px) {
  .tree li {
    line-height: 1.25;
  }
}
@media only screen and (max-width: 1024px) {
  .tree li:before,
  .tree li:after {
    top: 13px;
  }
}
@media only screen and (max-width: 1024px) {
  .reviews .head h3,
  .reviews .head .h3 {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .reviews .btn.btn-more span {
    padding: 10px 41px 10px 19px;
  }
}
@media only screen and (max-width: 768px) {
  .reviews .reviewsList > .ln:first-child {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .reviews .reviewsList li {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
  }
}
@media only screen and (max-width: 1024px) {
  #reviewsList form#reviewForm .formContent table {
    max-width: 500px;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #reviewsList form#reviewForm .formContent table tr {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 1024px) {
  #reviewsList form#reviewForm .formContent table tr + tr {
    margin-top: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #reviewsList form#reviewForm .formContent table tr:last-child {
    margin-bottom: 16px;
    margin-top: 0;
    justify-content: flex-end;
  }
}
@media only screen and (max-width: 480px) {
  #reviewsList form#reviewForm .formContent table tr td.c1 {
    width: 100%;
    text-align: left;
  }
}
@media only screen and (max-width: 1024px) {
  #reviewsList form#reviewForm .formContent table tr td.c2 {
    width: calc(100% - 120px);
  }
}
@media only screen and (max-width: 480px) {
  #reviewsList form#reviewForm .formContent table tr td.c2 {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  #reviewsList form#reviewForm .formContent table tr td input:not([type='submit']),
  #reviewsList form#reviewForm .formContent table tr td select,
  #reviewsList form#reviewForm .formContent table tr td textarea {
    width: 100% !important;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 form .control.select .current .text {
    line-height: 24px;
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 form .control.select ul li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner .suggest a span .name,
  #search_v3 div.search_inner .suggest a span .type {
    line-height: 1.25;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner .suggest a span .name {
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  #search_v3 div.search_inner .suggest a span .type {
    font-size: 13px;
  }
}
@media only screen and (max-width: 1024px) {
  body.sticky-header #search_v3 ul.mainmenu li.level0 > a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #search-filters .filter-block h3,
  #search-filters .filter-block .h3 {
    font-size: 16px;
    position: relative;
  }
}
@media only screen and (max-width: 1024px) {
  #search-filters .filter-block .nav li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  #search-filters .filter-block .nav li ul {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .filter-collapse-btn::first-letter {
    text-transform: uppercase;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list:has(.filter-block.is-opened) {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .filter-block {
    padding: 0px 0px 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .filter-block.is-opened + .c-category-list-in {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .filter-block.is-opened + .c-category-list-in .category-back-button {
    background-position-x: calc(35% - 14px);
    border-color: #ddd;
    font-size: 16px;
    margin: 0 auto;
    max-width: 200px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .filter-block.is-opened .filter-collapse-btn {
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .filter-block.is-opened .filter-collapse-btn:after {
    transform: rotate(90deg);
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .filter-collapse-btn {
    background-color: transparent;
    border: 0;
    color: #313131;
    cursor: pointer;
    display: block;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 20px 3px 5px;
    position: relative;
    text-align: left;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .filter-collapse-btn:after {
    background-image: url('/images/nexto16/btn-less.svg');
    background-size: 100% auto;
    content: '';
    font-size: 2em;
    height: 28px;
    position: absolute;
    right: 0px;
    transform: rotate(-90deg);
    top: -3px;
    width: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .c-category-list-in {
    display: none;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .c-category-list-in .tree {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .c-category-list-in .tree + .cbb-link {
    display: block;
    margin: 20px 0 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .c-category-list-in .tree li:last-child::before {
    top: 13px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters.category {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters .filter-block .filter-collapse-btn {
    background-color: transparent;
    border: 0;
    color: #313131;
    cursor: pointer;
    display: block;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 20px 3px 5px;
    position: relative;
    text-align: left;
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters .filter-block .filter-collapse-btn:after {
    background-image: url('/images/nexto16/btn-less.svg');
    background-size: 100% auto;
    content: '';
    font-size: 2em;
    height: 28px;
    position: absolute;
    right: 0px;
    transform: rotate(-90deg);
    top: -3px;
    width: 28px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters .filter-block.is-opened .filter-collapse-btn {
    padding-bottom: 30px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters .filter-block.is-opened .filter-collapse-btn:after {
    transform: rotate(90deg);
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters .filter-block.is-opened .nav {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters .filter-block .nav li:last-child {
    padding-bottom: 7px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters .filter-block .nav li ul {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .search-filters .nav {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .c-category-list .category-block-head {
    color: #313131;
    font-size: 14px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-newsletter-form .newsletter-form p {
    font-size: 16px;
    line-height: 19px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-newsletter-form .newsletter-form input.text {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .search-newsletter-form .messages {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .pagings,
  .pagings_in {
    background-image: none;
  }
}
@media only screen and (max-width: 1024px) {
  .pagings {
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin: 0px 0 20px;
  }
}
@media only screen and (max-width: 1024px) {
  .toolsmenu a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .toolsmenu .tool_layer .layer_menu ul li a {
    font-size: 16px;
  }
}
.top-ten {
  white-space: wrap;
}
@media only screen and (max-width: 1024px) {
  .top-ten {
    width: 100%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .top-ten ul li {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .top-ten ul li .pos + a {
    margin-left: 28px;
  }
}
/*  przykład użycia media queries
body {
  @media @mobile {
    background-color: rgb(206, 204, 95);
  }
}
*/