@charset "UTF-8";

/*
Theme Name: EWG SS2015 V1
Theme URI: http://www.ewg.org 
Description: EWG SS2015 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: 'Open Sans', 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; 
}

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

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

a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; }
a, a:link, a:visited {	color:#009a4f;	text-decoration:underline !important;	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:#009a4f;	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/2015/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:#c2c2c2; }
textarea:-moz-placeholder { color:#c2c2c2; }
button, input, select, textarea { color: #c2c2c2; }
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;}
.fleft { float:left; }
.fright { float:right; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.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;}















































#sticky_menu {
    background-color: #ffffff;
    height: 120px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}
#header {
    height: 120px;
    margin: 0 auto;
    width: 960px;
}
#top_header {
    height: 81px;
}
#logo_div {
    height: 81px;
    padding: 10px 0 0;
}
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 #009a4f;
    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 #525252;
    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/2015/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/2015/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/2015/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/2015/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/2015/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/2015/sunscreens/img/theapp.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#bottom_header {
    background-color: #525252;
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom: 4px solid #393939;
    height: 39px;
    width: 100%;
}
#dropdown {
    background-color: #009a4f;
    border-bottom: 4px solid #006b37;
    height: 39px;
    width: 433px;
}
#home {
    border-right: 0 solid #5f883b !important;
}
#home {
    background: url("https://static.ewg.org/reports/2015/sunscreens/img/home-717228aae5ebfc7016635bf709e71066.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-right: 1px solid #006b37 !important;
    height: 35px;
    text-indent: -9999px;
    width: 35px;
}
#ewg_fd_href {
    border-right: 1px solid #006b37 !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;
	*/
}
#sitename { 

    font-size: 100%;
    line-height: 100%;

    height: 35px;
    margin: 0;
    padding: 9px 10px;
}
#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/2015/sunscreens/img/down-55d6a63d94f3c46fa487fc9e7dca52b6.png");
	background-repeat:no-repeat;
   */
   /*
    background-position: right -3px;
   */
    border-left: 0 solid #009a4f !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/2015/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 #006b37 !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/2015/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_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:#009a4f; color:#ffffff;
}




#home_menu_hero {
    height: 290px;
    width: 960px;
	margin:120px 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 {
    background: none repeat scroll 0 0 #525252;
    
	
-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: 100% !important;
    z-index: 99;
}
#home_form_search_header {
    margin: 7px 10px 6px !important;
    background: url("https://static.ewg.org/reports/2015/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;
}
#home_input_text_search {
    border: 0 none !important;
    color: #818385;
    /*
	font-family: "Open Sans",sans-serif;
    font-size: 14px;
     font-weight: 400;
    line-height: 16px;
	*/
	
	font-size:150%;
	line-height:100%;

    height: 35px;

    margin: 1px;
    outline: medium none !important;
    padding-left: 10px;
    padding-top: 2px;
    width: 777px !important;
}


#home_input_submit_submit 
{
   border: 0 none !important;
   outline: medium none !important;
   border-left:1px solid #8b8b8b !important;

	background: #f0efea;
	
	-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: 17px;
    font-weight: 400;
    line-height: 17px;
*/


	font-size:120%;
	line-height:100%;
	font-weight:600;
	
	
	height: 37px;
    
    margin: 0;
    padding: 0 25px;
	color:#595e60;
	cursor:pointer;
}

#home_input_submit_submit:hover 
{
	background:#009a4f; 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;
width:960px;
height:auto;
    margin:0 auto 20px auto;
}
#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 {
    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;
width:360px;
height:auto;
    margin:0 auto 20px auto;
}
#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 {
    width: 960px;
	margin:0 auto 20px auto;
    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;
}

#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 #f0efea !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:url(https://static.ewg.org/reports/2015/sunscreens/img/silver_bg.jpg); 
	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/2015/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: #f0efea;
    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: #009a4f;
 
}
 a#ty_orange_readmore.other:active,
 a#ty_orange_readmore.other:hover
  {
    background: #ffffff;
	color:#009a4f;
  }
 .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 #009a4f ;-moz-box-shadow:0 0 0px 4px #009a4f ;-webkit-box-shadow:0 0 0px 4px #009a4f ;box-shadow:0 0 0px 4px #009a4f ;
 }
 
 .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; }

