/* lib css files  */
.kpf .boxmail:before {
  background-image: url("../img/user/ico_mail.png");
}
.kpf .logo21:before {
  background-image: url("../img/user/logo_g21.png");
  max-width: 150px;
  height: auto;
}
.kpf .logo21cerna:before {
  background-image: url("../img/user/logo_g21_cerna.png");
}
.kpf .logo21vitality:before {
  background-image: url("../img/user/logo_g21_vitality.png");
}
/* definice operator  */
.kpf .operatorhorvatova:before {
  background-image: url("../img/user/operator/horvatova.jpg");
}
.kpf .operatorhervayova:before {
  background-image: url("../img/user/operator/hervayova.jpg");
}
.kpf .operatormatlak:before {
  background-image: url("../img/user/operator/matlak.jpg");
}
.kpf .operatornagyova:before {
  background-image: url("../img/user/operator/nagyova.jpg");
}
/* konec definice operator  */

.prodbox_countdown .countdown_info .price .wvat {
  font-size: 2.6rem !important
}

.kpf .gry h1 {
  font-size: 2rem;
  text-align: center;
  width: 100%;
  margin-bottom: 15px;
}
.kpf .gry h2 {
  font-size: 3rem;
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
 }
.kpf .gry h3 {
  font-size: 2rem;
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
}
.kpf .gry p {
  margin-bottom: 50px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
}

.kpf .ons h1 {
  font-size: 3rem;
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
}
.kpf .ons h2 {
  font-size: 2rem;
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
  margin-top: 25px;
 }
.kpf .ons h3 {
  font-size: 2rem;
  text-align: left;
  width: 100%;
  margin-bottom: 15px;
}
.kpf .ons p {
  margin-bottom: 50px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
}

.kpf .ons ul {
  margin-bottom: 50px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
  list-style-type: disc;
}
.kpf .ons li {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
}
.kpf .npp ul {
  margin-bottom: 50px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
  list-style-type: decimal;
}
.kpf .npp li {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
}

.kpf .ppp ul {
  margin-bottom: 50px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
  list-style-type: none;
}
.kpf .ppp li {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
}


.boxons {
  margin: 0 0 10px 0;
  float: left;
}
.boxons:before,
.boxons:after {
  content: "";
  display: table;
}
.boxcons:after {
  clear: both;
}
.boxons .hdr {
  float: left;
  clear: left;
  width: 100%;
}
.boxcons .cnt {
  float: left;
  clear: left;
  width: 100%;
  padding: 5px 0;
}
.boxcons .ftr {
  float: left;
  clear: left;
  width: 100%;
}


/* tlacitka  */

.tli.tli-blue {
  border: none;
  height: 50px;
  line-height: 50px;
  padding: 0 50px;
  color: white;
  background: #0060e5;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.24);
}
.tli.tli-blue:before {
  display: none;
}
.tli.tli-blue:hover {
  border: none;
}

/* tlacitko zarovnani btn btn-blue na stred   */

.nastred {
  text-align: center;
  display: inline-block;
  float: none;
  margin-top: 50px;
}
/* =============== korektura ===============   */
.korektura a {
  font-size: 1em;
}
.korektura img,
#sticomment > div.cnt > div img {
  max-width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.korektura h3 {
  font-size: 2.2rem;
  padding-top: 2.2rem;
  padding-bottom: 1rem;
}

.korektura h4 {
  font-size: 2rem;
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.korektura h5 {
  font-size: 1.8rem;
  padding-top: 1.8rem;
  padding-bottom: .9rem;
}

.korektura h6 {
  font-size: 1.6rem;
  padding-top: 1.6rem;
  padding-bottom: .8em;
}

.korektura ul{
  padding-bottom: 1.2rem;
}

.korektura ol {
  margin: 0;
  padding-left: 2rem;
  padding-top: 5px;
  word-break: break-all;
}

.korektura ol > li {
  list-style-position: outside;
  margin: 0;
  padding-left: .35rem;
}

.korektura p {
  line-height: 1.25;
  font-size: 1.6rem;
  padding-bottom: 1.25rem;
}

.korektura li {
  font-size: 1.6rem;
  padding-bottom: .25rem;
}

/* formatovani radku v seznamech PARA */
.korektura .para li {
  font-size: 1.6rem;
  padding-bottom: .2rem;
  border-bottom: 1px dashed #ddd;
  list-style-type: none;
  padding-top: 3px;
  padding: 10px 10px;
}

/* formatovani radku v seznamech PARAC - číslování */
.korektura .parac li {
  font-size: 1.6rem;
  padding-bottom: .2rem;
  border-bottom: 1px dashed #ddd;
  padding-top: 3px;
  padding: 10px 10px;
}

.korektura table {
  padding: 0 0 1rem 0;
}
.korektura table td {
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
  line-height: 1.25;
  padding: .5rem .75rem .5rem 0;
  font-size: .8em;
}
.korektura table tr > td:nth-child(1) {
  /* edit style for a first column of table */
  width: 50%;
}
.korektura table tr > td:nth-child(2) {
  /* edit style for a second column of table */
}
.korektura iframe {
  width: 100%;
  padding: 1rem 0;
}
@media screen and (max-width: 540px) {
  .korektura table {
    width: 100%;
  }
  .korektura table td {
    font-size: .85em;
  }
  .korektura iframe {
    height: 33.3vh;
  }
}
@media screen and (min-width: 541px) and (max-width: 720px) {
  .korektura table {
    width: 100%;
  }
  .korektura table td {
    font-size: .9em;
  }
  .korektura iframe {
    height: 50vh;
  }
}
@media screen and (min-width: 721px) and (max-width: 1024px) {
  .korektura table {
    width: 85%;
  }
  .korektura table td {
    font-size: 16px;
  }
  .korektura iframe {
    height: 50vh;
  }
}
@media screen and (min-width: 1025px) {
  .korektura table {
    width: 90%;
  }
  .korektura table td {
    font-size: 16px;
  }
  .korektura iframe {
    height: 50vh;
  }
}
/* =============== END korektura =============== */
/* =============== magazine =============== */
/* =============== magazine menu module =============== */
/* general menu syles applied to all queries */
.magMenu {
  cursor: pointer;
  padding-bottom: 150px;
}
.magMenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.magMenu .homeBtn {
  width: calc(100% - 2px); /* 2 x border = 2px */
}
.magMenu ul li {
  float: left;
  color: #fff;
  background-color: #0060e5;
  list-style: none;
  vertical-align: middle;
  height: 44px;
  line-height: 44px;
  font-weight: bold;
  text-transform: uppercase;
  border: 1px solid #bbbbbb;
  text-decoration: none;
  text-align: center;
  -webkit-transition: background-color .5s, color .5s;
  -o-transition: background-color .5s, color .5s;
  transition: background-color .5s, color .5s;
  min-height: 44px;
  min-width: 44px;
}
.magMenu ul li:hover {
  background-color: #fff;
  color: #0060e5;
}
/* smalles mobile screens */
@media screen and (max-width: 550px) {
  .magMenu .homeBtn {
    width: calc(100% - 2 * (2px)); /* 2 x border = 2px */
  }
  .magMenu ul li {
    width: calc(50% - 2px); /* 2 x border = 2px */
  }
}
/* menu resize for tablets */
@media screen and (min-width: 551px) and (max-width: 690px) {
  .magMenu {
    padding: 1rem 0 1rem 0;
    display: block;
    float: left;
    width: 100%;
  }
  .magMenu .homeBtn {
    width: 44px;
  }
  .magMenu .homeTxt {
    visibility: hidden;
    display: none;
  }
  .magMenu ul li {
    width: calc(((100% - 46px) / 4) - 2px); /* 2 x border = 2px */
  }
}
/* menu resize for bigger screens */
@media screen and (min-width: 691px) and (max-width: 960px) {
  .magMenu {
    padding: 1rem 0 1rem 0;
    display: block;
    float: left;
    width: 100%;
  }
  .magMenu .homeBtn {
    width: calc(20% - 2px);
  }
  .magMenu .homeSym {
    visibility: hidden;
    display: none;
  }
  .magMenu ul li {
    width: calc(20% - 2px); /* 2 x border = 2px */
  }
}
/* menu resize for desktop+ */
@media screen and (min-width: 961px) {
  .magMenu {
    padding: 1rem 0 1rem 0;
    display: block;
    float: left;
    width: 100%;
  }
  .magMenu .homeBtn {
    width: calc(20% - 2px);
  }
  .magMenu ul li {
    width: calc(20% - 2px); /* 2 x border = 2px */
  }
}
/* =============== END magazine menu module =============== */
/* magazine containers */
#magIndex,
#articleLayout,
#bannerLayout,
#newsLayout,
#magazineArticle,
#footerPage {
  font-size: 17px;
  line-height: 1.5;
}
/* globally set h1s */
#magIndex h1,
#articleLayout h1,
#bannerLayout h1,
#newsLayout h1,
#magazineArticle h1,
#footerPage h1 {
  font-size: 2.7rem;
}
/* globally set h2s */
/* do not use #magIndex h2 it has special formating */
#articleLayout h2,
#bannerLayout h2,
#newsLayout h2 {
  color: #000;
  cursor: pointer;
  font-size: 1.9rem;
  padding: 2rem 5% .75rem 5%;
  text-decoration: underline;
  -webkit-box-shadow: 0px -18px 9px -16px rgba(0,0,0,0.2);
  box-shadow: 0px -18px 9px -16px rgba(0,0,0,0.2);
}
/* globally set h3s */
#magIndex h3,
#articleLayout h3,
#bannerLayout h3,
#newsLayout h3,
#magazineArticle h3,
#footerPage h3 {
  font-size: 1.65rem;
  color: #000;
  cursor: pointer;
  padding: 1rem 0 .5rem 0;
}
/* general magazine styles */
#magIndex a,
#newsLayout a {
  text-decoration: none;
  color: #056eff;
}
#magIndex header p {
  padding: .75rem 0 1.5rem 0;
}

