
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: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}

/* Globals
-----------------------------*/


#paypal-checkout-section {
  display: block;
  padding-left:0;
}
#paypal-checkout-section .divider {padding-left:20px;}




/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body{
	line-height: 1; height:100%;
}
html{height:100%;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup {
	font-size: 0.83em;
	line-height: 0;
	vertical-align: super;
}

sub {
	font-size: 0.83em;
	line-height: 0;
	vertical-align: sub;
}

b, strong{
	font-weight: bold;
}

i, em{
	font-style: italic;
}

a{
	color: #757575;
}

a:hover{
	color: #757575;
}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; } 
.no-left-pad{ padding-left:0px;}
/* End of Meyer Reset CSS */

/*----------------------Font Families---------------------- */

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.eot');
    src: url('../fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-light-webfont.woff2') format('woff2'),
         url('../fonts/opensans-light-webfont.woff') format('woff'),
         url('../fonts/opensans-light-webfont.ttf') format('truetype'),
         url('../fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700,800);*/
/*----------------------GLOBALS/HOMEPAGE---------------------- */

body {
	background-color: #FFF; font-family: 'open_sansregular';
	color: #757575;
}

.sml-promo-text {
	display: none!important;
}

.header-top-right{ padding-right:0px;}

.utility-nav{
    float:right;
    position:relative;
    z-index: 10;background-color:#f2f2f2;width:auto;border:1px solid #dbdbdb;padding-left:10px;padding-right:10px;
}

.utility-nav a {
	color: #666666;
	font-size: 10px;
}


.utility-loggedin{
    float:right;
    position:relative;
    z-index: 10;background-color:#fff; padding:0px 0px 10px 0;
}


.utility-loggedin a {
	color: #666666;
	font-size: 10px;
}

.utility-loggedin .header-contact-info{
	padding:5px 10px 6px 0px; margin-top:9px; border-right: 1px solid #dbdbdb; width:74%; text-align:right
}

.utility-loggedin a.barley_hide_outline{-webkit-border-radius:5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;background-color: #f15c22;
    border-top-color: #ff8749; font-size:14px; text-align:center; color:#fff; padding:3px 7px; margin:13px 0 0 5px; float:right;}
.utility-nav a:hover{ text-decoration:none;}


.wrapper-main{min-height: 100%;  position: relative;}
.header-contact-info{float: left; padding:8px 9px 8px 0;  width:auto;text-align:left;}
.utility-nav .header-contact-info-logged-in li{  padding: 8px 0px 5px 0;}
.header-contact-info h1{ color:#444;font-size:12px; font-weight:bold; padding:0 0 2px 0;}
.header-contact-info li{color:#444;font-size:11px; padding:2px 0 2px 0;}
.header-contact-info li a{color:#444;font-size:11px;}

.utility-nav a.barley_hide_outline{-webkit-border-radius:5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;
background-color: #f15c22; border-top-color: #ff8749;font-size:14px; text-align:center; color:#fff; padding:3px 7px; margin:13px 0 0 5px; float:right;}
.utility-nav a:hover{ text-decoration:none;border-top-color: #ff8749;    background-color: #f26d39;}

.utility-nav a.join-btn{padding:5px 11px 5px 12px; margin-top:10px;}

.utility-nav li a:hover{ background-color:transparent;}


.utility-nav span {
	font-weight: 300;
	text-transform: uppercase;
	color: #757575;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 11px;
}

span.logo-text{ font-size:11px;font-family: 'open_sansregular'; float:left; line-height: 20px;clear: both;color: #555;line-height: 14px;}
.bs-header .container {
    z-index: 1;
    position: relative; padding-left:0px;
}

.navbar-toggle {
	background-color: #757575;

}

.navbar .navbar-collapse {
	min-height: 125px;
    margin-bottom: 0!important; 
  padding-top: 10px;
}
.navbar-static-top{    margin-top: -20px;padding-bottom: 10px;}
.navbar-collapse ul li a {font-family: 'open_sansregular';
	font-size: 14px; padding:0 0 10px 0;
	color: #666666;
	margin-left:53px;
}

.navbar-collapse ul li a:hover {
	background-color: transparent;
}

.on-state {
	background-color: transparent!important;
	border-bottom: 3px solid #757575!important;
}

.navbar-static-top {
	margin-bottom: 0!important;
}

.bs-header .navbar-brand {
	font-size: 22px;
	padding-left: 0;
	padding-right: 0;
	line-height: 42px;
	padding-bottom: 0;
	font-family: Palatino, serif;
	color: #212525;
}

.navbar-brand img{ width:225px; float:left;}

.bs-header .navbar-brand span {
    display: inline-block;
	padding-top: 15px;
}

.banner-container {
	width: 100%; 
	color: #757575;border-bottom: 1px solid #D8D8D8;
}

.banner-container .heading { margin:0px auto; float:none; color:#fff; padding:0px 20px 40px 20px; text-align:center;width:100%;
}

.banner-container .container{width: 65vw;}

.banner-price{margin:0px auto;}
.banner-price-L{ padding-left:0px; padding-right:0px;padding-top: 10px; float:left;}

.banner-price-L h3, .banner-price-L h4{font-size:20px;padding: 5px 0 0 0; float:left;}
.banner-price-L h3{ text-decoration:line-through; padding-right:16px;}
.banner-price-L p{ clear:both; padding:10px 0 0 0;}

.banner-price-R{ float:right;padding:26px 0 59px 0;}
.banner-price-R.cta{ float:none;width: 315px;margin: 0px auto;height: 166px;padding-top: 23px; padding-right:3px;font-size: 19px; line-height: 25px;}
.banner-price-R h3{font-size:17px;    line-height:30px;font-weight:500;padding-right:5px;}
.banner-price-R span{font-size:16px;font-weight: 500;padding-right:5px;}
.banner-price-R h3 span p{ display:inline-block;font-size: 2vw;}
.banner-price-R.cta a.getstarted-button{ float:none; display:inline-block;margin-top:10px; width: 240px;padding-top:12px;padding-bottom: 15px;margin-right: 5px;}

.banner-container .heading h1 {font-family: 'open_sansregular'; font-weight:500;  color:#00bbc1;
        font-size: 40px;line-height: 45px;padding-top: 1.6vw;padding-bottom:0.8vw; position:relative;z-index:999;
}
.banner-container .heading h2{font-size: 28px;color: #777;position:relative; z-index:999;}

.banner-title{ text-align:center;border-top: 1px solid #D8D8D8; margin-bottom: -73px;}
.banner-title h1 {font-family: 'open_sansregular'; font-weight:500;  color:#00bbc1;
        font-size: 40px;line-height: 45px;padding-top: 1.6vw;padding-bottom:0.8vw; position:relative;z-index:999;
}
.banner-title h2{font-size: 28px;color: #777;position:relative; z-index:999;}



.banner {
	background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;/*width: 98.79vw;*/
height:482px; padding: 10px 0 10px 0;
}

h1 {font-family: 'open_sansregular';
	font-size: 32px;
}

h2 {font-family: 'open_sansregular';
	font-size: 32px;
}

h3 {font-family: 'open_sansregular';
	font-size: 18px;
}

h4 {font-family: 'open_sansregular';
	font-size: 14px;
}

.banner .paragraph {
	font-size: 18px;
	font-weight: 300;
	font-family: 'open_sansregular';
    color: #fff;
	margin-top: 25px;
	margin-bottom: 40px;
}

.cta {
	float: left;
}

.cta a { width:235px; text-align:center;color: #fff;
	font-family: 'open_sansregular';
	font-size:20px;  padding: 23px 0 20px 0;
	float: left;-webkit-border-radius:5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;background-color: #f15c22; border-top-color: #ff8749;
}

.cta a:hover {
	text-decoration: none;
	background-color: #f26d39;
	color: #fff;
}

.cta .getstarted-button {padding:20px 0 18px 0; width:260px; 
	background-color: #f15c22;
	color: #fff;margin-top: 23px;
}

.cta .gift-button {
	background-color: #f15c22;
	margin-left: 30px;
	color: #fff;
}

.intro-container {
	padding-top: 45px;
	background-color: #fafafa;
}

.efd-container {
	padding-top:47px;
}

.efd-container h2{text-align: center;
	margin-bottom: 18px;
    font-size:34px; color:#00bbc1; font-weight:500; line-height:41px;}
.logos-container{ padding:15px 0 5px 0;border-bottom: 1px solid #D8D8D8; text-align:center;}
.logos-container .col-md-3 {left:0px !important; top:0px !important;}
.logos-container .col-md-3 img{  vertical-align: middle;
    max-height:49px;
    max-width:203px; margin-bottom:15px; left:0px !important; top:0px !important;}
.logos-container h2{ font-size:20px; font-weight:bold; color:#555; padding:0 0 12px 0;}
.logos-for-mobile{ display:none !important;}
.intro-container h1,
.intro-container h2,
.intro-container h3,
.intro-container h4 {
	text-align: center;
	color: #1b1c1c;
	font-family: 'open_sansregular';
	margin-bottom: 10px;
	font-weight: 900;
}
.intro-container h2{ font-size:24px; color:#00bbc1; font-weight:500;text-transform: uppercase;}
.intro-container .paragraph {
	font-family: 'open_sansregular';
	font-size: 18px;
	font-weight: 300;
	color: #757575;
	text-align: center;
	line-height: 30px;
	width: 80%;
	margin: 0 auto;
    margin-top: 25px;
}

.main-promos {
	width: 100%;
	background-color: #fafafa;
	padding-bottom:25px;
}

.efd-gallery {
	width: 100%;
	padding-bottom:48px;
}


.main-promos .heading {
	font-family: 'open_sansregular';

	font-weight: 900;
	color: #090909;
	text-align: center;
	padding-top:9px;
}
.promo-border h2{ font-size:18px; font-weight:normal; color:#555;}
.main-promos .paragraph {
	text-align: center;
	padding-top: 8px;
	font-family: 'open_sansregular'; color:#666;
	font-size: 16px;
	font-weight: 300; line-height:21px;width: 280px;margin: 0px auto;
}

.promos {
	padding-top: 10px;
}

.promos2 {
	padding-top: 10px;
}

.main-promos .promo-border {
	margin-bottom: 20px;
}

.add-control {
	position: absolute;
	right: -79px;
	top: 160px;
}

.add-promo {
	padding-top: 80px;
	position: relative;
}

.add-product-button {
	margin-top: 12px;
}

.promo-border h1,
.promo-border h2 {
	font-family: 'open_sansregular';
}

.promo-border h3,
.promo-border h4 {
   font-family: 'open_sansregular';
}

.promo-border:hover .remove-product-button {
	display: inline-block;
}

.remove-product-button {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}

.promo-border:hover .remove-variant_value-button {
	display: inline-block;
}

.remove-variant_value-button {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
}

.promo-icon{ width:100%; margin:22px auto 18px auto; text-align:center;}
.promo-img {
	background-position: center center;
    background-repeat: no-repeat; width:170px;
	height:170px; border-radius: 50%;display: inline-block; position:relative;webkit-transition: all 0.3s ease-in-out; */
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  /* transition: all 0.3s ease-in-out; */
}

.promo-border:hover .promo-img {
  color: #ffffff;
  border-color: #007274;}
  
  .main-ede-block-mobile{ display:none;}

  /*==========get-started-bar===========*/
.get-started-bar{background-color:#f6fafb; margin:0px auto; padding:40px 0;  border: 1px solid #D9EBEF;}
.get-started-bar-main{margin:0px auto;  float: none;text-align: center;width: 29.2%;}  
.get-started-bar-main h2{ font-size:18px; color:#555;padding: 17px 0px 15px 17px;display: inline-block;}  
.get-started-bar-main a{background-color: #00bbbf;color: #fff; text-align:center;  font-size: 20px; line-height:50px;-webkit-border-radius:5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;background-color: #f15c22; border-top-color: #ff8749; float:right; width:174px;}
.get-started-bar-main a:hover{text-decoration: none;  border-top-color: #ff8749;    background-color: #f26d39;  color: #fff;}





/*==========Terms of Service ===========*/
.termsservice{margin:0px; padding:0 0 40px 0;}
.termsservice p, .termsservice li{ line-height:26px; margin-bottom:15px; font-size:14px;}
.termsservice ol{font-weight:bold; }
.termsservice ol ol{margin-left:20px; padding-left:10px;}

  /*==========explore-food===========*/
.explore-food-main{padding:12px 0 0 0;margin:0px;}
.explore-food-main p{ line-height:26px; margin-bottom:15px;}
.explore-food-img{ text-align:center;}
.explore-food-img .barley_hide_outline{ padding-top:10px;  padding-bottom: 20px;}
.main-ede-block .explore-food-main{ padding-top:0px;}
.main-ede-block{width: 100%;  background-color: #f6f6f6;}

.ede-block{ padding-left:0px; padding-right:0px;}
.ede-block .cta{margin-bottom: 21px; float:none;margin-top: -37px;}
.ede-block .cta a{ float:none; display:inline-block; margin-top:0px;}
.ede-block-image{ padding:0px;  margin-bottom: -2px;}
.ede-block-image img{    width: 100%;height: auto;}
.ede-block-title-text { padding-right:0px;  padding-left: 0px; text-align:center;}

.ede-block-title-text h3{ text-align:center; font-size:30px; font-weight:500; color:#777; padding-top:90px;  line-height: 177px;}
.ede-block-title-text h3.last-colm-text{padding-top:45px;}
.ede-block-even-white-bg{ background-color:#fff;}
.ede-block-even-text{ float:left;}
.ede-block-even-text h3{}
.ede-block-even-image{ padding-right:0px;}
.ede-block-even-image a{ float: right;}
.seenin-logos-container {
	width: 100%;
	padding-bottom: 100px;
}

.seenin-logo {
	text-align: center;
}

.seenin-logos-container .heading {
	margin-top: 15px;
	color: #0f1111;
	font-family: 'open_sansregular';
	text-align: center;
	margin-bottom: 65px;
}

.footer-main {
  width:100%; 
  bottom:0px;
}

footer { position:relative; width:100%;border-top: 1px solid #d8d8d8;
	background-color: #ffffff;
	color: #555555;
}


footer .heading {
	text-align: center;
}
.heading.copyright{ text-align:left;}
footer .heading h3 { color:#757575; font-size:14px;}
.footer-main .bs-footer .container{ padding:26px 0 6px 0;}


.copyright-section{ padding:0px;padding-top:8px;}
.stripe-icon-sec{ padding:0 0 0 0;}
.payment-meth-icons{ padding-right:0px; padding-left:0px; text-align:center;}
.payment-meth-icons li{ float:left; padding:0 8px 0 0;    display: inline-block;vertical-align: top;}
.payment-meth-icons li img{ width:42px;}
.payment-meth-icons li.stripe-icon-sec{ padding-right:3px;}
.payment-meth-icons li.stripe-icon-sec img{ width:125px; left:0px !important; top:0px !important;}
.payment-meth-icons li.combo-secure{ padding-right:0px;}
.payment-meth-icons li.combo-secure img{width:78px; margin-top: -18px;}


footer .row {margin-right:0px;
}

footer .paragraph {
	color: #FFF;
	font-family: 'open_sansregular';
	text-align: center;
	font-size: 13px;
	font-weight: 300;
	line-height: 19px; 
}

footer .col-md-4 {
}

footer .col-md-4:nth-child(3) {
	border: none!important;
}

.facebook-icon { background:url(https://d3a1v57rabk2hm.cloudfront.net/treats/bold/images/facebookicon-dark-small-new.png) no-repeat left top;
	width: 16px;
	height: 16px;
}

.twitter-icon {background:url(https://d3a1v57rabk2hm.cloudfront.net/treats/bold/images/twittericon-dark-small2-new.png) no-repeat left top;
	width:16px;
	height: 16px;
}

.pinterest-icon {background:url(https://d3a1v57rabk2hm.cloudfront.net/treats/bold/images/pinteresticon-dark-small-new.png) no-repeat left top;
	width: 16px;
	height: 16px;

}

.instagram-icon {background:url(https://d3a1v57rabk2hm.cloudfront.net/treats/bold/images/instagramicon-dark-small.png) no-repeat left top;
	width: 16px;
	height: 16px;
}

.social-media {
	margin-left: 4px;
	margin-right:4px;
	
}

.social-media:nth-child(4) {
	margin-right: 0;
}

.social-media-container {
	margin:  0 auto;    padding-top: 9px;
}

.social-media-container a {
	display: inline-block;
}

footer form {
	margin: 0 auto;
	width: 100%;
    margin-bottom: 25px;
}

.text-input {
	width: 180px;
	border: 1px solid #FFF;
	background-color: #757575;
	float: left;
	height: 27px;
	margin-top: 5px;
}

.text-input::-webkit-input-placeholder {
    color: #FFF;
	text-transform: uppercase;
}

.text-input::-ms-input-placeholder {
    color: #FFF;
	text-transform: uppercase;
}

.text-input:-moz-placeholder {
    color: #FFF;
	text-transform: uppercase;
}

.text-input::-moz-placeholder {
    color: #FFF;
	text-transform: uppercase;
}

.submit-button { width:70px; height:30px;background-color: #f15c22;
    border-top-color: #ff8749;
	float: right;font-family: 'open_sansregular';

	color: #fff;
	font-size: 12px;
}

.submit-button:hover {
	color: #FFF;border-top-color: #ff8749;
    background-color: #f26d39;
}

footer input {
	padding-left: 5px;
	font-size: 12px;
}

.col-md-4 .term-policy{ float:right;padding-top:3px;}
.col-md-4 .term-policy li{ float:left; padding-left:15px;}
.col-md-4 .term-policy li a{ font-size:12px;}
footer .heading.copyright h3{ font-size:12px;}

.col-md-4.footer-right{padding:0px;}

/*=====================
      Explore Page
     ========================*/
#explore-page-container { margin-bottom: 120px; }
.explore-container{ width:100%;}
.explore-container .container{ padding-left:0px; padding-right:0px;}
.explore-container .barley_hide_outline {color:#444; font-size:18px;font-family: 'open_sansregular';padding-left: 0px;}
.explore-container .barley_hide_outline h2{font-size:18px;color: #555;font-weight: 500;}
.explore-container .efd-container .barley_hide_outline h2{ text-align: center; margin-bottom: 18px; font-size: 34px;color: #00bbc1;font-weight: 500;line-height: 41px;}

.explore-container .breadcrumb { padding:5px 0 0 0px;}
.explore-container .breadcrumb li{ float:left;  padding-right: 6px;  line-height: 29px; font-size:12px;color: #555;}
.explore-container .breadcrumb li a{ color:#00bbc1;}
.explore-container .breadcrumb li a:hover{ text-decoration:none;}
.explore-container .exp-gall-text{ text-align:center;}
.explore-container .efd-container{ padding-top:13px;}
.explore-food-main .col-md-2{ padding:0px;}
.explore-food-img .country-text{ font-size:14px; color:#757575;padding-bottom: 20px;}

p.pass-reset-para{ padding:5px 0 0 0; font-size:12px; color:#666;}
form.pass-reset-form{ margin-bottom:120px !important;}

/*=====================
      Treat Asia Page
     ========================*/
.treat-asia-container{ padding-top:0px;padding-bottom:80px;}
.treats-page-cont h4{ font-size:16px; color:#3a3a3a;padding-bottom:14px;font-weight:500;  line-height: 14px;}
.treats-page-cont ul{}
.treats-page-cont li a{ font-size:13px;color:#3a3a3a;}
.treats-page-cont li{ padding-bottom:18px;list-style-type: decimal;  font-size: 12px;margin-left: 15px;}
.pockypoterri-pagination-area{ margin-top:-1px;}
.treats-page-cont ol{ clear:both;}
.product-section{padding:10px 0px 0 0px; text-align:center;}
.treats-page-cont .product-section-main li{ margin:0px; list-style:none; padding:0px 10px 0 10px; line-height:10px; text-align: center;}



.product-section img{ width:100%; }
.product-section-image{vertical-align:middle;border:1px solid #e4e4e4;}
.treats-page-cont .product-section-main li a.item-title{ margin-top:10px;display: inline-block;line-height:20px;}
.treats-page-cont .product-section-main li h3{ font-size:13px; font-weight:500; padding-bottom:10px;line-height:20px;}

/*=====================
      Pockypoterri Asia Page
     ========================*/
.pockypoterri-page-cont{ width:52%;}
.pockypoterri-page-cont img{height: 165px;}
.pockypoterri-page-cont p{ font-size:14px; color:#555;line-height: 20px;  padding:0 0 10px 0;font-family: 'open_sansregular';}
.pockypoterri-page-cont h4{font-size: 16px; color: #444;padding:3px 0 13px 0;}
.pockypoterri-pagination-area{ text-align:right;  padding-right: 0px;}
.pockypoterri-pagination-area .cta, .pockypoterri-pagination-area .cta a{ float:right; padding:11px 0px 11px 0px; font-size:18px;width: 150px; margin-top:0px; margin-right:0px;}
.pockypoterri-pagination-area .cta{margin-bottom:20px;}

.pockypoterri-page-cont h3{font-size:14px; color:#555;padding:15px 0 3px 0;}
.pockypoterri-page-cont li{font-size:14px; color:#555;padding: 3px 0 3px 0;}
.pockypoterri-pagination-area p{ font-size:12px; padding-bottom:0px;}
.pockypoterri-pagination-area .col-md-12{ padding-right:0px;}

/*=====================
      ourstory Asia Page
     ========================*/
.our-story-cont{padding-bottom: 92px;}
.our-story-cont h4{ font-size:20px; color:#555; font-weight:600;}
.our-story-cont p{ font-size:14px; color:#555; padding:12px 0 13px 0; line-height:24px;}

span.aboutus-para-space{height:9px; display:block;}
h3.aboutus-sub-title{font-size:14px; color:#555; padding:17px 0 0 0;}
span.author-name{ float:right; font-weight:normal; font-size:14px; line-height:24px;padding-bottom:31px; padding-top:8px;padding-right: 1px;}


/*=====================
      Login Page
     ========================*/
.login-title h2{ font-size:16px; color:#555; font-weight:500;  text-align: center; padding-bottom:12px;}
.login-sub-text-area{font-family: 'open_sansregular'; padding:0px; margin-bottom:40px;}
.login-sub-text-area span{ font-size:11px; color:#555; float:left;  padding-top: 11px;}
.login-sub-text-area span a{ display:inline-block;color: #00bbc1;}
.login-sub-text-area .cta{ float:right;}
.login-sub-text-area .cta a{  background-color: #00bbbf; text-align:center; line-height: 31px; color:#fff;  width: 78px;  height: 30px; font-size:12px; padding:0px;}


/*=====================
      Account Page
     ========================*/
.my-account .panel.panel-cratejoy .panel-heading{ background-color:#f2f2f2;}
.my-account .panel.panel-cratejoy .panel-title{ font-size:16px; color:#555;}
.my-account .info-label{font-family: 'open_sansregular'; color:#555;}
.form-container.my-account{ padding:0px;  padding-bottom: 80px;}
.form-container.container{}
.form-container.container .col-md-8{ padding-left:0px;}
.my-account .panel input{ color:#555;}
.my-account .panel select{color:#555;}
.wrapper-main .my-account .info-label{ font-size:12px;  padding-left: 12px;  padding-right: 0px;}
.wrapper-main .my-account{  padding-bottom: 80px;}

/*=====================
      FAQ Page
     ========================*/

/* -------- simpleFAQ styles --------- */
.faq-container{ padding-left:0px; padding-right:0px;}
.simpleFAQ_list li {
list-style: none;margin-bottom: 17px;
}
.faq-left-section{ width:46%;}
#faqList{padding-bottom:90px;}
.simpleFAQ_list .question {
cursor: pointer;padding-left: 20px;line-height: 19px; font-size: 16px;color:#555;background:url(http://d3a1v57rabk2hm.cloudfront.net/treats/bold/images/plus-icon.png) no-repeat left 1px;
}
.simpleFAQShowing .question {color:#555;background:url(http://d3a1v57rabk2hm.cloudfront.net/treats/bold/images/minus-icon.png) no-repeat left 1px;
}

.simpleFAQ_item .answer {
margin-left: 1.7em; margin-bottom:1.5em; padding-top:7px;line-height: 21px;  font-size: 13px;
}
.simpleFAQ_item .tags {
display: none;
}

#faqList h2{ font-size:20px; font-weight:bold; color:#555; padding-bottom:15px;}
.faq-right-section{ float:right;}
.faq-more-option{ background-color:#f2f2f2;padding: 5px 15px 11px 15px;}
.faq-more-option h3{ font-size:16px; font-weight:bold; color:#555;  padding:8px 0 10px 0;}
.faq-more-option span{ font-size:14px;color:#555;line-height:18px;}
.faq-more-option a{font-size:14px;color:#555;color: #00bbc1;}

.simpleFAQ_list p{ font-size:14px;}
.simpleFAQ_list p strong{ padding:10px 0 0 0; display:block;}
.simpleFAQ_list p a{color: #00bbc1;}
.no-pad{padding:0px;  color: #555;}

/*=====================
      Checkout Page
     ========================*/
.right-col .cta{ float:right;}
.subscription-plan{ font-size:11px;}
.subscription-autorenew{font-size:11px; margin-bottom:12px;}
.checkout_content .styled_cart table{ margin-top:0px;}
.checkout_content .styled_cart header h3{ margin-top:0px;  padding-top:16px;}
.checkout_content .styled_cart .total-row th{ padding:0px; padding: 5px;font-size: 14px;}
#total_row{ border-top:0px;}

.checkout_content .styled_cart table tr td .product-name, .checkout_content .styled_cart table tr td.price_column{ font-size:14px;}
#checkout_form .registration .row .col-md-6{ font-weight:normal;}
.checkout_content .styled_cart table tr td.price_column.currency{font-size: 14px;}
.checkout_content .styled_cart header h3{ font-size:18px; color:#757575;  font-weight: bold;}
.checkout_content .styled_cart table td, .checkout_content .styled_cart table tr #shipping_price{ font-size:18px;}
.checkout_content .cta{padding:17px 0px 0 20px;}
.checkout_content .right-col .cta .primary-button{ width:120px;height: 45px;}
.cart_listing table .currency{padding-right: 0px !important;}
/*=====================
      Contact Page


     ========================*/
.explore-container .contact-us-cont-main .contact-us-cont{background-color:#f2f2f2; margin:0px auto; float: none; color:#000; padding:17px 15px 11px 15px;}
.explore-container .contact-us-cont h2{ text-align:center; font-size:24px; font-weight:500; padding:0 0 13px 0;color:#000;}
.explore-container .contact-us-cont p{ width:100%; font-size:12px;font-family: 'open_sansregular'; color:#000; text-align:left; line-height:17px; padding-bottom:14px;}

.explore-container .contact-us-cont li{ font-size:12px; color:#000; padding-bottom:7px;}
.explore-container .contact-us-cont li a{ font-size:12px;color: #00bbc1;}

.explore-container .contact-us-cont h3{font-size:12px; color:#000; padding-bottom:12px; padding-top:10px; font-weight:bold;}


/*=====================
      Subscription Page
     ========================*/
#edit-subscription-form  .panel-body .btn_class{ float:left; border:0;  width: auto;color:#555;background-color: transparent;}

#edit-subscription-form  .panel-body .btn_class input[type="radio"]:checked + label.cj-btn{ background-color:transparent; color:#555;}
#edit-subscription-form input[type="radio"]:checked + label.cj-btn.term h4, #edit-subscription-form input[type="radio"]:checked + label.cj-btn.term h5{ color:#555;}
#subscription-term-container .btn_class div h4{ float:left;}
#subscription-term-container .btn_class div h5{ float:left; padding-left:20px;}
.panel.panel-cratejoy .panel-footer{ border-top:0px;}

/*=====================
      Music Page
     ========================*/

.explore-container .contact-us-cont-main.music-page-cont-main { padding-bottom:130px;}
.explore-container .contact-us-cont-main.music-page-cont-main .music-page-cont

{
    background-color: #fff;
    margin: 0px auto;
    float: none;
    color: #000;
    padding: 17px 15px 11px 15px;
}
.explore-container .contact-us-cont-main.music-page-cont-main .music-page-cont h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    padding:0 0 15px 0;
    color: #000;
}
/*=====================
      Subscribe Page
     ========================*/

.subscribe-page-cont{ padding:0px 0 0 0; color:#555;}
.subscribe-page-cont img{ width:100%;}
.subscribe-page-cont-r{color:#555; float:right;}
.subscribe-page-cont ul{ clear:both;width:76%;float: left;padding-top: 20px;margin-bottom: 25px; list-style:none;}
.subscribe-page-cont.gifts-page-cont ul{ margin-bottom:46px;}
.cta.sub-sel-btn {width:86px;}

.subscribe-page-cont-r h3 span{ font-size:18px;}
.subscribe-page-cont li{ background: url(//d3a1v57rabk2hm.cloudfront.net/treats/bold-copy-32/images/li-bullet.png?ts=1496603194&host=my.cratejoy.com) no-repeat left 7px;font-size:12.5px; padding:0 0 8px 11px;line-height: 19px;color:#555;}
.subscribe-page-cont li.sub-item-list{padding:0 0 8px 11px;background: url(//d3a1v57rabk2hm.cloudfront.net/treats/bold-copy-32/images/li-star.png?ts=1496603194&host=my.cratejoy.com) no-repeat left 7px;}
.subscribe-page-cont .cta {margin:20px 0 30px 0;float:right;}
.subscribe-page-cont .cta a{ width:86px;color:#fff;padding: 9px 0px 9px 0px; margin:0px;}
.sub-page-right-sub-btns{ clear:both; display:inline-block;width: 100%;}
.sub-page-right-sub-btns .cta{ float:left; padding-right:15px;margin:0 0 15px 0;}
.subscribe-page-cont-r .nopad-right{ padding-right:0px;}

.sub-page-right-sub-btns .sb-right-btn{ float:right;}



.subscribe-page-cont h3{ font-size:25px; font-weight:500;color:#555; float:left;}
.subscribe-page-cont .give-gift-block{ float:right; padding-bottom:9px;}
.subscribe-page-cont .give-gift-block a{ padding:12px 15px; border:1px solid #e9e9e9; color:#666;  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; margin-top:-8px;display:block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fafafa+0,f3f3f3+100 */
background: #fafafa; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #f3f3f3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#f3f3f3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#f3f3f3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fafafa 0%,#f3f3f3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.subscribe-page-cont .give-gift-block a:hover{ }
.subscribe-page-cont h4{ font-size:20px;padding-top: 18px;padding-bottom: 10px;color:#555;}
.subscribe-page-cont h5{ font-size:18px;padding-bottom:20px;color:#555;}

.groupon-cont .subscribe-page-cont h5{ padding-bottom:5px;}
.groupon-cont .subscribe-page-cont h4{ padding-top:36px;}
.subscribe-page-cont .groupon-cont span{ font-size:14px; color:#555; padding-bottom:20px;display: inline-block;
    line-height: 19px;}
.groupon-cont{ padding-bottom:28px;}


/*----------------------FORMS---------------------- */
.bs-footer a {
}

.bs-footer .submit-button {
	height: 27px;
}

.bs-footer a.getstarted-button {
    border: 1px solid #FFF;
    margin-top:15px;
    margin-left:55px;
}

.sub-footer {
    margin-top: -15px;
}

.sub-footer .copyright {
    font-family: ovoregular;
    color: #a01313;
    font-size: 11px;
    float:left;
    padding-top:50px;
    margin-left: 20px;
}

.sub-footer .powered-by-cratejoy {
    float:right;
    margin-right: 20px;
}
.sub-footer .powered-by-cratejoy img {
    margin-bottom:-3px;
}
.sub-footer .clear {
    clear: both;
}

.form-container {
}

.simple-form {
	
	padding: 29px 29px 25px 29px;
	width: 100%;
    background: #f6f6f6; 

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  
-webkit-box-shadow: 0 0 6px 0 #d5d5d5;
box-shadow: 0 0 6px 0 #d5d5d5;

border: 1px solid #E7E7E8;
 margin:0px 0 3px 0;
}

.form-container form.form-horizontal{margin-top:10px;}
.simple-form h3 {
	color: #757575;
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 8px;
}

label { text-align:center; width:100%;  font-family: 'open_sansregular';font-size: 14px;
  color: #555;
	
}

.forget-pass-label label {text-align:left !important;}

input { color:#999;
	font-size: 14px;
	font-weight: 300;
	padding-left: 5px;
	border: 1px solid #666666;
}

.simple-form input {
	width: 100%;
	height:40px; margin-top:8px;margin-bottom: 15px;font-family: 'open_sansregular';  color: #000;  border: 1px solid #D2D2D2;padding-left: 15px;
}

.form-feedback {
	margin:0px auto;
    font-size: 12px;
    text-align: left;
    color: #757575;font-family: 'open_sansregular'; color:#999;
    background-color: #FFF;
}
.form-feedback p{ padding-bottom:9px;}
.reset-pass-feedback{ background-color:transparent;  display: inline-block; width:100%;  text-align:center;}

.reset-pass-feedback .cta{ float:right;}
.reset-pass-feedback .cta a{  width: 70px;  height: 30px; color:#fff;  line-height:29px; padding: 0px;  font-size: 12px; margin-top:6px;margin-bottom: 5px; margin:6px 25px 5px 0px;}

.form-feedback p{color: #F00;}
.reset-pass-feedback p{ color:#555;font-size: 14px;  top: -3px;  position: relative;}

.create-new-pass-page label{ text-align:left;}

/*----------------------SUBSCRIPTION PAGE---------------------- */


.subscription-options {
    background-color: #E8E4E2;
	width: 100%;
	padding-bottom: 40px;
	position: relative;
}

/*changed 12/17*/

.subscription-options h2 {
	font-family: Palatino, serif;
	color: #090909;
	font-size: 28px;
	text-align: center;
	padding-top: 43px;

	font-weight: 900;
    margin-bottom: 15px;
}

.subscription-options p {
	text-align: center;
	padding-bottom: 0;
	font-size: 20px;
	font-weight: 300;
}

/*^changed 12/17*/

.previous-container .paragraph {
	text-align: center;
	padding-bottom: 20px;
	font-family: ovoregular;
	color: #0f1111;
	font-size: 16px;
	font-weight: 300;
	padding-top: 8px;
}

.promo-border {
	position: relative;
}

.subscription-options .promo-border {
	background-color: #FFF;
	height: auto;
	margin-bottom: 20px;
}
.col-md-offset-2 a.primary-button, .promo-border a.primary-button{ margin:0px; float: none!important;}
.headline {
    width: 100%;
    background-color: #f9fafb;
    padding-top: 15px;
    padding-bottom: 15px;
}

.explore-container .headline{ border:1px solid #EBEBEB;}
.explore-container .breadcrumb li span{padding-top: 2px;  display: block;}
.headline.copy {
	padding-top: 0;
	padding-bottom: 20px;
}

.headline-container {
	width: 100%;

}

.headline-container .row {
	padding-top: 35px;
	margin-bottom: 35px;
}

.headline-container .step {
	border-top: 2px solid #757575;
	border-bottom: 2px solid #757575;
	background-color: transparent;
}


.headline-container .step-arrow {
	top: -2px;
	left: -1px;
	position: absolute;
	width: 0;
	height: 0;
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 18px solid #757575;
}

.headline-container .step-arrow:after {
	content: "";

	position: absolute;
	top: -23px;
	left: -18px;
	width: 0;
	height: 0;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 17px solid #E8E4E2;
}

.headline-container .step.selected + .step .step-arrow:after {
	display: none;
}

.headline-container .step.selected + .step .step-arrow.end:after {
	display: block;
}

.headline-container .step-arrow.end {
	left: inherit;
	right: -17px;
}

.headline-container .step.selected .step-arrow.end:after {
	display: none;
}

.headline-container .step.chosen p:before {
	content:"\2713 ";
	padding-right: 10px;

}

.headline-container .step.selected {
	background-color: #757575!important;
}

.headline-container .step {
	position: relative;
}

.headline-container .step p {
	color: #f15c22!important;
}

.headline-container .step.selected p {
	color: #FFF !important;
	font-weight: 300!important;
}


.headline-container .step .controls {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	vertical-align: middle;
	display: none;
}

.headline-container .step:hover .controls {
	display: block;
}

.headline-container .heading {
	color: #1b1c1c;
	font-family: Palatino, serif;
	padding-top: 25px;
	margin-bottom: 25px;
	text-align: center;
}

.headline-container .heading h1,
.headline-container .heading h2 {
	
}

.headline-container .heading h3,
.headline-container .heading h4
{
	font-weight: 900;
	font-family: Palatino, serif;
}

.headline-container p, .headline-container .paragraph {
	color: #757575;
	font-weight: 300;
	text-align: center;
	width: 90%;
	margin: 0 auto;
	line-height: 31px;
	font-size: 18px;
}

.headline-container .step p {
	padding-top: 6px;
	padding-bottom: 8px;
}

/*changed 12/17*/

.product_image_container {
	height: 180px;
	line-height: 180px;
	vertical-align: middle;
	text-align: center;
    margin-bottom: 15px;
    overflow: hidden;
}

.product_image {
	margin: 0px auto;
	max-width: 350px;
	max-height: 180px;
}

.description-container {
  margin-bottom: 20px;
}


.subscription-img1 {
	background: url(//d3a1v57rabk2hm.cloudfront.net/treats/bold-copy-32/images/shaving-box1.png?ts=1496603212&host=my.cratejoy.com) no-repeat center center;
	width: 100%;
	height: 180px;
}

.subscription-img2 {
	background: url(//d3a1v57rabk2hm.cloudfront.net/treats/bold-copy-32/images/shaving-box2.png?ts=1496603212&host=my.cratejoy.com) no-repeat center center;
	width: 100%;
	height: 180px;
}

.subscription-img3 {
	background: url(//d3a1v57rabk2hm.cloudfront.net/treats/bold-copy-32/images/shaving-box3.png?ts=1496603212&host=my.cratejoy.com) no-repeat center center;
	width: 100%;
	height: 180px;
}

.subscription-img4 {
	background: url(//d3a1v57rabk2hm.cloudfront.net/treats/bold-copy-32/images/shaving-box4.png?ts=1496603212&host=my.cratejoy.com) no-repeat center center;
	width: 100%;
	height: 180px;
}

/*^changed 12/17*/

.previous-boxes-container {
	width: 100%;
	background-color: #FFF;
}

.previous-container .previous-img {
	background-position: center top;
    background-repeat: no-repeat;
	height: 165px;
	width: 100%;
    text-align:center;
}

.previous-boxes-title {
	width: 100%;
	background-color: #FFF;
	padding-top: 40px;
	padding-bottom: 40px;
}

.previous-boxes-title h3 {
	color: #090909;
	text-align: center;
	font-family: Palatino, serif;
	font-size: 22px;
	font-weight: 900;
}

.previous-boxes-title .paragraph {
	padding-top: 10px;
	color: #757575;
	text-align: center;
	font-family: ovoregular;
	font-size: 16px;
	font-weight: 300;
}

.previous-container {
	height: 294px;
	padding-top: 40px;
}

/*SUBPG-ADDED 12/17*/

.subscription-options h3 {
	text-align: center;
	color: #757575;
	margin-top: 35px;
	line-height: 28px;
}

.sml-text {
	font-size: 14px!important;
	padding-top: 5px;
	color: #757575!important;
	margin-bottom: 25px;
}

.select-button-container {
	width: 136px;
	margin: 0 auto;
	text-align: center;
    min-height: 50px;
}

.select-button-container button, .select-button-container a, .primary-button {-webkit-border-radius:5px 5px 5px 5px;border-radius: 5px 5px 5px 5px;background-color: #f15c22;
    border:1px solid #ff8749;
	color: #fff;
	font-family: 'open_sansregular';
	font-size: 17px;
}

.primary-button{ float:right !important; margin-left:20px;  line-height: 24px;padding: 2px 15px;}
.select-button-container button:hover, .select-button-container a:hover, .primary-button:hover {
	background-color: #f26d39;
    color: #fff;
	text-decoration: none;border-top-color: #ff8749;

    background-color: #f26d39;
}

/*END SUBPG-ADDED 12/17*/

.headline-container .row {
	padding-top: 35px;
	margin-bottom: 35px;
	width: 95%;
	margin: 0 auto;
}

/*----------------------HOW IT WORKS PAGE---------------------- */

.how-it-works {
	padding-bottom: 100px;
	font-family: ovoregular;
	font-size: 14px;
	font-weight: 300;
	color: #757575;
}

.how-it-works p {
	line-height: 21px;
	padding-top: 10px;
}

.hiw-side-promo {
	background-color: #FFF;
	color: #757575;
	padding-top: 24px;
	padding-left: 28px;
	padding-right: 28px;
	padding-bottom: 18px;
	margin-top: 10px;
	margin-bottom: 20px;
    border: 5px solid #ee4141;
}
.hiw-side-promo .heading h3 {
	font-family: Palatino, serif;
	color: #090909;
}

.hiw-side-promo .paragraph {
	font-family: ovoregular;
	font-size: 14px;
	font-weight: 300;
	line-height: 21px;
	padding-top: 10px;
	padding-bottom: 8px;
}

.hiw-side-promo button {
	color: #757575;

	font-size: 12px;
	text-transform: uppercase;
	font-family: ovoregular;
	font-weight: 900;
	padding: 7px 10px 7px 10px;
	margin-right: 5px;
	border: none;
}

.sml-start-button {
	background-color: #f15c22;
}

.sml-gift-button {
	background-color: #757575;
	color: #757575!important;
}

.sml-start-button:hover {
	background-color: #757575;
	text-decoration: none;
}

.sml-gift-button:hover {
	background-color: #757575;
	color: #757575!important;
	text-decoration: none;
	border: 1px solid #757575;
}

.hiw-promos {
	padding-top: 10px!important;
}

/*----------------------CUSTOMER EDIT PAGE---------------------- */

.error-container {
	padding-top: 20px;
}

.checkout-container {
	margin-top: 50px;
	margin-bottom: 50px;
}

.summary-order-box {
	background-color: #757575;
	border: 3px solid #757575;
	padding: 5px;
	float: left;
	width: 100%;
}

.checkout-side-promo-inside {
	border: 1px solid #757575;
	float: left;
	padding: 26px;
	width: 100%;
}



.summary-order-box h3 {
	color: #757575;
	padding-bottom: 20px;
	float: left;
}

.summary-order-container {
	float: left;
	width: 100%;
}

.summary-order-container p {
	color: ;
	font-family: ovoregular;
	font-size: 16px;
	font-weight: 100;
	padding-top: 8px;
}

.summary-order-container a {
	float: left;
	clear: left;
	margin-top: 20px;
	margin-bottom: 12px;
	color: #757575;

	font-size: 16px;
	font-family: ovoregular;
	background-color: #757575;
	padding: 9px 14px 9px 14px;
}

.summary-order-container a:hover {
	background-color: #757575;
	text-decoration: none;
}

.left-type {
	float: left;
	clear: left;

}

.right-type {
	float: right;

}

.styled-select select {
   background: transparent;
   width: 162px;
	font-size: 16px;
   border: 1px solid #ccc;
   height: 32px;
}

.styled-select  {
   width: 162px;

   height: 32px;
   overflow: hidden;
   background: url(//d3a1v57rabk2hm.cloudfront.net/treats/bold-copy-32/images/select-box.gif?ts=1496603212&host=my.cratejoy.com) no-repeat right #fff;
   position: relative;
   float: right;
}

.styled-select span {
	position: absolute;
	top: 9px;
	left: 8px;
	color: #757575;
	font-size: 14px !important;
	font-family: ovoregular;
	font-weight: 300;
}

.summary-order-container select {
	opacity: 0;
}

.styled-select option {
	background-color: #F7F1E5;
	color: #757575;
	font-family: ovoregular;
	font-size: 14px;
	font-weight: 300;
	padding-top: 3px;
	padding-bottom: 3px;
}

.total {
	font-size: 20px!important;
	font-weight: 300!important;
}

.summary-order-container form {
	float: left;
}

.coupon-container {


	width: 100%;
	float: right;
	margin-top: 15px;
}

.summary-order-container #coupon-form {
	border: 1px solid #757575;
	height: 30px;
	width: 200px;
}

.summary-order-container #coupon-submit {
	margin-left: -4px;
	margin-top: -1px;
	border: none;
	background-color: #757575;
	height: 30px;
	color: #757575;
	font-family:  'ovoregular';
	font-size: 16px;
	padding-left: 7px;
	padding-right: 7px;
	line-height: 30px;
}

.summary-order-container #coupon-submit:hover {
	background-color: #f26d39;
	color: #757575;
	text-decoration: none;
}

.checkout-container {
	margin-top: 50px;
	margin-bottom: 50px;
}

.checkout_content section h3 {
	margin-bottom: 15px;
	border-bottom: 2px solid #e7e7e7;padding-bottom: 10px;
}



.checkout_content select {

    border: 1px solid #666666;
    color:#bbbbbb;
}

.cart_listing .item_table, .cart_listing .price_table {
	border-bottom:2px solid #e7e7e7;
}



.checkout_content .invalid_text {
	font-family: ovoregular;
}

#add_coupon_code {background-color: #f15c22;
    border-top-color: #ff8749;
	color: #fff;
	
}

#add_coupon_code:hover {
	background-color: #f26d39;
	text-decoration: none;
	color: #fff;
}

.checkout_content input[type="text"].not-required:focus + label[placeholder]:before,
.checkout_content input[type="text"][required]:focus + label[placeholder]:before,
.checkout_content input[type="email"][required]:focus + label[placeholder]:before,
.checkout_content input[type="password"][required]:focus + label[placeholder]:before  {
	color: #757575;
}

.checkout_content input[type="text"].not-required:focus,
.checkout_content input[type="text"][required]:focus,
.checkout_content input[type="email"][required]:focus,
.checkout_content input[type="password"][required]:focus {
	border-color: #757575;
}


.checkout_content label {
	color:#c9c9c9;
}

.checkout-side-promo-inside {
	border: 1px solid #757575;
	float: left;
	padding: 26px;
	width: 100%;
}

.checkout_content .coupon_section {
	padding: 20px 0;
}


.checkout-form {
	background-color: #757575;
	padding: 28px;
	float: left;
	width: 100%;
	margin-bottom: 30px;

}

.checkout-form h3 {
	color: #757575;
	float: left;
	clear: left;
	width: 100%;

	margin-bottom: 8px;
}

.checkout-form label {
	font-family: ovoregular;
	font-size: 14px;
	font-weight: 100;
	color: #757575;
	margin-bottom: 10px;
	margin-top: 20px;
}

.checkout-form input {
	font-family: ovoregular;
	color: #757575;
	font-size: 14px;
	font-weight: 300;
	padding-left: 5px;
}

.control-group a.forgot-signup {
    margin-top: 10px;
    float: left;
    text-align: left; font-size:12px;
    padding-right: 0px; padding-left:0px; color:#00bbc1;font-family: 'open_sansregular';
}

#checkout-submit-button {
	color: #FFF;
	background-color: #757575;
	font-family: ovoregular;
	font-size: 16px;
	border: none;
	padding: 8px 35px 7px 35px;
}

#checkout-submit-button:hover {
	background-color: #f26d39;

}

.checkout_content .ship_to {
    margin-bottom:20px;
}

.checkout_content .left-col{ width:38%;}
.checkout_content .right-col{width: 62%;}
.checkout_content.container{ padding:0 0 100px 0;}
.checkout_content{ width:960px; margin:0px auto;}
h1.order_thanks{  color: #555;  font-size: 24px;  padding: 20px 0 15px 0;}
.checkout_content section.cart_listing{ margin-left:0; margin-right:0;  border: 1px solid #999; width:89%;}
/*.checkout_content .cart_addresses{width:70%;}*/
.checkout_content .cart_addresses{ margin:0 0 0 0; }
.checkout_content .cart_addresses .ship_to{}

.checkout_content .pay_with, .register {  clear: both;  border: 1px solid #999;  margin-top: 20px;}
.checkout_content .cart_addresses .ship_to section{border: 1px solid #999;}
section.cart_listing small{line-height: 22px;  font-size: 15px;}
.cart_listing table th{ padding:5px 0;}



.checkout_content section.cart_listing small{ font-size:12px;}


/*----------------------Thanks You PAGE---------------------- */
.treat-thankupage{ padding-bottom:100px;}
.treat-thankupage .vertical{ margin-left:0px; margin-right:0px;}
.treat-thankupage .checkout_content .cart_listing{ width:60%;}
.treat-thankupage .checkout_content .cart_addresses{ width:60%;}
.treat-thankupage .cart_listing header{ font-size:12px;}
.treat-thankupage .cart_listing th{ font-size:12px;}
.treat-thankupage .cart_listing td span, .treat-thankupage .cart_listing td{ font-size:12px;}
.treat-thankupage .cart_addresses h3, .treat-thankupage .cart_addresses{ font-size:12px;}

.thankyou-bottom{ padding:0px;width: 60%;}
.thankyou-bottom .cta{ float:right;}
.thankyou-bottom .cta a{  width: 100px; color:#fff;  height: 40px;  padding: 0px;  line-height: 38px;}

.checkout_content .styled_cart table #shipping_row{}
.checkout_content .coupon_section .col-xs-8{width:95%;}
/*----------------------MEDIA QUERIES---------------------- */


@media (max-width: 1200px) {

	.summary-order-container #coupon-form {
		width: 145px;
	}


}

@media (min-width: 990px) {

.groupon-cont .subscribe-page-cont-l{ margin-left:30%;}
.subscribe-page-cont h3.groupon-title { float:none; text-align:center; padding-left:5px;}

}

@media (max-width: 990px) {

	.first-form {
		margin-top: 30px;
	}

	.navbar-collapse ul li a {
		font-size: 12px;
		margin-right: 0;
		margin-left: 18px;
	}

	.navbar-collapse ul {
		margin-left: 0;
	}

	footer .col-md-4 {
		border: none;
	}

	.headline-container .step-arrow.after {
		top: -2px;
		right: -17px;
		left: inherit;
		position: absolute;
		width: 0;
		height: 0;
		border-top: 25px solid transparent;
		border-bottom: 25px solid transparent;
		border-left: 18px solid #757575;
	}

	.headline-container .step-arrow.after:after {
		content: "";
		position: absolute;
		top: -23px;
		left: -18x;
		width: 0;
		height: 0;
		border-top: 23px solid transparent;
		border-bottom: 23px solid transparent;
		border-left: 17px solid #E8E4E2;
	}

	.headline-container .step.selected .step-arrow.after:after {
		display: none;
	}

	.headline-container .step.selected + .step .step-arrow:after {
		display: block;
	}

	.headline-container .step-arrow.end {
		left: inherit;
		right: -17px;
	}

	.headline-container .step.selected .step-arrow.end:after {
		display: none;
	}

	.previous-container {
		height: 233px;
		margin-top: 25px;
		margin-bottom: 20px;
	}

	.previous-boxes-container .row {
		margin-bottom: 125px;
	}

	.how-it-works {
		padding-bottom: 25px;
	}

	.hiw-side-promo {
		margin-bottom: 50px;
	}

	.summary-order-container form {
		float: right;
	}

	.summary-order-container .coupon-container {
		width: 212px;
		float: right;
	}

	.coupon-container {
		margin-top: 0;
	}

	.checkout_content .form_holder {
		float: none;
		width: 100%;
		margin: 10px auto;
	}

	.checkout_content .form-group label{
		width: 100%;
		float: none;
		margin: 0 auto;
	}

	.checkout_content select {
		width: 100%;
	}

	#inputunit {
		margin-top: -15px;
	}

	#inputcity {
		margin-top: -12px;
	}

	#inputzip_code {
		width: 100%;
		float: left;
	}

	.checkout_content .col-md-10 {
		width: 100% !important;
	}

	.checkout_content .form-group .col-md-5 {
		float: none;
		width: 100%;
	}

	#checkout_button {
		width: 75%;
	}

	.account-panel {
		clear: both
	}

	.user_profile_account {
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}
    .bs-footer .cta {
        text-align: center;
        width: 100%;
    }

    .bs-footer a.getstarted-button {
        margin-right: auto;
        margin-left: auto;
        float: none;
    }

}

@media (max-width: 767px) {

	

	.navbar-right {
		margin-top: 0!important;
		margin-bottom: 30px;
	}

	.bs-header .navbar-header {
		min-height: 110px;
	}

	.navbar-toggle {
		background: url(//d3a1v57rabk2hm.cloudfront.net/treats/bold-copy-32/images/nav-toggle2.png?ts=1496603194&host=my.cratejoy.com) no-repeat center center;
		margin-top: 20px;
		margin-right: 0;
	}

	.navbar-collapse ul li a {
		margin-left: -5px;
	}

    .cta {
        margin-bottom: 30px;
    }
  #paypal-checkout-section{text-align: center;}
  .get-started-bar-main h2{display: block;}

}

@media (min-width: 768px) {
    .navbar .navbar-collapse {
        display: table-cell!important;
        vertical-align: middle;
    }

    .navbar-static-top {
        display: table;
        width: 100%;
    }

    .bs-header .navbar-header {
        display:table-cell;
        float:none;
        vertical-align:middle;
    }

    .navbar-right {
        height: 40px;
    }

    .bs-header .navbar-brand span {
        display: inline-block;
        padding-top:7px; padding-bottom:6px;
    }

}

@media (max-width: 670px) {

	.banner h1 {
		width: 97%;
		text-align: center;
	}

	.banner .paragraph {
		text-align: center;
		width: 99%;
	}


	
	}
	.cta {
		text-align: center;
		width: 100%;
	}

	.cta a {
		float: none;
		display: inline-block;
		margin-left: 0px !important;
		margin-right: 30px;
	}
}

@media (max-width: 520px) {
	.cta a {
		display: inline-block;
		clear: both;
		width: 100%;
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

    .sub-footer {
        text-align: center;
    }

    .sub-footer .copyright {
        float:none;
        padding-top:0px;
        margin-left:0px;
        margin-bottom: 20px;
    }

    .sub-footer .powered-by-cratejoy {
        float:none;
        margin-right:0px;
    }

}


@media (max-width: 470px) {

	.banner .paragraph {
		width: 98%;
		line-height: 24px;
	}

	.banner .heading {
		width: 100%;
		text-align: center;
	}

	.bs-header .navbar-brand {
		width: 300px;
		padding-top: 15px;
	}

	.summary-order-container form {
		float: left;
	}

	.summary-order-container .coupon-container {
		float: left;
		width: 300px;
	}

	.coupon-container {
		margin-top: 15px;
	}

	.navbar-toggle {
		margin-top: 0px;top:54px;
	}

	.previous-container {
		padding-top: 0;
	}

	.previous-boxes-container .row {
		margin-bottom: 0;
	}
}

@media (max-width: 340px) {
	.banner .heading {
		
	}


.banner-price{ padding-top:0px;}
.cta .getstarted-button{ margin-bottom:0px; width:210px;}

.banner-container .heading h1{padding-top:0px;}
.banner-title h1{padding-top:0px;}
.bs-header .navbar-brand span{padding-left: 5px;}
.banner-container .heading{ padding-bottom:0px;}
.explore-container .row{ margin-right:0px; margin-left:0px;}

	.banner .paragraph {
		display: none;
	}

	.bs-header .navbar-brand {
		padding-top: 32px;
		margin-bottom: 0px;
		width: 200px;
	}

	.bs-header .navbar-header {
		min-height: 85px;
	}

	.nav .navbar-nav .navbar-right {
		border: none!important;
	}

	.hiw-side-promo a {
		font-size: 11px;
	}

	.navbar-toggle {
		margin-right: 0;
	}

	.summary-order-container .coupon-container {
		width: 212px;
	}
}

#preview-mode-banner {
    z-index: 10;
}

.small-heading-grp {
	font-family: ovoregular;
	color: #0f1111;
}

#keep-in-touch input {
	background-color: transparent;
	color: #fff;
}

/*----------------------ECOM---------------------- */
.section{
  padding-top: 50px;
  padding-bottom: 50px;
}
.header-article {
    text-align: center;
}

.header-article .heading {
  margin-bottom: 10px;
}

.header-article p {
  margin-bottom: 20px;
}
.card {
  margin-top:20px;
  margin-bottom: 20px;
}
.card > a {
  display: block;
}
.card > a:hover {
  text-decoration: none;
}
.card .heading {
  display: block;
  margin: 0;
  font-size: 18px;
  line-height: 120%;
  color: #fff;
}
.card .price {
  display: block;
  color: #757575;
}
.card .img-container {
  display: inline-block;
  width: 225px;
  height: 225px;
  border: 1px solid #e0e0e0;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
#product-form {
	padding-top: 10px;
}
#product-form .cselect {
  background: #FAFAFA;
  border: 1px solid #ee4141;
  color: #666666;
  border-radius: 3px;
  height: 40px;
}

#product-form .control-label {
	line-height: 30px;
}
.product {
  padding: 60px 0;
}
.header-article a {
  color: #757575;
}
.product .thumbs {
  position: relative;
  margin-bottom: 30px;
}
.product .price {
  margin-bottom: 10px;
  font-size: 18px;
  color: #757575;
}
.product .heading {
 	margin-bottom: 15px;
	font-family: Palatino, serif;
}
.product .hsecondary-grp {
  margin: 0 0 5px;
  color: #757575;
}
.product p {
  line-height: 120%;
}
.product .share {
  margin: 25px 0;
  font-size: 18px;
}
.product .share .social {
  margin-left: 15px;
  font-size: 24px;
}
.product hr {
  margin: 35px 0;
}
.product .btn {
  background: #f15c22;
  color: #fff;
  border: none;
}
.product .btn:hover {
  background: #f26d39;
}
div.pika-stage {
  padding: 0;
  width: 100%;
  height: auto;
  background: none;
}
div.pika-stage .pika-textnav,
div.pika-stage .pika-imgnav,
div.pika-stage .pika-aniwrap,
div.pika-stage .pika-loader {
  display: none !important;
}
div.pika-stage > img {
  width: 100%;
  height: auto;
}
ul.pika-thumbs {
  margin-top: 10px;
  padding: 0;
  height: auto;
}
ul.pika-thumbs > li {
  padding: 0;
  margin: 0 10px 0 0;
  height: 87px;
  width: 87px;
  border: none;
  background: none;
}
.filter-cards {
  margin-top: -30px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.filter-cards .label {
  display: inline-block;
  margin-right: 10px;
  padding: 0;
  font-weight: 400;
  font-size: 14px;
  color: #757575;
}
.filter-cards .cselect {
  background: #FAFAFA;
  border: 1px solid #ee4141;
  color: #666666;
  border-radius: 3px;
  height: 40px;
}
.product-label {
  display: table;
  line-height: 120%;
}
.product-label .thumb,
.product-label .meta {
  display: table-cell;
  vertical-align: middle;
}
.product-label .thumb {
  padding-right: 35px;
  width: 125px;
}
.product-label .heading {
  margin-bottom: 5px;
}
.product-label p {
  margin: 0;
}
.cart-thead {
  margin-top: -30px;
}
.cart-thead .cart-td {
  padding: 15px 0;
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
.cart-thead .heading {
  margin: 0;
}
.cart-table {
  position: relative;
  display: table;
  width: 100%;
}
.cart-table .close {
  position: absolute;
  top: 50%;

  right: -30px;
  margin-top: -11px;
}
.cart-td {
  display: table-cell;
  float: none;
  padding: 30px 0;
  border-bottom: 1px solid #e0e0e0;
  vertical-align: middle;
}
.cart-tfoot {
  float: right;
  margin-top: 30px;
  margin-bottom: 85px;
}
.cart-tfoot .cart-subtotal {
  display: table;
  margin-bottom: 30px;
}
.cart-tfoot .cart-subtotal .title,
.cart-tfoot .cart-subtotal .price {
  display: table-cell;
  vertical-align: middle;
}
.cart-tfoot .cart-subtotal .title {
  padding-right: 30px;
  font-size: 18px;
}
.cart-tfoot .cart-subtotal .price {
  font-size: 38px;
  color: #fff;
  line-height: 120%;
}
.cart-tfoot .cart-subtotal .price small {
  display: block;
  margin-top: 10px;
  color: #fff;
  font-size: 14px;
  line-height: 120%;
}

.jq-selectbox__select {
  height: 40px;
  line-height: 36px;
  font-size: 15px;
  background: none;
  background: #FAFAFA;
  box-shadow: none;
  color: #757575;
  text-shadow: none;
}
.jq-selectbox__trigger {
  border: none;
}
.jq-selectbox__trigger-arrow {
  top: 18px;
}
.jq-selectbox__dropdown {
  top: 100% !important;

  text-align: left;
}
.jq-selectbox__select-text {
  display: inline;
  width: 100% !important;
}
.product_paging {
	margin: 50px 0 35px;
}
.product_paging > li {
  display: inline-block;
  margin: 0 1px;
}
.product_paging > li:first-child a,
.product_paging > li:last-child a {
  color: #757575;;
}
.product_paging > li > a {
  padding: 5px;
  line-height: 16px;
  color: #757575;
  border: none;
}
.product_paging > li > a:hover {
  background: none;
}
.product_paging > li.active a {
  color: #fff;
  background: none;
  border-bottom: 2px solid #fff;
}
.product_paging > li.active a:hover {
  background: none;
  color: #fff;
}

@media (max-width: 768px) {
  .filter-cards > div {
    text-align: center;
  }
  .filter-cards > div + div {
    margin-top: 20px;
  }
  .cart-table {
    display: block;
    padding-bottom: 20px;
    margin-bottom: -1px;
    border: 1px solid #e0e0e0;
  }
  .cart-table .close {
    top: 15px;
    right: 15px;
    margin-top: 0;
    font-size: 30px;
  }
  .cart-td {
    display: block;
    padding: 15px;
    border: none;
  }
  .product-label .thumb {
    text-align: right;
  }
  .cart-tfoot {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .cart-tfoot .cart-subtotal {
    display: block;
  }
  .cart-tfoot .cart-subtotal .title,
  .cart-tfoot .cart-subtotal .price {
    display: block;
    text-align: center;
  }
  .cart-tfoot .cart-subtotal .title {
    padding: 0;
    font-size: 25px;
  }
  .cart-tfoot .cart-subtotal .price {
    font-size: 60px;
  }
  .cart-tfoot .cart-subtotal .price small {
    font-size: 22px;
  }
  
  
  
}
.fb-share-button {
  position: relative;
  top: -5px;
  margin-right: 20px;
}
.pinterest-share-button {
  position: relative;
  left: -9px;
}



@media handheld, only screen and (min-width: 300px) and (max-width:992px) {
	.cta .getstarted-button{ margin-bottom:0px; width:210px; margin-top:60px;}
.banner-container .container{ width:auto;}
.get-started-bar-main{width: 52%;}
  .subscribe-page-cont ul{margin-bottom:10px;}
.get-started-bar-main h2{ float:none;}
.banner-price-R{ padding-bottom:44px;}
.banner-price-R.cta a.getstarted-button{margin-top: 6px;}
.banner-container .heading h2{ padding-bottom:5px;font-size: 20px;
    line-height: 25px;
    padding-top: 8px;}
span.logo-text{width: 245px;}
.get-started-bar-main h2{ padding-right:0px; padding-left:0px;}

.banner-price{ padding-top:0px;}
.cta .getstarted-button{ margin-bottom:0px; width:210px;}

.banner-container .heading h1{padding-top:0px;}
.banner-title h1{padding-top:0px;}
.bs-header .navbar-brand span{padding-left: 5px;}
.banner-container .heading{ padding-bottom:0px;}


	.banner-price-L h3, .banner-price-L h4, .banner-price-L p{ float:none;}

	.heading.copyright{ text-align:center;}
	.social-media-container{ text-align:center;}
	
	.banner-price-L{ float:none;}
	
	.col-md-4 .term-policy{ float:none;  text-align: center;}
	.col-md-4 .term-policy li{ float:none;}
	.explore-food-main{ text-align:center;}
	.ede-block-image img{ width:265px;}
	
	.ede-block-image{ padding:0px;}
	footer .copyright{ margin-bottom:15px;}
	.col-md-4 .term-policy{ padding-top:10px;}
	.ede-block  .cta{ float:none;}
	.ede-block .cta a{padding: 13px 25px 13px 22px; float:none; margin-top: 50px; margin-right:0px;}
	.get-started-bar-main a{padding: 13px 25px 13px 22px; float:none; }
	.explore-container .breadcrumb li span{display: inline;}
	.explore-food-main-mobile{ padding-bottom:90px;}
    .subscribe-page-cont{ padding-bottom:250px;}
	.gifts-page-cont{ padding-bottom:180px;}
	footer .col-md-4:nth-child(3){ clear:both;margin-top: -20px;}
	.payment-meth-icons li{ float:none; padding-bottom:20px;width: 20%;}
	.payment-meth-icons li.stripe-icon-sec{width:43%;}
	.payment-meth-icons li.combo-secure{width:21%;}
	.treat-asia-container {padding-bottom: 260px;}
	.checkout_content.container{ padding-bottom:250px;}
	.checkout_content section.cart_listing{ width:100%;}
	.checkout_content .left-col{width:100%;}
	.checkout_content{width:100%;}
	.checkout_content .right-col{width:100%;}
	#checkout_button{ float:none !important; margin-left:0px; margin-top:30px;}
	.checkout_content .cta{ padding:0px;}
	.wrapper-main .my-account{ padding-bottom:300px;}
	.banner-container .heading h1{font-size: 28px;line-height: 32px;}
	
.banner-container .heading h2{ font-size:20px;}
.banner-title h1{font-size: 28px;line-height: 32px; padding-top:15px;}

	
.banner-title h2{ font-size:20px;}
.banner-price{ top:10px;}
.banner-price-R h3{ font-size:15px;}
.banner-price-R.cta a.getstarted-button{ width:210px; padding-top:12px; padding-bottom:12px;}
.banner-price-R span{ font-size:16px;}
.banner-price{ top:60px;}


.logos-container .container .col-md-3 { width:50%; float:left; padding:10px 10px 10px 10px !important;height: 85px;}
.logos-container .container .col-md-3 img{ width:100%;}
.banner-container{ height:306px;}
.social-media-container{ padding-top:10px; float:none !important;}

.logos-for-desktop{ display:none !important;}
.logos-for-mobile{ display:block !important;}
.utility-loggedin{ width:100%;}
.bs-header .navbar-brand{ padding-top:25px;}
.subscribe-page-cont .cta.sub-sel-btn{margin-right: 10px; margin-top: 0px;float:none; width:auto;}
.subscribe-page-cont .cta a{ width:130px;padding-top: 14px;padding-bottom: 14px;font-size: 22px;} 
.payment-meth-icons li{ padding:0 0 25px 0!important;}
.footer-main .bs-footer .container{padding: 16px 0 12px 0;}
  .banner-container .heading{z-index: 999;}
.banner-title{ margin-bottom:-49px;}
  .logos-container h2{ padding-bottom:0px;}
  .login-page-form{padding-bottom: 250px;}
  .faq-right-section{ float:none;}
  .faq-left-section{width: 90%;}
  .faq-container{padding-bottom: 280px;}
  .pockypoterri-page-cont{ width:100%;}
  .explore-container .contact-us-cont-main.music-page-cont-main {padding-bottom: 280px;text-align: center;}
  .logos-sec-row{padding: 0px!important}
  .manliness-logo{ margin-left: -20px;}
 .ede-block {    float: left; padding-bottom: 20px;}

}

@media handheld, only screen and (min-width: 300px) and (max-width:767px) {.main-ede-block{ display:none;}
	.main-ede-block-mobile{ display:block; padding-bottom:160px;}
	.main-ede-block-mobile .ede-block-title-text h3{ padding-top:10px;  padding-bottom: 20px; text-align:center;font-size: 18px;  line-height: 20px;}
	.main-ede-block-mobile .ede-block-title-text{ float:none;}

}
@media handheld, only screen and (min-width: 767px) and (max-width:992px) {
  .banner-price-R.cta{  float: none;  margin: 0px auto;}
	
}
#cc_select .fcc-card{width: 41px !important;}
#cc_select .fcc-card-front img{width: 90%;}

.banner-price {
	margin: 0px auto;
	position: relative;
	top:72px;
	z-index: 9999;
}

.banner-image {
	z-index: 900;
 position:absolute  height: 200px;
	width: 100%
}
.banner-image.banner-image-sm {
	height: 220px
}
.banner-image.banner-image-sm.b2b>.fill {
	max-width: 1366px;
	margin: 0 auto
}
.banner-image.banner-image-sm>.fill {
	background-size: 300%;
	background-position: 75% 90%
}
.banner-image.banner-image-center>.fill {
	background-position: top
}
.banner-image.banner-image-landing-v2 {
	height: 295px;
}
.banner-image.banner-image-landing-v2>.fill {
	background-size:cover;
	background-repeat: no-repeat
}
.banner-image>.fill {
	width: 100%;
	height: 100%;
	background-size: 200%;
	background-position: 90% 80%
}
 @media (min-width:480px) {
.banner-image {
	height: 500px
}
}
@media (min-width:768px) {
.banner-image.banner-image-landing-v2 {
	height:470px;
	padding-top: 0
}
.banner-image.banner-image-landing-v2>.fill {
	background-size: cover;
}
.banner-image.banner-image-bigbox>.fill {
	background-position: 80%
}
.banner-image>.fill {
	background-size: cover;
	background-position: 50%
}
.banner-image.breakfast .price-badge-container {
	top: 64%;
	right: 7%
}
.banner-image.breakfast>.fill {
	background-size: cover;
	background-position: 60%
}

}
@media (min-width:992px) {
.banner-image.banner-image-bigbox {


	height: 270px
}
}
@media (min-width:1200px) {
.banner-image {
	height: 680px
}
.banner-image.banner-image-landing-v2 {
	height: 471px
}
}
@media (min-width:1600px) {
.banner-image.banner-image-md {
	height: 471px
}

}

@media (max-width:1024px) {
.banner-price-R.cta {
    width: 237px;
}

}



@media handheld,  only screen and (min-width:468px) and (max-width:530px){

.banner-price{ top:35px;}

}

@media handheld,  only screen and (min-width:531px) and (max-width:1200px){

.banner-container .heading h1, .banner-container .heading h2 { top:30px;}



}
@media handheld, only screen and (min-width:993px) and (max-width:1200px) {
.banner-container .heading h1{font-size: 28px;line-height: 32px;}
.banner-container .heading h2{ font-size:20px;}
.banner-title h1{font-size: 28px;line-height: 32px;}
.banner-title .heading h2{ font-size:20px;}
.banner-price{ top:10px;}
.banner-price-R h3{ font-size:15px;}
.banner-price-R.cta a.getstarted-button{ width:210px; padding-top:12px; padding-bottom:12px;}
.banner-price-R span{ font-size:16px;}
.banner-price{ top:60px;}
.banner-container{ height:510px;}
}
@media handheld, only screen and (min-width:300px) and (max-width:550px) {
.treats-page-cont .product-section-main li{ width:48.5%; display:inline-table;}
}	


@media handheld, only screen and (min-width:551px) and (max-width:1024px) {
.treats-page-cont .product-section-main li{ width:33%; display:inline-table;}
}	
	
@media handheld, only screen and (min-width:300px) and (max-width:768px) {
.explore-container .container, .explore-container .breadcrumb, .subscribe-page-cont{ padding-left:15px;}
.subscribe-page-cont{padding-right: 15px;}
.subscribe-page-cont ul{ width:100% !important;}
.bs-header .navbar-brand{ padding-left:15px;}
.navbar-static-top{ padding-bottom:0px;}


}	
	
@media handheld, only screen and (min-width:300px) and (max-width:375px) {

.bs-header .navbar-brand{ padding-top:35px;}

}

@media handheld, only screen and (min-width:1200px) and (max-width:1366px) {
.banner-container .heading h1 { padding-top:34px;}
.banner-container .heading h2 { padding-top:8px;}

.banner-title h1 { padding-top:34px;}
.banner-title h2 { padding-top:8px;}

.banner-price { top:100px;}
}

@media handheld, only screen and (min-width:300px) and (max-width:768px) {

.banner-price-R h3{ font-size:11px; line-height:9px;}
.banner-price-R span{font-size:11px; }
.banner-price-R.cta a.getstarted-button{width:135px;padding-top: 1px;padding-bottom:1px;font-size: 13px;}
.banner-price{ top:59px;}
}

@media handheld, only screen and (min-width:769px) and (max-width:1200px) {
	.banner-price{ top:97px;}
	.banner-price-R.cta{ width:310px;}
.banner-price-R h3{ font-size:16px; line-height:40px;}
.banner-price-R span{font-size:16px; }
.banner-price-R.cta a.getstarted-button{width:200px;padding-top: 8px;padding-bottom: 8px;font-size:20px; margin-top:15px;}
.banner-container{ height:481px;}
.banner-title {
    margin-bottom: -74px;
}
}

@media (min-width:1366px) {

.banner-price{ top:103px;}
}

@media handheld, only screen and (min-width:300px) and (max-width:448px) {
.banner-title h1 { width: 76%; margin: 0px auto;}
.banner-title h2{width: 72%;margin: 0px auto;line-height: 24px;    padding-top: 7px;}
}
.banner-image {
	position: absolute;
}


/* Portrait and Landscape ipad */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
.banner-price{ top:115px;}
.banner-price-R h3{font-size: 15px;}
.banner-price-R span{font-size: 14px;padding: 10px 0px 5px 0;display: block;}
.banner-price-R.cta a.getstarted-button {width: 155px;padding-top: 5px;padding-bottom: 7px;font-size: 15px;}
.banner-title h1{top: 18px;}
.banner-title h2{top: 24px;}
}


/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.banner-price{top: 99px;}
.banner-price-R span{ padding:0px;}
.banner-title h1{top: 11px;}
.banner-title h2{top: 11px;}
}

@media (width:768px) {
.banner-price{ top:115px;}
.banner-price-R h3{font-size: 15px;}
.banner-price-R span{font-size: 14px;padding: 10px 0px 5px 0;display: block;}
.banner-price-R.cta a.getstarted-button {width: 155px;padding-top: 5px;padding-bottom: 7px;font-size: 15px;}
.banner-title h1{top: 18px;}
.banner-title h2{top: 24px;}
	
}

.navbar .nav>li.subscribe-mobile-link{ display:none;}

@media handheld, only screen and (min-width:300px) and (max-width:768px) {
.navbar .nav>li.subscribe-mobile-link{ display:block;}
.faq-container{ padding-left:15px;}

}
/*--------Offer Top Bar Start--------*/
.top-header{width: 100%; background-color:#3c7ef2; height:35px;}
p.offerbar-heading{color:#fff; text-align:center;padding-top: 9px;}
@media handheld, only screen and (min-width: 300px) and (max-width:446px) {
	p.offerbar-heading{padding-top: 5px;
    font-size: 14px;}
	}
	
	@media handheld, only screen and (min-width: 447px) and (max-width:505px) {
	p.offerbar-heading{font-size: 14px;}
	}
/*--------Offer Top Bar End--------*/
	/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.get-started-bar-main{width: 38%;}
.ede-block-title-text h3{line-height: 36px;}
.ede-block .cta { margin-top:25px;}
}

.wrapper-main .treat-thankupage .thankyou-bottom .cta a{ display:none;}

.checkout_content .pay_with {float: left;
    clear: left;
    width: 100%;
  margin-bottom: 20px; margin-top:0;}

.fancy_paypal_thingy {
    border: 1px solid #e7e7e7;
    padding: 0 10px;
    height: 50px;
    margin-bottom: 5px;
    position:relative;
}
.fancy_paypal_thingy #yes{
    position:absolute;
  top:15px;
}
.fancy_paypal_thingy #no{
    position:absolute;
  top:15px;
}

.fancy_paypal_thingy img {position: relative;
  top: 8px;}
.fancy_paypal_thingy > label {
    margin: 0;
    padding: 0;
    font-size: 16px;
    cursor: pointer;
    line-height: 50px;
    width:100%;
  padding-left:25px;
  padding-right:25px;
}

.fancy_paypal_thingy > input[type=radio]:checked ~ .condition_credit_card_input_form {
    max-width: 500px;
    margin-bottom: 20px;
    margin-top: 40px;
    float: left;
}

.checkout_content .right-inner-addon i{
  top:15px;}


.logos-sec-row{padding: 20px 0 0 5%;}
.logos-container .col-md-3.manliness-logo img{min-height: 70px;    margin-top: -17px;}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait){
.logos-for-mobile{padding-top: 200px;}	
  
.main-promos .promos .col-md-4  {width: 33.33333333333333%;float: left;}
.explore-food-main .col-md-2 {    width: 16.666666666666664%;float: left;    padding-left: 7px;padding-right: 7px;}
  .main-promos .paragraph{width: 230px;}
  .ede-block .col-md-6{ width:50%; float:left;}
  .ede-block-image img{ width: 100%;height: auto;}
  
 .ede-block-title-text h3 {line-height: 30px;padding-bottom: 55px;}
 .ede-block{ float:left; padding:0px;}
 .main-ede-block{padding-bottom: 259px;}
 .ede-block .cta a{margin-top: 17px;}
 .bs-header .navbar-brand{margin-bottom: 15px;}
	
}

.ede-block .col-md-6{ width:50%; float:left;}