/* --- recommendations START --- */
 
 section.b-recommendations .b-recommendations-title_text {
    color: #424547;
    font-size: 40px;
}
 /* --- recommendations END --- */
/* --- benefit_headline START --- */
.benefit_headline.grid-container {
	padding-top:33px !important;
	padding-bottom:0px!important;
}
.benefit_headline {
	text-align:center;
	font-family:GillSans-BoldCondensed,Arial,sans-serif;
	font-size:24px;
	line-height:24px;
	color:#373731;
}

.benefit_headline .icon-tick {
	width:27px;
}

@media(max-width:1200px){
	.benefit_headline {
		font-size:20px;
		line-height:20px;
	}
	.benefit_headline .icon-tick {
	  width:22px;
    }
}

@media(max-width:767px){
	.benefit_headline {
		text-align:left;
		font-size:20px;
		padding-left:60px;
	}
	.benefit_headline .cell {
		padding-bottom:15px;
	}
	.benefit_headline .cell:nth-child(3) {
		padding-bottom:0;
	}
	.beigebox .menu-dog.menu-second {
		margin-right: 0px;
		background-color: #FEF7EA;
		min-height: 359px;
		flex-direction: unset;
		flex: unset;
	}
	.beigebox .menu-cat.menu-second {
		margin: 12px 0 0 0;
		min-height: 269px;
		flex-direction: unset;
		flex: unset;
	}
}
/* --- benefit_headline END --- */

/* --- beigebox START --- */
.menu-dog-image {
    max-height: 500px;
}

.menu-dog-image.mobile {
    display: none;
}

.menu-dog-image.tablet {
    display: none;
}



@media(max-width:1200px){
    .menu-dog-image.desktop {
        display: none;
    }
   .menu-dog-image.tablet {
        display: block;
    }

   .menu-dog-image.mobile {
        display: none;
    }

    .menu-dog-image {
        max-height: 550px;
        max-width: 100%;
    }

    
}

@media(max-width:767px){
    .menu-dog-image.desktop {
        display: none;
    }
	
   .menu-dog-image.tablet {
        display: none;
    }

    .menu-dog-image.mobile {
        display: block;
    }

    .menu-dog-image {
        max-height: 550px;
        max-width: 100%;
		width:100%;
    }

   
}

.beigebox .b-hero_slide-cta {
	font-size:20px;
	line-height:45px;
	width: auto;
	color: #373731;
    border: 2px solid #373731;
}
.beigebox .menu-dog .menucontent-img {
	text-align:center;
}
.beigebox .menu-dog .menucontent-title {
	text-align: center;
	margin-top:5px;
}

.beigebox .menu-cat .menucontent-title {
	text-align: left;
	min-width:135px;
}
.beigebox .menu-cat .menu-region {
	text-align: center;
	margin-top:auto;
}
.beigebox .menu-dog .menu-region {
	margin-top:auto;
}
.beigebox .menu-dog .menu-region .cell:nth-child(1){
	text-align: right;
	padding-right:15px
}
.beigebox .menu-dog .menu-region .cell:nth-child(2) {
	text-align: left;
	padding-left:15px
}
.beigebox .menu-cat .menu-button{
	text-align: right;

}
.beigebox .menu-item{
	height:auto;	
	background-color:#FEF7EA;
	min-height: 240px;
	flex-flow: column nowrap;
    flex: 1;
	display:flex;
}
.beigebox .menu-dog{
	margin-right:21px;
}
.beigebox .menu-second {
    height: auto;
    background-color: #FEF7EA;
    min-height: 240px;
    flex-direction: column;
    flex: 1;
}
.menu-second .footprint {
	margin-top: -45px;
}
.beigebox .menu-cat.menu-second .menu-region {
	padding-top: 50px;
}
.beigebox .menu-second .inner-content {
	padding: 15px 0 15px 0;
}
.footprint {
		display:block;
	}
.beigebox .menu-cat{
	margin-left:21px;
}

.beigebox .menu-dog  h1 {
	font-family: Lily, Arial, sans-serif;
    font-size: 60px;    
    margin-right: 5px;
	color: #438446;
	display:inline-block;
	height:auto;	
}
.beigebox .menu-dog  h2 {
	font-family:GillSans-BoldCondensed,Arial,sans-serif;
    font-size: 60px;    
	color: #438446;
	display:inline-block;
	height:auto;
}
.beigebox .menu-content {
	display:flex;
	padding:25px 0 0 30px;
}

