@charset "UTF-8";

/*
Theme Name: EWG SS2024 V1
Theme URI: http://www.ewg.org
Description: EWG SS2024 WP Theme
Author: EWG
Version: 1
License: Copyright - EWG - All Rights Reserved.
License URI: http://www.ewg.org   Asbestos Nation - EWG Action Fund
Tags: Health, toxic, toxics, chemicals, sunscreen, cancer, skin, skin care,skin cancer,  ewg, environment
Contact: www.ewg.org
Last Updated: 05-11-15
*/


/*
(c) All Rights Reserved. Do Not Copy, Share, Modify etc. w/o the written permission of the owner.
*/


/*

-webkit-transform: translateX(-50%) translateY(0%);
-moz-transform: translateX(-50%) translateY(0%);
-ms-transform: translateX(-50%) translateY(0%);
-o-transform: translateX(-50%) translateY(0%);
transform: translateX(-50%) translateY(0%);

-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;

-o-border-radius:4px;
-ms-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;

-o-box-shadow:0 0 1px #c2c2c2;
-webkit-box-shadow:0 0 1px #c2c2c2;
-moz-box-shadow:0 0 1px #c2c2c2;
box-shadow:0 0 1px #c2c2c2;

-moz-box-shadow: 0px 0px 1px 0px #c2c2c2 inset;
-webkit-box-shadow: 0px 0px 1px 0px #c2c2c2 inset;
box-shadow: 0px 0px 1px 0px #c2c2c2 inset;

-o-box-shadow:0 22px 0 rgba(111,151,182,0.2) inset, 0 -1px 0 rgba(111,151,182,0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
-webkit-box-shadow:0 22px 0 rgba(111,151,182,0.2) inset, 0 -1px 0 rgba(111,151,182,0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
-moz-box-shadow:0 22px 0 rgba(111,151,182,0.2) inset, 0 -1px 0 rgba(111,151,182,0.2) inset, 0px 1px 1px rgba(0,0,0,.2);
box-shadow:0 22px 0 rgba(111,151,182,0.2) inset, 0 -1px 0 rgba(111,151,182,0.2) inset, 0px 1px 1px rgba(0,0,0,.2);

http://www.colorzilla.com/gradient-editor/

background-color:#ececec;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#dcdcdc));
background-image: -moz-linear-gradient(#ececec, #dcdcdc);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#dcdcdc');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececec', endColorstr='#dcdcdc')";

*/

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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol {}

ul {
    list-style: none;
}

li {}

ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    display: block;
}

blockquote,
q {
    quotes: none;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
}

sup {
    top: -0.2em;
}

sub {
    bottom: -0.25em;
}

small {
    font-size: 80%;
}

strong,
b {
    font-weight: bold;
}

em {
    font-style: italic;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    font-weight: bold;
    vertical-align: bottom;
}

td {
    font-weight: normal;
    vertical-align: top;
}

html {
    /* width:100%; height: 100%; */
    /*overflow-x:hidden; overflow-y:auto; */
    -webkit-text-size-adjust: none;
}

body {
    width: 100%;
    /* height: 100%; */
    overflow-x: hidden;
    overflow-y: auto;
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: none;
}

body {
    font-size: 100%;
    line-height: 150%;
    font-family: 'niveau-grotesk', sans-serif;
    color: #525353;
    background: #ffffff;
    font-style: normal;
    font-weight: 400;
}

body {
    /* font-size: 18px;

    line-height: 28px;
	*/
}

* {
    margin: 0;
    padding: 0;
}

/* * {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
} */

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* hr {
    margin: 0 !important;
} */

.cd-panel-ty-close::after,
.cd-panel-ty-close::before {
    content: '';
}

.cd-panel-ty::after,
.cd-panel-ty::before {
    content: '';
}

blockquote {
    display: block !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
}

a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

blockquote {
    display: block !important;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
    margin-left: 40px !important;
    margin-right: 40px !important;
}

a,
a:link,
a:visited {
    /* color: #df6237; */
    /* text-decoration: underline; */
    outline: none !important;
    border: 0 none;
    vertical-align: baseline;
    background: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

a:active,
a:hover {
    /* color: #f89c1b;
    text-decoration: underline !important; */
    outline: none !important;
    border: 0 none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-touch-callout: none;
}

.noborder {
    border: 0 none !important;
    outline: none !important;
}

.noshow {
    display: none !important;
}

img {
    border: 0 none;
    width: 100%;
    max-width: 100%;
    height: auto;
}

a.nounderlineahref,
a.nounderlineahref:link,
a.nounderlineahref:visited {
    text-decoration: none !important;
    outline: none !important;
    border: 0 none !important;
}

a.nounderlineahref:active,
a.nounderlineahref:hover {
    text-decoration: none !important;
    outline: none !important;
    border: 0 none !important;
}

a img {
    text-decoration: none !important;
    outline: none !important;
    border: 0 none !important;
}

a div {
    text-decoration: none !important;
    outline: none !important;
    border: 0 none !important;
}

#top {
    position: absolute;
    top: 0;
    left: 0;
}

#gototop_arrow {
    width: 70px;
    height: 70px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    display: none;
    z-index: 9999;
}

#loading_viewport {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/progress.gif);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    /* position:relative; */
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
}

#mywidthdiv {
    background-color: #FFFFFF;
    border: 2px solid #d3d0ce;
    bottom: 20px;
    color: #c2c2c2;
    height: auto;
    left: 20px;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: auto;
    z-index: 999999;
    display: none;
}

input,
textarea {}

input::-ms-clear,
textarea::-ms-clear {
    display: none;
}

::-moz-selection {
    background: #c2c2c2;
    color: #ffffff;
    text-shadow: none;
}

::selection {
    background: #c2c2c2;
    color: #ffffff;
    text-shadow: none;
}

input:-moz-placeholder {
    color: #5a524f;
}

textarea:-moz-placeholder {
    color: #5a524f;
}

button,
input,
select,
textarea {
    color: #5a524f;
}

input:focus {
    outline: none;
}

textarea {
    outline: 0 none;
    border: 0 none;
}

input {
    font-family: sans-serif;
}

input::-ms-clear {
    /* removes close icon - IE */
    display: none;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}

input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: 0 none;
    border: 0 none;
}

input::-webkit-input-placeholder {
    color: #c2c2c2;
}

input:-moz-placeholder {
    color: #c2c2c2;
}

input::-moz-placeholder {
    color: #c2c2c2;
}

input:-ms-input-placeholder {
    color: #c2c2c2;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}

input[type=file] {}

textarea {
    resize: vertical;
}

textarea::-ms-clear {
    display: none;
}

textarea::-webkit-input-placeholder {
    color: #c2c2c2;
}

textarea:-moz-placeholder {
    color: #c2c2c2;
}

textarea::-moz-placeholder {
    color: #c2c2c2;
}

textarea:-ms-input-placeholder {
    color: #c2c2c2;
}

input#url_form_submit:focus::-webkit-input-placeholder {
    color: transparent;
    outline: none;
    cursor: pointer;
}

input#url_form_submit {
    background-color: #c2c2c2;
    color: #ffffff;
    cursor: pointer;
    width: 25%;
    float: left;
    text-align: center;
}

input#url_form_submit:hover {
    background-color: #c2c2c2;
    color: #ffffff;
}

input#url_form_submit:focus {
    background-color: #c2c2c2;
    color: #ffffff;
}

input#url_form_url {
    width: 75%;
    margin: 0 0% 0 0;
    float: left;
    border: 0px solid #d3d0ce;
}

.flex {
    display: flex;
}

.dg {
    display: grid;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

#tyty2015_id_signup_left .clearfix {
    display: inline-block;
}

/* html[xmlns] .clearfix {
    display: block;
} */

* html .clearfix {
    height: 1%;
}

.clear {
    clear: both;
    padding: 0;
    margin: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

#sunscreen-wrapper {
    /* background-image: url(https://static.ewg.org/upload/png/sunscreen_background.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%; */
    font-family: 'niveau-grotesk', sans-serif;
}

.main-wrapper {
    background: linear-gradient(180deg, rgba(235, 206, 171, 0.90) 6.7%, rgba(227, 201, 170, 0.13) 76.07%, rgba(238, 242, 243, 0.00) 104.56%);
}

.main-wrapper, .sunscreen-report-wrapper, #tyty2015_id_wrapper {
    font-family: 'niveau-grotesk', sans-serif;
}

.sunscreen-report-wrapper {
    margin: 80px 0;
}



/*  */
/*  */
/* header menu styles */

#sticky_menu {
    background-color: #183D49;
    height: 116px;
    left: 0;
    /* position: fixed; */
    top: 0;
    width: 100%;
    z-index: 99;
}

#header {
    height: 116px;
    margin: 0 auto;
    width: 960px;
}

#top_header {
    /* height: 45px; */
    width: 100%;
    background-color: #183D49;
}

.header_main_left, .header_main_right{
    align-items: center;
    text-align: center;
    display: flex;
}

.header_main_right {
    margin-right: 50px;
}

#sitename, .header_links {
    font-size: 11px !important;
    line-height: 12.81px;
    /* height: 35px; */
    /* margin-left: 30px; */
    /* padding: 25% 0; */
    color: #fff !important;
    text-transform: uppercase;
    align-items: center;
    text-align: center;
    display: flex;
    letter-spacing: 1.5px;
}

.header_links:link, .header_links_home:link {
    text-decoration: none !important;
    color: #fff !important;
}

.header_links:hover, .header_links_home:hover{
    text-decoration: underline !important;
    cursor: pointer;
    color: #fff;
}

#sitename {
    /* margin: 16px 0 16px 40px; */
    margin-left: 40px;
}

.header_links {
    margin: 5px 18px 5px 0;
    cursor: pointer;
}

.navbar-toggler {
    border: none !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.search-icon-wrapper {
    cursor: pointer;
}

.search-icon {
    width: 14px;
    /* filter: invert(1); */
    margin-left: 10px;
    /* margin-bottom: 4px; */
}

.search-icon-lg, .hidden-search-icon-lg {
    width: 70px !important;
    /* height: auto !important; */
}

.search-icon-lg {
    padding: 0 10px 19px;
}

.hidden-search-icon-lg {
    padding: 3px 10px;
}

.header-menu-wrapper {
    background-color: #fff;
    font-family: 'niveau-grotesk', sans-serif;
}

#header-menu-wrapper, #hidden-dropdown-search {
    display: none;
}

#menu {
    display: none;
  }

.search-bar-header, .hidden-search-bar-header {
    background-color: #F8F8F8;
    margin: auto;
    /* padding: 20px 600px; */
    padding-top: 20px;
    padding-bottom: 20px;
}

.hidden-carousel-search #home_input_text_search {
    width: 500px !important; /* originally 350px; adjusted because of the removal of the Advanced search button */
    margin-left: 50px !important;
    border: 1px solid #e3e3e3 !important;
}

.hidden-sub-menu {
    margin: 0 20px;

    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

.col-lg-2 .hidden-sub-menu {
    width: 18% !important;
}

.sub-menu-mid {
    border-right: 1px solid rgba(86, 84, 80, 0.4);
    padding-right: 35px !important;
}

.hidden-sub-menu h3 {
    color: #183D49;
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
}

.hidden-sub-menu ul {
    list-style-type: none;
    padding-left: 0 !important;
}

.hidden-sub-menu li {
    color: #183D49;
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    padding: 7px 0;
    opacity: 0.9;
}

.hidden-sub-menu a:link{
    color: #183D49 !important;
    text-decoration: none !important;
}

.hidden-sub-menu a:visited {
    color: #183D49 !important;
}

/* .hidden-sub-menu a:hover {
    text-decoration: underline !important;
} */

/* .hidden-sub-menu img {
    position: relative;
    margin: 15px 0;
    padding-left: 70px;
    border-left: 1px solid rgba(86, 84, 80, 0.4);
    height: 90%;
    width: 100%;
} */

.hidden-side-img-content {
    background-image: url(https://static.ewg.org/upload/jpg/sunscreen-hidden-menu-img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /* margin: 15px 0; */
    padding: 70px 60px;
    /* border-left: 1px solid rgba(86, 84, 80, 0.4); */
    height: 100%;
    width: 90%;
    /* position: absolute;
    bottom: 410px;
    right: 300px; */
}

.hidden-side-img-title {
    color: #fff !important;
    font-weight: 400 !important;
    font-size: 28px !important;
    line-height: 120% !important;
}

.hidden-side-img-text {
    font-family: 'freight-text-pro', serif;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: -0.16px;
    padding: 10px 0 !important;
    margin: 0 !important;
}

.hidden-dropdown-search {
    position: absolute;
    /* margin-top: 21px; */
    /* right: 0; */
    width: 100% !important; /* width: 22% for hidden search bar without advance search */

    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.5s; /* Firefox < 16 */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera < 12.1 */
    animation: fadein 0.5s;
}

.hidden-dropdown-search #home_input_text_search {
    border: 1px solid #e3e3e3 !important;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* end header menu styles */
/*  */
/*  */

img.logo2015_2_pc {
    height: auto;
    width: 200px;
}

#tools_div {
    height: 81px;
}

#admin {
    margin: 10px 0 7px;
}

#admin_left.orange {
    background: none repeat scroll 0 0 #f89c1b;
}

#admin_left {
    background: none repeat scroll 0 0 #0F854A;
    border-bottom: 3px solid #485b24;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.admin_col {
    background: none repeat scroll 0 0 #193d49;
    border-bottom: 3px solid #27232c;
    -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.19) inset;
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.19) inset;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.19) inset;
    color: #ffffff;
    /*
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
	line-height: 12px;
*/
    font-size: 75%;
    line-height: 100%;
    font-weight: 600;
    height: 31px;
    padding: 8px 16px 0;
    text-shadow: none;
}

#guides_icon {
    padding-left: 30px;
    position: relative;
    z-index: 9;
}

#guide_icon_img {
    height: 12px;
    left: 13px;
    position: absolute;
    top: 8px;
    width: 10px;
    z-index: 9;
}

#faq_icon {
    padding-left: 30px;
    position: relative;
    z-index: 9;
}

#faq_icon_img {
    height: 12px;
    left: 13px;
    position: absolute;
    top: 8px;
    width: 12px;
    z-index: 9;
}

#admin_right {
    -o-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    padding-left: 25px;
    position: relative;
    z-index: 9;
}

#info_icon_img {
    height: 18px;
    left: 13px;
    position: absolute;
    top: 5px;
    width: 5px;
    z-index: 9;
}

#searches_since {
    color: #525252;
    /*
	font-size: 13px;
    */
    margin: 10px;
    opacity: 0.7;
}

#searches_count {
    font-weight: 600;
}

#socialmedia_ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#socialmedia_ul li:first-child {
    margin: 0;
}

#socialmedia_ul li {
    background-color: #ffffff;
    display: block;
    list-style: outside none none;
    margin: 0 0 0 3px;
    padding: 0;
    text-indent: -9999px;
}

#socialmedia_ul li a {
    display: block;
    height: 24px;
    width: 24px;
}

#socialmedia_ul li a.sm_facebook {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/facebook-c7a100bd736d3397fe56d84abce1d422.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#socialmedia_ul li a.sm_twitter {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/twitter-1daefe81ffd53fce573d709e5a64dbf5.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#socialmedia_ul li a.sm_pinterest {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/pinterest-8c5531741dd3827ae5758077c08a1dcf.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#socialmedia_ul li a.sm_youtube {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/youtube-ff2f2761f36a11174611653d97294eae.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#socialmedia_ul li a.sm_addthis {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/sm_addthis-d3b276ee5d69422c3c9da85fd5fd352d.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#socialmedia_ul li a.sm_app {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/theapp.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#dropdown {
    background-color: #193d49;
    height: 35px;
    width: 433px;
}

#home {
    border-right: 0 solid #112c48 !important;
}

#home {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/home-717228aae5ebfc7016635bf709e71066.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-right: 1px solid #112c48 !important;
    height: 35px;
    text-indent: -9999px;
    width: 35px;
}

#ewg_fd_href {
    border-right: 1px solid #112c48 !important;
    display: block !important;
    /*
    margin: 0 5px 0 0 !important;
    padding: 7px 10px 9px 9px !important;
*/
    background-color: rgba(0, 0, 0, 0);
    color: #ffffff;
    display: block;
    /*
	font-size: 19px;

    line-height: 19px;
    */
    /*
	margin: 8px 0 0 12px;
	*/
}

#ewg {
    font-weight: 700;
}

#down {
    color: #ffffff !important;
    padding: 9px 50px 9px 0 !important;
    text-indent: 0 !important;
    width: auto !important;
    color: #fff !important;
    text-indent: 0 !important;
    width: auto !important;
    /*
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/down-55d6a63d94f3c46fa487fc9e7dca52b6.png");
	background-repeat:no-repeat;
   */
    /*
    background-position: right -3px;
   */
    border-left: 0 solid #112c48 !important;
    height: 35px;
    text-indent: -9999px;
    width: 35px;
    font-size: 100%;
    line-height: 100%;
    position: relative;
}

#down:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    /* left: 0;*/
    right: 0px;
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/down-55d6a63d94f3c46fa487fc9e7dca52b6.png");
    /*
background-position: right 0px;
*/
    background-repeat: no-repeat;
    /*
	width: 100%;
    */
    width: 35px;
    height: 100%;
    /*
    opacity : 0.2;
*/
    z-index: 1;
    border-left: 1px solid #112c48 !important;
}

#down:after {
    -webkit-animation: change_opacity 1s 0s infinite ease-in-out alternate;
    -moz-animation: change_opacity 1s 0s infinite ease-in-out alternate;
    -ms-animation: change_opacity 1s 0s infinite ease-in-out alternate;
    -o-animation: change_opacity 1s 0s infinite ease-in-out alternate;
    animation: change_opacity 1s 0s infinite ease-in-out alternate;
}

@-webkit-keyframes change_opacity {
    0% {
        opacity: 0.75;
        background-position: right -2px;
    }
    100% {
        opacity: 1;
        background-position: right 2px;
    }
}

@-moz-keyframes change_opacity {
    0% {
        opacity: 0.75;
        background-position: right -2px;
    }
    100% {
        opacity: 1;
        background-position: right 2px;
    }
}

@-ms-keyframes change_opacity {
    0% {
        opacity: 0.75;
        background-position: right -2px;
    }
    100% {
        opacity: 1;
        background-position: right 2px;
    }
}

@-o-keyframes change_opacity {
    0% {
        opacity: 0.75;
        background-position: right -2px;
    }
    100% {
        opacity: 1;
        background-position: right 2px;
    }
}

@keyframes change_opacity {
    0% {
        opacity: 0.75;
        background-position: right -2px;
    }
    100% {
        opacity: 1;
        background-position: right 2px;
    }
}

#search {
    height: 35px;
    max-width: 610px;
    padding: 0 5px;
    width: auto;
}

#form_search_header {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/glass_2-3d0c64d1efdec669043cd00a8bfb4578.png") no-repeat scroll 6px 4px #ffffff;
    border: 1px solid #393939;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.19) inset;
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.19) inset;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.19) inset;
    height: 25px;
    margin: 5px;
    padding: 0 0 0 25px;
}

#input_text_search {
    border: 0 none !important;
    color: #5a524f;
    /*
	    font-family: "Open Sans",sans-serif;
	font-size: 14px;
    font-weight: 400;
    line-height: 14px;
	*/
    font-size: 90%;
    line-height: 100%;
    height: 20px;
    margin: 1px;
    outline: medium none !important;
    padding-top: 1px;
    width: 300px;
}

#input_adv_search {
    height: 23px;
    width: 30px;
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-filter-gray.svg) #f0efea no-repeat;
    background-position: center;
    background-size: 16px;
    border: 0 none !important;
    outline: medium none !important;
    border-left: 1px solid #8b8b8b !important;
    cursor: pointer;
}

#input_adv_search:hover {
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-filter.svg) #0F854A no-repeat;
    background-position: center;
    background-size: 16px;
}

#input_submit_submit {
    border: 0 none !important;
    outline: medium none !important;
    border-left: 1px solid #8b8b8b !important;
    background: #f0efea;
    -o-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    /*
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
	*/
    font-size: 90%;
    line-height: 100%;
    height: 23px;
    margin: 0;
    padding: 0 10px;
    color: #595e60;
    cursor: pointer;
}

#input_submit_submit:hover {
    background: #0F854A;
    color: #ffffff;
}

/*  */
/*  */
/* home menu hero styles */

#logo_div {
    /* height: 80px; */
    max-width: 100%;
    margin: 20px 60px 0;
}

#hero_header {
    background-color: transparent;
    background-position: 0 0;
    background-repeat: repeat-x;
    /* height: 35px; */
    width: 100%;
    /* display: flex; */
    /* position: absolute; */
}

