@charset "UTF-8";
 
 .slider1{
	 background-image:url(../../img/slider/fondo1.jpg);
	 background-image:url(../../img/slider/slider1-1700.jpg);
	 background-position:top center;
	 display:block;
 }
 
  .slider2{
	   background-image:url(../../img/slider/fondo2.jpg); 
	    background-image:url(../../img/slider/slider2-1700.jpg);
	 background-position:top center;
	 display:block;
 }
 
  .slider3{
	 background-image:url(../../img/slider/fondo3.jpg);
	 background-image:url(../../img/slider/slider3-1700.jpg);
	 background-position:top center;
	 display:block;
 }
 
   .slider4{ 
	 background-image:url(../../img/slider/made_1700_es.jpg);
	 background-position:top center;
	 display:block;
 }
    .slider5{ 
	 background-image:url(../../img/slider/jinger_1700_es.jpg);
	 background-position:top center;
		 display:block;
 }
    .slider6{ 
	 background-image:url(../../img/slider/slider6-1700-b.jpg);
	 background-position:top center;
		 display:block;
 }
     .slider7{ 
	 background-image:url(../../img/slider/slider7-1700-b.jpg);
	 background-position:top center;
		 display:block;
 }
 
 .slider3{
	 color:white;
 }
 
  .slider3 h1{
	  margin:0px;
	  padding:0px; 
	  font-size:80px;
	  font-weight:normal;
	  text-align:center;
	  line-height:.7;
  }
 .slider3 h1 span{
	  font-size:145px;
  }
 
 .slider3 p{
	 padding-top:40px;
	 padding-bottom:25px;
	 max-width:450px;
	 margin:0 auto;
	 font-size:22px;
	 text-align:center;
	 line-height:1.2;
  }
 
  .slider3 a{
	 padding:12px 20px;
	 max-width:230px;
	 border:solid 1px #FFF;
	 
	 margin:0 auto;
	 font-size:14px;
	 text-align:center;
	 line-height:1.6;
	 display:block;
	 text-decoration:none;
	 color:white;
	 text-transform:uppercase;
  }
 
 .slider3 a:hover{
	 text-decoration:underline;
  }
 
 
 
 .slider1{
	 color:#391e12;
 }
 
  .slider1 h1{
	  margin:0px;
	  padding:0px; 
	  font-size:80px;
	  font-weight:normal;
	  text-align:center;
	  line-height:.7;
  }
 .slider1 h1 span{
	  font-size:145px;
	   line-height:.7;
  }
 
 .slider1 p{
	 padding-top:10px;
	 padding-bottom:25px;
	 max-width:450px;
	 margin:0 auto;
	 font-size:20px;
	 text-align:center;
	 line-height:1.2;
	 font-weight:400;
  }
 
  .slider1 a{
	 padding:12px 20px;
	 max-width:230px;
	 border:solid 1px #fff;
	 
	 margin:0 auto;
	 font-size:14px;
	 text-align:center;
	 line-height:1.6;
	 display:block;
	 text-decoration:none;
	 color:white;
	 text-transform:uppercase;
  }
 
 .slider1 a:hover{
	 text-decoration:underline;
  }
 
 
 
 .slider2{
	 color:#391e12;
 }
 
  .slider2 h1{
	  margin:0px;
	  padding:0px; 
	  font-size:80px;
	  font-weight:normal;
	  text-align:center;
	  line-height:.7;
	  color:#2B772C !important;
  }
 .slider2 h1 span{
	  font-size:145px;
	   line-height:.7;
  }
 
 .slider2 p{
	 padding-top:15px;
	 padding-bottom:25px;
	 max-width:450px;
	 margin:0 auto;
	 font-size:20px;
	 text-align:center;
	 line-height:1.2;
	 font-weight:400;
  }
 
  .slider2 a{
	 padding:12px 20px;
	 max-width:230px;
	 border:solid 2px #391e12;
	 
	 margin:0 auto;
	 font-size:14px;
	 text-align:center;
	 line-height:1.6;
	 display:block;
	 text-decoration:none;
	 color:#391e12;
	 text-transform:uppercase;
  }
 
 .slider2 a:hover{
	 text-decoration:underline;
  }
 
 
 
 
 
 
 
 
 
 
.clip
{
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	-o-background-clip: padding;
	background-clip: padding-box}


.block
{
	display: block}


.clear
{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden}


.clearfloat
{
	clear: both}


.magic-box:before
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: ""}


.container.vertical-align
{
	overflow: hidden}


.block
{
	display: block}



@-ms-viewport
{
	width: device-width}


.visible-lg, .visible-md, .visible-sm, .visible-xs
{
	display: none!important}


@media (max-width:767px)
{
	.visible-xs	{
		display: block!important;
	}
}


@media (min-width:768px) and (max-width:1200px)
{
	.visible-sm {
		display: block!important;
	}
}


@media (min-width:1201px) and (max-width:1499px)
{
	.visible-md{
		display: block!important;
	}

}


@media (min-width:1500px)
{
	.visible-lg{
		display: block!important;
	}

}


@media (max-width:767px)
{
	.hidden-xs{
		display: none!important;
	}

}


@media (min-width:768px) and (max-width:1200px)
{
	.hidden-sm
{
	display: none!important}


}


@media (min-width:1201px) and (max-width:1499px)
{
	.hidden-md
{
	display: none!important}


}


@media (min-width:1500px)
{
	.hidden-lg
{
	display: none!important}


}

.img-responsive
{
	display: block;
	max-width: 100%;
	height: auto}


.container
{
	margin-right: auto;
	margin-left: auto;
	padding-left: 7px;
	padding-right: 7px}


@media (min-width:768px)
{
	.container
{
	width: 734px}


}


@media (min-width:992px)
{
	.container
{
	width: 954px}


}


@media (min-width:1100px)
{
	.container
{
	width: 1050px}


}


.container-fluid
{
	margin-right: auto;
	margin-left: auto;
	padding-left: 7px;
	padding-right: 7px}

   

.row.no-gutter
{
	margin-left: 0;
	margin-right: 0}


.row.no-gutter [class*=col-]:not(:first-child), .row.no-gutter [class*=col-]:not(:last-child)
{
	padding-right: 0;
	padding-left: 0;
	overflow: hidden}


@media (max-width:768px)
{
	.row
{
	margin-right: 0;
	margin-left: 0}


}


  

.module
{
	position: relative;
	width: 100%;
	float: left;
	overflow: hidden;
	padding-top: 112px;
	padding-top: 7rem;
	padding-bottom: 112px;
	padding-bottom: 7rem}


.module-title
{
	display: inline-block;
	text-transform: uppercase;
	margin-bottom: 51.2px;
	margin-bottom: 3.2rem;
	padding-bottom: 24px;
	padding-bottom: 1.5rem}


.module-title small
{
	margin-left: 44.8px;
	margin-left: 2.8rem;
	font-size: 28.8px;
	font-size: 1.8rem;
	line-height: 35.2px;
	line-height: 2.2rem;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)}


.module-sticker
{
	margin-top: 0;
	float: left;
	position: absolute;
	display: inline-block;
	line-height: 68.8px;
	line-height: 4.3rem;
	top: -67.2px;
	top: -4.2rem;
	padding-left: 32px;
	padding-left: 2rem;
	padding-right: 32px;
	padding-right: 2rem;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-o-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	-moz-border-bottom-left-radius: 0;
	-o-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0}


.module-sticker i
{
	margin-right: 10px}


