@charset "utf-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126  License: none (public domain) */
   html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0px;padding: 0px;  border: 0px;font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1;background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: none;}
table { border-collapse: collapse;border-spacing: 0px;}
/* Font-faces  */
@font-face {
    font-family: 'MergePro';
    src: url(../fonts/MergePro.otf);
}
@font-face {
    font-family: 'MergeOne-Regular';
    src:url('../fonts/MergeOne-Regular.ttf');
}
@font-face {
    font-family: 'MergePro-Bold';
    src:url('../fonts/MergePro.otf');
}
html{
  /*font-family: 'MergeOne-Regular';*/
  font-family: arial, verdana;
  font-size: 12px;
}
img{
  -ms-interpolation-mode: bicubic;
}
a,
a:visited{
  color: #000;
  text-decoration: none;
}
a:focus,
a:hover{
  color: #ec1f27;
  text-decoration: underline;
  outline-width: 1px;
  outline-color:#ec1f27; 
}

span.hidden{
  position: absolute;
  left:-10000px;
  top:-10000px;
  display: block;
  text-indent: -99999em;
  height:0;
  width:0;
}

#mainContainer,
#flexslider,
#headline,
#feed,
#sub_footer,
.product_container{
  display: block;
  width: 960px;
  margin: 0px auto;
}
.clearfix{
  clear: both;
}
sup {
  font-size: 0.9em;
  position: relative;
  bottom: 2px;
}
h1 sup{
  font-size: 0.6em;
  bottom: 6px;
}
strong{font-weight: bolder;}
p strong{color: #000;}
#mainContainer a.button:hover{
  text-decoration: none;
  color: #ee3424; 
  background-color: #FFF;
}
#mainContainer a.button{
  display: block;
  color: #FFF;
  border: thin solid;
  background-color: #ee3424;
  font-size: 12px;
  font-weight: bolder;
  text-align: center;
  height: 40px;
  line-height: 40px;
}
/*.card.alternate{
  background-color: #72cbd2;
}*/
.card.alternate a{display: block;padding-bottom: 1px;}
/*#mainContainer .card.alternate .actions a.button{
  border-color: #72cbd2;
}*/
#mainContainer .card.alternate .actions  a.button:hover,
#mainContainer .card.alternate .actions  a.button:focus{
  border-color: #ee3424;
}
/* SOCIAL SHARES */
header{
  position: relative;
  width: 960px;
  margin: 0px auto;
  height: 112px;
  line-height: 112px;
  padding:10px 0px;
  font-family: 'MergePro-Bold';
  font-size: 22px;
  font-weight: bolder;
  text-align: center;
  letter-spacing: -0.02em;
}
header a{
  color: #4c4c4c !important;
}
header a:hover,
header a:focus{
  text-decoration: none;
}
header#mainHeader ul{display: inline-block;margin:0 auto;*display: inline;*zoom: 1;}
header#mainHeader ul li{float: left;width: auto;height:auto;}
header#mainHeader ul li.center{margin:0 50px;}
header#mainHeader ul li.center a{display:inline-block;}
header img.logo{
  vertical-align: middle;
  height:100px;
  width: auto;
}
header .social_share{
  float: right;
}
header a#menu_button{
  display: none;
  position: absolute;
  top: 0px;
  height: 132px;
  width: 132px;
  background-image:url('/images/icons/menu.jpg');
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
}
header a#menu_button:hover{
  background-image:url('/images/icons/menu_hover.jpg');
}
header a#menu_button.collapse{
  background-image:url('/images/icons/menux.jpg');
}
header a#menu_button.collapse:hover{
  background-image:url('/images/icons/menux_hover.jpg');
}
#mobile_menu{
  display: none;
  width: 100%;
  padding:75px 0px;
  background-color: #f8f8f8; 
}
#mobile_menu ul li{
  margin: 60px 0px;
  font-family: 'MergePro-Bold';
  font-size: 50px;
  font-weight: bolder;
  text-align: center;
  letter-spacing: -0.02em;
}
#mobile_menu ul li a:hover,
#mobile_menu ul li a:focus{
  text-decoration: none;
}
#mainContainer{
  position: relative;
  overflow: hidden;
  background-color: #f0f0f0;
  border-bottom: solid 8px #48d1ff;
}
.social_share .stButton .chicklets{
  overflow: hidden;
  padding-right: 0px;
  width: 0px;
}
#headline{
  background-color: #0a8ee1;
  text-align: center;
  padding: 22px 0px;
  margin-bottom: 44px;
  border-top:solid 8px #48d1ff;
}
#headline h1{
  font-family: 'MergePro-Bold';
  font-size: 30px;
  margin: 0px;
  color: #FFF;
  font-weight: bold;
  letter-spacing: -0.02em;
}
#headline .heart{height: 18px;}
#headline p{ 
  font-size:1.14em;
  margin:10px 0px 0px;
  line-height: 23px;
  color: #FFF;
}
#feed{
  width: 870px; /* 90.6% */
  margin: 0px auto;
}
.hero{
  position: relative;
  min-height: 238px;
  border-top:solid 8px #ef4123;
  border-bottom: solid 8px #ffd200;
}
.card{
  position: relative;
  display:inline-block;
  vertical-align: top;
  width:277px;
  background-color:#FFF;
  margin-bottom: 20px;
  min-height: 387px; 
}
.card.extra{
  background-color: transparent;
}
.card.extra div{
  display: block;
  width: 100%;
  margin-bottom: 20px;
  vertical-align: middle;
  font-size: 22px;
  letter-spacing: -0.02em;
  color: #FFF;
  text-align: center;
  letter-spacing: 0.05em;
}
.card.extra .subscribe{
  width: 100%;
  background-color: #1677bd;
}
.card.extra .subscribe .wrap{
  display: block;
  padding-bottom: 23px;
  border: solid 8px #48d1ff;
}
.EmbeddedTweet{
  border: solid thin #FFF !important;
  border: none;
}
.card.extra .subscribe h3{font-size: 26px;padding-top: 40px;font-family: 'MergePro-Bold'; font-weight: bolder;}
.card.extra .subscribe p{font-size: 10px;line-height: 14px;margin: 10px 0px 15px;font-family: arial;}
.card.extra .subscribe a{
  display: inline-block;
  color: #1677bd;
  font-family: 'MergePro-Bold';
  font-weight: bolder;
  background-color: #fff;
  width: 124px;
  height: 34px;
  line-height: 34px;
  font-size: 12px;
}
.card:nth-child(2),
.card:nth-child(5),
.card:nth-child(8),
.card:nth-child(11),
.card:nth-child(14),
.card:nth-child(17){
  margin: 0px 16px 20px;
}
.card .header{
  display: table;
  width: 100%;
  height: 65px;
  text-align: center;
}
.card .header h2{
  display: table-cell;
  vertical-align: middle;
  font-family: 'MergePro-Bold';
  font-size: 1.1em;
  font-weight: bolder;
  line-height: 20px;
  text-align: center;
  letter-spacing: -0.02em;
}
.card img{
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}
/*.card.alternate img{min-height: 343px;}
.card.question img{height: 387px;}*/
.card .promo{display:block;margin-bottom:20px;}
.card .promo img{
  height: auto;
  width: auto;
}
.card .actions{
  display: block;
  width: 100%;
  padding:0px;
}
.card .actions a,
article .actions a{
  float: left;
  width: 32.6%;
}
article .actions a{
  /*width: 105px;
  height: 38px;
  text-align: center;*/
}
/*.card.alternate{
  background-color: #72cbd2;
}*/
.card.question{
  position: relative;
  overflow: hidden;
  color: #FFF;
  font-family: 'MergePro-Bold';
  text-align: center;
  background-repeat: no-repeat;
  background-size:contain;
  background-position:center;
}
#mainContainer .card.question .copy{position:absolute;width:90%;z-index:1;top:38%;font-size: 20px;line-height: 26px;padding: 0px 5%}
#mainContainer .card.question p{position:absolute;z-index:1;width:100%;bottom:25%;font-size: 18px;font-weight: bolder; }
#mainContainer .card.question .hashtag{position:absolute;z-index:1;width:100%;bottom:27%;font-size: 23px;font-weight: bolder;}
#mainContainer .card.question img.bg{}
#mainContainer .card.question img.heart{z-index:1;width:auto;display: inline-block;position:relative;height: 12px;}
#mainContainer .card .actions a:nth-child(even) span{ display:; /*border:1px solid #FFF;*/}
#sub_footer .column{
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 19.6%;
}
#sub_footer h3{
  margin-bottom: 10px;
  font-weight: bolder;
  text-transform: uppercase;
}
#sub_footer ul{
  margin-bottom: 20px;
}
#sub_footer ul li{
  margin-bottom: 12px;
}
#sub_footer ul li:last-child{
  margin: 0px;
}
footer#main_footer{
  font-family: 'MergePro';
  text-align: center;
  padding:30px 0px;
  color: #4c4c4c;
  width: 100%; 
}
footer#main_footer a{
  display: inline-block;
  color: #4c4c4c;
  margin:0px 6px 10px; 
}
footer#main_footer .visit a{font-size: 20px;margin-bottom: 15px;color: #ee3424;}
footer#main_footer .social{
  margin:20px 0px;
  text-align: center;
}
footer#main_footer .social a{
  background-image: url('/images/icons/socialsprite.png');
  background-repeat: no-repeat;
  height: 29px;
  width: 29px;
  margin:0px 2px; 
}
footer#main_footer .social a.email{background-position: -105px 0px;}
footer#main_footer .social a.twitter{background-position: -140px 0px;}
footer#main_footer .social a.facebook{background-position: -175px 0px;}
footer#main_footer .social a.youtube{background-position: -210px 0px;}
footer#main_footer .social a.pinterest{background-position: -245px 0px;}
footer#main_footer .social a.instagram{background-position: -280px 0px;}
/* TWITTER */
#feed iframe.twitter-tweet,
iframe.instagram-media {
  width: 100% !important;
  border:none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  margin: 0px !important;
  background-color: #FFF;
  position: relative;
  /*float: left;*/
}
.home_pg #feed iframe.twitter-tweet,
iframe.instagram-media {
  margin: 2px auto 0px !important;
}
iframe.twitter-tweet{
  border:none !important;
  -moz-border-radius: 0px !important;
  -webkit-border-radius: 0px 0px 0px 0px !important;
  border-radius: 0px 0px 0px 0px !important; 
}
.standalone-tweet.media-forward .content{
  height: 103px !important;
}
blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}
blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}
blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}
.flash {
  height: 30px;
  width:30px;
  background: url('/images/icons/spinner.png') no-repeat;
  top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
position: absolute;
}
/* POPUP */
.popup{
  position: relative;
  /*height: 60%;
  width: 75%;*/
  vertical-align: top;
  -webkit-overflow-scrolling:touch; /*<<--- THIS IS THE KEY*/
  overflow: visible;
}
.popup iframe {
  /*position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;*/
}
/* .popup .my_popup_close*/
.popup .close{
  z-index: 99999;
  position: absolute;
  top: -16px;
  right: -16px;
  height: 30px;
  width: 30px;
  background-image: url('/images/icons/close.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.popup .close:hover{background-image: url('/images/icons/close_hover.png');}
#sub_footer{ 
  background-color: #f2f2f2;
  font-size: 14px;
  font-family: Helvetica Neue;
}
#sub_footer .container{
  width: 870px;
  margin: 0 auto;
  padding: 40px 0px;
  display: block;
}
/* PRODUCT PG */
nav.actions{
  display: table;
  width: 100%;
  min-height: 75px;
  height: 75px;
  font-family: 'MergePro-Bold';
  font-size: 22px;
  text-align: center;
  position: relative;
  font-weight: bolder;
  letter-spacing: -0.05em;
  color: #FFF;
  background-color: #0a8ee1;
}
nav.actions span{display: table-cell;vertical-align: middle;width: 73%;line-height: 25px;}
nav.actions a.prev{left: 30px;}
nav.actions a.next{right: 30px;min-width: 16px;}
nav.actions a{
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  min-width: 1px;
  height: 16px;
  font-size: 16px;
  /*color: #4c4c4c;*/
  color: #FFF;
}
nav.actions a:hover,
nav.actions a:focus{
  /*color: #ec1f27;*/
  color: #4c4c4c;
  text-decoration: none;
}
.product_pg .flexslider {margin-bottom: 0px;}
.product_container{
  width: 100%;
  padding: 34px 0px; 
  background-color: #FFF;
}
.product_container img.product{float:left;width: 50%}
.product_container article{float:left;width:46%;margin-left:3.7%;line-height: 18px;font-size: 14px;padding: 15px 0px 0px;}
.product_container article h1{
  display: block;
  font-family: 'MergePro-Bold';
  font-size: 22px;
  font-weight: bolder;
  margin-bottom: 20px;
  color: #000;
  letter-spacing: -0.02em;
  line-height: 25px;
}
.product_container article .age{
  font-family: 'MergePro-Bold';
  font-size: 26px;
  font-weight: bolder;
  margin-bottom: 28px;
  color: #1677bd;
  letter-spacing: -0.02em;
  line-height: 30px;
}
.product_container article{font-size: 16px;color: #666;line-height: 22px;}
.product_container article a{color:#ec2027; }
.product_container article h3{ font-weight:bolder;margin-bottom: 5px;color: #000;font-size: 18px;}
.product_container article h4{font-weight: bolder; color: #000;}
.product_container article .listTitle {margin: 8px 0px 5px;font-style: italic;}
.product_container article .large{font-size:18px;font-weight: bolder;text-transform:uppercase;color: #ec2027;}
.product_container article p{ margin-bottom: 20px;}
.product_container article ol{list-style-type: decimal;margin: 20px 0px 20px 22px;display: block;}
.product_container article ol li{margin:10px 0px;}
.product_container article ul li{margin:10px 0px;}
.product_container article ul{list-style-type: disc; margin: 10px 0px 20px 22px;display: block;}
.product_container article .actions{margin:12px 0px;position: relative;left: -8px;}
.product_container article .actions a{font-size: 14px;font-weight: bolder;width: auto; height: auto;}
.product_container article .actions a img.retailer{height: 55px; width: auto;}
.product_container article .levels h3{margin-bottom: 0px;}
.product_container article .levels h3{}

.product_container article ul li >ol,
.product_container article ul li >ul{
  list-style: none;
  margin:10px 0px 22px;
}
.product_container article ul li > ol h3{
  font-size: 16px;
  margin-bottom: 0px;
}
#mainContainer .stButton{
  margin-right: 0px !important;
  margin-left: 0px !important;
}
#mainContainer .stButton .stLarge{
  background-image:url(/images/icons/socialsprite.png) !important;
  background-repeat: no-repeat;
  background-position: -32px;
  height: 29px; 
  width:29px;
}
#mainContainer .st_sharethis_large .stButton .stLarge{background-position: -35px 0px;}
#mainContainer .st_googleplus_large .stButton .stLarge{background-position: 0px 0px;}
#mainContainer .st_facebook_large .stButton .stLarge{background-position: -175px 0px;}
#mainContainer .st_twitter_large .stButton .stLarge{background-position: -140px 0px;}
#mainContainer .st_linkedin_large .stButton .stLarge{background-position: -70px 0px;}
#mainContainer .st_pinterest_large .stButton .stLarge{background-position: -245px 0px;}
#mainContainer .st_email_large .stButton .stLarge{background-position: -105px 0px;}
.product_pg #feed {padding:60px 0px 15px;}
.product_pg .card{min-height:0;}
.product_pg .card img {height: auto;width: auto;}
/*.product_pg iframe.instagram-media{float:none !important;height: 494px;}*/
.product_pg .card:nth-child(5){margin:0px !important; }
.product_pg .card:nth-child(6){margin: 0px 16px 20px !important;}
.play{margin: auto; position: absolute;top:0;bottom:0;right:0;left:0;background-image: url('/images/icons/play.png');background-repeat: no-repeat;background-size: contain;background-position: center;width: auto;height: 35%;max-height:100px;}
.play:hover{background-image: url('/images/icons/play_hover.png');cursor: pointer;}
/* OFFERS */
.offers_pg .card{
  min-height:0px; 
}
.offers_pg .card img{ height: auto; width: 100%;max-height: 236px;}
.offers_pg .card .description{
  font-size: 16px;
  padding: 20px 40px;
  line-height: 23px;
  color: #666666;
}
.offers_pg .card .actions.one{
  display: block;
  width: auto;
}
.offers_pg .card .actions.one a{
  width: auto;
  float: none;
  padding: 0px;
}
.card .actions.two a{
  width: 49.2%;
}
.offers_pg h1.title{
  display: block;
  text-align: center;
  font-family: 'MergePro-Bold';
  color: #1677bd;
  font-size: 40px;
  font-weight: bolder;
  padding: 40px 0px 15px;
  letter-spacing: -0.02em; 
}
.offers_pg .short_description{
  text-align: center;
  color: #666666;
  font-size: 18px;
  line-height: 23px;
  margin-bottom:20px;
}
.offers_pg #feed{
  margin-top: 32px;
}
.post{width: 280px;height:auto;margin-bottom: 10px;overflow: hidden;}
.post.social{height: 373px;background-color: #FFF;}
.product_pg #feed iframe.twitter-tweet{margin: 2px auto 0px !important;}
.grid-sizer{width: 280px;}
.post img{width: 100%;height:auto;}
/* IE 9,10,11 */
.ie9 #sub_footer,
.ie9 footer#main_footer,
html[data-useragent*='MSIE 10.0'] #sub_footer,
html[data-useragent*='MSIE 11.0'] #sub_footer,
html[data-useragent*='MSIE 10.0'] footer#main_footer,
html[data-useragent*='MSIE 11.0'] footer#main_footer{font-family: verdana; }
.ie9 #headline h1,
.ie9 header#mainHeader ul li,
.ie9 .card .header h2,
.ie9 nav.actions,
.ie9 #mainContainer .card.question .copy,
.ie9 #mainContainer .card.question .hashtag,
.ie9 .card.extra .subscribe h3,
.ie9 .card.extra .subscribe a,
.ie9 .product_container article h1,
.ie9 .product_container article h2,
html[data-useragent*='MSIE 10.0'] #headline h1,
html[data-useragent*='MSIE 10.0'] header#mainHeader ul li,
html[data-useragent*='MSIE 10.0'] .card .header h2,
html[data-useragent*='MSIE 10.0'] nav.actions,
html[data-useragent*='MSIE 10.0'] .product_container article h1,
html[data-useragent*='MSIE 10.0'] .product_container article h2,
html[data-useragent*='MSIE 10.0'] #mainContainer .card.question .copy,
html[data-useragent*='MSIE 10.0'] #mainContainer .card.question .hashtag,
html[data-useragent*='MSIE 10.0'] .card.extra .subscribe h3,
html[data-useragent*='MSIE 10.0'] .card.extra .subscribe a,
html[data-useragent*='MSIE 11.0'] #headline h1,
html[data-useragent*='MSIE 11.0'] header#mainHeader ul li,
html[data-useragent*='MSIE 11.0'] .card .header h2,
html[data-useragent*='MSIE 11.0'] nav.actions,
html[data-useragent*='MSIE 11.0'] .product_container article h1,
html[data-useragent*='MSIE 11.0'] .product_container article h2,
html[data-useragent*='MSIE 11.0'] #mainContainer .card.question .copy,
html[data-useragent*='MSIE 11.0'] #mainContainer .card.question .hashtag,
html[data-useragent*='MSIE 11.0'] .card.extra .subscribe h3,
html[data-useragent*='MSIE 11.0'] .card.extra .subscribe a{font-family: arial;}
.ie9 .card.extra .subscribe p,
html[data-useragent*='MSIE 10.0'] .card.extra .subscribe p,
html[data-useragent*='MSIE 11.0'] .card.extra .subscribe p{font-size: 10px;padding:0px 10%;}
/* MEDIA QUERIES */
@media screen and (max-width: 1024px) {
  nav.actions span{width: 65%;}
}
@media screen and (max-width: 980px) {
  /*#feed{width:92%;}*/
}
@media screen and (max-width: 960px) {
  header, #mainContainer, #slider .slides, #flexslider, #headline, #sub_footer, .product_container{
    width: 100%;
  }
  .hero{min-height: 0px;}
}
@media screen and (max-width: 908px) {
  #feed{width:78%;}
  .post.social{height: 365px;}
  .card{/*width: 31.5%;*/}
  .product_pg #feed .post,
  .product_pg #feed .grid-sizer{width:32%;}
  .product_pg #feed iframe.twitter-tweet, 
  .product_pg #feed iframe.instagram-media{max-width: 100% !important;}
  .post.social{height: auto;}
  .card:nth-child(2), .card:nth-child(5), .card:nth-child(8), .card:nth-child(11), .card:nth-child(14), .card:nth-child(17){margin: 0px 1% 20px;}

  #feed iframe.twitter-tweet:nth-child(odd), 
  #feed iframe.instagram-media:nth-child(odd),
  #mainContainer .card:nth-child(odd){float:left;}
  #feed iframe.twitter-tweet:nth-child(even), 
  #feed iframe.instagram-media:nth-child(even),
  #mainContainer .card:nth-child(even){float:right;}
}
@media screen and (max-width: 892px) {
  /*#feed{width: 95.2%;}
  .product_pg #feed{max-width: 100%;}
  #mainContainer .card.question .copy{font-size: 45px;line-height: 60px;}
  #mainContainer .card.question img.heart{height:23px;}*/
  #mainContainer .card.question .hashtag{font-size: 20px;bottom:24%;}
  .product_container article .actions a{width:33.33%;}
  .product_container article .actions a img.retailer{width:100%;height: auto;}
}
@media screen and (max-width: 870px) {
  /*#sub_footer .column{
    width: 19.4%;
  }*/
  header, #mainContainer, #slider .slides, #flexslider, #headline, #sub_footer, .product_container{
    width: 100%;
  }
  #headline{padding:15px 0px}
  #headline p{
    padding: 0px 12px;
  }
  #sub_footer .container{width: 95%;}
  #feed{width: 80%;}
  .product_pg #feed{width: 96%;margin: 0px auto;}
  .product_pg #feed .post,
  .product_pg #feed .grid-sizer{width:32%;}
  .product_container{padding-top: 20px;}
  #slider.flexslider, .flexslider .slides{position:relative;min-height:0!important; height:auto;margin-bottom: 0px;}
  #carousel_wrap p{width: 85%;padding: 2.3%;} 
  #carousel{margin:0px auto;}
  #carousel .slides{height: auto;width: 100% !important;}
  #carousel .slides > li{height: auto;width: 100% !important;}
  #carousel .slides > li .popup{position: absolute;}
  #feed .social-embed iframe{
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
  }
  .card{ max-height: 494px;}
  .card .actions a{width: 32.6%;}
  #mainContainer .card,
  /*#feed iframe.twitter-tweet,
  #feed iframe.instagram-media,*/
  #mainContainer .post{float:left;display: block!important;margin:0px auto 45px;overflow:hidden;}
  #mainContainer.product_pg .post{margin-bottom: 20px;}
  /* keep 
  #mainContainer .card.extra{width: 100%;min-height: 0;height: auto;}
  #mainContainer .card.extra .promo{width: 373px;float: left;}
  #mainContainer .card.extra .subscribe{width: 373px;float: right;}*/
  .card img{max-width: 100%;}
  

  .product_pg #feed iframe.twitter-tweet:nth-child(even),
  .product_pg #feed iframe.instagram-media:nth-child(even),
  #mainContainer.product_pg .card:nth-child(even),
  .product_pg #feed iframe.twitter-tweet:nth-child(odd),
  .product_pg #feed iframe.instagram-media:nth-child(odd),
  #mainContainer.product_pg .card:nth-child(odd){float: none;}
  .product_container article{width: 48%;margin-left: 1%;}
  /*.post.social{height: 468px;}*/

}
@media screen and (max-width: 853px) {
  .popup, .popup iframe{width: 100%;}
}
@media screen and (max-width: 730px) {
  #feed iframe.twitter-tweet:nth-child(odd), 
  #feed iframe.instagram-media:nth-child(odd),
  #mainContainer .card:nth-child(odd),
  #feed iframe.twitter-tweet:nth-child(even), 
  #feed iframe.instagram-media:nth-child(even),
  #mainContainer .card:nth-child(even){float:none;}
  #mainContainer .card{height: auto;}

  header .download,header .fp{display: none;}
  header a#menu_button{display: block;}
  #slider.flexslider, .flexslider .slides{position:relative;min-height:0!important; height:auto;margin-bottom: 0px;}
  .flexslider .slides .play{height: 50%; width: auto;}
  .flexslider .slides > li{max-height: 182px;}
  .flex-viewport,.flexslider .slides img{min-height: 0 !important;}
  #carousel_wrap{position:relative;width: 100%;height: auto;padding: 30px 0px;}
  #carousel_wrap p{width: 70%;text-align: center;font-size: 18px;line-height: 28px;padding: 25px 0px;}
  #carousel{width: 87%;height: auto;margin-bottom: 0px;}
  #carousel .popup{position: absolute;top: 0px;z-index: -1;}
  .flexslider{min-height: 0px;}
  #carousel .flex-viewport,#carousel .slides{
    -ms-transform: none; /* IE 9 */
    -webkit-transform: none; /* Chrome, Safari, Opera */
    transform: none;
  }
  #carousel .slides > li{float:left !important; width: 40%!important; height: auto;margin-right: 10%;margin-bottom: 0px;} /*width: 12.35% !important*/
  #carousel .slides > li:last-child{margin-right: 0px;}
  #carousel .slides li img{width: 100%;}
  #headline h1{font-size: 20px;line-height:26px;-webkit-text-size-adjust: auto;-webkit-text-size-adjust: 155%;}
  #headline h1 .heart{height: 15px; width: auto;}
  #headline p{line-height: 18px;}
  #feed iframe.twitter-tweet, 
  iframe.instagram-media{float: none;display:block !important;}
  #mainContainer .card{float:none; display:block; margin:0px auto 40px;width: 87.5%; max-width:87.5%; min-height: 215px;}/* important override twitter & insta syles*/
  #feed .post iframe.twitter-tweet,
  #feed .post iframe.instagram-media{width: 100% !important;max-width: 100% !important;}
  #mainContainer .card{max-height: 1000px;}
  iframe.instagram-media{min-height: auto;max-height: 820px;}
  #mainContainer .card img{max-width: 100%;width: 100%;}
  .card .actions a, article .actions a{width: 33%;height: 50px;line-height: 50px;}
  article .actions a{line-height: normal;}
  .product_container article .actions a{width: 33%;height: auto;}
  #mainContainer .card.extra .promo,
  #mainContainer .card.extra .subscribe{width: 100%;float: none;}
  #mainContainer .card.question .copy{font-size: 32px;line-height: 40px;}
  #mainContainer .card.question .hashtag{font-size: 34px;}
  #mainContainer .card.question img.heart{height:19px;}
  /* PRODUCT PG */
  nav.actions a{
    text-indent: -9999px;
    width: 28px;
    height: 28px;
    background: url('/images/icons/arrowsprite.png') no-repeat 0px 0px;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
  }
  nav.actions a.next{background-position: 0px -62px;}
  .product_container img.product{float: none;margin: auto;display: block;width:100%;height:auto;}
  .product_container article{float: none;width: 90%;margin:0px auto;font-size: 28px;padding-bottom: 100px;}
  .product_container article h2{font-size: 28px; line-height: 40px;}
  .product_container article h3{margin-bottom: 20px;line-height: 40px;}
  .product_container article p{line-height: 40px;margin-bottom: 62px; }
  .product_container article p span{display: block;}
  .product_container article p br{display: none;}
  .product_container article ol{margin-bottom: 40px;}
  .product_container article ol li{margin:20px 0px 20px 38px;line-height: 30px;}
  .product_container article .actions{margin: 20px 0px 20px;}
  #mainContainer .stButton .stLarge{background-image: url(/images/icons/socialspritelarge.png) !important;height: 58px;width:58px;}
  #mainContainer .st_sharethis_large .stButton .stLarge{background-position: -66px 0px;}
  #mainContainer .st_googleplus_large .stButton .stLarge{background-position: 0px 0px;}
  #mainContainer .st_facebook_large .stButton .stLarge{background-position: -329px 0px;}
  #mainContainer .st_youtube_large .stButton .stLarge{background-position: -395px 0px;}
  #mainContainer .st_twitter_large .stButton .stLarge{background-position: -263px 0px;}
  #mainContainer .st_linkedin_large .stButton .stLarge{background-position: -130px 0px;}
  #mainContainer .st_pinterest_large .stButton .stLarge{background-position: -461px 0px;}
  #mainContainer .st_instagram_large .stButton .stLarge{background-position: -527px 0px;}
  #mainContainer .st_email_large .stButton .stLarge{background-position: -198px 0px;} /*-210*/
  /* OFFERS PG */
  .offers_pg h1.title, .offers_pg .short_description{width: 87.5%;margin-left:auto;margin-right: auto; }

  /* FOOTER */
  #sub_footer .container{}
  #sub_footer .column{display: block; width:87.5%;margin:0px auto 25px;}
  #sub_footer h3{margin-bottom: 18px;}
  #sub_footer .column h3 a{font-size:18px;background-image: url('/images/icons/plusMinus.png');background-repeat: no-repeat;padding-left: 35px;background-position: 0px 0px; }
  #sub_footer .column h3 a:hover,
  #sub_footer .column h3 a:focus{background-position: 0px -99px;}
  #sub_footer .column h3 a.collapse{background-position: 0px -50px;}
  #sub_footer .column h3 a.collapse:hover,
  #sub_footer .column h3 a.collapse:focus{background-position: 0px -158px;}
  #sub_footer .column ul li{padding-left: 35px;font-size: 18px;margin-bottom: 20px;}
  footer#main_footer .divider{display: none;}
  footer#main_footer .legal{text-align: center; color: #4c4c4c;font-size: 14px;line-height: 30px;}
  footer#main_footer .legal a{display: block;margin:10px auto;width:96%;color: #4c4c4c;}
  footer#main_footer .social a{
    background-image: url('/images/icons/socialspritelarge.png');
    height: 58px;
    width: 58px;
  }
  footer#main_footer .social a.email{background-position: -198px 0px;}
  footer#main_footer .social a.twitter{background-position: -263px 0px;}
  footer#main_footer .social a.facebook{background-position: -329px 0px;}
  footer#main_footer .social a.youtube{background-position: -395px 0px;}
  footer#main_footer .social a.pinterest{background-position: -461px 0px;}
  footer#main_footer .social a.instagram{background-position: -527px 0px;}
}
@media screen and (max-width: 768px){
  .popup .close{right: 4%;top:4px;}
}
@media screen and (max-width: 730px) {
  .card .actions a{width: 32.86%}
  .card .actions.two a {width: 49.5%;}
  .product_pg #feed .post,
  .product_pg #feed .grid-sizer{width: 49%}
}
@media screen and (max-width: 640px) {
  .card .actions a{width: 32.8%;}
  #mainContainer .card.question .hashtag{font-size: 35px;}
  .product_container article{font-size: 22px;line-height: 33px;}
  .product_container article p{}
  .product_container article h3{margin-bottom: 5px;}
}
@media screen and (max-width: 567px) {
  .popup,.popup iframe{width: 100%;}
  #feed{width:100%;}
  #mainContainer .card,
  #mainContainer .card.extra{width: 95%; max-width: 100%;}
  .card .actions a, article .actions a{width: 32.85%;}
  /* Masonry */
  .product_pg #feed{width: 92%}
  .product_pg #feed .post{width: 100%;margin: 0px auto 20px;}
  .product_pg #feed .grid-sizer{width:100%;}
}
@media screen and (max-width: 540px) {
  header{height: 100px;line-height: 100px;padding: 0px;}
  header img.logo{height: 62px; width: auto;}
  header a#menu_button{height: 100px; width: 100px;}
  #mobile_menu ul li{margin: 35px 0px; font-size: 30px;}
  #mobile_menu{padding:35px 0px; }
  .card .actions a, article .actions a{width: 32.85%;}
  #feed iframe.twitter-tweet{min-height: 232px;}
  #slider .flex-viewport,#slider.flexslider .slides img{/*min-height: 135px !important;*/}
  #carousel_wrap p{width: 87%;}
  iframe.instagram-media{min-height: auto;}
  #carousel .flex-viewport,#carousel .slides{height: auto;min-height: 100px;}
  /*#headline h1{font-size: 40px;}*/
  #headline h1 .heart{height: 13px; width: auto;}
  footer#main_footer .legal a{width: 85%;margin: 4px auto;}
  footer#main_footer .social a{
    margin: 3px 3px;
  }
  /*PRODUCT PAGE*/
  nav.actions a.prev{left: 10px;}
  nav.actions a.next{right: 10px;}
  nav.actions{padding: 0px;font-size: 22px;}
  nav.actions span{width: 75%;line-height: 25px;font-size: 16px;}
  nav.actions span{font-size: 18px;}
  .product_container{padding: 0px;}
  .product_container article{padding: 0px 0px 35px}
  .product_container article h1{font-size:23px;line-height: 24px;margin-bottom: 12px;}
  .product_container article h2{font-size:16px;line-height: 22px;margin:15px 0px;}
  .product_container article h3{margin-bottom: 0px;}
  .product_container article {font-size:16px;}
  .product_container article p{line-height: 22px;margin-bottom: 25px;}
  .product_container article ol li{line-height: 20px;margin: 10px 0px 10px 20px;}
  .product_container article a{display: block;margin-bottom: 5px;}
  .product_container article .actions{margin:12px 0px;}
  .product_container article .actions a{margin-bottom: 0px;}
}
@media screen and (max-width: 480px) {
  .product_pg #feed{width: 95%;}
  .popup .close{height:24px;width:24px;right: 6%;}
  #mainContainer .card.question .copy{font-size: 25px;line-height: 38px;}
  #mainContainer .card.question .hashtag{bottom: 22%;font-size: 28px;}
  .card .actions.two a {width: 49.2%;}
  /*FOOTER SOCIAL ICONS*/
  footer#main_footer .social a{
    background-image: url('/images/icons/socialsprite.png');
    background-repeat: no-repeat;
    height: 29px;
    width: 29px;
    margin:0px 5px; 
  }
  footer#main_footer .social a.email{background-position: -105px 0px;}
  footer#main_footer .social a.twitter{background-position: -140px 0px;}
  footer#main_footer .social a.facebook{background-position: -175px 0px;}
  footer#main_footer .social a.youtube{background-position: -210px 0px;}
  footer#main_footer .social a.pinterest{background-position: -245px 0px;}
  footer#main_footer .social a.instagram{background-position: -280px 0px;}
}
@media screen and (max-width: 449px) {
  .card .actions a{width: 32.75%;}
}
@media screen and (max-width: 375px) {
  header#mainHeader{height: 80px; line-height: 80px;}
  header#mainHeader a#menu_button{height: 80px; width: 80px;}
  header#mainHeader ul li.center{margin: 0px 0px 0px 30px;}
  header img.logo{height: 50px; width: auto;}
  #mainContainer .card.question .copy{font-size: 24px;line-height: 30px;}
  #mainContainer .card.question img.heart{height:14px;}
  .card .actions a{width: 32.65%;}
}
@media screen and (max-width: 320px) {
  .card .actions a, article .actions a{width: 32.62%;}
  #mainContainer .card.question .copy{font-size: 14px;line-height: 26px;}
  #mainContainer .card.question p{font-size: 16px;}
  #mainContainer .card.question img.heart{height:9px;}
  #mainContainer .card.question .hashtag{font-size: 22px;}
  #carousel{width: 95%;}
  #carousel .slides > li{margin: 0px 13px;}
  #headline{width: 95%;}
  #headline h1{font-size:18px;-webkit-text-size-adjust: auto;-webkit-text-size-adjust: 98%;}
  .product_container article{padding-bottom: 30px;}
  .product_container article .actions{margin: 29px 0px}
  /*SOCIAL SHARE */
  #mainContainer .stButton .stLarge{
    background-image:url(/images/icons/socialsprite.png) !important;
    background-repeat: no-repeat;
    background-position: -32px;
    height: 29px; 
    width:29px;
  }
  #mainContainer .st_sharethis_large .stButton .stLarge{background-position: -35px 0px;}
  #mainContainer .st_googleplus_large .stButton .stLarge{background-position: 0px 0px;}
  #mainContainer .st_facebook_large .stButton .stLarge{background-position: -175px 0px;}
  #mainContainer .st_twitter_large .stButton .stLarge{background-position: -140px 0px;}
  #mainContainer .st_linkedin_large .stButton .stLarge{background-position: -70px 0px;}
  #mainContainer .st_pinterest_large .stButton .stLarge{background-position: -245px 0px;}
  #mainContainer .st_email_large .stButton .stLarge{background-position: -105px 0px;}
  .product_pg #feed{width: 95%;}
}