/*----------------------Font Families---------------------- */
@font-face {
    font-family: 'OpenSans Regular';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-Regular.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans Bold';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-Bold.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal; 
}
@font-face {
    font-family: 'OpenSans BoldItalic';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-BoldItalic.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans ExtraBold';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-ExtraBold.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans ExtraBoldItalic';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-ExtraBoldItalic.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans Italic';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-Italic.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans Light';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-Light.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans LightItalic';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-LightItalic.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans SemiBold';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-Semibold.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSans SemiBoldItalic';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/OpenSans-SemiboldItalic.ttf?ts=1592400705&host=my.cratejoy.com") format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'LatoRegular';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/Lato-Regular_gdi.eot?ts=1592400704&host=my.cratejoy.com");
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/Lato-Regular_gdi.eot?ts=1592400704&host=my.cratejoy.com?#iefix") format('embedded-opentype'),  
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/Lato-Regular_gdi.woff?ts=1592400704&host=my.cratejoy.com") format('woff'),
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/Lato-Regular_gdi.ttf?ts=1592400704&host=my.cratejoy.com") format('truetype'),
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/Lato-Regular_gdi.svg?ts=1592400704&host=my.cratejoy.com#LatoRegular") format('svg');  
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamNarrow';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GothamNarrow-Black.eot?ts=1592400704&host=my.cratejoy.com");
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GothamNarrow-Black.eot?ts=1592400704&host=my.cratejoy.com?#iefix") format('embedded-opentype'),  
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GothamNarrow-Black.woff?ts=1592400704&host=my.cratejoy.com") format('woff'),
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GothamNarrow-Black.ttf?ts=1592400704&host=my.cratejoy.com") format('truetype'),
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GothamNarrow-Black.svg?ts=1592400704&host=my.cratejoy.com#LatoRegular") format('svg');  
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamNarrowBook';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/Gotham_Narrow_Book.eot?ts=1592400704&host=my.cratejoy.com");
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/Gotham_Narrow_Book.eot?ts=1592400704&host=my.cratejoy.com?#iefix") format('embedded-opentype'),  
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GothamNarrow-Book.woff?ts=1592400704&host=my.cratejoy.com") format('woff'),
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GothamNarrow-Book.ttf?ts=1592400704&host=my.cratejoy.com") format('truetype'),
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/Gotham_Narrow_Book.svg?ts=1592400704&host=my.cratejoy.com#LatoRegular") format('svg');  
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamUltra';
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GOTHAM-ULTRA.eot?ts=1592400704&host=my.cratejoy.com");
    src: url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GOTHAM-ULTRA.eot?ts=1592400704&host=my.cratejoy.com?#iefix") format('embedded-opentype'),  
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GOTHAM-ULTRA.woff?ts=1592400704&host=my.cratejoy.com") format('woff'),
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GOTHAM-ULTRA.ttf?ts=1592400704&host=my.cratejoy.com") format('truetype'),
         url("//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/fonts/GOTHAM-ULTRA.svg?ts=1592400704&host=my.cratejoy.com#LatoRegular") format('svg');  
    font-weight: normal;
    font-style: normal;
}

/* HACKs for the designer carousel */
[data-barley] .barley_bgimage_toolbar{
  z-index: 100;
}
.quotes .barley_bgimage_toolbar {
  margin-left: -50px;
}

.headline .barley_bgimage_toolbar {
  left: 50px;
}

a {
  color: #2196f3;
}

a:hover {
  color: #ffffff;
  text-decoration: none;
}

h2,
.pupjoytext2 {
  font-size: 26px;
  font-family:  'GothamNarrow';
  color: #133d5c;
  margin-bottom: 30px;
}

h1 {
  font-size: 60px;
  font-family: 'GothamUltra';
  color: #2b2b28;
  margin-bottom: 30px;
  font-weight: 700;
}

h2 {
  font-size: 24px;
  font-family: 'GothamNarrow';
  color: #00776e;
  margin-bottom: 30px;
  font-weight: normal;
}
.showcase h2 {
  font-size: 18px;
  font-family: 'Lato', sans-serif;
  color: #2b2b28;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 300;
}
.showcase-content3 h2 {
  font-size: 18px;
  font-family:  'Lato', sans-serif;
  color: #2b2b28;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 300; 
}
.showcase-content7 h2 {
  font-size: 18px;
  font-family:  'Lato', sans-serif;
  color: #2b2b28;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 300; 
}
.showcase-content6 h2 {
  font-size: 24px;
  font-family:  'GothamNarrow', sans-serif;
  color: #2b2b28;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 300;
 
}
.showcase h1 {
  margin-bottom: 0px;
  font-size: 50px;
  font-family: 'GothamNarrow';
  color: #ffffff;
  font-weight: normal;
}
.showcase-content3 h1 {
  margin-bottom: 0px;
  font-size: 50px;
  font-family: 'GothamNarrow';
  color: #ffffff;
  font-weight: normal;
}
.showcase-content7 h1 {
  margin-bottom: 0px;
  font-size: 50px;
  font-family: 'GothamNarrow';
  color: #ffffff;
  font-weight: normal;
}
.blast-header h1 {
  margin-bottom: 10px;
  font-size: 90px;
  font-family: 'GothamNarrow';
  color: #ffffff;
}
.blast-header {
    color: #232e3c;
    font-family:  font-family: 'Lato', sans-serif;
    font-weight: 300;
}
header.blast-header--shaded:after {
    content: " ";
    position: absolute;
    background: rgba(0,0,0,0.2);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
h3, h4,
.fd-account .panel.panel-cratejoy .panel-title,
.product .name-container{
  font-family:  'Lato', sans-serif;
  color: #133d5c
  font-size: 16px;
  letter-spacing: normal;
  font-weight: bold;
}
h5,
.my-account .panel.panel-cratejoy .panel-title,
.product .name-container{
  font-family:'Lato', sans-serif;
  color: #133d5c;
  font-size: 16px;
  letter-spacing: normal;
  margin-left: 0px;
    font-weight: 500;
}
h7,
.my-account .panel.panel-cratejoy .panel-title,
.product .name-container, .index {
  font-family: 'Lato', sans-serif;
  color: #232e3c;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: normal;
  margin-left: 0px;
}
footer h3 {
  font-family: 'Lato', sans-serif;
    font-weight: 600;
  color: #ffffff;
}
footer h5 {
  font-family: 'Lato', sans-serif;
    font-weight: 500;
  color: #ffffff;
    margin-left: 0px;
}
footer a {
  color: #ffffff;
    margin-left: 0px;
}

body,
.my-account .info-label{
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #4a4640;
  background-color: #ffffff;
}

.panel-heading {
    padding: 10px 10px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.alert-warning {
  border: 1px solid #ada699;
  color: #2b2b28;
  background-color: #ada699;
  font-size: 14px;
  text-align: center;
}

/* Lifted from bootstrap button */
.checkout_button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.img-overlay{
  position: absolute;
  background-color: black;
  opacity: .2;
  top:0px;
  height: 100%;
  width: 100%;
}
.btn {
  min-width: 100px;
}
.btn-lg {
  border-radius: 0px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  min-width: 200px;
  padding: 12px 16px;
}
.coupon_section .btn{
  min-width: initial;
}
.cart-subtotal {
  margin-bottom: 25px;
  padding-top: 15px;
}
.checkout_button.primary-button, .btn.btn-primary, .btn.btn-success {
  background-color: #4a4640;
  color: #ffffff;
  border: none;
  font-family:  'GothamNarrow';
}
.checkout_button.primary-button:hover, .btn.btn-primary:hover{
  background-color: #58534c;
  color: #ffffff;
}
.logo {
  margin-bottom: 20px;
  color: #ffffff;
}
.logo img{
  display: inline;
}
.logo-grp {
  font-family:  'GothamUltra';
  font-size: 22px;
  padding: 6px 12px;
  color: #ffffff;
  text-decoration: none;
}

/*
     NAVIGATION STYLES
*/

/* Top banner navigation and text */
.navbar-default {
  background-color: #00776e;
}
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
    background-color: #ffffff;
    font-weight: 300;
    color: #2196f3;
}
.dropdown .dropdown-menu > .open > a,
.dropdown .dropdown-menu > .open > a:hover,
.dropdown .dropdown-menu > .open > a:focus {
    display: block;
    margin-top: 0; 
    background-color: transparent;
    font-weight: 300;
    color: #ffffff;
}
.dropdown-menu > li > a {
    font-weight: 500;
        color: #133d5c;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
   display: block; 
   color: #133d5c !important;
   background-color: transparent; 
   font-weight: 300;
  }
.navbar-default  .dropdown {
  padding-left: 15px;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  display: block;
  background-color: transparent;
  color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
   display: block; 
   color: #ffffff !important;
   font-weight: 300;
   background-color: #ffffff !important; 
  }
.navbar-default .navbar-toggle .navbar-toggle2 {
  border: none;
}
.navbar-toggle { z-index: 99999;}
#navpriority {z-index: 99999;}

.navbar-default a.navbar-toggle, a.navbar-toggle2,
.navbar-default .navbar-nav>li>a {
  font-family:  'GothamNarrowBook';
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  margin-top: 10px;
}
.navbar-default .navbar-nav>li>a:hover {
  font-family: 'GothamNarrowBook';
  color: #ffffff;
  font-weight: 300;
  background-color: transparent;
        text-decoration: underline	;
}
.navbar-default .navbar-nav>li>a:focus {
  font-family:  'GothamNarrowBook';
  color: #ffffff;
  font-weight: 300;
  background-color: transparent;
        text-decoration: underline;
}
.navbar-default .navbar-nav>li>a:active {
  font-family:  'GothamNarrowBook';
  color: #ffffff;
  font-weight: 300;
  background-color: transparent!important;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
}
.navbar-default .navbar-toggle2 > .active > a, .navbar-default .navbar-toggle2 > .active > a:hover, .navbar-default .navbar-toggle2 > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
}
.nav.pull-right > .active > a, .nav.pull-right > .active > a:hover, .nav.pull-right > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
        text-decoration: underline;
}
.nav.pull-left > .active > a, .nav.pull-left > .active > a:hover, .nav.pull-left > .active > a:focus {
    color: #ffffff;
    background-color: transparent;
        text-decoration: underline;
}


