/*
Theme Name: GPF Website
Theme URI: GlobalPetFoods.com
Author: Giants & Gentlemen
Description: Global Pet Foods Website
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css?family=Cabin:400,400i,500,500i,600,600i,700,700i');

@font-face {
    font-family: ITCAvantGardeGothicStd;
    font-weight: 700;
    src: url("https://globalpetfoods.com/wp-content/themes/GPF/fonts/ITCAVANTGARDESTD-BOLD.OTF") format("opentype");
}

@font-face {
    font-family: Rockwell;
    font-weight: 400;
	src: url("fonts/Rockwell.ttf") format("truetype");
}

@font-face {
    font-family: RockwellStd;
    font-weight: 700;
	src: url("fonts/RockwellStd-ExtraBold.otf") format("opentype");
}

@font-face {
    font-family: DINNextLTPro;
    font-weight: 300;
	src: url("fonts/DINNextLTPro-Light.otf") format("opentype");
}
@font-face {
    font-family: DINNextLTPro;
    font-weight: 400;
	src: url("fonts/DINNextLTPro-Regular.otf") format("opentype");
}
@font-face {
    font-family: DINNextLTPro;
    font-weight: 500;
	src: url("fonts/DINNextLTPro-Medium.otf") format("opentype");
}
@font-face {
    font-family: DINNextLTPro;
    font-weight: 700;
	src: url("fonts/DINNextLTPro-Bold.otf") format("opentype");
}






/* GLOBAL STYLES FROM FULL SITE CSS */ 

html, body{
	margin: 0;
	padding: 0;
	font-family: Cabin, Arial, 'sans serif';
	background-image: url(https://globalpetfoods.com/wp-content/themes/GPF/img/background.jpg);
	background-size: 100% auto;
	background-repeat: repeat;
	overflow-x: hidden;
	letter-spacing: 1px;
}
input{
	border-radius: 3px;
}
.header{
	margin: 0;
	padding: 0;
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background: #A4353B;
	z-index: 999;
	padding: 2vw;
	height: 98px;
	box-sizing: border-box;
}
.menu{
	margin-top: 9px;
}
.logo_holder{
	float: left;
	display: inline-block;
	max-width: 50%;
	width: 184px;
	margin-top: 8px;
}
.header_logo{
	width: 100%;
}
.desktop_menu{
	float: right;
	margin-right: 150px;
}
.desktop_menu #menu-main-menu{
	list-style: none;
	border-right: 1px solid #ffffff;
}
.desktop_menu #menu-main-menu li{
	display: inline-block;
	padding-right: 1vw;
	padding-left: 1vw;
}
.desktop_menu #menu-main-menu li a{
	text-decoration: none;
	color: #ffffff;
	vertical-align: top;
}

.main_menu{
	display: inline-block;
}
.location_menu{
	display: inline-block;
    padding-right: 1vw;
    padding-left: 1.5vw;
    background-image: url(https://globalpetfoods.com/wp-content/themes/GPF/img/location_pin.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    margin-left: 0.5vw;

}
.location_menu a{
	text-decoration: none;
	color: #ffffff;
}
.desktop_menu #menu-main-menu li.location_menu {
  border-left: 1px solid #fff;
  background: none;
}
.desktop_menu #menu-main-menu li.hide-desktop {
  display: none;
}

.desktop_menu #menu-main-menu {
  border: none;
}

.desktop_menu .icon {
  position: absolute;
  top: 15px;
  right: 25px;
}