.hero_menu_wrapper {
    background-image: url(https://static.ewg.org/sunscreen/sunscreen-25-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 910px;
    /* max-height: 1500px; */
    /* display: block; */
    font-family: 'niveau-grotesk', sans-serif;
    margin-top: -100px;
}

.hero_text {
    /* position: absolute; */
    /* width: 442px; */
    /* height: 138px; */
    /* left: 115px;
    top: 279px; */
    font-family: 'niveau-grotesk', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 70px;
    line-height: 67px;
    /* or 96% */
    letter-spacing: -0.001em;
    color: #2b2b2b;
    /* margin-top: 12vh; */
    padding: 280px 70px 0;
}

.header_title, .header_title_b {
    color: #2b2b2b !important;
    margin-left: 20px;
    /* margin-bottom: 6px; */
}

.header_title {
    margin-right: 50px;
    font-size: 18px;
}

.header_title_b {
    margin-left: 50px;
    font-size: 15px;
}

.header_title:link, .header_title_b:link {
    text-decoration: none !important;
}

.header_title:hover, .header_title_b:hover {
    text-decoration: underline !important;
    cursor: pointer;
}

.chevron, .hidden-chevron {
    height: 8px;
    width: auto;
    margin: 0 0 2px 7px;
}

.donate_btn, .header-donate_btn {
    margin: 25px 80px;
    padding: 17px 35px;
    background-color: #0F854A;
    color: #fff;
    font-family: 'niveau-grotesk', sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1.5px;
    font-weight: 500;
    transition: 0.3s ease-in-out;
}

.donate_btn:hover, .header-donate_btn:hover {
    background-color: #084828;
}

/* #home_menu_hero {
    height: 455px;
    width: 960px;
    margin: 116px auto 20px auto;
    
} */

#home_hero {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 9;
    -o-border-radius: 0 0 6px 6px;
    -ms-border-radius: 0 0 6px 6px;
    -khtml-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
}

/* .hero_image {}

.hero_image img {} */

.carousel-search-bar {
    z-index: 10;
}

#carousel_search, .hidden-carousel-search {
    background: none repeat scroll 0 0 #183D49;
    background: transparent;
    -o-border-radius: 0 0 6px 6px !important;
    -ms-border-radius: 0 0 6px 6px !important;
    -khtml-border-radius: 0 0 6px 6px !important;
    -moz-border-radius: 0 0 6px 6px !important;
    -webkit-border-radius: 0 0 6px 6px !important;
    border-radius: 0 0 6px 6px !important;
    bottom: 0 !important;
    /* -o-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2) !important;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2) !important;
    -moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2) !important;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2) !important; */
    color: #ffffff;
    height: 55px !important;
    left: 0 !important;
    /* position: absolute; */
    /* top: auto !important; */
    width: 50% !important;
    z-index: 99;
}

.hidden-carousel-search {
    margin: 0 !important;
}

#home_form_search_header, #hidden-home_form_search_header {
    /* margin: 7px 10px 6px !important; */
    /* background: url("https://static.ewg.org/reports/2020/sunscreens/img/glass_1-17f95cd71c16713ce7db02dde1d37002.png") no-repeat scroll 6px 8px #ffffff; */
    /* border: 1px solid #393939; */
    -o-border-radius: 12px;
    -ms-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    /* -moz-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.19) inset;
    -webkit-box-shadow: 1px 0 0 rgba(0, 0, 0, 0.19) inset;
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.19) inset; */
    /* height: 39px;
    margin: 5px;
    padding: 0 0 0 25px; */
    /* position: absolute; */
    width: 800px;
    height: 55px;
    left: 115px;
    top: 459px;
    margin-top: 50px;
}

#hidden-home_form_search_header {
    margin-top: 0px !important;
}

#home_input_text_search {
    border: 0 none !important;
    color: #818385;
    font-family: 'niveau-grotesk', sans-serif;
    font-size: 17px;
    line-height: 100%;
    height: 55px;
    /* margin: 1px; */
    outline: medium none !important;
    padding-left: 30px;
    /* padding-top: 2px; */
    width: 450px !important; /* originally 300px; adjusted because of the removal of the Advanced search button */
    border-radius: 30px 0 0 30px;
}

#home_input_adv_search {
    height: 55px;
    width: 150px;
    /* background: url(https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-filter-gray.svg) #f0efea no-repeat; */
    /* background-position: 10px center;
    background-size: 18px; */
    background-color: #183D49;
    /* border: 0 none !important; */
    /* outline: medium none !important; */
    /* border-left: 1px solid #8b8b8b !important; */
    border-right: 1px solid #D3E6EB !important;
    color: #D3E6EB;
    cursor: pointer;
    font-size: 15px;
    line-height: 100%;
    font-weight: 600;
    /* padding-left: 26px; */
    text-align: center;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
}

#home_input_adv_search:hover {
    /* background: url(https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-filter.svg) #0F854A no-repeat; */
    background-color: #0f262e;
    background-position: 10px center;
    background-size: 18px;
    color: #D3E6EB;
}

#home_input_submit_submit {
    /* border: 0 none !important; */
    /* outline: medium none !important; */
    /* border-left: 1px solid #8b8b8b !important; */
    background: #996529;
    -o-border-radius: 0 12px 12px 0;
    -ms-border-radius: 0 12px 12px 0;
    -khtml-border-radius: 0 12px 12px 0;
    -moz-border-radius: 0 12px 12px 0;
    -webkit-border-radius: 0 12px 12px 0;
    border-radius: 0 12px 12px 0;
    font-size: 120%;
    line-height: 100%;
    font-weight: 600;
    height: 55px;
    margin: 0;
    /* padding: 0 25px; */
    color: #595e60;
    cursor: pointer;
    width: 74px;
    border-radius: 0 30px 30px 0;
    /* transition: 0.2s ease-in-out; */
}

#home_input_submit_submit:hover {
    background: #402302;
    color: #ffffff;
}

#less_is_more {
    border: 1px solid #d3d0ce;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    margin: 0 auto 20px auto;
    width: 960px;
}

#less_is_more a {
    display: block;
}

#less_is_more a img {
    display: block;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#ad360 {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    margin: 0 auto 20px auto;
    width: 360px;
}

#ad360 a {
    display: block;
}

#ad360 a img {
    display: block;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#ewg_guides {
    background-color: #ffffff;
    border: 1px solid #d3d0ce;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto 80px auto;
    width: 960px;
}

#eat_well_guide {
    background-color: #ffffff;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    border-right: 1px solid #d3d0ce;
    height: 444px;
    overflow: hidden;
    width: 40%;
}

#eat_well_guide_header {
    background: none repeat scroll 0 0 #f1f1f1 !important;
    border-bottom: 1px solid #d3d0ce;
    -o-border-radius: 5px 0 0 0px;
    -ms-border-radius: 5px 0 0 0px;
    -khtml-border-radius: 5px 0 0 0px;
    -moz-border-radius: 5px 0 0 0px;
    -webkit-border-radius: 5px 0 0 0px;
    border-radius: 5px 0 0 0px;
    height: 57px;
    margin: 0;
    padding: 17px 0 0;
    text-align: center;
    width: 100%;
}

#eat_well_guide_header h1 {
    color: #868686 !important;
    /*
	font-size: 24px;
    font-weight: 600;
    line-height: 24px;
	*/
    font-size: 150%;
    line-height: 100%;
    font-weight: 600;
    float: left;
    padding-left: 30px;
}

#eat_well_guide_text {
    /*
    padding: 10px 150px 0px 30px;
*/
    padding: 30px;
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    /*
	overflow: hidden;
*/
    height: 388px;
}

#eat_well_guide_text h1 {
    color: #525353 !important;
    /*
    font-family: "Open Sans",sans-serif;
    font-size: 30px;
    line-height: 35px;
*/
    font-size: 190%;
    line-height: 120%;
    font-weight: 300;
    display: none;
}

#eat_well_guide_text p {
    padding: 30px 0 20px;
    padding-top: 20px !important;
    /* color: #7e7b7a; */
    color: #525353;
    /*
	font-size: 15px;
    line-height: 30px;
	*/
    font-size: 90%;
    line-height: 170%;
}

#eat_well_guide_text p#move_p_ty {
    width: 160px;
    margin: 39px 0 52px !important;
    padding: 0 0 0 0 !important;
    background: rgba(0, 0, 0, 0.0);
    font-size: 108%;
    line-height: 160%;
}

#ty_phone {
    position: absolute;
    z-index: 9;
    right: 0;
    bottom: 0;
    width: 249px;
    height: 417px;
    background: url(https://static.ewg.org/reports/2017/sunscreens/img/sd_app_ty_vertical_2.png);
    background-position: 0 0;
    background-size: cover;
    background-repeat: no-repeat;
}

#other_ewg_guides {
    -o-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    height: 444px;
    overflow: hidden;
    width: 60%;
}

#other_ewg_guides_header {
    background: #f1f1f1;
    border-bottom: 1px solid #d3d0ce;
    height: 57px;
    margin: 0;
    padding: 17px 0 0;
    text-align: center;
    width: 100%;
}

#other_ewg_guides_header h1 {
    color: #868686;
    /*
	font-size: 24px;
    line-height: 24px;
	*/
    font-size: 150%;
    line-height: 100%;
    font-weight: 600;
    margin: 0 auto;
    text-shadow: 0 1px 0 #ffffff;
    width: 280px;
}

img#star_logo {
    margin: 10px;
    width: 40%;
    float: left;
}

#other_ewg_guides_cards {
    padding: 5px;
    width: 100%;
}

.ewg_card {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -o-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
    /*
    font-size: 13px;
    line-height: 20px;
	*/
    font-size: 85%;
    line-height: 130%;
    height: 160px;
    margin: 2.15%;
    overflow: hidden;
    padding: 1%;
    width: 29%;
}

.ewg_card a,
.ewg_card a:link,
.ewg_card a:visited {
    color: #7E7B7A !important;
    text-decoration: none !important;
}

.ewg_card a:active,
.ewg_card a:hover {
    text-decoration: none !important;
}

a#ty_orange_readmore,
a#ty_orange_readmore:link,
a#ty_orange_readmore:visited {
    color: rgb(255, 255, 255);
    display: inline-block;
    height: auto;
    text-align: center;
    width: auto;
    background: #f89c1b;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*
	font-size:15px;
	line-height:15px;
	*/
    padding: 12.5px 20px;
    font-size: 100%;
    line-height: 100%;
}

a#ty_orange_readmore:active,
a#ty_orange_readmore:hover {
    background: #0F854A;
}

a#ty_orange_readmore.other:active,
a#ty_orange_readmore.other:hover {
    background: #ffffff;
    color: #0F854A;
}

.ewg_card:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -o-box-shadow: 0 0 0px 4px #0F854A;
    -moz-box-shadow: 0 0 0px 4px #0F854A;
    -webkit-box-shadow: 0 0 0px 4px #0F854A;
    box-shadow: 0 0 0px 4px #0F854A;
}

.ewg_card img {
    width: 100%;
    height: 80px;
    margin: 0 0 8px 0;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

ul li#horz_seperator_li {
    border-bottom: 1px solid #d3d0ce !important;
}

#signupform2 {
    height: 100%;
    width: 100%;
    margin-bottom: 10%;
}

#signupform2 input {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*
-o-box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
*/
    border: 1px solid #d3d0ce;
    background: #ffffff;
    height: 100%;
    width: 100%;
    padding: 20px 5%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    font-size: 100%;
    font-weight: 600;
    color: #c2c2c2;
    margin: 0 0 10px;
}


/* float */

#signupform2 input#zip2 {
    float: left;
    width: 60%;
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    height: 60px !important;
}

#signupform2 input#submit_signup_form2 {
    float: left;
    width: 40%;
    -o-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    height: 60px !important;
}


/* float */

#signupform2 input#submit_signup_form2 {
    background-color: #f0b257;
    color: #ffffff;
    cursor: pointer;
    border-left: 0 none;
}

#signupform2 input#submit_signup_form2:hover {
    background-color: #f89c1b;
    color: #ffffff;
}

#signupform2 input#submit_signup_form2:focus {
    background-color: #f89c1b;
    color: #ffffff;
}

#about_ratings {
    margin: 0 auto 20px auto;
    width: 960px;
}

#about_ratings h2 {
    color: #868686;
    /*
    font-size: 24px;
    line-height: 24px;
	*/
    font-size: 150%;
    font-weight: 600;
    line-height: 100%;
    margin: 0 auto;
    text-shadow: 0 1px 0 #ffffff;
}

p {
    font-size: 90%;
    line-height: 170%;
    margin: 0;
    /* padding: 20px 0; */
    /* color:#7e7b7a; */
    color: #525353;
}

.tyty2015_class_hide_on_mobile {
    display: block;
}

.show-on-mobile {
    display: none;
}

.tyty2015_class_white-popup-block-scores {
    background: none repeat scroll 0 0 #ffffff;
    border-radius: 5px 5px 0 0;
    margin: 40px auto;
    max-width: 650px;
    min-height: 300px;
    padding: 0;
    position: relative;
    text-align: left;
    width: 100%;
}

.tyty2015_class_mfp-hide {
    display: none !important;
}

.tyty2015_class_hide_on_mobile {
    display: block;
}

#tyty2015_id_signup_left_top {
    line-height: 25px !important;
}

#related_2 {
    line-height: 25px !important;
}

#tyty2015_id_email_opt_out {
    border-top: 1px solid rgba(0, 0, 0, 0.19);
    /*
	font-size: 14px;
    line-height: 14px;
    */
    font-size: 95%;
    line-height: 100%;
    padding: 10px 12px;
}

.tyty2015_class_contact_us_2step {
    background: none;
    border-bottom: 1px solid #006b37;
    color: #0F854A;
    font-weight: 600 !important;
    font-size: 100%;
    line-height: 100%;
    margin: 10px 0 0;
    padding: 21px 15px 14px 60px;
    position: relative;
    z-index: 9;
}

img.tyty2015_class_contact_us_2step_img {
    left: 10px;
    position: absolute;
    top: 7px;
    z-index: 99;
    width: auto;
}

img.tyty2015_class_contact_us_2step_img {
    max-width: 43px;
}

.tyty2015_class_movemetotheright {
    left: 0;
}

.tyty2015_class_fleft {
    float: left;
}

.tyty2015_class_fright {
    float: right;
}

.tyty2015_class_clear {
    clear: both;
    margin: 0;
    padding: 0;
}

.tyty2015_class_noborder {
    border: 0 none !important;
    outline: medium none !important;
    text-decoration: none !important;
}

a.tyty2015_class_nounderlineahref,
a.tyty2015_class_nounderlineahref:link,
a.tyty2015_class_nounderlineahref:visited {
    border: 0 none !important;
    outline: medium none !important;
    text-decoration: none !important;
}

a.tyty2015_class_nounderlineahref:active,
a.tyty2015_class_nounderlineahref:hover {
    border: 0 none !important;
    outline: medium none !important;
    text-decoration: none !important;
}

.tyty2015_class_noshow {
    display: none !important;
}

#tyty2015_id_some_new_changes_lowerscoresdesktop {
    /*
	font-size: 12px;
    line-height: 17px;
    */
    font-size: 82%;
    font-weight: 600 !important;
    line-height: 125%;
    padding: 2% 0 0;
    display: block;
}

.tyty2015_class_scroes_h1_header {
    background: none repeat scroll 0 0 #f0efea;
    border-bottom: 1px solid #d3d0ce;
    border-radius: 5px 5px 0 0;
    height: auto;
    padding: 8px 0;
    text-align: center;
}

.tyty2015_class_scroes_h1_header h1 {
    color: #525353;
    /*
	font-size: 18px;
    font-weight: 600;
    line-height: 20px;
	*/
    font-weight: 600;
    font-size: 110%;
    line-height: 110%;
}

#tyty2015_id_wrapper {
    background-color: transparent;
    /* margin-top: 120px; */
    /* width: 960px; */
}

.tyty2015_class_margintop15 {
    height: 100px;
    width: 100%;
}

.tyty2015_class_margintop30 {
    height: 30px;
    width: 100%;
}

#tyty2015_id_internal_banner {
    /* background-color: #ffffff;
    border: 1px solid #d3d0ce;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; */
    background-image: url(https://static.ewg.org/reports/2023/sunscreens/img/2023/guide_background_img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    /* margin: 0 auto; */
    /* overflow: hidden; */
    padding: 3% 25%;
    /* width: 960px; */
    text-align: center;
}

.banner-title {
    font-family: 'niveau-grotesk', sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    color: #2b2b2b;
}

.banner-text {
    font-family: 'freight-text-pro', serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    color: #2b2b2b;
    /* padding: 0 15%; */
}

.banner-btn {
    background-color: #fff;
    color: #2b2b2b;
    font-family: 'niveau-grotesk', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 1.2px;
    width: 35%;
    margin: 0 auto;
    padding: 10px 0;
    border: 2px solid #fff !important;
    transition: 0.3s ease-in-out;
}

.banner-btn:hover {
    background-color: transparent;
}

.tyty2015_class_product_header {
    padding: 20px 0 10px;
    width: 960px;
}

.tyty2015_class_left_column {
    margin: 0 15px 0 0;
    /* width: 200px; */
}

#tyty2015_id_post_date {
    background-color: #f0efea;
    border: 1px solid #d3d0ce;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*
	font-size: 12px;
    */
    font-size: 75%;
    line-height: 100%;
    margin-top: 10px;
    text-align: center;
    width: 200px;
}

#tyty2015_id_prod_photo {
    background-color: #ffffff;
    border-left: 1px solid #d3d0ce;
    text-align: center;
    width: 199px;
}

#tyty2015_id_prod_photo img {
    height: 158px;
    margin: 0 auto;
}

#tyty2015_id_prod_photo .tyty2015_class_prod_photo_source {
    background: none repeat scroll 0 0 #f5f5f1;
    border-radius: 6px 0 0;
    bottom: 0;
    color: #525353;
    /*
	font-size: 10px;    line-height: 10px;
    */
    font-size: 67%;
    line-height: 100%;
    font-weight: 600;
    height: auto;
    left: 0;
    margin: 0;
    padding: 6px 8px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    z-index: 99;
}

#tyty2015_id_vert_banner {
    background-color: #ffffff;
    border: 1px solid #d3d0ce;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 318px;
    overflow: hidden;
    text-align: center;
    width: 200px;
    margin-top: 20px;
}

#tyty2015_id_vert_banner img {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: auto;
    margin: 0 auto;
    width: 100%;
}

#tyty2015_id_signup_left {
    /* background-color: #ffffff; */
    background: var(--Sand-Gradient, linear-gradient(180deg, rgba(235, 206, 171, 0.90) 6.7%, rgba(255, 250, 243, 0.90) 104.56%));
    /* border: 1px solid #d3d0ce; */
    /* -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; */
    /* border-radius: 5px; */
    margin: 20px 0;
    padding: 0;
    text-align: center;
    /* max-width: 250px; */
}

#related_1 {
    /* background-color: #ffffff; */
    /* border: 1px solid #d3d0ce; */
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /* margin: 20px 0; */
    padding: 0;
    text-align: left;
    /* width: 200px; */
}

.report-menu-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.112px;
    color: #2b2b2b;
    margin-bottom: 25px;
}

a.report-menu-active, a.report-menu-links {
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.112px;
    /* margin-bottom: 20px; */
    display: inline-block;
    text-decoration: none !important;
    margin: 10px 0;
}

a.report-menu-active {
    color: #0F854A !important;
    font-weight: 500 !important;
    /* margin-bottom: 15px; */
}

a.report-menu-links {
    color: #2b2b2b;
}

a.report-menu-subtitle:hover, a.report-menu-links:hover {
    text-decoration: underline !important;
}

/*  */
/*  */
/* vertical signup embed form styles */

#tyty2015_id_signup_left .at-inner {
    background: none;
}

#tyty2015_id_signup_left header.at-title {
    /* background-color: #ffffff; */
    /* border-bottom: 1px solid #193d49; */
    /* border-radius: 5px 5px 0 0; */
    font-family: 'niveau-grotesk', sans-serif;
    color: #2b2b2b;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.104px;
    height: auto;
    margin: 0;
    padding: 35px 0 13px;
    text-align: center;
    width: 100%;
    /* border-radius: 6px 0 0; */
    /* background-color: #193d49; */
}

/* header text styles */

#tyty2015_id_signup_left .HeaderHtml {
    padding: 10px 20px;
    margin: 0;
    font-family: 'freight-text-pro', serif;
}

#tyty2015_id_signup_left .HeaderHtml p {
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.064px;
    padding: 0;
    margin: 0;
}

/* header text styles end */

/* sign up form styles */

#tyty2015_id_signup_left .at .at-fieldset {
    padding: 20px 32px 0 !important;
}

.at .btn-at {
    border-radius: 0 !important;
}

#tyty2015_id_signup_left .at-legend {
    display: none;
}

#tyty2015_id_signup_left .at-row>[class^="at-"] {
    min-width: 0;
}