.backBtn {
  height: 44px;
  line-height: 44px;
  padding: 0 1rem;
  font-size: 12px;
  font-weight: bold;
  color: #056eff;
  text-transform: uppercase;
  border: 1px solid #bbbbbb;
  text-decoration: none;
  text-align: center;
  -webkit-transition: background-color .5s ease-in-out;
  -o-transition: background-color .5s ease-in-out;
  transition: background-color .5s ease-in-out;
}
.backBtn:hover {
  color: #fff;
  background-color: #056eff;
}
.forwBtn {
  color: #000;
  height: 44px;
  line-height: 44px;
  padding: 0 1rem;
  font-size: 12px;
  font-weight: bold;
  background-color: #ffc80a;
  text-transform: uppercase;
  border: 1px solid #bbbbbb;
  text-decoration: none;
  text-align: center;
  -webkit-transition: background-color .5s ease-in-out;
  -o-transition: background-color .5s ease-in-out;
  transition: background-color .5s ease-in-out;
}
.forwBtn:hover {
  color: #0060e5;
  background-color: #fff;
}
#articleLayout .forwBtn:hover {
  color: #000;
  background-color: #fff;
}
#magIndex > .msc h2 {
  height: 50px;
  line-height: 50px;
  padding: 0 50px;
  -webkit-box-shadow: 0 2px 16px rgba(0, 0, 0, 0.24);
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.24);
  background-color: #0060e5;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  text-align: center;
}
#magIndex img {
  max-width: 100%;
}
.btmS {
  float: left;
  padding-bottom: 1rem;
  width: 100%;
}
.msc {
  -webkit-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}
.msc:hover {
  opacity: .8;
}
/* mobile devices */
@media screen and (max-width: 480px) {
  /* header section */

  /* main section */

  /* bottom section */

}
/* mobiles and tablet devices */
@media screen and (min-width: 481px) and (max-width: 600px) {
  #magIndex .secDiv {
    visibility: hidden;
    display: none;
  }
  /* header section */
  #magIndex > header > div {
    margin: 0 auto;
    padding: .5rem 0;
    width: 50%;
  }
  /* main section */
  #magIndex > .msc {
    float: left;
    width: 50%;
  }
  #magIndex > .msc:nth-child(odd) {
    padding-left: .4rem;
    width: calc(50% - .4rem);
  }
  #magIndex > .msc:nth-child(even) {
    padding-right: .4rem;
    width: calc(50% - .4rem);
  }
  #magIndex > .msc h2 {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* bottom section */
  #magIndex > .btmS p {
    margin: 0 auto;
    width: 50%;
  }
}
/* desktop */
@media screen and (min-width: 601px) and (max-width: 925px) {
  /* general */
  #magIndex .secDiv {
    visibility: hidden;
    display: none;
  }
  #magIndex {
    margin: auto;
  }
  /* header section */
  #magIndex > header > div {
    margin: 0 auto;
    padding: .5rem 0;
    width: 45%;
  }
  /* main section */
  #magIndex > .msc {
    float: left;
    width: 50%;
  }
  #magIndex > .msc:nth-child(odd) {
    padding-left: .4rem;
    width: calc(50% - .4rem);
  }
  #magIndex > .msc:nth-child(even) {
    padding-right: .4rem;
    width: calc(50% - .4rem);
  }
  /* bottom section */
  #magIndex > .btmS p {
    margin: 0 auto;
    width: 45%;
  }
}
/* text 720px*/
@media screen and (min-width: 720px) {
  #magIndex > header > h1 {
    margin: auto;
    width: 85%;
  }
  #magIndex > header > p {
    margin: 0 auto;
    width: 85%;
  }
  #magIndex > .btmS p {
    margin: 0 auto;
    width: 35%;
  }
}
/* desktop large */
@media screen and (min-width: 926px) {
  /* general */
  #magIndex .secDiv {
    visibility: hidden;
    display: none;
  }
  #magIndex {
    width: 865px;
    margin: auto;
  }
  /* header section */
  #magIndex > header > h1 {
    margin: auto;
    width: 80%;
  }
  #magIndex > header > p {
    margin: 0 auto;
    width: 80%;
  }
  #magIndex > header > div {
    margin: 0 auto;
    padding: .5rem 0;
    width: 35%;
  }
  /* main section */
  #magIndex > .msc {
    float: left;
    width: 50%;
  }
  #magIndex > .msc:nth-child(odd) {
    padding-left: .4rem;
    width: calc(50% - .4rem);
  }
  #magIndex > .msc:nth-child(even) {
    padding-right: .4rem;
    width: calc(50% - .4rem);
  }
  /* bottom section */
  #magIndex > .btmS p {
    margin: 0 auto;
    width: 35%;
  }
}
/* ========== magazine END ========== */
/* ========== jak vybrat | subcategory | magazine ========== */
/* general | subcategory styles */
  /* general */
  #articleLayout a {
    text-decoration: none;
  }
  .magNav {
    cursor: pointer;
  }
  .magNav ul li {
    color: #fff;
    background-color: #0060e5;
    width: 50%;
    display: block;
    float: left;
    list-style-type: none;
    vertical-align: middle;
  }
  .magNav a {
    color: #fff;
  }
  /* header section */
  #articleLayout > header > p {
    padding: 1rem 0 2rem 0;
  }
  /* content section */
  .aContImg {
    padding: 1rem 0;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;
  }
  .aContImg:hover {
    opacity: .8;
  }
  #articleLayout img {
    width: 100%;
  }
  #articleLayout > section > article a > div p {
    border: none;
  }
  .aContTxt > p {
    padding: .5rem 0 1.25rem 0;
  }
  .endArticle {
    border: none;
    border-top: 1px solid #ffc80a;
    height: 1px;
  }
  /* bottom section */
  /* in this case same as top nav */