.franchise_menu{
	position: fixed;
    top: 0;
    right: 20px;
    background: transparent;
    padding: 30px;
    padding-top: 15px;
    background-image: url(https://globalpetfoods.com/wp-content/themes/GPF/img/white_flag.png);
    background-size: cover;
    background-position: bottom center;
    text-align: center;
}
.franchise_menu a{
	text-decoration: none;
	color: #A4353B;
}
.featured_headline{
	margin-top: 65px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.clear_top{
	margin-top: 95px;
	margin-bottom: 2vw;
	width: 100%;
    height: 1px;
}
h1{
	font-family: 'ITC Avant Garde Gothic Std', Cabin, Arial, 'sans serif';
}
h2{
	font-family: Cabin, Arial, 'sans serif';
}

.featured_headline h1{
	font-size: 4.25vw;
	color: #ffffff;
	padding-top: 8vw;
    padding-left: 9vw;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 4.75vw;
}
.featured_headline h2{
	font-size: 1.938vw;
	color: #ffffff;
	padding-bottom: 8vw;
    padding-left: 9vw;
    margin-top: 0;
    padding-top: 0;
    font-weight: normal;
    line-height: 2.2vw;
}
.featured_blocks{
	max-width: 80%;
	margin: 0 auto;
}
.left_blocks{
	width: 65%;
	margin-right: 2%;
	float: left;
}
.featured_news{
	background-color: #AFAFAF;
	width: 100%;
	height: 24vw;
	position: relative;
	padding: 0;
	margin: 0;
	display: inline-block;
	margin-bottom: 2vw;
	-webkit-box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	-moz-box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	background-size: cover;
}
.snipe{
	position: absolute;
    top: 17px;
    left: 0;
    padding-right: 2vw;
    padding-left: 1vw;
    height: 0px;
    color: #A4353B;
    background: #ffffff;
    height: 3vw;
    display: inline-block;
}
.snipe:after{
	border-top: 1.5vw solid #ffffff;
    border-left: 1.5vw solid #ffffff;
    border-bottom: 1.5vw solid #ffffff;
    border-right: 1vw solid transparent;
    display: inline-block;
    content: ' ';
    position: absolute;
    right: -2vw;
}
.snipe span{
    position: relative;
	top: 0.5vw;
    font-size: 1.5vw;
    font-family: Cabin, Arial, 'sans serif';
    font-weight: normal;
}
.darksnipe{
	position: absolute;
    top: 17px;
    left: 0;
    padding-right: 2vw;
    padding-left: 1vw;
    height: 0px;
    color: #ffffff;
    background: #A4353B;
    height: 3vw;
    display: inline-block;
}
.darksnipe:after{
	border-top: 1.5vw solid #A4353B;
    border-left: 1.5vw solid #A4353B;
    border-bottom: 1.5vw solid #A4353B;
    border-right: 1vw solid transparent;
    display: inline-block;
    content: ' ';
    position: absolute;
    right: -2vw;
}
.darksnipe span{
    position: relative;
	top: 0.5vw;
    font-size: 1.5vw;
    font-family: Cabin, Arial, 'sans serif';
    font-weight: normal;
}
.red_btn{
	display: inline-block;
	width: auto;
	background: #A4353B;
	color: #ffffff !important;
	text-decoration: none;
	font-family: Cabin, Arial, 'sans serif';
	padding: 0.5vw;
	padding-right: 2vw;
	padding-left: 2vw;
	border-radius: 4px;
	font-size: inherit;
	border: 0;
	cursor: hand; cursor: pointer;
}
.lng_btn{
	padding-right: 3vw;
	padding-left: 3vw;
}
.wht_btn{
	display: inline-block;
	width: auto;
	background: #ffffff;
	color: #A4353B;
	text-decoration: none;
	font-family: Cabin, Arial, 'sans serif';
    padding: .5vw;
    padding-right: 4vw;
    padding-left: 4vw;
    border-radius: 4px;
}
.o_wht_btn{
	display: inline-block;
	width: auto;
	background: #ffffff;
	color: #A4353B;
	text-decoration: none;
	font-family: Cabin, Arial, 'sans serif';
    padding: .5vw;
    padding-right: 2vw;
    padding-left: 2vw;
    -webkit-box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	-moz-box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	font-size: 65%;
	cursor: hand; cursor: pointer;
}
.airmiles{
	clear: both;
	position: relative;
    top: 2vw;
	background: #A4353B;
	color: #ffffff;
	-webkit-box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	-moz-box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	padding: 2vw;
}
.airmiles a{
	color: #ffffff;
}
.plane_icon {
    float: left;
    width: 10vw;
}
.air_miles_icon{
    float: right;
    width: 9vw;
    margin-top: 1.2vw;
    margin-right: 1.5vw;
}

.clear_wrapper{
	margin: 0 auto;
	width: 80%;
	color: #A4353B;
	box-sizing: border-box;
	font-size: 1.5vw;
}

.red_wrapper{
	background: #A4353B;
	margin-top: 2vw;
	width: 100%;
	box-sizing: border-box;
	padding: 5vw;
	padding-right: 20vw;
	padding-left: 20vw;
	color: #ffffff;
}

/*/
FOOTER CSS
/*/
.footer {
  background: #fff;
  padding: 2em 4em 1em 2em;
  font-family: Cabin, Arial, "sans serif";
  position: relative;
  z-index: 999;
}
.footer ul.menu {
  list-style: none;
}
.footer li a {
  text-decoration: none;
  font-size: 0.8em;
}
.footer li a:hover, .footer li a:active, .footer li a:focus {
  color: #000;
}
.footer .legal,
.footer a {
  color: #6f6c6c;
}
.footer .social_link {
  background: #f3f3f3;
  padding: 0.1em 0.2em;
  display: inline-block;
}
.footer .social_link img {
  width: 35px;
}
.footer .legal {
  font-size: 0.7em;
  padding-top: 2em;
}
.footer .logo_holder {
  display: inline-block;
  max-width: 50%;
  width: 184px;
  margin-top: 15px;
}
.footer .logo_holder img {
  width: 184px;
}
.footer .logo_holder,
.footer .legal,
.footer .footer_menu_section {
  float: left;
}
.footer .footer_menu,
.footer .social_menu {
  float: right;
}


.list-section h1,
.list-section p {
	display: inline-block;
}

.list-section > div:nth-of-type(1) h1 {
	padding-right: .6em;
}

.list-section .list-entry h1 {
	color: #b3b2b2;
    font-weight: normal;
    font-size: 80px;
    margin-top: 0;
    vertical-align: top;
    font-family: Cabin, Arial, 'sans serif';
    padding: 0 .4em 0 0;
    line-height: initial;
}

.list-section .list-entry p {
	width: calc(100% - 150px);
    text-align: justify;
    vertical-align: middle;
}

.desktop_menu #menu-main-menu li.fom{
	display: none;
	background: #ffffff;
	margin-top: 5px;
    margin-bottom: -10px;
}
.desktop_menu #menu-main-menu li.fom a{
	color: #A4353B;
}

