/*-----------------------------*/
/*        GRILL PAGE         */
/*-----------------------------*/

.info-popup h3 { margin-bottom: 30px; }

.fancybox-is-open .fancybox-bg { width:100%; height:100%; background: #fff; opacity:0.95 !important; }

@media screen and (max-width: 823px) and (orientation: landscape) {
#bgh-custom.collection-page .grill-categories .grill-category{
max-height: 100vh;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle:after{
max-height: 36vh;
}
#bgh-custom.collection-page .grill-categories .grill-category.show:after{
height: 100vh;
max-height: 100vh;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle.show .container-category p{
font-size:4vh;
}
}

.video_container { max-width:100%; overflow: hidden;}

.search-open-icon {
	background:url('/grill_promo/img/grill/search.svg') center / cover no-repeat;
	width: 10%;
    height: 10%;
    position: absolute;
    right: 7%;
    bottom: 9%;
	opacity:0.65;
}
.search-open-icon.v2 { opacity:1; 
-webkit-transition: opacity .15s ease;
  -o-transition: opacity .15s ease;
  transition: opacity .15s ease;
}

.Desktop .search-open-icon { display:none !important; }

	.video_container.n1.start { display:block }
	.video_container.n2.start { display:none }
@media all and (max-width: 485px) {
	.video_container.n1.start { display:none }
	.video_container.n2.start { display:block }
	
}
@media only screen and (min-width: 1366px) {
	#bgh-custom .collection-logo h3 {
		width: 70px;
		height: 70px;
	}
	#bgh-custom .grill .collection-header .collection-logo h3 { background-size: 91px 91px; }
}

@media all and (max-width: 1023px) {
	#bgh-custom.collection-page .collection-header { position: relative !important; }	
}

.grill-category { margin-top:-1px !important; }
.ssticky-fl { display:none; }

#custom-cta-tag .cta-content,#custom-cta-tag  { display:none; }
.popup.is-active { ddisplay:none; }

.nodisplay { display:none !important; }
.vis-none { vvisibility:hidden; }

.video_container { background:#000;}

.grill-category.first .v2 p { line-height: 1.65 !important; }
@media only screen and (min-width: 1281px) {
	.grill-category.first .v2 p { font-size: 2.4em !important; }
}
@media only screen and (min-width: 1023px) {
	.grill-category.first .v2 p { font-size: 2.2em !important; }
}
@media only screen and (max-width: 770px) {
	.grill-category.first .v2 p { font-size: 2em !important; }
}

@media all and (max-width: 640px) {
	
	.success-subscribe-field {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
	.success-subscribe-field-input{width: 100%}
	
	
}



/**/
#bgh-custom .grill .collection-header{
	position: relative;
	width: 100%;
	-webkit-transition: width .3s ease, height .3s ease;
	-moz-transition: width .3s ease, height .3s ease;
	-o-transition: width .3s ease, height .3s ease;
}
#bgh-custom .grill .collection-header.fixed{
	position: fixed;
	position: -webkit-sticky;
	position: sticky;
}
#bgh-custom .grill .collection-header .collection-logo h3 {
  font-size: 0;
  background: #4f494b url(../img/grill-logo.png) center center / cover no-repeat;
  -webkit-transition: width .3s ease, height .3s ease;
  -moz-transition: width .3s ease, height .3s ease;
  -o-transition: width .3s ease, height .3s ease;
  background-size: 140%;
  transition: width .3s ease, height .3s ease;
  width: 70px;
  height: 70px;
}
@media all and (max-width: 640px) {
	#bgh-custom  .grill .collection-header .collection-logo h3 {
		width: 55px;
		height: 55px;
	}
}
#bgh-custom .grill .collection-logo h3:before {
  background: #610106;
}
#bgh-custom.collection-page .grill .collection-header.sticky-fl .collection-logo h3{
	background-position: center;
}
#bgh-custom.collection-page .grill .collection-content .collection-blocks{
	width: 100%;
}
#bgh-custom.collection-page .grill .video_container .video-background {
  background: #000;
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 0;
}
#bgh-custom.collection-page .grill .video_container .video-background .video-foreground,
#bgh-custom.collection-page .grill .video_container .video-background iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*pointer-events: none;*/
}
@media (min-aspect-ratio: 16/9) {
  #bgh-custom.collection-page .grill .video_container .video-background .video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
  #bgh-custom.collection-page .grill .video_container .video-background .video-foreground { width: 300%; left: -100%; }
}
#bgh-custom.collection-page .grill-change .main-offer .offer-images-block a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}
#bgh-custom.collection-page .grill {
  background: #ffffff;
}
#bgh-custom.collection-page .grill .video_container {
    position: relative;
}
#bgh-custom.collection-page .grill .video_container.load { height: 46vw; }
#bgh-custom.collection-page .grill .video_container .video-background{
	background: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
