section.brands, .tabs {
    box-sizing: border-box;
    padding: 0px 6.25%;
    clear: both;
}
section.brands > ul, .tabs > ul {
    backface-visibility: hidden;
}
section.brands:after, .tabs:after {
    content: "";
    display: block;
    width: 96.4286%;
    height: 0px;
    margin: 0px 1.78571%;
}
section.brands > ul > li > a, .tabs > ul > li > a {
    box-sizing: border-box;
    position: relative;
    display: block;
    min-height: 43px;
    padding: 12px 10.7143% 10px 3.57143%;
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1.63636em;
    line-height: 1.11111;
    text-transform: uppercase;
    border-bottom: 1px solid #EDEDED;
    background-color: #F7F5F6;
}
.js section.brands > ul > li > a:after, .js .tabs > ul > li > a:after {
    content: "";
    width: 11px;
    height: 11px;
    display: inline-block;
    margin-left: 0px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    transform: translateY(0px) rotate(225deg);
	-webkit-transform: translateY(0) rotate(225deg);
	-moz-transform: translateY(0) rotate(225deg);
	-o-transform: translateY(0) rotate(225deg);
	-ms-transform: translateY(0) rotate(225deg);
}
section.brands > ul > li > a:after, .tabs > ul > li > a:after {
    content: "";
    position: absolute;
    right: 3.57143%;
    top: 31.25%;
}
.thin-nav > .press-release-page, .thin-nav > .news-page {
    margin-top: 0px;
}
.press-release-page, .news-page {
    margin: 20px 6.25%;
}
.press-release-page .media-search-2, .news-page .media-search-2 {
    margin-bottom: 2em;
}
.std-form.media-search, .std-form.media-search-2 {
    padding: 2em 1em;
    margin-bottom: 20px;
}
.media-search-2 {
    background-color: #F7F5F6;
    padding: 2em 1em;
}
.std-form {
    padding: 0px 4.6875%;
    font-size: 1.09091em;
}
form, fieldset {
    border: 0px none;
    overflow: hidden;
}
.std-form .fm-tt-2 {
    font-size: 1.4em !important;
    padding: 0px !important;
    margin-bottom: 14px;
    color: #161616;
    font-family: "AvantGardeGothicITCW02D 737115","Trebuchet MS",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
}
.std-form .label {
    display: block;
    margin: 0px 0px 6px;
    line-height: 1;
    font-weight: bold;
    font-size: 1em;
}
.media-search-2 .fm-line {
    float: left;
    margin-right: 1%;
    width: 250px;
}
.media-search-2 .kw {
    width: 194px;
    float: left;
    margin-right: 1%;
}
.media-search-2 .fm-col {
    float: left;
    margin-right: 2%;
    width: 49%;
}
.media-search-2 .fm-col + .fm-col {
    margin-right: 0px;
    padding: 0px;
}
.fm-line:after {
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
    clear: both;
    content: ".";
}
.media-search-2 p > label {
    font-size: 1em;
}

.std-form label .label {
    font-size: 1em;
}
.std-form label {
    display: block;
    padding: 0px 0px 10px;
    font-size: 1.16667em;
}
.std-form input[type="text"], .std-form input[type="email"], .std-form input[type="password"], .std-form textarea {
    background-color: #D6D6D6;
    border: 1px solid transparent;
    transition: border 0.25s linear 0s;
    height: auto;
    padding: 6px 8px;
    width: 100%;
    box-sizing: border-box;
    margin: 0px 0px 6px;
    color: #494949;
    min-height: 28px;
    font-size: 1em;
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
}
.std-form input.date {
    background: url("/~/media/Loreal/Images/Common/pictocalendar.png") no-repeat scroll 100% 50% #D6D6D6;
    padding-right: 30px;
    cursor: pointer;
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1em;
}
input[type="text"], input[type="search"], input[type="email"], input[type="password"], textarea {
    padding: 2px;
    border: 1px solid #DADCDE;
}
button, input {
    line-height: normal;
}
button, input {
    font-size: 100%;
    margin: 0px;
}
button, input, textarea {
    font-family: sans-serif;
}
.media-search-2 .btn {
    float: left;
    margin-top: 19px;
}
input.std-bt[type="submit"] {
    padding: 6px 10px;
}
.std-bt {
    background: none repeat scroll 0% 0% #262626;
    color: #FFF;
    border: 0px none;
    overflow: visible;
    visibility: visible;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
    text-transform: uppercase;
    transition: #000 0.25s linear 0s, color 0.25s linear 0s;
}

.pager-1 ol strong, .pager-1 ol .empty {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	background-color: #4c4c4c;
	padding: .18181818181818182em 0 0;
	width: 1.5454545454545454em;
	height: 1.5454545454545454em;
	color: #fff;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	text-align: center
}
.pager-1 ol .empty {
	visibility: hidden
}
.pager-1 ol button:hover strong,.pager-1 ol strong:hover,.pager-1 ol button.activePage strong  {
	background: #bdbdbd;
	color: #6a6a6a
}
.filter-pager, .filter-pager-2 {
    border-bottom: 1px solid #D4D4D4;
    padding-bottom: 15px;
    margin-bottom: 10px;
}
 
form, fieldset {
    border: 0px none;
    overflow: hidden;
}
 
.std-form .new-select, .website #content .std-form .new-select {
    background-color: transparent;
    font-size: 0.857143em;
    width: 100% ;
    max-width: 100%;
    margin: 0px 0px 6px;
}
#spotlight .website #content .std-form .new-select,#medias .website #content .std-form .new-select{width:280px;}
.js #content .select-multiple-zone {
    display: none;
    position: absolute;
}
.website #content .new-select.active, .website #content form.active {
    outline: 0px none;
}
.website #content .new-select, .website #content form .new-select {
    position: relative;
    display: inline-block;
   /* background-color: #D6D6D6;*/
    cursor: pointer;
    min-width: 140px;
    width: auto;
}
#content .active[data-select] .select-multiple-zone {
    display: block;
    max-height: 300px;
    font-weight: normal;
    overflow: scroll;
} 
#content .select-multiple-zone {
    cursor: default;
    background: none repeat scroll 0% 0% #D6D6D6;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    padding: 10px;
    z-index: 1;
    width: 100%;
}

#content .select-multiple-zone span {
    display: block;
    padding-bottom: 10px;
}
#content .select-multiple-zone label, #content .select-multiple-zone input {
    display: inline-block;
    padding-bottom: 0px;
    vertical-align: middle;
}
#content .select-multiple-zone label {
    cursor: pointer;
    margin-left: 4px;
    font-weight: normal;
    max-width: 88%;
}

.website #content .filter-pager .new-select, .website #content .filter-pager form .new-select {
    vertical-align: middle;
}
/***/
.std-form .new-select .select, .website #content .std-form .new-select .select {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	display: block;
	background-color: #d6d6d6;
	font-size: 1em;
	border: 1px solid transparent;
	line-height: 2.1666666666666665;
	color: #494949;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.website #content .new-select select:focus+.select, .website #content form select:focus+.select {
	outline: 0;
	background-color: #b3b3b3
}
.std-form .cleanForm-0 .new-select .select, .website #content .std-form .cleanForm-0 .new-select .select{
	font-size: 1.2em;
	line-height: 2.2666666666666665;
}

.std-form .new-select .select.disabled, .website #content .std-form .new-select .select.disabled {
	opacity: .4
}
.std-form .new-select select, .website #content .std-form .new-select select {
	width: 100%;
	min-height: 28px
}
.website #content .new-select select, .website #content form select {
    position: relative;
    z-index: 10;
	opacity:0;
    padding: 6px 0px 0px 6px;
    font-size: 1.09091em;
    line-height: 2;
    background-color: #D6D6D6;
    border: 0px none;
    cursor: pointer;
    width: 100%;
}
select {
    box-sizing: border-box;
    padding: 4px;
    height: 24px;
    display: block;
    border: 1px solid #EBEBEB;
    vertical-align: middle;
    background: none repeat scroll 0% 0% #EBEBEB;
    text-transform: uppercase;
    font-family: Arial,Helvetica,sans-serif;
}
.std-form .new-select.size1, .website #content .std-form .new-select.size1 {
	width: 50%
}
.std-form .new-select.select-multiple, .website #content .std-form .new-select.select-multiple {
	/*font-size: 1em*/
}
.std-form .new-select.select-multiple .select, .website #content .std-form .new-select.select-multiple .select {
	position: static
}
.std-form a:hover {
	text-decoration: none
}
/***/
#calroot {
	z-index: 10000;
	margin-top: -1px;
	width: 198px;
	padding: 2px;
	background-color: #fff;
	font-size: 11px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666
}
#calhead {
	padding: 2px 0;
	height: 22px
}
#caltitle {
	font-size: 14px;
	color: #000;
	float: left;
	text-align: center;
	width: 155px;
	line-height: 20px;
	text-shadow: 0 1px 0 #ddd
}
#calnext, #calprev {
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url('/~/media/Loreal/Images/Common/dateinputprev.png') no-repeat scroll center center;
	float: left;
	cursor: pointer
}
#calnext {
	background-image: url('/~/media/Loreal/Images/Common/dateinputnext.png');
	float: right
}
#calprev.caldisabled, #calnext.caldisabled {
	visibility: hidden
}
#caltitle select {
	font-size: 10px
}
#caldays {
	height: 14px;
	border-bottom: 1px solid #ddd
}
#caldays span {
	display: block;
	float: left;
	width: 28px;
	text-align: center
}
#calweeks {
	background-color: #fff;
	margin-top: 4px
}
.calweek {
	clear: left;
	height: 22px
}
.calweek a {
	display: block;
	float: left;
	width: 27px;
	height: 20px;
	text-decoration: none;
	font-size: 11px;
	margin-left: 1px;
	text-align: center;
	line-height: 20px;
	color: #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px
}
.calweek a:hover, .calfocus {
	background-color: #ddd
}
a.calsun {
	color: red
}
a.caloff {
	color: #ccc
}
a.caloff:hover {
	background-color: #f5f5fa
}
a.caldisabled {
	background-color: #efefef!important;
	color: #ccc!important;
	cursor: default
}
#calcurrent {
	background-color: #666;
	color: #fff
}
#caltoday {
	background-color: #333;
	color: #fff
}
 
.std-form .cleanForm-0 .new-select .select, .website #content .std-form .cleanForm-0 .new-select .select {
    font-size: 1.2em;
    line-height: 2.26667;
}
.website #content .new-select .select, .website #content form .new-select .select {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 0;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 0px 30px 0px 10px;
    font-size: 1.09091em;
    line-height: 2.33333;
    text-transform: uppercase;
    text-align: left;
    background-color: #D6D6D6;
    border: 1px solid #D6D6D6;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: Arial,Helvetica,sans-serif !important;
}
.website #content .new-select.active .select, .website #content form.active .select {
    background-color: #B3B3B3;
}
.filter-pager .sort-field .new-select, .filter-pager-2 .sort-field .new-select, .filter-pager .sort-field .select, .filter-pager-2 .sort-field .select {
    background-color: #FFF !important;
    border: medium none !important;
    vertical-align: middle;
}
.filter-pager .sort-field + .pager-1, .filter-pager-2 .sort-field + .pager-1 {
    margin-top: 5px;
}
.filter-pager:after, .filter-pager-2:after {
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
    clear: both;
    content: ".";
}
.filter-pager .sort-field, .filter-pager-2 .sort-field {
	float: left;}
.filter-pager .sort-field label, .filter-pager-2 .sort-field label,#news .filter-pager label,#press-releases .filter-pager label,#pictures .filter-pager label,
#infographics .filter-pager label,#videos .filter-pager label,#spotlight .filter-pager label,#medias .filter-pager label{
	font: 1.0909090909090908em/1em "Trebuchet MS",Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
	color: #545454;
}
.filter-pager .sort-field .new-select, .filter-pager-2 .sort-field .new-select {
	width: 160px
}
.filter-pager .sort-field .new-select, .filter-pager-2 .sort-field .new-select, .filter-pager .sort-field .select, .filter-pager-2 .sort-field .select {
	background-color: #FFF!important;
	border: none!important;
	vertical-align: middle
}
.filter-pager .sort-field .select, .filter-pager-2 .sort-field .select {
	padding-left: 0!important;
	font-family: "AvantGardeGothicITCW02D 737115", "Trebuchet MS", Arial, Helvetica, sans-serif;}