@media (min-width: 1201px) {
  .desktop_menu #menu-main-menu li.location_menu:before {
    content: " ";
    display: inline-block;
    background-image: url(https://globalpetfoods.com/wp-content/themes/GPF/img/location_pin.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    vertical-align: top;
	width: 18px;
	height: 19px;
  }
	
}


@media only screen and (max-width : 1200px) {
  .header {
    padding: 1vh 2vw 2vh 2vw;
    max-height: 73px;
  }
	.menu-main-menu-container{
		margin-top: -50px;
	}
	.logo_holder{
		margin-top: 20px;
		margin-left: 3vw;
	}
	.desktop_menu .icon{
		top: 23px;
	}
  .desktop_menu {
    overflow: hidden;
    display: block;
    margin-right: 0;
    background: #A4353B;
  }
  .desktop_menu ul#menu-main-menu.menu > li {
    display: none;
    width: 100%;
  }
  .desktop_menu ul#menu-main-menu.menu > li.location_menu {
    border: none;
    margin-left: 0;
    font-weight: bold;
    background: rgba(255,255,255,0.2);
    width: 100%;
  }
  .desktop_menu ul#menu-main-menu.menu > li:hover {
    background: rgba(255,255,255,0.3);
  }
  .desktop_menu ul#menu-main-menu.menu a.icon {
    float: right;
    display: block;
  }
  .desktop_menu ul#menu-main-menu.menu.responsive {
    position: relative;
    padding-left: 1vw;
    padding-right: 3vw;
    margin-top: 70px;
  }
  .desktop_menu ul#menu-main-menu.menu.responsive > li {
  	display: block;
  }
  .desktop_menu ul#menu-main-menu.menu.responsive > li > a {
    display: block;
    padding-top: 2vh;
    padding-bottom: 2vh;
  }
  .desktop_menu ul#menu-main-menu.menu.responsive > li.hide-desktop {
    display: block;
  }
  .desktop_menu ul#menu-main-menu.menu.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .desktop_menu ul#menu-main-menu.menu.responsive a.icon {
    position: absolute;
    right: 0;
    top: -54px;
  }
  .desktop_menu .franchise_menu {
    display: none;
  }
  .desktop_menu .fa-bars {
    background-image: url(https://globalpetfoods.com/wp-content/themes/GPF/img/burger.png);
    background-size: contain;
    width: 30px;
    height: 22px;
    display: inline-block;
  }
	.clear_top{
		margin-top: 60px;
	}
	.petZonePaw {
	    position: absolute;
	    top: 38vw;
	    right: 3vw;
	    width: 15vw;
	}
}

@media only screen and (max-width : 992px) {

.s_table td, .s_table tr {
    display: block;
}

}

@media only screen and (max-width : 768px) {

  .footer {
    padding: 2em;
  }
  .footer_menu{
  	width: 100%;
  }
  .footer .logo_holder,
.footer .footer_menu,
.footer .legal,
.footer .social_menu,
.footer .footer_menu_section {
    float: none;
  }
  .footer .logo_holder,
.footer .legal,
.footer .social_menu {
    text-align: left;
  }
  .footer .legal {
    padding-top: 0;
    display: block;
    width: 100%;
  }
  .footer .logo_holder {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
  .footer .logo_holder img {
    width: 184px;
  }
  .footer .logo_holder a {
    display: block;
  }
  .footer ul {
    padding-left: 0;
    margin-top: 0;
  }
  .footer .footer_menu {
    margin: 0 auto;
    text-align: left;
    padding-top: 20px;
  }
  .footer .footer_menu > div {
    display: inline-block;
  }
  .footer .footer_menu > div:nth-of-type(n+2) {
    margin-left: 20px;
  }
  .footer .social_menu {
    margin-top: 1em;
  }
  .footer_menu_section{
  	text-align: left;
  }
}

@media only screen and (max-width : 480px) {
	.header{
		height: 76px;
	}
	.featured_headline{
		margin-top: 65px;
	}
	.clear_top{
		margin-top: 65px;
		margin-bottom: 2vw;
	}
	.featured_headline h1{
		padding-top: 17vw;
		font-size: 4.25vw;
	}
	.featured_headline h2{
		padding-bottom: 17vw;
		font-size: 2.18vw;
	}

  .footer .footer_menu {
    width: 100%;
  }
  .footer .footer_menu > div {
    width: 33.333%;
    float: left;
  }
  .footer .footer_menu > div:nth-of-type(n+2) {
    margin-left: 0;
  }
  .footer .footer_menu > div:nth-of-type(3) {
    min-height: 140px;
  }
  .footer .footer_menu > div:nth-of-type(n+4) {
    margin-top: -30px;
  }
  .footer .footer_menu > div div {
    float: none;
    text-align: left;
  }
  .footer_menu_section{
  	text-align: left;
  }

}

.hidden_map{
	height: calc(100vh - 100px); 
	width: 100%; 
	margin-top: -2vw;
	background-image: url(https://globalpetfoods.com/wp-content/themes/GPF/img/map/backdrop.jpg);
	background-size: cover;
	background-position: center;
}
.search_box{
	position: absolute;
    top: calc(100px + 3vw);
    left: 3vw;
    padding: 4vw;
    background: #ffffff;
    -webkit-box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	-moz-box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);
	box-shadow: -6px 7px 7px -2px rgba(0,0,0,0.16);	
}
.search_box .page_title {
    font-size: 2.5vw;
    font-weight: bold;
    display: block;
    color: #A4353B;
    margin-bottom: 1vw;
    font-family: 'ITC Avant Garde Gothic Std', Cabin, Arial, 'sans serif';
}
.search_box input[type="text"], .contact_store input[type="text"] {
    border: 1px solid #C1C1C1;
    padding: 0.5vw;
    font-size: 0.8vw;
    margin-top: 0vw;
    width: 25vw;
    padding-left: 2vw;
    background-image: url(img/location.png);
    position: left center;
    background-size: contain;
    background-repeat: no-repeat;
}

.search_box input[type="submit"], .contact_store input[type="submit"] {
	-webkit-appearance: none;
    background: #A4353B;
    color: #ffffff;
    padding: 0.5vw;
    border: 1px solid #A4353B;
    font-size: 0.8vw;
    margin-left: -1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 3px;
}


@media only screen and (max-width : 480px) {

	.search_box .page_title {
		font-size: 4.25vw;
		margin-bottom: 2vw;
	}
	.search_box input[type="text"], .contact_store input[type="text"] {
		padding: 1.2vw;
		font-size: 2.5vw;
		margin-top: 2vw;
		width: 45vw;
		padding-left: 6vw;
	}
	.search_box input[type="submit"], .contact_store input[type="submit"]{
		-webkit-appearance: none;

		padding: 1vw;
		border: 2px solid #A4353B;
		font-size: 2.5vw;
		margin-left: -4vw;
		padding-left: 6vw;
		padding-right: 6vw;
		border-radius: 3px;
		
	}

}





/* LANDING PAGE STYLES */ 

.table{
	display: table;
	width:100%;
	max-width:1440px;
}
.table .tr{
	display: table-row;
	width:100%;
	height:100%;
}
.table .td{
	position: relative;
	display: table-cell;
	height:100%;
	text-align:left;
	vertical-align:middle;
}

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table; 
}