#bgh-custom.collection-page .grill .video_container iframe{
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	border: none;
}
#bgh-custom.collection-page .grill .intro .intro-collection-title {
	text-transform: uppercase;
    margin: 0 auto;
    top: 0;
    font-size: 40px;
    font-weight: 300;
    max-width: 562px;
    line-height: 72px;
    height: auto;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
}
#bgh-custom.collection-page .grill .intro h2 {
  font-size: 25px;
  max-width: 656px;
  margin: 0 auto;
  margin-top: 70px;
  line-height: 36px;
  font-weight: 300;
}
#bgh-custom.collection-page .grill .intro h2 span{
  font-weight: 700;
}
#bgh-custom.collection-page .grill .intro .logo-berghoff {
  margin-top: 4vw;
  width: 20em;
  height: 58px;
  fill: #fff;
  fill-rule: evenodd;
}
#bgh-custom.collection-page .grill-categories{
  height: auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
#bgh-custom.collection-page .grill-categories .grill-category{
  width: 50%;
  margin: 0;
  height: 640px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
} 
#bgh-custom.collection-page .grill-categories .grill-category.first{
	
}
#bgh-custom.collection-page .grill-categories .grill-category .img1,
#bgh-custom.collection-page .grill-categories .grill-category .img2,
#bgh-custom.collection-page .grill-categories .grill-category .img3,
#bgh-custom.collection-page .grill-categories .grill-category .img4{
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
#bgh-custom.collection-page .grill-categories .grill-category:hover .img1,
#bgh-custom.collection-page .grill-categories .grill-category:hover .img2,
#bgh-custom.collection-page .grill-categories .grill-category:hover .img3,
#bgh-custom.collection-page .grill-categories .grill-category:hover .img4{
	-ms-transform: scale(1.04);
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}
#bgh-custom.collection-page .grill-categories .grill-category .img1{
  background: url("../img/grill/img1.jpg") center bottom / cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bgh-custom.collection-page .grill-categories .grill-category .img1:after{
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: .5;
  content: '';
  width: 100%;
  height: 100%;
}
#bgh-custom.collection-page .grill-categories .grill-category{
	cursor: pointer;
}
#bgh-custom.collection-page .grill-categories .grill-category.first .container-category{
  max-width: 689px;
  position: relative;
  z-index: 5;
}
#bgh-custom.collection-page .grill-categories .grill-category.first .container-category h3{
  color: #fff;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 300;
}
#bgh-custom.collection-page .grill-categories .grill-category.first .container-category p{
  font-size: 2em;
  font-weight: 100;
  line-height: 48px;
  margin-top: 58px;
}