#footer {
	background:url("https://static.ewg.org/reports/2015/sunscreens/img/footer_bg.jpg");
	background-position:center center;
	background-size:cover;
    background-color: #009a4f;
    border-top: 2px solid #006b37;
    color: #ffffff;
     margin: 50px auto 0 auto;
    padding: 0;
    width: 100%;
}
#footer_inside {
    margin: 0 auto;
    padding: 7.5% 0;
    width: 960px;
}
#footer_contact {
    width:100%;
		/*
		font-size:16px;
		*/
		font-weight:600;

}
.footer_contact_left {
    float: left;
    min-height: 200px;
    width: 65%;
	padding-right:10%;
	 font-size: 90%;
    line-height: 170%;
}
.ewg_location {
    color: #ffffff;
    font-weight: 600;
}
a.contactewga, a.contactewga:link, a.contactewga:visited {
    color: #ffffff;
    text-decoration: underline;
}
a.contactewga:active, a.contactewga:hover {
    color: #ffffff;
    opacity: 0.5;
    text-decoration: underline;
}

.footer_contact_right {
    float: left;
    min-height: 200px;
    width: 35%;
}
#signup_left {
    width: 100%;
}
#signup_right {
    width: 100%;
	margin:20px 0 0 0;
}
#signupform {
    height: 100%;
    width: 100%;
}
#signupform 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: none;
  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 */
#signupform input#zip { 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;
}
#signupform  input#submit_signup_form { 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 */
#signupform  input#submit_signup_form { 	background-color:#f89c1b; color:#ffffff; cursor:pointer; }
#signupform  input#submit_signup_form:hover { 	background-color:#525252; color:#ffffff; }
#signupform  input#submit_signup_form:focus { 	background-color:#525252; color:#ffffff; }












































#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:#f89c1b; color:#ffffff; cursor:pointer; border-left:0 none; }
#signupform2  input#submit_signup_form2:hover { 	background-color:#009a4f; color:#ffffff; }
#signupform2  input#submit_signup_form2:focus { 	background-color:#009a4f; color:#ffffff; }





















.footer_logo_img { width:auto; margin:0 0 20px 0; display:block; }


#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;
}
#footer p { color:#ffffff; }


































.tyty2015_class_hide_on_mobile {
    display: block;
}

.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: #009a4f;
    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: 120px auto 0;
    width: 960px;
}
.tyty2015_class_margintop15 {
    height: 20px;
    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;

    height: 90px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 960px;
}
#tyty2015_id_internal_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;
    width: 960px;
}
.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;
    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;
}

#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;
}


#tyty2015_id_signup_left_top {
    background-color: #ffffff;
    border-bottom: 1px solid #006b37;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    /*
	font-size: 20px;
        line-height: 20px;

	*/
	
	font-size:125%;
	line-height:100%;
	
	font-weight: 600;
    height: auto;
    margin: 0;
    padding: 13px 0;
    text-align: center;
    width: 100%;
}


#related_2 {
    background-color: #ffffff;
    border-bottom: 1px solid #006b37;
    border-radius: 5px 5px 0 0;
    color: #ffffff;
    /*
	font-size: 20px;
        line-height: 20px;

	*/
	
	font-size:125%;
	line-height:100%;
	
	font-weight: 600;
    height: auto;
    margin: 0;
    padding: 13px 0;
    text-align: center;
    width: 100%;
}



#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%;
}
input#tyty2015_id_emailsubmit {
    background: none repeat scroll 0 0 #009a4f;
    border: 1px solid #006b37 !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: #ffffff;
    cursor: pointer;
    /*
	font-size: 14px;
        line-height: 14px;

	*/
	
	font-size:90%;
	line-height:100%;
	
	font-weight: 600;
    height: 28px;
    margin: 10px 0;
    outline: medium none !important;
    padding: 0 15px;
}
input#tyty2015_id_emailsubmit:hover {
    background: none repeat scroll 0 0 #006b37;
}
.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: 745px;
}
#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: #f5f5f1;
    border-bottom: 2px solid #d3d0ce;
    color: #525353;
    padding: 20px 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/2015/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/2015/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/2015/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/2015/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/2015/sunscreens/img/greendot.jpg); background-position:8px 15px; 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;
}
.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;
}