.module-sticker.green
{
	background: #60ae41;
	color: #fff}


.module-sticker.white
{
	background: #fefefe;
	color: #60ae41}


.module-bg
{
	position: absolute;
	width: 1944px;
	height: 100%;
	left: 50%;
	margin-left: -972px;
	z-index: 0;
	top: 0}


.modal-box
{
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10000}


.modal-box.fullscreen
{
	position: fixed;
	top: 0}


.modal-box .content
{
	height: 100%}


.modal-box a.icon-cancel
{
	right: 0;
	margin: 25px;
	width: 54px;
	height: 54px;
	position: absolute;
	display: block;
	color: #fff;
	z-index: 15}


.green
{
	color: #60ae41}


.darkgreen
{
	color: #184b26}


.hovergreen
{
	color: #428f24}


.white
{
	color: #fff}


.limegreen
{
	color: #9dc22e}


.orange
{
	color: #f27235}


.darkorange
{
	color: #d95a30}


.red
{
	color: #c52d20}


.darkred
{
	color: #600}


.pinkred
{
	color: #d1354a}


.yellow
{
	color: #f0b531}


.brown
{
	color: #802f00}


.darkorange
{
	color: #d95a30}


.blue
{
	color: #0e90ff}


.pink
{
	color: #f7545a}


 

body.overflow-hidden
{
	overflow: hidden}


.block
{
	display: block}


.height100
{
	height: 100%}


.inline-block
{
	display: inline-block}


 
.padding40
{
	padding: 40px 0}


.padding15
{
	padding: 15px 0}


.padding20
{
	padding: 20px 0}


.padding30
{
	padding: 30px 0}


.padding-sides20
{
	padding-left: 20px;
	padding-right: 20px}


.padding-sides30
{
	padding-left: 30px;
	padding-right: 30px}


.padding-right20
{
	padding-right: 20px}


.padding-top15
{
	padding-top: 15px}


.padding-top20
{
	padding-top: 20px}


.padding-top30
{
	padding-top: 30px}


.padding-top40
{
	padding-top: 40px}


.padding-top50
{
	padding-top: 50px}


.padding-top60
{
	padding-top: 60px}


.padding-top65
{
	padding-top: 65px}


.padding-top70
{
	padding-top: 70px}


.padding-top100
{
	padding-top: 100px}


.padding-bottom40
{
	padding-bottom: 40px}


.padding-bottom30
{
	padding-bottom: 30px}


.padding-bottom20
{
	padding-bottom: 20px}


.padding-bottom10
{
	padding-bottom: 10px}


.padding-bottom5
{
	padding-bottom: 5px}


.margin-center
{
	margin-left: auto;
	margin-right: auto}


.margin20
{
	margin-top: 20px;
	margin-bottom: 20px}


.margin-top120
{
	margin-top: 120px}


.margin-top80
{
	margin-top: 80px}


.margin-top40
{
	margin-top: 40px}


.margin-top50
{
	margin-top: 50px}


.margin-top65
{
	margin-top: 65px}


.margin-top20
{
	margin-top: 20px}


.margin-top15
{
	margin-top: 15px}


.margin-top10
{
	margin-top: 10px}


.margin-top5
{
	margin-top: 5px}


.vertical-align
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)}


.text-center
{
	text-align: center}


.text-right
{
	text-align: right}


.text-left
{
	text-align: left}


.text-uppercase
{
	text-transform: uppercase}


.text-lowercase
{
	text-transform: lowercase}


.text-normal
{
	text-transform: none}


.pull42
{
	margin-top: -42px}


.pull40
{
	margin-top: -40px}


.pull20
{
	margin-top: -20px}


.pull25
{
	margin-top: -25px}


.pull65
{
	margin-top: -65px}


.pull75
{
	margin-top: -75px}


.pull100
{
	margin-top: -100px}


.pull115
{
	margin-top: -115px}


.pull160
{
	margin-top: -160px}


.pull200
{
	margin-top: -200px}


.pull320
{
	margin-top: -320px}


.pull400
{
	margin-top: -400px}


.pull495
{
	margin-top: -495px}


.pull785
{
	margin-top: -785px}


.pull1200
{
	margin-top: -1200px}


.float-left
{
	float: left}


.float-right
{
	float: right}


.light-green-bg
{
	background: rgba(96, 174, 64, .2)}


.green-bg
{
	background: #60ae41}


.lazyloader .button, .lazyloader h1, .lazyloader h2, .lazyloader h3, .lazyloader h4, .lazyloader h5, .lazyloader h6, .lazyloader p
{
	opacity: 0}


.lazyloader.lazyloaded .button, .lazyloader.lazyloaded h1, .lazyloader.lazyloaded h2, .lazyloader.lazyloaded h3, .lazyloader.lazyloaded h4, .lazyloader.lazyloaded h5, .lazyloader.lazyloaded h6, .lazyloader.lazyloaded p
{
	opacity: 1}


.bttrlazyloading-wrapper
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 100;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center}


.bttrlazyloading, .bttrlazyloading-clone
{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 100;
	height: 100px;
	width: 100px;
	display: inline-block;
	background-repeat: no-repeat;
	text-align: center}


.hidden
{
	opacity: 0}


.back-breadcrumb
{
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	background: rgba(255, 255, 255, .98);
	position: absolute;
	width: 100%;
	text-align: left;
	margin-top: 65px}


.back-breadcrumb img
{
	-webkit-transform: rotate(180deg);
	-khtml-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	margin-right: 15px}


.back-breadcrumb a
{
	font-size: 28.8px;
	font-size: 1.8rem;
	line-height: 83.2px;
	line-height: 5.2rem;
	text-transform: none;
	background: url(../img/icons/arr.png) 120px center no-repeat}


.footer
{
	background: url(../img/footer-background.png) top center no-repeat}


#modal-error, #modal-success
{
	margin-top: 20px;
	margin-bottom: -20px}


.animated
{
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both}


@-webkit-keyframes fadeInUp
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	transform: translateY(-70%)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)}


}


@keyframes fadeInUp
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	transform: translateY(-70%)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)}


}


.fadeInUp
{
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp}

 
 
.f600
{
	font-weight: 600}


.font-size-x-small
{
	font-size: 12px}


.panel
{
	position: fixed;
	right: -276px;
	width: -276px;
	z-index: 10000;
	display: none;
	background: rgba(96, 174, 65, .9)}


.panel ul
{
	position: relative;
	width: 100%;
	float: left;
	list-style: none;
	padding: 0 30px;
	text-align: center;
	overflow: scroll}


.panel li
{
	position: relative;
	float: left;
	width: 100%;
	line-height: 128px;
	line-height: 8rem;
	font-size: 48px;
	font-size: 3rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.panel li a
{
	color: #fff}


header.main-nav
{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000}


#nav
{
	position: relative;
	background: rgba(96, 174, 65, .9);
	height: 65px;
	z-index: 10000}


#nav .logo
{
	float: left;
	height: 49px;
	width: 100%;
	background: url(../img/logo.png) top center;
	background-repeat: no-repeat;
	text-indent: -9999em}


@media only screen and (max-width:767px)
{
	#nav .toggle
{
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 0!important}


}


#nav .hamburger a
{
	color: #fff;
	font-family: lunchbox, Georgia, Helvetica, sans-serif}


#nav .hamburger .toggle
{
	width: 20px;
	display: inline-block;
	margin-left: 10px;
	margin-top: 5px;
	position: relative;
	float: right;
	margin-right: 10px}


#nav .hamburger .toggle span
{
	width: 100%;
	height: 3px;
	margin-bottom: 3px;
	display: block;
	background: #fff}


#menu
{
	float: right;
	position: relative}


#menu>li
{
	position: relative;
	float: left;
	height: 65px;
	margin-left: 2px;
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


#menu>li:before
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 79px;
	content: "";
	background: url(../img/nav-active.png) top center;
	opacity: 0}


#menu>li:hover
{
	background-color: #428f24;
	height: 65px}


#menu>li.active:before
{
	opacity: 1}


#menu>li>a
{
	position: relative;
	float: left;
	height: 65px;
	line-height: 65px;
	padding: 0 20px;
	color: #fff;
	text-decoration: none;
	 ;
	text-transform: uppercase}


#menu>li>a strong
{
	display: inline-block;
	height: 65px;
	font-size: 22px;
	background: url(../img/nav-dotts.png) center 46px no-repeat}


#menu>li.has-sub>a:after
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 20px;
	text-indent: -9999em;
	background: url(../img/nav-tick.png) center no-repeat}


.gen-share
{
	position: relative;
	overflow: hidden;
	margin-right: 40px;
	margin-bottom: 40px}


.gen-share li
{
	float: right;
	max-width: 86px;
	overflow: hidden;
	position: relative;
	height: 26px;
	margin-right: 5px}


.gen-share li a
{
	opacity: 1;
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.gen-share li a:hover
{
	opacity: .8}


footer.footer
{
	position: relative;
	width: 100%;
	overflow: hidden;
	float: left}


footer.footer span.small
{
	margin-top: 5px;
	position: relative;
	float: left}


footer.footer .gen-share
{
	margin-right: 0}


footer.footer .foot-logo
{
	position: relative;
	display: block;
	margin: auto;
	width: 200px;
	background: url(../img/foot-logo.png) top center no-repeat;
	text-indent: -9999em;
	height: 70px;
	margin: 40px auto}


footer.footer .foot-menu
{
	width: 100%;
	position: relative;
	float: right;
	margin-bottom: 20px}


footer.footer .foot-menu li
{
	float: right}


footer.footer .foot-menu a
{
	float: left;
	height: 28px;
	line-height: 28px;
	color: #60ae41;
	font-size: 20px;
	margin-right: 22px}


footer.footer .foot-menu a:hover
{
	text-decoration: underline}


@media (max-width:991px)
{
	footer.footer .foot-menu a
{
	text-align: right;
	float: right}


footer.footer .foot-menu li
{
	float: right;
	width: 100%}


}


::-webkit-input-placeholder
{
	color: #e1ffd4}


:-moz-placeholder
{
	color: #e1ffd4}


::-moz-placeholder
{
	color: #e1ffd4}


:-ms-input-placeholder
{
	color: #e1ffd4}


.mini-contact, .order-with
{
	padding: 12px 0;
	background: url(../img/dotts-white-across.png) top center repeat-x}


.mini-contact strong, .order-with strong
{
	font-size: 22px;
	padding-left: 20px;
	background: url(../img/icons/icon-phone.png) left center no-repeat}


.mini-contact span, .order-with span
{
	padding-top: 6px;
	display: block}


.mini-contact a, .order-with a
{
	display: inline-block;
	margin: 10px 20px}


.mini-contact img, .order-with img
{
	position: relative;
	display: block}


.menu-hero .view-map
{
	position: absolute;
	z-index: 120;
	margin: 95px 80px 0}


.menu-hero .view-map-2
{
	position: absolute;
	z-index: 120;
	margin: 145px 80px 0}


.module.menu .nutritional-info
{
	padding-top: 5px}


.module.menu.bundles-soups, .module.menu.smoothies
{
	padding-bottom: 100px}


.module.menu.bundles-soups:before, .module.menu.smoothies:before
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 4px;
	content: '';
	background: url(../img/dotts-green-across.png) 0 0 repeat-x}


.module.menu.bundles-soups .menu-item.addons, .module.menu.smoothies .menu-item.addons
{
	background: url(../img/dotts-green-across.png) 0 0 repeat-x}


.module.menu.bundles-soups .menu-item.addons h4, .module.menu.smoothies .menu-item.addons h4
{
	float: left;
	margin-top: 10px;
	letter-spacing: -3px;
	padding-top: 40px;
	background: url(../img/icons/icon-pencil.png) top center no-repeat}


.module.menu.bundles-soups .menu-item.addons.kids h4, .module.menu.smoothies .menu-item.addons.kids h4
{
	background: url(../img/icons/icon-hat.png) center 8px no-repeat}


.module.menu.bundles-soups .menu-item.addons.kids h5, .module.menu.smoothies .menu-item.addons.kids h5
{
	margin: 15px 0 10px 140px}


.module.menu.bundles-soups .menu-item.addons.kids p, .module.menu.smoothies .menu-item.addons.kids p
{
	margin-left: 140px}


.module.menu.bundles-soups .menu-item.addons.tall ul, .module.menu.smoothies .menu-item.addons.tall ul
{
	margin-left: 140px;
	font-size: 13px;
	line-height: 1.4em;
	text-transform: lowercase}


.module.menu.bundles-soups
{
	padding-bottom: 0;
	margin-bottom: 50px}


.module.menu.breakfast h2 strong, .module.menu.entres h2 strong
{
	background: url(../img/icons/icon-entres.html) center right no-repeat}


.module.menu.breakfast em.size-large, .module.menu.breakfast em.size-small, .module.menu.entres em.size-large, .module.menu.entres em.size-small
{
	background: 0 0;
	padding-left: 0}


.module.menu.bundles-soups p
{
	font-size: 12px}


.menu-header
{
	position: relative;
	margin-bottom: 40px}


.menu-header h1
{
	display: none}


.menu-column
{
	float: left;
	width: 48.5%}


.menu-column+.menu-column
{
	float: right}


.menu-item
{
	position: relative;
	padding: 14px 20px;
	margin: 0 10px 12px 10px;
	background: rgba(96, 174, 64, .2)}


.menu-item.nopadding
{
	padding-left: 0;
	padding-right: 0}


.menu-item.wbg
{
	background: rgba(96, 174, 64, .2)!important}


.menu-item.no-bg
{
	background: 0 0}


.menu-item:nth-of-type(even)
{
	background: 0 0}


.packs
{
	position: relative;
	padding: 50px 0 150px;
	overflow: hidden;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	color: #60ae41;
	text-align: left;
	font-size: 18px;
	line-height: 1.3em}


.packs header
{
	padding: 0 0 18px 0;
	margin-bottom: 80px;
	background: url(../img/dotts-green-across.png) bottom left repeat-x}


.packs header p
{
	margin-right: 33%}


.packs h4
{
	font-size: 50px;
	text-transform: uppercase;
	letter-spacing: -3px;
	padding: 30px 0 18px;
	margin-bottom: 18px;
	background: url(../img/dotts-green-across.png) bottom left repeat-x}


.pack-item
{
	float: left;
	width: 30%}


.pack-item:nth-of-type(2)
{
	margin: 0 3.5%}


.pack-item p
{
	padding-bottom: 1em}


.pack-item h5
{
	font-size: 28px;
	 ;
	padding-bottom: 20px;
	text-transform: uppercase}


.pack-item h6
{
	text-transform: uppercase;
	font-size: 20px;
	text-decoration: underline}


.pack-item ul
{
	font-size: 14px;
	text-transform: uppercase}


.contact-hero h1
{
	background-repeat: no-repeat}


.contact-hero p
{
	margin: 0}


.inquiries
{
	position: relative;
	color: #fff}


.inquiries div
{
	background: #60ae41;
	height: 180px}


.inquiries div h2
{
	background-repeat: no-repeat;
	font-size: 3rem}


.module.our-stores
{
	overflow: visible}


.module.our-stores .banner
{
	position: relative;
	margin-left: 0;
	top: -20px;
	z-index: 2}


.module.our-stores .location-item .location-wrapper
{
	background: #60ae41;
	overflow: hidden;
	margin: 10px 0}


.module.our-stores .location-item .location-details
{
	padding: 25px}


.module.our-stores .location-item .location-details h3
{
	font-size: 3rem}


.module.our-stores .location-item a.arrow
{
	display: block;
	background: url(../img/icons/arr.png) 120px center no-repeat;
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.module.our-stores .location-item a.arrow em
{
	font-size: 25.6px;
	font-size: 1.6rem;
	color: rgba(255, 255, 255, .44);
	display: block}


.module.our-stores .location-item a.arrow:hover
{
	background-position: 130px center}


.module.location-map
{
	height: 2203px}


.module.location-map .map-header
{
	position: relative;
	height: 110px;
	padding: 20px;
	background: #fff;
	z-index: 400;
	margin-top: 65px}


.module.location-map .map-header h5
{
	font-size: 28.8px;
	font-size: 1.8rem;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	margin-top: 10px}


.module.location-map .map-header .border-right
{
	border-right: 1px solid rgba(96, 174, 65, .27);
	height: 30px;
	padding-top: 8px;
	margin-right: 15px}


.module.location-map .map-header input
{
	background: #60ae41;
	border: none;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-size: 40px;
	font-size: 2.5rem;
	padding-top: 19.2px;
	padding-top: 1.2rem;
	padding-bottom: 14.4px;
	padding-bottom: .9rem;
	padding-left: 32px;
	padding-left: 2rem;
	padding-right: 32px;
	padding-right: 2rem;
	width: 80%;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	float: left}


.module.location-map .map-header form img
{
	position: absolute;
	top: 50%;
	float: left;
	margin-top: -5px;
	margin-left: 10px}


.module.location-map .map-header .not-selected
{
	position: relative;
	float: left;
	text-transform: uppercase;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	color: #60ae42;
	padding: 6px 0 0 45px;
	height: 30px;
	cursor: pointer;
	background: url(../img/dotted-circle.png) no-repeat}


.module.location-map .map-header .evolution-fresh-filter, .module.location-map .map-header .selected
{
	background: url(../img/selected.png) no-repeat;
	position: relative;
	float: left;
	text-transform: uppercase;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	color: #60ae42;
	padding: 6px 0 0 45px;
	height: 30px;
	cursor: pointer}


.module.location-map .map-canvas
{
	position: absolute;
	top: 0;
	height: 430px;
	width: 100%;
	z-index: 1;
	margin-top: 170px}


.module.location-map .location-wrapper
{
	position: absolute;
	z-index: 3;
	height: 100%;
	width: 350px;
	right: 0;
	overflow: hidden;
	box-shadow: -20px 0 30px -30px #000;
	text-transform: uppercase}


.module.location-map .location-wrapper span
{
	position: absolute;
	box-shadow: inset 0 20px 19px -30px #000;
	width: 100%;
	background-color: rgba(255, 255, 255, .9);
	padding: 10px 25px;
	color: #5fad41;
	z-index: 5;
	font-family: lunchbox, Georgia, Helvetica, sans-serif}


.module.location-map .location-wrapper span #hide
{
	margin-left: 50px;
	cursor: pointer;
	background: url(../img/green-triangle.png) no-repeat 28px 2px;
	background-size: 8px;
	padding-right: 25px;
	text-decoration: none;
	float: right}


.module.location-map .location-list
{
	position: absolute;
	z-index: 2;
	height: 391px;
	width: 100%;
	right: 0;
	top: 34px;
	background-color: #fff;
	overflow-y: scroll}


.module.location-map .location-list ul
{
	overflow: hidden;
	padding: 0;
	font-family: lunchbox, Georgia, Helvetica, sans-serif}


.module.location-map .location-list li
{
	position: relative;
	list-style: none;
	height: 110px;
	background-color: #edffe6;
	padding: 15px 25px;
	color: #60ae42;
	background: url(../img/dotts-green-across.png) repeat-x 0 -2px #edffe6}


.module.location-map .location-list li h3
{
	margin: 0;
	font-size: 20px}


.module.location-map .location-list li p
{
	position: relative;
	margin: 0;
	font-size: 14px}


.module.location-map .location-list li img
{
	bottom: -9px;
	left: -25px;
	position: relative}


.module.location-map .location-list .sbux:after, .module.location-map .location-list .sbux_other:after
{
	content: "";
	background: url(../img/starbucks_marker.png) no-repeat;
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	right: 24px;
	top: 25px}


.module.location-map .location-list .sbux_other:after
{
	background: url(../img/shopping_cart_marker.png) no-repeat}


.module.location-map .location-list .sbux_local:after
{
	content: "";
	background: url(../img/local-store-marker.png) no-repeat;
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	right: 24px;
	top: 25px}


.module.location-map .location-list li:nth-child(even)
{
	background-color: #fff}


.module.location-map .infoBox
{
	background: #f5f5f5;
	text-align: center;
	padding-top: 20px;
	font-family: lunchbox, Georgia, Helvetica, sans-serif}


.module.location-map .info-img
{
	display: none}


.module.location-map .info-directions
{
	width: 100%;
	float: left;
	position: relative;
	background: #60ae41;
	color: #fff;
	height: 38px;
	line-height: 38px;
	text-transform: uppercase;
	font-size: 28.8px;
	font-size: 1.8rem}


.module.location-map .info-directions:after
{
	position: absolute;
	left: 70%;
	top: 23%;
	content: '';
	display: block;
	background: url(../img/right-arrow-white.png) center center no-repeat;
	height: 20px;
	width: 20px}


.module.location-map .info-title
{
	font-size: 43.2px;
	font-size: 2.7rem;
	color: #60ae41;
	padding-left: 20px;
	padding-right: 20px;
	background: url(../img/dotts-green-across.png) center bottom 0 repeat-x;
	display: inline-block;
	padding: 6px 0}


.module.location-map p#address
{
	font-size: 24px;
	font-size: 1.5rem;
	color: #60ae41;
	padding-left: 20px;
	padding-right: 20px}


.module.location-map #show
{
	background: none repeat scroll 0 0 #60AE42;
	border-radius: 3px 0 0 3px;
	color: #FFF;
	cursor: pointer;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	height: 15px;
	margin-left: 20px;
	padding: 10px 15px 7px 25px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	width: 25px;
	z-index: 2;
	text-decoration: none}


.module.location-map #show img
{
	height: 8px;
	left: 10px;
	position: absolute;
	top: 12px}


@media (max-width:991px)
{
	.module.location-map .map-header
{
	height: 230px}


.module.location-map .map-header input
{
	width: 95%}


.module.location-map .map-header .border-right
{
	border-right: none}


.module.location-map .map-header .evolution-fresh-filter
{
	background: 0 0;
	color: #60ae41;
	padding: 0;
	height: 100%;
	margin-top: 10px;
	padding: 6px 0 0 45px}


.module.location-map .map-header .evolution-fresh-filter.selected
{
	background: url(../img/selected.png) no-repeat}


.module.location-map .map-header .evolution-fresh-filter.not-selected
{
	background: url(../img/dotted-circle.png) no-repeat}


.module.location-map .map-header #show-sbux, .module.location-map .map-header #show-sbux-evolution-fresh, .module.location-map .map-header #show-sbux-other
{
	font-size: 25.6px;
	font-size: 1.6rem;
	line-height: 28.8px;
	line-height: 1.8rem;
	min-height: 44.8px;
	min-height: 2.8rem}


.module.location-map .location-wrapper
{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	right: 0}


}


.module.hero.single-location .packedgrid img.center-img
{
	margin: 0 auto}


html.ie1 .module.location-map .map-header input, html.ie10 .module.location-map .map-header input, html[data-useragent*='MSIE 10.0'] .module.location-map .map-header input
{
	height: 47px;
	line-height: 47px;
	vertical-align: middle}


.icon-recipe:before, .icon-smallcamera:before
{
	margin-right: .7rem}


.text-shadow
{
	text-shadow: 0 0 20px rgba(0, 0, 0, .5)}


.push180
{
	margin-top: 180px}


.minh615
{
	min-height: 615px;
	padding-top: 35px;
	padding-bottom: 25px}


.product-pagination-right
{
	right: 0}


.product-pagination-left, .product-pagination-right
{
	min-width: 150px;
	position: absolute;
	z-index: 100;
	display: block;
	height: 100%;
	top: -10px}


.product-pagination-left a, .product-pagination-right a
{
	position: absolute;
	display: block;
	width: 15%}


.product-pagination-left a p, .product-pagination-right a p
{
	margin-top: 43px}


.product-pagination-left span, .product-pagination-right span
{
	font-size: 2.6rem;
	margin-top: 68px}


.product-pagination-left div.next-hover, .product-pagination-right div.next-hover
{
	width: 256px;
	height: 111px;
	position: absolute;
	bottom: -65px;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .25s;
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.product-pagination-left img, .product-pagination-right img
{
	transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.product-pagination-left .icon-leftarrow, .product-pagination-right .icon-leftarrow
{
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	transform: translateX(5px);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.product-pagination-left .icon-rightarrow, .product-pagination-right .icon-rightarrow
{
	-webkit-transform: translateX(-5px);
	-ms-transform: translateX(-5px);
	transform: translateX(-5px);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.product-pagination-left a:hover img, .product-pagination-right a:hover img
{
	transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.product-pagination-left a:hover div.next-hover, .product-pagination-right a:hover div.next-hover
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.product-pagination-left a:hover .icon-leftarrow, .product-pagination-right a:hover .icon-leftarrow
{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.product-pagination-left a:hover .icon-rightarrow, .product-pagination-right a:hover .icon-rightarrow
{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.product-pagination-left .center-left, .product-pagination-right .center-left
{
	width: 100%;
	left: 0;
	margin-left: 5px}


.product-pagination-left .center-left img, .product-pagination-left .center-left span, .product-pagination-right .center-left img, .product-pagination-right .center-left span
{
	float: left}


.product-pagination-left .center-left div.next-hover, .product-pagination-right .center-left div.next-hover
{
	float: left;
	background: url(../img/components/previous-bg.png) center no-repeat}


.product-pagination-left .center-right, .product-pagination-right .center-right
{
	width: 100%;
	right: 0;
	margin-right: 5px}


.product-pagination-left .center-right img, .product-pagination-left .center-right span, .product-pagination-right .center-right img, .product-pagination-right .center-right span
{
	float: right}


.product-pagination-left .center-right div.next-hover, .product-pagination-right .center-right div.next-hover
{
	right: 0;
	float: right;
	background: url(../img/components/next-bg.png) center no-repeat}


.product-pagination-left .center-left-yogurt, .product-pagination-left .center-right-yogurt, .product-pagination-right .center-left-yogurt, .product-pagination-right .center-right-yogurt
{
	width: 105%}


.product-pagination-left .center-left-yogurt img, .product-pagination-left .center-right-yogurt img, .product-pagination-right .center-left-yogurt img, .product-pagination-right .center-right-yogurt img
{
	margin-top: 35px}


.product-image-large
{
	position: absolute;
	right: -70px;
	top: -460px}


.product-image-large-yogurt
{
	top: -170px}


.product-header
{
	padding: 8px 30px 20px 30px;
	position: relative;
	min-height: 430px}


.product-header h1
{
	line-height: 7.6rem;
	padding-top: 10px}


.product-header h1:after, .product-header h1:before
{
	position: absolute;
	height: 4px;
	top: 129px;
	left: 50px;
	right: 50px;
	content: '';
	background: url(../img/product-title-dotts.png) center}


.product-header h1:before
{
	top: 50px}


.product-header p
{
	padding: 12px 0 0}


.product-share
{
	position: relative;
	overflow: hidden;
	min-height: 22px;
	font-size: 3rem}


.product-share>i
{
	margin-right: -10px}


.factoids
{
	position: relative;
	background: #FFF;
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 72px;
	padding-left: 35px;
	text-align: left;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2)}


@media (max-width:767px)
{
	.factoids
{
	background-image: none!important}


}


.serving-info
{
	padding: 20px 0}


.serving-info:after
{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden}


.serving-info p
{
	float: left;
	line-height: 1.3em;
	padding-right: 15px}


.serving-info strong
{
	display: block}


.serving-info img
{
	float: left}


.nutrition-tables
{
	position: relative}


.nutrition-tables tr
{
	border-bottom: 1px #fff solid}


.nutrition-tables th
{
	position: relative;
	padding-left: 3px;
	padding-right: 3px}


.nutrition-tables th i
{
	color: #fff;
	position: absolute;
	left: -25px}


.nutrition-tables .nutrient_featured_green
{
	background-color: #60ae41;
	color: #fff}


.nutrition-tables .nutrient_featured_green i
{
	color: #60ae41}


.nutrition-tables .nutrient_featured_darkgreen
{
	background-color: #184b26;
	color: #fff}


.nutrition-tables .nutrient_featured_darkgreen i
{
	color: #184b26}


.nutrition-tables .nutrient_featured_limegreen
{
	background-color: #9dc22e;
	color: #fff}


.nutrition-tables .nutrient_featured_limegreen i
{
	color: #9dc22e}


.nutrition-tables .nutrient_featured_red
{
	background-color: #c52d20;
	color: #fff}


.nutrition-tables .nutrient_featured_red i
{
	color: #c52d20}


.nutrition-tables .nutrient_featured_darkred
{
	background-color: #600;
	color: #fff}


.nutrition-tables .nutrient_featured_darkred i
{
	color: #600}


.nutrition-tables .nutrient_featured_pinkred
{
	background-color: #d1354a;
	color: #fff}


.nutrition-tables .nutrient_featured_pinkred i
{
	color: #d1354a}


.nutrition-tables .nutrient_featured_darkorange
{
	background-color: #d95a30;
	color: #fff}


.nutrition-tables .nutrient_featured_darkorange i
{
	color: #d95a30}


.nutrition-tables .nutrient_featured_orange
{
	background-color: #f27235;
	color: #fff}


.nutrition-tables .nutrient_featured_orange i
{
	color: #f27235}


.nutrition-tables .nutrient_featured_yellow
{
	background-color: #f0b531;
	color: #fff}


.nutrition-tables .nutrient_featured_yellow i
{
	color: #f0b531}


.nutrition-tables .nutrient_featured_brown
{
	background-color: #802f00;
	color: #fff}


.nutrition-tables .nutrient_featured_brown i
{
	color: #802f00}


.nutrition-tables p span
{
	display: inline-block;
	padding: 0 30px}


.nutrition-tables hr
{
	padding: 0;
	margin: 0;
	border: 0;
	height: 3px;
	clear: both}


.nutrition-tables hr.green
{
	background: url(../img/dotts-green-across.png) center repeat-x}


.nutrition-tables hr.red
{
	background: url(../img/dotts-red-across.png) center repeat-x}


.nutrition-tables hr.limegreen
{
	background: url(../img/dotts-light-green-across.png) center repeat-x}


.nutrition-tables hr.darkgreen
{
	background: url(../img/dotts-dark-green-across.png) center repeat-x}


.nutrition-tables hr.orange
{
	background: url(../img/dotts-orange-across.png) center repeat-x}


.nutrition-tables hr.darkorange
{
	background: url(../img/dotts-orange-across.png) center repeat-x}


.nutrition-tables hr.darkred
{
	background: url(../img/dotts-dark-red-across.png) center repeat-x}


.nutrition-tables hr.pinkred
{
	background: url(../img/dotts-pink-red-across.png) center repeat-x}


.nutrition-tables hr.yellow
{
	background: url(../img/dotts-yellow-across.png) center repeat-x}


.nutrition-tables hr.brown
{
	background: url(../img/dotts-brown-across.png) center repeat-x}


.nutrition-tables table
{
	width: 100%;
	line-height: 1.4em;
	margin-top: 15px;
	margin-bottom: 15px}


.nutrition-tables th:last-of-type
{
	text-align: right}


.nutrition-column
{
	width: 50%;
	padding-right: 5%;
	margin-bottom: 5px;
	margin-top: 5px}


.nutrition-column+.nutrition-column
{
	width: 50%;
	padding-left: 5.5%;
	padding-right: 0}


.nutrition-column+.nutrition-column.green
{
	background: url(../img/dotts-green-down.png) top left repeat-y}


.nutrition-column+.nutrition-column.red
{
	background: url(../img/dotts-red-down.png) top left repeat-y}


.nutrition-column+.nutrition-column.limegreen
{
	background: url(../img/dotts-light-green-down.png) top left repeat-y}


.nutrition-column+.nutrition-column.darkgreen
{
	background: url(../img/dotts-dark-green-down.png) top left repeat-y}


.nutrition-column+.nutrition-column.orange
{
	background: url(../img/dotts-orange-down.png) top left repeat-y}


.nutrition-column+.nutrition-column.darkorange
{
	background: url(../img/dotts-orange-down.png) top left repeat-y}


.nutrition-column+.nutrition-column.darkred
{
	background: url(../img/dotts-dark-red-down.png) top left repeat-y}


.nutrition-column+.nutrition-column.pinkred
{
	background: url(../img/dotts-pink-red-down.png) top left repeat-y}


.nutrition-column+.nutrition-column.yellow
{
	background: url(../img/dotts-yellow-down.png) top left repeat-y}


.nutrition-column+.nutrition-column.brown
{
	background: url(../img/dotts-brown-down.png) top left repeat-y}


.ingredient-list
{
	width: 70%}


.ingredient-list+.ingredient-list
{
	width: 28%;
	padding-left: 1%}


.ingredient-list i
{
	font-size: 4.2rem;
	text-align: center;
	width: 58px;
	display: block;
	margin-left: -15px}


.ingredient-list i span
{
	display: block;
	margin-left: 8px;
	margin-top: 5px}


.made-from
{
	position: relative;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 1;
	-webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 10px 10px rgba(0, 0, 0, .2)}


.made-from h5
{
	padding-bottom: 22px;
	margin-bottom: 40px;
	text-align: center;
	text-transform: none;
	background: url(../img/bracket-down.png) bottom center no-repeat}


.made-from ul
{
	text-align: left;
	padding: 10px 18px;
	overflow: hidden;
	background: url(../img/dotts-green-down.png) top center repeat-y}


.made-from li
{
	position: relative;
	float: left;
	width: 48%;
	margin-right: 2%;
	height: 80px;
	line-height: 80px;
	background: url(../img/dotts-green-across.png) bottom left repeat-x}


.made-from li:nth-of-type(even)
{
	margin-right: 0;
	margin-left: 2%}


.made-from li:last-of-type
{
	background: 0 0}


.made-from img
{
	position: absolute;
	top: 10px;
	left: 0}


.made-from strong
{
	display: block;
	text-indent: 60px;
	text-transform: uppercase}


.featured-ingredients .instagram
{
	margin-bottom: 15px;
	position: relative;
	z-index: 0}


.featured-ingredients .instagram figure.bg
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}


.featured-ingredients .instagram .link-wrapper
{
	width: 100%;
	height: 100%;
	display: block;
	position: relative}


.featured-ingredients .instagram figcaption
{
	position: absolute;
	top: 0;
	left: 10px;
	width: 100%;
	height: 100%;
	z-index: 150}


.featured-ingredients .almanac a
{
	display: inline-block;
	position: relative}


.featured-ingredients .almanac a .header-text
{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	text-shadow: 0 0 20px rgba(0, 0, 0, .5);
	text-shadow: 2px 2px 10px rgba(96, 79, 83, .9);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	margin: 0;
	padding: 0 10px;
	width: 100%;
	z-index: 150}


.social-fact
{
	height: 361px;
	margin-bottom: 15px;
	background: url(../img/cloth.jpg) center;
	text-align: center}


.social-fact .social-fact-text
{
	width: 50%;
	margin-left: 30px;
	margin-top: 78px}


.social-fact .bracket
{
	margin-top: 78px}


span.divider
{
	display: block;
	width: 111px;
	height: 3px;
	margin: 14px auto}


.related-juice
{
	text-transform: uppercase;
	margin-top: 50%}


#tags
{
	width: 100%;
	position: relative;
	background: #fff;
	padding: 24px 0 8px 0;
	margin-top: 65px;
	 ;
	overflow: hidden;
	display: none;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .13);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .13);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .13)}


@media only screen and (min-width:768px)
{
	#tags
{
	display: block}


}


#tags h6
{
	float: left;
	height: 43px;
	line-height: 43px;
	font-size: 22px;
	color: #60ae41;
	text-transform: uppercase;
	width: 60px;
	text-align: left;
	margin-left: 10px;
	display: none}


@media only screen and (min-width:768px)
{
	#tags h6
{
	display: block}


}


@media only screen and (min-width:992px)
{
	#tags h6
{
	width: 90px}


}


#tags h5
{
	float: left;
	height: 43px;
	line-height: 43px;
	text-transform: uppercase;
	text-align: left;
	margin-left: 10px;
	margin-top: 0;
	margin-bottom: 20px;
	display: none}


@media only screen and (min-width:768px)
{
	#tags h5
{
	display: block}


}


#tags #show-tags
{
	float: left;
	height: 43px;
	line-height: 43px;
	font-size: 22px;
	color: #60ae41;
	text-transform: uppercase;
	margin-left: 20px;
	padding-right: 10px;
	overflow: hidden;
	width: 70px}


@media only screen and (min-width:992px)
{
	#tags #show-tags
{
	width: auto;
	margin-left: 40px}


}


#tags #show-tags:after
{
	position: absolute;
	width: 10px;
	height: 10px;
	content: '';
	margin-left: 10px;
	top: 18px;
	background: url(../img/green-triangle.png) top left no-repeat;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	transition-property: transform;
	-webkit-transition: .25s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: .25s cubic-bezier(.19, 1, .22, 1);
	-o-transition: .25s cubic-bezier(.19, 1, .22, 1);
	transition: .25s cubic-bezier(.19, 1, .22, 1)}


#tags #show-tags.active:after
{
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	transform: rotate(-90deg)}


@media (max-width:991px)
{
	#tags #show-tags
{
	font-size: 16px}


}


.sort-box
{
	position: relative;
	float: left;
	height: 70px;
	width: 300px;
	background: url(../img/tri-bubble.png) top center no-repeat}


.sort-box:before, .sort-box:last-of-type:after
{
	position: absolute;
	content: "";
	top: 0;
	left: -1px;
	height: 43px;
	width: 1px;
	background: #60ae41;
	opacity: .5}


.sort-box:last-of-type:after
{
	left: auto;
	right: -1px}


.sort-box #base-indicator, .sort-box #base-indicator-m, .sort-box #blend-indicator, .sort-box #blend-indicator-m, .sort-box #oddbase-indicator, .sort-box #oddblend-indicator
{
	position: relative;
	top: 6px;
	left: 48px;
	width: 20px;
	height: 20px;
	background: url(../img/active-dott.png) center top no-repeat;
	-webkit-transition: left .25s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: left .25s cubic-bezier(.19, 1, .22, 1);
	-o-transition: left .25s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: left .25s cubic-bezier(.19, 1, .22, 1);
	transition: left .25s cubic-bezier(.19, 1, .22, 1)}


.sort-box #base-indicator-m.all, .sort-box #base-indicator.all, .sort-box #blend-indicator-m.all, .sort-box #blend-indicator.all, .sort-box #oddbase-indicator.all, .sort-box #oddblend-indicator.all
{
	left: 48px}


.sort-box #base-indicator-m.fruit, .sort-box #base-indicator-m.juice, .sort-box #base-indicator.fruit, .sort-box #base-indicator.juice, .sort-box #blend-indicator-m.fruit, .sort-box #blend-indicator-m.juice, .sort-box #blend-indicator.fruit, .sort-box #blend-indicator.juice, .sort-box #oddbase-indicator.fruit, .sort-box #oddbase-indicator.juice, .sort-box #oddblend-indicator.fruit, .sort-box #oddblend-indicator.juice
{
	left: 140px}


.sort-box #base-indicator-m.smoothie, .sort-box #base-indicator-m.vegetable, .sort-box #base-indicator.smoothie, .sort-box #base-indicator.vegetable, .sort-box #blend-indicator-m.smoothie, .sort-box #blend-indicator-m.vegetable, .sort-box #blend-indicator.smoothie, .sort-box #blend-indicator.vegetable, .sort-box #oddbase-indicator.smoothie, .sort-box #oddbase-indicator.vegetable, .sort-box #oddblend-indicator.smoothie, .sort-box #oddblend-indicator.vegetable
{
	left: 231px}


.sort-box li
{
	float: left;
	width: 32.3%;
	padding-left: 14%;
	text-align: center}


.sort-box li:first-of-type
{
	width: 27.3%;
	padding-left: 12%}


.sort-box li:last-of-type
{
	width: 28.3%}


.sort-box a
{
	display: block;
	text-align: center;
	padding-top: 40px;
	margin-top: -20px;
	color: #60ae41;
	font-size: 14px;
	text-transform: uppercase}


#tags-mobile
{
	width: 100%;
	position: fixed;
	left: 0;
	right: 0;
	bottom: -170px;
	margin: 0 auto;
	background-color: #60ae41;
	display: block;
	background: url(../img/filter-box-border.png) #60ae41 left -4px repeat-x;
	z-index: 10;
	-webkit-transition: bottom .25s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: bottom .25s cubic-bezier(.19, 1, .22, 1);
	-o-transition: bottom .25s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: bottom .25s cubic-bezier(.19, 1, .22, 1);
	transition: bottom .25s cubic-bezier(.19, 1, .22, 1)}


#tags-mobile.open
{
	bottom: 0}


@media only screen and (min-width:768px)
{
	#tags-mobile
{
	display: none}


}


#tags-mobile h6
{
	color: #fff;
	text-align: center;
	height: 60px;
	margin-top: -58px;
	padding-top: 15px;
	margin-bottom: 25px;
	font-size: 80px;
	font-size: 5rem;
	font-family: Populaire1263934, Georgia, Helvetica, sans-serif;
	font-size: 36px;
	cursor: pointer;
	background: url(../img/filter-box-mobile.png) center top no-repeat}


#tags-mobile .sort-box
{
	float: none;
	margin: 0 auto}


#tags-mobile .sort-box a
{
	color: #fff}


#available-tags
{
	position: relative;
	background: #EDFFE7;
	-webkit-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .09);
	-moz-box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .09);
	box-shadow: 0 6px 16px 0 rgba(0, 0, 0, .09);
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .5s ease-in-out;
	-moz-transition: max-height .5s ease-in-out;
	-o-transition: max-height .5s ease-in-out;
	-ms-transition: max-height .5s ease-in-out;
	transition: max-height .5s ease-in-out}


.tag-box
{
	position: relative;
	float: left;
	width: 33.3%;
	text-align: left;
	 ;
	font-size: 14px;
	color: #60ae41}


.tag-box a
{
	position: relative;
	color: #fff;
	float: left;
	line-height: 31px;
	height: 33px;
	padding: 0 15px 0 29px;
	text-transform: uppercase;
	background: url(../img/icons/green-tags.png) top left no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 85%;
	text-decoration: none;
	transform: rotate(0);
	-ms-transform: rotate(0);
	-webkit-transform: rotate(0);
	-webkit-transition: rotate 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: rotate 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: rotate 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: rotate 1s cubic-bezier(.19, 1, .22, 1);
	transition: rotate 1s cubic-bezier(.19, 1, .22, 1)}


.tag-box a:hover
{
	background-position: 0 -34px;
	transform: rotate(-2deg);
	-ms-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
	-webkit-transition: rotate 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: rotate 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: rotate 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: rotate 1s cubic-bezier(.19, 1, .22, 1);
	transition: rotate 1s cubic-bezier(.19, 1, .22, 1)}


.tag-box#for-ingredients li.active a
{
	background-position: 0 -34px}


.tag-box#for-taste
{
	color: #f27235}


.tag-box#for-taste li.active a
{
	background-position: 0 -104px}


.tag-box#for-taste li.active a:after
{
	color: #f27235}


.tag-box#for-taste a
{
	background-position: 0 -70px}


.tag-box#for-taste a:hover
{
	background-position: 0 -104px}


.tag-box#for-feeling
{
	color: #f0b531}


.tag-box#for-feeling li.active a
{
	background-position: 0 -172px}


.tag-box#for-feeling li.active a:after
{
	color: #f0b531}


.tag-box#for-feeling a
{
	background-position: 0 -138px}


.tag-box#for-feeling a:hover
{
	background-position: 0 -172px}


.tag-box strong
{
	text-transform: uppercase;
	display: block;
	margin-bottom: 10px;
	padding-left: 15px;
	font-weight: 700}


.tag-box ul
{
	min-height: 140px;
	padding-left: 10px;
	background: url(../img/dotts-green-down.png) top left repeat-y}


.tag-box ul:after
{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden}


.tag-box li
{
	float: left;
	width: 50%;
	padding-bottom: 10px}


.tag-box li.active a:after
{
	position: absolute;
	top: 0;
	right: -22px;
	width: 18px;
	height: 34px;
	font-size: 20px;
	content: '✓';
	text-align: right;
	color: #60ae41}


.product-list, .product-list-yogurt
{
	position: relative;
	 ;
	overflow: hidden;
	background-size: 100% auto}


.product-list li, .product-list-yogurt li
{
	position: relative;
	float: left;
	padding-bottom: 50px}


.product-list strong, .product-list-yogurt strong
{
	display: block;
	text-align: center;
	font-size: 26px;
	padding: 12px 20px;
	text-transform: uppercase;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	letter-spacing: -1px}


.product-list a, .product-list-yogurt a
{
	position: relative;
	display: block;
	color: #60ae41;
	text-decoration: none;
	height: 330px;
	transition-property: opacity;
	transition-duration: .25s}


.product-list a:hover, .product-list-yogurt a:hover
{
	opacity: .9;
	transition-property: opacity;
	transition-duration: .25s}


.product-list span, .product-list-yogurt span
{
	position: relative;
	display: block;
	height: 245px;
	overflow: hidden;
	background: url(../img/up-shadow.png) bottom center no-repeat;
	background-size: 100% 5%}


.product-list .product-image img, .product-list-yogurt .product-image img
{
	display: block;
	margin: 0 auto;
	-webkit-transition: margin-top .25s ease-in;
	-moz-transition: margin-top .25s ease-in;
	-o-transition: margin-top .25s ease-in;
	-ms-transition: margin-top .25s ease-in;
	transition: margin-top .25s ease-in}


.product-list .product-image img:hover, .product-list-yogurt .product-image img:hover
{
	-webkit-transition: margin-top .25s ease-out;
	-moz-transition: margin-top .25s ease-out;
	-o-transition: margin-top .25s ease-out;
	-ms-transition: margin-top .25s ease-out;
	transition: margin-top .25s ease-out;
	margin-top: -15px}


.product-list .product-card, .product-list-yogurt .product-card
{
	display: none}


.product-list-yogurt span
{
	position: relative;
	display: block;
	height: 215px;
	overflow: hidden;
	background: url(../img/up-shadow.png) bottom center no-repeat;
	background-size: 100% 5%}


.product-list-yogurt .product-image img
{
	display: block;
	margin: 30px auto 0 auto;
	-webkit-transition: margin-top .25s ease-in;
	-moz-transition: margin-top .25s ease-in;
	-o-transition: margin-top .25s ease-in;
	-ms-transition: margin-top .25s ease-in;
	transition: margin-top .25s ease-in}


.product-list-yogurt .product-image img:hover
{
	-webkit-transition: margin-top .25s ease-out;
	-moz-transition: margin-top .25s ease-out;
	-o-transition: margin-top .25s ease-out;
	-ms-transition: margin-top .25s ease-out;
	transition: margin-top .25s ease-out;
	margin-top: 20px}


.yogurt-hyper-locator
{
	color: #fff;
	text-decoration: underline}


.yogurt-hyper-locator:hover, .yogurt-hyper-locator:link
{
	color: #fff;
	border-bottom: none;
	text-decoration: underline}


ul.active-tags a.tag-ingredients
{
	background-position: 0 -34px}


ul.active-tags a.tag-taste
{
	background-position: 0 -104px}


ul.active-tags a.tag-feeling
{
	background-position: 0 -172px}


#current-selection
{
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .5s ease-in-out;
	-moz-transition: max-height .5s ease-in-out;
	-o-transition: max-height .5s ease-in-out;
	-ms-transition: max-height .5s ease-in-out;
	transition: max-height .5s ease-in-out;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 58px}


#current-selection h1
{
	border-right: none;
	padding-right: 0}


@media (max-width:767px)
{
	.product-header .alpha
{
	font-size: 83.2px;
	font-size: 5.2rem;
	line-height: 121.6px;
	line-height: 7.6rem}


}


@media (max-width:991px)
{
	.factoids
{
	padding-right: 25px;
	padding-left: 25px}


}


.drop-slide
{
	position: fixed;
	left: 0;
	right: 0;
	top: -540px;
	z-index: 998;
	background: url(../img/bg.png) top left repeat;
	-webkit-transition: top .5s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: top .5s cubic-bezier(.645, .045, .355, 1);
	-o-transition: top .5s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: top .5s cubic-bezier(.645, .045, .355, 1);
	transition: top .5s cubic-bezier(.645, .045, .355, 1)}


.drop-slide.open
{
	top: 65px}


.drop-slide #drop-tags
{
	width: 100%;
	position: relative;
	background: #fff;
	padding: 24px 0 8px 0;
	 ;
	overflow: hidden;
	background: url(../img/shadow-line.png) bottom center no-repeat;
	background-size: 100% auto;
	margin-bottom: 28px}


.drop-slide h6
{
	float: left;
	height: 43px;
	line-height: 43px;
	font-size: 22px;
	color: #60ae41;
	text-transform: uppercase;
	width: 170px;
	text-align: left;
	margin-left: 100px;
	padding-left: 60px}


#almanac-slide, #harvest-slide, #outer-slide, #yogurt-slide
{
	background-size: 100% auto;
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .13);
	-moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .13);
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .13)}


#almanac-slide h4, #harvest-slide h4, #outer-slide h4, #yogurt-slide h4
{
	margin: 35px 0 10px 88px;
	text-transform: uppercase}


.inner-slide
{
	position: relative;
	margin: 0 81px;
	overflow: hidden;
	height: 340px}


#almanac-slide .inner-slide
{
	height: 260px}


a.slide-left, a.slide-right
{
	position: absolute;
	top: 130px;
	left: 0;
	width: 34px;
	height: 34px;
	font-family: efreshicons;
	font-size: 32px;
	color: #60ae41;
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


a.slide-right
{
	left: auto;
	right: 0}


a:hover.slide-left
{
	left: -5px}


a:hover.slide-right
{
	right: -5px}


#almanac-items, #harvest-items, #slide-items, #yogurt-items
{
	position: absolute;
	top: 0;
	left: 0;
	height: 340px;
	-webkit-transition: left .5s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: left .5s cubic-bezier(.645, .045, .355, 1);
	-o-transition: left .5s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: left .5s cubic-bezier(.645, .045, .355, 1);
	transition: left .5s cubic-bezier(.645, .045, .355, 1)}


#almanac-items li, #harvest-items li, #slide-items li, #yogurt-items li
{
	float: left;
	width: 222px;
	height: 340px}


#almanac-items a, #harvest-items a, #slide-items a, #yogurt-items a
{
	position: relative;
	display: block;
	width: 222px;
	height: 340px;
	color: #60ae41;
	text-decoration: none}


#almanac-items .product-image, #harvest-items .product-image, #slide-items .product-image, #yogurt-items .product-image
{
	height: 245px;
	display: block;
	overflow: hidden}


#almanac-items .product-image img, #harvest-items .product-image img, #slide-items .product-image img, #yogurt-items .product-image img
{
	display: block;
	height: 130%}


#almanac-items strong, #harvest-items strong, #slide-items strong, #yogurt-items strong
{
	display: block;
	text-align: center;
	font-size: 26px;
	padding: 12px 20px;
	text-transform: uppercase;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	letter-spacing: -1px}


#yogurt-items .product-image
{
	height: 245px;
	display: block;
	overflow: hidden}


#yogurt-items .product-image img
{
	display: block;
	margin-top: 80px;
	height: 50%}


#yogurt-items .product-image:hover img
{
	margin-top: 75px}


#yogurt-items strong
{
	display: block;
	text-align: center;
	font-size: 24px;
	padding: 12px 18px;
	text-transform: uppercase;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	letter-spacing: -1px}


#harvest-items
{
	top: 10px}


#yogurt-items
{
	top: 10px}


#almanac-items
{
	height: 209px;
	overflow: hidden}


#almanac-items a, #almanac-items li
{
	width: 285px;
	height: 209px;
	margin-right: 10px}


#WM-1
{
	top: 0;
	right: 0;
	position: absolute}


#WM-2
{
	top: 1200px;
	left: 0;
	position: absolute}


#WM-3
{
	top: 2500px;
	right: 0;
	position: absolute}


.almanac a
{
	display: inline-block;
	position: relative}


.almanac a .header-text
{
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	text-shadow: 0 0 20px rgba(0, 0, 0, .5);
	text-shadow: 2px 2px 10px rgba(96, 79, 83, .9);
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	margin: 0;
	padding: 0 10px;
	width: 100%;
	z-index: 150}


.almanac a .header-text h2
{
	background-repeat: no-repeat}


.almanac a .header-text h3
{
	background-repeat: no-repeat}


.almanac .container
{
	position: relative;
	overflow: hidden}


.almanac .container .page-line
{
	position: absolute;
	top: 0;
	left: 0}


.almanac .container .page-line .almanac-page
{
	float: left}


.almanac .container .page-line .almanac-page .item
{
	text-align: center;
	margin-bottom: 15px}


@media (min-width:992px)
{
	.almanac .container .page-line .almanac-page .item
{
	width: 33.333333333%}


}


.almanac .container .page-line .almanac-page .item .header-text .dots-bottom-white
{
	height: 5px;
	width: 77%;
	margin: 0 auto}


.almanac .pagination
{
	margin-top: 40px}


.almanac .pagination .pager, .almanac .pagination a
{
	vertical-align: middle;
	margin: 0 5px}


.almanac .pagination .pager.invisible, .almanac .pagination a.invisible
{
	visibility: hidden}


.almanac .pagination .pager.slide-left, .almanac .pagination .pager.slide-right, .almanac .pagination a.slide-left, .almanac .pagination a.slide-right
{
	top: 0}


.blog
{
	overflow: hidden}


.blog .hero
{
	overflow: visible}


.blog .hero .module-title
{
	margin-bottom: 1rem;
	padding-bottom: 0}


.blog .hero .dropdown-container
{
	width: 225px;
	margin: 1rem auto 0}


.blog .hero .dropdown-container .dropdown-toggle
{
	width: 225px;
	height: 46px;
	padding: 5px 55px 5px 20px;
	color: #fff;
	background: url(../img/blog_filter_dropdown.png) no-repeat bottom;
	text-align: left;
	outline: 0;
	border: none;
	cursor: pointer}


.blog .hero .dropdown-container.open .dropdown-toggle
{
	color: #60ae41;
	background: url(../img/blog_filter_dropdown_open.png) no-repeat bottom}


.blog .hero .dropdown-container.open .dropdown-menu
{
	display: block}


.blog .hero .dropdown-menu-container
{
	position: absolute}


.blog .hero .dropdown-menu-container .dropdown-menu
{
	display: none;
	margin-left: 1px;
	padding-bottom: 15px;
	background: url(../img/blog_filter_dropdown_open_bg.png) no-repeat bottom}


.blog .hero .dropdown-menu-container .dropdown-menu a
{
	display: inline-block;
	width: 216px;
	padding: 5px 15px;
	margin: 0 7px 0 3px;
	color: #60ae41;
	text-align: left}


.blog .hero .dropdown-menu-container .dropdown-menu a.active, .blog .hero .dropdown-menu-container .dropdown-menu a:hover
{
	color: #fff;
	background: #60ae41}


.blog .hero .dropdown-menu-container.open .dropdown-menu
{
	display: block}


.blog .hero .icon-container
{
	position: absolute;
	bottom: 50px;
	width: 100%}


.blog .hero .icon-container .icon-play
{
	color: #FFF}


.blog .hero .icon-container .icon-play:before
{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)}


.recipe-hero h1
{
	background-repeat: no-repeat}


.recipe-body .gradient-bg
{
	background: url(../img/gradient-bg.png) no-repeat;
	box-shadow: 0 -25px 40px -30px #000}


.recipe-body .gen-share
{
	line-height: 1.6rem;
	margin: 0}


.recipe-body .gen-share li
{
	display: inline-block;
	float: none;
	position: relative;
	margin: 0 3px}


.recipe-body .recipe-header
{
	margin-bottom: .2rem;
	margin-top: 4.2rem}


.recipe-body .do-pdf, .recipe-body .do-print
{
	position: relative;
	display: inline-block;
	width: 60px;
	text-align: center;
	color: #60ae41;
	margin: auto 10px;
	padding-top: 48px;
	background: url(../img/print.png) top center no-repeat}


.recipe-body .the-recipe
{
	margin: auto;
	display: block}


.recipe-body .the-recipe .ingredients
{
	margin-top: 10px}


.recipe-body .the-recipe .directions p
{
	margin: 0}


.page-header
{
	position: relative;
	padding: 40px 0 20px 58px;
	margin-bottom: 40px;
	background: url(../img/dotts-green-across.png) bottom left repeat-x;
	 ;
	overflow: hidden}


.page-header h1
{
	float: left;
	color: #60ae41;
	font-size: 38px;
	height: 38px;
	line-height: 38px;
	padding-right: 40px;
	margin-right: 40px;
	border-right: 1px solid #60ae41;
	text-transform: uppercase}


.page-header ul
{
	float: left}


.page-header li
{
	float: left}


.page-header a
{
	position: relative;
	float: left;
	color: #fff;
	line-height: 31px;
	height: 34px;
	padding: 0 15px 0 29px;
	text-transform: uppercase;
	background: url(../img/icons/green-tags.png) top left no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 4px 10px 0 0;
	text-decoration: none}


.page-header a.alt
{
	background: url(../img/icons/red-tags.png) top left no-repeat}


.page-header a.alt2
{
	background: url(../img/icons/orange-tags.png) top left no-repeat}


.faq-hero h1
{
	background-repeat: no-repeat}


.faq-body #WM-4
{
	top: 400px;
	left: 0;
	position: absolute}


.faq-body #WM-3
{
	top: 800px;
	right: 0;
	position: absolute}


.faq-body h3
{
	background: url(../img/dotts-green-across.png) left bottom no-repeat}


.faq-body p a
{
	color: #0e90ff}


.news-hero h1
{
	background-repeat: no-repeat}


.news-body figure img
{
	margin-top: 100px}


.news-body .news-box div
{
	height: 355px}


.news-body .news-box .gradient-bg
{
	background: url(../img/gradient-bg.png) no-repeat}


.our-story-bullets
{
	list-style: disc;
	margin-left: 25px;
	font-size: 28.8px;
	font-size: 1.8rem;
	line-height: 35.2px;
	line-height: 2.2rem;
	 ;
	color: #60ae41}


.coupon
{
	position: absolute;
	width: 255px;
	margin: 0;
	top: 650px;
	left: 0;
	height: 188px}


#home-splash
{
	position: relative;
	height: 773px}


#home-images, #home-images li
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0}


#home-images li, #home-images li li
{
	display: none}


#home-images li li:first-of-type, #home-images li:first-of-type
{
	display: block}


#home-images #hi1, #home-images li #hi1
{
	background: url(../img/lander.jpg) top center no-repeat;
	background-size: cover}


#welcome-logo
{
	position: relative;
	display: block;
	height: 225px;
	width: 100%;
	margin: auto;
	background: url(../img/logo.png) center no-repeat;
	background-size: 180px;
	text-indent: -9999em;
	margin-bottom: 40px}


#home-splash h1
{
	position: relative;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	font-size: 60px;
	text-transform: uppercase;
	letter-spacing: -2px;
	color: #fff;
	padding-bottom: 28px;
	background: url(../img/title-swoop.png) bottom center no-repeat;
	margin-bottom: 30px}


#home-splash h1 strong
{
	display: block}


#home-splash h1 em
{
	display: block;
	height: 40px;
	background: url(../img/with.png) center no-repeat;
	text-indent: -9999em}


#tri-swap
{
	position: absolute;
	top: 280px;
	right: 10px}


#tri-swap span
{
	position: absolute;
	top: 0;
	right: 0;
	height: 10px;
	width: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	display: block;
	border: 1px dotted #fff}


#tri-swap span.active
{
	background: #fff;
	border: 1px dotted transparent}


#tri-swap #tsi2
{
	top: 50px}


#tri-swap #tsi3
{
	top: 110px}


#tri-swap a#tsi-image
{
	position: absolute;
	top: -45px;
	right: 16px;
	width: 194px;
	height: 110px;
	background: url(../img/bubbl.png) top left no-repeat}


#tri-swap a#tsi-image strong
{
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	font-size: 28px;
	color: #fff;
	text-decoration: none;
	 }


#tri-swap a#tsi-image img
{
	position: absolute;
	top: 12px;
	left: 10px;
	width: 168px;
	height: 90px;
	background: #444}


#pinboard1
{
	position: relative;
	margin-top: -114px;
	height: 1246px}


#pinboard2
{
	position: relative;
	height: 1386px}


#movie-poster
{
	position: absolute;
	top: 0;
	left: 0;
	height: 384px;
	width: 624px}


#movie-poster a, #movie-poster img
{
	display: block;
	height: 384px;
	width: 624px}


#movie-poster strong
{
	position: absolute;
	top: -22px;
	left: 15px;
	height: 31px;
	width: 175px;
	text-indent: -9999em;
	background: url(../img/learn.png) top left}


#splashad1
{
	position: absolute;
	top: 0;
	right: 0;
	height: 384px;
	width: 414px}


#splashad1 img
{
	position: relative;
	display: block;
	height: 384px;
	width: 414px}


#thumb1
{
	position: absolute;
	top: 396px;
	left: 0;
	width: 199px}


#thumb1 img
{
	display: block;
	margin: auto auto 30px}


#get1
{
	position: absolute;
	top: 500px;
	left: 212px;
	background: #FBEFF3}


.get-this
{
	width: 200px;
	height: 367px}


.get-this a
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-decoration: none;
	 ;
	color: #D85448}


.get-this img
{
	display: block;
	margin: 25px auto;
	width: 80px}


.get-this strong
{
	display: block;
	font-size: 15px}


.get-this em
{
	display: block;
	padding: 14px 0;
	font-size: 28px;
	text-transform: uppercase}


#tweet1
{
	position: absolute;
	top: 396px;
	right: 0;
	width: 624px;
	height: 175px;
	background: #eee}


#splashad2
{
	position: absolute;
	right: 0;
	top: 584px;
	width: 624px;
	height: 362px}


#featured-ingredient
{
	position: absolute;
	top: 100px;
	left: 0;
	width: 200px;
	height: 366px;
	background: url(../img/cloth.jpg) top center;
	 }


#featured-ingredient a
{
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 366px;
	color: #60ae41}


#featured-ingredient img
{
	display: block;
	margin: 20px auto;
	width: 100px}


#featured-ingredient strong
{
	display: block;
	font-size: 15px}


#featured-ingredient em
{
	display: block;
	padding: 14px 0;
	font-size: 28px;
	text-transform: uppercase}


#pin-instagram
{
	position: absolute;
	top: 0;
	left: 212px;
	width: 196px;
	height: 179px}


#pin-instagram a
{
	display: block}


#pin-instagram a:after
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: '';
	background: url(../img/icons/icon-instagram.png) 10px 10px no-repeat}


.pin-recipe
{
	position: absolute;
	width: 413px;
	height: 368px;
	 }


.pin-recipe a
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0}


.pin-recipe strong
{
	position: relative;
	display: block;
	width: 130px;
	margin: 120px auto 0;
	padding-bottom: 14px;
	color: #fff;
	font-size: 22px;
	text-transform: uppercase;
	text-align: center;
	background: url(../img/dotts-white-across.png) bottom center repeat-x}


.pin-recipe em
{
	padding-top: 10px;
	display: block;
	font-size: 45px;
	color: #fff;
	max-width: 85%;
	margin: auto;
	 }


#recipe1
{
	top: 100px;
	left: 424px}


#recipe2
{
	top: 482px;
	left: 0}


#get2
{
	position: absolute;
	top: 482px;
	left: 426px;
	background: #FBEFF3}


#thumb2
{
	position: absolute;
	top: 100px;
	right: 0;
	width: 199px}


#thumb2 img
{
	display: block;
	margin: 0 auto 30px}


.feature-bit
{
	position: absolute;
	left: 0;
	right: 0;
	height: 470px}


.feature-bit h3
{
	padding-top: 200px;
	color: #fff;
	 ;
	font-size: 24px;
	padding-bottom: 20px}


.feature-bit a
{
	position: relative;
	z-index: 100;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 700}


#fb1
{
	top: 1595px;
	background: url(../img/feature1.jpg) top center no-repeat}


#fb2
{
	top: 2790px;
	background: url(../img/feature2.jpg) top center no-repeat}


.instagram-header
{
	position: relative;
	overflow: hidden;
	height: 534px;
	color: #fff;
	font-family: lunchbox, Georgia, Helvetica, sans-serif}


.instagram-header img
{
	position: absolute;
	top: 0;
	left: 0}


.instagram-header .inner
{
	padding-top: 170px}


.instagram-header strong
{
	text-transform: uppercase;
	font-size: 20px;
	padding: 3px 0 3px 28px;
	display: inline-block;
	margin-bottom: 28px;
	background: url(../img/icons/icon-instagram.png) left center no-repeat}


.instagram-header h1
{
	position: relative;
	font-size: 50px;
	text-transform: uppercase;
	letter-spacing: -3px;
	padding: 12px 0 24px}


.instagram-header h1:before
{
	position: absolute;
	top: 0;
	left: 390px;
	right: 390px;
	height: 4px;
	content: "";
	background: url(../img/dotts-white-across.png) top center repeat-x}


.instagram-header em
{
	font-size: 18px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	display: block;
	background: url(../img/icons/sun.png) bottom center no-repeat}


.instagram-header .gen-share
{
	position: relative;
	display: block}


.instagram-header .gen-share li
{
	float: none;
	display: inline-block}


.feed-images
{
	overflow: hidden;
	padding: 12px 0 80px;
	text-align: left;
	 ;
	font-size: 18px;
	line-height: 1.1em;
	color: #60ae41}


.feed-images li
{
	float: left;
	width: 519px;
	padding-bottom: 30px}


.feed-images li:nth-of-type(even)
{
	float: right}


.feed-images li>a
{
	display: block}


.feed-images img
{
	display: block}


.feed-images p
{
	position: relative;
	margin: 8px 0 0 0;
	padding: 0 0 0 52px;
	min-height: 40px;
	background: url(../img/evo-icon.jpg) 1px 1px no-repeat}


.feed-images p:before
{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #aaa;
	width: 38px;
	height: 38px;
	content: ""}


.feed-images a
{
	color: #1594FD}


a.micro-jump
{
	display: block;
	width: 28px;
	height: 28px;
	margin: auto;
	text-indent: -9999em;
	background: url(../img/icons/down-arrow.png) center no-repeat}


#quick-jump
{
	position: relative;
	height: 49px;
	line-height: 49px;
	padding: 1px;
	text-align: left;
	 ;
	margin-bottom: -2px;
	z-index: 10;
	margin-top: 65px;
	background: #fff}


.article-special-body h5
{
	background: url(../img/dotts-green-across.png) no-repeat center bottom}


.chase-article-body .founder
{
	position: relative;
	top: -15px}


.article-hero h1
{
	background-repeat: no-repeat}


.zoomImg
{
	background-color: #fff}


.video-section
{
	padding: 0;
	margin-top: -450px}


.video-section .video-wrapper
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0}


.video-section .video-wrapper iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}


.video-section .video-wrapper .video-start figure i
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 100;
	height: 75px;
	width: 105px}


.video-body
{
	padding: 10px 0 0 0}


.video-body h1
{
	background-repeat: no-repeat}


@media screen and (max-width:768px)
{
	.coupon
{
	top: 197px;
	left: -32px;
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75);
	position: relative}


}


@media screen and (max-width:480px)
{
	.inline-page-nav
{
	display: none}


.almanac .header-text
{
	top: 25px}


.almanac .header-text strong
{
	font-size: 1.5rem}


.almanac .header-text h2
{
	font-size: 3.6rem;
	padding: 10px 0}


.almanac .header-text h3
{
	font-size: 2.2rem;
	padding: 10px 0}


.almanac .header-text h4
{
	font-size: 1.5rem}


.almanac .header-text span
{
	display: none}


.almanac .page-header
{
	padding-left: 0;
	margin-bottom: 40px}


.almanac .entry-intro
{
	margin-bottom: 5px;
	padding: 12px 20px 9px}


.video-hero
{
	height: 400px!important}


.video-section
{
	margin-top: -230px}


.article-hero h1
{
	font-size: 5.6rem}


.gallery-hero h1
{
	font-size: 5.6rem}


.recipe-body div
{
	padding-right: 7px}


.contact-inquiries .inquiries div p
{
	font-size: 1.8rem;
	padding: 0 5px}


.article-special-body a
{
	float: none}


.video-wrapper .hover
{
	display: none}


.coupon
{
	top: 727px;
	left: -32px;
	-webkit-transform: scale(.75);
	-moz-transform: scale(.75);
	-ms-transform: scale(.75);
	-o-transform: scale(.75);
	transform: scale(.75);
	z-index: 0;
	position: absolute}


#ingredients
{
	height: 450px}


#ingredients-text
{
	padding-top: 10px;
	padding-bottom: 10px}


#our-kitchens
{
	height: 500px}


#kitchens-text
{
	padding-top: 10px}


#culinary-approach
{
	padding-top: 20px;
	padding-bottom: 10px}


#why-cold-pressed
{
	padding-bottom: 10px}


.product-detail-hero .details .nutrition-tables p span
{
	padding: 0 15px}


.product-detail-hero .details .nutrition-tables .nutrition-column
{
	width: 100%;
	padding-right: 0;
	padding-left: 0;
	background: 0 0}


.product-detail-hero .details .nutrition-tables .nutrition-column+.nutrition-column.red
{
	background: url(../img/dotts-red-across.png) top repeat-x}


.product-detail-hero .details .nutrition-tables .nutrition-column+.nutrition-column.darkred
{
	background: url(../img/dotts-dark-red-across.png) top repeat-x}


.product-detail-hero .details .nutrition-tables .nutrition-column+.nutrition-column.pinkred
{
	background: url(../img/dotts-pink-red-across.png) top repeat-x}


.product-detail-hero .details .nutrition-tables .nutrition-column+.nutrition-column.brown
{
	background: url(../img/dotts-brown-across.png) top repeat-x}


.product-detail-hero .details .nutrition-tables .nutrition-column+.nutrition-column.darkgreen
{
	background: url(../img/dotts-dark-green-across.png) top repeat-x}


.product-detail-hero .details .nutrition-tables .nutrition-column+.nutrition-column.green
{
	background: url(../img/dotts-green-across.png) top repeat-x}


.product-detail-hero .details .nutrition-tables .nutrition-column+.nutrition-column.orange
{
	background: url(../img/dotts-orange-across.png) top repeat-x}


.product-detail-hero .details .nutrition-tables .nutrition-column+.nutrition-column.darkorange
{
	background: url(../img/dotts-orange-across.png) top repeat-x}


.product-detail-hero .details .nutrition-tables .nutrition-column+.nutrition-column.limegreen
{
	background: url(../img/dotts-light-green-across.png) top repeat-x}


.product-detail-hero .details .ingredient-list
{
	width: 100%}


}


@media screen and (max-width:992px)
{
	.contact-inquiries .inquiries div
{
	margin-bottom: 14px}


.news-body .news-box div
{
	margin-bottom: 14px}


.almanac .header-text
{
	top: 25px}


.almanac .header-text strong
{
	font-size: 2rem}


.almanac .header-text h2
{
	font-size: 4.1rem}


.almanac .header-text h3
{
	font-size: 2.7rem}


.almanac .header-text h4
{
	font-size: 2rem}


.almanac .header-text span
{
	display: none}


.almanac .entry-intro
{
	margin-bottom: 10px;
	padding: 12px 20px 9px}


.our-story-ingredients blockquote
{
	font-size: 5.8rem}


}


@media screen and (max-width:1024px)
{
	.product-detail-hero .product-pagination-left span
{
	margin-top: -35px;
	left: -58px;
	position: relative}


.product-detail-hero .product-pagination-left-yogurt span
{
	margin-top: 68px;
	left: auto;
	position: relative}


.product-detail-hero .product-pagination-right span
{
	margin-top: -35px;
	position: relative;
	right: -56px}


.product-detail-hero .product-pagination-right-yogurt span
{
	margin-top: 68px;
	right: auto;
	position: relative}


}


.mega
{
	font-size: 144px;
	font-size: 9rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.alpha
{
	font-size: 121.6px;
	font-size: 7.6rem;
	line-height: 121.6px;
	line-height: 7.6rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.alpha-yogurt
{
	font-size: 99.2px;
	font-size: 6.2rem;
	line-height: 121.6px;
	line-height: 7.6rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.alpha-md
{
	font-size: 89.6px;
	font-size: 5.6rem;
	line-height: 89.6px;
	line-height: 5.6rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.beta
{
	font-size: 92.8px;
	font-size: 5.8rem;
	font-family: Populaire1263934, Georgia, Helvetica, sans-serif}


.gamma
{
	font-size: 80px;
	font-size: 5rem;
	font-family: Populaire1263934, Georgia, Helvetica, sans-serif}


.gamma-yogurt
{
	font-size: 88px;
	font-size: 5.5rem;
	 }


.delta
{
	font-size: 67.2px;
	font-size: 4.2rem;
	font-family: lunchbox, Georgia, Helvetica, sans-serif}


.epsilon
{
	font-size: 48px;
	font-size: 3rem;
	font-family: lunchbox, Georgia, Helvetica, sans-serif}


.epsilon-small
{
	font-size: 25.6px;
	font-size: 1.6rem;
	 }


.epsilon-medium
{
	font-size: 38.4px;
	font-size: 2.4rem;
	 }


.epsilon-large
{
	font-size: 54.4px;
	font-size: 3.4rem;
	 }


.epsilon-yogurt
{
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 48px;
	line-height: 3rem;
	 }


.zeta-large
{
	font-size: 64px;
	font-size: 4rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.zeta
{
	font-size: 48px;
	font-size: 3rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.zeta-large
{
	font-size: 64px;
	font-size: 4rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.zeta-medium
{
	font-size: 41.6px;
	font-size: 2.6rem;
	font-family: Populaire1263934, Georgia, Helvetica, sans-serif}


.zeta-small
{
	font-size: 32px;
	font-size: 2rem;
	font-family: Populaire1263934, Georgia, Helvetica, sans-serif}


p
{
	font-size: 32px;
	font-size: 2rem;
	line-height: 38.4px;
	line-height: 2.4rem;
	 ;
	margin: 10px 0}


.large
{
	font-size: 38.4px;
	font-size: 2.4rem;
	line-height: 43.2px;
	line-height: 2.7rem;
	font-family: lunchbox, Georgia, Helvetica, sans-serif}


.regular
{
	font-size: 32px;
	font-size: 2rem;
	line-height: 38.4px;
	line-height: 2.4rem;
	 }


.small
{
	font-size: 28.8px;
	font-size: 1.8rem;
	line-height: 35.2px;
	line-height: 2.2rem;
	 }


.tiny
{
	font-size: 19.2px;
	font-size: 1.2rem;
	line-height: 22.4px;
	line-height: 1.4rem;
	font-family: din-bold, Georgia, Helvetica, sans-serif}


.very-tiny
{
	font-size: 14.4px;
	font-size: .9rem;
	line-height: 16px;
	line-height: 1rem;
	font-family: din-bold, Georgia, Helvetica, sans-serif}


.fineprint
{
	font-size: 32px;
	font-size: 2rem;
	line-height: 44.8px;
	line-height: 2.8rem;
	font-family: din-regular, Georgia, Helvetica, sans-serif}


.fineprint-bold
{
	font-size: 32px;
	font-size: 2rem;
	line-height: 41.6px;
	line-height: 2.6rem;
	font-family: din-bold, Georgia, Helvetica, sans-serif}


.text-underline
{
	text-decoration: underline}


.text-underline-white-dots
{
	background: url(../img/nav-dotts.png) repeat-x 100% 100%}


.strong
{
	font-weight: 700}


.uppercase
{
	text-transform: uppercase}

 


.opacity
{
	 
	 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);

  /* Netscape */
  -moz-opacity: .0;

  /* Safari 1.x */
  -khtml-opacity: .0;

  /* Good browsers */
  opacity: .0;	
	
}


.opacity.numbered
{
	list-style-type: decimal}


.text-shadow
{
	text-shadow: 2px 2px 10px rgba(96, 79, 83, .9)}


 
 
@keyframes wobble
{
	0%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


15%
{
	-webkit-transform: translateX(-25%) rotate(-5deg);
	-ms-transform: translateX(-25%) rotate(-5deg);
	transform: translateX(-25%) rotate(-5deg)}


30%
{
	-webkit-transform: translateX(20%) rotate(3deg);
	-ms-transform: translateX(20%) rotate(3deg);
	transform: translateX(20%) rotate(3deg)}


45%
{
	-webkit-transform: translateX(-15%) rotate(-3deg);
	-ms-transform: translateX(-15%) rotate(-3deg);
	transform: translateX(-15%) rotate(-3deg)}


60%
{
	-webkit-transform: translateX(10%) rotate(2deg);
	-ms-transform: translateX(10%) rotate(2deg);
	transform: translateX(10%) rotate(2deg)}


75%
{
	-webkit-transform: translateX(-5%) rotate(-1deg);
	-ms-transform: translateX(-5%) rotate(-1deg);
	transform: translateX(-5%) rotate(-1deg)}


100%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


}


.wobble
{
	-webkit-animation-name: wobble;
	animation-name: wobble}


@-webkit-keyframes bounceIn
{
	0%
{
	opacity: 0;
	-webkit-transform: scale(.3);
	transform: scale(.3)}


50%
{
	opacity: 1;
	-webkit-transform: scale(1.05);
	transform: scale(1.05)}


70%
{
	-webkit-transform: scale(.9);
	transform: scale(.9)}


100%
{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)}


}


@keyframes bounceIn
{
	0%
{
	opacity: 0;
	-webkit-transform: scale(.3);
	-ms-transform: scale(.3);
	transform: scale(.3)}


50%
{
	opacity: 1;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05)}


70%
{
	-webkit-transform: scale(.9);
	-ms-transform: scale(.9);
	transform: scale(.9)}


100%
{
	opacity: 1;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)}


}


.bounceIn
{
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn}


@-webkit-keyframes bounceInDown
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px)}


60%
{
	opacity: 1;
	-webkit-transform: translateY(30px);
	transform: translateY(30px)}


80%
{
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px)}


100%
{
	-webkit-transform: translateY(0);
	transform: translateY(0)}


}


@keyframes bounceInDown
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px)}


60%
{
	opacity: 1;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px)}


80%
{
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px)}


100%
{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


}


.bounceInDown
{
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown}


@-webkit-keyframes bounceInLeft
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px)}


60%
{
	opacity: 1;
	-webkit-transform: translateX(30px);
	transform: translateX(30px)}


80%
{
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px)}


100%
{
	-webkit-transform: translateX(0);
	transform: translateX(0)}


}


@keyframes bounceInLeft
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px)}


60%
{
	opacity: 1;
	-webkit-transform: translateX(30px);
	-ms-transform: translateX(30px);
	transform: translateX(30px)}


80%
{
	-webkit-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	transform: translateX(-10px)}


100%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


}


.bounceInLeft
{
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft}


@-webkit-keyframes bounceInRight
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px)}


60%
{
	opacity: 1;
	-webkit-transform: translateX(-30px);
	transform: translateX(-30px)}


80%
{
	-webkit-transform: translateX(10px);
	transform: translateX(10px)}


100%
{
	-webkit-transform: translateX(0);
	transform: translateX(0)}


}


@keyframes bounceInRight
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px)}


60%
{
	opacity: 1;
	-webkit-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	transform: translateX(-30px)}


80%
{
	-webkit-transform: translateX(10px);
	-ms-transform: translateX(10px);
	transform: translateX(10px)}


100%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


}


.bounceInRight
{
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight}


@-webkit-keyframes bounceInUp
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px)}


60%
{
	opacity: 1;
	-webkit-transform: translateY(-30px);
	transform: translateY(-30px)}


80%
{
	-webkit-transform: translateY(10px);
	transform: translateY(10px)}


100%
{
	-webkit-transform: translateY(0);
	transform: translateY(0)}


}


@keyframes bounceInUp
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px)}


60%
{
	opacity: 1;
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px)}


80%
{
	-webkit-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transform: translateY(10px)}


100%
{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


}


.bounceInUp
{
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp}


@-webkit-keyframes bounceOut
{
	0%
{
	-webkit-transform: scale(1);
	transform: scale(1)}


25%
{
	-webkit-transform: scale(.95);
	transform: scale(.95)}


50%
{
	opacity: 1;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)}


100%
{
	opacity: 0;
	-webkit-transform: scale(.3);
	transform: scale(.3)}


}


@keyframes bounceOut
{
	0%
{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)}


25%
{
	-webkit-transform: scale(.95);
	-ms-transform: scale(.95);
	transform: scale(.95)}


50%
{
	opacity: 1;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1)}


100%
{
	opacity: 0;
	-webkit-transform: scale(.3);
	-ms-transform: scale(.3);
	transform: scale(.3)}


}


.bounceOut
{
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut}


@-webkit-keyframes bounceOutDown
{
	0%
{
	-webkit-transform: translateY(0);
	transform: translateY(0)}


20%
{
	opacity: 1;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px)}


}


@keyframes bounceOutDown
{
	0%
{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


20%
{
	opacity: 1;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px)}


}


.bounceOutDown
{
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown}


@-webkit-keyframes bounceOutLeft
{
	0%
{
	-webkit-transform: translateX(0);
	transform: translateX(0)}


20%
{
	opacity: 1;
	-webkit-transform: translateX(20px);
	transform: translateX(20px)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px)}


}


@keyframes bounceOutLeft
{
	0%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


20%
{
	opacity: 1;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px)}


}


.bounceOutLeft
{
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft}


@-webkit-keyframes bounceOutRight
{
	0%
{
	-webkit-transform: translateX(0);
	transform: translateX(0)}


20%
{
	opacity: 1;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px)}


}


@keyframes bounceOutRight
{
	0%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


20%
{
	opacity: 1;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px)}


}


.bounceOutRight
{
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight}


@-webkit-keyframes bounceOutUp
{
	0%
{
	-webkit-transform: translateY(0);
	transform: translateY(0)}


20%
{
	opacity: 1;
	-webkit-transform: translateY(20px);
	transform: translateY(20px)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px)}


}


@keyframes bounceOutUp
{
	0%
{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


20%
{
	opacity: 1;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px)}


}


.bounceOutUp
{
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp}


@-webkit-keyframes fadeIn
{
	0%
{
	opacity: 0}


100%
{
	opacity: 1}


}


@keyframes fadeIn
{
	0%
{
	opacity: 0}


100%
{
	opacity: 1}


}


.fadeIn
{
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn}


@-webkit-keyframes fadeInDown
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)}


}


@keyframes fadeInDown
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


}


.fadeInDown
{
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown}


@-webkit-keyframes fadeInDownBig
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)}


}


@keyframes fadeInDownBig
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


}


.fadeInDownBig
{
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig}


@-webkit-keyframes fadeInLeft
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)}


}


@keyframes fadeInLeft
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


}


.fadeInLeft
{
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft}


@-webkit-keyframes fadeInLeftBig
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)}


}


@keyframes fadeInLeftBig
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


}


.fadeInLeftBig
{
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig}


@-webkit-keyframes fadeInRight
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)}


}