.clearfix:after {
    clear: both;
}

.font-weight-bold{
	font-weight:700;
}

.color-green{
	color:#b7b980;
}

.color-red{
	color:#e1221c;
}

.section-container{
	width:94%;
	max-width: 1230px;
    margin: 0 auto;
	padding-bottom: 3.125em;
	font-family: 'DINNextLTPro', sans-serif;
	letter-spacing:0;
}


/* MARQUEE STYLES */ 

.marquee{
	position:relative;
	width:100%;
	height:409px;
	margin:98px auto 0 auto;
	background-color:#ffffff;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background:url(images/acana-header-bg.jpg) center center no-repeat;
	background-size:cover;
}
.marquee .table{
	display: table;
	width:100%;
	height:409px;
	max-width:1440px;
	margin:0 auto;
}
.marquee .table .td{
	position: relative;
	display: table-cell;
	padding:0 0;
	text-align:left;
	vertical-align:middle;
}
.marquee .table .td .logo{
	position: absolute;
	top:0;
	left:6.66%;
	display:block;
	width:8.88%;
	height:auto;
}
.marquee .table .td h1{
	width:70%;
	margin:0 0 0 17.152%;
	font-family: 'RockwellStd', serif;
	font-size:3.625em;
	font-weight:700;
	line-height:1.09565em;
	color:#f8f3d9;
	text-transform: uppercase;
}
.marquee .table .td h2{
	width:70%;
	margin:0.35em 0 0 17.152%;
	font-family: 'Rockwell', serif;
	font-size:2em;
	font-weight:400;
	line-height:1.359em;
	color:#f8f3d9;
	text-transform: uppercase;
}
.marquee .table .td p{
	width:70%;
	margin:1em 0 0 17.152%;
	font-family: 'Cabin', sans-serif;
	font-size:1.5em;
	font-weight:400;
	line-height:1.5em;
	color:#f8f3d9;
}
.marquee .table .td p.larger{
	font-size:2.4em;
}


@media only screen and (max-width: 79.9375em){  /* 1279-1000  */

	.marquee .table .td h1{
		font-size: 2.75em;
	}
	.marquee .table .td p{
		font-size:1.15em;
	}

}

@media only screen and (max-width: 79.9375em){  /* 1200  */

	.marquee{
		margin:73px auto 0 auto;
	}

}

@media only screen and (max-width: 62.5em){  /* 1000-640  */ 

		
	.marquee .table .td .logo{
		position: absolute;
		top:0;
		left:2.66%;
		display:block;
		width:12.88%;
		height:auto;
	}

	.marquee .table .td h1{
		font-size: 2.5em;
	}
	.marquee .table .td h2{
		font-size: 2em;
	}
	.marquee .table .td p{
		font-size:1em;
	}

}

@media only screen and (max-width: 40em){  /* 640-320  */ 

	.marquee{
		height:360px;
		background: url(images/acana-header-bg.jpg) 70% 50% no-repeat;
		background-size:auto 100%;
	}

	.marquee .table .td .logo {
		left: 1.5%;
		width: 18%;
	}

	.marquee .table .td h1{
		margin: 0 0 0 4%;
		font-size: 1.5em;
	}

	.marquee .table .td h2{
		margin: 0.35em 0 0 4%;
		font-size: 1.25em;
	}
	.marquee .table .td p{
		margin: 1em 0 0 4%;
		font-size:0.9em;
		line-height:1.35em;
	}

	.marquee .table .td h1 br,
	.marquee .table .td h2 br,
	.marquee .table .td p br{
		display:none;
	}

}