#tyty2015_id_signup_left .select2-container, #tyty2015_id_signup_left .at input[type="tel"], 
#tyty2015_id_signup_left .at input[type="email"] {
    width: 200px !important;
    text-align: left;
    background: rgba(255, 255, 255, 0.7) !important;
}

#tyty2015_id_signup_left .at .select2-selection--single, #tyty2015_id_signup_left .at input[type="tel"], 
#tyty2015_id_signup_left .at input[type="email"] {
    border: none !important;
    height: 45px !important;
    border-radius: 0 !important;
    padding: 12px 15px !important;
}

/* #tyty2015_id_signup_left .at .select2-selection--single .select2-selection__rendered {
    padding-left: 8px !important;
} */

/* sign up button */
#tyty2015_id_signup_left .at input[type="submit"] {
    font-family: 'niveau-grotesk', sans-serif;
    background: none repeat scroll 0 0 #fff;
    border: 2px solid #fff !important;
    /* -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; */
    color: #183D49;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 1.63636px;
    text-transform: uppercase;
    text-align: center;
    height: 45px;
    width: 200px;
    margin: 10px 0;
    outline: medium none !important;
}

#tyty2015_id_signup_left .at input[type="submit"]:hover {
    background: transparent;
}

/* sign up form styles end */

/* footer text */

#tyty2015_id_signup_left .FooterHtml {
    padding: 10px 20px;
    font-family: 'niveau-grotesk', sans-serif;
}

#tyty2015_id_signup_left .FooterHtml p {
    color: #2b2b2b;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.064px;
    mix-blend-mode: normal;
    opacity: 0.7;
}

#tyty2015_id_signup_left .at-form-submit {
    padding: 0 !important;
}

/* footer text styles end */

/*  */
/*  */
/*  */

#related_2 {
    background-color: #ffffff;
    border-bottom: 1px solid #006b37;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    font-size: 125%;
    line-height: 100%;
    font-weight: 600;
    height: auto;
    margin: 0;
    padding: 13px 0;
    text-align: center;
    width: 100%;
}

#related_2 a {
    text-decoration: none !important;
    color: #FFFFFF;
}

#tyty2015_id_signup_left_text p {
    /*
	font-size: 14px;
    line-height: 20px;
    */
    padding: 12px;
    /* color: #7e7b7a; */
    color: #525353;
    font-size: 90%;
    line-height: 165%;
}

form#tyty2015_id_emailsignupform {
    padding: 0 12px 12px;
}

input#tyty2015_id_email {
    background-color: #ffffff;
    border: 0 none !important;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.19) inset;
    /* color: #7e7b7a; */
    color: #525353;
    /*
	font-family: "Open Sans",sans-serif;
    font-size: 14px;
	    line-height: 14px;

    */
    font-size: 95%;
    line-height: 100%;
    font-style: normal;
    font-weight: 400;
    height: 28px;
    margin: 0 0 10px;
    outline: medium none !important;
    padding: 7px 5px;
    width: 100%;
}

input#tyty2015_id_zip {
    background-color: #ffffff;
    border: 0 none !important;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.19) inset;
    /* color: #7e7b7a; */
    color: #525353;
    /*
	font-family: "Open Sans",sans-serif;
    font-size: 14px;

	line-height: 14px;
	*/
    font-size: 95%;
    line-height: 100%;
    font-style: normal;
    font-weight: 400;
    height: 28px;
    margin: 0 0 5px;
    outline: medium none !important;
    padding: 7px 5px;
    width: 100%;
}

.tyty2015_class_right_column {
    background-color: #ffffff;
    /* background-color: #f5f5f1; */
    border: 1px solid #d3d0ce;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
}

#tyty2015_id_score {
    border-right: 1px solid #d3d0ce;
    height: 140px;
    position: relative;
    width: 120px;
    z-index: 9;
}

#tyty2015_id_score img {
    height: auto;
    max-height: 120px;
    width: 100%;
}

#tyty2015_id_name_and_cats {
    height: 120px;
    position: relative;
    width: 640px;
}

#tyty2015_id_prod_name {
    background-color: #ffffff;
    color: #525353;
    /*
	font-size: 19px;
    line-height: 26px;
	*/
    font-size: 120%;
    line-height: 120%;
    font-weight: 600;
    height: 140px;
    padding: 10px 20px;
    width: 100%;
}

#tyty2015_id_prod_name p {
    /*
	font-size: 14px;
    font-weight: normal;
    line-height: 18px;
	*/
    font-weight: 400;
    font-size: 95%;
    line-height: 100%;
}

#tyty2015_id_gages {
    background-color: #fff;
    /* border-bottom: 2px solid #d3d0ce; */
    color: #525353;
    padding: 60px 20px 0;
    width: 100%;
}

#tyty2015_id_gages>p {
    padding: 0;
}

.tyty2015_class_gages_col_individual {
    background-color: #ffffff;
    border: 1px solid #d3d0ce !important;
    border-bottom: 3px solid #d3d0ce !important;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    padding: 0 0 20px;
    position: relative;
    width: 100%;
    z-index: 9;
}

.tyty2015_class_bottom_space {
    margin-bottom: 30px;
}

.tyty2015_class_zeropadding {
    padding: 0;
}

.tyty2015_class_gages_col_left,
.tyty2015_class_gages_col_right {
    /* margin: 2.5%; */
    width: 45%;
}

.tyty2015_class_gages_col_header {
    background: none repeat scroll 0 0 #f0efea;
    border-bottom: 1px solid #d3d0ce;
    border-radius: 5px 5px 0 0;
    padding: 11px 0;
    text-align: center;
}

.tyty2015_class_gages_col_header h1 {
    color: #525353;
    /*
	font-size: 18px;
        line-height: 20px;

	*/
    font-weight: 600;
    font-size: 115%;
    line-height: 130%;
}

.tyty2015_class_gages_col_left h2 {
    color: #625f60;
    /*
	font-size: 16px;
    line-height: 20px;
	*/
    font-size: 100%;
    line-height: 120%;
    font-weight: 600;
    margin: 0;
    padding: 10px 10px 5px;
}

.tyty2015_class_gages_col_left p,
.tyty2015_class_gages_col_right p {
    color: #525353;
    /*
	font-size: 14px;
        line-height: 20px;

	*/
    font-size: 90%;
    line-height: 170%;
    font-weight: 400;
    margin: 0;
    padding: 0 10px 10px;
}

.tyty2015_class_zeropadding p {
    border-bottom: 1px solid #d3d0ce;
    padding: 10px;
}

.tyty2015_class_zeropadding p.redflag {
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/red_flag.png);
    background-position: 8px 15px;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
    background-color: #fcfce7;
}

.tyty2015_class_zeropadding p.reddot {
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/reddot.jpg);
    background-position: 8px 15px;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
}

.tyty2015_class_zeropadding p.orangedot {
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/orangedot.jpg);
    background-position: 8px 15px;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
}

.tyty2015_class_zeropadding p.graydot {
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/graydot.jpg);
    background-position: 8px 15px;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
}

.tyty2015_class_zeropadding p.greendot {
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/greendot.jpg);
    background-position: 8px 15px;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
}

.tyty2015_class_zeropadding p.yellow_warning {
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/warning_sign_sm.png);
    background-position: 13px 15px !important;
    background-size: 20px;
    background-repeat: no-repeat;
    padding: 10px 10px 10px 40px;
}

#tyty2015_id_prod_cats_left {
    background-color: #ffffff;
    border: 1px solid #d3d0ce;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: #5a5b5d;
    font-size: 95%;
    font-weight: 400;
    line-height: 120%;
    padding: 0 0 15px;
    text-align: left;
    width: 200px;
}

.tyty2015_class_cat_ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.tyty2015_class_cat_ul li {
    display: block;
    list-style: outside none none;
    margin: 0;
    padding: 2px 10px;
}

.tyty2015_class_cat_ul li:hover {
    background-color: #ccdfa2;
}

.tyty2015_class_cat_ul li a,
.tyty2015_class_cat_ul li a:link,
.tyty2015_class_cat_ul li a:visited {
    color: #525353;
    opacity: 1;
}

.tyty2015_class_cat_ul li a:active,
.tyty2015_class_cat_ul li a:hover {
    opacity: 1;
    text-shadow: none;
    transition-duration: 0.3s;
}

.tyty2015_class_cat_ul li:hover a {
    color: #525353 !important;
    text-shadow: none;
}

.tyty2015_class_bar_left {
    padding: 0 10px;
}

.tyty2015_class_bar_left_col_1 {}

.tyty2015_class_bar_left_col_1 {
    line-height: 160%;
    margin-right: 10px;
    text-align: right;
    width: 20px;
}

.tyty2015_class_bar_left_col_2 {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 25px;
    margin: 0 0 5px;
    text-indent: -9999px;
    width: 118px;
}

.tyty2015_class_col_1 {
    background-color: #00aa50;
    height: 25px;
    width: 10%;
}

.tyty2015_class_col_2 {
    background-color: #00aa50;
    height: 25px;
    width: 20%;
}

.tyty2015_class_col_3 {
    background-color: #fcb143;
    height: 25px;
    width: 30%;
}

.tyty2015_class_col_4 {
    background-color: #fcb143;
    height: 25px;
    width: 40%;
}

.tyty2015_class_col_5 {
    background-color: #fcb143;
    height: 25px;
    width: 50%;
}

.tyty2015_class_col_6 {
    background-color: #fcb143;
    height: 25px;
    width: 60%;
}

.tyty2015_class_col_7 {
    background-color: #ed2027;
    height: 25px;
    width: 70%;
}

.tyty2015_class_col_8 {
    background-color: #ed2027;
    height: 25px;
    width: 80%;
}

.tyty2015_class_col_9 {
    background-color: #ed2027;
    height: 25px;
    width: 90%;
}

.tyty2015_class_col_10 {
    background-color: #ed2027;
    height: 25px;
    width: 100%;
}

.tyty2015_class_col_1:hover,
.tyty2015_class_col_2:hover,
.tyty2015_class_col_3:hover,
.tyty2015_class_col_4:hover,
.tyty2015_class_col_5:hover,
.tyty2015_class_col_6:hover,
.tyty2015_class_col_7:hover,
.tyty2015_class_col_8:hover,
.tyty2015_class_col_9:hover,
.tyty2015_class_col_10:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

.tyty2015_class_radius5px {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.tyty2015_class_bar_left_col_2 {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height: 25px;
    margin: 0 5px 5px 0;
    text-indent: -9999px;
    width: 108px;
}

p.tyty2015_class_method_p {
    /*
	font-size: 14px;
    line-height: 10px;
    */
    font-size: 95%;
    line-height: 100%;
    margin: 10px 0;
    text-align: right;
}

p.tyty2015_class_method_p a,
p.tyty2015_class_method_p a:link,
p.tyty2015_class_method_p a:visited {
    color: #78776e;
    text-decoration: underline;
}

p.tyty2015_class_method_p a:active,
p.tyty2015_class_method_p a:hover {
    color: #78776e;
    text-decoration: underline;
}

.tyty2015_class_image_bullet {
    padding-right: 10px;
    max-width: 30px;
    width: auto;
}

#tyty2015_id_breadcrumbs {
    background-color: #f5f5f1;
    border-bottom: 2px solid #d3d0ce;
    color: #6f7072;
    /*
	font-size: 12px;
        line-height: 15px;

	*/
    font-size: 80%;
    line-height: 100%;
    height: 40px;
    padding: 10px;
}

.tyty2015_class_gages_3_wide {
    margin: 0 0 5% 0;
    width: 100%;
}

.tyty2015_class_moreinfo_3_wide {
    background: none repeat scroll 0 0 #f0efea;
    -o-border-radius: 0 5px 0px 5px;
    -ms-border-radius: 0 5px 0px 5px;
    -khtml-border-radius: 0 5px 0px 5px;
    -moz-border-radius: 0 5px 0px 5px;
    -webkit-border-radius: 0 5px 0px 5px;
    border-radius: 0 5px 0px 5px;
    bottom: 0;
    color: #868686;
    cursor: pointer !important;
    /*
	font-size: 13px !important;
    line-height: 13px !important;
	*/
    font-size: 85%;
    line-height: 100%;
    font-weight: 600;
    height: auto !important;
    left: 0;
    margin: 0;
    padding: 10px 15px !important;
    position: absolute;
    text-align: center;
    text-decoration: none !important;
    width: auto;
    z-index: 99;
}

.tyty2015_class_top_left_right_curved {
    border-radius: 6px 6px 0 0;
}

#tyty2015_id_prod_photo.tyty2015_class_prod_photo_updated {
    border-bottom: 1px solid #d3d0ce;
    border-right: 1px solid #d3d0ce;
    width: 200px !important;
}


/*
#tyty2015_id_prod_photo img {
    height: auto;
    max-width: 90%;
}
*/

#tyty2015_id_prod_photo img {
    height: 100%;
    width: auto;
}

#tyty2015_id_prod_photo {
    border-left: 0 solid #d3d0ce;
    height: 200px !important;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

#tyty2015_id_the_new_score_title_block {
    background-color: #ffffff;
    height: 200px !important;
    overflow: hidden !important;
    width: 760px;
}

#tyty2015_id_score.tyty2015_class_updated_score {
    border-bottom: 0 solid #d3d0ce;
    border-left: 1px solid #d3d0ce;
    border-right: 0 solid #d3d0ce;
    height: 100%;
    position: relative;
    width: 200px;
    z-index: 9;
}

#tyty2015_id_score.tyty2015_class_updated_score img {
    height: 100% !important;
    max-height: none !important;
    width: auto !important;
}

#tyty2015_id_name_and_cats.tyty2015_class_name_and_cats_updated {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #d3d0ce;
    height: 100%;
    max-width: 560px;
    overflow: hidden;
}

#tyty2015_id_breadcrumbs.tyty2015_class_breadcrumbs_updated {
    border: 1px solid #d3d0ce;
    color: #525353;
    opacity: 0.6;
}

#tyty2015_id_breadcrumbs.tyty2015_class_breadcrumbs_updated a {
    color: #525353;
    text-decoration: none;
}

.tyty2015_class_product_header_updated {
    padding: 0px 0 0;
}

.tyty2015_class_left_column_updated {
    margin-right: 0;
    /* width: 199px; */
    border-left: 1px solid rgba(86, 84, 80, 0.2);
    padding-left: 40px;
    /* margin-top: 60px; */
}

/* @media (max-width: 600px) {
    .tyty2015_class_left_column_updated {
        border-left: none;
    }
} */

/* .tyty2015_class_right_column_updated {
    width: 761px;
} */

#tyty2015_id_prod_cats_left.tyty2015_class_prod_cats_left_updated {
    border-radius: 0 0 0 6px;
    border-right: 0 none !important;
    display: contents;
}

#related_2 {
    border-radius: 6px 0 0 0;
    border-right: 0 none !important;
}

.tyty2015_class_right_column_updated {
    border-radius: 0 0 6px 6px;
    border: 0 none !important;
}

#tyty2015_id_post_date.tyty2015_class_post_date_updated {
    border-radius: 6px 0 0 6px;
    /*
	font-size: 13px;
    line-height: 19px;
    */
    font-size: 90%;
    line-height: 100%;
    padding: 10px;
    text-align: left;
}

#related_3 {
    color: #525353;
    font-size: 90%;
    line-height: 165%;
    padding: 0px;
    margin: 0;
}

#related_3 ul {
    margin: 0 0 0 0px;
    padding: 0 0 0 0px;
}

#related_3 ul li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #d3d0ce;
}

#related_3 ul li:last-child {
    border: 0 none;
}

#related_3 ul li a {
    text-decoration: none !important;
    display: block;
    margin: 0 0 0px 0;
    padding: 6px 10px 6px 10px;
}

#related_3 ul li a:hover {
    background-color: #f5f5f1;
}


/*		#related_3 ul li:nth-child(even)  { background-color:#f5f5f1;} */

/* #related_1 {
    border-radius: 6px 0 0 6px;
} */

#tyty2015_id_vert_banner.tyty2015_class_vert_banner_updated {
    border-radius: 6px 0 0 6px;
}

#tyty2015_id_vert_banner.tyty2015_class_vert_banner_updated img {
    border-radius: 6px 0 0 6px;
}

.tyty2015_class_explain_bar {
    border: 1px solid #d3d0ce;
    border-radius: 6px;
    bottom: 0;
    color: #525353;
    /*
	font-size: 12px;
        line-height: 12px;


	*/
    font-size: 90%;
    line-height: 100%;
    font-weight: 600;
    left: 0;
    margin: 10px;
    padding: 5px;
    position: absolute;
    width: 90%;
}

.tyty2015_class_explain_bar img {
    height: 50px;
    margin-right: 10px;
    width: auto;
}

.tyty2015_class_howitrates_new {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/how_it_rates_new_img.jpg") no-repeat scroll 0 12px transparent;
    border: 0 none;
    color: #525353;
    /*
	font-size: 14px;
    line-height: 20px;
	*/
    font-size: 85%;
    line-height: 120%;
    font-weight: 400;
    margin: 5px 10px 10px;
    padding: 15px 0px 15px 27px;
    width: 90%;
}

.tyty2015_class_howitrates_new span {
    font-size: 120%;
    font-weight: 600;
}

li#tyty2015_id_li_description_bars_new {
    background-color: #f5f5f1;
    color: #78776e;
    /*
    font-size: 12px;
    line-height: 20px;
	*/
    font-size: 90%;
    line-height: 100%;
    margin: 10px 0 0;
}

.tyty2015_class_gages_3_wide {
    cursor: pointer;
}

.tyty2015_class_gages_3_wide:hover {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

#tyty2015_id_selected_bar {
    position: relative;
    z-index: 1;
}

#tyty2015_id_selected_bar::after {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/left_arrow_new.png") no-repeat scroll 0 0 transparent;
    content: "";
    height: 20px;
    position: absolute;
    right: -25px;
    top: 2.5px;
    transition: all 0.3s ease-in-out 0s;
    width: 20px;
    z-index: 9;
}

#tyty2015_id_selected_bar:hover::after {
    transition: all 0.3s ease-in-out 0s;
}

.tyty2015_class_left_amazon_link {
    background-color: #ffffff !important;
    border: 1px solid #d3d0ce;
    border-radius: 5px 0 0 5px !important;
    /*
	font-size: 12px;

	*/
    font-size: 90%;
    line-height: 100%;
    margin-top: 10px;
    padding: 10px 0 !important;
    text-align: center;
    width: 200px;
}

#tyty2015_id_prod_name.tyty2015_class_prod_name_updated {
    height: auto;
    padding: 20px 20px 11px;
}

#tyty2015_id_prod_name.tyty2015_class_prod_name_updated h1 {
    /*
	font-size: 22px;
    line-height: 24px;
	*/
    font-size: 116%;
    line-height: 110%;
    font-weight: 300;
    padding: 5px 0 0;
}

#tyty2015_id_prod_name.tyty2015_class_prod_name_updated p {
    /*
	font-size: 13px;
    line-height: 20px;
    */
    font-size: 75%;
    line-height: 100%;
    padding-bottom: 0;
    padding-top: 8px;
}

#tyty2015_id_prod_name.tyty2015_class_prod_name_updated p a {
    font-weight: 600;
    text-decoration: none !important;
}

.tyty2015_class_img_delete_bg_noshow {
    height: auto;
    max-width: 100%;
    width: 100%;
}

.tyty2015_class_bar_left_col_2 {
    /*
    width: 85px;
	*/
    width: 130px;
}

#tyty2015_id_prod_cats_left {
    border-top: 0 none;
}

.tyty2015_class_img_delete_bg_noshow {
    height: 100%;
    max-width: 100%;
    width: auto;
}

.tyty2015_class_gages_col_header h1.tyty2015_class_new_062014 {
    /*
	font-size: 15px;
    line-height: 16px;
    */
    font-size: 94%;
    line-height: 100%;
    padding: 5px 0 0 25px;
}

.tyty2015_class_gages_col_header h1.tyty2015_class_new_062014 span.tyty2015_class_mini_letter {
    background-color: #69685c;
    border-radius: 115px;
    color: #ffffff;
    display: inline-block;
    /*
	font-size: 12px;
        line-height: 12px;

	*/
    font-size: 80%;
    line-height: 100%;
    height: 22px;
    left: 11px;
    margin: 0 5px 0 0;
    padding: 5px 0 0;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 22px;
    font-weight: 600;
}

span.tyty2015_class_mini_letter {
    font-family: Verdana;
    font-weight: 100;
}

#tyty2015_id_thermometer_legend_box {
    background-image: url("https://static.ewg.org/reports/20176/sunscreens/img/thermometer_ticks.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    float: left;
    height: 45px;
    margin: 5px 2.5% 0 12.5%;
    position: relative;
    width: 75%;
    z-index: 9;
}

#tyty2015_id_thermometer_legend {
    border-left: 1px solid #d3d0ce;
    border-right: 1px solid #d3d0ce;
    color: #868383;
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
}

