/* ===== magazin - ale k pouziti i pro ostatni staticke stranky - idealne rozsirovat o dalsi veci ===== */
#static {margin-bottom:50px;}
#static h1 {font-size:4rem; text-align:center; margin-bottom:25px;}
#static h2 {font-size:3rem; text-align:left; margin-bottom:25px;}
#static h3 {font-size:2rem; text-align:left; margin-bottom:15px;}
#static h4 {font-size:2rem; text-align:left; margin-bottom:15px;}
#static h5 {font-size:1.6rem; text-align:left; margin-bottom:15px;}
#static p {margin-bottom:10px; font-size:1.6rem; font-weight:normal; line-height:2.4rem; color:#222222;}
#static p a {font-size:1.6rem; color:#0060e5;}
#static p.narrow1 {width:700px; margin-left:auto; margin-right:auto;}

#static .btn {float:none; display:inline-block; font-size:12px; color:#056eff;}
#static .btn.btn-blue {color:white;}
#static .half {width:49%; margin-left:5px; margin-right:5px;}
#static .link {font-size:15px; font-weight:bold; text-decoration:none; color:#0060e5;}
#static .color_link {color:#0060e5;}

#static .db {display:block;}
#static .dn {display:none;}
#static .pa {position:absolute;}
#static .pr {position:relative;}
#static .fn {font-weight:normal;}
#static .fb {font-weight:bold;}
#static .tl {text-align:left;}
#static .tc {text-align:center;}
#static .tr {text-align:right;}
#static .bl {float:left;}
#static .br {float:right;}
#static .bc {margin-left:auto; margin-right:auto;}
#static .cb {clear:both;}
#static .vat {vertical-align:top;}
#static .oh {overflow:hidden;}
#static .tf {table-layout:fixed;}
#static .ww {word-wrap:break-word;}

#static .tretina {width:19%; margin-left:5px; margin-right:5px;}
#static .auticko {width:79%; margin-left:5px; margin-right:5px;}
#static .full {width:100%; margin-left:5px; margin-right:5px;}

#static .ul {font-size:1.6rem}
#static .li {font-size:1.6rem}

/* ===== magazin - konec ===== */

.mgz p {
    margin-bottom: 10px;
    font-size: 2.5rem;
    font-weight: normal;
    line-height: 2.4rem;
    color: #222222;
}

.mgz a:link {
    font-size: 3.6rem;
    color:#222222;
    text-decoration: none;
}

.mgz a:hover {
    color:#0060e5;
    text-decoration: underline;
}

.mgz ul {
  margin-bottom: 20px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
  list-style-type: disc;
  list-style-position: outside;
}
.mgz li {
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4rem;
  text-align: left;
  color: #222222;
  width: 100%;
}

.tschadow h1{
    text-align: center;
    color: #0a294b;
    text-shadow: 3px 3px 7px #666666;
}

.auticko ol {
  font-size: 1.5rem;
}

/* 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 .operatorfoucek:before {
  background-image: url("../img/user/operator/foucek.jpg");
}
.kpf .operatorsebelikova:before {
  background-image: url("../img/user/operator/sebelikova.jpg");
}
.kpf .operatorvachulkova:before {
  background-image: url("../img/user/operator/vachulkova.jpg");
}
.kpf .operatorkolka:before {
  background-image: url("../img/user/operator/kolka.jpg");
}
/* konec definice operator  */

.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%;
}
.kpf .box-full {
  display: flex;
  min-height: 90px;
  padding-right: 30px;
}
.kpf .box-full:before {
  content: "";
  width: 120px;
  background-position: 50% 0px;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.kpf .box3 {
  width: 33%;
  padding-bottom: 30px;
  padding-right: 30px;
}
.kpf .box3 a {
  text-decoration: none;
}
.kpf .box3 img {
  padding-left: 20px;
  padding-bottom: 10px;
}


.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;
}

.nastred2 {
  text-align: center;
  display: inline-block;
  float: none;
  margin-top: 5px;
}