@media screen and (max-width: 449px) {
  #articleLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
}
/* breakpoint image resize */
@media screen and (min-width: 450px) and (max-width: 515px) {
  /* general */

  /* header section */

  /* content section */
  #articleLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  #articleLayout > section > article > a > div {
    margin: auto;
    width: 85%;
  }
  /* bottom section */

}
/* menu resize */
@media screen and (min-width: 516px) and (max-width: 690px) {
  /* general */
  .magNav ul li {
    width: 25%;
    display: block;
    float: left;
    list-style-type: none;
    vertical-align: middle;
  }
  /* header section */

  /* content section */
  #articleLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  #articleLayout > section > article > a > div {
    margin: auto;
    width: 80%;
  }
  /* bottom section */

}
/* tablets */
@media screen and (min-width: 691px) and (max-width: 765px) {
  /* general */
  .magNav ul li {
    width: 25%;
    display: block;
    float: left;
    list-style-type: none;
    vertical-align: middle;
  }
  /* header section */
  #articleLayout h1 {
    padding-top: 6rem;
  }
  /* content section */
  #articleLayout h2 {
    padding: 2rem 1.75rem .75rem 0;
  }
  .aContTxt > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    padding: .75rem 1.75rem 0 0;
  }
  .aContTxt {
    float: left;
    padding-top: 5vh;
    width: 50%;
  }
  .aContImg {
    float: left;
    padding-top: 5vh;
    width: 50%;
  }
  #articleLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
  .magNav:last-of-type {
    padding: 2rem 0 2rem 0;
    display: block;
    float: left;
    width: 100%;
  }
}
/* larger screens */
@media screen and (min-width: 766px) and (max-width: 825px) {
  /* general */
  .magNav ul li {
    width: 25%;
    display: block;
    float: left;
    list-style-type: none;
    vertical-align: middle;
  }
  /* header section */
  #articleLayout h1 {
    padding-top: 6rem;
  }
  /* content section */
  #articleLayout h2 {
    padding: 2rem 1.75rem .75rem 0;
  }
  .aContTxt > p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    padding: .75rem 1.75rem 0 0;
  }
  .aContTxt {
    float: left;
    padding-top: 4vh;
    width: 50%;
  }
  .aContImg {
    float: left;
    padding-top: 4vh;
    width: 50%;
  }
  #articleLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
  .magNav:last-of-type {
    padding: 2rem 0 2rem 0;
    display: block;
    float: left;
    width: 100%;
  }
}
/* desktop */
@media screen and (min-width: 826px) and (max-width: 930px) {
  /* general */
  .magNav ul li {
    color: #fff;
    width: 25%;
    display: block;
    float: left;
    list-style-type: none;
    vertical-align: middle;
  }
  /* header section */
  #articleLayout h1 {
    padding-top: 6rem;
  }
  /* content section */
  #articleLayout h2 {
    padding: 2rem 1.75rem .75rem 0;
  }
  .aContTxt > p {
    padding: .75rem 1.75rem 0 0;
  }
  .aContTxt {
    float: left;
    padding-top: 5vh;
    width: 66.6%;
  }
  .aContImg {
    float: left;
    padding-top: 5vh;
    width: 33.3%;
  }
  #articleLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
  .magNav:last-of-type {
    padding: 2rem 0 2rem 0;
    display: block;
    float: left;
    width: 100%;
  }
}
/* large desktop */
@media screen and (min-width: 931px) and (max-width: 1180px) {
  /* general */
  .magNav ul li {
    color: #fff;
    width: 25%;
    display: block;
    float: left;
    list-style-type: none;
    vertical-align: middle;
  }
  /* header section */
  #articleLayout header > p {
    padding: 1rem 30% 0 0;
    margin: 0 auto 0 0;
  }
  #articleLayout h1 {
    padding: 6rem 30% 0 0;
  }
  /* content section */
  .aContTxt > h2 {
    padding: .75rem 5% 0 5%;
  }
  .aContTxt > p {
    padding: .75rem 5% 0 5%;
  }
  .aContTxt {
    float: left;
    padding-top: 4vh;
    width: 70%;
  }
  .aContImg {
    float: left;
    padding-top: 4vh;
    width: 30%;
  }
  #articleLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
  .magNav:last-of-type {
    padding: 2rem 0 2rem 0;
    display: block;
    float: left;
    width: 100%;
  }
}

/* large desktop */
@media screen and (min-width: 1181px) and (max-width: 1210px) {
  /* general */
  #articleLayout {
    padding: 0 2rem;
  }
  .magNav ul li {
    color: #fff;
    width: 25%;
    display: block;
    float: left;
    list-style-type: none;
    vertical-align: middle;
  }
  /* header section */
  #articleLayout header > p {
    padding: 1rem 30% 0 0;
    margin: 0 auto 0 0;
  }
  #articleLayout h1 {
    padding: 6rem 30% 0 0;
  }
  /* content section */
  .aContTxt > h2 {
    padding: .75rem 5% 0 5%;
  }
  .aContTxt > p {
    padding: .75rem 5% 0 5%;
  }
  .aContTxt {
    float: left;
    padding-top: 4vh;
    width: 70%;
  }
  .aContImg {
    float: left;
    padding-top: 4vh;
    width: 30%;
  }
  #articleLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
  .magNav:last-of-type {
    padding: 2rem 0 2rem 0;
    display: block;
    float: left;
    width: 100%;
  }
}
@media screen and (min-width: 1211px) {
  /* general */
  #articleLayout {
    padding: 0;
  }
  .magNav ul li {
    color: #fff;
    width: 25%;
    display: block;
    float: left;
    list-style-type: none;
    vertical-align: middle;
  }
  /* header section */
  #articleLayout header > p {
    padding: 1rem 30% 0 0;
    margin: 0 auto 0 0;
  }
  #articleLayout h1 {
    padding: 6rem 30% 0 0;
  }
  /* content section */
  .aContTxt > h2 {
    padding: .75rem 5% 0 5%;
  }
  .aContTxt > p {
    padding: .75rem 5% 0 5%;
  }
  .aContTxt {
    float: left;
    padding-top: 4vh;
    width: 70%;
  }
  .aContImg {
    float: left;
    padding-top: 4vh;
    width: 30%;
  }
  #articleLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
  .magNav:last-of-type {
    padding: 2rem 0 2rem 0;
    display: block;
    float: left;
    width: 100%;
  }
}
/* ========== jak vybrat | subcategory END ========== */
/* ========== akce a slevy | subcategory | magazine ========== */
/* general | subcategory styles */
  /* general */
  #bannerLayout a {
    text-decoration: none;
  }
  #bannerLayout h2 {
    text-decoration: none;
  }
  #bannerLayout h3 {
    text-decoration: underline;
    -webkit-box-shadow: 0px -18px 9px -16px rgba(0, 96, 229, 0.2);
    box-shadow: 0px -18px 9px -16px rgba(0, 96, 229, 0.2);
  }
  #bannerLayout .endArticle {
    margin: 0 0 2rem 0;
  }
  /* header section */
  #bannerLayout header p {
    padding: 1rem 0 2rem 0;
  }
  /* content section */
  #bannerLayout img {
    padding: .5rem 0;
    max-width: 833px;
    width: 100%;
  }
  /* bottom section */
