@import url('https://fonts.googleapis.com/css?family=Charm:400,700|Italianno&subset=latin-ext');
/*fonty*//**/* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body, html {
  height: 100%;
  font-size: 14px;
}
h1 {
  font-family: 'Italianno', cursive;
  font-size: 48px;
  color: #a9a36f;
  border-bottom: 1px solid #a9a36f;
}
h2, .h2 {
  font: 25px 'Charm', cursive;
  color: #bdb686;
}
h3, .h3 {
  font: 19px 'Charm', cursive;
}
/*-------*/.article-wraper {
  grid-gap: 15px;
}
.article-wraper.article-wraper-image {
  display: grid;
  grid-template-columns: 30% auto;
  grid-template-areas: "title title" "images content" "footer footer";
}
@media screen and (max-width: 480px) {
  .article-wraper.article-wraper-image {
    grid-template-areas: "title title" "content content" "images images" "footer footer";
  }
}
.article-wraper > h1 {
  grid-area: title;
}
.article-wraper .art-img-content {
  grid-area: images;
  width: 100%;
}
.article-wraper .article-content {
  grid-area: content;
}
.article-wraper .back-link {
  grid-area: footer;
  text-align: center;
}
/*gallery-in-article*/.gallery-in-article {
  margin-top: 15px;
  margin-bottom: 15px;
}
.gallery-in-article .item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  margin: 0 5px;
  display: flex;
}
.owl-carousel.owl-theme .owl-wrapper-outer .owl-item a.item-link {
  position: relative;
  display: block;
}
.owl-carousel.owl-theme .owl-wrapper-outer .owl-item a.item-link img {
  width: 100%;
  visibility: hidden;
}
.owl-carousel.owl-theme .owl-wrapper-outer .owl-item a.item-link span {
  position: absolute;
  left: 5px;
  right: 5px;
  bottom: 5px;
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  text-shadow: 0 0 2px #000;
}
.owl-carousel.owl-theme .owl-controls {
  top: 0;
  bottom: 0;
  pointer-events: none;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .owl-carousel.owl-theme .owl-controls {
    display: none !important;
  }
}
.owl-carousel.owl-theme .owl-controls .owl-buttons {
  display: flex;
  height: 100%;
  justify-content: space-between;
  align-items: center;
  margin-left: -25px;
  margin-right: -25px;
}
.owl-carousel.owl-theme .owl-controls .owl-buttons div {
  pointer-events: all;
  padding: 0;
  font-size: 21px;
  transform: scale(1.2, 3);
  background: none;
  color: #000;
}
.owl-carousel.owl-theme .owl-controls .owl-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  display: flex;
  justify-content: center;
}
.owl-carousel.owl-theme .owl-controls .owl-pagination .owl-page span {
  padding: 5px !important;
  pointer-events: all;
  height: 5px;
  width: 5px;
  color: #fff;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 50%;
  color: #338c4f !important;
  background: #fff;
}
/*------main---------*/.main.onLeft .container {
  display: grid;
  grid-template-columns: 250px auto;
  grid-gap: 15px;
}
@media screen and (max-width: 768px) {
  .main.onLeft .container {
    grid-template-columns: 100%;
  }
}
.main.onLeft .container .left-site {
  width: 250px;
  margin-top: 20px;
  background-color: #fffded;
  z-index: 10;
}
@media screen and (max-width: 768px) {
  .main.onLeft .container .left-site {
    position: absolute;
    transition: all 0.5s;
    left: -253px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    padding-bottom: 30px;
  }
  .main.onLeft .container .left-site h1.mButton {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 50;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
  }
  .main.onLeft .container .left-site.showLeftMenu {
    left: 0px;
  }
}
.main.onLeft .container .left-site h1 {
  font: bold 20px 'Charm', cursive;
  border: 0;
  padding: 4px 15px;
  margin: 0;
  background: #dc4b3a;
  color: #fffded;
  border-radius: 6px 6px 0 0;
}
.main.onLeft .container .left-site .nav {
  margin: 15px 5px 15px 5px;
}
.main.onLeft .container .left-site .nav > li > a {
  position: relative;
  display: block;
  padding: 3px;
  font: bold 14px 'Charm', cursive;
  color: #a9a36f;
}
.main.onLeft .container .left-site .nav > li > a i {
  margin-right: 5px;
}
.main.onLeft .container .left-site .nav > li a:hover {
  color: #338c4f;
  background: none;
}
.main.onLeft .container .left-site .nav > li.current a {
  color: #338c4f;
}
.main.onLeft .container::before, .main.onLeft .container::after {
  content: none;
}
/*-----------NEWSY----------*/#news {
  padding: 25px 0;
  background-color: #fffded;
}
.newsy {
  display: flex;
  flex-wrap: wrap;
}
.newsy .newsOutside {
  margin-bottom: 35px;
  margin-top: 15px;
}
.newsy .news {
  height: 100%;
  display: grid;
  grid-column-gap: 15px;
  grid-template-areas: "tresc" "footer";
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.newsy .news.newsWithImg {
  grid-template-columns: 30% auto;
  grid-template-areas: "obrazek tresc" "footer footer";
}
@media screen and (max-width: 480px) {
  .newsy .news.newsWithImg {
    grid-template-areas: "tresc tresc" "obrazek obrazek" "footer footer";
  }
}
.newsy .news.newsWithImg .news-img {
  grid-area: obrazek;
}
.newsy .news.newsWithImg .news-img img {
  width: 100%;
  height: auto;
  border-radius: 4px;
  border: 1px solid #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
}
.newsy .news .news-content {
  grid-area: tresc;
  position: relative;
}
.newsy .news .news-content h2 {
  margin: 0 0 15px 0;
}
.newsy .news .news-content .data {
  position: absolute;
  top: -7px;
  right: 0;
  font-size: 10px;
  color: #d0b36f;
}
.newsy .news .wiecej {
  grid-area: footer;
  justify-self: center;
  align-self: end;
  margin-top: 15px;
}
.newsy .news .wiecej a {
  padding: 4px 8px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #666;
  color: #666;
}
.newsy .news .wiecej a::after {
  content: " »";
}
/*----------------------*/.pagination-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.pagination-box .pagination-box-right {
  margin-left: auto;
}
.pagination-box .pagination-box-right .pagination {
  margin: 0;
}
.pagination-box .pagination-box-left {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .pagination-box {
    flex-direction: column-reverse;
    align-items: center;
  }
  .pagination-box .pagination-box-left {
    width: 90%;
  }
  .pagination-box .pagination-box-right {
    margin-left: inherit;
  }
}
.footer-list {
  margin-top: 15px;
}
.footer-list .pagination {
  margin: 0;
}
.input-group-addon {
  border-color: #a9a36f;
  background: #fffded;
  color: #a9a36f;
}
.page-nr {
  cursor: pointer;
  background: #fffded;
}
.page-nr.active {
  background: #338c4f;
  color: #fffded;
}
.pagination > li > a, .pagination > li > span {
  cursor: pointer;
  background: #fffded;
  color: #a9a36f;
}
/**/.toolbar-top {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .toolbar-top {
    font-size: 22px;
  }
}
.toolbar-top a {
  color: #666;
}
.toolbar-top a:hover {
  color: #338c4f;
  text-decoration: none;
}
.toolbar-top .top-shop a {
  font-size: 0.8em;
  margin: 0 5px;
}
.toolbar-top .top-shop a span {
  font-size: 0.9em;
}
.toolbar-top .top-media {
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 250;
  min-width: 10px;
  min-height: 10px;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 767px) {
  .toolbar-top .top-media {
    position: static;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    box-shadow: none;
  }
}
.toolbar-top .top-media a, .toolbar-top .top-media .separator {
  display: block;
  margin: 5px;
  padding: 0;
  line-height: 0;
}
.toolbar-top .top-media .separator {
  border-top: 2px solid #666;
  margin: 10px 5px;
}
@media screen and (max-width: 767px) {
  .toolbar-top .top-media .separator {
    margin: 5px;
    height: 22px;
    border-top: none;
    border-left: 2px solid #666;
  }
}
.toolbar-top .top-media a {
  background-size: contain;
  background-repeat: no-repeat;
}
.toolbar-top .top-media a span {
  display: none;
}
.toolbar-top .top-media a.en {
  width: 20px;
  height: 16.26016px;
  background-image: url(/application/templates/frontend/default/gfx/flagi/en.png);
}
@media screen and (max-width: 767px) {
  .toolbar-top .top-media a.en {
    width: 22px;
    height: 17.88618px;
  }
}
.toolbar-top .top-media a.pl {
  width: 20px;
  height: 16.26016px;
  background-image: url(/application/templates/frontend/default/gfx/flagi/pl.png);
}
@media screen and (max-width: 767px) {
  .toolbar-top .top-media a.pl {
    width: 22px;
    height: 17.88618px;
  }
}
/*----------------simple cart-------------------*/nav.navbar-default {
  height: 135px;
  margin-bottom: 0px;
  border-radius: 0;
  border-bottom: solid 1px #a9a36f;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  nav.navbar-default {
    height: auto;
  }
}
nav.navbar-default .container {
  height: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  nav.navbar-default .container {
    flex-flow: column;
    margin: 0;
  }
}
nav.navbar-default .container .navbar-header {
  height: 100%;
  display: flex;
  align-items: center;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  nav.navbar-default .container .navbar-header {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 767px) {
  nav.navbar-default .container .navbar-collapse {
    width: 100%;
  }
}
nav.navbar-default .navbar-brand {
  height: auto;
  padding: 45px 0 0 0;
  background: url(/application/templates/frontend/default/gfx/floristica/logo.png) left top no-repeat;
  background-size: contain;
  font: bold 19px 'Charm', cursive;
  color: #338c4f;
}
nav.navbar-default .navbar-brand span {
  display: block;
  width: 242px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  nav.navbar-default .navbar-brand {
    margin-right: auto;
    font-size: 14px;
    margin: 5px auto 5px 0px;
    padding: 30px 0 0 0;
  }
  nav.navbar-default .navbar-brand span {
    display: block;
    width: 183px;
  }
}
@media screen and (max-width: 480px) {
  nav.navbar-default .navbar-brand {
    height: 50px;
    width: 50px;
    padding: 0;
    background: url(/application/templates/frontend/default/gfx/floristica/logo-xs.png) left top no-repeat;
    background-size: contain;
  }
  nav.navbar-default .navbar-brand span {
    display: none;
  }
}
.nav.navbar-nav.navbar-right {
  font: bold 20px 'Charm', cursive;
}
.nav.navbar-nav.navbar-right li {
  position: relative;
}
.nav.navbar-nav.navbar-right li li a {
  font-size: 16px;
}
.nav.navbar-nav.navbar-right li.dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 3px;
  top: 15px;
  width: 10px;
  height: 10px;
  color: #f1352b;
  line-height: 20px;
  font-size: 12px;
}
/*--------Localiser--------------*/#lokaliser .breadcrumbs .breadcrumb, #localiser .breadcrumbs .breadcrumb {
  margin: 0;
  border-radius: 0px 0px 5px 5px;
}
#lokaliser .breadcrumbs .breadcrumb .bc-item, #localiser .breadcrumbs .breadcrumb .bc-item {
  color: #a9a36f;
}
#lokaliser .breadcrumbs .breadcrumb .bc-item .bc-separator, #localiser .breadcrumbs .breadcrumb .bc-item .bc-separator {
  display: none;
}
#lokaliser .breadcrumbs .breadcrumb .bc-item a, #localiser .breadcrumbs .breadcrumb .bc-item a {
  color: #a9a36f;
  text-decoration: none;
}
#lokaliser .breadcrumbs .breadcrumb .bc-item a:hover, #localiser .breadcrumbs .breadcrumb .bc-item a:hover {
  color: #338c4f;
}
#lokaliser .breadcrumbs .breadcrumb .bc-item a::after, #localiser .breadcrumbs .breadcrumb .bc-item a::after {
  content: "»";
  padding: 0 5px;
}
#lokaliser .breadcrumbs .breadcrumb .bc-item::before, #localiser .breadcrumbs .breadcrumb .bc-item::before {
  content: none;
}
#lokaliser .breadcrumbs .breadcrumb a[href^="javascript:"], #localiser .breadcrumbs .breadcrumb a[href^="javascript:"] {
  display: none;
}
/*slider*/.slider {
  padding-bottom: 3px;
  border-bottom: 1px solid #a9a36f;
  height: 39.21569vw;
  width: 100%;
}
.slider .intro_bg {
  height: 39.21569vw;
  width: 100vw;
}
.slider .intro-kwadrat-left {
  width: 35vw;
  height: 35vw;
  left: calc(50vw - (35vw + 35vw / 1.5) / 2);
  top: calc((39.21569vw - 35vw) / 2);
  border: 2px solid #000;
  border-right: none;
  background-color: #f00;
}
.slider .intro-prostokat-right {
  width: calc(35vw / 1.5);
  height: 35vw;
  top: calc((39.21569vw - 35vw) / 2);
  left: calc((50vw - (35vw + 35vw / 1.5) / 2) + 35vw);
  border: 2px solid #000;
  border-left: none;
  background-color: #fff;
}
.slider .kwadrat-czarny {
  top: calc((39.21569vw - (35vw / 3)) /2);
  left: calc(((50vw - (35vw + 35vw / 1.5) / 2) + 35vw) - (35vw / 3));
  width: calc(35vw / 3);
  height: calc(35vw / 3);
  background-color: #000;
}
.slider .txt-Charm {
  font-size: calc(35vw / 12);
}
.slider .txt-Charm h3 {
  margin: 0;
  padding: 0;
  font-family: 'Charm', cursive;
  font-weight: bold;
  color: #fff;
  font-size: 1em;
  line-height: calc(35vw / 7);
  white-space: nowrap;
}
.slider .txt-Italiano {
  font-size: calc(35vw / 3);
}
.slider .txt-Italiano h3 {
  margin: 0;
  padding: 0 24px 0 0;
  font-family: 'Italianno', cursive;
  font-weight: normal;
  color: #fff;
  font-size: 1em;
  line-height: calc(35vw / 3.5);
  white-space: nowrap;
}
.slider .intro-floristica-txt {
  top: calc(39.21569vw /2);
  left: calc(((50vw - (35vw + 35vw / 1.5) / 2) + 35vw) - (35vw / 3));
  transform: translate(5%, -50%);
}
.slider .najpiekniejsze-txt {
  top: calc(39.21569vw /2);
  left: calc(50vw - (35vw + 35vw / 1.5) / 2);
  transform: translate(75%, -50%);
}
.slider .najpiekniejsze-txt h3 {
  font-size: 0.8em;
}
.slider .najpiekniejsze-txt-en {
  top: calc(39.21569vw /2);
  left: calc(50vw - (35vw + 35vw / 1.5) / 1.6);
  transform: translate(75%, -50%);
}
.slider .najpiekniejsze-txt-en h3 {
  font-size: 0.8em;
}
.slider .kwiaty-txt {
  top: calc(39.21569vw /2);
  left: calc((50vw - (35vw + 35vw / 1.5) / 2) + 35vw);
  transform: translate(5%, -50%);
}
.slider .kwiaty-txt h3 {
  font-size: 0.8em;
}
.slider .szewska-txt {
  top: calc(((39.21569vw - 35vw) / 2) + 35vw);
  left: calc(50vw - (35vw + 35vw / 1.5) / 2);
  transform: translate(15%, -100%);
}
.slider .a16-txt {
  top: calc(((39.21569vw - 35vw) / 2) + 35vw);
  left: calc((50vw - (35vw + 35vw / 1.5) / 2) + 35vw);
  transform: translate(15%, -100%);
  overflow: initial;
}
.slider .a16-txt h3 {
  font-size: 2em;
}
/*COOKIE*/#cookies_info {
  background: #e7e7e7 none repeat scroll 0 0;
  bottom: 0;
  opacity: 0.9;
  position: fixed;
  width: 100%;
  z-index: 1000;
  font-size: 10px;
}
#cookies_info .ck-inner {
  padding: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 480px) {
  #cookies_info .ck-inner {
    flex-wrap: wrap;
  }
}
#cookies_info .ck-inner .ck-accept {
  background-color: #f7f7f3;
  border: 1px outset #43a1c8;
  box-shadow: 0 0 1px #00597b;
  color: #fd7b01;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  padding: 6px 20px;
}
#cookies_info .ck-inner .ck-accept span {
  white-space: nowrap;
}
#cookies_info .ck-inner .ck-accept:hover {
  box-shadow: 0 0 6px #00597b;
}
.ck-content {
  margin: 10px;
}
/*---------FOOTER-------------*/.footer {
  border-top: 1px solid #a9a36f;
}
@media screen and (max-width: 767px) {
  .footer {
    padding-bottom: 38px;
  }
}
.footer .container > div {
  padding-top: 15px;
}
.footer .container .f-right {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .footer .container .f-right {
    text-align: center;
  }
}
.footer .container .f-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .footer .container .f-left {
    justify-content: center;
    flex-direction: column;
  }
}
.footer .container .f-left .menu-hor .nav.navbar-nav.navbar-right {
  float: none !important;
  display: flex;
}
@media screen and (max-width: 767px) {
  .footer .container .f-left .menu-hor .nav.navbar-nav.navbar-right {
    justify-content: center;
  }
}
.footer .container .f-left .menu-hor .nav.navbar-nav.navbar-right li {
  font-size: 0.8em;
}
.footer .container .f-left .menu-hor .nav.navbar-nav.navbar-right li a {
  color: #a9a36f;
  padding: 0 5px 5px 5px;
}
.footer .container .f-left .menu-hor .nav.navbar-nav.navbar-right li a:hover {
  background: none;
  border-bottom: 1px solid #a9a36f;
}
.footer .container .f-left .menu-hor .nav.navbar-nav.navbar-right li.selected a {
  background: none;
  border-bottom: 1px solid #a9a36f;
}
.footer .container .f-left .platnosci-img {
  justify-content: end;
  display: flex;
}
@media screen and (max-width: 350px) {
  .footer .container .f-left .platnosci-img {
    justify-content: center;
    flex-direction: column;
  }
}
.footer .container .f-left .platnosci-img img {
  width: 90px;
  margin: 0 15px;
}
.footer p {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 10px;
}
.footer p a.best-group {
  background: url(/application/templates/frontend/default/gfx/logo_footer.gif) no-repeat scroll left top;
  display: inline-block;
  height: 10px;
  vertical-align: middle;
  width: 80px;
  color: #fff;
}
/*---------GALERIA---------*/.lightbox-gallery .gallery-images {
  display: flex;
  flex-wrap: wrap;
}
.lightbox-gallery .gallery-images .image-link, .lightbox-gallery .gallery-images .image-lightbox {
  margin-bottom: 20px;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
  .lightbox-gallery .gallery-images .image-link, .lightbox-gallery .gallery-images .image-lightbox {
    width: 33.33333%;
  }
}
.lightbox-gallery .gallery-images .image-link a, .lightbox-gallery .gallery-images .image-lightbox a, .lightbox-gallery .gallery-images .image-link a.thumbnail, .lightbox-gallery .gallery-images .image-lightbox a.thumbnail {
  margin: 0;
  height: 100%;
}
.lightbox-gallery .gallery-images .image-link a .label-text, .lightbox-gallery .gallery-images .image-lightbox a .label-text, .lightbox-gallery .gallery-images .image-link a.thumbnail .label-text, .lightbox-gallery .gallery-images .image-lightbox a.thumbnail .label-text {
  display: block;
  width: 100%;
  width: 100%;
  color: #666;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
  border-color: #338c4f;
}
/*carousel*/.jcarousel-skin-tango .jcarousel-item {
  width: 25% !important;
  height: 100% !important;
  margin: 0 !important;
}
.jcarousel-skin-tango .jcarousel-item .jc-img {
  width: 100%;
  height: auto;
}