#tyty2015_id_thermometer_legend_inside {
    /*
	font-size: 14px;
        line-height: 14px;

	*/
    font-size: 95%;
    line-height: 100%;
    height: auto;
    position: relative;
    width: 100%;
    z-index: 9;
}

#tyty2015_id_thermometer_legend_inside_1 {
    left: -5px;
    position: absolute;
    top: 20px;
    z-index: 99;
}

#tyty2015_id_thermometer_legend_inside_10 {
    position: absolute;
    right: -5px;
    top: 20px;
    z-index: 99;
}

#tyty2015_id_thermometer_score_box {
    height: 40px;
    margin-left: 10%;
    margin-top: 0;
    width: 75%;
}

img#tyty2015_id_thermometer_score {
    border-radius: 7px;
    height: 40px;
    margin: 0 0 0 90%;
    width: 40px;
    z-index: 99;
}

#tyty2015_id_thermometer_score_border_line {
    border-left: 1px solid #d3d0ce;
    height: 15px;
    position: absolute;
    right: 0;
    top: -18px;
    width: 2px;
    z-index: 99;
}

#tyty2015_id_termometer_label_lower {
    float: left;
    /*
	font-size: 14px;
        line-height: 14px;


	*/
    font-size: 95%;
    line-height: 100%;
    height: auto;
    margin-top: 25px;
    position: relative;
    text-align: right;
    width: 10%;
    z-index: 9;
}

#tyty2015_id_termometer_label_higher {
    float: left;
    height: auto;
    /*
	font-size: 14px;
        line-height: 14px;


	*/
    font-size: 95%;
    line-height: 100%;
    margin-top: 25px;
    position: relative;
    width: 10%;
    z-index: 9;
}

#tyty2015_id_thermometer {
    background-color: #ffffff;
    border: 1px solid #d3d0ce;
    border-radius: 7px;
    float: left;
    height: 35px;
    margin: 20px 2.5% 0;
    position: relative;
    width: 75%;
    z-index: 9;
}

#tyty2015_id_thermometer_hazard {
    height: 100%;
    position: relative;
    z-index: 10;
}

#tyty2015_id_thermometer_processing {
    height: 100%;
    position: relative;
    z-index: -10;
}

.tyty2015_class_thermometer_border_left {
    border-left: 2px solid #ffffff;
}

.tyty2015_class_thermometer_left_rounding {
    border-radius: 7px 0 0 7px;
}

.tyty2015_class_mini_letter_label {
    background-color: #69685c;
    border-radius: 115px;
    color: #ffffff;
    display: inline-block;
    font-family: Verdana;
    /*
	font-size: 12px;
    line-height: 12px;
	*/
    font-size: 75%;
    line-height: 100%;
    font-weight: 100;
    height: 22px;
    left: 50%;
    margin: 0 5px 0 -11px;
    padding: 5px 0 0;
    position: absolute;
    text-align: center;
    top: 6px;
    width: 22px;
}

.tyty2015_class_thermometer_color_2 {
    background-color: #7fc678;
}

.tyty2015_class_top_finding_addtional_information {
    /*font-size: 0.9em;
    line-height: 1.5em;
	*/
    /*
	font-size: 14px;
        line-height: 14px;


	*/
    font-size: 95%;
    line-height: 140%;
    margin: 10px;
    padding: 10px;
}

.tyty2015_class_gage_2 {
    height: 190px !important;
    margin: 0 auto;
    position: relative;
    width: 205px;
    z-index: 9;
}

.tyty2015_class_gages_col_individual .tyty2015_class_gage_2 {
    height: 225px !important;
    width: 100% !important;
}

.tyty2015_class_gage_2_bg_img {
    /*
    height: auto;
    left: 20px;
    top: 36px;
    width: 165px;
 */
}

.tyty2015_class_gage_2_bg_img {
    height: 65%;
    position: absolute;
    right: 28px;
    top: 45px;
    width: auto;
    z-index: 99;
}

.tyty2015_class_pistachio_green {
    background: none repeat scroll 0 0 #0F854A !important;
}

.sunscreen_class_dark_blue {
    background: none repeat scroll 0 0 #225890 !important;
}

.tyty2015_class_overall_score_blurb {
    /*
	font-size: 13px;
    line-height: 20px;
    */
    font-size: 90%;
    line-height: 170%;
    margin-bottom: 3%;
}

.tyty2015_class_overall_score_blurb a {
    font-weight: 600;
    text-decoration: none !important;
}

.tyty2015_class_howitrates_new {
    margin-top: 0 !important;
}

.tyty2015_class_older_product_ind_result {
    background-color: transparent;
}

p.tyty2015_class_method_p {
    margin: 10px 0 20px;
    text-align: center;
}

p.tyty2015_class_bolder_p {
    font-size: 115%;
    font-weight: 600;
    line-height: 160%;
    margin: 0;
}


.section-title-lg, .section-title-sm {
    text-align: center;
    color: #2b2b2b !important;
}

.section-title-lg {
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    letter-spacing: -0.16px;
}

.section-title-sm {
    font-size: 15px;
    line-height: 28px;
    letter-spacing: 1.5px;
}


/*  */
/*  */
/* sunscreen 101 styles */

.sunscreen101-wrapper {
    padding-top: 80px;
    font-family: 'niveau-grotesk', sans-serif;
}

.sunscreen101-blocks {
    display: flex;
    /* flex-wrap: wrap; */
    justify-content: space-between;
    /* margin: 20px auto; */
}

.sunscreen101-img {
    margin: 0 20px;
    text-align: center;
}

.sunscreen101-block-title {
    color: #2b2b2b;
    /* text-align: center; */
    font-size: 27px;
    line-height: 34px;
    letter-spacing: -0.104px;
    font-weight: 400;
    margin: 30px 0;
}

a.sunscreen101-list-link, a.hero-list-link {
    color: #2b2b2b !important;
    /* text-align: center !important; */
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 1.2px;
    display: inline-block;
    /* justify-content: space-around; */
    /* margin: 0 41%; */
    /* padding: 0 40%; */
    /* width: 18%; */
    text-decoration: none !important;
    /* border-bottom: 1px solid #183D49 !important; */
}

a.hero-list-link {
    margin: 40px 0 25px 30px;
    text-decoration: none !important;
    /* border-bottom: 1px solid #183D49 !important; */
}

.underline-hover, 
.underline-hover-light, 
.underline-hover-green, 
.underline-hover-yellow {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

@media(min-width: 768px) {
    .underline-hover, 
    .underline-hover-light, 
    .underline-hover-green, 
    .underline-hover-yellow {
        font-size:12px
    }
}

.underline-hover:before, 
.underline-hover-light:before, 
.underline-hover-green:before, 
.underline-hover-yellow:before {
    transition: transform .45s cubic-bezier(.645,.045,.355,1);
    transition-delay: 0s;
    transform-origin: 0 50%;
    transform: scaleX(0) translateZ(0)
}

.underline-hover:after,.underline-hover:before,
.underline-hover-light:after, .underline-hover-light:before, 
.underline-hover-green:after, .underline-hover-green:before, 
.underline-hover-yellow:after, .underline-hover-yellow:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 1px;
}

.underline-hover:after, 
.underline-hover:before {
    background-color: #183D49;
}

.underline-hover-light:after, 
.underline-hover-light:before {
    background-color: #D3E6EB;
}

.underline-hover-green:after, 
.underline-hover-green:before {
    background-color: #0F854A;
}

.underline-hover-yellow:after, 
.underline-hover-yellow:before {
    background-color: #FAF0D2;
}

.underline-hover:after, 
.underline-hover-light:after, 
.underline-hover-green:after, 
.underline-hover-yellow:after {
    transition: transform .5s cubic-bezier(.645,.045,.355,1);
    transition-delay: .13s;
    transform-origin: 100% 50%;
    transform: scaleX(1) translateZ(0)
}

@media(any-hover: hover) {
    .underline-hover:hover:before, 
    .underline-hover-light:hover:before, 
    .underline-hover-green:hover:before, 
    .underline-hover-yellow:hover:before {
        transform:scaleX(1) translateZ(0);
        transition-delay: .13s;
        transition-duration: .5s
    }

    .underline-hover:hover:after, 
    .underline-hover-light:hover:after, 
    .underline-hover-green:hover:after, 
    .underline-hover-yellow:hover:after {
        transform: scaleX(0) translateZ(0);
        transition-delay: 0s;
        transition-duration: .45s
    }
}

/* .get-the-guide-blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 3%;
} */

.read-report-btn {
    width: 30%;
    background-color: #0F854A;
    border: 2px solid #0F854A !important;
}

.read-report-btn:hover {
    background-color: transparent;
    color: #2b2b2b;
}

.hidden-get-guide-btn {
    background-color: #fff !important;
    color: #183D49;
    border: 2px solid #fff !important;
    width: 75%;
    transition: 0.3s ease-in-out;
}

.hidden-get-guide-btn:hover {
    background-color: transparent !important;
    color: #fff !important;
}



#sunscreen101 {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    max-width: 960px;
    margin: 0 auto 20px auto;
    height: auto;
    position: relative;
    z-index: 1;
    height: 414px;
}

#sunscreen101_left {
    -o-border-radius: 5px 0 0 5px;
    -ms-border-radius: 5px 0 0 5px;
    -khtml-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    width: 610px;
    float: left;
}

#sunscreen101_left h1.title {
    color: #525353;
    font-size: 150%;
    font-weight: 400;
    line-height: 100%;
    margin: 4% 0 1% 3%;
    text-shadow: 0 1px 0 #ffffff;
}

#sunscreen101_left h1.title span {
    color: rgba(0, 154, 79, 1);
    font-size: 90%;
}


/*  */
/*  */
/* EWG Verified styles */

.verified-wrapper {
    /* background: linear-gradient(180deg, rgba(223, 241, 223, 0) 1.56%, #DFF1DF 55.21%, rgba(223, 241, 223, 0) 100%); */
    background: var(--Blush-Blur, linear-gradient(180deg, rgba(255, 255, 255, 0.00) 1.56%, #E8D1CF 34.89%, rgba(232, 209, 207, 0.75) 76.49%, rgba(255, 255, 255, 0.00) 100%));
}

.verified-logo {
    width: 10%;
    height: 10%;
}

.verified-main-wrapper {
    display: flex;
}

.verified-content-wrapper {
    display: inline;
    margin-left: 50px;
}

.verified-title {
    font-family: 'niveau-grotesk', sans-serif;
    color: #2b2b2b;
    font-size: 40px;
    font-weight: 400;
    line-height: 100%;
    /* text-transform: uppercase; */
    margin-bottom: 40px;
    margin-left: 6px;
}

.verified-text {
    font-family: 'freight-text-pro', serif;
    color: #2b2b2b;
    opacity: 0.9;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.1px;
    margin-bottom: 20px;
    padding: 0 !important;
    margin-left: 10px;
}

a.verified-links {
    font-family: 'niveau-grotesk', sans-serif !important;
    color: #2b2b2b !important;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 1.2px;
    margin: 0 10px;
    /* padding-bottom: 5px; */
    text-decoration: none !important;
    /* border-bottom: 1px solid !important; */
}

.verified-product-img {
    position: relative;
    margin: 50px 25px;
    box-shadow: 0px 1px 20px rgba(0, 0, 0, 0.15);
    background-color: #fff;
    transition: 0.3s ease-in-out;
}

.verified-product-img:hover {
    box-shadow: 0px 1px 30px rgba(0, 0, 0, 0.35);
}

.verified-product-img-left {
    margin-top: 60%;
}

.verified-product-img-mid {
    margin-top: 15%;
}

.verified-product-img-right {
    bottom: 20%;
}

.verified-image-wrapper {
    align-items: center;
    display: flex;
    height: 500px;
    justify-content: center;
    padding: 40px 20px 150px 20px;
}

.verified-img-1 {
    max-height: 330px;
    max-width: 350px;
    width: auto;
}

.verified-product-text {
    /* display: block; */
    position: absolute;
    bottom: 5%;
    left: 10%;
    padding-right: 60px;
}

.verified-product-title {
    font-family: 'niveau-grotesk', sans-serif !important;
    color: #169D5B;
    font-size: 12px;
    font-weight: 500;
    line-height: 28px;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 0 !important;
}

.verified-product-subtitle {
    font-family: 'niveau-grotesk', sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    padding: 0 !important;
}

/*  */
/*  */
/*  */



a.four_blocks {
    text-decoration: none !important;
    outline: none !important;
    border: 0 none !important;
    display: block;
    width: 45%;
    margin: 3% 4% 0 3%;
    float: left;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0, 154, 79, 0.85);
    text-align: center;
    padding: 4%;
    height: 150px;
}

a.four_blocks:nth-child(2n+1) {
    /*
	background: #ff0000;
	*/
    margin-right: 0;
    margin-left: 0;
}

a.four_blocks img {
    height: 50px;
    width: auto;
    margin: 0 auto 5px auto;
}

a.four_blocks h1 {
    color: #ffffff;
    font-size: 160%;
    line-height: 100%;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

#sunscreen101_right {
    -o-border-radius: 0 5px 5px 0;
    -ms-border-radius: 0 5px 5px 0;
    -khtml-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    width: 350px;
    float: left;
    text-align: center;
}

#sunscreen101_right h1.title {
    color: #ffffff;
    font-size: 150%;
    font-weight: 600;
    line-height: 1.3;
    margin: 16px auto 4%;
    padding: 0;
}

#sunscreen101_right p.title {
    color: #ffffff;
    font-size: 115%;
    line-height: 150%;
    padding: 0;
    margin: 0 auto;
}

#sunscreen101_right a#ty_orange_readmore {
    margin: 4% auto 0 auto;
}

#theguide {
    width: 481px;
    height: 205px;
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/cards-new.png);
    background-position: 4px 0;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: -20px;
}

#home_tips {
    margin: 0 auto;
    max-width: 960px;
}

#home_tips h1#tips {
    color: #525353;
    font-size: 150%;
    font-weight: 700;
    line-height: 100%;
    margin: 1% 0 1% 0;
    text-shadow: 0 1px 0 #ffffff;
}

#home_tips h1#tips span.tips {
    color: #ffffff;
    padding: 8px 20px;
    margin-right: 15px;
    background: #525353;
    /* font-family:Times, "Times New Roman", serif; */
    text-shadow: none;
    font-weight: 600;
}

#home_tips h1#tips span.lastresort {
    color: rgba(0, 154, 79, 1);
    font-size: 90%;
    margin-left: 15px;
    font-weight: 300;
}


/* a.six_blocks { 
  border:0 none !important;
  border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -khtml-border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  display:block;
  float:left;
  height:170px;
  margin:3% 10% 0% 0%;
  padding:0%;
  outline:none !important;
  overflow:hidden;
  text-align:left;
  text-decoration:none !important;
  width:45%;
} */

.tip-blocks-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px auto;
}

a.six_blocks {
    border: 0 none !important;
    display: block;
    margin: 0 0 30px;
    padding: 0;
    outline: none !important;
    overflow: hidden;
    text-align: left;
    text-decoration: none !important;
    width: 49%;
}


/* a.six_blocks:nth-child(2n+1) {
	margin-right:0;
} */

a.six_blocks img {
    height: auto;
    display: block;
    padding: 0;
    width: 100%;
}

a.six_blocks h1 {
    font-size: 138%;
    line-height: 85%;
    font-weight: 600;
    display: inline-block;
    width: 70%;
    padding: 0;
    vertical-align: top;
    padding: 2% 0 0 6%;
    font-family: 'Permanent Marker', cursive;
    letter-spacing: 0.04em;
}

a.six_blocks span {
    font-family: 'Open Sans';
    font-size: 15px;
    color: #525353;
    font-weight: 400;
    line-height: 150%;
    display: block;
    position: relative;
    top: 10px;
    margin-bottom: 10px;
    letter-spacing: 0;
}

a.six_blocks h2 {
    bottom: 12px;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    left: 12px;
    padding: 4px 8px;
    position: absolute;
}

.tip-blocks-wrapper a.six_blocks:nth-child(1) h2 {
    background-color: #ef4b23;
}

.tip-blocks-wrapper a.six_blocks:nth-child(2) h2 {
    background-color: #0994ce;
}

.tip-blocks-wrapper a.six_blocks:nth-child(3) h2 {
    background-color: #1463a7;
}

.tip-blocks-wrapper a.six_blocks:nth-child(4) h2 {
    background-color: #f8981c;
}

.tip-blocks-wrapper a.six_blocks:nth-child(5) h2 {
    background-color: #fcc715;
}

.tip-blocks-wrapper a.six_blocks:nth-child(6) h2 {
    background-color: #93cee7;
}

a.six_blocks .tip-header-wrapper {
    position: relative;
}


/*  */
/*  */
/* sunscreen tips styles */

.reports-section-title {
    color: #2b2b2b !important;
    font-size: 13px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 1.3px;
    /* margin: 30px 0; */
}

.reports-title {
    color: #2b2b2b !important;
    margin: 40px 0;
    font-size: 32px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.13px;
}

.reports-main-content {
    color: #2b2b2b !important;
    font-family: 'freight-text-pro', serif;
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.072px;
    margin-bottom: 40px;
    padding-right: 10px;
}

.reports-sub-title {
    color: #2b2b2b !important;
    font-size: 22px;
    font-weight: 400;
    margin: 30px 0 20px 0;
    line-height: 26px;
    letter-spacing: -0.088px;
}

.reports-sub-text {
    color: #2b2b2b !important;
    font-family: 'freight-text-pro', serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: -0.072px;
    padding: 0;
    margin-bottom: 30px;
}

/* a.read-reports-link {
    text-decoration: none !important;
}

a.read-reports-link:hover {
    border-bottom: 1px solid #183D49 !important;
} */



#reading {
    width: 960px;
    margin: 0 auto 20px auto;
}

#reading h1#reading_h1 {
    color: #525353;
    font-size: 150%;
    font-weight: 700;
    line-height: 100%;
    margin: 0% 0 7% 0;
    text-shadow: 0 1px 0 #ffffff;
}

#reading h1#reading_h1 span.reading {
    color: #ffffff;
    padding: 8px 20px;
    margin-right: 15px;
    background: #525353;
    /* font-family:Times, "Times New Roman", serif; */
    text-shadow: none;
    font-weight: 600;
}

#reading h1#reading_h1 span.fromewg {
    color: rgba(0, 154, 79, 1);
    font-size: 90%;
    margin-left: 15px;
    font-weight: 300;
}

#home_loop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-height: 100px;
    width: 100%;
}


/*  */
/*  */
/* footer get the guide embed styles */

.ngp-form.at {
    margin: 0 !important;
    max-width: 100% !important;
    background-size: cover;
    background-repeat: no-repeat;
    /* width: 100%;
    height: 100%; */
}

#vertical-ngp-form {
    background: linear-gradient(180deg, #D1E4FB 100%, #9CB6D6 100%) !important;
}

.at-inner {
    background-color: transparent !important;
}

.at .at-fieldset {
    padding: 20px 0 0 !important;
}

.at .select2-selection--single, .select2-container--default .select2-selection--single,
.at input[type="tel"], .at input[type="email"] {
    background-color: transparent !important;
    font-family: 'niveau-grotesk', sans-serif !important;
    color: #2b2b2b !important;
}