@media screen and (max-width: 459px) {
  /* general */
  /* header section */

  /* content section */
  #bannerLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  /* bottom section */
  #bannerLayout .endArticle {
    border-top: 2px solid #ffc80a;
  }
}
/* larger screens */
@media screen and (min-width: 460px) and (max-width: 690px) {
  /* general */
  /* header section */

  /* content section */
  #bannerLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  /* bottom section */
  #bannerLayout .endArticle {
    border-top: 2px solid #ffc80a;
  }
}
/* hr visibility breakpoint */
@media screen and (min-width: 691px) and (max-width: 765px) {
  /* general */
  #bannerLayout h1 {
    padding-top: 6rem;
  }
  /* content section */
  #bannerLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  /* bottom section */
  #bannerLayout hr {
    display: none;
    visibility: hidden;
  }
}
@media screen and (min-width: 766px) and (max-width: 825px) {
  /* general */
  #bannerLayout h1 {
    padding-top: 6rem;
  }
  /* header section */

  /* content section */
  #bannerLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  #bannerLayout hr {
    display: none;
    visibility: hidden;
  }
  #bannerLayout img {
    padding: .5rem 0;
  }
  /* bottom section */
}
/* desktop */
@media screen and (min-width: 826px) and (max-width: 930px) {
  /* general */
  /* header section */
  #bannerLayout h1 {
    padding: 6rem 30% 0 0;
  }
  /* content section */
  #bannerLayout h2 {
    padding: 2rem 5% .75rem 5%;
  }
  #bannerLayout section article {
    padding: 0 5% 0 5%;
  }
  #bannerLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
}
/* large desktop */
@media screen and (min-width: 931px) and (max-width: 1180px) {
  /* general */
  /* header section */
  #bannerLayout h1 {
    padding: 6rem 30% 0 0;
  }
  #bannerLayout header p {
    padding: 1rem 20% 2rem 0;
  }
  /* content section */
  #bannerLayout h2 {
    padding: 2rem 5% .75rem 5%;
  }
  #bannerLayout section article {
    padding: 0 5% 0 5%;
  }
  #bannerLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
}
/* large desktop */
@media screen and (min-width: 1181px) and (max-width: 1210px) {
  /* general */
  #bannerLayout {
    padding: 0 2rem;
  }
  /* header section */
  #bannerLayout h1 {
    padding: 6rem 30% 0 0;
  }
  #bannerLayout header p {
    padding: 1rem 30% 2rem 0;
  }
  /* content section */
  #bannerLayout h2 {
    padding: 2rem 5% .75rem 5%;
  }
  #bannerLayout section article {
    padding: 0 5% 0 5%;
  }
  #bannerLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
}
/* large desktop */
@media screen and (min-width: 1211px) {
  /* general */
  #bannerLayout {
    padding: 0;
  }
  /* header section */
  #bannerLayout h1 {
    padding: 6rem 30% 0 0;
  }
  #bannerLayout header p {
    padding: 1rem 30% 2rem 0;
  }
  /* content section */
  #bannerLayout h2 {
    padding: 2rem 5% .75rem 5%;
  }
  #bannerLayout section article {
    padding: 0 5% 0 5%;
  }
  #bannerLayout hr {
    display: none;
    visibility: hidden;
  }
  /* bottom section */
}
/* ========== akce a slevy | subcategory END ========== */
/* ========== aktuality | subcategory | magazine ========== */
/* general aktuality | subcategory styles */
/* general */
#newsLayout .aContImg {
  float: none;
}
/* header section */
#newsLayout header > p {
  padding: 1rem 0 2rem 0;
}
/* content section */
#newsLayout article > div > p {
  padding: 1rem 0;
}
#newsLayout article p em {
  font-size: .9em;
  font-weight: bold;
}
#newsLayout article ol {
  margin: 0;
  padding: 1rem 0;
  list-style-position: inside;
}
#newsLayout article ol > li {
  border-bottom: 1px dashed #bfbfbf;
  padding: .25rem 0;
}
#newsLayout section > article .forwBtn:hover {
  color: #000;
}
#newsLayout section article a {
  font-size: 1em;
}
/* bottom section */
@media screen and (max-width: 429px) {
  #newsLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
}
/* layout resize | button */
@media screen and (min-width: 430px) and (max-width: 520px) {
  #newsLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  #newsLayout .aContImg {
    width: 75%;
    margin: 0 auto;
  }
}
/* layout resize */
@media screen and (min-width: 521px) and (max-width: 690px) {
  #newsLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  #newsLayout .aContImg {
    width: 55%;
    margin: 0 auto;
  }
}
/* layout resize */
@media screen and (min-width: 691px) and (max-width: 820px) {
  #newsLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  #newsLayout .aContImg {
    width: 40%;
    margin: 0 auto;
  }
}
/* layout resize */
@media screen and (min-width: 821px) and (max-width: 930px) {
  #newsLayout hr {
    visibility: hidden;
    display: none;
  }
  #newsLayout h1 {
    padding-top: 6rem;
  }
  #newsLayout h2 {
    padding: 2rem 0 .75rem 0;
  }
  #newsLayout article ol {
    margin: 0 auto 0 0;
    width: 95%;
  }
  #newsLayout .aContImg {
    width: 33.3%;
    margin: 0 auto;
  }
}
/* layout resize */
@media screen and (min-width: 931px) and (max-width: 1180px) {
  /* general */
  #newsLayout hr {
    visibility: hidden;
    display: none;
  }
  /* header section */
  #newsLayout h1 {
    padding: 6rem 30% 0 0;
  }
  #newsLayout header p {
    padding: 1rem 30% 2rem 0;
  }
  /* content section */
  #newsLayout section article > div > * {
    padding-left: 5%;
    padding-right: 30%;
  }
  #newsLayout .aContImg {
    width: 30%;
    margin: 0 0 0 25%;
  }
  /* bottom section */
}
/* layout resize */
@media screen and (min-width: 1181px) and (max-width: 1210px) {
  /* general */
  #newsLayout {
    padding: 0 2rem;
  }
  #newsLayout hr {
    visibility: hidden;
    display: none;
  }
  /* header section */
  #newsLayout h1 {
    padding: 6rem 30% 0 0;
  }
  #newsLayout header p {
    padding: 1rem 30% 2rem 0;
  }
  /* content section */
  #newsLayout section article > div > * {
    padding-left: 5%;
    padding-right: 30%;
  }
  #newsLayout .aContImg {
    width: 27.5%;
    margin: 0 0 0 25%;
  }
  /* bottom section */
}
/* max size */
@media screen and (min-width: 1211px) {
  /* general */
  #newsLayout {
    padding: 0;
  }
  #newsLayout hr {
    visibility: hidden;
    display: none;
  }
  /* header section */
  #newsLayout h1 {
    padding: 6rem 30% 0 0;
  }
  #newsLayout header p {
    padding: 1rem 30% 2rem 0;
  }
  /* content section */
  #newsLayout section article > div > * {
    padding-left: 5%;
    padding-right: 30%;
  }
  #newsLayout .aContImg {
    width: 25%;
    margin: 0 0 0 25%;
  }
  /* bottom section */
}
/* ========== aktuality | subcategory END ========== */
/* ========== magazine article | subcategory END ========== */
#magazineArticle {
  padding: 0 30% 0 0;
}
#magazineArticle a {
  color: #000;
  font-size: 1em;
}
#magazineArticle ul {
  list-style: inside;
}
#magazineArticle ol {
  padding: 0 0 0 2rem;
}
#magazineArticle ul li,
#magazineArticle ol li {
  float: none;
  padding-bottom: 1rem;
}
#magazineArticle h1 {
  padding-top: 1rem;
  text-align: center;
}
#magazineArticle h2 {
  cursor: unset;
  font-size: 2.2rem;
  text-align: center;
  padding: 2.5rem 0 .5rem 0;
}
#magazineArticle h3 {
  cursor: unset;
  font-size: 2rem;
  padding: 2.5rem 0 .5rem 0;
}
#magazineArticle h4 {
  font-size: 1.8rem;
  padding: 2.5rem 0 .5rem 0;
}
#magazineArticle h5 {
  font-size: 1em;
  padding: 1rem 0 .5rem 0;
}
#magazineArticle article p {
  padding: .75rem 0 .5rem 0;
}
#magazineArticle .btmS {
  width: 50%;
  margin: 3rem auto 2rem 25%;
}
#magazineArticle .btmS a {
  text-decoration: none;
}
#magazineArticle em {
  font-size: .9em;
  font-weight: bold;
}
#magazineArticle img {
  max-width: 100%;
  padding: 1rem 0;
}
#magazineArticle table td {
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
  padding: .3rem .5rem;
}
#magazineArticle table tr > td:first-of-type {
  border-right: 1px dashed rgba(0, 0, 0, .2);
}
#magazineArticle table tr > td:last-of-type {
  border-left: 1px dashed rgba(0, 0, 0, .2);
}
#magazineArticle table {
  padding: 1.5rem 0;
  font-size: .7em;
  max-width: 100%;
}
#magazineArticle .btmS .backBtn {
  color: #fff;
  background-color: #056eff;
}
#magazineArticle .btmS .backBtn:hover {
  color: #056eff;
  background-color: #fff;
}
#magazineArticle .pborder {
  border: 1px solid rgba(0, 0, 0, .5);
  padding: 1ch;
  margin-top: 1em;
}
#magazineArticle .tip {
  border-style: solid;
  border-width: 1px;
  padding: 1ch;
  font-style: italic;
}

#magazineArticle .icon img {
    float: left;
    margin-right: 2vh;
    margin-top: -0.8vh;
}
#magazineArticle .icon p {
  padding-left: 3em;
}

