body {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  background: #fff;
}

a {
  color: #e6007e;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

strong,
b,
.strong,
.bold {
  font-weight: 700;
}

em,
i,
.italic {
  font-style: italic;
}

.inner {
  width: 980px;
  margin: 0 auto;
  position: relative;
}

.mt-40 {
  margin-top: 40px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-60 {
  padding-bottom: 60px;
}

@media (max-width: 767px) {
  .mt-40 {
    margin-top: 20px;
  }
}
.btn-primary {
  padding: 20px 15px;
  box-shadow: 0 3px 10px rgba(221, 0, 121, 0.13);
  border-radius: 4px;
  background-color: #dd0079;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
  border: none;
  outline: none;
  text-decoration: none;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus {
  box-shadow: 0 3px 10px rgba(221, 0, 121, 0.13);
  background-color: #dd0079;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
#header {
  clear: both;
  width: 100%;
  height: 85px;
  background: #1e2658;
}
#header .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  position: relative;
}
#header .inner {
  height: 85px;
  background: transparent url("/images/tonerynaplne/bg-head.png") left top no-repeat;
}
#header #logo {
  margin-bottom: auto;
}
#header #logo a {
  display: block;
}
#header #logo a span {
  visibility: hidden;
  text-indent: -999999px;
  position: absolute;
}
#header .header-main-menu {
  display: flex;
  align-items: stretch;
  height: 100%;
  margin-left: 40px;
}
#header .header-main-menu .main-menu-item {
  padding: 32px 25px;
  display: flex;
  align-items: center;
}
#header .header-main-menu .main-menu-item > a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.23px;
  line-height: normal;
  text-align: left;
  text-decoration: none;
  position: relative;
}
#header .header-main-menu .main-menu-item > a:after {
  width: 2px;
  height: 21px;
  background-color: #404771;
  left: -25px;
  top: 0;
  content: "";
  display: block;
  position: absolute;
}
#header .header-main-menu .main-menu-item > a:before {
  width: 0;
  height: 2px;
  background-color: #ffffff;
  transition: all 0.3s;
  top: 100%;
  left: 0;
  display: block;
  position: absolute;
  content: "";
}
#header .header-main-menu .main-menu-item > a:hover:before {
  width: 100%;
}
#header .header-main-menu .main-menu-item.main-menu-login {
  display: none;
}
#header .header-login {
  margin-left: auto;
}
#header .header-login #menu-login {
  margin-right: 20px;
  padding-right: 20px;
  background: transparent url("/images/tonerynaplne/menu-delimiter-small.png") right center no-repeat;
}
#header .header-login #menu-login a {
  background: transparent url("/images/tonerynaplne/ico-head-login.png") left center no-repeat;
  padding: 3px 0 3px 30px;
  color: #fff;
}
#header .header-cart {
  position: relative;
}
#header .header-cart .kosik-link {
  padding: 3px 0 3px 30px;
  color: #fff;
  text-decoration: none;
}
#header .header-cart #menu-cart a,
#header .header-cart #menu-cart .kosik-link {
  padding-left: 40px;
  background: transparent url("/images/tonerynaplne/ico-head-cart.png") left center no-repeat;
}
#header .header-cart #menu-cart span.count {
  width: 20px;
  height: 20px;
  background-color: #dd0079;
  position: absolute;
  top: -15px;
  right: -15px;
  border-radius: 50%;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  font-size: 12px;
}

.submenu {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
  background-color: #ffffff;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 900;
  padding: 30px 45px;
  display: none;
}
.submenu h2 {
  color: #1e2658;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
}
.submenu .show-all {
  text-align: center;
  margin-top: 10px;
}
.submenu .show-all a {
  color: #2ba5df;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.header-hamburger {
  width: 87px;
  height: 40px;
  border-radius: 2px;
  border: 1px solid #2ba5df;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 13px;
  cursor: pointer;
  display: none;
  transition: all 0.3s;
}
.header-hamburger.active {
  background-color: #2ba5df;
}

.hamburger-text {
  color: #ffffff;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  right: 12px;
}

#nav-icon1 {
  width: 15px;
  height: 11px;
  position: relative;
  margin: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 5px;
}

#nav-icon1 span:nth-child(3) {
  top: 10px;
}

#nav-icon1.open span:nth-child(1) {
  top: 5px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -15px;
}

#nav-icon1.open span:nth-child(3) {
  top: 5px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

#content {
  clear: both;
  width: 100%;
  min-height: 500px;
  background: #fff url("/images/tonerynaplne/bg-content-1.png") top center no-repeat;
}

.content {
  clear: both;
  width: 100%;
}

/* homepage */
#content .hp-hledate {
  width: 100%;
  margin-top: 50px;
  padding-top: 35px;
  color: #1e2658;
}
#content .hp-hledate h1 {
  margin-bottom: 10px;
  color: #000;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
}
#content .hp-hledate h1 span {
  font-weight: 700;
}
#content .hp-hledate p {
  color: #1e2658;
  font-size: 21px;
}
#content .hp-hledate ul {
  margin-top: 25px;
}
#content .hp-hledate li {
  float: left;
  margin-right: 15px;
  font-size: 18px;
  font-weight: 600;
}
#content .hp-hledate .dot {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 15px;
  position: relative;
  top: 2px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#content .hp-hledate .dot-tonery {
  background-color: #ffed00;
}
#content .hp-hledate .dot-naplne {
  background-color: #2ba5df;
}
#content .hp-hledate .dot-cartridge {
  background-color: #e5007d;
}
#content .hp-vyhledat h3 {
  color: #2aa4de;
  font-size: 18px;
}
#content .hp-vyhledat h3 span {
  font-weight: 700;
}
#content .hp-vyhledat li {
  margin-top: 25px;
  margin-left: 45px;
  padding-left: 45px;
}
#content .hp-vyhledat #hp-hledej-info {
  background: #fff url("/images/tonerynaplne/ico-info.png") left center no-repeat;
  min-height: 30px;
}
#content .hp-vyhledat #hp-hledej-volej {
  background: #fff url("/images/tonerynaplne/ico-telefon.png") left center no-repeat;
}
#content .hp-vyhledat .tel-pink {
  color: #e5017f;
  font-size: 16px;
  font-weight: 700;
}

.hp-vyhledat #search-wrap {
  margin-top: 30px;
  padding: 30px 40px;
  background: #f7f7f7;
}
.hp-vyhledat #search-wrap .search-btn-mobile {
  display: none;
}

#fulltext-form {
  position: relative;
}
#fulltext-form form {
  position: relative;
}
#fulltext-form .fulltext-input-query {
  height: 100%;
  padding: 5px 60px 5px 10px;
  color: #1e2658;
  font-size: 16px;
  border: 1px solid #e5007d;
  background-color: #fff;
  border-radius: 0;
  -moz-box-shadow: inset 3px 4px 9px rgba(9, 9, 8, 0.08);
  -webkit-box-shadow: inset 3px 4px 9px rgba(9, 9, 8, 0.08);
  box-shadow: inset 3px 4px 9px rgba(9, 9, 8, 0.08);
}
#fulltext-form .fulltext-input-submit {
  position: absolute;
  top: 0;
  right: -1px;
  width: 40px;
  height: 40px;
  border: 0;
  z-index: 9;
  background: #e6017e url("/images/tonerynaplne/search.svg") center center no-repeat;
  text-indent: -10000px;
  outline: none;
  cursor: pointer;
}

.hp-vyhledat #fulltext-form .fulltext-input-query {
  width: 100%;
  height: 100%;
  border-radius: 0;
}