/* =============== korektura ===============   */
/* zvetseni pisma odkazu */
.korektura a {
  font-size: 1em;
}
/* obrazky a nastaveni jeich zobrazovani */
.korektura img{
  max-width: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
/* nadpisy pro kontejner korektura */
.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;
}
/* seznam s odrazkami */
.korektura ul {
  padding-bottom: 1.2rem;
}
/* cislovany seznam */
.korektura ol {
  margin: 0;
  padding-left: 2rem;
  padding-top: 5px;
  word-break: break-word;
}
/* formatovani jednotlivych radku seznamu v cislovanem seznmau */
.korektura ol > li {
  list-style-position: outside;
  margin: 0;
  padding-left: .35rem;
}
/* format odstavce */
.korektura p {
  line-height: 1.25;
  font-size: 1.6rem;
  padding-bottom: 1.25rem;
}
/* formatovani radku v seznamech */
.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;
}


/* tabulka */
.korektura table {
  padding: 0 0 1rem 0;
}
/* bunka v tabulce */
.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 */
}
/* zobrazeni videa na youtube iframem */
.korektura iframe {
  width: 100%;
  padding: 1rem 0;
}
/* media query pro nejmensi displej / mobil */
@media screen and (max-width: 540px) {
  .korektura table {
    width: 100%;
  }
  .korektura table td {
    font-size: .85em;
  }
  .korektura iframe {
    height: 33.3vh;
  }
}
/* media query pro stredni displej / mobil / tablet */
@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 query pro tablet / desktop */
@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 query pro desktop */
@media screen and (min-width: 1025px) {
  .korektura table {
    width: 90%;
  }
  .korektura table td {
    font-size: 16px;
  }
  .korektura iframe {
    height: 50vh;
  }
}
#mapaDealeru #map {
  width: 100%;
  height: 70vh;
    margin: 1rem 0 1rem 0;
}
#mapaDealeru #content {
}
/* =============== END korektura =============== */
/* =============== magazine =============== */
/* =============== magazine menu module =============== */
/* general menu syles applied to all queries */
.magMenu,
.eetMenu {
  cursor: pointer;
  padding-bottom: 150px;
}
.magMenu ul,
.eetMenu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.magMenu .homeBtn,
.eetMenu .homeBtn {
  width: calc(100% - 2px); /* 2 x border = 2px */
}
.magMenu ul li,
.eetMenu 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;
}
.eetMenu ul li {
  background-color: #ea1b25;
}
.magMenu ul li:hover {
  background-color: #fff;
  color: #0060e5;
}
.eetMenu ul li:hover {
  background-color: #fff;
  color: #ea1b25;
}
/* smalles mobile screens */
@media screen and (max-width: 550px) {
  .magMenu .homeBtn,
  .eetMenu .homeBtn {
    width: calc(100% - 2 * (2px)); /* 2 x border = 2px */
  }
  .magMenu ul li,
  .eetMenu ul li {
    width: calc(50% - 2px); /* 2 x border = 2px */
  }
}
/* menu resize for tablets */
@media screen and (min-width: 551px) and (max-width: 700px) {
  .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 */
  }
  .eetMenu .homeBtn {
    width: calc(100% - 2 * (2px)); /* 2 x border = 2px */
  }
  .eetMenu ul li {
    width: calc(50% - 2px); /* 2 x border = 2px */
  }
}
/* menu resize for bigger screens */
@media screen and (min-width: 701px) and (max-width: 960px) {
  .magMenu,
  .eetMenu {
    padding: 1rem 0 1rem 0;
    display: block;
    float: left;
    width: 100%;
  }
  .magMenu .homeBtn,
  .eetMenu .homeBtn {
    width: calc(20% - 2px);
  }
  .magMenu .homeSym,
  .eetMenu .homeSym {
    visibility: hidden;
    display: none;
  }
  .magMenu ul li,
  .eetMenu ul li {
    width: calc(20% - 2px); /* 2 x border = 2px */
  }
}
/* menu resize for desktop+ */
@media screen and (min-width: 961px) {
  .magMenu,
  .eetMenu {
    padding: 1rem 0 1rem 0;
    display: block;
    float: left;
    width: 100%;
  }
  .magMenu .homeBtn,
  .eetMenu .homeBtn {
    width: calc(20% - 2px);
  }
  .magMenu ul li,
  .eetMenu 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;
}
.backBtneet {
  height: 60px;
  line-height: 44px;
  padding: 0 1rem;
  font-size: 12px;
  font-weight: bold;
  color: #ea1b25;
  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;
}
.backBtneet:hover {
  color: #fff;
  background-color: #ea1b25;
}
.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.eetTheme {
  color: #000;
  background-color: #c2c2c2;
}
.forwBtn:hover {
  color: #0060e5;
  background-color: #fff;
}
.forwBtn.eetTheme:hover {
  background-color: #f6f6f6;
}
#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 > .msc h2.eetTheme {
  background-color: #ea1b25;
}
#magIndex img {
  max-width: 100%;
}
.btmS {
  float: left;
  padding-bottom: 1rem;
  width: 100%;
}
.btmEET {
  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;
  opacity: .8
}
.msc:hover {
  opacity: 1;
}
/* 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);
  }
}
/* ========== 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 ========== */
/* box product editace */
#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 .pborder {
  border: 1px solid rgba(0, 0, 0, .5);
  padding: 1ch;
  margin-top: 1em;
}
#magazineArticle .icon img {
    float: left;
    margin-right: 2vh;
    margin-top: -0.8vh;
}
#magazineArticle .icon p {
  padding-left: 3em;
}