.footer-wrapper {
    background-image: url(https://static.ewg.org/sunscreen/guide_background_img.jpg) !important;
    background-size: cover;
    padding: 0px 300px;
}

.footer-ea-embed {
    margin: 20px auto 80px;
    /* max-width: 360px; */
}

.footer-ea-embed header.at-title {
    color: #2b2b2b;
    display: block;
    font-family: 'niveau-grotesk', sans-serif;
    font-size: 32px;
    font-weight: 400;
    line-height: 100%;
    margin: 0;
    padding: 30px 0;
    /* text-transform: uppercase; */
}

.footer-ea-embed header.HeaderHtml {
    color: #525353;
    display: block;
    font-size: 20px;
    font-weight: 400;
    margin: 0 auto;
    max-width: 720px;
    padding: 0;
    text-align: center;
}

.footer-ea-embed header.HeaderHtml p {
    font-size: 20px;
    margin: 0;
    padding: 0;
}

.footer-ea-embed .at fieldset legend {
    display: none;
}

.footer-ea-embed .at input[type="submit"] {
    background-color: #0F854A;
    border-left: 0 none;
    border-radius: 0;
    border: 2px solid #0F854A !important;
    color: #ffffff;
    cursor: pointer;
    display: block;
    float: none;
    font-size: 12px;
    font-weight: 500;
    line-height: 14px;
    /* margin: 0 auto; */
    padding: 20px 60px;
    text-transform: uppercase;
    transition: 0.3s ease-in-out;
}

.footer-ea-embed .at input[type="submit"]:hover {
    background-color: transparent;
    color: #2b2b2b;
}

.footer-ea-embed .at input[type="submit"]:focus {
    background-color: transparent;
    color: #2b2b2b;
}

.footer-ea-embed .at-form-submit {
    margin: 0;
    padding: 0;
}

.footer-ea-embed .ngp-form.at input {
    border: none;
    border-bottom: 1px solid #183D49;
    border-radius: 0;
} 

.footer-ea-embed .ngp-form.at .select2-selection--single {
    border: none;
    border-bottom: 1px solid #183D49;
    border-radius: 0;
}

a.home_loop_blocks {
    text-decoration: none !important;
    outline: none !important;
    border: 0 none !important;
    border: 1px solid gray;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: block;
    height: auto;
    margin: 0% 0% 8% 0%;
    padding: 0%;
    text-align: left;
    width: 100%;
}

@media (min-width: 600px) {
    a.home_loop_blocks {
        width: 47%;
    }
}

a.home_loop_blocks:nth-child(2n+1) {
    /*
	background: #ff0000;
	*/
    margin-right: 0%;
}

a.home_loop_blocks img {
    height: auto;
    width: 100%;
    /*float:left;*/
    display: inline-block;
    padding: 0 0 0 0;
    width: 30%;
    float: left;
}

a.home_loop_blocks h1 {
    color: #0994ce;
    font-size: 130%;
    line-height: 130%;
    font-weight: 600;
    /*float:left;*/
    display: inline-block;
    width: 70%;
    padding: 0;
    vertical-align: top;
    padding: 0% 0 0 6%;
    float: left;
}

a.home_loop_blocks h1 span {
    font-size: 70%;
    color: #525353;
    font-weight: 400;
}


/*
border: 0 none !important;    outline: medium none !important;    text-decoration: none !important;
*/

h1#prod_h1_1 {
    color: #525353;
    font-size: 150%;
    font-weight: 400;
    line-height: 100%;
    margin: 0% 0 2% 0%;
    text-shadow: 0 1px 0 #ffffff;
}

h1#prod_h1_1 span {
    color: rgba(0, 154, 79, 1);
    font-size: 30px;
    /* margin-left: 15px; */
}

h1#prod_h1_2 {
    color: #525353;
    font-size: 150%;
    font-weight: 400;
    line-height: 100%;
    margin: 0% 0 2% 0%;
    text-shadow: 0 1px 0 #ffffff;
}

h1#prod_h1_2 span {
    color: rgba(0, 154, 79, 1);
    font-size: 30px;
    /* margin-left: 15px; */
}

h1#prod_h1_3 {
    color: #525353;
    font-size: 150%;
    font-weight: 400;
    line-height: 100%;
    margin: 0% 0 10px 0;
    text-shadow: 0 1px 0 #ffffff;
}

h1#prod_h1_3 span {
    color: rgba(0, 154, 79, 1) !important;
    font-size: 30px;
    /* margin-left: 15px; */
}

#circles {
    margin: 5% 0 4%;
    padding: 0;
}

.circle_block {
    width: 33.3333%;
    margin: 0;
    padding: 0 1% 1% 0;
    float: left;
    text-align: center;
    font-size: 90%;
    line-height: 150%;
    color: #525353;
    font-weight: 600;
}

.circle_block img {
    width: 68%;
    height: auto;
    margin: 0 0 1% 0;
}

h1.dial_label {
    /* background: url("https://static.ewg.org/reports/2020/sunscreens/img/dial_icon.png"); */
    background-position: 0 0;
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    width: auto;
    position: absolute;
    z-index: 9;
    left: 20px;
    top: 35%;
    height: 20px;
    color: rgba(0, 154, 79, 1);
    font-size: 90%;
    font-weight: 600;
    line-height: 130%;
    -webkit-transform: translateX(0%) translateY(-50%);
    -moz-transform: translateX(0%) translateY(-50%);
    -ms-transform: translateX(0%) translateY(-50%);
    -o-transform: translateX(0%) translateY(-50%);
    transform: translateX(0%) translateY(-50%);
}

h1.dial_label span {
    font-size: 30px;
    line-height: 1.2;
}

.makeewggreen {
    background: #0F854A !important;
    border-bottom: 1px solid #006b37 !important;
}

.makewhite {
    font-family: 'niveau-grotesk', sans-serif !important;
    color: #ffffff !important;
    padding-left: 40px !important;
    font-size: 35px !important;
}

.make50percent {
    margin-left: 0;
    width: 50%;
    margin-right: 0;
}

.makemarginright0 {
    margin-right: 0;
    width: 47%;
}

.increasemarginbottom {
    margin-bottom: 7%;
}

h1#tyty2015_id_other_information_h1_tf {
    /* background: url("https://static.ewg.org/reports/2020/sunscreens/img/tf.png");
    background-repeat: no-repeat;
    background-position: 15px 1px; */
    height: 28px;
    padding: 0 0 0 60px;
    text-align: left;
}

#buy_wrap {
    width: 100%;
    margin: 0 0 5%;
    padding: 0;
}

#buy_left {
    width: 75%;
    padding: 0 5% 0 2%;
    margin: 0 5% 0 0;
    float: left;
    border-right: 1px solid #d3d0ce;
}

#buy_right {
    width: 20%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    float: left;
}

a#shop_ewg_amazon {
    width: 100%;
    display: block;
    height: auto;
}

a#shop_ewg_amazon img {
    float: left;
    width: 50%;
    height: auto;
    display: block;
}

a#shop_ewg_amazon img:nth-child(2n+1) {
    border: 0 solid !important;
    margin: 0 5% 0 0;
    width: 35%;
}

a#shop_ewg_amazon img:nth-child(2n+2) {
    width: auto;
    margin: 2% 0 0 0;
    float: right;
}

p.retail_p {
    margin: 0 0 5%;
    padding: 0;
}

p.retail_p span.retail_1 {
    font-weight: 600;
    display: block;
    font-size: 120%;
    line-height: 100%;
    margin: 0;
    padding: 2.5% 0;
}

p.retail_p span.retail_2 {
    font-weight: 400;
}

p.retail_p a {
    color: #525353 !important;
    display: block;
    /* float: right; */
    margin: 0 0 10px;
    text-align: left;
    font-weight: 300;
    text-decoration: none !important;
    word-break: break-all;
}

#buy_right span.price_range {
    font-weight: 600;
    display: block;
    font-size: 120%;
    line-height: 100%;
    margin: 0;
    padding: 2.5% 0;
}

#buy_right p.buy_right_p {
    padding: 5% 0;
    margin: 0;
}

span.cost_level_1 {
    display: block;
    margin: 15% 0;
    padding: 0 0 0 0;
    width: 100px;
    height: 27px;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cost_level_1.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

span.cost_level_2 {
    display: block;
    margin: 15% 0;
    padding: 0 0 0 0;
    width: 100px;
    height: 27px;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cost_level_2.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

span.cost_level_3 {
    display: block;
    margin: 15% 0;
    padding: 0 0 0 0;
    width: 100px;
    height: 27px;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cost_level_3.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.make100percent {
    width: 100%;
    /* margin: 5%; */
}

.make100percent p {
    padding: 2% 3% 5% 3%;
    margin: 0 0 0% 0;
}

h1.ingredientsbg {}

h1#tyty2015_id_prod_images_h1b_ingredientsbg {
    font-family: 'niveau-grotesk', sans-serif !important;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/ingredientsbg.png");
    background-repeat: no-repeat;
    background-position: 15px 16px;
    height: 40px;
    padding: 0 0 0 60px !important;
    text-align: left;
}

span#ingredients_from_label {
    font-family: 'niveau-grotesk', sans-serif !important;
    font-size: 110%;
    font-weight: 400;
    line-height: 130%;
    display: block;
    margin: 2.5% 0 1%;
    padding: 0 0 0 0;
    color: rgba(0, 154, 79, 1);
    text-transform: uppercase;
}

div#wrap_p_s p:last-child {
    border-bottom: 0px !important;
    padding: 8px 0 0 45px;
}

#ing_score_wrap {
    border: 0px none;
    padding: 3% 0 0 0;
    /* width: 95%; margin: 2.5%; */
    margin: 0;
    width: 100%;
}

#ing_score_wrap .score_left {
    width: 35%;
    /* margin:0 5% 0 0; padding:0 0% 0% 0; */
    float: left;
    border-right: 0px solid #d3d0ce;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 0 0 0;
    padding: 0 5%;
}

#ing_score_wrap .score_left h1 {
    font-weight: 600;
    font-size: 100%;
    line-height: 120%;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/sd.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    margin: 0;
    min-height: 20px;
    background-size: 20px;
}

#ing_score_wrap .score_left img.score_for_ingredient {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*
max-width:75px;
*/
    max-width: 40%;
}

#ing_score_wrap .score_left span {
    font-weight: 400;
    font-size: 90%;
    line-height: 120%;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/dotdot_default.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    margin: 10px 0 0 0;
    display: block;
    min-height: 20px;
}

#ing_score_wrap .score_left span.bolder {
    font-weight: 600;
    padding: 0 0 0 25px;
    margin: 5px 0 0 0;
}

#ing_score_wrap .score_left a span.bolder {
    color: #868686;
}

#ing_score_wrap .score_left.center {
    /*background:#ffffff !important; */
    /* padding-left:5%; */
}

#ing_score_wrap .score_left.center a img.score_for_ingredient {
    /*display: block;    margin: 0 auto 10px;*/
}

#ing_score_wrap .score_left.center span.bolder {
    /*display: table;    margin: 5px auto 0;  */
}

#ing_score_wrap .score_left span.none {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/dotdot_none.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#ing_score_wrap .score_left span.limited {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/dotdot_limited.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#ing_score_wrap .score_left span.fair {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/dotdot_fair.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#ing_score_wrap .score_left span.good {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/dotdot_good.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#ing_score_wrap .score_left span.robust {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/dotdot_robust.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

#ing_score_wrap .ingredient_right {
    width: 60%;
    margin: 0;
    padding: 0;
    float: left;
}

#ing_score_wrap .ingredient_right h1 {
    font-weight: 600;
    font-size: 100%;
    line-height: 120%;
    padding: 0;
    margin: 0 0 2% 0;
}

#ing_score_wrap .ingredient_right h1 a {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    text-decoration: none !important;
}

#ing_score_wrap .ingredient_right p {
    padding: 0 0 0 0;
    margin: 0 0 2% 0;
    border: 0 none;
}

#ing_score_wrap .seperator {
    width: 100%;
    height: 0px;
    border-top: 1px solid #d3d0ce;
    margin: 3% 0 0 0;
    padding: 0 0 3% 0;
}

#ing_score_wrap .ingredient_right p span.concerns {
    font-weight: 600;
    font-size: 100%;
    line-height: 120%;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/flag_concern.png");
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding: 0 0 0 30px;
    margin: 10px 0 0px 0;
    display: block;
    min-height: 20px;
}

#internal_page_wrap_for_top_banner #tyty2015_id_vert_banner.tyty2015_class_vert_banner_updated {
    -o-border-radius: 0 0 0 6px;
    -ms-border-radius: 0 0 0 6px;
    -khtml-border-radius: 0 0 0 6px;
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
    border-top: 0 none;
    margin-top: 0;
}

#internal_page_wrap_for_top_banner #tyty2015_id_vert_banner.tyty2015_class_vert_banner_updated img {
    -o-border-radius: 0 0 0 6px;
    -ms-border-radius: 0 0 0 6px;
    -khtml-border-radius: 0 0 0 6px;
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

#internal_page_wrap_for_top_banner.for_internal_page #tyty2015_id_vert_banner.tyty2015_class_vert_banner_updated {
    border: 1px solid #d3d0ce;
    border-top: 0 none;
}

.tyty2015_class_right_column.for_internal_page {
    border: 1px solid #d3d0ce;
    margin-bottom: 100px;
}

#tyty2015_id_gages.for_internal_page {
    background: #ffffff;
    background-color: #ffffff;
    padding: 0 40px 0 0;
}

#internal_page_wrapper {
    /* padding: 30px; */
    /* padding-right: 20px; */
    height: auto;
    min-height: 650px; /* was 1100px; return to original value if any other pages are effected */
}

#internal_page_wrapper p {
    font-family: 'freight-text-pro', serif;
    color: #2b2b2b;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.4px;
    margin: 0 0 25px 0;
    padding: 0 0 0 0;
}

#internal_page_wrapper h1 {
    font-size: 50px;
    font-weight: 400;
    line-height: 55px;
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
    /* text-shadow: 0 1px 0 #ffffff; */
    color: #2b2b2b;
}

#internal_page_wrapper h2 {
    font-style: normal !important;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.112px;
    padding-bottom: 30px;
    /* padding: 0 0 0 0; */
    /* text-shadow: 0 1px 0 #ffffff; */
    color: #0F854A;
    /* background-color: transparent !important; */
}

#internal_page_wrapper h3 {
    font-size: 28px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: -0.112px;
    margin: 0 0 25px 0;
    /* padding: 20px 0; */
    /* text-shadow: 0 1px 0 #ffffff; */
    color: #2b2b2b !important;
}

#internal_page_wrapper img {
    width: auto;
}

#internal_page_wrapper ul {
    color: #525353;
    font-size: 90%;
    line-height: 170%;
    /* margin: 0 0 20px 40px; */
    padding: 0 0 0 0;
}

#internal_page_wrapper ol {
    color: #525353;
    font-size: 90%;
    line-height: 170%;
    margin: 0 0 20px 40px;
    padding: 0 0 0 0;
}

#internal_page_wrapper ul li {
    font-family: 'niveau-grotesk', sans-serif;
    color: #2b2b2b;
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: -0.4px;
    margin: 0 0 20px 20px;
    padding: 0 0 0 0;
    list-style: disc;
}

#internal_page_wrapper ul.search_results_list li { /* Makes sure search results pages don't have too much padding which leads to 2 columns instead of 1. */
    margin: 0 0 20px;
}

#internal_page_wrapper ol li {
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
}

#internal_page_wrapper a {
    color: #2b2b2b !important;
    text-decoration: underline;
    /* border-bottom: 1px solid #183D49 !important; */
}

.criteria-title {
    font-style: normal !important;
    font-family: 'niveau-grotesk', sans-serif !important;
    font-weight: 300 !important;
    font-size: 28px !important;
    line-height: 38px !important;
    letter-spacing: -0.212px !important;
    color: #565450 !important;
    mix-blend-mode: normal !important;
    opacity: 0.9 !important;
    padding: 15px 0 5px !important;
}

/*  */
/*  */
/*  */

.item {
    height: 350px !important;
    padding: 5% 0 50%;
}

/* .owl-wrapper {
    transition: none !important;
    transform: none !important;
} */

.owl-carousel-image-wrapper {
    width: auto !important;
    height: 100% !important;
}

/* .owl-carousel-image {
    height: 200px !important;
} */

.owl-carousel-product-name {
	font-family: 'niveau-grotesk', sans-serif !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 120% !important;
    text-align: left;
    margin: 20px 40px 20px 25px;
    position: absolute;
    top: 220px;
}

.owl-carousel-links {
    border-bottom: 0 !important;
    color: #2b2b2b !important;
}

.containeraccordion .acc_trigger, .containeraccordion-b .acc_trigger, .containeraccordion-c .acc_trigger {
    display: inline-block;
    width: 100%;
    margin: 25px 0 20px !important;
    /* padding-bottom: 25px !important; */
}

.acc-container {
    border-bottom: 1px solid #d2d2d2;
    page-break-inside: avoid;
}

.acc-container-b {
    padding-bottom: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d2d2d2;
    page-break-inside: avoid;
}

.acc-container-c {
    page-break-inside: avoid;
}

.containeraccordion {
    column-count: 3;
}

.containeraccordion-b, .containeraccordion-c {
    column-count: 2;
}

.containeraccordion-b {
    margin-top: 35px;
}

.containeraccordion-c {
    margin-top: 25px;
}

h2.acc_trigger, h2.acc-title, h2.acc-title-b {
    /* margin: 25px 0 20px !important; */
    font-size: 19px !important;
    font-weight: 500 !important;
    line-height: 28px !important;
    color: #2b2b2b !important;
}

h2.acc_trigger {
    background-color: #fff !important;
    background: url(https://static.ewg.org/upload/png/sunscreen_chevron-close.png) no-repeat !important;
    background-size: 20px !important;
}

h2.acc-title {
    padding-bottom: 10px !important;
}

h2.acc-title-b {
    background-color: #fff !important;
    background: url(https://static.ewg.org/upload/png/sunscreen_chevron-open.png) no-repeat !important;
    background-size: 20px !important;
    padding: 0 0 0 50px !important;
}

h2.active {
    background-color: #fff !important;
    background: url(https://static.ewg.org/upload/png/sunscreen_chevron-open.png) no-repeat !important;
    margin: 25px 0 20px !important;
    color: #3F3F3F !important;
    background-size: 20px !important;
}

.acc_product {
    border: none !important;
    margin: 15px 5px !important;
}

.acc_product-b {
    border: none !important;
    margin: 0 30px 30px 0 !important;
}

.acc_product_name {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    color: #2b2b2b !important;
    width: 60% !important;
    padding: 10px 0 !important;
}

/* .acc_score_image {
    float: left !important;
} */

.all-links-wrapper {
    margin: 50px 0;
    text-align: center;
}

.see-all-links {
    color: #183D49 !important;
    font-family: 'niveau-grotesk', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 1.2px;
    text-decoration: none !important;
    text-transform: uppercase;
}

.see-all-links:hover {
    text-decoration: none !important;
}

.sunscreen-list-wrapper, #sunscreen-brand-wrapper-expand {
    display: none;
}

.inactive-link, .active-link, .active-link-b, .active-link-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 4px;
    /* letter-spacing: -0.112px; */
    text-transform: uppercase;
}

.inactive-link, .active-link, .active-link-b {
    margin: 15px;
}

.inactive-link, .active-link-title {
    color: #2b2b2b;
}

.inactive-link:hover {
    text-decoration: underline;
    cursor: pointer;
}

.active-link, .active-link-b {
    color: #0F854A !important;
}

.active-link:hover, .active-link-b:hover{
    cursor: pointer;
}

.active-link:hover {
    text-decoration: underline;
}

#expand-all, #collapse-all {
    cursor: pointer;
}

.expand-list {
    color: #979797;
    font-size: 12px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 4px;
}

/*  */
/*  */
/*  */

.sunscreen-101-title {
    font-weight: 400 !important;
    font-size: 28px !important;
    line-height: 36px !important;
    letter-spacing: -0.112px !important;
    color: #2b2b2b !important;
    margin-bottom: 0 !important;
    padding-top: 5px;
}

.lop_block {
    border-bottom: 1px solid #d3d0ce;
    padding: 0 0 2% 0;
    margin: 0 0 2% 0;
}

.navigation {}

.navigation .alignleft1 {
    display: inline;
    float: left;
}

.navigation .alignright1 {
    display: inline;
    float: right;
}

img.alignleft {
    float: left;
    margin: 0 3% 3% 0%;
}

img.alignright {
    float: right;
    margin: 0 0% 3% 3%;
}

img.aligncenter {
    float: none;
    margin: 3% auto;
}

img.size-thumbnail {
    width: 333px;
    height: auto;
    padding: 1%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

img.size-medium {
    width: 444px;
    height: auto;
    padding: 1%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

img.size-large {
    width: 555px;
    height: auto;
    padding: 1%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

img.size-full {
    width: auto;
    height: auto;
    padding: 1%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.acc_product {
    height: auto !important;
}

@media only screen and (max-width: 600px) {
    img.alignleft {
        float: none;
        margin: 3% auto;
    }
    img.alignright {
        float: none;
        margin: 3% auto;
    }
    img.aligncenter {
        float: none;
        margin: 3% auto;
    }
    img.size-thumbnail {
        width: 100%;
        height: auto;
        padding: 1%;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }
    img.size-medium {
        width: 100%;
        height: auto;
        padding: 1%;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }
    img.size-large {
        width: 100%;
        height: auto;
        padding: 1%;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }
    img.size-full {
        width: 100%;
        height: auto;
        padding: 1%;
        border: 1px solid rgba(0, 0, 0, 0.2);
    }
}

#internal_page_wrapper ul.cd-pagination {
    margin: 20px auto !important;
    font-size: 150% !important;
    line-height: 100% !important;
    font-weight: 600;
}

.cd-pagination a,
.cd-pagination span {
    font-size: inherit !important;
    line-height: inherit !important;
}

.cd-pagination li {
    margin: 0 2px !important;
}

.cd-pagination a {
    background-color: #ffffff !important;
}

.cd-pagination a.current {
    background-color: #0F854A !important;
}

.no-touch .cd-pagination a:hover {
    background-color: #f89c1b !important;
    color: #ffffff !important;
}

#click_next_number.light {
    display: none;
    
    font-size: 100%;
    font-weight: 600;
    line-height: 100%;
    margin: 0 0 20px;
    opacity: 0.5;
    text-align: center;
}

h1.search_results_header {
    color: #183D49 !important;
    font-family: 'niveau-grotesk', sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 15px !important; /* 107.143% */
    letter-spacing: -0.112px !important;
    margin: 5px 0 20px !important;
}

h4.search_results_conditions {
    font-size: 14px !important;
    line-height: 15px !important;
    margin: 0 0 20px 0 !important;
    font-weight: 400 !important;
    display: inline-block;
}

/* h4.search_results_conditions::after {
    content: ".";
} */

h4.search_order {
    font-size: 90% !important;
    line-height: 110% !important;
    margin: 0 0px 40px 0px !important;
    font-weight: 400 !important;
    display: inline-block;
}

#internal_page_wrapper table {
    margin: 3% auto;
    width: 100%;
    color: #525353;
    border-collapse: collapse;
}

#internal_page_wrapper table tr:nth-of-type(odd) {
    background: #f5f5f1;
}

