@charset "utf-8";
/* CSS Document */
/* @import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,500i,700,700i,900,900i&subset=latin-ext'); */
/* @import url(../js/slick/slick.css); */
/* @import url(../js/fancybox/jquery.fancybox.css); */
/* @import url(css.css?v=3); */
@import url(common.css?v=13);

body{/*background:url(http://projekty.atomagency.pl/projekty/oyakata/1200/blog.png) no-repeat 50% 0;*/}
#Board{position:absolute;}


.oyakata-contest .cols-6>.col-1 { width: 15.666%;}

.news-list__search-form{width: 300px; position: relative; margin: 5px auto 20px 40px; position: absolute;right: 80px;top: 115px;}
@media (max-width: 1920px) {
  .news-list__search-form {top: 115px;right: 80px;}
}
@media (max-width: 1600px) {
  .news-list__search-form {top: 95px;right: 39px;}
}
@media (max-width: 1200px) {
  .news-list__search-form {width: 250px;}
}

.news-list__search-submit-holder {position: absolute;right: 0;top: 0;}
.news-list__search-input {border-radius: 30px;text-transform: uppercase;font-size: .85rem!important;padding: 17px 45px 17px 15px!important;}
.news-list__search-form ::placeholder {color: #b3b3b3;}
.news-list__search-submit {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: transparent; 
  border: 3px solid #444;
  border-radius: 20px;
  margin: 5px 5px 0 0;
  vertical-align: middle;
  color: #444;
  padding: 0 0 0 3px;
  min-width: 40px;
  text-align: center;
  font-family: FontAwesome;
  font-size: 28px;
  cursor: pointer;
  transition: border-color .5s, color .5s;
}
.news-list__search-submit:hover {color: #fff;border-color: #fff;
}
@media (max-width: 767px) {
  .news-list__search-form {top: 60px;right: 10px;width: 200px;}
  .news-list__search-input {font-size: 12px!important;padding: 5px 40px 5px 15px!important;height: 40px!important;}
  .news-list__search-submit {margin: 0;}
}
@media (max-width: 550px) {
  .news-list__search-form {margin-left: auto;margin-right: auto;right: 50%;left: 50%;transform: translateX(-50%);}
}

#Blog{vertical-align:top;white-space:nowrap;}
#Blog{background: url(../gfx/bh.png) no-repeat calc(100% - 60px) 0; background-size: calc(25% - 80px) auto; margin-top: -20px; padding-top: 20px;}
_:-ms-input-placeholder, :root #Blog {background: url(../gfx/bh.png) no-repeat 95% 0;}
@supports (-ms-ime-align:auto) {
  #Blog {background: url(../gfx/bh.png) no-repeat 95% 0;}
}
.page-blog .box{font-size:14px;vertical-align:top;white-space:normal;}
.page-blog .content{margin:0 auto;max-width:280px;position:relative;padding-bottom:60px;min-height: 529px;}
/* .page-blog .img{display:inline-block;} */
.page-blog .img img{border:15px solid #fff;}
.page-blog .title{padding:15px 0 30px;}
.page-blog #SlickRelated .title{text-align: left;}
.page-blog .btn-holder{position:absolute;bottom:0;left:0;}
.page-blog .go{font-size:14px;}
.page-blog .content .pagination{position:absolute;bottom:0;left:25px;width:calc(100% - 140px);text-align:center;white-space:nowrap;}
.page-blog .box-man{/*background:url(../gfx/gosciu.png) no-repeat 50% 0;*/float:right;}
.page-blog .box-man .content{max-width:calc(100% - 40px);margin:0;}
.page-blog .box-0{width: 6.333%;}
.page-blog .header {text-align: left;padding: 20px 0 25px;font-size: 20px;}

.page-blog .comments {border-top: 1px solid #414141; padding: 20px 0 0; margin: 20px 0 0; position: relative;}
.page-blog .comments .header {text-transform: uppercase;}
.page-blog .comments .comments-form {margin: 0 !important; text-align: left;}
.page-blog .comments .comments-author {max-width: 440px;}
.page-blog .comments .comments-textarea {resize: none; height: 100px; margin-bottom: 10px;}
.page-blog .comments .comments-button {margin-top: 10px;}
.page-blog .comments .comments-list {margin-top: 40px; font-size: 14px; letter-spacing: 0.06em;margin-bottom: 90px;}
.page-blog .comments .comments-list .comment {text-align: left; margin-bottom: 20px;}
/*.page-blog .comments .comments-list .comment:last-child {margin-bottom: 90px;}*/
.page-blog .comments .comments-list .comment .comment-header {display: inline-block; margin-bottom: 10px; font-weight: 600;}
.page-blog .comments .comments-list .comment .comment-date {display: inline-block;}
.page-blog .comments .comments-list .comment .comment-content {line-height: 22.4px;}
.page-blog .comments .go {position: absolute; width: 221px; right: 115px; bottom: -65px;}
.page-blog .page-blog-category {margin-top: 20px; text-align: left; text-transform: uppercase;}
.page-blog .page-blog-category p {margin-top: 10px;}
.page-blog .responce {display: flex;}
.page-blog .responce img {padding-right: 10px; height: 100px;}


.page-blog .img-holder .oyakata-carusel-box {position: relative;}
.page-blog .img-holder .oyakata-carusel-box .title {
  position: absolute;
  top: 80px;
  left: 0;
  right: 0;
  margin: auto;
}

.page-blog .img-holder .oyakata-carusel-box .slick-next, .slick-prev {
  position: absolute;
}

.page-blog .img-holder .oyakata-carusel-box .slick-next {
  top: 50%;
  left: 0;
}

.page-blog .img-holder .oyakata-carusel-box .slick-prev {
  top: 50%;
  right: 0;
}

.page-blog .img-holder  .title {
  text-transform: uppercase;
  font-weight: 300;
}

.page-blog .img-holder .oyakata-carusel-box #oyakataProductCarousel .item {
}

.page-blog .img-holder .oyakata-carusel-box #oyakataProductCarousel .item img {
  max-height: 460px;
}

.page-blog .img-holder .oyakata-carusel-box #oyakataProductCarousel .item p {
  font-size: 14px;
  color: white;
  text-transform: uppercase;
}

.page-blog .img-holder .oyakata-przepisy-box {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;

}

.page-blog .img-holder .box-element  {
  padding-top: 50px;
  padding-bottom: 50px;
}

.page-blog .img-holder .oyakata-przepisy-box a {
  font-size: 14px;
  padding: 10px 0;
  text-align: left;
}

.page-blog .img-holder .oyakata-sklepy-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.page-blog .img-holder .oyakata-sklepy-box a {
  text-transform: uppercase;
}

.page-blog .article-content .img-box-blog .item {

  padding-bottom: 40px;

}

.page-blog .article-content .img-box-blog img {
  width: 100%;
  height: 100%;
  max-width: 530px;
  max-height: 360px;

}

.mt-small {
  margin-top: 30px;
}

.page-recipe .content-holder {
  padding-bottom: 0;
}
/* zmiana z max-height na height */
.page-recipe #SlickRecipe {height: 100%;height: 440px;}

.page-recipe .img-holder .box-element {position: relative;max-width: 440px;
    margin: auto;
    text-align: center;}
.page-recipe .img-holder .oyakata-carusel-box .title {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
}

.page-recipe .img-holder .oyakata-carusel-box img {
  border: none;
}

.page-recipe .img-holder .oyakata-carusel-box .slick-next, .slick-prev {
  position: absolute;
}

.page-recipe .img-holder .oyakata-carusel-box .slick-next {
  top: 50%;
  left: 0;
}

.page-recipe .img-holder .oyakata-carusel-box .slick-prev {
  top: 50%;
  right: 0;
}

.page-recipe .img-holder  .title {
  text-transform: uppercase;
  font-weight: 300;
}

.page-recipe .img-holder .oyakata-carusel-box #oyakataProductCarousel .item {
}

.page-recipe .img-holder .oyakata-carusel-box #oyakataProductCarousel .item img {
  max-height: 460px;
}

.page-recipe .img-holder .oyakata-carusel-box #oyakataProductCarousel .item p {
  font-size: 14px;
  color: white;
  text-transform: uppercase;
}