a:hover .logo-grp{
  color: #ffffff;
  text-decoration: none !important;
}
.disabled {
  pointer-events: none;  /**<-----------*/
}
#logonew.nohover:hover { border: 0 }

.navbar-default li.logo-ct a {
  margin-top: 0px;
}
.navbar-toggle2 {
  position: relative;
  float: left;
  font-family: 'GothamNarrowBook';
  font-weight: 300;
}
.navbar-toggle2:hover {
  outline: 0;
}
.navbar-toggle2:focus {
  outline: 0;
}
.navbar-toggle2 .icon-bar {
  display: block;
 
}
.navbar-toggle2 .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle2 {
    display: none;
  }
  #mainmobilenav {display: none;}
  #mainmobileshopnav {display: none;}
}
.navbar-default .navbar-toggle2 {
  border-color: #dddddd;
}

.navbar-default .navbar-toggle2 .icon-bar {
  background-color: #888888;
}
.navbar .nav.pull-right {
    float: right;
    margin-right: 98px;
}
.navbar .nav.pull-left {
    float: left;
    margin-left: 0px;
}
.nav.pull-right>li>a {
    font-family: 'GothamNarrowBook';
    font-size: 12px;
    font-weight: 300;
    color: #7d7d7d;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 10px;
}
.nav.pull-right:last-child {
    margin-bottom: 10px;
  }