#internal_page_wrapper table tr:nth-of-type(even) {
    background: #f5f5f1;
}

#internal_page_wrapper table th {
    background: #f5f5f1;
    color: white;
    font-weight: bold;
}

#internal_page_wrapper table td,
#internal_page_wrapper table th {
    padding: 6px;
    border: 1px solid #d3d0ce;
    text-align: left;
}


/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */


/* clearfix */

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}


/* display none until init */

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
    width: 320px !important;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* mouse grab icon */

.grabbing {
    cursor: url(https://static.ewg.org/reports/2020/sunscreens/img/grabbing.png) 8 8, move;
}


/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}


/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}


/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
    margin: 5px;
    padding: 3px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #869791;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5;
}


/* Clickable class fix problem with hover on touch devices */


/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}


/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
}


/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}


/* preloading images */

.owl-item.loading {
    min-height: 150px;
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/AjaxLoader.gif) no-repeat center center
}


/*
 *  Owl Carousel CSS3 Transitions
 *  v1.3.2
 */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}


/* fade */

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}


/* backSlide */

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}


/* goDown */

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}


/* scaleUp */

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}


/* Keyframes */


/*empty*/

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}

@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}

@-moz-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}

@keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}


/* popup */

.makeoverflowhidden {
    overflow: hidden;
}

.img-replace {
    /* replace text with an image */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    color: transparent;
    white-space: nowrap;
}

.cd-popup-trigger {}

.cd-popup {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
}

.cd-popup.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
    overflow-y: auto;
}

.cd-popup-container {
    position: relative;
    width: 90%;
    max-width: 400px;
    margin: 4em auto;
    background: #FFF;
    border-radius: .25em .25em .4em .4em;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(-40px);
    -moz-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    -o-transform: translateY(-40px);
    transform: translateY(-40px);
    /* Force Hardware Acceleration in WebKit */
    -webkit-backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    line-height: 0;
}

.cd-popup-container p {
    padding: 3em 1em;
}

.cd-popup-container .cd-buttons:after {
    content: "";
    display: table;
    clear: both;
}

.cd-popup-container .cd-buttons li {
    float: left;
    width: 50%;
}

.cd-popup-container .cd-buttons a {
    display: block;
    height: 60px;
    line-height: 60px;
    text-transform: uppercase;
    color: #FFF;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.cd-popup-container .cd-buttons li:first-child a {
    background: #0F854A;
    border-radius: 0 0 0 .25em;
}

.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {
    background-color: #f89c1b;
}

.cd-popup-container .cd-buttons li:last-child a {
    background: #999999;
    border-radius: 0 0 .25em 0;
}

.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {
    background-color: #f89c1b;
}

.cd-popup-container .cd-popup-close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 30px;
    height: 30px;
}

.cd-popup-container .cd-popup-close::before,
.cd-popup-container .cd-popup-close::after {
    content: '';
    position: absolute;
    top: 12px;
    width: 14px;
    height: 3px;
    background-color: #999999;
}

.cd-popup-container .cd-popup-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 8px;
}

.cd-popup-container .cd-popup-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 8px;
}

.is-visible .cd-popup-container {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

@media only screen and (min-width: 1170px) {
    .cd-popup-container {
        margin: 8em auto;
    }
}

.rounded_image_in_popup {
    -o-border-radius: 0.25em 0.25em 0em 0em;
    -ms-border-radius: 0.25em 0.25em 0em 0em;
    -khtml-border-radius: 0.25em 0.25em 0em 0em;
    -moz-border-radius: 0.25em 0.25em 0em 0em;
    -webkit-border-radius: 0.25em 0.25em 0em 0em;
    border-radius: 0.25em 0.25em 0em 0em;
}

#share.cd-popup.is-visible .cd-popup-container .cd-popup-close::before,
#share.cd-popup.is-visible .cd-popup-container .cd-popup-close::after {
    background-color: #ffffff;
}

.cd-popup-container .cd-buttons li#li_facebook:first-child a {
    background: #3b5998;
}

.cd-popup-container .cd-buttons li#li_twitter:last-child a {
    background: #55acee;
}

.no-touch .cd-popup-container .cd-buttons li#li_facebook:first-child a:hover {
    background: #f89c1b;
}

.no-touch .cd-popup-container .cd-buttons li#li_twitter:last-child a:hover {
    background: #f89c1b;
}

.cd-bouncy-nav-modal {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
    -moz-transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
    transition: opacity 0.3s 0.6s, visibility 0s 0.9s;
}

.cd-bouncy-nav-modal.fade-in {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.1s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.1s 0s, visibility 0s 0s;
    transition: opacity 0.1s 0s, visibility 0s 0s;
}

.cd-bouncy-nav-modal.fade-in.is-visible {
    /* ty */
    overflow-y: auto;
}

.cd-bouncy-nav-modal .cd-close {
    display: block;
    position: fixed;
    top: 20px;
    right: 5%;
    width: 44px;
    height: 44px;
    /* image replacement */
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-close.svg") no-repeat center center;
    -webkit-transform: scale(0) translateZ(0);
    -moz-transform: scale(0) translateZ(0);
    -ms-transform: scale(0) translateZ(0);
    -o-transform: scale(0) translateZ(0);
    transform: scale(0) translateZ(0);
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0s 0.3s;
    transition: transform 0.3s 0s, visibility 0s 0.3s;
}

.cd-bouncy-nav-modal.fade-in .cd-close {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s 0s, visibility 0.3s 0s;
    -moz-transition: -moz-transform 0.3s 0s, visibility 0.3s 0s;
    transition: transform 0.3s 0s, visibility 0.3s 0s;
}

@media only screen and (min-width: 1170px) {
    .cd-bouncy-nav-modal .cd-close {
        top: 60px;
    }
}

.cd-bouncy-nav {
    position: absolute;
    left: 50%;
    top: 50vh;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 90%;
    max-width: 300px;
}

.cd-bouncy-nav li {
    width: 50%;
    float: left;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(100vh);
    -moz-transform: translateY(100vh);
    -ms-transform: translateY(100vh);
    -o-transform: translateY(100vh);
    transform: translateY(100vh);
    text-align: center;
}

.is-visible .cd-bouncy-nav li {
    /* used to assign a tranlsateY value when the animation is over */
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.fade-in .cd-bouncy-nav li {
    -webkit-animation: cd-move-in 0.4s;
    -moz-animation: cd-move-in 0.4s;
    animation: cd-move-in 0.4s;
}

.fade-out .cd-bouncy-nav li {
    -webkit-animation: cd-move-out 0.4s;
    -moz-animation: cd-move-out 0.4s;
    animation: cd-move-out 0.4s;
}

.fade-in .cd-bouncy-nav li,
.fade-out .cd-bouncy-nav li {
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.fade-in .cd-bouncy-nav li:nth-of-type(2),
.fade-out .cd-bouncy-nav li:nth-of-type(2) {
    -webkit-animation-delay: 0.1s;
    -moz-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.fade-in .cd-bouncy-nav li:nth-of-type(3),
.fade-out .cd-bouncy-nav li:nth-of-type(3) {
    -webkit-animation-delay: 0.15s;
    -moz-animation-delay: 0.15s;
    animation-delay: 0.15s;
}

.fade-in .cd-bouncy-nav li:nth-of-type(4),
.fade-out .cd-bouncy-nav li:nth-of-type(4) {
    -webkit-animation-delay: 0.25s;
    -moz-animation-delay: 0.25s;
    animation-delay: 0.25s;
}

.fade-in .cd-bouncy-nav li:nth-of-type(5),
.fade-out .cd-bouncy-nav li:nth-of-type(5) {
    -webkit-animation-delay: 0.3s;
    -moz-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.fade-in .cd-bouncy-nav li:nth-of-type(6),
.fade-out .cd-bouncy-nav li:nth-of-type(6) {
    -webkit-animation-delay: 0.4s;
    -moz-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.cd-bouncy-nav a {
    display: inline-block;
    min-width: 80px;
    position: relative;
    padding: 90px 20px 0;
    margin-bottom: 30px;
    color: #ffffff;
    text-decoration: none !important;
}

.cd-bouncy-nav a::before {
    /* icons */
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background-color: #0F854A;
    /*  background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-category-icons.svg"); */
    background-repeat: no-repeat;
    /* background-position: 0 0;*/
    background-position: center center;
}

.no-touch .cd-bouncy-nav a:hover::before {
    background-color: #f89c1b;
}

.cd-bouncy-nav li:nth-of-type(1) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/EWG_SunscreensLineCircleIcons_Beachsport-2016.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80px;
}

.cd-bouncy-nav li:nth-of-type(2) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/EWG_SunscreensLineCircleIcons_Moisturizers-2016.png");
    background-repeat: no-repeat;
    background-position: center center;
    /*  background-position: -80px 0; */
    background-size: 80px;
}

.cd-bouncy-nav li:nth-of-type(3) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/EWG_SunscreensLineCircleIcons_report-2016.png");
    background-repeat: no-repeat;
    background-position: center center;
    /*  background-position: -80px 0; */
    background-size: 80px;
}

.cd-bouncy-nav li:nth-of-type(4) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/EWG_SunscreensLineCircleIcons_10thAnnual-2016.png");
    background-repeat: no-repeat;
    background-position: center center;
    /*  background-position: -160px 0; */
    background-size: 80px;
}

.cd-bouncy-nav li:nth-of-type(5) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/EWG_SunscreensLineCircleIcons_WorstKids-2016.png");
    background-repeat: no-repeat;
    background-position: center center;
    /*  background-position: -240px 0; */
    background-size: 80px;
}

.cd-bouncy-nav li:nth-of-type(6) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/EWG_SunscreensLineCircleIconsBestkids-2016.png");
    background-repeat: no-repeat;
    background-position: center center;
    /*  background-position: -400px 0; */
    background-size: 80px;
}

@media only screen and (min-width: 768px) {
    .cd-bouncy-nav {
        max-width: 450px;
    }
    .cd-bouncy-nav li {
        /*    width: 33.33%; */
        width: 50%;
        float: left;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(1),
    .fade-out .cd-bouncy-nav li:nth-of-type(1) {
        -webkit-animation-delay: 0.1s;
        -moz-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(2),
    .fade-out .cd-bouncy-nav li:nth-of-type(2) {
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        animation-delay: 0s;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(4),
    .fade-out .cd-bouncy-nav li:nth-of-type(4) {
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }
    .fade-in .cd-bouncy-nav li:nth-of-type(5),
    .fade-out .cd-bouncy-nav li:nth-of-type(5) {
        -webkit-animation-delay: 0.25s;
        -moz-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }
    .cd-bouncy-nav a {
        margin-bottom: 35px;
    }
}

@-webkit-keyframes cd-move-in {
    0% {
        -webkit-transform: translateY(100vh);
    }
    65% {
        -webkit-transform: translateY(-1.5vh);
    }
    100% {
        -webkit-transform: translateY(0vh);
    }
}

@-moz-keyframes cd-move-in {
    0% {
        -moz-transform: translateY(100vh);
    }
    65% {
        -moz-transform: translateY(-1.5vh);
    }
    100% {
        -moz-transform: translateY(0vh);
    }
}

@keyframes cd-move-in {
    0% {
        -webkit-transform: translateY(100vh);
        -moz-transform: translateY(100vh);
        -ms-transform: translateY(100vh);
        -o-transform: translateY(100vh);
        transform: translateY(100vh);
    }
    65% {
        -webkit-transform: translateY(-1.5vh);
        -moz-transform: translateY(-1.5vh);
        -ms-transform: translateY(-1.5vh);
        -o-transform: translateY(-1.5vh);
        transform: translateY(-1.5vh);
    }
    100% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }
}

@-webkit-keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
    }
    100% {
        -webkit-transform: translateY(-100vh);
    }
}

@-moz-keyframes cd-move-out {
    0% {
        -moz-transform: translateY(0vh);
    }
    100% {
        -moz-transform: translateY(-100vh);
    }
}

@keyframes cd-move-out {
    0% {
        -webkit-transform: translateY(0vh);
        -moz-transform: translateY(0vh);
        -ms-transform: translateY(0vh);
        -o-transform: translateY(0vh);
        transform: translateY(0vh);
    }
    100% {
        -webkit-transform: translateY(-100vh);
        -moz-transform: translateY(-100vh);
        -ms-transform: translateY(-100vh);
        -o-transform: translateY(-100vh);
        transform: translateY(-100vh);
    }
}


/* --------------------------------

Form

-------------------------------- */

.advanced-search-form, 
.side-nav-search-form {
    /*  width: 90%;
  max-width: 600px;
  margin: 4em auto;
  */
    margin: 0 auto;
    width: 100%;
}

.advanced-search-form ::after, 
.side-nav-search-form ::after {
    clear: both;
    content: "";
    display: table;
}

.advanced-search-form fieldset, 
.side-nav-search-form fieldset {
    margin: 5px 0 10px 0;
}

.advanced-search-form-2 fieldset, 
.side-nav-search-form-2 fieldset {
    /*  margin: 0 0 10px 0;
 */
}

.advanced-search-form legend, 
.side-nav-search-form legend {
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 140%;
    font-weight: 600;
    border-bottom: 1px solid #d3d0ce;
}

.advanced-search-form-2 legend, 
.side-nav-search-form-2 legend {
    padding-bottom: 10px;
    margin-bottom: 5px;
    font-size: 140%;
    font-weight: 600;
    border-bottom: 0px solid #d3d0ce;
}

.advanced-search-form legend.ewg_green, 
.side-nav-search-form legend.ewg_green {
    color: #0F854A;
}

.advanced-search-form div, 
.side-nav-search-form div {
    /* form element wrapper */
    position: relative;
    /* margin: 20px 0; */
}

.advanced-search-form h4,
.advanced-search-form .advanced-search-label, 
.side-nav-search-form h4,
.side-nav-search-form .side-nav-search-label {
    font-size: 100%;
    /* color: #94aab0; */
    margin-bottom: 10px;
}

.advanced-search-form .advanced-search-label, 
.side-nav-search-form .side-nav-search-label {
    display: block;
}

.advanced-search-form input,
.advanced-search-form textarea,
.advanced-search-form select,
.advanced-search-form label, 
.side-nav-search-form input,
.side-nav-search-form textarea,
.side-nav-search-form select,
.side-nav-search-form label {
    font-size: 100%;
    /*  color: #2b3e51; */
}

.advanced-search-form input, 
.side-nav-search-form input {
    font-size: 90%;
}

.advanced-search-form input[type="text"],
.advanced-search-form input[type="email"],
.advanced-search-form textarea,
.advanced-search-form select,
.advanced-search-form legend {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.advanced-search-form input[type="text"],
.advanced-search-form input[type="email"],
.advanced-search-form textarea,
.advanced-search-form select {
    /* general style for input elements */
    padding: 12px;
    border: 1px solid #c6c6c6;
    background-color: #ffffff;
    border-radius: .25em;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}

.advanced-search-form input[type="text"]:focus,
.advanced-search-form input[type="email"]:focus,
.advanced-search-form textarea:focus,
.advanced-search-form select:focus {
    outline: none;
    border-color: #0F854A;
    box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}

.advanced-search-form .advanced-search-select, 
.side-nav-search-form .side-nav-search-select {
    /* select element wapper */
    position: relative;
}

.advanced-search-form .advanced-search-select::after, 
.side-nav-search-form .side-nav-search-select::after {
    /* arrow icon for select element */
    content: '';
    position: absolute;
    z-index: 1;
    right: 16px;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 16px;
    height: 16px;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-arrow.svg") no-repeat center center;
    pointer-events: none;
}

.advanced-search-form select, 
.side-nav-search-form select {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.advanced-search-form select::-ms-expand, 
.side-nav-search-form select::-ms-expand {
    display: none;
}

.advanced-search-form .advanced-search-ul, 
.side-nav-search-form .side-nav-search-ul {
    margin: 0 0 0 0 !important;
}

.advanced-search-form .col_1of2_on_desktop_left .advanced-search-ul, 
.side-nav-search-form .col_1of2_on_desktop_left .side-nav-search-ul {
    padding: 0 10px 0 0 !important;
}

.advanced-search-form .col_1of2_on_desktop_right .advanced-search-ul, 
.side-nav-search-form .col_1of2_on_desktop_right .side-nav-search-ul {
    padding: 0 0px 0 10px !important;
}

.advanced-search-form .advanced-search-ul::after, 
.side-nav-search-form .side-nav-search-ul::after {
    clear: both;
    content: "";
    display: table;
}

.advanced-search-form .advanced-search-ul li, 
.side-nav-search-form .side-nav-search-ul li {
    /* wrapper for radio and checkbox input types */
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
}

.advanced-search-form .advanced-search-ul li {
    margin: 0 26px 16px 0 !important;
}

.side-nav-search-form .side-nav-search-ul li {
    margin: 5px 26px 5px 0 !important;
}

.advanced-search-form input[type=radio],
.advanced-search-form input[type=checkbox], 
.side-nav-search-form input[type=radio],
.side-nav-search-form input[type=checkbox] {
    /* hide original check and radio buttons */
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    padding: 0;
    opacity: 0;
    z-index: 2;
}

.advanced-search-form input[type="radio"]+label,
.advanced-search-form input[type="checkbox"]+label, 
.side-nav-search-form input[type="radio"]+label,
.side-nav-search-form input[type="checkbox"]+label {
    padding-left: 24px;
}

.advanced-search-form input[type="radio"]+label::before,
.advanced-search-form input[type="radio"]+label::after,
.advanced-search-form input[type="checkbox"]+label::before,
.advanced-search-form input[type="checkbox"]+label::after, 
.side-nav-search-form input[type="radio"]+label::before,
.side-nav-search-form input[type="radio"]+label::after,
.side-nav-search-form input[type="checkbox"]+label::before,
.side-nav-search-form input[type="checkbox"]+label::after {
    /* custom radio and check boxes */
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px;
}

.advanced-search-form input[type="radio"]+label::before,
.advanced-search-form input[type="checkbox"]+label::before, 
.side-nav-search-form input[type="radio"]+label::before,
.side-nav-search-form input[type="checkbox"]+label::before {
    border: 1px solid #c6c6c6;
    background: #ffffff;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}

.advanced-search-form input[type="radio"]+label::before,
.advanced-search-form input[type="radio"]+label::after, 
.side-nav-search-form input[type="radio"]+label::before,
.side-nav-search-form input[type="radio"]+label::after {
    border-radius: 50%;
}

.advanced-search-form input[type="checkbox"]+label::before,
.advanced-search-form input[type="checkbox"]+label::after, 
.side-nav-search-form input[type="checkbox"]+label::before,
.side-nav-search-form input[type="checkbox"]+label::after {
    border-radius: .25em;
}

.advanced-search-form input[type="radio"]+label::after,
.advanced-search-form input[type="checkbox"]+label::after, 
.side-nav-search-form input[type="radio"]+label::after,
.side-nav-search-form input[type="checkbox"]+label::after {
    background-color: #183D49; /* originally #0F854A */
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    display: none;
}

.advanced-search-form input[type="radio"]+label::after, 
.side-nav-search-form input[type="radio"]+label::after {
    /* custom image for radio button */
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-radio.svg");
}

.advanced-search-form input[type="checkbox"]+label::after, 
.side-nav-search-form input[type="checkbox"]+label::after {
    /* custom image for checkbox */
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-check.svg");
}

.advanced-search-form input[type="radio"]:focus+label::before,
.advanced-search-form input[type="checkbox"]:focus+label::before, 
.side-nav-search-form input[type="radio"]:focus+label::before,
.side-nav-search-form input[type="checkbox"]:focus+label::before {
    /* add focus effect for radio and check buttons */
    box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}

.advanced-search-form input[type="radio"]:checked+label::after,
.advanced-search-form input[type="checkbox"]:checked+label::after, 
.side-nav-search-form input[type="radio"]:checked+label::after,
.side-nav-search-form input[type="checkbox"]:checked+label::after {
    display: block;
}

.advanced-search-form input[type="radio"]:checked+label::before,
.advanced-search-form input[type="radio"]:checked+label::after,
.advanced-search-form input[type="checkbox"]:checked+label::before,
.advanced-search-form input[type="checkbox"]:checked+label::after, 
.side-nav-search-form input[type="radio"]:checked+label::before,
.side-nav-search-form input[type="radio"]:checked+label::after,
.side-nav-search-form input[type="checkbox"]:checked+label::before,
.side-nav-search-form input[type="checkbox"]:checked+label::after {
    -webkit-animation: cd-bounce 0.3s;
    -moz-animation: cd-bounce 0.3s;
    animation: cd-bounce 0.3s;
}

.advanced-search-form textarea {
    min-height: 200px;
    resize: vertical;
    overflow: auto;
}

.advanced-search-form input[type="submit"] {
    /* button style */
    border: none;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/search32.png");
    background-position: 15px 12px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #183D49; /* originally #0F854A */
    /* border-radius: .25em; */
    padding: 16px 20px 16px 55px;
    color: #ffffff;
    /* font-weight: bold; */
    float: right;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.no-touch .advanced-search-form input[type="submit"]:hover {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/search32.png");
    background-position: 21px 12px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #325763;
}

.advanced-search-form input[type="submit"]:focus {
    outline: none;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/search32.png");
    background-position: 21px 12px;
    background-repeat: no-repeat;
    background-size: 25px;
    background-color: #f89c1b;
}

.advanced-search-form input[type="submit"]:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

#advanced-search-submit-b {
    background-image: none;
    display: block;
    font-size: 120%;
    line-height: 100%;
    letter-spacing: 1.2px;
    margin: 0 auto;
    width: 100%;
    text-transform: uppercase;
}

#fieldset_3 div {
    margin: 0;
}

.advanced-search-form input[type="button"] {
    /* button style */
    border: none;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-filter.svg");
    background-position: 21px 14px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #f89c1b;
    border-radius: .25em;
    padding: 16px 20px 16px 55px;
    color: #ffffff;
    font-weight: bold;
    float: right;
    margin-right: 10px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.no-touch .advanced-search-form input[type="button"]:hover {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-filter.svg");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #525252;
}

.advanced-search-form input[type="button"]:focus {
    outline: none;
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-filter.svg");
    background-position: 14px 14px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: #0F854A;
}

.advanced-search-form input[type="button"]:active {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}

.advanced-search-form [required] {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-required.svg") no-repeat top right;
}

.advanced-search-form .error-message p {
    background: #e94b35;
    color: #ffffff;
    font-size: 100%;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    border-radius: .25em;
    padding: 16px;
}

.advanced-search-form .error {
    border-color: #e94b35 !important;
}

@media only screen and (min-width: 600px) {
    .advanced-search-form div {
        /* form element wrapper */
        margin: 32px 0;
    }
    .advanced-search-form legend+div {
        /* reduce margin-top for first form element after the legend */
        margin-top: 20px;
    }
    .advanced-search-form h4,
    .advanced-search-form .advanced-search-label {
        font-size: 100%;
        margin-bottom: 10px;
    }
    .advanced-search-form .advanced-search-label {
        font-size: 100%;
        font-weight: 600;
    }
    .advanced-search-form h4 {
        font-weight: 500;
        opacity: 0.5;
        text-transform: uppercase;
    }
    .advanced-search-form input[type="text"],
    .advanced-search-form input[type="email"],
    .advanced-search-form textarea,
    .advanced-search-form select {
        padding: 16px;
    }
}

@-webkit-keyframes cd-bounce {
    0%,
    100% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.8);
    }
}

@-moz-keyframes cd-bounce {
    0%,
    100% {
        -moz-transform: scale(1);
    }
    50% {
        -moz-transform: scale(0.8);
    }
}

@keyframes cd-bounce {
    0%,
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(0.8);
        -moz-transform: scale(0.8);
        -ms-transform: scale(0.8);
        -o-transform: scale(0.8);
        transform: scale(0.8);
    }
}


