*{
    margin-right: auto;
    margin-left: auto; }

    html {  background-color: #fff; }
    body{       background-image: url("../img/bg.png");
    background-color: #000;      }
    h1, h3, h4, h5, h6 {     font-family: 'Lato', sans-serif!important; }
    h2{font-family: 'Oswald', sans-serif!important;}
    li{  display: inline;
    margin-top: 10px; }
    li a{     color: #000000;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    padding:15px;            }  #navBar
    li a{  font-size: 20px!important; transition: 0.5s;}
    li a:hover{         color: #8fc8e5;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    padding:15px;         }
		.navButtons li a.current{
			font-weight: 700!important;
		}
    h1 {     font-size:22px;
    color:#341C12;
    font-weight:normal;
    font-style:italic; }
    h2 {          color:#000!importnat;
    font-size: 36px!important;
    line-height:1.5;
    /*text-indent:20px;*/     }
    h2 span {     color: #8fc8e5;
    font-size: 36px; }
    h3{     color: #000000;
    text-align: center;
    width: 650px;
    font-size: 15px!important;
    font-weight: 300!important; }
    h4 {     color:black!important;
    font-size: 18px!important;
    line-height:1.5;
    /*text-indent:20px;*/ }
    h4 span {     color: #000!important;
    font-size: 36px; }
    h5{      color:#000!important;
    font-size: 24px!important;
    font-weight: bold;
    text-transform: uppercase;      } #navBar {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -9px;
    /* margin-bottom: 20px; */
    left: 0;
  right: 0;
  float: left;
  position: absolute;
  }   #columns{
    float: left;
    margin-right: 3px;
    margin-left: 3px; }  #header {
    margin-top: 50px; } #navBar
    ul {  margin-left: auto;
    margin-right: auto;
    left: 50%;
    right: 50%;
    padding-left: 0px!important; } /* slider*/  .carousel-inner .item{
    text-align: center;
    /*height: 500px;/*change as your needs*/ } .carousel-caption1
    img{     width: 100%; } .control-buttons{
    text-align:center; } .transition-timer-carousel-progress-bar {
    height: 3px;
    background-color: #5cb85c;/*progress bar color*/
    width: 0;
    margin: 0 0 0 0;
    border: none;
    z-index: 11;
    position: relative; } .carousel-control{
    z-index: 11; }  /* about */  .header{
    text-align: center;
    margin-top:65px;      }  /* produkty */  .glyphicon {
    margin-right:5px; } .thumbnail {
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px; }  .item.list-group-item {
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px; } .item.list-group-item:nth-of-type(
    odd):hover,.item.list-group-item:hover {     background: #428bca; }  .item.list-group-item .list-group-image {
    margin-right: 10px; } .item.list-group-item .thumbnail {
    margin-bottom: 0px; } .item.list-group-item .caption {
    padding: 9px 9px 0px 9px; } .item.list-group-item:nth-of-type(
    odd) {     background: #eeeeee; }  .item.list-group-item:before, .item.list-group-item:after {
    display: table;
    content: " "; }  .item.list-group-item
    img {     float: left; } .item.list-group-item:after {
    clear: both; } .list-group-item-text {
    margin: 0 0 11px; }  /* carousel */ #quote-carousel  {
    padding: 0 10px 30px 10px;
    margin-top: 30px; }  /* Control buttons  */ #quote-carousel .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px; } /* Previous button  */ #quote-carousel .carousel-control.left  {
    left: -12px;      } /* Next button  */ #quote-carousel .carousel-control.right  {
    right: -12px !important; } /* Changes the position of the indicators */ #quote-carousel .carousel-indicators  {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px; } /* Changes the color of the indicators */ #quote-carousel .carousel-indicators
    li  {   background: #c0c0c0; } #quote-carousel .carousel-indicators .active  {
    background: #333333; } #quote-carousel
    img {   width: 250px;
    height: 100px;} /* End carousel */  .item
    blockquote {     border-left: none;
    margin: 0; }  .item
    blockquote img {     margin-bottom: 10px; }  .item
    blockquote p:before {     content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px; }    /**   MEDIA QUERIES */  /* Small devices (tablets, 768px and up) */ @media (
    min-width: 768px) {      #quote-carousel      {       margin-bottom: 0;
    padding: 0 40px 30px 40px;     }      }  /* Small devices (tablets, up to 768px) */ @media (
    max-width: 768px) {           /* Make the indicators larger for easier clicking with fingers/thumb on mobile */          #quote-carousel .carousel-indicators {         bottom: -20px !important;       }     #quote-carousel .carousel-indicators li {
    display: inline-block;
    margin: 0px 5px;
    width: 15px;
    height: 15px;     }     #quote-carousel .carousel-indicators li.active {
    margin: 0px 5px;
    width: 20px;
    height: 20px;     } }  /* wspolpraca */
    .wspolpraca-loga{
          margin-bottom: 50px;
    }
    .wspolpraca-loga
    img{     margin: 0 block;
    background-image: url("/img/AG.jpg");
    background-repeat: no-repeat;

    display: block;
    margin: auto;
    width: 100%; } .wspolpraca-header{
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px; }  /* certyfikaty */  .certyfikaty-loga
    img{     margin: 0 block;
    background-image: url("/img/crt.jpg");
    background-repeat: no-repeat;
    display: block;
    margin: auto;
    width: 100%; }  .certyfikaty-header{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center; }
		/* footer */
    footer {
			font-family: 'Lato', sans-serif;
			font-weight: 300;
			border: 0px!important;
    margin-bottom: -20px!important;
    color: #fff;
    background: #8fc8e5;
    posittion: fixed;
    bottom: 0px;
    text-align: center;
    width: 160%;
    bottom: 0px;
    border-radius: 50%;
    height: 500px;
    margin-left: -30%; }
    footer a {   color: #fff;
    text-transform: uppercase;
    font-weight: bold;
  transition: 1s; }
    footer a:hover {     color: #000;
    text-decoration: none;      }  .overflow{
    height: 125px;
    overflow: hidden; }  @media (
    max-width: 767px) {    footer  {     padding-left: 20px;
    padding-right: 20px;   } }
    hr {     border: 0;
    height: 1px;
    background: #ccc; }  .navbar1
    hr{            display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CCC), to(#effaff));}
    .navbar2{
      position: absolute;
    }
     .navbar2
    hr{      width: 100%;
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CCC), to(#effaff));}  .container
    p{         margin-top: 10px; }

		.navButtons {
    font-family: 'Lato', sans-serif; } @media (
    min-width: 760px){ .contact{  margin-left:30%; } }
}
#navBar li a{
	font-size: 20px!important;
	transition: 0.5s;

}

li a:hover{

    color: #8fc8e5;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
    padding:15px;

}


#columns{
    float: left;
    margin-right: 3px;
    margin-left: 3px;
}