#magazineArticle .tip {
  border-style: solid;
  border-width: 1px;
  padding: 1ch;
  font-style: italic;
}

#magazineArticle hr {
  border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


#magazineArticle .btmS .backBtn:hover {
  color: #056eff;
  background-color: #fff;
}
#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 table.twoColumnTable {
  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.twoColumnTable thead tr > th {
  border: 1px solid rgba(0, 0, 0, .5);
  background-color: #ffc80a;
  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^="jobDetails"] {
  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 20% 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;
  }
}

/* ========== Tabulka porovnani mixeru ========== */

	#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;
}


/* 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;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}
#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;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}
#b2b .item-aligned .col4 .MartinR:hover {
background: url("/img/user/manager/rykl-2.jpg") no-repeat;
height: 150px;
width: 150px;
}

#b2b .item-aligned .col4 .terka  {
  margin-top: -35px;
  background: url("/img/user/manager/sochorova-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}

#b2b .item-aligned .col4 .vasek  {
  margin-top: -35px;
  background: url("/img/user/manager/voldrich.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}

#b2b .item-aligned .col4 .jezour  {
  margin-top: -35px;
  background: url("/img/user/manager/jezek-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}
#b2b .item-aligned .col4 .jezour:hover {
background: url("/img/user/manager/jezek-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;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}
#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;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}
#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;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}

#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;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}
#b2b .item-aligned .col4 .unknown  {
  margin-top: -35px;
  background: url("/img/user/manager/unknown.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}

#b2b .item-aligned .col4 .nikca  {
  margin-top: -35px;
  background: url("/img/user/manager/bodnarova-1.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}

#b2b .item-aligned .col4 .koblizka  {
  margin-top: -35px;
  background: url("/img/user/manager/koblizka.jpg") no-repeat;
  height: 150px;
  width: 150px;
  transition: 0.8s;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}
#b2b .item-aligned .col4 .koblizka:hover {
background: url("/img/user/manager/koblizka.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;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}
#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;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}

#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;
  border-radius: 50%;
  box-shadow: 0 21px 50px rgb(0 0 0 / 20%);
}


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

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

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

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

#magazineArticle .regi  {
    background: url("/img/user/pruvodce/1-Registrace-z-videa-880-Vektory-play.jpg")no-repeat;
    height: 100px;
  }

  #magazineArticle .regi:hover  {
    background: url("/img/user/pruvodce/1-Registrace-z-videa-880-Vektory.gif") no-repeat;
    height: 100px;
  }

  #magazineArticle .col1 {
    width: 50%;
    float: left;
    padding: 10px;
    margin-top: 40px;
  }

  #magazineArticle .col1 .prihlaseni  {
      background: url("/img/user/pruvodce/2-Prihlaseni-350-Vektory-play.jpg")no-repeat;
      height: 350px;
    }

  #magazineArticle .col1 .prihlaseni:hover  {
        background: url("/img/user/pruvodce/2-Prihlaseni-350-Vektory.gif")no-repeat;
        height: 350px;
      }

  #magazineArticle .col1 .penty  {
          background: url("/img/user/pruvodce/3-Penty-350-Vektory-play.jpg")no-repeat;
          height: 350px;
      }
  #magazineArticle .col1 .penty:hover  {
          background: url("/img/user/pruvodce/3-Penty-350-Vektory.gif")no-repeat;
          height: 350px;
      }

  #magazineArticle .plneni  {
          background: url("/img/user/pruvodce/4-Penty-vyplnění-880-Vektory-play.jpg")no-repeat;
          height: 230px;
      }

    #magazineArticle .plneni:hover  {
         background: url("/img/user/pruvodce/4-Penty-vyplnění-880-Vektory.gif")no-repeat;
         height: 230px;
      }

    #magazineArticle .objednavka  {
          background: url("/img/user/pruvodce/5-Penty-objednavka-880-Vektory-play.jpg")no-repeat;
          height: 250px;
        }

   #magazineArticle .objednavka:hover  {
          background: url("/img/user/pruvodce/5-Penty-objednavka-880-Vektory.gif")no-repeat;
          height: 250px;
        }


/* tablet devices */