/* TRUSTED CTA */ 

.cta-trusted{
	box-sizing: border-box;
	width:100%;
	margin:3.125em 0;
	padding:2.8125em 4.87%;
	background-image:url(images/trust-icons.png);
	background-repeat: no-repeat;
	background-position:94.472% 50%;
	background-color:#372e2c;
	background-size:31.5972% auto;
}
.cta-trusted h1{
	width:60%;
	max-width:600;
	margin:0 0 0 0;
	font-family: 'RockwellStd', serif;
	font-size:2.09375em;
	font-weight:700;
	line-height:1.1194em;
	color:#f8f3d9;
	text-transform: uppercase;
}

.cta-trusted p{
	width:60%;
	max-width:540px;
	margin:1em 0 0 0;
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.25em;
	font-weight:300;
	line-height:1.3em;
	color:#d2d0d0;
}

@media only screen and (max-width: 40em){  /* 640-320  */ 

	.cta-trusted{
		box-sizing: border-box;
		width:100%;
		margin:3.125em 0;
		padding:90px 4.87% 1.75em 4.87%;
		background-image:url(images/trust-icons.png);
		background-repeat: no-repeat;
		background-position:50% 32px;
		background-size:auto 64px;
		background-color:#372e2c;
	}
	.cta-trusted h1{
		width:94%;
		margin:1em auto;
		font-size:1.75em;
	}

	.cta-trusted p{
		width:94%;
		margin:1em auto;
		font-size:1em;
	}

}

/* MISSION CTA */

.cta-mission{
	position:relative;
	box-sizing: border-box;
	width:100%;
	margin:3.125em 0;
	padding:0 0;
	background-color:#f8f3d9;
}

.cta-mission .content{
	padding:2.8125em 0 2.8125em 4.87%;
}

.cta-mission .image{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:40.8%;
	background-image:url(images/mission-cta-bg.jpg);
	background-repeat: no-repeat;
	background-position:center right;
	background-size:cover;
}

.cta-mission h1{
	width:56.5%;
	max-width: 630px;
	margin:0 0 1.2em 0;
	font-family: 'RockwellStd', serif;
	font-size:2.09375em;
	font-weight:700;
	line-height:1.1194em;
	letter-spacing:-0.01em;
	color:#372e2c;
	text-transform: uppercase;
}

.cta-mission .content .clearfix{
	width:56.5%;
}

.cta-mission .number-area{
	float:left;
	box-sizing:border-box;
	position: relative;
	width:44.629%;
	margin-right:0%;
	letter-spacing:-0.01em;
}

.cta-mission .number-area-1 > div{
	max-width:225px;
}

.cta-mission .number-area-2{
	width:55%;
}

.cta-mission .number-area-2 > div{
	max-width:310px;
}

.cta-mission .number-area .nunmber{
	position: absolute;
	top:-0.22535em;
	left:0;
	font-family: 'Rockwell', serif;
	font-size:4.4375em;
	font-weight:400;
	color:#eb8567;
}

.cta-mission .number-area > div{
	padding:0 0 0 18.18%;
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.1875em;
	font-weight:300;
	line-height:1.447em;
	color:#372e2c;
}

@media only screen and (max-width: 62.5em){  /* 1000-640  */
	
	.cta-mission h1{
		font-size:1.75em;
	}

	.cta-mission .number-area .nunmber{
		left:0px;
		font-size:3.5em;
	}

	.cta-mission .number-area > div{
		font-size:1em;
	}

}

@media only screen and (max-width: 40em) {  /* 640-320 */ 

	.cta-mission{
		padding:0 0 240px 0;
	}

	.cta-mission h1{
		width:100%;
		max-width: 630px;
		font-size:1.75em;
	}

	.cta-mission .content {
		padding:2em 5%;
	}
	
	.cta-mission .content .clearfix{
		width:100%;
	}
		
	.cta-mission .number-area{
		float:none;
		width:100%;
	}

	.cta-mission .number-area .nunmber{
		left:-6px;
		font-size:3.5em;
	}
		
	.cta-mission .number-area > div{
		min-height:70px;
		padding: 0 0 0 15%;
	}

	.cta-mission .number-area-1 > div{
		max-width:640px;
	}

	.cta-mission .number-area-2{
		width:100%;
	}

	.cta-mission .number-area-2 > div{
		max-width:640px;
	}

	.cta-mission .image{
		position:absolute;
		top:auto;
		right:0;
		left:0;
		bottom:0;
		width:100%;
		height:240px;
		background-image:url(images/mission-cta-bg.jpg);
		background-repeat: no-repeat;
		background-position:center bottom;
		background-size:cover;
	}

}

/* RULES CTA */

.cta-rules{

	background-color:#372e2c;
}

.cta-rules .left-col{
	float:left;
	width:34.3%;
}

.cta-rules .left-col .inner{
	padding:0 7.58% 2em 7.58%;
}

.cta-rules .left-col .inner .banner .content{
	background-color:#49403c;
	padding-bottom:1em;
}

.cta-rules .left-col .inner .banner .content .title{
	padding:3.75em 0 2em 0;
}

