body {padding-top: 85px;font-family: 'Open Sans', sans-serif;font-display: swap;}
img {max-width: 100%;height: auto;}
.mobhi{display: none;}
.mobsh{display: block;}

.navbar span {margin-right: -20px;}
	.downdown-img img {
	    max-height: 25px;
	    padding: 0 10px 0 0;
	    margin-left: -4px;
	}
h4 {padding-top: 10px;}
.prodimg { background-position: center center;background-repeat: repeat-x;background-size: cover; height: 411px;border-top: 3px solid rgb(74, 189, 172);border-bottom: 3px solid rgb(74, 189, 172);margin-bottom: 30px}
	.prodimg img {max-height: 360px;border: 3px solid rgb(74, 189, 172);}
	.prodimg-score {background: rgb(74, 189, 172);padding: 15px;color: #fff;float:right;margin-right: -15px;}
	.prodimg-title {background: rgb(74, 189, 172); text-align: left; margin-top: 0; font-size: 40px;width: auto; color: white;position: absolute;bottom: 0;left:auto; margin-bottom: 20px;padding:2px 15px 15px 15px;max-width: 95%;opacity: .97;margin-left: -15px;}
    .prodimg-ratings {color: #fff; border: 3px solid rgb(74, 189, 172);background: rgb(74, 189, 172); padding: 20px 0 20px 0}
        .prodimg-ratings img {float: right;}
        .prodimg-ratings img:hover {opacity: 0.4}

        .prodimg-ratings-score {float: right;}
		.prodimg-ratings-score .fa-star, .revsc .fa-star {background: #ffd700; color: #ffd700}
		.prodimg-ratings-score .fa-star-o, .prodimg-ratings-score .fa-star-half-o, .revsc .fa-star-o, .revsc .fa-star-half-o {background: #f2f2f2; color: #f2f2f2;}
  
		.tab-buttons {background: #4abdac;padding: 22px 20px 10px;height: 70px;color:#fff;float: right;}
			.tab-buttons-mob {background: gold;border: 1px solid gold; color:#fff; border-radius: 10px;;}
		.tab-buttons:hover {background: #f25c00;}
		.mobtabs {padding: 0 0 0 5px;padding-bottom: 10px;}
.capt {background-color: #4abdac;
    z-index: 9;
    position: relative;
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    font-size: 18px;
    margin: -50px 0 0 -20px;}
.caption-sub {font-size: 14px;}
.list-unstyled li {border-bottom: 1px solid #f2f2f2;padding: 4px 0;padding: 4px 5px 9px 5px;}
.revflags {margin-left: 10px;}
.value {float: right;}

	.weblinklogo {background: rgb(74, 189, 172); border: 4px solid rgb(74, 189, 172); border-top: none; text-align: right; width: auto; float: right;margin-right: 15px;}

	.gt {background: gold; text-align: center;padding: 10px 5px 3px 5px;}
	.gb {background: #f9f9f9; text-align: center;padding: 10px 5px 3px 5px}
	.gtb {background: gold; text-align: center;padding: 10px 5px;}
	.mobsh.gt, .mobsh.gb {border-radius: 0}


.amzndvl {padding-left: 0;}
	.amzndvr {padding-right: 0;}
	.amznb {border-radius: 10px;}
	.amznb:hover {opacity: .8;}

.kcalcosta {background: rgb(74, 189, 172);color:white;padding: 8px;border-radius: 10px 10px 0 0;}
.kcalcostb {background: rgba(74, 189, 172, 0.2);padding: 8px 0 4px 8px;margin-bottom: 15px;border-radius: 0 0 10px 10px;}
.subdisc {border-radius: 10px; margin-top: 17px;}
.revcomform {background: rgba(74, 189, 172, 0.2); border-radius: 10px;padding: 5px 15px 5px 15px;}


.dietary-tags{border-radius:8px!important;padding:6px;box-shadow:0 0 1px 0 rgba(0,0,0,.1);display:inline-block;width:100%;font-size:16px;height:35px;background-color:#f9f9f9;margin:8px 0 0 0;}
.dietary-tags:hover{background-color:#f25c00;color:#fff!important;}
.dietary-tags img {width: 25px; height: auto;float: right;}
#macrosplit {max-width: 200px;
    max-height: 200px;
    margin-right: -15px;
    float: right;
	}
.comment:nth-child(odd) {
    background: #f9f9f9;
    border-radius: 10px;
    margin-bottom: 20px;
	padding: 10px 20px 10px 30px;
	}
	.comment:nth-child(even) {
		margin-bottom: 20px;
		padding: 25px;
	}
	.share-comments-scrs {
		float: right;
	    margin: 0 0 10px 14px;
	    background: #fafafa;
	    margin: 0;
	    padding: 10px 10px 0;
	    font-size: .9em;
	    border: 2px solid #fff;
		}
	.revsc {
		margin-right: 10px;
		font-size: 14px;
		border-bottom: 1px solid #f5f5f5;
		}
	.share-comments{width:100%;text-align:right;padding:0px 10px 0px 2px;}

.resp-sharing-button{border-radius:3px;font-size:10px;width:21px;height:20px;margin-top:3px;
	font-size: 10px;
    width: 30px;
    height: 30px;
    padding: 7px;
    border-radius: 5px;}


.resp-sharing-button__link,.resp-sharing-button__icon{display:inline-block;}
.resp-sharing-button__link{text-decoration:none;color:#fff;margin: 3px 0 0 0;}
.resp-sharing-button__icon svg{width:1.5em;height:1.5em;display:block;margin:auto;margin-right:0.4em;vertical-align:top;}
.resp-sharing-button--small svg{margin:0;vertical-align:middle;}
.resp-sharing-button__icon{stroke:#fff;fill:none;}
.resp-sharing-button__icon--solid{fill:#fff;stroke:none;}
.resp-sharing-button--email{background-color:#777;}
.resp-sharing-button--email:hover{background-color:#5e5e5e;}
.resp-sharing-button--facebook{background-color:#3b5998;border-color:#3b5998;}
.resp-sharing-button--facebook:hover,.resp-sharing-button--facebook:active{background-color:#2d4373;border-color:#2d4373;}
.resp-sharing-button--twitter{background-color:#55acee;border-color:#55acee;}
.resp-sharing-button--twitter:hover,.resp-sharing-button--twitter:active{background-color:#2795e9;border-color:#2795e9;}
.resp-sharing-button--reddit{background-color:#5f99cf;border-color:#5f99cf;}
.resp-sharing-button--reddit:hover,.resp-sharing-button--reddit:active{background-color:#3a80c1;border-color:#3a80c1;}
.resp-sharing-button {}

/* links */
.gt a:hover, .gb a:hover, .list-unstyled a:hover {color: #676767;}
a.anchor {
    display: block;
    position: relative;
    top: -94px;
    visibility: hidden;
}
.tooltip {min-width: 100px;}
.footer {
    background: #333;
    color: #fff;
    margin: 40px 0 0 0;
    }
.to_top.btn {
    position: fixed;
    right: 20px;
    bottom: 15px;
    width: 30px;
    height: 30px;
    display: none;
    z-index: 3;
    padding: 0;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    background: #4abdac;
    font-size: 20px;
    color: #fff;
}

.shaker-bottle {
    animation-name: spin;
    -webkit-animation: spin .2s linear infinite;
    -moz-animation: spin .2s linear infinite;
    animation: spin .2s linear infinite;
    animation-iteration-count: 2;
	animation-delay: 2s;
}

.top10side {border-radius: 10px;padding: 10px 20px;border:2px solid rgba(74, 189, 172, 0.2);}
.top10side li {
    border-bottom: 1px solid #f2f2f2;
    padding: 4px 0;
    padding: 4px 5px 9px 5px;
    }
pre {background: rgba(74, 189, 172, 0.2);
    border-radius: 10px;
	padding: 6px 12px;}
.review-cta {background: #4abdac;color:#fff; width: 100%}
	.review-cta:hover {background: #f25c00;}
/*.no-gutters {padding-left: 0px}*/


.jumbotron {height: 300px;color: #fff;display: flex;
    align-items: center;}
#jumbotron img {box-shadow: 0 0 5px 0 rgba(0,0,0,.1); width:381px;height:254px}
.jumbotron .btn-default {
    float: right;
    margin-left: -4px;
    border-radius: 0 10px 10px 0;
    margin: -51px 0 0 30px;
}


.jumbotron .form-control {border-radius: 10px;}
.section-title {text-transform: uppercase;margin-top: 30px;margin-bottom: 10px}
.section-title::before {
    background-color: #4abdac;
    content: "";
    display: block;
    height: 5px;
    margin: 0 0 1rem;
    width: 32px;}
#top-revs .col-md-4 {width: 100%;}

a.capt {color: #fff;}
a.capt:hover {color: gold}
.revs {position: relative;}
.revs .rev {position: absolute;
    left: -18px;
    top: 5px;
    height: 80px;
    z-index: 9;}
.g-bar {background: #333333;display: flex;align-items: center;color:#f2f2f2;text-align: center; padding-top: 10px;padding-bottom:10px;}
.logo-bar {height: auto;margin: auto 0;overflow: hidden;}
.logo-bar img {border-radius: 40px;margin: 7px;height: 80px;width: 80px;}

.tags {background: rgba(74, 189, 172, 0.2);
    border-radius: 10px;
    padding: 5px 15px 5px 15px;}

.btn-default .badge {
    text-align: right;
    font-size: 20px;
    color: #fff;
    background-color: #333;
    width: 46px;
}
.badge {padding: 0 5px; margin-left: 4px; line-height: 24px;}
.news .col-sm-4 {margin-bottom: 25px;}
.ecstats a {width: 100%;text-align: left;color:#fff; margin-bottom: 10px;}
.ecstats a:last-child {margin-bottom: 0}
.modal-body {color: #2b2b2b;}
#foodalyzerm {border-radius: 8px;color: #fff;width:100%;}
a.btn.btn-default {color: #fff;border-radius: 5px}
.discontinued {display: none;}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {
}
@media only screen and (min-width:480px) {

}



@media only screen and (min-width:768px) {
	.mobhi{display: block;}
	.mobsh{display: none;}
	#jumbotron img {width: 750px;min-height: 350px;height:auto;}
	#most-revs .col-md-4 {width: 50%;}
	.no-gutters {margin-left: -15px;margin-right: -15px;}
    .section-title {margin-top: 40px}
	.prodimg-score {margin-right: 0;}
	.prodimg-title {margin-left: 0;}
	.gt {border-radius: 10px}
	.gb {border-radius: 0 0 10px 10px;}
	.gtb {border-radius:  0 0 10px 10px;}
	.comment:nth-child(even) {padding: 10px 20px 10px 28px;}
	.capt {font-size: 25px;}
    .caption-sub {font-size: 16px;}
    .g-bar {padding: 20px 0;}
    .logo-bar {height: 80px;}
    .logo-bar img {margin: 0 7px 0 7px}
    .ecstats a {width: auto;}
    .ecstats a:last-child {margin-bottom: 10px}
    img.revim {float: right;}
    .jumbotron .form-control{border-radius: 10px 0 0 10px}
    .jumbotron .btn-default {margin: 0 0 0 -4px;border-radius: 0 10px 10px 0;float: none;}


}
@media only screen and (min-width:1024px) {
}
@media only screen and (min-width:1140px) {

}

@media only screen and (min-width:1280px) {
	 /*.col-6-revs {float: left;font-size: 16px;color: white;}*/
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
     only screen and (min-resolution:144dpi) {

}

/*logo spin*/
@-moz-keyframes spin{40%{-moz-transform:rotate(60deg);}}
@-webkit-keyframes spin{40%{-webkit-transform:rotate(60deg);}}
@keyframes spin{40%{-webkit-transform:rotate(45deg);transform:rotate(45deg);}}