@media screen and (max-width: 926px) {
  #b2b .column4 {
    float: left;
    padding: 0 1.5rem 0 1.5rem;
    width: 50%
  }
  #b2b .nastred {
    text-align: center;
    display: inline-block;
    float: none;
    margin-right: 10%;
    margin-left: 10%;
    color:white;
    width: 80%;
  }
  #b2b .item-aligned .col4 address {
    padding-left: 20px;
  }

  #b2b .item-aligned {
    float: none;
    display: inline-block;
    padding-top: 1em;
  }

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

  #b2b .item-aligned .col4add {
    display: inline-block;
    padding: 0px;
    width: 50%;
  }

  #b2b .item-aligned .col4 {
    float: left;
    padding: 0px;
    width: 50%;
    }

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

  #b2b .item-aligned .col4 ul {
    float: none;
    display: inline-block;
    padding: 0px;
  }

  #b2b .item-aligned .col4border ul {
    display: inline-block;
    border-left: 0px;
    padding: 0px;
  }

  #b2b .item-aligned .col4 > img {
    margin-top: 0px;
    margin-left: 20px;
    min-height: 150px;
    min-width: 150px
  }
  #b2b .item-aligned .col4 .libor  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .martin  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .MartinR  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .terka  {
    margin-top: 0px;
  }
  
  #b2b .item-aligned .col4 .vasek  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .rob  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .jezour  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .unknown  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .nikca  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .koblizka  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .tomas  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .katka  {
    margin-top: 0px;
  }

  #b2b .item-aligned .col4 .peta  {
    margin-top: 0px;
  }

  #magazineArticle .col1 {
    float: none;
    width: 100%;
  }
}

/* mobile devices */
@media screen and (max-width: 560px) {
#b2b .item-aligned .col4 {
  float: none;
  padding: 0px;
  width: 50%;
  }

  #b2b .man-aligned {
    display: block;
    width: 50%;
    padding-top: 0.5em;
    float: left;
  }

  #b2b .man-aligned-clear {
    display: flex;
  }

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

}

/* Tamron recenze  */