.nav.pull-right>li>a:hover{
  color: #2196f3;}
.nav.pull-right>li>a:active{
  color: #2196f3;}
.nav.pull-left>li>a {
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #7d7d7d;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 10px;
}
.nav.pull-left>li>a:hover{
  color: #2196f3;}
.nav.pull-left>li>a:active{
  color: #2196f3;}
.nav.pull-left:last-child {
    margin-bottom: 10px;
  }
/* Footer navigation */
footer .navbar .nav>li>a {
  color: #ffffff;
}
footer .navbar .nav>li>a:hover {
  color: #ffffff;
  background-color: transparent;
  text-decoration: underline;
}
footer .social {
  margin-top: 30px;
}
.social-wrap {
  text-align: center;
}
.link-wrap {
  text-align: center;
}
.cc-info-wrap {
  text-align: center;
}
.social a svg path {
  fill: #ffffff;
}
.social a:hover svg path {
  fill: #2196f3;
}
.social a:hover {
  text-decoration: none;
}
footer {
  background-color: #00776e;
  font-family:  'Lato', sans-serif;
  font-size: 14px;
  color: #bcbcbc;
}
footer .caption {
  padding-top: 15px;
  padding-bottom: 15px;
}
footer .caption p {
  line-height: 26px;
}
footer .links {
  border-bottom: 2px solid #7d7d7d;
}
footer .nav>li>a {
  padding: 2px 5px;
  font-family:   'Lato', sans-serif;
    font-weight: 400;
  font-size: 14px;
  color: #bcbcbc;
}
.small-headline {
  margin-bottom: 60px;
}
.headline.showcase {
  padding-left: 0px;
  padding-right: 0px;
}
.showcase {
  overflow-x: hidden;
  overflow-y: hidden;
}
.showcase-image {
  position: relative;
}
.showcase-image img {
  margin: auto auto;
}
.showcase .showcase-content {
  position: absolute;
   margin: 0 auto;
  float: right;
  left: 7%;
  right: 7%;
  top: 37%;
  text-justify-xs: right;
}
.showcase .showcase-content1 {
  position: absolute;
   margin: 0 auto;
  float: right;
  left: 7%;
  right: 7%;
  top: 25%;
  text-justify-xs: right;
}
.showcase .showcase-content2 {
  position: absolute;
   margin: 0 auto;
  float: left;
  left: 7%;
  right: 7%;
  top: 21%;
  text-justify-xs: left;
}
.showcase .showcase-content3 {
  position: absolute;
   margin: 0 auto;
  float: center;
  text-align: center;
  left: 7%;
  right: 7%;
  top: 37%;
  text-justify-xs: center;
}
.showcase-content7 {
  position: absolute;
   margin: 0 auto;
  text-align: center;
  left: 7%;
  right: 7%;
  top: 20%;
}
.showcase-content8 {
  position: absolute;
   margin: 0 auto;
  text-align: center;
  left: 7%;
  right: 7%;
  top: 27%;
}
.showcase .showcase-content4 {
  position: absolute;
   margin: 0 auto;
  float: center;
  text-align: center;
  left: 7%;
  right: 7%;
  top: 35%;
  text-justify-xs: center;
}
.showcase .showcase-content5 {
  position: absolute;
   margin: 0 auto;
  float: left;
  text-align: left;
  left: 7%;
  right: 7%;
  top: 35%;
  text-justify-xs: left;
}
.showcase .showcase-content6 {
  position: absolute;
   margin: 0 auto;
  float: left;
  text-align: center;
  left: 7%;
  right: 7%;
  top: 15%;
  text-justify-xs: left;
}
hr {
  border-color: #7d7d7d;
  border-width: 2px;
}
.showcase .showcase-text a {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #2b2b28;
    font-size: 14px;
    float: left;
}
.showcase .showcase-text a:hover {
  text-decoration: none;
}
.showcase-text {
  margin-top: 15px;
}
.showcase-text .price{
  float: right;
}

.headline .btn.btn-primary {
    font-family:  'Lato', sans-serif;
    color: #ffffff;
    background-color: #2196f3;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    margin-top: 10px;
    border-radius: 0px;
}
.headline .btn.btn-primary:hover {
    color: #ffffff;
    background-color: #58534c;
}

section {
  margin-bottom: 0px;
}
section.account{
  margin-top: 20px:
  margin-bottom: 10px;
}
.main.container {
  margin-top: 40px;
  padding: 0px;
  margin-bottom: 0px;
}
.mid-content {
  text-align: center;
}
.graphic {
  text-align: center;
}
.img-wrap {
    display: inline-block;
}
/*
 * Subscribe
 */
.subscribe_page .banner .content {
  background-color: ;
  text-align: center;
}
.subscribe_page .banner .content h1,
.subscribe_page .banner .content h2,
.subscribe_page .banner .content h3,
.subscribe_page .banner .content h4 {
  padding-bottom: 0;
}
.subscribe_page .banner .content {
  padding-top: 1px;
  padding-bottom: 20px;
}
.subscribe .container {
  padding-top: 30px;
  padding-bottom: 30px;
}
.subscribe .container .heading {
  text-align: center;
}
.subscribe .content {
  text-align: center;
}
.subscribe .content div {
  word-spacing: normal;
}
.subscribe + .subsection .container {
  padding-top: 15px;
}
.subscribe .item {
  display: inline-block;
  width: 285px;
  border: solid 1px #7d7d7d;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 25px;
  box-sizing: content-box;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 20px;
}
.subscribe .item .price {
  margin-bottom: 22px;
}
.subscribe .item .price p {
  font-family:  'Lato', sans-serif;
  font-weight: 300;
  color: #2b2b28;
  font-size: 15px;
  padding-top: 15px;
}
.subscribe .image-container {
  display: inline-block;
  width: 285px;
  height: 190px;
  text-align: center;
}
.subscribe .item .information {
  padding: 5px 16px;
}
.subscribe .image-container img {
  max-width: 285px;
  max-height: 190px;
  margin: auto auto;
}
.subscribe .row.head, .subscribe .row.foot {
  border-bottom: 1px solid ;
}
.item .description-container {
  margin-top: 22px;
}
.line-limited {
  display: table;
  width: 100%;
}
.line-limited > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.line-limited > div > * {
  overflow: hidden;
}
/* Set the fonts and cell heights for the name-container */
.item .name-container.line-limited {
  font-family: 'Lato', sans-serif;
    font-weight: 300;
  color: #2b2b28;
  font-size: 15px;
  letter-spacing: 1px;
  height: 2.4em;
}
.item .name-container.line-limited > div > * {
  line-height: 1.2em;
  max-height: 2.4em;
}
/* Set the fonts and heights for this limited block */
.item .description-container.line-limited {
  color: ;
  font-family:   'Lato', sans-serif;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 1px;
  height: 4.2em;
  margin-bottom: 15px;
}
.item .description-container.line-limited > div > * {
  line-height: 1.4em;
  max-height: 4.2em;
}
/* Set the fonts and heights for this limited block */
.terms .item .description-container.line-limited {
  color: ;
  font-family:  'Lato', sans-serif;
  font-weight: 300;
  font-size: 13px;
  letter-spacing: 1px;
  height:2.8em;
  margin-bottom: 15px;
}
.breadcrumb-ct {
  background-color: #ada699;
}
.breadcrumb {
  background-color: #ada699;
  font-size: 12px;
  color: #2b2b28;
  margin-bottom: 0px;
}
.breadcrumb>li.active {
  color: #2b2b28;
  opacity: 1;
}
/* Hack to remove default inline-block spacing */
.breadcrumb>li span{
  margin-left: -4px;
}
.breadcrumb>li{
  opacity: .50;
}
.breadcrumb>li+li:before {
  color: #2b2b28;
}
.cart-table {
  position: relative;
  display: table;
  width: 100%;
}
.cart-table .product-image-thumb img{
  height: 90px;
  width: 90px;
}
.cart-table .product-label {
  display: table;
}
.cart-table p{
  margin: 0 0;
}
.cart-table .cart-td {
  display: table-cell;
  float: none;
  border-bottom: 1px solid #7d7d7d;
  vertical-align: middle;
  padding-top: 5px;
  padding-bottom: 5px;
}
.product-label .product-image-thumb {
  padding-right: 0;
  width: 90px;
  height: 90px;
}
.product-label .product-info-meta{
  padding-left: 25px;
}
.product-label .thumb, .product-label .meta {
  display: table-cell;
  vertical-align: middle;
}
.cart-content .icon {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
}
.cart-table .close {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -11px;
  color: #56524e;
  opacity: 100;
  filter: alpha(opacity=10000);
}
.cart-content .price {
  margin-bottom: 15px;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
footer .navbar-nav {
  margin: 0 0;
}
footer .navbar .navbar-nav>li>a {
  font-family:   'Lato', sans-serif;
  font-weight: 400;
   font-size: 14px;
  margin-top: 0px;
}
@media (max-width: 767px){
  footer {
    text-align: center;
  }
  .copyright {
    margin-bottom: 20px;
  }
  .navbar-light li {
    border-right: none;
  }
  .navbar-light .navbar-toggle .navbar-toggle2{
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    display: inline-block;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
    background-color: #2b2b28;
  }
  .navbar-static-top .navbar-nav, .navbar-static-top .navbar-text{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .dropdown-menu > li > a {
    color: #bcbcbc;
    background-color: #ffffff;
  }
  .navbar-static-top ul.navbar-nav:first-child {
    float: left;
  }
  .navbar-static-top ul.navbar-nav:last-child {
    float: right;
  }
  .navbar-static-top .main-nav,
  .navbar-static-top .main-nav ul.nav {
      clear: both;
      float: none;
      text-align: center;
      width: 100%;
      background-color: #ffffff;
      position: absolute;
      top: 100%;
      margin-top: -4px;
  }
  .navbar-static-top .main-nav ul.nav {
    position: inherit;
  }
  .navbar-static-top .main-nav li a, .main-nav {
    color: #ffffff;
  }
  .navbar-static-top .main-shop-nav,
  .navbar-static-top .main-shop-nav ul.nav {
      clear: both;
      float: none;
      text-align: center;
      width: 100%;
      background-color: #ffffff;
      position: absolute;
      top: 100%;
      margin-top: -4px;
  }
  .navbar-static-top .main-shop-nav ul.nav {
    position: inherit; 
  }
  .navbar-static-top .main-shop-nav li a, .main-shop-nav {
    color: #ffffff;
  }  
  .nav .social{
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .cart-table {
    display: block;
    padding-bottom: 20px;
    margin-bottom: -1px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #7d7d7d;
  }
  .cart-table .cart-td {
    display: block;
    padding: 5px;
    border: none;
  }
  .cart-table .close {
    top: 0;
    right: 10px;
    margin-top: 0;
  }
  .cart-table .product-label .thumb {
    width: 90px;
    text-align: right;
  }
  .cart-table .product-label .meta {
    padding-left: 25px;
  }
  .hidden-xs {
    display: none !important;
  }
  #mainnav {display: none}
  #mainshopnav {display: none}
}
@media (max-width: 991px){
    .showcase h1 {
    font-size: 28px;
  }
}
.headline .cta-mobile {
  display: none;
  border-top: 1px solid #7d7d7d;
  border-bottom: 1px solid #7d7d7d;
}
@media (max-width: 787px){
    .showcase h1{
    font-size: 24px;
  }
}
@media (max-width: 700px){
  .showcase {
    width: 100%;
  }
  .quotes .cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 75px;
    float: left;
  }
  .showcase-text .price {
    float: none;
    display: block;
  }
  .showcase-text {
    text-align: center;
    margin-bottom: 10px;
  }
  .showcase-text7 {
    text-align: left;
    margin-bottom: 10px;
  }
  .headline h1{
    font-size: 38px;
  }
  headline2 h1{
    font-size: 24px;
  }
  .headline .cta-xmobile {
    margin-top: 5px;
  }
  .headline .cta-xmobile{
    display: none;
  }
  .headline .btn.btn-primary.cta-mobile {
    display: inline-block;
    margin-top: 0px;
    width: 100%;
  }
  .showcase .showcase-content {
    top: 30%;
    font-size: 28px;
  }
 .container {
    width: 100%;
  }
 .container-fluid {
    width: 100%;
  }
  .btn {
  max-width: 250px;
  }
  .headline .btn.btn-primary {
    font-size: 12px; 
    margin-top: 2px;
  }
   .h1 {
    font-size: 28px;
  }
}
.btn-autosize {
  padding: 7px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 0;
  min-width: 150px;
}
@media screen and (min-width: 768px) {
  .btn-autosize {
    padding: 7px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 0;
  }
}
@media screen and (min-width: 992px) {
  .btn-autosize {
    padding: 12px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
  }
}

/* This is a max 970px wide design */
@media (min-width: 1200px){
  /* duoblock default layout styles */
  .container {
    width: 100%;
  }
}
section#header {
  margin-top: 40px;
}
#skip_button {
  border: none !important; 
  color: #ffffff !important;
  font-weight: normal;
}
#skip_button.skipped:hover {
  color: ;
  background-color: #7d7d7d;
}
/* Server generated form styles - eg change order */
.cratejoy-loading-icon {
  color: #bcbcbc;
}
input[type="radio"] + label.cj-btn {
  border: 1px solid #bcbcbc;
  color: #bcbcbc;
}
input[type="radio"]:checked + label.cj-btn, #skip_button.skipped {
  background-color: #bcbcbc;
  color: ;
  border-color: #bcbcbc;
}
input[type="radio"]:checked + label.cj-btn.term h4,
input[type="radio"]:checked + label.cj-btn.term h5 {
  color: ;
}
.main.container {
  min-height: 50vh;
}
body {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
    body { padding-top: 10px; }
}
body.listing {
  margin: 0px;
  padding: 0px;
}
body.about {
  margin: 0px;
  padding: 0px;
}
body.account {
  height: 100%;
  width: 100%;
  padding: 0px;
  margin: 0px;
  padding-top: 50px;
}
body.products {
  margin: 0px;
  padding: 50px;
}
.container-fluid img.hero {
  width: 100%;
}
@media (max-width: 768px){
  .checkout_content .styled_cart .total-row #total_price {
    font-size: 35px;
  }
}
@media (max-width: 515px){
  .checkout_content .styled_cart .total-row #total_price {
    font-size: 28px;
  }
}
.password-reset .control-group {
  margin-bottom: 15px;
}
/* end change order */
.order th,
.order td strong{
  /*
  font-family: ;
  color: ;
  */
  font-size: 15px;
}
/*
 * PupJoy Custom
 */
.index .header-index .content {
	margin-top: 135px;
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
}
.index .header-index .container {
	background-color: ;
}
.index .header-index  .hero {
	min-height: 585px;
	background-position: bottom right;
	background-repeat: no-repeat;
}
@media (max-width: 960px) {
	.index .header-index  .hero {
		min-height: 425px;
		background-position: center right;
	}
	.index .header-index .content {
		margin-top: 0px;
		padding-bottom: 20px;
		padding-left: 15px;
		padding-right: 15px;
	}
}
.index header .content .btn-primary,
.index header .content .btn-inverse,
section .content .btn-primary {
	width: 175px;
}

.index .header-index .content p {
	color: ;
}
@media (min-width: 992px) {
	.index .promo-left .content {
		padding-top: 35px;
	}
}
.index .promo-left .content {
	padding-bottom: 35px;
}
.index .propositions .container {
	background-color: ;
}
.index .propositions .container-fluid {
	padding-top: 0px;
}
.index .propositions .row {
	padding-top: 0px;
	padding-bottom: 10px;
}
.index .propositions .prop-row {
	background-position: center center;
}
.index .propositions .prop-row .prop {
}
.index .propositions .prop .prop-img-container {
	float: center;
	margin-right: 20px;
    width: 100%;
    height: 50px;
    padding: 0px;
}
.index .propositions .prop .prop-img-container img {
	max-width: 50px;
	max-height: 50px;
    float: center;
  display: block;
    padding: 0px;
}
.index .propositions .prop p {
}

