html,
body {
  min-height: 100%;
}
body {
  font-family: "Barlow Semi Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #5c6a78;
}
body > .container {
  z-index: 100;
}
header {
  background: #fff;
  padding: 15px 20px;
  min-height: 110px;
}
.logo {
  display: block;
  font-size: 40px;
  font-weight: 800;
  line-height: 1em;
  color: #262F38;
  transition: color 0.3s;
  letter-spacing: -0.01em;
  background: url(../img/mozaiky.svg) no-repeat 0 10px;
  background-size: 250px auto;
  text-indent: -9000px;
  margin-top: 18px;
}
.logo span {
  text-transform: none;
  font-size: 28px;
  margin-left: -2px;
  color: #5C6A78;
  transition: color 0.3s;
}
.logo:hover,
.logo:focus,
.logo:hover span {
  text-decoration: none;
  color: #55A355;
}
.sublogo {
  display: none;
}
.navtop ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: right;
  margin-bottom: 10px;
}
.navtop ul li {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1em;
}
@media (min-width: 768px) and (max-width: 991px) {
  .navtop ul li {
    padding-left: 0px;
    padding-right: 0px;
  }
  .logo {
    background-size: 210px auto;
  }
}
.navtop ul li:last-child {
  padding-right: 0;
  border-right: 0;
}
.navtop ul li a {
  color: #333;
  transition: color 0.3s;
}
.navtop ul li a .fa {
  font-size: 2.5rem;
}
.navtop ul li a:hover,
.navtop ul li a:focus {
  text-decoration: none;
  color: #5D7960;
}
.hledat-form {
  height: 34px;
}
.hledat-form {
  display: flex;
  align-items: flex-start;
}
.hledat-form .form-control {
  border-radius: 0;
  float: left;
  width: 220px;
  border-right: 0;
}
.hledat-form .submit {
  border-radius: 0;
  background: #55a355;
  color: #fff;
  float: left;
  transition: background 0.3s;
}
.hledat-form .submit:hover {
  background: #3b713b;
}
article {
  color: #596773;
}
article.homepage {
  padding: 50px 30px;
}
@media (max-width: 768px) {
  article.homepage {
    padding: 30px;
  }
}
article.homepage.blog {
  position: relative;
}
article.homepage h1,
.carousel-item h2 {
  text-align: center;
  font-weight: 800;
  color: #fff;
  font-size: 40px;
  word-wrap: break-word;
}
article.homepage.blog h1 {
  position: absolute;
  left: 0;
  bottom: 0;
  color: #414f5c;
  background: #fff;
  text-transform: uppercase;
  padding: 1rem;
  margin: 0;
  font-size: 32px;
}
article.detailHeader h1 {
  font-size: 34px;
}
article.homepage p,
.carousel-item p {
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
}
article.zbozi {
  padding-top: 50px;
  padding-bottom: 50px;
}
article.homeZbozi {
  border-top: 0;
}
article.zbozi h2 {
  font-size: 24px;
  margin-top: 0;
}
article.staticPage {
  background: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}
