.optanon-alert-box-wrapper  {display: none !important;}
/*
Reflow - RESET CSS
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
font-size: 1em;
border:0;
vertical-align:baseline;
background:transparent;
}
html{
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
body{
font-size: 62.5%; /* 62.5% => 10px // 68.75% = > 11px* // 75% => 12px */
}
html,body{
width:100%;
height:100%;
}
body, select, input, button, label, textarea, img,
code, pre, samp, kbd, pre{
font-family: arial, helvetica, verdana, sans-serif;
}
article, aside, audio, canvas, datagrid, datalist, details, dialog,
figure, footer, header, menu, nav, section, video{
display:block;
}
abbr, eventsource, mark, meter, time, progress, output, bb{
display:inline;
}
h1, h2, h3, h4, h5, h6{
font-weight: normal;
font-size: 1em;
line-height:1em;
}
form, fieldset{
border:0 none;
}
input{
margin:0;
}
select, input, button, label{
vertical-align: middle;
font-size: 1em;
padding:0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
textarea{
overflow:auto;
font-size: 1em;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
textarea, select, input.textbox{
-webkit-transition: border-color 300ms ease-in-out;
-moz-transition: border-color 300ms ease-in-out;
-o-transition: border-color 300ms ease-in-out;
-ms-transition: border-color 300ms ease-in-out;
transition: border-color 300ms ease-in-out;
border:solid 1px #dadcde;
padding:3px 5px;
height:17px;
}
select{
height:23px;
}
textarea:hover, select:hover, input.textbox:hover{
border-color: #999893;
}
input:focus{
outline:#fff none 0;
}
input[type="radio"], input[type="checkbox"]{
height: 13px;
width: 13px;
}
input[type="search"]{
-moz-box-sizing:content-box;
box-sizing:content-box;
-webkit-appearance: none;/* disable default skin + remove inner shadow */
}
input[type="search"]:-moz-placeholder{
color:black;
}
input[type="search"]::-webkit-input-placeholder{
color:black;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-inner-spin-button,
input[type="search"]::-webkit-outer-spin-button{
margin:0;
-webkit-appearance: textfield;/* disable default skin */
}
input[type="search"]::-webkit-search-cancel-button{
color:#fff;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{
display: none;
}
img{
border:0;
}
ol, ul{
list-style: outside none;
}
table{
border-collapse: collapse;
border-spacing: 0;
}
object, embed{
display:block;
}
blockquote, q{
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
content: '';
content: none;
}
dfn{
font-style: normal;
}
ins{
text-decoration: none;
}
del{
text-decoration: line-through;
}
a{
text-decoration:none;
color:#fff;
}
a:hover{
text-decoration:underline;
}
a:focus{
outline: #fff none 0;
}
address{
font-style: normal;
}

/*
Lancome - LANDING PAGE CSS
*/
body{
background-color:#fff;
color:#fff;
}


.backgroundsize body{
background:#fff url(img/bg-2019-V2.jpg) no-repeat 0 0 fixed;
-webkit-background-size:cover;
background-size:cover;
-webkit-translate3d(0,0,0);
-webkit-tap-highlight-color: transparent;
}

    @media screen and (min-width: 1075px) {
        .show-on-mobile {
            display: none;
        }

        .lancome-hp {
            background-color: white;
            width: 100vw;
            height: 100vh;
            background-image: url("files/lancome-bom-bg.jpg?$staticlink$") !important;
            background-size: cover;
        }
    }


#background{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:1;
}
.backgroundsize body #background{
display:none
}
#page{
z-index:2;
width:250px;
height:100%;
min-height:575px;
float:left;
position:absolute;
padding:0 20px;
}
#page header{
padding: 25px 0 0 0;
margin-bottom:100px;
}
#page header h1{
text-align:right;
}
#page #content .primary{
display:block;
z-index:3;
margin-left:123px;
}
#page #content .primary li{
position:relative;
margin-bottom:20px;
}
#page #content .primary li button{
color:#fff;
background:url(img/zone_titles.png) no-repeat transparent;
border:0 none;
width:135px;
height:26px;
text-indent:-999em;
cursor:pointer;
display:block;
font-family:Times "Times New Roman";
font-style:italic;
font-size:22px;
line-height:22px;
text-align:left;
text-shadow:0 0 4px #fff;
}
#page #content .primary .active button{
cursor:default;
}