#header {
    margin-top: 20px;
}
#navBar ul {
	margin-left: auto;
	margin-right: auto;
	left: 50%;
	right: 50%;
	padding-left: 0px!important;
}

.logo img {

    display: block;
   width: 50%;
    height: auto;
    background-repeat: no-repeat;
     margin: 0 auto;
}



/* slider*/

.carousel-inner .item{

    text-align: center;
  /*  height: 500px;/*change as your needs*/
}
.carousel-caption1 img{
    width: 100%;
}
.control-buttons{
	text-align:center;
}
.transition-timer-carousel-progress-bar {
    height: 3px;
    background-color: #5cb85c;/*progress bar color*/
    width: 0;
    margin: 0 0 0 0;
    border: none;
    z-index: 11;
    position: relative;
}
.carousel-control{
	z-index: 11;
}

/* about */

.header{
    	text-align: center;
	margin-top:30px!important;

}

/* produkty */

.glyphicon { margin-right:5px; }
.thumbnail
{
    margin-bottom: 20px;
    padding: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.item.list-group-item
{
    float: none;
    width: 100%;
    background-color: #fff;
    margin-bottom: 10px;
}
.item.list-group-item:nth-of-type(odd):hover,.item.list-group-item:hover
{
    background: #428bca;
}

.item.list-group-item .list-group-image
{
    margin-right: 10px;
}
.item.list-group-item .thumbnail
{
    margin-bottom: 0px;
}
.item.list-group-item .caption
{
    padding: 9px 9px 0px 9px;
}
.item.list-group-item:nth-of-type(odd)
{
    background: #eeeeee;
}

.item.list-group-item:before, .item.list-group-item:after
{
    display: table;
    content: " ";
}

.item.list-group-item img
{
    float: left;
}
.item.list-group-item:after
{
    clear: both;
}
.list-group-item-text
{
    margin: 0 0 11px;
}

/* carousel */
#quote-carousel
{
  padding: 0 10px 30px 10px;
  margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
  left: -12px;

}
/* Next button  */
#quote-carousel .carousel-control.right
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
  background: #333333;
}
#quote-carousel img
{
  width: 250px;
  height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel
    {
      margin-bottom: 0;
      padding: 0 40px 30px 40px;
    }

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */

    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

/* certyfikaty */

.certyfikaty-loga img{
    margin: 0 block;
    background-image: url("/img/crt.jpg");
    background-repeat: no-repeat;

     display: block;
    margin: auto;
    width: 100%;
}

.certyfikaty-header{
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

.overflow{
height: 125px;
overflow: hidden;
}

@media (max-width: 767px) {

  footer  {
    padding-left: 20px;
    padding-right: 20px;
  }
}

hr {
    border: 0;
    height: 1px;
    background: #ccc;
}
	.navbar1{
		margin-top: 10px;
	}
.navbar1 hr{


    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CCC), to(#effaff))

}
.navbar2 hr{

    width: 100%;
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#CCC), to(#effaff))
}

.container p{
        margin-top: 10px;
}
/*custom css*/
	.carousel-caption2 img, .carousel-caption1 img{
		width: 100%;
	}
	@media(max-width: 830px){
		h3{
			width: 100%;
		}
	}
.form{
  font-family: 'Lato', sans-serif;
}
#navBar ul li .active {

    	font-weight: 700!important;
    }
.no-margin{
  margin-left: 0px!important;
  margin-right: 0px!important;

}
.carousel-control {
        color: #000!important;
        margin-left: -82px;
        margin-right: -82px;
      }

.carousel-indicators li {
          border: 1px solid #c7c7c7!important;
        }
.carousel-indicators{
        bottom: 0px;
}

@media screen and (max-width: 1306px) and (min-width: 1191px){
.mobile{
  width: 1048px!important;
}


}

@media screen and (max-width: 1192px) and (min-width: 992px){
.mobile{
  width: 846px!important;
}

figcaption p {
  font-size: 19px!important;
  margin-top: 12px!important;
}
}
@media screen and (max-width: 993px) and (min-width: 768px){
.mobile{
  width: 612px!important;
}
.margin-on-break{
  margin-left:25%;
}
.imghvr-zoom-out{
max-width: 64%!important;
}
figcaption p {
  font-size: 19px!important;
  margin-top: 12px!important;
}
}
@media screen and (max-width: 767px) and (min-width: 582px){
.mobile{
  width: 426px!important;
}
.navButtons {
    display: block;
    margin-top: 10px;
}
.imghvr-zoom-out{
max-width: 81%!important;
}
figcaption p {
  font-size: 19px!important;
  margin-top: 12px!important;
}
.bg {
    background-size: contain;
    height: 361px!important;
}
.naglowek h2 {
   margin-left: auto!important;
   margin-right: auto!important;
   position: relative!important;
   padding-top: 20px;
}
.product {
    margin-top: -50px;
    padding: 0px 3% 70px 3%!important;
}
.error_button{
width: 352px!important;
}
.additional_margin {
    margin-top: 138px!important;
}
}
@media screen and (max-width:582px) {
  .additional_margin {
    margin-top: 173px!important;
}
  .error404 {
    font-size: 124px!important;
  }
  .error_text {
    font-size: 22px!important;
}
.error_button{
  width: 200px!important;
  height: 101px!important;
}
.mobile{
  width: 264px!important;
}
.carousel-control {
          margin-left: -25px;
          margin-right: -25px;
        }
.h2-mobile{
  font-size: 20px!important;
  margin-top: 9px!important;
}
.hovereffect .overlay {
    padding: 29px 20px;
}
.overlay p {
    font-size: 11px!important;
}
.navButtons {
    display: block;
    margin-top: 10px;
}
#navBar li a {
    font-size: 27px!important;
}
 .wspolpraca-loga img{
   width: 90%;
 }
 .imghvr-zoom-out{
 max-width: 100%!important;
 }
 figcaption p {
   font-size: 15px!important;
   margin-top: -2px!important;
 }
 .bg {
     background-size: contain;
    height: 361px!important;
 }
 .naglowek h2 {
    margin-left: auto!important;
    margin-right: auto!important;
    position: relative!important;
    padding-top: 20px;
}
.product {
    margin-top: -50px;
    padding: 0px 3% 70px 3%!important;
}
}
/*hovereffect on ag*/

