@font-face{font-family:TrioGrotesk-Normal;src:url(../fonts/TrioGrotesk-Normal.eot?#iefix) format("embedded-opentype"),url(../fonts/TrioGrotesk-Normal.otf) format("opentype"),url(../fonts/TrioGrotesk-Normal.woff) format("woff"),url(../fonts/TrioGrotesk-Normal.ttf) format("truetype"),url(../fonts/TrioGrotesk-Normal.svg#TrioGrotesk-Normal) format("svg");font-weight:400;font-style:normal}@font-face{font-family:FuturaStd-Book;src:url(../fonts/FuturaStd-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/FuturaStd-Book.otf) format("opentype"),url(../fonts/FuturaStd-Book.woff) format("woff"),url(../fonts/FuturaStd-Book.ttf) format("truetype"),url(../fonts/FuturaStd-Book.svg#FuturaStd-Book) format("svg");font-weight:400;font-style:normal}html{font-size:62.5%;height:100%}body{font-family:FuturaStd-Book;font-size:1.6rem;font-weight:400;background:#fff;color:#000;overflow-x:hidden;padding:0 0;margin:0}main{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-height:100vh}.main-container{width:100%;height:calc(100vh - 140px);min-height:470px;max-height:900px;margin:70px auto 0 auto;background:#ffffff url(../img/bourjois-dekstop-viz.jpg) no-repeat 50% 50%;background-size:auto 100%}.main-container__inner{max-width:1140px;margin:0 auto;padding:0 15px}.lang-container{width:366px;background:#fff;padding:0 0 30px}.lang-container__logo{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:100px;background:#d41861;opacity:0;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease}.lang-container__logo.animate{opacity:1}.lang-container__logo img{width:156px}.lang-container__title{padding:30px 10px 20px;text-align:center}.lang-container__title h2{position:relative;font-family:TrioGrotesk-Normal;font-size:2rem;text-transform:uppercase;margin:0;padding:0 0 20px;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}.lang-container__title h2:before{content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;-webkit-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}.lang-container__title.animate h2{opacity:1}.lang-container__title.animate h2:before{-webkit-transform:scale(.3,1);-ms-transform:scale(.3,1);transform:scale(.3,1)}.lang-container__list{list-style:none;padding:0 50px;margin:0;opacity:0;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease}.lang-container__list.animate{opacity:1}.lang-container__list li{padding:4px 0;margin:0}.lang-container__list a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:url(../img/arrow_pink.png) no-repeat 0 49%;background-size:5px;padding:0 0 0 20px;color:#000;text-decoration:none;-webkit-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}.lang-container__list a:hover{color:#d41861}.main-viz{display:none;background:#ffffff url(../img/bourjois-dekstop-viz.jpg) no-repeat 50% 50%;background-size:auto 100%;-webkit-transition:opacity 1.5s ease;-o-transition:opacity 1.5s ease;transition:opacity 1.5s ease;opacity:0}.main-viz.animate{opacity:1}.footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:70px;opacity:0;-webkit-transition:opacity .5s ease;-o-transition:opacity .5s ease;transition:opacity .5s ease}.footer.animate{opacity:1}.footer__inner{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}.footer__inner span{color:#333;font-size:1.4rem}@media (min-width:1700px){.main-container__inner{max-width:1600px}.footer__inner{max-width:1600px}}@media (max-width:768px){.main-container{width:100%;height:auto;min-height:auto;max-height:auto;margin:0;background:#fff}.main-container__inner{max-width:1140px;margin:0 auto;padding:0 0}.lang-container{width:auto;background:#fff;padding:0 0 33px}.lang-container__flexcol{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.lang-container__list{width:50%;padding:0 30px}.lang-container__list li{padding:10px 0;margin:0}.lang-container__list a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:url(../img/arrow_pink.png) no-repeat 0 50%;background-size:8px;padding:0 0 0 20px;font-size:2rem}.main-viz{-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;display:block}.footer{height:60px}.footer__inner{text-align:center}.footer__inner span{color:#333;font-size:1.4rem}}@media (max-width:600px){.lang-container{width:auto;background:#fff;padding:0 0 26px}.lang-container__logo{height:50px}.lang-container__logo img{width:70px}.lang-container__title{padding:20px 50px 20px}.lang-container__title h2{font-size:1.6rem;padding:0 0 10px}.lang-container__list{width:50%;padding:0 10px 0 20px}.lang-container__list li{padding:5px 0;margin:0}.lang-container__list a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background:url(../img/arrow_pink.png) no-repeat 0 50%;background-size:5px;padding:0 0 0 20px;font-size:1.4rem}.footer{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;height:36px}.footer__inner span{font-size:.9rem}}@media (max-height:750px) and (min-width:600px){.lang-container__flexcol{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.lang-container__list{width:50%;padding:0 0 0 30px}.lang-container__list li{padding:4px 0;margin:0}.lang-container__list a{background-size:5px;padding:0 0 0 20px;font-size:1.4rem}}