body {
	font-family:"Lato", Arial;
	font-size:16px;
	background:#f4ecd7 url(../img/bg.jpg) repeat top center;
	color:#443a21;
}
img{
    max-width:100%;
}




.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
@-webkit-keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.5), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.5), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.5), 2.5em 0em 0 0em rgba(253, 184, 19, 0.7), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.5), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.5), 0em 2.5em 0 0em rgba(253, 184, 19, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.5), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.5), -2.6em 0em 0 0em rgba(253, 184, 19, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%,
  100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.5), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.5), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.5), 2.5em 0em 0 0em rgba(253, 184, 19, 0.7), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.5), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.2), -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.5), 0em 2.5em 0 0em rgba(253, 184, 19, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(253, 184, 19, 0.2), -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.5), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(253, 184, 19, 0.2), 1.8em -1.8em 0 0em rgba(253, 184, 19, 0.2), 2.5em 0em 0 0em rgba(253, 184, 19, 0.2), 1.75em 1.75em 0 0em rgba(253, 184, 19, 0.2), 0em 2.5em 0 0em rgba(253, 184, 19, 0.2), -1.8em 1.8em 0 0em rgba(253, 184, 19, 0.5), -2.6em 0em 0 0em rgba(253, 184, 19, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}





#logo { padding:35px 0; }
a { color:#443a21; }
a:hover { color:#000; }
a:visited,
a:active,
a:focus{ color:#443a21;}
.container h2 {
  font-size: 36px;
  font-weight: 200;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding-bottom:10px;
  font-style:normal;
}
h1.shop-prod-name {
	font-size: 30px;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing:2px;
	padding-bottom:10px;
	font-style:normal;
}

.container h2 span,
h1.shop-prod-name span {
	font-weight:900;
	border-bottom:3px #ece0ba solid;
}

nav#main-nav {
	width: auto;
	margin:0 auto;
	display: inline-block;
	padding: 0 30px;
	border-top: 3px #ded5bb solid;
	border-bottom: 3px #ded5bb solid;
}
nav#main-nav ul { list-style:none; padding:0 0; margin:0 0; }
nav#main-nav ul li { display:inline-block; }
nav#main-nav ul li a { display:block; color:#443a21; font-weight:900; padding:22px 15px; transition:all .2s ease; -webkit-transition:all .2s ease; font-size:13px; text-transform:uppercase; }
nav#main-nav ul li:hover > a,
nav#main-nav ul li.current > a { background-color:#FFFFFF; text-decoration:none; color:#fdb813; }
nav#main-nav ul li.dropdown:hover ul { display:block; }
nav#main-nav ul ul.dropdown-menu { border:0; border-radius:0; padding:20px 0 30px }
nav#main-nav ul ul.dropdown-menu li a { font-size:12px; padding:5px 20px; font-weight:200; }
nav#main-nav.subs { margin-top:40px; }
#slider {
	width:100%;
	height:600px;
	overflow:hidden;
}
.slide {
  width: 100%;
  height: 600px;
  background-position: center center;
  float:left;
  background: none no-repeat scroll center transparent;
  background-size: cover;
}
.slide .text {
	text-align:center;
	font-size:33px;
	font-weight:200;
}
.slide .text h2 {
  font-family: "Great Vibes";
  font-size: 68px;
  padding: 50px 0 20px;
}
.owl-theme .owl-controls {
  margin-top: -60px;
  text-align: center;
  position: relative;
}
.owl-dot {
	display: inline-block;
	width: 15px;
	height: 15px;
	background-color: rgba(0,0,0,.25);
	margin: 0 2px;
	border-radius: 10px;
}
.owl-dot.active {
	background-color: rgba(0,0,0,.6);
}


button,
.button {
	border:3px #d6c38f solid;
	color:#d6c38f;
	display:inline-block;
	font-size:14px;
	font-weight:900;
	text-transform:uppercase;
	padding:20px 40px;
	transition:all .15s ease;
	background-color: transparent;
}
button:hover,
.button:hover {
	position:relative;
	top:1px; 
	color:#8f7c48;
	border-color:#8f7c48;
	text-decoration:none;
}
button:focus,
button:active,
.button:focus,
.button:active {
	top:2px;
	position:relative;
	color:#5b4b1e;
	border-color:#5b4b1e;
	text-decoration:none;
}

.offer-pic { background-color:#FFF; height:292px; padding:0 0; }
.offer-text {   position: relative;
  height: 292px;
  background-color: #efe9d7;
  text-align: center;
  padding: 70px 20px 20px;
  font-size: 13px; }
.offer-text a { font-weight:900; font-size:16px; letter-spacing:1px; text-transform:uppercase; display:block; margin:5px 0 10px; }
.offer-text span { background-color:#ece0ba; width:50%; margin:25px auto 2px; height:3px; display:block; }
.offer-pic .picture {
	display:block;
  width: 100%;
  height: 292px;
  position: relative;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition:all .2s ease;
}
.offer-pic .picture:hover {
	transform:scale(.9);
}

footer { border-top:3px #ddd2b4 solid; background-color:#ece0ba; padding:25px 0; color:#443a21; line-height:1.75em; font-style:italic; }
footer nav a { font-size: 12px; display: inline-block; padding: 5px 8px; }
p.creation { font-size: 13px; color: rgba(0,0,0,.5); margin-top: 40px; }
.history { margin:75px 0; font-size: 16px; line-height: 25px; font-style:italic; }
.history > .container .col-xs-12 { padding:30px 50px 50px; }
.cukiernia .col-xs-12 { background-position: center right; background-repeat: no-repeat; min-height: 500px; }

.picture-short { height:320px; }
.picture-short > .container { min-height:100%; font-size:18px; line-height:1.5em; }
.picture-short h1 { font-family:"Great Vibes"; font-size:52px; }
.content .container .col-xs-12 { background-color:#FFF; padding:25px 45px; margin-bottom:50px; }
.content .box {
  background-color: #e2d7b7;
  width: 300px;
  max-width: 100%;
  padding: 25px;
  font-style: italic;
  line-height: 1.5em;
}
.category-text { font-style:italic; font-size:15px; line-height:24px; }
.steer { height:450px; position: relative; }
.steer img { max-height:450px; max-width:100%; opacity: 1; transition:all .2s ease; -webkit-transition:all .2s ease; position: relative; z-index: 5; }
.steer img.loading { opacity: 0; }
.steer .loader-wrap { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 225px; height: 225px; }
.product-picture { max-width:70%; max-width:600px; display:block; margin:0 auto; }
a.arr {
  position: absolute;
  top: 50%;
  margin-top:-100px;
  padding:10px;
}
a.arr.next { right:3%; }
a.arr.prev { left:3%; }
a.minioffer-item { width: 205px; display: inline-block; text-align: center; padding: 10px; border: 3px #d6c38f solid; vertical-align: top; font-size: 12px; font-weight: 300; text-transform: uppercase; position: relative; margin: 0 5px 10px; padding-bottom: 37px; }
a.minioffer-item span { position: absolute; bottom: 10px; width: 100%; text-align: center; display: block; padding: 6px 10px 0; left: 0; font-weight: 400; background-color: #fff; }
a.minioffer-item img {
	max-width:100%;
	/*height:150px;*/
}
a.minioffer-item:hover,
a.minioffer-item.current { border-color:#fdb813; color:#fdb813; text-decoration:none; }

.more-positions { padding:20px 0; }
.more-positions h3 { font-size:20px; font-weight:900; letter-spacing:-1px; text-align:center; padding:5px 0 20px; }

.ajaxInfo {
  display: none;
  text-align: center;
  padding: 10px;
  border: 3px #d6c38f solid;
  color:#d6c38f;
  text-transform:uppercase;
}
#contactFormSend label {
	color:#443a21;
	font-size:17px;
	font-style:italic;
	text-align:right;
	display:block;
}
#contactFormSend textarea,
#contactFormSend input[type=text] {
	width:100%;
	padding:10px;
	margin-bottom:8px;
	border:1px solid #d7d7d7;
}
#contactFormSend textarea { height:200px; }

.news-item {
	clear:both;
	margin-bottom:25px;
	padding-bottom:25px;
}
.news-item a.title {
  font-size: 22px;
  display: block;
  font-weight: 300;
  text-transform: uppercase;
}
.news-item img {
  float: left;
  margin: 0 25px 25px 0;
}
.news-item date {
	font-size:11px;
	color:rgba(0,0,0,.45);
}
.news-photo {
	float:left; 
	margin:0 25px 25px 0;
}
.news .pisane{
    font-family: "Great Vibes";
    font-size: 52px;
}
.title span{
    font-weight: 900;
}
.kontakt{
    height:365px;
}
.historia{
    font-style: normal;
}
.historia:hover{
      color: #8f7c48;
}
.ofirmie{
    background-color:transparent !important;
    
}
.alert-info { 
  background-color: #ece0ba;
  border-color: #ddd2b4;
  color: #443a21;
}


@media (max-width: 1229px) {
    .cukiernia .bg { background: none !important; }
    .cukiernia .col-xs-12 { min-height: 0; }
}
@media (max-width: 797px) {
    .content .container .col-xs-12 > .col-xs-12 { padding: 0; }
    footer,
    footer .text-right { text-align: center; }
    
    .offer-pic {  }
}
@media (max-width: 510px) {
    .content .container .col-xs-12 > .col-xs-12 { padding: 0; }
    .content .container .col-xs-12 { padding: 0 15px; }
    
    #contactFormSend { margin-top: 30px; }
    
}

@media screen and (max-width:720px){
	.cukiernia .col-xs-12 { background-image: none !important; min-height:initial; }
	.history { margin:25px 0; font-size:12px; line-height:18px; }
	.history > .container .col-xs-12 { padding:15px 30px; }
	.history > .container .col-xs-12 .col-xs-12 { padding:15px 0px; }
	h1 { font-size:26px; }
	h2,.container h2 {font-size:22px; letter-spacing:-1px; }
	h3 { font-size:18px; }
	body { font-size:12px; }
	.slide { height:350px; }
	.slide .text h2 { font-size: 48px; padding: 20px 0 10px; }
	.slide .text { font-size:22px; }
	.offer-pic, .offer-text,.offer-pic .picture { height:175px; }
	.steer { min-height:initial; height:100%; }
	 a.arr { top:130px; transform:scale(.7);}
	 a.arr.next { right:-40px; }
	 a.arr.prev { left:-40px; }
         #slider{height:450px; }
         .owl-theme .owl-controls { margin-top: -17px; }
         .map-sales{margin:0 25px 0 25px !important;}
         
         
}
@media screen and (max-width:1030px){
    .kontakt {  height:100%; margin-bottom:20px;}
    .picture-short {
      margin-bottom: 70px; 
      height:100%; 
    }
    .picture-short .container{
        background: transparent !important;
    }
    .hist {background-image: none !important; background-color: #fff !important;}
}

.page-start { background: none; }
.intro{
    text-align: center;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background: url('../img/intro.jpg') center center;
    background-size: contain;
    background-repeat: no-repeat;
}
.intro img{
    position:relative;
} 
#piekarnia {
  position: absolute;
  top: 54%;
  bottom: 0;
  left: 0;
  right: 0;
}
#cukiernia {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 46%;
}

#piekarnia .container,
#cukiernia .container { position: relative; display: block; text-align: center; height: 100%; }
#piekarnia img,
#cukiernia img { position: absolute;}

#piekarnia img { height: 77px; left: 160px; top: 25px;}
#cukiernia img { height: 120px; right: 220px; bottom: 30px;}

.modal-content {
	-webkit-box-shadow: initial !important;
	box-shadow: initial !important;
	border:0;
}
.modal {
	background-color:rgba(0,0,0,.5);
}
#myModal button.close {
    background-color: #000;
    opacity: 1;
    color: #FFF;
    font-size: 14px;
    padding: 13px 15px;
}

.modal.in .modal-dialog {  max-width: 90%; width:auto; text-align: center; }
.modal.in .modal-dialog img { height: auto!important;  }