#right-side .sidebar-info-box {
  height: 100px;
  border-radius: 3px;
  border: 1px solid #2ba5df;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  padding-left: 77px;
  background: url("../images/tonerynaplne/mail.svg") no-repeat center left 32px;
}
#right-side .sidebar-info-box h4 {
  margin-bottom: 0;
  color: #1e2658;
  font-size: 16px;
  font-weight: 700;
}
#right-side .sidebar-info-box p {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 0;
}
#right-side .sidebar-info-box p a {
  color: #2ba5df;
}

#right-side h4 {
  color: #1e2658;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  margin-bottom: 16px;
}

.hp-vyhledat #search-wrap p {
  margin-top: 3px;
  color: #1e2658;
  font-style: italic;
  font-size: 12px;
}

.header-search .input-group {
  height: 40px;
}

/*
  #category-roots-list {margin-top: 15px; padding-top: 15px; border-top:1px solid #f1f1f1;}
  #category-roots-list img {width: 130px; height: 50px; margin: 10px;}
  */
.categories-roots-show-all {
  border-top: 1px solid #f1f1f1;
  text-align: center;
  background: transparent url("/images/tonerynaplne/button-vice-vyrobcu.png") top center no-repeat;
}
.categories-roots-show-all span {
  display: inline-block;
  padding: 10px 5px;
  color: #e5007d;
  font-size: 16px;
  text-decoration: underline;
  cursor: pointer;
}
.categories-roots-show-all span:hover {
  text-decoration: none;
}

#category-hp-wrap {
  margin-top: 30px;
  padding: 30px 40px;
  background: #f7f7f7;
}

#hp-category-select {
  position: relative;
}

#hp-category-select-link {
  height: 44px;
  color: #1e2658;
  font-size: 16px;
  border: 1px solid #2ba5df;
  background-color: #fff;
  -moz-box-shadow: inset 3px 4px 9px rgba(9, 9, 8, 0.08);
  -webkit-box-shadow: inset 3px 4px 9px rgba(9, 9, 8, 0.08);
  box-shadow: inset 3px 4px 9px rgba(9, 9, 8, 0.08);
}
#hp-category-select-link span {
  display: block;
  padding: 11px 0 11px 20px;
  color: #1e2658;
  font-size: 16px;
  background: transparent url("/images/tonerynaplne/hp-category-arr-down-full.png") right center no-repeat;
  cursor: pointer;
}

#hp-category-select-content {
  display: none;
  position: absolute;
  top: 44px;
  z-index: 1;
  right: auto;
  left: 0;
  width: 380px;
  max-height: 300px;
  overflow-y: auto;
}
#hp-category-select-content #category-roots-list {
  border-left: 1px solid #2ba5df;
  border-right: 1px solid #2ba5df;
}
#hp-category-select-content #category-roots-list li {
  margin: 0 !important;
  padding: 0 !important;
}
#hp-category-select-content #category-roots-list li a {
  display: block;
  padding: 10px 20px;
  color: #1e2658;
  font-size: 14px;
  border-bottom: 1px solid #2ba5df;
  background: #fff;
  text-decoration: none;
}
#hp-category-select-content #category-roots-list li a:hover {
  font-weight: bold;
  background: #f7f7f7;
}

#category-hp-wrap p {
  margin-top: 3px;
  color: #1e2658;
  font-style: italic;
  font-size: 12px;
}

.proc-unas {
  width: 100%;
  margin: 30px 0;
  padding: 40px 0 20px;
  color: #1e2658;
  background: #f6f6f6;
  font-size: 13px;
}
.proc-unas h3 {
  margin-bottom: 30px;
  color: #1e2658;
  font-weight: 700;
  font-size: 23px;
  text-shadow: 0 1px 1px #fff;
  text-align: center;
}
.proc-unas .proc {
  float: left;
  width: 185px;
  margin: 20px 30px;
  padding-top: 80px;
  text-align: center;
}
.proc-unas h4 {
  font-weight: 700;
  font-size: 18px;
}
.proc-unas p {
  font-size: 14px;
}
.proc-unas .proc-penize {
  background: transparent url("/images/tonerynaplne/ico-proc-penize.png") top center no-repeat;
}
.proc-unas .proc-kvalita {
  background: transparent url("/images/tonerynaplne/ico-proc-kvalita.png") top center no-repeat;
}
.proc-unas .proc-skladem {
  background: transparent url("/images/tonerynaplne/ico-proc-skladem.png") top center no-repeat;
}
.proc-unas .proc-planetu {
  background: transparent url("/images/tonerynaplne/ico-proc-planetu.png") top center no-repeat;
}

/* kategorie */
#breadcrumbs {
  margin-bottom: 10px;
  color: #1e2658;
  font-size: 13px;
  background: none;
  padding: 0;
}
#breadcrumbs a {
  color: #1e2658;
  font-size: 13px;
  font-weight: 400;
  text-decoration: underline;
}
#breadcrumbs .active {
  font-size: 13px;
  font-weight: 400;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #a3a9cc;
}

#left-side {
  margin: 40px 0 0;
}

#right-side {
  width: 100%;
  margin: 40px 0;
}

.category-head h1 {
  color: #1e2658;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 15px;
}

.category-top {
  display: flex;
}
.category-top-img {
  width: 110px;
  height: 110px;
  border: 1px solid #dddddd;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.category-top-img img {
  max-width: 100%;
  max-height: 100%;
}
.category-top-img + .category-top-text {
  padding-left: 20px;
}
.category-top-text {
  width: calc(100% - 110px);
}
.category-top.category-top-big {
  align-items: center;
  border-bottom: 1px solid #d8d8d8;
  margin-bottom: 40px;
}
.category-top.category-top-big .category-top-img {
  width: 350px;
  border: none;
  height: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.category-top.category-top-big .category-top-text {
  width: calc(100% - 350px);
}
.category-top.category-top-big .category-top-text p {
  color: #1e2658;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.71;
}

#category-sub-list {
  padding: 0;
}
#category-sub-list h3 {
  margin-top: 20px;
  margin-bottom: 16px;
  color: #1e2658;
  font-size: 14px;
  font-weight: 600;
}
#category-sub-list .cat-item {
  width: 100%;
  display: flex;
  padding: 8px;
  color: #1e2658;
  border: 1px solid #dddddd;
  transition: all 0.3s;
  height: 70px;
  text-decoration: none;
  line-height: 1.4;
}
#category-sub-list .cat-item-col {
  display: flex;
  margin-bottom: 30px;
}
#category-sub-list .cat-item-img {
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
#category-sub-list .cat-item-img img {
  max-width: 100%;
  display: block;
  max-height: 100%;
}
#category-sub-list .cat-item-name {
  width: calc(100% - 50px);
  font-size: 15px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding-left: 12px;
}
#category-sub-list .cat-item-col-serie .cat-item {
  background: url("./../images/tonerynaplne/arrow.svg") no-repeat center right 16px;
  padding-right: 25px;
}
#category-sub-list .cat-item-col-serie .cat-item-img {
  display: none;
}
#category-sub-list .cat-item-col-serie .cat-item-teext {
  width: 100%;
}
#category-sub-list .cat-item-col-big .cat-item {
  height: 230px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#category-sub-list .cat-item-col-big .cat-item-img {
  width: 100%;
  height: 150px;
  padding: 10px;
}
#category-sub-list .cat-item-col-big .cat-item-name {
  width: 100%;
  padding-left: 0;
  text-align: center;
  justify-content: center;
}
#category-sub-list .cat-item:hover {
  text-decoration: underline;
  border: 1px solid #2ba5df;
}

.product-item-col {
  display: flex;
  margin-bottom: 30px;
}