@keyframes fadeInRight
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


}


.fadeInRight
{
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight}


@-webkit-keyframes fadeInRightBig
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)}


}


@keyframes fadeInRightBig
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


}


.fadeInRightBig
{
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig}


@-webkit-keyframes fadeInUp
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)}


}


@keyframes fadeInUp
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


}


.fadeInUp
{
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp}


@-webkit-keyframes fadeInUpBig
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)}


}


@keyframes fadeInUpBig
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px)}


100%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


}


.fadeInUpBig
{
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig}


@-webkit-keyframes fadeOut
{
	0%
{
	opacity: 1}


100%
{
	opacity: 0}


}


@keyframes fadeOut
{
	0%
{
	opacity: 1}


100%
{
	opacity: 0}


}


.fadeOut
{
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut}


@-webkit-keyframes fadeOutDown
{
	0%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(20px);
	transform: translateY(20px)}


}


@keyframes fadeOutDown
{
	0%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(20px);
	-ms-transform: translateY(20px);
	transform: translateY(20px)}


}


.fadeOutDown
{
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown}


@-webkit-keyframes fadeOutDownBig
{
	0%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px)}


}


@keyframes fadeOutDownBig
{
	0%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px)}


}


.fadeOutDownBig
{
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig}


@-webkit-keyframes fadeOutLeft
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px)}


}


@keyframes fadeOutLeft
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(-20px);
	-ms-transform: translateX(-20px);
	transform: translateX(-20px)}


}


.fadeOutLeft
{
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft}


@-webkit-keyframes fadeOutLeftBig
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px)}


}


@keyframes fadeOutLeftBig
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px)}


}


.fadeOutLeftBig
{
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig}


@-webkit-keyframes fadeOutRight
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(20px);
	transform: translateX(20px)}


}


@keyframes fadeOutRight
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(20px);
	-ms-transform: translateX(20px);
	transform: translateX(20px)}


}


.fadeOutRight
{
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight}


@-webkit-keyframes fadeOutRightBig
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px)}


}


@keyframes fadeOutRightBig
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px)}


}


.fadeOutRightBig
{
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig}


@-webkit-keyframes fadeOutUp
{
	0%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px)}


}


@keyframes fadeOutUp
{
	0%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	transform: translateY(-20px)}


}


.fadeOutUp
{
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp}


@-webkit-keyframes fadeOutUpBig
{
	0%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px)}


}


@keyframes fadeOutUpBig
{
	0%
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px)}


}


.fadeOutUpBig
{
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig}


@-webkit-keyframes flip
{
	0%
{
	-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out}


40%
{
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
	transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out}


50%
{
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in}


80%
{
	-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
	transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in}


100%
{
	-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in}


}


@keyframes flip
{
	0%
{
	-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out}


40%
{
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
	-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
	transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out}


50%
{
	-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in}


80%
{
	-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
	-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
	transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in}


100%
{
	-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
	-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
	transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in}


}


.animated.flip
{
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip}


@-webkit-keyframes flipInX
{
	0%
{
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0}


40%
{
	-webkit-transform: perspective(400px) rotateX(-10deg);
	transform: perspective(400px) rotateX(-10deg)}


70%
{
	-webkit-transform: perspective(400px) rotateX(10deg);
	transform: perspective(400px) rotateX(10deg)}


100%
{
	-webkit-transform: perspective(400px) rotateX(0);
	transform: perspective(400px) rotateX(0);
	opacity: 1}


}


@keyframes flipInX
{
	0%
{
	-webkit-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0}


40%
{
	-webkit-transform: perspective(400px) rotateX(-10deg);
	-ms-transform: perspective(400px) rotateX(-10deg);
	transform: perspective(400px) rotateX(-10deg)}


70%
{
	-webkit-transform: perspective(400px) rotateX(10deg);
	-ms-transform: perspective(400px) rotateX(10deg);
	transform: perspective(400px) rotateX(10deg)}


100%
{
	-webkit-transform: perspective(400px) rotateX(0);
	-ms-transform: perspective(400px) rotateX(0);
	transform: perspective(400px) rotateX(0);
	opacity: 1}


}


.flipInX
{
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX}


@-webkit-keyframes flipInY
{
	0%
{
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0}


40%
{
	-webkit-transform: perspective(400px) rotateY(-10deg);
	transform: perspective(400px) rotateY(-10deg)}


70%
{
	-webkit-transform: perspective(400px) rotateY(10deg);
	transform: perspective(400px) rotateY(10deg)}


100%
{
	-webkit-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	opacity: 1}


}


@keyframes flipInY
{
	0%
{
	-webkit-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0}


40%
{
	-webkit-transform: perspective(400px) rotateY(-10deg);
	-ms-transform: perspective(400px) rotateY(-10deg);
	transform: perspective(400px) rotateY(-10deg)}


70%
{
	-webkit-transform: perspective(400px) rotateY(10deg);
	-ms-transform: perspective(400px) rotateY(10deg);
	transform: perspective(400px) rotateY(10deg)}


100%
{
	-webkit-transform: perspective(400px) rotateY(0);
	-ms-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	opacity: 1}


}


.flipInY
{
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY}


@-webkit-keyframes flipOutX
{
	0%
{
	-webkit-transform: perspective(400px) rotateX(0);
	transform: perspective(400px) rotateX(0);
	opacity: 1}


100%
{
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0}


}


@keyframes flipOutX
{
	0%
{
	-webkit-transform: perspective(400px) rotateX(0);
	-ms-transform: perspective(400px) rotateX(0);
	transform: perspective(400px) rotateX(0);
	opacity: 1}


100%
{
	-webkit-transform: perspective(400px) rotateX(90deg);
	-ms-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0}


}


.flipOutX
{
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important}


@-webkit-keyframes flipOutY
{
	0%
{
	-webkit-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	opacity: 1}


100%
{
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0}


}


@keyframes flipOutY
{
	0%
{
	-webkit-transform: perspective(400px) rotateY(0);
	-ms-transform: perspective(400px) rotateY(0);
	transform: perspective(400px) rotateY(0);
	opacity: 1}


100%
{
	-webkit-transform: perspective(400px) rotateY(90deg);
	-ms-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0}


}


.flipOutY
{
	-webkit-backface-visibility: visible!important;
	-ms-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY}


@-webkit-keyframes lightSpeedIn
{
	0%
{
	-webkit-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0}


60%
{
	-webkit-transform: translateX(-20%) skewX(30deg);
	transform: translateX(-20%) skewX(30deg);
	opacity: 1}


80%
{
	-webkit-transform: translateX(0) skewX(-15deg);
	transform: translateX(0) skewX(-15deg);
	opacity: 1}


100%
{
	-webkit-transform: translateX(0) skewX(0);
	transform: translateX(0) skewX(0);
	opacity: 1}


}


@keyframes lightSpeedIn
{
	0%
{
	-webkit-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0}


60%
{
	-webkit-transform: translateX(-20%) skewX(30deg);
	-ms-transform: translateX(-20%) skewX(30deg);
	transform: translateX(-20%) skewX(30deg);
	opacity: 1}


80%
{
	-webkit-transform: translateX(0) skewX(-15deg);
	-ms-transform: translateX(0) skewX(-15deg);
	transform: translateX(0) skewX(-15deg);
	opacity: 1}


100%
{
	-webkit-transform: translateX(0) skewX(0);
	-ms-transform: translateX(0) skewX(0);
	transform: translateX(0) skewX(0);
	opacity: 1}


}


.lightSpeedIn
{
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out}


@-webkit-keyframes lightSpeedOut
{
	0%
{
	-webkit-transform: translateX(0) skewX(0);
	transform: translateX(0) skewX(0);
	opacity: 1}


100%
{
	-webkit-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0}


}


@keyframes lightSpeedOut
{
	0%
{
	-webkit-transform: translateX(0) skewX(0);
	-ms-transform: translateX(0) skewX(0);
	transform: translateX(0) skewX(0);
	opacity: 1}


100%
{
	-webkit-transform: translateX(100%) skewX(-30deg);
	-ms-transform: translateX(100%) skewX(-30deg);
	transform: translateX(100%) skewX(-30deg);
	opacity: 0}


}


.lightSpeedOut
{
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in}


