* {
  margin : 0;
  padding : 0;
  outline : 0;
  }
  body {
  font-family : Ubuntu, Arial, sans-serif;
  color : #000;
  font-size : 14px;
  background-color : #fff;
  }
  .mainbg {
  background-repeat : repeat;
  background-position : center top;
  }
  .slidercontainer {
  background-position : center top;
  background-repeat : no-repeat;
  padding-top : 0;
  padding-bottom : 0;
  }
  .shadow {
  background-position : center bottom;
  max-width : 1200px;
  margin : 0 auto;
  background-image : url("../img/shadows-bottom.png");
  background-repeat : no-repeat;
  padding-bottom : 28px;
  }
  #logo {
  position : absolute;
  width : 115px;
  height : 110px;
  padding : 0 0;
  z-index : 999;
  margin : 0 0 0 0;
  }
  header {
  background-size : auto 70px;
  background-position : center center;
  max-width : 940px;
  padding : 0 20px 0 20px;
  margin : 0 auto;
  background-repeat : no-repeat;
  min-height : 110px;
  background-image : url("../img/logo.jpg");
  }
  nav {
  background-color : #f4f4f4;
  width : 100%;
  }
  #menu ul {
  list-style-type : none;
  text-align : right;
  padding : 7px 20px 10px 20px;
  max-width : 960px;
  margin : auto;
  }
  #menu li {
  border-width : 1px;
  border-color : #ccc;
  display : inline-block;
  margin : 0 0;
  border-left-style : solid;
  text-align : center;
  }
  #menu li:first-child {
  border-left-style : none;
  }
  #menu li a {
  display : block;
  padding : 0 5px 0 6px;
  text-decoration : none;
  font-size : 12px;
  text-transform : lowercase;
  color : #999;
  }
  #menu li a.active, #menu li a:hover {
  color : #000;
  }
  .heading {
  text-align : right;
  padding-top : 35px;
  color : #333;
  line-height : 1.2em;
  font-size : 14px;
  font-weight : 300;
  }
  .heading a {
  text-decoration : none;
  color : #027dc3;
  font-size : 18px;
  font-weight : 400;
  }
  .heading a:hover {
  color : #27c3d9;
  }
  h1, h4 {
  background-position : center top;
  padding : 15px 20px;
  line-height : 1em;
  font-weight : 300;
  background-color : #027dc3;
  color : #fff;
  font-size : 22px;
  text-align : center;
  margin : 0 auto;
  background-repeat : no-repeat;
  max-width : 950px;
  }
  h3 {
  padding : 15px 20px 0 20px;
  text-align : center;
  font-weight : 300;
  font-size : 24px;
  margin : 0 auto 0 auto;
  }
  iframe.movie {
  float : right;
  margin : 5px 0 20px 20px;
  }
  .abs {
  width : 100%;
  margin : auto;
  background-color : #f8f8f8;
  }
  article {
  max-width : 1030px;
  margin : 0 auto 0 auto;
  }
  @media (max-width: 980px) {
  article {
  margin : 0 auto;
  }
  }
  @media (max-width: 980px) {
  .art {
  margin : 0 auto;
  }
  }
  article p {
  padding : 20px;
  text-align : justify;
  font-weight : 300;
  font-size : 15px;
  color : #666;
  }
  article p small a {
  color : inherit;
  text-decoration : none;
  line-height : 24px;
  }
  article p small a:hover {
  color : #027dc3;
  text-decoration : none;
  }
  article p small a:hover i {
  font-size : 18px;
  }
  .name {
  font-size : 20px;
  font-weight : 500;
  color : rgb(255, 51, 0);
  }
  .clearfix {
  clear : both;
  height : 0;
  }
  .foto {
  text-align : center;
  padding : 20px 0 20px 0;
  }
  .foto img:hover {
  transform : scale(1.08);
  transition-delay : 0.3s;
  transition-duration : 0.35s;
  }
  .foto img {
  padding : 0;
  margin : 1% 5.5%;
  border : none;
  }
  .center {
  text-align : center;
  padding-bottom : 20px;
  padding-top : 30px;
  }
  .justify {
  text-align : justify;
  }
  .center strong {
  font-weight : 300;
  font-size : 21px;
  color : #027dc3;
  }
  footer {
  text-align : center;
  max-width : 990px;
  margin : 0 auto;
  background-color : rgb(255, 255, 255);
  background : linear-gradient(to left, rgb(255, 255, 255, 0.5) 0%, rgb(255, 255, 255, 0.55) 20%, rgb(255, 255, 255, 1) 50%, rgb(255, 255, 255, 0.55) 80%, rgb(255, 255, 255, 0.5) 100%) transparent;
  }
  footer small {
  font-size : 11px;
  opacity : 0.85;
  margin-top : 10px;
  display : inline-block;
  }
  footer p {
  padding : 20px;
  font-size : 16px;
  text-align : center;
  }
  footer a {
  color : #027dc3;
  }
  footer a:hover {
  color : #52cbd6;
  }
  .google-maps {
  border-color : #ffffff;
  border-width : 0;
  height : 243px;
  width : 100%;
  }
  .bialy {
  border-width : 0;
  background-color : #ffffff;
  text-align : center;
  }
  #author {
  margin : 0 auto;
  text-align : center;
  padding : 10px 20px;
  font-size : 11px;
  color : #999;
  background-color : #eee;
  max-width : 100%;
  }
  #author img {
  border : none;
  vertical-align : middle;
  }
  #author a {
  color : #555;
  }
  .inside {
  max-width : 480px;
  }
  .col1-2 {
  float : left;
  width : 50%;
  }
  .col1-3 {
  float : left;
  width : 33.3333%;
  }
  .box p {
  border : #eee solid 1px;
  margin : 20px;
  }
  .box p img {
  height : 200px;
  text-align : center;
  padding-bottom : 10px;
  }
  .box p {
  text-align : center;
  min-height : 349px;
  }
  @media (max-width: 944px) {
  .col1-4 {
  width : 50%;
  }
  .col1-2 {
  width : 100%;
  }
  }
  @media (max-width: 579px) {
  .heading {
  display : none;
  }
  #menu ul {
  text-align : center;
  }
  #logo {
  position : relative;
  width : 100%;
  text-align : center;
  padding-bottom : 20px;
  padding-top : 0;
  }
  h1 {
  padding : 15px 20px;
  }
  }
  @media (max-width: 310px) {
  body {
  background-image : none;
  }
  }
  @media (max-width: 759px) {
  .floating {
  display : none;
  }
  .center strong {
  font-size : 18px;
  }
  .col1-3 {
  width : 100%;
  }
  }
  @media (max-width: 479px) {
  .floating {
  display : none;
  }
  .inside {
  width : 100%;
  }
  }
  @media (max-width: 319px) {
  .push-left {
  display : none;
  }
  }
  .pdf {
  float : right;
  margin : 20px 20px 20px 20px;
  text-align : center;
  background-color : #fff;
  padding : 20px 20px;
  color : #666;
  text-decoration : none;
  font-size : 12px;
  font-weight : 400;
  }
  .pdf img {
  border-style : none;
  text-align : center;
  height : 64px;
  padding-bottom : 10px;
  }
  .pdf a {
  color : #000;
  }
  .pdf a:hover {
  color : #555;
  text-decoration : none;
  }
  @media (max-width: 479px) {
  .pdf {
  float : none;
  display : inline-block;
  width : 100%;
  margin : 10px 0;
  padding : 10px 0;
  }
  }
  .prod {
  text-align : center;
  padding : 25px 0;
  }
  .prod .item {
  display : inline-block;
  max-width : 23%;
  margin : 0.7% 0.5%;
  }
  .prod .item a {
  display : block;
  color : #777;
  padding-bottom : 20px;
  border : rgb(200, 200, 200, 0.5) solid 1px;
  font-size : 16px;
  font-weight : 300;
  }
  .prod .item img {
  width : 100%;
  }
  .prod .item a:hover {
  color : #6a2670;
  border : #ccc solid 1px;
  }
  .prod .item a:hover img {
  transform : scale(0.94);
  transition-duration : 0.35s;
  }
  .fotos img {
  width : 20%;
  }
  .fotos {
  line-height : 0;
  }
  .art > ul {
  padding : 0 35px;
  color : #666;
  font-weight : 300;
  }
  .grid {
  margin-top : 20px;
  margin-bottom : 20px;
  display : grid;
  grid-template-columns : repeat(4,minmax(0,1fr));
  gap : 2rem;
  padding : 0 20px;
  color : white;
  }
  .grid div {
  background-color : #027dc3;
  padding : 20px;
  }
  .grid div p {
  text-align : left;
  font-weight : bold;
  padding : 20px 0;
  color : white;
  text-transform : uppercase;
  }
  .galeria_img {
  max-width : 100%;
  cursor : pointer;
  }
  #galeria {
  display : grid;
  grid-template-columns : repeat(4,minmax(0,1fr));
  gap : 20px;
  padding : 0 20px;
  }
  .katalog_cont {
  display : flex;
  flex-direction : column;
  align-items : center;
  }
  .katalog:hover {
  text-decoration : none !important ;
  }
  .katalog {
  max-width : max-content;
  margin : 0 auto;
  padding : 15px;
  border : #027dc3 solid 1px;
  background-color : #027dc3;
  color : white !important ;
  border-radius : 5px;
  text-decoration : none !important ;
  transition : all 0.3s ease-out;
  }
  .katalog:active {
  transform : scale(0.95);
  }
  .katalog:hover {
  background-color : #0956d9;
  }
  .katalog_cont img {
  width : 300px;
  }
  .slide_center {
  display : flex;
  justify-content : center;
  }
  @media (max-width: 900px) {
  .grid, #galeria {
  grid-template-columns : repeat(3,minmax(0,1fr));
  }
  }
  @media (max-width: 639px) {
  .grid, #galeria {
  grid-template-columns : repeat(2,minmax(0,1fr));
  }
  .prod .item {
  max-width : 48%;
  margin : 0.7% 0.5%;
  }
  }
  @media (max-width: 360px) {
  .prod .item {
  max-width : 97%;
  margin : 2.7% 0.5%;
  }
  .grid, #galeria {
  grid-template-columns : repeat(1,minmax(0,1fr));
  }
  .slidercontainer {
  display : none;
  }
  }
  .art {
  max-width : 1030px;
  margin : 0 auto 0 auto;
  }
  .art1 {
  max-width : 1030px;
  margin : 0 auto 0 auto;
  }
  .art p {
  padding : 20px;
  text-align : justify;
  font-weight : 300;
  font-size : 15px;
  color : #666;
  }
  .art1 p {
  padding : 20px;
  text-align : center;
  font-weight : 300;
  font-size : 15px;
  color : #666;
  }
  .art2 p {
  padding : 20px;
  text-align : justify;
  font-weight : 300;
  font-size : 15px;
  color : #666;
  }
  .art p small a {
  color : inherit;
  text-decoration : none;
  line-height : 24px;
  }
  .art p small a:hover {
  color : #027dc3;
  text-decoration : none;
  }
  .art p small a:hover i {
  font-size : 18px;
  }
  .art1 p small a {
  color : inherit;
  text-decoration : none;
  line-height : 24px;
  }
  .art1 p small a:hover {
  color : #027dc3;
  text-decoration : none;
  }
  .art1 p small a:hover i {
  font-size : 18px;
  }