.page-recipe .img-holder .oyakata-przepisy-box {
  display: flex;
  flex-direction: column;
  border-top: 1px solid #414141;
  border-bottom: 1px solid #414141;

}

.page-recipe .img-holder .box-element  {
  padding-top: 50px;
  padding-bottom: 50px;
}

.page-recipe .img-holder .oyakata-przepisy-box a {
  font-size: 14px;
  padding: 10px 0;
  text-align: left;
}

.page-recipe .img-holder .oyakata-sklepy-box img {
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.page-recipe #R3 {position: relative;}

.page-recipe .header {text-align: left;padding: 20px 0 25px;font-size: 20px;}


.page-recipe .title-article{padding:15px 0 30px;}
.page-recipe #SlickRelated .title-article{text-align: left;}

.page-recipe .article-footer img {border: 15px solid #fff;max-height: 100%;}


.page-recipe #SlickRecipe {
    width: 450px;
    margin-bottom: 30%;
}





#recipe-bg{ background: url(../gfx/pattern.png) 0 0; background-repeat: repeat;position:absolute;width:100%;height:25px;z-index:1;z-index:0;bottom: 0; left: 0;}


.oyakata-przepisy-box-sm {
  display: none;
}

.oyakata-box-container-box-sm {
      display: none;
}

#oyakataProductCarouselSm .slick-prev {
    right: 0%;
    top: 50%;
}
#oyakataProductCarouselSm .slick-next {
    position: absolute;
    left: 0%;
    top: 50%;
}


@media (max-width:992px) {
  .oyakata-box-container-box-lg {
        display: none;
  }

  .oyakata-box-container-box-sm {
    display: block;
  }

  #SlickRelated.dark .slick-dots {
    margin-top: 30px;
    margin-bottom: 15px;
  }
}


@media only screen and (min-width: 768px) {
  .category-productList footer {
      margin-top: 0px;
  }
}




@media (min-width:992px) and (max-width:1199px) {
  .page-recipe #SlickRecipe {
      margin-bottom: 75%;
  }
}

@media (min-width:1200px) {
  .page-recipe #Recipe .img-holder {
    height: 1300px;
  }
}


@media (min-width:1800px) {
  .page-recipe #Recipe {
    padding-bottom: 110px;
  }

  #Recipe.recipe-article-container {
    padding-bottom: 250px;
  }


}


@media (min-width:1600px) {

  .recipe-product-title {
    padding: 50px 0 130px;
  }
}

@media (min-width:1200px) {
  .page-recipe #Recipe .img-holder {
    height: 1300px;
  }
}

@media (max-width:11990px) {
  .page-recipe #Recipe .img-holder {
    height: 1000px;
  }
}


@media (max-width:1799px) {
  .page-blog .img-holder .oyakata-carusel-box #oyakataProductCarousel .item img {
    max-width: 260px;
  }
  .page-recipe #SlickRecipe {
      width: 340px;
  }
}

@media (max-width: 1600px) {
  .page-recipe .img-holder .box-element {position: relative;max-width: 350px;}
  /* zmiana z max-height na height */
  .page-recipe #SlickRecipe {
    height: 100%;
    height: 330px;
  }
  .page-recipe #SlickRecipe {
      width: 340px;
  }

  .page-recipe #Recipe .img-holder {
      width: 350px;
  }
}



@media (max-width:1199px) {
  .page-blog .img-holder .oyakata-carusel-box #oyakataProductCarousel .item img {
    max-width: 220px;
  }

  .page-recipe .img-holder .box-element {position: relative;max-width: 220px;}
  /* zmiana z max-height na height  i 200 na 600*/
  .page-recipe #SlickRecipe {
    height: 100%;
    height: 600px;
}

.page-recipe .img-holder .oyakata-carusel-box #oyakataProductCarousel .item img {
    max-height: 280px;
}

.page-recipe #ArticleFooter .share {
  min-width: 100%;
}

.page-recipe #ArticleFooter .vote {
    width: 100%;
    padding: 0;
}

.page-recipe #Recipe .img-holder {
    width: 265px;
  }
  .page-recipe #SlickRecipe {
    width: 230px;
}
}

@media (max-width:992px) {
  .page-blog .img-holder .oyakata-carusel-box #oyakataProductCarousel .item img {
    max-width: 100% !important;
    max-height: 100%;
  }
  .page-blog .img-holder .oyakata-sklepy-box img {
    max-width: 100% !important;
    max-height: 100%;
  }

  .page-recipe #SlickRecipe .item {
    position: relative;
  }

  .page-recipe .img-holder .oyakata-carusel-box #oyakataProductCarousel .item img {
    max-width: 100% !important;
    max-height: 100%;
  }

  .page-recipe #Recipe .img-holder {
    width: 100%;
    height: auto;
    display: initial;
  }

  .page-recipe #SlickRecipe {
    height: 100%;
    max-height: 100%;
    display: initial;
  }

.page-recipe #SlickRecipe .item {
    margin: auto;
  }

  .page-recipe .img-holder .box-element {
    max-width: 100%;
  }

  .page-recipe .article-footer img {
    border: 15px solid #fff;
    max-height: 100%;
}




}


.full .error_404  {
	background-image: url("../images/404_bg.jpg") !important;
}

.master_oya {
	margin-top: 170px;
}

.err {
	display: flex;
	align-items: center;
}

.err_cont {
	margin-top: 65px;
}

.message-part-1 {
	text-align: left;
	font-weight: 500;
	text-transform: none;
	font-size: 63px;
	margin-bottom: 15px;
}

.message-part-2 {
	text-transform: none;
	font-size: 36px;
	text-align: left;
}

.return-info {
	text-transform: uppercase;
}

.full .holder .err-title {
	padding: 0;
	margin-bottom: 85px;
}

.return-msg {
	font-size: 23px;
}

.full .holder .err-holder {
	flex-direction:inherit;
}

.error-box {margin-top: 40px;}


@media only screen and (max-width:1023px) {
	.page-blog .page-blog-category {text-align: center;}
}

.subcategory-blog .back {margin-top: 30px; margin-bottom: 40px; margin-left: 10px;}
.subcategory-blog .section-title {padding-bottom: 20px;}
.subcategory-blog .subheading {max-width: 700px; text-align: center; margin: 20px auto 0;}

.category-blog {height: calc(100vh - 100px)}
.category-blog #Blog {background: none;}
.category-blog .content {text-align: center;}
.category-blog .content .img {padding: 60px 0 50px;}
.category-blog .btn-holder {position: static;}
.category-blog .btn-holder .go {display: inline-block;}
.category-blog .img img {border: none;}
.category-blog .title {font-size: 20px; padding: 25px 0 30px;}