.beigebox .menu-cat h1 {
	font-family: Lily, Arial, sans-serif;
    font-size: 72px;    
	color: #DC615D;
	
}
.beigebox .menu-cat  h2 {
	font-family:GillSans-BoldCondensed,Arial,sans-serif;
    font-size: 80px;    
	color: #DC615D;
	
}

@media(max-width:962px){

	.beigebox.grid-container {
		padding-left:0px;
		padding-right:0px;
	}
   .beigebox .menu-dog  h1,.beigebox .menu-dog  h2 {
		 font-size: 40px;    
	}

	.beigebox .menu-cat h1 {
		 font-size: 43px;    
	}
	.beigebox .menu-cat h2 {
		 font-size: 48px;    
	}

	.beigebox .b-hero_slide-cta {
	    font-size: 14px;
        line-height: 34px;
        width: auto;
        vertical-align: middle;
	}
	.beigebox .menu-dog{
		height: auto;
		margin-right:12px;
	}
	.beigebox .menu-cat{
		height: auto;
		margin-left:12px;
	}

   .beigebox .menu-dog .menu-region .cell:nth-child(1) {
		text-align: right;
		padding-right:10px
	}
	.beigebox .menu-dog .menu-region .cell:nth-child(2) {
		text-align: left;
		padding-left:10px
	}
}
@media(max-width:767px){

	.beigebox.grid-container {
		padding-left:0px;
		padding-right:0px;
	}
	.beigebox .menu-cat h1 {
		 font-size: 43px;    
	}
	.beigebox .menu-cat  h2 {
		 font-size: 48px;    
	}
	.beigebox .menu-item .menu-region {
		padding:20px 0 20px 0;
	}
	.beigebox .menu-item{
		background-color: #FEF7EA;
		flex-direction: unset;
		flex-flow: unset;
		flex: unset;
		display:block;
	}
	.beigebox .menu-dog{
		margin-right:0px;		
		min-height: 340px;		
	}
	.beigebox .menu-cat{	
		margin:12px 0 0 0;
		min-height:269px;		
	}
	.beigebox .b-hero_slide-cta {
	    font-size:20px;
		line-height:45px;
		width: 290px;
	}
	.footprint {
		display:none;
	}
	.beigebox .menu-cat .menu-button{
		text-align: center;

	}
	.beigebox .menu-dog .menu-region .cell:nth-child(1) {
		text-align: center;
		padding-right:0
	}
	.beigebox .menu-dog .menu-region .cell:nth-child(2) {
		text-align: center;
		padding-left:0;
	}
}

@media(max-width:1100px) and (min-width:962px) {
	.beigebox .menu-cat.menu-second .menu-region {
		padding-top: 66px;
	}
}

/* --- beigebox END --- */

/* --- rectangle-content START --- */
.rectangle-content .menu-dog, .rectangle-content .menu-cat{

    max-width: 100%;
    overflow: hidden;
    position: relative;

}
.rectangle-content .menucontent-title {
	display:flex;
}
.rectangle-content .menu-dog{

	margin-right:11px;
}
.rectangle-content .menu-cat{

	margin-left:11px;
}
.rectangle-content .inner-content {
	 -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	color: #FEF7EA;

	}
.rectangle-content .menu-dog .menu-content {
text-align:right;
margin-right:20px;
 padding:38px 0 38px 0px;
}
.rectangle-content .menu-cat .menu-content {
text-align:left;
margin-left:20px;
 padding:38px 0 38px 0px;
}
.rectangle-content .inner-content .menu-name {
	font-family: Lily, Arial, sans-serif;
    font-size: 48px;    
    margin-right: 10px;
	display:inline-block;
}
.rectangle-content .inner-content .menu-title {
	font-family:GillSans-BoldCondensed,Arial,sans-serif;
	font-size: 54px;
    margin-right: 10px;
	display:inline-block;
}
.rectangle-content .inner-content .menu-title a,
.rectangle-content .inner-content .menu-name a,
.rectangle-content .inner-content .menu-arrow a {
	color: #FEF7EA;
}
.rectangle-content .inner-content .menu-arrow {
    font-size: 54px;    
    margin-right: 5px;
	font-family:Lily, Arial, sans-serif;
	display:inline-block;
}
@media(max-width:1200px){
	.rectangle-content .menu-dog {
		margin-right:11px;
	}
	.rectangle-content .menu-cat {
		margin-left:11px;
		height:auto;
	}
	.rectangle-content.grid-container {
		padding-left:0px;
		padding-right:0px;
	}
	
	.rectangle-content .inner-content .menu-name {	
		font-size: 36px;    
	}
	.rectangle-content .inner-content .menu-title {
		font-size: 36px;    
	}
	.rectangle-content .inner-content .menu-arrow {
		font-size: 36px;    
	}
	
}
@media(max-width:962px){
	.rectangle-content .menu-dog .menu-content,.rectangle-content .menu-cat .menu-content {
		padding:20px 0 20px 20px;
	}
}
@media(max-width:767px){
	.rectangle-content .menu-dog {
		margin:0;
		height:auto;
		padding-bottom:6px;
	}
	.rectangle-content .menu-cat {
		height:auto;
		padding-top:6px;		
	}
	.rectangle-content.grid-container {
		padding-left:0px;
		padding-right:0px;
	}
	.rectangle-content .inner-content .menu-name,.rectangle-content .inner-content .menu-title ,.rectangle-content .inner-content .menu-arrow {	
		font-size: 36px;    
	}
	.rectangle-content .menu-dog,.rectangle-content .menu-cat ,	.rectangle-content .menu-dog  .menu-content ,.rectangle-content .menu-cat  .menu-content  {
		margin-right:0;
		margin-left:0;
	}
	.rectangle-content .menu-cat .menu-content{
		padding:44px 0 38px 20px;
		text-align:center;
	}
	.rectangle-content .menu-dog .menu-content{
		padding:38px 0 38px 20px;
		text-align:center;
	}
}
/* --- rectangle-content END --- */