.region {
    font-size: 14px;
    letter-spacing: .125rem;
    z-index: 1;
        letter-spacing: 2px;
                margin-top: 20px;
        margin-bottom: 10px;}

    .mobile p.region {
        cursor: pointer;
        transition: display;
    }

    .mobile p.region::after {
        position: absolute;
        right: 80px;
    }

#page #content .secondary{
opacity:0;
clear:both;
overflow:hidden;
position:absolute;
top:0;
left:150px;
display:none;
transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-webkit-transition: opacity 0.5s linear;
z-index:4;
}
#page #content .secondary li{
margin-bottom:5px;
text-align:left;
width:200px;
}
#page #content .secondary li a{
color:#fff;
font-size:12px;
height:15px;
line-height:17px;
display:inline-block;
}
#page #content .tertiary{
opacity:0;
clear:both;
overflow:hidden;
position:absolute;
top:0;
left:150px;
display:none;
transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-webkit-transition: opacity 0.5s linear;
z-index:4;
}
#page #content .tertiary li{
margin-bottom:5px;
text-align:left;
width:200px;
}
#page #content .tertiary li a{
color:#fff;
font-size:12px;
height:15px;
line-height:17px;
display:inline-block;
}
#page #content .primary #international, #page #content .primary #middleeast{
margin-bottom:40px;
}
#page #content .primary #international .secondary, #page #content .primary #middleeast .secondary{
left:0;
top:25px;
width:200px;
}
#page #content .primary #international .secondary li, #page #content .primary #middleeast .secondary li{
display:inline;
width:auto;
border-right:1px solid #fff;
padding-right:5px;
margin-right:5px;
}
#page #content .primary #international .secondary li.last,
#page #content .primary #international .secondary li:last-child,
#page #content .primary #middleeast .secondary li.last,
#page #content .primary #middleeast .secondary li:last-child{
border-right:0;
padding-right:0;
margin-right:0;
}
#page #content .tertiary{
display:none;
clear:both;
overflow:hidden;
width:200px;
text-align:right;
z-index:5;
transition: opacity 0.5s linear;
-moz-transition: opacity 0.5s linear;
-webkit-transition: opacity 0.5s linear;
}
#page #content .tertiary li{
display:inline;
background:url(../img/sep.png) no-repeat 100% 50%;
padding-right:7px;
margin: 0 5px 0 0;
}
#page #content .tertiary li.last,
#page #content .tertiary li:last-child{
background:none;
padding-right:0;
margin-right:0;
}
#page #content .tertiary li a{
font-size:11px;
}
#page #content .active .secondary{
display:block;
}
#page #content .selected .tertiary{
display:block;
}
#page #content .fadeIn .secondary{
opacity:1!important;
}
#page footer{
position:absolute;
bottom:10px;
right:20px;
width:250px;
color:#fff;
}
#page footer p{
display:block;
overflow:hidden;
clear:both;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:1px solid #fff;
}
#page footer p span{
display:block;
float:left;
font-size:11px;
}
#page footer p a{
float:right;
text-transform:uppercase;
height: 15px;
line-height:17px;
color:#fff;
display:block;
font-size:12px;
}
#page footer .cp{
font-size:11px;
float:right;
}
#page .ecom{
background:url(../img/ecom_ico.png) no-repeat 0 0 transparent;
}
#page a.ecom{
padding-left:20px;
}
#page span.ecom{
padding-left:15px;
display:block;
height: 15px;
line-height:17px;
}
#page .ecom_1{
background:url(../img/ecom_ico.png) no-repeat 0 0 transparent;
}
#page a.ecom_1{
padding-left:20px;
}
#page span.ecom_1{
padding-left:15px;
display:block;
height: 15px;
line-height:17px;
}