#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-top: 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;} */
				
#tyty2015_id_signup_left_top.tyty2015_class_signup_left_top_updated {
    border-radius: 6px 0 0;
}
#tyty2015_id_signup_left.tyty2015_class_signup_left_updated {
    border-radius: 6px 0 0 6px;
}

#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/2015/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/2015/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/2015/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 #009a4f !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;
}



#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;
/*
overflow:hidden;
*/
background:url(https://static.ewg.org/reports/2015/sunscreens/img/homepage_cta_box.jpg); background-position:0 0; background-repeat:no-repeat;	
}


#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%;
}

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 10px auto; }
a.four_blocks h1 { color:#ffffff; font-size:110%; line-height:130%; font-weight:600;}
#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: 100%;    margin: 15% auto 4%; padding:0;}
#sunscreen101_right p.title { color:#ffffff; font-size:115%; line-height:150%; padding:0; margin:0 auto 4% auto;}
#sunscreen101_right a#ty_orange_readmore { margin:4% auto 0 auto;}


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



#home_tips { width:960px; margin:0 auto 0px auto; }
#home_tips h1#tips {
	color: #525353;
    font-size: 150%;
    font-weight: 400;
    line-height: 100%;
    margin: 5% 0 7% 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 { text-decoration:none !important;	outline:none !important;	border:0 none !important; display:block; 

width:45%; 
margin:0% 10% 5% 0%;

 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:left;

padding:0%;

height:170px;
overflow:hidden;

}
a.six_blocks:nth-child(2n+1) {
    /*
	background: #ff0000;
	*/
	margin-right:0;
} 
a.six_blocks img { height:auto; width:100%; /*float:left;*/ display:inline-block; padding:0 0 0 0; width:30%;  float:left;}
a.six_blocks h1 { color:rgba(0, 154, 79, 1); font-size:130%; line-height:130%; font-weight:600; /*float:left;*/ display:inline-block; width:70%; padding:0; vertical-align:top; padding:2% 0 0 6%; float:left;}
a.six_blocks h1 span { font-size:70%; color:#525353; font-weight:400; }
/*
border: 0 none !important;    outline: medium none !important;    text-decoration: none !important;
*/

#reading { width:960px; margin:0 auto 20px auto; }
#reading h1#reading_h1 {
	color: #525353;
    font-size: 150%;
    font-weight: 400;
    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 { width:470px; margin:0 130px 0 0; float:left; min-height:100px;}
#home_signup_ad { width:360px; float:left;}





#home_signup_ad h1#signup_h1 { color:rgba(0, 154, 79, 1); font-size:130%; line-height:130%; font-weight:600; /*float:left;*/ display:block; padding:0; vertical-align:top; padding:0 0 5% 0; margin:0 0 0 0;}
#home_signup_ad h1#signup_h1 span { font-size:70%; color:#525353; font-weight:400; display:block; margin:15px 0 ; }





a.home_loop_blocks { text-decoration:none !important;	outline:none !important;	border:0 none !important; display:block; 

width:100%; 
margin:0% 0% 8% 0%;

 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:left;

padding:0%;

height:auto;


border:1px solid gray;

}
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:rgba(0, 154, 79, 1); 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:85%;
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:85%;
margin-left:15px;
}



h1#prod_h1_3 {
	
	color: #525353;
    font-size: 150%;
    font-weight: 400;
    line-height: 100%;
    margin: 0% 0 5% 0;
    text-shadow: 0 1px 0 #ffffff;
	}
	
h1#prod_h1_3 span {
color:rgba(0,154,79,1);
font-size:85%;
margin-left:15px;
}


#circles { margin:5% 0 4%; padding:0;}
.circle_block { width:16.66666%; 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/2015/sunscreens/img/dial_icon.png"); background-position:0 0; background-repeat:no-repeat; padding:0 0 0 30px; width:auto; position:absolute; z-index:9; left:20px; top:50%; 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%);

}

