@import url('https://fonts.googleapis.com/css?family=Lato:200,300,400,900&subset=latin-ext');

body {
    font-size: 16px;
    font-family: 'Lato', sans-serif;
}

p {
    font-family: 'Lato', sans-serif;
}

a {
    color: #066738;;
    font-weight: 700;
}

a:hover {
    color: #cd163f;
}

.breadcrumb {
    background: none;
}

.breadcrumb a:hover,
.page-header .breadcrumb > li + li:before
{
    color: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', sans-serif;
    color: #066738;
    letter-spacing: -1px;
}

ul.nav-pills > li > a:hover,
ul.nav-pills > li > a:focus,
ul.nav-pills > li.active > a{
	background-color: #066738!important;
}

section.page-header {
    border-top: 0px;
    border-bottom: 0px;

}

.page-header h1 {
    border-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    font-size: 25px;
}

.masonry-item {
    padding: 10px;
}

.list.list-icons.list-icons-style-3 li > .fa:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .fa:first-child, .list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
    background-color: #CD163F;
}

.tp-caption {
    text-shadow: 2px 2px 5px #000000;
}

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        font-size: 14px;
    }

    #header .header-nav.header-nav-stripe nav > ul > li > a {
        color: #066738;
    }

    #header .header-nav.header-nav-stripe nav > ul > li:hover > a {
        background: #066738;
        color: #ffffff;
    }

    #header .header-nav.header-nav-stripe nav > ul > li > a.dropdown-toggle:after {
        border-color: #CD163F transparent transparent transparent;
    }

}

#footer {
    margin-top: 0px;
    padding: 0px 0 0;
    border-top: 4px solid #066738;
}

#footer .contact p {
    color: #ffffff;
}

.logo-footer {
    width: 162px;
    height: 80px;
}

.product {
    padding: 5px;
}

.product:hover {
    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.3);
}

html .btn-primary {
    border-color: #066738 #066738 #066738;
    background-color: #066738;
}

/* MINIATURA KATEGORII */
.blog_kontener {
    position: relative;
}


.blog_tytul {
    position: absolute;
    bottom: 2%;
    left: 0%;
    padding: 10px 10px;
    background: #066738;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0px;
}

.blog_tytul a {
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 0px;

}

.blog_przycisk {
    position: absolute;
    min-width: 20%;
    bottom: 5%;
    left: 50%;
    transform:translateX(-50%);
    padding: 5px;
    background: #000000;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    border: 1px solid #ffffff;
}

.blog_przycisk a {
    color: #ffffff;
}

.artykul_tytul {
    font-weight: 200;
    font-size: 60px;
    line-height: 66px;
}

.kategoria_kontener,
.produkt_kontener
{
    background-color: #fff;
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    box-shadow: 0px 0px 50px -20px rgba(0,0,0,0.5);
}


.kategoria_kontener:hover,
.produkt_kontener:hover
{
    box-shadow: 0px 0px 50px -20px rgba(0,0,0,0.9);
}

.home-intro {
    background-color: #efefef;
}

.home-intro p {
    color: #066738;
    font-weight: 600;
}

section h5 {
    color: grey;
    font-weight: 400;
}

.kategoria_tytul
{
    padding: 20px;
    font-size: 25px;
}

.produkt_nazwa
{
    padding: 20px;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
}

#footer .footer-copyright {
    background: #ffffff;
}

@media (max-width: 991px) {
    #header .header-nav-main nav > ul > li > a {
        color: #066738;
    }

    #header .header-nav-main nav > ul > li > a:focus,
    #header .header-nav-main nav > ul > li > a:hover {
        color: #ffffff;
    }
}

#header .header-btn-collapse-nav {
    background: #066738;
    top: 0px;
}


/* POPUP*/
/* POPUP */

/* Modal container */
#popup-container {
  width: 45%;
  height: auto;
  min-height: 30%;
  margin: 0 auto;
  margin-top: 8%;
  position: fixed;
  left: 28%;
  z-index: 999;
  top: 0;

  background: #ffffff;
  border: 0px solid #2b2019;
  box-shadow: 2px 2px 4px black;
}

.modal-content {
  position: relative;
  text-align: center;
}

#popup-window { position: relative; }

.modal-content h1,
.modal-content p { color: #fff; }

.modal-content p { padding: 20% 5% 0 5%; }

/* Close button */
#popup-container a.close {
  position: relative;
  float: right;
  top: -15px;
  right: -7px;
  z-index: 99;
  font-weight: bold;
  font-size: 16px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 2px 6px 4px 6px;
  line-height: 1em;
  text-align: center;
  background: #141619;
  border: 4px solid #fff;
  cursor: pointer;
  color:#fff;
}

.splash-bg {
  padding: 40px 20px;
}

@media (max-width: 800px) {
  #popup-container {
    width: 90%;
    left: 2%;
  }
}

.close {
    opacity: 1;
}

/* BOXY POD SLIDEREM */
/* HOMEPAGE BAR*/

.homepage-bar {
	margin-bottom: 52px;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background-color: #fbfbfb;
}
.homepage-bar .col-md-4 {
	padding-top: 20px;
	padding-bottom: 21px;
}
@media (min-width: 992px) {
	.homepage-bar .col-md-4 {
		text-align: center;
		border-left: 1px solid #e1e1e1;
	}
	.homepage-bar .col-md-4:first-child {
		border-left: none;
	}
}
.homepage-bar .bar-icon {
	font-size: 36px;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
@media (max-width: 991px) {
	.homepage-bar .bar-icon {
		min-width: 36px;
		text-align: center;
	}
}
.homepage-bar .bar-textarea {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin-left: 7px;
}
.homepage-bar h3 {
	color: #313131;
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	line-height: 1.5;
}
.homepage-bar p {
	font-size: 12px;
	margin: 0;
	line-height: 1;
}

.section-parallax h1,
.section-parallax h2,
.section-parallax h3,
.section-parallax h4,
.section-parallax h5,
.section-parallax p {
    color: #ffffff;
    text-shadow: 2px 2px 5px #000000;
}

.kontakty_wrapper {
    margin-left: 20px;
}

.kontakty {
    padding: 0px;
    text-align: left;
}

.kontakty li {
    font-size: 14px;
    margin-bottom: 0px;
}


#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    color: #999;
    font-size: 12px;
    padding: 6px 10px;
    display: inline-block;
    font-weight: 400;
}

#header .header-top {
    padding: 2px;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #c9e265  !important;
    border-color: #c9e265 ;
}