.page-recipe .item a{background-color: #fff;}

#Article .article-content ol {margin-left: 17px;}
#Article .article-content ol li{list-style: decimal; margin: 10px 0;}
#Article .article-content ol li ol li{list-style: lower-latin; margin: 5px 0 5px 10px;}

#Rules {display: none;}
#Rules .title p {margin-bottom: 5px;}

@media (max-width:1800px){}
@media (max-width:1600px){
 .page-blog #Blog{margin: 0 auto; width: 100%; position: relative; padding: 0 145px 0 55px; white-space: normal; text-align: left; background-size: 310px auto; background-position: calc(100% - 5px) 0;}
 .page-blog .box-0{display:none;}
 .page-blog .box{width: 20.66%;padding-bottom:50px;}
 .page-blog .box:nth-child(3){margin-right:5px;}
 .page-blog .content{padding:0 10px 60px;}
 .page-blog .content .pagination{width:100%;}
 .page-blog .box-man{width:17.333%;margin-right:-10px;}
 .page-blog .box-man .content{max-width:100%; min-height: initial;}
 .page-blog .comments .go{right: 0;}

 .category-blog .box {width: 16.66%;}
 .category-blog #Blog {padding: 0;}
 .category-blog .content {min-height: initial; padding-bottom: 0;}
 .category-blog .box{padding-bottom:0;}
 .category-blog .content .img {padding: 20px 0 50px;}
 .category-blog .title {font-size: 16px;}

 .err {text-align: center;}
 .err_cont{ margin-left: 70px;}
 .master-png {width: 80%;}
 .message-part-1 {font-size: 53px;}
 .message-part-2 {font-size: 26px;}
 .return-msg {font-size:18px; width: 400px;}

}
@media only screen and (max-width:1199px){
  .page-blog #Blog{width: 960px;background-size: 381px auto;}
  .page-blog .box{width:33.333%;}
  .page-blog .box-man{width:33.333%;}
  .page-blog .comments .comments-button {margin-right: 0;}

  .subcategory-blog .subheading {margin-bottom: 20px;}

  .category-blog {height: 100%;}
  .category-blog .col-0 {display: none;}
  .category-blog #Blog {display: flex; flex-wrap: wrap; justify-content: center;}
  .category-blog .section-title {padding-top: 120px;}
  .category-blog .content {padding-bottom: 50px;}
  .category-blog .content .img {padding: 30px 0 50px;}
   .master-png {width: 70%;}
   .message-part-1 {font-size: 50px;}
   .message-part-2 {font-size: 23px;}
   .return-msg {font-size:18px; width: 100%;}
   .err {position: relative;}
   .err_cont{position: absolute; left: 0; margin-left: 50px; margin-top: 0;}
   .err-title{margin-bottom: 55px;}
   .master_oya{margin-left: 288px;}

}
@media only screen and (max-width:1023px){
 .page-blog #Blog{padding:0;max-width:640px;background:none;}
 .page-blog .box{width:50%;float:left;}
 .page-blog .box:nth-child(3){margin-right:0;}
 .page-blog .content{max-width:100%;}
 .page-blog .content .pagination{left:0;}
 .pagination .sites{width:200px;}
 .page-blog .box-man{width:100%;}
 .page-blog .box-man .content{height:auto!important;}

 .category-blog .section-title {padding-top: 140px;}
}
@media only screen and (max-width:767px){
 .page-blog #Blog{max-width:300px;}
 .page-blog .box{width:100%;}
 .page-blog .content{padding:0 0 60px;}
 .page-blog .comments .comments-form{text-align: center;}
 .page-blog .comments .comments-button {float: none;}
 .page-blog .comments .go {height: auto; right: initial; left: 50%; transform: translateX(-50%);}

 .subcategory-blog .subheading {padding-left: 20px; padding-right: 20px;}

 .category-blog .content {padding-bottom: 0;}
 .category-blog .content .img {padding: 40px 0 30px;}
 .category-blog .section-title {padding-top: 100px;}
}



#Article{margin:0 auto;max-width:1680px;padding:0 60px;}
#Article .img-holder{float:left;width:28%;padding-right:40px;}
#Article .img-holder + .article-content{float:left;width:70%;}
#Article .article-content{margin: 0 auto;}
#Article .article-content .tiny{padding:0 0 30px;}
#Article .article-content .tiny h1{font-size:20px;padding:0 0 20px;font-weight:300;text-align: left;}
#Article .article-content .tiny h2{font-size:17px;font-weight:400;text-align:left;/*padding: 7px 0;*/ padding: 45px 0 7px 0;}
#Article .article-content .tiny p{font-size:17px;line-height:1.5;padding:7px 0;text-align:justify;letter-spacing:.06em;}
#Article .article-content .img img{border-width:10px;}
#Article .article-content form {margin-left: -30px;}

#Article .back{margin:-60px 0 20px;}

#ArticleFooter, .article-footer{font-size:14px;text-transform:uppercase;border-top:1px solid #414141;padding:20px 0 0;margin:20px 0 0;letter-spacing:.06em;}
#ArticleFooter .share{display:inline-block; position: relative; min-width:25%;float:left; text-align: left;}
#ArticleFooter .share a{display:inline-block; position: absolute; bottom: 0; margin-left: 5px; background:no-repeat 50% 50%;width:20px;height:23px;}
#ArticleFooter .share .fb{background-image:url(../gfx/f.png);}
#ArticleFooter .vote{display:inline-block;width:75%;float:left;}
#voteForm{display:inline-block;min-width:33.333%;padding-left:5px;white-space:nowrap;}
#stars{display:inline-block;}
#stars img{vertical-align:middle;}
#ArticleFooter .values{display:inline-block;padding-left:5px;}
#ArticleFooter .values > span{display:inline-block;padding-right:10px;}
#SlickArticle .slick-dots{padding:20px 0;}


@media (max-width:1600px){
 #Article{max-width:1100px;padding:0 10px;}
 #Article .img-holder{width:30%;}
 #Article .article-content{width:70%;}
 #Article .article-content .tiny p{font-size:17px;}

 #ArticleFooter .share{}
 #ArticleFooter .vote{width:73%;padding:0;}
 #voteForm{padding-left:0;}
 #ArticleFooter .values{float:right;}
}
@media only screen and (max-width:1199px){
   #Article{padding:0 10px;}
}
@media only screen and (max-width:1023px){
 #Article .img-holder{width:100%;text-align:center;padding:0 0 20px;}
 #Article .img-holder img{max-width:380px;}
 #Article .img-holder + .article-content{width:100%;padding:20px 0 0;}
 #Article .article-content .tiny h1{text-align:center;}
 #Article .article-content .tiny h2{text-align:left;}
 #Article .article-content .tiny p{text-align:left !important;}
 #Article .back{margin:-30px 0 20px;}
 .err_cont {margin-left: 15px;}
 .master_oya {margin-left: 280px;}
 .err .err_cont .err-title{margin-bottom: 40px;}
 .master-png{width: 80%;}
}
@media only screen and (max-width:767px){
 #Article .img-holder img{max-width:100%;}
 #Article .back{margin:-30px auto 20px;}
 #ArticleFooter .share{width: 100%; text-align:center; margin-bottom: 20px;}
 #ArticleFooter .share a {position: static;}
 #ArticleFooter .vote {width: 100%;}
 #voteForm{width:100%;text-align:center;}
 #ArticleFooter .values{float: none; padding:20px 0 0;}
 #ArticleFooter .values > span{display:inline-block;width:100%;text-align:center;padding:0;}
.error-box .err {flex-direction: column;}
 .err_cont{margin-left: 50px; margin-top: 50px;}
 .message-part-1 {font-size: 46px;}
 .message-part-2 {font-size: 20px;}
 .master_oya{margin-left: 0;}
 .master-png{width: 60%; margin-top: 90px;}
 .err .err_cont .err-title{margin-bottom: 26px;}
 .return-msg {font-size: 13px; width: 100%;}
}

@media only screen and (max-width:400px) {
	.master-png{margin-top: 70px; margin-left: 70px; transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); width: 500px;}
	.err_cont{margin-left: 18px;}
	.return-info {width: 90%;}
	.return-info .go .icon-ret { margin: 0;}
	.return-msg {width: 300px;}
}

.page-oyakata{max-width:1700px;margin:0 auto;padding:0 60px;}
.page-oyakata .lead{font-size:20px;text-align:center;max-width:960px;margin:-70px auto 70px;padding:0 10px;}
.page-oyakata .pagination{max-width:280px;margin:0 auto;padding:30px 0 0;}
#Oy .title{font-size:14px;padding:20px 0;letter-spacing:.06em;}
#Oy .btn-holder{margin-bottom:50px;}
#Oy .go .lab{font-size:14px;}
.oyakata-recipe .img-border{text-align:right; position: relative; min-height: 307px;}
.oyakata-recipe .img-border .pack{/* margin:-60px -10px -10px 0; */ position: absolute; right: 0; bottom: 0;max-width: 100%; height: auto;}

@media only screen and (min-width: 1200px) {
  #Oy {text-align: center;}
  #Oy .title{text-align: left;}
  #Oy .box {display: inline-block; float: none; vertical-align: top;}
}

@media (max-width:1600px){
  .oyakata-recipe .img-border{min-height: 247px;}
}
@media only screen and (max-width:1199px){
 .page-oyakata{max-width:860px;margin:0 auto;padding:0 10px;}
 .page-oyakata .lead{margin:-40px auto 40px;}
 .page-oyakata .lead,
 .page-oyakata .lead p{font-size:17px;}
 #Oy .box{width:33.333%;}
 .oyakata-recipe .img-border{min-height: 325px;}
}
@media only screen and (max-width:1023px){
 .page-oyakata{max-width:620px;margin:0 auto;}
 .page-oyakata .lead{padding:0;}
 #Oy .box{width:50%;}
 .oyakata-recipe .img-border{min-height: 340px;}
}
@media only screen and (max-width:767px){
 .page-oyakata{max-width:300px;margin:0 auto;padding:0 10px;}
 #Oy .box{width:100%;}
 .oyakata-recipe .img-border{min-height: 335px;}
}