#magazineArticle table.authServ {
  border-collapse: collapse;
  margin: auto;
  overflow-x: auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
}
#magazineArticle table.authServ tbody > tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05);
}
#magazineArticle table.authServ thead tr > th {
  border: 1px solid rgba(0, 0, 0, .5);
  background-color: #ffc80a;
  padding: 1rem;
}
#magazineArticle table.authServ tbody > tr > td:first-of-type {
  border-left: 1px dashed rgba(0, 0, 0, .3);
  font-weight: bold;
  text-align: center;
}
#magazineArticle table.authServ tbody > tr > td:nth-of-type(n + 2) {
  border-left: 1px dashed rgba(0, 0, 0, .3);
}
#magazineArticle table.authServ tbody > tr > td:last-of-type {
  border-right: 1px dashed rgba(0, 0, 0, .3);
}
#magazineArticle table.authServ td {
  border-bottom: 1px dashed rgba(0, 0, 0, .3);
  background-color: unset;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 1rem;
}
#magazineArticle ol.ochranaOsUdaju h2,
#magazineArticle ol.obchPodminky h2 {
  padding: 1rem 0;
}
#magazineArticle ol.ochranaOsUdaju h3,
#magazineArticle ol.obchPodminky h3 {
  padding: 1rem 0;
}
#magazineArticle ol.ochranaOsUdaju,
#magazineArticle ol.obchPodminky {
  list-style-position: inside;
  list-style-type: upper-roman;
  text-align: center;
  padding: 1rem 0;
}
#magazineArticle ol.ochranaOsUdaju > li,
#magazineArticle ol.obchPodminky > li {
  -webkit-box-shadow: 0px -18px 9px -16px rgba(0, 0, 0, .2);
  box-shadow: 0px -18px 9px -16px rgba(0, 0, 0, .2);
  padding: 2rem 0;
}
#magazineArticle ol.ochranaOsUdaju li li,
#magazineArticle ol.obchPodminky li li {
  text-align: left;
}
#magazineArticle ol.ochranaOsUdaju li ol ul,
#magazineArticle ol.obchPodminky li ol ul {
  padding-left: 2rem;
}
#magazineArticle ol.ochranaOsUdaju p,
#magazineArticle ol.obchPodminky p {
  text-align: left;
}
#magazineArticle ol.ochranaOsUdaju li ol,
#magazineArticle ol.obchPodminky li ol,
#magazineArticle ol.ochranaOsUdaju li ul,
#magazineArticle ol.obchPodminky li ul {
  padding: 1rem 0;
}
#magazineArticle [id^="deliveryDetails"] {
  color: #0060e5;
  cursor: pointer;
  text-transform: uppercase;
  font-size: .8em;
}
#magazineArticle [id^="hiddenDetails"] {
  display: none;
}
#magazineArticle .authServ td > span:first-of-type {
  cursor: pointer;
  text-decoration: underline;
}
@media screen and (max-width: 460px) {
  #magazineArticle {
    padding: 0;
  }
  #magazineArticle .btmS {
    margin: 3rem auto 2rem auto;
    width: 100%;
  }
  #magazineArticle table.authServ {
    font-size: .7em;
  }
}
@media screen and (min-width: 461px) and (max-width: 540px) {
  #magazineArticle {
    padding: 0;
  }
  #magazineArticle table td {
    padding: .3rem 1rem;
  }
  #magazineArticle table {
    font-size: .8em;
    max-width: 100%;
  }
  #magazineArticle .btmS {
    margin: 3rem auto 2rem 20%;
    width: 60%;
  }
}
@media screen and (min-width: 541px) and (max-width: 830px) {
  #magazineArticle {
    padding: 0;
  }
  #magazineArticle table td {
    padding: .4rem 1rem;
  }
  #magazineArticle table {
    font-size: .9em;
    max-width: 100%;
  }
  #magazineArticle .btmS {
    margin: 3rem auto 2rem 25%;
    width: 50%;
  }
}
@media screen and (min-width: 831px) and (max-width: 960px) {
  #magazineArticle {
    padding: 0 10% 0 0;
  }
  #magazineArticle table td {
    padding: .5rem 1.5rem;
  }
  #magazineArticle table {
    font-size: 1em;
    max-width: 100%;
  }
  #magazineArticle .btmS {
    margin: 3rem auto 2rem 30%;
    width: 40%;
  }
}
@media screen and (min-width: 961px) and (max-width: 1024px) {
  #magazineArticle {
    padding: 0 20% 0 0;
  }
  #magazineArticle table td {
    padding: .5rem 1.5rem;
  }
  #magazineArticle table {
    font-size: 1em;
    max-width: 100%;
  }
  #magazineArticle .btmS {
    margin: 3rem auto 2rem 30%;
    width: 40%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1180px) {
  #magazineArticle {
    padding: 0 25% 0 0;
  }
  #magazineArticle table td {
    padding: .5rem 1.5rem;
  }
  #magazineArticle table {
    font-size: 1em;
    max-width: 100%;
  }
  #magazineArticle .btmS {
    margin: 3rem auto 2rem 32.5%;
    width: 35%;
  }
}
@media screen and (min-width: 1181px) and (max-width: 1210px) {
  #magazineArticle {
    padding: 0 27.5% 0 1%;
  }
  #magazineArticle table td {
    padding: .5rem 1.5rem;
  }
  #magazineArticle table {
    font-size: 1em;
    max-width: 100%;
  }
  #magazineArticle .btmS {
    margin: 3rem auto 2rem 32.5%;
    width: 35%;
  }
}
@media screen and (min-width: 1211px) {
  #magazineArticle {
    padding: 0 30% 0 0;
  }
  #magazineArticle table td {
    padding: .5rem 1.5rem;
  }
  #magazineArticle table {
    font-size: 1em;
    max-width: 100%;
  }
  #magazineArticle .btmS {
    margin: 3rem auto 2rem 32.5%;
    width: 35%;
  }
}
/* ========== magazine article | subcategory END ========== */
/* ========== about us ========== */
#footerPage .btn {
  padding: 0 2rem;
}
#footerPage .koncovy h3 {
  -webkit-box-shadow: 0px -18px 9px -16px rgba(0,0,0,0.2);
  box-shadow: 0px -18px 9px -16px rgba(0,0,0,0.2);
}
#footerPage h1 {
  padding: 0 0 1rem 0;
}
#footerPage h2 {
  color: #000;
  font-size: 1.9rem;
  padding: 2rem 0 .75rem 0;
}
#footerPage h3 {
  cursor: unset;
  font-size: 17px;
}
#footerPage p {
  padding: .5rem 0;
}
#footerPage table {
  padding: 1rem;
}
#footerPage a {
  font-size: 1em;
}
#footerPage td {
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
  padding: .5rem;
}
#footerPage .branch tr:nth-of-type(1) td:nth-of-type(1) {
  background-color: rgba(0, 0, 0, .05);
  border: none;
  font-weight: normal;
}
#footerPage .branch td:nth-of-type(1) {
  font-weight: bold;
}
#footerPage td[colspan~="2"] {
  font-size: 1em;
  text-align: center;
}
#footerPage address {
  font-style: normal;
  padding: 1rem 0;
  float: left;
  display: block;
}
#footerPage .branch address {
  border-bottom: .2rem solid rgba(0, 0, 0, .3);
  margin-bottom: 1rem;
}
#footerPage .pentaGMaps {
  max-width: 100%;
  padding: 1rem 0;
}
#footerPage .op1,
#footerPage .op2,
#footerPage .op3,
#footerPage .op4 {
  float: left;
  width: 60%;
}
#footerPage .op1Img,
#footerPage .op2Img,
#footerPage .op3Img,
#footerPage .op4Img {
  float: left;
  width: 40%;
}
#footerPage .op1Img img,
#footerPage .op2Img img,
#footerPage .op3Img img,
#footerPage .op4Img img {
  max-height: 150px;
  max-width: 100%;
}
/* mobile devices */
@media screen and (max-width: 360px) {
  #footerPage .pentaGMaps {
    height: 50vh;
  }
  #footerPage > section address,
  #footerPage table {
    width: 100%;
  }
}
/* tablet devices */
@media screen and (min-width: 361px) and (max-width: 540px) {
  #footerPage .pentaGMaps {
    height: 50vh;
    width: 100%;
  }
  #footerPage section {
    display: block;
  }
  #footerPage > section address,
  #footerPage table {
    width: 100%;
  }
}
/* tablet devices */
@media screen and (min-width: 541px) and (max-width: 580px) {
  #footerPage .pentaGMaps {
    height: 50vh;
    width: 100%;
  }
  #footerPage section {
    display: block;
  }
  #footerPage > section address,
  #footerPage table {
    width: 100%;
  }
}
/* tablet devices */
@media screen and (min-width: 581px) and (max-width: 690px) {
  #footerPage {
    padding: 0 5% 0 0;
  }
  #footerPage section {
    display: block;
  }
  #footerPage > section address {
    width: 100%;
  }
  #footerPage table {
    width: 90%;
  }
  #footerPage .pentaGMaps {
    width: 100%;
    height: 50vh;
    padding: 1rem 0;
  }
  #footerPage td[colspan~="2"] {
    font-size: 1em;
  }
  #footerPage .op1,
  #footerPage .op2,
  #footerPage .op3,
  #footerPage .op4 {
    float: left;
    width: 50%;
  }
  #footerPage .op1Img,
  #footerPage .op2Img,
  #footerPage .op3Img,
  #footerPage .op4Img {
    float: left;
    width: 50%;
  }
}
/* tablet devices */
@media screen and (min-width: 691px) and (max-width: 960px) {
  #footerPage {
    padding: 0 5% 0 0;
  }
  #footerPage section {
    display: block;
  }
  #footerPage > section address {
    width: 100%;
  }
  #footerPage table {
    width: 85%;
  }
  #footerPage .pentaGMaps {
    width: 100%;
    height: 50vh;
    padding: 1rem 0;
  }
  #footerPage td[colspan~="2"] {
    font-size: 1em;
  }
  #footerPage .op1,
  #footerPage .op2,
  #footerPage .op3,
  #footerPage .op4 {
    float: left;
    width: 50%;
  }
  #footerPage .op1Img,
  #footerPage .op2Img,
  #footerPage .op3Img,
  #footerPage .op4Img {
    float: left;
    width: 50%;
  }
}
/* tablet devices */
@media screen and (min-width: 961px) and (max-width: 1180px) {
  #footerPage {
    padding: 0 15% 0 5%;
  }
  #footerPage section {
    display: block;
  }
  #footerPage > section address {
    width: 100%;
  }
  #footerPage table {
    width: 100%;
  }
  #footerPage .branchesMain h2 {
    width: 75%;
  }
  #footerPage .koncovy,
  #footerPage .hotline {
    display: block;
    float: left;
    width: 75%;
  }
  #footerPage section .branch {
    width: 50%;
    float: left;
    height: 430px;
    border-top: 1px dashed rgba(0, 0, 0, .3);
  }
  #footerPage .branch:nth-of-type(odd) {
    border-left: 1px dashed rgba(0, 0, 0, .3);
  }
  #footerPage .branch header {
    padding: 1rem;
  }
  #footerPage .branch address {
    margin-bottom: 0;
    border-bottom: none;
  }
  #footerPage .branch h3 {
    margin: 0 auto;
    text-align: center;
  }
  #footerPage .pentaGMaps {
    width: 100%;
    height: 50vh;
    padding: 1rem 0;
  }
  #footerPage td[colspan~="2"] {
    font-size: 1em;
  }
  #footerPage .op1,
  #footerPage .op2,
  #footerPage .op3,
  #footerPage .op4 {
    float: left;
    width: 50%;
  }
  #footerPage .op1Img,
  #footerPage .op2Img,
  #footerPage .op3Img,
  #footerPage .op4Img {
    float: left;
    width: 50%;
  }
}
/* tablet devices */
@media screen and (min-width: 1181px) and (max-width: 1210px) {
  #footerPage {
    padding: 0 20% 0 5%;
  }
  #footerPage section {
    display: block;
  }
  #footerPage > section address {
    width: 100%;
  }
  #footerPage table {
    width: 100%;
  }
  #footerPage .branchesMain h2 {
    width: 75%;
  }
  #footerPage .koncovy,
  #footerPage .hotline {
    display: block;
    float: left;
    width: 75%;
  }
  #footerPage section .branch {
    width: 50%;
    float: left;
    height: 425px;
    border-top: 1px dashed rgba(0, 0, 0, .3);
  }
  #footerPage .branch:nth-of-type(odd) {
    border-left: 1px dashed rgba(0, 0, 0, .3);
  }
  #footerPage .branch header {
    padding: 1rem;
  }
  #footerPage .branch address {
    margin-bottom: 0;
    border-bottom: none;
  }
  #footerPage .branch h3 {
    margin: 0 auto;
    text-align: center;
  }
  #footerPage .pentaGMaps {
    width: 100%;
    height: 50vh;
    padding: 1rem 0;
  }
  #footerPage td[colspan~="2"] {
    font-size: 1em;
  }
  #footerPage .op1,
  #footerPage .op2,
  #footerPage .op3,
  #footerPage .op4 {
    float: left;
    width: 50%;
  }
  #footerPage .op1Img,
  #footerPage .op2Img,
  #footerPage .op3Img,
  #footerPage .op4Img {
    float: left;
    width: 50%;
  }
}
/* tablet devices */
@media screen and (min-width: 1211px) {
  #footerPage {
    padding: 0 30% 0 0;
  }
  #footerPage section {
    display: block;
  }
  #footerPage > section address {
    width: 100%;
  }
  #footerPage table {
    width: 100%;
  }
  #footerPage .branchesMain h2 {
    width: 75%;
  }
  #footerPage .koncovy,
  #footerPage .hotline {
    display: block;
    float: left;
    width: 75%;
  }
  #footerPage section .branch {
    width: 50%;
    float: left;
    height: 430px;
    border-top: 1px dashed rgba(0, 0, 0, .3);
  }
  #footerPage .branch:nth-of-type(odd) {
    border-left: 1px dashed rgba(0, 0, 0, .3);
  }
  #footerPage .branch header {
    padding: 1rem;
  }
  #footerPage .branch address {
    margin-bottom: 0;
    border-bottom: none;
  }
  #footerPage .branch h3 {
    margin: 0 auto;
    text-align: center;
  }
  #footerPage .pentaGMaps {
    width: 100%;
    height: 40vh;
    padding: 1rem 0;
  }
  #footerPage td[colspan~="2"] {
    font-size: 1em;
  }
  #footerPage .op1,
  #footerPage .op2,
  #footerPage .op3,
  #footerPage .op4 {
    float: left;
    width: 50%;
  }
  #footerPage .op1Img,
  #footerPage .op2Img,
  #footerPage .op3Img,
  #footerPage .op4Img {
    float: left;
    width: 50%;
  }
}
/* ========== END footer page responsivity specs ========== */
/* ========== about us page ========== */
#aboutUs {
  width: 100%;
  font-size: 17px;
}
#aboutUs .firmaPenta,
#aboutUs .vyvojavyroba,
#aboutUs .zastupujeme,
#aboutUs .distribuce,
#aboutUs .goldpartner,
#aboutUs .petduvodu,
#aboutUs .dokumenty,
#aboutUs .bankovnispojeni {
  padding: 1.5rem 0 0 0;
}
#aboutUs .btn {
  font-size: 12px;
  padding: 0 2rem;
}
#aboutUs h1 {
  padding: 0 0 1rem 0;
}
#aboutUs h2 {
  -webkit-box-shadow: 0px -18px 9px -16px rgba(0, 0, 0, .2);
  box-shadow: 0px -18px 9px -16px rgba(0, 0, 0, .2);
  color: #000;
  font-size: 1.9rem;
  padding: 1.5rem 0 .75rem 0;
  text-align: center;
}
#aboutUs h3 {
  cursor: unset;
  font-size: 17px;
  padding: 1rem 0 .5rem 0;
}
#aboutUs p {
  padding: .5rem 0;
}
#aboutUs table {
  padding: 1rem;
}
#aboutUs td {
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
  padding: .5rem;
}
#aboutUs a {
  font-size: 1em;
}
#aboutUs img {
  max-width: 100%;
}
#aboutUs ul,
#aboutUs ol {
  padding: 1rem 0;
}
#aboutUs ul li {
  list-style: disc;
  list-style-position: inside;
  float: none;
  padding: .5rem 0;
}
#aboutUs ol li {
  list-style-position: inside;
  float: none;
  padding: .5rem 0;
}
#aboutUs .logoSmall {
  float: left;
  max-width: 44px;
  height: 44px;
}
#aboutUs .logoSmall img {
  width: 100%;
  height: 100%;
}
#aboutUs .buttonSmall {
  height: 55px;
  float: left;
  width: calc(100% - 44px);
}
#aboutUs .buttonSmall a {
  margin: 0 auto 0 5%;
  width: 90%;
}
#aboutUs .bottomInfo {
  padding: 1rem 0;
  width: 100%;
  float: left;
}
#aboutUs .vyvojavyroba > section {
  height: 255px;
  padding: 1rem 0;
}
#aboutUs .zastupujeme img,
#aboutUs .distribuce img,
#aboutUs .goldpartner img {
  max-height: 50px;
}
#aboutUs #flexCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#aboutUs .zastupujeme .flexItem,
#aboutUs .distribuce .flexItem,
#aboutUs .goldpartner .flexItem {
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  text-align: center;
}
#aboutUs .button100 {
  height: 55px;
  width: 100%;
}
#aboutUs .button100 a {
  width: 100%;
}
#aboutUs .bankovnispojeni tbody tr:nth-of-type(n + 2) > td:first-of-type {
  font-weight: bold;
}
#aboutUs .bankovnispojeni tbody tr:first-of-type > td:first-of-type {
  text-align: center;
}
#aboutUs .zastupujeme .flexItem,
#aboutUs .distribuce .flexItem,
#aboutUs .goldpartner .flexItem {
  padding: 1rem;
}
/* mobile devices */
@media screen and (max-width: 360px) {
  #aboutUs table {
    font-size: .9em;
  }
}
/* tablet devices */
@media screen and (min-width: 361px) and (max-width: 540px) {
  #aboutUs .vyvojavyroba > section {
    height: 235px;
  }
  #aboutUs .zastupujeme .flexItem,
  #aboutUs .distribuce .flexItem,
  #aboutUs .goldpartner .flexItem {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
}
/* tablet devices */
@media screen and (min-width: 541px) and (max-width: 580px) {
  #aboutUs .vyvojavyroba > section {
    height: 200px;
  }
  #aboutUs .button100 a {
    margin: 0 auto 0 25%;
    width: 50%;
  }
  #aboutUs .zastupujeme .flexItem,
  #aboutUs .distribuce .flexItem,
  #aboutUs .goldpartner .flexItem {
    -webkit-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
  }
  #aboutUs .buttonSmall a {
    margin: 0 auto 0 5%;
    width: 50%;
  }
  #aboutUs .bankovnispojeni .flexItem {
    margin: 0 auto 0 17.5%;
  }
}
/* tablet devices */
@media screen and (min-width: 581px) and (max-width: 690px) {
  #aboutUs .vyvojavyroba > section {
    height: 200px;
  }
  #aboutUs .button100 a {
    margin: 0 auto 0 25%;
    width: 50%;
  }
  #aboutUs .zastupujeme .flexItem,
  #aboutUs .distribuce .flexItem,
  #aboutUs .goldpartner .flexItem {
    -webkit-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
  }
  #aboutUs .buttonSmall a {
    margin: 0 auto 0 5%;
    width: 50%;
  }
  #aboutUs .bankovnispojeni .flexItem {
    margin: 0 auto 0 17.5%;
  }
}
/* tablet devices */
@media screen and (min-width: 691px) and (max-width: 960px) {
  #aboutUs .vyvojavyroba > section {
    height: 185px;
  }
  #aboutUs .button100 a {
    margin: 0 auto 0 25%;
    width: 40%;
  }
  #aboutUs .zastupujeme .flexItem,
  #aboutUs .distribuce .flexItem,
  #aboutUs .goldpartner .flexItem {
    -webkit-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
  }
  #aboutUs .buttonSmall a {
    margin: 0 auto 0 5%;
    width: 40%;
  }
  #aboutUs .bankovnispojeni .flexItem {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
  #aboutUs .bankovnispojeni .flexItem:nth-of-type(2) {
    border-left: 1px dashed rgba(0, 0, 0, .2);
  }
  #aboutUs .bankovnispojeni .flexItem:last-of-type {
    border-top: 1px dashed rgba(0, 0, 0, .2);
  }
}
/* tablet devices */
@media screen and (min-width: 961px) and (max-width: 1180px) {
  #aboutUs h2 {
    text-align: left;
  }
  #aboutUs .firmaPenta > div {
    float: left;
    width: 50%;
  }
  #aboutUs section.firmaPenta {
    height: 270px;
  }
  #aboutUs .vyvojavyroba > section {
    height: 185px;
  }
  #aboutUs .button100 a {
    margin: 0 auto 0 25%;
    width: 33.3%;
  }
  #aboutUs .bankovnispojeni .flexItem {
    font-size: .9em;
    -webkit-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
  }
  #aboutUs .bankovnispojeni .flexItem:nth-of-type(n + 2) {
    border-left: 1px dashed rgba(0, 0, 0, .2);
  }
  #aboutUs .zastupujeme .flexItem,
  #aboutUs .distribuce .flexItem,
  #aboutUs .goldpartner .flexItem {
    -webkit-box-flex: 20%;
    -ms-flex: 20%;
    flex: 20%;
  }
  #aboutUs .buttonSmall a {
    margin: 0 auto 0 5%;
    width: 33.3%;
  }
}
/* tablet devices */
@media screen and (min-width: 1181px) and (max-width: 1210px) {
  #aboutUs {
    padding: 0 2% 0 2%;
  }
  #aboutUs h2 {
    text-align: left;
  }
  #aboutUs .buttonSmall a {
    margin: 0 auto 0 5%;
    width: 25%;
  }
  #aboutUs section.firmaPenta {
    height: 290px;
  }
  #aboutUs .firmaPenta > div {
    float: left;
    width: 50%;
  }
  #aboutUs .vyvojavyroba > section {
    height: 175px;
  }
  #aboutUs .goldpartner {
    padding-bottom: 2rem;
  }
  #aboutUs .zastupujeme .flexItem,
  #aboutUs .distribuce .flexItem,
  #aboutUs .goldpartner .flexItem {
    -webkit-box-flex: 20%;
    -ms-flex: 20%;
    flex: 20%;
  }
  #aboutUs .goldpartner h2 {
    text-align: center;
  }
  #aboutUs .button100 a {
    margin: 0 auto 0 25%;
    width: 25%;
  }
  #aboutUs .bankovnispojeni .flexItem {
    font-size: 1em;
    -webkit-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
  }
  #aboutUs .bankovnispojeni .flexItem:nth-of-type(n + 2) {
    border-left: 1px dashed rgba(0, 0, 0, .2);
  }
  #aboutUs section.bankovnispojeni {
    padding-bottom: 2rem;
  }
}
/* tablet devices */
@media screen and (min-width: 1211px) {
  #aboutUs {
    padding: 0 30% 0 0;
  }
  #aboutUs h2 {
    text-align: left;
  }
  #aboutUs .buttonSmall a {
    margin: 0 auto 0 5%;
    width: 25%;
  }
  #aboutUs section.firmaPenta {
    height: 290px;
  }
  #aboutUs .firmaPenta > div {
    float: left;
    width: 50%;
  }
  #aboutUs .vyvojavyroba > section {
    height: 175px;
  }
  #aboutUs .goldpartner {
    padding-bottom: 2rem;
  }
  #aboutUs .zastupujeme .flexItem,
  #aboutUs .distribuce .flexItem,
  #aboutUs .goldpartner .flexItem {
    -webkit-box-flex: 20%;
    -ms-flex: 20%;
    flex: 20%;
  }
  #aboutUs .goldpartner h2 {
    text-align: center;
  }
  #aboutUs .button100 a {
    margin: 0 auto 0 25%;
    width: 25%;
  }
  #aboutUs .bankovnispojeni .flexItem {
    font-size: .8em;
    -webkit-box-flex: 33.3%;
    -ms-flex: 33.3%;
    flex: 33.3%;
  }
  #aboutUs .bankovnispojeni .flexItem:nth-of-type(n + 2) {
    border-left: 1px dashed rgba(0, 0, 0, .2);
  }
  #aboutUs section.bankovnispojeni {
    padding-bottom: 2rem;
  }
}