.filter-pager .sort-field+.pager-1, .filter-pager-2 .sort-field+.pager-1 {
	margin-top: 5px
}
.pager-1 button.hide {
    visibility: hidden;
}
.pager-1 .start, .pager-1 .prev, .pager-1 .next, .pager-1 .end {
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	height: 15px;
	width: 8px;
	background: transparent url('/~/media/Loreal/Images/Common/pictoarrow2.png') 0 0 repeat-x
}
.pager-1 .start, .pager-1 .end {
    height: 15px;
    width: 16px;
}
.pager-1 .prev, .pager-1 .start {
    background-position: 0px -15px;
    margin-right: 5px;
}
.pager-1 button {
    border: 0px none;
    padding: 0px;
}
.pager-1 ol, .pager-1 li, .pager-1 a, .pager-1 span, .pager-1 strong, .pager-1 button {
    display: inline-block;
    vertical-align: middle;
}
.pager-1 .start span, .pager-1 .prev span, .pager-1 .next span, .pager-1 .end span {
    border: 0px none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0px;
    position: absolute;
    width: 1px;
}
.pager-1 ol, .pager-1 li, .pager-1 a, .pager-1 span, .pager-1 strong, .pager-1 button {
    display: inline-block;
    vertical-align: middle;
}
.pager-1 li {
    margin: 0px 5px;
}	
.pager-1 li button {
    background: none repeat scroll 0px center transparent;
}
 .pager-1 .next {
    margin-left: 5px;
}
.pager-1 .end {
    margin-left: 5px;
}
.press-release-page .ttl-group, .news-page .ttl-group {
    font-size: 1.81818em;
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-style: normal;
    margin: 34px 0px 20px;
    padding: 0px;
    text-transform: uppercase;
}
.push-list, .push-list-2 {
    box-sizing: border-box;
    width: 100%;
}
.push-list > li, .push-list-2 > li {
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding: 10px 0px;
}
#page.brands-content .push-list section {
    padding-bottom: 10px;
}
.push-1 section {
    box-shadow: 0px 0px 2px rgba(125, 125, 125, 0.3);
    min-height: 430px;
}
#page.brands-content .push-list img {
    margin-bottom: 14px;
}
.push-1 img {
    width: 100%;
    max-width: 100%;
    display: block;
    margin-bottom: 10px;
}
#page.brands-content .push-list p {
    font-size: 1.45455em;
    line-height: 1;
}
#content .push-1 section h1, #content .push-1 section p {
    padding-left: 1em;
    padding-right: 1em;
}
.push-1 .dt {
    padding: 0px 3.57143% 4px;
    font-size: 1.27273em !important;
    text-transform: uppercase;
}
.push-1 .dt span {
    color: #666;
    font-size: 0.857143em !important;
}
#page.brands-content .push-list .tt {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.45455em;
    font-weight: bold;
    text-transform: none;
}
#page.brands-content .push-list h1 {
    padding-bottom: 7px;
    font-size: 1.18182em;
    line-height: 1.07143;
}
.push-list:after, .push-list-2:after {
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
    clear: both;
    content: ".";
}
.filter-pager-2 {
    border-top: 1px solid #D4D4D4;
    border-bottom: 0px none;
    padding: 15px 0px;
}
.filter-pager .pager-1, .filter-pager-2 .pager-1 {
    float: right;
	padding-top:10px;
}
 .js input.hide {
	display: none!important;
	visibility: hidden
}

.website #content .filter-pager .new-select select, .website #content .filter-pager form .new-select select {
	min-height: 24px
}
.website #content .filter-pager .new-select .select, .website #content .filter-pager form .new-select .select {
	vertical-align: top;
	padding: 0 20px 0 11px;
	font: bold 1.0909090909090908em/25px "Trebuchet MS",Tahoma, Geneva, sans-serif;
	color: #545454;
}
.website #content .filter-pager .new-select .select:after, .website #content .filter-pager form .new-select .select:after {
	right: 8px;
	top: 5px;
}
#content > article > header p, #page > header p ,#content > article > header .longDescription  {
    font-size: 1.45455em;
    font-weight: bold;
    line-height: 1.1875;
    padding: 15px 6.25% 0;
}
.website #content .new-select .select:after, .website #content form .new-select .select:after {
	content: "";
	width: 7px;
	height: 7px;
	display: inline-block;
	margin-left: 10px;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	-webkit-transform: translateY(0) rotate(225deg);
	-moz-transform: translateY(0) rotate(225deg);
	-o-transform: translateY(0) rotate(225deg);
	-ms-transform: translateY(0) rotate(225deg);
	transform: translateY(0) rotate(225deg);
	-webkit-backface-visibility: visible
}
.website #content .new-select .select:after, .website #content form .new-select .select:after {
    position: absolute;
    right: 12px;
    top: 7px;
}
.website #content .new-select .select:after, .website #content form .new-select .select:after {
    content: "";
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-left: 10px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    transform: translateY(0px) rotate(225deg);
}
/* news landing  page */
/*#press-release  #content > article .body section, #page .body section {
	padding: 0px 0px 20px;
	margin: 0px;
    background-color:transparent;
}
#press-release #content > article .body section, #page .body section {
    padding: 0px 0px 20px;
    margin-top: 20px;
}*/
#press-release   #page > header .tabs {
    padding-top: 0px;
}
#press-release   #page  > header h1 {
    border: 0px none;
	padding-top: 15px;
}
#press-release   #page  > header + .body > section {
    padding: 20px;
    margin: 0px;
    background-color: transparent;
}
#press-release #page > header + .body > section figure{margin:0;}
#press-release  #content > article .brands + div p, #press-release #page .brands + div p, #press-release #content > article .tabs + div p, 
#press-release  #page .tabs + div p, #press-release #content > article > header + div p,#press-release  #page > header + div p,
#press-release  #content > article .brands + div > ul li, #press-release  #page .brands + div > ul li, #press-release #content > article .tabs + div > ul li, 
#press-release  #page .tabs + div > ul li, #press-release #content > article > header + div > ul li, #press-release #page > header + div > ul li, 
#press-release  #content > article .brands + div .list li, #press-release #page .brands + div .list li,#press-release   #content > article .tabs + div .list li, 
#press-release  #page .tabs + div .list li, #press-release  #content > article > header + div .list li,#press-release   #page > header + div .list li,
#press-release   #content > article .brands + div > dl,
#press-release  #page .brands + div > dl,#press-release   #content > article .tabs + div > dl,#press-release   #page .tabs + div > dl, 
#press-release  #content > article > header + div > dl, 
#press-release  #page > header + div > dl,#press-release   #content > article .brands + div table,#press-release   #page .brands + div table,
#press-release  #content > article .tabs + div table, 
#press-release  #page .tabs + div table,#press-release   #content > article > header + div table, #press-release  #page > header + div table {
    font-size: 1.27273em;
    line-height: 1.42857;
    margin: 0.5em 0px 1em;
}
#content > article .brands + div p, #page .brands + div p, #content > article .tabs + div p, #page .tabs + div p, #content > article > header + div p, #page > header + div p, #content > article .brands + div > ul li, #page .brands + div > ul li, #content > article .tabs + div > ul li, #page .tabs + div > ul li, #content > article > header + div > ul li, #page > header + div > ul li, #content > article .brands + div .list li, #page .brands + div .list li, #content > article .tabs + div .list li, #page .tabs + div .list li, #content > article > header + div .list li, #page > header + div .list li, #content > article .brands + div > dl, #page .brands + div > dl, #content > article .tabs + div > dl, #page .tabs + div > dl, #content > article > header + div > dl, #page > header + div > dl, #content > article .brands + div table, #page .brands + div table, #content > article .tabs + div table, #page .tabs + div table, #content > article > header + div table, #page > header + div table {
    font-size: 1.27273em;
    line-height: 1.42857;
    margin: 0.5em 0px 1em;
}
#content > article .brands + div > p, #page .brands + div > p, #content > article .tabs + div > p, #page .tabs + div > p, #content > article > header + div > p, #page > header + div > p, #content > article .brands + div > dl, #page .brands + div > dl, #content > article .tabs + div > dl, #page .tabs + div > dl, #content > article > header + div > dl, #page > header + div > dl ,#content > article > header  + div .longDescription  > p {
    padding: 0 6.25%;
}
#press-release   #page > header + .body p {
    font-size: 1.27273em;
    line-height: 1.4;
}
#press-release   #page > header + .body p:first-child {
    margin-top: 0px;
    margin-bottom: 0px;
}
.dl-list {
    font-size: 1.27273em;
    margin: 0px 0px 30px;
}
#press-release  .dl-list li {
    padding: 0px;
}
#press-release   #page .dl-list a {
    padding: 6px 0px 6px 37px;
    line-height: 1.2;
	font-size: 1.14286em;
	color: #d0d0d0;
}
#content > article .brands + div figure, #page .brands + div figure, #content > article .tabs + div figure, #page .tabs + div figure, #content > article > header + div figure, #page > header + div figure, #content > article .brands + div .video, #page .brands + div .video, #content > article .tabs + div .video, #page .tabs + div .video, #content > article > header + div .video, #page > header + div .video, #content > article .brands + div .image, #page .brands + div .image, #content > article .tabs + div .image, #page .tabs + div .image, #content > article > header + div .image, #page > header + div .image, #content > article .brands + div .figureElem, #page .brands + div .figureElem, #content > article .tabs + div .figureElem, #page .tabs + div .figureElem, #content > article > header + div .figureElem, #page > header + div .figureElem, .timeline {
    position: relative;
    margin: 0px 6.25% 26px;
}

#content > article .brands + div > p, #page .brands + div > p, #content > article .tabs + div > p, #page .tabs + div > p, #content > article > header + div > p, #page > header + div > p, #content > article .brands + div > dl, #page .brands + div > dl, #content > article .tabs + div > dl, #page .tabs + div > dl, #content > article > header + div > dl, #page > header + div > dl {
    padding: 0px 6.25%;
}
#content > article > header > h1 .cat-dt, #page > header > h1 .cat-dt{
    font-size: 0.59375em;
    line-height: 1;
}
#content > article > header .cat-dt, #page > header .cat-dt {
    display: block;
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 1.72727em;
    line-height: 1;
    padding: 0px 0px 10px;
}

div.atclear {
    clear: both;
}