html, body { scroll-behavior: smooth; }

  #tamron {
    padding: 0 5px 0 5px
  }
  #tamron a {
    color: #000;
    font-size: 1em;
  }
  #tamron ul {
    list-style-image: url("/inc/img/recenze-tamron/grafika/arrow.svg");
  }
  #tamron ol {
    padding: 0 0 0 2rem;
  }

  #tamron ul li,
  #tamron ol li {
    float: none;
    padding-bottom: 1rem;
    padding-top: 1.5rem;
    font-size: 1.6rem;
    margin-left: 1em;
    text-indent:0em;
  }


  #tamron h1 {
    font-size: 2.75rem;
    padding-top: 1rem;
    text-align: center;
  }
  #tamron p {
    font-size: 1.6rem;
    padding: 1.5rem;
  }

  #tamron .eval .eval2 p {
    font-size: 1.6rem;
    padding-bottom:1.25rem;
    padding-top:1.25rem;
    padding-left:2em;
    text-indent:-4em;
  }
  #tamron h2 {
    cursor: unset;
    font-size: 2.2rem;
    padding: 2.5rem 0 .5rem 0;
  }
  #tamron h3 {
    cursor: unset;
    font-size: 1.8rem;
    padding: 2.5rem 0 .5rem 0;
  }
  #tamron h4 {
    font-size: 1.8rem;
    padding: 2.5rem 0 .5rem 0;
  }
  #tamron h5 {
    font-size: 1em;
    padding: 1rem 0 .5rem 0;
  }
  #tamron article p {
    padding: .75rem 0 .5rem 0;
  }
  #tamron img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 70%;
    max-height: 100%;
  }

  #tamron hr{
    margin-top: 50px;
    margin-bottom: 50px;
    border: 0;
  height: 1px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));

  }

  #tamron .header img {
    padding: 20px 0px 10px 0px;
    min-width: 140px;
    max-height: 35vh;
  }

  #tamron .colflex {
    display: flex;
    justify-content: space-between;
    padding: 20px 20px 0 20px;
    width: 100%;
  }

  #tamron .colflex p {
    padding-left: 80px;
    min-height: 80px;
    font-weight: bold;
    text-decoration: none;
  }
  #tamron .colflex a {
    min-height: 200px
  }

  #tamron .colflex img {
    float: left;
  }

  #tamron .btmS {
    width: 50%;
    margin: 3rem auto 2rem 25%;
  }

  #tamron .icon img{
    float:left;
    padding-right:20px;
  }

  #tamron .backBtn {
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    font-size: 12px;
    font-weight: bold;
    color: white;
    background-color: #056eff;
    box-shadow: 0 2px 16px rgb(0 0 0 / 24%);
    text-transform: uppercase;
    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;
  }


    .rowr {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
  }

  /* Create four equal columns that sits next to each other */
     .columnr {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px;
  }

     .columnr img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%;
    max-width: 100% !important;
  }

  .columnr a {

}

  /* Responsive layout - makes a two column-layout instead of four columns */
  @media screen and (max-width: 800px) {
     .columnr {
      flex: 50%;
      max-width: 50%;
    }
  }

  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 600px) {
    .columnr {
      flex: 100%;
      max-width: 100%;
    }
  }