/* B2B program  */
#b2b {
  padding: 0 5% 0 5%;
}
#b2b a {
  color: #000;
  font-size: 1em;
}
#b2b ul {
  list-style: inside;
}
#b2b ol {
  padding: 0 0 0 2rem;
}
#b2b ul li,
#b2b ol li {
  float: none;
  padding-bottom: 1rem;
  font-size: 1.6rem;
  padding-left: 1.5em;
  text-indent:-1.5em;
}


#b2b h1 {
  font-size: 2.75rem;
  padding-top: 1rem;
  text-align: center;
}
#b2b p {
  font-size: 1.6rem;
  padding-top: 1rem;
  text-align: center;
}
#b2b h2 {
  cursor: unset;
  font-size: 2.2rem;
  text-align: center;
  padding: 2.5rem 0 .5rem 0;
}
#b2b h3 {
  cursor: unset;
  font-size: 1.8rem;
  padding: 2.5rem 0 .5rem 0;
}
#b2b h4 {
  font-size: 1.8rem;
  padding: 2.5rem 0 .5rem 0;
}
#b2b h5 {
  font-size: 1em;
  padding: 1rem 0 .5rem 0;
}
#b2b article p {
  padding: .75rem 0 .5rem 0;
}
#b2b img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 70%;
  max-height: 120px;
}