article.staticTypo h2,
article.staticTypo h3 {
  color: #262f38;
}
.staticPage p,
.staticPage ol,
.staticPage ul {
  font-size: 16px;
}
footer {
  background: #262F38;
  padding: 10px;
}
footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
footer ul li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
footer ul li a {
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.3s;
}
footer ul li a:hover {
  color: #ffffff;
}
.copyright {
  text-align: center;
  padding: 10px;
  color: #ffffff;
  background: #0D1B29;
}
/* slideshow via css3 animations */
.slideshow {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.slideshow li span {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0;
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -webkit-animation: imageAnimation 18s linear infinite 0s;
  -moz-animation: imageAnimation 18s linear infinite 0s;
  -o-animation: imageAnimation 18s linear infinite 0s;
  -ms-animation: imageAnimation 18s linear infinite 0s;
  animation: imageAnimation 18s linear infinite 0s;
}
.slideshow li:nth-child(2) span {
  -webkit-animation-delay: 6s;
  -moz-animation-delay: 6s;
  -o-animation-delay: 6s;
  -ms-animation-delay: 6s;
  animation-delay: 6s;
}
.slideshow li:nth-child(3) span {
  -webkit-animation-delay: 12s;
  -moz-animation-delay: 12s;
  -o-animation-delay: 12s;
  -ms-animation-delay: 12s;
  animation-delay: 12s;
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes imageAnimation {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes imageAnimation {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes imageAnimation {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes imageAnimation {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  34% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/* Show at least something when animations not supported */
.no-cssanimations .slideshow li span {
  opacity: 1;
}
.slideshow li:nth-child(1) span {
  background-image: url(../img/bg1.jpg);
}
.slideshow li:nth-child(2) span {
  background-image: -webkit-linear-gradient(360deg, rgba(0, 0, 0, 0) 60.23809524%, rgba(0, 0, 0, 0.5) 100%), url('../img/slide3.jpg');
  background-image: linear-gradient(360deg, rgba(0, 0, 0, 0) 60.23809524%, rgba(0, 0, 0, 0.5) 100%), url('../img/slide3.jpg');
}
.slideshow li:nth-child(3) span {
  background-image: -webkit-linear-gradient(360deg, rgba(0, 0, 0, 0) 60.23809524%, rgba(0, 0, 0, 0.5) 100%), url('../img/slide4.jpg');
  background-image: linear-gradient(360deg, rgba(0, 0, 0, 0) 60.23809524%, rgba(0, 0, 0, 0.5) 100%), url('../img/slide4.jpg');
}
.navigace-item {
  float: left;
  width: 16.66666667%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}
.navigace-item:last-child {
  border-right: 0;
}
.navigace-item a {
  display: block;
  padding: 10px 25px;
}
.navigace-item a span {
  display: block;
}
.submenu {
  background: #fff;
  overflow: auto;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 50;
  padding: 10px 25px;
  visibility: hidden;
  border-bottom: 3px solid #5C6A78;
  box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.2);
}
.submenu a {
  background: transparent;
  color: #5c6a78 !important;
  font-size: 14px;
  padding: 5px 10px !important;
  font-weight: normal;
}
.submenu a:hover {
  color: #414F5C;
}
/*.leftmenu h3 {
    margin-top: 13px;
    margin-bottom: 16px;
}*/
.leftmenu a:not(.btn) {
  color: #414F5C;
}
.filtry {
  background: #D4D6D9;
  padding: 10px 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .filtry .form-group {
    padding-right: 5px;
    padding-bottom: 5px;
  }
  .filtry .form-control {
    padding-left: 3px;
    padding-right: 3px;
    padding-top: 4px;
  }
  /*.filtry label {
	width: 60px;
	text-align: right;
    } */
  .filtry .checkbox label {
    width: auto;
    text-align: left;
    margin-right: 10px;
  }
  .filtry .checkbox input[type="checkbox"] {
    margin-right: 5px;
  }
}
.filtry hr {
  margin: 10px 0;
}
.leftmenu ul {
  list-style: none;
  padding-left: 0;
  background: #D4D6D9;
}
.leftmenu ul li {
  border-bottom: 1px solid #fff;
}
.leftmenu ul li a {
  color: #414F5C;
  border-left: 3px solid #262f38;
  transition: all 0.3s;
  padding: 5px 10px;
  display: block;
}
.leftmenu ul li a:hover {
  border-left: 10px solid #262f38;
  text-decoration: none;
  color: #fff;
  background: #7A8590;
}
.leftmenu ul li.active a {
  border-left: 10px solid #55A355;
  background: #7A8590;
  color: #fff;
}
.pager li > a,
.pager li > span {
  border-radius: 0;
  background: #D4D6D9;
  color: #414F5C;
  border: 0;
}
.pager li > a:hover {
  background: #7A8590;
  color: #fff;
}
.pager {
  border-top: 1px solid #f0f0f0;
  padding-top: 10px;
}
.breadcrumb {
  background: #f0f0f0;
  border-radius: 0;
}
.breadcrumb > .active {
  color: #333;
}
.breadcrumb > li + li::before {
  content: "/ ";
  color: #aaa;
}
.parametry {
  border-top: 3px solid #7a8590;
}
.parametry td {
  width: 25%;
}
.parametry td:nth-child(1),
.parametry td:nth-child(3) {
  color: #777;
}
/* nav pills FILTRY */
.nav-filtr {
  background: #7a8590;
}
.nav-filtr > li > a {
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}
.nav-filtr > li > a:hover,
.nav-filtr > li > a:focus,
.nav-filtr .open a {
  color: #262f38;
}
.nav-filtr > li {
  border-right: 1px solid #aaa;
}
.nav-filtr > li:last-child {
  border-right: 0;
}
.nav-filtr .dropdown-menu {
  width: 100%;
  margin-top: 0px;
  border-radius: 0px;
  border: 0px none;
}
/* nav pills AKCE */
.nav-akce {
  background: #5c6a78;
  clear: both;
}
.nav-akce > li > a {
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  overflow: hidden;
}
.nav-akce > li > a:hover,
.nav-akce > li > a:focus,
.nav-akce .open a {
  color: #262f38;
}
.nav-akce > li.active > a,
.nav-akce > li.active > a:focus,
.nav-akce > li.active > a:hover {
  /*background-color: #55A355;
    color: #fff;*/
  background: transparent;
  color: #55A355;
}
.nav-akce > li > a img {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 10px;
}
/* nav pills HLAVNI */
.nav-main {
  background: #262f38;
  display: flex;
  flex-wrap: wrap;
}
.nav-main > li > a {
  border-radius: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 10px;
}
.nav-main > li > a:hover,
.nav-main > li > a:focus,
.nav-main .open a {
  color: #262f38;
}
.nav-main > li {
  /*border-right: 1px solid #aaa;*/
  display: block;
  width: 33%;
}
@media (max-width: 768px) {
  .nav-main > li,
  .nav-filtr > li {
    border-right: none;
  }
}
.nav-main > li:last-child {
  border-right: 0;
}
.nav-main .dropdown-menu {
  min-width: 100%;
  margin-top: 0px;
  border-radius: 0px;
  border: 0px none;
}
.nav-main .dropdown-menu > li > a {
  white-space: normal;
  line-height: 1.3em;
  padding-bottom: 5px;
}
.nav-main > li.active > a,
.nav-main > li.active > a:focus,
.nav-main > li.active > a:hover {
  background: transparent;
  color: #55a355;
}
.fullBackground li {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
}
.popis-kategorie {
  background: #eee;
  padding: 10px 20px;
  margin-bottom: 20px;
  border-left: 3px solid #414f5c;
}
.zbozi h3 {
  margin-top: 5px;
  margin-bottom: 15px;
}
.homeAside {
  background: #5c6a78;
  padding: 20px 20px 15px;
  color: #fff;
}
.homeAside a:not(.btn) {
  color: #fff;
  text-decoration: underline;
}
.homeAside a:not(.btn):hover,
.homeAside a:not(.btn):focus {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: underline;
}
.homeAside h3 {
  color: #262f38;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: 700;
}
.homeAside p,
.homeAside li {
  font-size: 16px;
}
.homeAside li {
  list-style: square;
}
.zbozi-item {
  border: 1px solid #f0f0f0;
  display: block;
  padding: 10px;
  text-align: center;
  color: #777;
  margin-bottom: 20px;
}
.zbozi-item.akce {
  background: url(../img/akce_new.svg) no-repeat right bottom;
  background-size: 40px 40px;
}
.zbozi-item.doprodej {
  background: url(../img/doprodej.svg) no-repeat right bottom;
  background-size: 40px 40px;
}
.zbozi-item.doprodano {
  background: url(../img/doprodano.svg) no-repeat right bottom;
  background-size: 40px 40px;
}
.zbozi-item .frame {
  height: 160px;
  width: 160px;
  white-space: nowrap;
  text-align: center;
}
.zbozi-item .helper {
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.zbozi-item a img {
  vertical-align: middle;
  /*max-height: 160px;
    max-width: 160px;*/
  transform: scale(1);
  transition: all 0.3s;
  position: relative;
}
.zbozi-item a:hover img {
  transform: scale(1.1) translateY(-3px);
}
.zbozi-item.variant2 .frame {
  width: 211px;
  margin: auto;
}
.zbozi-item.variant2 a img {
  max-width: 210px;
}
@media (max-width: 767px) {
  .zbozi-item .frame {
    height: auto;
    width: auto;
  }
  /*.zbozi-item a img {
			 max-height: 200px;
			 max-width: 100%;
	 } */
  .zbozi-item.variant2 .frame {
    height: auto;
    width: auto;
  }
  .zbozi-item.variant2 a img {
    max-height: 200px;
    max-width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .zbozi-item .frame {
    height: 185px;
    width: 185px;
  }
  /*.zbozi-item a img {
			 max-height: 185px;
			 max-width: 185px;
	 }*/
  .zbozi-item.variant2 .frame {
    width: 185px;
  }
  .zbozi-item.variant2 a img {
    max-width: 185px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .zbozi-item .frame {
    height: 122px;
    width: 122px;
  }
  /*.zbozi-item a img {
			 max-height: 122px;
			 max-width: 122px;
	 }*/
  .zbozi-item.variant2 .frame {
    width: 180px;
  }
  .zbozi-item.variant2 a img {
    max-width: 180px;
  }
}
@media (min-width: 1200px) {
  .zbozi-item a img {
    max-height: 180px;
  }
}
.zbozi-name {
  display: block;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #55a355;
  font-family: "Barlow Semi Condensed", sans-serif;
}
.zbozi-name:hover,
.zbozi-name:focus {
  color: #448144;
}
.kolekce-item {
  border: 1px solid #f0f0f0;
  display: block;
  position: relative;
  margin-bottom: 20px;
}
.kolekce-item img {
  max-width: 100%;
  height: auto;
}
.kolekce-item a {
  position: absolute;
  display: block;
  color: #fff;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 10px 20px;
  background: rgba(0, 0, 0, 0.5);
}
.kolekce-all {
  display: block;
  background: #55A355;
  text-align: center;
  border: 1px solid #99AC2B;
  line-height: 180px;
}
.btn-komplet {
  background: #55a355;
  border: 1px solid #55a355;
  color: #fff;
  border-radius: 0;
  text-decoration: none;
  padding: 0.375rem 1rem;
}
.btn-komplet:hover,
.btn-komplet:focus {
  background: #448144;
  border: 1px solid #448144;
  color: #fff;
}
.btn-outline-komplet {
  background: transparent;
  border: 1px solid #55a355;
  color: #55a355;
  border-radius: 0;
  text-decoration: none;
  padding: 0.375rem 1rem;
}
.btn-outline-komplet:hover,
.btn-outline-komplet:focus {
  background: #448144;
  border: 1px solid #448144;
  color: #fff;
}
@media (max-width: 767px) {
  .kolekce-all {
    line-height: 100px;
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .kolekce-all {
    line-height: 145px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .kolekce-all {
    line-height: 142px;
  }
}
.kolekce-all a {
  color: #fff;
}
.skladem {
  display: inline-block;
  background: #78a378;
  padding: 2px 8px;
  color: #fff;
  margin-bottom: 3px;
}
.skladem strong {
  color: #fff;
}
.neni-skladem {
  display: inline-block;
  margin-bottom: 3px;
}
.poradime-box {
  padding: 8px 12px;
  background: #f0f0f0;
  margin-top: 1rem;
}
.poradime-box strong {
  display: block;
  padding-bottom: 3px;
  margin-bottom: 5px;
  border-bottom: 1px solid #fff;
}
.poradime-box .poznamka {
  margin-top: 1rem;
  border-top: 1px solid #fff;
  padding-top: 1rem;
}
.poradime-box .poznamka strong {
  border: 0;
  display: inline;
  margin: 0;
  padding: 0;
}
.poradime-box .fa {
  color: #999;
}
.wizard-kosik {
  margin-bottom: 32px;
}
.wizard-kosik a {
  display: block;
  background: #f9f9f9;
  padding: 10px 15px;
  margin-bottom: 2px;
  border: 1px solid #bbc0c0;
  color: #55a355;
}
.wizard-kosik a:hover {
  color: #55A355;
  text-decoration: none;
  background: #fff;
  border-color: #55a355;
}
.wizard-kosik a .badge {
  font-size: 16px;
  margin-right: 5px;
  background: #828C8D;
  color: #fff;
}
.wizard-kosik a:hover .badge {
  font-size: 16px;
  margin-right: 5px;
  background: #55a355;
}
.wizard-kosik a.active {
  background: #55A355;
  color: #fff !important;
  border: 1px solid #55A355;
}
.wizard-kosik a.active .badge {
  background: #fff;
  color: #828C8D;
}
.kosik-vypis .cena_celkem {
  font-size: 20px;
}
.kosik-vypis strong {
  font-weight: 600;
}
table.kosik-vypis > thead > tr > th,
table.kosik-vypis > tfoot > tr > td {
  border-color: #bbc0c0;
}
table.kosik-vypis > tbody > tr > td,
.udaje table > tbody > tr > td {
  border-color: #ccc;
}
.staticPage a:not(.btn),
.kosik-vypis a,
.breadcrumb-item a,
.poradime-box a:not(.btn),
.col-detail-zbozi a:not(.btn),
a.link-green {
  color: #55a355;
}
.staticPage a:hover:not(.btn),
.kosik-vypis a:hover,
.staticPage a:focus:not(.btn),
.kosik-vypis a:focus,
.breadcrumb-item a:hover,
.breadcrumb-item a:focus,
.poradime-box a:hover:not(.btn),
.poradime-box a:focus:not(.btn),
a.link-green:hover,
a.link-green:focus {
  color: #326032;
}
.btn-refresh {
  color: #337ab7;
  background: transparent;
  border: 0;
}
.objFoot {
  margin-bottom: 20px;
}
.objFoot .btn {
  /*font-size: 16px;*/
  border-radius: 0;
}
@media (max-width: 767px) {
  .objFoot a,
  .objFoot button {
    width: 100%;
  }
}
article.zbozi .btn {
  border-radius: 0;
  font-family: "Barlow Semi Condensed", sans-serif;
}
ul.square li {
  list-style-type: square;
}
#toTop {
  background: #55A355;
  bottom: 26px;
  display: none;
  overflow: hidden;
  position: fixed;
  right: 50%;
  z-index: 999;
  padding: 8px 12px;
  color: #fff;
  font-size: 16px;
  margin-right: -640px !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  #toTop {
    margin-right: -530px !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #toTop {
    margin-right: -420px !important;
  }
}
#toTop:hover {
  background: #5c6a78;
}
#toTop:active,
#toTop:focus {
  outline: medium none;
}
.popis-akce {
  padding: 20px;
  color: #fff;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.akce-sekce {
  text-align: center;
}
.popis-akce h3,
.akce-sekce h3 {
  margin-bottom: 8px;
  font-weight: 700;
  color: #262f38;
}
.akce-sekce h3 + p {
  margin-bottom: 20px;
}
.akce-zbozi-big-part,
.akce-zbozi-small-part {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color: #fff;
  position: relative;
  margin-bottom: 1px;
}
.akce-zbozi-big-part h4 {
  position: absolute;
  left: 30px;
  bottom: 20px;
  font-weight: 700;
  font-size: 22px;
}
.akce-zbozi-big-part h4 a {
  color: #fff;
}
.akce-popis-zbozi {
  position: absolute;
  left: 20px;
  right: 20px;
  top: 20px;
  display: block;
  text-align: center;
  font-size: 17px;
}
.akce-cena {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  display: block;
  text-align: center;
}
.akce-cena b {
  font-weight: 700;
  font-size: 20px;
}
.akce-cena a {
  display: inline-block;
  padding: 5px 12px;
  background: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}
.akce-cena a:hover,
.akce-cena a:focus {
  background: #55A355;
  color: #fff !important;
  text-decoration: none;
}
.opacBackground {
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.slevaBox {
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px 15px;
  margin-bottom: 15px;
}
.slevaBox h2 {
  margin: 0;
  font-weight: 700;
  color: #262F38;
}
.leftmenu .slevaBox {
  background-color: #7a8590;
}
.leftmenu .slevaBox h3 {
  margin: 0;
  font-weight: 700;
  color: #262F38;
}
.leftmenu .slevaBox p {
  color: #fff;
  margin-bottom: 0;
}
.modal-title {
  font-size: 28px;
  font-weight: 800;
  color: #262f38;
}
.modal-title span {
  color: #5c6a78;
}
.modal-content {
  border-radius: 0;
}
.modal-content .akce1,
.modal-content .akce2,
.modal-content .akce3 {
  padding: 40px 20px;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  display: block;
  text-align: center;
  border-bottom: 1px solid #fff;
}
.modal-content .akce1 {
  background: url(../akce/popup/1.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.modal-content .akce2 {
  background: url(../akce/popup/2.jpg) no-repeat 50% 50%;
  background-size: cover;
}
.modal-content .akce3 {
  background: url(../akce/popup/3.jpg) no-repeat 50% 50%;
  background-size: cover;
  color: #42413e;
  margin-bottom: 10px;
}
.nav-akce-alter {
  display: table;
  width: 100%;
}
.nav-akce-alter > div {
  display: table-cell;
  vertical-align: bottom;
  width: 25%;
  background: #5c6a78;
  border-left: 1px solid #aaa;
  background-size: cover;
  background-position: 50% 50%;
}
.nav-akce-5 > div {
  width: 20%;
}
.nav-akce-alter > div:first-child {
  border-left: 0;
}
.nav-akce-alter > div > a {
  display: block;
  height: 250px;
  text-align: center;
  position: relative;
}
.nav-akce-5 > div > a {
  height: 200px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav-akce-alter > div > a {
    height: 180px;
  }
}
.nav-akce-alter > div > a > span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 10px 15px;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  transition: all 0.3s;
  font-weight: 700;
  border-bottom: 0;
  font-size: 16px;
}
.nav-akce-alter > div > a:hover > span {
  padding-bottom: 20px;
  background: rgba(0, 0, 0, 0.8);
}
.nav-akce-alter > div > a.active > span {
  color: #55A355;
}
@media (min-width: 768px) and (max-width: 991px) {
  .nav-akce-alter > div > a > span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .nav-akce-alter,
  .nav-akce-alter > div,
  .nav-akce-5 > div {
    display: block;
    width: 100%;
  }
}
label.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
/*.modal-body {
    background: #efe1bc url(../images/pf-bg.png) no-repeat 0 0;  
}*/
.telefon-group .help-block {
  display: none;
}
.has-error .help-block {
  display: block;
}
.temp-foto {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.temp-foto a img {
  margin-bottom: 1rem;
  height: 95px;
}
.has-error label::after {
  content: "* Povinný údaj";
  color: #c00;
  margin-left: 1rem;
}
.modal-body.pf2017 {
  background-image: url("../images/pf2017.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 292px;
  text-align: center;
  font-size: 18px;
}
.modal-body.leto2017 {
  background-image: url("../images/leto2017.jpg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  padding-top: 420px;
  text-align: center;
  font-size: 18px;
}
.varianty-container {
  display: flex;
  flex-wrap: wrap;
}
.btn-varianta {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* redesign october 2017 */
body {
  background: #fff;
}
article.homepage p,
.carousel-item p {
  font-size: 18px;
}
.navtop ul li {
  border-color: #eee;
}
.navtop ul li a {
  font-size: 14px;
  letter-spacing: 1px;
  padding-left: 5px;
  padding-right: 5px;
}
.footer h4 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 0;
  color: #fff;
}
.footer hr {
  border-color: #ccc;
  border-style: dotted;
}
.footer .list-unstyled {
  color: rgba(255, 255, 255, 0.8);
}
.footer .list-unstyled li a {
  padding: 2px 2px 2px 0;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.8);
  display: inline-block;
}
.footer .list-unstyled li a:hover,
.footer .list-unstyled li a:focus {
  color: #fff;
}
.footer .fa {
  margin-right: 5px;
  color: #fff;
}
.footer .form-control {
  background: transparent;
  box-shadow: none;
}
.footer .form-control:focus {
  background: #fff;
}
.footer-h4-second {
  margin-top: 3rem;
}
.footer p,
.footer label {
  color: #fff;
}
.img-footer {
  width: 180px;
  margin-bottom: 40px;
}
.footer-brand span {
  color: #262F38;
  font-size: 40px;
  font-weight: 800;
  line-height: 1;
}
.footer-brand img {
  display: inline;
  height: 26px;
  margin-bottom: 20px;
  margin-left: 3px;
  margin-right: 3px;
  width: 26px;
}
.footer .btn-primary {
  padding: 12px 35px;
  letter-spacing: 2px;
  font-weight: 700;
  text-transform: uppercase;
  background-color: #55A355;
  border-color: #55A355;
}
.footer-nav {
  margin: 50px 0 0;
  padding: 0;
  list-style: none;
  text-align: center;
}
.footer-nav li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.footer-nav a {
  color: rgba(255, 255, 255, 0.5);
  transition: color 0.3s;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.footer-nav a:hover {
  color: #ffffff;
}
@media (max-width: 767px) {
  article.homepage h1 {
    font-size: 22px;
    margin: 10px;
  }
  article.zbozi {
    padding-top: 20px;
  }
  .galerie {
    margin-bottom: 15px;
  }
}
.navtop ul li a .fa {
  font-size: 1.5rem;
}
.layout-new header {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.leftmenu2 ul {
  list-style: none;
  padding-left: 0;
  background: #D4D6D9;
  border-top: 1px solid #fff;
}
.leftmenu2 > ul > li > a {
  font-size: 16px;
  font-weight: 500;
}
.leftmenu2 > ul > li {
  border-bottom: 1px solid #fff;
}
.leftmenu2 > ul > li > a {
  color: #414F5C;
  border-left: 0;
  padding: 5px 10px;
  display: block;
}
.leftmenu2 > ul > li > a:hover,
.leftmenu2 > ul > li > a:focus {
  border-left: 0;
  text-decoration: none;
  background: #244127;
  color: #fff;
}
.leftmenu2 > ul > li.active > a {
  border-left: 0;
  background: #55A355;
  color: #fff;
}
.leftmenu2 > ul > li > ul > li:not(:last-child) {
  border-bottom: 1px solid #fff;
}
.leftmenu2 > ul > li > ul > li > a {
  display: block;
  padding: 5px 10px 5px 25px;
  font-size: 14px;
  background: #eee;
  transition: all 0.3s;
  color: #5d7960;
}
.leftmenu2 > ul > li > ul > li > a:hover,
.leftmenu2 > ul > li > ul > li > a:focus {
  text-decoration: none;
  background: #d4d6d9;
  color: #414F5C;
}
.leftmenu2 > ul > li > ul > li.active > a {
  background: #8ece8e;
  color: #fff;
}
.list-podkategorii {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2rem;
  justify-content: space-between;
}
.list-podkategorii > a {
  width: 19%;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  margin-bottom: 10px;
  align-items: center;
  background: #eee;
  transition: all 0.3s;
}
.list-podkategorii > a:hover,
.list-podkategorii > a:focus {
  text-decoration: none;
  background: #d4d6d9;
  color: #414F5C;
}
.list-podkategorii > a.active {
  background: #55a355;
  color: #fff;
}
h1 .podkategorie {
  font-size: 20px;
}
.sekce-link {
  display: block;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  color: #414F5C;
  background: #D4D6D9;
  padding: 8px;
}
.sekce-link.active {
  color: #fff;
  background: #55a355;
}
.sekce-link:hover,
.sekce-link:focus {
  text-decoration: none;
  background: #dfe1e4;
  color: #204352;
}
.sekce-nav {
  display: flex;
}
article.zbozi {
  padding-top: 0;
}
.basket,
.vzorek {
  display: flex;
  height: auto;
  background: #5d7960;
  color: #fff;
  height: 38px;
  line-height: 38px;
  align-items: center;
  margin-left: 8px;
}
.vzorek {
  background: #5c6a78;
}
.basket:hover,
.basket:focus {
  text-decoration: none;
  color: #fff;
  background: #244127;
}
.basket > span,
.vzorek > span {
  padding: 0 8px;
}
.basket > .pocet-polozek,
.basket > .cena-kosiku {
  background: #78a378;
  white-space: nowrap;
}
.basket:hover > .pocet-polozek,
.basket:hover > .cena-kosiku {
  background: #3b713b;
}
.vzorek .pocet-polozek {
  background: #7a8590;
}
.vzorek:hover,
.vzorek:focus {
  text-decoration: none;
  color: #fff;
  background: #3b444d;
}
.vzorek:hover .pocet-polozek {
  background: #565f67;
}
.barva {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  margin-bottom: -3px;
}
.filtr {
  margin-bottom: 2rem;
}
.popis-sekce {
  display: flex;
  align-items: flex-start;
}
.popis-sekce > div {
  flex-grow: 1;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.popis-sekce > div > p {
  display: none;
}
.popis-sekce > div > p:first-child {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}
.popis-sekce ul {
  display: none;
}
.popis-sekce.open > div,
.popis-sekce.open > div > p {
  overflow: visible;
  white-space: normal;
  display: block;
}
.popis-sekce.open ul {
  display: block;
}
.leftmenu2 .slevaBox {
  background: #7a8590;
  margin-top: 2rem;
}
.leftmenu2 .slevaBox h3 {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 0.125rem;
  margin-top: 0;
  color: #262F38;
}
.leftmenu2 .slevaBox p {
  color: #fff;
  font-family: "Barlow Semi Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0.25rem;
}
.leftmenu2 .slevaBox small {
  display: block;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 0.25rem;
}
.mohloBox {
  background: #d4d6d9;
  padding: 20px 15px;
  text-align: center;
}
.slevaBox,
.mohloBox {
  margin-bottom: 2rem;
}
.mohloBox h3 {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  margin-top: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .leftmenu2 .slevaBox h3,
  .mohloBox h3 {
    font-size: 1.25rem;
  }
  .leftmenu2 .slevaBox,
  .mohloBox {
    padding: 8px 10px;
  }
}
.mohloBox ul {
  border: 0;
  background: transparent;
  list-style: square;
  padding-left: 1.5rem;
  padding-right: 0.5rem;
}
.mohloBox ul li {
  text-align: left;
  margin-bottom: 5px;
}
.d-filtry {
  flex-wrap: wrap;
  align-items: center;
}
.d-filtry > div {
  margin-right: 1px;
  margin-bottom: 1px;
}
.d-filtry .custom-control {
  background: #f8f9fa;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 2.5rem;
  padding-right: 1rem;
  color: #212529;
}
.d-filtry .custom-control:hover {
  background: #e2e6ea;
}
.dropdown-menu-columns {
  columns: 2;
}
.tab-pane p {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #dee2e6;
}
.tab-pane p:hover {
  background-color: #f0f0f0;
}
.tab-pane img {
  width: 2.5rem;
  height: auto;
  margin-right: 1rem;
}
.tab-pane .zbozi-name {
  margin-right: 1rem;
}
.tab-pane .cena {
  flex-grow: 1;
  text-align: right;
  color: #262F38;
}
.tab-pane strong {
  font-weight: normal;
  color: #777;
}
.tab-pane .row-skladem {
  font-weight: normal;
  color: #55a355;
  width: 100px;
  text-align: right;
}
.tab-pane p:nth-child(5) {
  border-bottom: 0;
}
.tab-pane p:nth-child(n+6) {
  display: none;
}
.tab-pane.open-all p:nth-child(n+6) {
  display: flex;
}
.tab-pane.open-all p:nth-child(5) {
  border-bottom: 1px solid #dee2e6;
}
.tab-pane p:last-of-type {
  border-bottom: 0;
}
.show-all {
  margin-top: 0.5rem;
}
.zbozi-item strong {
  font-weight: normal;
  font-size: 0.875rem;
  color: #777;
}
.zbozi-item {
  color: #262F38;
}
.zbozi-item .frame {
  margin-bottom: 8px;
}
.nav-tabs .nav-link {
  color: #55a355;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  color: #244127;
}
.container-list {
  margin-top: 2rem;
}
.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}
.cube1,
.cube2 {
  background-color: #333;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}
.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.form-obj label,
.custom-control b {
  font-weight: 600;
  color: #0D1B29;
}
legend {
  color: #0D1B29;
  margin-top: 40px;
}
legend:first-child {
  margin-top: 0;
}
.form-obj label.custom-control-label {
  font-weight: 400;
}
.toggleMenu {
  display: none;
}
.carousel-item {
  height: 50vh;
}
@media (min-width: 768px) and (max-width: 1300px) {
  .carousel-item {
    height: 55vh;
  }
  .carousel-item h1 {
    font-size: 40px;
  }
  .carousel-item p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  header {
    padding-left: 0;
    padding-right: 0;
    min-height: 0;
  }
  .toggleMenu {
    display: block;
    float: right;
    font-size: 1.5rem;
    color: #55a355;
  }
  .toggleMenu:hover,
  .toggleMenu:focus {
    color: #5d7960;
  }
  .navtop {
    display: none;
  }
  .navtop ul {
    display: flex;
    flex-direction: column;
  }
  .navtop ul li {
    display: block;
    text-align: center;
  }
  .navtop ul li a {
    font-size: 1rem;
    display: block;
    padding: 0.5rem;
  }
  .navtop ul li:last-child {
    padding-right: 10px;
  }
  .hledat-form .form-control {
    width: 75%;
  }
  .carousel-item h1 {
    font-size: 2rem;
  }
  .carousel-item p {
    font-size: 0.875rem;
  }
  .carousel-item {
    height: 70vh;
  }
  .tab-pane strong {
    display: none;
  }
  .leftmenu2 .slevaBox,
  .mohloBox {
    display: none;
  }
  .vzorek .pocet-polozek {
    display: none;
  }
}
.clanek-item {
  margin-bottom: 2rem;
  background: #f0f0f0;
  padding-right: 1rem;
}
.clanek-item h2 {
  margin-top: 1.5rem;
  font-weight: 400;
}
.clanek-item h2 a {
  font-size: 26px;
}
.clanek-item .datum {
  color: #777;
  font-size: 1.125rem;
}
.clanek-item p {
  font-size: 1rem;
}
@media (max-width: 767px) {
  .clanek-item {
    padding: 0;
  }
  .clanek-item h2 {
    margin: 0;
    padding: 1rem;
  }
  .clanek-item p {
    margin: 0;
    padding: 1rem;
  }
  .clanek-item .datum {
    padding: 0 1rem 1rem;
  }
}
.social-buttons .btn-primary {
  padding: 5px 8px;
  border-color: transparent;
  margin-bottom: 2px;
}
.btn-facebook {
  background-color: #3B5998;
}
.btn-facebook:hover {
  background-color: #2d4373;
}
.btn-twitter {
  background-color: #4AB3F4;
}
.btn-twitter:hover {
  background-color: #1a9ff1;
}
.kolekce-grid {
  padding-bottom: 60px;
  margin-left: 0;
  margin-right: 0;
}
.kolekce-grid .kolekce-grid-item {
  padding-right: 2px;
  padding-left: 2px;
  padding-bottom: 4px;
}
.kolekce-grid-item a {
  position: relative;
  overflow: hidden;
  display: block;
  background: #060606;
  height: 300px;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .kolekce-grid-item a {
    height: 310px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .kolekce-grid-item a {
    height: 240px;
  }
}
@media (max-width: 767px) {
  .kolekce-grid-item a {
    height: 240px;
  }
}
.kolekce-grid-item a img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
  opacity: 0.8;
  object-fit: cover;
}
.kolekce-dlazby a img {
  width: 100%;
  height: auto;
}
.kolekce-grid-item a:hover img {
  opacity: 0.3;
  transform: scale(1.1);
}
.kolekce-grid-item a .hover {
  display: flex;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  bottom: 0;
  color: #fff;
  justify-content: center;
  flex-direction: column;
}
.kolekce-grid-item a .hover h1,
.kolekce-grid-item a .hover h2 {
  text-align: center;
  font-size: 24px;
  text-transform: uppercase;
  padding: 10px 30px;
  font-weight: 700;
  color: #fff;
}
.kolekce-grid-item a .hover div {
  display: none;
  text-align: center;
  padding: 0 20px;
}
.kolekce-grid-item a:hover .hover div {
  display: block;
}
.kolekce-grid-item a:hover .hover div b,
.kolekce-grid-item a:hover .hover div strong {
  font-weight: normal;
}
.galerie {
  margin-bottom: 1rem;
}
.overeno {
  background-color: #fafafa;
  border-top: 1px solid #f5f5f5;
  min-height: 300px;
  position: relative;
  margin-top: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  z-index: 0;
  overflow: hidden;
}
.overeno::after {
  content: " ";
  display: block;
  width: 1330px;
  height: 740px;
  position: absolute;
  top: -120px;
  left: 50%;
  margin-left: -665px;
  z-index: -1;
  transform: rotate(-15deg);
  opacity: 0.04;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  background-repeat: no-repeat, no-repeat, no-repeat;
  background-position: 0 0,580px 40px,100% 100%;
  background-size: 460px,300px,470px;
  background-image: url(../img/heureka.svg), url(../img/heureka.svg), url(../img/heureka.svg);
}
.overeno a {
  color: #55a355;
}
.overeno a:hover {
  color: #3b713b;
}
.review {
  background: #fff;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  position: relative;
  padding-bottom: 30px;
}
.review::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin-left: -25px;
  margin-top: -25px;
  background: url(../img/heureka.svg) no-repeat;
}
.review blockquote {
  padding: 1rem;
}
.kosik-vypis td.mobile {
  display: none;
}
@media (max-width: 767px) {
  .kosik-vypis thead {
    display: none;
  }
  .kosik-vypis:not(.table-show) td {
    display: none;
  }
  .kosik-vypis td.mobile {
    display: table-cell;
  }
  .objFoot .btn {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
  }
  .mobile-container-img {
    display: flex;
    align-items: flex-start;
  }
  .mobile-container-img img {
    margin-right: 0.5rem;
  }
  .kosik-vypis td.mobile .form-group {
    margin-bottom: 0;
  }
  .mobile-container-form {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .mobile-container-form .btn {
    border-radius: 0.25rem;
  }
  .text-sm-center {
    text-align: center;
  }
}
.cc_container {
  padding: 12px 30px 12px !important;
  background: rgba(0, 0, 0, 0.7) !important;
  font-family: "Barlow Semi Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.cc_message,
.cc_container .cc_btn {
  font-size: 14px !important;
}
.h1-homepage {
  position: absolute;
  padding: 1rem;
  color: #ffffff;
}
.blog-page {
  background: #f2f2f2;
}
.kolekce-detail-header {
  min-height: 520px;
  position: relative;
  background-position: center center;
  background-size: cover;
}
.kolekce-detail-header-headings {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #ffffff;
  padding: 30px;
  padding-bottom: 10px;
}
.kolekce-detail-header-headings h1 {
  margin: 0;
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
  color: #262f38;
}
.blog-detail-container {
  padding: 0 2rem 2rem 2rem;
}
.blog-detail-right {
  padding: 0 2rem 2rem 2rem;
}
.karta {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  display: flex;
  margin: 40px 0;
}
.karta img {
  width: 240px;
  height: 240px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .karta {
    flex-direction: column;
  }
  .karta img {
    width: 100%;
  }
}
.karta-text {
  padding: 2rem;
  color: #596773;
}
.karta-text h2 {
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  color: #333333;
  margin-top: 0;
  margin-bottom: 1rem;
}
.karta .cena {
  font-size: 22px;
  color: #333333;
  font-weight: 800;
  margin-bottom: 1.25rem;
}
article h2,
article h3,
article h4 {
  color: #262f38;
}
.close {
  font-size: 2rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #55a355;
  background-color: #55a355;
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(85, 163, 85, 0.5);
}
.main-nav-container {
  background: #D4D6D9;
}
.mobile-link-hledat,
.mobile-link-kosik,
.mobile-link-vzorky {
  position: relative;
  height: 28px;
  margin-left: 8px;
}
.mobile-link-menu img,
.mobile-link-hledat img,
.mobile-link-kosik img,
.mobile-link-vzorky img,
.form-mobile-close img {
  width: 28px;
}
.mobile-link-kosik span,
.mobile-link-vzorky span {
  width: 20px;
  height: 20px;
  color: #fff;
  display: block;
  background-color: red;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  position: absolute;
  top: -5px;
  right: -8px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
.mobile-link-vzorky span {
  background-color: #4cd137;
}
.mobile-link-menu,
.mobile-link-hledat,
.mobile-link-kosik,
.mobile-link-vzorky,
.hledat-form-mobile {
  display: none;
}
@media (max-width: 767px) {
  .hide-mobile {
    display: none;
  }
  .mobile-link-menu,
  .mobile-link-hledat,
  .mobile-link-kosik,
  .mobile-link-vzorky {
    display: block;
  }
  .sekce-link {
    font-size: 16px;
  }
  .mobile-menu-flex {
    display: flex;
    align-items: center;
  }
  .logo {
    line-height: 20px;
    background-size: auto 100%;
    background-position: 0 0;
    margin-top: 0;
    margin-bottom: 0;
    flex-grow: 1;
    margin-left: 1rem;
  }
  header {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 11;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  }
  .main-nav-container {
    margin-top: 56px;
  }
  .hledat-form-mobile.open {
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    padding: 8px;
    background: #fff;
  }
  .hledat-form-mobile.open form {
    display: flex;
    align-items: center;
  }
  .hledat-form-mobile.open .btn {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .hledat-form-mobile.open .form-control {
    flex-grow: 1;
    flex-shrink: 0;
    width: auto;
  }
}
@media (max-width: 380px) {
  .sekce-link {
    font-size: 14px;
  }
}
.nav-mobile {
  display: none;
}
.nav-mobile .show-more-down svg {
  width: 1.25rem;
}
.nav-mobile .show-more-down {
  transition: transform 0.3s;
  transform: rotate(-90deg);
}
.nav-mobile .show-more-down.closed {
  transform: rotate(0deg);
}
.nav-mobile-container-section {
  display: none;
}
.nav-mobile-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem;
  cursor: pointer;
}
.nav-mobile-link-section {
  font-size: 20px;
  font-weight: 600;
  color: #204352;
}
a.nav-mobile-link-section:hover,
a.nav-mobile-link-section:focus {
  text-decoration: none;
  color: #3b713b;
}
.nav-mobile-container-section {
  padding: 1rem;
}
.nav-mobile hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.nav-mobile-link-other {
  display: block;
  padding: 0.4rem 0.5rem;
  color: #204352;
}
.nav-mobile-soc {
  padding: 0.4rem 0.5rem;
}
.nav-mobile-soc a {
  color: #204352;
  margin-right: 0.5rem;
}
.nav-mobile-soc a i {
  font-size: 1.5rem;
}
.nav-mobile-container-section a {
  display: block;
  color: #204352;
  padding-top: 4px;
  padding-bottom: 4px;
}
@media (max-width: 767px) {
  .nav-mobile {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    width: calc(100% - 4rem);
    transition: all 0.3s;
    background: #fff;
    z-index: 30;
    padding: 1rem;
    overflow: auto;
    margin-bottom: 0;
    display: block;
  }
  body.overflow-hidden .nav-mobile.open {
    left: 0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}
.fw-bold {
  font-weight: 600;
  color: #0D1B29;
}