.index .testimonials .container {
	padding-top: 0px;
	padding-bottom: 0px;
}
.index .testimonials .content .heading {
	text-align: center;
}
.index .testimonials .content p {
	text-align: center;
}
.index .testimonials .content .testimonial {
	padding: 0px;
	background-color: ;
	margin-bottom: 0px;
}
.index .testimonials .content .testimonial .quote {
	font-family: 'Montserrat-Regular';
	font-size: 8.6rem;
	line-height: 10px;
	position: absolute;
	color: #EEEEEE;
	margin-left: -18px;
	margin-top: 0px;
}
.index .testimonials .content .image-container {
	padding: 0;
	float: left;
	margin-right: 2px;
}
.index .bottom_cta .content h1, .index .bottom_cta .content h2, .index .bottom_cta .content h3, .index .bottom_cta .content h4, .index .bottom_cta .content p {
	color: ;
}
.index .bottom_cta .content {
	background-color: ;
}
.index .bottom_cta .btn-primary {
	width: auto;
}
.about .bottom_cta {
    padding: 0;
}
@media (max-width: 992px) {

	.index .inthebox .content .image-content {
		float: none;
	}
}
.section{
  padding-top: 0px;
  padding-bottom: 0px;
}
.promo .container-fluid {
	padding-bottom: 40px;
    padding-top: 50px;
}
.promo .container.stacked-promo {
	padding-bottom: 0;
}
.promo .content .text-content {
	padding-top: 0px;
}
.promo .stacked-promo .content .text-content {
	padding-bottom: 40px;
}
 .img-responsive {width: auto} 

@media (min-width: 992px) {
	.promo.stacked-promo .content .text-content {
		padding-bottom: normal;
	}
	.promo-left .content .image-content {
      margin-right: 50px;
      text-align: center;
	}
    .promo-left .img-responsive {
      margin: 0 auto;
  }
	.promo-right .content .image-content {
		float: right;
		margin-left: 50px;
	}
}
.index .explainer .container {
	padding-top: 35px;
	padding-bottom: 40px;
    background-color: #f5f5f5;
}
.index .explainer .content {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
}
.index .explainer .content p {
	color: ;
	text-align: center;
}
@media all {
  .container-fluid {
    width: 100%;
  }
  .container {
    width: 100%;
  }
}
.index .explainer .content .center {
	clear: both;
	padding-top: 15px;
    text-align: center;
    margin: auto;
    width: 50%
}
#pa.container {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
}
#pa.container-fluid {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 30px;
}
#pa.row {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
}
#p.container {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
}
#p.container-fluid {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 30px;
}
#p.row {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
}
#p2.container-fluid {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    max-height: 30px;
    margin-left: 0px;
    margin-right: 0px;
}
#p2.row {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
#p3.container-fluid {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 30px;
}
#p4.container-fluid {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    font-family: 'GothamNarrowBook';
    font-weight: normal;
    color: #2b2b28;
    font-size: 12px;
    width: 100%
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 30px;
}
#ps4.container-fluid {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    font-family: "GothamNarrowBook";
    color: #2b2b28;
    font-size: 12px;
    width: 100%
    height: 50px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 30px;
}
@media (max-width: 992px) {
    #ps4.container-fluid {
       padding-top: 0px;
    }
}
#ps5.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Frenchie9-min.jpg?ts=1592400713&host=my.cratejoy.com);
    background-size: cover;
    padding-right: 0px;
    padding-left: 0px;
    padding-right: 5%;
    font-family: "GothamNarrowBook";
    color: #2b2b28;
    font-size: 16px;
    min-height: 450px;
    padding-top: 25%;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
}  
#ps8.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Fetch_Find_Box_mobile.jpg?ts=1592400713&host=my.cratejoy.com);
    background-size: cover;
    padding-right: 0px;
    padding-left: 0px;
    padding-right: 5%;
    font-family: "GothamNarrowBook";
    color: #2b2b28;
    font-size: 16px;
    min-height: 450px;
    padding-top: 25%;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
}  
#giftmobile5.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/PRW_Gifts_Mobile-min-2.png?ts=1592400718&host=my.cratejoy.com);
    background-size: cover;
    padding-right: 0px;
    padding-left: 0px;
    padding-right: 5%;
    font-family: "GothamNarrowBook";
    color: #2b2b28;
    font-size: 16px;
    min-height: 450px;
    padding-top: 25%;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
}
#giftmed5.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/PRW_Gifts_Tablet-min.png?ts=1592400718&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}

#bulkmobile5.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/2bulkmob-min.png?ts=1592400707&host=my.cratejoy.com);
    background-size: cover;
    padding-right: 0px;
    padding-left: 0px;
    padding-right: 5%;
    font-family: "GothamNarrowBook";
    color: #2b2b28;
    font-size: 16px;
    min-height: 450px;
    padding-top: 25%;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
}  
#bulkmobile5a.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/bizmobile2.png?ts=1592400709&host=my.cratejoy.com);
    background-size: cover;
    padding-right: 0px;
    padding-left: 0px;
    padding-right: 5%;
    font-family: "GothamNarrowBook";
    color: #2b2b28;
    font-size: 16px;
    min-height: 450px;
    padding-top: 25%;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
}  
#z.container-fluid {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#z.row {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#itwo.container-fluid {
    background-color: none;
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 10px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
    min-height: 50px;
    color: #ffffff;
}
#itwo.row {
    background-color: none;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
  vertical-align: middle;  
  color: #ffffff; 
}
#ithree.container-fluid {
    background-color: none;
    padding-top: 30px;
    padding-bottom: 70px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
    color: #ffffff;
}
#ithree.row {
    background-color: none;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
    color: #ffffff; 
}
#ifour.container-fluid {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 30px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#ifour.row {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#ifive.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Belly_Rub_50_min_Desktop.png?ts=1592400709&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#ifivemobile.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Belly_Rub_50_min_Mobile.png?ts=1592400709&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#ifivemed.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Belly_Rub_50_min_Tablet.png?ts=1592400709&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#inine.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/PRW_gift_lg2.png?ts=1592400717&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#ininemobile.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/PRW_Gift_Mobile-min.png?ts=1592400718&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#ininemed.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/PRW_Gift_Med1-min.png?ts=1592400717&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#isixa.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Out_of_the_box-min.png?ts=1592400717&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;
    vertical-align: middle;
}
#isix.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/PRW_home_lg2.png?ts=1592400718&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;
    vertical-align: middle;
}
#isixblack.container-fluid {
    background-color: #000000;
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    display: inline-block;
    vertical-align: middle;
}
#isixamobile.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/bizmobile.png?ts=1592400709&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
#isixmobile.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/PRW_Home_Mobile-min.png?ts=1592400718&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
#isixamed.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/biztablet.png?ts=1592400709&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
#isixmed.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/PRW_Home_Med2.png?ts=1592400718&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
#isixmedblack.container-fluid {
    background-color: #ffffff;
    padding: 0 0 30px 0;
    height: 550px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    text-align: center; 
    padding-top: 30px; 
    padding-bottom: 0px
}
#videocontainer {
   text-align: center; 
   max-height: 490px;
}  
#video_wrapper2 {
   position: absolute;
   font-size: 40px;
   color: #ffffff;
   width: 100%;
   height: 490px;
   background: #ffffff;
}
#placeholder_med_index {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Nov18-min.png?ts=1592400716&host=my.cratejoy.com);
    background-size: cover;
    height: 490px;
    max-width: 870px;
    margin-left: auto; 
    margin-right: auto;
}
#placeholder_med {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Amethyst-min.jpg?ts=1592400707&host=my.cratejoy.com);
    background-size: cover;
    height: 490px;
    max-width: 870px;
    margin-left: auto; 
    margin-right: auto;
}
#bgvid2 {
   display: none; 
   margin-left: 5%; 
   margin-right: 2%; 
   transition: 1s opacity; 
   width: auto; 
   height: 490px;
}
#video_play {
   text-align: center; 
   padding-top: 160px;
}  
#video_close2 {
    border-radius: 0px;
    padding-top: 25%;
    right: 20%;
    padding: 5px;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    text-align: center;
    font-size: 28px;
    height: 24px;
    width: 24px;
    line-height: 24px;
    display: none;
}  

@media (max-width: 480px) {
    #video_close2 {
    right: 15%;
    }  
}
@media (max-width: 950px) {
    #isixmedblack.container-fluid {
        height: 240px;
    }
    #videocontainer {
       text-align: center; 
       max-height: 180px;
    }  
    #video_wrapper2 {
       height: 180px;
       background: #ffffff;
    }
    #video_close2 {
    border-radius: 0px;
    padding-top: 2%;
    right: 35%;
    }  
    #placeholder_med_index {
       background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Nov18-min.png?ts=1592400716&host=my.cratejoy.com);
       height: 180px;
       max-width: 320px;
       margin-left: auto; 
       margin-right: auto;
    }
    #placeholder_med {
       background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/Amethyst-min.jpg?ts=1592400707&host=my.cratejoy.com);
       height: 180px;
       max-width: 320px;
       margin-left: auto; 
       margin-right: auto;
    }
    #bgvid2 {
       height: 180px;
       margin-left: 5%; 
       margin-right: 5%; 
    }
    #video_play {
       padding-top: 22px;
    }
}