/* --- stripbanner START --- */
.stripbanner .menu-dog-cat{

    max-width: 100%;
    overflow: hidden;
    position: relative;
	background-color:#5d9c53;
}
.stripbanner .b-hero_slide-cta {
	color: #373731;
    border: 2px solid #373731;
}
.stripbanner .inner-content {
	 -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	color: #FEF7EA;
}
.stripbanner .menucontent-title {
	text-align: center;
	margin-top:20px;
	display:block;
}
.stripbanner .menu-region{
	text-align: center;
	margin-top:20px;
}
.stripbanner .menucontent-title-mobile{
	display:none;
	position:absolute;
	margin-bottom:-40px;
	text-align: center;
	padding-top:20px;
	width:100%;
}
.stripbanner .menucontent-title h2, .stripbanner .menucontent-title-mobile h2{
	font-family:GillSans-BoldCondensed,Arial,sans-serif;
    font-size: 60px;    
    margin-right: 5px;
	color: #FEF7EA;
	display:inline-block;
	height:auto;
}

.stripbanner .menucontent-title h1 , .stripbanner .menucontent-title-mobile h1{
	font-family: Lily, Arial, sans-serif;
    font-size: 60px;    
     color: #FEF7EA;
	 display:inline-block;
	
}
@media(max-width:1200px){
	
	.stripbanner.grid-container {
		padding-left:0px;
		padding-right:0px;
	}
   .stripbanner .menucontent-title h2,.stripbanner .menucontent-title h1 , .stripbanner .menucontent-title-mobile h1, .stripbanner .menucontent-title-mobile h2{
	   font-size: 42px; 
   }
}
@media(max-width:767px){

	.stripbanner.grid-container {
		padding-left:0px;
		padding-right:0px;
	}
	 .stripbanner .menucontent-title h2,.stripbanner .menucontent-title h1, .stripbanner .menucontent-title-mobile h1, .stripbanner .menucontent-title-mobile h2 {
	   font-size: 39px; 
   }
   .stripbanner .menucontent-title-mobile{
	display:block;
   }
   .stripbanner .menucontent-title{
	display:none;
   }
   .stripbanner .inner-content {
	   position:initial;
   }

	.stripbanner .b-hero_slide-cta {
	    font-size:20px;
		line-height:45px;
		width: 290px;
	}
	.stripbanner .menu-region{
		margin-top:-20px;
		padding-bottom:20px;
	}
}

/* --- stripbanner END --- */
/* --- customer rating START --- */
.slick-slider.m-simple2 .slick-arrow.slick-next {
right:-6px;
}
.slick-slider.m-simple2 .slick-arrow.slick-prev {
left:-6px;
}
.slick-slider.m-simple2 .slick-slide {
padding:0px 15px 0px 15px
}
.slick-slider.m-simple2 .slick-next::before {
content:'';
}
.slick-slider.m-simple2 .slick-prev::before {
content:'';
}
.slick-slider.m-simple2 .slick-next{
    width: 29px;
    height: 56px;
	display:block;
    background-image: url('../homepage/c-arrow-right.png?$staticlink$');
}
.slick-slider.m-simple2 .slick-prev{
    width: 29px;
    height: 56px;
	display:block;
    background-image: url('../homepage/c-arrow-left.png?$staticlink$');
}
.slick-slider.m-simple2 .slick-arrow {
top:29%;
}	
section.customer_review .customer_name {
    font-size:18px;
    font-style:italic;
    padding-top:20px;
}
section.benefits.customer_review  figcaption {
	text-align: center;
      padding:0 20px;
}
/* --- customer rating END --- */
/* --- advantage START --- */
section.advantage {
	margin: 0px auto;
    color:#373731;
}