#Recipe{margin:0 auto;width:1600px;}
#Recipe .back{margin:-60px 0 20px;}
#Recipe .img-holder{line-height:0;float:left;width:500px;height:660px;}
#Recipe .article-content{float:right;width:1100px;}
#Recipe .title{font-size:20px;padding:15px 0;text-transform:uppercase;}
#Recipe .text p{border-bottom:1px solid #222;width:100%;padding:15px 0;font-size:16px;letter-spacing:1px;}
#Recipe .text p:last-child{border-bottom:none;}
#Recipe .time{background:url(../gfx/time.png) no-repeat 0 50%;font-size:14px;text-transform:uppercase;padding: 32px 0 32px 100px;margin:0 0 40px;}
#Recipe ol{margin:0 0 0 27px;}
#Recipe ol li{list-style:decimal;font-size:14px;padding:6px 0;letter-spacing:1px;}
#Recipe .recipe{padding-bottom:40px;min-height:430px;}

#SlickRecipe{position:relative;width:440px;margin-left:10px;}
#SlickRecipe .item{position:absolute;top:0;left:0;}
#SlickRecipe .item:nth-child(1){width:100%;}
#SlickRecipe .item:nth-child(2){top:443px;width:210px;}
#SlickRecipe .item:nth-child(3){top:443px;left:240px;width:210px;}
.page-recipe .section-title{margin:0 auto;max-width: 660px;}

@media (max-width:1600px){
 #Recipe{width:1200px;padding:0 10px 0 23px;}
 .page-recipe .section-title{max-width:544px;margin:0 auto;padding:95px 0 110px;}
 #Recipe .article-content{width:765px;}
 #Recipe .article-content .tiny p{font-size:14px;}
 #Recipe .img-holder{width:400px;}

 #Recipe .time{margin:50px 0 60px -10px;}
 #Recipe .back{margin:-60px 10px 20px;}

 #SlickRecipe{width:350px;margin-left:0;}
 #SlickRecipe .item{position:absolute;top:0;left:0;}
 #SlickRecipe .item:nth-child(1){width:100%;}
 #SlickRecipe .item:nth-child(2){top:355px;width:160px;}
 #SlickRecipe .item:nth-child(3){top:355px;left:180px;width:160px;}
}
@media (max-width:1199px){
   #Recipe{width:880px;}
   #Recipe .img-holder{width:265px;}
   #Recipe .recipe .col-2,
   #Recipe .recipe .col-5{width:100%;}
   #Recipe .article-content{width:580px;}

   #SlickRecipe{width:216px;margin-left:0;}
   #SlickRecipe .item:nth-child(1){width:100%;}
   #SlickRecipe .item:nth-child(2){top:223px;width:100%;}
   #SlickRecipe .item:nth-child(3){top:446px;left:0;width:100%;}
}
@media only screen and (max-width:1023px){
 #Recipe{width:680px;padding:0 10px;}
 .page-recipe .section-title{max-width:480px;margin:40px auto 20px;}

 #Recipe .recipe{padding-top:20px;}
 #Recipe .article-content{padding-left:10px;width:100%;}
 #Recipe .time{margin:50px 0 40px;}

 #Recipe .img-holder{width:100%;height:390px;}
 #SlickRecipe{width:100%;}
 #SlickRecipe .item{position:absolute;top:0;left:0;}
 #SlickRecipe .item:nth-child(1){width:385px;}
 #SlickRecipe .item:nth-child(2){top:0;width:180px;left:auto;right:20px;}
 #SlickRecipe .item:nth-child(3){top:196px;width:180px;left:auto;right:20px;}
}
@media only screen and (max-width:767px){
 #Recipe{width:320px;}
 .page-recipe .section-title{width:280px;padding:45px 0 95px;}
 .page-recipe .section-title .sub-title{padding:5px 0 13px;}
 #Recipe .time{background-size:65px auto;margin:25px 0 15px;padding-left:75px;}
 #Recipe .img-holder{width:100%;height:350px;}
 #SlickRecipe{width:280px;margin:0 auto;}
 #SlickRecipe .item{position:absolute;top:0;left:0;}
 #SlickRecipe .item,
 #SlickRecipe .item:nth-child(1),
 #SlickRecipe .item:nth-child(2),
 #SlickRecipe .item:nth-child(3){top:auto;width:auto;left:auto;right:auto;position:relative;bottom:auto;}
 #SlickRecipe a.hover{left:auto;top:auto;}
 #Article .article-content{width:85%;}
}


#SlickCategory{margin:-230px auto 0;max-width:1440px;}
#SlickCategory .box:nth-child(1) .content img{margin-left:-50px;}
#SlickCategory .box:nth-child(2) .content img{margin-left:-60px;}
#SlickCategory .box:nth-child(3) .content img{margin-left:-60px;}
#SlickCategory .box:nth-child(4) .content img{margin-left:-70px;}
#SlickCategory .btn-holder{max-width:260px;margin:-40px auto 0;text-align:center;font-size:20px;}
 

@media (min-width:1699px) {
  #SlickCategory .box:nth-child(1) .content img{margin-left:-100px;}
  #SlickCategory .box:nth-child(2) .content img{margin-left:-130px;}
  #SlickCategory .box:nth-child(3) .content img{margin-left:-100px;}
  #SlickCategory .box:nth-child(4) .content img{margin-left:-130px;}
}

@media (max-width:1600px){
 .page-category .section-title{padding-top:90px; padding-bottom: 95px;}
 .page-soups .section-title{padding-top:90px; padding-bottom: 95px;}
 #SlickCategory{max-width:1120px;margin-top:-200px/*-140px*/;}
 #SlickCategory .box .content img{width:400px;height:auto;}

 .category-productList #SlickCategory .box .content img {width:370px;height:auto;}
 /* .page-soups img {height: 450px;} */
}
@media only screen and (max-width:1199px){
 #SlickCategory{max-width:845px;margin-top:-120px;margin-bottom:-10px;}
 #SlickCategory .box .content img{width:340px;height:auto;}
 #SlickCategory .btn-holder{font-size:14px;}
 #SlickCategory .box:nth-child(1) .content img{margin-left:-80px;}
 #SlickCategory .box:nth-child(2) .content img{margin-left:-95px;}
 #SlickCategory .box:nth-child(3) .content img{margin-left:-70px;}
 #SlickCategory .box:nth-child(4) .content img{margin-left:-85px;}
}
@media only screen and (max-width:1023px){
 #SlickCategory{margin-top:-220px;width:100%;}
 #SlickCategory .box .content{width:480px;margin:0 auto;}
 #SlickCategory .box .content img,
 #SlickCategory .box:nth-child(1) .content img,
 #SlickCategory .box:nth-child(2) .content img,
 #SlickCategory .box:nth-child(3) .content img{width:550px;margin-left:-30px;}
 #SlickCategory .btn-holder{font-size:20px;}
 #SlickCategory .slick-prev{position:absolute;top:220px;right:25%;margin:0 -45px;}
 #SlickCategory .slick-next{position:absolute;top:220px;left:25%;margin:0 -45px;}
}


@media only screen and (max-width:767px){
 #SlickCategory{margin-top:-80px;}
 #SlickCategory .box .content{width:300px;}
 #SlickCategory .box .content img,
 #SlickCategory .box:nth-child(1) .content img,
 #SlickCategory .box:nth-child(2) .content img,
 #SlickCategory .box:nth-child(3) .content img{width:370px;margin-bottom:14px;}
 #SlickCategory .slick-prev{top:40px;right:50%;margin:0 -125px;}
 #SlickCategory .slick-next{top:40px;left:50%;margin:0 -125px;}
}

.page-soups .btn-holder a{font-size:20px;max-width:200%;}
.page-soups .btn-holder .page-prev{float:left;}
.page-soups .btn-holder .button-center{float:none; display: inline-block;}
.page-soups .btn-holder .page-next{float:right;}
.page-soups .section-title{/* max-width:300px; */margin:0 auto;padding-top: 90px;}

.page-category .section-title{padding-top: 90px;}

