@import url("https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab");
h1,
h2,
h3,
h4,
p,
div {
  margin: 0;
  padding: 0; }

button {
  outline: none !important; }

input[type="button"]:focus {
  outline: none !important; }

input[type="button"] {
  outline: none !important; }

form {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  display: block; }

.responsive {
  max-width: 100%; }

.div {
  box-sizing: border-box; }

.textLeft {
  text-align: left; }

.textRight {
  text-align: right; }

body {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #3f3a34;
  padding: 0;
  margin: 0; }

.ajaxResponse {
  width: 100%; }

.ajaxLoad {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 8888; }
  .ajaxLoad #ajaxLoad {
    position: fixed;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
    top: 250px; }
    .ajaxLoad #ajaxLoad img {
      width: 80px;
      opacity: 0.8; }

.cSvienty {
  color: #834680; }

.myLightbox img {
  width: 75px;
  height: 75px;
  cursor: pointer; }

.socialMedia {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: center; }
  .socialMedia .item {
    padding: 0 15px 15px 15px; }
    .socialMedia .item a {
      font-size: 50pt;
      color: #834680; }
      .socialMedia .item a:hover {
        color: #66c; }

footer {
  margin-top: 30px;
  padding: 7px;
  display: flex;
  flex-direction: row;
  font-size: 8pt; }
  footer .item {
    color: #834680;
    margin-right: 5px; }

main {
  width: 100%; }

article {
  width: 100%;
  padding: 0; }

section {
  text-align: center;
  padding: 15px 0; }

h3 {
  font-family: "Roboto Slab", serif;
  font-size: 16pt;
  margin: 10px 0; }

.bgWheat {
  background-color: wheat; }

.bgRed {
  background-color: #e23e3e; }

.bgGreen {
  background-color: #16db16; }

.h1-index {
  text-align: center;
  font-family: "Roboto Slab", serif;
  color: #834680;
  font-size: 55pt;
  font-weight: 400;
  margin: 10px auto 0px auto;
  background-color: #fffff4;
  width: 90%;
  border-radius: 10px;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
  /* text-shadow: 0px 2px 6px rgba(0,0,0,0.4) */ }

.h1-page {
  text-align: center;
  font-family: "Roboto Slab", serif;
  color: #3f3a34;
  font-size: 30pt;
  font-weight: 400;
  margin: 10px auto 35px auto; }

.h2-index {
  text-align: center;
  font-family: "Open Sans", sans-serif;
  color: #3f3a34;
  font-size: 20pt;
  font-weight: 400;
  margin: 20px 0 20px 0;
  color: #834680; }

.mamZajemContainer {
  text-align: center;
  font-family: "Roboto Slab", serif;
  padding: 10px;
  margin: 10px auto 0px auto;
  background-color: #fffff4;
  width: 90%;
  border-radius: 10px;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .mamZajemContainer button {
    background-color: #834680;
    color: #fffff4;
    border: none;
    padding: 8px 12px;
    font-size: 12pt;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 2px;
    margin-left: 10px; }
    .mamZajemContainer button .i {
      margin-right: 5px; }
    .mamZajemContainer button:hover {
      background-color: #66c; }
  .mamZajemContainer .h2-mamZajem {
    color: #834680;
    font-size: 20pt;
    font-weight: 400; }

.h2-index-section {
  font-size: 22pt;
  color: #834680;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 5px;
  text-align: center;
  font-weight: 400;
  margin-bottom: 5px;
  margin-top: 5px;
  font-family: "Roboto Slab", serif; }

.block-center {
  margin: auto;
  display: block; }

.sortiment {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 10px;
  box-sizing: border-box; }
  .sortiment a {
    text-decoration: none;
    color: inherit; }
  .sortiment .item {
    margin: 0.5%;
    padding: 1.5%;
    border-radius: 8px;
    width: 260px;
    box-sizing: border-box;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    height: 360px;
    cursor: pointer; }
    .sortiment .item p {
      margin-bottom: 10px;
      min-height: 85px; }
    .sortiment .item .price {
      font-weight: bold; }
    .sortiment .item .img {
      width: 100%;
      padding: 1%;
      height: 120px;
      background-color: #fff;
      border-radius: 5px; }
      .sortiment .item .img img {
        max-width: 100%;
        border-radius: 5px; }
    .sortiment .item h3 {
      letter-spacing: 4px; }
    .sortiment .item:hover {
      box-shadow: 0 1px 7px 0px #8f578c; }
      .sortiment .item:hover h3 {
        color: #834680; }
      .sortiment .item:hover p {
        color: #834680; }
  .sortiment .noclick {
    opacity: 0.8;
    cursor: initial;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3) !important; }
    .sortiment .noclick:hover h3 {
      color: #3f3a34; }
    .sortiment .noclick:hover p {
      color: #3f3a34; }

.pageForm {
  display: none;
  width: 80%;
  padding: 20px;
  margin: 10px auto 0px auto;
  background-color: #fffff4;
  border-radius: 10px;
  box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.1); }
  .pageForm .icon {
    font-size: 22pt;
    color: #834680;
    margin-bottom: 10px; }
  .pageForm .note {
    text-align: center;
    font-size: 14pt;
    color: #834680;
    max-width: 395px;
    margin: 0 auto 15px auto; }
  .pageForm #objForm {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .pageForm #objForm .sendPageForm {
      padding: 8px 12px;
      font-size: 14pt;
      background-color: #834680;
      color: #fffff4;
      margin-top: 15px;
      cursor: pointer;
      border: none;
      border-radius: 5px; }
      .pageForm #objForm .sendPageForm:hover {
        background-color: #66c; }
      .pageForm #objForm .sendPageForm .i {
        margin-right: 10px; }
    .pageForm #objForm .form-group {
      display: flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin: 3px 0; }
      .pageForm #objForm .form-group label {
        width: 80px;
        margin-right: 10px;
        display: inline-block;
        text-align: right; }
      .pageForm #objForm .form-group input {
        border: 1px solid #834680;
        padding: 4px;
        border-radius: 3px; }
      .pageForm #objForm .form-group textarea {
        border: 1px solid #834680;
        padding: 4px;
        border-radius: 3px;
        width: 90%;
        max-width: 400px; }

.media {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap; }
  .media .item {
    min-width: 180px;
    width: 15%;
    padding: 10px;
    margin: 5px;
    background-color: #efeeee;
    text-align: center;
    text-align: center;
    border-radius: 10px;
    color: #834680; }
    .media .item:hover {
      background-color: #66c;
      color: #fff !important; }
      .media .item:hover a {
        color: #fff; }
    .media .item h3 {
      font-size: 15pt; }
    .media .item a {
      color: #834680;
      text-decoration: none; }
      .media .item a .i {
        display: block;
        margin: 0 auto 5px auto;
        font-size: 26pt; }

.proc {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  justify-items: center;
  flex-wrap: wrap; }
  .proc .imgCont {
    max-width: 450px;
    padding: 5px 10px; }
  .proc .border-bottom {
    border-bottom: 3px solid lightgoldenrodyellow; }
  .proc .item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 20px 0; }
    .proc .item .a {
      width: 60%; }
    .proc .item .b {
      width: 40%; }
    .proc .item .item2 {
      padding: 10px;
      box-sizing: border-box; }
    .proc .item h3 {
      font-size: 22pt;
      margin-top: 0;
      padding: 5px 10px;
      color: #3f3a34;
      background-color: lightgoldenrodyellow; }

.paralax1 {
  /* The image used */
  background-image: url("../images/paralax1.jpg");
  /* Set a specific height */
  height: 500px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 0;
  margin: 0; }
  .paralax1 h2 {
    display: inline-block;
    margin-top: 220px;
    padding: 10px 20px;
    text-align: center;
    color: wheat;
    font-family: "Roboto Slab", serif;
    font-size: 35pt; }

.paralax2 {
  /* The image used */
  background-image: url("../images/paralax2.jpg");
  /* Set a specific height */
  height: 550px;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 0;
  margin: 0; }
  .paralax2 h2 {
    display: inline-block;
    margin-top: 220px;
    padding: 10px 20px;
    text-align: center;
    color: wheat;
    font-family: "Roboto Slab", serif;
    font-size: 35pt; }

.counters {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .counters .item {
    width: 27%;
    margin: 0 1%;
    padding: 2%;
    display: flex;
    flex-direction: column; }
    .counters .item #jehla {
      width: 200px;
      margin: auto; }
    .counters .item .counter {
      font-size: 40pt;
      border: 3px solid wheat;
      border-radius: 100%;
      color: wheat;
      padding: 40px 5px;
      width: 160px;
      margin: auto;
      font-family: "Roboto Slab", serif; }
    .counters .item h3 {
      font-family: "Open Sans", sans-serif;
      margin-top: 15px;
      font-size: 20pt; }

.postupCont {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-left: 2%; }
  .postupCont .item {
    margin: 1%;
    padding: 1%;
    /* border: 2px solid $svienty; */
    border-radius: 8px;
    width: 250px;
    height: 300px;
    box-sizing: border-box;
    box-shadow: 0 2px 5px 0px rgba(0, 0, 0, 0.3);
    background-color: #fff; }
    .postupCont .item h2 {
      color: #834680; }
    .postupCont .item .counter {
      font-family: "Roboto Slab", serif;
      color: #834680;
      font-size: 18pt;
      /* border: 2px solid $svienty; */
      border-radius: 100%;
      padding: 10px;
      width: 40px;
      margin: 0 auto 0px auto;
      font-weight: 400; }

/* -----------obecne--------- */
.hidden {
  display: none; }

.itemHighlight1 {
  background-color: lightgoldenrodyellow;
  padding: 20px 15% !important;
  border-radius: 10px;
  box-shadow: 0px 7px 6px -6px rgba(0, 0, 0, 0.3);
  max-width: 50%;
  margin: 15px auto; }

h2 {
  font-family: "Roboto Slab", serif; }

.p1 {
  max-width: 545px;
  margin: auto; }

.gallery-index {
  width: 85%;
  margin: 20px auto 20px auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  .gallery-index a {
    text-decoration: none;
    margin: 0;
    padding: 0;
    height: 75px;
    opacity: 0.65; }
    .gallery-index a:hover {
      opacity: 1; }
  .gallery-index img {
    margin: 0;
    padding: 0;
    object-fit: cover;
    opacity: 0.7; }
    .gallery-index img:hover {
      opacity: 1; }

.gallery-page {
  width: 70%;
  margin: 20px auto 20px auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  .gallery-page img {
    margin: 0;
    padding: 0;
    object-fit: cover;
    opacity: 0.8; }
    .gallery-page img:hover {
      opacity: 1; }

nav {
  padding: 10px 20px; }
  nav .navNav {
    float: right;
    margin-bottom: 25px;
    margin-left: 20px;
    margin-top: 25px; }
  nav a {
    text-decoration: none; }
  nav .item {
    padding: 5px 10px;
    background-color: #fffff4;
    color: #3f3a34;
    border-radius: 5px;
    display: inline-block;
    margin-top: 5px;
    box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.1); }
    nav .item:hover {
      background-color: lightgoldenrodyellow; }

.pageAbout {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 80%;
  margin: auto; }
  .pageAbout .item {
    padding: 10px;
    margin: 5px;
    min-width: 250px;
    max-width: 450px; }
    .pageAbout .item img {
      max-width: 164px; }
  .pageAbout p {
    max-width: 350px; }

.vyroba {
  display: flex;
  flex-direction: column; }
  .vyroba .item {
    margin: 20px 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .vyroba .item .tright {
      text-align: left;
      margin-left: 40px; }
    .vyroba .item .tleft {
      text-align: right;
      margin-right: 40px; }
    .vyroba .item p {
      max-width: 450px; }
    .vyroba .item h2 {
      margin-bottom: 15px; }
    .vyroba .item img {
      border-radius: 5%; }

.h2-page {
  text-align: center;
  font-size: 22pt;
  font-family: "Roboto Slab", serif;
  margin-bottom: 12px; }

.nahoru {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 20px;
  font-size: 30pt;
  color: wheat;
  cursor: pointer;
  z-index: 1; }

.bgVeryLightYellow {
  background-color: #fffff4; }

.mainImg {
  max-width: 100%;
  display: block;
  margin: auto; }

.imgCircle {
  border-radius: 100%; }

.spolupracujemes .container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }
  .spolupracujemes .container .item {
    margin: 5px;
    border-top: 4px solid #fff; }
    .spolupracujemes .container .item:hover {
      border-top: 4px solid #834680; }

.gHidden {
  display: none; }

.gShowMore {
  padding-top: 10px; }
  .gShowMore button {
    padding: 8px 15px;
    color: #834680;
    border: 1px solid #834680;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3); }
    .gShowMore button .i {
      margin-right: 5px; }
    .gShowMore button:hover {
      background-color: #834680;
      color: #fff; }

/*---------------MEDIA QUERIES------------  */
@media screen and (max-width: 830px) {
  .postupCont .item {
    max-width: 80%; }

  .vyroba {
    padding: 4px; }
    .vyroba .item img {
      max-width: 200px; }
    .vyroba .item .tright {
      margin-left: 10px; }
    .vyroba .item .tleft {
      margin-right: 10px; }

  .h1-index {
    font-size: 33pt;
    padding: 10px; }

  .h2-index {
    font-size: 16pt;
    padding: 10px; }

  .sortiment {
    padding: 10px; }
    .sortiment .item {
      width: 450px; }
      .sortiment .item p {
        margin-bottom: 10px; }

  .postupCont {
    justify-content: center;
    padding: 10px; }
    .postupCont .item {
      width: 100%;
      height: auto;
      padding: 40px; }

  .counters {
    justify-content: center; }
    .counters .item .counter {
      font-size: 20pt;
      padding: 32px 0px;
      width: 112px; }
    .counters .item h3 {
      font-size: 14pt; }
    .counters .item #jehla {
      width: 140px; }

  .proc .item .b {
    margin-top: 10px; }
  .proc .item .item2 {
    width: 100%;
    text-align: center; }
    .proc .item .item2 h3 {
      text-align: center;
      margin: 0 auto 10px auto;
      width: 340px;
      font-size: 19pt; }
    .proc .item .item2 p {
      text-align: center; }
    .proc .item .item2 .imgCont {
      text-align: center !important;
      width: 100%;
      margin: auto;
      float: none !important; }
      .proc .item .item2 .imgCont img {
        max-width: 90%;
        margin: auto; } }
@media screen and (max-width: 580px) {
  .aTable1 th {
    padding: 2px; }
  .aTable1 td {
    padding: 2px; }

  nav img {
    clear: both;
    width: 140px; }
  nav .navNav {
    margin-top: 10px;
    float: right;
    margin-left: 15px; } }
@media screen and (max-width: 480px) {
  nav .navNav {
    float: left;
    margin-top: 0; }

  .aMainContainer {
    padding: 5px 0; }

  .h2-1 {
    padding: 5px 5px;
    font-size: 12pt; }

  #aMenu {
    flex-direction: column; }

  .aDetail1 {
    padding: 7px;
    width: inherit;
    margin: auto;
    flex-direction: column;
    justify-content: center; }
    .aDetail1 .item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 3px 0; }
    .aDetail1 label,
    .aDetail1 input,
    .aDetail1 select {
      font-size: 11pt; }
    .aDetail1 input,
    .aDetail1 select {
      width: 100%; }
    .aDetail1 textarea {
      width: 100%;
      height: 450px; }

  .aDetail2 {
    padding: 7px;
    width: inherit;
    margin: auto;
    justify-content: center;
    flex-direction: column; }
    .aDetail2 label,
    .aDetail2 input,
    .aDetail2 select {
      font-size: 11pt; }
    .aDetail2 .item {
      display: flex;
      flex-direction: column;
      justify-content: center;
      margin: 3px 0; }
    .aDetail2 input,
    .aDetail2 select {
      width: 100%; }
    .aDetail2 textarea {
      width: 100%;
      height: 450px; }

  .p1 {
    padding: 5px 35px 5px 35px; }

  .h2-index-section {
    font-size: 20pt; }

  .proc .item2 {
    padding: 0 !important; }
  .proc p {
    padding: 5px 35px 5px 35px; }
  .proc .imgCont {
    display: none; }

  .postupCont {
    padding-left: 0; }
    .postupCont .item {
      max-width: 90%; }

  .vyroba .item img {
    max-width: 100px; }
  .vyroba .item .tright {
    margin-left: 5px; }
  .vyroba .item .tleft {
    margin-right: 5px; }
  .vyroba h2 {
    font-size: 15pt; }

  .h1-index {
    font-size: 25pt; }

  .sortiment .item {
    width: 98%;
    padding: 15px;
    margin-bottom: 15px; }
    .sortiment .item .img {
      width: 95%; }

  .counters {
    flex-direction: column;
    justify-content: center; }
    .counters .item {
      width: 90%;
      margin: auto; }
    .counters .jehla {
      display: none; }
    .counters #jehla {
      display: none; }

  .paralax1 {
    background-image: none;
    height: 130px; }
    .paralax1 h2 {
      margin-top: 30px;
      font-size: 20pt;
      color: #834680; }

  .paralax2 {
    background-image: none;
    height: 130px; }
    .paralax2 h2 {
      margin-top: 30px;
      font-size: 20pt;
      color: #834680; } }

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