section.advantage .b-advantage-description{
width: 100%;
font-size:18px;

}
section.advantage .b-advantage-title{
font-size:36px;
line-height:36px;
}
section.advantage .b-advantage-cta{
font-size:17px;

}

section.advantage .b-advantages-title_text {
    margin: 0 20px;
color:#424547;
font-size:40px;
}


section.advantage .advantage__box .b-advantage-title {
    margin-top: 30px;

}

section.advantage .advantage__box__subbox + .advantage__box__subbox {
	margin-top: 35px;
}
@media screen and (max-width:962px)  {
	section.advantage .b-advantage-title{
		font-size:30px;
	}
	
}
@media screen and (max-width:767px)  {
    section.advantage .advantage__box__left {
        width: 100%;
        padding: 0;
    }
    section.advantage .advantage__box__right {
        width: 100%;
        padding: 0;
    }
  	section.advantage .b-advantage-title{
		font-size:36px;
		display:block;
	}
	section.advantage .b-advantage-info{
		text-align:center;
		margin-top:30px;
	}
}
@media screen and (max-width:380px){
  section.advantage .b-advantages-title_text{
      margin: 0px;
}
}
@media screen and (max-width:320px){
section.advantage .b-advantages-title_text{
 margin: 0px;
}

}
section.advantage .advantage-container img{
	 max-width:100%;
}
.slick-slider.advantage-container .slick-arrow.slick-next {
right:-6px;
}
.slick-slider.advantage-container .slick-arrow.slick-prev {
left:-6px;
}
.slick-slider.advantage-container .slick-slide {
padding: 0px 25px 0px 25px
}
.slick-slider.advantage-container .slick-next::before {
content:'';
}
.slick-slider.advantage-container .slick-prev::before {
content:'';
}
.slick-slider.advantage-container .slick-next{
    width: 29px;
    height: 56px;
	display:block;
    background-image: url('../homepage/c-arrow-right.png?$staticlink$');
}
.slick-slider.advantage-container .slick-prev{
    width: 29px;
    height: 56px;
	display:block;
    background-image: url('../homepage/c-arrow-left.png?$staticlink$');
}
.slick-slider.advantage-container .slick-arrow {
top:24%;
font-size:0;
}

.advantage-lt-box {
 padding-right:25px;
}
.advantage-rt-box {
 padding-left:25px;
}
.advantage-lt-box {
 padding-right:25px;
}

.advantage-bt-lt-box {
 padding:30px 20px 0 0;
}
.advantage-bt-rt-box  {
 padding:30px 0 0 20px;
}
@media screen and (max-width:962px)  {
.advantage-lt-box {
 padding-right:15px;
}
.advantage-rt-box {
 padding-left:15px;
}


.advantage-bt-lt-box {
 padding:20px 10px 0 0;
}
.advantage-bt-rt-box  {
 padding:20px 0 0 10px;
}

}
@media screen and (max-width:767px)  {
.advantage-lt-box {
 padding-right:0;
}
.advantage-rt-box {
 padding-left:0;
}
.advantage-lt-box {
 padding-right:0;
}
.advantage-bt-lt-box ,.advantage-bt-rt-box {
 padding:0; 
}

}
/* --- advantage END --- */
/* --- benefits START --- */
section.benefits {
	margin: 0px auto;
    color:#373731;
	   
}

section.benefits .b-advantages-title_text {
    margin: 0 20px;
   color:#424547;
   font-size:40px;
}


section.benefits figure {
	text-align: center;
}

section.benefits figcaption {
	text-align: center;
      padding:0 20px;
}

section.benefits .benefits__title {
	font-family: GillSans-BoldCondensed, Arial, sans-serif;
	font-weight: 700;
	font-size: 36px;
	line-height: 29px;
	text-transform: uppercase;
	margin: 25px auto;
}

section.benefits .benefits___subtitle {
	font-family: GillSans-Book;
	font-size: 18px;
	line-height: 26px;
}

section.benefits .benefits___subtitle a {
	text-decoration: underline;
}