#content > article .brands + div figure img, #page .brands + div figure img, #content > article .tabs + div figure img, #page .tabs + div figure img, #content > article > header + div figure img, #page > header + div figure img, #content > article .brands + div .video img, #page .brands + div .video img, #content > article .tabs + div .video img, #page .tabs + div .video img, #content > article > header + div .video img, #page > header + div .video img, #content > article .brands + div .image img, #page .brands + div .image img, #content > article .tabs + div .image img, #page .tabs + div .image img, #content > article > header + div .image img, #page > header + div .image img, #content > article .brands + div .figureElem img, #page .brands + div .figureElem img, #content > article .tabs + div .figureElem img, #page .tabs + div .figureElem img, #content > article > header + div .figureElem img, #page > header + div .figureElem img {
    display: block;
    width: 100%;
    max-width: 100%;
}
#content > article img + figcaption, #page img + figcaption, #content > article div + figcaption, #page div + figcaption, #content > article img + .video-desc, #page img + .video-desc, #content > article div + .video-desc, #page div + .video-desc, #content > article img + .image-desc, #page img + .image-desc, #content > article div + .image-desc, #page div + .image-desc, #content > article img + .figcaptionElem, #page img + .figcaptionElem, #content > article div + .figcaptionElem, #page div + .figcaptionElem, #content > article iframe + figcaption, #page iframe + figcaption {
    color: #404040;
    background-color: #EBEBEB;
    padding: 3.125% 6.25%;
    line-height: 1.09091;
}
#content > article img + figcaption, #page img + figcaption, #content > article div + figcaption, #page div + figcaption, #content > article img + .video-desc, #page img + .video-desc, #content > article div + .video-desc, #page div + .video-desc, #content > article img + .image-desc, #page img + .image-desc, #content > article div + .image-desc, #page div + .image-desc, #content > article img + .figcaptionElem, #page img + .figcaptionElem, #content > article div + .figcaptionElem, #page div + .figcaptionElem, #content > article iframe + figcaption, #page iframe + figcaption {
    color: #404040;
    background-color: #EBEBEB;
    padding: 3.125% 6.25%;
    line-height: 1.09091;
}
#content > article .brands + div figure .more, #page .brands + div figure .more, #content > article .tabs + div figure .more, #page .tabs + div figure .more, #content > article > header + div figure .more, #page > header + div figure .more, #content > article .brands + div .figureElem .more, #page .brands + div .figureElem .more, #content > article .tabs + div .figureElem .more, #page .tabs + div .figureElem .more, #content > article > header + div .figureElem .more, #page > header + div .figureElem .more {
    transition: opacity 0.25s linear 0s;
    opacity: 0;
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.72);
    padding: 10% 0px 0px 20%;
}

#content > article .brands + div figure:hover .more, #page .brands + div figure:hover .more, #content > article .tabs + div figure:hover .more, #page .tabs + div figure:hover .more, #content > article > header + div figure:hover .more, #page > header + div figure:hover .more, #content > article .brands + div .figureElem:hover .more, #page .brands + div .figureElem:hover .more, #content > article .tabs + div .figureElem:hover .more, #page .tabs + div .figureElem:hover .more, #content > article > header + div .figureElem:hover .more, #page > header + div .figureElem:hover .more {

    opacity: 1;
}
#content > article .brands + div figure .more a, #page .brands + div figure .more a, #content > article .tabs + div figure .more a, #page .tabs + div figure .more a, #content > article > header + div figure .more a, #page > header + div figure .more a, #content > article .brands + div .figureElem .more a, #page .brands + div .figureElem .more a, #content > article .tabs + div .figureElem .more a, #page .tabs + div .figureElem .more a, #content > article > header + div .figureElem .more a, #page > header + div .figureElem .more a {

    color: #D0D0D0;
    font-size: 1.1em;
    line-height: 1;
    padding: 7px 0px 5px 37px;
}
#content > article .brands + div figure .more p, #page .brands + div figure .more p, #content > article .tabs + div figure .more p, #page .tabs + div figure .more p, #content > article > header + div figure .more p, #page > header + div figure .more p, #content > article .brands + div .figureElem .more p, #page .brands + div .figureElem .more p, #content > article .tabs + div .figureElem .more p, #page .tabs + div .figureElem .more p, #content > article > header + div .figureElem .more p, #page > header + div .figureElem .more p {
    padding: 0px;
    color: #FFF;
    font-size: 1.42857em;
    line-height: 1.1;
    text-transform: uppercase;
    font-family: "AvantGardeGothicITCW02D 737115","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-weight:bold;
}
a[href]:focus {
    outline: thin dotted;
}
.dl-list a {
    display: inline-block;
    padding: 7px 0px 5px 37px;
    background: url("/~/media/Loreal/Images/Common/pictodownload.png") no-repeat scroll 0px center transparent;
    color: #666;
    line-height: 1.2;
    transition: opacity 0.15s linear 0s;
}
 
#content > article .body li > a:before, #page .body li > a:before {
    content: "";
    width: 3px;
    height: 3px;
    display: inline-block;
    margin-right: 16px;
    border-left: 1px solid #5E5E5E;
    border-top: 1px solid #5E5E5E;
    transform: translateY(-3px) rotate(135deg);
}
#content > article .body li > a:before, #page .body li > a:before {
    margin-left: -19px;
}
 
strong {
    font-weight: bold;
}
.more>div > p{font-size:1.7578em !important; }
/**End of new landing Page**/
/*right menu prev/nxt **/