@-webkit-keyframes rotateIn
{
	0%
{
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


@keyframes rotateIn
{
	0%
{
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(-200deg);
	-ms-transform: rotate(-200deg);
	transform: rotate(-200deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


.rotateIn
{
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn}


@-webkit-keyframes rotateInDownLeft
{
	0%
{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


@keyframes rotateInDownLeft
{
	0%
{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


.rotateInDownLeft
{
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft}


@-webkit-keyframes rotateInDownRight
{
	0%
{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


@keyframes rotateInDownRight
{
	0%
{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


.rotateInDownRight
{
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight}


@-webkit-keyframes rotateInUpLeft
{
	0%
{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


@keyframes rotateInUpLeft
{
	0%
{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


.rotateInUpLeft
{
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft}


@-webkit-keyframes rotateInUpRight
{
	0%
{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


@keyframes rotateInUpRight
{
	0%
{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0}


100%
{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


}


.rotateInUpRight
{
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight}


@-webkit-keyframes rotateOut
{
	0%
{
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0}


}


@keyframes rotateOut
{
	0%
{
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(200deg);
	-ms-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0}


}


.rotateOut
{
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut}


@-webkit-keyframes rotateOutDownLeft
{
	0%
{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0}


}


@keyframes rotateOutDownLeft
{
	0%
{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0}


}


.rotateOutDownLeft
{
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft}


@-webkit-keyframes rotateOutDownRight
{
	0%
{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0}


}


@keyframes rotateOutDownRight
{
	0%
{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0}


}


.rotateOutDownRight
{
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight}


@-webkit-keyframes rotateOutUpLeft
{
	0%
{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0}


}


@keyframes rotateOutUpLeft
{
	0%
{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: left bottom;
	-ms-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	opacity: 0}


}


.rotateOutUpLeft
{
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft}


@-webkit-keyframes rotateOutUpRight
{
	0%
{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0}


}


@keyframes rotateOutUpRight
{
	0%
{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	opacity: 1}


100%
{
	-webkit-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0}


}


.rotateOutUpRight
{
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight}


@-webkit-keyframes slideInDown
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px)}


100%
{
	-webkit-transform: translateY(0);
	transform: translateY(0)}


}


@keyframes slideInDown
{
	0%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px)}


100%
{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


}


.slideInDown
{
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown}


@-webkit-keyframes slideInLeft
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px)}


100%
{
	-webkit-transform: translateX(0);
	transform: translateX(0)}


}


@keyframes slideInLeft
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px)}


100%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


}


.slideInLeft
{
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft}


@-webkit-keyframes slideInRight
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px)}


100%
{
	-webkit-transform: translateX(0);
	transform: translateX(0)}


}


@keyframes slideInRight
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px)}


100%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


}


.slideInRight
{
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight}


@-webkit-keyframes slideOutLeft
{
	0%
{
	-webkit-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	transform: translateX(-2000px)}


}


@keyframes slideOutLeft
{
	0%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(-2000px);
	-ms-transform: translateX(-2000px);
	transform: translateX(-2000px)}


}


.slideOutLeft
{
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft}


@-webkit-keyframes slideOutRight
{
	0%
{
	-webkit-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	transform: translateX(2000px)}


}


@keyframes slideOutRight
{
	0%
{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(2000px);
	-ms-transform: translateX(2000px);
	transform: translateX(2000px)}


}


.slideOutRight
{
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight}


@-webkit-keyframes slideOutUp
{
	0%
{
	-webkit-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	transform: translateY(-2000px)}


}


@keyframes slideOutUp
{
	0%
{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(-2000px);
	-ms-transform: translateY(-2000px);
	transform: translateY(-2000px)}


}


.slideOutUp
{
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp}


@-webkit-keyframes slideInUp
{
	0%
{
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0)}


}


@keyframes slideInUp
{
	0%
{
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


}


.slideInUp
{
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp}


@-webkit-keyframes slideOutDown
{
	0%
{
	-webkit-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	transform: translateY(2000px)}


}


@keyframes slideOutDown
{
	0%
{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateY(2000px);
	-ms-transform: translateY(2000px);
	transform: translateY(2000px)}


}


.slideOutDown
{
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown}


@-webkit-keyframes hinge
{
	0%
{
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out}


20%, 60%
{
	-webkit-transform: rotate(80deg);
	transform: rotate(80deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out}


40%
{
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out}


80%
{
	-webkit-transform: rotate(60deg) translateY(0);
	transform: rotate(60deg) translateY(0);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	opacity: 1}


100%
{
	-webkit-transform: translateY(700px);
	transform: translateY(700px);
	opacity: 0}


}


@keyframes hinge
{
	0%
{
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out}


20%, 60%
{
	-webkit-transform: rotate(80deg);
	-ms-transform: rotate(80deg);
	transform: rotate(80deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out}


40%
{
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out}


80%
{
	-webkit-transform: rotate(60deg) translateY(0);
	-ms-transform: rotate(60deg) translateY(0);
	transform: rotate(60deg) translateY(0);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	opacity: 1}


100%
{
	-webkit-transform: translateY(700px);
	-ms-transform: translateY(700px);
	transform: translateY(700px);
	opacity: 0}


}


.hinge
{
	-webkit-animation-name: hinge;
	animation-name: hinge}


@-webkit-keyframes rollIn
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)}


}


@keyframes rollIn
{
	0%
{
	opacity: 0;
	-webkit-transform: translateX(-100%) rotate(-120deg);
	-ms-transform: translateX(-100%) rotate(-120deg);
	transform: translateX(-100%) rotate(-120deg)}


100%
{
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)}


}


.rollIn
{
	-webkit-animation-name: rollIn;
	animation-name: rollIn}


@-webkit-keyframes rollOut
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(100%) rotate(120deg);
	transform: translateX(100%) rotate(120deg)}


}


@keyframes rollOut
{
	0%
{
	opacity: 1;
	-webkit-transform: translateX(0) rotate(0);
	-ms-transform: translateX(0) rotate(0);
	transform: translateX(0) rotate(0)}


100%
{
	opacity: 0;
	-webkit-transform: translateX(100%) rotate(120deg);
	-ms-transform: translateX(100%) rotate(120deg);
	transform: translateX(100%) rotate(120deg)}


}


.rollOut
{
	-webkit-animation-name: rollOut;
	animation-name: rollOut}


.tooltip:hover .tooltip_body
{
	display: inline;
	position: absolute;
	top: -67px;
	right: 23px;
	text-decoration: none;
	color: #000;
	background: url(../img/bubbl.png) top center;
	background-repeat: no-repeat}


.tooltip:hover .tooltip_body img
{
	margin-top: -6px;
	margin-left: -5px}


.tooltip p
{
	position: absolute;
	bottom: -50px;
	text-align: center;
	width: 100%;
	left: 0}


.tooltip_body
{
	display: none;
	padding: 15px;
	margin-top: 1.5em;
	z-index: 10}


.module.hero
{
	position: relative;
	width: 100%;
	float: left;
	color: #fff;
	padding-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-bottom: 0}


.module.hero.single-location
{
	margin-bottom: 30px}


.module.hero.single-location .packedgrid
{
	position: relative;
	overflow: hidden;
	max-height: 528px;
	top: 30%}


.module.hero.single-location .packedgrid .align-bottom
{
	position: relative;
	min-height: 530px;
	bottom: 0}


.module.hero.single-location .packedgrid .bg
{
	position: absolute;
	width: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-khtml-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)}


.module.hero.single-location .packedgrid img
{
	margin: 0;
	padding: 0;
	display: block!important}


.module.hero.single-location .packedgrid p.large
{
	margin-bottom: 0;
	margin-bottom: 0}


.module.hero.single-location .packedgrid .location-wifi
{
	position: absolute;
	top: 14px;
	left: 14px;
	height: 28px;
	line-height: 28px;
	padding-left: 34px;
	color: #fff;
	text-transform: uppercase;
	background: url(../img/icons/icon-wifi.png) center left no-repeat;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	font-size: 17.6px;
	font-size: 1.1rem}


.module.hero.single-location .packedgrid .location-info
{
	position: relative;
	float: left;
	padding: 30px 40px 0}


.module.hero.single-location .packedgrid .location-info h1
{
	padding-top: 20px}


.module.hero.single-location .packedgrid .location-info h2
{
	position: relative;
	font-size: 24px;
	padding: 16px 0;
	background: url(../img/dotts-white-across.png) bottom center repeat-x}


@media (min-width:992px) and (max-width:1099px)
{
	.module.hero.single-location .packedgrid .bg .bttrlazyloading-wrapper
{
	width: 110%}


}


@media (min-width:768px) and (max-width:991px)
{
	.module.hero.single-location .packedgrid .bg .bttrlazyloading-wrapper
{
	width: 110%}


}


@media (max-width:767px)
{
	.module.hero.single-location .packedgrid .bg .bttrlazyloading-wrapper
{
	width: 100%}


.module.hero.single-location .local-kitchen
{
	opacity: 0;
	height: 0}


.module.hero.single-location .location-info
{
	padding: 25px 40px 0!important}


.module.hero.single-location .packedgrid
{
	max-height: none}


}


@media (max-width:991px)
{
	.module.hero.single-location .packedgrid .bttrlazyloading-wrapper img
{
	float: left}


.module.hero.single-location .packedgrid .location-info
{
	background-color: rgba(96, 174, 65, .9)}


.module.hero.single-location .packedgrid .second-img
{
	display: none!important}


}


.module.hero.h290
{
	height: 290px}


.module.hero.h460
{
	height: 460px}


.module.hero.h520
{
	height: 520px}


.module.hero.h550
{
	height: 550px}


.module.hero.h595
{
	height: 595px}


.module.hero.h605
{
	height: 605px}


.module.hero.h650
{
	height: 650px}


.module.hero.h755
{
	height: 755px}


.module.hero.h733
{
	height: 733px}


.module.hero.h722
{
	max-height: 578px}


.module.hero.h722 .bx-wrapper
{
	margin: 0 auto}


.module.hero.h800
{
	height: 800px}


.module.hero.h840
{
	height: 840px}


.module.hero.product-detail-secondary-bg
{
	margin-top: 250px}


.module.hero.product-detail-hero
{
	overflow: visible;
	width: 100%;
	max-width: 100%;
	z-index: 70}


@media (max-width:991px)
{
	.module.hero.product-detail-hero.h840
{
	height: auto;
	margin-bottom: 100px}


.module.hero.product-detail-hero .minh615
{
	min-height: inherit}


.module.hero.product-detail-hero .wrapper .product-image-large-yogurt
{
	right: -30px}


}


@media (max-width:767px)
{
	.module.hero.product-detail-hero .wrapper .details
{
	margin-top: 200px}


.module.hero.product-detail-hero .wrapper .product-image-large
{
	position: absolute;
	width: 30%;
	left: 35%;
	top: 0;
	margin-top: -19%;
	-webkit-transform: translateX(-50%);
	-khtml-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform: translateY(-70%);
	-khtml-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-o-transform: translateY(-70%);
	transform: translateY(-70%)}


.module.hero.product-detail-hero .wrapper .product-image-large-yogurt
{
	position: absolute;
	width: 45%;
	left: 28%;
	top: 0;
	margin-top: -19%;
	-webkit-transform: translateX(-50%);
	-khtml-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform: translateY(-70%);
	-khtml-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-o-transform: translateY(-70%);
	transform: translateY(-70%)}


}


@media (max-width:550px)
{
	.module.hero.product-detail-hero .wrapper .product-image-large
{
	position: absolute;
	width: 30%;
	left: 35%;
	top: 0;
	margin-top: -19%}


.module.hero.product-detail-hero .wrapper .product-image-large-yogurt
{
	position: absolute;
	width: 55%;
	left: 23%;
	top: 0;
	margin-top: -28%;
	-webkit-transform: translateX(-50%);
	-khtml-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transform: translateY(-70%);
	-khtml-transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-o-transform: translateY(-70%);
	transform: translateY(-70%)}


}


@media (max-width:450px)
{
	.module.hero.product-detail-hero .wrapper .product-image-large
{
	margin-top: -42%;
	width: 50%;
	left: 25%}


.module.hero.product-detail-hero .wrapper .product-image-large-yogurt
{
	margin-top: -42%;
	width: 66%;
	left: 16%}


}


.module.hero.product-detail-hero .bg-wrapper
{
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100%}


.module.hero.product-detail-hero .wrapper
{
	position: relative;
	top: 120px}


.module.hero.product-detail-hero .container
{
	position: relative;
	height: 100%}


.module.hero .shading
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100}


.module.hero.bx-slider-module .logo
{
	height: 85px;
	z-index: 100;
	margin: 0 auto;
	text-align: center;
	background: url(../img/evolution-logo-large.png) top center;
	background-repeat: no-repeat;
	display: inline-block;
	width: 200px;
	margin-bottom: 30px}


 

a.share-icon:hover
{
	opacity: .8}


a.share-icon-recipe:hover
{
	opacity: .8}


.module.image-layout
{
	position: relative;
	overflow: visible}


.module.image-layout .row
{
	overflow: hidden;
	margin-bottom: 10px}


.module.image-layout img
{
	display: inline-block}


.module.timeline
{
	padding: 30px 0 0 0;
	padding-bottom: 0;
	padding-bottom: 0}


.module.timeline ul.timeline-wrapper
{
	position: relative;
	width: 100%;
	overflow-x: scroll;
	white-space: nowrap;
	padding-bottom: 57px;
	padding-right: 200px}


.module.timeline ul.timeline-wrapper li
{
	margin: 0 6px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	position: relative}


.module.timeline ul.timeline-wrapper li figure
{
	margin-bottom: 20px;
	width: 270px;
	height: 227px}


.module.timeline ul.timeline-wrapper li figcaption
{
	position: absolute;
	width: 100%;
	top: 37%;
	z-index: 100}


.module.timeline ul.timeline-wrapper li p
{
	padding: 0 5px}


.module.timeline .scroll
{
	display: block;
	top: 425px;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto 0;
	width: 100%}


.module.timeline .scroll img
{
	margin: auto}


.module.timeline .scroll small
{
	padding-top: 5px;
	width: 100px;
	margin: auto}


.module.video
{
	overflow: visible;
	margin-bottom: 35px}


.module.video .video-start
{
	display: block}


.module.video .video-wrapper
{
	-webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 -3px 10px rgba(0, 0, 0, .2);
	-o-box-shadow: 0 -3px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 -3px 10px rgba(0, 0, 0, .2)}


.module.video-tip
{
	position: absolute;
	display: block;
	z-index: 100;
	float: left}


.module.video-tip.top-right
{
	right: 120px;
	top: 50px}


.module.video-tip.top-right figure
{
	float: right}


.module.video-tip.bottom-left
{
	left: 120px;
	bottom: 0}


.module.video-tip.bottom-left figure
{
	float: left}


.module.video-tip.bottom-right
{
	right: 30px;
	bottom: 0}


.module.video-tip.bottom-right figure
{
	float: right}


.module.video-tip figure
{
	width: 100px;
	height: 150px;
	max-width: 180px;
	width: 180px;
	position: relative}


.module.video-tip figure a
{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	background: url(../img/components/video-tip-bg.png) no-repeat center 0}