#iseven.container-fluid {
    background-color: #ffffff;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 30px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#iseven.row {
    background-color: #ffffff;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#ieight.container-fluid {
    background-color: #f5f5f5;
    padding-top: 30px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 30px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#ieight.row {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#acsix.container-fluid {
    background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/CowDown-min.jpg?ts=1592400711&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;
    vertical-align: middle;
}
#aone.container-fluid {
    background-color: #f5f5f5;
    padding-top: px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#aone.row {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#atwo.container-fluid {
    background-color: none;
    padding-top: px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#atwo.row {
    background-color: none;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#athree.container-fluid {
    background-color: #f5f5f5;
    padding-top: px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#athree.row {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#afour.container-fluid {
    background-color: #f5f5f5;
    padding-top: px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#afour.row {
    background-color: #75e3ed;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#afive.container-fluid {
    background-color: #f5f5f5;
    padding-top: px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#afive.row {
    background-color: #f5f5f5;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#asix.container-fluid {
  background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/BPF_50_Desktop.png?ts=1592400710&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#asixmed.container-fluid {
  background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/BPF_50_Tablet.png?ts=1592400710&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#asixmobile.container-fluid {
  background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/BPF_60_Mobile.png?ts=1592400710&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
#aseven.container-fluid {
  background-image: url(//d3a1v57rabk2hm.cloudfront.net/pupjoy/fresh-copy-3/images/HelpingPaws2.png?ts=1592400714&host=my.cratejoy.com);
    background-size: cover;  
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    height: 100%
    margin-left: 0px;
    margin-right: 0px;
}
h6 {
	font-family:  'Lato', sans-serif;
    font-weight: 300;
	color: ;
	font-size: 2.6rem;
	padding-bottom: 25px;
}
p {
	font-family:   'Lato', sans-serif;
	font-weight: 300;
	font-style: normal;
	color: ;
	font-size: 1.3rem;
	line-height: 18px;
}

.loyalty-progress p {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
}
.loyalty-progress p {
    margin-top: 10px;
    font-size: 14px;
}
.my-account .panel.panel-cratejoy .panel-heading {
    background-image: none;
    background-color: #f0f0f0;
    border-color: #ddd;
}
.my-account .row {
    margin-left: 0px;
    margin-right: 0px;
}
.my-account .btn .btn.btn-primary {
    font-family: Lato', sans-serif;
    color: #ffffff;
    background-color: #2196f3;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    padding: 12px 16px;
}
.headline .btn.btn-primary {
    font-family: 'GothamNarrow';
    color: #f4f4f4;
    background-color: #4a4640;
    font-size: 14px;
    text-align: center;
    font-weight: 400;
    padding: 12px 16px;
    border-radius 0px;
}
.my-account .btn-primary {
    font-family: Lato', sans-serif;
    color: #f4f4f4;
    background-color: #4a4640;
    font-size: 14px;
    text-align: center;
    font-weight: normal;
    margin-top: 10px;
    border-radius: 0px;
      padding: 12px 16px;
}
.inner-address-row .btn-primary {
    max-width: 100px;
}

#snapwidget.container-fluid {
    font-family:   'Lato', sans-serif;
    font-weight: 300;
}
.index .secondimage .container-fluid {
	background-color: ;
}
.about .secondimage .container-fluid {
	background-color: ;
}
.index .pupjoytext .container-fluid {
    background-color: ;
}
.index .pupjoytext2 .container-fluid {
	background-color: ;
}
.index .pupjoyprods .container-fluid {
	background-color: ;
}
.index .snapwidget .container-fluid {
	background-color: ;
}
 * About page
 */
.about .promo .content {
	padding-top: 50px;
	padding-bottom: 50px;
}
.about .addl-info .content {
	padding-top: 50px;
	padding-bottom: 50px;
}
.about .team {
	text-align: center;
}
.about .how-it-started .leader h3 {
	padding-bottom: 5px;
}
.about .how-it-started .leader {
	text-align: center;
	padding: 50px 0px 30px 0px;
}
@media (min-width: 992px) {
	.about .how-it-started .leader {
		padding: 50px 265px 30px 265px;
	}
}
.about .bottom_cta .content {
	padding-top: 0px;
    padding-bottom: 0px;
}
.bottom_cta.container-fluid {
    padding-top: 30px:
}
about .bottom_cta.container-fluid {
    padding-top: 50px:
}
.text-xs-left { text-align: left; }
.text-xs-right { text-align: right; }
.text-xs-center { text-align: center; }
.text-xs-justify { text-align: justify; }
@media (min-width: @screen-sm-min) {
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  .text-sm-center { text-align: center; }
  .text-sm-justify { text-align: justify; }
}
html, body {
  overflow-x: hidden;
}
.seenin-logos-container {
    width: 100%;
	padding-bottom: 100px;
}
.seenin-logos-container-fluid {
    width: 100%;
	padding-bottom: 30px;
}
.seenin-logo {
	text-align: center;
}
.seenin-logos-container .heading {
	margin-top: 15px;
	color: ;
	font-family:   'LatoRegular', sans-serif;
    font-weight: 300;
	text-align: center;
	margin-bottom: 25px;
}
.seenin-logos-container-fluid .heading {
	margin-top: 15px;
	color: ;
	font-family:  'LatoRegular', sans-serif;
    font-weight: 300;
	text-align: center;
	margin-bottom: 25px;
}
#preview-frame {
    width: 100%;
    text-align: center;
}
/* Carousel base class */
.carousel {
  margin-bottom: 0px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
  color: #333;
  position: relative;
  left: 15%;
}
a.anchor {
    display: block;
    position: relative;
    left: -250px;
}
@media (max-width: 767px){
  .navbar-light li {
    border-right: none;
  }
  .navbar-light .navbar-toggle {
    margin-right: auto;
    margin-left: auto;
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    display: inline-block;
  }
  .navbar-toggle2 li {
    text-align: left;
    float: left;
    display: inline-block;
  } 
  .navbar-toggle2 > li > a {
    text-align: left;
    float: left;
  }
  navbar-toggle2 ul {
    text-align: left;
    float: left;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;;
  }
  .navbar-fixed-top .navbar-nav, .navbar-static-top .navbar-text{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .dropdown-menu > li > a {
    color: #bcbcbc;
  }
  .navbar-fixed-top ul.navbar-nav {
    float: left;
  }
  .navbar-fixed-top .main-nav,
  .navbar-fixed-top .main-nav ul.nav {
      clear: both;
      float: none;
      text-align: center;
      width: 100%;
      background-color: #ffffff;
      position: absolute;
      top: 100%;
      margin-top: -4px;
  }
  .navbar-fixed-top .main-nav ul.nav {
    position: inherit;
  }
  .navbar-fixed-top .main-nav li a, .main-nav {
    color: #7d7d7d;
  }
  .nav .social{
    display: block;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .cart-table {
    display: block;
    padding-bottom: 20px;
    margin-bottom: -1px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #7d7d7d;
  }
  .cart-table .cart-td {
    display: block;
    padding: 5px;
    border: none;
  }
  .cart-table .close {
    top: 0;
    right: 10px;
    margin-top: 0;
  }
  .cart-table .product-label .thumb {
    width: 90px;
    text-align: right;
  }
  .cart-table .product-label .meta {
    padding-left: 25px;
  }
  .hidden-xs {
    display: none !important;
  }
}
.navbar-fixed-top .main-nav li a:active, .main-nav li a:active, navbar-default .main-nav li a:active, navbar-default:active {
    color: #bcbcbc;
}
.navbar-fixed-top .main-nav li a:focus, .main-nav li a:focus, navbar-default .main-nav li a:focus, navbar-default:focus {
    color: #bcbcbc;
}
p {
  font-family:   'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
}
#renewal-disclaimer{
  font-family: 'GothamNarrow' !important;
  font-weight: 300;
  font-size: 14px;
  color: #56524e;
  background-color: #ffffff;
}
.divider {
 font-family: 'GothamNarrow' !important;
}
/*----------------------Gift Card---------------------- */
.gift-card-container.gift-card-balance-container {
  padding: 5px;
  border: 1px solid #56524e;
  border-radius: 3px;
}
.gift-card-container .gift-card-balance {
  display: none;
}
.gift-card-container.gift-card-balance-container .gift-card-balance {
  display: block;
}
.gift-card-container .gift-card-cta #gift-card-redeem {
  margin-top: 0;
}
.btn.gift-card-modal-submit {
   background-color: #7d7d7d;
   color: #ffffff;
   border: none;
   font-family: OpenSans SemiBold;
}
.btn.gift-card-modal-submit:hover {
   background-color: #bcbcbc;
   color: #FFFFFF;
}
.progressbar {
  position: relative;
  margin-top: 40px;
  margin-bottom: 110px;
  height: 2px;
  background: #2b2b28;
}
.progressbar:before,
.progressbar:after {
  content: " ";
  display: table;
}
.progressbar:after {
  clear: both;
}
.progressbar:before,
.progressbar:after {
  content: " ";
  display: table;
}
.progressbar:after {
  clear: both;
}
.progressbar .step {
  position: absolute;
  top: -13px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-top-right-radius: 28px;
  border-top-left-radius: 28px;
  border-bottom-right-radius: 28px;
  border-bottom-left-radius: 28px;
  color: #E5E5E5;
  background: #fff;
  font-family:   'Lato', sans-serif;
    font-weight: 300;
  text-align: center;
  cursor: pointer;
}
.progressbar .step .point {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #E5E5E5;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.progressbar .step .title {
  position: absolute;
  bottom: -35px;
  left: 50%;
  margin-left: -60px;
  display: block;
  width: 120px;
  white-space: nowrap;
}
.progressbar .step.first {
  left: 0;
}
.progressbar .step.second {
  left: 50%;
}
.progressbar .step.third {
  left: 100%;
}
.progressbar .step.active {
  border: 2px solid #2b2b28;
}
.progressbar .step.active .point {
  width: 14px;
  height: 14px;
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
  background: #2b2b28;
}
.progressbar .step.active .title {
  font-size: 16px;
  color: #2b2b28;
}
.btn.btn-subvar {
     width:100%;
     background: #e8e3d8;
   color: #333;
  text-align: center;
  line-height:0;
   padding:30px 0;
         margin-left:-3px;
       margin-top:10px;
       margin-bottom:40px;
       margin-top:20px;
  font-size: 14px;
  
}  