section.benefits .benefits_list{
	padding:0 10px 10px 10px;
	width:100%;
}
@media(max-width:962px){
	section.benefits figcaption {		
      padding:0 5px;
	}
	section.benefits .benefits__title {
	font-size: 30px;
    }
	section.benefits .benefits___subtitle {
	font-size: 16px;
	}
	section.customer_review .customer_name {
		font-size: 16px;
	}

	.beigebox .menu-cat.menu-second .menu-region {
		padding-top: 70px;
	}
}
@media screen and (max-width:767px) {
section.benefits figcaption {
	text-align: left;
     padding:0;
}
section.benefits .b-advantages-title {
	margin-bottom: 25px;
}
 #mobile{
    margin: 0px;
       text-align: center;
   }

}

/* --- benefits END --- */
/* --- XMAS18-HP --- START --- */

.xmas18-HP .b-hero_slide-image {
    max-height: 500px;
}

.xmas18-HP .mobile {
    display: none;
}

.xmas18-HP .tablet {
    display: none;
}

.xmas18-HP .grid-x .medium-4 {
    height: 100%;
    color: #4a4a4a;
    background-color: #fff3e6;
    padding: 20px 40px;
}

.xmas18-HP .b-xmas_slide-text{
    font-family: GillSans-Book,Arial,sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    margin: 5px auto 25px;
}
.xmas18-HP .b-hero_slide-text{
    font-family: GillSans-Book,Arial,sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    margin: 5px auto 25px;
	color:#FEF7EA;
}
.xmas18-HP h1 {
    font-family: Lily, Arial, sans-serif;
    font-size: 90px;
    color: #FEF7EA;
    margin-bottom: 5px;
}
.xmas18-HP h2 {
	font-family:GillSans-BoldCondensed,Arial,sans-serif;
    font-size: 100px;
    color: #FEF7EA;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 700;
}
.xmas18-HP .grid-x .medium-4 strong{
    font-weight: bold;
}

.xmas18-HP section.menu.menu__cat.grid-container{
    margin-top: 0px !important;
}

.xmas18-HP .b-hero_slide-cta {
	width:193px;
	background:#FEF7EA;
	border: 2px solid #373731;
	color:#373731;
	-webkit-box-shadow: 3px 3px 0 0 #000;
    box-shadow: 3px 3px 0 0 #000;
}

#CLP-cat-dog section.menu .xmas18 .menu__category {
    color: #f9f3dc;
}


@media(max-width:1330px) and (min-width:766px) {
    .xmas18-HP .grid-x .medium-4 {
        width: 50%;
    }

    .medium-offset-4 {
        margin-left: 25%;
    }
}

@media(max-width:1200px){
	.beigebox .menu-cat.menu-second h1 {
		font-size: 50px;
	}
    .xmas18-HP .desktop {
        display: none;
    }
   .xmas18-HP .tablet {
        display: block;
    }

    .xmas18-HP .mobile {
        display: none;
    }

    .xmas18-HP .b-hero_slide-image {
        max-height: 550px;
        max-width: 100%;
    }

    .xmas18-HP .b-hero_slide-content_wrapper {
        padding: 0px;
    }
	.xmas18-HP h1 {		
		font-size: 72px;
		letter-spacing:0.9px;
		margin-bottom:0px;
	}
	
	.xmas18-HP h2 {
		font-size: 80px;	
        letter-spacing:0.5px;		
	}
	.xmas18-HP .b-hero_slide-text{
		font-size: 22px;
		margin:0px auto 35px;
	}
	.xmas18-HP .b-hero_slide-cta {
		width:40%;
	}
}

@media(max-width:767px){
    .xmas18-HP .desktop {
        display: none;
    }
	
   .xmas18-HP .tablet {
        display: none;
    }

    .xmas18-HP .mobile {
        display: block;
    }

    .xmas18-HP .b-hero_slide-image {
        max-height: initial;
        max-width: 100%;
		width:100%;
    }

    .xmas18-HP .b-hero_slide-content_wrapper {
        padding: 0px;
		position:absolute;
		top:-40%;
    }
	.xmas18-HP .b-hero_slide-content_wrapper.img_wrapper {
		top:-30%;
	}
	.xmas18-HP h1 {		
		font-size: 55px;
		margin-bottom:0px;
		letter-spacing:1px;
	}
	
	.xmas18-HP h2 {
		font-size: 50px;
		margin-bottom:0px;	
        letter-spacing:5px;		
	}
	.xmas18-HP .b-hero_slide-text{
		font-size: 22px;
		margin:0px auto 5px;
	}
	.xmas18-HP .b-hero_slide-cta {
		width:90%;
	}
}

/* --- XMAS18-HP --- END --- */