.module.video-tip figure a .circle
{
	border-radius: 50%;
	width: 24px;
	height: 24px;
	background-color: #60ae41;
	position: absolute;
	margin-top: -25px;
	top: 40%;
	left: 42%;
	z-index: 90;
	opacity: 0;
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.module.video-tip figure a:before
{
	position: absolute;
	top: 40%;
	margin-top: -25px;
	left: 42%;
	background: url(../img/play-button.png) no-repeat center;
	-webkit-background-size: cover;
	-khtml-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	content: '';
	z-index: 100;
	display: block;
	width: 25px;
	height: 25px}


.module.video-tip figure a:hover .circle
{
	opacity: .9}


.module.video-tip figure img
{
	-webkit-mask-box-image: url(../img/components/video-tip-mask.png);
	-khtml-mask-box-image: url(../img/components/video-tip-mask.png);
	-moz-mask-box-image: url(../img/components/video-tip-mask.png);
	-o-mask-box-image: url(../img/components/video-tip-mask.png);
	mask-box-image: url(../img/components/video-tip-mask.png);
	position: relative;
	top: 6px}


.module.video-tip figure figcaption
{
	margin-top: 9.6px;
	margin-top: .6rem}


.module.inline-page-nav
{
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: -160px;
	width: 160px;
	background: #60ae41;
	padding: 5px 0 5px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	-moz-border-top-right-radius: 0;
	-o-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	-moz-border-bottom-right-radius: 0;
	-o-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	font-size: 24px;
	font-size: 1.5rem;
	z-index: 990;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	-o-box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	box-shadow: 0 0 4px rgba(0, 0, 0, .3);
	overflow: visible}


.module.inline-page-nav:hover
{
	-webkit-transition: all 250ms ease-out;
	-moz-transition: all 250ms ease-out;
	-ms-transition: all 250ms ease-out;
	-o-transition: all 250ms ease-out;
	transition: all 250ms ease-out;
	right: 0}


.module.inline-page-nav ul
{
	position: relative;
	width: 100%;
	float: left;
	list-style: none}


.module.inline-page-nav ul a, .module.inline-page-nav ul li
{
	-webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	transition: all .3s cubic-bezier(.19, 1, .22, 1)}


.module.inline-page-nav ul li
{
	position: relative;
	float: left;
	width: 100%;
	min-height: 80px;
	min-height: 5rem}


.module.inline-page-nav ul li:last-child
{
	background: 0 0}


.module.inline-page-nav ul li.active
{
	padding-left: 25px}


.module.inline-page-nav ul li.active a
{
	color: rgba(255, 255, 255, .6)}


.module.inline-page-nav ul li.active:before
{
	position: absolute;
	content: '';
	top: 50%;
	margin-top: -5px;
	left: 10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent rgba(255, 255, 255, .6)}


.module.inline-page-nav ul a
{
	color: #fff;
	text-transform: uppercase;
	display: block;
	width: 80%;
	padding-top: 12px;
	padding-bottom: 12px}


.module.inline-page-nav div
{
	height: 45px;
	width: 30px;
	display: block;
	z-index: 1000;
	left: -25px;
	position: absolute;
	top: 40%;
	border-radius: 4px;
	padding-top: 15px;
	background: #60ae41;
	cursor: pointer}


.module.inline-page-nav div i
{
	width: 15px;
	height: 2px;
	margin-bottom: 2px;
	display: block;
	background: #fff;
	margin-left: 6px}


.module.product-listing-yogurt
{
	padding-top: 14rem}


.product-list.juices
{
	display: none}


.product, .product-yogurt
{
	position: relative;
	min-height: 180px;
	height: 350px;
	margin-bottom: 20px}


.product-yogurt>a, .product>a
{
	position: relative;
	display: block;
	width: 100%;
	height: 100%}


.product-yogurt>a i, .product>a i
{
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .7s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .7s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .7s cubic-bezier(.19, 1, .22, 1);
	transition: all .7s cubic-bezier(.19, 1, .22, 1);
	opacity: .9}


.product-yogurt>a:hover img, .product>a:hover img
{
	margin-top: -20px}


.product-yogurt>a:hover i, .product>a:hover i
{
	-webkit-transform-origin: center center;
	-ms-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .7s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .7s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .7s cubic-bezier(.19, 1, .22, 1);
	transition: all .7s cubic-bezier(.19, 1, .22, 1);
	opacity: 1}


.product figure, .product-yogurt figure
{
	position: relative;
	min-height: 245px;
	height: 245px;
	overflow: hidden;
	background-size: 98% auto;
	background-position: center bottom;
	background-repeat: no-repeat}


.product figure span img, .product-yogurt figure span img
{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.product hr, .product-yogurt hr
{
	padding: 0 0 20px 0;
	margin: 0 auto;
	border: 0;
	height: 3px;
	clear: both;
	width: 80%}


.product hr.green, .product-yogurt hr.green
{
	background: url(../img/dotts-green-across.png) center repeat-x}


.product hr.red, .product-yogurt hr.red
{
	background: url(../img/dotts-red-across.png) center repeat-x}


.product hr.limegreen, .product-yogurt hr.limegreen
{
	background: url(../img/dotts-light-green-across.png) center repeat-x}


.product hr.darkgreen, .product-yogurt hr.darkgreen
{
	background: url(../img/dotts-dark-green-across.png) center repeat-x}


.product hr.orange, .product-yogurt hr.orange
{
	background: url(../img/dotts-orange-across.png) center repeat-x}


.product hr.darkorange, .product-yogurt hr.darkorange
{
	background: url(../img/dotts-orange-across.png) center repeat-x}


.product hr.darkred, .product-yogurt hr.darkred
{
	background: url(../img/dotts-dark-red-across.png) center repeat-x}


.product hr.pinkred, .product-yogurt hr.pinkred
{
	background: url(../img/dotts-pink-red-across.png) center repeat-x}


.product hr.yellow, .product-yogurt hr.yellow
{
	background: url(../img/dotts-yellow-across.png) center repeat-x}


.product hr.brown, .product-yogurt hr.brown
{
	background: url(../img/dotts-brown-across.png) center repeat-x}


.product .product-details, .product-yogurt .product-details
{
	margin: 20px 0}


.product-yogurt.long figure, .product.long figure
{
	height: 265px}


.product-yogurt.long>a:hover img, .product.long>a:hover img
{
	margin-top: 0}


.product-yogurt>a:hover img
{
	margin-top: 20px}


.yogurt-hero-1 img
{
	right: 0;
	left: 0;
	margin: 0 auto}


.yogurt-hero-1 img.dannon
{
	padding: 0 50px 15px}


.yogurt-hero-1 p
{
	margin: 0 25px}


.yogurt-hero-1 .yogurt-h3
{
	font-size: 144px;
	font-size: 9rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.one-two-three img
{
	right: 0;
	left: 0;
	margin: 0 auto}


.one-two-three h1
{
	font-size: 48px;
	font-size: 3rem;
	 ;
	margin: 20px 60px 0}


.one-two-three p
{
	margin: 10px 38px}


.one-two-three .two h1
{
	margin-top: 8px}


.one-two-three .three h1
{
	margin-top: 22px}


.module.yogurt-hero-2
{
	padding-top: 40px}


.module.yogurt-hero-2 .container
{
	margin-top: 120px}


.module.yogurt-hero-2 img
{
	right: 0;
	left: 0;
	margin: 0 auto}


.module.yogurt-hero-2 .hero-fine-print
{
	position: absolute;
	bottom: 25px}


.module.atstarbucks-juices
{
	padding-top: 0}


.module.atstarbucks-juices .hero-arrow a
{
	display: block;
	width: 92px;
	height: 105px;
	margin: 0 auto;
	background: url(../img/atstarbucks-hero-arrow.png) center no-repeat}


.module.atstarbucks-juices a
{
	text-decoration: underline}


.module.yogurt-halfs
{
	padding-bottom: 0}


.module.yogurt-halfs .yogurt-halfs-bg
{
	padding-top: 100px;
	padding-bottom: 100px;
	background: url(../img/atstarbucks-yogurthalfs-bg.jpg) center no-repeat;
	background-size: cover;
	overflow: hidden}


.module.yogurt-halfs .left, .module.yogurt-halfs .right
{
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	-o-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	padding: 40px;
	margin-bottom: 12px}


.module.yogurt-halfs .left a, .module.yogurt-halfs .right a
{
	text-decoration: none}


.module.yogurt-halfs .left h3, .module.yogurt-halfs .right h3
{
	padding-bottom: 10px;
	color: #60ae41}


.module.yogurt-halfs .left h4, .module.yogurt-halfs .right h4
{
	width: 75%;
	margin: 0 auto}


.module.yogurt-halfs .left i, .module.yogurt-halfs .right i
{
	height: 10px;
	width: 50%;
	display: block;
	left: 0;
	right: 0;
	margin: auto;
	margin-bottom: 10px}


.module.yogurt-halfs .left img, .module.yogurt-halfs .right img
{
	right: 0;
	left: 0;
	margin: 30px auto 0}


@media (max-width:400px)
{
	.product
{
	height: 275px}


.product figure
{
	background-size: 90% auto;
	min-height: 205px;
	height: 205px}


.product-list span
{
	height: 205px}


}


@media (max-width:720px)
{
	.yogurt-hero-1 p
{
	margin: 0 0;
	font-size: 25.6px;
	font-size: 1.6rem;
	 }


.yogurt-hero-1 .yogurt-h3
{
	font-size: 89.6px;
	font-size: 5.6rem;
	line-height: 89.6px;
	line-height: 5.6rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.module.yogurt-hero-2 .container
{
	margin-top: 30px}


.module.yogurt-hero-2 .container h2.alpha
{
	font-size: 5rem;
	line-height: 5rem}


.module.yogurt-hero-2 .container h2.gamma-yogurt
{
	font-size: 4rem;
	line-height: 4rem}


.module.yogurt-hero-2 .hero-fine-print
{
	bottom: 90px;
	color: #60ae41;
	text-align: center}


.module.yogurt-halfs
{
	padding-top: 50px!important}


}


h1 sup
{
	font-size: 25px}


h3 sup
{
	font-size: 15px}


p sup
{
	font-size: 12px}


.module.packedgrid
{
	overflow: visible}


.module.packedgrid .row
{
	overflow: hidden}


.module.packedgrid .instagram-item
{
	height: 50%}


.module.packedgrid .instagram-item.full-height
{
	height: 100%}


.module.packedgrid .instagram-item p
{
	margin-left: 10px}


.module.packedgrid .row.no-gutter [class*=col-]:not(:first-child):not(.tweet-item):not(.instagram-item), .module.packedgrid .row.no-gutter [class*=col-]:not(:last-child):not(.tweet-item):not(.instagram-item)
{
	height: 100%}


.module.packedgrid .h190, .module.packedgrid .h380, .module.packedgrid .h390
{
	position: relative;
	overflow: hidden}


.module.packedgrid .h190
{
	height: 190px}


.module.packedgrid .h390
{
	height: 390px}


.module.packedgrid .link-wrapper
{
	width: 100%;
	height: 100%;
	display: block;
	position: relative}


.module.packedgrid a.video-start
{
	display: block;
	position: relative;
	width: 100%;
	height: 100%}


.module.packedgrid span.bttrlazyloading-wrapper
{
	float: left;
	width: 101%;
	display: block}


.module.packedgrid img
{
	display: block;
	float: left}


.module.packedgrid .tweet-item
{
	background: #fff}


.module.packedgrid figure.bg
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}


.module.packedgrid figure.bg img
{
	width: 100%}


.module.packedgrid figcaption
{
	position: relative;
	z-index: 100;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 150;
	text-shadow: 0 0 20px rgba(0, 0, 0, .5);
	text-shadow: 2px 2px 10px rgba(96, 79, 83, .9)}


@media (max-width:767px)
{
	.module.packedgrid .h380, .module.packedgrid .h390
{
	height: auto}


.module.packedgrid .instagram-item .hover-box .hover p
{
	display: none}


.module.packedgrid .vertical-align
{
	top: 0;
	-webkit-transform: translateY(0);
	-khtml-transform: translateY(0);
	-moz-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)}


}


@media (min-width:768px) and (max-width:991px)
{
	.module.packedgrid .h380
{
	height: 267px}


.module.packedgrid .h390
{
	height: 278px}


.module.packedgrid .h390 span.bttrlazyloading-wrapper
{
	width: 108%}


.module.packedgrid .h190
{
	height: 210px}


.module.packedgrid .h190 span.bttrlazyloading-wrapper
{
	width: 143%}


.module.packedgrid .instagram-item .hover-box .hover p
{
	display: none}


}


@media (min-width:992px) and (max-width:1199px)
{
	.module.packedgrid .h380
{
	height: 348px}


.module.packedgrid span.bttrlazyloading-wrapper
{
	width: 108%}


}


@media (min-width:1200px)
{
	.module.packedgrid .h380
{
	height: 380px}


}


.twitter-tweet
{
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
	max-width: 100%!important;
	height: 100%!important;
	position: relative!important;
	overflow: hidden!important;
	min-height: 190px!important;
	display: block!important;
	-webkit-border-radius: 0!important;
	-khtml-border-radius: 0!important;
	-moz-border-radius: 0!important;
	-o-border-radius: 0!important;
	border-radius: 0!important;
	border: none!important}


.standalone-tweet .expanded .footer
{
	display: none!important}


.module.picks
{
	background: #fefefe;
	overflow: visible;
	min-height: 150px}


.module.slider
{
	min-height: 400px;
	overflow: visible;
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0, #fdfdfd 82%, #fdfdfd 98%, #ebebeb 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0, #fefefe), color-stop(82%, #fdfdfd), color-stop(98%, #fdfdfd), color-stop(100%, #ebebeb));
	background: -webkit-linear-gradient(top, #fefefe 0, #fdfdfd 82%, #fdfdfd 98%, #ebebeb 100%);
	background: -o-linear-gradient(top, #fefefe 0, #fdfdfd 82%, #fdfdfd 98%, #ebebeb 100%);
	background: -ms-linear-gradient(top, #fefefe 0, #fdfdfd 82%, #fdfdfd 98%, #ebebeb 100%);
	background: linear-gradient(to bottom, #fefefe 0, #fdfdfd 82%, #fdfdfd 98%, #ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe',  endColorstr='#ebebeb',  GradientType=0)}


.module.slider .slider-wrapper
{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden}


.module.slider .slider-wrapper .carousel
{
	width: 40%;
	position: relative;
	margin: 40px auto;
	min-height: 355px}


.module.slider .slider-wrapper .viewport
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0}


.module.slider .slider-wrapper ul
{
	width: 300%;
	height: 100%;
	position: absolute;
	overflow: visible;
	top: 0;
	left: 0;
	transition: left 1s;
	left: -100%}


.module.slider .slider-wrapper li
{
	width: 33.3%;
	height: 100%;
	float: left;
	cursor: pointer;
	position: relative;
	transition: opacity .3s;
	display: table}


.module.slider .slider-wrapper li.active, .module.slider .slider-wrapper li:hover
{
	opacity: 1}


.module.slider .slider-wrapper li span
{
	display: table-cell;
	position: relative;
	height: 100%;
	vertical-align: middle}


.module.slider .small-slider .product
{
	width: 68%;
	display: block;
	margin: 0 auto;
	transition: width 1s, left .2s, right .2s;
	position: relative;
	overflow: visible;
	height: 100%}


.module.slider .small-slider .product figure
{
	-webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	transition: all .3s cubic-bezier(.19, 1, .22, 1);
	height: 100%}


.module.slider .small-slider .product .wrapper
{
	position: relative;
	z-index: 100;
	width: 110%;
	margin-left: 50px;
	margin-right: 50px}


@media (max-width:500px)
{
	.module.slider .small-slider .product .wrapper
{
	width: 150%;
	margin-left: 0;
	margin-right: 0;
	margin-top: -20px}


}


.module.slider .small-slider .product h4
{
	line-height: 100%}


.module.slider .small-slider .product img
{
	margin: 0 auto}


.module.slider .small-slider .product .product-details
{
	display: none}


.module.slider .small-slider .active-state, .module.slider .small-slider .not-active-state
{
	-webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	transition: all .3s cubic-bezier(.19, 1, .22, 1)}


.module.slider .small-slider .active-state>a, .module.slider .small-slider .not-active-state>a
{
	width: 100%;
	display: block}


.module.slider .small-slider .not-active-state
{
	-webkit-transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	-o-transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	opacity: 1;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 10}


.module.slider .small-slider .not-active-state figure img
{
	-webkit-transition-delay: .3s;
	-khtml-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	width: 40%;
	width: 120px}


.module.slider .small-slider .not-active-state figure
{
	background: url(../img/small-shadow.png) bottom center no-repeat}


.module.slider .small-slider .active-state
{
	-webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	transition: all .3s cubic-bezier(.19, 1, .22, 1);
	overflow: visible;
	opacity: 0;
	-webkit-transition-delay: .3s;
	-khtml-transition-delay: .3s;
	-moz-transition-delay: .3s;
	-o-transition-delay: .3s;
	transition-delay: .3s;
	-webkit-transition: height 0s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: height 0s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: height 0s cubic-bezier(.19, 1, .22, 1);
	-o-transition: height 0s cubic-bezier(.19, 1, .22, 1);
	transition: height 0s cubic-bezier(.19, 1, .22, 1)}


.module.slider .small-slider .active-state>figure
{
	-webkit-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .3s cubic-bezier(.19, 1, .22, 1);
	transition: all .3s cubic-bezier(.19, 1, .22, 1);
	position: absolute;
	top: 0;
	width: 100%;
	left: -20%}


@media (max-width:400px)
{
	.module.slider .small-slider .active-state p.button
{
	width: auto}


}


.module.slider .small-slider .active
{
	-webkit-transform: scale(1, 1);
	-khtml-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)}


.module.slider .small-slider .active .product
{
	margin: 0 auto;
	width: 100%;
	top: 0;
	left: 0!important;
	right: 0!important}


.module.slider .small-slider .active .product .not-active-state
{
	-webkit-transition: height 2s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: height 2s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: height 2s cubic-bezier(.19, 1, .22, 1);
	-o-transition: height 2s cubic-bezier(.19, 1, .22, 1);
	transition: height 2s cubic-bezier(.19, 1, .22, 1);
	top: -50px}


.module.slider .small-slider .active .product .not-active-state figure img
{
	width: 66%}


.module.slider .small-slider .active .product .not-active-state .product-details
{
	display: none}


.module.slider .small-slider .active .product .not-active-state figure
{
	background: 0 0}


.module.slider .small-slider .active .product .active-state
{
	opacity: 1;
	height: 100%}


.bx-wrapper
{
	position: relative;
	margin: 0 auto;
	padding: 0}


.bx-wrapper li .mobile-image
{
	display: none}


.bx-wrapper video
{
	width: 100%;
	height: 100%;
	position: relative;
	display: block}


.init li
{
	width: 100%;
	height: 100%;
	display: none}


.init li:first-child
{
	display: block}


.init video
{
	width: auto;
	height: 100%;
	display: block}


.bx-pager
{
	right: 40px;
	display: block;
	float: right;
	width: 25px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 100}


.bx-pager a
{
	position: relative;
	text-align: center;
	width: 100%;
	display: block;
	float: left;
	margin: 10px 0}


.bx-pager a i
{
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both}


.bx-pager a i.active
{
	display: none;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp}


.bx-pager a i.notactive
{
	display: block}


.bx-pager a.active i.active
{
	display: block}


.bx-pager a.active i.notactive
{
	display: none}


.bx-wrapper img
{
	max-width: 100%;
	display: block;
	margin: 0 auto;
	width: 100%}


.bx-wrapper img.normal-width
{
	max-width: none;
	width: auto}


.slide-text
{
	width: 100%;
	max-width:950px;
	background-color:red;
	margin:auto;
	text-align: center;
 
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)}


.slide-text .container
{
	opacity: 0}


.slide-text .container.activated
{
	opacity: 1}


.slide-text a.jig-button
{
	display: inline-block;
	width: 275px;
	height: 46px;
	background: url(../img/jig-button-wide.png) top left no-repeat;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	 ;
	font-size: 30.4px;
	font-size: 1.9rem;
	padding-top: 10px;
	margin: 20px 10px}


.slide-text a.jig-button:hover
{
	background-position: 0 -46px;
	position: relative;
	top: 4px}


.JIG .slide-text h2, .JIG .slide-text h3, .JIG .slide-text p
{
	text-shadow: 2px 2px 2px rgba(96, 79, 83, .9)}


.JIG .disclaimer
{
	bottom: 0;
	position: absolute;
	text-align: center}


.JIG .disclaimer p
{
	font-size: 20.8px;
	font-size: 1.3rem;
	line-height: 20.8px;
	line-height: 1.3rem;
	font-family: din-medium, Georgia, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px rgba(96, 79, 83, .9)}


@media (max-width:767px)
{
	.slide-text p
{
	font-size: 64px;
	font-size: 4rem;
	line-height: 64px;
	line-height: 4rem}


.slide-text .icon-with
{
	margin: 15px auto}


.slide-text .icon-of
{
	margin: 13px auto}


.slide-text .icon-for
{
	margin: 15px auto}


.slide-text .icon-our
{
	margin: 15px auto}


.JIG .slide-text h3
{
	font-size: 48px;
	font-size: 3rem;
	line-height: 48px;
	line-height: 3rem}


.JIG .slide-text h2
{
	font-size: 73.6px;
	font-size: 4.6rem;
	line-height: 73.6px;
	line-height: 4.6rem;
	margin-bottom: 0}


.JIG .slide-text p
{
	font-size: 25.6px;
	font-size: 1.6rem;
	line-height: 25.6px;
	line-height: 1.6rem}


.JIG .slide-text .jig-button
{
	margin: 5px 10px}


.JIG .disclaimer p
{
	font-size: 9.6px;
	font-size: .6rem;
	line-height: 11.2px;
	line-height: .7rem;
	font-family: din-medium, Georgia, Helvetica, sans-serif}


}


@media (max-width:700px)
{
	.slide-text
{
	margin-top: 30px}


}


.newjuices-slide .slide-links
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}


.newjuices-slide .slide-links .newjuices-cta
{
	position: absolute;
	top: 51%;
	left: 10%;
	width: 25%;
	height: 30%}


.newjuices-slide .slide-links .newjuices-protein-berry
{
	position: absolute;
	top: 15%;
	left: 41%;
	width: 13%;
	height: 70%}


.newjuices-slide .slide-links .newjuices-protein-greens
{
	position: absolute;
	top: 15%;
	left: 54%;
	width: 13%;
	height: 70%}


.newjuices-slide .slide-links .newjuices-organic-lemonade
{
	position: absolute;
	top: 15%;
	left: 69%;
	width: 13%;
	height: 70%}


.newjuices-slide .slide-links .newjuices-organic-kale
{
	position: absolute;
	top: 15%;
	left: 84%;
	width: 13%;
	height: 70%}


.bx-wrapper .bx-viewport
{
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)}


.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager
{
	position: absolute;
	bottom: -30px;
	width: 100%}


.bx-wrapper .bx-loading
{
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000}


.bx-wrapper .bx-pager.bx-default-pager a
{
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px}


.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover
{
	font-family: efreshicons;
	content: '\e822';
	color: #fff;
	display: inline-block;
	text-indent: inherit}


.module.slider .small-slider
{
	position: relative;
	width: 100%;
	height: 100%;
	display: block}


.module.slider .small-slider ul.product-slider
{
	position: relative;
	width: 100%;
	margin: 40px 0}


.module.slider .small-slider ul.product-slider li
{
	position: relative;
	width: 100%;
	float: left;
	min-height: 350px}


.module.slider .small-slider ul.product-slider li .product
{
	opacity: 1}


.module.slider .small-slider ul.product-slider li .active-state
{
	opacity: 1}


.module.slider .small-slider .bx-controls
{
	display: block;
	top: 270px}


.module.slider .small-slider .bx-pager
{
	right: 0;
	position: absolute;
	display: block;
	float: right;
	width: 100%;
	z-index: 100;
	text-align: center}


.module.slider .small-slider .bx-pager .bx-pager-item
{
	display: inline-block}


.module.slider .small-slider .bx-pager a
{
	position: relative;
	text-align: center;
	width: 10px;
	display: block;
	float: left;
	margin: 10px 5px;
	text-indent: -9999px}


.module.slider .small-slider .bx-pager a i.active
{
	display: none}


.module.slider .small-slider .bx-pager a i.notactive
{
	display: block}


.module.slider .small-slider .bx-pager a:hover
{
	text-indent: -9999px}


.module.slider .small-slider .bx-pager a.active
{
	background: #60ae41;
	text-indent: -9999px}


.module.slider .small-slider .bx-pager a.active i.active
{
	display: block}


.module.slider .small-slider .bx-pager a.active i.notactive
{
	display: none}


.module.slider .small-slider .not-active-state figure
{
	background: 0 0}


.roundaboutcarousel.roundabout-holder, .roundaboutsweeps.roundabout-holder
{
	padding: 0;
	margin: 0 auto;
	height: 500px;
	width: 1050px}


.roundaboutcarousel .roundabout-moveable-item, .roundaboutsweeps .roundabout-moveable-item
{
	height: 400px;
	width: 500px;
	cursor: pointer;
	display: block}


.roundaboutcarousel .roundabout-in-focus, .roundaboutsweeps .roundabout-in-focus
{
	cursor: auto}


.roundaboutcarousel .product, .roundaboutsweeps .product
{
	width: 90%;
	display: block;
	margin: 0 auto;
	-webkit-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	transition: width 1s cubic-bezier(.19, 1, .22, 1);
	position: relative;
	overflow: visible;
	height: 132%}


.roundaboutcarousel .product figure, .roundaboutsweeps .product figure
{
	height: 100%}


.roundaboutcarousel .product .wrapper, .roundaboutsweeps .product .wrapper
{
	-webkit-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
	transition: opacity .6s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-delay: 550ms;
	-khtml-transition-delay: 550ms;
	-moz-transition-delay: 550ms;
	-o-transition-delay: 550ms;
	transition-delay: 550ms;
	visibility: hidden;
	opacity: 0;
	position: relative;
	z-index: 100;
	width: 110%;
	margin-left: 50px;
	margin-right: 50px}


.roundaboutcarousel .product h4, .roundaboutsweeps .product h4
{
	line-height: 100%}


.roundaboutcarousel .product img, .roundaboutsweeps .product img
{
	margin: 0 auto}


.roundaboutcarousel .product .product-details, .roundaboutsweeps .product .product-details
{
	margin: 0;
	position: absolute;
	bottom: 8px;
	height: 62px;
	width: 100%;
	text-align: center}


.roundaboutcarousel .active-state, .roundaboutcarousel .not-active-state, .roundaboutsweeps .active-state, .roundaboutsweeps .not-active-state
{
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	transition: all 1s cubic-bezier(.19, 1, .22, 1)}


.roundaboutcarousel .active-state>a, .roundaboutcarousel .not-active-state>a, .roundaboutsweeps .active-state>a, .roundaboutsweeps .not-active-state>a
{
	width: 100%;
	display: block;
	height: 100%}


.roundaboutcarousel .active-state>a :hover h3, .roundaboutcarousel .not-active-state>a :hover h3, .roundaboutsweeps .active-state>a :hover h3, .roundaboutsweeps .not-active-state>a :hover h3
{
	color: #60ae41}


.roundaboutcarousel .not-active-state, .roundaboutsweeps .not-active-state
{
	-webkit-transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	-o-transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	transition: height 1.55s cubic-bezier(.19, 1, .22, 1);
	opacity: 1;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 10;
	height: 100%}


.roundaboutcarousel .not-active-state figure img, .roundaboutsweeps .not-active-state figure img
{
	-webkit-transition-delay: 1s;
	-khtml-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	transition: width 1s cubic-bezier(.19, 1, .22, 1);
	width: 42%}


.roundaboutcarousel .not-active-state figure, .roundaboutsweeps .not-active-state figure
{
	-webkit-transition: all 0s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 0s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all 0s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 0s cubic-bezier(.19, 1, .22, 1);
	transition: all 0s cubic-bezier(.19, 1, .22, 1)}


.roundaboutcarousel .not-active-state:hover figure img, .roundaboutsweeps .not-active-state:hover figure img
{
	width: 55%;
	top: -5%}


.roundaboutcarousel .not-active-state:hover .zeta, .roundaboutsweeps .not-active-state:hover .zeta
{
	opacity: 0}


.roundaboutcarousel .active-state, .roundaboutsweeps .active-state
{
	-webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1s cubic-bezier(.19, 1, .22, 1);
	transition: all 1s cubic-bezier(.19, 1, .22, 1);
	overflow: visible;
	opacity: 0;
	-webkit-transition-delay: 1s;
	-khtml-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
	-webkit-transition: height 0s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: height 0s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: height 0s cubic-bezier(.19, 1, .22, 1);
	-o-transition: height 0s cubic-bezier(.19, 1, .22, 1);
	transition: height 0s cubic-bezier(.19, 1, .22, 1)}


.roundaboutcarousel .active-state>figure, .roundaboutsweeps .active-state>figure
{
	-webkit-transition: left 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: left 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: left 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: left 1s cubic-bezier(.19, 1, .22, 1);
	transition: left 1s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition: top 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: top 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: top 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: top 1s cubic-bezier(.19, 1, .22, 1);
	transition: top 1s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: width 1s cubic-bezier(.19, 1, .22, 1);
	transition: width 1s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition: opacity .2s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: opacity .2s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: opacity .2s cubic-bezier(.19, 1, .22, 1);
	-o-transition: opacity .2s cubic-bezier(.19, 1, .22, 1);
	transition: opacity .2s cubic-bezier(.19, 1, .22, 1);
	-webkit-transition-delay: 550ms;
	-khtml-transition-delay: 550ms;
	-moz-transition-delay: 550ms;
	-o-transition-delay: 550ms;
	transition-delay: 550ms;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	width: 100%;
	left: -5%;
	top: 7%}


.roundaboutcarousel .active-state>figure img, .roundaboutsweeps .active-state>figure img
{
	display: inline-block;
	margin-left: 7px}


.roundaboutcarousel .roundabout-in-focus, .roundaboutsweeps .roundabout-in-focus
{
	-webkit-transform: scale(1, 1);
	-khtml-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)}


.roundaboutcarousel .roundabout-in-focus .product, .roundaboutsweeps .roundabout-in-focus .product
{
	margin: 0 auto;
	width: 100%;
	top: 0;
	left: 0!important;
	right: 0!important}


.roundaboutcarousel .roundabout-in-focus .product .not-active-state, .roundaboutsweeps .roundabout-in-focus .product .not-active-state
{
	-webkit-transition: height 2s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: height 2s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: height 2s cubic-bezier(.19, 1, .22, 1);
	-o-transition: height 2s cubic-bezier(.19, 1, .22, 1);
	transition: height 2s cubic-bezier(.19, 1, .22, 1)}


.roundaboutcarousel .roundabout-in-focus .product .not-active-state figure img, .roundaboutsweeps .roundabout-in-focus .product .not-active-state figure img
{
	width: 66%}


.roundaboutcarousel .roundabout-in-focus .product .not-active-state .product-details, .roundaboutsweeps .roundabout-in-focus .product .not-active-state .product-details
{
	display: none}


.roundaboutcarousel .roundabout-in-focus .product .not-active-state figure, .roundaboutsweeps .roundabout-in-focus .product .not-active-state figure
{
	background: 0 0}


.roundaboutcarousel .roundabout-in-focus .product .active-state, .roundaboutsweeps .roundabout-in-focus .product .active-state
{
	opacity: 1;
	height: 100%}


.roundaboutcarousel .roundabout-in-focus .product .active-state figure, .roundaboutsweeps .roundabout-in-focus .product .active-state figure
{
	visibility: visible;
	opacity: 1}


.roundaboutcarousel .roundabout-in-focus .product .active-state .wrapper, .roundaboutsweeps .roundabout-in-focus .product .active-state .wrapper
{
	visibility: visible;
	opacity: 1}


.roundaboutcarousel .zeta, .roundaboutsweeps .zeta
{
	-webkit-transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
	-o-transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
	transition: opacity 1s cubic-bezier(.19, 1, .22, 1);
	opacity: 0}


.roundaboutcarousel .zeta.active, .roundaboutsweeps .zeta.active
{
	opacity: 1}


html.ie10 .roundaboutcarousel .active-state, html.ie9 .roundaboutcarousel .active-state
{
	display: none}


html.ie10 .roundabout-in-focus .active-state, html.ie9 .roundabout-in-focus .active-state
{
	display: block}


@-webkit-keyframes activateBxPager
{
	0%
{
	font-size: 38.4px;
	font-size: 2.4rem}


}


@keyframes activateBxPager
{
	0%
{
	font-size: 38.4px;
	font-size: 2.4rem}


}


html.mobile .bx-wrapper li .mobile-image
{
	display: block}


html.mobile .bx-wrapper video
{
	display: none}


.hover-box:hover .hover
{
	opacity: 1;
	background: rgba(96, 174, 65, .85)}


.hover-box:hover .hover p
{
	opacity: 1}


.hover-box .hover
{
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(93, 84, 75, .25);
	opacity: 1;
	z-index: 100;
	-webkit-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-khtml-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.2s cubic-bezier(.19, 1, .22, 1)}


.hover-box .hover p
{
	opacity: 0}


.video-wrapper
{
	position: relative;
	width: 100%;
	height: 100%}


.video-wrapper:hover .hover
{
	opacity: 1;
	background: rgba(96, 174, 65, .85)}


.video-wrapper .hover
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 150;
	color: #fff;
	background: rgba(96, 174, 65, 0);
	-webkit-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-khtml-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.2s cubic-bezier(.19, 1, .22, 1)}


.threedays-promo .regular
{
	font-size: 1.9rem}


.threedays-promo .threedays-prizes ul li, .threedays-promo .threedays-steps ul li
{
	position: relative;
	padding-left: 10px}


.threedays-promo .threedays-prizes ul li:before, .threedays-promo .threedays-steps ul li:before
{
	content: '\00B7';
	position: absolute;
	display: block;
	top: -7px;
	left: 0}


.threedays-promo .social-icons
{
	margin-top: 20px}


.threedays-promo .social-icons a
{
	display: inline-block;
	height: 48px;
	margin-left: 10px;
	background-image: url(../img/threedays/social_icons.png);
	background-repeat: no-repeat}


.threedays-promo .social-icons a:first-child
{
	margin-left: 0}


.threedays-promo .social-icons a:hover
{
	border: none}


.threedays-promo .social-icons a.fb
{
	width: 49px;
	background-position: 0 0}


.threedays-promo .social-icons a.twitter
{
	width: 50px;
	background-position: -65px 0}


.threedays-promo .social-icons a.instagram
{
	width: 50px;
	background-position: -133px 0}


.threedays-promo .module.threedays-hero
{
	margin-bottom: -85px;
	color: #3e8921}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo .module.threedays-hero
{
	height: 550px}


.threedays-promo .module.threedays-hero .epsilon-medium
{
	font-size: 2rem}


}


.threedays-promo .module.threedays-hero .container
{
	top: 50%}


.threedays-promo .module.threedays-hero .container p
{
	width: 75%;
	margin: 0 auto 10px}


.threedays-promo .module.threedays-hero .container p.zeta-large
{
	line-height: 4rem}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px), only screen and (min-width:768px) and (max-width:1099px)
{
	.threedays-promo .module.threedays-hero .container p
{
	width: 100%}


}


.threedays-promo .module.threedays-hero .container .title-image
{
	width: 100%;
	margin: 0 auto 35px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo .module.threedays-hero .container .title-image
{
	padding-top: 0;
	margin-bottom: 10px}


}


.threedays-promo .module.threedays-hero .container .social
{
	margin-top: 45px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px), only screen and (min-width:768px) and (max-width:1099px)
{
	.threedays-promo .module.threedays-hero .container .social
{
	margin-top: 0}


}


.threedays-promo .module.threedays-hero .footnote
{
	position: absolute;
	bottom: 50px;
	color: #60ae41}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px), only screen and (min-width:768px) and (max-width:1099px)
{
	.threedays-promo .module.threedays-hero .footnote
{
	bottom: 80px}


}


.threedays-promo .module.threedays-steps
{
	min-height: 391px;
	padding-bottom: 0;
	background: url(../img/threedays/steps_bg.png) no-repeat top center}


.threedays-promo .module.threedays-steps .step-container
{
	max-width: 1200px;
	padding-top: 5px;
	overflow: hidden}


@media only screen and (min-width:992px)
{
	.threedays-promo .module.threedays-steps .step-container.container
{
	width: 100%}


}


.threedays-promo .module.threedays-steps .step-container .step
{
	float: left;
	width: 33.3333333%;
	padding-left: 20px;
	padding-right: 20px;
	color: #60ae41}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo .module.threedays-steps .step-container .step
{
	width: 100%;
	padding-bottom: 25px}


}


.threedays-promo .module.threedays-steps .step-container .step:first-child
{
	padding-left: 0}


.threedays-promo .module.threedays-steps .step-container .step:last-child
{
	padding-right: 0}


.threedays-promo .module.threedays-steps .step-container .step h2
{
	padding-bottom: 20px}


.threedays-promo .module.threedays-steps .step-container .step h2:before
{
	content: '';
	float: left;
	display: inline-block;
	width: 65px;
	height: 65px;
	padding-right: 5px;
	background-image: url(../img/threedays/steps_numbers.png);
	background-repeat: no-repeat}


.threedays-promo .module.threedays-steps .step-container .step h2 span
{
	display: block;
	padding-top: 15px}


.threedays-promo .module.threedays-steps .step-container .step p
{
	padding-left: 16%}


.threedays-promo .module.threedays-steps .step-container .step ul
{
	padding-left: 16%;
	margin-bottom: 20px}


.threedays-promo .module.threedays-steps .step-container .step ul li
{
	margin-bottom: 10px}


.threedays-promo .module.threedays-steps .step-container .step .path_top
{
	margin: 20px 75px 0 0;
	text-align: center}


.threedays-promo .module.threedays-steps .step-container .step.step1 h2:before
{
	background-position: 0 -5px}


.threedays-promo .module.threedays-steps .step-container .step.step1 .checkmark
{
	padding-left: 12px}


.threedays-promo .module.threedays-steps .step-container .step.step1 .checkmark:before
{
	content: '';
	display: inline-block;
	width: 45px;
	height: 45px;
	vertical-align: middle;
	background-image: url(../img/threedays/steps_numbers.png);
	background-repeat: no-repeat;
	background-position: 0 -87px}


.threedays-promo .module.threedays-steps .step-container .step.step2 h2:before
{
	background-position: -65px -5px}


.threedays-promo .module.threedays-steps .step-container .step.step2 ul
{
	margin-bottom: 50px}


.threedays-promo .module.threedays-steps .step-container .step.step2 .enter-button
{
	display: block;
	width: 90%;
	height: 79px;
	margin: 0 auto;
	background: url(../img/threedays/steps_enter_button.png) no-repeat top center;
	background-size: contain}


.threedays-promo .module.threedays-steps .step-container .step.step3
{
	overflow: hidden}


.threedays-promo .module.threedays-steps .step-container .step.step3 h2:before
{
	background-position: -130px -5px}


.threedays-promo .module.threedays-steps .step-container .step.step3 ul
{
	margin-bottom: 40px}


.threedays-promo .module.threedays-steps .step-container .step.step3 .bottles
{
	margin-top: -27px}


.threedays-promo .module.threedays-steps .step-container .step.step3 .path_top
{
	display: none}


.threedays-promo .module.threedays-prizes
{
	padding: 0;
	overflow: visible;
	background: url(../img/threedays/prizes_bg.png) repeat-x bottom}


.threedays-promo .module.threedays-prizes .prizes-container
{
	max-width: 1200px;
	position: relative;
	text-align: center}


@media only screen and (min-width:992px)
{
	.threedays-promo .module.threedays-prizes .prizes-container.container
{
	width: 100%}


}


.threedays-promo .module.threedays-prizes .prizes-container .prizes-list
{
	padding: 30px 0}


.threedays-promo .module.threedays-prizes .prizes-container .prizes-list ul
{
	margin-top: 25px;
	padding-left: 3px}


.threedays-promo .module.threedays-prizes .prizes-container .prizes-list ul li
{
	margin: 10px 0}


.threedays-promo .module.threedays-prizes .prizes-container .prize-set
{
	position: absolute}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px), only screen and (min-width:768px) and (max-width:1099px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prize-set
{
	display: block;
	clear: both;
	position: relative}


}


.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-1
{
	top: -50px;
	left: -55px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px), only screen and (min-width:768px) and (max-width:1099px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-1
{
	top: 0;
	left: 0}


}


.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-2
{
	top: 0;
	right: 60px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px), only screen and (min-width:768px) and (max-width:1099px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-2
{
	top: 0;
	right: 0}


}


@media only screen and (max-width:480px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-2 img
{
	width: 100%}


}


.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-3
{
	bottom: 175px;
	left: 40px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px), only screen and (min-width:768px) and (max-width:1099px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-3
{
	bottom: 0;
	left: 0}


}


@media only screen and (max-width:480px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-3 img
{
	width: 100%}


}


.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-4
{
	bottom: 0;
	right: 40px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px), only screen and (min-width:768px) and (max-width:1099px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-4
{
	bottom: 0;
	right: 0}


}


@media only screen and (max-width:480px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prizes-set-4 img
{
	width: 100%}


}


.threedays-promo .module.threedays-prizes .prizes-container .prizes-path-bottom
{
	margin-right: 75px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px), only screen and (min-width:768px) and (max-width:1099px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prizes-path-bottom
{
	display: block;
	margin-right: 0;
	clear: both;
	position: relative}


}


@media only screen and (max-width:480px)
{
	.threedays-promo .module.threedays-prizes .prizes-container .prizes-path-bottom img
{
	width: 100%}


}


.threedays-promo .module.slider-titles
{
	padding-top: 1rem;
	padding-bottom: 2rem}


.threedays-promo .module.slider-titles h3
{
	color: #3e8921}


.threedays-promo .module.slider-titles h2
{
	margin-top: 15px;
	text-indent: -25px}


@media only screen and (max-width:480px)
{
	.threedays-promo .module.slider-titles h2
{
	margin-top: 0}


}


.threedays-promo .module.slider-titles h2 img
{
	vertical-align: middle}


.threedays-promo .module.slider-titles h2 span
{
	padding-left: 15px}


@media only screen and (max-width:480px)
{
	.threedays-promo .module.slider-titles h2 span
{
	font-size: 7rem}


}


.threedays-promo #threeDaysModal .modal-content
{
	border: none;
	border-radius: 0}


.threedays-promo #threeDaysModal .modal-content .close
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 44px;
	height: 44px;
	border: none;
	background: url(../img/threedays/modal_close.png) no-repeat;
	outline: 0;
	cursor: pointer;
	z-index: 1051}


.threedays-promo #threeDaysModal .modal-content .modal-body
{
	padding: 20px}


.threedays-promo #threeDaysModal .modal-content .modal-body .error
{
	color: #c52d20}


.threedays-promo #threeDaysModal .modal-content .modal-body .error_message
{
	display: none;
	padding: 10px 0 0}


.threedays-promo #threeDaysModal .modal-content .modal-body .success_message
{
	display: none;
	color: #60ae41}


.threedays-promo #threeDaysModal .modal-content .modal-body h2
{
	font-size: 7rem;
	color: #3e8921}


.threedays-promo #threeDaysModal .modal-content .modal-body input, .threedays-promo #threeDaysModal .modal-content .modal-body select
{
	padding-top: .25em;
	padding-bottom: .25em;
	color: #838383;
	 !important;
	outline: 0}


.threedays-promo #threeDaysModal .modal-content .modal-body input::-webkit-input-placeholder, .threedays-promo #threeDaysModal .modal-content .modal-body select::-webkit-input-placeholder
{
	color: #838383}


.threedays-promo #threeDaysModal .modal-content .modal-body input:-moz-placeholder, .threedays-promo #threeDaysModal .modal-content .modal-body select:-moz-placeholder
{
	color: #838383;
	opacity: 1}


.threedays-promo #threeDaysModal .modal-content .modal-body input::-moz-placeholder, .threedays-promo #threeDaysModal .modal-content .modal-body select::-moz-placeholder
{
	color: #838383;
	opacity: 1}


.threedays-promo #threeDaysModal .modal-content .modal-body input:-ms-input-placeholder, .threedays-promo #threeDaysModal .modal-content .modal-body select:-ms-input-placeholder
{
	color: #838383}


.threedays-promo #threeDaysModal .modal-content .modal-body input.error, .threedays-promo #threeDaysModal .modal-content .modal-body select.error
{
	border-color: #c52d20}


.threedays-promo #threeDaysModal .modal-content .modal-body select
{
	height: 62px;
	padding-right: 0;
	outline: 0}


.threedays-promo #threeDaysModal .modal-content .modal-body input[type=checkbox]
{
	display: none}


.threedays-promo #threeDaysModal .modal-content .modal-body input[type=checkbox]+label a
{
	color: #60ae41;
	text-decoration: underline}


.threedays-promo #threeDaysModal .modal-content .modal-body input[type=checkbox]+label span
{
	display: inline-block;
	width: 39px;
	height: 40px;
	margin: -12px 4px 0 0;
	vertical-align: middle;
	background: url(../img/threedays/modal_checkbox.png);
	background-repeat: no-repeat;
	background-position: left top;
	cursor: pointer}


.threedays-promo #threeDaysModal .modal-content .modal-body input[type=checkbox]:checked+label span
{
	background-position: -39px top}


.threedays-promo #threeDaysModal .modal-content .modal-body .enter-now-button
{
	display: block;
	width: 272px;
	height: 81px;
	background: url(../img/threedays/modal_enter_button.png) no-repeat top center;
	outline: 0}


@media only screen and (max-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body .enter-now-button
{
	width: 100%;
	background-size: contain}


}


.threedays-promo #threeDaysModal .modal-content .modal-body .enter-upc-button
{
	display: block;
	width: 272px;
	height: 81px;
	background: url(../img/threedays/btn_upc.png) no-repeat top center;
	outline: 0;
	margin: 25px auto}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body .enter-upc-button
{
	margin: 10px auto 10px;
	width: 65%;
	background-size: contain}


}


.threedays-promo #threeDaysModal .modal-content .modal-body .submit-button
{
	display: block;
	width: 268px;
	height: 79px;
	background: url(../img/threedays/modal_submit_button.png) no-repeat top center;
	outline: 0}


@media only screen and (max-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body .submit-button
{
	margin: 10px auto 10px;
	width: 65%;
	background-size: contain}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter
{
	overflow: hidden}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter .img-responsive
{
	display: inline-block}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter img
{
	width: 65%;
	height: auto;
	margin: 0 auto;
	padding-top: 10px}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter h2
{
	margin-top: 65px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter h2
{
	margin-top: 15px;
	font-size: 4rem}


}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter .padding30
{
	padding: 5px}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter p
{
	width: 310px;
	margin: 20px auto 0}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter p
{
	margin: 10px auto 0;
	font-size: 1.6rem}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter label
{
	display: block;
	margin-top: 50px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter label
{
	margin: 10px auto 0;
	font-size: 1.6rem}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter input
{
	width: 100%;
	margin-top: 20px}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter .enter-now-button
{
	margin: 25px auto}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-enter .enter-now-button
{
	margin: 10px auto 10px;
	width: 65%;
	background-size: contain}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register
{
	display: none;
	padding-bottom: 45px;
	overflow: hidden}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register img
{
	margin-left: 70px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-register img
{
	width: 40%;
	height: auto;
	margin: 0 auto;
	padding-top: 10px}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register h2
{
	margin-top: 40px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-register h2
{
	margin-top: 15px;
	font-size: 4rem}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register .form-container
{
	text-align: left;
	padding-top: 40px}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register .form-container .input-container
{
	padding-bottom: 45px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-register .form-container .input-container
{
	padding-bottom: 10px}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register .form-container .input-container label
{
	display: block}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register .form-container .input-container input, .threedays-promo #threeDaysModal .modal-content .modal-body.content-register .form-container .input-container select
{
	width: 100%;
	margin-top: 5px;
	padding-left: 1rem;
	text-align: left}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register .form-container .input-container.agreement
{
	margin-top: 65px}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register .req-text
{
	margin-top: 25px;
	color: #838383}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-register .submit-button
{
	display: inline-block;
	margin: 25px auto 5px}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks
{
	display: none;
	overflow: hidden}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks img
{
	margin: 0 auto;
	height: 275px;
	width: auto}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks img
{
	width: 40%;
	height: auto;
	margin: 0 auto;
	padding-top: 10px}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks h2
{
	margin-top: 25px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks h2
{
	margin-top: 15px;
	font-size: 4rem}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks p
{
	margin-top: 20px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks p
{
	margin: 10px auto 0;
	font-size: 1.6rem}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks label
{
	display: block;
	margin-top: 25px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks label
{
	margin: 10px auto 0;
	font-size: 1.6rem}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks input
{
	width: 100%;
	margin-top: 20px}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks .success_message
{
	width: 80%;
	margin: 20px auto 0}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks .social
{
	padding-top: 20px;
	margin-top: 30px;
	background: url(../img/dotts-green-large.png) center top 0 no-repeat}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks .social
{
	margin-top: 0;
	padding-top: 10px}


}


.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks .enter-now-button
{
	margin: 25px auto}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo #threeDaysModal .modal-content .modal-body.content-thanks .enter-now-button
{
	margin: 10px auto 10px;
	width: 50%;
	background-size: contain}


}


.threedays-promo #threeDaysModal .modal-content #threeDaysModalLoading
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%}


.threedays-promo #threeDaysModal .modal-content #threeDaysModalLoading .loading-bg
{
	width: 100%;
	height: 100%;
	background: #FFF;
	opacity: .75}


.threedays-promo #threeDaysModal .modal-content #threeDaysModalLoading img
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto}


.threedays-promo .shadow
{
	box-shadow: 0 2px 10px rgba(0, 0, 0, .3)}


.threedays-promo .shadow2
{
	box-shadow: 0 7px 10px rgba(0, 0, 0, .3)}


.threedays-promo .white-bg
{
	background: #FFF}


.threedays-promo .slider-1
{
	position: relative;
	padding-top: 7rem;
	padding-bottom: 4rem;
	z-index: 10;
	margin: 0 auto;
	max-width: 1200px}


.threedays-promo .slider-1 .slide-bg
{
	margin-bottom: 50px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center 20%;
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out}


@media only screen and (min-width:768px) and (max-width:1099px), only screen and (max-width:768px) and (min-width:480px), only screen and (max-width:480px)
{
	.threedays-promo .slider-1 .slide-bg
{
	background-size: 80%}


}


.threedays-promo .slider-1 .slide-bg.active
{
	background-image: url(../img/threedays/sliders/bottle-nav-active.png)}


.threedays-promo .slider-1 .slide-bg.sweet-greens-lemon.active
{
	background-image: url(../img/threedays/sliders/sweet-greens-mandala-active.png)}


.threedays-promo .slider-1 .slide-bg.smooth-greens.active
{
	background-image: url(../img/threedays/sliders/smooth-greens-mandala-active.png)}


.threedays-promo .slider-1 .slide-bg.organic-sweet-greens-ginger.active
{
	background-image: url(../img/threedays/sliders/sweet-ginger-mandala-active.png)}


.threedays-promo .slider-1 .slide-bg .slide
{
	cursor: pointer}


.threedays-promo .slider-1 .slide-bg .slide .bottle
{
	top: 2px;
	margin: auto}


.threedays-promo .slider-1 .slide-bg .slide img
{
	padding-top: 40px}


@media only screen and (max-width:480px), only screen and (max-width:768px) and (min-width:480px)
{
	.threedays-promo .slider-1 .slide-bg .slide img
{
	padding-top: 10px}


}


.threedays-promo .slider-1 .slide-bg .slide h2
{
	margin-top: 20px;
	padding-top: 20px;
	background: url(../img/threedays/sliders/bottle-nav-divider.png) no-repeat top center}


.threedays-promo .slider-1 .slide-bg .slide .level
{
	margin-top: 10px}


@media only screen and (max-width:768px) and (min-width:480px), only screen and (max-width:480px)
{
	.threedays-promo .slider-1 .padding-top30
{
	padding-top: 10px}


}


.threedays-promo .slider-2-outer
{
	overflow: hidden}


.threedays-promo .slider-2-outer .slider-2
{
	position: relative;
	padding: 0;
	overflow: visible;
	z-index: 101}


@media only screen and (max-width:768px) and (min-width:480px), only screen and (max-width:480px)
{
	.threedays-promo .slider-2-outer .slider-2 .h550
{
	height: 450px}


}


@media only screen and (max-width:768px) and (min-width:480px), only screen and (max-width:480px)
{
	.threedays-promo .slider-2-outer .slider-2 img
{
	padding-top: 10px}


}


.threedays-promo .slider-2-outer .slider-2>.container-fluid>.row>div
{
	padding: 0}


.threedays-promo .slider-2-outer .slider-2 .bx-viewport, .threedays-promo .slider-2-outer .slider-2 .bx-wrapper
{
	overflow: visible!important;
	height: 100%!important}


.threedays-promo .slider-2-outer .slider-2 .bx-wrapper
{
	overflow: visible}


@media only screen and (max-width:768px) and (min-width:480px), only screen and (max-width:480px)
{
	.threedays-promo .slider-2-outer .slider-2 .bx-wrapper
{
	margin-bottom: 0}


}


.threedays-promo .slider-2-outer .slider-2 .bx-wrapper .module
{
	padding: 0;
	overflow: visible}


.threedays-promo .slider-2-outer .slider-2 .bx-wrapper .module.hero
{
	overflow: hidden}


.threedays-promo .slider-2-outer .slider-2 .bx-wrapper .module .row
{
	position: relative}


.threedays-promo .slider-2-outer .slider-2 .bx-wrapper img
{
	width: auto}


.threedays-promo .slider-2-outer .slider-2 .module-bg
{
	width: 1500px;
	margin-left: -750px}


.threedays-promo .slider-2-outer .slider-2 .facts div
{
	padding: 10px 10px 0;
	height: 445px}


@media screen and (min-width:768px) and (max-width:991px)
{
	.threedays-promo .slider-2-outer .slider-2 .facts div
{
	height: 445px}


}


.threedays-promo .slider-2-outer .slider-2 .facts div h3
{
	margin: 10px 0 0;
	padding-top: 10px;
	line-height: 5.5rem}


.threedays-promo .slider-2-outer .slider-2 .facts div p
{
	margin-bottom: 15px}


.threedays-promo .slider-2-outer .slider-2 .facts div img
{
	left: 0;
	right: 0;
	margin: auto}


.threedays-promo .slider-2-outer .slider-2 .facts div img:first-child
{
	margin-top: 0}


.threedays-promo .slider-2-outer .slider-2 .facts div .nutrition-button
{
	cursor: pointer;
	bottom: 0;
	position: absolute;
	padding: 5px 20px;
	border-radius: 5px 5px 0 0;
	width: 150px;
	margin: auto;
	left: 0;
	right: 0}


.threedays-promo .slider-2-outer .slider-2 .flavor-fact
{
	height: 445px;
	background: #3e8921 url(../img/threedays/sliders/flavor-fact-bg.jpg) no-repeat}


@media screen and (min-width:768px) and (max-width:991px)
{
	.threedays-promo .slider-2-outer .slider-2 .flavor-fact
{
	height: 445px}


}


.threedays-promo .slider-2-outer .slider-2 .flavor-fact h4
{
	color: #fff;
	line-height: 4rem}


.threedays-promo .slider-2-outer .slider-2 .nutrition-facts
{
	display: none;
	position: absolute;
	top: 445px;
	left: 0}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-prev, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-prev
{
	position: absolute;
	left: 10px;
	z-index: 100;
	top: 50%}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-prev .bx-prev, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-prev .bx-prev
{
	top: 0;
	position: absolute;
	text-shadow: 0 0 10px #000;
	width: 42px;
	height: 43px;
	z-index: 2}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-prev .bx-prev i, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-prev .bx-prev i
{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/threedays/sliders/btn-prev.png) no-repeat}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-prev .prev, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-prev .prev
{
	width: 150px}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-prev div.prev-hover, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-prev div.prev-hover
{
	width: 256px;
	height: 111px;
	position: absolute;
	top: 15px;
	z-index: 1;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .25s;
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1);
	background: url(../img/threedays/sliders/previous-bg.png) center no-repeat;
	left: -10px}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-prev div.prev-hover p, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-prev div.prev-hover p
{
	margin-top: 43px}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-prev:hover div.prev-hover, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-prev:hover div.prev-hover
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-next, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-next
{
	position: absolute;
	right: 10px;
	z-index: 100;
	top: 50%}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-next .bx-next, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-next .bx-next
{
	top: 0;
	position: absolute;
	right: 0;
	text-shadow: 0 0 10px #000;
	width: 42px;
	height: 43px;
	z-index: 2}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-next .bx-next i, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-next .bx-next i
{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/threedays/sliders/btn-next.png) no-repeat}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-next div.next-hover, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-next div.next-hover
{
	width: 256px;
	height: 111px;
	position: absolute;
	top: 15px;
	z-index: 1;
	opacity: 0;
	transition-property: opacity;
	transition-duration: .25s;
	-webkit-transform: translateY(2px);
	-ms-transform: translateY(2px);
	transform: translateY(2px);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1);
	background: url(../img/threedays/sliders/next-bg.png) center no-repeat;
	right: -10px}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-next div.next-hover p, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-next div.next-hover p
{
	margin-top: 43px}


.threedays-promo .slider-2-outer .slider-2 #WF-slider-2-next:hover div.next-hover, .threedays-promo .slider-2-outer .slider-2 #pub-slider-2-next:hover div.next-hover
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1)}


.threedays-promo .slider-2-outer .module.footnotes p
{
	line-height: 1.4rem}


.threedays-promo .slider-2-outer~.modal-backdrop
{
	background-color: #FFF}


.threedays-promo-rules .threedays-rules ol
{
	list-style: outside decimal}


.threedays-promo-rules .threedays-rules ol li
{
	padding-bottom: 20px}


.threedays-promo-rules .threedays-rules ol>li>ol
{
	padding-left: 50px;
	list-style: outside lower-alpha}


.threedays-promo-rules .threedays-rules ol>li>ol.capital-type
{
	list-style: outside upper-alpha}


.threedays-promo-rules .threedays-rules ol table
{
	border-top: solid 1px;
	border-left: solid 1px}


.threedays-promo-rules .threedays-rules ol table thead th
{
	padding: 2px;
	border-bottom: solid 2px;
	border-right: solid 1px}


 
.threedays-promo-holder
{
	min-height: 0}


.threedays-promo-holder .module.threedays-hero
{
	color: #3e8921}


.threedays-promo-holder .module.threedays-hero .dots-bottom-green-large
{
	background-repeat: no-repeat}


.threedays-promo-holder .module.threedays-hero .container
{
	top: 53%}


.threedays-promo-holder .module.threedays-hero .container .row .epsilon-med
{
	width: 80%;
	margin: 0 auto}


.threedays-promo-holder .module.threedays-hero .container h1 img
{
	vertical-align: middle}


.threedays-promo-holder .module.threedays-hero .container h1 span
{
	padding-left: 10px}


.win-button
{
	display: block;
	width: 90%;
	height: 79px;
	margin: 0 auto;
	background: url(../img/enter-to-win.png) no-repeat top center;
	background-size: contain}


.threedays-slider
{
	margin-top: 50px}


.threedays-slider .asterisk
{
	font-size: 102.4px;
	font-size: 6.4rem}


@media (max-width:991px)
{
	.threedays-slider
{
	margin-top: 0}


.threedays-slider .padding-top50
{
	padding-top: 30px}


.threedays-slider .padding20
{
	padding: 15px 0}


.threedays-slider .padding-top15
{
	padding-top: 8px}


}


@media (max-width:767px)
{
	.threedays-slider
{
	margin-top: 0}


.threedays-slider .padding-top50
{
	padding-top: 10px}


.threedays-slider .padding20
{
	padding: 5px 0}


.threedays-slider .padding-top15
{
	padding-top: 0}


.threedays-slider p
{
	font-size: 28.8px;
	font-size: 1.8rem;
	line-height: 32px;
	line-height: 2rem}


.threedays-promo img
{
	padding-top: 50px}


}


.ie #threeDaysModal .modal-content .modal-body input
{
	padding-top: 0;
	padding-bottom: .5em}


html.jig
{
	height: 100%;
	overflow: hidden}


body.jig
{
	height: 100%;
	overflow: hidden}


body.jig header #nav .hamburger
{
	display: none}


.beta-light
{
	font-size: 96px;
	font-size: 6rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.gamma-light
{
	font-size: 80px;
	font-size: 5rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important}


.epsilon20
{
	font-size: 32px;
	font-size: 2rem;
	 }


.margin-bottom20
{
	margin-bottom: 20px}


.nomargin
{
	margin: 0}


a.jig-button
{
	display: inline-block;
	width: 110px;
	height: 35px;
	background: url(../img/jig-button-new.png) top left no-repeat;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-weight: 700;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	font-size: 19.2px;
	font-size: 1.2rem;
	padding-top: 12px;
	margin: 5 10px}


a.jig-button:hover
{
	padding-top: 10px;
	background-position: 0 -35px;
	position: relative}


.juice-is-greener a.jig-button
{
	text-indent: -99999px}


.jig-button-small
{
	display: inline-block;
	width: 128px;
	height: 155px;
	color: #186d11;
	background: url(../img/jig-button-small.png) top left no-repeat;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 15px;
	font-size: 38.4px;
	font-size: 2.4rem;
	line-height: 43.2px;
	line-height: 2.7rem;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	cursor: pointer;
	position: relative}


.jig-button-small img
{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-transition: top .2s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: top .2s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: top .2s cubic-bezier(.645, .045, .355, 1);
	-o-transition: top .2s cubic-bezier(.645, .045, .355, 1);
	transition: top .2s cubic-bezier(.645, .045, .355, 1)}


.jig-button-small span
{
	padding-top: 128px;
	display: inline-block}


.jig-button-small:hover
{
	background-position: 0 -51px;
	color: #fff}


.jig-button-small.no-icon
{
	width: 109px;
	height: 50px}


.jig-button-small.no-icon span
{
	padding-top: 0}


.jig-button-small.no-icon:hover
{
	background-position: 0 -51px;
	color: #fff}


#q1a1.jig-button-small, #q1a2.jig-button-small, #q2a1.jig-button-small, #q2a2.jig-button-small, #q3a1.jig-button-small, #q3a2.jig-button-small
{
	background: 0 0;
	padding-top: 0}


#q1a1.jig-button-small:hover, #q1a2.jig-button-small:hover, #q2a1.jig-button-small:hover, #q2a2.jig-button-small:hover, #q3a1.jig-button-small:hover, #q3a2.jig-button-small:hover
{
	opacity: .8}


#q1a1.jig-button-small:hover img, #q1a2.jig-button-small:hover img, #q2a1.jig-button-small:hover img, #q2a2.jig-button-small:hover img, #q3a1.jig-button-small:hover img, #q3a2.jig-button-small:hover img
{
	top: -4px}


.juice-is-greener
{
	min-height: 100%;
	height: 100%;
	background: url(../img/jig-home-bg.jpg) no-repeat top left;
	background-size: cover}


.juice-is-greener .top-bar
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 60px;
	background: rgba(96, 174, 65, .9);
	z-index: 9999;
	-webkit-transform: translateZ(100px)}


.juice-is-greener .top-bar a.logo img
{
	width: 116px;
	height: 49px;
	margin: 5px auto}


.juice-is-greener .top-bar a.epsilon
{
	position: absolute;
	right: 30px;
	top: 20px;
	font-size: 32px;
	font-size: 2rem}


.juice-is-greener .top-bar a.epsilon img
{
	margin-left: 5px}


.juice-is-greener #jig-side-nav
{
	position: absolute;
	top: 60px;
	bottom: 0;
	height: 770px;
	margin: auto;
	z-index: 777;
	-webkit-transition: height .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: height .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: height .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: height .3s cubic-bezier(.645, .045, .355, 1);
	transition: height .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener #jig-side-nav ul li
{
	position: relative;
	width: 75px;
	height: 105px;
	margin: 20px 0;
	left: -100px;
	cursor: pointer;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener #jig-side-nav ul li.squeeze
{
	margin: 5px 0}


.juice-is-greener #jig-side-nav ul li .nav-mandala
{
	position: absolute;
	left: -100px;
	top: 5px;
	bottom: 0;
	margin: auto;
	width: 80px;
	height: 80px;
	-webkit-transition: left .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: left .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: left .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: left .3s cubic-bezier(.645, .045, .355, 1);
	transition: left .3s cubic-bezier(.645, .045, .355, 1);
	-webkit-transition-delay: .1s;
	-khtml-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s}


.juice-is-greener #jig-side-nav ul li .nav-bottle
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 38px;
	height: 105px}


.juice-is-greener #jig-side-nav ul li .nav-arrow
{
	position: absolute;
	top: 0;
	right: 100px;
	bottom: 0;
	margin: auto;
	width: 10px;
	height: 13px;
	-webkit-transition: right .4s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: right .4s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: right .4s cubic-bezier(.645, .045, .355, 1);
	-o-transition: right .4s cubic-bezier(.645, .045, .355, 1);
	transition: right .4s cubic-bezier(.645, .045, .355, 1);
	-webkit-transition-delay: .1s;
	-khtml-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s}


.juice-is-greener #jig-side-nav ul li.active
{
	cursor: default}


.juice-is-greener #jig-side-nav ul li.active .nav-mandala
{
	left: -5px}


.juice-is-greener #jig-side-nav ul li.active .nav-arrow
{
	right: -16px}


.juice-is-greener #jig-side-nav ul li.more-squeeze
{
	height: 85px;
	margin: 0}


.juice-is-greener #jig-side-nav ul li.more-squeeze .nav-mandala
{
	top: 0;
	width: 70px;
	height: 70px}


.juice-is-greener #jig-side-nav ul li.more-squeeze .nav-mandala img
{
	height: 100%}


.juice-is-greener #jig-side-nav ul li.more-squeeze .nav-arrow
{
	height: 26px}


.juice-is-greener #jig-side-nav ul li.more-squeeze .nav-bottle
{
	width: 28px;
	height: 85px}


.juice-is-greener #jig-side-nav ul li.more-squeeze .nav-bottle img
{
	height: 100%}


.juice-is-greener #jig-side-nav ul li.more-squeeze.active .nav-mandala
{
	left: 3px}


.juice-is-greener #jig-side-nav #nav-smooth-greens
{
	-webkit-transition-delay: 25ms;
	-khtml-transition-delay: 25ms;
	-moz-transition-delay: 25ms;
	-o-transition-delay: 25ms;
	transition-delay: 25ms}


.juice-is-greener #jig-side-nav #nav-sweet-greens-lemon
{
	-webkit-transition-delay: 50ms;
	-khtml-transition-delay: 50ms;
	-moz-transition-delay: 50ms;
	-o-transition-delay: 50ms;
	transition-delay: 50ms}


.juice-is-greener #jig-side-nav #nav-sweet-greens-ginger
{
	-webkit-transition-delay: 75ms;
	-khtml-transition-delay: 75ms;
	-moz-transition-delay: 75ms;
	-o-transition-delay: 75ms;
	transition-delay: 75ms}


.juice-is-greener #jig-side-nav #nav-essential-greens
{
	-webkit-transition-delay: .1s;
	-khtml-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s}


.juice-is-greener #jig-side-nav #nav-green-devotion
{
	-webkit-transition-delay: 125ms;
	-khtml-transition-delay: 125ms;
	-moz-transition-delay: 125ms;
	-o-transition-delay: 125ms;
	transition-delay: 125ms}


.juice-is-greener #jig-side-nav.active ul li
{
	left: 0}


.juice-is-greener #jig-side-nav.active ul li:hover
{
	left: 10px}


.juice-is-greener #jig-side-nav.active ul li.active:hover
{
	left: 0}


.juice-is-greener .pt-perspective
{
	position: relative;
	width: 100%;
	height: 100%;
	perspective: 1200px;
	transform-style: preserve-3d}


.juice-is-greener .pt-perspective .pt-page
{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0)}


.juice-is-greener .pt-perspective .pt-page.scroll
{
	overflow: auto}


.juice-is-greener .pt-perspective .no-js .pt-page, .juice-is-greener .pt-perspective .pt-page-current
{
	visibility: visible}


.juice-is-greener .pt-perspective .pt-page-ontop
{
	z-index: 888}


.juice-is-greener .center-content
{
	position: relative;
	height: 100%;
	background: url(../img/jig-floor-essential-greens.png) bottom center no-repeat}


.juice-is-greener .center-content .jig-header
{
	padding-top: 90px}


.juice-is-greener .center-content h1
{
	display: inline-block;
	font-size: 108.8px;
	font-size: 6.8rem}


.juice-is-greener .center-content h1 span
{
	font-family: Populaire1263934, Georgia, Helvetica, sans-serif;
	color: #4b7c37}


.juice-is-greener .center-content h1 sup
{
	font-size: 108.8px;
	font-size: 6.8rem;
	font-family: Populaire1263934, Georgia, Helvetica, sans-serif}


.juice-is-greener .center-content .jig-bottles
{
	position: absolute;
	top: 340px;
	bottom: 80px;
	width: 100%;
	margin: auto}


.juice-is-greener .center-content .jig-bottles .lineup-wrapper
{
	background: url(../img/jig-home-lineup.png) center top no-repeat;
	background-size: contain;
	height: 100%}


.juice-is-greener .center-content .social
{
	width: 120px;
	height: 75px;
	position: absolute;
	bottom: 30px;
	right: 30px}


.juice-is-greener .center-content .social a
{
	font-size: 150%}


.juice-is-greener .center-content .disclaimer
{
	position: absolute;
	bottom: 20px;
	left: 20px;
	right: 0;
	margin: auto;
	pointer-events: none}


.juice-is-greener .center-content .disclaimer p
{
	color: #6f6f6f;
	font-size: 16px;
	font-size: 1rem;
	line-height: 19.2px;
	line-height: 1.2rem}


.juice-is-greener .center-content .scroll-down
{
	position: absolute;
	bottom: 10px;
	width: 250px;
	left: 0;
	right: 0;
	margin: 0 auto;
	cursor: pointer}


.juice-is-greener .center-content .scroll-down span
{
	color: #3e8921;
	font-weight: 700}


.juice-is-greener .pt-page-1 .juice-page
{
	background: url(../img/jig-floor-essential-greens.png) bottom center no-repeat}


.juice-is-greener .pt-page-2 .juice-page
{
	background: url(../img/jig-floor-essential-greens.png) bottom center no-repeat}


.juice-is-greener .pt-page-4 .juice-page
{
	background: url(../img/jig-floor-essential-greens.png) bottom center no-repeat}


.juice-is-greener .pt-page-5 .juice-page
{
	background: url(../img/jig-floor-essential-greens.png) bottom center no-repeat}


.juice-is-greener .pt-page-6 .juice-page
{
	background: url(../img/jig-floor-essential-greens.png) bottom center no-repeat}


.juice-is-greener .pt-page-7 .juice-page
{
	background: url(../img/jig-floor-essential-greens.png) bottom center no-repeat}


.juice-is-greener .pt-page-7 .juice-page .juice-info h2
{
	padding: 0 35px}


.juice-is-greener .juice-page
{
	min-height: 700px}


.juice-is-greener .juice-page .mandala-center
{
	position: absolute;
	top: 100px;
	right: 50px;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 553px;
	height: 546px;
	-webkit-transform-origin: bottom left;
	-khtml-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	transform-origin: bottom left}


.juice-is-greener .juice-page .mandala-center.scale
{
	-webkit-transform: scale(.9);
	-khtml-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9)}


.juice-is-greener .juice-page .mandala-center.scale-smaller
{
	-webkit-transform: scale(.8);
	-khtml-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)}


.juice-is-greener .juice-page .key-visual
{
	position: absolute;
	bottom: 60px;
	left: 0;
	right: 100px;
	-webkit-transform-origin: bottom left;
	-khtml-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	transform-origin: bottom left}


.juice-is-greener .juice-page .key-visual.scale
{
	-webkit-transform: scale(.9);
	-khtml-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9)}


.juice-is-greener .juice-page .key-visual.scale-smaller
{
	-webkit-transform: scale(.8);
	-khtml-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)}


.juice-is-greener .juice-page .key-visual .hotspots
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 700px;
	height: 600px;
	margin: auto;
	z-index: 100;
	-webkit-transition: left .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: left .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: left .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: left .3s cubic-bezier(.645, .045, .355, 1);
	transition: left .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .juice-page .key-visual .hotspots div
{
	position: absolute;
	cursor: pointer;
	width: 39px;
	height: 39px;
	background: url(../img/jig-hotspot-icons.png) top left no-repeat}


.juice-is-greener .juice-page .key-visual .hotspots div:hover
{
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing}


.juice-is-greener .juice-page .key-visual .hotspots div.leaf
{
	width: 57px;
	height: 59px;
	top: 100px;
	left: 150px;
	background: url(../img/jig-hotspot-leaf.png) top left no-repeat}


.juice-is-greener .juice-page .key-visual .hotspots div.apple
{
	background-position: top left;
	top: 350px;
	left: 60px}


.juice-is-greener .juice-page .key-visual .hotspots div.celery
{
	background-position: 0 -39px;
	top: 160px}


.juice-is-greener .juice-page .key-visual .hotspots div.cucumber
{
	background-position: 0 -78px;
	top: 160px}


.juice-is-greener .juice-page .key-visual .hotspots div.ginger
{
	background-position: 0 -117px;
	top: 160px}


.juice-is-greener .juice-page .key-visual .hotspots div.kale
{
	background-position: 0 -156px;
	top: 160px}


.juice-is-greener .juice-page .key-visual .hotspots div.lemon
{
	background-position: 0 -195px;
	top: 350px;
	left: 60px}


.juice-is-greener .juice-page .key-visual .hotspots div.lime
{
	background-position: 0 -234px;
	top: 350px;
	left: 60px}


.juice-is-greener .juice-page .key-visual .hotspots div.pineapple
{
	background-position: 0 -273px;
	top: 160px}


.juice-is-greener .juice-page .key-visual .hotspots div.spinach
{
	background-position: 0 -312px;
	top: 350px;
	left: 60px}


.juice-is-greener .juice-page .key-visual.scale-smaller .hotspots
{
	left: 100px}


.juice-is-greener .juice-page .juice-bottle
{
	position: absolute;
	bottom: 12px;
	left: 180px;
	right: 0;
	pointer-events: none;
	-webkit-transform-origin: bottom left;
	-khtml-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	transform-origin: bottom left}


.juice-is-greener .juice-page .juice-bottle.scale
{
	-webkit-transform: scale(.9);
	-khtml-transform: scale(.9);
	-moz-transform: scale(.9);
	-o-transform: scale(.9);
	transform: scale(.9)}


.juice-is-greener .juice-page .juice-bottle.scale-smaller
{
	-webkit-transform: scale(.8);
	-khtml-transform: scale(.8);
	-moz-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8)}


.juice-is-greener .juice-page .juice-info
{
	width: 275px;
	position: absolute;
	right: 6%;
	top: 30%}


.juice-is-greener .juice-page .juice-info.has-related.active
{
	top: 25%}


.juice-is-greener .juice-page .juice-info .ribbon
{
	display: none}


.juice-is-greener .juice-page .juice-info .ribbon.pick
{
	display: block}


.juice-is-greener .juice-page .juice-info h2
{
	padding: 0 30px}


.juice-is-greener .juice-page .juice-info .description
{
	padding: 0 5px}


.juice-is-greener .juice-page .juice-info .dots-bottom-green
{
	height: 5px}


.juice-is-greener .juice-page .juice-info .you-might-also-like
{
	opacity: 0;
	-webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .juice-page .juice-info .you-might-also-like.active
{
	opacity: 1}


.juice-is-greener .juice-page .juice-info .related-juice-button
{
	text-align: center}


.juice-is-greener .juice-page .juice-info .related-juice-button a
{
	display: inline-block;
	width: 173px;
	height: 41px;
	padding-top: 11px;
	font-size: 25.6px;
	font-size: 1.6rem;
	background: url(../img/jig-related-juice-button.png) top left no-repeat;
	background-size: contain}


.juice-is-greener .juice-page .result-modal
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20%;
	margin: auto;
	padding: 70px 50px 50px 50px;
	width: 361px;
	height: 421px;
	background: url(../img/jig-modal-result.png) top left no-repeat;
	visibility: hidden;
	opacity: 0;
	z-index: 200;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .juice-page .result-modal.active
{
	visibility: visible;
	opacity: 1;
	left: 15%;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .juice-page .result-modal .results-close
{
	width: 21px;
	height: 21px;
	position: absolute;
	top: 30px;
	right: 40px;
	background: url(../img/jig-close.png) top left no-repeat;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .juice-page .result-modal .results-close:hover
{
	opacity: .5}


.juice-is-greener .juice-page .result-modal .result-share
{
	height: 24px}


.juice-is-greener .juice-page .result-modal .result-share .dots-bottom-white
{
	height: 15px}


.juice-is-greener .juice-page .result-modal .social-icons a
{
	font-size: 150%}


.juice-is-greener .juice-page .result-modal .social-icons a.icon-destini
{
	display: inline-block;
	width: 25px;
	height: 24px;
	background: url(../img/icon-destini.png) center no-repeat;
	background-size: contain;
	vertical-align: -20%;
	margin-left: 5px}


.juice-is-greener .juice-page .ingredient-modal
{
	background: url(../img/jig-modal-ingredient.png) top left no-repeat;
	width: 361px;
	height: 418px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 15%;
	margin: auto;
	visibility: hidden;
	opacity: 0;
	z-index: 200;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .juice-page .ingredient-modal.active
{
	visibility: visible;
	opacity: 1;
	left: 10%;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .juice-page .ingredient-modal .ingredient-close
{
	width: 21px;
	height: 21px;
	position: absolute;
	top: 30px;
	right: 40px;
	background: url(../img/jig-close.png) top left no-repeat;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .juice-page .ingredient-modal .ingredient-close:hover
{
	opacity: .5}


.juice-is-greener .juice-page .ingredient-modal .ingredient-header
{
	width: 361px;
	height: 191px;
	background: url(../img/jig-ingredient-headers.png) top left no-repeat;
	position: absolute;
	top: 0;
	left: 0}


.juice-is-greener .juice-page .ingredient-modal.apple .ingredient-header
{
	background-position: 0 0}


.juice-is-greener .juice-page .ingredient-modal.celery .ingredient-header
{
	background-position: 0 -191px}


.juice-is-greener .juice-page .ingredient-modal.cucumber .ingredient-header
{
	background-position: 0 -382px}


.juice-is-greener .juice-page .ingredient-modal.ginger .ingredient-header
{
	background-position: 0 -573px}


.juice-is-greener .juice-page .ingredient-modal.kale .ingredient-header
{
	background-position: 0 -764px}


.juice-is-greener .juice-page .ingredient-modal.lemon .ingredient-header
{
	background-position: 0 -955px}


.juice-is-greener .juice-page .ingredient-modal.lime .ingredient-header
{
	background-position: 0 -1146px}


.juice-is-greener .juice-page .ingredient-modal.pineapple .ingredient-header
{
	background-position: 0 -1337px}


.juice-is-greener .juice-page .ingredient-modal.spinach .ingredient-header
{
	background-position: 0 -1528px}


.juice-is-greener .juice-page .ingredient-modal .info
{
	position: relative;
	top: 170px;
	padding: 40px}


.juice-is-greener .juice-page .ingredient-modal.leaf
{
	height: auto;
	top: 50%;
	background: 0 0}


.juice-is-greener .juice-page .ingredient-modal.leaf .leaf-top
{
	background: url(../img/jig-modal-ingredient.png) top left no-repeat;
	height: 100px;
	padding: 40px;
	padding-bottom: 0}


.juice-is-greener .juice-page .ingredient-modal.leaf .leaf-content
{
	background: url(../img/jig-modal-ingredient-1px.png) top left repeat-y;
	padding: 40px;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: -60px}


.juice-is-greener .juice-page .ingredient-modal.leaf .leaf-content .info
{
	top: 0;
	padding: 0}


.juice-is-greener .juice-page .ingredient-modal.leaf .leaf-content .info h2
{
	margin-top: 20px}


.juice-is-greener .juice-page .ingredient-modal.leaf .leaf-content .info h2 sup
{
	font-family: Populaire1263934, Georgia, Helvetica, sans-serif}


.juice-is-greener .juice-page .ingredient-modal.leaf .leaf-content .info .sep
{
	height: 7px}


.juice-is-greener .juice-page .ingredient-modal.leaf .leaf-content .squiggle
{
	-webkit-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	-ms-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
	-ms-filter: "FlipV"}


.juice-is-greener .juice-page .ingredient-modal.leaf .leaf-bottom
{
	background: url(../img/jig-modal-ingredient.png) bottom left no-repeat;
	height: 40px;
	padding: 40px;
	padding-top: 0}


.juice-is-greener .juice-page .ingredient-modal.leaf .legal p
{
	color: #6f6f6f;
	padding: 0 20px}


.juice-is-greener #jig-profile
{
	position: absolute;
	right: 30px;
	bottom: 100px;
	opacity: 0;
	-webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener #jig-profile .discover-button
{
	position: absolute;
	right: 0;
	width: 109px;
	height: 87px;
	cursor: pointer;
	opacity: 0;
	z-index: 2;
	-webkit-transform-origin: center bottom;
	-khtml-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005);
	-moz-transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005);
	-ms-transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005);
	-o-transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005);
	transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005)}


.juice-is-greener #jig-profile .discover-button img
{
	position: absolute}


.juice-is-greener #jig-profile .discover-button span
{
	position: relative;
	text-transform: uppercase;
	display: inline-block;
	opacity: 0;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener #jig-profile .discover-button span:nth-child(2)
{
	width: 100%;
	top: 16px}


.juice-is-greener #jig-profile .discover-button span:nth-child(4)
{
	top: 13px;
	left: 15px}


.juice-is-greener #jig-profile .discover-button .your
{
	font-size: 22.4px;
	font-size: 1.4rem;
	top: 10px;
	left: 16px}


.juice-is-greener #jig-profile .discover-button .your::after, .juice-is-greener #jig-profile .discover-button .your::before
{
	width: 30px;
	position: absolute;
	top: -8px;
	content: "-------";
	color: #fff;
	letter-spacing: -3px;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	font-size: 25.6px;
	font-size: 1.6rem}


.juice-is-greener #jig-profile .discover-button .your::after
{
	top: 8px;
	left: 0}


.juice-is-greener #jig-profile .badge
{
	background: url(../img/jig-discover-button.png) top left no-repeat;
	width: 109px;
	height: 87px;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: center bottom;
	-khtml-transform-origin: center bottom;
	-moz-transform-origin: center bottom;
	-o-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005);
	-moz-transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005);
	-ms-transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005);
	-o-transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005);
	transition: all .4s cubic-bezier(.415, 1.49, .75, 1.005)}


.juice-is-greener #jig-profile .badge::after
{
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin: auto;
	width: 39px;
	height: 39px;
	background: url(../img/jig-hotspot-icons.png) 0 -351px no-repeat;
	content: "";
	opacity: 0;
	-webkit-transition: all 250ms cubic-bezier(.415, 1.49, .75, 1.005);
	-moz-transition: all 250ms cubic-bezier(.415, 1.49, .75, 1.005);
	-ms-transition: all 250ms cubic-bezier(.415, 1.49, .75, 1.005);
	-o-transition: all 250ms cubic-bezier(.415, 1.49, .75, 1.005);
	transition: all 250ms cubic-bezier(.415, 1.49, .75, 1.005)}


.juice-is-greener #jig-profile .badge .top
{
	position: relative;
	top: 8px;
	opacity: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener #jig-profile .badge .top span
{
	font-size: 22.4px;
	font-size: 1.4rem;
	position: relative}


.juice-is-greener #jig-profile .badge .top span::after, .juice-is-greener #jig-profile .badge .top span::before
{
	position: absolute;
	left: -20px;
	width: 10px;
	height: 2px;
	content: "\2014"}


.juice-is-greener #jig-profile .badge .top span::after
{
	left: 54px}


.juice-is-greener #jig-profile .badge .middle
{
	position: relative;
	top: 5px;
	opacity: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener #jig-profile .badge .bottom
{
	opacity: 0;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener #jig-profile.active
{
	opacity: 1}


.juice-is-greener #jig-profile.active .discover-button
{
	opacity: 1;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)}


.juice-is-greener #jig-profile.active .discover-button.no-delay
{
	-webkit-transition-delay: 0s;
	transition-delay: 0s}


.juice-is-greener #jig-profile.active .discover-button span
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)}


.juice-is-greener #jig-profile.active .discover-button span:nth-child(2)
{
	-webkit-transition-delay: 650ms;
	transition-delay: 650ms}


.juice-is-greener #jig-profile.active .discover-button span:nth-child(3)
{
	-webkit-transition-delay: 675ms;
	transition-delay: 675ms}


.juice-is-greener #jig-profile.active .discover-button span:nth-child(4)
{
	-webkit-transition-delay: .7s;
	transition-delay: .7s}


.juice-is-greener #jig-profile.active.complete .discover-button
{
	opacity: 0;
	display: none}


.juice-is-greener #jig-profile.active.complete .badge
{
	opacity: 1;
	cursor: pointer;
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)}


.juice-is-greener #jig-profile.active.complete .badge.no-delay
{
	-webkit-transition-delay: 0s;
	transition-delay: 0s}


.juice-is-greener #jig-profile.active.complete .badge::after
{
	top: 100px;
	opacity: 1;
	-webkit-transition-delay: 850ms;
	transition-delay: 850ms}


.juice-is-greener #jig-profile.active.complete .badge .top
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 775ms;
	transition-delay: 775ms}


.juice-is-greener #jig-profile.active.complete .badge .middle
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: .8s;
	transition-delay: .8s}


.juice-is-greener #jig-profile.active.complete .badge .bottom
{
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: 825ms;
	transition-delay: 825ms}


.juice-is-greener .news-bg
{
	content: "";
	background: url(../img/bg.png) center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	opacity: 0;
	z-index: 780;
	display: none}


.juice-is-greener .news-bg.active
{
	display: block}


.juice-is-greener .jig-news
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25px;
	z-index: 999}


.juice-is-greener .jig-news .news-container
{
	position: relative;
	top: 50px;
	-webkit-transition: top .5s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: top .5s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: top .5s cubic-bezier(.645, .045, .355, 1);
	-o-transition: top .5s cubic-bezier(.645, .045, .355, 1);
	transition: top .5s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .jig-news .news-container .cta
{
	width: 150px;
	position: absolute;
	top: -80px;
	opacity: 0;
	cursor: pointer;
	-webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .5s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .5s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .5s cubic-bezier(.645, .045, .355, 1);
	transition: all .5s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .jig-news .news-container .cta .icon-downarrow
{
	font-size: 130%;
	position: relative;
	top: 7px;
	left: -5px}


.juice-is-greener .jig-news .news-container .close
{
	position: absolute;
	top: -40px;
	right: 5px;
	cursor: pointer;
	opacity: 0;
	-webkit-transition: opacity .5s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: opacity .5s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: opacity .5s cubic-bezier(.645, .045, .355, 1);
	-o-transition: opacity .5s cubic-bezier(.645, .045, .355, 1);
	transition: opacity .5s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .jig-news .news-container .close.active
{
	opacity: 1}


.juice-is-greener .jig-news .news-container .close.active:hover
{
	opacity: .5}


.juice-is-greener .jig-news .news-container .row
{
	display: table}


.juice-is-greener .jig-news .news-container .row [class*=col-]
{
	display: table-cell;
	float: none;
	vertical-align: top}


.juice-is-greener .jig-news .news-container .article
{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background-color: #428f24}


.juice-is-greener .jig-news .news-container .article img
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	opacity: .35}


.juice-is-greener .jig-news .news-container .article .info
{
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	opacity: 1;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .jig-news .news-container .article .info p
{
	margin: 5px 0}


.juice-is-greener .jig-news .news-container .article:hover img
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)}


.juice-is-greener .jig-news .news-container .instagram
{
	cursor: pointer}


.juice-is-greener .jig-news .news-container .instagram img
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-webkit-transition-delay: .1s;
	transition-delay: .1s}


.juice-is-greener .jig-news .news-container .instagram .info
{
	position: absolute;
	background: #60ae41;
	width: 100%;
	height: 33%;
	bottom: 0;
	padding: 0 20px;
	-webkit-transition: height .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: height .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: height .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: height .3s cubic-bezier(.645, .045, .355, 1);
	transition: height .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .jig-news .news-container .instagram:hover img
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2)}


.juice-is-greener .jig-news .news-container .instagram:hover .info
{
	height: 35%}


.juice-is-greener .jig-news.active
{
	overflow: visible!important}


.juice-is-greener .jig-news.active .news-container
{
	top: 0;
	display: block;
	-webkit-transition-delay: 1s;
	transition-delay: 1s}


.juice-is-greener .jig-news.active .news-container .cta
{
	opacity: 1;
	top: -60px;
	-webkit-transition-delay: 1.5s;
	transition-delay: 1.5s}


.juice-is-greener .jig-modal
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 999}


.juice-is-greener .jig-modal::after
{
	content: "";
	background: url(../img/bg.png) center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	opacity: .9;
	z-index: -1}


.juice-is-greener .jig-modal .quiz-dialog
{
	background: url(../img/jig-modal-quiz.png) top left no-repeat;
	padding: 70px;
	background-size: cover;
	border-radius: 15px}


.juice-is-greener .jig-modal .quiz-dialog #quiz-close
{
	width: 21px;
	height: 21px;
	position: absolute;
	top: 30px;
	right: 30px;
	background: url(../img/jig-close.png) top left no-repeat;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .jig-modal .quiz-dialog #quiz-close:hover
{
	opacity: .5}


.juice-is-greener .jig-modal .quiz-dialog .quiz-header
{
	height: 24px;
	text-transform: uppercase}


.juice-is-greener .jig-modal .quiz-dialog .quiz-header .dots-bottom-white
{
	height: 15px}


.juice-is-greener .jig-modal .quiz-dialog .question-container
{
	position: relative;
	margin: 10px 0;
	height: 300px;
	overflow-y: hidden}


.juice-is-greener .jig-modal .quiz-dialog .question-container .questions
{
	position: absolute;
	top: 0;
	-webkit-transition: top .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: top .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: top .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: top .3s cubic-bezier(.645, .045, .355, 1);
	transition: top .3s cubic-bezier(.645, .045, .355, 1)}


.juice-is-greener .jig-modal .quiz-dialog .question-container .questions.q1
{
	top: 0;
	-webkit-transition: top 0 ease-out;
	-moz-transition: top 0 ease-out;
	-ms-transition: top 0 ease-out;
	-o-transition: top 0 ease-out;
	transition: top 0 ease-out}


.juice-is-greener .jig-modal .quiz-dialog .question-container .questions.q2
{
	top: -301px}


.juice-is-greener .jig-modal .quiz-dialog .question-container .questions.q3
{
	top: -601px}


.juice-is-greener .jig-modal .quiz-dialog .question-container .questions.q4
{
	top: -901px}


.juice-is-greener .jig-modal .quiz-dialog .question-container .questions .question
{
	height: 300px;
	width: 100%;
	text-align: center;
	margin: 1px 0}


.juice-is-greener .jig-modal .quiz-dialog .question-container .questions .question .question-wrapper
{
	overflow: hidden}


.juice-is-greener .jig-modal .quiz-dialog .question-container .questions .question .question-wrapper .answer
{
	margin-top: 30px}


.juice-is-greener .jig-modal .quiz-dialog .quiz-footer
{
	clear: both}


.juice-is-greener .jig-modal .quiz-dialog .quiz-footer .dots-bottom-white
{
	height: 17px}


.juice-is-greener .jig-modal .quiz-dialog .quiz-footer .quiz-progress li
{
	display: inline-block;
	width: 27px;
	height: 29px;
	background: url(../img/jig-quiz-circle.png) top left no-repeat;
	color: #fff;
	padding: 2px;
	font-size: 28.8px;
	font-size: 1.8rem;
	line-height: 35.2px;
	line-height: 2.2rem;
	 }


.juice-is-greener .jig-modal .quiz-dialog .quiz-footer .quiz-progress li.active
{
	background-position: 0 -29px;
	color: #60ae41}


.juice-is-greener .jig-modal .quiz-dialog .quiz-footer .quiz-progress li.complete
{
	background-position: 0 -58px;
	color: transparent}


.juice-is-greener.mobile .pt-page-0
{
	overflow: auto}


.juice-is-greener.mobile .center-content
{
	min-height: 550px;
	overflow: hidden}


.juice-is-greener.mobile .center-content .margin-bottom20
{
	margin-bottom: 10px}


.juice-is-greener.mobile .center-content .jig-header
{
	padding-top: 70px}


.juice-is-greener.mobile .center-content h1
{
	font-size: 64px;
	font-size: 4rem;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important;
	line-height: 80px;
	line-height: 5rem}


.juice-is-greener.mobile .center-content h1 sup
{
	font-size: 64px;
	font-size: 4rem}


.juice-is-greener.mobile .center-content p.small
{
	font-size: 25.6px;
	font-size: 1.6rem;
	 ;
	line-height: 28.8px;
	line-height: 1.8rem}


.juice-is-greener.mobile .center-content .jig-bottles
{
	position: relative;
	height: 30%;
	width: 100%;
	top: 10px}


.juice-is-greener.mobile .center-content .scroll-down
{
	position: relative;
	top: 20px}


.juice-is-greener.mobile .center-content .scroll-down .downarrow
{
	display: none}


.juice-is-greener.mobile .center-content .disclaimer
{
	bottom: 0;
	left: 0}


.juice-is-greener.mobile .center-content .disclaimer p
{
	font-size: 14.4px;
	font-size: .9rem;
	line-height: 16px;
	line-height: 1rem;
	font-family: din-bold, Georgia, Helvetica, sans-serif}


.juice-is-greener.mobile .social
{
	position: absolute;
	right: 5px;
	top: 18px;
	z-index: 99999}


.juice-is-greener.mobile .social a
{
	color: #fff;
	font-size: 150%}


.juice-is-greener.mobile .jig-modal .quiz-dialog
{
	padding: 30px 10px;
	position: relative}


.juice-is-greener.mobile .jig-modal .quiz-dialog #quiz-close
{
	top: 10px;
	right: 10px}


.juice-is-greener.mobile .jig-modal .quiz-dialog .quiz-header
{
	height: 45px}


.juice-is-greener.mobile .jig-modal .quiz-dialog .quiz-header span
{
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 22.4px;
	line-height: 1.4rem}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container
{
	margin: 0;
	height: 200px}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions.q1
{
	top: 0;
	-webkit-transition: top 0 ease-out;
	-moz-transition: top 0 ease-out;
	-ms-transition: top 0 ease-out;
	-o-transition: top 0 ease-out;
	transition: top 0 ease-out}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions.q2
{
	top: -201px}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions.q3
{
	top: -401px}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions.q4
{
	top: -601px}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions .question
{
	height: 200px}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions .question .question-wrapper h1
{
	font-size: 64px;
	font-size: 4rem;
	line-height: 64px;
	line-height: 4rem}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions .question .question-wrapper .jig-button-small.quiz-answer
{
	width: 75px;
	height: 120px}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions .question .question-wrapper .jig-button-small.quiz-answer span
{
	padding-top: 75px}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions .question .question-wrapper .jig-button-small.no-icon
{
	width: 60px;
	height: 28px;
	background-size: cover;
	padding-top: 8px;
	font-size: 22.4px;
	font-size: 1.4rem;
	line-height: 22.4px;
	line-height: 1.4rem}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions .question .question-wrapper .jig-button-small.no-icon span
{
	padding-top: 0}


.juice-is-greener.mobile .jig-modal .quiz-dialog .question-container .questions .question .question-wrapper .jig-button-small.no-icon:hover
{
	background-position: top left}


.pt-page-rotatePushTop
{
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotatePushTop .6s both ease;
	animation: rotatePushTop .6s both ease}


.pt-page-rotatePushBottom
{
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotatePushBottom .6s both ease;
	animation: rotatePushBottom .6s both ease}


.pt-page-moveFromBottom
{
	-webkit-animation: moveFromBottom .6s ease both;
	animation: moveFromBottom .6s ease both}


.pt-page-moveFromTop
{
	-webkit-animation: moveFromTop .6s ease both;
	animation: moveFromTop .6s ease both}


.pt-page-rotateRoomTopOut
{
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateRoomTopOut .8s both ease;
	animation: rotateRoomTopOut .8s both ease}


.pt-page-rotateRoomTopIn
{
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateRoomTopIn .8s both ease;
	animation: rotateRoomTopIn .8s both ease}


.pt-page-rotateRoomBottomOut
{
	-webkit-transform-origin: 50% 0;
	transform-origin: 50% 0;
	-webkit-animation: rotateRoomBottomOut .8s both ease;
	animation: rotateRoomBottomOut .8s both ease}


.pt-page-rotateRoomBottomIn
{
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-animation: rotateRoomBottomIn .8s both ease;
	animation: rotateRoomBottomIn .8s both ease}


@-webkit-keyframes rotatePushTop
{
	to
{
	opacity: 0;
	-webkit-transform: rotateX(-90deg)}


}


@keyframes rotatePushTop
{
	to
{
	opacity: 0;
	-webkit-transform: rotateX(-90deg);
	transform: rotateX(-90deg)}


}


@-webkit-keyframes rotatePushBottom
{
	to
{
	opacity: 0;
	-webkit-transform: rotateX(90deg)}


}


@keyframes rotatePushBottom
{
	to
{
	opacity: 0;
	-webkit-transform: rotateX(90deg);
	transform: rotateX(90deg)}


}


@-webkit-keyframes moveFromBottom
{
	from
{
	-webkit-transform: translateY(100%)}


}


@keyframes moveFromBottom
{
	from
{
	-webkit-transform: translateY(100%);
	transform: translateY(100%)}


}


@-webkit-keyframes moveFromTop
{
	from
{
	-webkit-transform: translateY(-100%)}


}


@keyframes moveFromTop
{
	from
{
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%)}


}


@-webkit-keyframes rotateRoomTopOut
{
	to
{
	opacity: .3;
	-webkit-transform: translateY(-100%) rotateX(-90deg)}


}


@keyframes rotateRoomTopOut
{
	to
{
	opacity: .3;
	-webkit-transform: translateY(-100%) rotateX(-90deg);
	transform: translateY(-100%) rotateX(-90deg)}


}


@-webkit-keyframes rotateRoomTopIn
{
	from
{
	opacity: .3;
	-webkit-transform: translateY(100%) rotateX(90deg)}


}


@keyframes rotateRoomTopIn
{
	from
{
	opacity: .3;
	-webkit-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg)}


}


@-webkit-keyframes rotateRoomBottomOut
{
	to
{
	opacity: .3;
	-webkit-transform: translateY(100%) rotateX(90deg)}


}


@keyframes rotateRoomBottomOut
{
	to
{
	opacity: .3;
	-webkit-transform: translateY(100%) rotateX(90deg);
	transform: translateY(100%) rotateX(90deg)}


}


@-webkit-keyframes rotateRoomBottomIn
{
	from
{
	opacity: .3;
	-webkit-transform: translateY(-100%) rotateX(-90deg)}


}


@keyframes rotateRoomBottomIn
{
	from
{
	opacity: .3;
	-webkit-transform: translateY(-100%) rotateX(-90deg);
	transform: translateY(-100%) rotateX(-90deg)}


}


@-webkit-keyframes yoyoDown
{
	0%
{
	-webkit-transform: translateY(0)}


50%
{
	-webkit-transform: translateY(10px)}


100%
{
	-webkit-transform: translateY(0)}


}


@keyframes yoyoDown
{
	0%
{
	transform: translateY(0)}


50%
{
	transform: translateY(10px)}


100%
{
	transform: translateY(0)}


}


.yoyoDown
{
	-webkit-animation: yoyoDown 1.5s infinite;
	animation: yoyoDown 1.5s infinite}


body.jig-mobile .module
{
	padding-top: 32px;
	padding-top: 2rem;
	padding-bottom: 32px;
	padding-bottom: 2rem}


body.jig-mobile .dots-bottom-green
{
	height: 5px}


body.jig-mobile .top-bar
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 60px;
	background: rgba(96, 174, 65, .9);
	z-index: 9999;
	-webkit-transform: translateZ(100px)}


body.jig-mobile .top-bar a.logo img
{
	width: 116px;
	height: 49px;
	margin: 5px auto}


body.jig-mobile .top-bar a.epsilon
{
	position: absolute;
	right: 30px;
	top: 20px;
	font-size: 32px;
	font-size: 2rem}


body.jig-mobile .top-bar a.epsilon img
{
	margin-left: 5px}


body.jig-mobile #jig-profile
{
	position: absolute;
	left: 0;
	right: 0;
	top: 275px;
	margin: auto;
	width: 109px;
	display: none}


body.jig-mobile #jig-profile .badge .top
{
	background: url(../img/jig-badge.png) top left no-repeat;
	height: 56px}


body.jig-mobile #jig-profile .badge .middle
{
	background: url(../img/jig-badge.png) 0 -50px repeat-y}


body.jig-mobile #jig-profile .badge .middle #profile-name
{
	line-height: 0}


body.jig-mobile #jig-profile .badge .bottom
{
	background: url(../img/jig-badge.png) bottom left no-repeat;
	height: 18px}


body.jig-mobile #jig-profile.active
{
	display: block}


body.jig-mobile .result-modal
{
	position: absolute;
	top: 80px;
	left: 0;
	right: 0;
	margin: auto;
	padding: 50px 20px 20px 20px;
	width: 284px;
	height: 347px;
	background: url(../img/jig-modal-result-mobile.png) top left no-repeat;
	visibility: hidden;
	opacity: 0;
	z-index: 200;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


body.jig-mobile .result-modal.active
{
	visibility: visible;
	opacity: 1;
	-webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: all .3s cubic-bezier(.645, .045, .355, 1);
	transition: all .3s cubic-bezier(.645, .045, .355, 1)}


body.jig-mobile .result-modal h2
{
	font-size: 80px;
	font-size: 5rem;
	margin-top: 10px}


body.jig-mobile .result-modal p.small
{
	margin: 0}


body.jig-mobile .result-modal .results-close
{
	width: 21px;
	height: 21px;
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../img/jig-close.png) top left no-repeat;
	cursor: pointer;
	opacity: 1;
	-webkit-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-moz-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-ms-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	-o-transition: opacity .3s cubic-bezier(.645, .045, .355, 1);
	transition: opacity .3s cubic-bezier(.645, .045, .355, 1)}


body.jig-mobile .result-modal .results-close:hover
{
	opacity: .5}


body.jig-mobile .result-modal .result-share
{
	height: 24px}


body.jig-mobile .result-modal .result-share .dots-bottom-white
{
	height: 15px}


body.jig-mobile .result-modal .social-icons
{
	margin-top: 10px}


body.jig-mobile .result-modal .social-icons a
{
	font-size: 150%}


body.jig-mobile .bottom-bar
{
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 60px;
	background: rgba(96, 174, 65, .9);
	z-index: 9999;
	-webkit-transform: translateZ(100px)}


body.jig-mobile .bottom-bar a.epsilon
{
	font-size: 48px;
	font-size: 3rem;
	display: block;
	margin-top: 15px}


body.jig-mobile .bottom-bar a.epsilon img
{
	margin-left: 5px}


body.jig-mobile .mobile-slider
{
	padding-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-bottom: 0;
	border-bottom: 10px solid #60ae41;
	position: relative}


body.jig-mobile .mobile-slider .slider-nav
{
	position: absolute;
	top: 54%;
	left: 0;
	color: #60ae41;
	width: 100%}


body.jig-mobile .mobile-slider .slider-nav .next, body.jig-mobile .mobile-slider .slider-nav .prev
{
	text-decoration: none;
	height: 50px;
	width: 50px;
	color: #60ae41;
	font-size: 35px;
	position: absolute}


body.jig-mobile .mobile-slider .slider-nav .prev
{
	left: 0}


body.jig-mobile .mobile-slider .slider-nav .next
{
	right: 0}


body.jig-mobile .juice-info
{
	padding-top: 32px;
	padding-top: 2rem}


body.jig-mobile .juice-info h2
{
	padding: 0 20px;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important;
	font-size: 80px;
	font-size: 5rem}


body.jig-mobile .juice-info .ribbon
{
	display: none;
	margin-bottom: 10px}


body.jig-mobile .juice-info .ribbon.active
{
	display: block}


body.jig-mobile .juice-info .description
{
	padding: 0 5px}


body.jig-mobile .juice-info .dots-bottom-green
{
	height: 5px}


body.jig-mobile .juice-info .you-might-also-like
{
	display: none}


body.jig-mobile .juice-info .you-might-also-like.active
{
	display: block}


body.jig-mobile .juice-info .related-juice-button
{
	text-align: center}


body.jig-mobile .juice-info .related-juice-button a
{
	display: inline-block;
	width: 232px;
	height: 55px;
	padding-top: 15px;
	font-size: 34.4px;
	font-size: 2.15rem;
	background: url(../img/jig-related-juice-button.png) top left no-repeat;
	background-size: contain}


body.jig-mobile .juice-facts h2
{
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important;
	font-size: 72px;
	font-size: 4.5rem}


body.jig-mobile .juice-facts img
{
	margin: 40px auto;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)}


