@font-face { font-family: "Asar"; src: url('/web/20190126031537im_/http://lody-warszawa.pl/fonts/Asar.ttf'); format('ttf'); font-weight: 500; font-style:normal;}@font-face { font-family: Aleo-Light; src: url('/web/20190126031537im_/http://lody-warszawa.pl/fonts/Aleo-Light.otf'); format('otf'); font-weight: 300;font-style:normal; }@font-face { font-family: "Aleo-Regular"; src: url('/web/20190126031537im_/http://lody-warszawa.pl/fonts/Aleo-Regular.otf'); format('otf'); font-weight: 500; font-style:normal; }@font-face { font-family: "Raleway"; src: url('/web/20190126031537im_/http://lody-warszawa.pl/fonts/Raleway-Regular.ttf'); format('ttf'); font-weight: 500; font-style:normal;}

html, body { min-height: 100%; }

p { font-family: Aleo-Light; font-size: 18px; line-height: 28px; margin-bottom: 35px; }
a:focus {text-decoration: none; }

.glyphicon-menu-hamburger { display: none; float: right; font-size: 25px; margin: 25px 25px;}

#slider { height: 100vh; }

.header .menu { background: #ffffff; overflow: hidden; position: fixed; width: 100%; top:0; z-index: 111;  }
.header .menu nav { max-width: 1170px; width:100%; margin: 0 auto;  font-family: "Asar"; font-size: 20px; }
.header .menu nav ul { padding:0; display:block; list-style: none; margin: 40px 0;}
.header .menu nav ul li { display: inline-block; }
.header .menu nav ul.menu-left {text-align: left;}
.header .menu nav ul.menu-right {text-align: right;}
.header .menu nav ul.menu-left li { padding: 0 50px 0 0;}
.header .menu nav ul.menu-right li { padding: 0 0 0 50px;}
.header .menu nav ul li a.scroll { color: #584344; }
.header .menu nav ul li a.scroll:hover { text-decoration:none; color: #654141; }
.top .logo { position: fixed; z-index: 222; top: 0; left: 50%; transform: translate(-50%,0); transition: 0.1s all;-webkit-transition: 0.1 all; }
.top .logo img { display: block; margin: 0 auto; }
.top .logo h1 { position: fixed; bottom: 45px; width: 100%; text-align: center; color: #fff; text-transform: uppercase; font-size: 48px; line-height: 40px; letter-spacing: 6px; font-family: 'Alegreya'}
.top .logo h1 span { color: #000; letter-spacing: inherit; font-size:35px;}
.top .logo.logoUp { top:-210px; transition: 0.1s all; -webkit-transition: 0.1 all;}
.top .logo.logoUp h1 { color: #000; }
.top .home-title { position: absolute; top: 60%; transform: translate(0,-60%); text-align:center; background: rgba(0,0,0,.4); width: 100%; color: #fff; font-family: "Asar"; text-transform: uppercase; padding: 70px 0; z-index:1; }
.top .home-title h2 { margin: 0; font-size: 48px; line-height: 58px }
.top .home-title h3 { margin: 0; font-size: 36px; line-height: 43px; }
.top .awards-scroll { position: absolute; bottom: 50px; width: 100%; max-width: 1200px; left: 50%; transform: translate(-50%,0); }
.top .awards-scroll img { margin: 0 auto; }
.top .awards-scroll .kupiec-award { margin-top: -35px;}

.subtitle { font-family: "Raleway"; font-size: 30px; color: #654141; text-transform: uppercase; line-height: 36px; text-align: center; margin: 50px 0;}

#about_us .about_us_text { margin-top: 60px;}

#offer { overflow: hidden; }
#offer .offer_bg { background-image: url('/web/20190126031537im_/http://lody-warszawa.pl/images/bgoffer.jpg'); background-attachment: fixed; background-position: 50%50%; background-repeat: no-repeat; background-size: cover; padding: 45px 0; margin-top: 50px; max-height: 442px;}
#offer .offer_bg p { color: #fff;}
#offer .offer_bg .offer_ice { margin-top: -90px;}
#offer .offer_wbg .offer_wice { margin-top: -170px;}
#offer .offer_wbg .offer_wbg_text { margin-top: 130px; }
#offer .offer_wbg .offer_wbg_text p { text-align: right; color: #582d26; }

.we_recommend { overflow: hidden;}
.we_recommend a { display: block; width: 25%; float: left; position: relative; cursor: -webkit-zoom-in; }
.we_recommend a .brown-box p {display:none; color: #fff; margin: 0; position: absolute; bottom: 35px; left: 35px; font-size: 30px; line-height: 35px; }
.we_recommend a .brown-box span { display: none; color: #fff; font-size: 25px; position: absolute; right: 35px; top: 35px; line-height: 25px; }
.we_recommend a:hover .brown-box { display: block; width: 100%; height: 100%; overflow: hidden; background: rgba(103,80,63,.95); position: absolute; }
.we_recommend a:hover .brown-box p, .we_recommend a:hover .brown-box span { display: block;}

.overflow { overflow: hidden; }
.our_flavors .taste { width: 25%; float: left; text-align: center; }
.our_flavors .taste p { font-family: Aleo-Regular; margin-top:20px; text-transform: lowercase; color: #582c26;}

.why_us { background-image: url('/web/20190126031537im_/http://lody-warszawa.pl/images/us.jpg'); background-attachment: fixed; background-position: 50%50%; background-repeat: no-repeat; background-size: cover; }
.why_us p { font-size: 30px; margin:0; color: #ffffff; width:100%; max-width: 740px; margin:0 auto; text-align:center; line-height: 48px; padding: 150px 100px 150px 0;}

#torty {margin:0 auto; text-align: center;}
#torty a { display: inline-block; }
#wyroznione a { display: inline-block; }

#lokalizacja #map { width: 100%; height: 500px; }

#kontakt { background: #666666; margin-top:-5px;}
#kontakt a { color: #ffffff;}
#kontakt a:hover { color: #582c26; text-decoration: none; }
#kontakt h2 { color: #fff; }
#kontakt p { max-width: 680px; margin: 0 auto 35px; font-size: 20px; color: #fff;}

#kontakt .gosciniec-text a { margin-left: 10px; }
#kontakt .gosciniec-text { text-align:right;}
#kontakt .gosciniec-image { text-align: center; margin-top:40px;}

.copyright p { font-family: Aleo-Regular; font-size: 10px; margin:0; text-align:center; line-height:10px; padding:30px 0; }
.copyright a { color: #000; }
.copyright a:hover { color: #582c26; text-decoration: none; }

.mouse_scroll {
	display: block;
	margin: 0 auto;
	width: 24px;
}
.m_scroll_arrows {
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  margin: 0 0 3px 4px; 
  width: 16px;
  height: 16px;
}
.unu {
  margin-top: 1px;
}

.unu, .doi, .trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu {
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}

.doi {
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  margin-top: -6px;
}

.trei {
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  margin-top: -6px;
}
.mouse {
height: 42px;
width: 24px;
  border-radius: 14px;
  transform: none;
  border: 2px solid white;
  top: 170px;
}

.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative; 
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}
.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
}
.show-opacity {
  -webkit-animation: show-opc 1s linear;
  -moz-animation: shop-opc 1s linear;
}
.invisible{visibility:hidden}
.visible{visibility:visible}
.center-image { margin:0 auto; }
@media(max-width:1400px) and (min-width:1200px) {
	.we_recommend a .brown-box p { font-size: 25px; line-height: 30px;}
  .top .logo img { max-width: 75%;}
  .top .logo.logoUp { top: -120px;}
}
@media(max-width:1200px) {
	.why_us p { padding: 100px 0;}
	#torty { text-align:center; }
	#wyroznione { text-align:center; }
}
@media(max-width:1200px) and (min-width:991px) {
	.header .menu nav ul li { padding: 0 20px;}
	.top .logo { top: 0; }
	.top .logo img { max-width: 75%;}
	.top .logo h1 { font-size: 42px; line-height: 35px;}
	.top .logo h1 span { font-size: 30px;}
	.top .logo.logoUp { top:-120px;}	
	.we_recommend a .brown-box p { font-size: 20px; line-height: 25px; left: 25px; bottom: 25px; }
	.we_recommend a .brown-box span { top: 25px; right: 25px; }
}
@media(max-width:991px) and (min-width:768px) {
	.header .menu nav { font-size: 17px; }
	.header .menu nav ul.menu-right li { padding: 0 0 0 35px;}
	.header .menu nav ul.menu-left li { padding: 0 35px 0 0;}
	.header .menu nav ul li { padding: 0 10px;}
	.top .logo { top: 0px; }
	.top .logo img { max-width: 75%;}
	.top .logo h1 { font-size: 32px; letter-spacing: inherit; line-height: 30px;}
	.top .logo h1 span { font-size: 27px;}
	.top .logo.logoUp { top:-130px;}
	
	#offer .offer_bg { max-height: inherit;}
	#offer .offer_wbg .offer_wice { margin-top: -70px;}
	#offer .offer_wbg .offer_wice img { margin-left: -100px;}
	.we_recommend img { width: 100%; max-height:155px; }
	#torty a { width: 48%; }
	#wyroznione a { width: 48%; }
	.we_recommend a .brown-box p { bottom: 15px; left: 15px; font-size: 16px; line-height: 20px; }
	.we_recommend a .brown-box span { top: 15px; right: 15px; }
}
@media(max-width: 767px) {
	.glyphicon-menu-hamburger { display: block;}
	nav { display: none; }
	.header .menu {  min-height: 75px;}
	.top .logo.logoUp { top:5px;}
	.empty, .scroll-icon { display: none; }
	#dropdown.open + .menu-down {display: block;}
	.menu-down { border-top: 1px solid #582d26; margin-top:75px !important;}
	.header .menu nav ul { margin:0;}
	.header .menu nav ul li { display: block; margin: 7px 0;}
	.header .menu nav ul.menu-left li, .header .menu nav ul.menu-right li {text-align: center; padding:0;}  
	.top .home-title h2 { font-size: 36px; line-height: 43px }
	.top .home-title h3 { font-size: 28px; line-height: 30px; }
	.top .logo { top: 6px; left: 5px; transform: inherit; width: 50px; }
	#offer .offer_bg { max-height: inherit;}
	#offer .offer_bg .offer_ice, #offer .offer_wbg .offer_wice, #offer .offer_wbg .offer_wice { margin-top:0;}
	#offer .offer_wbg .offer_wbg_text p { text-align: center; }
	#kontakt { text-align: center; padding-bottom: 40px;}
	#kontakt .gosciniec-text { text-align:center; margin-top: 40px;}
	#kontakt .gosciniec-text a { margin: 0 10px;}
	#kontakt .gosciniec-image { margin-top:0;}
	.we_recommend a { display: block; width: 100%; float: left;}
	.we_recommend img, .our_flavors .taste { width: 100%; }
	.top .awards-scroll { bottom:10px;}
	.top .awards-scroll div { width: 50%; float: left; }
	.top .awards-scroll img { width:100%}
	.top .logo h1 { display: none; }
	.we_recommend a .brown-box p { bottom: 15px; left: 15px; font-size: 18px; line-height: 23px; }
	.we_recommend a .brown-box span { right: 15px; top: 15px; }
}

@-webkit-keyframes show-opc {
	0% { opacity:0;}
	100% { opacity: 1;}
}
 
@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

/*
     FILE ARCHIVED ON 03:15:37 Jan 26, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 19:10:01 Aug 21, 2019.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  PetaboxLoader3.datanode: 53.02 (5)
  exclusion.robots.policy: 0.272
  PetaboxLoader3.resolve: 699.313 (2)
  RedisCDXSource: 0.74
  exclusion.robots: 0.29
  CDXLines.iter: 17.972 (3)
  captures_list: 69.6
  LoadShardBlock: 46.52 (3)
  load_resource: 762.624
  esindex: 0.014
*/