#bgh-custom.collection-page .grill-categories .grill-category .img2{
  background: url("../img/grill/img2.jpg") center bottom / cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle:after{
  position: absolute;
  left: 0;
  top: 33%;
  background: #000;
  opacity: .5;
  content: '';
  width: 100%;
  height: 211px;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle .container-category{
  max-width: 689px;
  position: relative;
  z-index: 2;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle .container-category h3{
  color: #fff;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 300;
  margin: 0;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle .container-category p{
  font-size: 2em;
  font-weight: 100;
  line-height: 48px;
  margin-top: 58px;
}
#bgh-custom.collection-page .grill-categories .grill-category .img3{
  background: url("../img/grill/img3.jpg") center bottom / cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bgh-custom.collection-page .grill-categories .grill-category .img4{
  background: url("../img/grill/img4.jpg") center bottom / cover no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle .container-category p{
	display: none;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle {
  -webkit-transition: width .3s ease, height .3s ease;
  -o-transition: width .3s ease, height .3s ease;
  transition: width .3s ease, height .3s ease;
}
#bgh-custom.collection-page .grill-categories .grill-category.show:after{
  width: 100%;
  height: 100%;
  top: 0px;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle.show .container-category{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    max-width: 90%;
}
#bgh-custom.collection-page .grill-categories .grill-category.toggle.show .container-category p{
	margin-top: 10px;
    font-size: 1.3em;
    line-height: 1.7em;
    display: block;
    width: 100%;
	padding-right: 20px;
}
#bgh-custom.collection-page .grill-change{
	width: 100%;
	position: relative;
	display: block;
	height: auto;
}
#bgh-custom.collection-page .grill-change .title{
  width: 80%;
  text-align: center;
  margin: 0 auto;
}
#bgh-custom.collection-page .grill-change .title h2{
	font-size: 4em;
	font-weight: 100;
	color: #000;
	text-align: center;
	text-transform: uppercase;
	margin-top: 80px;
	margin-bottom: 74px;
}
#bgh-custom.collection-page .grill-change  form .grill-offer-change-container{
  width: 504px;
  height: 47px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  margin-bottom: 93px;
}
#bgh-custom.collection-page .grill-change  form .grill-offer-change-container .grill-offer-change-radio{
	width: 50%;
	height: 100%;
}
#bgh-custom.collection-page .grill-change  form .grill-offer-change-container .grill-offer-change-radio label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	width: 100%;
	height: 100%;
	font-size: 24px;
	font-weight: 300;
}
#bgh-custom.collection-page .grill-change  form .grill-offer-change-container .grill-offer-change-radio input{
	display: none;
}
#bgh-custom.collection-page .grill-change  form .grill-offer-change-container .grill-offer-change-radio input:checked + label{
	color: #fff;
	background: #000;
}
#bgh-custom.collection-page .grill-change .main-offer{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
#bgh-custom.collection-page .grill-change .main-offer{
	display: none;
}
#bgh-custom.collection-page .grill-change .main-offer.show{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-images-block{
	width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
    margin-top: 0;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-images-block .offer-little-images-block{
    max-width: 495px;
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-line-pack: justify;
        align-content: space-between;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-images-block .offer-little-images-block .little-img-item{
    max-width: 75px;
	max-height: 76px;
    display: block;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 1px solid #e0e0e0;
    margin: auto;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-images-block .offer-little-images-block .little-img-item:hover{
    border: 1px solid #000;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-images-block .offer-little-images-block .little-img-item img{
	width: 100%;
	height: auto;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-images-block img{
	max-width: 630px;
    width: 100%;
    height: auto;
	margin: 0 auto;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block{
	width: 50%;
    margin: auto;
    padding-left: 4em;
    padding-top: 40px;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .description p{
	font-size: 18px;
	font-weight: 300;
	margin-bottom: 40px;
	margin-top: 15px;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .description .desc-title{
	font-weight: 700;
	margin: 0;
	padding: 0;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block  .color-title{
	font-weight: 700;
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block  .color-container{
	max-width: 162px;
	height: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
	margin-bottom: 45px;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block  .color-container .black{
	width: 42px;
	height: 42px;
	background: #161719;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block  .color-container .green{
	width: 42px;
	height: 42px;
	background: #748550;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block  .color-container .orange{
	width: 42px;
	height: 42px;
	background: #d65e2a;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .price{
	font-size: 50px;
	text-decoration: none;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .add-to-cart .button{
	margin: 0;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .add-to-cart .button span{
	height: 100%;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .btn-cart .add-to-cart-title{
	line-height: 36px;
    font-size: 14px;
    text-transform: none;
    padding: 0 60px 0 20px;
    background: #000 url(../img/mandje-wit-icon.svg) 92% no-repeat;
    border: 1px solid #000;
	color: fff;
    height: 34px;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .btn-cart .add-to-cart-title:hover{
	background: url('../img/mandje-icon.svg') 92% no-repeat;
	background-color: #fff;
	border: 1px solid #000;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .download{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 1.8em;
    margin-bottom: 100px;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .download img{
	width: 45px;
}
#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .download a{
	font-weight: 100;
	font-size: 1.4em;
	text-transform: uppercase;
	margin-left: 23px;
}
#bgh-custom.collection-page .grill-change .callback{
	width: 100%;
	background: #ececec;
	height: 127px;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
}
#bgh-custom.collection-page .grill-change .callback .button-callback{
	text-transform: uppercase;
	color: #000;
	background: none;
	height: 80px;
	text-align: center;
	border: 1px solid #000;
	width: 557px;
	font-size: 1.8em;
	text-decoration: none;
	padding: 20px 0;
	margin: 0 auto;
	cursor: pointer;
}
#bgh-custom.collection-page .grill-change .callback .button-callback:hover{
	color: #fff;
	background: #000;
}
#bgh-custom.collection-page .grill-change .callback span{
	color: #4f4f4f;
	font-weight: 900;
	font-size: xx-large;
	left: 0;
	margin: 0 auto;
	text-transform: uppercase;
}
#bgh-custom.collection-page .grill-last-block{
	background: url("../img/grill/2415700_BBQ_KAMADO_AT_PIC_069.jpg") center center / cover no-repeat;
}
#bgh-custom.collection-page .grill-last-block:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .4;
}
#bgh-custom.collection-page .grill .grill-last-block.med{
	height: 706px;
}
#bgh-custom.collection-page .grill-last-block .description{
	width: 100%!important;
	text-align: center!important;
}
#bgh-custom.collection-page .grill .collection-content .collection-blocks .collection-block.content-center .container .description{
	position: relative;
	z-index: 2;
}
#bgh-custom.collection-page .grill .grill-last-block .description h2{
	color: #fff;
    font-size: 0;
    background: url(../img/grill/CERAMIC-Grill.png) center bottom / 100% no-repeat;
    height: 55px;
    width: 418px;
    margin: 0 auto;
    margin-bottom: 4vw;
}
#bgh-custom.collection-page .grill .grill-last-block .description h3{
	color: #fff;
    font-size: 40px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 0px;
	line-height: 1.4em;
}
#bgh-custom.collection-page .grill .collection-block.img-1 {
  background: url("../img/outdoor/intro-mobile.jpg") center top / cover no-repeat;
  margin-top: -2px;
}
#bgh-custom.collection-page .grill .collection-block.img-3 {
  background: url("../img/outdoor/what-is-the-outdoor-collection-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .grill .collection-block.img-4 {
  background: url("../img/outdoor/outdoor-cooking-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .grill .collection-block.img-5 {
  background: url("../img/outdoor/outdoor-products-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .grill .collection-block.img-6 {
  background: url("../img/outdoor/outdoor-facts-mobile.jpg") center bottom / cover no-repeat;
}
#bgh-custom.collection-page .grill .collection-block.img-2:before {
  background: top;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 1));
  background: -o-linear-gradient(1, 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='1', endColorstr='70%', GradientType=0);
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  display: block;
  height: 70%;
  top: inherit;
  bottom: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(0%, #000000), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, #000000 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, #000000 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .grill .collection-block.img-3:before {
  background: bottom;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.8));
  background: -o-linear-gradient(0.8, 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.8', endColorstr='70%', GradientType=0);
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  display: block;
  height: 70%;
  top: 0;
  bottom: inherit;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .grill .collection-block.img-4:before {
  background: bottom;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.8));
  background: -o-linear-gradient(0.8, 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.8', endColorstr='70%', GradientType=0);
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  display: block;
  height: 70%;
  top: 0;
  bottom: inherit;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
}
#bgh-custom.collection-page .grill .grill-last-block.content-center .container .description{
	padding: 0;
}
@media only screen and (min-width: 1024px) {
  #bgh-custom.collection-page .grill .collection-block.img-1 {
    background: url("../img/outdoor/intro.jpg") center top / cover no-repeat;
  }
  #bgh-custom.collection-page .grill .collection-block.img-2 {
    background: url("../img/outdoor/the-perfect-gathering.jpg") center top / cover no-repeat;
  }
  #bgh-custom.collection-page .grill .collection-block.img-3 {
    background: url("../img/outdoor/what-is-the-outdoor-collection.jpg") center top / cover no-repeat;
  }
  #bgh-custom.collection-page .grill .collection-block.img-4 {
    background: url("../img/outdoor/outdoor-cooking.jpg") center top / cover no-repeat;
  }
  #bgh-custom.collection-page .grill .collection-block.img-5 {
    background: url("../img/outdoor/outdoor-products.jpg") center top / cover no-repeat;
  }
  #bgh-custom.collection-page .grill .collection-block.img-6 {
    background: url("../img/outdoor/outdoor-facts.jpg") center bottom / cover no-repeat;
  }
  #bgh-custom.collection-page .grill .collection-block.img-3:before {
    background: left;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
    background: -o-linear-gradient(0.7, 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
    content: '';
    position: absolute;
    z-index: -1;
    left: inherit;
    right: 0;
    display: block;
    width: 70%;
    height: 100%;
    top: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  }
  #bgh-custom.collection-page .grill .collection-block.img-4:before {
    background: right;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, 70%), color-stop(1, 0.7));
    background: -o-linear-gradient(0.7, 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='0.7', endColorstr='70%', GradientType=0);
    content: '';
    position: absolute;
    z-index: -1;
    left: 0;
    right: inherit;
    display: block;
    width: 70%;
    height: 100%;
    top: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(0%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media all and (max-width: 1600px) {
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category h3{
		font-size: 2.5em;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category p{
		font-size: 1.8em;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.toggle .container-category h3{
		font-size: 2.5em;
	}
	#bgh-custom.collection-page .grill-change form .grill-offer-change-container{
		width: 402px;
		height: 38px;
		margin-bottom: 40px;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .description p{
		font-size: 16px;
	}
	#bgh-custom.collection-page .grill .grill-change .callback{
		height: 100px;
	}
	#bgh-custom.collection-page .grill-change .callback span{
		font-size: 1.8em;
	}
	#bgh-custom.collection-page .grill-change .callback .button-callback{
		height: 3em;
		font-size: 1.6em;
		max-width: 20em;
		width: 100%;
		padding: 0.8em;
	}
}
@media all and (max-width: 1400px) {
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category{
		padding-left: 2em;
		padding-right: 2em;
	}
	#bgh-custom.collection-page .grill .grill-last-block.med{
	height: 600px;
	}
}
@media all and (max-width: 1300px) {
	#bgh-custom.collection-page .grill-change .title h2{
		font-size: 3em;
	}
	#bgh-custom.collection-page .grill .collection-content .collection-blocks .collection-block.content-center .container .description{
		padding: 0;
	}
}
@media all and (max-width: 1200px) {
	#bgh-custom.collection-page .grill-change .callback span{
		font-size: 1.3em;
	}
}
@media all and (max-width: 1100px) {
	#bgh-custom.collection-page .grill .intro h2 {
		margin-top: 20px;
	}
	#bgh-custom.collection-page .grill .intro .logo-berghoff {
		/*margin-top: 20px;*/
	}
	#bgh-custom.collection-page .grill-change .title h2{
		font-size: 3em;
		margin-top: 40px;
		margin-bottom: 40px;
	}
	#bgh-custom.collection-page .grill-change form .grill-offer-change-container{
		width: 400px;
		height: 40px;
		margin-bottom: 40px;
	}
	#bgh-custom.collection-page .grill-change form .grill-offer-change-container .grill-offer-change-radio label{
		font-size: 1.4em;
	}
	#bgh-custom.collection-page .grill-change .main-offer{
		padding-left: 2em;
		padding-right: 2em;
	}
}
@media all and (max-width: 1030px) {
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category h3{
		font-size: 2.5em;
		margin-bottom: 0px;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category p{
		font-size: 1.7em;
		margin-top: 20px;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.toggle .container-category h3{
		font-size: 2.5em;
	}
	#bgh-custom.collection-page .grill-change .callback .button-callback{
		width: auto;
		padding: 0.8em;
	}
	#bgh-custom.collection-page .grill .grill-last-block.med{
		height: auto;
		padding: 60px 0;
	}
}
@media all and (max-width: 820px) {
	#bgh-custom.collection-page .grill-change .callback span{
		font-size: 1.5em;
	}
	#bgh-custom.collection-page .grill-change .callback .button-callback{
		font-size: 1.5em;
		height: auto;
	}
	#bgh-custom.collection-page .grill-change .callback{
		height: auto;
		padding: 10px;
	}
	#bgh-custom.collection-page .grill .grill-last-block .description h2{
		width: 300px;
		height: 39px;
		margin-bottom: 32px;
	}
}
@media all and (max-width: 800px) {
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category h3{
		font-size: 2em;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category p{
		font-size: 1.3em;
		line-height: 1em;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.toggle .container-category h3{
		font-size: 2em;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.toggle:after{
		height: 200px;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .description p{
		font-size: 1em;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .color-container .black ,
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .color-container .green,
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .color-container .orange{
		width: 20px;
		height: 20px;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .color-container{
		max-width: 100px;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .price{
		font-size: 2.5em;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .download{
		margin-bottom: 40px;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .download a{
		font-size: 1.1em;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .download img{
		width: 30px;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.show:after{
		width: 100%;
		height: 100%;
		top: 0px;
	}
}
@media all and (max-width: 767px) {
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .description p{
		margin-top: 10px;
		margin-bottom: 25px;
	}
	#bgh-custom.collection-page .grill-categories .grill-category{
		width: 100%;
	}
	#bgh-custom.collection-page .grill-change .main-offer{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
@media all and (max-width: 688px) {
	#bgh-custom.collection-page .grill .intro .intro-collection-title{
		font-size: 2.5em;
		line-height: 1.3em;
	}
	#bgh-custom.collection-page .grill .intro h2 {
		font-size: 1.8em;
		line-height: 1.3em;
	}
	#bgh-custom.collection-page .grill .intro .logo-berghoff {
		/*width: 150px;*/
	}
	#bgh-custom.collection-page .grill .grill-change .callback{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		-ms-flex-wrap: unset;
		    flex-wrap: unset;
		height: auto;
		padding: 20px;
	}
	#bgh-custom.collection-page .grill-change .callback .button-callback{
		margin-bottom: 20px;
		height: 40px;
		padding: 8px;
	}
	#bgh-custom.collection-page .grill .grill-last-block .description h3{
		font-size: 35px;
	}
	#bgh-custom.collection-page .grill .grill-last-block.med{
		height: auto;
		padding: 60px 0px;
	}
}
@media all and (max-width: 568px) {
	#bgh-custom.collection-page .grill-categories{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.toggle .container-category h3{
		font-size: 3em;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.firs .container-category h3{
		font-size: 3em;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category p{
		font-size: 2em;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block{
		width: 100%;
		padding-left: 0px;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-images-block{
		width: 100%;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .description p{
		font-size: 1.5em;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .price{
		font-size: 4em;
	}
	#bgh-custom.collection-page .grill .grill-last-block .description h3{
		font-size: 2.5em;
	}
}
@media all and (max-width: 527px) {
	#bgh-custom.collection-page .grill .intro .intro-collection-title{
		font-size: 2em;
		line-height: 1.3em;
		margin-bottom: 10px;
	}
	#bgh-custom.collection-page .grill .intro h2 {
		font-size: 1.5em;
		margin-bottom: 10px;
	}
	#bgh-custom.collection-page .grill .intro .logo-berghoff {
		/*width: 100px;*/
		/*margin-top: 0px;*/
	}
	#bgh-custom.collection-page .grill-categories .grill-category{
		height: 450px;
	}

	#bgh-custom.collection-page .grill-categories .grill-category.toggle:after{
		height: 150px;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.toggle .container-category h3{
		font-size: 2em;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category h3{
		font-size: 2em;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.first .container-category p{
		font-size: 1.7em;
	}
	#bgh-custom.collection-page .grill-change .callback{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	#bgh-custom.collection-page .grill-change .callback .button-callback{
		margin-bottom: 20px;
	}
	#bgh-custom.collection-page .grill .grill-last-block .description .logo-berghoff{
		margin-top: 20px;
	}
	#bgh-custom.collection-page .grill-categories .grill-category.show:after{
		width: 100%;
		height: 100%;
		top: 0px;
	}
}
@media all and (max-width: 500px) {
	#bgh-custom.collection-page .grill-change form .grill-offer-change-container{
		width: 90%;
	}
	#bgh-custom.collection-page .grill .intro .logo-berghoff{
		width: 16em;
	}
	
}
@media all and (max-width: 446px) {
	#bgh-custom.collection-page .grill-change .title h2{
		font-size: 2.5em;
	}
	#bgh-custom.collection-page .grill-change .main-offer .offer-description-block .price{
		font-size: 3em;
	}
	#bgh-custom.collection-page .grill .grill-last-block .description h2{
		width: 250px;
		height: 33px;
		margin-bottom: 32px;
	}
}
@media all and (max-width: 350px) {
	#bgh-custom.collection-page .grill .intro .intro-collection-title{
		font-size: 2em;
		line-height: 1.3em;
		margin-bottom: 10px;
	}
	#bgh-custom.collection-page .grill .intro h2 {
		font-size: 1.5em;
		margin-bottom: 10px;
	}
	#bgh-custom.collection-page .grill .intro .logo-berghoff {
		/*width: 100px;*/
		height: auto;
		/*margin-top: 0px;*/
	}	
	#bgh-custom.collection-page .grill .grill-change .callback span{
		text-align: center;
	}
}
.breadcrumbs { display:none !important; }