:root{
	--default:#000;
	--textDark: #4A4A4A;
	--textGray: #9B9B9B;
	--shade: #f3f4f5;
	--gray:#eee;
	--cta: #4172b8;
	--green: #146c2e;
	--accent: #4172b8;	
	--mobBG: #051d4d;

}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}img{margin:0;padding:0;border:0;outline:0;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}a:focus{outline:0;text-decoration:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}a:hover{text-decoration:none}::-webkit-input-placeholder{opacity:1}:-moz-placeholder{opacity:1}::-moz-placeholder{opacity:1}:-ms-input-placeholder{opacity:1}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}
a{color: var(--cta)}
a:hover{color: var(--accent)}
.container{max-width:1000px;}

body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
    line-height: 1.45em;
    color: var(--default);
    background-color: #fff;
	min-width: 320px; overflow-x: hidden;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
} 


.container-fluid{padding: 0px;}
.page.container {max-width: 1200px;}
header .navbar-toggler{z-index: 999;}
header .navbar-toggle-icon-bar					{vertical-align: middle;display: inline-block;height: 18px;}
header .navbar-toggler .icon-bar 				{background-color: #8d8d8d; width: 18px; height: 3px;}
header .navbar-toggler .icon-bar					{display: block; width: 22px; height: 2px; border-radius: 1px;}
header .navbar-toggler .icon-bar + .icon-bar 	{margin-top: 4px;}
header img {max-height: 50px;}


.navbar {padding: 10px 5%;border-bottom: 1px solid rgba( 0,0,0,0.08 ); background: #e2f6ff;}
.nav-item a { font-size: 16px; line-height: 40px;color:rgba(61, 61, 61, 0.8);font-family: 'Montserrat', sans-serif; padding: 0 12px;font-weight: 700; text-transform: uppercase}


main {padding-top: 140px;}
.post-categories { font-size: 11px; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; text-align: center; font-family: 'Montserrat', sans-serif;}
.post-meta-content {display: inline-block; margin: 15px auto;}
.post-meta-content *{color: #8d8d8d; font-size: 11px; line-height: 19px;font-family: 'Montserrat', sans-serif; font-weight: 400;}
.post-meta img {transition: 0.3s all ease-in-out; border-radius: 50px !important}
.post-meta img:hover {filter: grayscale(0%);}
.post-meta-content span {position: relative;}
.post-meta .icon {margin: 0 5px;  width:13px; height: 13px; display: inline-block; background-image: url(../img/icon.png); background-repeat: no-repeat; background-position: 0 0;  position: relative; bottom: -2px;}
.post-meta .icon.clock{background-position: -99px -96px;}
.post-meta .icon.eye{background-position: -120px -96px;}
.post-author-date:after, .post-readtime:after{content: " ";display: block; position: absolute;background-color:red;width: 1px; z-index: 9999; right: 0;}


.socialShare{width: 80px;margin-left: -80px; float: left;}
.socialLink {padding: 0; list-style: none;}
.socialLink li {border: 1px solid #f0f0f0;display: inline-block; border-radius: 5px; margin-bottom: 10px; transition: all ease-out 0.5s;-webkit-transition: all ease-out 0.5s;}
.socialLink a {width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;}
.socialLink .icon {width:18px; height: 18px; display: inline-block; background-image: url(../img/icon.png); background-repeat: no-repeat; background-position: 0 0;  }
.socialLink li:hover {box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.07)}
.socialLink .icon.twitter{background-position: -16px -188px;}
.socialLink .icon.facebook{background-position: -39px -188px;} 
.socialLink .icon.google{background-position: -62px -188px;} 
.socialLink .icon.pinterest{background-position: -85px -188px;} 
.socialLink .icon.comment{background-position: -108px -188px;} 





.post-title a{font-family: 'Montserrat', sans-serif; font-weight: 700;font-size: 36px; line-height: 40px; color: #505050; margin-bottom: 8px; display: block; margin: 0 auto; width: 90%;}

article p {line-height: 1.75;}
article p:not(:last-of-type){margin-bottom: 1.25rem}



.post-content h2 {font-size: 26px;    padding-top: 15px;margin-bottom: 25px;font-family: 'Montserrat', sans-serif; font-weight: 700;}

.product_banner{padding-top: 20px; padding-bottom: 20px; background-image: url("../img/prodBG.jpg"); background-size:  1000px; background-position: center bottom -100px; margin-bottom: 2rem; margin-left: 0; margin-right: 0; background-repeat: no-repeat; border-radius: 5px;}
.product_img img{height:270px !important}


.page.container .article{padding: 0;}
.page.container article p{ font-size: 14px; line-height: 25px; color:#616161; }


footer{margin-top: 130px; padding-bottom: 50px;}
.footer-menu  {     -ms-flex-pack: center!important;
    justify-content: center!important;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; gap:30px;}

.footer-menu a, .footer-menu a:hover{color: #212529}
.footer-menu a{position: relative}
.footer-menu a:not(:first-of-type):before{content: "|"; display: block; width: auto; height: 100%; position: absolute; left: 0; transform: translateX(-15px)}


.references{padding-left: 20px;}
.references li {
    list-style: numbers;
	margin-bottom: 1.25rem;
    font-size: 12px;
    word-wrap: break-word;
}

.disclosure{font-size: 0.875rem; margin: 3.75rem 0}




br.gap{ display: block; width: 100%;content: "";}
br.gap::after {
  content: "";
  display: table;
  clear: both;
}

.review { background: var(--shade); padding: 35px 0; margin: 0 auto 50px;position: relative;}
.review .mxwdth{padding: 20px; background: #fff;}
.review .row{margin: 0;}
.review .row >.col, .review .row >[class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.revHeader {margin-bottom: 1rem !important}
.revHeader h4{font-size: 2.125rem; font-weight: 700}
.revHeader h4 a {color: black}

.rank{max-width: 100px; height: 100px; background-size: contain; background-repeat: no-repeat;}
.rank.gold{background-image: url('../img/goldseal.png');}
.rank.silver{background-image: url('../img/silverbadge.png');}
.rank.bronze{background-image: url('../img/bronzebadge.png');}
.rank.bronze{background-image: url('../img/bronzebadge.png');}
.rank.four{background-image: url('../img/4badge.png');}
.rank.five{background-image: url('../img/5badge.png');}
.mxwdth{max-width: 800px; margin-left: auto; margin-right: auto}


.revProduct{border: solid 1px var(--gray); }
.revProduct > .col{padding-top: 20px; padding-bottom: 20px; text-align: center}
.revProduct img {max-height: 150px;}





.circ{/*-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,0.5));-moz-filter:drop-shadow(0 2px 4px  rgba(0,0,0,0.5));filter:drop-shadow(0 2px 4px  rgba(0,0,0,0.5));*/ }



.revCircle{width: 128px; height: 128px;position: relative; margin-left: auto; margin-right: auto}
.circ {height:100%;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);width:100%;fill: none; position: absolute; left: 0}
.circ_bg{fill:none;stroke:#75838e;stroke-width:2;stroke:var(--green);}
.circ_bar{fill:none;stroke:var(--gray);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-width:3;transition:stroke-dashoffset 3s ease-out; transition-delay: 100ms;}

.cirData{display: flex; height: 100%; top: 0; text-align: center;position: absolute;justify-content: center!important;     align-items: center!important; width: 100%; flex-direction: column; z-index: 9; }
.cirData h5 {font-weight: 700; font-size:1.5rem; color: var(--textDark)!important ; margin-bottom: 0; line-height: 1}
.cirData p {color: var(--textGray)!important ; line-height: 1}

.revGrade h5{font-size: 5.625rem; font-weight: 700; line-height: 1; margin: 0;}
.revGrade p {font-weight: 700; text-transform: uppercase;}



.ratings{margin-top: 2.25rem; margin-bottom: 2.25rem;}

.ratings li{gap:30px;    padding: 12px 0; border-bottom: 2px solid #F0F0F0; font-weight: 700; color: var(--textDark); 
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right:0;
    margin-left: 0;}

.ratings li > .col{padding: 0}
.ratings li h5 {font-size: 1rem;  text-transform: uppercase;  font-weight: 700; }
.rateAverage{max-width: 60px; text-align: right}



.tip{padding-right: 20px; position: relative; display: inline-block}
.tt{cursor: pointer; background-image: url("data:image/svg+xml,%3Csvg  aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='%23DCDCDC' viewBox='0 0 20 20'%3E%3Cpath d='M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size:16px; background-position: center right; width: 16px; height: 16px; font-size: 0.1px; display: block; display: block; position: absolute; right: 0; top: 0;transition: all 0.3s ease;}
.tt.on{background-image: url("data:image/svg+xml,%3Csvg  aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='%23a3a6a9' viewBox='0 0 20 20'%3E%3Cpath d='M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z'/%3E%3C/svg%3E"); transform: scale(1.2)}

.tooltip.show{opacity: 1; box-shadow: 0px 4px 8px 0px rgba(100, 102, 106, 0.15), 0px 8px 16px 0px rgba(100, 102, 106, 0.33); top: 10px!important; z-index: 999; position: relative; background: #fff;}
.tooltip .arrow::before{   display: none}
.tooltip-inner {background-color: white !important; opacity: 1; color: black !important;     max-width: 600px;  font-size: 1rem; padding:6px 12px; text-align: left}



.progress{width: 100%;height: 20px; border-radius: 10px}
.progress-bar{background-color: var(--green); height: 20px;font-size: 0.625rem; text-align: right; padding-right: 15px;border-radius: 10px; text-transform: uppercase; font-weight: 500}

.badges {margin: 1rem !important }
.badges .col {max-width: 100px; height: 100px; background-repeat: no-repeat; background-size: contain; }
.badges .col.sixtydayG {background-image: url("../img/100garantie.png"); }
.badges .col.madeinusa {background-image: url("../img/usa.png"); }
.badges .col.naturalingredients {background-image: url("../img/natural.jpg"); }



.list li{margin-bottom: 1.25rem; padding-left: 20px; position: relative}
.list li:before{content: ""; display: block; width: 6px; height: 6px;  position: absolute; left: 0; top: 0; margin-top: 0;  background-size: 18px !important}
.list.pros li, .list.cons li {padding-left: 26px;}
.list.pros li:before,
.list.cons li:before{width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: 12px;}
.list.pros li:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%232A7A0D' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");}
.list.cons li:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23D71A19' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");}






.review .list li {margin-bottom: 0.75rem !important; color: var(--textDark)}

.proscons{margin-top: 2.25rem!important; margin-bottom: 1.25rem!important; overflow: hidden;}
.proscons .col{padding: 1.25rem !important}

.proscons .col:first-child{background: #eefff8}
.proscons .col:last-child{background: #fff1f1}

.proscons h3 {font-size: 1.625rem; font-weight: 700; margin-bottom: 1.25rem}

.Disclaimer{font-size: 0.75rem; font-style: italic}


.cta_text{color: gray; font-weight: 600; text-align: center; font-size: 0.875rem; margin: 0 auto; position: relative; display: inline-block}
.cta_text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px; background: red;
}



.btn {	font-weight: 800 !important; width: 100%;
	color: #000;
	font-size: 24px;
	height:75px; 
    border-color: #000000;
    border-width: 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #ffce36;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffce36), color-stop(100%, #ffc718));
    background: -webkit-linear-gradient(top, #ffce36 0%, #ffc718 100%);
    background: -moz-linear-gradient(top, #ffce36 0%, #ffc718 100%);
    background: -ms-linear-gradient(top, #ffce36 0%, #ffc718 100%);
    background: -o-linear-gradient(top, #ffce36 0%, #ffc718 100%);
    background: linear-gradient(to bottom, #ffce36 0%, #ffc718 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffce36, endColorstr=#ffc718, GradientType=0);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.5), inset 0px 0px 0px 1px rgba(255,255,0,0.5);
	text-shadow: #ffff00 0px 1px 0px;
	margin-bottom: 20px;
	white-space: normal;display: flex;justify-content: center; align-items: center; margin-left: auto; margin-right: auto; font-family: 'Roboto', sans-serif;}


.btn {animation:  pulsing 2s ease-in-out infinite;  transition: all 0.2s ease;  }
.btn:hover,.btn:active,.btn:focus {animation: none; transform:scale(1.0725); color: #000;}
.btn span {background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 12 10'%3E%3Cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 9 4-4-4-4M1 9l4-4-4-4'/%3E%3C/svg%3E"); background-position: right; padding-right: 30px; background-repeat: no-repeat; background-size: 20px; text-wrap:wrap; line-height: 1rem}

.btn.fit{width: fit-content;}


.coloredBg {
	display: block;
    font-size: 24px;
    text-align: center;
    background-color: var(--accent);
    color: white; margin-bottom: 1.5rem;
    font-weight: 600;
    padding: 20px;
    box-shadow: 0px 0px 20px 0px rgba(3, 27, 78, 0.1);
}
.Disclaimer{font-size: 0.75rem!important; font-style: italic; }



@keyframes pulsing {
    0% {
        box-shadow: 0 0 0 0 rgba(0,0,0, 0.5);
    }

    70% {
        box-shadow: 0 0 0 10px transparent
    }

    100% {
        box-shadow: 0 0 0 0 transparent
    }
}



@media (max-width: 767.98px){
.article {padding-left: 15px;}	
	.socialShare {display:none;}
	.post-title a {font-size: 24px; line-height: 26px;}
	.nav-item {width: 100%; border-top: solid 1px #eaeaea; text-align: center;}
	.navbar-nav {margin-right: -6%;margin-left: -6% !important; margin-top: 15px;}
	.nav-item a {font-weight: 300;}
}


@media (min-width: 577px) {
.revorder:nth-child(2){order: 1; max-width: 200px; border-right: solid 1px var(--gray);  }
.revorder:first-child{order: 2;  }
.revorder:last-child{order: 3; max-width: 200px; border-left: solid 1px var(--gray); }

}


@media (max-width: 768px) {
	main {padding-top: 70px;}
	header img {max-height: 30px !important}
	.btn{letter-spacing: 1px !important}
	.footer-menu {gap:10px}
	.footer-menu a:not(:first-of-type):before{transform: translateX(-7.5px)}
	article h1 {font-size: 1.75rem; }
	.product_img {max-width: 100%; text-align: center}
	.product_img img{height:auto!important; max-width: calc(100% - 30px); max-height: 150px}
}

@media (max-width: 576px) {
	.navbar{padding-top: 5px; padding-bottom: 5px;}
	.revProduct > .col:first-of-type{min-width: 100%; border-bottom: solid 1px var(--gray)}
	.ratings li {gap:10px}
	.ratings li > .col:first-of-type{min-width: 100%; }
	.badges .col {width: 80px; height: 80px;}
	.btn{padding-left: 15px; padding-right: 15px; font-size: 1rem !important}
	.proscons .col{min-width: 100%; position: relative}
	.proscons .col:not(:last-of-type):before{width: 100%; height: 1px; top: auto; bottom: 0; right: 0; margin-bottom: -20px; margin-right: 0} 
	
	.review{padding-left: 25px; padding-right: 25px;}
	.rank {max-width: 50px; height: 50px;}


	.coloredBg,
	article h1 {font-size: 1.275rem; }
	.revHeader h4 {font-size: 1.25rem; }
	
}






.mobile-cta{background: var(--mobBG);color: #fff;padding:10px 0;transition: all ease-out 0.3s;display: none;padding-left: 20px;padding-right: 20px;}
.mobCta_img {max-height: 90px;}
.mobile-cta .col:first-child{max-width: 75px  }
.mobile-cta .col:last-child{max-width: 135px  }


.mobile-cta h3 {font-size: 1rem; font-weight: 700}
.mobile-cta span.voted{ background-color: #3578fa;font-size: 0.563rem;font-weight: 500; padding: 2px 5px; border-radius: 2px;}
.vRating{margin: 0;gap:15px; font-size: 0.625rem}
.vRating .star {width: 100%; max-width:60px; background-image: url("../img/4.6.star.svg"); background-size: contain; background-position: center; background-repeat: no-repeat}
.vRating h6 {font-size: 0.625rem}

.mobile-cta .btn{height: 50px; font-size: 1rem !important; margin-bottom: 0; padding-left:5px; padding-right:5px;}
.mobile-cta .btn span {background-size: 10px; padding-right: 15px;}




@media (max-width: 768px) {

	.mobile-cta.show{display: block !important}
}


    .faq-container {
      max-width: 1200px;
      margin: 0 auto;
      padding: 20px;
      background-color: white;
      border-radius: 8px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }
    .faq-item {
      margin-bottom: 15px;
      border-bottom: 1px solid #e0e0e0;
      padding-bottom: 10px;
    }
    .faq-question {
      margin: 0;
      font-weight: bold;
      cursor: pointer;
      padding: 10px;
      background-color: #007bff;
      color: white;
      border-radius: 4px;
    }
    .faq-question:hover {
      background-color: #0056b3;
    }
    .faq-answer {
      margin-top: 10px;
      padding: 10px;
/*      display: none;*/
      background-color: #f1f1f1;
      border-radius: 4px;
    }