.tag-doprava {
  display: block;
  width: 79px;
  height: 24px;
  margin-right: 0 !important;
  background: #fff url("/images/tonerynaplne/ico-doprava-zdarma-produkt.png") left top no-repeat;
  text-indent: -10000px;
}

.product-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid #dddddd;
  width: 100%;
  transition: all 0.3s;
  position: relative;
}
.product-item:hover {
  border-color: #2ba5df;
}

.product-list-top {
  margin-top: 40px;
}
.product-list-top h2 {
  color: #1e2658;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 16px;
}
.product-list-top-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-list-top-left ul {
  display: flex;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.product-list-top-left ul li {
  margin-right: 15px;
}
.product-list-top-left ul li a {
  color: #1e2658;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
}
.explain-box {
  border-radius: 9999px;
  background-color: #e0e9ed;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 9px 22px;
}
.explain-box span {
  color: #1e2658;
  font-size: 13px;
  font-weight: 600;
  margin-right: 16px;
}

.explain-item {
  display: flex;
  align-items: center;
  color: #1e2658;
  font-size: 13px;
  font-weight: 400;
  line-height: 1;
}
.explain-item:first-of-type {
  margin-right: 13px;
}
.explain-item.original img {
  height: 23px;
}
.explain-item.quality img {
  height: 23px;
}
.explain-item img {
  margin-right: 5px;
  display: block;
}

#product-list {
  margin-top: 30px;
}

.product-item {
  padding: 20px;
  text-align: center;
}
.product-item .tag-doprava {
  position: absolute;
  top: 20px;
  left: 10px;
}
.product-item .product-image {
  margin-bottom: 10px;
}
.product-item .product-image img {
  width: 170px;
  height: 170px;
}
.product-item .product-item-info h3 {
  margin-bottom: 10px;
}
.product-item .product-item-info h3 a {
  color: #1e2658;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: normal;
  line-height: 1.6;
  text-decoration: none;
}
.product-item .product-item-info p {
  margin: 5px 0;
  color: #1f2757;
  font-size: 13px;
}
.product-item .availability {
  text-align: right;
}
.product-item .badges {
  float: left;
}
.product-item .wrap-buyit {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.product-item .product-price-wrap {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  margin-bottom: 10px;
}
.product-item .product-price-wrap .product-price {
  color: #dd0079;
  font-weight: 700;
  font-size: 16px;
}
.product-item .product-price-wrap .product-price-without {
  color: #959595;
  font-size: 12px;
  font-weight: 400;
}
.product-item .product-add-button {
  display: inline-flex;
  padding: 13px 25px;
  color: #fff;
  background: #dd0079;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(221, 0, 121, 0.13);
  align-items: center;
  line-height: 1;
}
.product-item .product-add-button span {
  display: flex;
  align-items: center;
}
.product-item .product-add-button img {
  display: block;
  margin-right: 8px;
  margin-top: -2px;
}

.product-main-info {
  display: flex;
  align-items: center;
}

.availability-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  margin-bottom: 8px;
}

#body-pl #product-list .product-add-button {
  width: 151px;
}

.category-item {
  clear: both;
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
}
.category-item strong {
  padding: 0 15px 0 0;
  color: #1e2658;
  font-weight: 700;
  font-size: 21px;
  background: url("/images/tonerynaplne/delimiter-category-item.png") right center no-repeat;
}
.category-item a {
  margin-left: 15px;
  padding-left: 20px;
  color: #e5007d;
  font-size: 14px;
  background: url("/images/tonerynaplne/ico-category-item.png") left center no-repeat;
  text-decoration: none;
}

.product-detail-top {
  margin-top: 35px;
  margin-bottom: 40px;
}
.product-detail-top .product-code {
  color: #1e2658;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 20px;
}
.product-detail-top .product-code span {
  font-weight: 400;
}
.product-detail-top #product-tags {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.product-detail-top #product-tags .tag-barevny {
  width: 78px;
  height: 22px;
  margin-top: 5px;
  background: #fff url(/images/tonerynaplne/ico-badge-color.png) center center no-repeat;
}

.product-detail h1 {
  color: #1e2658;
  font-size: 34px;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  margin-bottom: 12px;
}

.product-detail .product-mainimage img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.product-detail .product-detail-left {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.product-detail .product-main-img-div {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e8e8e8;
  height: 350px;
  width: 100%;
}
.product-detail .product-detail-right {
  float: left;
  width: 100%;
}
.product-detail .product-detail-right .product-detail-buy-box {
  background-color: #f1f1f1;
  padding: 20px 25px;
  margin-top: 30px;
}
.product-detail .product-detail-right .product-detail-buy-box-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-detail .product-detail-right .product-detail-buy-box-price {
  margin-left: auto;
}
.product-detail .product-detail-right .product-detail-buy-box .avail-available {
  color: #2bb819;
  font-size: 14px;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
}
.product-detail .product-detail-right .product-detail-buy-box .avail-available:before {
  content: "";
  background: url("./../images/tonerynaplne/avail.svg") no-repeat left center;
  width: 15px;
  height: 11px;
  display: block;
  position: relative;
  margin-right: 8px;
}

.detail-images {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  width: calc(100% + 20px);
  justify-content: center;
}

.detail-img-small-item {
  display: block;
  margin: 10px;
  width: 100px;
  height: 100px;
}

.product-detail .box-vhodne {
  width: 100%;
  padding: 10px 15px 15px;
  color: #1f2757;
  background-color: #f1f1f1;
  font-size: 14px;
}
.product-detail .box-vhodne a {
  color: #1f2757;
  font-weight: 700;
}
.product-detail .product-text-full p {
  margin: 7px 0;
}
.product-detail #basket-product-form {
  clear: both;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
}

.product-text-full h2 {
  margin: 10px 0;
  color: #2aa4de;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
}
.product-text-full h3 {
  margin: 10px 0;
  color: #2aa4de;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}
.product-text-full ul {
  margin-left: 25px;
}
.product-text-full ul li {
  list-style: disc;
}

.nav-tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  justify-content: center;
  border-bottom: 1px solid #d8d8d8;
}
.nav-tabs .nav-item {
  margin-bottom: 0;
  margin: 0 20px;
}
.nav-tabs .nav-link {
  border: none;
  padding: 0;
  padding-bottom: 14px;
  position: relative;
  transition: all 0.3s;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  color: #aeaeae;
}
.nav-tabs .nav-link:after {
  height: 4px;
  background-color: #2ba5df;
  content: "";
  display: block;
  position: absolute;
  top: calc(100% - 4px);
  width: 0;
  transition: all 0.3s;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
  border: none;
  color: #1e2658;
}
.nav-tabs .nav-link.active:after, .nav-tabs .nav-link:hover:after {
  width: 100%;
}

.tab-content {
  padding-top: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #d8d8d8;
}

.product-detail .product-detail-mobile h1 {
  font-size: 26px;
}

.product-detail-mobile {
  display: none;
}

@media (max-width: 991px) {
  .product-detail-mobile {
    display: block;
  }

  .product-detail-desktop {
    display: none;
  }
}
#right-side li {
  margin-top: 25px;
  padding-left: 45px;
  font-size: 14px;
}
#right-side #hp-hledej-info {
  background: #fff url("/images/tonerynaplne/ico-info.png") 2px 8px no-repeat;
}
#right-side #hp-hledej-volej {
  background: #fff url("/images/tonerynaplne/ico-telefon.png") 2px 8px no-repeat;
}
#right-side .tel-pink {
  color: #e5017f;
  font-size: 16px;
  font-weight: 700;
}