#content > article > .menu > nav > div > ul > li:first-child, #page > .menu > nav > div > ul > li:first-child, #content > article > .menu > nav > ul > li:first-child, #page > .menu > nav > ul > li:first-child, #content > article > .menu > .nv-prv-nxt:first-child, #page > .menu > .nv-prv-nxt:first-child {
    border-top: 0px none;
}
#content > article > .menu > .nv-prv-nxt, #page > .menu > .nv-prv-nxt {
    margin: 0px;
}
#content > article > .menu > .nv-prv-nxt .nxt, #page > .menu > .nv-prv-nxt .nxt {
    padding: 15px 17% 14px 5% !important;
    text-align: right;
}
#content > article > .menu > .nv-prv-nxt > a, #page > .menu > .nv-prv-nxt > a {
    font-size: 1.27273em;
    background-color: #EBEBEB;
}
#content > article > .menu > nav > div > ul > li > a:hover, #page > .menu > nav > div > ul > li > a:hover, #content > article > .menu > nav > ul > li > a:hover, #page > .menu > nav > ul > li > a:hover, #content > article > .menu > .nv-prv-nxt > a:hover, #page > .menu > .nv-prv-nxt > a:hover, #content > article > .menu > nav > div > ul > li > a:focus, #page > .menu > nav > div > ul > li > a:focus, #content > article > .menu > nav > ul > li > a:focus, #page > .menu > nav > ul > li > a:focus, #content > article > .menu > .nv-prv-nxt > a:focus, #page > .menu > .nv-prv-nxt > a:focus {
    outline: 0px none;
    background-color: #D9D9D9;
}
#content > article > .menu > .nv-prv-nxt .prv, #page > .menu > .nv-prv-nxt .prv {
    margin-bottom: 2px;
    padding: 15px 5% 14px 17% !important;
}
#content > article > .menu > nav > div > ul > li > a, #page > .menu > nav > div > ul > li > a, #content > article > .menu > nav > ul > li > a, #page > .menu > nav > ul > li > a, #content > article > .menu > .nv-prv-nxt > a, #page > .menu > .nv-prv-nxt > a {
    padding: 12px 6.19835% 11px;
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1.36667em;
    line-height: 1.14286;
}
#content > article > .menu > .nv-prv-nxt .nxt:before, #page > .menu > .nv-prv-nxt .nxt:before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 0px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
   -webkit-transform: translateY(-4px) rotate(135deg);
	-moz-transform: translateY(-4px) rotate(135deg);
	-o-transform: translateY(-4px) rotate(135deg);
	-ms-transform: translateY(-4px) rotate(135deg);
	transform: translateY(-4px) rotate(135deg);
	-webkit-backface-visibility: visible;
}
#content > article > .menu > .nv-prv-nxt .nxt:before, #page > .menu > .nv-prv-nxt .nxt:before {
    position: absolute;
    top: 49%;
    right: 8%;
}
#content > article > .menu > nav a, #page > .menu > nav a {
    display: block;
    text-transform: uppercase;
    color: #494949;
    position: relative;
    -webkit-transition: color .25s linear, background .25s linear;
	-moz-transition: color .25s linear, background .25s linear;
	-ms-transition: color .25s linear, background .25s linear;
	-o-transition: color .25s linear, background .25s linear;
	transition: color .25s linear, background .25s linear;
}
#content > article > .menu, #page > .menu {
    padding: 0px 6.25%;
}
#content > article > .menu > .nv-prv-nxt .prv:before, #page > .menu > .nv-prv-nxt .prv:before {
    content: "";
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 0px;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform: translateY(-4px) rotate(-45deg);
	-moz-transform: translateY(-4px) rotate(-45deg);
	-o-transform: translateY(-4px) rotate(-45deg);
	-ms-transform: translateY(-4px) rotate(-45deg);
	transform: translateY(-4px) rotate(-45deg);
	-webkit-backface-visibility: visible;
}
#content > article > .menu > .nv-prv-nxt .prv:before, #page > .menu > .nv-prv-nxt .prv:before {
    position: absolute;
    top: 49%;
    left: 8%;
}
#content > article .body section, #page .body section {
    background-color: #f2f2f2;
    margin: 2.27273em 6.25%;
    padding: 36px 6.25% 35px;
}
#content > article > header h1 .cat-dt, #page > header h1 .cat-dt{
    padding-top: 8px;
}
#press-release  .dl-list {
    margin-bottom: 0;
}
.dl-list li {
    padding: 0 0 10px;
}
/* itemboard */
#content > article.prizes .itemsBoard, #press-releases #page .itemsBoard, #content > article.accordion .itemsBoard, #page.accordion .itemsBoard {
    box-sizing: border-box;
    margin-left: 0;
    padding: 0 6.25%;
    width: 100%;
}
#page .press-release-page .itemsBoard {
    padding-bottom: 2em !important;
}
#content .mediaBoard,#press-releases  #content .itemsBoard {
    margin-bottom: -10px;
}
#press-releases #page.brands-content .itemsBoard {
    padding-left: 0;
    padding-right: 0;
}
#content > article .itemsBoard::after, #page .itemsBoard::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}
#content > article .itemsBoard li, #page .itemsBoard li {
    background: none repeat scroll 0 0 #f2f2f2;
    display: block;
    font-size: 1em;
    margin-bottom: 6.66667%;
    margin-top: 0;
    position: relative;
}
#content .mediaBoard li, #press-releases #content .itemsBoard li {
    font-size: 1.27273em;
    line-height: 1.4;
    margin: 10px 0;
}
#content > article.prizes .itemsBoard li, #press-releases #page .itemsBoard li, #content > article.accordion .itemsBoard li, #page.accordion .itemsBoard li {
    display: block;
    font-size: 1em;
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
}
#press-releases #content .itemsBoard li {
    font-size: 1em;
}
#content .mediaBoard li:first-child, #press-releases #content .itemsBoard li:first-child { 
    margin-top: 10px;
}
#content > article .itemsBoard li > a, #page .itemsBoard li > a {
    display: block;
    padding: 0;
}
#content > article .itemsBoard li > a::after, #page .itemsBoard li > a::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}
#content > article .itemsBoard li > a::before, #page .itemsBoard li > a::before {
    border: 0 none;
}
#content > article .itemsBoard a img, #page .itemsBoard a img {
    width: 100%;
}
#content .mediaBoard a img, #press-releases #content .itemsBoard a img {
    display: inline-block;
    vertical-align: top;
}
#content > article .itemsBoard .content, #page .itemsBoard .content {
    box-sizing: border-box;
    min-height: 160px;
    padding: 19px 3.44828% 0;
}
#content .mediaBoard .content, #press-releases #content .itemsBoard .content {
    display: inline-block;
    min-height: 0;
    vertical-align: top;
}
#content > article.prizes .itemsBoard .content, #press-releases #page .itemsBoard .content, #content > article.accordion .itemsBoard .content, #page.accordion .itemsBoard .content {
    line-height: 1.2em;
    padding: 19px 3.44828% 40px;
}
#content .mediaBoard .cat, #press-releases #content .itemsBoard .cat {
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1.09091em;
    font-weight: normal;
    text-transform: uppercase;
}
#content .mediaBoard .cat, #content .mediaBoard p.cat {
    font-size: 0.857143em;
    line-height: 0.875;
    padding-bottom: 6px;
}
#content > article.prizes .itemsBoard .content .cat, #press-releases #page .itemsBoard .content .cat, #content > article.accordion .itemsBoard .content .cat, #page.accordion .itemsBoard .content .cat {
    display: block;
    padding-bottom: 6px;
}
#content > article.prizes .itemsBoard .content time, #press-releases #page .itemsBoard .content time, #content > article.accordion .itemsBoard .content time, #page.accordion .itemsBoard .content time {
    display: block;
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1.09091em;
    margin-bottom: 1.72414%;
}
#content .mediaBoard .cat time, #press-releases #content .itemsBoard .cat time {
    color: #666;
}
#content > article.prizes .itemsBoard .content .cat > time, #press-releases #page .itemsBoard .content .cat > time, #content > article.accordion .itemsBoard .content .cat > time, #page.accordion .itemsBoard .content .cat > time {
    display: inline;
    font-size: 1em;
    margin-bottom: 0;
}
#content > article .itemsBoard p, #page .itemsBoard p {
    margin: 0;
    padding-bottom: 0;
}
#content .mediaBoard .tt,#press-releases #content .itemsBoard .tt {
    font-size: 1.14286em;
}
#content > article.prizes .itemsBoard .content p, #press-releases #page .itemsBoard .content p, #content > article.accordion .itemsBoard .content p, #page.accordion .itemsBoard .content p {
    font-size: 1.45455em;
    font-weight: bold;
    line-height: 1.2em;
}
#page .press-release-page .itemsBoard .content p {
    font-size: 1.27273em;
    font-weight: normal;
    line-height: 1.42857;
}
#content > article.prizes .itemsBoard .content p.tt, #press-releases #page .itemsBoard .content p.tt, #content > article.accordion .itemsBoard .content p.tt, #page.accordion .itemsBoard .content p.tt {
    font-size: 1.45455em;
    font-weight: normal;
    line-height: 1;
    padding-bottom: 0.5em;
}
/* medias */
#page.brands-content .push-list .tt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4545454545454546em;
	font-weight: bold;
	text-transform: none
}
#page.brands-content .push-list img {
	margin-bottom: 14px
}
#page.brands-content .push-list h1 {
	padding-bottom: 7px;
	font-size: 1.1818181818181819em;
	line-height: 1.0714285714285714
}
#page.brands-content .push-list time {
	color: #666;
	font-size: .8571428571428571em
}
#page.brands-content .push-list p {
	font-size: 1.4545454545454546em;
	line-height: 1
}
#page.brands-content .push-list section {
	padding-bottom: 10px
}
#content>article .brands+div>ul.push-list-2, #page .brands+div>ul.push-list-2, #content>article .tabs+div>ul.push-list-2, #page .tabs+div>ul.push-list-2, #content>article>header+div>ul.push-list-2, #page>header+div>ul.push-list-2 {
	margin-top: 0;
	margin-bottom: 0
}
.push-list img, .push-list-2 img {
	display: block;
	width: 100%
}
.push-list>li, .push-list-2>li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 100%;
	padding: 10px 0
}
.push-1 img {
	width: 100%;
	max-width: 100%;
	display: block;
	margin-bottom: 10px
}
.push-1 .dt {
	padding: 0 3.5714285714285716% 4px;
	font-size: 1.2727272727272727em!important;
	text-transform: uppercase
}
.push-1 .dt span {
	color: #666;
	font-size: .8571428571428571em!important
}
.push-1 .tt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4545454545454546em;
	line-height: 1;
	font-weight: bold;
	padding: 0 3.5714285714285716% 10px
}
.push-1 h1.tt {
	text-transform: none
}
#page .tabs+div .push-list-2, #page .tabs+div .push-list {
	margin-top: 0
}
#page .tabs+div .push-list-2 li, #page .tabs+div .push-list li {
	font-size: 1em;
	margin: 0 0 20px
}
#page .tabs+div .push-1 .tt {
	text-transform: none;
	margin: 0 3.5714285714285716% 10px
}
#page .tabs+div .push-1 .dt {
	margin: 0 3.5714285714285716%
}
#page .tabs+div .push-list-2 .tt {
	font-size: 1.3333333333333333em;
	line-height: 1.125;
	margin-bottom: 0
}
.push-2 section {
	position: relative;
	-webkit-box-shadow: 0 0 2px rgba(125,125,125,0.3);
	box-shadow: 0 0 2px rgba(125,125,125,0.3)
}
.push-2 .tt {
	padding: 10px 3.5714285714285716%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8181818181818181em!important;
	font-weight: bold;
	text-transform: none!important;
	line-height: 1
}
.push-2 .wrp:after {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	content: '.'
}
.push-2 img, .push-2 .ct {
	width: 25%;
	float: left
}
.push-2 .ct {
	width: 75%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 0 0 1em
}
.push-2 .cat {
	text-transform: uppercase
}
.push-2 .cat, .push-2 .dt {
	font-size: 1.2727272727272727em!important;
	line-height: 1!important
}
.push-2 .dt {
	font-size: 1.0909090909090908em!important;
	color: #666
}
#page .tabs+div .push-2 .tt {
	line-height: 1.2;
	padding: 10px 3.5714285714285716%;
	text-transform: none
}
#page .tabs+div .push-2 .cat, #page .tabs+div .push-2 .dt {
	margin: 0
}
#page .tabs+div .push-2 .dt {
	margin-top: 12px
}
.push-top-news section {
	-webkit-box-shadow: 0 0 2px rgba(125,125,125,0.3);
	box-shadow: 0 0 2px rgba(125,125,125,0.3)
}
.push-top-news section:after {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	content: '.'
}
.push-top-news>img, .push-top-news .wrp {
	width: 100%
}
.push-top-news .wrp {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px 3.5714285714285716%
}
.push-top-news .cat {
	margin: 0 0 4px 0!important;
	padding: 0!important;
	font-size: 1.2727272727272727em!important;
	text-transform: uppercase
}
.push-top-news .cat span {
	color: #666;
	font-size: .8571428571428571em!important
}
.push-top-news .tt {
	padding: 0 0 18px!important;
	font-size: 1.4545454545454546em!important;
	line-height: 1;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none
}
.push-top-news .text {
	font-size: 1.2727272727272727em!important;
	padding: 0!important
}
#page .tabs+div .push-top-news .tt {
	text-transform: none
}
#page .tabs+div .push-top-news .text {
	margin: 0
}
.push-top-news > img, .push-top-news .wrap {
    width: 100%;
}
.push-top-news .wrap {
    box-sizing: border-box;
    padding: 10px 3.57143%;
}
/* right Menu */
#content > article > .menu, #page > .menu {
    padding: 0 6.25%;
}
#content > article > .menu .more, #page > .menu .more {
    padding-top: 5.17241%;
}
#content > article > .menu .more li, #page > .menu .more li {
    padding-bottom: 5.17241%;
}
#content > article > .menu .more a, #page > .menu .more a, #content > article aside a, #page aside a, #content > article .pushes a, #page .pushes a {
    display: block;
}
#content > article > .menu .more section, #page > .menu .more section {
    background-color: #ebebeb;
}
#content > article > .menu .more section::after, #page > .menu .more section::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}
#content > article > .menu .more section::after, #page > .menu .more section::after, #content > article aside section::after, #page aside section::after, #content > article .pushes section::after, #page .pushes section::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}
#content > article > .menu .more img, #page > .menu .more img, #content > article aside img, #page aside img, #content > article .pushes img, #page .pushes img {
    display: block;
    float: left;
    margin-right: 2.58621%;
    max-width: 47.4138%;
    width: 47.4138%;
}
#content > article > .menu .more section h1, #page > .menu .more section h1 {
    padding: 5.17241% 5.17241% 0;
}
#content > article > .menu .more section h1, #page > .menu .more section h1, #content > article aside section h1, #page aside section h1, #content > article .pushes section h1, #page .pushes section h1 {
    box-sizing: border-box;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.45455em;
    font-weight: bold;
    line-height: 1;
    padding-left: 2.58621%;
    padding-right: 2.58621%;
    width: 50%;
}
#content > article > .menu .more section p, #page > .menu .more section p, #content > article aside section p, #page aside section p, #content > article .pushes section p, #page .pushes section p {
    box-sizing: border-box;
    float: left;
    font-size: 1.27273em;
    line-height: 1;
    padding: 2.58621%;
    width: 50%;
}
#content > article > .menu .more > h1, #page > .menu .more > h1 {
    font-size: 1.81818em;
    line-height: 1.1;
    padding: 0 0 1em;
    text-transform: uppercase;
}
#content > article .brands + div > ul, #page .brands + div > ul, #content > article .tabs + div > ul, #page .tabs + div > ul, #content > article > header + div > ul, #page > header + div > ul,#page .spotlight_content .push-list-2{
    margin: 1em 0 0.5em;
    padding: 0 6.25%;
}
/* media search */
.media-search {
    background-color: #f7f5f6;
}
.std-form .cleanForm-0 .new-select .select, .website #content .std-form .cleanForm-0 .new-select .select {
    font-size: 1.2em;
    line-height: 2.26667;
}
.website #content .new-select .select, .website #content form .new-select .select {
    box-sizing: border-box;
    padding: 0 30px 0 10px;
}
.media-search .fm-line {
    margin-bottom: 10px;
}
#page .menu .fm-line > .label, #page .menu .fm-line input.date {
    font-size: 1.2em;
}
.std-form input.date {
    background: url("/~/media/Loreal/Images/Common/pictocalendar.png") no-repeat scroll 100% 50% #d6d6d6;
    cursor: pointer;
    font-family: "AvantGardeGothicITCW02B 737109","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1em;
    padding-right: 30px;
}
#page .menu .fm-line > .label, #page .menu .fm-line input.date {
    font-size: 1.2em;
}
.media-search .std-bt {
    margin-top: 1em;
    width: 100%;
}
.std-bt[href]:hover, .std-bt[href]:focus, .std-bt[href]:active, button.std-bt:hover, button.std-bt:focus, button.std-bt:active {
    background: none repeat scroll 0 0 #666;
    color: #fff;
    text-decoration: none;
}
/* news */
#news #searchmenuid,#press-releases  #searchmenuid,#pictures #searchmenuid,#infographics #searchmenuid,#videos #searchmenuid,#spotlight #searchmenuid,#medias 
#searchmenuid{
	display: inline-block;
    overflow: inherit;
    position: relative;
	width: auto;
}
#news .media-search-2.std-form span.select,#press-releases .media-search-2.std-form span.select,#pictures .media-search-2.std-form span.select ,#infographics .media-search-2.std-form span.select ,#videos .media-search-2.std-form span.select {
	font-size: 1.2em!important;
	line-height: 2.2666666666666665 !important;
}
#news .filter-pager .select,#press-releases .filter-pager .select,#pictures .filter-pager .select ,#videos .filter-pager .select,#infographics .filter-pager .select,#spotlight .filter-pager .select,#medias .filter-pager .select{
   background-color: #fff !important;
   border: none !important;
   padding:1px 0 !important;
}
#news .filter-pager select,#press-releases .filter-pager select ,#pictures .filter-pager select ,#infographics .filter-pager select,#videos .filter-pager select,
#spotlight .filter-pager select,#medias .filter-pager select{
  padding-top:0 !important;
}
.website #content .new-select .select.active:after, .website #content form .new-select .select.active:after ,
.website #content form .select-multiple.new-select.active:after {
	margin-top: 5px;
	-webkit-transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-o-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
	-webkit-backface-visibility: visible
}
/* medias */
#medias #page .std-form label,#press-releases #page .std-form label,#news #page .std-form label,#pictures #page .std-form label,#infographics #page .std-form label,#videos #page .std-form label,#spotlight #page .std-form label{padding:0;}
#medias #page .std-form .new-select select,#press-releases #page .std-form .new-select select,#news #page .std-form .new-select select,#pictures #page .std-form .new-select select,#infographics #page .std-form .new-select select,#videos #page .std-form .new-select select,#spotlight #page .std-form .new-select select
{font-size: 1.09091em;}
#medias #page .std-form .new-select .select,#press-releases #page .std-form .new-select .select,#news #page .std-form .new-select .select,#pictures #page .std-form .new-select .select,#infographics #page .std-form .new-select .select,#videos #page .std-form .new-select .select,#spotlight #page .std-form .new-select .select
{font-size: 1.2em;}
#medias #page .media-search.std-form p,#press-releases #page .media-search-2.std-form p,#news #page .media-search-2.std-form p,#pictures #page .media-search-2.std-form p,#infographics #page .media-search-2.std-form p,#videos #page .media-search-2.std-form p,#spotlight #page .media-search-2.std-form p
{padding-bottom:10px;}
/* pictures */
.dsp-type {
	clear: left;
	padding-top: 10px;
	font-size: 1.0909090909090908em;
	text-transform: uppercase
}
.dsp-type p, .dsp-type ul, .dsp-type li {
	display: inline-block;
	vertical-align: middle;
	color: #545454;
}
.dsp-type li {
	padding-left: 7px
}
.dsp-type a {
	display: inline-block;
	background-color: #ebebeb;
	padding: 5px 35px 5px 10px;
	-webkit-transition: background .25s ease, color .25s ease;
	-moz-transition: background .25s ease, color .25s ease;
	-ms-transition: background .25s ease, color .25s ease;
	-o-transition: background .25s ease, color .25s ease;
	transition: background .25s ease, color .25s ease
}
.dsp-type a:hover, .dsp-type a.on {
	background-color: #666;
	color: #fff
}
.dsp-type a.details {
	background: #ebebeb url('/~/media/Loreal/Images/Common/pictodetails.png') no-repeat 100% 6px;
	cursor: pointer;
}
.dsp-type a.details:hover, .dsp-type a.details.on {
	background-position: 100% -32px;
	background-color: #666
}
.dsp-type a.grid {
	background: #ebebeb url('/~/media/Loreal/Images/Common/pictogrille.png') no-repeat 100% 4px;
	color: #545454;
	cursor: pointer;
}
.dsp-type a.grid:hover, .dsp-type a.grid.on {
	background-position: 100% -31px;
	background-color: #666;
	color: white
}
.media-dl-list:after, .media-list:after {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	content: '.'
}
.media-dl-list>li,.media-list>li {
	float: left;
	font-size: 1.0909090909090908em;
	line-height: 1.2;
	padding-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: top
}
.media-dl-list>li>a,.media-list>li>a {
	position: relative;
	display: block;
	overflow: hidden
}
.media-list a:hover img+p,.media-list a:focus img+p ,.media-dl-list a:hover img+p,.media-dl-list a:focus img+p{
	opacity: 1
}
.media-dl-list a img+p,.media-list a img+p {
	position: absolute;
	left: 0;
	top: 0;
	width: 101%;
	height: 100%;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.75);
	opacity: 0;
	-webkit-transition: opacity .25s linear;
	-moz-transition: opacity .25s linear;
	-ms-transition: opacity .25s linear;
	-o-transition: opacity .25s linear;
	transition: opacity .25s linear
}
.media-list a img+p span {
	position: relative;
	display: inline-block;
	top: 50%;
	margin-top: -30px;
	padding-top: 49px;
	background: url('/~/media/Loreal/Images/Common/zoomIn.png') no-repeat top;
}
.media-dl-list a img+p span {display:none;}
.media-dl-list img, .media-list img {
	width: 100%;
	display: block;
}
.media-dl-list img+span,.media-list img+span,#content > article > .body  figure span.play{
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	display: block;
	width: 68px;
	height: 68px;
	margin: -34px 0 0 -34px;
	background: url('/~/media/Loreal/Images/Common/mediaPlay.png') no-repeat 0 0;
	cursor: pointer;
}
#content>article .brands+div figure a:hover .play, #page .brands+div figure a:hover .play, #content>article .tabs+div figure a:hover .play, #page .tabs+div figure a:hover .play, #content>article>header+div figure a:hover .play, #page>header+div figure a:hover .play, #content>article .brands+div .video a:hover .play, #page .brands+div .video a:hover .play, #content>article .tabs+div .video a:hover .play, #page .tabs+div .video a:hover .play, #content>article>header+div .video a:hover .play, #page>header+div .video a:hover .play, #content>article .brands+div .image a:hover .play, #page .brands+div .image a:hover .play, #content>article .tabs+div .image a:hover .play, #page .tabs+div .image a:hover .play, #content>article>header+div .image a:hover .play, #page>header+div .image a:hover .play, #content>article .brands+div .figureElem a:hover .play, #page .brands+div .figureElem a:hover .play, #content>article .tabs+div .figureElem a:hover .play, #page .tabs+div .figureElem a:hover .play, #content>article>header+div .figureElem a:hover .play, #page>header+div .figureElem a:hover .play,#content>article>header figure a:hover .play {
	background-position: 0 bottom
}
.media-list a:hover img+span, .media-list a:focus img+span ,.media-dl-list a:hover img+span, .media-dl-list a:focus img+span {
	background-position: 0 -68px
}
.media-dl-list .inner ,.media-list .inner {
	padding: 9px 10px 7px;
	background-color: #eee
}
.media-dl-list p ,.media-list p {
	height: 8.166666666666668em;
	text-transform: capitalize;
}
.media-dl-list .cat,.media-list .cat {
	text-transform: uppercase;
	padding: 0 0 5px 0;
	font-family: "AvantGardeGothicITCW02B 737109", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.1666666666666667em;
	line-height: 1.1428571428571428;
	height: 4.4285714285714284em
}
.media-dl-list .cat time ,.media-list .cat time {
	color: #666
}
.media-dl-list .details ,.media-list .details {
	border-top: 1px solid #c6c6c6;
	padding: 8px 0 0 0;
	margin: 7px 0 0 0
}
.media-dl-list .duration ,.media-list .duration {
	font-family: "AvantGardeGothicITCW02D 737115", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	height: 1.1666666666666667em
}
.media-dl-list .duration span ,.media-list .duration span {
	font-family: Arial, Helvetica, sans-serif;
	color: #666
}
.media-dl-list .see-more ,.media-list .see-more {
	padding: 0 20px 0 0;
	position: relative;
	display: block;
	text-transform: uppercase;
	line-height: 1.4;
	font-family: "AvantGardeGothicITCW02M 737127", "Trebuchet MS", Arial, Helvetica, sans-serif
}
.media-dl-list .see-more:after ,.media-list .see-more:after {
	content: "";
	height: 9px;
	width: 9px;
	border-left: 3px solid #373737;
	border-bottom: 3px solid #373737;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.media-dl-list .see-more.open:after ,.media-list .see-more.open:after {
	-webkit-transform: rotate(135deg) translate(4px, -4px);
	-moz-transform: rotate(135deg) translate(4px, -4px);
	-o-transform: rotate(135deg) translate(4px, -4px);
	-ms-transform: rotate(135deg) translate(4px, -4px);
	transform: rotate(135deg) translate(4px, -4px)
}
.media-dl-list .dl,.media-list .dl {
	padding: 5px 0 0 0
}
.media-dl-list .dl li,.media-list .dl li {
	padding: 0 0 3px 0
}
.media-dl-list .dl a,.media-list .dl a {
	line-height: 1.4;
	padding: 4px 0 3px 27px;
	color: #666;
	display: inline-block;
	background: url('/~/media/Loreal/Images/Common/pictodownload2.png') no-repeat 0 center
}
.media-dl-list .dl a:hover,.media-list .dl a:hover{ 
	color:black;
	background-image: url('/~/media/Loreal/Images/Common/pictodownload2hov.png')
}
.media-dl-list,.media-list {
	width: 105.71428571428571%;
	margin-left: -2.857142857142857%
}
.media-dl-list>li ,.media-list>li {
	width: 33.333333333333336%;
	padding: 0 2.7027027027027026% 10px
}
.media-list img {
	display: block;
	min-width: 100%;
	max-height: 94px;
	/*width: auto;*/
}
.media-list a img+p {
	background-image: url('/~/media/Loreal/Images/Common/zoomIn.png');
	background-repeat: no-repeat;
	background-position: 50%
}
.media-list a img+p span {
	display: none
}
.media-dl-list.details>li {
  width: 50%;
}
#pictures .filter-pager label,#videos .filter-pager label,#infographics .filter-pager label,#press-releases .filter-pager label{float: left;padding-top: 7px;padding-right: 5px;}
#pictures .filter-pager span.new-select,#videos .filter-pager span.new-select,#infographics .filter-pager span.new-select,#press-releases .filter-pager span.new-select {float: left;}
.media-list a:hover img+p,.media-list a:focus img+p {opacity: 1;}
.media-dl-list a:hover img+p,.media-dl-list a:focus img+p {opacity: 0;}
/* popup */
.popin-media  .media-bk figure img{width:100%;}
.popin-media .popin-ct .title{padding-right:200px;}
.popin-media .media-bk .player{background-color: #000;width: 100%;}
.popin-media .media-dl {
    border-top: 1px solid #d4d4d4;
    margin-top: 20px;
    padding: 10px 0 0;
}
.popin-media .media-dl .tt {
    font-family: "AvantGardeGothicITCW02M 737127","Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 1.33333em;
    padding: 0 0 10px;
    text-transform: uppercase;
}
.popin-media .media-dl li {
    display: inline-block;
    padding: 0 17px 3px 0;
}
.popin-media .media-dl a{
    background: url("/~/media/Loreal/Images/Common/pictodownload2.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    color: #000;
    display: inline-block;
    line-height: 1.4;
    padding: 4px 0 3px 32px;
}
.popin-media .media-dl a:hover{
    color: #666;
}
.popin-ct{background-color:#fff;}
/* search results */
.s-result {
    font-size: 1.63636em;
    line-height: 1.2;
	margin-bottom: 15px;
}
.s-result p, .s-result ul, .s-result div {
    display: inline-block;
    vertical-align: middle;
}

.s-result .s-items li {
    display: inline-block;
    padding: 0 5px 0 0;
    vertical-align: middle;
}
.s-result a {
    color: #494949;
}
.s-result .s-items a, .s-result .s-items span {
    color: #494949;
    display: inline-block;
    line-height: 1.4;
    padding: 0 30px 0 0;
    vertical-align: middle;
}
.s-result .s-items li a {
    background: url("/~/media/Loreal/Images/Common/pictoremove.png") no-repeat scroll 100% center rgba(0, 0, 0, 0);
}
.t-result {
    width: 100%;
}
/* all types of media */
.alltype.subitems .push-list{float: left;width: 50%;}
.alltype.subitems .media_li_item {padding: 10px 5px;width: 100%;}
.alltype.mainitems{clear:both;}
.alltype.subitems .itemsBoard.mediaBoard .media_li_item {padding:0;}
.popin-ct .title, .popin-ct .std-form .title{padding-right:120px;}
/* video popup footer caption */
.popin-media .media-legend, #content > article .list-offers .media-legend {
    border-bottom: 1px solid #d4d4d4;
    margin: -1px 0 30px;
    padding: 0 0 40px;
    position: relative;
}
.popin-media .media-legend .caption, #content > article .list-offers .media-legend .caption {
    background-color: #000;
    color: #fff;
    line-height: 1.3;
    padding: 10px 20px;
}
.popin-media .media-legend .caption::after, #content > article .list-offers .media-legend .caption::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}
.popin-media .media-legend .caption a, #content > article .list-offers .media-legend .caption a {
    color: #fff;
}
.popin-media .media-legend .caption .transcript, #content > article .list-offers .media-legend .caption .transcript {
    background: url("../media/img/common/picto-arrow1-light.png") no-repeat scroll 100% center rgba(0, 0, 0, 0);
    float: right;
    margin-top: 3px;
    padding: 0 15px 0 0;
}
.popin-ct  .popin-media  .media-legend  .transcript::after {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    display: inline-block;
    height: 4px;
    margin-left: 5px;
    transform: translateY(-1px) rotate(135deg);
    width: 4px;
}
.popin-media .media-legend .caption .tt, #content > article .list-offers .media-legend .caption .tt {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.33333em;
    font-weight: bold;
}
.popin-media .media-legend .desc, #content > article .list-offers .media-legend .desc {
    background-color: #ececec;
    font-size: 1.16667em;
    line-height: 1.2;
    padding: 10px 15px;
}
.js .popin-media .media-legend .desc, .js #content > article .list-offers .media-legend .desc {
    display: none;
}
/* h1 */
#content > article .body section h1, #page .body section h1 {
    font-size: 1.90909em;
    line-height: 1.09524;
}
/* li */
#content > article .body > ul li, #page .body > ul li, #content > article .body .list li, #page .body .list li {
    margin: 0.714286em 0;
}
#content > article .brands + div .figcaptionElem > p, #page .brands + div .figcaptionElem > p, #content > article .tabs + div .figcaptionElem > p, #page .tabs + div .figcaptionElem > p, #content > article > header + div .figcaptionElem > p, #page > header + div .figcaptionElem > p, #content > article .brands + div figcaption > p, #page .brands + div figcaption > p, #content > article .tabs + div figcaption > p, #page .tabs + div figcaption > p, #content > article > header + div figcaption > p, #page > header + div figcaption > p{margin:0;}
#content > article img + figcaption p, #page img + figcaption p, #content > article div + figcaption p, #page div + figcaption p, #content > article img + .video-desc p, #page img + .video-desc p, #content > article div + .video-desc p, #page div + .video-desc p, #content > article img + .image-desc p, #page img + .image-desc p, #content > article div + .image-desc p, #page div + .image-desc p, #content > article img + .figcaptionElem p, #page img + .figcaptionElem p, #content > article div + .figcaptionElem p, #page div + .figcaptionElem p, #content > article iframe + figcaption p, #page iframe + figcaption p{
	font-size: 1.27em !important;
    line-height: 1 !important;
    padding: 0 !important;
}
#content>article>header+div p:first-child{margin-top:0;}
#content > article .body li > a, #page .body li > a {
    color: #5e5e5e;
    display: inline-block;
    font-size: 1em;
    line-height: 1;
    padding: 3px 0 3px 19px;
}
/* long description */
/* .longDescription > br {display: none;} */
.longDescription {margin-top: 0 !important;}
.longDescription a{ color: #868686; font-size:14px; margin-left: 1px;}
/* news span heading */
.newsHeading .cat-dt { font-size: 0.59375em !important ;padding-top: 8px !important}
#content > article .tabs + div.newsHeading{ 
	float: none;
    padding: 3px 0 15px;
    width: auto;
}
/* ajax loader */
.overlayLayer{
	background-color: #000;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    width: 100%;
    z-index: 1000;
	display:none;
}
.overlayLayerInside{
   background-image: url("/~/media/Loreal/Images/ajaxloader.png");
    background-repeat: no-repeat;
    height: 32px;
    left: 50%;
    margin: -16px auto 0 -16px;
    position: absolute;
    top: 50%;
    width: 32px;
}
/* search button hover */
.std-bt:hover, .std-bt:focus, .std-bt:active, button.std-bt:hover, button.std-bt:focus, button.std-bt:active {
    background: none repeat scroll 0 0 #666;
    color: #fff;
    text-decoration: none;
}
/* long description */
#content .longDescription  figure  blockquote{
  padding-top: 1em;
  font-family: "AvantGardeGothicITCW02D 737115", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.4545454545454546em;
  line-height: 1.25;
  color: #a2a2a2;
}
#content .longDescription  figure  blockquote:before{
  content: "";
  display: inline-block;
  width: 24px;
  height: 19px;
  margin-right: 3px;
  background: url('/~/media/Loreal/Images/Common/quotes.png') no-repeat 0 0;
}
#content .longDescription  figure  blockquote:after{
  margin-right: 0;
  margin-left: 3px;
  vertical-align: bottom; 
  content: "";
  display: inline-block;
  width: 24px;
  height: 19px;
  margin-right: 3px;
  background: url('/~/media/Loreal/Images/Common/quotes.png') no-repeat;
  background-position: 0 -24px;
}
#content .longDescription  figure  blockquote + figcaption span{
  font-family: "AvantGardeGothicITCW02D 737115", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 1.25em;
  line-height: 1;
}
#content .longDescription  figure  blockquote + figcaption{
  padding: 12px 6.25% 23px;
  font-size: 1.0909090909090908em;
  line-height: 1;
  text-transform: uppercase;
  color: #5b5b5b;
}
#content .longDescription h2{
   font-size: 2em;
   line-height: 1.0869565217391304;
   text-transform: uppercase;
   margin-top:1.9090909090909092em;
   padding-left: 6.25%;
   padding-right: 6.25%;
}
#content .longDescription ul {
  margin: 1em 0 0.5em;
  padding: 0 6.25%;
}
#content .longDescription ul li{
  font-size: 1.2727272727272727em;
  line-height: 1.4285714285714286;
  margin: .7142857142857143em 0;
}
#content .longDescription ul li span{
  display: inline-block;
  padding-left: 20px;
}
#content .longDescription ul li span:before{
	background-color: #000;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
    content: "";
    display: inline-block;
    height: 3px;
    margin-left: -20px;
    margin-right: 17px;
    vertical-align: middle;
    width: 3px;
}
/*lng description*/