.btn.btn-subvar:hover {
         background: #e06143;
        color:#fff;
    }
.btn.btn-subvar.active{
        background: #333;
        color:#fff;
    }




 
 .img-responsive-exclusive {
   width: auto;
   text-align: center;
} 
.loyalty-progress {
  font-family:   'Lato', sans-serif;
    font-weight: 300;
}

glyphicon-chevron-left {
    font-size: 96px;
}

glyphicon-chevron-right {
    font-size: 96px;
}
/*----------------------ECOM---------------------- */
.card{
  height: 300px;
}

.card2{
  height: auto;
  width: auto;
}
.section{
  padding-top: 0px;
  padding-bottom: 0px;
}

.listing-heading p {
  padding: 0px;
  border-bottom: 1px solid #eeeeee;
  padding-top: 0px;
}

.header-article {
    text-align: center;
}

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

.header-article p {
  margin-bottom: 20px;
}
.card {
  margin-bottom: 40px;
  width: 260px;
}

.card > a {
  display: block;

}
.card > a:hover {
  text-decoration: none;
}
.card .heading {
  display: block;
  margin: 0;
  font-size: 18px;
  line-height: 120%;
  color: #000000;
}
.card .heading:hover {
  display: block;
  margin: 0;
  font-size: 18px;
  line-height: 120%;
  color: #2196f3;
}
.card .price {
  display: block;
  color: #7d7d7d;
}
.card .price:hover {
  display: block;
  color: #2196f3;
}
.card .img-container {
  display: inline-block;
  width: 225px;
  height: 225px;
  border: 1px solid #e0e0e0;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
.card2 {
  margin-bottom: 40px;
  margin-top: 10px;
}

.card2 .heading {
  display: block;
  margin: 0;
  font-size: 18px;
  line-height: 120%;
  width: 225px;
  color: #000000;
}
.card2 .description {
  display: block;
  margin: 0;
  font-size: 14px;
  line-height: 120%;
  width: 225px;
  color: #000000;
  font-family: 'Lato', san-serif;
}
.card2 .img-container {
  display: inline-block;
  width: 225px;
  height: 225px;
  border: 1px solid #e0e0e0;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
.card2 .price {
  display: block;
  color: #7d7d7d;
}
#product-form {
  padding-top: 10px;
}
#product-form .cselect {
  background: #FAFAFA;
  border: 1px solid ;
  color: ;
  border-radius: 3px;
  height: 40px;
}
#product-form .control-label {
  line-height: 30px;
  font-family:   'Lato', sans-serif;
  font-size: 14px; 
  font-weight: 300;
}
.product {
  margin-top: 30px;

}
.header-article a {
  color: ;
}
.product .thumbs {
  position: relative;
  margin-bottom: 30px;
}
.product .price {
  margin-bottom: 10px;
  font-size: 18px;
  color: ;
}
.product .heading {
  margin-bottom: 15px;
  font-family: OpenSans ExtraBold;
}
.product .hsecondary-grp {
  margin: 0 0 5px;
  color: ;
}
.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;
}

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: ;
}
.filter-cards .cselect {
  background: #FAFAFA;
  border: 1px solid ;
  color: #2b2b28;
  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: ;
  line-height: 120%;
}
.cart-tfoot .cart-subtotal .price small {
  display: block;
  margin-top: 10px;
  color: ;
  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: ;
  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: ;;
}
.product_paging > li > a {
  padding: 5px;
  line-height: 16px;
  color: ;
  border: none;
}
.product_paging > li > a:hover {
  background: none;
}
.product_paging > li.active a {
  color: ;
  background: none;
  border-bottom: 2px solid ;
}
.product_paging > li.active a:hover {
  background: none;
  color: ;
}

@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;
}

.ecom-listing {
  border-bottom: 1px solid #eeeeee;
}

.ecom-listing .headline .heading {
  display: none;
}

.ecom-listing .label,
.ecom-listing .heading.hsmall-grp {
  font-family:   'Lato', sans-serif;
    font-weight: 300;
  color: ;
  font-size: 15px;
  margin-top: 4px;
  margin-bottom: 5px;
}

.ecom-listing .price {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 1.6;
  color: #56524e;
  font-family:   'Lato', sans-serif;
  font-weight: 300;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 4px;
}

.nav > li > a:hover {
  background-color: initial;
  color: #2196f3;
}
.listings_navs ul {
    list-style: none outside none;
}
.listings_navs ul li {
    border-bottom: 2px solid #DDDDDD;
    cursor: pointer;
    float: left;
    margin: 0;
    width:100px;
    height:50px;
    line-height:50px;
    position: relative;
    text-align:center;
}
.clearfix {
    clear: both;
}
.listings_nav ul li:hover:after,
.listings_nav ul li.active:after{
    border: 1px solid red;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100px;
}


/* Side-filter */
.listing-filters .heading {
  color: ;
  font-size: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 15px;
}

.listing-sortby {
  margin-bottom: 30px;
}

.listing-filters li {
  margin-bottom: 10px;
}

.listing-filters a {
  color: #56524e;
  font-size: 14px;
}

.listing-sortby a.sortby-active,
.listing-sortby a:active {
  color: #333;
}

.listing-tags .tag-active {
  display: inline-block;
  background-color: #bcbcbc;
  color: #ffffff;
 text-decoration: underline;
  border-radius: 2px;
  padding-top: 5px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px;
}

.listing-tags .tag-active i {
  color: #ffffff;
  margin-left: 5px;
  top: 3px;
  text-decoration: underline;
}

.product.row  .summary.row {
  padding-bottom: 20px;
  font-family:   'Lato', sans-serif;
  font-size: 16px; 
  font-weight: 300;
}
.product.row .marketing.row {
  border-top: 1px solid #eee;
}

.product.row .marketing.row > div {
  padding-top: 8px;
}

.product.row .description {
  margin-top: 20px;
}

.listing-filters .nav li > a {
  padding: 0px;

}

.listing-filters .navbar-sort-by-collapse {
  clear: both;
}

.listing-filters .navbar-toggle{
  clear:both;
  float: none;
  line-height: 1.3;
  width: 100%;
  color: ;
  font-family: ;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}
.listing-filters .navbar-toggle2{
  clear:both;
  float: left;
  line-height: 1.3;
  width: 100%;
  color: ;
  font-family: ;
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
}
.filter-toggle {
  margin-bottom: 10px;
}

.filter-toggle .indicator{
  float: right;
  font-family: "FontAwesome" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
}

.listing-filters .navbar-toggle.collapsed .navbar-toggle2.collapsed .indicator:before{
  content: "\f067";
}

.listing-filters .navbar-toggle .navbar-toggle2 .indicator:before{
  content: "\f068";
}

/* This is the style when the filters stack on top of */
/* the listing and become collapsible */
@media (max-width: 693px){
  .ecom-listing .listing-filters {
    width: 100%;
  }

  .ecom-listing .listing-data {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }

  .listing-filters .heading {
    display: none;
  }

  .filter-toggle {
    padding: 10px 10px;
    margin-bottom: 4px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }


  .filter-toggle .navbar-collapse{
    padding-left: 40px;
  }

}

