/* Home page */
#homepage_banner_window { position: relative; }
#homepage_banner_window #homepage_banner_background { background-image: url("data:image/png;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzOCA3OS4xNTk4MjQsIDIwMTYvMDkvMTQtMDE6MDk6MDEgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE3IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NUE0QkY1RDM0NDAxMUU3QUY3NEI0NTREQ0Y3NUE5OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NUE0QkY1RTM0NDAxMUU3QUY3NEI0NTREQ0Y3NUE5OCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjc1QTRCRjVCMzQ0MDExRTdBRjc0QjQ1NERDRjc1QTk4IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjc1QTRCRjVDMzQ0MDExRTdBRjc0QjQ1NERDRjc1QTk4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgCigABAwERAAIRAQMRAf/EAFIAAQEBAQAAAAAAAAAAAAAAAAECAAYBAQEBAQAAAAAAAAAAAAAAAAEABQIQAQEAAAAAAAAAAAAAAAAAAAAREQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8A4ZsNcoKiBiBQVAChSgqIGIKgBQpiCkDEFQAoGIKiBQUgYgYApAxBSBQMAVECgqIUxAgKiBiBQVEDECAqIGIUxAxBUQMAMSUnJiBSMAMQKCogUDEDElQBogUDEFAGFEAoFAxIoNElIMAUCkUCg0SUgyRiRAZAlMA//9k="); }
#homepage_banner_window #homepage_banner { display: block; margin: 0 auto; width: 100%; max-width: none; }
@media only screen and (min-width: 768px) { #homepage_banner_window #homepage_banner { width: 123%; margin: 0 0 0 -11.5%; } }
#homepage_banner_window #banner_overlay { width: 100%; position: absolute; top: 0; left: 0; }
#homepage_banner_window #banner_content { position: relative; padding: 9.2vw 15px 0; }
@media only screen and (min-width: 768px) { #homepage_banner_window #banner_content { padding: 5.3vw 30px 2.1vw; } }
@media only screen and (min-width: 1200px) { #homepage_banner_window #banner_content { padding-top: 70px; padding-bottom: 20px; } }
#homepage_banner_window h1 { font-family: 'PT Sans', sans-serif; color: #FFFFFF; font-size: 10.4vw; font-weight: 500; text-align: center; line-height: 1; padding-bottom: 3.1vw; border-bottom: 3px solid #FFFFFF; margin-bottom: 3.1vw; }
@media only screen and (min-width: 768px) { #homepage_banner_window h1 { font-size: 4.55vw; padding-bottom: 1.7vw; margin-bottom: 1.4vw; } }
@media only screen and (min-width: 1200px) { #homepage_banner_window h1 { font-size: 60px; font-size: 3.75rem; padding-bottom: 22px; margin-bottom: 18px; } }
#homepage_banner_window h2 { font-family: 'PT Sans', sans-serif; color: #FFFFFF; font-size: 5.5vw; font-weight: 300; text-align: center; line-height: 1.1; margin-bottom: 5vw; }
@media only screen and (min-width: 768px) { #homepage_banner_window h2 { font-size: 2.55vw; margin-bottom: 4.1vw; } }
@media only screen and (min-width: 1200px) { #homepage_banner_window h2 { font-size: 33px; font-size: 2.0625rem; margin-bottom: 54px; } }
#homepage_banner_window a.green_button { max-width: 680px; }
@media only screen and (min-width: 768px) { #homepage_banner_window a.green_button { max-width: 500px; } }
#homepage_banner_window p { color: #FFFFFF; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 3vw; line-height: 1.625; margin-bottom: 4.75vw; }
@media only screen and (min-width: 768px) { #homepage_banner_window p { font-size: 1.9vw; margin-bottom: 2.9vw; } }
@media only screen and (min-width: 1200px) { #homepage_banner_window p { font-size: 25px; font-size: 1.5625rem; margin-bottom: 44px; } }
#homepage_banner_window #homepage_criteria { background: #EDEDED; padding: 40px 15px; }
#homepage_banner_window #homepage_criteria h2 { color: #000000; max-width: 450px; margin: 0 auto 6.3vw; font-weight: 300; font-size: 5.9vw; }
@media only screen and (min-width: 768px) { #homepage_banner_window #homepage_criteria h2 { font-size: 35px; font-size: 2.1875rem; max-width: none; margin-bottom: 44px; } }
#homepage_banner_window #homepage_criteria #criteria_icons { margin-bottom: 24px; }
@media only screen and (min-width: 768px) { #homepage_banner_window #homepage_criteria #criteria_icons { margin-bottom: 44px; } }
#homepage_banner_window #homepage_criteria .criteria { text-align: center; margin-bottom: 4.7vw; }
@media only screen and (min-width: 768px) { #homepage_banner_window #homepage_criteria .criteria { margin-bottom: 0; } }
#homepage_banner_window #homepage_criteria .criteria img { margin-bottom: 8px; }
#homepage_banner_window #homepage_criteria .criteria span { display: block; font-weight: 300; font-size: 3.95vw; }
@media only screen and (min-width: 768px) { #homepage_banner_window #homepage_criteria .criteria span { font-size: 25px; font-size: 1.5625rem; } }
#homepage_banner_window #homepage_criteria a.button_style { background: #EDEDED; color: #1D1D1E; border: 1px solid #1D1D1E; border-radius: 5vw; max-width: 450px; padding: 2.9vw 0; box-shadow: none; font-size: 3.9vw; margin: 0 auto 6vw; }
@media only screen and (min-width: 768px) { #homepage_banner_window #homepage_criteria a.button_style { font-size: 20px; font-size: 1.25rem; max-width: 350px; padding: 14px 0; margin-bottom: 32px; } }
#homepage_banner_window #homepage_criteria a.button_style:hover { background: #FFFFFF; }
#homepage_banner_window #homepage_criteria p.disclaimer { color: #3D3D3F; font-size: 3.25vw; line-height: 1.625; margin-bottom: 1.5vw; }
@media only screen and (min-width: 768px) { #homepage_banner_window #homepage_criteria p.disclaimer { font-size: 16px; font-size: 1rem; } }

/* Best-products pages */
#hero { padding: 0; }
@media only screen and (min-width: 768px) { #hero { padding-top: 15px; } }
#hero .banner-spacing { padding: 1.5625rem; }
@media only screen and (min-width: 768px) and (max-width: 991px) { #hero .banner-spacing { padding: 0.9375rem; } }
#hero .row { border: none; }
#hero > .row > [class^="col-"] { margin-bottom: 6vw; }
@media only screen and (min-width: 992px) { #hero > .row > [class^="col-"] { margin-bottom: 50px; } }
#hero.border { border: 1px solid #D7D7D7; border-width: 0 0 1px 0; }
#hero p.large { font-size: 18px; font-size: 1.125rem; }
#hero h1 { text-align: left; line-height: 1; font-weight: 800; margin-bottom: 3vw; }
@media only screen and (min-width: 768px) { #hero h1 { margin-bottom: 2vw; } }
@media only screen and (min-width: 1200px) { #hero h1 { font-size: 46px; font-size: 2.5rem; margin-bottom: 24px; } }
#hero h2 { text-align: center; color: #AD1D61; }
@media only screen and (min-width: 768px) { #hero h2 { font-size: 30px; font-size: 1.875rem; } }
#hero h2 i { margin-right: 8px; }
#hero h3 { font-weight: 800; margin-bottom: 2vw; }
@media only screen and (min-width: 768px) { #hero h3 { margin-bottom: 1vw; } }
@media only screen and (min-width: 1200px) { #hero h3 { font-size: 30px; font-size: 1.875rem; margin-bottom: 12px; } }
#hero h3.center { text-align: center; }
@media only screen and (min-width: 768px) { #hero p { margin-bottom: 2vw; } }
@media only screen and (min-width: 1200px) { #hero p { font-size: 24px; font-size: 1.3rem; margin-bottom: 20px; } #hero p strong { font-size: 1.5rem;} }
#hero a.green_button { font-family: 'PT Sans', sans-serif; padding: 2.8vw 0; text-transform: none; margin-bottom: 0; }
@media only screen and (min-width: 768px) { #hero a.green_button { padding: 20px 0; } }
#hero #top_ten_criteria h3 { text-align: center; margin-bottom: 24px; }
#hero .banner-box { display: block; border: 1px solid #DDDDDD; padding: 20px 5px; margin-bottom: 20px; }
#hero .banner-box:after { clear: both; content: ''; display: block; }
#hero .banner-box > [class^="col-"] { padding-top: 1.2vw; padding-bottom: 1.2vw; }
#hero .banner-box > [class^="col-"]:nth-child(2n+2) { clear: left; }
@media only screen and (min-width: 768px) { #hero .banner-box > [class^="col-"] { padding-top: 10px; padding-bottom: 10px; clear: none; }
  #hero .banner-box > [class^="col-"]:nth-child(2n+2) { clear: none; }
  #hero .banner-box > [class^="col-"]:nth-child(3n+2) { clear: left; } }
#hero .banner-box img { margin-right: 12px; float: left; max-width: 20%; }
#hero .banner-box .badge_label { display: block; line-height: 1.3; font-weight: 700; }
@media only screen and (min-width: 768px) { #hero .banner-box .badge_label { font-size: 24px; font-size: 1.5rem; font-family: 'PT Sans', sans-serif; } }

#top-rated-list h2.top-list { font-family: "PT Sans", sans-serif; text-align: center; margin-bottom: 1.25rem;  font-weight: 800; line-height: 1; text-align: center; max-width: 650px; margin: 0 auto 9vw; }
@media only screen and (min-width: 768px) { #top-rated-list h2.top-list { font-size: 48px; font-size: 2.5rem; max-width: none; margin-bottom: 55px; } }

#top_diet_pill_guar { background: #F3F3F3; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding: 30px 4.4vw; margin-bottom: 6.5vw; }
@media only screen and (min-width: 768px) { #top_diet_pill_guar { padding: 30px; margin-bottom: 44px; } }
#top_diet_pill_guar img { display: block; width: 100%; max-width: 239px; margin: 0 auto 24px; }
@media only screen and (min-width: 768px) { #top_diet_pill_guar img { float: left; margin: 0 45px 0 0; } }
#top_diet_pill_guar h2 { margin-bottom: 24px; font-size: 4.4vw; }
@media only screen and (min-width: 768px) { #top_diet_pill_guar h2 { font-size: 30px; font-size: 1.875rem; padding-left: 284px; } }
#top_diet_pill_guar p { font-size: 3.5vw; margin-bottom: 0; }
@media only screen and (min-width: 768px) { #top_diet_pill_guar p { font-size: 24px; font-size: 1.5rem; padding-left: 284px; } }