.content-text-page {
  padding-top: 25px;
}
.content-text-page p {
  margin-bottom: 15px;
}
.content-text-page h1 {
  margin: 25px 0;
  color: #2aa4de;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.5;
}
.content-text-page h2 {
  margin: 15px 0;
  color: #2aa4de;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
}
.content-text-page h3 {
  margin: 15px 0;
  color: #2aa4de;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
}
.content-text-page h4 {
  margin: 15px 0;
  color: #2aa4de;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
}
.content-text-page li {
  list-style: disc;
  margin: 0 0 10px 25px;
  padding-left: 5px;
}
.content-text-page h1 {
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
}
.content-text-page h5 {
  margin: 15px 0;
  color: #1f2757;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.5;
}
.content-text-page h5 span,
.content-text-page h5 strong {
  padding: 5px 8px;
  color: #fff;
  background-color: #e6007e;
}

#popup {
  display: none;
  position: absolute;
  top: 70px;
  right: 110px;
  width: 380px;
  padding: 20px 16px;
  z-index: 1000;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.11);
  text-align: center;
  background: #fff;
  border-radius: 4px;
}
#popup .text-input {
  width: 220px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #67c5e1;
  border: 1px solid rgba(103, 197, 225, 0.96);
}
#popup label {
  color: #323251;
  font-size: 14px;
  font-weight: 400;
}
#popup .signin_remember_row {
  display: none;
}
#popup th {
  width: 90px;
  text-align: left;
}
#popup .submit {
  margin: 15px 0;
  padding: 10px 30px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid rgba(176, 0, 96, 0.96);
  background-color: #e5007d;
  cursor: pointer;
}
#popup p {
  font-size: 14px;
}
#popup p a {
  color: #2ba5df;
}

#popup-logged h3 {
  color: #a3a9cc;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#popup-logged ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#popup-logged ul li {
  text-align: center;
  border-top: 1px solid #d8d8d8;
  padding: 15px 0;
}
#popup-logged ul li:first-child {
  border-top: none;
}
#popup-logged ul li:last-child {
  padding-bottom: 0;
}
#popup-logged ul li a {
  color: #1e2658;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
}
#popup-logged ul li a:hover {
  color: #2ba5df;
  text-decoration: underline;
}

#signin-form table {
  width: 100%;
}
#signin-form tr {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
#signin-form .text-input {
  width: 100%;
  padding: 10px;
  height: 45px;
  box-shadow: inset 2px 2px 5px rgba(207, 207, 207, 0.5);
  border-radius: 3px;
  border: 1px solid #2ba5df;
  background-color: #ffffff;
}
#signin-form input[type=submit] {
  margin: 0px 0;
  padding: 16px 30px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  border: none;
  box-shadow: 0 3px 10px rgba(221, 0, 121, 0.13);
  background-color: #dd0079;
  cursor: pointer;
  width: 100%;
  margin-top: 6px;
}

h1 {
  color: #1e2658;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  h1 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}
.in-forgotpass {
  max-width: 350px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 50px;
}

.in-registration {
  max-width: 350px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 50px;
}

.form-group {
  display: flex;
  flex-direction: column;
}
.form-group label {
  color: #1e2658;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.form-group .text-input {
  height: 45px;
  box-shadow: inset 2px 2px 5px rgba(207, 207, 207, 0.5);
  border-radius: 3px;
  border: 1px solid #2ba5df;
  background-color: #ffffff;
  width: 100%;
  padding: 5px 16px;
}

.in-forgot-wrap table {
  width: 100%;
}
.in-forgot-wrap tr {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.in-forgot-wrap .btn {
  height: 55px;
  box-shadow: 0 3px 10px rgba(221, 0, 121, 0.13);
  border-radius: 4px;
  background-color: #dd0079;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  margin: 15px 0;
  width: 100%;
}
.in-forgot-wrap .text-input {
  height: 45px;
  box-shadow: inset 2px 2px 5px rgba(207, 207, 207, 0.5);
  border-radius: 3px;
  border: 1px solid #2ba5df;
  background-color: #ffffff;
  width: 100%;
}
.in-forgot-wrap label {
  color: #1e2658;
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 5px;
}
.in-forgot-wrap label strong {
  font-weight: 600;
}

.in-reg-wrap h1 {
  margin-bottom: 10px;
}
.in-reg-wrap h2 {
  color: #1e2658;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
  margin: 20px 0;
}
.in-reg-wrap input[type=submit] {
  width: 100%;
  height: 55px;
  box-shadow: 0 3px 10px rgba(221, 0, 121, 0.13);
  border-radius: 4px;
  background-color: #dd0079;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  margin-top: 20px;
  border: none;
  outline: none;
}
.in-reg-wrap .table-row th {
  width: 100px;
  text-align: left;
}
.in-reg-wrap .tabDivRowWrap {
  display: flex;
  flex-direction: column;
}
.in-reg-wrap .tabDivRowWrap .tabDivRow1 {
  width: 100px;
  text-align: left;
}
.in-reg-wrap #is-subscriber-box {
  clear: both;
  visibility: hidden;
  overflow: hidden;
  height: 1px;
  width: 1px;
}

.in-profile-wrap {
  max-width: 350px;
}
.in-profile-wrap .table-row th {
  width: 100px;
  text-align: left;
}

.left-user-list ul li {
  margin-bottom: 6px;
}
.left-user-list ul li a {
  height: 45px;
  border-radius: 4px;
  border: 1px solid #dedfe4;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  color: #1e2658;
  font-size: 14px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: normal;
  transition: all 0.3s;
  padding: 5px 15px;
  text-decoration: none;
}
.left-user-list ul li a:hover {
  border: 1px solid #dd0079;
}

.in-invoice-wrap h2,
.in-profile-wrap h2 {
  color: #1e2658;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5;
}
.in-invoice-wrap h3,
.in-profile-wrap h3 {
  color: #1e2658;
  font-size: 18px;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 20px;
}
.in-invoice-wrap .btn-primary,
.in-profile-wrap .btn-primary {
  width: 100%;
  margin-bottom: 20px;
}

.invoice-list table {
  width: 100%;
}
.invoice-list td {
  height: 45px;
  border-bottom: 1px solid #d8d8d8;
  vertical-align: middle;
  color: #1e2658;
  font-size: 14px;
  font-weight: 600;
}
.invoice-list td:last-child {
  text-align: right;
}
.invoice-list td.inv-num {
  width: 20%;
}
.invoice-list td.inv-date {
  width: 20%;
}
.invoice-list td.inv-price {
  width: 20%;
}
.invoice-list td.inv-state {
  width: 20%;
}
.invoice-list td.inv-detail {
  width: 20%;
}

.in-checkout-finish {
  clear: both;
}
.in-checkout-finish h1 {
  margin: 25px 0;
  color: #2aa4de;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.5;
}
.in-checkout-finish p {
  margin-bottom: 25px;
}

#product-tags,
#product-top-tags {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 10px;
}
#product-tags .product-tag,
#product-top-tags .product-tag {
  float: left;
  margin-right: 10px;
  display: block;
  text-indent: -10000px;
}
#product-tags .tag-original,
#product-top-tags .tag-original {
  width: 29px;
  height: 27px;
  background: #fff url("/images/tonerynaplne/ico-tag-original.png") center center no-repeat;
}
#product-tags .tag-kvalita,
#product-top-tags .tag-kvalita {
  width: 34px;
  height: 28px;
  background: #fff url("/images/tonerynaplne/ico-badge-kvalita.png") center center no-repeat;
}
#product-tags .tag-barevny,
#product-top-tags .tag-barevny {
  width: 22px;
  height: 78px;
  margin-top: 5px;
  background: #fff url("/images/tonerynaplne/tag-barevny.svg") center center no-repeat;
  /* margin-top: 10px; */
}
#product-tags .tag-cernobily,
#product-top-tags .tag-cernobily {
  width: 22px;
  height: 22px;
  margin-top: 5px;
  background: #fff url("/images/tonerynaplne/ico-badge-black.png") center center no-repeat;
}