@media (max-width: 512px) {
  .ecom-listing .listing-data {
    width: 100%;
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 693px){
    .listing-filters .navbar-toggle .navbar-toggle2{
      display: none;
    }

    .listing-filters .navbar-collapse.collapse{
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
}


@media (min-width: 768px){
  .ecom-listing .listing-filters {
    width: 162px;
  }

  .ecom-listing .listing-data {
    width: 100%;
  }
}

@media (min-width: 992px){
  .ecom-listing .listing-filters {
    width: 162px;
  }

  .ecom-listing .listing-data {
    width: 100%;
  }

}
.navbar-sort-by-collapse, .navbar-tag-collapse {
  padding-left: 0px;
  padding-right: 0px;
}
/* custom pj code */
listing.navbar {
  position: relative;
  min-height: 0px;
  margin-bottom: 0px;
}
.navbar .brand {
    max-height: 40px;
    overflow: visible;
    padding-top: 0;
    padding-bottom: 0;
}
.navbar-custom { background-color: #2b2b28;
  display: inline-block;
  float: none;
  vertical-align: top;
  width: 100%;
}


.nav2 {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

ul.nav2 {
    width:100%;
    margin:0 auto;
    padding:0;
    list-style:none;
    background-color:#2b2b28;
    text-align:center;
    color: #ffffff;

}
@media (min-width: 768px){
  .nav2 li { 
    display:inline-block;
    width:12%;
    margin:0;
    padding:0;
}
}
.nav2 a {
    text-align:center;
    padding:12px 0 13px 0;
    margin:0;
    color: #ffffff;
    display:block;
}

.nav2 a:hover { 
    background:#737373;
    border:none;
}
.navbar-custom .navbar-nav2 > li > a {
  color: #ffffff;
}
ul.nav2 a {
color: #FFFFFF;
}

@media (max-width: 767px){
  .navbar-static-top .boutique-nav,
  .navbar-static-top .boutique-nav ul.nav {
      clear: both;
      float: none;
      text-align: center;
      width: 100%;
      background-color: #ffffff;
      position: absolute;
      top: 100%;
      margin-top: -4px;
  }

  .navbar-static-top .boutique-nav ul.nav {
    position: inherit;
  }


  .navbar-static-top .boutique-nav li a {
    color: #ffffff;
  }
  .card {
   margin-bottom: 40px;
   width: 165px;
  }

  .card > a {
   display: block;
  }
  .card > a:hover {
    text-decoration: none;
  }
  .card .heading {
    display: block;
    margin: 0;
    font-size: 18px;
    line-height: 120%;
    color: #2b2b28";
}
  .card .price {
    display: block;
}
  .card .img-container {
  display: inline-block;
  width: 135px;
  height: 135px;
  border: 1px solid #e0e0e0;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}

}
.progress-bar {
  float: center;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: f5f5f5;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: none;
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: none;
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: none;
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: none;
}
.progress.active .progress-bar,
.progress-bar.active {
  background-image: none;
}
.breadcrumb-ct {
  background-color: #ada699;
}

.breadcrumb {
  background-color: #ada699;
  font-size: 12px;
  color: #2b2b28;
  margin-bottom: 0px;
  padding-left: 0px:
    float: center;  
  text-align: center;
}
.breadcrumb>li {
  color: #ffffff;
  opacity: 1;
}
.breadcrumb>li.active {
  color: #2b2b28;
  opacity: 1;
}
.breadcrumb > li {
  display: inline;
  padding: 15px;
}
.breadcrumb > li + li:before {
  content: none;
  padding: 0px;
  margin: 0px;
  color: #cccccc;
}
.fixed-body {
   padding-top: 50px;
   padding-bottom: 50px;
   position: absolute;
}
@media (max-width: 767px){
  .breadcrumb {
  background-color: #ada699;
  font-size: 12px;
  color: #2b2b28;
  margin-bottom: 0px;
  float: left;  
  text-align: left;
  
  }
  .breadcrumb > li {
  display: inline;
  padding: 15px;
  }
  .breadcrumb-ct {
  background-color: #ada699;
  text-align: left;
    float: left;
}
}
ul,
ol {
  margin-left:0;
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.center {
     float: none;
     margin-left: auto;
     margin-right: auto;
}
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.col-centered2 {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:center;
    /* inline-block space fix */
    margin-right:-4px;
}
.filter-cards {
    font-family:  'Lato', sans-serif;
    color: #2b2b28;
    text-align: left;
    margin-left: 0px;
}
/*Quiz Styles */
   .step1, .step2, .step3, .step4{padding-bottom: 0px;display: block;}

  
    #product-details{width:100%;margin: 0 auto}


   .detail-gift > .product-option{width:49%;}
   .detail-makeup > .product-option{width:32.3%;}
   .detail-boxsize > .product-option{width:49%;min-height:100px}
   .detail-frequency > .product-option{width:32.2%;}
   .detail-delivery > .product-option{width:24%;min-height:160px}
   .detail-delivery2 > .product-option{width:24%;min-height:160px}
   .detail-delivery3 > .product-option{width:32.3%;min-height:160px}
   .detail-delivery4 > .product-option{width:32.3%;min-height:160px}
   .detail-packsize > .product-option{width:32.3%;}
   .detail-gender > .product-option{width:32.3%;}
   .detail-dogsize > .product-option{width:19%;min-height:160px}
   .detail-dogsize > .product-option2{width:19%;min-height:130px}
   .detail-treatmix > .product-option{width:24%;min-height:90px}
   .detail-necksize > .product-option{width:19%; min-height: 70px}
   .detail-toyneeds > .product-option{width:32.3%;min-height: 155px;}
   .detail-toyneeds > .product-option2{width:32.3%;min-height: 155px;}
   .gender-block > .product-option{width:49%;}
   .detail-boxsize{
        margin:10px .5% -4px .5%;
        float:left;
        display: inline-block;
        text-align: center;

    }
    
   .detail-boxsize-label{
        font-size: 48px !important;
        font-family: 'GothamNarrow';
        display: inline-block;
        margin-top: 0px;
        padding-top: 0px;
    }
   .detail-boxsize-label2{
        display: inline-block;
        margin-top: 0px;
        padding-top: 0px;
    }
   .detail-boxsize-select{
        font-size: 14px; 
        background: transparent;
        padding: 3px;
        font-family: 'GothamNarrow';
        font-weight: 300;
        width: 185px;
        color: #000000;
        text-align: center;
        display: inline-block;
       -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
     box-sizing: border-box;
    }
   .detail-boxes-select{
        font-size: 16px; 
        background: transparent;
        padding: 3px;
        font-family: 'GothamNarrow';
        font-weight: 300;
        width: 175px;
        color: #000000;
        text-align: center;
        display: inline-block;
       -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
     box-sizing: border-box;
    }
.btn {
      border-radius: 0px;
}
.form-control {
    color: #00776e;
}
@media (max-width: 512px){
     .detail-boxsize-label{
        font-size: 12px !important;
        font-family: 'GothamNarrow';
        display: inline-block;
        margin-top: 0px;
        padding-top: 0px;
    }
   .detail-boxsize-select{
        font-size: 12px; 
        background: transparent;
        padding: 3px;
        font-family: 'GothamNarrow';
        
        width: 125px;
        color: #000000;
        text-align: center;
        display: inline-block;
       -webkit-appearance: none;
    -moz-appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
     box-sizing: border-box;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select:focus, textarea:focus, input:focus {
      font-size: 16px'
  }
}
  
select, select[size="0"], select[size="1"] {
    border-radius: none;
    border-color: #2b2b28;
    border-width: 1px;
}
select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}
select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

.detail-boxsize-label h2 {
  font-size: 16px;
  font-family:  'GothamNarrowBook';
  color: #000000;
  margin-bottom: 10px;
  margin-top: 0px;
}
.detail-boxsize-label2 h2 {
  font-size: 50px;
}
.detail-boxsize-label h3 {
  font-size: 12px;
  font-family:  'Lato', sans-serif;
  color: #2b2b28;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 300;
}

   .product-option{
        margin:10px .5% -4px .5%;
        background: #ffffff;
        color: #000000;
        float:left;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        position:relative;
    }
   .product-option2{
        margin:10px .5% -4px .5%;
        background: #7d7d7d;
        color: #ffffff;
        float:left;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        position:relative;
    }
    input.next, input.buildbutton, a.btn-subscribe, {
        margin:10px 1%;
        background: #999;
        color: #fff;
        display:block;
        margin: 0 auto 20px auto;
        font-family: 'Lato', sans-serif;
        font-size: 16px;
        padding:20px 10px;
        cursor: pointer;
        border: none;
        text-decoration: none;
        font-style:normal;
        float:none;
    }
    .product-option:hover, .product-option:hover .element, a.btn-subscribe:hover, .survey-btn:hover, .gender-block:hover{
        background: #bcbcbc;
        color:#fff;
    }
    .product-option.active, .product-option.active .element{
        background: #bcbcbc;
        color:#fff;
    }

    .product-option .element {
        display: inline-block;
        font-size: 18px;
        font-family:"GothamNarrow";
        padding:14px;
        color:#4a4640;
        font-weight:normal;
        font-style:normal;
    }
    .product-option2 .element {
        display: inline-block;
        font-size: 18px;
        font-family:"GothamNarrow";
        padding:14px;
        color:#ffffff;
        font-style:normal;
    }
    .options-wrapper h5{padding:15px 0 0px 7px}
    .product-option .element > span {
        font-size: 14px;
        font-family:"GothamNarrowBook";
        color: #4a4640;
        font-weight:300;
        letter-spacing:0;
    }
    .product-option2 .element > span {
        font-size: 14px;
        font-family:"GothamNarrowBook";     
        color: #ffffff;
        font-weight:300;
        letter-spacing:0;
    }
    .product-option.active .element > span, .product-option:hover .element > span, .survey-btn + label:hover, .gender-block + label:hover {
        color:#fff;
    }
    
    .btn.primary.btn_subscribe{
       width:25%;
       background-color:#4a4640; 
       color: #f4f4f4;
      text-align:center;
       line-height:0;
       padding:30px 0;
       margin-left:-3px;
       margin-top:10px;
       margin-bottom:40px;
       margin-top:20px;
       font-size:1em;
     }
     .btn.primary.btn_subscribe:hover{
       background:#58534c;
     }
    .buildbutton1{
       background-color:#4a4640 !important; 
       width: 175px;
       color: #ffffff;
       font-family: 'GothamNarrow';
       font-size: 14px;
   
        }
     .buildbutton1:hover{
       background:#58534c !important;
       color: #ffffff;
     }

input[type="radio"] + label:hover:before, input[type="radio"]:active { 
  color: #fff;
}


.value-banner {
   display: block;
   position: absolute;
   width:100px;
   right:-11px;
   bottom:-15px;
   }
.value-banner2 {
   display: block;
   position: absolute;
   width:100px;
   right:-35px;
   bottom:-5px;
   }
.price-banner {
   display: block;
   position: absolute;
   top 0px;
   width:50px;
   right:-11px;
   
   }

.center1{text-align:center}
.grid { font-size: 0; list-style: none; margin-bottom: 0;/* margin-left:20px;*/ width:100%;*/ }
.gender-block label{width:49%;min-height: 60px;}
.dog1, .dog2, .dog3, .dog4, .dog5{
   padding-bottom: 20px;
}

@media (max-width: 991px){
    .detail-treatmix > .product-option{width:24%;min-height:130px}
    .detail-makeup > .product-option{width:32.3%;min-height:80px}
    .detail-toyneeds > .product-option{width:32.3%;min-height:180px}
    .detail-toyneeds > .product-option2{width:32.3%;min-height:180px}
}
@media (max-width: 767px){
   .detail-makeup > .product-option{width:100%;min-height: 40px; line-height: 40px;}
   .detail-boxsize > .product-option{width:100%;}
   .detail-dogsize > .product-option{width:100%;min-height:80px}
   .detail-dogsize > .product-option2{width:100%;min-height:80px}  
   .detail-treatmix > .product-option{width:100%;min-height:80px}
   .detail-toyneeds > .product-option{width:100%;min-height:80px}
   .detail-toyneeds > .product-option2{width:100%;min-height:80px}
   .detail-delivery > .product-option{width:49%;}
   .detail-delivery2 > .product-option{width:49%;}
   .detail-delivery3 > .product-option{width:49%;}
   .detail-delivery4 > .product-option{width:49%;}
   .detail-frequency > .product-option{width:100%;min-height:40px; line-height: 40px;}
  
  .product-option .element {
        font-size: 14px;
        padding:10px;
    }
    .product-option2 .element {
        font-size: 14px;
        padding:10px;
    }
    .options-wrapper h5{padding:15px 0 0px 7px}
    .product-option .element > span {
        font-size: 12px;
    }
    .product-option2 .element > span {
        font-size: 12px;
    } 
   .product-option:hover, .product-option:hover .element, gender-block:hover, .product-option:hover .element > span, .product-option:focus .element > span{
        background: #bcbcbc !important;
        color:#333 !important;
    }
   .product-option.active, .product-option.active .element, .product-option.active .element > span, 
   .product-option.focus, .product-option.focus .element, .product-option.focus .element > span{
        background: #2196f3 !important;
        color:#fff !important;
    }
   
}
.sub-flow a {
  color: #00776e;
  margin-top: 0px; 
  margin-bottom: 0px; 
  font-family: 'GothamNarrowBook'
  font-size: 14px;
  text-decoration: underline;
}
.detail-boxes-description {
  color: #ffffff;
  margin-top: 0px; 
  margin-bottom: 0px; 
  font-family: 'GothamNarrowBook'
  font-size: 14px;
}

  

@media screen and (max-width: 768px) {
  .survey{width:87%}
  .gender-block label {width:99%;min-height:0px }
  .container, .survey .subscribe-btn{width:100%}
  .addDog2, .addDog3, .addDog4, .addDog5{margin:0 auto}
}
input.survey-btn[type="radio"]{display:none}
.survey-btn  {
    margin:10px .5% -4px .5%;
    float: left;
    font-size: 18px;
    display: inline-block;
    padding:14px;
    text-align: center;
    background:#bcbcbc;
    color:#ffffff;
    cursor: pointer;
    position:relative;
}

.cj-btn{
    border: none;
    border-radius: 0px;
    font-size: 14px;
    text-align: center;
    background:#333;
    color:#fff;
    font-weight:normal;
}
.cj-btn:hover,
.survey-btn:hover{
    background:#999913;
    color:#333;
}
input[type="radio"]:checked + label.cj-btn,
input.survey-btn[type="radio"]:checked + label.survey-btn{
    background-color: #999913;
    color: #fff;
}

label.cj-btn{
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    width: 100%;
    padding:14px;
    float: left;
    margin: 10px 0.5% -4px;
}
label.survey-btn{
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
  
    padding:14px;
    float: left;
    margin: 10px 0.5% -4px;
}
label.cj-btn span,
label.survey-btn span{
    color: #ccc;
    font-size: 12px;
    line-height: 13px;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    letter-spacing: 0;
}
label.cj-btn:hover span,
label.survey-btn:hover span, input.survey-btn[type="radio"]:checked + label.survey-btn span{
    color:rgba(0,0,0,.6);
}
.survey{margin:0 auto}

.survey h5, .survey h4{margin-bottom:0;padding-bottom:0px;margin-left:.5%}

.survey .subscribe-btn{width:50%;margin:0 auto;}
.name-block, .birthday-block, gender-block{float:left;margin-right:50px;margin-left:5px;}

.centerBlock .img-responsive {
                display: table;
                margin: 0 auto;
            }
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.checkout_content .remove_button {
    font-size: 36px;
}
.fa-star, .fa-star-o, .fa-star-checked, .fa-star-half-o {
    color: #2874e3 !important;
    padding: 0;
    font-size: 14px !important;
}
.fa-star, .fa-star-checked, .fa-star-half-o, .fa-star-o, .stamped-fa-star, .stamped-fa-star-checked, .stamped-fa-star-half-o, .stamped-fa-star-o {
color: #2874e3;
padding: 0;
}
.summary-rating-bar-content {
    background: #bcbcbc !important;
    line-height: normal;
    display: flex;
    padding: 1px 0 2px 0;
}
.stamped-summary-ratings {
    width: 250px;
    float: left;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #eee;
    color: #000000 !important;
    font-size: 12px;
    line-height: normal;
    border-right: 1px solid #eee;
    margin-right: 20px;
}
.summary-rating-count {
    width: 15%;
    display: inline-block;
    text-align: left;
    padding-left: 5px;
    color: #000000 !important;
}
.stamped-review-avatar-content {
    display: none !important;
}
.stamped-review-header .stamped-review-avatar, .stamped-review-reply .stamped-review-avatar, .stamped-review-header #stamped-review-avatar, .stamped-review-reply #stamped-review-avatar {
    display: none !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll .stamped-reviews-image {
    display: none !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll .stamped-reviews-message {
    margin-left: 0px !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll .stamped-reviews-author {
    text-align: right !important;
    color: #232e3c !important;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .fa-star-half-o:before, #stamped-reviews-widget[data-widget-type="carousel"] .fa-star-o:before, #stamped-reviews-widget[data-widget-type="carousel"] .fa-star:before {
    font-size: 14px !important;
    margin-right: 1px;
}
#stamped-reviews-widget[data-widget-type="carousel"] a.stamped-reviews-link {
    pointer-events: none !important;
    cursor: default !important;
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important;
    color: #232e3c !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll .stamped-reviews-message-block {
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 18px !important;
    font-weight: 300 !important;
    font-family:  'Lato', sans-serif; !important;
    color: #232e3c !important;
}
#stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll {
    height: 210px !important;
}
@media (max-width: 767px){
    #stamped-reviews-widget[data-widget-type="carousel"] .stamped-carousel-scroll {
    height: 400px !important;
}
}
  
centered {
  margin: 0 auto;
}
.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 800px;
	position: relative;
	margin: 2% auto;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }
.modalDialog2 {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog2:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog2 > div {
	width: 800px;
	position: relative;
	margin: 2% auto;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.close2 {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close2:hover { background: #00d9ff; }
.modalDialog3 {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}
.modalDialog3:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog3 > div {
	width: 350px;
	position: relative;
	margin: 10% auto;
	padding: 0px 0px 0px 0px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}
.close3 {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close3:hover { background: #00d9ff; }

.Button.Button--success {
    background-color: #2196f3 !important;
}
.checkout_content .styled_cart header h3 {
    color: #4a4640;
}