[class^='imghvr-'],
[class*=' imghvr-'] {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
  background-color: #cb0300;
  color: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-box-shadow: 0px 54px 58px -56px rgba(0,0,0,0.7);
-moz-box-shadow: 0px 54px 58px -56px rgba(0,0,0,0.7);
box-shadow: 0px 54px 58px -56px rgba(0,0,0,0.7);
}
}
[class^='imghvr-'] > img,
[class*=' imghvr-'] > img {
  vertical-align: top;
  max-width: 100%;
}
[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
  background-color: #cb0300;
  padding: 30px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  color: #ffffff;
}

[class^='imghvr-'] figcaption p,
[class*=' imghvr-'] figcaption p {
  color: #ffffff;
  font-weight: 700;
  font-size: 25px;
  text-align: center;
  margin-top: 21px;
}
[class^='imghvr-'] a,
[class*=' imghvr-'] a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
[class^='imghvr-'],
[class*=' imghvr-'],
[class^='imghvr-']:before,
[class^='imghvr-']:after,
[class*=' imghvr-']:before,
[class*=' imghvr-']:after,
[class^='imghvr-'] *,
[class*=' imghvr-'] *,
[class^='imghvr-'] *:before,
[class^='imghvr-'] *:after,
[class*=' imghvr-'] *:before,
[class*=' imghvr-'] *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
/* imghvr-zoom-out*
   ----------------------------- */
