@font-face{font-family:gotham ssm light a;src:url(../fonts/GothamSSm-XLight.woff2?$staticlink$) format('woff2'),url(../fonts/GothamSSm-XLight.woff?$staticlink$) format('woff'),url(../fonts/GothamSSm-XLight.ttf?$staticlink$) format('truetype');font-weight:300;font-style:normal}.clarins-teaser-ad *{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clarins-teaser-ad img,.clarins-teaser-banner img,.clarins-teaser-banner svg{border:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:auto}.clarins-teaser-ad div,.clarins-teaser-banner div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clarins-teaser-ad,.clarins-teaser-banner{position:absolute;width:100%;height:480px;max-width:1600px;min-height:auto;overflow:hidden;margin:0 auto;z-index:0}.clarins-teaser-ad{border-width:0;border-style:solid;border-color:#d2d9db;background-color:#340000;background-image:url(../images/loading.gif?$staticlink$);background-position:center;background-repeat:no-repeat}.clarins-teaser-banner{position:relative;opacity:0;background-color:#340000;background-position:center center;background-repeat:no-repeat;-webkit-background-size:auto;background-size:cover;background-image:url(../images/clarins-teaser-bg-m.jpg?$staticlink$)}.clarins-teaser-full{top:0;left:0;width:100%;height:100%;background-color:transparent}.clarins-teaser-hidden{opacity:0}.clarins-teaser-border{border:1px solid #000}.clickTag{position:absolute;width:100%;height:100%;top:0;left:0;cursor:pointer}.clarins-teaser-countdown{font-family:gotham ssm light a,gotham ssm light b,gotham ssm book a,gotham ssm book b,Helvetica,Arial,sans-serif;position:absolute;color:#fff;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;width:100%;height:100%}.clarins-teaser-countdown p{padding-top:150px;text-align:center;font-size:46px;line-height:46px}ul.clarins-teaser-clock{width:auto;padding:10px 15px;background-color:rgba(0,0,0,.5);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;list-style:none}ul.clarins-teaser-clock li{position:relative;font-size:40px;line-height:40px;width:auto;padding:10px 5px 5px;text-align:center;min-width:70px}ul.clarins-teaser-clock li:after{content:attr(data-name);position:relative;margin-top:3px;top:100%;left:50%;font-size:11px;line-height:11px;text-align:center;width:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);text-transform:uppercase;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.A-Spot-Main .blocktext{height:auto}@media screen and (min-width:769px){.clarins-teaser-banner{background-position:20% center;background-size:auto 100%;background-image:url(../images/clarins-teaser-bg.jpg?$staticlink$)}.clarins-teaser-countdown{width:auto;left:100px}.clarins-teaser-countdown p{padding-top:110px;font-size:86px;line-height:86px}ul.clarins-teaser-clock li{padding:10px 5px 5px;font-size:48px;line-height:48px;min-width:90px}ul.clarins-teaser-clock li:after{font-size:12px;line-height:12px}.A-Spot-Main .blocktext{background-color:rgba(0,0,0,.65);height:300px}.A-Spot-Main .blocktext,.btn-Aspot{color:#fff}.btn-Aspot{border-bottom:1px solid rgba(255,255,255,.5)}}@media screen and (min-width:1170px){.clarins-teaser-banner{background-position:left center}.clarins-teaser-countdown{width:auto;left:360px}}@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.clarins-teaser-countdown{width:auto;left:10px}}@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){}