#secondary-root-press-pr161 .longDescription {
  margin-top: 0 !important;
  min-width: 300px !important;
  width: 100% !important;
  font-size: 1.2727272727272727em !important;
  line-height: 1.8285714285714286em !important;
  padding-bottom: 20px !important;
}
#secondary-root-press-pr161 .longDescription h3 {
  margin-top: 1.6em !important;
  font-size: 1.6em !important;
  padding: 0 !important;
  text-transform: uppercase;
  margin-bottom: 1.0em;
}
#secondary-root-press-pr161 .longDescription b {
  font-weight: bold !important;
  font-style: normal !important;
}
#secondary-root-press-pr161 .longDescription i {
  font-style: italic !important;
}

#secondary-root-press-pr161 .longDescription table.data th,#secondary-root-press-pr161 .longDescription table.data td{
  background-color: #f1f0f1 !important;
  color: #767676 !important;
  padding: 1% 2% !important;
  border: 2px solid #fff !important;
  border-collapse: collapse !important;
  word-wrap: break-word !important;
  text-align: left !important;
  color: #000 !important;
  min-height: 2em !important;
  font-size: 1em !important;
  line-height: 20px !important;
  padding: 2px 3px !important;
  vertical-align: middle !important;
}
#secondary-root-press-pr161 .longDescription table.data {
  width: 100% !important;
  margin: 0 0 10px 0 !important;
  border: 0 !important;
  border: 1px solid #fff !important;
  border-top: 5px solid #d6d6d6 !important;
  border-bottom: 5px solid #d6d6d6 !important;
  border-collapse: collapse !important;
  background: #fff !important;
  margin: 20px 0 !important;
}
p.picto.pdf {
  background-image: url("/~/media/Loreal/Images/Common/pdfimage.png") !important;
  background-repeat:no-repeat !important;
  height: 28px;
}