.makeewggreen { background:#009a4f !important; border-bottom:1px solid #006b37 !important;}
.makewhite { color:#ffffff !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/2015/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:5% 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: 5% 0;
    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;    
    float: right;
    text-align: left;
	font-weight:300;
	text-decoration:none !important;
}
#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/2015/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/2015/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/2015/sunscreens/img/cost_level_3.png"); background-position:0 0 ; background-repeat:no-repeat;}

.make100percent { width:90%; margin:5%;}
.make100percent p { padding:2% 3% 5% 3%; margin:0 0 0% 0; }
h1.ingredientsbg {}
h1#tyty2015_id_prod_images_h1b_ingredientsbg { background:url("https://static.ewg.org/reports/2015/sunscreens/img/ingredientsbg.png"); background-repeat:no-repeat; background-position:15px 1px;
    height: 28px;
    padding: 0 0 0 60px;
    text-align: left;
}
span#ingredients_from_label { display:block; margin:2.5% 0 1%; padding:0 0 0 0; font-weight:600;color: rgba(0, 154, 79, 1);
    font-size: 110%; line-height:130%;  }

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


#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/2015/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/2015/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/2015/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/2015/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/2015/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/2015/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/2015/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/2015/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; }
#tyty2015_id_gages.for_internal_page { background:#ffffff; background-color:#ffffff; padding:0; }
#internal_page_wrapper { padding:30px; height: auto;    min-height: 1100px;}
#internal_page_wrapper p { color: #525353;    font-size: 90%;    line-height: 170%;    margin: 0 0 20px 0;    padding: 0 0 0 0;}
#internal_page_wrapper h1 { font-size: 150%;    font-weight: 400;    line-height: 100%;    margin: 0 0 20px 0;  padding: 0 0 0 0;  text-shadow: 0 1px 0 #ffffff; color:rgba(0, 154, 79, 1);}
#internal_page_wrapper h2 {font-size: 125%;    font-weight: 400;    line-height: 100%;    margin: 0 0 20px 0;   padding: 0 0 0 0; text-shadow: 0 1px 0 #ffffff; color:rgba(0, 154, 79, 1);}
#internal_page_wrapper h3 {font-size: 100%;    font-weight: 400;    line-height: 100%;    margin: 0 0 20px 0;   padding: 0 0 0 0; text-shadow: 0 1px 0 #ffffff; color:rgba(0, 154, 79, 1);}
#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 {margin: 0 0 10px 0;   padding: 0 0 0 0; list-style:disc;}
#internal_page_wrapper ol li {margin: 0 0 10px 0;   padding: 0 0 0 0;}
#internal_page_wrapper a {}



.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: #009a4f !important;
}
.no-touch .cd-pagination a:hover {
    background-color: #f89c1b !important;
	color:#ffffff !important;
}
#click_next_number.light {
    font-size: 100%;
    font-weight: 600;
    line-height: 100%;
    margin: 0 0 20px;
    opacity: 0.5;
    text-align: center;
}

h1.search_results_header 
{  font-size: 100% !important;
    line-height: 150% !important;
    margin: 0 0 10px !important;
	font-weight:600 !important;
}

h4.search_results_conditions 
{  font-size: 90% !important;
    line-height: 110% !important;
    margin: 0 0 0px 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;
}
.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/2015/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/2015/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: #009a4f;
  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/2015/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: #009a4f;
/*  background-image: url("https://static.ewg.org/reports/2015/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/2015/sunscreens/img/block1.png"); 
  background-repeat: no-repeat;
  background-position: center center;
  background-size:43px;
}
.cd-bouncy-nav li:nth-of-type(2) a::before {
  background-image: url("https://static.ewg.org/reports/2015/sunscreens/img/block3.png"); 
  background-repeat: no-repeat;
  background-position: center center;
/*  background-position: -80px 0; */
  background-size:52px;
}
.cd-bouncy-nav li:nth-of-type(3) a::before {
  background-image: url("https://static.ewg.org/reports/2015/sunscreens/img/block5.png"); 
  background-repeat: no-repeat;
  background-position: center center;
/*  background-position: -80px 0; */
  background-size:30px;
}
.cd-bouncy-nav li:nth-of-type(4) a::before {
  background-image: url("https://static.ewg.org/reports/2015/sunscreens/img/block4.png"); 
  background-repeat: no-repeat;
  background-position: center center;
/*  background-position: -160px 0; */
  background-size:53px;
}
.cd-bouncy-nav li:nth-of-type(5) a::before {
  background-image: url("https://static.ewg.org/reports/2015/sunscreens/img/block2.png"); 
  background-repeat: no-repeat;
  background-position: center center;
/*  background-position: -240px 0; */
  background-size:50px;
}
	.cd-bouncy-nav li:nth-of-type(5) a:hover::before {
	  background-image: url("https://static.ewg.org/reports/2015/sunscreens/img/block2hover.png"); 
	  background-repeat: no-repeat;
	  background-position: center center;
	/*  background-position: -240px 0; */
	  background-size:50px;
	}


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


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

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