#b2b .item-aligned img {
  min-height: 140px;
  min-width: 140px;
}
#b2b .b2bflex {
  display:flex;
  flex-wrap:wrap;
  flex-direction: row;
}
#b2b .column2 {
  padding: 0 1.5rem 0 1.5rem;
  width: 15%;
}

#b2b .column3 {
  padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  width: 33%;
}

#b2b .column4 {
  padding: 0 1.5rem 0 1.5rem;
  width: 25%
}

#b2b .column4 p {
  cursor: unset;
  font-size: 1.8rem;
  padding: 2.5rem 0 .5rem 0;
}

#b2b .ftr {
  width: 100%;
  margin: 1rem auto 1rem 30%;
}

#b2b .nastred {
  text-align: center;
  display: inline-block;
  float: none;
  margin-right: 25%;
  margin-left: 25%;
  color:white;
  width: 50%;
}

#b2b em {
  font-size: .9em;
  font-weight: bold;
}

#b2b table td {
  border-bottom: 1px dashed rgba(0, 0, 0, .2);
  padding: .3rem .5rem;
  font-size: 2rem;
}

#b2b address {
  -webkit-box-flex: 10%;
  -ms-flex: 100%;
  flex: 100%;
  text-align: left;
  margin-bottom: 5rem;
}