/*edit_s*/

#content .hole_contain {
    width: 28%;
    float: right;
    position: relative;
    margin: 5px 3% 0 0;
}
#content .etc_cls {
    font-size: 1.3em;
    float: left;
    padding: 5px 1px;
}
#content .hole_contain .rig_contain {
	width: 100%;
    position: relative;
    float: left;
    padding: 2px;
    box-sizing: border-box;
}
#content .hole_contain .rig_contain .etc_cls_h {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 1.3em;
    text-transform: uppercase;
    padding: 5px 0px;
}
#content .hole_contain .rig_contain p {
    width: auto;
    padding: 2px 5px 10px 0px;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    font-size: 1.2em;
    box-sizing: border-box;
    text-align: center !important;
}

#content .hole_contain .rig_contain h1{
   text-align:center;
}
#content .hole_contain .rig_contain img{
 width:100%;
} 	
#content .hole_contain .rig_contain .remaining-content{
	display:none;
}
/**/
@media screen and (max-width:767px){
iframe.player{width:100%;height:auto;}
}

/* 480.css */
@media screen and (min-width:480px){
#content > article > .menu, #page > .menu {
	padding: 0px 2.08333%;
}
#content > article > header p, #page > header p ,#content > article > header .longDescription {
    padding: 27px 4.16667% 0;
}
section.brands, .tabs {
    padding: 4.16667%;
}
section.brands > ul > li > a::after, .tabs > ul > li > a::after {
    right: 2.26244%;
    top: 31.25%;
}
section.brands > ul > li > a, .tabs > ul > li > a {
    padding-left: 2.08333%;
    padding-right: 6.25%;
}
#content > article .body section, #page .body section {
    margin-left: 4.16667%;
    margin-right: 4.16667%;
    padding-left: 4.16667%;
    padding-right: 4.16667%;
}
#content > article .brands + div figure > div, #page .brands + div figure > div, #content > article .tabs + div figure > div, #page .tabs + div figure > div, #content > article > header + div figure > div, #page > header + div figure > div, #content > article .brands + div .figureElem > div, #page .brands + div .figureElem > div, #content > article .tabs + div .figureElem > div, #page .tabs + div .figureElem > div, #content > article > header + div .figureElem > div, #page > header + div .figureElem > div {
    position: relative;
}
#content > article > header + div h1, #page > header + div h1, #content > article > header + div h2, #page > header + div h2, #content > article > header + div h3, #page > header + div h3, #content > article > header + div figure blockquote, #page > header + div figure blockquote, #content > article > header + div p, #page > header + div p, #content > article > header + div ul, #page > header + div ul, #content > article > header + div dl, #page > header + div dl {
    padding-left: 4.16667%;
    padding-right: 4.16667%;
}
#content > article .brands + div h1, #page .brands + div h1, #content > article .tabs + div h1, #page .tabs + div h1, #content > article > header + div h1, #page > header + div h1, #content > article .brands + div h2, #page .brands + div h2, #content > article .tabs + div h2, #page .tabs + div h2, #content > article > header + div h2, #page > header + div h2, #content > article .brands + div h3, #page .brands + div h3, #content > article .tabs + div h3, #page .tabs + div h3, #content > article > header + div h3, #page > header + div h3 {
    font-size: 2em;
    line-height: 1.08696;
    padding-left: 6.25%;
    padding-right: 6.25%;
    text-transform: uppercase;
}
#press-release   #page  > header h1 {
	padding-top: 0px;
}
#content > article.thin-nav > header, #page.thin-nav > header {
    margin-bottom: 8px;
}
/* itemboard */
#content > article.prizes .itemsBoard, #press-releases #page .itemsBoard, #content > article.accordion .itemsBoard, #page.accordion .itemsBoard {
    box-sizing: border-box;
    margin-left: 0;
    padding: 0 6.25%;
    width: 100%;
}
#content > article.prizes .itemsBoard, #press-releases #page .itemsBoard, #content > article.accordion .itemsBoard, #page.accordion .itemsBoard {
    padding-left: 4.16667%;
    padding-right: 4.16667%;
}
#content > article.prizes .itemsBoard li, #press-releases #page .itemsBoard li {
    float: none;
}
#content > article.prizes .itemsBoard a img, #press-releases #page .itemsBoard a img {
    float: left;
    width: 14.3885%;
}
#content > article.prizes .itemsBoard .content, #press-releases #page .itemsBoard .content {
    float: left;
    min-height: 0;
    width: 80.5755%;
}
#press-releases #page.brands-content .itemsBoard .content {
    padding-bottom: 10px;
    padding-top: 10px;
}
/* medias */
.push-list-2 {
	padding-left: 4.166666666666667%;
	padding-right: 4.166666666666667%
}
.push-list-2 li {
	width: 50%;
	padding: 10px 2.272727272727273%
}
.push-list-2 li:first-child {
	width: 100%
}
#page .tabs+div .push-list-2, #page .spotlight_content .push-list-2 {
	width: 104.16666666666667%;
	margin-left: -2.0833333333333335%;
	padding-left: 4.166666666666667%;
	padding-right: 4.166666666666667%
}
.push-1 section .tt, .push-1 section .dt {
	padding-left: 4.761904761904762%;
	padding-right: 4.761904761904762%
}
#page .tabs+div .push-1 .tt, #page .tabs+div .push-2 .tt, #page .tabs+div .push-1 .dt, #page .tabs+div .push-2 .dt {
	margin-left: 4.761904761904762%;
	margin-right: 4.761904761904762%
}
#page .tabs+div .push-2 .dt {
	margin-left: 0;
	margin-right: 0
}
.push-2 section {
	min-height: 352px;
	background-color: #f7f5f6
}
.push-2 section .wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding: 10px 3.5714285714285716%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.push-top-news .wrap {
	padding-left: 2.272727272727273%;
	padding-right: 2.272727272727273%
}
.push-top-news .wrap {
    padding-left: 2.27273%;
    padding-right: 2.27273%;
}
.push-2 section .wrp {
    background-color: #fff;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    padding: 10px 3.57143%;
    position: absolute;
    width: 100%;
}
#page .tabs + div .push-2 .dt {
    margin-left: 0;
    margin-right: 0;
}
/* right menu */
#content > article > .menu, #page > .menu {
    padding: 0 2.08333%;
}
#content > article > .menu .more ul::after, #page > .menu .more ul::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}
#content > article > .menu .more li, #page > .menu .more li {
    box-sizing: border-box;
    float: left;
    padding: 0 2.15054% 8.60215%;
    width: 50%;
}
#content > article > .menu .more img, #page > .menu .more img {
    float: none;
    max-width: 100%;
    width: 100%;
}
#content > article > .menu .more h1, #page > .menu .more h1 {
    padding-left: 2.15054%;
    padding-right: 2.15054%;
}
#content > article > .menu .more section h1, #page > .menu .more section h1 {
    float: none;
    padding: 4.30108% 4.30108% 0;
    width: inherit;
}
#content > article > .menu .more section p, #page > .menu .more section p {
    float: none;
    padding: 4.30108%;
    width: inherit;
}
#content > article > .menu .more h1, #page > .menu .more h1 {
    padding-left: 2.15054%;
    padding-right: 2.15054%;
}
/*pictures */
.media-list>li {
  width: 25%;
  padding: 0 2.272727272727273% 10px;
}
/* long description */
#content .longDescription  figure  blockquote{padding-left: 4.166666666666667%;padding-right: 4.166666666666667%;}
#content .longDescription  figure  blockquote + figcaption,#content .longDescription ul{
  padding-left: 4.166666666666667%;
  padding-right: 4.166666666666667%;
}
}
/* 768to1024.css */
@media screen and (min-width:768px){
#content > article:after, #page:after {
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
    clear: both;
    content: ".";
}
/* #content > article > .menu, #page > .menu {
    float: left;
    width: 29.6875%;
    padding: 0px;
} */
#content > article > .menu, #page > .menu {
    padding: 0px 6.25%;
}
/* news landing  page */
#content > article > header .ttl + .userActions, #page > header .ttl + .userActions {
    margin-top: -46px;
}
#content > article > header h1.ttl, #page > header h1.ttl {
    padding-bottom: 6px;
}
#page.press-release > header h1 {
    padding-right: 25%;
    border-bottom: 1px solid #D4D4D4;
}
#content > article .body section, #page .body section {
    margin-left: 0px;
    margin-right: 0px;
    padding: 8px 3.16667%;
}
#content > article .brands + div h1, #page .brands + div h1, #content > article .tabs + div h1, #page .tabs + div h1, #content > article > header + div h1, #page > header + div h1, #content > article .brands + div h2, #page .brands + div h2, #content > article .tabs + div h2, #page .tabs + div h2, #content > article > header + div h2, #page > header + div h2, #content > article .brands + div h3, #page .brands + div h3, #content > article .tabs + div h3, #page .tabs + div h3, #content > article > header + div h3, #page > header + div h3, #content > article .brands + div figure blockquote, #page .brands + div figure blockquote, #content > article .tabs + div figure blockquote, #page .tabs + div figure blockquote, #content > article > header + div figure blockquote, #page > header + div figure blockquote, #content > article .brands + div figure blockquote + figcaption, #page .brands + div figure blockquote + figcaption, #content > article .tabs + div figure blockquote + figcaption, #page .tabs + div figure blockquote + figcaption, #content > article > header + div figure blockquote + figcaption, #page > header + div figure blockquote + figcaption, #content > article .brands + div p, #page .brands + div p, #content > article .tabs + div p, #page .tabs + div p, #content > article > header + div p, #page > header + div p, #content > article .brands + div ul, #page .brands + div ul, #content > article .tabs + div ul, #page .tabs + div ul, #content > article > header + div ul, #page > header + div ul, #content > article .brands + div dl, #page .brands + div dl, #content > article .tabs + div dl, #page .tabs + div dl, #content > article > header + div dl, #page > header + div dl {
    padding-left: 0px;
    padding-right: 0px;
}
#content > article .brands + div figure, #page .brands + div figure, #content > article .tabs + div figure, #page .tabs + div figure, #content > article > header + div figure, #page > header + div figure, #content > article .brands + div .video, #page .brands + div .video, #content > article .tabs + div .video, #page .tabs + div .video, #content > article > header + div .video, #page > header + div .video, #content > article .brands + div .image, #page .brands + div .image, #content > article .tabs + div .image, #page .tabs + div .image, #content > article > header + div .image, #page > header + div .image, #content > article .brands + div .figureElem, #page .brands + div .figureElem, #content > article .tabs + div .figureElem, #page .tabs + div .figureElem, #content > article > header + div .figureElem, #page > header + div .figureElem, .timeline {
    margin-left: 4.16667%;
    margin-right: 4.16667%;
}
#content > article .brands + div figure, #page .brands + div figure, #content > article .tabs + div figure, #page .tabs + div figure, #content > article > header + div figure, #page > header + div figure, #content > article .brands + div .video, #page .brands + div .video, #content > article .tabs + div .video, #page .tabs + div .video, #content > article > header + div .video, #page > header + div .video, #content > article .brands + div .image, #page .brands + div .image, #content > article .tabs + div .image, #page .tabs + div .image, #content > article > header + div .image, #page > header + div .image, #content > article .brands + div .figureElem, #page .brands + div .figureElem, #content > article .tabs + div .figureElem, #page .tabs + div .figureElem, #content > article > header + div .figureElem, #page > header + div .figureElem, .timeline {
    margin-left: 0px;
    margin-right: 0px;
}
/*#content > article > header + div h1, #page > header + div h1, #content > article > header + div h2, #page > header + div h2, #content > article > header + div h3, #page > header + div h3, #content > article > header + div figure blockquote, #page > header + div figure blockquote, #content > article > header + div p, #page > header + div p, #content > article > header + div ul, #page > header + div ul, #content > article > header + div dl, #page > header + div dl{
    margin-left: 4.16667%;
    margin-right: 4.16667%;
}
 */