/*Sticky menu
#tamron .colflex ul {
padding: 20px;
margin: 0 auto;
list-style: none;
text-align: center;
}

#tamron .colflex ul li {
display: inline-block;
margin: 0 10px;
}
#tamron .colflex ul li a {
padding: 10px 0;
color: #fff;
font-size: 1rem;
text-decoration: none;
font-weight: bold;
transition: all 0.2s ease;


Tamron*/
#tamron .floatl img {
  float: left;
  padding-right: 5px;
}


  #tamron .first img {
    float: left;
    padding-right: 5px;
  }

  #tamron .first {
    min-height: 600px;
  }


  #tamron .b2bflex {
    display:flex;
    flex-wrap:wrap;
    flex-direction: row;
  }
  #tamron .column2 {
    padding: 0 1.5rem 0 1.5rem;
    width: 50%;
    float: left;
  }

  #tamron .column2 img {
    padding: 1rem;
    max-width: 100%;
  }

  #tamron .column3 {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    width: 33%;
    float: left;
  }

  #tamron .column3 img {
    width: 100%;
    height: 100%
  }

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

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

  #tamron .vinecl3 {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    width: 10%;
    float: left;
  }
  #tamron .vine3 {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    width: 40%;
    float: left;
  }

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

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

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


  #tamron table td {
    border: 1px dashed rgba(0, 0, 0, .2);
    padding: .3rem .5rem;
  }
  #tamron table tr > td:first-of-type {
    border-right: 1px dashed rgba(0, 0, 0, .2);
  }
  #tamron table tr > td:last-of-type {
    border-left: 1px dashed rgba(0, 0, 0, .2);
  }
  #tamron table {
    padding: 1.5rem 0;
    max-width: 100%;
    font-size: 1.4rem;
  }

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

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

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

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

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

  /* The grid: Four equal columns that floats next to each other */
  .column {
    float: left;
    width: 33%;
    padding: 10px;
  }

  /* Style the images inside the grid */
  .column img {
    opacity: 0.8;
    cursor: pointer;
  }

  .column img:hover {
    opacity: 1;
  }

  /* Clear floats after the columns */
  .row:after {
    content: "";
    display: table;
    clear: both;
  }

  /* The expanding image container */
  .container {
    position: relative;
    display: none;
  }

  /* Expanding image text */
  #imgtext {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: white;
    font-size: 20px;
  }

  /* Closable button inside the expanded image */
  .closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    color: white;
    font-size: 35px;
    cursor: pointer;
  }

.stoitem .stiinfo .cnt .rowbox.banner_if_par {
  margin-left: 180px;
  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;
}
}

.bordertam {
  border:1px solid #515151;
  box-shadow: 0 11px 12px 0 rgb(0 0 0 / 7%), 0 2px 4px 0 rgb(0 0 0 / 4%);
  height:500px;
  padding: 5px;
  margin: 5px;
}

/* Tamron hodnocení */

.eval2 {
  float: left;
  width: 49%;
  padding: 10px
}
.eval2 p {
  padding-bottom: 1.25rem;
  padding-top: 1.25rem;
  padding-left: 2em;
  text-indent: -4em;
}

.eval2 img {
  float: left;
  padding: 10px 80px 0 0;
}

.eval {
  height: 42em;
  margin-bottom: 2vh;
}


/* Tamron gallery vinetace */
div.desctamvin {
  padding: 15px;
  text-align: center;
}

div.responsivetamvin .gallerytamvin img {
  max-width: 100% !important;
}

.responsivetamvin {
  padding: 0 6px 15px 0;
  float: left;
  width: 49.9%;
}

.responsivetamvin p {
  display: block;
  padding: auto;
  margin: auto;
}

div.gallerytamvin {
  display: grid;
}

div.gallerytamvin img {
  width: auto !important;
  min-width: 100%;
  height: auto;
}
/* Tamron gallery vinetace script */


 .b1, .b2, .b3 {
  width: 50px;
  height: 30px;
}

.contentvin img {
   max-width: 100% !important;
   max-height: 25vh !important;
}

.contentvin1 img {
   max-width: 100% !important;
}

.scrvin img {
  float: left;
  cursor: pointer;
  padding: 15px;
  -webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.scrvin img:hover {
  -webkit-filter: grayscale(0);
	filter: grayscale(0);
}

#second, #third, #fourth  {
  display: none
}

#druhy, #treti, #ctvrty, #paty, #sesty, #sedmy, #osmy  {
  display: none
}

#druhyost, #tretiost, #ctvrtyost, #patyost {
  display: none
}

#totop {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #056eff; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 22px; /* Increase font size */
}

#totop:hover {
  background-color: #555; /* Add a dark-grey background on hover */
}

  #tamron .first {
    min-height: 1000px;
  }
}