.page-category .scroll-slide.go-next,
.page-soups .scroll-slide.go-next {right: 6%; left: inherit; top: 54%; margin: 0;z-index: 999;}
.page-soups .scroll-slide.go-next {right: inherit; left: 6%; transform: rotate(180deg);}
.page-category .scroll-slide i,
.page-soups .scroll-slide i {font-size: 52px; margin: -1px 0 0 21px;}

.page-category .scroll-slide.go-next.go-left {right: inherit; left: 6%; transform: rotate(180deg);z-index: 998;}

/* #SlickSoups{margin:-70px auto 0;max-width:1020px;} */
#SlickSoups{margin:-40px auto 0;max-width: 1400px;}
#SlickSoups .box:nth-child(1) .content img{margin-left:-70px;}
#SlickSoups .box:nth-child(2) .content img{margin-left:-20px;}
#SlickSoups .btn-holder{margin:-35px auto 0;font-size:20px;position:relative;}

@media only screen and (max-width:1600px){
  .page-soups .section-title{padding-top: 50px;}
  .page-category .section-title{padding-top: 50px;}

  .page-category .scroll-slide.go-next,
  .page-soups .scroll-slide.go-next {width: 60px; height: 60px;}
  .page-category .scroll-slide i,
  .page-soups .scroll-slide i {font-size: 48px; margin: -8px 0 0 11px;}

  #SlickSoups {max-width: 1010px;}
}
@media only screen and (max-width:1199px){
 .page-soups .btn-holder{text-align:center;}
 .page-soups .btn-holder a{font-size:14px;}
 .page-soups img {height: auto;}
 .page-soups .section-title{padding-top: 90px;}
.page-category .section-title{padding-top: 90px;}
 #SlickSoups{width: 850px;margin-top:-20px;}
 #SlickSoups .box .content img{width:350px;}
 #SlickSoups .box:nth-child(1) .content img{margin-left:0;}
 #SlickSoups .box:nth-child(2) .content img{margin-left:0;}
}


@media only screen and (max-width:1023px){
 .page-soups .btn-holder a{font-size:20px;}
 .page-soups .btn-holder .page-prev i,
 .page-soups .btn-holder .page-next i{display:block;position:absolute;top:0;left:50%;margin-left:-20px;}
 .page-soups .btn-holder .page-prev,
 .page-soups .btn-holder .page-next{float:none;display:block;position:relative;padding:50px 0 0;}
 #SlickSoups{margin-top:0;width:100%;}
 #SlickSoups .box .content{width:480px;margin:0 auto;}
 #SlickSoups .box .content img,
 #SlickSoups .box:nth-child(1) .content img,
 #SlickSoups .box:nth-child(2) .content img{width:540px;margin-left:-60px;}
 #SlickSoups .btn-holder{font-size:20px;margin-top:-55px;}
 #SlickSoups .slick-prev{position:absolute;top:-20px;right:25%;margin:0 -45px;}
 #SlickSoups .slick-next{position:absolute;top:-20px;left:25%;margin:0 -45px;}
}

@media only screen and (max-width: 992px) {
  .page-category .section-title {
      padding-top: 150px;
  }
}

@media only screen and (max-width:767px){
 .page-soups .btn-holder a{font-size:20px;}
 #SlickSoups{margin-top:30px;}
 #SlickSoups .box .content{width:300px;}
 #SlickSoups .box .content img,
 #SlickSoups .box:nth-child(1) .content img,
 #SlickSoups .box:nth-child(2) .content img{width:320px;margin-left:-10px;}
 #SlickSoups .btn-holder{margin-top:-30px;}
 #SlickSoups .slick-prev{top:-65px;right:50%;margin:0 -125px;}
 #SlickSoups .slick-next{top:-65px;left:50%;margin:0 -125px;}
 .policy {font-size: 13px;}
 .page-soups .go-next {display: none;}

 .page-category .scroll-slide.go-down,
.page-category .scroll-slide.go-prev,
.page-category .scroll-slide.go-next {display: none;}
}


#Podglad {position: relative; float: left;}

#Podglad .imageBox {position: relative; height: 443px; width: 560px; border: 4px solid #fff; border-radius: 10px; overflow: hidden; background-repeat: no-repeat; cursor: move;}
#Podglad .imageBox .thumbBox{position: absolute; top:0; left:0; width:100%; height:100%; border:0px solid red; box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.2); background: none repeat scroll 0% 0% transparent;}
#Podglad .imageBox .thumbBox span {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: -1;}
#Podglad .imageBox .thumbBox ol {position: absolute; left: 53%; top: 50%; transform: translate(-50%, -50%); text-align: center; z-index: -1; width: 80%}
#Podglad .imageBox .thumbBox ol li {margin-bottom: 10px; padding: 5px; list-style: decimal;}

#Podglad .img-holder{float:right;margin-top: -140px;}
#Podglad .Podglad-buttons{float:right; position: relative;}
#Podglad .action{position:absolute; top:0; right: 20px;width: 30px;}
#Podglad .container{padding: 0 60px 0 60px; position: relative;z-index: 10;}
#contestFile {display: none;}