.cd-bouncy-nav li:nth-of-type(8) a::before {
  background-image: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-category-icons.svg"); 
  background-repeat: no-repeat;
/*  background-position: center center; */
  background-position: -400px 0; 
/*    background-size:66px; */
}

@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  {
/*  width: 90%;
  max-width: 600px;
  margin: 4em auto;
  */
  margin:0 auto;
  width:100%;
}
.advanced-search-form ::after {
  clear: both;
  content: "";
  display: table;
}
.advanced-search-form  fieldset {
  margin: 0 0 20px 0;
}
.advanced-search-form-2 fieldset { /*  margin: 0 0 10px 0;
 */ }
.advanced-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
{
  padding-bottom: 10px;
  margin-bottom: 5px;
  font-size: 140%;
  font-weight:600;
  border-bottom: 0px solid #d3d0ce;
}

.advanced-search-form  legend.ewg_green { color:#009a4f; }
.advanced-search-form  div {
  /* form element wrapper */
  position: relative;
  margin: 20px 0;
}
.advanced-search-form  h4, .advanced-search-form  .advanced-search-label {
  font-size: 100%;
  /* color: #94aab0; */

  margin-bottom: 10px;
}
.advanced-search-form  .advanced-search-label {
  display: block;
}
.advanced-search-form  input, .advanced-search-form  textarea, .advanced-search-form  select, .advanced-search-form  label {

  font-size: 100%;
/*  color: #2b3e51; */
}
.advanced-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: #009a4f;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}
.advanced-search-form  .advanced-search-select {
  /* select element wapper */
  position: relative;
}
.advanced-search-form  .advanced-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/2015/sunscreens/img/cd-icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}
.advanced-search-form  select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.advanced-search-form  select::-ms-expand {
  display: none;
}
.advanced-search-form  .advanced-search-ul {
 margin: 0 0 0 0 !important; 
}


.advanced-search-form  .col_1of2_on_desktop_left  .advanced-search-ul
{
padding: 0 10px 0 0 !important;	
}


.advanced-search-form  .col_1of2_on_desktop_right  .advanced-search-ul
{
padding: 0 0px 0 10px !important;	
}