div.aberace {
  height: 400px;
}

div.aberace2 {
  height: 350px;
}

/* Tamron gallery aberace */
div.gallerytamab {
  display: grid;
}

div.gallerytamab:hover {
  box-shadow: 2px 0px 9px 0px rgba(105, 109, 122, 0.8);
}

div.gallerytamab img {
  width: auto;
}

div.desctamab {
  padding: 15px;
  text-align: center;
}

div.desctamabno {
  padding: 15px;
  text-align: center;
}

div.responsivetamab .gallerytamab img {
  max-width: 100% !important;
}

* {
  box-sizing: border-box;
}

.responsivetamab {
  padding: 0 6px 12px 0;
  float: left;
  width: 24.9%;
  height: 330px;
}

/*BEŽNÁ GALERIE OBRÁZKŮ ŘADA */

.responsivetambezcol {
  padding: 0 6px 12px 0;
  float: left;
  width: 23%;
  height: 50px;
}

.responsivetambezcol1 {
  padding: auto;
  float: left;
  width: 8%;
  height: 50px;
}

.responsivetambez {
  padding: 0 6px 12px 0;
  float: left;
  width: 23%;
  height: 250px;
}

.responsivetambez1 {
  padding: auto;
  float: left;
  width: 8%;
  height: 250px;
}

div.desctambez {
  padding: 15px;
  text-align: center;
}
div.desctambez1 {
  padding: 75px 0 0 0;
  text-align: center;
}

.responsivetambez4 {
  padding: 0 6px 12px 0;
  float: left;
  width: 25%;
  height: auto;
}

.responsivetambez6 {
  padding: 0 6px 12px 0;
  float: left;
  width: 16.6667%;
  height: auto;
}

div.gallerytambez4 {
  display: grid;
}

div.gallerytambez4:hover {
  box-shadow: 2px 0px 9px 0px rgba(105, 109, 122, 0.8);
}
 .gallerytambez4 img {
  min-width: 100%;
}



/*BEŽNÁ GALERIE OBRÁZKŮ */

.responsivetambezocol {
  padding: 0 0px 0px 0;
  float: left;
  width: 46%;
  height: 50px;
}

.responsivetambezocol1 {
  padding: auto;
  float: left;
  width: 8%;
  height: 50px;
}

.responsivetambezo {
  padding: 0 0px 0px 0;
  float: left;
  width: 46%;
}

.responsivetambezo1 {
  padding: auto;
  float: left;
  width: 8%;
}

div.desctambezo {
  padding: 15px;
  text-align: center;
}
div.desctambezo1 {
  padding: 75px 0 0 0;
  text-align: center;
}

div.responsivetambez .gallerytambez img {
  max-width: 100% !important;
}

div.gallerytambez {
  display: grid;
}

div.gallerytambez:hover {
  box-shadow: 2px 0px 9px 0px rgba(105, 109, 122, 0.8);
}

div.gallerytambez img {
  width: auto;
}

div.aberace {
  height: 500px;
}

div.aberace2 {
  height: 350px;
}

div.bokeh {
  width: 50%;
  float: none;
}


/* Tamron gallery aberace zoom */
div.gallerytamabzoom {
  display: grid;
}

div.gallerytamabzoom img {
  width: auto !important;
  max-width: 100% !important;
  height: auto;
}



/* Tamron gallery */
div.gallerytam img {
  width: 100%;
  height: auto;
}

div.desctam {
  padding: 15px;
  text-align: center;
}

div.responsivetam .gallerytam img {
  max-width: 100% !important;
}

* {
  box-sizing: border-box;
}

.responsivetam {
  padding: 0 6px 22px 0;
  float: left;
  width: 33.3%;
}

.gallerytam:hover {
box-shadow: 2px 0px 9px 0px rgba(105, 109, 122, 0.8);
}



.clearfix:after {
  content: "";
  display: table;
  clear: both;
}


/* Tamron sharpness */

.sharpdiv {
  min-height: 600px;
}