/* --------------------------------

Custom icons

-------------------------------- */

.advanced-search-form .icon input,
.advanced-search-form .icon select,
.advanced-search-form .icon textarea {
    padding-left: 54px !important;
    width: 260px;
}

@media (min-width: 768px) {
    .advanced-search-form .icon input,
    .advanced-search-form .icon select,
    .advanced-search-form .icon textarea {
        width: 300px;
    }
}

.advanced-search-form .user {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-user.svg") no-repeat 16px center;
}

.advanced-search-form [required].user {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-user.svg") no-repeat 16px center, url("https://static.ewg.org/reports/2020/sunscreens/img/cd-required.svg") no-repeat top right;
}

.advanced-search-form .advanced-search-sunscreen-name {
    /*  background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-company.svg") no-repeat 16px center;*/
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/glass_1-17f95cd71c16713ce7db02dde1d37002.png");
    background-position: 12px 15px;
    background-repeat: no-repeat;
    background-size: auto;
}

.advanced-search-form [required].advanced-search-sunscreen-name {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-company.svg") no-repeat 16px center, url("https://static.ewg.org/reports/2020/sunscreens/img/cd-required.svg") no-repeat top right;
}

.advanced-search-form .email {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-email.svg") no-repeat 16px center;
}

.advanced-search-form [required].email {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-email.svg") no-repeat 16px center, url("https://static.ewg.org/reports/2020/sunscreens/img/cd-required.svg") no-repeat top right;
}

.advanced-search-form .advanced-search-sunscreen-brand {
    /*  background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-budget.svg") no-repeat 16px center;*/
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/glass_1-17f95cd71c16713ce7db02dde1d37002.png");
    background-position: 12px 15px;
    background-repeat: no-repeat;
    background-size: auto;
}

.advanced-search-form .advanced-search-sunscreen-brand-b {
    /*  background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-budget.svg") no-repeat 16px center;*/
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/da_list.png");
    background-position: 12px 15px;
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #ffffff;
}

.advanced-search-form .message {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-message.svg") no-repeat 16px 16px;
}

.advanced-search-form [required].message {
    background: url("https://static.ewg.org/reports/2020/sunscreens/img/cd-icon-message.svg") no-repeat 16px 16px, url("https://static.ewg.org/reports/2020/sunscreens/img/cd-required.svg") no-repeat top right;
}


/* --------------------------------

FLoating labels

-------------------------------- */

.js .advanced-search-floating-labels div {
    margin: 20px 0 0 0;
}

.js .advanced-search-floating-labels div.margin_top_0 {
    margin-top: 0;
}

.js .advanced-search-floating-labels .advanced-search-label {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 100%;
    cursor: text;
    -webkit-transition: top 0.2s, left 0.2s, font-size 0.2s;
    -moz-transition: top 0.2s, left 0.2s, font-size 0.2s;
    transition: top 0.2s, left 0.2s, font-size 0.2s;
}

.js .advanced-search-floating-labels .icon .advanced-search-label {
    left: 56px;
    color: #5a524f;
    font-weight: 400;
    margin-top: 2px;
}

.js .advanced-search-floating-labels .advanced-search-label.float {
    /* move label out the input field */
    font-size: 100%;
    top: -31px;
    left: 0 !important;
    opacity: 0;
}

@media only screen and (min-width: 600px) {
    .js .advanced-search-floating-labels legend+div {
        /* reduce margin-top for first form element after the legend */
        /*
    margin-top: 16px;
	*/
        margin-top: 1px;
    }
    .js .advanced-search-floating-labels .advanced-search-label {
        top: 13px;
    }
}

.cd-panel-ty {
    font-family: 'niveau-grotesk', sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    visibility: hidden;
    -webkit-transition: visibility 0s 0.6s;
    -moz-transition: visibility 0s 0.6s;
    transition: visibility 0s 0.6s;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
}

.cd-panel-ty::before,
.cd-panel-ty::after {
    content: '';
}

.cd-panel-ty::after {
    /* overlay layer */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    cursor: pointer;
    -webkit-transition: background 0.3s 0.3s;
    -moz-transition: background 0.3s 0.3s;
    transition: background 0.3s 0.3s;
}

.cd-panel-ty.is-visible {
    visibility: visible;
    -webkit-transition: visibility 0s 0s;
    -moz-transition: visibility 0s 0s;
    transition: visibility 0s 0s;
}

.cd-panel-ty.is-visible::after {
    background: rgba(0, 0, 0, 0.6);
    -webkit-transition: background 0.3s 0s;
    -moz-transition: background 0.3s 0s;
    transition: background 0.3s 0s;
}

.cd-panel-ty.is-visible .cd-panel-ty-close::before {
    -webkit-animation: cd-close-1 0.6s 0.3s;
    -moz-animation: cd-close-1 0.6s 0.3s;
    animation: cd-close-1 0.6s 0.3s;
}

.cd-panel-ty.is-visible .cd-panel-ty-close::after {
    -webkit-animation: cd-close-2 0.6s 0.3s;
    -moz-animation: cd-close-2 0.6s 0.3s;
    animation: cd-close-2 0.6s 0.3s;
}

@-webkit-keyframes cd-close-1 {
    0%,
    50% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(45deg);
    }
}

@-moz-keyframes cd-close-1 {
    0%,
    50% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(45deg);
    }
}

@keyframes cd-close-1 {
    0%,
    50% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@-webkit-keyframes cd-close-2 {
    0%,
    50% {
        -webkit-transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-45deg);
    }
}

@-moz-keyframes cd-close-2 {
    0%,
    50% {
        -moz-transform: rotate(0);
    }
    100% {
        -moz-transform: rotate(-45deg);
    }
}

@keyframes cd-close-2 {
    0%,
    50% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

.cd-panel-ty-header {
    position: fixed;
    width: 90%;
    height: 50px;
    line-height: 50px;
    /*
  background: rgba(255, 255, 255, 0.96);
  */
    background: #183D49;
    z-index: 2;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
    -webkit-transition: top 0.3s 0s;
    -moz-transition: top 0.3s 0s;
    transition: top 0.3s 0s;
}

.cd-panel-ty-header h1 {
    font-weight: 500 !important;
    letter-spacing: 1.5px;
    color: #ffffff !important;
    padding-left: 4% !important;
    font-size: 130% !important;
    padding-top: 14px !important;
    text-transform: uppercase;
}

.cd-panel-ty-header h1.ewg_green {
    color: #0F854A;
}

.from-right .cd-panel-ty-header,
.from-left .cd-panel-ty-header {
    top: -50px;
}

.from-right .cd-panel-ty-header {
    right: 0;
}

.from-left .cd-panel-ty-header {
    left: 0;
}

.is-visible .cd-panel-ty-header {
    top: 0;
    -webkit-transition: top 0.3s 0.3s;
    -moz-transition: top 0.3s 0.3s;
    transition: top 0.3s 0.3s;
    height: 55px;
}

@media only screen and (min-width: 768px) {
    .cd-panel-ty-header {
        width: 70%;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-panel-ty-header {
        width: 53%;
    }
}

.cd-panel-ty-close {
    color: #000;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    /* image replacement */
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.cd-panel-ty-close::before,
.cd-panel-ty-close::after {
    content: '';
    /* close icon created in CSS */
    position: absolute;
    top: 22px;
    left: 20px;
    height: 3px;
    width: 20px;
    background-color: #ffffff;
    /* this fixes a bug where pseudo elements are slighty off position */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.cd-panel-ty-close::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cd-panel-ty-close::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.no-touch .cd-panel-ty-close:hover {
    background-color: #525252;
}

.no-touch .cd-panel-ty-close:hover::before,
.no-touch .cd-panel-ty-close:hover::after {
    background-color: #ffffff;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.no-touch .cd-panel-ty-close:hover::before {
    -webkit-transform: rotate(220deg);
    -moz-transform: rotate(220deg);
    -ms-transform: rotate(220deg);
    -o-transform: rotate(220deg);
    transform: rotate(220deg);
}

.no-touch .cd-panel-ty-close:hover::after {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.cd-panel-ty-container {
    position: fixed;
    width: 90%;
    height: 100%;
    top: 0;
    background: #f5f5f1;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.from-right .cd-panel-ty-container {
    right: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.from-left .cd-panel-ty-container {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.is-visible .cd-panel-ty-container {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
}

@media only screen and (min-width: 768px) {
    .cd-panel-ty-container {
        width: 70%;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-panel-ty-container {
        width: 53%;
    }
}

.cd-panel-ty-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*  padding:125px 10% ;
*/
    padding: 80px 40px 70px;
    overflow: auto;
    /* smooth scrolling on touch devices */
    -webkit-overflow-scrolling: touch;
}

.cd-panel-ty-content p {
    /*
  font-size: 14px;
  font-size: 0.875rem;
  color: #f89c1b;
  line-height: 1.4;
  */
    margin: 2em 0;
}

.cd-panel-ty-content p:first-of-type {
    margin: 0;
}

@media only screen and (min-width: 768px) {
    .cd-panel-ty-content p {
        /*
	font-size: 16px;
    font-size: 1rem;
    line-height: 1.6;
	*/
    }
}

.col_1of2_on_desktop_left {
    width: 50%;
    margin: 0 0% 0 0 !important;
    padding: 0 0 0 0;
}

#fieldset_1 legend, #fieldset_2 legend, .margin_top_0 legend {
    font-weight: 500 !important;
    text-transform: uppercase;
    color: #183D49 !important;
}

#fieldset_2 legend, .margin_top_0 legend {
    margin-top: 20px !important;
}

#fieldset_2 legend {
    padding-bottom: 0 !important;
}

.margin_top_0 legend {
    margin-bottom: 15px;
}


/*
.col_1of2_on_desktop_left:nth-child(2n+1) { margin:0 0 0 0 !important; }
*/

.advanced-search-form .col_1of2_on_desktop_left .advanced-search-ul li {
    display: block;
    margin: 10px 0;
    float: none;
}

#special_form_wrap {
    display: none;
    padding: 30px 30px 40px;
    margin: -30px;
}

#internal_page_wrapper.nopadding {
    padding: 0;
}

#search_results_wrap {
    /* margin: -30px; */
    /* padding: 20px 0 0 20px; */
    /* background: #f5f5f1; */
    /* border-top: 1px solid #d3d0ce; */
    padding: 0 20px;
}

#search_results_wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#search_results_wrap ul li {
    list-style: none;
}

ul.search_results_list li {
    list-style: none;
    margin-bottom: 1.8em !important;
    border-radius: 0.25em;
    /*
  box-shadow: 0 0 10px rgba(92, 75, 81, 0);
*/
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: 0.3s ease-in-out;
}

.no-touch ul.search_results_list li:hover {
    -o-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15);;
    -webkit-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15);;
    -moz-box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15);;
    box-shadow: 0px 1px 20px 0px rgba(0, 0, 0, 0.15);;
}

.no-touch ul.search_results_list li:hover .cd-img-overlay {
    opacity: 1 !important;
}

#search_results_wrap figure {
    position: relative;
    background-color: #fff;
    overflow: hidden;
    vertical-align: middle;
    height: 200px;
    /* width: 200px;
	*/
    width: 100%;
    margin: 1rem 0 0;
}

#search_results_wrap img {
    display: block;
    height: 100%;
    width: auto;
    margin: 0 auto !important;
    border-radius: .25em .25em 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#search_results_wrap ul li a figure .the_score_on_search img.tyty2015_class_noborder {
    height: auto;
    width: 100%;
    position: relative;
    left: auto;
    top: auto;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

#search_results_wrap .cd-img-overlay {
    /* position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 154, 79, 0.9);
    opacity: 0;
    border-radius: .25em .25em 0 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s; */
    display: none;
}

.the_score_on_search, .the_score_on_search-b {
    position: absolute;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.the_score_on_search {
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
}

.the_score_on_search-b {
    top: 15px;
    right: 15px;
    width: 60px;
    height: auto;
}

/* .the_score_on_search a {} */

.the_score_on_search img {
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
}

#search_results_wrap .cd-img-overlay span {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    color: #FFF;
}

#search_results_wrap .cd-member-info {
    color: #2b2b2b;
    font-family: 'niveau-grotesk', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 24px */

    /* height: 145px; */
    /*	width: 200px; */
    width: auto;
    background: #FFF;
    text-align: left;
    padding: 20px 15px 10px;
    /* border-radius: 0 0 .25em .25em;
    border-top: 1px solid #d3d0ce !important; */
}

#search_results_wrap .cd-member-info p {
    color: #2b2b2b;
    font-family: 'niveau-grotesk', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 233.333% */
    letter-spacing: 1.2px;
    text-transform: uppercase;
    margin-bottom: 0;
}

#search_results_wrap .cd-member-info span.special {
    display: block;
    font-weight: normal;
    color: #999999;
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: .5em !important;
}

ul.search_results_list li {
    width: 31%;
    float: left;
    margin-right: 3.5% !important;
}

ul.search_results_list li:nth-child(3n) {
    margin-right: 0 !important;
}

@media screen and (max-width: 568px) {
    /*
#tyty2015_id_wrapper {
    margin: 0 0 !important;
    overflow-x: hidden !important;
    padding-bottom: 200px !important;
    position: relative;
    width: 100% !important;
}
.tyty2015_class_hide_on_mobile {
    display: none !important;
}
.tyty2015_class_right_column_updated {
    margin: 30px 0 0 !important;
    width: 100% !important;
}
#tyty2015_id_internal_banner {
    display: none;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show {
    margin-top: 30px !important;
    padding-top: 0 !important;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show {
    margin: 0 2% !important;
    width: 96% !important;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages {
    background-color: #ffffff;
    padding: 20px 15px 0 !important;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages p {
    color: #7e7b7a !important;
     font-size: 110% !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    padding: 10px 0 !important;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages p.tyty2015_class_bolder_p {
    color: #0F854A !important;
    font-size: 110% !important;
    font-weight: 600 !important;
    line-height: 150% !important;
    padding: 10px 0 0 !important;
}

p.tyty2015_class_bolder_p  {
    font-size: 120%;
    font-weight: 600;
    line-height: 160%;
    margin: 0;
}



.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages p.tyty2015_class_overall_score_blurb {
    color: #7e7b7a !important;
    font-size: 110% !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    margin-bottom: 0;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages p.tyty2015_class_overall_score_blurb a {
    color: #0F854A !important;
     font-size: 110% !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    text-decoration: underline !important;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages .tyty2015_class_gages_3_wide {
    margin: 2% 0;
    width: 100%;
}
.tyty2015_class_gage_2_bg_img {
    height: auto !important;
    left: 0 !important;
    margin: 10% 20% !important;
    position: relative !important;
    top: 0 !important;
    width: 60% !important;
    z-index: 99 !important;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages .tyty2015_class_method_p a {
    color: #0F854A !important;
     font-size: 110% !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    text-align: center;
    text-decoration: underline !important;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages .tyty2015_class_method_p {
    text-align: center !important;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages #tyty2015_id_dial_for_nutrition.tyty2015_class_gages_3_wide {
    margin: 0;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages #tyty2015_id_dial_for_hazard.tyty2015_class_gages_3_wide {
    margin: 20px 0 0;
}
.tyty2015_class_right_column.tyty2015_class_right_column_updated.tyty2015_class_fleft.tyty2015_class_location_views_food_products_show #tyty2015_id_gages #tyty2015_id_dial_for_processing.tyty2015_class_gages_3_wide {
    margin: 20px 0 0;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show {
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #d3d0ce;
    border-radius: 5px 0 0 !important;
    height: auto !important;
    margin: 47px 2% 0 !important;
    width: 96% !important;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_breadcrumbs {
    display: none;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_the_new_score_title_block {
    border-bottom: 0 solid #d3d0ce;
    border-radius: 5px 0 0 !important;
    height: auto !important;
    width: 100% !important;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_the_new_score_title_block #tyty2015_id_score.tyty2015_class_updated_score {
    border-radius: 5px 0 0 !important;
    height: auto !important;
    width: 30% !important;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_the_new_score_title_block #tyty2015_id_name_and_cats.tyty2015_class_name_and_cats_updated {
    border: 0 none !important;
    height: auto !important;
    width: 70% !important;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_the_new_score_title_block #tyty2015_id_name_and_cats.tyty2015_class_name_and_cats_updated #tyty2015_id_prod_name.tyty2015_class_prod_name_updated {
    padding: 10px !important;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_the_new_score_title_block #tyty2015_id_name_and_cats.tyty2015_class_name_and_cats_updated .tyty2015_class_explain_bar {
    display: none;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_prod_photo.tyty2015_class_prod_photo_updated {
    border: 0 none !important;
    display: block;
    height: auto !important;
    width: 100% !important;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_the_new_score_title_block #tyty2015_id_score.tyty2015_class_updated_score img {
    border-radius: 5px 0 !important;
    height: auto !important;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_prod_photo.tyty2015_class_prod_photo_updated img {
    height: auto !important;
    margin: 10px auto !important;
    max-width: 70% !important;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_the_new_score_title_block #tyty2015_id_name_and_cats.tyty2015_class_name_and_cats_updated #tyty2015_id_prod_name.tyty2015_class_prod_name_updated h1 {
    padding: 0;
}
.tyty2015_class_product_header.tyty2015_class_product_header_updated.tyty2015_class_dont_hide_on_mobile.tyty2015_class_loaction_views_food_products_show #tyty2015_id_prod_photo.tyty2015_class_prod_photo_updated .tyty2015_class_prod_photo_source {
    position: relative !important;
}
.tyty2015_class_prod_name_updated.tyty2015_class_older_product_ind_result {
    min-height: 80px;
}
*/
}