#product-top-tags {
  position: absolute;
  top: 20px;
  right: 15px;
  left: auto;
  width: 25px;
  display: flex;
  flex-direction: column;
}

#basket-product-form {
  text-align: right;
}
#basket-product-form .ui-spinner {
  width: 50px;
  margin-top: -6px;
  padding: 10px;
  border-radius: 0;
  height: 41px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity: 0;
  padding: 0;
}
#basket-product-form .cena {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  margin-top: 5px;
}
#basket-product-form .cena span {
  color: #dd0079;
  font-size: 20px;
  font-weight: 700;
}
#basket-product-form .cena .product-price-without {
  color: #959595;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.67;
}
#basket-product-form #product-buy-submit {
  display: inline-flex;
  padding: 13px 25px;
  color: #fff;
  background: #dd0079;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(221, 0, 121, 0.13);
  align-items: center;
  line-height: 1;
  border: none;
  outline: none;
}
#basket-product-form #product-buy-submit span {
  display: flex;
  align-items: center;
}
#basket-product-form #product-buy-submit img {
  display: block;
  margin-right: 8px;
  margin-top: -2px;
}

/*
  #basket-product-form .cena {display: inline-block; color: #999ebd; padding-top: 11px;}
  #basket-product-form .cena span {color: #e5017f; font-weight: 700; font-size: 16px;}
  #product-buy-submit {padding: 7px 10px 7px 45px; color: #fff; background:#e6017e url('/images/tonerynaplne/ico-dokosiku.png') 10px center no-repeat; font-weight: 700; font-size: 16px; border: 0; cursor: pointer;}
  */
.skladem {
  color: #85a852;
  font-family: "OpenSans", sans-serif;
  font-size: 14px;
  font-weight: bold;
}

.main-categories-list h1 {
  color: #1e2658;
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 1.2;
}

.under-head {
  color: #1e2658;
  font-size: 14px;
  font-weight: 700;
  font-style: normal;
}

.main-categories-list .item {
  height: 100px;
  border: 1px solid #dddddd;
  margin: 15px 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-decoration: none;
  transition: all 0.3s;
}
.main-categories-list .item:hover {
  border-color: #2ba5df;
}
.main-categories-list .item img {
  width: auto;
  max-width: 190px;
  max-height: 40px;
  height: auto;
  margin-bottom: 10px;
}
.main-categories-list .item h3 {
  padding: 0;
  margin: 0;
  color: #1e2658;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none;
}

.inner-sidebar {
  width: 100%;
}
.inner-sidebar #fulltext-form {
  width: 100%;
}

.search-info {
  background: url("/images/tonerynaplne/buble.svg") no-repeat left center;
  padding-left: 26px;
  margin-top: 6px;
  color: #4e5372;
  font-size: 12px;
  font-weight: 600;
}

.sidebar-search-col .inner-sidebar {
  min-height: 100px;
  border-radius: 3px;
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
  padding: 15px 40px 15px 20px;
}

/* kosik */
.content-cart {
  padding: 50px 0;
}

.cart-steps {
  width: 100%;
  display: flex;
  padding-bottom: 32px;
  border-bottom: 1px solid #e2e2e2;
}

.progress-bar-legend {
  justify-content: space-between;
  display: flex;
  align-items: center;
  width: 100%;
}

.cart-steps li {
  float: left;
  padding-right: 40px;
  margin-right: 20px;
}
.cart-steps li.on {
  background: transparent url("/images/tonerynaplne/ico-kos-navi-next-on.png") right no-repeat;
}
.cart-steps li.off {
  background: transparent url("/images/tonerynaplne/ico-kos-navi-next-off.png") right no-repeat;
}
.cart-steps li span {
  padding: 5px 0 5px 48px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.cart-steps li a {
  padding: 5px 0 5px 48px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
}
.cart-steps li a:hover {
  text-decoration: underline;
}
.cart-steps .on span,
.cart-steps .on a {
  color: #2aa4de;
}
.cart-steps .off span,
.cart-steps .off a {
  color: #cbdfeb;
}
.cart-steps li.step-1 {
  padding-right: 30px;
}
.cart-steps .step-1.on span,
.cart-steps .step-1.on a {
  background: transparent url("/images/tonerynaplne/ico-kos-navi-1-on.png") left center no-repeat;
}
.cart-steps li.step-2 {
  padding-right: 30px;
  margin-right: 10px;
}
.cart-steps li.step-2 span,
.cart-steps li.step-2 a {
  padding-left: 55px;
}
.cart-steps .step-2.on span,
.cart-steps .step-2.on a {
  background: transparent url("/images/tonerynaplne/ico-kos-navi-2-on.png") left center no-repeat;
}
.cart-steps .step-2.off span {
  background: transparent url("/images/tonerynaplne/ico-kos-navi-2-off.png") left center no-repeat;
}
.cart-steps li.step-3 {
  padding-right: 30px;
}
.cart-steps .step-3.on span,
.cart-steps .step-3.on a {
  background: transparent url("/images/tonerynaplne/ico-kos-navi-3-on.png") left center no-repeat;
}
.cart-steps .step-3.off span {
  background: transparent url("/images/tonerynaplne/ico-kos-navi-3-off.png") left center no-repeat;
}
.cart-steps li.step-4 {
  padding-right: 0px !important;
  margin-right: 0px !important;
  background: none !important;
}
.cart-steps .step-4.on span,
.cart-steps .step-4.on a {
  background: transparent url("/images/tonerynaplne/ico-kos-navi-4-on.png") left center no-repeat;
}
.cart-steps .step-4.off span {
  background: transparent url("/images/tonerynaplne/ico-kos-navi-4-off.png") left center no-repeat;
}

.content-cart #basket-products {
  margin-bottom: 40px;
  clear: both;
}
.content-cart #basket-products td {
  vertical-align: middle;
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e2e2;
}
.content-cart #basket-products .image {
  width: 130px;
  padding-right: 20px;
}
.content-cart #basket-products .image img {
  width: 100%;
  max-width: 130px;
  height: auto;
}
.content-cart #basket-products .name {
  width: 270px;
  padding-right: 20px;
  font-size: 16px;
}
.content-cart #basket-products .name a {
  color: #1f2757;
  font-weight: 700;
}
.content-cart #basket-products .status {
  width: 160px;
  padding-right: 20px;
}
.content-cart #basket-products .count {
  width: 120px;
}
.content-cart #basket-products .count .ui-spinner {
  padding: 7px;
}
.content-cart #basket-products .price {
  width: 150px;
  padding-right: 40px;
  color: #1f2757;
  font-size: 16px;
  font-weight: 700;
}
.content-cart #basket-products .actions {
  width: 60px;
  font-size: 12px;
}
.content-cart #product-price-all {
  padding: 15px 20px;
  color: #1f2757;
  font-size: 21px;
  background-color: #ffe6f3;
}
.content-cart #product-price-all span {
  font-weight: 700;
}

#cart-button-continue,
.basket-submit {
  float: right;
  padding: 14px 55px 13px 15px !important;
  color: #323251;
  font-size: 16px;
  font-weight: 700;
  background: #e6f1f7 url("/images/tonerynaplne/btn-kosik-next-1.png") right top no-repeat;
  cursor: pointer;
  border: 0;
  line-height: 1;
}