.cta-rules .left-col .inner .banner .content p{
	margin:0;
	padding:0 8.9% 1em 10.3%;
	font-size:1.1875em;
	font-weight:300;
	color:#d2d0d0;
	letter-spacing:0.025em;
}

.cta-rules .right-col{
	float:right;
	width:65.7%;
}

.cta-rules .right-col .inner{
	padding:0 4.95% 2em 4.95%;
}

.cta-rules .right-col .inner .title{
	padding:3.25em 0 2em 0;
	
}

.cta-rules .right-col .inner .title h1{
	font-family: 'RockwellStd', serif;
	font-size:1.5em;
	font-weight:700;
	line-height:1.1194em;
	letter-spacing:-0.01em;
	color:#a9c6d8;
	text-transform: uppercase;
}

.cta-rules .number-area{
	float:left;
	box-sizing:border-box;
	position: relative;
	width:44.5%;
	margin-right:5.5%;
	letter-spacing:0em;
}

.cta-rules .number-area-1{
	clear:left;
}

.cta-rules .number-area-2{
	width:50%;
	margin-right:0%;
}

.cta-rules .number-area .nunmber{
	position: absolute;
	top:-0.22535em;
	left:0;
	font-family: 'Rockwell', serif;
	font-size:4.4375em;
	font-weight:400;
	color:#9ab2c2;
	opacity:0.3;
}

.cta-rules .number-area > div{
	padding:0 0 1.9em 18.18%;
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.1875em;
	font-weight:300;
	line-height:1.447em;
	color:#d2d0d0;
}

.cta-rules .number-area > div span{
	display:block;
	font-weight:700;
	color:#f5d096;
}

@media only screen and (max-width: 53.75em){  /* 860-640  */

	.cta-rules .number-area .nunmber {
		left: -10px;
	}

}

@media only screen and (max-width: 40em){  /* 640-320  */

	.cta-rules .left-col {
		float: none;
		width: 100%;
	}

	.cta-rules .left-col .inner .banner .content {
		padding-bottom: 0em;
	}

	.cta-rules .left-col .inner .banner .content .title {
		padding:2em 0 1em 0;
	}

	.cta-rules .right-col {
		float: none;
		width: 100%;
	}

	.cta-rules .right-col .inner .title {
		padding: 0em 0 2em 0;
	}

	.cta-rules .right-col .inner .title h1 {
		margin:0;
		font-size: 1.35em;
	}

	.cta-rules .number-area {
		float: none;
		width: 100%;
		margin-right: 0%;
	}

	.cta-rules .number-area > div {
		padding: 0 0 1.5em 15%;
		font-size: 1.1em;
	}

}


/* FRESH CTA */

.cta-fresh{
	box-sizing: border-box;
	width:100%;
	margin:3.125em 0;
	padding:2.8125em 4.87%;
	background-image:url(images/cta-fresh-bg.jpg);
	background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
}
.cta-fresh h1{
	width:70%;
	max-width:420px;
	margin:0 0 0 0;
	font-family: 'RockwellStd', serif;
	font-size:2.34375em;
	font-weight:700;
	line-height:1.1194em;
	color:#372d2c;
	text-transform: uppercase;
}

.cta-fresh p{
	width:70%;
	max-width:650px;
	margin:1em 0 0 0;
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.1875em;
	font-weight:400;
	line-height:1.447em;
	color:#372d2c;
	letter-spacing:0.025em;
}

@media only screen and (max-width: 53.75em){  /* 860-640  */

	.cta-fresh {
		padding: 1.5em 4%;
	}

}

@media only screen and (max-width: 40em) {  /* 640-320 */ 

	.cta-fresh h1{
		width:100%;
		max-width:640px;
		font-size:1.75em;
	}
	
	.cta-fresh p{
		width:100%;
		font-size:1.1em;
		letter-spacing:0.01em;
	}

}

/* CTA - QUALITY */

.cta-rows{
	height:813px;
}

.cta-quality{
	position: relative;
	width:64.5528%;
	background:url(images/cta-quality-bg.jpg) center center no-repeat;
	background-size:cover;
	vertical-align: top;
}

.table .td.cta-quality{
	position: relative;
	vertical-align: top;
}

.cta-header{
	padding:3.125em 8.816% 0 5.667%;
}

.cta-quality-header-row{
	
}

.cta-quality-header-row .tr .td{
	width:50%;
	vertical-align: bottom;
}

.cta-quality-header-row .tr .td:first-child{
	width:58%;
}

.cta-quality-header-row .tr .td p{
	margin:0 0 0 0;
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.1875em;
	font-weight:700;
	line-height:1.447em;
	color:#f8f3d9;
	letter-spacing:0.025em;
}

.quality-title-image{
	display:block;
	width:80%;
	height:auto;
	max-width:308px;
}

.cta-quality .content{
	padding:0 5.4% 0 7.55%;
}

.cta-quality .content > p{
	margin:2.875em 0 0 0;
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.1875em;
	font-weight:400;
	line-height:1.447em;
	color:#f8f3d9;
	letter-spacing:0.025em;
}

