@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
/* font-family: 'Roboto', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
/* font-family: 'Oswald', sans-serif; */


@font-face {
  font-family: 'kenyancoffeerg';
  src: url('../fonts/kenyancoffeerg.eot');
  src: url('../fonts/kenyancoffeerg.eot') format('embedded-opentype'),
       url('../fonts/kenyancoffeerg.woff2') format('woff2'),
       url('../fonts/kenyancoffeerg.woff') format('woff'),
       url('../fonts/kenyancoffeerg.ttf') format('truetype'),
       url('../fonts/kenyancoffeerg.svg#kenyancoffeerg') format('svg');
}


* { margin: 0; padding: 0; box-sizing: border-box;}

body { margin: 0; padding: 0; font-size: 14px; color: #000; font-family: 'Roboto', sans-serif; }
h1, h2, h3, h4, h5, h6, .facet-quick-heading { text-transform: unset; font-family: 'Roboto', sans-serif; letter-spacing: 0; margin-top: 0; }

.button{ height: 45px; line-height: 24px; padding: 10px 20px; font-size: 1rem; font-size:13px; }
.container { max-width: 1320px; padding: 0 20px; margin: 0 auto; }
.btn { display: inline-block; font-size: 16px; line-height: 30px; letter-spacing: 3.5px; color: #000; background: #fff; border-radius: 60px; padding: 10px 32px; text-decoration: none; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 500; transition: 0.3s;  }
.btn:hover { background: #000;}
.secTitle { font-size: 32px; font-family: 'Oswald', sans-serif;  line-height: 1.4; font-weight: 500; margin: 0; padding: 0; color: #000; }


[data-content-region="above_header--globel"] { display: none;}
[data-content-region="above_header"] { display: none;}


.header .container { background-color: #fff; -webkit-border-radius: 200px 0 0 200px;
  border-radius: 200px 0 0 200px;}
.header { border-bottom: 1px solid #dadada;}
.header .header-top .header-logo { max-width: 160px; margin: 0;}
.header .header-top .header-logo img { margin: -28px 0 -33px 0;}
.header::before { width: 90%; height: 100%; position: absolute; right: 0; top: 0; background: #fff; content: ""; }
.header .container { max-width: 1760px; padding:0px; }
.header .navPages-container { background-color:#fff;} 
.header .navPages-action { color: #000; padding: 5px 13px; font-size: 16px; font-weight: 500;  font-family: 'Oswald', sans-serif; text-transform: unset;  }
.header .navPages-action svg { fill: #000; stroke: #000; opacity: 0.4; }
.header .navPages-action .icon  { width: 10px; height: 10px;}

.header .navUser { width: auto; max-width:unset; padding: 0; margin: 0; right: 0; transform: unset; top: unset; min-width: 210px;}
.header .navUser  .navUser-item { display: inline-block; vertical-align: middle; }
.header .navUser .roundIcon { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background: #e8e8e8; text-align: center; border-radius: 60px;}
.header .navUser .navUser-item.navUser-item--cart a { position: relative;}
.header .navUser .navUser-item.navUser-item--cart .countPill  { position: absolute; right: -15px; top: 49%; width: 28px; height: 28px; border: 2px solid #50321a; margin: 0; padding: 0; border-radius: 28px; font-size: 14px; line-height: 24px; font-weight: 400; color: #050505; font-family: 'Roboto', sans-serif; background: #fff; transform: translate(0,-50%);  }
.header .navUser .navUser-item.navUser-item--cart .roundIcon { background-color: #50321a;}
.header .navUser .navUser-action { padding: 0 3px; display:inline-block;}
.navUser-action.logoutIon { position: fixed; right: 0; top: 200px; background: #000; padding: 6px 10px !important; -webkit-border-radius: 8px 0 0 8px; border-radius: 6px 0 0 6px; border: 1px solid #fff; }


.HeaderTopBar { width: 100%;  background:#fff url(../img/header-top.png) repeat center center; position: relative; z-index: 2;  }
.HeaderTopBar ul { margin: 0; padding: 7px 0px; list-style: none; text-align: center; }
.HeaderTopBar ul li { font-size: 15px; line-height: 26px; font-weight: 400; color: #fff; display: inline-block; vertical-align: middle; padding: 0 30px 0 45px; position: relative; }
.HeaderTopBar ul li::before { width: 1px; height: 20px; background: #fff; opacity: 0.3; position: absolute; right: 0; top: 5px; content: ""; }
.HeaderTopBar ul li:last-child::before { display: none; }
.HeaderTopBar ul li a { color: #fff; text-decoration: none; }
.HeaderTopBar ul li.ShippingIcon { background: url(../img/free_shipping_icon.png) no-repeat left center; margin-right: 30px; }
.HeaderTopBar ul li.MailIcon { background: url(../img/mail_ic.png) no-repeat left center; padding-right: 0; padding-left: 35px;  }

.MainBanner {  padding: 0px; color: #fff;  margin:0; position: relative; z-index: 1;}
.body .container .MainBanner .container { max-width: 1900px; }
.MainBanner .bannerBlocks { display: flex; align-items: center; justify-content: space-between; padding: 0 2.5% 0 7%; }
.MainBanner .bannerBlocks .bannerRightLogo { max-width: 160px;  margin-top: -50px; }
.MainBanner .bannerBlocks .bannerRightLogo img + img { margin-top: 35px;}
.MainBanner h3 { color: #fff; font-size: 28px; line-height: 1.2; font-weight: 100; margin-bottom: 10px; text-shadow: 10px 10px 40px rgba(0,0,0,1); }
.MainBanner h2 { color: #fff; font-size: 80px; line-height: 1; font-weight: 400;   font-family: 'kenyancoffeerg'; margin-bottom: 10px; text-shadow: 10px 10px 40px rgba(0,0,0,0.1);}
.StarReviews { font-size: 20px; color: #fff; font-weight: 300; padding: 15px 0 30px 0; display: flex; align-items: center; text-shadow: 10px 10px 40px rgba(0,0,0,1); }
.StarReviews img { margin-right: 5px;}
.StarReviews strong { font-weight: 700;}
.StarReviews span { color: #efce4a; padding: 0 15px; }
.MainBanner .btn:hover { background-color: #50321a; color: #fff;}
.wave-pattern{ position:absolute; margin: 0 auto; left: 0; right: 0; bottom:5px; }
.wave-pattern-top{ position:absolute; margin: 0 auto; left: 0; right: 0; top:-1px; }

.bannerRightLogo{ width:160px; position: absolute; right: 5%; top: 50%; transform: translateY(-50%); }
.bannerRightLogo img + img{ padding-top:30px; }

.featuredProSec .card .card-title { height: 40px; }
.category_page_sec .card .card-title { height: 40px; }

.product .card { padding: 0;}
.card .card-figcaption { bottom: 10rem;}
.card .card-title { font-size: 15px; font-family: 'Roboto', sans-serif; line-height: 1.3; font-weight: 400; min-height: 40px; overflow: hidden; text-transform:none; }
.productCarousel-slide .card, .product .card { border: 1px solid #fff; padding: 0; }
.productCarousel-slide .card:hover, .product .card:hover { border: 1px solid #fff; }
.card .CardButton { background: #003366; display: flex; justify-content:space-between; align-items: center; border-radius: 50px; padding: 5px 26px; line-height: 26px; max-width: 250px; margin: 0 auto; min-height: 50px; margin-top:7px; }

.card .CardButton:empty .card-text{ display:none; }

.card .CardButton:hover { background: #000; }
.card .CardButton .button, .card .CardButton .CardButtontext { display: inline-block; padding: 0; vertical-align: middle; color: #fff; font-size: 15px; text-transform: uppercase; font-family: 'Roboto', sans-serif; height: auto; line-height: normal; margin: 0; font-weight: 600; background-color: transparent; }
.card .CardButton .card-text { color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 0; font-family: 'Roboto', sans-serif; margin: 0; line-height: normal; }
.card .card-img-container img { border-radius: 10px; }
.card .card-figure { margin-bottom: 15px; }
.card .CardButton .card-text:empty{ display:none; }


.page-sidebar .sidebarBlock { padding-bottom: 0; margin-bottom: 40px; }
.page-sidebar { width: 100%; max-width: 1340px; padding: 0 20px; margin: 0 auto; float: none; }
.page-sidebar + .page-content { width: 100%; }
.sidebarBlock ul {padding:5px 0; list-style:none;display:block;margin:0; text-align: center;} 
.sidebarBlock ul li {float:none; border-bottom:none; padding:0; margin:0; position:relative;display:inline-block; position: relative;}
.sidebarBlock ul li::before { width: 7px; height: 7px; position: absolute; right: -3px; top: 50%; transform: translate(0,-50%); background-color: #b2b2b2; border-radius: 7px; content: ""; }
.sidebarBlock ul li:last-child::before { display: none;}
.sidebarBlock ul li a {display:block; font-size:17px; color:#000000; padding:0 24px 0 24px; margin:0px; font-weight:400; text-transform:none;text-decoration:none; line-height:30px;}
.sidebarBlock .navList-action.is-active { font-weight: 600; }
.sidebarBlock ul li a.activePage, .sidebarBlock ul li a:hover {background:none;color:#000 !important;}
.sidebarBlock + .sidebarBlock, .sidebarBlock{border:none; padding:0; margin:0 0 55px 0;}
.sidebarBlock li ul li {padding:0 !important;}
.sidebarBlock li ul li a {margin:0 !important;border:none !important;}
.page-sidebar h4, .sidebarBlock-heading{ margin: 0;  background:#fff; font-size:18px; color:#050505; font-weight:600; text-transform:uppercase; padding:10px 0px 5px 0px; text-align: center; position: relative; }


.actionBar { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin: 10px 0 20px 0; padding: 10px 8%; }
.actionBar .productCount { display: inline-block; vertical-align: middle; font-size: 14px; color: #000000; float: none; margin-top: 10px; }
.actionBar-section .form-field { margin: 0; border: 0;}
.actionBar-section .form-field select { margin: 0; border: 1px solid #e5e5e5; padding: 9px 20px 9px 25px; font-size: 14px; color: #828282; font-family: 'Roboto', sans-serif; border-radius: 50px; font-style: normal; font-weight: 400; min-width: 200px; line-height: 20px; background-position: right 1.8rem top 0.8rem; }
.actionBar-section .form-field .form-label { font-weight: 600; font-size: 14px; font-style: normal;font-family: 'Roboto', sans-serif; }

.page-sidebar + .page-content .productGrid .product { width: 20%; }
.page-sidebar + .page-content .productGrid .product .card { margin-bottom: 50px;  }


.banners.banner-bottom {  padding: 60px 0 50px 0; font-family: 'Roboto', sans-serif; background: url(../img/category-banner-bottom.png) repeat-x left top; }
.banners.banner-bottom .banner { max-width: 1640px; padding: 0 20px; }
.banners.banner-bottom h2 { font-size: 20px; text-transform: uppercase; font-family: 'Roboto', sans-serif; margin: 10px 0 5px 0; text-align: left; line-height: 1.2;  }
.banners.banner-bottom h2 span { font-family: 'Roboto', sans-serif !important; }
.banners.banner-bottom p { font-size: 15px; color: #000; line-height: 25px; margin: 0 0 25px 0;  font-family: 'Roboto', sans-serif; letter-spacing: 0; text-align: left; }
.banners.banner-bottom img { margin-bottom: 10px;}
.banners.banner-bottom p span {font-family: 'Roboto', sans-serif !important; font-size: 15px !important; }
.banners.banner-bottom ul li p { margin-bottom: 0;}

.cateSec { position:relative; text-align:center; clear:both; padding:40px 0 90px 0;  background: url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/cat-before.png) no-repeat left top 220px, url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/cat-after.png) no-repeat right center;    }
.body .container .cateSec .container { max-width: 1320px; }
.cateSec .secTitle { margin-bottom: 35px; font-size: 45px; font-weight: 300; }
.cateSec .cateBoxes { margin:0 -10px; padding:0; list-style:none; display:flex;  flex-wrap:wrap; padding: 0 40px; }
.cateSec .cateBoxes .cateBox { width: 100%; max-width: 33.33%; padding: 10px; }
.cateSec .cateBox a { display:block; padding:0px; text-decoration: none; position: relative; border-radius: 10px; }
.cateSec .cateBox a img { border-radius: 10px; width: 100%; }
.cateSec .cateDtl { display:block; position:absolute;  left:0; bottom:15px; width:100%; padding: 0 10px; }
.cateSec .cateDtl .cateTitle { display:block; font-size:45px; font-weight:400; color:#fff;   font-family: 'kenyancoffeerg'; line-height: 1.4; }
.cateSec .cateBoxes .cateBox { position: relative; overflow: hidden; }
.cateSec .cateBoxes .cateBox:hover:after { bottom: 100%; }
.cateSec .cateBoxes .cateBox:after { position: absolute; content: ""; bottom: -100px; left: 0; background: #ffffff2b; width: 100%; height: 15px; transition: all 1.5s; }


.SummerBanner {  background: url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/cocoa-flavanols-category-img.jpg) no-repeat center; background-size: cover; text-align: center; padding: 40px 0 0px 0; }
.SummerBanner .container { max-width: 1640px; }
.SummerBanner .secTitle { font-size: 24px; font-weight: 400; color: #fff; margin:13px 0 0 0;  }
.SummerBanner .secTitle span { font-weight: 300; padding:0 10px; }
.SummerBanner .btn { background: #fff; color: #000; margin: 20px 0 0; padding: 10px 28px; }
.SummerBanner img { max-width: 100%;}

.blogSec { margin-top: -250px; padding: 0 0 70px 0;}
.body .container .blogSec .container { max-width: 1320px; }
.blogSec .page-heading { display: none; }
.blogSec .secTitle { text-align: center;}
.blogSec .blogHeader { position: relative; padding: 25px 0; }
.blogSec .blogHeader .ViewBtn { position: absolute; right: 0; top: 50%; font-size: 14px; color: #959595; line-height: normal;   transform: translate(0,-50%); }
.blogSec .content { margin: 0; display: inline-block; width: 100%; padding: 20px; -webkit-box-shadow: 0 0 40px 0 rgba(0,0,0,0.1); box-shadow: 0 0 40px 0 rgba(0,0,0,0.1); border-radius: 10px; background: #fff; }
.blogSec .blogPosts-more { display: none;}
.blogSec .content .blogPosts { margin: 0; padding: 0;}
.blogSec .content .blogPosts .blogPost { margin: 0; padding: 0;}
.blogSec .content .blogPosts .card { border: 0; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; }
.blogSec .content .blogPosts .card .card-figure { width: 49%;  margin: 0; padding: 0; }
.blogSec .content .blogPosts .card .card-body { width: 51%; margin: 0; padding: 30px; text-align: left; margin-top: -15px; }
.blogSec .content .blogPosts .card .card-body .card-text { display: none;}
.blogSec .content .blogPosts .card .card-body .card-text.blogPost-publishedDate { display: inline-block; width: 100%; font-size: 15px; color: #50321a;  font-family: 'Roboto', sans-serif; line-height: normal; margin-bottom: 10px; font-style: normal; } 
.blogSec .content .blogPosts .card .card-body .card-title { font-size: 20px; font-family: 'Roboto', sans-serif; font-weight: bold; font-style: normal; line-height: 1.2; margin-bottom: 15px; }
.blogSec .content .blogPosts .card .card-body .readMore { font-size: 16px; color: #50321a; letter-spacing: 3.5px; 	font-family: 'Oswald', sans-serif; }
.blogSec .content .blogPosts .card .card-body .readMore a { color: #50321a; font-family: 'Oswald', sans-serif; font-weight: 500; }
.blogSec .content .blogPosts .card .card-figure .card-img-container img { border-radius: 10px; height: 100%; }
.blogSec .content .blogPosts .card .card-figure  .card-img-container { max-height: 250px; }
.blogSec .content .blogPosts .card .card-figure  .card-img-container:after { padding-bottom: 82%; }

.aboutSec {  padding: 50px 0 120px;  }
.aboutSec .container { max-width: 1640px; }
.aboutSec .aboutIn {  display: flex; flex-wrap: wrap; align-items: center;  }
.aboutSec .aboutIn .aboutLeft { width:100%; max-width: 50%;  }
.aboutSec .aboutIn .aboutCntn .sctTitle { margin-bottom:30px; }
.aboutSec .aboutIn .aboutCntn {  width:100%; max-width:50%;  padding: 0 0 0 100px;  }
.aboutSec .aboutIn .aboutInfo { padding: 0 10px 0 0; }
.aboutSec .aboutIn .aboutCntn h4 { padding: 15px 0 15px 0; font-weight: 500; font-size: 20px;}
.aboutSec .aboutIn .aboutCntn p  { font-size: 15px; line-height: 25px; letter-spacing: 0; margin: 0 0 25px; padding: 0; color: #050505; font-weight: normal; }
.aboutSec .aboutIn .aboutCntn a.btn { margin-top:10px; background-color: #50321a; color: #fff; letter-spacing: 3.2px; }  
.aboutSec .aboutIn .aboutCntn .btn:hover {  background: #000; }
.aboutSec .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.aboutSec .embed-container iframe, 
.aboutSec .embed-container object, 
.aboutSec .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.aboutSec .embed-container .cover.lazyloaded { max-width: 100%; }



.card-body .yotpo.bottomLine { padding:8px 0; height: 34px; overflow: hidden; }
.card-body .yotpo.bottomLine .yotpo-bottomline  .text-m{ color:#c3c3c3 !important; padding-left: 5px; }



.instaSec{position:relative; text-align:center; padding:0; overflow: hidden; }
.instaSec .container { max-width: 100% !important; padding: 0 !important; }
.instaSec .instaFeed{margin:0; display:flex;  gap: 20px; padding: 0 10px; }
.instaSec .instaFeed a{padding:0; position: relative; display:block; padding:0px; border-radius: 10px; flex-grow: 1;}
.instaSec .instaFeed a>img{display:block; width:100%; border-radius: 10px;}
.instaSec .instaFeed a:hover::before { opacity: 0.74; }
.instaSec .instaFeed a:hover::after { opacity: 1; }
.instaSec .instaFeed a:before { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0;  opacity: 0.74; content: ""; background: rgb(216,144,85);
  background: -moz-linear-gradient(top,  rgba(216,144,85,1) 0%, rgba(202,97,91,1) 22%, rgba(188,71,111,1) 64%, rgba(154,60,180,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(216,144,85,1) 0%,rgba(202,97,91,1) 22%,rgba(188,71,111,1) 64%,rgba(154,60,180,1) 100%);
  background: linear-gradient(to bottom,  rgba(216,144,85,1) 0%,rgba(202,97,91,1) 22%,rgba(188,71,111,1) 64%,rgba(154,60,180,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d89055', endColorstr='#9a3cb4',GradientType=0 ); border-radius: 10px;
   opacity: 0;   transition: 0.3s;  }
.instaSec .instaFeed a span { position: absolute;  transition: 0.3s;  opacity: 0; width: 100%; height: 100%; top: 0; left: 0; color: #fff; font-weight: 500; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; font-family: 'Oswald', sans-serif; font-size: 1.7vw; line-height: normal;  }
.instaSec .instaFeed a span img { display: block;}
.instaSec .instaFeed a:hover span {  opacity: 1;}


.featuredProSec { padding: 90px 0 60px 0; overflow: hidden;}
.featuredProSec .secTitle { text-align: center; margin: 0 0 25px 0;}
.featuredProSec .page-heading { display: none;}
.featuredProSec .productCarousel  { width: 100%; }
.featuredProSec .productCarousel { margin: 0;}
.featuredProSec .slick-arrow { width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 44px; }
.featuredProSec .slick-arrow::before { display: none;}
.featuredProSec .slick-arrow.slick-prev { background:#ededed url(../img/arrow-left.png) no-repeat left center; left: -70px; }
.featuredProSec .slick-arrow.slick-next { background:#ededed url(../img/arrow-right.png) no-repeat left center; right: -70px;  }



.footer { background: url(../img/footer-bg.jpg) no-repeat top center; background-size: cover; margin: 20px 0 0 0; padding: 0; position: relative; }
.footer::after { background: url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/ftr-before.png) no-repeat left bottom; position: absolute; left: 0; bottom: 15px; width: 206px; height: 192px; content: "";  } 
.footer::before { background: url(../img/footer-top.png) no-repeat center; position: absolute; left: 0; top: 0; width: 100%; height: 19px; content: "";  } 
.footer .container { max-width: 1320px; padding: 0 20px; margin: 0 auto; }
.footer .footer-info-heading { font-size: 22px; font-weight: 600; color: #050505; line-height: 1.4;  font-family: 'Oswald', sans-serif;  margin: 0; padding: 0 0 33px 0; text-transform: unset;  }

.footer .contactInfoDtl { max-width: 250px; margin: 0 0 0 auto; }
.footer .footer-info { padding: 72px 0 0px 0; display: flex; flex-wrap: wrap; margin: 0; font-size: 14px; }
.footer .footer-info .footerCol  { width: 100%; }
.footer .footer-info .footerCol:first-child { max-width: 33.33%; } 
.footer .footer-info .footerCol:nth-child(2) { max-width: 33.33%; } 
.footer .footer-info .footerCol:nth-child(3) { max-width: 33.33%; } 
.footer .footer-info .footerCol:last-child { max-width: 100%; } 

.footer .footer-list { margin: 0; padding: 0; list-style:none; column-count: 2; }
.footer .footer-list li { margin: 0; padding: 0 0 17px 0; width: 100%; text-align: left; line-height: normal;  }
.footer .footer-list li a { color: #050505; font-size: 15px; line-height: 1.1; padding: 0; text-transform: unset; text-decoration: none; font-weight: 400; }
.footer .footer-list li a:hover { color: #50321a; }

.footer .footer-info .footerCol:nth-child(2) {text-align: center; }
.footer .newsletter .footer-info-heading { display: none; }
.footer .footer-newsletter-info p { color: #050505; line-height: normal; font-size: 15px; margin: 0 0 10px 0; padding: 0; }  


.footer .newsletter .button  { width: 45px; font-size: 0; padding: 0; background:#50321a url(../img/submit-icon.png) no-repeat right 13px center; -webkit-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0; border: 0; height: 45px; margin: 0; }
.footer .newsletter .form-prefixPostfix .form-input { font-size: 14px; color: #696969; line-height: normal; padding: 10px 10px 10px 30px; font-family: 'Roboto', sans-serif; opacity: 1; background: #ededed; -webkit-border-radius: 45px 0 0 45px; border-radius: 45px 0 0 45px; height: 45px; }
.footer .form-input::-webkit-input-placeholder { color:#696969 !important; opacity: 1; }
.footer .form-input:-ms-input-placeholder { color:#696969; opacity: 1; }
.footer .form-input::placeholder { color:#696969; opacity: 1; }
.footer .newsletter form { margin: 0 auto 0px auto; max-width: 395px; }

.footer .contactInfo{padding-top:8px; padding-bottom: 95px;}
.footer .contactInfo p{ padding:0 0 12px 33px; text-align: left; line-height:22px; margin: 0; font-size: 14px; font-weight: 400; color: #000; word-break: break-all; }
.footer .contactInfo p a { color: #050505;}
.footer .contactInfo .ftrmailIc { background: url(../img/ftr-mail-ic.png) no-repeat left 2px;   }
.footer .contactInfo .ftrlocationIc { background: url(../img/ftr-loc-ic.png) no-repeat left 4px;}
.footer .contactInfo .ftrmailIc a { text-decoration: none; }


.footer .socialFooter .footer-info-heading { font-family: 'Roboto', sans-serif; padding: 0 0 10px 0; }
.footer .socialFooter .socialLinks  { margin: 0; }
.footer .socialFooter .socialLinks .icon  { width: 25px; height: 25px; }
.footer .socialFooter .socialLinks .icon svg { fill: #50321a; }


.footer .CollectionsBottom {  margin: 35px 0 0 0; padding: 0 0 48px 0; text-align: center; position: relative; }
.footer .CollectionsBottom .CollectionsTitle { display: inline-block; padding: 10px 64px 12px 64px; margin: 0 0 24px 0; background: #50321a; border-radius: 50px; color: #fff; font-size: 20px; font-weight: 600;  font-family: 'Oswald', sans-serif; line-height: 1.4; position: relative; z-index: 1;  }
.footer .CollectionsBottom .CollectionsTitle span { position: relative; z-index: 1;}
.footer .CollectionsBottom .CollectionsTitle::after { width: 26px; height: 26px; position: absolute; right: 0; left: 0; bottom: -10px; margin: 0 auto; background: #50321a; content: "";  transform: rotate(45deg); z-index: 0; }
.footer .CollectionsBottom:before {  position: absolute; left: 0; top: 25px; width: 100%; max-width: 37%; height: 1px; background: #000; content: ""; opacity: 0.1; }
.footer .CollectionsBottom:after {  position: absolute; right: 0; top: 25px; width: 100%; max-width: 37%; height: 1px; background: #000; content: ""; opacity: 0.1; }
.footer .CollectionsBottom  .footer-list { column-count: unset; text-align: center; display: flex; align-items: center; justify-content: space-between; margin: 0 -10px ; }
.footer .CollectionsBottom  .footer-list li { display: inline-block; width: auto; padding: 10px 10px; }
.footer .CollectionsBottom  .footer-list li a { font-size: 14px; color: #050505;}

.footer .copyrightSec {  border-top: 1px solid rgba(0,0,0,0.1); padding: 20px 0; display: flex; align-items: center; justify-content: space-between; }
.footer .copyrightSec p { margin: 0; padding: 0; font-size: 14px; color: #050505; }
.footer .copyrightSec .bull { color: #c2c2c2; padding: 0 12px; }
.footer .copyrightSec a { text-decoration: none;}





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

nav[aria-label="Breadcrumb"]{position:relative; }
ol.breadcrumbs{text-align:center; border-bottom:0; margin-bottom:0px; padding:15px 0 15px 0; display: inline-block;}
.breadcrumbs { text-align: center; margin: 0; padding: 10px 0;}
.breadcrumb{font-size:14px; position:relative; text-align: center;}
.breadcrumb:first-child{padding:0;}
.breadcrumb a{color:#000; font-weight:400; font-family: 'Roboto', sans-serif;   }
.breadcrumb.is-active > .breadcrumb-label{color:#777777; font-weight:400;}
.breadcrumb:not(:first-child)::before { content: " »"; font-size: 16px; color: #777777; margin: 0 0.8rem; border: 0; transform: unset; }


.pagination { position: relative; border-top: 0px solid #e5e5e5; }
.pagination-list { margin: 20px 0; padding: 0; }
.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; float: none;}
.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:#fff; color:#000; font-weight:bold; border: 1px solid #dadada; border-radius: 0; font-size: 14px; font-weight: 400; }
.pagination-list .pagination-item .icon { display: none; }
.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:#003366; color:#fff !important;}

.pagination-list li.pagination-item--previous .pagination-link { width: 88px;}
.pagination-list li.pagination-item--next .pagination-link { width: 88px;}



.page-heading { margin: 0; font-size: 100px; color: #000; font-weight: 400;    font-family: 'kenyancoffeerg'; text-transform: uppercase; }
.page-heading span::after { display: none; }
.category-description { text-align: center; margin: 0 auto; max-width: 1300px; padding:0px; }
.category-description h2 { font-size: 20px !important; color: #050505; font-weight: 500; text-transform: uppercase; }
.category-description h2  span { font-size: unset !important; }
.category-description p { font-size: 15px; line-height: 25px; color: #000;}
.category-description p span { font-size: 15px !important; line-height: 25px;}
.category-description::after { display: none; }
.category-description ul { list-style: none;}


.dropdown--quickSearch.is-open::after { right: 1.917rem; }
.dropdown--quickSearch.is-open::before { right: 1.75rem; }
.navUser-item--cart .dropdown-menu.is-open::after { right: 6px; }
.navUser-item--cart .dropdown-menu.is-open::before { right: 4px; }

.previewCart .previewCartItem-name { font-weight: 500;}
.previewCart .previewCartItem-brand { font-family: 'Roboto', sans-serif; color: #000; }
.button { font-family: 'Roboto', sans-serif; }
#quickSearch.dropdown--quickSearch { padding: 35px 50px 25px 30px; }
#quickSearch.dropdown--quickSearch .form-input { font-family: 'Roboto', sans-serif; font-style: normal; border-color: #ddd; font-size: 16px;}
#quickSearch.dropdown--quickSearch .form { max-width: 100%; }
.quickSearchResults .card-body { text-align: left;}



.productView .productView-thumbs .productView-thumb { width: 25%; padding:5px;  }
.productView .productView-images .productView-thumb .productView-thumbnail-link { min-width: 100%; min-height: auto; height: 150px; max-width: 100%; }
.productView .productView-images .productView-thumb .productView-thumbnail-link img { padding: 10px; position: relative; width: 100%; height: 100%; object-fit: contain; }


.productView-thumbs .slick-arrow { width: 30px; height: 30px; margin: 0; padding: 0; border-radius: 30px; top: 48%; }
.productView-thumbs .slick-arrow::before { display: none;}
.productView-thumbs .slick-arrow.slick-prev { background: url(../img/thumb-arrow-left.png) no-repeat left center; left: -40px; }
.productView-thumbs .slick-arrow.slick-next { background: url(../img/thumb-arrow-right.png) no-repeat left center; right: -40px;  }
.productView .productView-images .productView-thumb { text-align: center;}

.productView-options { border-bottom: 0; }
.productView .productView-details .productView-title { margin: 0; padding: 0; font-size: 36px; line-height: 40px; font-style: normal; font-weight: 700; font-family: 'Roboto', sans-serif; text-transform:none; }
.productView .productView-product .card-tags { display: block; margin:0;}
.productView .productView-price { font-size: 36px; font-weight: 300; border-bottom:1px solid #e6e6e6; }
.productView-product{ padding-bottom:15px; } 
.productView .form-label.form-label--alternate { font-weight: 600; font-size: 15px; color: #000; font-family: 'Roboto', sans-serif;}
.productView-options .form-field > .form-radio + .form-label { font-style: normal; font-size: 15px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #777777; padding-top: 0; margin-left: 0; }
.productView-options .form-field[data-product-attribute="set-radio"] { background: #fbfbfb; padding: 15px 20px 15px 20px; border-radius: 6px; border: 1px solid #d1d1d1; max-width: 540px; margin-bottom: 30px; }
.form-label--inlineSmall small.required-label, .form-label small { font-family: 'Roboto', sans-serif; font-size: 14px; }

.productView-detailsRight .productView-product .yotpo.bottomLine a.text-m{ font-size:16px; color:#7f7f7f !important; font-weight:500; padding-left:8px; font-family: 'Roboto', sans-serif; line-height: normal; }

.form-field--increments .button{height:auto;}
.form-field--increments .form-label{display:block; width:auto; margin-right:10px; margin-bottom:5px; vertical-align:middle; font-weight:700;}
.form-field--increments .form-input--incrementTotal{display:inline-block; width:auto; background:#fff; min-width:60px; min-height: 40px; border-left: 0; border-right: 0; border-color: #dadada; color: #767676; font-size: 18px; font-family: 'Roboto', sans-serif; height: 40px; }
.form-increment .button{height:40px; width:40px; min-width:unset; border-radius:0; border:1px solid #dadada; background:#f0f0f0; color: #767676; font-weight: 400; font-size: 24px; font-family: 'Roboto', sans-serif; }
.form-field--increments .button--icon svg { fill: #767676;}
.productView-options .form-field.form-field--increments { border-top: 0; border-bottom: 1px solid #e6e6e6; display: inline-block; padding:0 0 30px 0; width: 100%; margin-bottom: 30px; }

.productView-options .form-action.form-addToCart,
.productView-options .add-to-cart-buttons { width: 100%; max-width: 240px; margin: 0; float: left; margin-right: 10px; margin-bottom:10px; }
.productView-options #form-action-addToCart { font-size: 20px; font-weight: 500; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #fff; border-radius: 25px; padding: 5px 15px; background: #003366; border: 0; height: 54px; line-height: normal; letter-spacing: 4px; } 
.productView-options #form-action-addToCart:hover{ background:#000000; }
.productView-options .button.buynow  {  font-size: 20px; font-weight: 500; font-family: 'Oswald', sans-serif; text-transform: uppercase; color: #fff; border-radius: 25px; padding: 5px 15px; background: #50321a; border: 0; height: 54px; line-height: 2.1; letter-spacing: 4px; float: left; width: 100%; max-width: 240px; }


.productDescTabs { display: inline-block; width: 100%; margin-top: 50px;}
.description-none { display: none;}
.productDescTabs .tabs-contents { margin-bottom: 15px; }

.productDescTabs .tabs{border-bottom:1px solid #eaeaea;}
.productDescTabs .tab{  margin:0 0 -1px -1px;  border: 0; padding: 0; }
.productDescTabs .tab .tab-title{font-size:17px; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; font-weight:600; text-transform:uppercase; color:#b8b8b8; padding:10px 28px 10px 28px; border:1px solid #dcdcdc; background: #fff;}
.productDescTabs .tab.is-active .tab-title{color:#000; background:#f5f5f5; position:relative; border:1px solid #c8c8c8; }
.productDescTabs .tab-content{font-size:15px; color:#000000; line-height: 1.7; font-weight: 400;}
.productDescTabs .tab .tab-title:hover { color:#000000; }
.productDescTabs .tab.is-active .tab-title:before { width: 17px; height: 9px; position: absolute; right: 0; left: 0; bottom: -8px; margin: 0 auto; background: url(../img/tabs-title-before.png) no-repeat center; content: ""; }


#cart-preview-dropdown .previewCartItem-image img{ padding:10px; }
.productDescTabs .tabs-contents h1 { font-size: 24px; line-height: 1.4; margin: 0 0 10px 0; }
.productDescTabs .tabs-contents h2 { font-size: 20px; font-weight: 500; font-family: 'Roboto', sans-serif; text-transform: uppercase; line-height: 1.4; }
.productDescTabs .tabs-contents h2 strong { font-weight: 500;}
.productDescTabs .tabs-contents h2 span[style="font-size: medium;"] { font-size: 20px !important;}
.productDescTabs .tabs-contents ul { margin: 0 0 10px 0; padding-left: 15px;  }
.productDescTabs .tabs-contents ul li span[style="font-size: medium;"] { font-size: 15px !important; line-height: 25px; }
.productDescTabs .tabs-contents p { font-size: 15px; line-height: 25px; margin-bottom: 15px; }
.productDescTabs .tabs-contents p span[style="font-size: medium;"] { font-size: 15px !important; line-height: 25px; }
.productDescTabs .tabs-contents .display-hide { display: none; }
.productDescTabs .tabs-contents section { margin-top: 0; border-top: 0;}
.productDescTabs .tabs-contents table { width: 100%;}
.productDescTabs .tabs-contents .productView-info .productView-info-name { padding-top: 0; }


.RelatedProductsSlider { margin: 0 0 110px 0; padding: 0; border: 0; display: inline-block; width: 100%;}
.RelatedProductsSlider .relatedTitle  { display: inline-block; width: 100%; margin: 0 0 30px 0; padding: 0; border-bottom: 1px solid #dcdcdc; }
.RelatedProductsSlider .relatedTitle span { display: inline-block; background: #f8f8f8; font-size:17px; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; font-weight:600; text-transform:uppercase; color:#000; padding:10px 22px 10px 22px; border:1px solid #dcdcdc; margin-bottom: -1px; position: relative; }
.RelatedProductsSlider .relatedTitle span:before { width: 17px; height: 9px; position: absolute; right: 0; left: 0; bottom: -8px; margin: 0 auto; background: url(../img/tabs-title-before.png) no-repeat center; content: ""; }

.RelatedProductsSlider .slick-arrow { width: 44px; height: 44px; margin: 0; padding: 0; border-radius: 44px; }
.RelatedProductsSlider .slick-arrow::before { display: none;}
.RelatedProductsSlider .slick-arrow.slick-prev { background:#ededed url(../img/arrow-left.png) no-repeat left center; left: -70px; }
.RelatedProductsSlider .slick-arrow.slick-next { background:#ededed url(../img/arrow-right.png) no-repeat left center; right: -70px;  }




#modal .quickView .productView-detailsRight { box-shadow: none;}
#modal .quickView .productView .productView-details .productView-title { font-size: 24px; line-height: 1.4;}
#modal .quickView .productView .productView-price { font-size: 26px;}
#modal .quickView .productDescTabs { display: none; }
#modal .quickView  .productView .productView-images { padding: 20px 40px 0 0px; }

.account--fixedLarge { width: 100%; }
.form-label { font-family: 'Roboto', sans-serif; color: #000; }
.new-customer .panel-body { padding: 1rem 2rem 2rem;}
.cart .form-input--incrementTotal { min-width: 60px; min-height: 40px; margin: 0 -5px; }
.cart-item-brand { font-family: 'Roboto', sans-serif; color: #000; }

[data-cart-content=""] { width: 100%; }
.cart-total-grandTotal { font-family: 'Roboto', sans-serif; }
.cart-additionalCheckoutButtons .FloatRight div { width: 100%; max-width: 100%; }
.PaypalCommerceInnerContainer { max-width: 100%; }
.cart-actions .button { width: 100%;}
.page-content--centered { width: 100%;}
.page-content h3 { margin: 10px 0 5px 0;}
#contact-us-page .button { border-radius: 50px; font-size: 16px; font-family: 'Oswald', sans-serif; letter-spacing: 1px; }
#contact-us-page p span { font-family: 'Roboto', sans-serif !important; }
#contact-us-page p span { font-size: 15px !important;}
.navUser .dropdown-menu, .navUser .dropdown {font-family: 'Roboto', sans-serif; }

.blogInnerSec .blog-header .page-heading { font-size: 20px; font-family: 'Roboto', sans-serif;}
.blogInnerSec .blog-date {  font-family: 'Roboto', sans-serif; }
.blogInnerSec .blog-post-figure { width: 100%;}
.blogInnerSec .blog-post-body { width: 100%;}
.blogInnerSec .blog-post-body .blog-post { font-size: 16px;}
.blogInnerSec .blog .tags { text-align: left; }
.blogInnerSec .blog .socialLinks { text-align: left; }

.sitemapSec { display: inline-block; width: 100%;}
.sitemapSec li  { width: 32%; float: left; padding: 0 10px;}
.sitemapSec li li { width: 100%;}


.review-yotpo-home{ background:url(../img/review-background.jpg) no-repeat center top; padding:80px 0 350px; position:relative; }
.review-yotpo-home::before,
.review-yotpo-home::after{ position:absolute; content:""; bottom:0; z-index:0; }
.review-yotpo-home::before{ background:url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/reviews-before.png) no-repeat left top; width:219px; height:299px; }
.review-yotpo-home::after{ background:url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/reviews-after.png) no-repeat left top; width:229px; height:286px; right:0; bottom: 0; }

.body .container .review-yotpo-home .container { max-width: 1320px; }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .scroller { overflow: hidden;  }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .big-version .right-side { width: 100% !important; text-align: center !important;  }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .single-carousel .carousel-review-date { display: none;}
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .y-slider-container .single-carousel .product-image-container { display: none;}
.review-yotpo-home .yotpo-reviews-carosel .carousel-display-wrapper .yotpo-carousel .big-version .product-link-container { display: none;}
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-review-body { text-align: center !important; font-style: italic !important; margin-left: 0 !important; font-size: 15px; line-height: 22px; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400; padding: 0 15px;  }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .carousel-read-more { display: none;}
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-review-author { font-size: 16px; color: #000000; font-weight: 600; font-family: 'Roboto', sans-serif; width: 100%; text-align: center; margin-top: 10px; }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .carousel-review-title { font-size: 16px; color: #000000; margin: 10px 0; padding: 0; line-height: 1.4; font-weight: 600; font-family: 'Roboto', sans-serif; text-align: center; display: inline-block;  }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .stars-container { height: 27px; display: flex; align-items: center; justify-content: center; }
.review-yotpo-home .yotpo-reviews-carousel .yotpo-small-box { width: 100%; text-align: center; margin-top: 30px; }
.review-yotpo-home .yotpo-reviews-carousel { }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel { display: flex; align-items: center; justify-content: center; width: 100%; flex-direction: column; border: 0; margin-bottom: 50px; }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .carousel-arrows .yotpo-icon::before { display: none;}
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .carousel-arrows .yotpo_previous { position: absolute; left: -80px; top: 68%; width: 44px !important; height: 44px; background:#fff  url(../img/arrow-left.png) no-repeat left center; border-radius: 44px; z-index: 9; }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .carousel-arrows .yotpo_next { position: absolute; right: -80px; top: 68%; width: 44px !important; height: 44px; background:#fff  url(../img/arrow-right.png) no-repeat left center; border-radius: 44px; z-index: 9;}
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .headline { font-size: 32px; color: #000000; font-weight: 500; font-family: 'Oswald', sans-serif; padding: 0 60px; margin: 0 0 15px 0; display: inline-block; background: url(../img/quotes-left.png) no-repeat left center, url(../img/quotes-right.png) no-repeat right center; line-height: normal; letter-spacing: 0.5px; }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .yotpo-num-of-reviews { font-size: 18px; color: #000; font-weight: 500; font-family: 'Roboto', sans-serif; letter-spacing: 0;  }
.review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .carousel-reviews-bottom-line .yotpo-review-stars { border-right: 1px solid #c8c8c8; line-height: 15px; padding-right: 15px; margin-right: 5px; }
.review-yotpo-home .yotpo .yotpo-logo-link-new .yotpo-logo-title { color: #000; font-size: 15px; font-family: 'Roboto', sans-serif; padding-top: 8px; display: inline-block;  }
.review-yotpo-home  .yotpo .yotpo-logo-link-new .yotpo-icon-btn-big { color: #2f84ed; font-size: 34px; }

.navBar-section.account-navigation .navBar-item a { font-size: 14px;}

.shipping-estimator .form-label { font-style: normal; font-size: 13px; font-weight: 500; }
.account-body ul.addressList { text-align: center;}
.account-body ul.addressList li.address { text-align: left;}
.account-body ul.addressList li.address .panel-body .form-actions { text-align: left; padding-left: 15px;}

.card-figcaption{ height:auto; display: inline-block; width:auto; }
.card-figcaption .card-figcaption-body{  display:inline-block; /* position:relative; */  position: absolute; left: 0; right: 0;  top: -15%; }

.price-and-button{ height:auto; }

/* Updated Mockup Css */
.cocoa-flavanols-banner .cocoa-flavanols-mobileimg{ display:none; }
.cocoa-flavanols-banner{ position:relative; }
.cocoa-flavanols-content{ position:absolute; left:8%; top:50%; transform:translateY(-50%); max-width:540px; }
.cocoa-flavanols-content p{ font-size:24px; color:#ffffff; max-width:500px; font-weight:300; margin:0; line-height:normal; }
.cocoa-flavanols-content h2{ font-family: 'kenyancoffeerg'; font-size:95px; color:#ffffff; font-weight:normal; text-transform:uppercase;  margin:0 0 20px; }
.cocoa-flavanols-content p a{ font-size:16px; color:#000000; text-transform:uppercase; background:#ffffff; border-radius:30px; display:inline-block; font-family: 'Oswald', sans-serif; font-weight:600; letter-spacing:2px; padding:13px 30px; text-decoration:none; }
.cocoa-flavanols-content p a:hover{ background:#613421; color:#ffffff; }

.youtube-shorts-home{ padding:0 0 110px 0; }

.youtube-shorts-home p {font-size: 15px; line-height: 25px; letter-spacing: 0; margin: 0 0 13px; padding: 0 20px 0 20px; color: #050505; font-weight: normal; text-align:center;}

h3.youtubeShortsTitle{ font-size:32px; color:#000000; font-family: 'Oswald', sans-serif; font-weight:600; text-align:center; padding:0 10px; margin:0 0 30px; }
.youtube-shorts-container{ max-width:1500px; padding:0 258px; background:#fff; position:relative; margin:0 auto; }

.youtube-shorts-video-player{text-align:center;}
.youtube-shorts-container::before, .youtube-shorts-container::after{ content:''; position:absolute; top:50%; transform:translateY(-50%);  width:238px; height:523px; }
.youtube-shorts-container::before{ background:url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/youtube-before-bg.png) no-repeat center center; left:0; }
.youtube-shorts-container::after{ background:url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/youtube-after-bg.png) no-repeat center center; right:0; }

.youtubeCntnr { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.youtubeCntnr iframe, .youtubeCntnr object, .youtubeCntnr embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.youtube-shorts-video-player .secBtn{display: inline-block; font-size: 16px; line-height: 30px; letter-spacing: 3.5px; color: #fff; background: #003366; border-radius: 60px; padding: 10px 32px; text-decoration: none; font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: 500; transition: 0.3s; margin:30px 0 0 0;}
.youtube-shorts-video-player .secBtn:hover, .youtube-shorts-video-player .secBtn:focus{background:#000; color:#fff;}


.cntctpageInfo{position:relative; display:flex; flex-wrap:wrap; align-items:center; background:#f2f2f2; padding:15px;}
.cntctpageInfo .blockLeft{width:52%;}
.cntctpageInfo .blockRight{padding:0 0 0 50px; font-size:16px; width:48%;}
.cntctpageInfo .blockRight p{padding:0 0 0 35px; margin:0 0 20px 0; line-height:24px;}
.cntctpageInfo .blockRight p:last-child{margin:0;}
.cntctpageInfo .blockRight p a{text-decoration:none;}
.cntctpageInfo .blockLeft img{width:100%;}
.cntctlocationIc{background: url(../img/ftr-loc-ic.png) no-repeat left top 3px;}
.cntctmailIc{background:url(../img/ftr-mail-ic.png) no-repeat left center;}
.cntctcallIc{background:url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/contact-call-ic.png?t=1727932705) no-repeat left center; background-size:18px;}

.categorytopSidebar .shopbyPrice{display:none;}
#product-listing-container .pageSideBar{width:300px; float:left; border:1px solid #ccc; background:#f5f5f5;}
#product-listing-container .productCategoryCompare{position: relative; padding:0 0 0 20px; float:none; overflow:hidden;}
#product-listing-container .pageSideBar .sidebarBlock + .sidebarBlock, #product-listing-container .pageSideBar .sidebarBlock{margin:0 0 20px 0;}
#product-listing-container .pageSideBar .sidebarBlock-heading{background:#000; color:#fff; padding:10px 20px; margin:0 0 5px 0; text-align:left !important; }
.pageSideBar .sidebarBlock ul{text-align:left;}
.pageSideBar .sidebarBlock ul li{border-bottom: 1px solid rgba(0, 0, 0, 0.1); display:block; position:relative;}
.pageSideBar .sidebarBlock ul li:last-child{border:none;}
.pageSideBar .sidebarBlock ul li a{font-size:16px; font-weight:400; padding:5px 20px; color:#000 !important; text-transform:none; position:relative;}
.pageSideBar .sidebarBlock ul li a:hover, .pageSideBar .sidebarBlock ul li a:focus{background:#50321a; color: #fff !important;}
.pageSideBar .sidebarBlock ul li::before{content:none;}
.pageSideBar .navPages-action-moreIcon{position:absolute; right:20px; top:50%; transform: translateY(-50%); display:block;}
.pageSideBar .navPages-action svg{fill:#000; stroke:#000; transform:rotate(-90deg); position:absolute; right:0; top:0;}
.pageSideBar .navPages-action:hover svg{fill:#fff; stroke:#fff;}
.pageSideBar .sidebarBlock .navPage-subMenu, .pageSideBar .sidebarBlock .navPage-childList{width:300px; left:100%; top: 0; background:#fff; position:absolute; background:#f5f5f5; padding:0 !important; z-index:1; display:none;}
.pageSideBar .sidebarBlock ul > li:hover .navPage-subMenu, .pageSideBar .sidebarBlock ul > li:focus .navPage-subMenu, .pageSideBar .sidebarBlock .navPage-subMenu > ul > li:hover .navPage-childList, .pageSideBar .sidebarBlock .navPage-subMenu > ul > li:focus .navPage-childList{display:block;}
.pageSideBar .navPage-subMenu-item{width:100%;}
.pageSideBar .navPage-subMenu-item a{color:#000; font-size:16px; padding:5px 20px;}
.pageSideBar .navPage-subMenu .navPages-action svg{fill:#000 !important; stroke: #000 !important;}

.pageSideBar + .productCategoryCompare .productGrid .product{width:25%;}


.form-checkbox + .form-label::before, .form-radio + .form-label::before{border-color:#dadada;}
.featuredProSec .OptionFormHome .form-field--increments{display:none;}
.featuredProSec .OptionFormHome .add-to-cart-buttons{width:100%;}
.featuredProSec .swatches--round{max-width: 300px; margin:0 auto;}
.featuredProSec .form-field > .form-checkbox + .form-label, .featuredProSec .form-field > .form-radio + .form-label{text-align: left; font-size:14px;}

.deal-of-the-day .form-checkbox + .form-label, .deal-of-the-day .form-radio + .form-label{font-size: 14px;}
.deal-of-the-day .form-field > .form-checkbox + .form-label, .deal-of-the-day .form-field > .form-radio + .form-label{min-height: inherit;}
.deal-of-the-day .card .form-field[data-product-attribute="set-radio"] { background: #fbfbfb; padding: 15px 20px 15px 20px; border-radius: 6px; border: 1px solid #d1d1d1; max-width: 540px; margin-bottom: 20px; }
.deal-of-the-day .form-field--increments .form-input--incrementTotal{border:1px solid #dadada;}
.deal-of-the-day .add-to-cart-buttons .button{display:inline-block; padding:13px 25px; vertical-align:middle; color:#fff; font-size:15px; text-transform:uppercase; font-family:'Roboto', sans-serif; height:auto; line-height:normal; margin:0; font-weight:600; background-color:#003366; border-radius:50px; border:none; margin:0;}
.deal-of-the-day .sumary{margin-bottom:20px;}
.deal-of-the-day #add-to-cart-wrapper .form-field{margin-bottom: 20px;}

.cart-actions{margin-bottom: 20px;}
.upsell-products{position: relative; padding:20px 20px 60px 20px !important; clear:both; width:100%;}
.upsell-products h2{text-align: center;}
.upsell-products a img{margin-bottom:2.5rem;}
.upsell-products .slick-dots{display: none !important;}
.upsell-products .upsell-item a{color: #000; text-decoration:none;}
.upsell-products .upsell-item a p{font-size:15px; font-family:'Roboto', sans-serif; line-height:1.3; font-weight:400; min-height:40px; height:40px; overflow:hidden; text-transform:none;}
.upsell-products .upsell-item span{font-size: 16px; font-weight: 700; color: #000; display:block; margin:0 0 20px 0;}
.upsell-products .upsell-item a.chooseOptions{display:inline-block; padding:13px 25px; vertical-align:middle; color:#fff; font-size:15px; text-transform:uppercase; font-family:'Roboto', sans-serif; height:auto; line-height:normal; margin:0; font-weight:600; background-color:#003366; border-radius:50px; border:none; margin:0;}
.upsell-products .slick-arrow{top: auto; transform: none; bottom:-70px; width:44px; height:44px;}
.upsell-products .slick-arrow:before, .upsell-products .slick-next::before, .upsell-products .slick-prev::before{content:none !important;}
.upsell-products .slick-prev{left: calc(50% - 50px); background:#ededed url(../img/arrow-left.png) no-repeat left center;}
.upsell-products .slick-next{right: calc(50% - 50px); background:#ededed url(../img/arrow-right.png) no-repeat left center;}

.yotpo-widget-instance-container { margin: 30px 0; }
.yotpo-widget-my-rewards-widget .yotpo-reward-steps-list { width: 100%;padding: 20px; flex-wrap: wrap;}
.yotpo-widget-visual-redemption-widget .yotpo-redemption-options-wrapper { width: 100%; padding: 20px; max-width: fit-content; border-radius: 10px;}
.swell-tab {display: inline-flex !important; justify-content: center; align-items: center; border-radius: 5px !important; left: 10px !important; font-weight: 700 !important; padding: 0px 15px; min-width: fit-content; margin: 0!important;}


@media only screen and (min-width:800px) {  


  .body.has-globalBanner { margin: 0; }

.header .header-top { display: inline-block; vertical-align: middle; width: auto; min-width: 160px; }
.navPages-action.is-open:hover{ color:#000000; }

.header .header-container {  display: flex; align-items: center; justify-content: space-between; }
.header .header-container .navUser { position: relative; display: inline-block; vertical-align: middle; margin-right: -5px; }

.navPages-action.is-open { background-color: #fff; }
.navPage-subMenu { background: #50321a; }
.navPage-subMenu .navPage-subMenu {  background: #50321a;}
.navPage-subMenu-item-child .navPage-subMenu-action.is-open, .navPage-subMenu-item-child .navPage-subMenu-action:hover, .navPage-subMenu-item-parent .navPage-subMenu-action.is-open, .navPage-subMenu-item-parent .navPage-subMenu-action:hover { background:transparent; color: #fff; opacity: 1; }
.navPage-subMenu .navPages-action { color: #fff;}
.navPage-subMenu-list li { border-bottom: 1px solid rgba(255,255,255,0.2);}
.navPage-subMenu-list li:last-child { border-bottom: 0;}
.navPage-subMenu .navPages-action svg { fill: #fff !important; stroke: #fff !important; opacity: 1; }
.navPage-subMenu .navPage-subMenu.is-open { min-height: auto; }
.navPage-subMenu  li { position: relative;}
.navPages ul li .navPage-subMenu-list li a.navPage-subMenu-action{ font-weight:400; font-size:15px; }

.productView-images .productView-image.has-thumbs { width: calc(100% - 0rem);}
.productView-images .productView-thumbs { width: 100%; margin: 60px 0 50px 0; }
.productView-images .productView-thumbs .productView-thumb { float: left;}

.productView .productView-images { width: 47%; padding: 20px 80px 0 40px; margin-bottom: 0; }


.productView-detailsRight { -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.08);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.06); width: 53%; display: inline-block; float: right; padding: 40px 50px; }
.productView-detailsRight .productView-details { width: 100%; padding: 0;}
.mobile-productView-details { display: none;}
.productView { margin-left: 0; margin-right: 0; padding-top: 15px; }
.productView-detailsRight .productView-details + .productView-details { margin-bottom: 0;}
.productView-detailsRight .productView-details + .productView-details .productView-options  { margin-bottom: 0;}

.header .navUser .navUser-item.navUser-item--account,
.navUser.right ul.navUser-section{ display: flex; }
}






 @media only screen and (max-width: 1820px) {  

  .header .header-container .navUser { margin-right: 10px; }
  .header .container { max-width: 98%;}

  .featuredProSec .slick-arrow.slick-prev { left: -30px; }
  .featuredProSec .slick-arrow.slick-next { right: -30px;}
  .footer::after { background-size: 70%; }

.RelatedProductsSlider .slick-arrow.slick-prev {  left: -25px; }
.RelatedProductsSlider .slick-arrow.slick-next {  right: -25px;  }
.RelatedProductsSlider .slick-arrow { width: 36px; height: 36px; background-size: contain !important;}




 }



@media only screen and (max-width: 1680px) { 


  .MainBanner .bannerBlocks { padding: 0 2% 0 2%; }
  .cateSec { background-size: 170px, 130px; }


  .featuredProSec .slick-arrow { width: 36px; height: 36px; background-size: contain !important;}
  .featuredProSec .slick-arrow.slick-next { right: -10px; }
  .featuredProSec .slick-arrow.slick-prev { left: -10px; }

  .RelatedProductsSlider .slick-arrow.slick-prev {  left: -10px; }
.RelatedProductsSlider .slick-arrow.slick-next {  right: -10px;  }

  .footer::after { background-size: 40%; }
  .page-heading { font-size: 4vw;}
  .actionBar { padding: 10px 20px; }

  .RelatedProductsSlider { margin: 0 0 20px 0; }
  .sitemapSec li  { width: 100%; float: left; padding: 0 10px;}

  .breadcrumbs { padding-left: 150px; padding-right: 150px; }



}


@media only screen and (max-width: 1440px) { 

  .cateSec { background-size:0px; padding: 30px 0 40px 0; }
  .cateSec .cateDtl .cateTitle { font-size: 30px;}
  .cateSec .cateBoxes { padding:0px;}
  .cateSec .secTitle { font-size: 34px; }

  .aboutSec .aboutIn .aboutCntn { padding: 0 0 0 20px;}
  .aboutSec .aboutIn .aboutInfo { padding: 0; }
  .aboutSec .aboutIn .aboutCntn h4 { padding: 15px 0 15px 0; }
  .aboutSec .aboutIn .aboutCntn p { font-size: 14px; margin-bottom: 15px;}
  .aboutSec { padding: 30px 0 40px; }
  
  .instaSec .instaFeed { gap: 10px;}
  .instaSec .instaFeed a span img { max-width: 34px;}

  .featuredProSec { padding: 40px 0 30px 0; }
  .blogSec .content .blogPosts .card .card-body { padding: 20px; }
  .blogSec .content .blogPosts .card .card-body .card-title { font-size: 18px;}
  .blogSec { padding: 0 0 30px 0; }
  .blogSec .content .blogPosts .card .card-body .readMore { letter-spacing: 1px; }

  .footer::after { background-size: 0%; }

  .page-sidebar + .page-content .productGrid .product { width: 25%; }
  .sidebarBlock ul li a { font-size: 15px; padding: 0 15px 0 15px; }
  .banners.banner-bottom { padding: 30px 0 30px 0;}

  .productView .productView-images .productView-thumb .productView-thumbnail-link { min-width: 100%; }
  .productView .productView-detailsRight { padding: 40px 20px; }
  .productView .productView-details .productView-title {font-size: 28px; line-height: 34px;  }

  .review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .carousel-arrows .yotpo_previous { left: -20px; width: 30px !important; height: 30px; background-size: contain !important; }
  .review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .carousel-arrows .yotpo_next { right: -20px;  width: 30px !important; height: 30px; background-size: contain !important; }
  .review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version .right-side { width: 100%;}
  .review-yotpo-home  .yotpo-reviews-carousel .carousel-display-wrapper .yotpo-carousel .small-version .carousel-review-title { width: 100%; }
  
  
  .static-sidebar[data-sticky-for="1260"] { width: 100%; float: right; max-width: 300px; }
  .static-sidebar .cart-totals { width: 100%; }


.cocoa-flavanols-content{ left:5%; }
.cocoa-flavanols-content h2{ font-size:80px; }

.youtube-shorts-container::before, .youtube-shorts-container::after{ width:150px; height:330px; background-size:100%; }
.youtube-shorts-container{ padding:0 170px; }

.pageSideBar + .productCategoryCompare .productGrid .product{width:33.33%;}

}

@media only screen and (max-width: 1300px) { 

  .header .navPages-action { font-size: 14px; padding: 2px 10px; }
  .footer .CollectionsBottom .footer-list { flex-wrap: wrap; justify-content: center; }
  .footer .CollectionsBottom .footer-list li { padding: 10px 20px; }
  .footer .CollectionsBottom  { padding: 0 0 30px 0; }
  .footer .CollectionsBottom .CollectionsTitle { font-size: 18px; }
  .footer .footer-list li a { font-size: 14px;}
  .footer .contactInfo { padding-bottom: 50px; }

  .footer .CollectionsBottom::before { max-width: 30%; }
  .footer .CollectionsBottom::after { max-width: 30%; }

  .productView .productView-images { padding-left:0px; padding-right: 30px; }
  .productView-thumbs .slick-arrow.slick-next { right: -20px; }
  .productView-thumbs .slick-arrow.slick-prev { left: -20px;}
  .productView .productView-images .productView-thumb .productView-thumbnail-link { min-height: 120px; }
  .productView-images .productView-thumbs {  padding: 0 0;  margin: 30px 0 50px 0;}
  .productView .productView-images .productView-thumb .productView-thumbnail-link { height: 110px;}

  .ytLoader img.cover { max-width: 100%;}
  .affiliate_yt_link_content .reviews--content p { font-size: 16px;}
  .affiliate_program_content h2 { font-size: 18px; line-height: normal;}
  .affiliate_program_content .container { padding: 0 5px;}

  .review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .carousel-arrows .yotpo_previous { left: -10px; }
  .review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .carousel-arrows .yotpo_next { right: -10px;   }

.bannerRightLogo { width: 90px; right: 2%; }

}

@media only screen and (max-width: 1200px) { 
.youtube-shorts-container::before, .youtube-shorts-container::after{ display:none; }
.youtube-shorts-container { padding: 0 20px; }
.youtube-shorts-home { padding: 0 0 40px 0; }
.pageSideBar + .productCategoryCompare .productGrid .product{width:50%;}
}

@media only screen and (max-width: 1100px) { 


  .page-sidebar + .page-content .productGrid .product { width: 33.33%; }
  .productGrid .product { width: 33.33%; }
  .page-sidebar + .page-content .productGrid .product .card { margin-bottom: 20px; }
  .page-heading { font-size: 5vw;}
  .productView .productView-details .productView-title { font-size: 28px; line-height: 34px;  }
  .RelatedProductsSlider .slick-arrow { width: 30px; height: 30px; }

  .review-yotpo-home::before { display: none; }
  .review-yotpo-home::after { display: none; }
  .cocoa-flavanols-content p{ font-size:16px; max-width:330px; }
  .cocoa-flavanols-content h2 { font-size: 60px; }


}

@media only screen and (max-width: 1024px) { 

  .header .header-container .navUser { min-width: 160px; }
  .header .navUser .roundIcon { width: 44px; height: 44px; padding: 10px; }
  .productView .productView-details .productView-title { font-size: 24px; line-height: 30px;  }
  .productView .productView-price { font-size: 26px;}


}

@media only screen and (max-width: 991px) { 

  .page-heading { font-size: 6vw;}
 

  .header .navUser .navUser-action { padding: 0 1px; }
  
  .header .header-top .header-logo { max-width: 130px; }
  .header .header-top { min-width: 130px; }


  .MainBanner .bannerBlocks { padding: 0; flex-direction: column; align-items: flex-start; }
  .MainBanner .bannerBlocks .bannerRightLogo { margin: 20px 0 0 0; display: flex; align-items: center; justify-content: flex-start; max-width: 100%;}
  .MainBanner .bannerBlocks .bannerRightLogo img + img { margin: 0 0 0 5px;}

  .MainBanner h2 { font-size: 50px; margin-bottom: 0;}
  .MainBanner h3 { font-size: 20px;}
  .MainBanner .StarReviews { padding: 15px 0; font-size: 16px; }
  .MainBanner .StarReviews img { max-width: 100px;}
  .MainBanner .StarReviews span { padding: 0 5px; }
  .MainBanner .bannerBlocks .bannerRightLogo img {  max-width: 100px; }

  .SummerBanner .SummerBoxs .summer-logo { max-width: 400px;}
  .SummerBanner .secTitle { font-size: 18px; }

  .aboutSec .aboutIn .aboutLeft { max-width: 100%; margin-bottom: 20px; }
  .aboutSec .aboutIn .aboutCntn { padding: 0; max-width: 100%; }

  .productView .productView-images .productView-thumb .productView-thumbnail-link { height: 80px; min-height: 80px; }


  .instaSec .instaFeed a:last-child { display: none;}
  .instaSec .instaFeed a span { font-size: 2.2vw; }

  .blogSec .content .blogPosts .blogPost { width: 100%; margin-bottom: 20px;}
  .blogSec .content .blogPosts .blogPost:last-child { margin-bottom: 0;}
  .blogSec .content .blogPosts .card .card-figure .card-img-container img { width: 100%; object-fit: cover; }
  .blogSec .content .blogPosts .card .card-body { margin-top: 0; }

  .footer .CollectionsBottom .footer-list li { padding: 10px 10px; }
  .footer .copyrightSec { justify-content: center; flex-direction: column; margin-top: 30px; }
  .footer .copyrightSec .copyrightRight { margin-top: 10px; }
  .footer .copyrightSec p { text-align: center;}

  .footer .footer-info .footerCol:first-child { max-width: 60%;}
  .footer .footer-info .footerCol:nth-child(2) { max-width: 100%; order: 1;  }
  .footer .footer-info .footerCol:nth-child(3) { max-width: 40%;  }
  .footer .contactInfoDtl { margin: 0; }
  .footer .footer-info { padding: 40px 0 0px 0; }


  .review-yotpo-home { padding: 40px 0 320px; }
  .review-yotpo-home .yotpo-reviews-carousel .yotpo-small-box { margin-top: 10px; }
  .review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .headline { font-size: 25px;}
  .productDescTabs .tab .tab-title { font-size: 14px; }
  .cntctpageInfo .blockRight{padding-left:20px; font-size:15px;}
    .pageSideBar + .productCategoryCompare .productGrid .product{width:33.33%;}
    #product-listing-container .pageSideBar{display:none;}
    #product-listing-container .productCategoryCompare{width:100%; padding:0;}

}

@media only screen and (max-width:800px) {  


  .cateSec .cateBoxes .cateBox { max-width: 50%; }
  .cateSec .secTitle { font-size:28px; margin-bottom: 20px; }
  .MainBanner { margin-top: 0; }
.bannerRightLogo{ display:none; }

body.has-globalBanner { padding-top: 0px;}

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

.header .header-top .header-logo img { margin: 0;}
.header .header-top .header-logo a { width: 100%; padding: 0; display:inline-block; }
.header-logo{ height:auto; }
.header .header-top .header-logo { display: inline-block;}
.header .header-top { text-align: center; }
.header .header-container .navUser { min-width: auto; position: absolute; right: 10px; top: 45px; z-index: 99; }
.header .header-top { min-width: 100%;}

#search_query_adv { color: #000; font-size: 15px;}

.header .navUser .navUser-item { padding: 0 2px; }

.HeaderTopBar { background: #fff url(../img/header-top.png) repeat center center !important; z-index: 3; }
.HeaderTopBar ul li.ShippingIcon { margin-right: 10px; }
.HeaderTopBar ul li { font-size: 14px; padding: 0 10px 0 45px; }
.navPages-action-depth-max.has-subMenu.is-open .navPages-action-moreIcon { border: solid 1px #777; }
.header .navPages-action svg { opacity: 0.8; }

.header { border-bottom: 1px solid #000; background: #fff !important; position: relative; z-index: 2; height:auto; }
.header .mobileMenu-toggle { top: 40px; }
.navPages-container.is-open { display: block; padding-top: 170px; z-index: 0; }
.navPages-container { bottom: 0; display: none; height: 100%; left: 0; position: fixed; overflow-y: auto; right: 0; z-index: 10; background: none; }
.header .navPages-container .navPages { text-align: left; background: #e5e5e5; padding: 20px; position: fixed; height: calc(100vh - 170px); width: 100%; left: 0; overflow-y: auto; }
.header .navPages-action { font-size: 16px; padding: 5px 10px; }
.navPages-quickSearch { margin-bottom: 0; }
.header .navUser .navUser-item.navUser-item--search { display: none;} 
.header .navUser .navUser-item.navUser-item--account { display: none;} 

.page-sidebar + .page-content .productGrid .product { width: 50%; }
.productGrid .product { width: 50%; }
.category-description h2 { font-size: 16px !important; }
.actionBar .actionBar-section { float: right;}

.productView-thumb img { position: relative; width: 100%; height: 100%; object-fit: contain; }
.productView-thumbnail-link { padding: 0; }
.productView .productView-images .productView-thumb { padding: 5px;}
.productView-images .productView-thumbs { margin: 20px 0; padding: 0 0px; }
#modal .quickView  .productView .productView-images { padding: 0px 0px 20px 0px; }
.productView { margin: 0;}
.productView .productView-images { padding-left: 0; padding-right: 0; }
.productView-details.desktop-productView-details { display: none;}

.productView .productView-images { width: 100%; margin-bottom: 0;}
.productView-detailsRight { width: 100%; }
.productView .productView-images .productView-thumb .productView-thumbnail-link { min-height: 100px; }
.productView .productView-details { padding: 0; }
.productView .productView-detailsRight { display: inline-block; width: 100%; padding: 0;}
.productDescTabs { margin-top: 10px; }
.productDescTabs .tabs-contents h2 span[style="font-size: medium;"] { font-size: 16px !important; }

.productDescTabs .tab { margin-bottom: 15px;}
.productDescTabs .tabs-contents section { margin-top: 0; padding-top: 10px;}
.productDescTabs .tabs { border: 0;}
.breadcrumbs { padding-left: 0px; padding-right: 0px; }
.productDescTabs .tab .tab-title { font-size: 16px; }
.productView .productView-details { margin-bottom: 0;}

.cocoa-flavanols-banner img{ display:none; }
.cocoa-flavanols-banner .cocoa-flavanols-mobileimg{ display:block; }
.cocoa-flavanols-content p{ max-width:100%; text-align:center; }
.cocoa-flavanols-content{ left: 0; right: 0; width: 100%; text-align: center; max-width: 100%; padding:0 15px; top:25px; transform:translateY(0); }
.pageSideBar + .productCategoryCompare .productGrid .product{width:50%;}


}

@media only screen and (max-width:767px) {
    .cntctpageInfo .blockLeft{width:100%;}
    .cntctpageInfo .blockRight{width:100%; padding:15px 0 15px 0;}
}


@media only screen and (max-width:640px) { 

  .account-body ul.addressList li.address .panel-body .form-actions {  padding-left: 0px;}

}

@media only screen and (max-width:600px) { 

  .instaSec .instaFeed a {  width: 100%; max-width: 48%; flex-grow: unset;  }
  .instaSec .instaFeed { flex-wrap: wrap; justify-content: center; }
  .instaSec .instaFeed a span { font-size: 3.5vw; }

  .HeaderTopBar ul li.MailIcon { display: none;}
  .HeaderTopBar ul li.ShippingIcon { margin-right: 0; }
  .HeaderTopBar ul li::before { display: none; }


  .footer .footer-info .footerCol:first-child { max-width: 100%; }
  .footer .footer-info .footerCol:nth-child(3) { max-width: 100%;}

  .actionBar .actionBar-section { float: none;}
  .actionBar { text-align: center;}

  .productView-options .form-field > .form-radio + .form-label { font-size: 14px;}
  .review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .headline { font-size: 18px; letter-spacing: 0;  padding: 0 45px; text-align: center;}
  .review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel .yotpo-num-of-reviews { font-size: 16px; }
  .review-yotpo-home .yotpo-reviews-carousel .carousel-display-wrapper #carousel-top-panel { margin-bottom: 10px; }

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



}

@media only screen and (max-width:550px) { 


  .page-heading { font-size: 7vw;}
  .cateSec .cateBoxes .cateBox { max-width: 100%; }
  .SummerBanner .SummerBoxs .summer-logo { max-width: 300px; }
  .SummerBanner .secTitle { font-size: 16px; }

  .secTitle { font-size: 28px;}

  .blogSec { margin-top: 0; }
  .blogSec .content .blogPosts .card .card-figure { width: 100%;}
  .blogSec .content .blogPosts .card .card-body { width: 100%; padding-left: 0;}
  .blogSec .content .blogPosts .card { flex-wrap: wrap;}

  .footer .footer-info-heading { font-size: 20px; padding: 0 0 20px 0; }
  .page-sidebar + .page-content .productGrid .product { width: 100%; }
  .productGrid .product { width: 100%; }

  .productView .productView-details .productView-title { font-size: 20px; line-height: 26px; }
  .productView .productView-price { font-size: 22px; }

  .productView .productView-images .productView-thumb .productView-thumbnail-link { min-height: 80px; height: 80px; }

  .review-yotpo-home { padding: 0 0 80px; }
  .productView-options .form-action.form-addToCart,
  .productView-options .add-to-cart-buttons { max-width: 100%; }
  .productView-options .button.buynow { max-width: 100%; }
  .pagination-list .pagination-item { margin: 4px !important;}




}

@media only screen and (max-width:480px) { 

 .MainBanner .StarReviews { font-size: 15px;}
 .secTitle { font-size: 24px; }
 .wave-pattern{ bottom:9px; }
 .cocoa-flavanols-content h2 { font-size: 40px; margin-bottom:10px; }
 .cocoa-flavanols-content p{ font-size:14px; }
 .cocoa-flavanols-content p a{ padding: 10px 27px; font-size: 14px; }
 .youtube-shorts-container { padding: 0 10px; }
}

.new-customer .button { color: #fff; background: #000; }

/*  Cacao Powder Page */

@font-face {
    font-family: 'Kenyan Coffee Rg';
    src: url('../fonts/KenyanCoffeeRg-Regular.woff2') format('woff2'),
        url('../fonts/KenyanCoffeeRg-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




.rainforest-section, .high-flavanol{padding: 70px 0;position: relative;}
.rainforest-section::before {content: "";background: url(../img/choco-glass.png) no-repeat;display: block;height: 400px;width: 280px;position: absolute;left: -10px;bottom: 120px;}
.rainforest-main {display: flex;align-items: center;max-width: 1140px;margin: 0 auto;}
h2.h2-tile {font-family: 'Oswald', sans-serif;font-size: 32px;font-weight: 600;margin: 0;}
.product-left-img{padding-right: 50px;}
.product-left-img img,
.product-right-img img{ max-width:inherit; }
.product-right-img{padding-left: 50px;}
.right-details h4{font-size: 18px;font-weight: 500;}.right-details 
p.inner-desc {font-size: 17px;line-height: 22px;}
.right-details ul{padding-left: 25px;}
.right-details ul li{font-size: 15px;line-height: 26px;position: relative;}
.right-details ul li::before {content: "";background: url(../img/green-check.png) no-repeat;height: 16px;width: 16px;position: absolute;left: -25px;top: 4px;}
.right-details .custom-shop-btn{margin-top: 45px;}
.right-details .custom-shop-btn a{font-size: 16px;font-weight: 600;font-family: 'Oswald', sans-serif;color: #fff;background: #50321a;padding: 14px 37px;text-transform: uppercase;text-decoration: none;letter-spacing: 3px;
   border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;
   -ms-transition: 0.3s all ease;-o-transition: 0.3s all ease;}
.right-details .custom-shop-btn a:hover{background-color: #000;transition: 0.3s all ease;-webkit-transition: 0.3s all ease;-moz-transition: 0.3s all ease;-ms-transition: 0.3s all ease;-o-transition: 0.3s all ease;}
.right-details p{font-size: 15px;}
.rainforest-section hr{position: relative;bottom: -80px;border-top: solid 1px #e5e5e5;}
.flavanol-main {display: flex;align-items: center;max-width: 1140px;margin: 0 auto 0 0;}
.high-flavanol::after {content: "";background: url(../img/after-choco-img.png) no-repeat;display: block;height: 400px;width: 400px;position: absolute;right: 0;bottom: 100px;}
.deals-section {padding: 50px 0;}
.deals-details-right h3{font-size: 22px;line-height: 28px;letter-spacing: 2px;font-weight: 700;}
.deals-img-detail{display: flex;}
.deals-left-img img {vertical-align: middle;border-radius: 15px 0 0;-webkit-border-radius: 15px 0 0;-moz-border-radius: 15px 0 0;-ms-border-radius: 15px 0 0;-o-border-radius: 15px 0 0;}
.deals-details-right{padding: 75px 55px;background: #f5f5f5;display: flex;flex-direction: column;justify-content: left;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;-ms-border-radius: 15px;-o-border-radius: 15px;}
.deals-left-img{flex: 50%;max-width: 50%;}
.deals-details-right{flex: 50%;max-width: 50%;}

.deals-section .right-details .custom-shop-btn {margin-top: 30px;}
.text-description{text-align: center;}
.text-description span{font-size: 45px;font-family: 'Oswald', sans-serif; font-weight:300;}
.text-description p{font-size: 18px;line-height: 26px;max-width: 1120px;margin: 10px auto 0;}
.text-description{padding: 30px 0 50px 0;}



@media (max-width: 1550px){
    .rainforest-section::before {width: 220px;left: -10px;bottom: 0px;background-size: 220px;}
    .high-flavanol::after {width: 250px;bottom: 70px;background-size: 250px;}
}

@media (max-width: 1440px){
    .rainforest-section::before {width: 150px;left: -10px;bottom: -80px;background-size: 160px;}
    .high-flavanol::after {width: 200px;bottom: 0;background-size: 200px;}
    .deals-details-right {padding: 55px 35px;}
    .deals-img-detail{align-items: center;}
    .deals-left-img img {width: 100%;}
}
@media (max-width: 1200px){
    .rainforest-section::before {display: none;}
    .high-flavanol::after {display: none;}
    h2.h2-tile {font-size: 28px;margin: 0 0 22px 0;line-height: 30px;}
    .right-details h4 {margin: 0;}
    .deals-img-detail{align-items: center;}
    .text-description span {font-size: 35px;}
}
@media (max-width: 1024px){
    .right-details .custom-shop-btn a {padding: 12px 32px;font-size: 14px;}
}
@media (max-width: 991px){
   .deals-img-detail{flex-direction: column;gap: 10px;}
   .deals-left-img{flex: 100%;max-width: 100%;}
    .deals-details-right{flex: 100%;max-width: 100%;}
    .deals-details-right {padding: 35px 25px;}
    .right-details p {margin: 10px 0 0 0;}
    .deals-img-detail {align-items: inherit;}
    .flavanol-main {flex-direction: column;gap: 50px;}
    .rainforest-main {flex-direction: column;gap: 30px;}
    .product-right-img {padding-left: 0px;}
    .product-left-img {padding-right: 0px;}
	h2.h2-tile { font-size: 20px; }

    
}

@media (max-width: 767px){
    .product-right-img img, .product-left-img img{width: 100%;} 
    .rainforest-section, .high-flavanol {padding: 40px 0;position: relative;}   
    .rainforest-section hr {bottom: -50px;}
    .deals-section {padding: 0;}
    .text-description span {font-size: 25px;}
    .text-description p {font-size: 14px;line-height: 20px;margin: 10px auto 0;}
    .deals-details-right h3 {font-size: 18px;line-height: 22px;}
}
   




/* High Flavanol Cacao | Cocoa Dynamics */

.cocoa_dynamic_product_main{ background:url(../img/cocoa-dynamics-product-bg.jpg) no-repeat center top; min-height:760px; }
.cocoa_dynamic_product_main_container{ max-width:1520px; margin:0 auto; padding:50px 15px 0 15px; display:flex; }
.cocoa_dynamic_product_left{ width:40%; padding-top:20px; margin-left:-8%; }
.cocoa_dynamic_product_right{ width:60%; padding-left:70px; }
.cocoa_dynamic_product_right .productView-detailsRight{ box-shadow:none; max-width:100%; width:100%; padding:0; }
.cocoa_dynamic_product_right .productView .productView-details .productView-title{ font-size:70px; color:#50321a; font-family: 'Kenyan Coffee Rg'; font-weight:normal; line-height:normal; }
.cocoa_dynamic_product_right .productView .productView-price{ font-size:50px; color:#000000; }
.cocoa_dynamic_product_right .productView-options .form-field.form-field--increments{ border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding-top:30px; }
.cocoa_dynamic_product_right .productView-availability .icon{ width:30px; height:30px; vertical-align: bottom; }
.cocoa_dynamic_product_right #add-to-cart-wrapper .form-increment button.button { border-radius:20px 0 0 20px; }
.cocoa_dynamic_product_right #add-to-cart-wrapper .form-increment .form-input + button.button { border-radius:0 20px 20px 0; }
.cocoa_dynamic_product_right .productView-rating,
.cocoa_dynamic_product_right .yotpo.bottomLine{ display:none; } 
.cocoa_dynamic_product_right .productView .productView-price{ border-bottom:0; margin:0; } 
.cocoa_dynamic_product_right .productView-product {  border-bottom: 1px solid #e2e2e2; } 

.nutrition-fect-section{ padding: 60px 0 90px 0; }
.nutrition-fect-heading{text-align: center; margin-bottom: 65px;}
.nutrition-fect-heading h3{font-size: 50px;font-weight: 600;font-family: 'Oswald', sans-serif;margin: 0; line-height:50px;}
.nutrition-fect-heading p{font-size: 34px;font-family: 'Oswald', sans-serif;font-weight: 300;margin: 0;}

.center-circle-img img{width: 100%;}
.circle-img-with-text{display: flex;gap: 50px;align-items: center;}
.left-number-text, .center-circle-img, .right-number-text{flex: 33.33%;width: 33.33%;}
.desc-count {display: flex;justify-content: flex-end;text-align: end;gap: 25px;align-items: center;}
.desc-count p{font-size: 16px;line-height: 22px;font-weight: 500;}
.left-number-text .desc-count:first-child p{margin-right: 18px;}
span.number {font-size: 100px;font-family: 'Kenyan Coffee Rg';color: #e5e0dd;}
.right-number-text .desc-count{flex-direction: row-reverse;text-align: left;border-bottom: 1px solid #ece8e7;padding: 5px 0;}
.left-number-text .desc-count{border-bottom: 1px solid #ece8e7;padding: 5px 0;}

.right-number-text .desc-count:last-child, .left-number-text .desc-count:last-child{border-bottom: none;padding: 0;}

.cocoa-dynamics-section{background: url(../img/cocoa-dynamics-bg.png) no-repeat;background-size: cover;padding: 100px 0;border-top: 1px solid #c9c9c9;border-bottom: 1px solid #c9c9c9;position: relative;}
.cocoa-dynamics-section::before {content: "";background: url(../img/left-before-choco-img.png) no-repeat;display: inline-block;height: 450px;width: 130px;position: absolute;bottom: 20px;}
.cocoa-dynamics-section .nutrition-fect-heading{margin-bottom: 90px;}
.flavanol-details h4{font-size: 32px;font-family: 'Oswald', sans-serif;font-weight: 600; margin: 0;}
.flavanol-details h5{font-size: 18px;line-height: 22px;}
.flavanol-details p{font-size: 15px;color: #000;font-weight: 500;}
.flavanol-details a {font-size: 16px;font-family: 'Oswald';text-transform: uppercase;background: #50321a;padding: 15px 30px;text-decoration: none;color: #fff;letter-spacing: 4px;border-radius: 50px;
    -webkit-border-radius: 50px;-moz-border-radius: 50px;-ms-border-radius: 50px;-o-border-radius: 50px;transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;}
.flavanol-details a:hover{background: #000;}
.flavanol-details{padding-right: 100px; width:62%}
.flavanol-details ul{margin-bottom: 40px;}
.flavanol-details ul li {font-size: 15px;line-height: 26px;font-weight: 500;display: flex;position: relative;padding-left: 30px;}

.flavanol-details ul li::before {content: "";background: url(../img/green-check.png) no-repeat;width: 20px;height: 20px;display: inline-block;vertical-align: middle;position: absolute;left: 0;top: 3px;}
.flavanol-img{ width:38%; }
.flavanol-img img{mix-blend-mode: multiply;}
.high-flavanol-details-img{display: flex;}

.special-way-section{padding: 100px 0;position: relative;}
.special-way-section::after {content: "";background: url(../img/right-after-been-img.png) no-repeat;display: inline-block;height: 210px;width: 260px;position: absolute;bottom: 30px;right: 0;}
.special-way-section .nutrition-fect-heading {max-width: 1120px;margin-bottom: 40px;margin: 0 auto 40px;}
.special-way-section .nutrition-fect-heading p{font-size: 18px;line-height: 26px;font-weight: 500;color: #000;font-family: inherit;margin: 20px 0;}
.special-way-section ul.way-list {column-count: 2;max-width: 1100px;margin: 0 auto;}
.special-way-section ul.way-list li {font-size: 15px;line-height: 26px;padding-left: 30px;position: relative; list-style:none;}
.special-way-section ul.way-list li::before{content: "";background: url(../img/green-check.png) no-repeat;width: 20px;height: 20px;display: inline-block;vertical-align: middle;position: absolute;left: 0;top: 3px;}
.texts-with-img{text-align: center;max-width: 1000px;margin: 0 auto;}
.texts-with-img h4{font-size: 18px;margin: 30px 0;}
.texts-with-img p{font-size: 15px;color: #000;font-weight: 400;margin-bottom: 40px;}
.texts-with-img a{font-size: 18px;line-height: 24px;color: #003366;font-weight: 500;display: block;margin-bottom: 40px;}

/* Deal of the day */
.deal_img{ margin: 50px; }
#productInfoElement{ display: flex; gap:25px; }
#productInfoElement .timer-item { display: inline-block; width: 50px; height: 50px; background-color: #f0f0f0; margin: 5px; border-radius: 10px; vertical-align: middle; text-align: center; }
#productInfoElement > div{ border:solid 1px #e9e9e9; padding:30px 25px; border-radius:5px; flex-basis: 50%; }
#productInfoElement .timer-value { font-size: 24px; font-weight: bold; line-height: 50px; }
#productInfoElement .card{ display:flex; margin:0; } 
#productInfoElement .card .card-figure{ display:flex; margin:0; align-items:center;}
#productInfoElement .card .card-figure,
#productInfoElement .card .card-body{ flex-basis:50%; }
#productInfoElement .card .card-figure .productView-thumbs{ float:right; flex-basis:27%; padding-top:29px; width:auto; min-height:315px; }
#productInfoElement .card .card-figure > a{ flex-basis:73%; position:relative; margin-right:15px; }
#productInfoElement .card .card-figcaption{ width:73%; }
#productInfoElement .card .card-body{ padding-top:0; text-align:left; padding-left:30px; }
#productInfoElement .card .card-body .card-title{ height:auto; min-height:inherit; }
#productInfoElement .card .card-body .card-title a{ font-weight:700; font-size:16px; }
#productInfoElement .card .card-body .price-section { padding-bottom:10px; font-weight:700; font-size:16px; }
#productInfoElement .card .CardButton{ margin:20px 0; max-width:inherit; display:inline-block; padding:0; min-height:inherit; }
#productInfoElement .card .CardButton a{ padding:13px 25px; }
#productInfoElement .card .timer-container .timer-item span{ display:block; text-align:center; }
#productInfoElement .card .timer-container .timer-label { margin:4px 0 0 0; font-size:12px; }
#productInfoElement .card .slick-vertical .slick-slide{ height:80px; padding:6px; border:solid 1px #ddd; cursor:pointer; }
#productInfoElement .card .slick-vertical .productView-thumb img{ position:relative; }
#productInfoElement .card .productView-thumbs .slick-arrow.slick-prev{ left: 0; right: 0; margin: 0 auto; top:0; transform: translate(0%, 0) rotate(90deg); }
#productInfoElement .card .productView-thumbs .slick-arrow.slick-next{ left: 0; right: 0; margin: 0 auto; bottom:0; top:auto; transform: translate(0%, 0) rotate(90deg); }
.deal-of-the-day h2.secTitle{ margin:0 0 15px; text-align:center; font-size:32px; }
#productInfoElement .card .card-figcaption .card-figcaption-body{ top: 50% !important;  transform: translateY(-50%) !important; width: 94% !important; }


.cocoaPowderDescImg img + img{ display:none; }


/* Sub Page */

.page nav.navBar ul.navBar-section { display: flex; gap: 10px !important; justify-content: center !important; flex-wrap: wrap !important; }
.page nav.navBar ul.navBar-section:after, .page nav.navBar ul.navBar-section:before { display: none; }
.page nav.navBar ul.navBar-section li.navBar-item { margin: 0; }
.page nav.navBar ul.navBar-section li.navBar-item a { border: solid 1px #dcdcdc;color: #000000;  padding: 8px 16px; font-size: 13px; font-weight: 500;transition: all 0.5s ease;border-radius: 5px; }
.page nav.navBar ul.navBar-section li.navBar-item a:hover { color: #000000; border-color: #000000; }

.points-section { background:url(../img/footer-bg.jpg) no-repeat top center; padding:20px; position:relative;border-radius: 10px; background-size: cover;}
.points-section:before { background: url(../img/footer-top.png) no-repeat center; position: absolute; left: 0; top: 0; width: 100%; height: 19px; content: ""; }
.points-section h2 { font-size: 32px; font-family: 'Oswald', sans-serif; line-height: 1.4; font-weight: 500; margin: 0; padding: 0; color: #000; text-align: center; margin: 0; padding: 35px 25px 25px 25px; }
.points-section ul { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; padding: 15px; gap: 15px; background: none; }
.points-section ul li { display: flex; background: url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/point-icon.png) no-repeat 0 2px; line-height: 1.5; background-size: 20px;padding: 0 0 0 30px; color: #000000;font-size: 18px; font-weight: 500; transition: all 0.5s ease; border-radius: 0; text-decoration: none;}
.points-section ul li a { border: 0; color: #000000;padding: 0;  font-size: 18px; font-weight: 500; transition: all 0.5s ease; border-radius: 0; text-decoration: none; width: 100%; }
.points-section ul li:hover {padding-left: 35px;}
.points-section ul li a:hover { color: #50321a; }
.points-section ul p { margin: 0;} 
.points-section .points-block { border: solid 1px #dcdcdc; border-radius: 10px; margin-top: 20px; padding: 10px; }
.points-section .points-block h2 { text-align: left; padding: 15px; font-size: 26px; }
.youtubeCntnr .ytLoader img.cover { max-width: 100%; }

/* about-us */
#page-3 .page {margin:0;}
#page-3 .page .youtube-shorts-home { padding-bottom: 40px; }
#page-3 .body .container { max-width: 100%;padding:0;}
#page-3 .body .container .container {max-width: 1500px;padding:0 20px;}
#page-3 .youtube-shorts-container { margin-top: 50px;     margin-bottom: 30px;}
#page-3 .body .breadcrumbs { margin-right: auto;  margin-left: auto; max-width: 1500px;padding-left:20px;padding-right:20px;}
#page-3 .body .page-heading { margin-right: auto;  margin-left: auto;max-width: 1500px;padding-left:20px;padding-right:20px;}
#page-3 .body nav.navBar.navBar--sub { margin-right: auto;  margin-left: auto;max-width: 1500px;padding-left:20px;padding-right:20px;}
#page-3 .body .youtube-shorts-home p { max-width: 1400px; margin-left: auto; margin-right: auto;padding-left:20px;padding-right:20px;}

#page-3 .left-right-section + .points-section { background: none;    padding-left: 0; padding-right: 0;}
#page-3 .points-section .points-block .points-head { padding: 20px 20px 0 20px; }
#page-3 .points-section .points-block h2 { padding: 0; }
#page-3 .points-section .points-block .points-head p { margin: 15px 0 0 0; }
#page-3 .page-content.page-content--centered { padding: 0 !important;}
#page-3 .text-coll-list {margin-bottom:40px;}

/* affiliate-program */
#page-457 .body { position: relative; }
#page-457 .body h1.page-heading { position: absolute; top: 20px; left: 0; right: 0; background: #ffffff; z-index: 5; max-width: 680px; border-radius: 0 0 50px 50px;    padding: 20px 10px 10px 10px; }
#page-457 .body ul.breadcrumbs { position: absolute; top: 0; left: 0; right: 0; background: #ffffff; z-index: 9; max-width: 680px; }

#page-457 .page {margin:0;}
#page-457 .page .youtube-shorts-home { padding-bottom: 40px;padding-top:40px; }
#page-457 .body .container { max-width: 100%;padding:0;}
#page-457 .body .container .container {max-width: 1500px;padding:0 20px;}
#page-457 .youtube-shorts-container { margin-top: 50px;     margin-bottom: 30px;}
#page-457 .body .breadcrumbs { margin-right: auto;  margin-left: auto; max-width: 1500px;padding-left:20px;padding-right:20px;}
#page-457 .body .page-heading { margin-right: auto;  margin-left: auto;max-width: 1500px;padding-left:20px;padding-right:20px;}
#page-457 .body nav.navBar.navBar--sub { margin-right: auto;  margin-left: auto;max-width: 1500px;padding-left:20px;padding-right:20px;}
#page-457 .body .youtube-shorts-home p { max-width: 1400px; margin-left: auto; margin-right: auto;padding-left:20px;padding-right:20px;}

#page-457 .body .left-right-section .container { background: #f7f7f7; padding: 0; border-radius: 20px; overflow: hidden; max-width: 1460px; }
#page-457 .left-right-section + .points-section { background: none;    padding-left: 0; padding-right: 0;}
#page-457 .points-section .points-block .points-head { padding: 20px 20px 0 20px; }
#page-457 .points-section .points-block h2 { padding: 0; }
#page-457 .points-section .points-block .points-head p { margin: 15px 0 0 0; }
#page-457 .page-content.page-content--centered { padding: 0 !important;}
#page-457 .text-coll-list {margin-bottom:40px;}

#page-457 .affiliate_banner_main .affiliate_program_content { position: relative; text-align: center; clear: both; padding: 60px 0; background: url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/cat-before.png) no-repeat left top, url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/cat-after.png) no-repeat right center; }

#page-457 .affiliate_banner_main { position: relative; }
#page-457 .affiliate_banner_main .affiliate_pro_img { position: relative; display: flex; }
#page-457 .affiliate_banner_main .affiliate_pro_img:before { background: url(../img/footer-top.png) no-repeat center; position: absolute; left: 0; bottom: 0; width: 100%; height: 19px; content: "";     transform: rotate(180deg);}
#page-457 .affiliate_banner_main .affiliate_pro_img img { width: 100%; }
#page-457 .body .affiliate_banner_main .container { max-width: 1100px; }
#page-457 .affiliate_banner_main .affiliate_program_content { text-align: center; padding: 0; position: relative; }
#page-457 .affiliate_banner_main .affiliate_program_content h2 { font-size: 45px; font-family: 'Oswald', sans-serif; line-height: 1.4; font-weight: 500; margin: 0; padding: 0; color: #000; }
#page-457 .affiliate_banner_img { padding-top: 30px; background: none;}

#page-457 .affiliat_advantages .affiliat_grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; align-items: inherit; }
#page-457 .affiliat_advantages .affiliat_grid .latest { background: linear-gradient(0deg, #eee8e5, transparent); padding: 20px; position: relative; border-radius: 20px; border: solid 3px #ece3e2; }
#page-457 .affiliat_advantages .affiliat_grid .latest .ad_img { position: absolute; top: -60px; left: 0; right: 0; }
#page-457 .affiliat_advantages .affiliat_grid .latest .ad_img_content { padding-top: 50px; }
#page-457 .affiliat_advantages .affiliat_grid .latest .ad_img_content h3 { font-size: 24px; color: #000000; font-family: 'Oswald', sans-serif; font-weight: 600; text-align: center; padding: 0 10px; margin: 0 0 20px 0; line-height: 1.2; }
#page-457 .affiliat_advantages .affiliat_grid .latest .ad_img_content p { font-size: 16px; line-height: 1.5; margin: 0 auto; padding: 0; width:100%;}

/**/
#page-158 .points-section { background: none; padding: 0; }
#page-158 .points-section:before { display: none; }
#page-158 .points-section .points-block { background: #f7f7f7; }

/**/
#page-158 .left-right-section {padding:0;}


.left-right-section { position: relative;padding:0 20px; }
.left-right-section .container { background: #f7f7f7; padding: 0; border-radius: 20px; overflow: hidden; max-width: 1460px; }
.left-right-section .choco-object { display: none; align-items: center; justify-content: center; position: absolute; top: 0; right: 0; }
.left-right-section .page-con-block { display: grid; grid-template-columns: 1fr 1fr; gap: 0px; }
.left-right-section .page-con-block:nth-child(2n) .image-box { order: 2; }
.left-right-section .page-con-block .text-box { padding: 30px; display: flex; align-items: center; justify-content: center; }
.left-right-section .page-con-block .image-box { display: flex; }
.left-right-section .page-con-block .image-box img { width: 100%; object-fit: cover; }
.left-right-section .text-box h2 { font-size: 18px; line-height: 1.4; margin: 0 0 10px 0; }
.left-right-section .text-box p { margin: 15px 0 0 0; font-size: 14px; line-height: 1.4; }
.left-right-section .page-con-block .text-box ul { width: 100%; margin: 0; padding: 0; background: none; }
.left-right-section .page-con-block .text-box ul li { display: flex; background: url(https://cdn11.bigcommerce.com/s-ham8sjk/images/stencil/original/image-manager/point-icon.png) no-repeat 0 2px; line-height: 1.5; background-size: 20px; padding: 0 0 0 30px; color: #000000; font-size: 16px; font-weight: 500; transition: all 0.5s ease; border-radius: 0; text-decoration: none; margin-bottom: 15px; }
.left-right-section .page-con-block .text-box ul li a { font-size: 16px; text-decoration: none; }
.left-right-section.border-box .page-con-block .image-box { border: solid 10px #f7f7f7; }
.left-right-section.border-box .page-con-block .image-box img { border-radius: 15px; }


.text-coll-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 20px; }
.text-coll-list .coll-box { border: solid 1px #dcdcdc; border-radius: 10px; padding: 20px; }
.text-coll-list .coll-box h2 { font-size: 18px; line-height: 1.4; margin: 0 0 10px 0; }
.text-coll-list .coll-box p { margin: 15px 0 0 0; font-size: 14px; line-height: 1.4; }



@media (max-width: 1700px){
.cocoa_dynamic_product_left{ margin-left:-3%; }	
}

@media (max-width: 1550px){
    .cocoa-dynamics-section::before {height: 250px;width: 130px;background-size: 70%;}
    .high-flavanol-details-img {justify-content: center;}
    .flavanol-details {padding-right: 20px;flex: 50%;max-width: 50%;}
	.cocoa_dynamic_product_right .productView .productView-details .productView-title{ font-size:50px; }
	.cocoa_dynamic_product_left{ margin-left:0; } 
}

@media (max-width: 1440px){
    .special-way-section::after {height: 180px;width: 190px;background-size: 190px;}
	.cocoa_dynamic_product_main_container{ padding-top:30px; }
	#page-457 .affiliate_banner_main .affiliate_program_content { background: none;}
}
@media (max-width: 1300px){
#productInfoElement .timer-item{ width:40px; height:40px; }
#productInfoElement .timer-value { font-size: 18px; line-height: 40px; }
#productInfoElement .card .card-body{ padding-left:20px; }
}
@media (max-width: 1200px){
    .cocoa-dynamics-section::before {display: none;}
    .flavanol-details {padding-right: 20px;flex: inherit;max-width: inherit;}
    .nutrition-fect-heading h3 {margin: 0;}
    .nutrition-fect-heading p {font-size: 25px;line-height: 32px;}
    .nutrition-fect-heading h3 {font-size: 32px;}
    .texts-with-img h4 {margin: 20px 0;}
    .cocoa-dynamics-section {padding: 70px 0;}
    .nutrition-fect-section {padding: 70px 0 70px 0;}
    .special-way-section {padding: 70px 0;}
    .flavanol-details a {font-size: 15px;}
    .special-way-section::after {height: 120px;width: 160px;background-size: 160px;}
    .cocoa-dynamics-section .nutrition-fect-heading {margin-bottom: 50px;}
    .desc-count p br{display: none;}
	.cocoa_dynamic_product_right .productView .productView-details .productView-title{ font-size:40px; }
	.cocoa_dynamic_product_right .productView .productView-price{ font-size:30px; }
	
	.points-section ul { grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 1100px){
#productInfoElement { gap: 0; flex-wrap: wrap; }
#productInfoElement > div{ flex-basis:100%; margin-bottom:20px; }
#productInfoElement .card .card-figure .productView-thumbs{ min-height:300px; }
#productInfoElement .card .slick-vertical .slick-slide{ margin-bottom:5px; }
.cocoaPowderDescImg img{ display:none; }
.cocoaPowderDescImg img + img{ display:inline-block; }
.cocoaPowderDescImg { padding-bottom:30px; text-align:center; }
}
@media (max-width: 1024px){
    .flavanol-details {padding-right: 0;}
    .high-flavanol-details-img {align-items: center;}
    
    #page-3 .body .left-right-section .container { background: none;}
    .left-right-section .container { background: none;}
    .left-right-section .page-con-block { grid-template-columns: 1fr; }
    .left-right-section .page-con-block:nth-child(2n) .image-box { order: 1; }
    .left-right-section .page-con-block:nth-child(2n) .text-box { order: 2; }
    .left-right-section .page-con-block { background: #f7f7f7; border-radius: 10px; overflow: hidden; margin-bottom: 20px;}
    .left-right-section .page-con-block:last-child {margin-bottom: 0px;}
}
@media (max-width: 991px){
    .circle-img-with-text {gap: 20px;}
    .desc-count p {font-size: 13px;line-height: 17px;}
    .desc-count {gap: 17px;}
    
    .text-coll-list { display: grid; grid-template-columns: 1fr 1fr;}
    .text-coll-list .coll-box:nth-child(3) { grid-column: 1/3;}
    
    #page-457 .affiliat_advantages .affiliat_grid { grid-template-columns: 1fr 1fr;}
    #page-457 .affiliat_advantages .affiliat_grid .latest { margin-bottom: 60px;}
    #page-457 .affiliat_advantages .affiliat_grid .latest:nth-child(3) { grid-column: 1/3;    margin-bottom: 0;}
}
@media (max-width: 870px){
    .high-flavanol-details-img {flex-direction: column;gap: 50px;}
   
    .special-way-section::after{display: none;}
    .special-way-section ul.way-list {column-count: 1;}
	.flavanol-details, .flavanol-img{ width:auto; }
}

@media (max-width: 767px){
    .circle-img-with-text {flex-direction: column;}
    .left-number-text, .center-circle-img, .right-number-text {flex: 100%;width: 100%;}
    .desc-count p {font-size: 17px;line-height: 27px;}
    .left-number-text .desc-count {flex-direction: row-reverse;}
    .left-number-text .desc-count:first-child p {margin-right: inherit;margin-left: 18px;}
    .desc-count{text-align: start;}
    .nutrition-fect-heading h3 {font-size: 25px; line-height:normal;}
    .nutrition-fect-heading p {font-size: 16px;line-height: 22px;margin-top: 15px;}
    .nutrition-fect-heading p br{display: none;}
    .flavanol-details h5 {font-size: 15px;line-height: 20px;margin: 10px 0;}
    .nutrition-fect-heading {margin-bottom: 25px;}
    .special-way-section {padding: 50px 0;}
    .cocoa-dynamics-section {padding: 50px 0;}
    .nutrition-fect-section {padding: 50px 0 50px 0;}
    .special-way-section .nutrition-fect-heading p {font-size: 16px;line-height: 22px;}
    .texts-with-img h4 {font-size: 16px;}
    .flavanol-details a {padding: 15px 20px;}
    .texts-with-img a {font-size: 15px;line-height: normal;}
    .flavanol-details h4 {font-size: 20px;}
    .cocoa-dynamics-section .nutrition-fect-heading {margin-bottom: 20px;}
    .flavanol-img img{width: 100%;}
    .special-way-section .texts-with-img img{max-width: 100%;}
	
	.cocoa_dynamic_product_main_container{ flex-wrap:wrap; }
	.cocoa_dynamic_product_left{ width:100%; order:2; padding-top:0; }
	.cocoa_dynamic_product_right{ width:100%; padding-left:0;order:1; } 
	.cocoa_dynamic_product_main{ background:#f5f5f5; }
	.cocoa_dynamic_product_right .productView-options{ margin-bottom:0; }
	.cocoa_dynamic_product_right .productView-availability{ margin-bottom:0; }
	.cocoa_dynamic_product_right .productView .productView-details .productView-title{ font-size:30px; }
	.navBar--sub.navBar--account .dropdown-menu-button {padding: 10px;display: flex; justify-content: space-between; align-items: center;}
	#___ratingbadge_0{ width: 165px; height: 54px; }
	#___ratingbadge_0 iframe{  top:auto !important; bottom:0 !important; height:54px !important; }
	
	.points-section ul { grid-template-columns: 1fr;}
	
	.text-coll-list { display: grid; grid-template-columns: 1fr;}
	.text-coll-list .coll-box:nth-child(3) { grid-column: inherit;}
}

@media (max-width: 640px){
    .button {line-height: 1.2; padding: 6px 20px;}
	.breadcrumbs{ display:block; }
	.static-sidebar .cart-actions a.button.button--primary{ line-height:30px; }
	
	.left-right-section .page-con-block .text-box { padding: 20px;}
	.points-section .points-block h2 { font-size: 20px;}
	.left-right-section .page-con-block .text-box ul li a,
    .left-right-section .page-con-block .text-box ul li {font-size:14px;}
    .left-right-section .page-con-block .text-box ul li { background-size: 14px; padding: 0 0 0 25px; margin-bottom: 10px; }

    #page-457 .affiliate_banner_main .affiliate_pro_img:before { height: 9px; background-size: 900px;}
    #page-457 .body ul.breadcrumbs {position:static;}
    #page-457 .body h1.page-heading {position:relative;padding:0 20px;top:0; border-radius: 0 0 20px 20px;}
    #page-457 .affiliate_banner_main .affiliate_pro_img { margin-top: -30px;}
    
    #page-457 .affiliate_banner_main .affiliate_program_content h2 {font-size:30px;}
    #page-457 .affiliate_banner_main .affiliate_program_content { margin-top: 30px;}
    #page-457 .affiliat_advantages .affiliat_grid { grid-template-columns: 1fr; gap: 80px;}
    #page-457 .affiliat_advantages .affiliat_grid .latest:nth-child(3) { grid-column: inherit;}
    #page-457 .affiliat_advantages .affiliat_grid .latest {margin-bottom:0;}

    #page-457 .page .youtube-shorts-home { padding-bottom: 0;}

}
@media (max-width: 550px){
    
#productInfoElement .card { flex-wrap: wrap; }
#productInfoElement .card .card-figure, #productInfoElement .card .card-body{ flex-basis:100%; }
#productInfoElement .card .card-figure{ margin-bottom:25px; }
#productInfoElement > div{ padding:20px 20px 30px 20px; } 
#productInfoElement .card .card-body{ padding-left:0; }
#productInfoElement .card .card-figure > a{ flex-basis:80%; }
#productInfoElement .card .card-figure .productView-thumbs{ flex-basis:20%; margin-top:0; }
#productInfoElement .card .card-figure .productView-thumbs { min-height: 315px; }
.deal-of-the-day h2.secTitle{ font-size:24px; }

.cntctpageInfo .blockRight{font-size: 14px;}
.pageSideBar + .productCategoryCompare .productGrid .product{width:100%;}

.page nav.navBar ul.navBar-section { display: grid; gap: 10px !important; grid-template-columns: 1fr 1fr;}
.page nav.navBar ul.navBar-section li.navBar-item { margin: 0; display: flex; width: 100%;}
.page nav.navBar ul.navBar-section li.navBar-item a { width: 100%; display: flex; align-items: center; justify-content: center;}

.points-section h2 { font-size: 26px; text-align: left; padding: 30px 0 20px 0;}
.points-section ul {  padding: 0;}
.points-section ul li { padding: 0 0 0 25px; font-size: 15px; background-size: 16px;}
.points-section ul li a { padding: 0; font-size: 15px; background-size: 16px;}

#page-3 .points-section .points-block .points-head { padding: 10px; }
#page-3 .points-section .points-block ul { padding: 10px; }

.youtube-text.youtube-bottom { padding: 0 20px;}
#page-3 .body .youtube-shorts-home p { font-size: 14px; line-height: 1.5;}


}

@media (max-width: 480px){

    #page-3 .youtube-shorts-container { margin-top: 30px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px;}
    
    #page-457 .affiliat_advantages { padding: 50px 0 30px 0; }
    #page-457 .affiliate_banner_main .affiliate_program_content h2 { font-size: 20px; }
    #page-457 .affiliate_program_content p { font-size: 14px; line-height: 1.5; margin: 15px 0 0 0; }
    #page-457 .affiliat_advantages .affiliat_grid .latest .ad_img_content h3 { font-size:20px; }
    #page-457 .affiliat_advantages .affiliat_grid .latest .ad_img_content p { font-size:14px; }
    #page-457 .affiliate_marketing_p p { font-size: 14px; line-height: 1.5; }
    

}
 
.body{ margin:0; }
.form-prefixPostfix .form-input, .form-prefixPostfix .button, .form-input, .form-select, .estimator-form-input .form-select, .cart-total .form-input{ height:46px; }
.card-body .yotpo-bottom-line-scroll-panel{ justify-content:center; }
.dropdown.dropdown--quickSearch.is-open .resultsContainer article.card .card-body{ padding:12px; }
.dropdown.dropdown--quickSearch.is-open .resultsContainer article.card .card-body .card-text .price-flex{ justify-content: left;   font-size: 14px; }
.dropdown.dropdown--quickSearch.is-open .resultsContainer article.card .card-body .card-text .price.price--withoutTax{ font-size:14px; }
ul.videotabs{ margin:0 0 30px; padding:0; list-style:none; border-bottom:1px solid #eaeaea; }   
ul.videotabs li span{ color: #000; background: #f5f5f5; position: relative; border: 1px solid #c8c8c8; font-size: 17px;  -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; font-weight: 600; display:inline-block; padding:10px 28px 10px 28px; }
.singlevideoproductpage .videoGallery{ border:0; margin:0 0 20px; padding:0; }

.form-actions .button, .form-actions a, .form-actions input { height: auto;}
table.cart .cart-item-quantity .form-increment .form-input--incrementTotal { height:40px; }


@-webkit-keyframes marquee { 0% {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	visibility:visible
	} 100% {
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
	}
}
@keyframes marquee { 0% {
	-webkit-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
	visibility:visible
	} 100% {
	-webkit-transform:translate3d(-100%, 0, 0);
	transform:translate3d(-100%, 0, 0)
	}
}

.marquee-promotion { display:-webkit-box; display:-ms-flexbox; display:flex; overflow:hidden; padding-top:19px; padding-bottom:20px; background-repeat:no-repeat; background-position:center; background-size:cover!important; color:#fff; background:#2a6876 }
.marquee-promotion svg { width:18px; height:24px; fill:#fffc00 }
.marquee-promotion .marquee-promotion-list { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:-webkit-max-content; width:-moz-max-content; width:max-content; will-change:transform, width; -webkit-animation:marquee 25s infinite linear; animation:marquee 25s infinite linear }
.marquee-promotion .marquee-promotion__item { position:relative; font-size:14px; font-weight:700; text-transform:uppercase; color:#fff; text-decoration:none; margin-left:30px; margin-right:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center }
.marquee-promotion .marquee-promotion__item svg { margin-right:15px }
.marquee-promotion .marquee-promotion__item:nth-child(2n) { color:#fff }

@media screen and (max-width:750px) {
	.marquee-promotion .marquee-promotion-list { -webkit-animation:marquee 90s infinite linear; animation:marquee 90s infinite linear }
	.marquee-promotion .marquee-promotion__item { margin-left:30px; margin-right:30px }
}
@media screen and (min-width:990px) {
	.marquee-promotion:hover .marquee-promotion-list { -webkit-animation-play-state:paused; animation-play-state:paused }
	.marquee-promotion .marquee-promotion__item:hover { opacity:.8; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out }
	.marquee-promotion .marquee-promotion__item:nth-child(2n):hover { opacity:.8 }
}

.card-body .form.swatches--round .form-field select{ background: #fff; border: solid 1px #ddd; border-radius: 5px; padding: 9px 10px; width: 100%; }
.add-to-cart-buttons .form-action.form-addToCart.CardButton{ margin-top: 15px; }