#cart-button-continue:hover,
.basket-submit:hover {
  color: #fff;
  text-decoration: underline;
  background-position: right bottom;
}

#cart-back {
  float: left;
  margin-top: 2px;
  padding: 15px 10px 14px 55px;
  color: #323251;
  font-size: 14px;
  font-weight: 400;
  background: #e6f1f7 url("/images/tonerynaplne/btn-kosik-prev.png") left top no-repeat;
  cursor: pointer;
  border: 0;
  line-height: 1;
  text-decoration: none;
}
#cart-back:hover {
  text-decoration: underline;
}

/* #cart-back:hover {color: #fff; text-decoration: underline; background-position: left bottom;} */
#shipping-payment-box {
  width: 100%;
  margin: 20px 0 40px;
}
#shipping-payment-box h2 {
  margin: 10px 0 20px;
  color: #323251;
  font-size: 18px;
  font-weight: 700;
}
#shipping-payment-box tr td {
  color: #323251;
  font-size: 14px;
  padding-bottom: 10px;
}
#shipping-payment-box tr.selected td {
  color: #e5007d;
  font-size: 14px;
  font-weight: bold;
}
#shipping-payment-box tr.disabled td {
  color: #ccc;
}
#shipping-payment-box tr td.radio {
  width: 40px;
}
#shipping-payment-box tr td.name {
  width: 250px;
}
#shipping-payment-box tr td.price {
  width: 70px;
}

#address-box {
  float: left;
  width: 100%;
  margin: 20px 0 40px;
}
#address-box h2,
#address-box h3 {
  margin: 10px 0 20px;
  color: #323251;
  font-size: 18px;
  font-weight: 700;
}
#address-box .tabDivRowWrap {
  clear: both;
}
#address-box .tabDivRowWrap .tabDivRow1 {
  float: left;
  width: 120px;
  height: 30px;
  margin-bottom: 8px;
  padding-top: 10px;
}
#address-box .tabDivRowWrap .tabDivRow1 label {
  color: #323251;
  font-size: 14px;
}
#address-box .tabDivRowWrap .tabDivRow2 {
  float: left;
  margin-bottom: 8px;
}
#address-box .tabDivRowWrap .tabDivRow2 .alert-danger {
  margin-bottom: 5px;
  padding: 5px 10px;
}
#address-box .tabDivRowWrap .tabDivRow2 input {
  width: 200px;
  padding: 10px 15px;
  font-size: 13px;
  border: 1px solid #67c5e1;
  border: 1px solid rgba(103, 197, 225, 0.96);
  background-color: #fff;
}
#address-box .right {
  margin: 0;
}

#basket-addresses-company-wrap {
  clear: both;
}

#basket-addresses-company-head {
  float: left;
  margin: 10px 0;
  font-size: 12px;
}

#basket-addresses-switch {
  padding-top: 20px !important;
}
#basket-addresses-switch label {
  color: #2ba5df;
}
#basket-addresses-switch span {
  clear: both;
  display: block;
  font-size: 12px;
}

#basket-address {
  margin-top: 30px;
}

#basket-confirm {
  padding-top: 30px;
}
#basket-confirm .delivery-address-same {
  color: #2ba5df;
}
#basket-confirm #basket-products {
  margin-bottom: 0;
}
#basket-confirm #basket-products .image img {
  width: 65px;
}
#basket-confirm #basket-products .name {
  color: #1f2757;
}
#basket-confirm #price-all-box {
  margin-top: 0;
  padding: 20px 40px;
  color: #1f2757;
  font-size: 21px;
  background-color: #ffe6f3;
}
#basket-confirm #price-all-box span {
  font-weight: 700;
}
#basket-confirm #basket-is-subscriber-box {
  margin: 70px 0 0 0;
}

#basket-note-box {
  margin-top: 20px;
}
#basket-note-box label {
  display: block;
  font-size: 16px;
}
#basket-note-box #basket-note {
  width: 955px;
  height: 80px;
  margin-top: 10px;
  padding: 10px;
}

#basket-addons {
  margin-bottom: 25px;
}

#basket-gdpr-box,
#basket-is-subscriber-box,
#heureka-overeno-box {
  position: relative;
  padding-left: 22px;
}

#basket-count-wrap input[type=checkbox] {
  position: absolute;
  left: 0;
  top: 3px;
}

#basket-gdpr-box label {
  display: inline-block;
}

.basket-checkboxes {
  margin-top: 15px;
}

@media (max-width: 1199px) {
  #header .header-main-menu {
    margin-left: 20px;
  }
  #header .header-main-menu .main-menu-item {
    padding: 0 15px;
  }
  #header .header-main-menu .main-menu-item > a:after {
    left: -15px;
  }
  #header .basket-preview-text {
    display: none;
  }
}
@media (max-width: 991px) {
  #header .header-login #menu-login {
    display: none;
  }
  #header .header-main-menu {
    display: none;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    background: #1e2658;
    text-align: center;
    z-index: 9999;
    height: auto;
    padding: 15px;
  }
  #header .header-main-menu .main-menu-item {
    border-bottom: 1px solid #404771;
    border-top: 1px solid #404771;
    margin-top: -1px;
    width: 100%;
    flex-direction: column;
    text-align: center;
    padding: 0;
  }
  #header .header-main-menu .main-menu-item > a {
    padding: 12px 0;
    width: 100%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.23px;
    text-align: center;
    display: block;
  }
  #header .header-main-menu .main-menu-item > a:after, #header .header-main-menu .main-menu-item > a:before {
    display: none;
  }
  #header .header-main-menu .main-menu-item.main-menu-login {
    display: block;
    border: none;
    margin-top: 40px;
    justify-content: center;
    text-align: center;
    margin-bottom: 15px;
  }
  #header .header-main-menu .main-menu-item .menu-login {
    height: 40px;
    margin: 0 auto;
    border-radius: 2px;
    border: 1px solid #2ba5df;
    width: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent url("/images/tonerynaplne/ico-head-login.png") no-repeat left 8px center;
  }
  #header .header-main-menu .main-menu-item .menu-login a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: -0.23px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding-left: 20px;
    text-align: center;
    justify-content: center;
  }
  #header .header-cart #menu-cart .kosik-link {
    width: 40px;
    height: 40px;
    border-radius: 2px;
    border: 1px solid #2ba5df;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-position: center;
    position: relative;
  }
  #header .header-cart #menu-cart span.count {
    top: -5px;
    right: -5px;
  }

  .header-hamburger {
    display: flex;
    margin-left: 12px;
  }

  .submenu {
    position: relative;
    top: 0;
    margin-left: -15px;
    margin-right: -15px;
    padding: 12px;
  }
  .submenu h2 {
    text-align: left;
  }

  .content-cart #product-price-all {
    padding: 15px;
  }
  .content-cart #product-price-all span {
    line-height: 1.2;
  }
  .content-cart #basket-products .name {
    font-size: 15px;
  }

  .cart-steps .step-1 span,