@media only screen and (max-width: 68.75em){  /* 1100-860  */

	.cta-header {
		padding: 2em 8% 0 4%;
	}

	.cta-quality-header-row .tr .td:first-child {
		width: 60%;
	}

	.quality-title-image {
		width: 94%;
	}

	.cta-quality-header-row .tr .td {
		width: 40%;
	}

	.cta-quality-header-row .tr .td p {
		font-size: 1.1em;
		letter-spacing: 0.01em;
		line-height:1.25em;
	}

	.cta-quality .content > p {
		margin: 2em 0 0 0;
		font-size: 1.1em;
		letter-spacing: 0.01em;
		line-height:1.25em;
	}

}

@media only screen and (max-width: 53.75em){  /* 860-640  */

	.cta-quality-header-row .tr .td:first-child {
		display:block;
		width: 100%;
	}

	.quality-title-image {
		width: 60%;
	}

	.cta-quality-header-row .tr .td {
		display:block;
		width: 100%;
	}

	.cta-quality-header-row .tr .td p {
		margin:1em 0 0 0;
		font-size: 1.05em;
		letter-spacing: 0em;
	}

	.cta-quality .content {
		padding: 0 3% 0 3%;
	}

	.cta-quality .content > p {
		margin: 1em 0 0 0;
		font-size: 1.05em;
		letter-spacing: 0em;
	}

}

@media only screen and (max-width: 40em) {  /* 640-320 */ 

	.cta-rows{
		height:auto;
	}

	.cta-rows.table,
	.cta-rows.table > .tr,
	.cta-rows.table > .tr > .td{
		display:block;
	}
	.cta-rows.table .tr .td.empty{
		display: none;
	}

	.cta-rows.table > .tr > .td{
		margin:3.125em 0;
	}

	.cta-quality{
		width:100%;
		background:url(images/cta-quality-bg.jpg) center center no-repeat;
		background-size:cover;
	}

	.cta-quality .content {
		padding: 0 3% 220px 3%;
	}

}

/* CTA - FOOD PROGRAM */

.cta-foodprogram{
	width:32.845%;
	background-color:#b12937;
}

.table .td.cta-foodprogram{
	position: relative;
	vertical-align: top;
}

.cta-foodprogram .content{
	height: 100%;
	padding:3.125em 6.37% 0 11.27%;
}

.cta-foodprogram .content h1{
	margin:0 0 0 0;
	font-family: 'RockwellStd', serif;
	font-size:2.34375em;
	font-weight:700;
	line-height:1.1194em;
	color:#f8f3d9;
	text-transform: uppercase;
}

.cta-foodprogram .content p{
	margin:1em 0 0 0;
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.1875em;
	font-weight:400;
	line-height:1.447em;
	color:#f8f3d9;
	letter-spacing:0.01em;
}

.cta-foodprogram .content p a{
	color:#f8f3d9;
	text-decoration: underline;
}

.cta-foodprogram .content p a:hover{
	opacity:0.7;
}

.cta-foodprogram .bottom-area{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	height:167px;
	height:20.5%;
	background-color:#767676;
	z-index:1;
}

.cta-foodprogram .food-bag-img{
	position: absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:auto;
	z-index:2;
}

@media only screen and (max-width: 68.75em){  /* 1140-860  */

	.cta-foodprogram .content h1 {
		font-size: 1.75em;
	}

	.cta-foodprogram .content p {
		margin: 0.75em 0 0 0;
		font-size: 1.1em;
		letter-spacing: 0.01em;
	}

}

@media only screen and (max-width: 53.75em){  /* 860-640  */

	.cta-foodprogram .content h1 {
		font-size: 1.5em;
	}

	.cta-foodprogram .content p {
		margin: 0.5em 0 0 0;
		font-size: 1.05em;
		letter-spacing: 0em;
	}

}


@media only screen and (max-width: 40em) {  /* 640-320 */ 

	.cta-foodprogram{
		width:100%;
	}

	.cta-foodprogram .content {
		height: 100%;
		padding: 1.5em 5% 140px 5%;
	}

	.cta-foodprogram .content h1 br{
		display:none;
	}

	.cta-foodprogram .food-bag-img {
		left: auto;
		width: 280px;
	}

}


/* AIR MILES CTA */ 

.cta-air-miles{
	position:relative;
	margin:3.125em auto;
	min-height:180px;
	background:url(images/icon-paper-airplane.png) 66.5% center no-repeat #b02837;
	background-size:auto 80%;
}

.cta-air-miles .table{
	height:180px;
}

.cta-air-miles .air-miles-logo{
	position:absolute;
	width:150px;
	top:0;
	bottom:0;
	right:5.69%;
	background:url(images/logo-air-miles.png) center center no-repeat;
	background-size:auto 77.77%;
}

.cta-air-miles h1{
	width:67%;
	margin:0 0 0.4em 4.87%;
	font-family: 'Cabin', sans-serif;
	font-size:2.1875em;
	font-weight:700;
	line-height:1.2em;
	color:#ffffff;
}