.advanced-search-form  .advanced-search-ul::after {
  clear: both;
  content: "";
  display: table;
}
.advanced-search-form  .advanced-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;
  margin: 0 26px 16px 0 !important;
  float: left;
}
.advanced-search-form  input[type=radio],
.advanced-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 {
  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 {
  /* 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 {
  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 {
  border-radius: 50%;
}
.advanced-search-form  input[type="checkbox"] + label::before,
.advanced-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 {
  background-color: #009a4f;
  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 {
  /* custom image for radio button */
  background-image: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-icon-radio.svg");
}
.advanced-search-form  input[type="checkbox"] + label::after {
  /* custom image for checkbox */
  background-image: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-icon-check.svg");
}
.advanced-search-form  input[type="radio"]:focus + label::before,
.advanced-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 {
  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 {
  -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/2015/sunscreens/img/search32.png"); background-position:15px 12px; background-repeat:no-repeat; background-size:25px; 
  background-color: #009a4f;
  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/2015/sunscreens/img/search32.png"); background-position:21px 12px; background-repeat:no-repeat; background-size:25px; 

  background-color: #525252;
}
.advanced-search-form  input[type="submit"]:focus {
  outline: none;
    	  background:url("https://static.ewg.org/reports/2015/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: 150%;
    line-height: 100%;
    margin: 0 auto;
    width: 100%;
}

#fieldset_3 div { margin:0; }

.advanced-search-form  input[type="button"] {
  /* button style */
  border: none;
	  background:url("https://static.ewg.org/reports/2015/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/2015/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/2015/sunscreens/img/cd-icon-filter.svg"); background-position:14px 14px; background-repeat:no-repeat; background-size:20px; 

  background-color: #009a4f;
}
.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/2015/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:600; opacity:0.5; }
  .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;
}
.advanced-search-form  .user {
  background: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-icon-user.svg") no-repeat 16px center;
}
.advanced-search-form  [required].user {
  background: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-icon-user.svg") no-repeat 16px center, url("https://static.ewg.org/reports/2015/sunscreens/img/cd-required.svg") no-repeat top right;
}
.advanced-search-form  .advanced-search-sunscreen-name {
/*  background: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-icon-company.svg") no-repeat 16px center;*/
background:url("https://static.ewg.org/reports/2015/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/2015/sunscreens/img/cd-icon-company.svg") no-repeat 16px center, url("https://static.ewg.org/reports/2015/sunscreens/img/cd-required.svg") no-repeat top right;
}
.advanced-search-form  .email {
  background: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-icon-email.svg") no-repeat 16px center;
}
.advanced-search-form  [required].email {
  background: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-icon-email.svg") no-repeat 16px center, url("https://static.ewg.org/reports/2015/sunscreens/img/cd-required.svg") no-repeat top right;
}
.advanced-search-form  .advanced-search-sunscreen-brand {
/*  background: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-icon-budget.svg") no-repeat 16px center;*/
background:url("https://static.ewg.org/reports/2015/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/2015/sunscreens/img/cd-icon-budget.svg") no-repeat 16px center;*/
background:url("https://static.ewg.org/reports/2015/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/2015/sunscreens/img/cd-icon-message.svg") no-repeat 16px 16px;
}
.advanced-search-form  [required].message {
  background: url("https://static.ewg.org/reports/2015/sunscreens/img/cd-icon-message.svg") no-repeat 16px 16px, url("https://static.ewg.org/reports/2015/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:#c2c2c2;
}
.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 {
  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:#009a4f;
  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:600 !important;
  color: #ffffff !important;
  padding-left: 5% !important;
  font-size:130% !important;
  padding-top: 14px !important;
}
.cd-panel-ty-header h1.ewg_green { color:#009a4f; }
.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;
}
@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: 50%;
  }
}

.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: 50%;
  }
}

.cd-panel-ty-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*  padding:125px 10% ;
*/
padding:70px 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-top: 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; }
/*
.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 { padding:30px 30px 40px; margin: -30px;}
#internal_page_wrapper.nopadding { padding:0; }

#search_results_wrap {  margin: -30px; padding:30px 30px 30px 30px; background:#f5f5f1; border-top:1px solid #d3d0ce;}
#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: 2em !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: all 0.3s;
}



.no-touch ul.search_results_list li:hover {
  -o-box-shadow:0 0 10px rgba(0, 0, 0, 0.3); 
-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.3); 
-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3); 
box-shadow:0 0 10px rgba(0, 0, 0, 0.3); 
}
.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%;
}
#search_results_wrap img {
  display: block;
  height: 70%;
	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;
}


.the_score_on_search { position:absolute; top:10px; right:10px; width:40px; height:40px; 
-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 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 {
  height: 150px;
/*	width: 200px; */
width:auto;
  background: #FFF;
  text-align: center;
  font-weight: bold;
  padding: 20px 5px 5px 5px;
  border-radius: 0 0 .25em .25em;
  
  border-top:1px solid #d3d0ce !important;
}
#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: #009a4f !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: #009a4f !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: #009a4f !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:415px;
	background:url(https://static.ewg.org/reports/2015/sunscreens/img/EWG_Sunscreen_SignUp.jpg) no-repeat;
	margin:-207px 0 0 -430px
}
#EWGSplashNo {
	bottom:12px;
	height:25px;
	right:20px;
	width:320px
}
#EWGSplashEmail {
    font-size: 16px;
    height: 34px;
    right: 50px;
    top: 185px;
    width: 220px;
    padding: 3px;
}
#EWGSplashZip {
	font-size: 16px;
	height: 34px;
	right: 50px;
	top: 240px;
	width: 220px;
	padding: 3px;
}
#EWGSplashSignUp {
    bottom: 65px;
    height: 50px;
    right: 80px;
    width: 190px;
}

#EWGDonateSplash {
width:860px;
height:485px;
background:url(https://static.ewg.org/reports/2015/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: #009a4f  !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: #009a4f  !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;
}
}