[class^='imghvr-zoom-out'] figcaption,
[class*=' imghvr-zoom-out'] figcaption {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  opacity: 0;
}
[class^='imghvr-zoom-out']:hover figcaption,
[class*=' imghvr-zoom-out']:hover figcaption,
[class^='imghvr-zoom-out'].hover figcaption,
[class*=' imghvr-zoom-out'].hover figcaption {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  -webkit-transition-delay: 0.35s;
  transition-delay: 0.35s;
}
/* imghvr-zoom-out
   ----------------------------- */
.imghvr-zoom-out:hover > img {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  opacity: 0;
}
select{
  width: 100%;
border-color: rgb(255, 255, 255);
border-bottom: 2px solid #d6d6d6;
    height: 34px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}
.error404{
  font-size: 181px;
  text-align: center;
  font-family: 'Oswald',sans-serif;
  color: #8fc8e5;
}
.error_text{
  text-align:center;
  font-family: 'Lato',sans-serif;
  font-size:30px;

}
.error_button{
  background: #8fc8e5;
    color: white;
    width: 421px;
    margin-left: auto;
    margin-right: auto;
    height: 80px;
    margin-bottom: 50px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
    transition: 1s;
  }
.error_button:hover{
  background: #91aebc;
    color: white;

    }

.mobile a{
  text-decoration: none;
}
.mobile a:hover{
  text-decoration: none;
}
.additional_margin{
      margin-top: 46px;
}