.cart-steps .step-2 span,
.cart-steps .step-3 span,
.cart-steps .step-4 span {
    display: none;
  }
  .cart-steps li {
    width: 25%;
    margin-right: 0 !important;
  }
  .cart-steps li::before {
    content: "";
    display: block;
    width: 100%;
    height: 45px;
  }
  .cart-steps .step-1.on::before {
    background: transparent url("/images/tonerynaplne/ico-kos-navi-1-on.png") center no-repeat;
  }
  .cart-steps .step-2.on::before {
    background: transparent url("/images/tonerynaplne/ico-kos-navi-2-on.png") center no-repeat;
  }
  .cart-steps .step-3.on::before {
    background: transparent url("/images/tonerynaplne/ico-kos-navi-3-on.png") center no-repeat;
  }
  .cart-steps .step-4.on::before {
    background: transparent url("/images/tonerynaplne/ico-kos-navi-4-on.png") center no-repeat;
  }
  .cart-steps .step-1.off::before {
    background: transparent url("/images/tonerynaplne/ico-kos-navi-1-off.png") center no-repeat;
  }
  .cart-steps .step-2.off::before {
    background: transparent url("/images/tonerynaplne/ico-kos-navi-2-off.png") center no-repeat;
  }
  .cart-steps .step-3.off::before {
    background: transparent url("/images/tonerynaplne/ico-kos-navi-3-off.png") center no-repeat;
  }
  .cart-steps .step-4.off::before {
    background: transparent url("/images/tonerynaplne/ico-kos-navi-4-off.png") center no-repeat;
  }

  #address-box {
    float: none;
  }
  #address-box .left {
    margin-bottom: 25px;
  }

  .basket-checkboxes {
    order: 2;
  }

  .basket-price-all {
    order: 1;
  }
}
@media (max-width: 767px) {
  .category-top-img {
    width: 90px;
    height: 90px;
  }
  .category-top-text {
    width: calc(100% - 90px);
    padding-left: 16px;
  }

  .category-top.category-top-big {
    flex-wrap: wrap;
  }
  .category-top.category-top-big .category-top-img {
    width: 100%;
  }
  .category-top.category-top-big .category-top-text {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
  }

  #category-sub-list .row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  #category-sub-list .cat-item-col {
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-bottom: 15px;
  }
  #category-sub-list .cat-item-img {
    width: 30px;
    height: 30px;
  }
  #category-sub-list .cat-item-name {
    width: calc(100% - 30px);
    font-size: 14px;
  }

  .content-cart #basket-products {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .content-cart #basket-products tr {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .content-cart #basket-products .name {
    display: flex;
    align-items: center;
  }
  .content-cart #basket-products tr {
    border-bottom: 1px solid #e2e2e2;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
  }
  .content-cart #basket-products tfoot {
    display: flex;
    width: 100%;
  }
  .content-cart #basket-products tfoot tr {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
  .content-cart #basket-products td {
    border-bottom: none;
    padding-top: 0;
  }

  .product-detail-top {
    margin-top: 10px;
  }

  #left-side {
    margin-top: 20px;
  }

  .product-detail-buy-box-inner {
    flex-wrap: wrap;
  }
  .product-detail-buy-box-buy {
    width: 100%;
    text-align: center;
    justify-content: center;
    display: flex;
    margin-top: 10px;
  }

  #right-side .sidebar-info-box {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .content-cart #basket-products .status {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .content-cart #basket-products .count,
.content-cart #basket-products .price {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    justify-content: flex-start;
  }
  .content-cart #product-price-all {
    font-size: 19px;
  }

  #cart-back {
    width: 100%;
    order: 2;
    margin-top: 15px;
  }

  #cart-button-continue,
.basket-submit {
    width: 100%;
    order: 1;
  }

  .cart-steps li {
    padding-right: 10px !important;
  }

  .cart-bottom-buttons {
    display: flex;
    flex-direction: column;
  }

  .content-cart {
    padding: 30px 0;
  }
}
/* footer */
.content-text-footer {
  padding: 30px 0;
  color: #1e2658;
  font-size: 13px;
}
.content-text-footer h1,
.content-text-footer h2 {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 18px;
}
.content-text-footer p {
  margin-bottom: 20px;
}

#footer {
  clear: both;
  width: 100%;
  min-height: 100px;
  color: #1e2658;
  background: #f6fafb;
  font-size: 13px;
}
#footer hr {
  height: 1px;
  background-color: #e0e0e0;
  border: 0;
  border-bottom: 1px solid #fff;
}
#footer a {
  color: #e5007d;
  font-size: 14px;
  font-weight: 700;
}
#footer .center p {
  margin: 15px 0;
  font-size: 14px;
}
#footer .center a {
  margin: 0 10px;
  font-size: 13px;
  color: #1e2658;
}

.shopty-link {
  font-size: 13px !important;
  color: #1e2658 !important;
  font-weight: 400 !important;
}

#footer .pink {
  font-size: 14px;
  color: #e5007d;
  font-weight: 700;
}

.clear {
  clear: both;
}

.center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.fl,
.fleft {
  float: left;
}

.fr,
.fright {
  float: right;
}

.uppercase {
  text-transform: uppercase;
}

.mt20 {
  margin-top: 20px;
}

.hp-text-desc img {
  float: left;
  margin: 0 10px 10px 0;
  border: 0;
  width: 200px;
}

.banner-doprava {
  padding: 0px 0;
  text-align: center;
  justify-content: center;
  display: flex;
  align-items: center;
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}
.banner-doprava img {
  width: 100%;
}
.banner-doprava-left {
  position: absolute;
  left: 0;
  height: 100%;
  width: 40%;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 28px;
  padding-left: 35px;
  font-weight: 800;
  line-height: 1.2;
}
.banner-doprava-right {
  position: absolute;
  right: 0;
  height: 100%;
  width: 40%;
  display: flex;
  align-items: center;
  text-align: right;
  justify-content: flex-end;
  color: #fff;
  font-size: 21px;
  padding-right: 26px;
  line-height: 1.2;
}

@media (max-width: 991px) {
  .banner-doprava-left {
    font-size: 18px;
    padding-left: 15px;
  }
  .banner-doprava-right {
    font-size: 14px;
    padding-right: 15px;
  }
}
@media (max-width: 767px) {
  .banner-doprava-left {
    font-size: 14px;
    padding-left: 10px;
  }
  .banner-doprava-right {
    font-size: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 575px) {
  .banner-doprava-left {
    font-size: 12px;
    padding-left: 10px;
  }
  .banner-doprava-right {
    font-size: 8px;
    padding-right: 10px;
  }
}
.content-text-page-clanky h1 {
  text-align: left;
}

.autocomplete-wrap {
  height: 267px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.14);
  background-color: #ffffff;
  z-index: 900;
  top: 100% !important;
  position: absolute;
  height: auto;
  left: 0 !important;
  width: 100%;
  right: 0 !important;
}
.autocomplete-wrap .show-all {
  color: #2ba5df;
  font-size: 13px;
  font-weight: 700;
}

