@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'pizzeria';
  src: url('../font/pizzeria.eot?42994767');
  src: url('../font/pizzeria.eot?42994767#iefix') format('embedded-opentype'),
       url('../font/pizzeria.woff2?42994767') format('woff2'),
       url('../font/pizzeria.woff?42994767') format('woff'),
       url('../font/pizzeria.ttf?42994767') format('truetype'),
       url('../font/pizzeria.svg?42994767#pizzeria') format('svg');
  font-weight: normal;
  font-style: normal;
}

 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "pizzeria";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  line-height: 1em;
 
  margin-left: .2em;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
}
 
.icon-phone:before { content: '\e800'; }
.icon-location:before { content: '\e801'; }
.icon-clock:before { content: '\e802'; }
.icon-cancel:before { content: '\e803'; }
.icon-menu:before { content: '\f0c9'; }

#szerokosc, #wysokosc { display:none; position:fixed; top:0px; left:0px; z-index:111111111111; background:#c00; color:#FFF; padding:10px 0; width:70px; text-align:center;}
#wysokosc { top:30px; }

html { scroll-behavior: smooth; }
body { padding-top: 63px; width: 100%; font-family: 'Lato', sans-serif !important; color:#333; font-size: 17px; line-height: 1.6em; }
a img, img, a { border:0px; text-decoration:none; }
.alignleft { float: left; margin-right:10px; margin-bottom:10px;}
.alignright { float: right; margin-left:10px; margin-bottom:10px; }
.aligncenter { display: block; margin: 0px auto; max-width:100%; height:auto; }
.pull-left { float:left !important; }
.pull-right { float:right !important; }
.res-menu { display:none; }
.clr { clear:both; }

.container-fluid { padding-left: 0; padding-right: 0; }
a { color: #333; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
a:hover { color: #C7E6F8; }


.hamburger, .cross {
	display:none;
	position:absolute;
	top:0;
	right:0;

	padding: 10px 15px;
	color:#333 !important;
	border:0;
	font-size:30px;
	font-weight:bold;
	cursor:pointer;
	outline:none;
	z-index:1011;
  background-color:#C7E6F8;
}

.hamburger.show { display: none !important; }

/* HEADER */
header { width: 100%; top: 0; border-top: 3px solid #C7E6F8; border-bottom: 3px solid #C7E6F8; padding: 15px 0; position: fixed; text-align: center; background-color: #fff; z-index: 9999; }
header nav ul { list-style-type: none; padding: 0; margin-bottom: 0; }
header nav li:first-child { margin-left: 0; }
header nav li { display: inline-block; margin-left: 55px; }
header nav a { color: #333; }
header .logo-mobile { display: none; }
header a { display: inline-block; }

/* SLIDER */
#slider { height: 383px; background: url('../img/slider-pizza.png'); padding-top: 40px; }
#slider .slider-kontakt, #slider .godziny-otwarcia, #slider .menu-przycisk { background-color: rgba(255, 255, 255, 0.75); border: 4px solid #2E2A27; }
#slider .slider-kontakt { padding: 0 15px; }
#slider .slider-kontakt a:hover { text-decoration: underline; }
#slider .slider-kontakt > p:nth-child(7),
#slider .slider-kontakt > p:nth-child(8),
#slider .slider-kontakt > p:nth-child(9) { margin-bottom: 12px; font-size: 13px; line-height: 1.4em; }
#slider p.adres,
#slider p.tel { padding-left: 38px; }
#slider i { font-size: 30px; position: absolute; left: 25px; } 
#slider h3 { font-size: 23px; font-weight: 700; margin-bottom: 15px; margin-top: 14px; }
#slider .godziny-otwarcia { padding: 0 15px; }
/* #slider .menu-przycisk { margin-top: 34px; display: block; text-align: center; padding: 36px 0; font-size: 28px; color: #333; font-weight: 700; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } */
#slider .menu-przycisk { margin-top: 8px; display: block; text-align: center; padding: 22px 0; font-size: 26px; color: #333; font-weight: 700; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#slider .menu-przycisk:hover { transform: scale(1.03); }
#slider p { margin: 0 0 15px; }
#slider a { color: #333; }

/* STARTOWE SEKCJE */
.start-opis { margin-top: 35px; margin-bottom: 35px; padding-right: 7%; padding-left: 7%; }
.start-opis h2, .start-opis h1 { margin-bottom: 27px; position: relative; padding-top: 15px; margin-top: 50px; }
.page-id-52 .start-opis h1 { margin-top: 30px; }
.start-opis h2::before, .start-opis h1::before { content: " "; height: 3px; background-color: #C7E6F8; width: 150px; position: absolute; top: 0; left: 0; }
.start-opis p { margin-bottom: 27px; }
.start-opis a { font-size: 20px; font-weight: 700; display: inline-block; color: #333; border: 3px solid #C7E6F8; padding: 10px 35px; margin-top: 30px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.start-opis a:hover { transform: scale(1.05); background-color: #C7E6F8; }

.start-img { margin-top: 35px; margin-bottom: 35px; position: relative; }
.start-img::before { content: " "; width: 95%; height: 100%; border: 5px solid #C7E6F8; position: absolute; z-index: -1; }
.start-img.right::before { left: -15px; top: 25px; }
.start-img.left::before { right: -15px; top: 25px; }
.start-img img { max-width: 100%; height: auto; }

.start-galeria { margin-top: 30px; }
.gallery-item { width: 33.333% !important; overflow: hidden; }
.gallery-item img { border: 2px solid #fff !important; max-width: 100%; height: auto; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
.gallery-item img:hover { transform: scale(1.02); }

.bloczki-kontakt .col-md-4 div { border: 5px solid #D5EDFA; height: 160px; margin-bottom: 45px; margin-top: 20px; position: relative; }
.bloczki-kontakt .col-md-4 div p { font-size: 28px; line-height: 1.6em; margin: 0; position: absolute; top: 50%; left: 54%; transform: translate(-50%, -50%); }
.bloczki-kontakt .col-md-4:last-child div p { font-size: 19px; }
.bloczki-kontakt .col-md-4 i { font-size: 80px; position: absolute; left: -110px;}
.bloczki-kontakt .col-md-4:nth-child(2) i  { top: -15px; }
.bloczki-kontakt .col-md-4:nth-child(3) i  { font-size: 70px; top: 27px; }

.full-content { margin-top: 25px; margin-bottom: 30px; }

.mapa iframe { width: 100%; height: 450px; }

.galeria .start-galeria { margin-top: 5px;}
.galeria .gallery-item { margin-bottom: 0; }
.galeria footer { margin-top: 0; margin-top: 10px; }

footer { color: #fff; background-color: #231811; margin-top: -7px; text-align: right; font-size: 13px; font-weight: 700; text-align: center; padding: 2px 0; }


/* RWD  */
@media only screen and (max-width: 1600px) {
  #slider { background-size: auto 100% !important; background-position: 16% center !important; }
}

@media only screen and (max-width: 1400px) {
  #slider { background-size: auto 100% !important; background-position: 18% center !important; }
  .start-opis h2 { margin-top: 20px; }
  .start-opis p { margin-top: 22px; }
  .start-opis a { margin-top: 25px; }
  .bloczki-kontakt .col-md-4 div p { font-size: 24px; }
  .bloczki-kontakt .col-md-4:last-child div p { font-size: 16px; }
  .bloczki-kontakt .col-md-4:nth-child(3) i { top: 27px; }
  .slider-kontakt-kontener { width: 50%; }
  .start-opis h2, .start-opis h1 { margin-top: 30px; }
  header nav li { margin-left: 49px; }
  header nav li a { font-size: 15px; }
  #slider .godziny-otwarcia h3 { margin-bottom: 10px }
  #slider .slider-kontakt { padding-bottom: 5px; }
  #slider .menu-przycisk { padding: 26px 0; margin-top: 10px; }
  .godziny-otwarcia p { font-size: 15px; }
}

@media only screen and (max-width: 1200px) {
  body { font-size: 16px; }
  #slider { background-size: auto 100% !important; background-position: 22% center !important; }
  #slider h3 { font-size: 20px; }
  #slider .menu-przycisk { padding: 33px 0; font-size: 24px; }
  .start-opis p { margin-bottom: 20px; font-size: 15px; margin-top: 19px; }
  .start-opis h2 { margin-bottom: 14px; }
  .start-opis a { margin-top: 11px; font-size: 17px; padding: 8px 35px; }
  .bloczki-kontakt .col-md-4 div p { font-size: 20px; }
  .bloczki-kontakt .col-md-4:last-child div p { font-size: 14px; }
  .bloczki-kontakt .col-md-4 div p { transform: translate(-32%, -50%); left: 50%; }
  .bloczki-kontakt .col-md-4 i { font-size: 75px; position: absolute; left: -96px;  }
  .page-id-52 .start-opis h1 { margin-top: 20px; margin-bottom: 18px; }
  #slider .menu-przycisk { margin-top: 18px; }
}

@media only screen and (max-width: 991px) {
  #slider { height: auto; background-position: right center !important; }
  .home .start-img.left { display: block; }
  .start-img.left { display: none; }
  .start-img.right { margin-bottom: 55px; }
  .gallery-item { width: 50% !important; }
  .gallery-item:last-child { display: none !important; }
  .galeria .gallery-item:last-child { display: block !important; }
  header nav li { margin-left: 33px; }
  .bloczki-kontakt .col-md-4 div { margin-bottom: 25px; text-align: center; height: auto; padding: 20px 0; }
  .bloczki-kontakt .col-md-4 div p { position: relative; left: 0; transform: none; text-align: left; display: inline-block; font-size: 20px !important; }
  .start-galeria { display: none; }
  .galeria .start-galeria { display: block; }
  .bloczki-kontakt .col-md-4 i { font-size: 60px; left: -139px;}
  .bloczki-kontakt .col-md-4:nth-child(3) i { left: -114px; font-size: 70px; top: 17px; }
  .bloczki-kontakt .col-md-4:nth-child(2) i { top: -12px; }
  .slider-kontakt-kontener { width: 100%; }
  header { position: relative; }
  body { padding-top: 0; }
  .full-content { padding-right: 7%; padding-left: 7%; margin-top: -20px !important; margin-bottom: 35px !important; }
  #slider .slider-kontakt > p:nth-child(7),
  #slider .slider-kontakt > p:nth-child(8),
  #slider .slider-kontakt > p:nth-child(9) { font-size: 16px; }
}

@media only screen and (max-width: 991px) {
  .gallery-item { width: 100% !important; }
  .home #gallery-1 > dl:nth-child(2) { display: none !important; }
  #slider .godziny-otwarcia, #slider .menu-przycisk { margin-top: 15px; }
  #slider .menu-przycisk { margin-bottom: 20px; }
  header .logo-mobile { display: block; width: 100px; margin: 0 auto; } 
  header nav { display: none; }
  header nav.show { display: block; }
  header nav li { margin-left: 0; display: block;  }
  header nav a { display: block; text-align: left; padding: 7px 15px; margin: 15px 0; border: 1px solid #C7E6F8; }
  header { padding: 5px 0; }
  .hamburger.show { display: block !important; }
  .cross.show { display: block; }
  .full-content { margin: 0 }
}

@media only screen and (max-width: 500px) {
  .bloczki-kontakt .col-md-4 i { display: none; }
}