.Podglad-buttons{}
.Podglad-buttons{text-align:center;width: 430px;padding: 50px 0 0;}
.Podglad-buttons h1{color:#fff; font-size:25px;font-weight: 400;}

#Podglad .Podglad-buttons .dodajZdjecie{background: #004f91 url(../gfx/btn-forward.png) no-repeat 50% 50%; border-radius:10px; border:3px solid #fff;width: 207px;height: 79px;margin: 57px 0 35px;}
#Podglad .Podglad-buttons #ShowAddImage{background: #fff url(../gfx/btn-change-photo.png) no-repeat 50% 19px; border-radius:10px;width: 207px;height: 50px;border: 0;}
#Podglad .Podglad-buttons #ShowAddImage:disabled, #Podglad .Podglad-buttons #dodajZdjecie:disabled {opacity:0.5;}
#Podglad .onclick {width: 100%; height: 100%}

/* contest */
.contest-menu {text-align: center; font-size: 16px; font-weight: 300; text-transform: uppercase;}
.contest-menu li{display: inline-block; margin-right: 40px; opacity: 0.6;}
.contest-menu li.active{opacity: 1;}
.contest-menu li:hover{opacity: 1;}

.contest .section-title{padding-bottom: 20px;}
.contest .list-heading{margin-top: 15%; margin-bottom: 30px; margin-left: 10px; font-size: 20px;}
.contest .list-heading br{display: none;}
.contest #Article .article-content ol {margin-bottom: 50px; margin-left: 35px;}
.contest #Article .article-content ol li {list-style: decimal; margin: 0; padding-left: 10px; line-height: 40px;}
.contest #Article .article-content ol li span{display: none;}
.contest #Article {margin-left: 15.3%;}

.contest-img-left{position: absolute; height: auto; left: -1%; top: 53%; transform: translateY(-50%);}
.contest-img-right{position: absolute; right: 60px; bottom: 13%;}
.contest label{font-size:15px;font-weight:300; margin-left: 25px; cursor: pointer;}
.contest label input{background:#000;border:1px solid #444;width:25px;height:25px;display:none;}
.contest label input + span{display:inline-block;width:25px;height:25px;background:#151515 no-repeat 50% 50%;border:3px solid #444;vertical-align:bottom;margin:0 3px 0 0;}
.contest label input:checked + span{background-image:url(../gfx/check.png);}
.contest .submit {display: block; background-color: transparent; border: none; cursor: pointer; margin-top: 30px; font-size: 30px; color: #444; text-transform: uppercase; transition: color 0.5s; font-weight: 300; overflow: visible;}
.contest .arrow {display: inline-block; width: 75px; height: 75px; border-radius: 60px; border: 3px solid #444; margin: 0 20px 0 0; background: rgba(0,0,0,.15); transition: border-color .5s;}
.contest .arrow i{color: #444; font-size: 32px; margin: 16px 0 0 4px; transition: color .5s;}
.contest .submit:hover {color: #fff;}
.contest .submit:hover .arrow {border-color: #fff;}
.contest .submit:hover .arrow i{color: #fff;}
.contest #Article{letter-spacing: 0.06em;}
.contest-img-xs{display: none;}

/* contest-gallery */
.contest-gallery #Oy{z-index: 1;}
.contest-gallery #Oy .title{background-color: #fff; color: #000; text-transform: uppercase; padding: 0 15px 20px;}
.contest-gallery .lead{font-size: 22px; line-height: 26.4px; margin: 70px auto 40px; min-height: 52px;}
.contest-gallery .section-title {padding: 50px 0 20px;}
.contest-gallery .pagination {margin: 30px auto 0;}
.contest-gallery .img-leaf {position: absolute; display: block; width: 346px; height: auto; right: 0; top: 110px;}

.contest-results-gallery .lead a {display: inline-block; font-size: 15px; border: 1px solid #FFFFFF; padding: 5px 10px; width: 215px;}
.contest-results-gallery .lead a.active {background-color: #fff; color: #000;}
.contest-results-gallery .lead a:first-child {margin-right: 20px;}

.contest-results .content-holder {min-height: 86vh;}
.contest-results .img-contest{position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%);}
.contest-results .lead{z-index: 1;}
.contest-results .lead span {color: #E40613;}
.contest-results .lead b {font-weight: 500;}
.contest-results .contest-img-xs{display: none;}

.contest-upload .boxes{position: relative; margin-top: 110px; padding-left: 8.2%;}
.contest-upload #Podglad .img-holder{float: left;}
.contest-upload #Podglad .imageBox{width: 430px; height: 430px; border-radius: 0; border: 15px solid #ffffff;}
/* .contest-upload .contact-form form{max-width: 620px;} */
.contest-upload .contact-form {width: 60%;}
.contest-upload .contact-form input{margin-bottom: 10px;}
.contest-upload .contact-form p{font-size: 20px; font-weight: 300; /*text-transform: uppercase;*/ margin-bottom: 30px;}
.contest-upload .contact-form p.label-form {text-transform: uppercase;}
.contest-upload .contact-form .label-form {white-space: nowrap;}
.contest-upload input::-webkit-input-placeholder{text-transform: uppercase; font-size: 14px;}
.contest-upload input:-moz-placeholder{text-transform: uppercase; font-size: 14px;}
.contest-upload input::-moz-placeholder{text-transform: uppercase; font-size: 14px;}
.contest-upload input:-ms-input-placeholder{text-transform: uppercase; font-size: 14px;}
.contest-upload .required-info {display: block; margin: 20px 0 15px;}
.contest-upload textarea {resize: none; height: 145px;}
.contest-upload button {position: absolute; bottom: -100px; left: 49.5%;}
.contest-upload .bylaw p,
.contest-upload .form-info {color: #999999; font-size: 11px; font-weight: 300; line-height: 16.5px;}
.contest-upload .bylaw {display: block; position: relative;}
.contest-upload .bylaw p {position: absolute; top: 0; left: 45px;}
.contest-upload .bylaw span {margin-left: 5px;}
.contest-upload .form-info {display: block; margin-top: 60px;}
.contest-upload #Podglad .img-holder {margin-top: -20px;}
.contest-upload #Podglad .container {padding: 0 30px 0 60px;}
.contest-upload .img-leaf-2 {position: absolute; left: -181px; bottom: -10%;}
.contest-upload .img-descr {color: #999999; margin-top: 5px; font-size: 11px;}
.contest-upload .btn-zoom-wrapper {display: none; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); z-index: 20;}
.contest-upload .btn-zoom {display: inline-block; width: 50px; height: auto;}
.contest-upload .btn-zoom:not(:last-child) {margin-right: 20px;}
#contest-textarea-counter {position: relative;}
#contest-textarea-counter:before {content: attr(data-counter); position: absolute; bottom: 5px; right: 10px; font-size: 11px; font-weight: 300;}
.contestImg .img {display: none;}
.contestImg .descr {display: none;}
.gallery-modal {display: flex; flex-wrap: wrap; width: 770px; max-width: 770px;}
.gallery-modal .col {width: 50%;}
.gallery-modal .col-descr {padding-left: 20px;}

@media (max-width:1800px){}
@media (max-width:1600px){
  .contest-img-left{width: 370px;}
  .contest .list-heading{font-size: 15.3px;}
  .contest #Article .article-content ol li {font-size: 12.23px; line-height: 30.57px;}
  .contest .section-title{padding-top: 30px;}
  #Article .article-content {width: 100%;}
  .contest-img-right{width: 550px; right: 2%;}
  .contest #Article {margin-left: 21.3%;}
  .contest .list-heading {margin-top: 13%;}
  .contest #Article .article-content ol {margin-bottom: 25px;}
  .contest #Article .article-content .tiny {padding-bottom: 0;}
  .contest .content-holder {padding-bottom: 0;}
  .contest .list-heading {margin-top: 12%; margin-bottom: 15px;}
  .contest .submit {font-size: 23px; margin-left: 5px;}
  .contest .arrow {width: 60px; height: 60px;}
  .contest .arrow i {margin: 9px 0 0 4px;}
	 .err .err_cont .err-title{margin-bottom: 50px;}
  .contest-gallery .lead {margin: 40px auto;}
  .contest-gallery .pagination {margin: 0 auto;}
  .contest-gallery .content-holder {padding: 30px 0 0;}
  .contest-gallery .img-leaf {width: 250px;}

  .contest-results .lead {font-size: 18px;}
  .contest-results .img-contest {width: 527px;}

  .contest-upload #Podglad .imageBox {width: 350px; height: 350px;}
  .contest-upload .boxes {margin-top: 50px;height: 420px;}
  .contest-upload .contact-form .label-form {font-size: 16px; margin-bottom: 20px;}
  .contest-upload #Podglad .img-holder {margin-top: 0;}
  .contest-upload .required-info {display: block; margin: 10px 0 15px;}
  .contest-upload .contact-form input {height: 40px;}
  .contest-upload .form-info {margin-top: 50px;}
  .contest-upload .box-2 {width: 60%;}
  .contest-upload button {bottom: -11px;}
  .contest-upload .img-leaf-2 {bottom: 0; left: -123px; width: 270px;}
  .contest-upload .contact-form .label-form {white-space: normal;}

  .contest-upload .contact-form input{padding: 10px 15px;}
  .contest-upload textarea {height: 50px;}

  #Podglad .imageBox .thumbBox{font-size: 12px;}
  .contest-upload .bylaw p, .contest-upload .form-info {font-size: 10px;}
  .contest-upload .form-info {margin-top: 35px;}
  .contest-upload textarea {height: 68px;}
  .contest .article-content {font-size: 12.23px;}
}
@media only screen and (max-width:1199px){
  .contest-img-left{display: none;}
  .contest #Article {margin-left: 0;}
  .contest .section-title {padding-top: 100px;}
  .contest-img-right {bottom: 20%; width: 470px;}
  .contest .list-heading {margin-top: 17%;}
  .contest label {font-size: 12.3px;}
	.err{display: block;}
	.err .err_cont .err-title{margin-bottom: 50px;}
  .contest-gallery #Oy {text-align: center;}
  .contest-gallery #Oy .box{float: none; display: inline-block; width: 32.333%;}
  .contest-gallery #Oy .box:nth-child(n+4){margin-top: 30px;}
  .contest-gallery .section-title {padding: 100px 0 20px;}
  .contest-gallery .img-leaf {top: 150px;}

  .contest-results-gallery .img-leaf {width: 226px; right: -47px; top: 165px;}
  .contest-results .img-contest {width: 620px;}

  .contest-upload .boxes {padding-left: 0;}
  .contest-upload #Podglad .imageBox {width: 300px;height: 300px;}
  .contest-upload #Podglad .container {padding: 0px 20px 0 10px;}
  .contest-upload .box-2 {width: 60%;}
  .contest-upload .form-info {margin-top: 63px;}
  .contest-upload button {bottom: -35px;}
  .contest-upload .img-leaf-2 {display: none;}
}
@media only screen and (max-width:1023px){
  .contest .section-title {font-size: 30px;}
  .contest .section-title {padding-top: 140px;}
  .contest .list-heading {margin-top: 330px;}
  .contest #Article {margin-left: 10%; width: 86%;}
  .contest-img-right {bottom: 45%; right: 50%; transform: translateX(50%);}
  .contest-gallery .section-title {padding: 118px 0 20px;}
  .contest-gallery .img-leaf {top: 223px; right: -37px; width: 142px;}
	.err{display: block;}
	.err .err_cont .err-title{margin-bottom: 40px;}
  .contest-results-gallery .img-leaf {top: 239px; right: -58px; width: 134px;}
  .contest-results .img-contest {width: 720px; bottom: 70px}

  .contest-upload .box-2 {width: 100%;}
  .contest-upload .boxes {min-height: 780px;}
  .contest-upload #Podglad .img-holder {float: none; display: block; width: 350px; margin: 0 auto 30px;}
  .contest-upload button {left: 50%; transform: translateX(-50%);}
  .contest-upload .submit {display: flex; align-items: center; bottom: -30px;}
  #Podglad {width: 100%;}
}
@media only screen and (max-width:767px){
  .contest {padding: 0; margin: 0 auto; max-width: 320px;}
  .contest .section-title {font-size: 25px; padding-top: 30px; padding-bottom: 25px; }
  .contest-menu li {display: block; margin-bottom: 5px; margin-right: auto;} /* margin-bottom: 25px; */
  .contest-img-right{display: none;}
  .contest-img-xs{display: block; height: auto;}
  .contest #Article {margin-left: 0;width: 100%;}
  .contest #Article {padding: 0;}
  .contest .list-heading {margin: 80px auto 20px; max-width: 250px; text-align: center; font-size: 20px;}
  .contest .list-heading br {display: block;}
  .contest #Article .article-content ol {text-align: center; list-style: none; margin-left: 0;}
  .contest #Article .article-content ol li {list-style: none; max-width: 280px; margin: 0 auto;}
  .contest #Article .article-content ol li br{display: none;}
  .contest #Article .article-content ol li span{display: block; margin-top: 5px;}
  .contest label {display: block; text-align: center; max-width: 250px; margin: 0 auto; line-height: 24px;}
  .contest label input + span{display: block; margin: 0 auto 10px;}
  .contest .submit {position: relative; margin: 40px auto 0;}
	.err{display: flex;}
  .contest-gallery #Oy .box {float: left; display: block; width: 100%; margin-bottom: 30px;}
  .contest-gallery #Oy .box:nth-child(n+4){margin-top: 0;}
  .contest-gallery .img-leaf{display: none;}

  .contest-results-gallery .lead a {display: block; margin: 0 auto;}
  .contest-results-gallery .lead a:first-child {margin: 0 auto 20px;}
  .contest-results .img-contest {display: none;}
  .contest-results .contest-img-xs{display: block;}

  .contest-upload {padding: 0 10px}
  .contest-upload #Podglad .imageBox {border: 10px solid #ffffff;}
  .contest-upload .boxes {margin-bottom: 80px;}
  .contest-upload label {max-width: inherit;}
  .contest-upload .bylaw p {position: static; text-align: left;}
  .contest-upload .boxes {height: auto;}
  .contest-upload .submit {position: absolute; bottom: -90px;}
  .contest-upload .form-info {margin-top: 0;}
  .contest .submit {font-size: 16px;}
  .contest-upload .bylaw span {margin-left: auto; margin-top: 40px;}
  .gallery-modal .col {width: 100%;}
  .gallery-modal .col-descr {padding: 20px 0;}
  .contest-upload .loaded .btn-zoom-wrapper {display: block;}
}


/* kubek landing page */
.cup .img-wrapper {display: none;}
.cup .footer .subpage {padding-bottom: 15px;}
.cup #Board .pattern,
.cup #Board .border-1,
.cup #Board .border-2,
.cup #Board .border-3 {display: none;}
.cup .slider-vertical {position: absolute; height: 500px; width: 3px; right: 13.7%; top: 108%; background-color: #434343; border: none;}
.cup .slider-vertical:after {content: ''; position: absolute; height: 560px; width: 3px; top: 66%; transform: translateY(-66%); background-color: #434343;}
.cup .slider-vertical .ui-slider-range {background-color: transparent;}
.cup .slider-vertical .ui-slider-handle {background-color: #151515; width: 40px; height: 40px; margin-left: -14px; border: 3px solid #3eb02c; border-radius: 100%; cursor: pointer; margin-bottom: -1em;}
.cup .slider-vertical .ui-slider-handle.color-1{border-color: #3eb02c;}
.cup .slider-vertical .ui-slider-handle.color-2{border-color: #fd8008;}
.cup .slider-vertical .ui-slider-handle.color-3{border-color: #d61e1d;}
.cup .img-wrapper {position: absolute; width: calc(100vw - 80px); height: calc(100vh - 80px); top: 40px; left: 40px; overflow: hidden;}
.cup .img-holder {position: relative;}
.cup .item-holder {position: absolute; top: 0; height: 0; width: 100%; overflow: hidden;}
.cup .item-holder img {width: 100%;}
.cup .item-1 {width: 100%;}
.cup .item-1024 {display: none;}
.cup .item-768 {display: none;}
.cup .item-320 {display: none;}
.cup .link {position: absolute; width: 40px; height: 40px; background-color: #000000; border: 3px solid #444444; border-radius: 100%; cursor: pointer; transition: all 0.5s; z-index: 100;}
.cup .link.hover-btn{border-color: #3eb02c;}
.cup .link.color-1.hover-btn{border-color: #3eb02c;}
.cup .link.color-2.hover-btn{border-color: #fd8008;}
.cup .link.color-3.hover-btn{border-color: #d61e1d;}
.cup .link span {display: none;}
.cup .link-1 {top: 24%; left: 46%;}
.cup .link-2 {top: 43%; left: 59.9%;}
.cup .link-3 {top: 55%; left: 43%;}
.cup .caption {position: absolute; width: 440px;}
.cup .caption .caption-heading {font-size: 20px; text-transform: uppercase; margin-bottom: 25px; line-height: 25px; letter-spacing: 0.15em; cursor: pointer;}
.cup .caption-heading {transition: all 0.5s;}
.cup .caption-heading.hover-btn {color: #3eb02c;}
.cup .caption-heading.hover-btn.color-1 {color: #3eb02c;}
.cup .caption-heading.hover-btn.color-2 {color: #fd8008;}
.cup .caption-heading.hover-btn.color-3 {color: #d61e1d;}
.cup .caption .caption-heading span {display: none;}
.cup .caption .caption-subheading,
.cup .caption .caption-subheading-sm-1,
.cup .caption .caption-subheading-sm-2 {display: none; position: absolute; font-size: 15px; font-weight: 300; line-height: 25px; letter-spacing: 0.15em;}
.cup .caption-1 {top: 24.4%; left: 49.5%; width: 650px;}
.cup .caption-1 .caption-subheading {margin-left: 200px;}
.cup .caption-2 {top: 43%; left: 63%; width: 400px;}
.cup .caption-2 .caption-heading {margin-bottom: 10px; transition: all 0.5s;}
.cup .caption-2 .caption-heading br {display: none;}
.cup .caption-2 .caption-subheading {margin-left: 50px;}
.cup .caption-3 {top: 56.2%; right: 58.5%; text-align: right;}

.cup .water {position: absolute; width: 280px;}
.cup .water-1 {top: 56%; left: 48.5%; z-index: 1; transform-origin: 30% 0%; animation: water1 1.2s ease-in infinite alternate;}
.cup .water-2 {top: 62%; left: 54%; transform-origin: 30% 0%; animation: water2 1.2s ease-in 0.8s infinite alternate;}

.cup .origami {position: absolute;}
.cup .origami-1 {top: 20%; left: 19.4%; animation: origami 2s ease-in-out infinite alternate;}
.cup .origami-2 {top: 25.5%; left: 25.5%; animation: origami 2s ease-in-out 1s infinite alternate;}
.cup .origami-content {position: relative;}
.cup .origami-content:before {content: ''; position: absolute; bottom: 80px; display: block; width: 1px; height: 400px; background-color: #fff; opacity: 0.09; z-index: -1;}
.cup .origami-1 .origami-content:before {left: 39%;}
.cup .origami-2 .origami-content:before {left: 62%;}


.oyakata__product__item footer {
    position: absolute;
    bottom: -10px;
    width: 100%;
    z-index: 10;
  }

  @media screen and (max-width: 992px) {
    .oyakata__product__item footer {
        bottom: -25px;
      }
  }
  @media screen and (max-width: 767px) {
    .oyakata__product__item footer {
        bottom: -70px;
      }
  }

.cup .section-title {padding: 40px 0 80px; z-index: 1;}

@keyframes water1 {
  from {transform: rotate(0deg) translate(0, 0px);}
  to {transform: rotate(-10deg) translate(10px, 8px); }
}

@keyframes water2 {
  from {transform: rotate(0deg) translate(-10px, -15px);}
  to {transform: rotate(-10deg) translate(10px, 15px); }
}

@keyframes origami {
  from {transform: translate(0, 0);}
  to {transform: translate(0, 16%);}
}


@media screen and (min-width: 1200px) {
  .cup {overflow: hidden;}
  .cup .caption .caption-subheading-sm-1,
  .cup .caption .caption-subheading-sm-2 {display: none !important;}
}

@media only screen and (max-width:1600px) {
  .cup .footer .subpage {padding-bottom: 0;}
  .cup .water {width: 214px; height: auto;}

  .preparation-img {
    margin-top: 20px;
  }

  .cup .caption .caption-heading {font-size: 17px; margin-bottom: 10px;}

  .cup .caption-1 {left: 50.5%;}
  .cup .caption-2 {left: 64%; top: 48%;}
  .cup .caption-3 {}

  .cup .caption-1 {width: 500px;}
  .cup .caption-1 .caption-heading {margin-bottom: 5px;}
  .cup .caption-1 .caption-subheading {margin-left: 40px;}
  .cup .caption-2 {width: 360px;}
  .cup .caption-2 .caption-subheading {margin-left: 95px;}

  .cup .link-2 {top: 47%; left: 59.5%;}

  .cup .slider-vertical {height: 290px; top: 92%; right: 7.7%;}
  .cup .slider-vertical:after {height: 350px;}
  .cup .item-holder {width: inherit;}

  .cup .origami-1 {width: 94px;}
  .cup .origami-2 {width: 110px;}
  .cup .origami-content:before {bottom: 50px;}
}

@media only screen and (max-width:1199px) {
  .cup .footer .subpage {padding-bottom: 15px;}
  .cup .img-wrapper {width: calc(100vw - 50px); height: calc(100vh - 50px); top: 25px; left: 25px;}
  .cup .item-1920 {display: none;}
  .cup .item-1024 {display: block;}

  .cup .link-1 {top: 26.5%; left: 42%;}
  .cup .link-2 {top: 46%; left: 62.9%;}
  .cup .link-3 {top: 55%; left: 40%;}
  .cup .water-1 {top: 58%;}
  .cup .water-2 {top: 65%; left: 56%;}
  .cup .caption-1 {left: 48.5%; top: 27.4%; width: 450px;}
  .cup .caption-2 {left: 69%; top: 46%; width: 250px;}
  .cup .caption-3 {right: 61.5%; width: 350px;}

  .cup .origami {display: none;}
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .cup .caption-1 .caption-subheading,
  .cup .caption-2 .caption-subheading {display: none !important;}
}

@media only screen and (max-width:1023px) {
  .cup .img-wrapper {width: calc(100vw - 40px); height: calc(100vh - 40px); top: 20px; left: 0;}

  .cup .item-1024 {display: none;}
  .cup .item-768 {display: block;}

  .cup .link-1 {top: 37.5%; left: 36%;}
  .cup .link-2 {top: 48%; left: 63.9%;}
  .cup .link-3 {top: 59%; left: 33%;}

  .cup .caption-1 {left: 44.5%; top: 38%;}
  .cup .caption-2 {left: 71%; top: 48%;}
  .cup .caption-3 {top: 64.2%;}

  .cup .caption .caption-heading {font-size: 16px;}
  .cup .caption-2 {width: 150px;}
  .cup .caption-2 .caption-heading br {display: block;}
  .cup .caption-3 {width: 270px;}

  .cup .water-1 {top: 60%; left: 45%;}
  .cup .water-2 {left: 55%;}

  .cup .slider-vertical {height: 510px; top: 116%; right: 4.7%;}
  .cup .slider-vertical:after {height: 570px; }

  .cup .section-title {padding: 124px 0 80px; font-size: 30px;}
}

@media only screen and (max-width:767px) {
  .cup .footer {max-width: 100%; height: 100px; padding-left: 20px; padding-right: 20px;}
  .cup .footer .subpage {padding-bottom: 0;}

  .cup .img-wrapper {width: 100vw; height: initial; top: 0; left: 0; background-color: #181818;}

  .cup .slider-vertical {height: 360px; right: 8.7%; top: 89%;}
  .cup .slider-vertical:after {height: 400px;}
  .cup .slider-vertical .ui-slider-handle {width: 25px; height: 25px; margin-left: -6px;}

  .cup .item-768 {display: none;}
  .cup .item-320 {display: block;}

  .cup .img {width: initial;}

  .cup .caption-container {margin-top: -200px;}
  .cup .caption {position: static; width: 100% !important; text-align: left !important; padding: 0 20px; margin-bottom: 20px;}
  .cup .caption .caption-heading{position: relative; padding-left: 25px;}
  .cup .caption .caption-heading span {position: absolute; left: 0; display: inline-block; line-height: 25px;}
  .cup .caption .caption-heading br {display: none;}
  .cup .caption-subheading-sm-1,
  .cup .caption-subheading-sm-2 {display: none !important;}
  .cup .caption-subheading {position: static !important; margin: 0 0 10px 0 !important; padding-top: 10px; padding-left: 25px;}
  .cup .section-title {font-size: 25px; padding-top: 65px;}

  .cup .link {text-align: center; padding: 7px 13px;}
  .cup .link span {display: block;}
  .cup .link-1 {top: 297px; left: 30px;}
  .cup .link-2 {top: 438px; left: 4px;}
  .cup .link-3 {top: 398px; left: 160px;}

  .cup .water {width: 150px;}
  .cup .water-1 {top: 457px; left: 21%;}
  .cup .water-2 {top: 495px; left: 36%;}
}

.not-found {font-weight: bold;}

#Podglad .imageBox .thumbBox .close {position: absolute;left: 90%;top: 40px;transform: translate(-50%, -50%);text-align: center;z-index: 2;}
#Podglad .imageBox .thumbBox .close {display: none;width: 30px;height: 30px;border: 3px solid #000;border-radius: 20px;color:#000;margin: 0 15px 0 0;vertical-align: middle;padding: 0 0 0 3px;min-width: 20px;text-align: center;line-height: 22px;cursor: pointer;}


.page-blog .box-man .content {min-height: 0; height: 0 !important;}

#Blog .tal.box .content.eq {min-height: 550px;}

#Blog .tal.box {padding-top: 50px;}

.subcategory-blog .subheading {width:100%;}

.img-small, .img-medium, .img-large {}
.img-small, .img-medium {display: none;}

@media only screen and (max-width:1199px){
	.img-large {display: none;}
	.img-medium {display: block;}
	.img-small {display: none;}
}

@media only screen and (max-width:1366px){
	.img-large {display: none;}
	.img-medium {display: block;}
	.img-small {display: none;}
}

@media only screen and (max-width:767px){
	.img-large {display: none;}
	.img-medium {display: none;}
	.img-small {display: block; margin-left: auto; margin-right: auto;}
}

@media (max-width:1400px) and (max-height:640px) {

  .category-productList #SlickCategory .box .content img {
      width: 340px;
      height: auto;
  }

  #SlickCategory .box:nth-child(1) .content img {
    margin-left: -35px;
  }

  #SlickCategory .box:nth-child(2) .content img {
    margin-left: -40px;
  }

  #SlickCategory .box:nth-child(3) .content img {
    margin-left: -35px;
  }

  #SlickCategory .box:nth-child(4) .content img {
    margin-left: -40px;
}

.preparation-img {
  margin-top: 10px;
}

.slick-prepare + .btn-holder {
      margin: 0px 0 0
}

}


.product-list-page #SlickCategory{}

.product-list-page #SlickCategory .content{
  margin-right: 0 !important;
  margin-left: 0 !important;
}
 
.product-list-page #SlickCategory .content img{
  width: 100% !important;
  padding: 0 25px;
}


@media only screen and (max-width: 1023px) {
  .page-category .section-title {
    padding-top: 70px !important;
  }

  .page-category #SlickCategory,
  .page-soups #SlickSoups {
    padding-bottom: 50px;
  }

  
}