@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
/* font-family: 'Roboto Condensed', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
/* font-family: 'Roboto', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
/* font-family: 'Roboto Slab', serif; */

a{color:#282828}
a:hover, a:focus{color:#000;}
/* Grid CSS Ends */

.button--primary {background:#881030; border-radius:0; color:#fff; text-transform:uppercase; padding:12px 25px; height:40px; font-size:17px; font-weight:600; min-width:140px; display:inline-block; border:1px solid transparent; letter-spacing:0.4px;}
.button{font-family: 'Roboto Condensed', sans-serif; font-weight:600; border-radius:0; text-transform:uppercase; padding:12px 25px; height:40px; font-size:17px; min-width:140px; display:inline-block; letter-spacing:0.4px;}
.button--primary:hover, .button--primary:focus, .button--primary.is-active, .button--primary.active{background-color: #00A098; border-color: #00A098; color: #fff;}
.form-actions .button, .form-actions input, .form-actions a {vertical-align:middle;}

body, html{ font-family: 'Roboto', sans-serif; font-weight:400; color:#505050; font-size:15px; letter-spacing:normal;}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto Slab', serif; font-weight:700;}
a, a:hover{text-decoration:none;}
p{margin:0 0 15px 0;}
.body{margin-top:0;}
.body{margin-bottom:0; min-height:400px;}
.header{border:none; margin-bottom:0; background:#f2efe9;}
.container{max-width:1320px; padding:0 20px;}


/* ============= Bottom Slider Arrow Start ============= */

.heroCarousel {margin:0 0 1px 0 !important;}
.heroCarousel .slick-dots {display:none !important;}
.heroCarousel .slick-prev{left:50%;margin-left:-48.5px !important;}
.heroCarousel .slick-next{right:50%; margin-right:-48.5px !important;}
.heroCarousel .slick-next, .heroCarousel .slick-prev, .heroCarousel .slick-next::before, .heroCarousel .slick-prev::before{bottom:-26px; top:auto; padding:0; margin:0; width:38px; height:75px;}
.heroCarousel .slick-prev::before, .heroCarousel .slick-prev:hover::before, .heroCarousel .slick-prev:focus::before{background:url(../img/slider-prev-arrow.png) no-repeat;}
.heroCarousel .slick-next::before, .heroCarousel .slick-next:hover::before, .heroCarousel .slick-next:focus::before{background:url(../img/slider-next-arrow.png) no-repeat;}
.heroCarousel.slick-initialized {z-index:1;}
.heroCarousel .slick-next, .heroCarousel .slick-prev {z-index:99999;}

/* ============= Bottom Slider Arrow End ============= */


/* ============= Dotted Slick Slider Start ============= */

.heroCarousel .slick-arrow{display:none !important;}
.heroCarousel .slick-dots{bottom:20px; left:0;}
.heroCarousel .slick-dots li{background:none;}
.slick-dots li{width:30px; height:14px; padding:0;}
.slick-dots li button, .slick-dots li button::before{width:14px; height:14px;}
.slick-dots li button{border:2px solid transparent;}
.slick-dots li button::before{background:#3a3a3a; opacity:1;}
.slick-dots li.slick-active button::before, .slick-dots li button:hover::before, .slick-dots li button:focus::before{background:none; border:2px solid #3a3a3a;}

/* ============= Dotted Slick Slider Start ============= */


/* ============= Slick Slider Arrow Start ============= */

.slick-next, .slick-prev{margin-top:0; top:50%;}
.slick-next{right:-33px;}
.slick-prev{left:-30px;}
.slick-next, .slick-prev, .slick-next:hover, .slick-prev:hover, .slick-next:focus, .slick-prev:focus{background:none; border:none;}
.slick-next, .slick-prev, .slick-next::before, .slick-prev::before{width:22px; height:34px; padding:0;}
.slick-prev::before, .slick-prev:hover::before, .slick-prev:focus::before{background:url(../img/prev-arrow.png) no-repeat; opacity:1;}
.slick-next::before, .slick-next:hover::before, .slick-next:focus::before{background:url(../img/next-arrow.png) no-repeat; opacity:1;}
.slick-dotted.slick-slider{margin-bottom:0;}
.slick-disabled, .slick-prev.slick-disabled::before, .slick-next.slick-disabled::before{opacity:1;}
.productCarousel .slick-dots{display:none !important;}

/* ============= Slick Slider Arrow End ============= */

/* ============= Quick Search Start ============= */

/*.dropdown--quickSearch {background: none; left: 0; padding: 0; position: relative; display:inline-block; vertical-align:middle;}*/
.dropdown--quickSearch{ padding:0; left:auto; position:relative; background:none;}
.dropdown--quickSearch .form{ max-width:inherit;}
.quickSearchResults {background: #fff; position:absolute; z-index:99; width:100%;}
.quickSearchResults ul.productGrid{border:#dcdcdc solid 1px; border-top:none; padding:50px 0 0 0; margin:0px;}
.quickSearchResults .productGrid .product {padding-bottom: 0; width: 100%;}
.quickSearchResults .productGrid .product .card {border:none; border-bottom:#dcdcdc solid 1px; float: left; padding: 10px; width: 100%; margin-bottom:10px;}
.quickSearchResults .card-figure { border: 1px solid #dcdcdc; display: block; float: left; height: auto; padding: 5px; vertical-align: top; width: 70px;}
.quickSearchResults .card .thumb_img{display:block; height:auto; width:auto; padding:0px;}
.quickSearchResults .card .card-image {}
.quickSearchResults .card-body { display: block; float: none; overflow: hidden; padding: 0 0 0 10px; text-align: left !important; vertical-align: middle; width: auto; margin-top:0;}
.quickSearchResults .card-body .card-title {height: auto;}
.quickSearchResults .card-body .prdctBtn{display:none;}
.quickSearchResults .card-body .productBtns{display:none !important;}
.quickSearchResults .card--alternate:hover .card-body{background:none;}
.quickSearchResults .card--alternate:hover .card-title > a{color:#000;}
.quickSearchResults h4.card-title{margin-bottom:5px;}
.quickSearchResults .card-body .card-text .price{font-size:16px;}
.quickSearchResults .card-body .card-text{margin:0px;}
.checkout-steps form-field.form-field {clear: both;}
.quickSearchResults .prdctBtn{display:none;}
.quickSearchResults{max-height:400px; overflow-y:auto;}

/* ============= Quick Search End ============= */




.navUser-or{margin:0; padding:0; color:#b7b7b7;}
.navUser-item--account .navUser-or + .navUser-action {margin:0;}

.navUser .navuserLeft{width:40%; display:inline-block; vertical-align:middle;}
.navUser .navuserRight{width:60%; display:inline-block; vertical-align:middle; margin-left:-3px; text-align:right;}
.navUser-section{float:none; display:inline-block; vertical-align:middle;}
.navUser .navuserLeft .headerSocial{display:inline-block; vertical-align:middle;}
.navUser .navuserLeft .socialLinks .socialLinks-item{margin:0; border-right:1px solid #d5d5d5; padding-right:1px; float:left;}
.navUser .navuserLeft .socialLinks{border-left:1px solid #d5d5d5; padding-left:1px;}
.navUser .navuserLeft .socialLinks .icon svg{display:none;}
.navUser .navuserLeft .socialLinks .icon{width:40px; height:40px;}
.navUser .navuserLeft .socialLinks .icon--facebook{background:url(../img/fb-ic.png) no-repeat center center;}
.navUser .navuserLeft .socialLinks .icon--twitter{background:url(../img/twitter-ic.png) no-repeat center center;}
.navUser .navuserLeft .socialLinks .icon--pinterest{background:url(../img/pinterest-ic.png) no-repeat center center;}
.navUser .navuserLeft .socialLinks .icon--linkedin{background:url(../img/linkedin-ic.png) no-repeat center center;}
.navUser .navuserLeft .socialLinks .icon--tumblr{background:url(../img/tumblr-ic.png) no-repeat center center;}
.navUser .navuserLeft .socialLinks .icon--instagram{background:url(../img/insta-ic.png) no-repeat center center;}
.navUser .navuserLeft .socialLinks .icon--google{background:url(../img/gplus-ic.png) no-repeat center center;}
.navUser-action--currencySelector strong{color:#161616; font-weight:600; padding-right:5px;}
.navUser-action--currencySelector strong, #flg{display:inline-block; vertical-align:middle;}
#flg img{width:22px; display:block;}


.headerLeft{width:41%; display:inline-block; vertical-align:middle; text-align:left;}
.headerRight{width:59%; display:inline-block; vertical-align:middle; margin-left:-4px; margin-top:-58px; letter-spacing:normal; text-align:right;}

.navUser{padding:0;  font-size:15px; font-weight:400; color:#666666;}
.navUser-section--alt{float:none;}
.navUser ul li.navUser-item{float:none; display:inline-block; vertical-align:middle; margin-left:20px;}
.navUser-action{color:#666666; font-size:15px; font-weight:400; text-transform:none; padding:0;}
.navUser-action.navUser-action--quickSearch img{ opacity:0.30;}
.navUser-action.navUser-action--quickSearch img:hover{ opacity:1;}

.acntIc{background:url(../img/acnt-ic.png) no-repeat left center; padding-left:22px;}
.orderIc{background:url(../img/order-ic.png) no-repeat left center; padding-left:24px;}
.wishlistIc{background:url(../img/wishlist-ic.png) no-repeat left center; padding-left:26px;}
.giftIc{background:url(../img/gift-ic.png) no-repeat left center; padding-left:26px;}
.navUser-item--account a:first-child{background:url(../img/login-ic.png) no-repeat left center; padding-left:22px;}

.navUser-item--cart{position:relative;}
.navUser-item--cart .countPill{display:inline-block; vertical-align:middle; background:#231f20; border:2px solid #fff; color:#fff; font-family: 'Roboto', sans-serif;  font-size:14px; font-weight:600; margin:0; width:23px; height:23px; text-align:center; margin:0; right:0px; line-height:1.4em;}


.header-logo{margin:0; display:inline-block; vertical-align:middle; text-align:left; padding:17px 0 80px;}

.header-logo-image{position:relative;}
.header-logo-image-container::after{padding-bottom:0;}
.header-logo > a{width:auto; display:inline-block; vertical-align:middle;}


.logo {
  font-size: 27px;
  font-weight: 700;
  line-height: 75px;
  margin: 0;
}
.logo img {
  left: 20px;
  position: absolute;
  top: 12px;
  z-index:99;
}
.logo a span {
  color: #4c4c4c;
  display: inline-block;
 
  font-family: 'Roboto Slab', serif;
  font-size: 34px;
  font-weight: 700;
  margin-left: 150px;
  margin-top: 20px;
  line-height:1em;
  position:relative; z-index:99;
}
.logoImg{}
.logoText{}


.headerRight .headerSearch, .headerRight .navUser-item--cart{display:inline-block; vertical-align:middle;}
.headerRight .headerSearch{ width:82%; margin-bottom:12px; }
.headerRight .navUser-item--cart{margin-left:6px;}
.headerRight .dropdown--quickSearch .form-input, 
.navPages-quickSearch .form-input{height:43px; border:1px solid #dbdbdb; border-radius:5px; font-size:15px; color:#535353; min-width:295px; background:#fff; padding-right:40px;}
.headerRight .dropdown--quickSearch .container{padding:0;}

.dropdown--quickSearch .form-input::-webkit-input-placeholder, .navPages-quickSearch .form-input::-webkit-input-placeholder{color:#787878; opacity:1;}
.dropdown--quickSearch .form-input::-moz-placeholder, .navPages-quickSearch .form-input::-moz-placeholder{color:#787878; opacity:1;}
.dropdown--quickSearch .form-input:-ms-input-placeholder, .navPages-quickSearch .form-input:-ms-input-placeholder{color:#787878; opacity:1;}
.dropdown--quickSearch .form-input:-moz-placeholder, .navPages-quickSearch .form-input:-moz-placeholder{color:#787878; opacity:1;}
.dropdown--quickSearch .button, .navPages-quickSearch .form-prefixPostfix-button--postfix.button{position:absolute; right:0; top:0; width:40px; height:42px; background:url(https://cdn11.bigcommerce.com/s-1tj6plc/images/stencil/original/image-manager/search-icon-hdr.png) no-repeat left top 10px; font-size:0;  min-width:unset; padding:0; margin:0; border-radius:0; border:none;}



/* ============= Sidebar Start ============= */

.page-sidebar {width:18%; float:left; padding:0px;}
.page-sidebar h5, .page-sidebar .accordion-title {padding:13px 20px;font-size:16px;color:#fff;font-weight:700;text-transform:uppercase;margin:0; background:#000; line-height:14px;}
.page-sidebar + .page-content{width:82%; padding-left:25px; }
.page{ margin:0; }
.page-sidebar h5, .page-sidebar .accordion-title{ background:#881030; padding:13px 15px; }

.sidebarBlock ul {padding:0; list-style:none;display:block;margin:0;} 
.sidebarBlock ul.navList{border-left:1px solid #e5e5e5; border-right:1px solid #efefef;}
.sidebarBlock ul li {float:none; border-bottom:#e5e5e5 solid 1px; padding:0; margin:0; position:relative;display:block;}

.sidebarBlock ul li a.has-subMenu {}
.sidebarBlock ul li a {display:block;font-size:14px; font-weight:400; margin:0px; color:#505050; text-transform:none;text-decoration:none; line-height:normal; font-family: 'Roboto Slab', serif; padding:6px 15px;}
.sidebarBlock ul li a:hover {background:#f9f1ef;color:#000 !important;}
.sidebarBlock + .sidebarBlock, .sidebarBlock{border:none; padding:0; margin:0 0 20px 0;}

.page-sidebar + .page-content .productGrid .product{ width:25%; }

.sidebarBlock li ul li {padding:0 !important;}
.sidebarBlock li ul li a {margin:0 !important;border:none !important;}

.sidebarBlock ul.navPages-list li .navPage-subMenu-list{position:absolute; left:100%; top:0px; min-width:200px; background:#e3e3e3; display:none; list-style:none; margin:0px; z-index:9;}
.sidebarBlock ul.navPages-list li:hover .navPage-subMenu-list{display:block;}
.sidebarBlock ul li.navPage-subMenu-item{width:100%; float:none; position:relative;}
.sidebarBlock ul li.navPage-subMenu-item .navPage-childList{position:absolute; left:100%; top:0px; min-width:200px; background:#fff; display:none; list-style:none; margin:0px; z-index:9; display:none; border:1px solid #e5e5e5;}
.sidebarBlock ul li.navPage-subMenu-item:hover .navPage-childList{display:block;}
.sidebarBlock .navPages-action-moreIcon, .has-subMenu.is-open .navPages-action-moreIcon {float:right; margin-top:6px; display:block; transform:rotate(-90deg);}
.navList{background:#fff;}
.navList .navPages-action svg{fill:#505050; stroke:#505050;}
.sidebarBlock ul li .navPages-action:hover svg{fill:#fff; stroke:#fff;}
.navList .navPages-item:hover .navPage-subMenu{display:block; left:100%; z-index:1; top:0;}
.navList .navPage-subMenu-item > .navPage-subMenu-action{border-bottom:10px solid #efefef; color:#505050; padding:6px 20px; text-transform:unset;}
.navList .navPages-item .navPage-subMenu{background:#fff; border:1px solid #e5e5e5; padding:0 !important;}
.navList .navPage-childList .navPages-action{padding:6px 20px;}
.sidebarBlock ul li.navPages-item li:last-child{border-bottom:none;}

.page-sidebar .form-minMaxRow .form-field{width:100%; margin:10px 0 0 0;}
#facetedSearch-content--bool .navList-item{padding:0 20px;}
.sidebarBlock ul li a.navList-action--checkbox{padding-left:45px;}
.facetedSearch-refineFilters.sidebarBlock{padding:0;}
.form-minMaxRow{margin-left:0; margin-right:0;}
.facetedSearch{margin-top:0;}
.accordion{margin:0;}
.accordion--navList .accordion-navigation-actions{top:8px; right:10px;}
.accordion--navList .accordion-indicator{fill:#fff;}
.navList-action--checkbox::before{left:20px;}

/* ============= Sidebar End ============= */

/* ============= Category Section Start ============= */
.clear{ clear:both;}

/* OLD HOMEPAGE TILE BASE STYLES - DISABLED
.threeBoxCover{ clear:both; width:100%; clear:both;}
.homeSec{ width:100%; float:left; background:#f2efe9; padding:50px 0 30px;}
.boxSec { margin-left:-13px; margin-right:-13px; }
.homeSec h1{ color:#515151; font-size:30px; font-weight:800; font-family: 'Roboto Slab', serif;  margin:0 0 40px; text-align:center; line-height:1.25em;}
.boxHome{float:left; padding:13px; position:relative;}
.boxHome h3{ color:#00A098; font-size:31px; font-weight:800; font-family: 'Roboto Slab', serif; margin:0 0 25px; line-height:1.25em;}
.halfWidth .boxContent{ max-width:67%;}
.halfWidth{width:50%; margin-bottom:30px;}
.halfWidth h3{ color:#881030; }
.boxHome.halfWidth h3{}
.boxDtl{
  background:#fff;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.40);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.40);
  box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.40);
  padding:30px;
}
.halfWidth .boxDtl{ height:300px;}
.halfWidth .pCover{ min-height:145px;}
.boxImg{ z-index:-1; position:absolute; right:35px; bottom:0; margin-bottom:-30px; z-index:1;}
.halfWidth:nth-child(2n) .boxImg{ bottom:auto; top:30px; right:20px;}
.boxDtl .btn{ margin-right:10px;}
.boxDtl p{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#646262; margin-bottom:15px; line-height:1.25em;}
.btnCover{ margin:10px 0; z-index:9; position:relative;}

@media (min-width: 1181px){
  .homeSec .halfWidth .boxDtl{
    min-height:300px;
    height:auto;
  }
  .homeSec .halfWidth .boxContent{
    max-width:76%;
    padding-right:125px;
  }
}

.col3{width:33.33%; margin-bottom:40px;}
.col3 .pCover{ min-height:80px;}
.col3 .boxImg{ margin-bottom:-5px;}
.boxImg.img1{ right:40px; bottom:-15px;}
.boxImg.img2{ right:10px; bottom:-25px;}
.boxImg.img3{ right:5px; bottom:9px;}
.boxImg.img1 img{height:130px;}
.col3:last-child .pCover{padding-right:25px;}
*/

.btn{background:#00A098; color:#fff; text-transform:uppercase; font-size:17px; font-family: 'Roboto Condensed', sans-serif; font-weight:700;display:inline-block; vertical-align:top;  padding:10px 15px; text-decoration:none; line-height:1em; }
.btn.btnRed{background:#881030; margin-bottom:10px; }
.btn.btnYellow{background:#E8A800; margin-right:0px;}
.btn:hover, .btn:focus{ background:#3a3a3a; color:#fff; text-decoration:none;}

.homeSec{
  background:#f2efe9;
  padding:50px 0 30px;
}

/* ============= Category Section End ============= */


/* ============= Product Slider Start ============= */
.productSlider{ clear:both; padding:30px 0;}

h2.page-heading{ font-family: 'Roboto Slab', serif;  font-weight:400;  background:url(../img/title-bg.png) no-repeat center bottom; color:#404040; font-size:40px; margin:0 0 30px 0; padding:0 0 20px 0; line-height:1.25em; }

.card{padding:0; border:1px solid #a09f9f; margin-bottom:20px;  font-family: 'Roboto', sans-serif;}
.card-img-container::after{padding-bottom:100%;}
.card-body{text-align:center; padding:30px 10px 0;}
.card-title{font-size:15px; font-weight:400; line-height:normal; margin:0; height:37px; overflow:hidden;}
.card-title > a{color:#454343;}
.card-text{margin:10px 0 0 0;}
.price-section{font-size:21px; color:#881030; font-weight:700;}
.prdctBtn{padding-top:5px; min-height:49px;}
.prdctBtn .button.quickview{ min-width:unset; padding:0; width:40px; height:40px; font-size:0; margin:10px 0 0 0;}
.prdctBtn .button{background:#00A098; border-radius:0; color:#fff; text-transform:uppercase; padding:8px 8px; line-height:1em; height:34px; font-size:19px; font-weight:700; min-width:150px; display:block; margin:10px -10px 0; border:0;}
.prdctBtn .button:hover,
.prdctBtn .button:focus{ background:#881030;}
/* ============= Product Slider End ============= */


/* ============= Footer Start ============= */

.footer{padding:0; border:none; margin-top:40px; clear:both;}
.footerTop{background:#961a1d; padding:25px 0;}

/* ============= If Newsletter in Footer Top Start ============= */
.footerLogo{ color:#4c4c4c; font-size:30px; font-weight:700; font-family: 'Roboto Slab', serif;  padding:30px 0 0;}


.footer{padding:0; border:none; margin-top:40px; position:relative; background:#fefbf6; border-top:4px solid #881030;}
.footerBg{ background:url(../img/footer-bg.png) no-repeat right bottom;}
.footer:before{ content:""; position:absolute; right:0; top:-4px; width:50%; background:#00A098; height:4px;}
.footerTop{background:#a6252a; padding:30px 0;}

.footer-info-heading{color:#302f2f;font-family: 'Roboto', sans-serif; font-weight:400; font-size:19px; padding:0 20% 10px 0; margin:0 0 8px 0; border-bottom:1px solid #d4d2ce; display:inline-block; vertical-align:middle; }
.footerSocial{width:35%; display:inline-block; vertical-align:middle; text-align:right; margin-left:-4px;}

.ftrNewsletter{width:95%; display:inline-block; vertical-align:middle;}
.nlCol p{ color:#302f2f;font-size:13px; font-family: 'Roboto', sans-serif; line-height:1.25em; max-width:225px;}
.ftrNewsletter .footer-info-heading{background:url(../img/newsletter-ic.png) no-repeat right center; padding:6px 20px 6px 0}
.ftrNewsletter .form{max-width:240px; display:inline-block; vertical-align:middle; margin:0; position:relative; width:100%;}
.ftrNewsletter .form .form-field{margin:0;}
.ftrNewsletter .form-prefixPostfix .form-input{font-family: 'Roboto', sans-serif; width:100%; flex:none; height:36px; border-radius:0; padding:0.75rem 0.75em; font-size:13px;}
.ftrNewsletter .form-prefixPostfix .form-input::-webkit-input-placeholder{color:#bab4b2; opacity:1;}
.ftrNewsletter .form-prefixPostfix .form-input::-moz-placeholder{color:#bab4b2; opacity:1;}
.ftrNewsletter .form-prefixPostfix .form-input:-ms-input-placeholder{color:#bab4b2; opacity:1;}
.ftrNewsletter .form-prefixPostfix .form-input:-moz-placeholder{color:#bab4b2; opacity:1;}
.ftrNewsletter .form-prefixPostfix .button{
font-family: 'Roboto Condensed', sans-serif; 
position:absolute; top:0; right:0; height:36px; font-size:16px; color:#fff;  text-transform:uppercase; font-weight:700; padding:10px; border-radius:0; background:#00A098; width:auto; min-width:inherit; margin:0; border:none;}
.ftrNewsletter .form-prefixPostfix .button:hover,
.ftrNewsletter .form-prefixPostfix .button:focus{ border:none; background:#881030;}
/* ============= If Newsletter in Footer Top End ============= */

/* ============= Footer Social Icons Start ============= */

.footerSocial .socialLinks{display:inline-block; vertical-align:middle;}
.footerSocial .footer-info-heading{padding-right:10px;}
.footerSocial .socialLinks .socialLinks-item{margin:0 0 0 10px; background:url(../img/social-ic-sep.png) no-repeat left center; padding-left:30px;}
.footerSocial .socialLinks .socialLinks-item:first-child{margin:0; padding-left:0; background:none;}
.footerSocial .socialLinks .icon svg{display:none;}
.footerSocial .socialLinks .icon{width:18px; height:19px;}
.footerSocial .socialLinks .icon--facebook{background:url(../img/ftr-fb-ic.png) no-repeat center center;}
.footerSocial .socialLinks .icon--instagram{background:url(../img/ftr-insta-ic.png) no-repeat center center;}
.footerSocial .socialLinks .icon--twitter{background:url(../img/ftr-twitter-ic.png) no-repeat center center;}
.footerSocial .socialLinks .icon--google{background:url(../img/ftr-gplus-ic.png) no-repeat center center;}
.footerSocial .socialLinks .icon--rss{background:url(../img/ftr-rss-ic.png) no-repeat center center;}
.footerSocial .socialLinks .icon--linkedin{background:url(../img/ftr-linkedin-ic.png) no-repeat center center;}
.footerSocial .socialLinks .icon--youtube{background:url(../img/ftr-youtube-ic.png) no-repeat center center;}

/* ============= Footer Social Icons Start ============= */

.footerBottom{background:url(../img/footer-bg.jpg) top center; background-size:cover; position:relative; color:#afafaf; font-family: 'Roboto', sans-serif; font-weight:400; }
.footer-info-col{color:#afafaf; font-size:13px; margin:35px 0 0 0; font-family: 'Roboto', sans-serif; font-weight:400; }
.footer-info-list a, .footer-info-col a{color:#302f2f;}
.footer-info-list a:hover, .footer-info-col a:hover{color:#881030;}
.footer-info-col--small{width:25%;}
.footer-info-col.footer-info-col--small:nth-child(n+1){ width:19%; }
.footer-info-col.footer-info-col--small:nth-child(n+2){ width:16%; }
.footer-info-col.footer-info-col--small:nth-child(n+3){ width:22%; }
.footer-info-col.footer-info-col--small:nth-child(n+4){ width:20%; }

.footer-info-list li{line-height:25px;}
.contactInfo{padding-top:5px;}
.contactInfo p{padding-left:25px; margin:0 0 10px 0; line-height:1.3em; color:#302f2f; }
.contactInfo p:last-child{margin-bottom:0;}
.contactInfo .locationIc{background:url(../img/location-ic.png) no-repeat left 3px;}
.contactInfo .mailIc{background:url(../img/mail-ic.png) no-repeat left center; word-wrap:break-word;}
.contactInfo .callIc{background:url(../img/call-ic.png) no-repeat left 4px;}
.contactInfo .faxIc{background:url(../img/fax-ic.png) no-repeat left center;}

.footer-copyright{padding:20px 0; color:#190500;}
.footer-copyright p{ }
.footer-copyright p strong{ font-weight:400;}
.footer-copyright br{display:none;}
.footer-copyright > .powered-by{color:#190500; font-size:14px;  font-family: 'Roboto', sans-serif;}
.footer-copyright > .powered-by a, 
.footer-copyright > .powered-by strong{color:#190500; font-weight:700;}
.bull{margin:0 5px; color:#190500;}

.ftrBottom{ width:100%; clear:both; padding:25px 0; background:#fff;}
.ftrBottom p{font-family: 'Roboto Slab', serif; font-weight:300; color:#979797; margin-bottom:15px; line-height:1em; font-size:12px;}
.ftrBottom p:last-child{ margin-bottom:0;}
.ftrBottom p strong{ color:#3c3c3c; font-weight:500; }
.ftrBottom p a{ color:#00A098; text-decoration:none;}
.ftrBottom p a:hover,
.ftrBottom p a:focus{ color:#881030; }
.titleBottom{ display:block; margin-bottom:10px;}

.footer-info-col.nlCol{ width:25%; font-family: 'Roboto', sans-serif;}

.nlCol .form-input{}
/* ============= Footer End ============= */


/* ============= Productview Social Icons Start ============= */

.addthis_toolbox .socialLinks .socialLinks-item {margin-right:1px;}
.addthis_toolbox .socialLinks .socialLinks-item .icon svg{display:none;}
.addthis_toolbox .socialLinks .socialLinks-item .icon{width:16px; height:16px;}
.addthis_toolbox .socialLinks .socialLinks-item .icon.icon--facebook{background:url(../img/prdct-fb-ic.png) no-repeat center center;}
.addthis_toolbox .socialLinks .socialLinks-item .icon.icon--email{background:url(../img/prdct-mail-ic.png) no-repeat center center;}
.addthis_toolbox .socialLinks .socialLinks-item .icon.icon--print{background:url(../img/prdct-fax-ic.png) no-repeat center center;}
.addthis_toolbox .socialLinks .socialLinks-item .icon.icon--twitter{background:url(../img/prdct-twitter-ic.png) no-repeat center center;}

/* ============= Productview Social Icons End ============= */



/* ============= Breadcrumb and Pagination Start ============= */

.breadcrumbs{text-align:left; padding-top:25px; border-bottom:1px solid #e5e5e5; margin-bottom:0px; padding-bottom:10px;}
.breadcrumb{font-size:14px;}
.breadcrumb a{color:#00A098; font-weight:600;}
.pagination-list li{width:40px; height:40px; line-height:30px; border:none;}
.pagination-list li.pagination-item--next, .pagination-list li.pagination-item--previous{width:auto; height:auto;}
.pagination-list li.pagination-item--next a, .pagination-list li.pagination-item--previous a, .pagination-list li.pagination-item--next button, .pagination-list li.pagination-item--previous button, .pagination-list li.pagination-item--next a:hover, .pagination-list li.pagination-item--previous a:hover, .pagination-list li.pagination-item--next button:hover, .pagination-list li.pagination-item--previous button:hover, .pagination-list li.pagination-item--next a:focus, .pagination-list li.pagination-item--previous a:focus, .pagination-list li.pagination-item--next button:focus, .pagination-list li.pagination-item--previous button:focus{background:none; color:#232323 !important;}
.pagination-list li a, .pagination-list li button{background:#881030; color:#fff; font-weight:bold}
.pagination-list li.pagination-item.pagination-item--current{border:none;}
.pagination-list li.pagination-item.pagination-item--current a, .pagination-list li a:hover, .pagination-list li button:hover, .pagination-list li a:focus, .pagination-list li button:focus{background:#00A098; color:#fff !important;}

/* ============= Breadcrumb and Pagination End ============= */


/* ============= Inner Pages Common Css Start ============= */

.actionBar{margin-top:15px;}
.actionBar .form-field{margin-bottom:0;}
.actionBar-section .form-select{min-width:160px;}
.actionBar-section{float:right;}
.page-content--centered{width:100%; padding:0;}
.form-actions{max-width:unset; text-align:left;}

.account--fixedSmall, .account--fixed, .account--fixedLarge, .account{width:100%;}
.login, .login-row{max-width:unset;}
.login{margin:0;}
.form-column{width:100%;}
.form-fieldset.form-column .form-field{padding-left:0; padding-right:0;}
.form-fieldset.form-column .form-field.form-field-group{padding-left:0.75rem; padding-right:0.75rem;}
.wishlists-table{max-width:100%;}
.form.forgot-password-form {max-width:600px;}

.brand .card-img-container::after{padding-bottom:100%;}
.brand .card-title{height:auto; color:#fff; background:#1a1a1a; text-transform:uppercase; font-size:16px; font-weight:500;}
.brandGrid .brand .card-title{height:unset;}
.brand .card-title a{color:#fff; display:block; padding:10px;}
.brand .card-body{padding:0;}
.brand .card{padding:0; border-radius:0;}
.brand .card .card-figure{padding:0; margin:0;}

.rating--small .icon{width:14px; height:14px; margin:0 1px;}
.icon--ratingEmpty svg{fill:#e8e3d9;}
.icon--ratingFull svg{fill:#e8b260; stroke:#e8b260; stroke-width:2px;}

.productView{padding-top:40px;}
.productView-title{line-height:normal; font-size:28px; margin-top:0; color:#090808; margin-bottom:15px; font-family:'Roboto Condensed', sans-serif;}
.productView-brand{font-family:'Roboto Condensed', sans-serif;}
.productView-price .price-section{font-size:22px;}
.productView-img-container::after{padding-bottom:100%;}
.productView-images .easyzoom-flyout{left:0px; top:0px; z-index:9999;}
.prdctDtl .productView-info-name{display:inline-block; width:auto; margin-right:5px; font-family:'Roboto Condensed', sans-serif; font-size:15px;}
.prdctDtl .productView-info-name{ font-family: 'Roboto', sans-serif; font-weight:500; }
.prdctDtl .productView-info-value{display:inline-block; width:auto; font-family: 'Roboto', sans-serif; font-size:15px;}
.form-label{font-family: 'Roboto', sans-serif; font-size:15px;}
.productView-images .productView-image{ border:solid 1px #e1ddd5; }

.form-field--increments .button{height:auto;}
.form-field--increments .form-label{display:inline-block; width:auto; margin-right:10px; margin-bottom:0; vertical-align:middle;}
.form-field--increments .form-increment{display:inline-block; width:auto;}
.form-increment .button{height:auto; min-width:unset; border-radius:4px;}

.productView-options{margin-bottom:0;}
.productView-product{padding-bottom:0;}
.productView-details{margin-bottom:20px;}
.form-wishlist .button{padding:11px 25px;}
.form-wishlist .button .icon{display:none;}
#wishlist-dropdown.is-open .button{padding:10px 5px; font-size:15px;}

.productView-description{width:100%; padding:0; float:none;}
.productView-description .tab-content{border:1px solid #e5e5e5; border-top:none; padding:20px 20px;}

.removeBtn, .removeBtn:hover { background:url(../img/remove-ic.png) no-repeat center; width:25px; height:25px; font-size:0; border:none; min-width:unset; padding:0;}
.removeItem { position:absolute; top:15px; right:20px;}
.modal-content .form-field{padding-left:0; padding-right:0;}

#cart-preview-dropdown{min-width:300px; left:auto;}
.previewCartAction .previewCartAction-checkout{padding-left:0;}
.previewCartAction .previewCartAction-viewCart{padding-right:0;}
.previewCartItem-content{padding-left:10px; padding-right:0; text-align:left; margin-left:-5px;}
.previewCartAction .button{font-size:15px; min-width:unset; padding:12px 10px;}
.previewCartList li {display:block;padding:15px 10px; border-bottom:1px solid #ccc;}
.previewCartItem-image, .previewCartItem-content{display:inline-block;}
.previewCart .previewCartItem .previewCartItem-content{ padding-right:15px; }

.account-body{margin:0;}

.form-select--small, .form-select--date{padding-top:5px; padding-bottom:5px;}

.cart-additionalCheckoutButtons{width:auto; float:right;}
.cart-additionalCheckoutButtons .FloatRight p{text-align:center;}
.cart-additionalCheckoutButtons .CheckoutButton:first-child{margin-top:0;}
.cart-total .form-select, .cart-total .form-input{height:auto;}
.cart-total .button{padding:11px 10px 9px; height:auto;}
.cart-form .button{min-width:unset; height:auto;}
.form-actions .button, .form-actions input, .form-actions a {vertical-align:middle;}

.productGrid .product{position:relative;}
.quickSearchResults .card-figcaption-body{display:none;}
.quickSearchResults .card{margin-bottom:5px !important;}
.coupon-code-cancel, .shipping-estimate-hide{font-style:normal;}
.table-actions .button{min-width:unset;}

/* ============= Inner Pages Common Css End ============= */


.blog-post-figure{width:100%;}
.blog-post-body{width:100%; text-align:left;}
.blog-date, .blog-author{text-align:left;}
.blog-title{margin-left:0; font-size:18px; margin-right:0;}
.blog .addthis_toolbox{margin-top:20px;}
.blog .socialLinks{text-align:left; line-height:normal;}
.blog-thumbnail{margin:0 0 20px;}
.blog-thumbnail::after{padding-bottom:0;}
.blog-thumbnail img{position:relative;}
.blog + .pagination{padding-top:40px;}
.blog-post-figure{width:15%; display:inline-block; vertical-align:top;}
.blog-post-body{width:84%; display:inline-block; vertical-align:top; padding-left:30px;}
.blog + .blog {margin-top: 20px; padding-top: 20px;}

.blogpostPage{padding-top:30px;}
.blogpostPage .blog-post-figure{width:100%;}
.blogpostPage .blog-post-body{width:100%; padding-left:0;}



.subcategories_img {
  width:100%; clear:both; overflow:hidden;
}
.subcategories_img ul {
  list-style: outside none none;
  margin: 0 -10px 0 -5px;
  padding: 0;
}
.subcategories_img ul li {
  padding: 0 10px 10px;
  width: 20%;
  display:inline-block;
  margin-left:-5px;
  vertical-align:top;
}
.subcategort_thumb {
  border: 1px solid #ccc;
  overflow: hidden;
  padding: 10px;
}
.subcategories_img ul li .subcater_img {
  display: table-cell;
  height: 125px;
  text-align: center;
  vertical-align: middle;
  width: 400px;
}
.subcategories_img ul li .subcater_text {
  background: #222 none repeat scroll 0 0; text-decoration:none;
  color: #fff;
  display: block;
  font-size: 13px;
  padding: 8px 5px;
  text-align: center;
  letter-spacing:0.20px;
  font-weight:normal;
  text-transform:uppercase;
}
.subcater_img > img {
  max-height: 110px;
}



.reviewSec{ position:relative; padding:30px 0; width:100%; clear:both;}

.revieSliderCover{ background:url(../img/quoteUp.png) no-repeat left top, url(../img/quoteDown.png) no-repeat right bottom; padding:50px 0; }
.reviewSlide{ margin-bottom:20px; color:#757575; font-size:15px; font-family: 'Roboto', sans-serif; font-weight:400; /*min-height:260px;*/ text-align:center; }
.reviewSlide img{ display:inline-block;}
.reviewInner{ border-left:1px solid #e5e5e5; padding:0 40px; }
.reviewSlide:nth-child(3n+1) .reviewInner{ border-left:0 solid #e5e5e5;}
.revieSliderCover .slick-prev,
.revieSliderCover .slick-next{ display:none !important;}
.reviewTitle{ font-size:14px;font-weight:400;  color:#00A098; line-height:1em; }
.reviewTitle strong{ font-weight:500;}
.revieSliderCover .slick-dots{bottom:-50px;}
.revieSliderCover .slick-dots li{ width:15px;}
.slick-dots li button, 
.slick-dots li button::before { width:10px; height:10px;}
.slick-dots li.slick-active button::before{ background:#00A098; border-color:#00A098;}




.AbtSec{ position:relative; width:100%; clear:both; background:#f2efea; padding:40px 0 160px;  text-align:center;}
.AbtSec h2.page-heading{ font-weight:700; font-size:35px; color:#5e5e5e; padding-bottom:30px; }


.contentAbt{ max-width:986px; margin:0 auto 10px;}
.AbtSec p{ color:#474747; font-size:14px; font-family: 'Roboto', sans-serif;}
.btn{}
.AbtSec .btn.btnRed{ border:2px solid #fff;}
.AbtSec .btn.btnRed:hover{ background:#00A098;}
.col33 {  margin-bottom: 40px;  width: 33.33%;}
.boxStyle {  float: left;  padding: 13px;  position: relative; text-align:left;}

.boxDt2 { background: #fff none repeat scroll 0 0;  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);  padding: 30px 20px;}
.boxStyle h3 {
  color: #881030;
  font-family: "Roboto Slab",serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 1.25em;
  margin: 0 0 20px;
  text-transform:uppercase;
}
.boxStyle h3 span{ display:block; text-align:center;}

.boxImgTwo { position:absolute; right:13px; top:2px;  z-index:8;}
.thirdBox .dtlCover{ max-width:72%;}
.firstBox .dtlCover{ max-width:74%;}
.btnBlack{ color:#fff; background:#000; text-transform:uppercase; font-size:15px; padding:5px 10px; display:inline-block; vertical-align:top; font-family: 'Roboto', sans-serif; font-weight:400;}
.btnBlack:hover,
.btnBlack:focus{ color:#fff; background:#881030;}
.btnGrp{ margin-top:10px;}
.dtlCover{ min-height:90px}
.dtlCover p{ color:#646262; font-size:14px; font-family: 'Roboto', sans-serif; font-weight:400; margin-bottom:15px; line-height:1.25em;}
.secondBox .boxDt2{ background:#881030; color:#fff; text-align:center; padding:42px 0 35px;}
.secondBox .boxDt2 *{color:#fff;}
.secondBox h3{ margin-bottom:10px; margin-top:-10px;}
.secondBox p:last-child{ margin-bottom:0;}
.secondBox p strong{ font-weight:600;}
.secondBox p a:hover{ text-decoration:underline; }
.thirdBox .boxImgTwo { position:absolute; right:13px; top:inherit; bottom:11px;  z-index:8;}
.thirdBox .dtlCover{ max-width:72%;}

.AbtSec:before{ content:""; position:absolute; top:-225px; left:0; width:420px; height:526px; background:url(../img/cat-bg.png) no-repeat;  background-size:100%;}
.reviewSec:after{ content:""; position:absolute; bottom:0; right:0; width:311px; height:241px; background:url(../img/dog-bg.png) no-repeat; background-size:100%;  }

h1.page-heading{ color:#881030; font-size:30px; font-family: 'Roboto Slab', serif; font-weight:700; margin:35px 0; }
.account h2.page-heading{ margin-top:30px; }
#disclaimerPopup { padding: 0 30px 30px; }
#disclaimerPopup .buttonBox a{ min-width:inherit; padding-left:25px; padding-right:25px; }
#disclaimerPopup .buttonBox a.button.cancel{ background:#881030; border:0; color:#fff; }
#disclaimerPopup .buttonBox a.ok{ background:#00A098; border:0; color:#fff; }
#cboxClose{ background:url(../img/close-btn.png) no-repeat left top !important; right:-23px !important; }

.body .page-content .cart-totals .cart-total .cart-total-value .coupon-code-add,
.body .page-content .cart-totals .cart-total .cart-total-value .coupon-code-cancel {display:none !important;}
.body .page-content .cart-totals .cart-total div.coupon-code[style="display: none;"] {display:block !important;}

/* Landing Page css */
.treatnstuffContentLeft, .treatnstuffTopContentLeft , .treatnstuffContentRight, .treatnstuffTopContentRight{ width:40%; display:inline-block; vertical-align:top; margin-left:-3px; }
.treatnstuffContentLeft{ padding-right:25px; }
.treatnstuffContentRight{ width:60%; }
.newsletterCustomPageForm{ background:#f9f8f6; padding:20px; margin-bottom:35px; }
.newsletterCustomPageForm form{ margin:0; text-align:center; }
.newsletterCustomPageForm h3{ margin:0 0 15px; font-size:16px; font-weight:600; }
.newsletterCustomPageForm form .form-field{ margin-bottom:7px; }
.treatnstuffTopContent{ margin-bottom:25px; padding-top:10px; }
.treatnstuffTopContentLeft{ width:30%; }
.treatnstuffTopContentRight{ width:70%; padding-left:28px; }

.cancerSupporSection > h4{ background:#f2efe9; padding:7px 0; margin-bottom:21px; }
.cancerSupporSection .productGrid .product{ width:20%; }
.landingPageMainImageContent{ clear:both; overflow:hidden;display:flex; }
.landingPageContent, .landingPageImage{ width:50%;  }
.landingPageContent{ padding:30px 60px; border-bottom:solid 1px #ebebeb; }
.landingPageContent h1.landingPageTitle{ color:#000; font-size:50px; text-align:left; line-height:normal; margin:15px 0 30px; line-height:55px; }
.newsletterlandingpage{ padding-top:1px; }
.newsletterlandingpage h3  { font-size:18px; margin-top:15px; color:#881030; }
.newsletterlandingpage form { margin:0; }
.landingPageMain .page-content{ width:100%; }
.newsletterlandingpage input.form-input{ border-radius:0; }
.landingPageLogo{ padding:10px 0 15px; }
.cancerSupporSection > h4.prescriptionTitle {background:url(../img/orange-border.png) repeat-x left center; text-align:center;  }
.cancerSupporSection > h4.prescriptionTitle span{ background:#fff; padding:0 20px; border:solid 2px #881030; padding:7px 15px; display:inline-block; text-transform:uppercase; }
.rsilverMail{ text-align:center; }
.cancerSupporSection .productGrid{ text-align:center; }
.customproductcarousal li.product { padding:0 10px; }
pre{white-space: pre-line;}
#tab-warranty table td{text-align: center; padding:5px 10px;}
#tab-warranty table td p{margin:0px;}


.videopageSec{position:relative; margin:0 -10px;}
.videopageSec .videoBlock{width:50%; display:inline-block; vertical-align:top; padding:0 10px 40px 10px;}
.videopageSec .videoBlock:nth-child(even){margin-left:-4px;}
.videopageSec .vTitle{font-size:22px; line-height:normal; margin:0 0 10px 0; letter-spacing:normal;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.videopageSec .linkTxt a{font-size:18px; font-weight:700; color:#881030;}

.drRobertSilverSection{ clear:both; overflow:hidden; padding:0 0 20px; }
.drRobertSilverSection img{ float:right; padding-left:25px; width:170px; }
.drRobertSilverSection p{ text-align:left; }
.drRobertSilverSection .aboutCntn{width:50%; display: inline-block; vertical-align: middle; padding-right:10px;}
.drRobertSilverSection .aboutVideo{width:50%; display: inline-block; vertical-align: middle; padding-left:10px; margin-left:-4px;}

.termsandconditionPage a{ color:#881030; text-decoration:underline; }
.termsandconditionPage a:hover{ color:#00A098; text-decoration:none; }

.booksPage{position:relative;}
.booksPage select{background:#fff; border:1px solid #ccc; height:40px; padding:0 20px;}
.booksPage .bookBnr{margin:0 -10px 30px -6px;}
.booksPage .bookBnr img{width:33.33%; display: inline-block; vertical-align: top; padding:10px; margin-left:-4px;}

.articlePage{position: relative;}
.articlePage .articleBlocks{position: relative; margin:0 -10px 0 -6px;}
.articlePage .articleBlocks .articleBlock{width:33.33%; padding:10px; display:inline-block; vertical-align:top; margin-left:-4px;}
.articlePage .articleBlocks .articleBlock .blockTitle{display: block; background:#00A098; color:#fff; text-transform:uppercase; font-size:18px; font-weight:700; padding:10px 20px; text-align:center;}


.productView-description .tab-content{font-size:16px;}
.productView-description .tab-content h2 span{font-weight:400;}
.productView-description .tab-content h4{margin-bottom:0; font-size:22px;}
.productView-description .tab-content h5{margin-bottom:0; font-size:18px;}
.prdctdescImg img{max-height:550px;}
.productView-description .tab-content table{margin:0 0 20px 0;}
.productView-description .tab-content table td{padding-right:10px;}

#tab-description table{ border-collapse: collapse; }
#tab-description table td, #tab-description table th { border: 1px solid #ddd; padding: 8px;}
#tab-description table tr:nth-child(even){background-color: #f2f2f2;}
#tab-description table tr:hover {background-color: #ddd;}
#tab-description table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #333; color: #fff;}


.essentialOilsMainCategory .productGrid .product{ border:solid 1px #ddd; width:23%; margin: 0 1% 30px; padding: 0; }
.essentialOilsMainCategory .productGrid .product .card-title a{ font-weight:700; }
.priceessentionoil p{ margin:0; }
.priceessentionoil p.wholesalePrice{ color:#ff0000; font-weight:700; }
a.shopBtnOil{ background: #00A098; border-radius: 0; color: #fff; text-transform: uppercase;  padding: 8px 8px; line-height: 1em; height: 34px; font-size: 19px; font-weight: 700; min-width: 150px; display: block; margin: 10px -10px 0; border: 0; }
a.shopBtnOil:hover{ background:#881030; }
.priceessentionoil{ padding:10px 0; }

.page.Essential.Oils.for.Cats .page-content{ display:none; }
.essentialOilsMainCategory h2{ color:#00A098; font-size:20px; }
.essentialOilsMainCategory h3{ color:#881030; font-size:18px; }

.blendsTitle { background: #f2efe9; text-align: center; margin-bottom:20px; }
.blendsTitle h2{ color: #000; font-style: italic; font-size: 22px; padding: 7px 15px; margin: 0; }
.respiratorySupportSection .blendsTitle h2{ min-width: 330px; display: inline-block; }
.respiratorySupportSection .blendsTitle:last-child h2{  }
.singlesBlendsProductsSection .productGrid .product .card-title{ font-size:18px; }
p.blendsoildetails{ line-height: normal; font-size: 14px; min-height: 115px; }
.singlesBlendsProductsSection ul.productGrid{ text-align:center; }



/* Chi Dig Foods */
.pg30 h1.page-heading{ color:#00a19b; margin-bottom:15px; }
.pg30 .chiDogFoodspage{ text-align:center; }
p.papafont18{ font-size:18px; }
a.chiDogmoreinfo{ background:#00a19b; color:#ffffff; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 16px; padding: 8px 20px; display: inline-block; letter-spacing: 1px; }
a.chiDogmoreinfo:hover{ background:#881030; }
.fiveDietsSection{ margin-top:30px; }
h3.FiveDietPlanTitle{ margin:0 0 17px; color:#00a19b; font-size: 28px; }
.fiveDietsSection ul{ display:flex; margin:0; }
.fiveDietsSection ul li{ width:100%; margin:0 10px; background:#fbebe8; list-style:none; padding:10px 10px 0 10px; border-top:solid 3px #881030; }
.fiveDietsSection ul li h4{ margin:0 0 10px; color:#881030; font-size:22px; }

.chiDogUspandImg{ display:flex; padding:30px 0; align-items: center; }
.chiDogUsp img{ width:48%; padding:20px; }
.chiDogUsp { display:flex; width: 40%; flex-wrap: wrap; justify-content: center; }
.chiDogImgright{ width:60%; }

.chiDogFoodslast{ display:flex; padding-top:15px; }
.chiDogFoodslast div{ width:100%; min-height:220px; margin: 0 10px; }
.chiDogDietplans{ padding:30px; background:#00a19b url(https://cdn11.bigcommerce.com/s-1tj6plc/images/stencil/original/image-manager/diet-plan-dog-img.jpg) no-repeat right 30px bottom; text-align:left; }
.chiDogDietformulation{ padding:30px; background:#00a19b url(https://cdn11.bigcommerce.com/s-1tj6plc/images/stencil/original/image-manager/dog-frmulation-img.jpg) no-repeat right 30px bottom 30px; text-align:left; }
.chiDogDietplans p, .chiDogDietformulation p{ color:#ffffff; font-size:30px; line-height:normal; }
.chiDogFoodslast a, .chiDogDietformulation a{ background:#881030; color:#ffffff; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 16px; padding: 8px 20px; display: inline-block; letter-spacing: 1px; min-width: 120px; text-align: center; }
.chiDogFoodslast a:hover, .chiDogDietformulation a:hover{ background:#000; }

.announcementBar{ background: #fff; text-align: center; border-bottom: solid 1px #e4e0d7; }
.announcementBar p{ font-size: 18px; letter-spacing: 0.5px; margin:0; padding:6px 0; }

/* ============= Navigation Desktop Start ============= */
@media (min-width: 1800px) {
  .AbtSec:before {
    top: -225px;
    left: 0;
    width: 420px;
    height: 526px;
  }

  .reviewSec:after {
    bottom: 0;
    right: 0;
    width: 311px;
    height: 241px;
  }
}

@media (min-width: 992px) {
  .navPages-container {
    background: #f9f8f6;
    border-bottom: 1px solid #fff;
    font-family: 'Roboto Condensed', sans-serif;
    margin-top: -60px;
  }

  .navPages-list > li.navPages-item .navPages-action:before,
  .subtleBefore {
    content: " ";
    display: block;
    line-height: 1em;
    font-size: 14px;
    color: #747474;
    position: relative;
    top: 10px;
    text-transform: none;
    font-weight: 400;
  }

  ul.navPages-list > li.navPages-item:nth-child(1) .navPages-action:before,
  ul.navPages-list > li.navPages-item:nth-child(2n) .navPages-action:before,
  ul.navPages-list > li.navPages-item:nth-child(3n) .navPages-action:before {
    content: "Apawthecary Shoppe";
  }

  ul.navPages-list > li.navPages-item:nth-child(4n) .navPages-action:before {
    content: "On";
  }

  ul.navPages-list > li.navPages-item:nth-child(4n) .navPages-action {
    padding-right: 15px;
  }

  ul.navPages-list > li.navPages-item:nth-child(4) {
    display: none;
  }

  ul.navPages-list > li.navPages-item:nth-child(5n) {
    display: none;
  }

  ul.navPages-list > li.navPages-item.navPages-item-page:nth-child(3n) .navPages-action:before,
  ul.navPages-list > li.navPages-item.eduMenuLast .navPages-action:before,
  ul.navPages-list > li.navPages-item:nth-child(5n) .navPages-action:before,
  a.navPage-subMenu-action.navPages-action:before {
    display: none !important;
    content: "";
  }

  #menu .navPages {
    text-align: right;
  }

  #menu .navPages .navPages-list {
    padding-left: 110px;
    text-align: left;
  }

  .navPages-action {
    color: #3a3a3a;
    font-size: 18px;
    font-weight: 700;
    padding: 0 27px 0 20px;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    line-height: 50px;
    font-family: 'Roboto Slab', serif;
    text-align: left;
  }

  .navPages-action:hover {
    color: #fff;
  }

  .navPages ul li:hover > .navPages-action,
  .navPages ul li:focus > .navPages-action,
  .navPages-action:hover,
  .navPages-action.activePage,
  .navPages-list > li.navPages-item:hover .navPages-action:before {
    color: #00A098;
    background-color: #fff;
  }

  .navPages ul li.navPages-item {
    float: none;
    display: inline-block;
    position: relative;
  }

  .navPages-action-moreIcon {
    position: absolute;
    top: 18px;
    right: 5px;
    width: 14px;
    height: 23px;
    background: url(../img/down-arrow.png) no-repeat center center;
    background-size: 100%;
  }

  .navPages-action-moreIcon svg {
    fill: #fff;
    stroke: #fff;
    display: none;
  }

  .navPages {
    max-width: 1320px;
    padding: 0 20px;
    text-align: center;
  }

  .navPages-list li:hover .navPage-subMenu {
    display: block;
  }

  .navPages-list li .navPage-subMenu.is-open {
    display: none;
  }

  .navPages-list li:hover .navPage-subMenu.is-open {
    display: block;
  }

  .navPage-subMenu.is-open,
  .navPage-subMenu,
  .navPage-childList.is-open {
    background: #fff;
    color: #00A098;
    width: 250px;
    padding: 0 !important;
    left: 0;
  }

  .has-subMenu.is-root + .navPage-subMenu-horizontal {
    width: 250px;
  }

  .navPages-action.is-open {
    background: none;
  }

  .navPage-subMenu-action {
    font-size: 14px;
    color: #00A098;
  }

  .navPages ul.navPage-subMenu-list li:hover .navPage-subMenu-action,
  .navPages ul.navPage-childList li:hover .navPages-action {
    background: none;
    color: #fff;
    opacity: 1;
  }

  .navPages-list .navPage-subMenu .navPage-subMenu-item-child {
    position: relative;
  }

  .navPages-list .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu,
  .navPages-list .navPage-subMenu .navPage-subMenu .navPage-subMenu-item-child .navPage-subMenu {
    left: 100%;
    top: 0;
    display: none;
  }

  .navPages-list .navPage-subMenu .navPage-subMenu-item-child:hover .navPage-subMenu,
  .navPages-list .navPage-subMenu .navPage-subMenu .navPage-subMenu-item-child:hover .navPage-subMenu {
    display: block;
  }

  .navPage-subMenu-horizontal .navPages-action-moreIcon {
    top: 20px;
    right: 10px;
    position: absolute;
  }

  .navPage-subMenu-horizontal .navPages-action-moreIcon svg {
    fill: #fff;
    stroke: #fff;
  }

  .navPage-subMenu-item {
    background: #fff;
    border-top: 1px solid #f0f0f0;
    width: 100%;
    position: relative;
    padding: 0 20px !important;
  }

  .navPage-subMenu-item .navPages-action {
    color: #00A098;
    padding: 10px 0;
  }

  .navPage-subMenu-item:hover,
  .navPage-subMenu-item:focus {
    background: #00A098;
  }

  .navPage-subMenu-item .navPages-action:hover {
    background-color: #00A098 !important;
    color: #fff;
  }

  .navPage-subMenu-item > .navPage-subMenu-action,
  .navPage-childList .navPages-action {
    border: none;
    margin: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 0;
    line-height: normal;
  }

  .navPage-childList.is-open {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
  }

  .navPage-childList .navPages-action {
    font-weight: normal;
    line-height: normal;
    font-size: 15px;
  }

  .navPage-subMenu-item:hover .navPage-childList.is-open,
  .navPage-subMenu-item:focus .navPage-childList.is-open {
    display: block;
  }
}
/* ============= Navigation Desktop End ============= */

@media (max-width: 1799px) {
  .AbtSec:before {
    top: -225px;
    width: 300px;
    background-position: left center;
  }

  .reviewSec:after {
    width: 250px;
    background-position: left bottom;
  }
}

@media (max-width: 1630px) {
  .AbtSec:before {
    top: -100px;
    width: 200px;
    background-position: left top;
  }

  .reviewSec:after {
    width: 150px;
    background-position: left bottom;
  }
}

@media (max-width: 1320px) {
  .productCarousel {
    padding: 0 20px;
  }

  .slick-prev {
    left: 0;
  }

  .slick-next {
    right: 0;
  }

  .boxStyle h3 {
    font-size: 20px;
  }

  .btnGrp,
  .dtlCover {
    position: relative;
    z-index: 99;
  }

  .navPages-action {
    padding: 0 35px 0 27px;
  }

  .headerLeft {
    width: 36%;
  }

  .headerRight {
    width: 64%;
  }

  .cancerSupporSection .productGrid .product {
    width: 25%;
  }

  .landingPageContent {
    padding: 10px 25px;
  }
}

@media (max-width: 1280px) {
  .reviewSec::after {
    display: none;
  }
}

@media (max-width: 1279px) {
  .navPages-action {
    padding: 0 35px 0 14px;
  }
}

@media (max-width: 1199px) {
  #menu .navPages .navPages-list {
    padding-left: 0;
  }

  .navPages-action {
    padding: 0 25px 0 15px;
  }

  .respiratorySupportSection .blendsTitle h2 {
    min-width: 280px;
  }

  .blendsTitle h2 {
    font-size: 18px;
  }

  .fiveDietsSection ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .fiveDietsSection ul li {
    width: calc(33.33% - 20px);
    margin-bottom: 20px;
  }

  .chiDogDietplans p,
  .chiDogDietformulation p {
    font-size: 24px;
  }
}

@media (max-width: 1180px) {
  .navPages-action {
    padding: 0 20px 0 15px;
  }

  .col33 {
    width: 100%;
  }

  .dtlCover {
    min-height: inherit;
  }

  .boxStyle h3 {
    position: relative;
    z-index: 99;
  }

  .navUser-action {
    font-size: 13px;
  }

  .navUser ul li.navUser-item {
    padding-left: 12px;
    margin-left: 5px;
  }

  .header-logo {
    padding: 7px 0 70px;
  }

  .navPages-list > li.navPages-item .navPages-action::before,
  .subtleBefore {
    font-size: 14px;
  }

  .navPages-action {
    font-size: 17px;
  }

  .footer-info-col.footer-info-col--small:nth-child(n+1),
  .footer-info-col.footer-info-col--small:nth-child(n+2),
  .footer-info-col.footer-info-col--small:nth-child(n+3),
  .footer-info-col.footer-info-col--small:nth-child(n+4) {
    width: 25%;
  }

  .page-sidebar + .page-content .productGrid .product {
    width: 33.33%;
  }

  .landingPageContent h1.landingPageTitle {
    font-size: 35px;
    line-height: normal;
    margin: 10px 0;
  }
}

/* ============= Responsive Navigation Start ============= */
@media (max-width: 991px) {
  .header.is-open + .body .heroCarousel.slick-initialized {
    opacity: 0;
  }

  .header {
    border-bottom: 1px solid #dcdcdc;
    position: relative;
  }

  .header-logo {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    display: block;
    margin: 0;
    max-width: unset;
  }

  .header-logo-image {
    max-height: unset;
  }

  .header-logo > a {
    width: auto;
    display: inline-block;
  }

  .header.is-open {
    position: fixed;
    height: 100%;
  }

  .header.is-open .header-logo > a {
    z-index: 0;
  }

  .navPages {
    text-align: left;
    background: #fff;
    padding: 20px;
    position: fixed;
    height: calc(100vh - 93px);
    width: 100%;
    left: 0;
    overflow-y: auto;
  }

  .navPages-container {
    bottom: 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    overflow-y: auto;
    right: 0;
    z-index: 10;
    background: none;
  }

  .navPages-container.is-open {
    display: block;
    padding-top: 93px;
    z-index: -1;
  }

  .navPages ul li,
  .navPages ol li {
    border-bottom: solid 1px #ccc;
    text-align: left;
    position: relative;
  }

  .navPages-list {
    display: block;
  }

  .navPages-item {
    float: none;
    color: #000;
    font-size: 14px;
  }

  .navPages-action {
    display: block;
    padding: 5px 0;
    font-weight: normal;
    text-transform: uppercase;
  }

  .navPages-list--user {
    display: block;
  }

  .navPage-subMenu-list .navPage-subMenu-action:hover {
    background: none;
    opacity: 1;
  }

  .navPage-subMenu-item > .navPage-subMenu-action {
    border: none;
    margin: 0;
  }

  .navPage-subMenu-item {
    width: 100%;
    padding: 0 !important;
  }

  .navPages-action-moreIcon {
    position: absolute;
    top: 11px;
    right: 10px;
  }

  .navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon {
    border: 1px solid #d6cdc0;
    border-radius: 4px;
    float: left;
    height: 30px;
    margin-top: -4px;
    transform: rotate(90deg);
    width: 30px;
    padding: 10px 0 0 0;
    top: 10px;
    right: 0;
    text-align: center;
  }

  .navPage-subMenu {
    position: relative;
    padding: 5px 15px !important;
  }

  .navPage-subMenu-horizontal.is-open {
    border-left: 0 none;
    height: auto;
    left: inherit;
    margin: auto;
    top: inherit;
    width: 100%;
  }

  nav.navPages .navPage-subMenu-list .navPages-action {
    text-transform: none;
  }

  nav.navPages .navPage-subMenu-list .navPage-childList {
    padding: 0 0 0 15px;
  }

  .navPages-list--user .navPages-action {
    display: inline-block;
  }

  .navPage-childList .navPage-childList-item:last-child,
  .navPages li.navPage-subMenu-item:last-child {
    border: none;
  }

  .navPages-list + .navPages-list {
    border: none;
    padding: 0;
    margin: 0;
  }

  .headerRight {
    width: auto;
    float: right;
    margin-top: 60px;
  }

  .headerRight .headerSearch {
    display: none;
  }

  .mobileMenu-toggle {
    display: inline-block;
    font-size: 0;
    left: 20px;
    top: 30px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    z-index: 50;
    margin-top: 0;
    background: #00A098 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 0;
  }

  .mobileMenu-toggle .mobileMenu-toggleIcon {
    top: 19px;
  }

  .mobileMenu-toggle .mobileMenu-toggleIcon,
  .mobileMenu-toggle .mobileMenu-toggleIcon::before,
  .mobileMenu-toggle .mobileMenu-toggleIcon::after,
  .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::before,
  .mobileMenu-toggle.is-open .mobileMenu-toggleIcon::after {
    width: 20px;
    background: #fff;
  }

  .mobileMenu-toggle .mobileMenu-toggleIcon,
  .mobileMenu-toggle .mobileMenu-toggleIcon::before,
  .mobileMenu-toggle .mobileMenu-toggleIcon::after {
    background: #fff;
    margin: auto;
    left: 0;
    right: 0;
  }

  .navPages-quickSearch {
    display: block;
  }

  .quickSearchResults .productGrid .product .card {
    border-bottom: none;
  }

  .dropdown--quickSearch .form-field .button,
  .navPages-quickSearch .form-field .button {
    margin: 0;
  }

  .quickSearchResults {
    position: relative;
    max-width: none;
    width: 100%;
    overflow-y: auto;
    display: none;
  }

  .quickSearchResults ul.productGrid {
    padding: 10px 0 0 0;
  }

  .navPages-quickSearch .form-input {
    min-width: unset;
  }

  .navUser-section .navUser-item {
    display: none !important;
  }

  .navUser-item.navUser-item--cart {
    display: inline-block !important;
    vertical-align: middle;
    top: -20px;
  }

  .headerLeft {
    width: auto;
  }

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

  .logo {
    margin-right: -30px;
  }

  .logo img {
    position: inherit;
    max-height: 100px;
  }

  .logo a span {
    margin-left: 10px;
  }

  h2.page-heading {
    font-size: 36px;
  }

  .AbtSec::before {
    width: 150px;
  }

  .footer-info-col--small {
    width: 33.33%;
  }

  .footer-info-col.nlCol {
    width: 100%;
  }

  .footer-info-heading {
    padding-right: 0;
    display: block;
  }

  .ftrNewsletter {
    width: 100%;
  }

  .ftrNewsletter .form {
    max-width: 80%;
    margin: 0 auto;
  }

  .ftrBottom,
  .footer-copyright,
  .nlCol {
    text-align: center;
  }

  .nlCol p {
    max-width: inherit;
  }

  .header-logo {
    padding: 0;
  }

  .footer-info-col.footer-info-col--small:nth-child(n+1),
  .footer-info-col.footer-info-col--small:nth-child(n+2),
  .footer-info-col.footer-info-col--small:nth-child(n+3),
  .footer-info-col.footer-info-col--small:nth-child(n+4) {
    width: 33.33%;
  }

  .page-sidebar {
    display: none;
  }

  .page-sidebar + .page-content {
    width: 100%;
    padding: 0;
  }

  .cancerSupporSection .productGrid .product,
  .essentialOilsMainCategory .productGrid .product {
    width: 33.33%;
  }

  .videopageSec .videoBlock {
    width: 100%;
  }

  .videopageSec .videoBlock:nth-child(even) {
    margin-left: 0;
  }

  .navPages-item.navPages-item-page .navPage-subMenu {
    display: block;
  }

  .drRobertSilverSection .aboutCntn {
    width: 100%;
    padding-right: 0;
  }

  .drRobertSilverSection .aboutVideo {
    width: 100%;
    padding-left: 0;
    padding-top: 10px;
    margin-left: 0;
  }
}
/* ============= Responsive Navigation End ============= */

@media (max-width: 800px) {
  body {
    padding-top: 0;
  }

  .header-logo > a {
    padding: 0;
  }

  .navUser {
    position: relative;
    top: 0;
    transform: none;
  }

  .tabs {
    clear: both;
  }

  .login-row .login-form,
  .login-row .new-customer {
    padding-left: 0;
    padding-right: 0;
  }

  .articlePage .articleBlocks .articleBlock {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .dropdown-menu.is-open {
    left: inherit !important;
    right: 0;
  }

  .AbtSec::before {
    width: 150px;
    top: -10px;
    left: 50%;
    margin-left: -75px;
  }

  .AbtSec {
    padding-top: 150px;
  }

  .logo a span {
    font-size: 24px;
  }

  .page-sidebar + .page-content .productGrid .product {
    width: 50%;
  }

  .treatnstuffTopContentLeft,
  .treatnstuffTopContentRight,
  .treatnstuffContentLeft,
  .treatnstuffContentRight {
    padding-left: 0;
    width: 100%;
    margin-left: 0;
  }

  .treatnstuffTopContentLeft,
  .treatnstuffContentLeft {
    display: none;
  }

  .landingPageContent,
  .landingPageImage {
    width: 100%;
  }

  .landingPageMainImageContent {
    display: inherit;
  }

  .booksPage .bookBnr img {
    width: 50%;
  }

  .fiveDietsSection ul li {
    width: calc(50% - 20px);
  }

  .chiDogUspandImg,
  .chiDogFoodslast {
    flex-wrap: wrap;
  }

  .chiDogUsp,
  .chiDogImgright {
    width: 100%;
  }

  .chiDogUspandImg {
    padding-top: 0;
  }

  .chiDogUsp img {
    max-width: 150px;
  }

  .chiDogFoodslast {
    padding-top: 0;
  }

  .chiDogFoodslast div {
    margin: 0 0 20px 0;
  }

  .chiDogDietplans p,
  .chiDogDietformulation p {
    font-size: 24px;
  }
}

@media (max-width: 640px) {
  .blog-post-figure {
    width: 30%;
  }

  .blog-post-body {
    width: 69%;
  }

  .footer-info-col--small {
    width: 50%;
  }

  .footer-info-col--small.contactCol {
    width: 100%;
  }

  .contactInfo br {
    display: none;
  }

  .logo a span {
    font-size: 16px;
    margin-top: 0;
    margin-left: 0;
  }

  .logoText,
  .logoImg {
    display: inline-block;
    vertical-align: middle;
  }

  .logoImg {
    height: 100px;
    padding-top: 8px;
  }

  .logo img {
    max-height: 60px;
  }

  .footer-info-col.footer-info-col--small:nth-child(n+1),
  .footer-info-col.footer-info-col--small:nth-child(n+2) {
    width: 50%;
  }

  .footer-info-col.footer-info-col--small:nth-child(n+3) {
    width: 100%;
  }

  .cancerSupporSection .productGrid .product {
    width: 50%;
  }

  .landingPageContent h1.landingPageTitle {
    font-size: 24px;
  }

  .essentialOilsMainCategory .productGrid .product {
    width: 48%;
  }

  .respiratorySupportSection .blendsTitle h2 {
    min-width: 210px;
  }
}

@media (max-width: 550px) {
  .navUser-item-cartLabel {
    display: inline-block;
  }

  .cart-additionalCheckoutButtons .FloatRight div {
    width: 100%;
    text-align: center;
  }

  .cart-additionalCheckoutButtons {
    width: 100%;
  }

  .cart-total-label {
    text-align: left;
    padding-left: 0;
    padding-right: 10px;
  }

  .cart-actions .checkoutMultiple {
    width: 100%;
    text-align: center;
  }

  .cart-additionalCheckoutButtons .FloatRight div {
    float: none;
    padding: 10px 0 0;
  }

  .cart-total .form-select {
    height: auto;
  }

  .booksPage .bookBnr img,
  .articlePage .articleBlocks .articleBlock {
    width: 100%;
  }

  .fiveDietsSection ul li {
    width: 100%;
    margin: 0 0 20px;
  }

  h3.FiveDietPlanTitle {
    font-size: 20px;
  }

  p.papafont18 {
    font-size: 15px;
  }
}

@media (max-width: 549px) {
  .cart-total .button {
    width: 100%;
  }

  .footer-info-col {
    text-align: left;
  }

  .footer-info-col.nlCol {
    text-align: center;
  }
}

@media (max-width: 480px) {
  .heroCarousel .slick-arrow::before,
  .heroCarousel .slick-arrow:hover::before,
  .heroCarousel .slick-arrow:focus::before {
    background-size: 30px auto !important;
  }

  .heroCarousel .slick-arrow {
    height: 39px !important;
    width: 30px !important;
  }

  .heroCarousel .slick-prev {
    margin-left: -29.5px !important;
  }

  .heroCarousel .slick-next {
    margin-right: -29.5px !important;
  }

  .card-img-container::after {
    padding-bottom: 80%;
  }

  .blog-post-body,
  .blog-post-figure,
  .brandGrid .brand,
  .productGrid .product {
    width: 100%;
  }

  .blog-post-body {
    padding-left: 0;
  }

  .pagination-list li.pagination-item--next,
  .pagination-list li.pagination-item--previous {
    width: 100%;
    text-align: center;
  }

  .pagination-list li.pagination-item--previous {
    margin-bottom: 10px;
  }

  .pagination-list li.pagination-item--next {
    margin-top: 10px;
  }

  .footerLogo {
    font-size: 26px;
  }

  .navUser-item.navUser-item--cart {
    top: -20px;
    margin-left: 0 !important;
  }
}

@media (max-width: 479px) {
  .bull {
    display: block;
    visibility: hidden;
  }

  .footer-copyright br {
    display: block;
  }

  .cart-total-label {
    width: 50%;
  }

  .coupon-form .form-input,
  .cart-gift-certificate-form .form-input {
    width: 100%;
  }

  .coupon-form .button,
  .cart-gift-certificate-form .button {
    margin: 10px 0 0 0;
    width: 100%;
  }

  .category-suggestion {
    width: 100%;
  }

  .button--primary {
    min-width: inherit;
  }

  .table-actions .button {
    width: auto;
    font-size: 12px;
    height: auto;
    padding: 10px;
  }

  .previewCartCheckout .button {
    display: block;
    font-size: 11px;
    height: auto;
    margin: 0;
    padding: 10px;
    width: 100%;
  }

  .previewCartCheckout {
    margin-bottom: 10px;
  }

  .productView-thumbnails img {
    max-height: 30px;
  }

  .productView-thumbnail-link {
    height: 40px;
  }

  .estimator-form .button--primary {
    padding: 10px;
  }

  .footerLogo,
  h1.page-heading {
    font-size: 18px;
  }

  .footer-info-col.footer-info-col--small:nth-child(n+1),
  .footer-info-col.footer-info-col--small:nth-child(n+2),
  .footer-info-col.footer-info-col--small:nth-child(n+3),
  .page-sidebar + .page-content .productGrid .product,
  .cancerSupporSection .productGrid .product {
    width: 100%;
  }

  .productView-details h4.productView-title {
    margin-top: 15px;
  }

  .reviewInner {
    padding: 0 10px;
  }

  .boxImgTwo {
    width: 80px;
  }

  .navUser-item--cart .countPill {
    line-height: 21px;
  }

  h4.prescriptionTitle {
    font-size: 16px;
  }

  .essentialOilsMainCategory .productGrid .product {
    width: 98%;
  }

  p.blendsoildetails,
  .chiDogFoodslast div {
    min-height: inherit;
  }

  .chiDogFoodslast div {
    background-size: 100%;
  }

  .announcementBar p {
    font-size: 15px;
  }
}

@media (max-width: 400px) {
  .drRobertSilverSection img {
    float: left;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    width: 100%;
  }
}

@media (max-width: 360px) {
  .g-recaptcha {
    overflow-y: auto;
  }

  .writeReview-form .g-recaptcha div,
  .writeReview-form .g-recaptcha iframe {
    width: 230px !important;
    overflow-y: auto;
  }

  .logo a span {
    font-size: 14px;
  }

  .logo img {
    max-height: 45px;
  }
}

.vetAccountSignupPage a {
  color: #881030;
}

.vetAccountSignupPage a.vasuBtn {
  border: solid 1px #268f92;
  padding: 7px 15px;
  display: inline-block;
  vertical-align: middle;
  color: #268f92;
  border-radius: 5px;
  font-weight: 700;
  margin-right: 10px;
}

.vetAccountSignupPage a.vasuBtn:hover {
  border-color: #333;
  color: #000;
}

@media (max-width: 800px) {
  .navPages-action .subtleBefore,
  .navPages-action .mainLink {
    display: block;
    width: 100%;
  }

  .navPages .navPage-subMenu[aria-hidden="true"] {
    display: none;
  }

  .navPages .navPage-subMenu[aria-hidden="false"] {
    display: block;
  }
}

.pro-dash-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin: 18px 0;
}

/* =========================================================
   GLOBAL BUTTON + TYPOGRAPHY OVERRIDES (Maroon + Teal)
   These are intentionally placed at the bottom so they win.
   ========================================================= */

/* Base button styling */
.button{
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:700;
  border-radius:0;
  text-transform:uppercase;
  padding:12px 25px;
  height:40px;
  font-size:17px;
  min-width:140px;
  display:inline-block;
  letter-spacing:0.4px;
}

/* Prevent default hover overlays from greying buttons */
.button:hover,
.button:focus,
.button:active{
  opacity: 1 !important;
  filter: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Primary button (maroon -> teal on hover) */
.button--primary{
  background:#881030;
  border-radius:0;
  color:#fff;
  text-transform:uppercase;
  padding:12px 25px;
  height:40px;
  font-size:17px;
  font-weight:700;
  min-width:140px;
  display:inline-block;
  border:1px solid #881030;
  letter-spacing:0.4px;
}

.button--primary:hover,
.button--primary:focus,
.button--primary:active,
.button--primary.is-active,
.button--primary.active{
  background-color: #00A098 !important;
  border-color: #00A098 !important;
  color: #FFFFFF !important;
}

/* Secondary button (teal -> maroon on hover) */
.button--secondary{
  background-color: #00A098 !important;
  border: 1px solid #00A098 !important;
  color: #FFFFFF !important;
  border-radius: 0 !important;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  padding:12px 25px;
  height:40px;
  font-size:17px;
  min-width:140px;
  display:inline-block;
  letter-spacing:0.4px;
}

.button--secondary:hover,
.button--secondary:focus,
.button--secondary:active{
  background-color: #881030 !important;
  border-color: #881030 !important;
  color: #FFFFFF !important;
}

/* Homepage tile buttons (.btn) */
.btn{ background:#00A098; color:#fff; }
.btn.btnRed{ background:#881030; }
.btn:hover, .btn:focus{ background:#881030; color:#fff; }
.btn.btnRed:hover, .btn.btnRed:focus{ background:#00A098; color:#fff; }

/* Typography override: force body copy to Roboto */
body,
.body,
.page,
.page-content,
.page-content p,
.page-content li,
.page-content span,
.page-content div{
  font-family: 'Roboto', sans-serif;
}

/* Keep headings in Roboto Slab */
h1, h2, h3, h4, h5, h6,
.page-heading{
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
}

/* =========================================================
   HOMEPAGE CUSTOM LAYOUT
   ========================================================= */

/* ---------- HOMEPAGE CUSTOM LAYOUT ---------- */
.body .container { max-width: inherit; padding: 0; }
.body .container .container { max-width: 1320px; padding: 0 20px; }
.body { overflow: unset; padding-bottom: 0; }
.header { margin-bottom: 0; }

.homeSec { padding-top: 28px; }
@media (max-width: 768px){ .homeSec { padding-top: 18px; } }

/* Shop by Concern */
.concernSec { margin: 18px auto 10px; text-align: center; }
.concernTitle { margin: 0 0 12px; font-size: 28px; font-weight: 700; letter-spacing: 1px; }
.concernGrid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  max-width: 1100px;
  margin: 0 auto 10px;
}
.concernBtn {
  display: block;
  padding: 16px 12px;
  border: 1px solid #222;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 16px;
  line-height: 1.2;
  background: #fff;
}
.concernBtn:hover { opacity: 0.85; }

@media (max-width: 991px){
  .concernGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .concernTitle { font-size: 24px; }
}
@media (max-width: 480px){
  .concernBtn { padding: 12px 10px; font-size: 14px; }
}


/* CURRENTLY DISABLED START */

/* Top two homepage tiles: CBD + Mushrooms */
/*
.homeSec .boxHome.halfWidth .boxDtl{
  position: relative;
  overflow: visible;
  min-height: 300px;
}

.homeSec .tileCBD .boxDtl{ padding-right: 0px; }
.homeSec .tileMushrooms .boxDtl{ padding-right: 0px; }

.homeSec .tileCBD .pCover,
.homeSec .tileMushrooms .pCover{
  min-height: 92px;
}

.homeSec .tileCBD .boxImg--tile,
.homeSec .tileMushrooms .boxImg--tile{
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 2;
}

.homeSec .tileCBD .tileCutout{
  width: 260px;
  height: auto;
  display: block;
  filter: drop-shadow(0 10px 14px rgba(0,0,0,0.14));
}

.homeSec .tileMushrooms .tileCutout{
  width: 280px;
  height: auto;
  display: block;
  filter: drop-shadow(0 10px 14px rgba(0,0,0,0.14));
}

.homeSec .boxSec{
  padding-bottom: 36px;
}
*/

/* Top tile buttons */
/*
.homeSec .tileCBD .btnCover,
.homeSec .tileMushrooms .btnCover{
  margin-top: 18px !important;
  display: flex !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  width: 100% !important;
  position: static !important;
  clear: both !important;
}

.homeSec .tileCBD .btnCover a,
.homeSec .tileMushrooms .btnCover a{
  position: static !important;
  float: none !important;
  transform: none !important;
  margin: 0 !important;
  display: inline-flex !important;
  width: auto !important;
  flex: 0 0 auto !important;
}

@media (min-width: 769px){
  .homeSec .tileCBD .btnCover,
  .homeSec .tileMushrooms .btnCover{
    flex-wrap: nowrap !important;
  }
}
*/

/* Tablet layout for top tiles */
/*
@media (max-width: 900px){
  .homeSec .tileCBD .boxDtl,
  .homeSec .tileMushrooms .boxDtl{
    padding-right: 0;
  }

  .homeSec .tileCBD .boxImg--tile,
  .homeSec .tileMushrooms .boxImg--tile{
    position: static;
    margin-top: 12px;
    text-align: center;
  }

  .homeSec .tileCBD .tileCutout,
  .homeSec .tileMushrooms .tileCutout{
    width: 220px;
    max-width: 80%;
    margin: 0 auto;
  }

  .homeSec .tileCBD .btnCover,
  .homeSec .tileMushrooms .btnCover{
    margin-top: 16px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start;
  }
}
*/

/* Top tile spacing and mobile image behavior */
/*
@media (min-width: 901px){
  .homeSec .tileCBD .boxContent,
  .homeSec .tileMushrooms .boxContent{
    max-width: 100%;
    padding-right: 150px;
  }

  .homeSec .tileCBD h3,
  .homeSec .tileMushrooms h3{
    max-width: 100% !important;
    padding-right: 0 !important;
  }

  .homeSec .tileCBD .pCover,
  .homeSec .tileMushrooms .pCover{
    max-width: 100% !important;
  }
}

@media (min-width: 901px){
  .homeSec .tileCBD .boxImg--tile,
  .homeSec .tileMushrooms .boxImg--tile{
    right: 4px;
    bottom: 14px;
  }
}

@media (max-width: 768px){
  .homeSec .threeBoxCover .boxHome.col3 .boxImg{
    position: static;
    margin-top: 12px;
    text-align: center;
  }

  .homeSec .threeBoxCover .boxHome.col3 .boxContent{
    padding-right: 0;
  }
}
*/

/* Three-tile row desktop/mobile layout */
/*
.homeSec .threeBoxCover .boxHome.col3 .boxDtl{
  position: relative;
  overflow: hidden;
}

.homeSec .threeBoxCover .boxHome.col3 .boxImg{
  position: absolute;
  right: 18px;
  bottom: 0;
  margin: 0;
  z-index: 2;
}

.homeSec .threeBoxCover .boxHome.col3 .boxImg img{
  width: 200px;
  height: auto;
  display: block;
  filter: none;
}

.homeSec .threeBoxCover .boxHome.col3 .boxContent{
  padding-right: 150px;
}

.homeSec .threeBoxCover .boxHome.col3.tilePortal .boxImg img{
  width: 155px;
}

.homeSec .threeBoxCover .boxHome.col3.tilePortal .boxContent{
  padding-right: 175px;
}

@media (max-width: 768px){
  .homeSec .threeBoxCover .boxHome.col3 .boxDtl{
    overflow: visible;
  }

  .homeSec .threeBoxCover .boxHome.col3 .boxImg{
    position: static;
    margin-top: 12px;
    text-align: center;
  }

  .homeSec .threeBoxCover .boxHome.col3 .boxContent{
    padding-right: 0;
  }
}
*/

/* Three-tile row text/image spacing refinements */
/*
.homeSec .threeBoxCover .boxHome.col3 .boxDtl{
  overflow: hidden;
}

.homeSec .threeBoxCover .boxHome.col3 .boxImg{
  bottom: 0;
}

.homeSec .threeBoxCover .boxHome.col3 .boxContent{
  padding-right: 0 !important;
}

.homeSec .threeBoxCover .boxHome.col3 .pCover,
.homeSec .threeBoxCover .boxHome.col3 .btnCover{
  padding-right: 150px;
}

.homeSec .threeBoxCover .boxHome.col3 .boxImg img{
  width: 200px;
}

.homeSec .threeBoxCover .boxHome.col3.tilePortal .pCover,
.homeSec .threeBoxCover .boxHome.col3.tilePortal .btnCover{
  padding-right: 210px;
}

.homeSec .threeBoxCover .boxHome.col3.tilePortal .boxImg img{
  width: 165px;
}

@media (max-width: 768px){
  .homeSec .threeBoxCover .boxHome.col3 .pCover,
  .homeSec .threeBoxCover .boxHome.col3 .btnCover{
    padding-right: 0;
  }
}
*/

/* CURRENTLY DISABLED END */

/* =========================================================
   PAGE BUILDER: Partners page theme match
   Wrap your Page Builder content in <div class="pbPartners">...</div>
   ========================================================= */
.pbPartners{ color:#505050; }
.pbPartners h1,
.pbPartners h2,
.pbPartners h3,
.pbPartners h4{
  font-family:'Roboto Slab', serif;
  font-weight:700;
}
.pbPartners a{ color:#00A098; }
.pbPartners a:hover{ color:#000; }

/* Page Builder buttons */
.pbPartners .bcs-button,
.pbPartners a.bcs-button{
  background:#881030 !important;
  border:1px solid #881030 !important;
  border-radius:0 !important;
  color:#fff !important;
  text-transform:uppercase;
  letter-spacing:0.4px;
  font-family:'Roboto Condensed', sans-serif;
  font-weight:700;
}
.pbPartners .bcs-button:hover,
.pbPartners a.bcs-button:hover{
  background:#00A098 !important;
  border-color:#00A098 !important;
  color:#fff !important;
}

@media (max-width: 767px) {

  /* force Page Builder content in homepage region to stack cleanly */
  .homeSec [data-content-region="home_partners"] [class*="bcs-column"],
  .homeSec [data-content-region="home_partners"] [class*="bcs-Col"],
  .homeSec [data-content-region="home_partners"] .bcs-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block !important;
  }

  /* reduce oversized headings inside Page Builder cards */
  .homeSec [data-content-region="home_partners"] h1,
  .homeSec [data-content-region="home_partners"] h2,
  .homeSec [data-content-region="home_partners"] h3 {
    font-size: 32px !important;
    line-height: 1.1 !important;
    margin: 0 0 12px !important;
    word-break: normal !important;
  }

  /* body copy */
  .homeSec [data-content-region="home_partners"] p {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
  }

  /* keep images from floating into other content */
  .homeSec [data-content-region="home_partners"] img {
    max-width: 180px !important;
    height: auto !important;
    display: block !important;
    margin: 12px auto 0 !important;
  }

  /* buttons stack more naturally */
  .homeSec [data-content-region="home_partners"] .btn,
  .homeSec [data-content-region="home_partners"] .button,
  .homeSec [data-content-region="home_partners"] .bcs-button {
    width: auto !important;
    max-width: 100% !important;
    margin: 8px 8px 0 0 !important;
    display: inline-block !important;
    white-space: normal !important;
  }

  /* remove extra minimum heights that make cards collide */
  .homeSec [data-content-region="home_partners"] [style*="height"],
  .homeSec [data-content-region="home_partners"] [class*="card"],
  .homeSec [data-content-region="home_partners"] [class*="tile"] {
    min-height: 0 !important;
    height: auto !important;
  }
}