body.jig-mobile .juice-facts img:first-child
{
	margin: 10px auto 40px;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none}


body.jig-mobile .juice-facts p
{
	padding-top: 20px;
	margin: 15px 0}


body.jig-mobile .juice-facts small
{
	color: #6f6f6f;
	font-family: din-regular, Georgia, Helvetica, sans-serif;
	font-size: 12px}


body.jig-mobile .jig-ingredients .ingredient-1, body.jig-mobile .jig-ingredients .ingredient-2
{
	position: relative;
	background-color: #60ae41;
	border-radius: 12px;
	border-bottom: 5px solid green}


body.jig-mobile .jig-ingredients .ingredient-1 .ingredient-description, body.jig-mobile .jig-ingredients .ingredient-2 .ingredient-description
{
	color: #fff;
	padding: 25px 0}


body.jig-mobile .jig-ingredients .ingredient-1 .ingredient-description h3, body.jig-mobile .jig-ingredients .ingredient-2 .ingredient-description h3
{
	font-family: Populaire1263934, Georgia, Helvetica, sans-serif;
	font-size: 48px;
	font-size: 3rem}


body.jig-mobile .jig-ingredients .ingredient-1 .ingredient-description p, body.jig-mobile .jig-ingredients .ingredient-2 .ingredient-description p
{
	padding: 0 25px;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	font-size: 32px;
	font-size: 2rem}