#page img + figcaption #page img + .video-desc, #page img + .image-desc, #content > article div + .video-desc, #content > article div + .image-desc, #content > article img + .video-desc, #content > article img + .image-desc {
    padding: 7px 2.08333% 8px;
}
 
#content > article .brands + div h1, #page .brands + div h1, #content > article .tabs + div h1, #page .tabs + div h1, #content > article > header + div h1, #page > header + div h1, #content > article .brands + div h2, #page .brands + div h2, #content > article .tabs + div h2, #page .tabs + div h2, #content > article > header + div h2, #page > header + div h2, #content > article .brands + div h3, #page .brands + div h3, #content > article .tabs + div h3, #page .tabs + div h3, #content > article > header + div h3, #page > header + div h3, #content > article .brands + div figure blockquote, #page .brands + div figure blockquote, #content > article .tabs + div figure blockquote, #page .tabs + div figure blockquote, #content > article > header + div figure blockquote, #page > header + div figure blockquote, #content > article .brands + div figure blockquote + figcaption, #page .brands + div figure blockquote + figcaption, #content > article .tabs + div figure blockquote + figcaption, #page .tabs + div figure blockquote + figcaption, #content > article > header + div figure blockquote + figcaption, #page > header + div figure blockquote + figcaption, #content > article .brands + div p, #page .brands + div p, #content > article .tabs + div p, #page .tabs + div p, #content > article > header + div p, #page > header + div p, #content > article .brands + div ul, #page .brands + div ul, #content > article .tabs + div ul, #page .tabs + div ul, #content > article > header + div ul, #page > header + div ul, #content > article .brands + div dl, #page .brands + div dl, #content > article .tabs + div dl, #page .tabs + div dl, #content > article > header + div dl, #page > header + div dl ,#content > article > header  + div .longDescription  > p{
    padding-left: 0px;
    padding-right: 0px;
}
#press-release   #page  > header h1 {
    padding-right: 25%;
    border-bottom: 1px solid #D4D4D4;
}
/**End of new landing Page**/
.home .tabs > ul li > a span, #page .tabs > ul li > a span, #content > article .tabs > ul li > a span {
    padding-left: 0px;
    text-align: center;
}
.js .home section.brands > ul li > a:hover span, .js .tabs > ul li > a:hover span, .js .home section.brands > ul li > a.active span, .js .tabs > ul li > a.active span {
    color: #FFF;
    background-color: #666;
}
.js .home section.brands > ul li:hover a span, .js .tabs > ul li:hover a span, .js .home section.brands > ul li:focus a span, .js .tabs > ul li:focus a span, .js .home section.brands > ul li.active a span, .js .tabs > ul li.active a span {
    color: #FFF;
    background-color: #666;
}

.js .brand-infos + section.tabs > ul li > a span, .js section.brands > ul li > a span, .js .tabs > ul li > a span {
    display: block;
    background-color: #F4F2F3;
    padding: 15px 5px;
    text-align: center;
    transition: color 0.15s linear 0s, background 0.35s linear 0.1s;
    line-height: 1.71429;
}
.js .home section.brands > ul li > a span, .js .tabs > ul li > a span {
    margin: 3px;
    background: none repeat scroll 0px center transparent;
    padding: 3px 0px 0px 10px;
    text-align: left;
}
#content > article .tabs, #page .tabs {
    padding: 0px 2.60417% 3px;
}