#b2b address p {
  -webkit-box-flex: 10%;
  -ms-flex: 100%;
  flex: 100%;
  text-align: left;
}

#b2b .item-aligned {
  display: flex;
  width: 100%;
  padding-top: 6em;
}

#b2b .item-aligned .col4 {
  padding: 0 2em 0 2em;
}
#b2b .item-aligned .col4add {
  padding: 0 2em 0 2em;
}
#b2b .item-aligned .col4border ul {
  border-left: 2px dashed gray;
  padding-left: 1em;
}

#b2b .item-aligned .col4 h3  {
  margin-top: -65px;
}

#b2b .item-aligned .col4 .libor  {
  margin-top: -35px;
  background: url("/img/user/manager/Libor-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.4s;
}
#b2b .item-aligned .col4 .libor:hover {
background: url("/img/user/manager/Libor-2.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .MartinR  {
  margin-top: -35px;
  background: url("/img/user/manager/rykl-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.4s;
}
#b2b .item-aligned .col4 .MartinR:hover {
background: url("/img/user/manager/rykl-2.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .Jana  {
  margin-top: -35px;
  background: url("/img/user/manager/veterova-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.4s;
}
#b2b .item-aligned .col4 .Jana:hover {
background: url("/img/user/manager/veterova-2.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .pepaU  {
  margin-top: -35px;
  background: url("/img/user/manager/adam-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.4s;
}
#b2b .item-aligned .col4 .pepaU:hover {
background: url("/img/user/manager/adam-2.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .filip  {
  margin-top: -35px;
  background: url("/img/user/manager/rosek-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.4s;
}
#b2b .item-aligned .col4 .filip:hover {
background: url("/img/user/manager/rosek-2.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .tomasv  {
  margin-top: -35px;
  background: url("/img/user/manager/vesely-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.4s;
}
#b2b .item-aligned .col4 .tomasv:hover {
background: url("/img/user/manager/vesely-2.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .martin  {
  margin-top: -35px;
  background: url("/img/user/manager/martin-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
}

#b2b .item-aligned .col4 .rob  {
  margin-top: -35px;
  background: url("/img/user/manager/cuper-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
}
#b2b .item-aligned .col4 .unknown  {
  margin-top: -35px;
  background: url("/inc/magazin/img/Foto.JPG") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
}

#b2b .item-aligned .col4 .pepa  {
  margin-top: -35px;
  background: url("/img/user/manager/kolka1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
}

#b2b .item-aligned .col4 .pepa:hover {
background: url("/img/user/manager/kolka-2.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .peter  {
  margin-top: -35px;
  background: url("/img/user/manager/PETA-S-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
}
#b2b .item-aligned .col4 .peter:hover {
background: url("/img/user/manager/PETA-S2.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .tomas  {
  margin-top: -35px;
  background: url("/img/user/manager/martan.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
}
#b2b .item-aligned .col4 .tomas:hover {
background: url("/img/user/manager/martan.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .katka  {
  margin-top: -35px;
  background: url("/img/user/manager/klivanova-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
}

#b2b .item-aligned .col4 .peta  {
  margin-top: -35px;
  background: url("/img/user/manager/peta-2.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
}


#b2b .man-aligned {
  display: flex;
  width: 100%;
  padding-top: 0.5em;
  padding-left: 24vh;
  padding-bottom: 0.5em;
}

#b2b .man-aligned a {
  padding: 0 1vh 0 1vh;
    max-width: 150px;
}

#b2b .man-aligned img {
  vertical-align: middle;
}

#b2b hr {
  border-top: 2px dashed gray;
  margin-top: 40px;
}

#comparsion .tablecom {
border-collapse: collapse;
margin: auto;
overflow-x: auto;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
font-size: 1.3em;
}

#comparsion .tablecom thead tr > th {
border: 1px solid rgba(0, 0, 0, .5);
background-color: #ffc80a;
padding: 1rem;
}
#comparsion .tablecom tbody > tr > td:first-of-type {
border-left: 1px solid rgba(0, 0, 0, .3);
font-weight: bold;
text-align: center;

}
#comparsion .tablecom tbody > tr > td:nth-of-type(n + 2) {
border-left: 1px solid rgba(0, 0, 0, .3);
}
#comparsion .tablecom tbody > tr > td:last-of-type {
border-right: 1px solid rgba(0, 0, 0, .3);
}
#comparsion .tablecom td {
border-bottom: 1px dashed rgba(0, 0, 0, .3);
background-color: unset;
-webkit-box-shadow: none;
box-shadow: none;
padding: 1rem;
}
#comparsion .tablecom tr td a {
font-size: 1em;
}

.stoitem .stiinfo .cnt .rowbox.banner_if_par {
  margin-left: 160px;
  box-shadow: 0 2px 16px rgb(0 0 0 / 24%);
  border: 2px solid #ff5d00;
}
@media screen and (max-width: 1005px) {
.stoitem .stiinfo .cnt .rowbox.banner_if_par {
  margin-left: auto;
  box-shadow: 0 2px 16px rgb(0 0 0 / 24%);
  border: 2px solid #ff5d00;
}
}
/* ========== END about us ========== */

.don-penta {
    max-width: 320px;
    max-height: 756px;
    position: fixed;
    top: auto;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0px;
    display: block;
}

.don-penta.left {
    left: 20px;
    background-image: url(https://penta.cz/img/Klub-Penta-Family-Back-L.png);
}

.don-penta.right {
    right: 20px;
    background-image: url(https://penta.cz/img/Klub-Penta-Family-Back-P.png);
}

@media (max-width: 1300px) {
    .don-penta {
        display: none;
    }
}