body.jig-mobile .jig-ingredients .ingredient-1 .header-img, body.jig-mobile .jig-ingredients .ingredient-2 .header-img
{
	top: 0;
	left: 0;
	position: relative}


body.jig-mobile .jig-ingredients .ingredient-2
{
	margin-top: 40px}


body.jig-mobile .news
{
	padding-bottom: 144px;
	padding-bottom: 9rem}


body.jig-mobile .news .title
{
	 ;
	font-size: 32px;
	font-size: 2rem;
	margin-bottom: 40px;
	margin-bottom: 2.5rem;
	padding-left: 40px;
	padding-left: 2.5rem;
	display: inline-block;
	text-transform: uppercase}


body.jig-mobile .news .articles
{
	height: 400px;
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-left: 40px;
	padding-left: 2.5rem}


body.jig-mobile .news .articles .articles-wrapper
{
	overflow-x: scroll}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll
{
	width: 2185px;
	font-size: 0}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .article, body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .instagram
{
	display: inline-block;
	width: 270px;
	vertical-align: top;
	position: relative}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .article .description
{
	position: absolute;
	text-transform: uppercase;
	width: 100%;
	font-family: lunchbox, Georgia, Helvetica, sans-serif}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .article .description .date
{
	font-size: 32px;
	font-size: 2rem}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .article .description h3
{
	font-size: 44.8px;
	font-size: 2.8rem;
	padding-left: 24px;
	padding-left: 1.5rem;
	padding-right: 24px;
	padding-right: 1.5rem;
	padding-top: 16px;
	padding-top: 1rem;
	padding-bottom: 16px;
	padding-bottom: 1rem}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .article .description .author
{
	font-size: 35.2px;
	font-size: 2.2rem}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .instagram img
{
	height: 250px;
	width: 100%}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .instagram .description
{
	height: 150px;
	background-color: #60ae41}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .instagram .description i
{
	font-size: 32px;
	font-size: 2rem;
	padding-top: 24px;
	padding-top: 1.5rem;
	display: block}


body.jig-mobile .news .articles .articles-wrapper .articles-wrapper-scroll .instagram .description p
{
	padding-left: 24px;
	padding-left: 1.5rem;
	padding-right: 24px;
	padding-right: 1.5rem}


.spot-container
{
	padding-top: 60px;
	z-index: 100}


@media only screen and (max-width:991px)
{
	.spot-container
{
	margin-top: 0;
	padding-top: 0}


}


.spot-container .spot-box
{
	background-color: #fff;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	-o-box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	padding: 40px;
	margin-bottom: 12px}


.spot-container .spot-box .play-btn
{
	margin-top: 0}


.spot-container .spot-box h3:after
{
	content: '';
	height: 5px;
	width: 100px;
	display: block;
	margin: 20px auto 0;
	position: relative;
	background: url(../img/dotts-green-across.png) center bottom 0 repeat-x}


.spot-container .spot-box.right .video-wrapper
{
	margin-top: 50px}


.spot-container .spot-box.right .video-wrapper img
{
	margin-top: 0}


.spot-container .spot-box.right .video-wrapper a:nth-of-type(3) img, .spot-container .spot-box.right .video-wrapper a:nth-of-type(4) img
{
	margin-top: 10px}


@media only screen and (max-width:479px)
{
	.spot-container .spot-box h3
{
	padding: 0}


}


.spot-container .video-wrapper .text-center
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 150;
	color: #fff;
	background: rgba(96, 174, 65, 0);
	-webkit-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-khtml-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all 1.2s cubic-bezier(.19, 1, .22, 1);
	transition: all 1.2s cubic-bezier(.19, 1, .22, 1)}


.spot-container .video-wrapper img
{
	margin-top: 50px}


.yogurt-locator input
{
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	line-height: 75.2px;
	line-height: 4.7rem;
	font-size: 20px;
	font-size: 2.5rem;
	padding-left: 32px;
	padding-left: 2rem;
	padding-right: 32px;
	padding-right: 2rem;
	text-align: left;
	color: #60ae41}


.yogurt-locator input::-webkit-input-placeholder
{
	color: #60ae41}


.yogurt-locator input:-moz-placeholder
{
	color: #60ae41}


.yogurt-locator input::-moz-placeholder
{
	color: #60ae41}


.yogurt-locator input:-ms-input-placeholder
{
	color: #60ae41}


.yogurt-locator button
{
	background: #60ae41;
	border: none;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-size: 40px;
	font-size: 2.5rem;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	float: left}


.yogurt-locator label
{
	text-align: center}


.yogurt-locator form *
{
	display: inline;
	vertical-align: middle;
	line-height: 1.4}


@media only screen and (max-width:479px)
{
	.yogurt-locator#dannon-locator
{
	padding-top: 0}


}


.dannon-slider.hero.bx-slider-module
{
	max-height: 755px}


.dannon-slider.hero.bx-slider-module li
{
	max-height: 755px}


.dannon-slider.hero.bx-slider-module .slide-text
{
	top: 45%}


@media only screen and (max-width:479px)
{
	.dannon-slider.hero.bx-slider-module .slide-text
{
	top: 35%}


.dannon-slider.hero.bx-slider-module .slide-text h3
{
	font-size: 2.6rem;
	line-height: 5.6rem}


.dannon-slider.hero.bx-slider-module .slide-text h2
{
	font-size: 3.6rem;
	line-height: 1.6rem}


}


.dannon-slider.hero.bx-slider-module .dannon-ctas
{
	position: absolute;
	bottom: 175px;
	width: 100%;
	z-index: 100}


.dannon-slider.hero.bx-slider-module .dannon-ctas a
{
	display: inline-block;
	margin: 0 5px}


.dannon-slider.hero.bx-slider-module img.dannon
{
	padding: 0 50px 15px;
	width: auto}


@media only screen and (max-width:991px)
{
	.dannon-slider.hero.bx-slider-module
{
	margin-top: 65px}


.dannon-slider.hero.bx-slider-module .bx-wrapper
{
	margin-bottom: 20px}


}


.turn-it-around-landing #save_dollar_button, .turn-it-around-sweeps #save_dollar_button
{
	position: fixed;
	display: block;
	width: 50px;
	height: 89px;
	background: url(../img/turnitaround/landing_hero_button_save.png);
	z-index: 200}


.turn-it-around-landing #find_store_button, .turn-it-around-sweeps #find_store_button
{
	position: fixed;
	display: block;
	width: 50px;
	height: 146px;
	background: url(../img/turnitaround/landing_hero_button_find.png);
	z-index: 200}


.turn-it-around-landing .scroll_container
{
	width: 100%}


.turn-it-around-landing .scroll_container.trapped
{
	position: fixed}


.turn-it-around-landing .scroll_container.free
{
	position: static}


.turn-it-around-landing .scroll_container .module.hero
{
	background-image: url(../img/turnitaround/landing_herobg.jpg);
	background-size: cover}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.hero
{
	height: auto}


}


.turn-it-around-landing .scroll_container .module.hero .hero-content
{
	position: absolute;
	margin-top: 130px;
	z-index: 100}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.hero .hero-content
{
	position: static;
	margin-top: 100px}


}


.turn-it-around-landing .scroll_container .module.hero .hero-content h1
{
	color: #396b3a;
	font-size: 11rem}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.hero .hero-content h1
{
	font-size: 9rem}


}


.turn-it-around-landing .scroll_container .module.hero .hero-content h2
{
	padding-bottom: 27px;
	color: #396b3a;
	font-size: 4.75rem;
	text-transform: uppercase;
	background: url(../img/turnitaround/landing_hero_flair.png) no-repeat bottom}


.turn-it-around-landing .scroll_container .module.hero .hero-content p
{
	margin-top: 30px;
	color: #396b3a}


.turn-it-around-landing .scroll_container .module.hero .discover-more-ways
{
	position: absolute;
	bottom: 20px;
	z-index: 100;
	font-size: 2rem}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.hero .discover-more-ways
{
	position: static;
	bottom: auto}


}


.turn-it-around-landing .scroll_container .module.hero .discover-more-ways a
{
	padding-right: 25px;
	color: #60ae41;
	background: url(../img/turnitaround/landing_hero_downarrow.png) no-repeat right 7px}


.turn-it-around-landing .scroll_container .module.hero .bottle-container
{
	position: relative;
	height: 100%}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.hero .bottle-container
{
	position: relative;
	float: left;
	width: 100%;
	height: 525px}


}


.turn-it-around-landing .scroll_container .module.hero .bottle-container .bttrlazyloading-wrapper
{
	z-index: 30}


.turn-it-around-landing .scroll_container .module.hero .bottle-container .hero-imagery
{
	position: absolute;
	right: 0;
	bottom: 0}


.turn-it-around-landing .scroll_container .module.hero .bottle-container #arrow
{
	z-index: 50;
	width: 250px;
	height: 190px;
	background: url(../img/turnitaround/EVO_ArrowReverse.png) no-repeat;
	background-size: contain;
	right: 292px;
	top: 410px}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.hero .bottle-container #arrow
{
	top: auto;
	bottom: 0;
	right: 75px}


}


.turn-it-around-landing .scroll_container .module.hero .bottle-container #bottle_click, .turn-it-around-landing .scroll_container .module.hero .bottle-container #video_box
{
	z-index: 40;
	display: box;
	height: 493px;
	width: 238px;
	right: 85px;
	top: 108px}


.turn-it-around-landing .scroll_container .module.hero .bottle-container #bottle_click
{
	position: absolute;
	top: auto;
	right: 84px;
	bottom: 4px;
	cursor: pointer}


.turn-it-around-landing .scroll_container .module.hero .bottle-container #bottle_frame, .turn-it-around-landing .scroll_container .module.hero .bottle-container #video_frame
{
	height: inherit}


.turn-it-around-landing .scroll_container .module.hero .bottle-container .trapped
{
	position: fixed}


.turn-it-around-landing .scroll_container .module.hero .bottle-container .free
{
	position: absolute}


.turn-it-around-landing .scroll_container .module.hero #save_dollar_button
{
	top: 125px;
	right: 0}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.hero #save_dollar_button
{
	top: auto;
	bottom: 146px}


}


.turn-it-around-landing .scroll_container .module.hero #find_store_button
{
	top: 214px;
	right: 0}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.hero #find_store_button
{
	top: auto;
	bottom: 0}


}


.turn-it-around-landing .scroll_container .module.rotator, .turn-it-around-landing .scroll_container .module.social_rotator
{
	height: 525px;
	padding-top: 25px;
	background-image: url(../img/turnitaround/landing_rotator_bg.jpg);
	background-size: cover}


.turn-it-around-landing .scroll_container .module.rotator h1, .turn-it-around-landing .scroll_container .module.social_rotator h1
{
	padding-bottom: 10px;
	color: #fff;
	font-size: 6.35rem;
	text-transform: uppercase;
	background: url(../img/turnitaround/landing_rotator_dotts.png) no-repeat bottom}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.rotator h1, .turn-it-around-landing .scroll_container .module.social_rotator h1
{
	font-size: 5.5rem}


}


@media (max-width:767px)
{
	.turn-it-around-landing .scroll_container .module.rotator h1, .turn-it-around-landing .scroll_container .module.social_rotator h1
{
	font-size: 3.5rem}


}