.small_for_key {
    width: 60px;
    height: 60px;
}

.cd-popup-container img.dontstretch {
    width: initial;
    height: initial;
    margin-top: 20px;
}

#EWGSplash,
#EWGDonateSplash {
    z-index: 1000;
    -o-border-radius: 25px;
    -ms-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    -o-box-shadow: 0 0 10px #7E7D7B;
    -moz-box-shadow: 0 0 10px #7E7D7B;
    -webkit-box-shadow: 0 0 10px #7E7D7B;
    box-shadow: 0 0 10px #7E7D7B;
    top: 50%;
    left: 50%;
    position: absolute
}

#EWGSplashNo,
#EWGDonateSplashNo,
#EWGSplashSignUp,
#EWGSplashDonate {
    cursor: pointer;
    text-indent: -99999px;
    position: absolute;
    display: block
}

#EWGSplashEmail,
#EWGSplashZip {
    position: absolute;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

#EWGSplash {
    width: 860px;
    height: 485px;
    margin: -242px 0 0 -430px;
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/EWG_SplashPG_SunscreenGuide_C01.jpg) no-repeat;
}

#EWGSplashNo {
    bottom: 3px;
    height: 25px;
    right: 10px;
    width: 190px;
}

#EWGSplashEmail {
    font-size: 24px;
    height: 50px;
    padding: 3px;
    right: 25px;
    top: 200px;
    width: 275px;
}

#EWGSplashZip {
    font-size: 24px;
    height: 50px;
    padding: 3px;
    right: 100px;
    top: 285px;
    width: 200px;
}

#EWGSplashSignUp {
    bottom: 50px;
    height: 70px;
    right: 48px;
    width: 270px;
}

#EWGDonateSplash {
    width: 860px;
    height: 485px;
    background: url(https://static.ewg.org/reports/2020/sunscreens/img/EWG_Sunscreen_Donate.jpg) no-repeat;
    margin: -242px 0 0 -430px
}

#EWGDonateSplashNo {
    bottom: 16px;
    height: 30px;
    right: 50px;
    width: 260px
}

#EWGSplashDonate {
    bottom: 82px;
    height: 50px;
    right: 85px;
    width: 185px;
}

.animated {
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: 1s ease;
    -moz-animation: 1s ease;
    -ms-animation: 1s ease;
    -o-animation: 1s ease;
    animation: 1s ease
}

10%,
30%,
50%,
70%,
90% {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px)
}

20%,
40%,
60%,
80% {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -ms-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    opacity: 1;
    transform: scale(1.1)
}

70% {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9)
}

100% {
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
    opacity: 0;
    transform: scale(.3)
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -ms-animation-name: bounceIn;
    -o-animation-name: bounceIn;
    animation-name: bounceIn
}

25% {
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95);
    transform: scale(.95)
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -ms-animation-name: bounceOut;
    -o-animation-name: bounceOut;
    animation-name: bounceOut
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: '';
}

.clearfix:after {
    clear: both;
}

.grid {
    position: relative !important;
    margin: 0 auto !important;
    padding: 0 0 !important;
    max-width: 1000px !important;
    list-style: none !important;
    text-align: center !important;
}


/* Common style */

.grid div.effect-bubba {
    position: relative !important;
    float: left !important;
    overflow: hidden !important;
    margin: 10px 1% !important;
    /*
	min-width: 320px  !important;
	*/
    min-width: 0 !important;
    max-width: 480px !important;
    max-height: 360px !important;
    width: 48% !important;
    background: #0F854A !important;
    text-align: center !important;
    cursor: pointer !important;
}

.grid div.effect-bubba img {
    position: relative !important;
    display: block !important;
    min-height: 100% !important;
    max-width: 100% !important;
    opacity: 0.8 !important;
}

.grid div.effect-bubba div.figcaption {
    padding: 2em !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-size: 1.25em !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

.grid div.effect-bubba div.figcaption::before,
.grid div.effect-bubba div.figcaption::after {
    pointer-events: none !important;
}

.grid div.effect-bubba div.figcaption,
.grid div.effect-bubba div.figcaption>a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}


/* Anchor will cover the whole item by default */


/* For some effects it will show as a button */

.grid div.effect-bubba div.figcaption>a {
    z-index: 1000 !important;
    text-indent: 200% !important;
    white-space: nowrap !important;
    font-size: 0 !important;
    opacity: 0 !important;
}

.grid div.effect-bubba h2 {
    word-spacing: -0.15em !important;
    font-weight: 300 !important;
    color: #ffffff !important;
    font-weight: 300 !important;
    margin: 0 !important;
    padding-top: 30% !important;
    text-shadow: none !important;
    word-spacing: -0.15em !important;
}

.grid div.effect-bubba h2 span {
    font-weight: 800 !important;
}

.grid div.effect-bubba h2,
.grid div.effect-bubba p {
    margin: 0 !important;
}

.grid div.effect-bubba p {
    letter-spacing: 1px !important;
    font-size: 68.5% !important;
    color: #ffffff !important;
}


/*---------------*/


/***** Bubba *****/


/*---------------*/

.grid div.effect-bubba {
    background: #0F854A !important;
}

.grid div.effect-bubba img {
    opacity: 0.6 !important;
    -webkit-transition: opacity 0.35s !important;
    transition: opacity 0.35s !important;
}

.grid div.effect-bubba:hover img {
    opacity: 0.3 !important;
}

.grid div.effect-bubba div.figcaption::before,
.grid div.effect-bubba div.figcaption::after {
    position: absolute !important;
    top: 30px !important;
    right: 30px !important;
    bottom: 30px !important;
    left: 30px !important;
    content: '' !important;
    opacity: 0 !important;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s !important;
    transition: opacity 0.35s, transform 0.35s !important;
}

.grid div.effect-bubba div.figcaption::before {
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    -webkit-transform: scale(0, 1) !important;
    transform: scale(0, 1) !important;
}

.grid div.effect-bubba div.figcaption::after {
    border-right: 1px solid #fff !important;
    border-left: 1px solid #fff !important;
    -webkit-transform: scale(1, 0) !important;
    transform: scale(1, 0) !important;
}

.grid div.effect-bubba h2 {
    padding-top: 30% !important;
    -webkit-transition: -webkit-transform 0.35s !important;
    transition: transform 0.35s !important;
    -webkit-transform: translate3d(0, -20px, 0) !important;
    transform: translate3d(0, -20px, 0) !important;
}

.grid div.effect-bubba p {
    padding: 20px 2.5em !important;
    opacity: 0 !important;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s !important;
    transition: opacity 0.35s, transform 0.35s !important;
    -webkit-transform: translate3d(0, 20px, 0) !important;
    transform: translate3d(0, 20px, 0) !important;
}

.grid div.effect-bubba:hover div.figcaption::before,
.grid div.effect-bubba:hover div.figcaption::after {
    opacity: 1 !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.grid div.effect-bubba:hover h2,
.grid div.effect-bubba:hover p {
    opacity: 1 !important;
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
}

@media screen and (max-width: 50em) {
    .grid div.effect-bubba {
        display: inline-block !important;
        float: none !important;
        margin: 10px auto !important;
        width: 100% !important;
    }
    .grid div.effect-bubba div.figcaption {
        padding: 1em !important;
        font-size: 1em !important;
    }
    .grid div.effect-bubba:hover h2,
    .grid div.effect-bubba:hover p {
        opacity: 1 !important;
        -webkit-transform: translate3d(0, -10px, 0) !important;
        transform: translate3d(0, -10px, 0) !important;
    }
}


/* append_to_main_css_file */

#sunscreen101 {
    background: rgba(0, 0, 0, 0) url("https://static.ewg.org/reports/2020/sunscreens/img/homepage_cta_box_2020.jpg") no-repeat scroll 0 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    height: 414px;
    margin: 0 auto 20px;
    max-width: 960px;
    position: relative;
    width: 100%;
    z-index: 1;
    min-width: 960px;
    overflow: hidden;
}

a.four_blocks {
    margin: 3% 1% 0;
    width: 31%;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

a.four_blocks:nth-child(2n+1) {
    margin: 3% 1% 0;
    width: 31%;
}

a.four_blocks h1 {
    font-size: 100%;
    line-height: 1.2;
}

a.four_blocks:nth-of-type(1) {
    background-color: #ef4b23;
    height: 150px;
}

a.four_blocks:nth-of-type(2) {
    background-color: #0994ce;
    height: 150px;
}

a.four_blocks:nth-of-type(3) {
    background-color: #f8981c;
    height: 150px;
}

a.four_blocks:nth-of-type(4) {
    background-color: #1463a7;
    height: 150px;
}

a.four_blocks:nth-of-type(5) {
    background-color: #fcc715;
    height: 150px;
}

a.four_blocks:nth-of-type(6) {
    background-color: #93cee7;
    height: 150px;
}

#theguide {
    width: 445px;
    height: 190px;
    background-size: contain;
    right: -28px;
}

#sunscreen101_left h1.title {
    color: #4c4c4c;
    text-transform: uppercase;
    font-weight: 700;
    margin: 4% 0 1% 0;
}

#sunscreen101_left h1.title span {
    color: #807e7e;
    font-size: 90%;
    text-transform: capitalize;
}

#sunscreen101_right h1.title span.free {
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 400;
    letter-spacing: .08em;
    margin: 0 0 10px;
}

#sunscreen101_right h1.title span.sunscreen {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: .08em;
    line-height: 100%;
}

#sunscreen101_right a#ty_orange_readmore,
#sunscreen101_right a#ty_orange_readmore:link,
#sunscreen101_right a#ty_orange_readmore:visited,
#sunscreen101_right a#ty_orange_readmore:active,
#sunscreen101_right a#ty_orange_readmore:hover {
    background: #fcc715 !important;
    border-radius: 0;
    color: #ffffff !important;
    font-family: 'Open Sans', sans-serif;
    font-size: 130%;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (max-width: 600px) {
    a.four_blocks {
        margin: 3% 1%;
        width: 45%;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        height: 150px;
    }
    a.four_blocks:nth-child(2n+1) {
        margin: 3% 1%;
        width: 45%;
        height: 150px;
    }
}


/*@media only screen and (max-width: 768px) {
a.four_blocks img {
    height: 50px;
    width: auto;
    margin: 10px auto 10px auto;
}  }*/

@media only screen and (min-width:601px) and (max-width: 768px) {
    a.four_blocks {
        margin: 3% 1%;
        width: 30%;
        -o-border-radius: 0;
        -ms-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        height: 150px;
    }
    a.four_blocks:nth-child(2n+1) {
        margin: 3% 1%;
        width: 30%;
        height: 150px;
    }
}

@media only screen and (max-width: 600px) {
    #sunscreen101 {
        min-width: 100%;
        overflow: unset;
    }
}


/* bouncy hack */

.cd-bouncy-nav li a {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cd-bouncy-nav li:nth-of-type(1) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block1_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 43px;
    background-color: #ef4b23;
}

.cd-bouncy-nav li:nth-of-type(1) a:hover::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block1_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53px;
    background-color: #ef4b23;
}

.cd-bouncy-nav li:nth-of-type(2) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block2_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 43px;
    background-color: #0994ce;
}

.cd-bouncy-nav li:nth-of-type(2) a:hover::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block2_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53px;
    background-color: #0994ce;
}

.cd-bouncy-nav li:nth-of-type(3) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block6_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 43px;
    background-color: #f8981c;
}

.cd-bouncy-nav li:nth-of-type(3) a:hover::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block6_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53px;
    background-color: #f8981c;
}

.cd-bouncy-nav li:nth-of-type(4) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block3_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 43px;
    background-color: #1463a7;
}

.cd-bouncy-nav li:nth-of-type(4) a:hover::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block3_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 43px;
    background-color: #1463a7;
}

.cd-bouncy-nav li:nth-of-type(5) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/EWG_SunscreensLineCircleIcons-2018_Ingredients_C02.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 43px;
    background-color: #fcc715;
}

.cd-bouncy-nav li:nth-of-type(5) a:hover::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/EWG_SunscreensLineCircleIcons-2018_Ingredients_C02.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53px;
    background-color: #fcc715;
}

.cd-bouncy-nav li:nth-of-type(6) a::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block5_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 43px;
    background-color: #93cee7;
}

.cd-bouncy-nav li:nth-of-type(6) a:hover::before {
    background-image: url("https://static.ewg.org/reports/2020/sunscreens/img/block5_2017.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 53px;
    background-color: #93cee7;
}

#annual10th {
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 759px;
    overflow-x: hidden;
    background: none !important;
    background-color: transparent !important;
    height: auto !important;
    position: relative;
    left: -30px;
    top: -30px;
}

img.show_above_600 {
    display: block;
    width: 100% !important;
    max-width: none;
}

img.show_below_600 {
    display: none;
}

@media only screen and (max-width: 600px) {
    img.show_above_600 {
        display: none;
    }
    img.show_below_600 {
        display: block;
        width: 100% !important;
        max-width: none;
    }
    #annual10th {
        min-width: 100px;
        left: auto;
        top: auto;
        right: auto;
    }
}


/* New 2019 Footer CSS */

footer {
    width: 100%;
    background-size: cover;
    font-family: 'Lato', sans-serif;
}
footer a:link {
    color: #fff;
}
footer a:visited {
    color: #fff;
}
footer p {
    padding: 0;
}
.footer-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    text-align: center;
    margin-top: 20px;
}
.footer-mobile-links {
    width: 84%;
    margin-bottom: 30px;
    line-height: 1.4;
    font-weight: 300;
    letter-spacing: 0.15em;
}
.footer-mobile-copyright {
    font-weight: 100;
    width: 84%;
    letter-spacing: 0.11em;
}
.footer-logo-social {
    width: 22px;
}
.contact-social {
    background-color: #996529;
    color: #fff;
    grid-template-columns: 1fr;
    padding: 30px 40px;
}
@media (min-width: 768px) {
    .contact-social {
        padding: 30px 60px;
   }
}
@media (min-width: 992px) {
    .contact-social {
        padding: 30px 100px;
   }
}
.contact-social p {
    font-size: 11px;
    color: #fff;
    margin-left: 0px;
    letter-spacing: 0.05em;
    line-height: 1.3;
}
@media (min-width: 600px) {
    .contact-social p {
        font-size: 14px;
   }
}
.contact-social a {
    font-size: 11px;
    text-decoration: underline;
}
@media (min-width: 600px) {
    .contact-social a {
        font-size: 14px;
   }
}
.contact {
    grid-template-columns: 1fr;
}
@media (min-width: 768px) {
    .contact {
        grid-template-columns: 2fr 1fr;
   }
}
@media (min-width: 992px) {
    .contact {
        grid-template-columns: 1.2fr 1fr;
   }
}
.contact ul {
    list-style: none;
    font-weight: 300;
}
.contact span {
    font-weight: 400;
}
.contact a {
    text-decoration: underline;
}
.contact a:link {
    color: #fff;
}
.contact a:visited {
    color: #fff;
}
.contact-logo {
    width: 280px;
    margin: 0 0 30px;
}
.footer-ewg-logo {
    width: 200px;
    margin-top: 24px;
    margin-bottom: 30px;
}
.social {
    grid-template-columns: 1fr;
}
@media (min-width: 768px) {
    .social {
        grid-template-columns: 2fr 1fr;
   }
}
.social span {
    display: block;
    margin: 30px 0;
}
.social img:first-child {
    margin: 0 15px 0 5px;
}
.social li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-weight: 300;
}
.social i {
    margin-right: 10px;
}
.social a:link {
    color: #fff;
}
.social a:visited {
    color: #fff;
}
.office-locations {
    margin: 0 0 30px;
}
.office-locations p {
    font-weight: 700;
    margin: 0 0 8px;
}
.footer-nav {
    justify-content: space-between;
    letter-spacing: 0.04em;
    margin: 0 0 30px;
}
@media (min-width: 480px) {
    .footer-nav {
        justify-content: flex-start;
   }
}
@media (min-width: 768px) {
    .footer-nav {
        flex-direction: column;
        justify-content: flex-start;
   }
}
@media (min-width: 992px) {
    .footer-nav {
        flex-direction: row;
        justify-content: flex-end;
   }
}
.footer-nav a {
    font-weight: 700;
    text-decoration: none !important;
}
.footer-nav a:hover {
    text-decoration: underline !important;
}
@media (min-width: 480px) {
    .footer-nav ul:first-child {
        margin: 0 30px 0 0;
   }
}
@media (min-width: 768px) {
    .footer-nav ul:first-child {
        margin: 0;
   }
}
@media (min-width: 992px) {
    .footer-nav ul:first-child {
        margin: 0 40px 0 0;
   }
}
.footer-nav li {
    margin: 0 0 8px;
}
@media (min-width: 768px) {
    .footer-nav li {
        margin: 0 0 16px;
   }
}
.legal {
    margin: 0 0 30px;
}
@media (min-width: 768px) {
    .legal {
        margin: 0;
   }
}
@media (min-width: 768px) {
    .social-icons-list {
        align-items: flex-end;
   }
}
@media (min-width: 992px) {
    .social-icons-list {
        justify-content: flex-end;
   }
}
.social-icons-list a {
    text-decoration: none;
}

.header-logo-img {
    margin: 0 10px 0 0;
    width: 31px;
}


@media (min-width: 600px) {
    .show-sm {
        display: block
    }
}

.hide-sm {
    display: block
}

@media (min-width: 600px) {
    .hide-sm {
        display: none
    }
}

.show-md {
    display: none
}

@media (min-width: 768px) {
    .show-md {
        display: block
    }
}

.hide-md {
    display: block
}

@media (min-width: 768px) {
    .hide-md {
        display: none
    }
}

.show-md-flex {
    display: none
}

@media (min-width: 768px) {
    .show-md-flex {
        display: flex
    }
}

.hide-md-flex {
    display: flex
}

@media (min-width: 768px) {
    .hide-md-flex {
        display: none
    }
}

.sticky-subscribe-donate {
    width: 300px;
    margin: 0 auto;
    position: fixed;
    bottom: -320px;
    z-index: 999;
    left: 0;
    right: 80%;
    cursor: pointer;
}

.inner-sticky {
    background-image: url(https://static.ewg.org/reports/2020/sunscreens/img/EWG_Sunscreen_PopUp_GetGuide.jpg);
    width: 300px;
    margin: 0 auto;
    border: 1px solid black;
    height: 300px;
}

#close-sticky-donate {
    position: relative;
    right: -270px;
    top: 10px;
    border: 1px solid #767676;
    font-family: sans-serif;
    font-size: 0.8em;
    color: #767676;
    border-radius: 24px;
    width: 22px;
    height: 22px;
    background-color: #ffffff;
    text-align: center;
    line-height: 22px;
    cursor: pointer;
}

.verified_restriction { 
  text-decoration: line-through; 
}

.fda_top_heading {
background-color: #FFC200 !important;
border-bottom: 1px solid #006b37 !important;
}
.fda_top_heading h1 {
background: url(https://static.ewg.org/reports/2020/sunscreens/img/better_star.png);
background-repeat: no-repeat;
background-size: 28px;
background-position: 15px 1px;
height: 28px;
padding: 0 0 0 60px;
text-align: left;
}
.fda_positive {
background: url(https://static.ewg.org/reports/2020/sunscreens/img/new_thumbs_up.png) !important;
background-position: 8px 15px !important;
background-size: 20px !important;
background-repeat: no-repeat !important;
padding: 10px 10px 10px 40px !important;
}
.fda_negative {
background: url(https://static.ewg.org/reports/2020/sunscreens/img/new_thumbs_down.png) !important;
background-position: 8px 15px !important;
background-size: 20px !important;
background-repeat: no-repeat !important;
padding: 10px 10px 10px 40px !important;
}
.fda_minus {
background: url(https://static.ewg.org/reports/2020/sunscreens/img/new_minus.png) !important;
background-position: 8px 5px !important;
background-size: 20px !important;
background-repeat: no-repeat !important;
padding: 0px 10px 0px 40px !important;
}



/*  */
/*  */
/* Bootstrap code changes */
.row>* {
    padding: 0 !important;
}

.all-caps {
    text-transform: uppercase;
}

#st-1 {
    display: none !important;
}


.content-max-width {
    margin: 0 auto;
    max-width: 1440px;
}