.autocomplete-wrap-seciton {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.autocomplete-content .product-list {
  margin: 0;
  width: 100%;
}

.autocomplete-content {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.autocomplete-item {
  display: flex;
  border-bottom: 1px solid #eeeeee;
  padding: 10px;
  transition: all 0.3s;
}
.autocomplete-item:hover {
  background-color: #e5f0f6;
}

.autocomplete-item-img {
  width: 50px;
  height: 50px;
}

.autocomplete-item-img img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.autocomplete-item-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.autocomplete-item-name a {
  color: #1e2658;
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.autocomplete-item-price {
  color: #9599b1;
  font-size: 12px;
  font-weight: 600;
}

.autocomplete-bottom {
  display: flex;
  width: 100%;
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 575px) {
  .autocomplete-wrap {
    width: 100%;
    max-height: calc(100vh - 100px);
    overflow: auto;
    top: calc(100% + 5px) !important;
  }

  .fulltext-form .form-control {
    font-size: 1.6rem;
  }
}
.page-links ul {
  padding: 0;
  margin: 0;
}
.page-links li {
  list-style: none;
  float: left;
  margin-right: 10px;
  padding: 0;
}

span.select2-container {
  width: 100% !important;
}

#basket-shippings-box td.img img {
  margin-right: 15px;
}

div.small {
  font-size: 80%;
}

.neprehlednete {
  margin-top: 25px;
  margin-bottom: 30px;
  color: #1e2658;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.2;
}

.inner-sidebar img {
  max-width: 100%;
  max-height: 240px;
}

.zasilkovna-selector-open {
  display: block;
  color: #000;
  font-size: 0.8em;
  text-decoration: underline;
}

.cart-steps .step-1.on a span,
.cart-steps .step-2.on a span,
.cart-steps .step-3.on a span,
.cart-steps .step-4.on a span {
  background: none;
  padding-left: 0;
}

#shipping-payment-box #basket-payments-box {
  float: none;
}

.hp-text-desc {
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  #header #logo a {
    max-width: 200px;
  }

  #category-hp-wrap,
.hp-vyhledat #search-wrap {
    padding: 25px;
  }

  #content .hp-vyhledat li {
    padding-top: 4px;
    padding-bottom: 4px;
  }
  #content .hp-hledate {
    margin-top: 25px;
    padding-top: 20px;
  }
  #content .hp-hledate h1 {
    font-size: 26px;
  }
  #content .hp-hledate p {
    font-size: 20px;
  }

  .banner-doprava {
    padding: 0px 0 5px;
  }

  .hp-vyhledat-row {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }

  .hp-vyhledat-col {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }

  .content-text-footer {
    padding-top: 10px;
  }

  .proc-unas .proc {
    margin: 20px 0;
  }

  .proc-wrap {
    display: flex;
    justify-content: center;
  }

  #right-side li {
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 15px;
  }
  #right-side .header-search .input-group {
    margin-bottom: 20px;
  }

  .cart-steps li {
    position: relative;
  }
  .cart-steps .step-1.on a,
.cart-steps .step-2.on a,
.cart-steps .step-3.on a,
.cart-steps .step-4.on a {
    background: none;
    padding: 0;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
  }

  #basket-shippings,
#basket-payments {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  #header {
    height: auto;
    padding-bottom: 15px;
  }

  .proc-unas h3 {
    font-size: 21px;
    line-height: 1.6;
  }

  #content .hp-vyhledat li {
    margin-left: 0;
  }

  #header #logo a {
    max-width: 180px;
  }

  .hp-hledate-img {
    margin-top: 30px;
  }

  #header #popup {
    right: 0;
    left: 0;
    width: auto;
    background-color: #fff;
    padding: 20px;
  }

  .avail-unavailable,
.avail-available,
.avail-available_supplier {
    margin-left: 0;
  }

  .mt20 {
    margin-top: 15px;
  }

  .adress-box-col {
    margin-bottom: 15px;
  }

  #basket-confirm #basket-products .name {
    display: block;
  }
  #basket-confirm #basket-products thead {
    display: none;
  }
  #basket-confirm #price-all-box {
    font-size: 18px;
    padding: 15px;
  }
  #basket-confirm #price-all-box label {
    margin-bottom: 10px;
  }

  #basket-note-box #basket-note {
    width: 100%;
    height: 120px;
  }
}
@media (max-width: 575px) {
  #content .hp-hledate {
    padding-top: 0;
  }
  #content .hp-hledate h1 {
    font-size: 24px;
  }
  #content .hp-hledate p {
    font-size: 17px;
  }
  #content .hp-hledate ul {
    margin-top: 15px;
  }
  #content .hp-hledate ul li {
    margin-top: 10px;
    margin-right: 10px;
    font-size: 17px;
  }

  .pager {
    margin-top: 15px;
  }

  #right-side {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .product-main-info {
    align-items: flex-start;
  }

  #shipping-payment-box tr td.img {
    display: none;
  }

  .product-text-full {
    margin-top: 20px;
  }
}
@media (max-width: 399px) {
  .main-categories-list .item {
    height: 140px;
    padding: 5px;
  }
}
.last-viewed .product-item-col:first-child {
  display: none;
}

@media (max-width: 767px) {
  .neprehlednete {
    font-size: 18px;
  }
}
.text-page p {
  margin-bottom: 20px;
}

.about-page-img {
  margin-top: 80px;
}

.detail-images .swiper {
  width: 100%;
}

.swiper-button-next, .swiper-button-prev {
  color: #2ba5df;
}

.swiper-pagination-bullet-active {
  background: #2ba5df;
}

.top-info-box {
  padding: 10px 15px 10px 15px;
  line-height: 1.2;
  font-size: 14px;
  background: #2aa4de;
  color: #fff;
}
.top-info-box p {
  margin-bottom: 0;
}

#gdpr-modal .modal-header .close {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
#gdpr-modal .modal-title {
  font-size: 1.8rem;
  font-weight: 600;
  padding-right: 3rem;
}

/*  cookies */
.show--consent:after {
  content: "";
  display: block;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  position: fixed;
  opacity: 0.5;
  z-index: 1200;
}

#cm.box.center {
  bottom: 10%;
}

#cc_div #cm .close-cookie {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 0;
  font-size: 23px;
}

#cc_div #cm .close-cookie:before, #cc_div #cm .close-cookie:after {
  content: "";
  position: absolute;
  left: 0.82em;
  top: 0.58em;
  height: 0.6em;
  width: 1.5px;
  background: #444d53;
  background: var(--cc-btn-secondary-text);
  transform: rotate(45deg);
  border-radius: 1em;
  margin: 0 auto;
}

#cc_div #cm .close-cookie:after {
  transform: rotate(-45deg);
}

#c-bns #c-s-bn {
  display: none;
}

.cookie-link {
  background: none;
  border: none;
  padding: 0;
  color: #1e2658;
}

#c-bns button:first-child, #s-bns button:first-child {
  background: #2aa4de;
  color: #fff;
}

#c-bns button:first-child:hover, #s-bns button:first-child:hover {
  background: #2aa4de;
}

.cc_div .c-bn {
  background: #f2f2f2;
}

#s-bl .c-bl.b-ex {
  background: #f2f2f2;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
  background: #34d762;
}

.cookie-page h2 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.cookie-page h4 {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 20px;
}

#s-bns #s-sv-bn {
  background: #2aa4de;
  color: #fff;
}

#s-bns #s-all-bn {
  background: #f2f2f2;
  color: #40505a;
}
#s-bns #s-all-bn:hover {
  background: #d8e0e6;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
  opacity: 0.3;
}

.cookie-table table {
  width: 100%;
}
.cookie-table table td {
  padding: 10px;
  width: 25%;
  border-bottom: 1px solid #e7e7e7;
}
.cookie-table table th {
  background: #e7e7e7;
  padding: 10px;
}

.cookie-page {
  margin-top: 30px;
}

@media (max-width: 767px) {
  #cm, #cm.cloud, #cm.left, #cm.right {
    padding: 10px !important;
  }

  #c-txt {
    font-size: 10px;
  }

  .cc_div #c-bns {
    margin-top: 10px;
  }

  .cc_div .c-bn {
    padding: 8px 10px;
  }

  .cc_div #c-bns button {
    margin: 2px;
  }

  #cm.box, #cm.cloud {
    left: 10px;
    right: 10px;
  }

  #cm.bottom {
    bottom: 10px;
  }
}
.delivery-free {
  text-align: center;
  display: inline-block;
  min-height: 30px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 18px;
  padding-top: 5px;
  background: transparent url("/images/tonerynaplne/ico-kos-navi-2-on.png") left center no-repeat;
  padding-left: 55px;
}
.delivery-free strong {
  margin: 0 5px;
  color: #dd0079;
}

/*# sourceMappingURL=frontend.css.map */