.turn-it-around-landing .scroll_container .module.rotator h2, .turn-it-around-landing .scroll_container .module.social_rotator h2
{
	margin-top: 20px;
	color: #fff;
	font-size: 2.9rem}


.turn-it-around-landing .scroll_container .module.rotator .slider_container, .turn-it-around-landing .scroll_container .module.social_rotator .slider_container
{
	margin-top: 35px;
	overflow: hidden}


.turn-it-around-landing .scroll_container .module.rotator .slider_container .slider_left, .turn-it-around-landing .scroll_container .module.social_rotator .slider_container .slider_left
{
	height: 250px;
	background: url(../img/turnitaround/landing_rotator_arrow_left.png) no-repeat 75% center}


.turn-it-around-landing .scroll_container .module.rotator .slider_container .slider_right, .turn-it-around-landing .scroll_container .module.social_rotator .slider_container .slider_right
{
	height: 250px;
	background: url(../img/turnitaround/landing_rotator_arrow_right.png) no-repeat 25% center}


.turn-it-around-landing .scroll_container .module.family .jig-cta .cta-button a, .turn-it-around-landing .scroll_container .module.social_rotator .cta-button a
{
	display: inline-block;
	width: 233px;
	height: 40px;
	margin: 0 auto;
	padding-top: 8px;
	color: #fff;
	font-size: 1.85rem;
	background: url(../img/turnitaround/landing_family_button.png) top left no-repeat}


.turn-it-around-landing .scroll_container .module.family .jig-cta .cta-button a:hover, .turn-it-around-landing .scroll_container .module.social_rotator .cta-button a:hover
{
	padding-top: 11px;
	background-position: 0 -40px;
	position: relative}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.family .jig-cta .cta-button a, .turn-it-around-landing .scroll_container .module.social_rotator .cta-button a
{
	width: 240px;
	height: 42px;
	margin-top: 25px;
	font-size: 1.85rem;
	background-size: cover}


.turn-it-around-landing .scroll_container .module.family .jig-cta .cta-button a:hover, .turn-it-around-landing .scroll_container .module.social_rotator .cta-button a:hover
{
	background-position: 0 -48px}


}


.turn-it-around-landing .scroll_container .module.social_rotator
{
	height: auto;
	padding-bottom: 5rem;
	background-image: url(../img/turnitaround/landing_social_rotator_bg.jpg)}


.turn-it-around-landing .scroll_container .module.social_rotator .headline
{
	margin-top: 5px}


.turn-it-around-landing .scroll_container .module.social_rotator .headline img
{
	margin: 0 auto}


.turn-it-around-landing .scroll_container .module.social_rotator p
{
	margin-top: 20px;
	color: #fff;
	font-size: 2.25rem;
	line-height: 3rem}


.turn-it-around-landing .scroll_container .module.social_rotator .cta-button a
{
	margin-top: 15px;
	padding-top: 6px;
	font-size: 1.85rem}


.turn-it-around-landing .scroll_container .module.social_rotator .cta-button a:hover
{
	padding-top: 9px}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.social_rotator .cta-button a
{
	font-size: 1.85rem}


}


.turn-it-around-landing .scroll_container .module.social_rotator .slider_container .slide_image
{
	width: 184px;
	height: 184px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat}


.turn-it-around-landing .scroll_container .module.social_rotator .slider_container .slider_left, .turn-it-around-landing .scroll_container .module.social_rotator .slider_container .slider_right
{
	height: 184px}


.turn-it-around-landing .scroll_container .module.family
{
	position: relative;
	height: 464px;
	padding-top: 0;
	margin-top: -40px}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.family
{
	height: auto}


}


.turn-it-around-landing .scroll_container .module.family .family-content
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 425px;
	padding-bottom: 0;
	background-image: url(../img/turnitaround/landing_herobg.jpg);
	background-size: cover}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.family .family-content
{
	position: static;
	height: auto}


}


.turn-it-around-landing .scroll_container .module.family .family-content .jig-cta
{
	height: 350px;
	margin-top: 25px;
	background: url(../img/turnitaround/landing_family_mandala.png) no-repeat center;
	background-size: contain;
	z-index: 100}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.family .family-content .jig-cta
{
	height: 500px;
	margin-bottom: 40px}


}


@media (max-width:767px)
{
	.turn-it-around-landing .scroll_container .module.family .family-content .jig-cta
{
	background-size: cover}


}


.turn-it-around-landing .scroll_container .module.family .family-content .jig-cta h3
{
	margin-top: 75px;
	color: #fff;
	font-size: 3rem;
	text-transform: uppercase;
	padding-bottom: 10px;
	background: url(../img/turnitaround/landing_family_line.png) no-repeat center bottom}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.family .family-content .jig-cta h3
{
	font-size: 4rem}


}


.turn-it-around-landing .scroll_container .module.family .family-content .jig-cta p
{
	margin-top: 15px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 1.75rem}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.family .family-content .jig-cta p
{
	font-size: 2rem;
	line-height: 3rem}


}


.turn-it-around-landing .scroll_container .module.family .bttrlazyloading-wrapper
{
	z-index: 30}


.turn-it-around-landing .scroll_container .module.family .bottles
{
	position: absolute;
	top: 0;
	right: 0}


@media (max-width:991px)
{
	.turn-it-around-landing .scroll_container .module.family .bottles
{
	position: static;
	margin: 0 auto}


}


.turn-it-around-landing .slick-slider
{
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent}


.turn-it-around-landing .slick-list
{
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0}


.turn-it-around-landing .slick-list:focus
{
	outline: 0}


.turn-it-around-landing .slick-list.dragging
{
	cursor: pointer;
	cursor: hand}


.turn-it-around-landing .slick-slider .slick-list, .turn-it-around-landing .slick-slider .slick-track
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)}


.turn-it-around-landing .slick-track
{
	position: relative;
	left: 0;
	top: 0;
	display: block}


.turn-it-around-landing .slick-track:after, .turn-it-around-landing .slick-track:before
{
	content: "";
	display: table}


.turn-it-around-landing .slick-track:after
{
	clear: both}


.turn-it-around-landing .slick-loading .slick-track
{
	visibility: hidden}


.turn-it-around-landing .slick-slide
{
	float: left;
	height: 100%;
	min-height: 1px;
	padding: 0 10px;
	display: none}


[dir=rtl] .turn-it-around-landing .slick-slide
{
	float: right}


.turn-it-around-landing .slick-slide img
{
	display: block}


.turn-it-around-landing .slick-slide.slick-loading img
{
	display: none}


.turn-it-around-landing .slick-slide.dragging img
{
	pointer-events: none}


.turn-it-around-landing .slick-initialized .slick-slide
{
	display: block}


.turn-it-around-landing .slick-loading .slick-slide
{
	visibility: hidden}


.turn-it-around-landing .slick-vertical .slick-slide
{
	display: block;
	height: auto;
	border: 1px solid transparent}


.turn-it-around-landing .slick-arrow.slick-hidden
{
	display: none}


.turn-it-around-landing .slick-loading .slick-list
{
	background: #fff url(../img/turnitaround/ajax-loader.gif) center center no-repeat}


@font-face
{
	font-family: slick;
	font-weight: 400;
	font-style: normal;
	src: url(../fonts/slick.eot);
	src: url(../fonts/slickd41d.eot?#iefix) format('embedded-opentype'), url(../fonts/slick.woff) format('woff'), url(../fonts/slick.ttf) format('truetype'), url(../fonts/slick.svg#slick) format('svg')}


.turn-it-around-landing .slick-next, .turn-it-around-landing .slick-prev
{
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: 0 0;
	color: transparent;
	top: 50%;
	margin-top: -10px\9;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	border: none;
	outline: 0}


.turn-it-around-landing .slick-next:focus, .turn-it-around-landing .slick-next:hover, .turn-it-around-landing .slick-prev:focus, .turn-it-around-landing .slick-prev:hover
{
	outline: 0;
	background: 0 0;
	color: transparent}


.turn-it-around-landing .slick-next:focus:before, .turn-it-around-landing .slick-next:hover:before, .turn-it-around-landing .slick-prev:focus:before, .turn-it-around-landing .slick-prev:hover:before
{
	opacity: 1}


.turn-it-around-landing .slick-next.slick-disabled:before, .turn-it-around-landing .slick-prev.slick-disabled:before
{
	opacity: .25}


.turn-it-around-landing .slick-next:before, .turn-it-around-landing .slick-prev:before
{
	font-family: slick;
	font-size: 20px;
	line-height: 1;
	color: #fff;
	opacity: .75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale}


.turn-it-around-landing .slick-prev
{
	left: -25px}


.turn-it-around-landing .slick-prev[dir=rtl]
{
	left: auto;
	right: -25px}


.turn-it-around-landing .slick-prev:before
{
	content: "?"}


.turn-it-around-landing .slick-prev:before[dir=rtl]
{
	content: "?"}


.turn-it-around-landing .slick-next
{
	right: -25px}


.turn-it-around-landing .slick-next[dir=rtl]
{
	left: -25px;
	right: auto}


.turn-it-around-landing .slick-next:before
{
	content: "?"}


.turn-it-around-landing .slick-next:before[dir=rtl]
{
	content: "?"}


.turn-it-around-landing .slick-slider
{
	margin-bottom: 30px}


.turn-it-around-landing .slick-dots
{
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%}


.turn-it-around-landing .slick-dots li
{
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer}


.turn-it-around-landing .slick-dots li button
{
	border: 0;
	background: 0 0;
	display: block;
	height: 20px;
	width: 20px;
	outline: 0;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer}


.turn-it-around-landing .slick-dots li button:focus, .turn-it-around-landing .slick-dots li button:hover
{
	outline: 0}


.turn-it-around-landing .slick-dots li button:focus:before, .turn-it-around-landing .slick-dots li button:hover:before
{
	opacity: 1}


.turn-it-around-landing .slick-dots li button:before
{
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: slick;
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale}


.turn-it-around-landing .slick-dots li.slick-active button:before
{
	color: #000;
	opacity: .75}


.turn-it-around-landing .module.social_rotator .slick-slide
{
	padding: 0}


.turn-it-around-sweeps .landing
{
	min-height: 993px;
	background: url(../img/turnitaround/sweeps_landing_bg.jpg) no-repeat;
	background-size: cover;
	overflow: hidden}


.turn-it-around-sweeps .landing .landing_title
{
	float: left;
	width: 100%;
	min-height: 337px;
	background: url(../img/turnitaround/sweeps_landing.png) no-repeat center}


@media (max-width:991px)
{
	.turn-it-around-sweeps .landing .landing_title
{
	margin-top: 65px;
	min-height: 0;
	background: 0 0}


}


.turn-it-around-sweeps .landing p
{
	margin-top: 25px;
	font-size: 2.25rem;
	line-height: 2.5rem;
	color: #3b6c3a;
	text-align: center}


.turn-it-around-sweeps .landing h1
{
	margin-top: -40px;
	font-size: 5rem;
	color: #3b6c3a;
	text-align: center;
	text-transform: uppercase}


.turn-it-around-sweeps .landing h1 strong
{
	font-size: 9rem}


@media (max-width:991px)
{
	.turn-it-around-sweeps .landing h1
{
	margin-top: 0}


}


.turn-it-around-sweeps .landing .howtogetstarted
{
	height: 75px;
	padding-top: 20px;
	font-size: 2.75rem;
	color: #3b6c3a;
	text-align: center;
	text-transform: uppercase;
	background: url(../img/turnitaround/sweeps_howtogetstarted_bg.png) no-repeat 50% 70%}


.turn-it-around-sweeps .landing .mobile_steps>figure, .turn-it-around-sweeps .landing .roundaboutsweeps .active-state>figure
{
	top: 0;
	left: -50px}


.turn-it-around-sweeps .landing .mobile_steps>figure img, .turn-it-around-sweeps .landing .roundaboutsweeps .active-state>figure img
{
	margin-left: 0}


.turn-it-around-sweeps .landing .mobile_steps h3, .turn-it-around-sweeps .landing .roundaboutsweeps .active-state h3
{
	margin-top: 125px;
	color: #60ae41;
	font-size: 4rem;
	text-align: center;
	text-transform: uppercase;
	background: url(../img/turnitaround/sweeps_landing_step_border_top.png) no-repeat 50% 70%}


.turn-it-around-sweeps .landing .mobile_steps h4, .turn-it-around-sweeps .landing .roundaboutsweeps .active-state h4
{
	margin-top: 5px;
	color: #60ae41;
	font-size: 2rem;
	text-align: center;
	text-transform: uppercase}


.turn-it-around-sweeps .landing .mobile_steps p, .turn-it-around-sweeps .landing .roundaboutsweeps .active-state p
{
	margin-top: 3px;
	padding-bottom: 17px;
	font-size: 2rem;
	line-height: 1.85rem;
	color: #3b6c3a;
	background: url(../img/turnitaround/sweeps_landing_step_border_bottom.png) no-repeat center bottom}


.turn-it-around-sweeps .landing .mobile_steps .step2 p, .turn-it-around-sweeps .landing .mobile_steps .step3 p, .turn-it-around-sweeps .landing .roundaboutsweeps .active-state .step2 p, .turn-it-around-sweeps .landing .roundaboutsweeps .active-state .step3 p
{
	margin-top: 10px;
	line-height: 2.25rem}


.turn-it-around-sweeps .landing .mobile_steps
{
	margin-top: 25px}


.turn-it-around-sweeps .landing .mobile_steps .step
{
	margin: 25px 0}


.turn-it-around-sweeps .landing .mobile_steps .step h3
{
	margin-top: 50px}


@media (max-width:767px)
{
	.turn-it-around-sweeps .landing .mobile_steps .step h3
{
	margin-top: 0}


}


.turn-it-around-sweeps .landing .roundaboutsweeps .roundabout-in-focus .product .not-active-state figure
{
	left: -50px}


.turn-it-around-sweeps .landing .roundaboutsweeps .roundabout-in-focus .product .not-active-state figure img
{
	width: 100%}


.turn-it-around-sweeps .landing .roundaboutsweeps .product .wrapper
{
	width: 120%;
	margin-left: 0}


.turn-it-around-sweeps .landing .roundaboutsweeps .product .product-details
{
	bottom: auto;
	top: 125px}


.turn-it-around-sweeps .landing .legal
{
	font-size: 1rem;
	line-height: 1.25rem;
	z-index: 888}


.turn-it-around-sweeps .landing #save_dollar_button
{
	top: 125px;
	right: 0}


@media (max-width:991px)
{
	.turn-it-around-sweeps .landing #save_dollar_button
{
	top: auto;
	bottom: 146px}


}


.turn-it-around-sweeps .landing #find_store_button
{
	top: 214px;
	right: 0}


@media (max-width:991px)
{
	.turn-it-around-sweeps .landing #find_store_button
{
	top: auto;
	bottom: 0}


}


.turn-it-around-sweeps .featured
{
	min-height: 366px;
	background: url(../img/turnitaround/sweeps_featured_bg.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden}


.turn-it-around-sweeps .featured .featured_image
{
	margin: 35px 0}


.turn-it-around-sweeps .featured .featured_image img
{
	margin: 0 auto}


.turn-it-around-sweeps .featured h1
{
	margin-top: 75px;
	padding-bottom: 20px;
	color: #fff;
	font-size: 4.1rem;
	text-align: center;
	text-transform: uppercase;
	background: url(../img/turnitaround/sweeps_featured_underline.png) no-repeat center bottom}


@media (max-width:991px)
{
	.turn-it-around-sweeps .featured h1
{
	margin-top: 0}


}


.turn-it-around-sweeps .featured p
{
	color: #fff;
	font-size: 1.9rem;
	text-align: center}


.turn-it-around-sweeps .featured p .yellow
{
	color: #f6ef5f}


.turn-it-around-sweeps .featured .byline
{
	display: block;
	margin-bottom: 30px;
	color: #fff;
	font-size: 1.5rem;
	line-height: 1.75rem;
	text-align: center}


.turn-it-around-sweeps .idea-gallery
{
	min-height: 904px;
	background: url(../img/turnitaround/sweeps_social_bg.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden}


.turn-it-around-sweeps .idea-gallery h1
{
	margin-top: 65px;
	font-size: 3rem;
	color: #60ae41}


.turn-it-around-sweeps .idea-gallery h1 .text
{
	display: inline-block;
	height: 40px;
	vertical-align: top}


.turn-it-around-sweeps .idea-gallery h1 .arrow
{
	display: inline-block;
	width: 22px;
	height: 32px;
	background: url(../img/turnitaround/sweeps_ideagallery_arrow.png) no-repeat 0 4px}


.turn-it-around-sweeps .idea-gallery .gallery
{
	margin: 25px 0 115px}


.turn-it-around-sweeps .idea-gallery .gallery .item
{
	display: block;
	padding-left: 0;
	padding-right: 0;
	height: 330px;
	background: #5daf39}


@media (max-width:991px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item
{
	height: 500px}


}


@media (max-width:767px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item
{
	margin: 20px 0}


}


.turn-it-around-sweeps .idea-gallery .gallery .item .social_image
{
	width: 100%;
	height: 64%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover}


.turn-it-around-sweeps .idea-gallery .gallery .item .tweet
{
	width: 100%;
	height: 80%;
	padding: 65px 10px;
	background: #fff;
	text-align: center}


.turn-it-around-sweeps .idea-gallery .gallery .item .tweet h4
{
	font-size: 2rem;
	line-height: 3rem;
	color: #649df2;
	text-transform: uppercase}


@media (max-width:991px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .tweet h4
{
	font-size: 2.75rem}


}


@media (max-width:767px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .tweet h4
{
	font-size: 3.75rem;
	line-height: 3.75rem}


}


.turn-it-around-sweeps .idea-gallery .gallery .item .tweet p
{
	margin: 0;
	font-size: 2.25rem;
	line-height: 3rem;
	color: #60ae41}


@media (max-width:991px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .tweet p
{
	font-size: 3rem}


}


@media (max-width:767px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .tweet p
{
	font-size: 4rem;
	line-height: 4rem}


}


.turn-it-around-sweeps .idea-gallery .gallery .item .info
{
	width: 100%;
	height: 36%;
	padding: 5px;
	text-align: center}


@media (max-width:991px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .info
{
	padding: 10px}


}


.turn-it-around-sweeps .idea-gallery .gallery .item .info .social-icon
{
	display: inline-block;
	width: 100%;
	color: #fff}


@media (max-width:991px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .info .social-icon
{
	font-size: 3rem}


}


@media (max-width:767px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .info .social-icon
{
	font-size: 4rem}


}


.turn-it-around-sweeps .idea-gallery .gallery .item .info h3
{
	margin-top: 2px;
	color: #fff;
	font-size: 2.25rem;
	text-transform: uppercase}


@media (max-width:991px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .info h3
{
	font-size: 4rem}


}


@media (max-width:767px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .info h3
{
	font-size: 4rem}


}


.turn-it-around-sweeps .idea-gallery .gallery .item .info p
{
	margin: 2px 0 0;
	color: #fff;
	font-size: 1.75rem;
	line-height: 1.75rem;
	word-wrap: break-word}


@media (max-width:991px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .info p
{
	font-size: 2rem;
	line-height: 2rem}


}


@media (max-width:767px)
{
	.turn-it-around-sweeps .idea-gallery .gallery .item .info p
{
	font-size: 2rem;
	line-height: 2rem}


}


.turnitaround-slide
{
	position: relative}


@media (min-width:1350px)
{
	.turnitaround-slide .container
{
	width: 1365px}


}


.turnitaround-slide h3
{
	color: #396b3a;
	font-size: 11rem;
	line-height: 11rem;
	text-align: center}


@media (max-width:1099px)
{
	.turnitaround-slide h3
{
	font-size: 10rem;
	line-height: 10rem}


}


@media (max-width:991px)
{
	.turnitaround-slide h3
{
	font-size: 5rem;
	line-height: 5rem;
	color: #fff}


}


.turnitaround-slide h2
{
	padding-bottom: 40px;
	color: #396b3a;
	font-size: 4.75rem;
	text-transform: uppercase;
	text-align: center;
	background: url(../img/turnitaround/landing_hero_flair.png) no-repeat bottom}


@media (max-width:991px)
{
	.turnitaround-slide h2
{
	padding-bottom: 20px;
	color: #fff;
	font-size: 2.75rem;
	background: url(../img/turnitaround/landing_hero_flair_mobile.png) no-repeat bottom;
	background-size: 175px}


}


.turnitaround-slide a.tia-button
{
	display: block;
	width: 345px;
	height: 46px;
	margin: 0 auto;
	background: url(../img/turnitaround/home_herobutton.png) top left no-repeat;
	color: #fff;
	text-align: center;
	text-indent: -99999px;
	font-weight: 700;
	font-family: lunchbox, Georgia, Helvetica, sans-serif;
	font-size: 36px;
	font-size: 2.25rem;
	padding-top: 8px}


.turnitaround-slide a.tia-button:hover
{
	padding-top: 10px;
	background-position: 0 -46px}


@media (max-width:991px)
{
	.turnitaround-slide a.tia-button
{
	width: 275px;
	height: 34px;
	background-size: cover}


.turnitaround-slide a.tia-button:hover
{
	padding-top: 0;
	background-position: 0 -37px}


}


.turnitaround-slide a.tia-arrow-overlay
{
	display: block;
	position: absolute;
	width: 20%;
	height: 30%;
	bottom: 1%;
	left: 30%}


#ngjdModal
{
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out}


#ngjdModal.in
{
	opacity: 1}


@media (min-width:1099px)
{
	#ngjdModal .modal-dialog
{
	width: 781px}


}


#ngjdModal .modal-dialog .modal-content
{
	background: 0 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0}


#ngjdModal .modal-dialog .modal-content .modal-body
{
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0}


#ngjdModal .modal-dialog .modal-content .modal-body .close
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 26px;
	height: 26px;
	background: url(../img/ngjd2016/close.png) top left no-repeat}


#ngjdModal .modal-dialog .modal-content .modal-body .different_button, #ngjdModal .modal-dialog .modal-content .modal-body .enter_sweeps_button
{
	position: absolute;
	bottom: 18%;
	left: 13.5%;
	display: inline-block;
	width: 40%;
	height: 6%;
	margin: 0 auto;
	padding-top: 8px;
	color: #fff;
	font-size: 1.85rem;
	background: url(../img/ngjd2016/different_button.png) top left no-repeat;
	background-size: cover}


#ngjdModal .modal-dialog .modal-content .modal-body .different_button:hover, #ngjdModal .modal-dialog .modal-content .modal-body .enter_sweeps_button:hover
{
	background-position: 0 109%}


#ngjdModal .modal-dialog .modal-content .modal-body .enter_sweeps_button
{
	bottom: 20%;
	background: url(../img/ngjd2016/enter_sweeps_button.png) top left no-repeat;
	background-size: cover}


#ngjdModal .modal-dialog .modal-content .modal-body .enter_sweeps_button:hover
{
	background-position: 0 107%}


#ngjdModal .modal-dialog .modal-content .modal-body .postmates_button
{
	position: absolute;
	bottom: 25%;
	left: 9%;
	display: inline-block;
	width: 49%;
	height: 9.25%;
	margin: 0 auto;
	padding-top: 8px;
	color: #fff;
	font-size: 1.85rem;
	background: url(../img/ngjd2016/postmates_button.png) top left no-repeat;
	background-size: cover}


#ngjdModal .modal-dialog .modal-content .modal-body .postmates_button:hover
{
	background-position: 0 102%}


#ngjdModal .modal-dialog .modal-content .modal-body .save_dollar_button
{
	position: absolute;
	bottom: 12.5%;
	left: 12.25%;
	display: inline-block;
	width: 42%;
	height: 6.75%;
	margin: 0 auto;
	padding-top: 8px;
	color: #fff;
	font-size: 1.85rem;
	background: url(../img/ngjd2016/not_in_city_button.png) top left no-repeat;
	background-size: cover}


#ngjdModal .modal-dialog .modal-content .modal-body .save_dollar_button:hover
{
	background-position: 0 109%}


.kitchens .hero h2
{
	margin-top: 10rem;
	margin-bottom: 5.5rem}


.kitchens .hero h1
{
	margin-bottom: 3rem}


.kitchens .hero h1 .sub
{
	display: inline-block;
	vertical-align: sub}


.kitchens .hero .button
{
	width: 195px;
	height: 45px;
	line-height: 45px;
	margin-bottom: 6rem}


.kitchens .hero .icon-play
{
	color: #fff}


.kitchens .hero .icon-play:before
{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)}


.kitchens .hero .hero-fine-print
{
	margin-left: 12.5%;
	width: 75%}


.kitchens .module.intro
{
	margin-top: -15px}


@media (min-width:992px)
{
	.kitchens .module.intro
{
	margin-top: -65px}


}


.kitchens .module.intro .image-wrapper
{
	-webkit-box-shadow: 0 -3px 10px rgba(0, 0, 0, .2);
	box-shadow: 0 -3px 10px rgba(0, 0, 0, .2)}


.kitchens .module.kitchen-text .large
{
	font-size: 2.25rem}


.kitchens .module.product-grid
{
	padding-top: 0}


.kitchens .module.product-grid .column
{
	padding-left: 0;
	padding-right: 0}


.kitchens .module.product-grid .column .grid-item img
{
	margin: 0 auto;
	padding-top: 7px;
	padding-bottom: 7px}


.kitchens .module.product-grid .column .grid-item.mid-left
{
	width: 70.1%}


.kitchens .module.product-grid .column .grid-item.mid-right
{
	width: 29.9%}


.kitchens .module.our-stores h2
{
	font-size: 72px;
	font-size: 4.5rem;
	font-weight: 700}


@media (min-width:992px)
{
	.kitchens .module.our-stores .location-item
{
	width: 33.333333333%}


}


.kitchens .module.our-stores .location-item .location-wrapper
{
	text-align: center}


.kitchens .module.our-stores .location-item .location-wrapper .location-details h3
{
	font-size: 72px;
	font-size: 4.5rem}


.kitchens .module.our-stores .location-item .location-wrapper .location-details p
{
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 3rem;
	text-transform: uppercase}


.kitchens .module.our-stores .location-item .location-wrapper .location-details .hours
{
	min-height: 90px}


.kitchens .module.our-stores .location-item .location-wrapper .location-details .button
{
	width: 75%;
	height: 60px;
	margin-top: 20px;
	padding-top: 10px;
	line-height: 20px}


.modal-open
{
	overflow: hidden}


.modal-error-hidden
{
	display: none}


.modal
{
	display: none;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0}


.modal.fade .modal-dialog
{
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%)}


.modal.in .modal-dialog
{
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0)}


.modal-dialog
{
	position: relative;
	width: auto;
	margin: 10px}


.modal-content
{
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
	background-clip: padding-box;
	outline: 0}


.modal-backdrop
{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000}


.modal-backdrop.fade
{
	opacity: 0;
	filter: alpha(opacity=0)}


.modal-backdrop.in
{
	opacity: .5;
	filter: alpha(opacity=50)}


.modal-header
{
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	min-height: 16.43px}


.modal-header .close
{
	margin-top: -2px;
	float: right;
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-moz-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-ms-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-o-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1);
	display: block;
	position: relative;
	margin: auto;
	width: 180px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-size: 22.4px;
	font-size: 1.4rem;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
	border: 1px solid #fff;
	text-transform: uppercase;
	font-family: din-bold, Georgia, Helvetica, sans-serif;
	cursor: pointer;
	font-weight: 400;
	width: 40px;
	height: 40px;
	font-size: 24px}


.modal-header .close.wide
{
	width: 195px}


.modal-header .close:hover
{
	text-shadow: none}


.modal-header .close.white
{
	color: #60ae41;
	border: 1px solid #fff;
	background: #fff}


.modal-header .close.white:hover
{
	border: 1px solid #60ae41;
	background: #60ae41;
	color: #fff}


.modal-header .close.red
{
	color: #fff;
	background: #c52d20;
	border: 1px solid #c52d20}


.modal-header .close.red:hover
{
	color: #fff;
	background: #c52d20}


.modal-header .close.darkred
{
	color: #fff;
	background: #600;
	border: 1px solid #600}


.modal-header .close.darkred:hover
{
	color: #fff;
	background: #600}


.modal-header .close.pinkred
{
	color: #fff;
	background: #d1354a;
	border: 1px solid #d1354a}


.modal-header .close.pinkred:hover
{
	color: #fff;
	background: #d1354a}


.modal-header .close.darkgreen
{
	color: #fff;
	background: #184b26;
	border: 1px solid #184b26}


.modal-header .close.darkgreen:hover
{
	color: #fff;
	background: #184b26}


.modal-header .close.green
{
	border: 1px solid #60ae41;
	color: #fff;
	background: #60ae41}


.modal-header .close.green:hover
{
	background: #60ae41;
	color: #fff}


.modal-header .close.limegreen
{
	border: 1px solid #9dc22e;
	color: #fff;
	background: #9dc22e}


.modal-header .close.limegreen:hover
{
	background: #9dc22e;
	color: #fff}


.modal-header .close.darkorange
{
	border: 1px solid #d95a30;
	color: #fff;
	background: #d95a30}


.modal-header .close.darkorange:hover
{
	background: #d95a30;
	color: #fff}


.modal-header .close.orange
{
	border: 1px solid #f27235;
	color: #fff;
	background: #f27235}


.modal-header .close.orange:hover
{
	background: #f27235;
	color: #fff}


.modal-header .close.yellow
{
	border: 1px solid #f0b531;
	color: #fff;
	background: #f0b531}


.modal-header .close.yellow:hover
{
	background: #f0b531;
	color: #fff}


.modal-header .close.brown
{
	border: 1px solid #802f00;
	color: #fff;
	background: #802f00}


.modal-header .close.brown:hover
{
	background: #802f00;
	color: #fff}


.modal-header .close.transparent
{
	background: 0 0}


.modal-header .close.transparent.white
{
	color: #fff}


.modal-header .close.transparent.white:hover
{
	background: #60ae41;
	border-color: #60ae41;
	color: #fff}


.modal-header .close.transparent.green
{
	color: #60ae41}


.modal-header .close.transparent.red
{
	color: #c52d20}


.modal-header .close.transparent.darkred
{
	color: #600}


.modal-header .close.transparent.pinkred
{
	color: #d1354a}


.modal-header .close.transparent.darkgreen
{
	color: #184b26}


.modal-header .close.transparent.limegreen
{
	color: #9dc22e}


.modal-header .close.transparent:hover
{
	color: #fff}


.modal-header .close.transparent.darkorange
{
	color: #d95a30}


.modal-header .close.transparent.orange
{
	color: #f27235}


.modal-header .close.transparent.yellow
{
	color: #f0b531}


.modal-header .close.transparent.brown
{
	color: #802f00}


.modal-header .close.no-border
{
	border: none}


.modal-title
{
	margin: 0;
	line-height: 1.42857143}


.modal-body
{
	position: relative;
	padding: 20px}


.modal-body input, .modal-body select
{
	border: 1px solid #d3d3d3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	font-family: 'Populaire Light1263935', Georgia, Helvetica, sans-serif!important;
	line-height: 75.2px;
	line-height: 4.7rem;
	font-size: 20px;
	font-size: 2.5rem;
	padding-left: 32px;
	padding-left: 2rem;
	padding-right: 32px;
	padding-right: 2rem;
	width: 60%;
	text-transform: uppercase;
	text-align: center;
	color: #60ae41}


.modal-body input::-webkit-input-placeholder, .modal-body select::-webkit-input-placeholder
{
	color: #60ae41}


.modal-body input:-moz-placeholder, .modal-body select:-moz-placeholder
{
	color: #60ae41;
	opacity: 1}


.modal-body input::-moz-placeholder, .modal-body select::-moz-placeholder
{
	color: #60ae41;
	opacity: 1}


.modal-body input:-ms-input-placeholder, .modal-body select:-ms-input-placeholder
{
	color: #60ae41}


.modal-footer
{
	margin-top: 15px;
	padding: 19px 20px 20px;
	text-align: right;
	border-top: 1px solid #e5e5e5}


.modal-footer .btn+.btn
{
	margin-left: 5px;
	margin-bottom: 0}


.modal-footer .btn-group .btn+.btn
{
	margin-left: -1px}


.modal-footer .btn-block+.btn-block
{
	margin-left: 0}


@media (min-width:768px)
{
	.modal-dialog
{
	width: 600px;
	margin: 30px auto}


.modal-content
{
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5)}


.modal-sm
{
	width: 300px}


}


@media (min-width:992px)
{
	.modal-lg
{
	width: 900px}


}

 
.mobile-img{
	display:none !important;
}

.module.hero.h722{
	min-height:500px;
		}
 

@media screen and (max-width: 1400px) {
	.bx-wrapper img{
		height:579px;
	}
	
}

@media screen and (max-width: 1200px) {
	
	
 
	 
	
}

@media screen and (max-width: 800px) {
	
	.module.hero.h722{
		max-height:720px !important;
		min-height:inherit !important;
		}
	.bx-wrapper img{
		height:auto;
	}
	
	.mobile-img{
		display:block !important;
	}
	
	 .slider1{
	 background-image:none;
 }
 
  .slider2{
	 background-image:none;
 }
 
  .slider3{
	 background-image:none;
 }
 
 .hide{
	 display:none !important;
 }
	 
}