#page .rtl{
direction:rtl;
}

/*LOGO LVEB
#lveb img{
width:70%;
position:absolute;
top:16px;
left:1210px;
}*/

/*LOGO LVEB */
#lveb img{
float:right;
width:14%;
margin-top:16px;
margin-right:16px;
position:relative
}

/*IE 8*/
#lveb img{
float:right0/;
width:14%0/;
margin-top:16px0/;
margin-right:16px0/;
z-index:12 !important;
}
/*IE 8*/

/*
iPad Portrait mode
*/
@media only screen and (orientation:portrait){
html.backgroundsize body{
background-size: 100% auto;
-webkit-background-size: 100% auto;
}/*
html body #page footer{
bottom:20px
}*/

#page{
height:610px;
}
}


@media screen and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape), screen and
(-webkit-min-device-pixel-ratio:2) and (orientation:portrait){
body{
width:960px;
}
#page{
min-height:548px;
}
#page header{
margin-bottom:80px;
}
}
/* iPhone4 portrait *//*
@media screen and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){
body{
width:480px;
height:626px;
background-position:center center;
}
#page{
text-shadow:0 0 4px #fff;
}
#page header{
margin-top:20px;
}
#page header h1{
position:absolute;
top:15px;
left:-180px;
}
#page #content .primary li button{
text-indent:inherit;
background:none;
}
#page #content .primary .active button{
text-decoration:underline;
}
}*/
/* iPad landscape */
@media screen and (-webkit-max-device-pixel-ratio:1) and (orientation:landscape) and (max-device-width:768px), screen
and (-webkit-max-device-pixel-ratio:1.5) and (orientation:portrait) and (max-device-width:768px){
body{
width:980px;
height:644px;
}
}
/* iPad portrait *//*
@media screen and (-webkit-max-device-pixel-ratio:1.5) and (orientation:portrait) and (max-device-width:768px){
body{
width:768px;
height:928px;
}
#page{
min-height:inherit;
text-shadow:0 0 4px #fff;
}
#page header{
height:66px;
margin-bottom:170px;
}
#page header h1{
position:absolute;
bottom:20px;
left:-450px;
}
#page #content .primary{
position:absolute;
left:-450px;
bottom:110px;
}
#page #content .primary li button{
text-indent:inherit;
background:none;
}
#page #content .primary .active button{
text-decoration:underline;
}
#page #content .secondary {
right:inherit;
left:170px;
}
#page #content .secondary li{
text-align:left;
}
}*/
/* iPhone landscape */
@media screen and (-webkit-max-device-pixel-ratio:1) and (orientation:landscape) and (max-device-width:480px), screen
and (-webkit-max-device-pixel-ratio:1) and (orientation:portrait) and (max-device-width:320px){
body{
width:960px;
height:548px;
}
#page{
min-height:inherit;
}
#page header{
margin-bottom:40px;
height:66px;
}
                .region,
        a {
            color: black;
        }

        #page .content .tertiary li a {
            color: #000;
        }
}
/* iPhone portrait *//*
@media screen and (-webkit-max-device-pixel-ratio:1) and (orientation:portrait) and (max-device-width:320px){
body{
width:480px;
height:626px;
background-position:center center;
}
#page{
min-height:inherit;
text-shadow:0 0 4px #fff;
}
#page header{
margin-top:20px;
margin-bottom:60px;
height:66px;
}
#page header h1{
position:absolute;
top:15px;
left:-180px;
}
#page #content .primary{
position:static;
left:inherit;
bottom:inherit;
}
#page #content .primary li button{
text-indent:inherit;
background:none;
}
#page #content .primary .active button{
text-decoration:underline;
}
#page #content .secondary {
right:110%;
left:inherit;
}
#page #content .secondary li{
text-align:right;
}
}*/