div.gallerysharp img {
  width: 100%;
  height: auto;
}
div.gallerysharp img:hover {
box-shadow: 2px 0px 9px 0px rgba(105, 109, 122, 0.8);
}


div.sharp .gallerysharp img {
  max-width: 100% !important;
}

* {
  box-sizing: border-box;
}

.sharp {
  padding: 0 6px 6px 0;
  float: left;
  width: 33.3%;
}

.distortion p {
  text-align: center ;
}

/* recenze Tamron responzivita */

@media only screen and (max-width: 1000px) {
  .sharpdiv {
    min-height: 450px;
  }

  .responsivetambez4 {
    width: 50%;
    margin: 6px 0;
    height: auto;
  }
  .eval {
    height: 50vh;
    margin-bottom: 2vh;
  }

}

@media only screen and (max-width: 800px) {
    .eval2 {
      float: none !important;
      width: 100%;
    }
    .eval {
      height: inherit;
    }
    .bw img {
      max-width: 100% !important;
    }
  }


@media only screen and (max-width: 700px) {
  #tamron .colflex {
    display:block;
  }

  #tamron .first {
    min-height: 800px;
  }

  .distortion img {
    max-width: 100% !important;
  }

  .distortion p {
    text-align: center ;
  }

  .sharp {
    width: 49.99999%;
    margin: 6px 0;
  }

  .desctamabno {
    display: none;
  }
  .responsivetamvin {
    width: 100%;
  }
  .responsivetamab {
    width: 100%;
    height: auto;
    margin: 6px 0;
  }

  .responsivetam {
    width: 100%;
    margin: 6px 0;
  }

  .responsivetambez {
    width: 100%;
    margin: 6px 0;
    height: auto;
  }

  .desctamabno {
    display: none;
  }
  .scrvin img {
    float: left;
    cursor: pointer;
    padding: 5px;
    max-width: 80px !important;
  }
}

@media only screen and (max-width: 500px) {

  #tamron .eval .eval2 p {
    font-size: 1.6rem;
    padding-bottom:1.25rem;
    padding-top:1.25rem;
    padding-left:2em;
    text-indent:-4em;
  }

  .sharp {
    width: 100%;
    }
  .responsivetamvin {
      width: 100%;
  }
  .responsivetamab {
    width: 100%;
  }
  .responsivetam {
    width: 100%;
  }
  .responsivetambez4 {
    width: 100%;
    margin: 6px 0;
    height: auto;
  }
  .desctambez1 {
    padding: 5px 0 0 0;
    text-align: center;

  }

  .responsivetambez1 {
    height:120px;
    float: none;
    display: block;
    width: auto;
  }
}

/* ========== END about us ========== */
/*  definice pro seponzivitu

Ano, do toho user.css si muzete udelat definici rozmeru:
... a v kazde si nadefinujete jine chovani stejneho prvku.
Samozrejme tech rozmeru nemusite mit nadefinovano tolik. Staci treba vase sirka webu (1180px), a co uz je nizsi, to uz se zacne zobrazovat jinak. Zalezi na vas...

@media screen and (max-width:1200px) {

  .nejaky_class {}
  .nejaky_jiny_class {}

}
@media screen and (max-width:1024px) {

  .nejaky_class {}
  .nejaky_jiny_class {}

}
@media screen and (max-width:3060px) and (min-width:981px) {

  .nejaky_class {}
  .nejaky_jiny_class {}

}
@media screen and (max-width:980px) {

  .nejaky_class {}
  .nejaky_jiny_class {}

}
@media screen and (max-width:820px) {

  .nejaky_class {}
  .nejaky_jiny_class {}

}
@media screen and (max-width:600px) {

  .nejaky_class {}
  .nejaky_jiny_class {}

}
@media screen and (max-width:480px) {
  .nejaky_class {}
  .nejaky_jiny_class {}

}
@media screen and (max-width:360px) {

  .nejaky_class {}
  .nejaky_jiny_class {}

}

*/

.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;
    }
}