.cta-air-miles h1 sup {
	top: -0.5em;
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.cta-air-miles p{
	width:64%;
	margin:0.4em 0 0 4.87%;
	font-size:1.4em;
	font-weight:400;
	line-height:1.375em;
	color:#ffffff;
}

@media only screen and (max-width: 40em) {  /* 640-320 */ 

	.cta-air-miles .table{
		height:200px;
	}

	.cta-air-miles{
		background:url(images/icon-paper-airplane.png) 72% center no-repeat #b02837;
		background-size:auto 65%;
	}
	
	.cta-air-miles .air-miles-logo{
		width: 85px;
		top: -110px;
		right: 2%;
		background-size: 85px auto;
	}
	
	.cta-air-miles h1{
		width:70%;
		margin:0 0 0.4em 3%;
		font-size:1.75em;
	}
	
	.cta-air-miles p{
		width:90%;
		margin:0.4em 0 0 3%;
		font-size:1.2em;
	}	

}

/* FOOD LIST SECTION */

.food-list{
	margin:3.125em auto;
	padding:3.75em 0 2.5em 0;
	background-color:#fff6dc;
}

.food-list-animal{
	position: relative;

}

.food-list-animal .left-col{
	float:left;
	width:30.48%;
	margin-right:5.69%;
}

.food-list-animal .left-col .title h1{
	margin:0 0 0 0;
	padding:0.74em 5% 0.74em 14.93%;
	font-family: 'RockwellStd', serif;
	font-size:2.34375em;
	font-weight:700;
	line-height:1.1194em;
	color:#f8f3d9;
	text-transform: uppercase;
	background-color:#877e72;
}


.food-list-animal .vdivider{
	position: absolute;
	top:0;
	bottom:0;
	left:32.926%;
	width:1px;
	overflow:hidden;
	background-color:#d4cdc0;
}

.food-list-animal .right-col{
	float:left;
	width:60.325%;
	margin-right:3.505%;
}

.food-list-animal .intro{
	margin-bottom:2em;
}

.food-list-animal .intro p{
	max-width:670px;
	margin:0 0 1em 0;
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.1875em;
	font-weight:300;
	line-height:1.447em;
	color:#372e2c;
	letter-spacing:0.01em;
}

.food-list-animal .intro p strong{
	font-weight:500;
}

.food-list .divider{
	margin:1.875em 4.878% 2.5em 4.878%;
	height:2px;
	background-color:#a9a4a4;
	overflow: hidden;
}

.food-list .lists{
	
}

.food-list .lists.clearfix .list{
	float:left;
}

.food-list .lists.clearfix .list:nth-child(1){
	width:21.6%;
}
.food-list .lists.clearfix .list:nth-child(2){
	width:28%;
}
.food-list .lists.clearfix .list:nth-child(3){
	width:24.7%;
}
.food-list .lists.clearfix .list:nth-child(4){
	width:25.7%;
}

.food-list .lists .list .list-header{
	margin:0 0 1em 0;
	padding:0;
	font-family: 'RockwellStd', serif;
	font-size:1.125em;
	font-weight:700;
	line-height:1.125em;
	color:#372e2c;
	text-transform: uppercase;
}

.food-list .lists .list .list-subheader{
	margin:1 0 0 0;
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.1875em;
	font-weight:700;
	line-height:1.447em;
	letter-spacing:0.01em;
}

.food-list .lists .list ul{
	margin:0 0 1em 0;
	padding-left: 1.2em;
}

.food-list .lists .list li{
	font-family: 'DINNextLTPro', sans-serif;
	font-size:1.1875em;
	font-weight:300;
	line-height:1.447em;
	letter-spacing:0.01em;
}

.food-list .lists .list.style-green .list-header,
.food-list .lists .list.style-green .list-subheader,
.food-list .lists .list.style-green li{
	color:#90983d;
}

.food-list .lists .list.style-blue .list-header,
.food-list .lists .list.style-blue .list-subheader,
.food-list .lists .list.style-blue li{
	color:#0084d6;
}

.food-list .lists .list.style-orange .list-header,
.food-list .lists .list.style-orange .list-subheader,
.food-list .lists .list.style-orange li{
	color:#f49500;
}

.food-list .lists .list.style-red .list-header,
.food-list .lists .list.style-red .list-subheader,
.food-list .lists .list.style-red li{
	color:#e1221c;
}

.food-list .lists .list li span{
	color:#372e2c !important;
}

@media only screen and (max-width: 62.5em){  /* 1000-640  */
	
	.food-list-animal .left-col .title h1{
		padding:0.74em 5% 0.74em 14.93%;
		font-size:1.75em;
	}

	.food-list .lists.clearfix .list:nth-child(1){
		width:48%;
		margin-right:4%;
	}
	.food-list .lists.clearfix .list:nth-child(2){
		width:48%;
	}
	.food-list .lists.clearfix .list:nth-child(3){
		width:48%;
		margin-right:4%;
		clear:left;
	}
	.food-list .lists.clearfix .list:nth-child(4){
		width:48%;
	}

}

@media only screen and (max-width: 40em){  /* 640-320 */

	.food-list {
		margin: 3.125em auto;
		padding: 0.75em 0;
		background-color: #fff6dc;
	}

	.food-list-animal .left-col .title h1 {
		padding: 0.74em 10% 0.74em 10%;
		font-size: 1.75em;
	}

	.food-list-animal .left-col {
		float: none;
		width: 90%;
		margin-right:auto;
		margin-left:auto;
	}

	.food-list-animal .vdivider{
		display: none;
	}
	
	.food-list-animal .right-col{
		float: none;
		width: 90%;
		margin-right:auto;
		margin-left:auto;
	}

	.food-list .divider{
		display:none;
	}

	.food-list .content{
		font-size:0.85em;
	}
	

}