.js .brand-infos + section.tabs > ul, .js section.brands > ul, .js .tabs > ul {
    display: table;
    width: 100%;
    border-collapse: collapse;
    border-top: 3px solid #262626;
}
.js .home section.brands > ul, .js .tabs > ul {
    border-bottom: 1px solid #D4D4D4;
}
.js .brand-infos + section.tabs > ul li, .js section.brands > ul li, .js .tabs > ul li {
    display: table-cell;
    vertical-align: top;
    padding: 1px 0px 0px;
}
.js .home section.brands > ul li, .js .tabs > ul li {
    margin: 3px 0px;
    padding: 0px;
}
.js .brand-infos + section.tabs > ul li:first-child a, .js section.brands > ul li:first-child a, .js .tabs > ul li:first-child a {
    border: 0px none;
}
.js .brand-infos + section.tabs > ul li > a, .js section.brands > ul li > a, .js .tabs > ul li > a {
    display: block;
    min-height: inherit;
    font-size: 1.16667em;
    line-height: 1;
    border-width: 0px 0px 0px 1px;
    border-style: none none none solid;
    border-color: -moz-use-text-color -moz-use-text-color -moz-use-text-color #808080;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background: none repeat scroll 0px center transparent;
    padding: 0px;
}
.press-release-page, .news-page {
    margin: 6px 2.60417% 2.60417%;
}
.std-form {
    padding: 0px;
}
#page .news-page .media-search-2 > form {
    width: 100%;
    overflow: inherit;
    display: inline-block;
    position: relative;
}
.media-search-2 p {
    float: left;
    margin-right: 1%;
    width: 250px;
}
.media-search-2 .fm-line {
    float: left;
    margin-right: 1%;
    width: 250px;
}
.media-search-2 .kw {
    width: 17%;
    margin-right: 1%;
}
.media-search-2 .kw {
    width: 194px;
    float: left;
    margin-right: 1%;
}
.media-search-2 .fm-col {
    float: left;
    margin-right: 2%;
    width: 49%;
}
.push-list {
    width: 104.167%;
    margin-left: -2.08333%;
}
.news-page .push-list {
    width: 102.747%;
    margin-left: -1.37363%;
}
.push-list > li {
    width: 50%;
    padding: 0px 2%;
    margin-bottom: 20px;
}
.news-page .push-list > li {
    width: 33.3333%;
    padding: 0px 1.3369%;
    min-height: 430px;
}
.news-page .push-list section {
    padding-bottom: 0px;
}
#page .push-list > li h1, #page .push-list > li p {
    padding-left: 4.34783%;
    padding-right: 4.34783%;
}
section.brands > ul > li > a, .tabs > ul > li > a{position:inherit;}
#content > article > header p, #page > header p,#content > article > header .longDescription  {
    margin-bottom: 9px;
    padding: 27px 2.60417% 0;
    width: auto;
}
#page .brands, #content > article .brands, .home .tabs, #page .tabs, #content > article .tabs {
    padding: 20px 2.60417% 50px;
}
#page .tabs, #content > article .tabs {
    padding: 0 2.60417% 3px;
}
.js .brand-infos + section.tabs > ul li > a::after, .js section.brands > ul li > a::after, .js .tabs > ul li > a::after {
    display: none;
}
.js .home section.brands > ul li > a, .js .tabs > ul li > a {
    border-left-color: #808080;
}
#press-release #page > header .tabs {
    padding-bottom: 15px;
}
#content > article .brands + div, #page .brands + div, #content > article .tabs + div, #page .tabs + div, #content > article > header + div, #page > header + div,
#content #page .spotlight_content  {
    float: left;
    width: 62.5%;
    padding: 0px 2.60417%;
}
#content > article > .menu, #page > .menu {
    padding: 0px;
    float: left;
    width: 29.6875%;
}
#press-release #page > header + .body > section{padding:0 0 20px;}
/* itemboard */
#press-releases #page.brands-content .itemsBoard {
    padding-left: 0;
    padding-right: 0;
}
#content .mediaBoard a::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}
#content .mediaBoard a img {
    width: 13.3333%;
}
#content > article.prizes .itemsBoard a img, #press-releases #page .itemsBoard a img, #content > article.accordion .itemsBoard a img, #page.accordion .itemsBoard a img {
    float: left;
    width: 14.3885%;
}
#press-releases #content .itemsBoard a img {
    width: 24.7423%;
}
#page .press-release-page .itemsBoard a img {
    width: 24.7423%;
}
#content > article.prizes .itemsBoard .content, #press-releases  #page .itemsBoard .content ,#content > article.accordion .itemsBoard .content, #page.accordion .itemsBoard .content {
    float: left;
    min-height: 0;
    width: 80.5755%;
}
#press-releases #content .itemsBoard .content {
    padding-left: 3.71134%;
    padding-right: 3.71134%;
    width: 75.2577%;
}
#press-releases #page.brands-content .itemsBoard .content {
    padding-bottom: 19px;
    padding-top: 19px;
}
/* medias */
.push-list {
	width: 104.16666666666667%;
	margin-left: -2.0833333333333335%
}
.push-list>li {
	width: 50%;
	padding: 0 2% 0;
	margin-bottom: 20px
}
#page .push-list>li h1, #page .push-list>li p {
	padding-left: 4.3478260869565215%;
	padding-right: 4.3478260869565215%
}
.push-list-2 {
	width: 102.60416666666667%;
	margin-left: -1.3020833333333333%
}
.push-list-2>li {
	padding: 0 2%;
	margin-bottom: 4%
}
.push-list-2>li:first-child ~ li {
	width: 50%
}
.push-list-2>li:first-child ~ li:nth-child(2n+2) {
	clear: left
}
#page .tabs+div .push-list-2 ,#page .spotlight_content .push-list-2{
	width: 104.16666666666667%;
	margin-left: -2.0833333333333335%;
	padding: 0
}
.push-top-news section > img, .push-top-news .wrap {
    box-sizing: border-box;
    float: left;
    width: 50%;
}
.push-top-news section > img {
    padding-right: 2.08333%;
}
.push-top-news section > img, .push-top-news .wrap {
    box-sizing: border-box;
    float: left;
    width: 50%;
}
.push-top-news .wrap {
    padding-left: 2.08333%;
    padding-right: 2.08333%;
    padding-top: 15px;
}
.push-2 section {
    min-height: 380px;
}
#page .tabs + div .push-1 .tt, #page .tabs + div .push-2 .tt, #page .tabs + div .push-1 .dt, #page .tabs + div .push-2 .dt {
    margin-left: 4.34783%;
    margin-right: 4.34783%;
}
/* right menu */
#content > article > .menu, #page > .menu {
    float: left;
    padding: 0;
    width: 29.6875%;
}
#content > article > .menu .more, #page > .menu .more {
    padding-top: 20px;
}
#content > article > .menu .more li, #page > .menu .more li {
    float: none;
    padding: 0 0 11.4286%;
    width: 100%;
}
#content > article > .menu .more section h1, #page > .menu .more section h1 {
    padding: 5.71429% 5.71429% 0;
}
#content > article > .menu .more section p, #page > .menu .more section p {
    padding: 5.71429%;
}
#content > article > .menu .more > h1, #page > .menu .more > h1 {
    padding: 0 0 5.71429%;
}
/* media searc */
.media-search .fm-col {
    width: 47.561%;
}
.fm-col {
    float: left;
}
.fm-col + .fm-col {
    padding: 0 0 0 2.43902%;
}
.media-search .fm-col {
    width: 47.561%;
}
/* pictures */
.dsp-type {
	clear: none;
	float: left;
	font-size: 1.0909090909090908em;
	text-transform: uppercase;
	padding-top: 1px;
	padding-left: 20px;
	margin-left: 17px;
	border-left: 1px solid #808080;
	margin-bottom: 5px;
	font-family: "Trebuchet MS",Tahoma, Geneva, sans-serif;
}
.media-list {
	width: 102.74725274725274%;
	margin-left: -1.3736263736263736%
}
.alltype.subitems .media-list { float: left; width: 25%;}
.media-list>li {
	width: 18%;
	padding: 0;
	margin: 1%;
	max-height: 94px;
	overflow: hidden;
}
.media-dl-list {
  width: 102.74725274725274%;
  margin: 0 -1.3736263736263736%;
}
.alltype.subitems .media-dl-list { float: left; width: 25%;}
.media-dl-list>li {
  width: 33.333333333333336%;
  padding: 10px 1.3368983957219251%;
}
.media-dl-list.details>li {
  width: 33.333333333333336%;
}
#pictures .media-dl-list img{width: 100%;}
/* pagination */
.filter-pager .pager-1, .filter-pager-2 .pager-1{padding-top:0;}
/* all types of media */
.alltype.subitems .push-list{width: 34.5%;}
.alltype.subitems .media_li_item {padding: 10px 15px;}
/* media popup */
.popin-ct .title, .popin-ct .std-form .title{padding-right:150px;}
/* long description */
#content .longDescription  figure  blockquote{ padding-left: 0;padding-right: 0;font-size: 1.8181818181818181em;line-height: 1.3;}
#content .longDescription  figure  blockquote + figcaption,#content .longDescription h2,#content .longDescription ul{
  padding-left: 0;
  padding-right: 0;
}
}

@media screen and (min-width:1024px){
 #media_popup_wrapper.dynamicPopin.popup_content.popup_content_visible {
    width: 60%;
}
.popin-media .media-bk .player{min-height:420px;padding-top:20px;}
#com-sd-rss-purchase-partnershippackaging .popin-media .media-bk .player{padding-top:0;}
}

/* 1440.css */
@media screen and (min-width:1440px){
.press-release-page, .news-page {
	margin: 1.75439%;
}
.news-page .push-list {
    width: 101.818%;
    margin-left: -0.909091%;
}
.news-page .push-list > li {
    width: 25%;
    padding: 0px 0.892857%;
}
.news-page .push-list > li:nth-child(3n+1) {
    clear: none;
}
.press-release-page h1, .news-page h1 {
    font-size: 1.72727em;
    line-height: 1.10526;
}
#page .push-list > li h1, #page .push-list > li p {
    padding-left: 3.84615%;
    padding-right: 3.84615%;
}
#content > article .brands + div figure .more, #page .brands + div figure .more, #content > article .tabs + div figure .more, #page .tabs + div figure .more, #content > article > header + div figure .more, #page > header + div figure .more, #content > article .brands + div .figureElem .more, #page .brands + div .figureElem .more, #content > article .tabs + div .figureElem .more, #page .tabs + div .figureElem .more, #content > article > header + div .figureElem .more, #page > header + div .figureElem .more {
    padding: 17.2566% 0px 0px 32.3171%;
}
#content > article .brands + div, #page .brands + div, #content > article .tabs + div, #page .tabs + div, #content > article > header + div, #page > header + div {
    width: 71.9298%;
    padding: 0px 1.75439%;
}
 #content > article > .menu, #page > .menu {
    width: 22.807%;
}
#news #searchmenuid,#press-releases  #searchmenuid,#pictures #searchmenuid,#infographics #searchmenuid,#videos #searchmenuid,#spotlight #searchmenuid,
#medias #searchmenuid{width:98.2%;}
/* all types of media */
.alltype.subitems .push-list {width: 25%;}
.media-dl-list.details > li {width: 25%;}
/* 3 columns */
.push-list-2 > li {
    margin-bottom: 2.38095%;
    padding: 0 1.19048%;
}
.push-list-2 > li:first-child ~ li:nth-child(2n+2) {
    clear: none;
}
.push-list-2 > li:first-child ~ li:nth-child(3n+2) {
    clear: left;
}
.push-list-2 > li:first-child ~ li {
    width: 33.3333%;
}
#content > article > .menu, #page > .menu {
    width: 22.807%;
}
#content > article > .menu .more li, #page > .menu .more li {
    padding-bottom: 7.69231%;
}
#content > article .brands + div, #page .brands + div, #content > article .tabs + div, #page .tabs + div, #content > article > header + div, #page > header + div, #content #page .spotlight_content {
    padding: 0 1.75439%;
    width: 71.9298%;
}
/* press releases */
#content > article.prizes .itemsBoard, #page.prizes .itemsBoard, #content > article.accordion .itemsBoard, #page.accordion .itemsBoard {
    width: 100%;
}
#content > article.prizes .itemsBoard a img, #page.prizes .itemsBoard a img, #content > article.accordion .itemsBoard a img, #page.accordion .itemsBoard a img {
    padding-right: 0;
    width: 14.6341%;
}
#content .prizes .itemsBoard a img {
    width: 14.6341%;
}
#page .press-release-page .itemsBoard a img ,#press-releases #content .itemsBoard a img{
    width: 10.9091%;
}
/* common */
#content > article > header p, #page > header p ,#content > article > header .longDescription {
    padding-left: 1.75439%;
    padding-right: 1.75439%;
}
#content > article .tabs, #page .tabs {
    padding-left: 1.75439%;
    padding-right: 1.75439%;
    padding-top: 0;
}
#content > article > header h1, #page > header h1 {
    margin-left: 1.75439%;
    margin-right: 1.75439%;
}
/* news page */
.news-page .push-list > li {
    padding: 0 0.892857%;
    width: 25%;
}
.push-list > li {
    padding: 0 1.19048%;
    width: 33.3333%;
}

#content .hole_contain {
		width: 21%;
		float: right;
		position: relative;
		margin: 5px 2% 0 0;
}

}
@media screen and (max-width:480px){
	#content .hole_contain {
		width: 70%;
		float: none;
		position: relative;
		margin: 0 auto;
	}
	#content .etc_cls {
		font-size: 1.3em;
		margin: 10px 0 0 7%;
	}
}
@media screen and (max-width:767px){
	#content .hole_contain {
		width: 70%;
		float: none;
		position: relative;
		margin: 0 auto;
	}
	#content .etc_cls {
		font-size: 1.3em;
	}
}
@media screen and (min-width:480px) and (max-width: 767px){
	#content .etc_cls {
		padding: 20px 0 20px 45px;
	}
}<link href="/sitecore/shell/themes/standard/default/Default.css" rel="stylesheet" />

<link href="/sitecore/shell/controls/Lib/Flexie/flex.css" rel="stylesheet" />