.mobile {display:none;}

@media screen and (min-width:768px) {
.cache {position:fixed;top:95px;left:0;right:0;bottom:0;background:#fff;z-index:99000;}
}

/*
NAV
*/
nav {position:absolute;top:0;left:0;right:0;width:100%;height:100px;border-top:3px solid #011a63;border:none;font-size:13px;text-transform:uppercase;line-height:100px;padding:0 20% 0 20%;font-weight:500;z-index:10000;background:#fff;}
nav div a {color:#333;}
nav div span:nth-child(1) {float:left;width:100px;margin:14px 0 0 0;}
nav div span:nth-child(2) {float:right;width:100px;}
nav div span:nth-child(2) a {float:right;margin:35px 0 0 10px;color:#011a63;font-size:16px;width:30px;height:30px;border:1px solid #011a63;border-radius:50%;line-height:30px;text-align:center;padding-right:2px;transition:0.4s;}
nav div span:nth-child(2) a:hover {background:#011a63;color:#fff;}
nav div span:nth-child(3) {display:block;width:auto;overflow:hidden;text-align:center;padding-left:15px;height:100px;}
nav div span:nth-child(3) a {display:inline-block;height:100px;margin:0 12px 0 12px;}
nav div span:nth-child(3) a.on {font-weight:bold;color:#011a63;border-bottom:5px solid #011a63;}
nav div span:nth-child(3) em {margin-left:10px;}
nav div span:nth-child(3) em a {margin:0;}
nav div span:nth-child(3) em a.on {border:none;}
nav div span:nth-child(3) em b {opacity:0.4;font-weight:normal;}

/*
FOOTER
*/
footer {float:left;width:100%;height:auto;border-top:1px solid #eee;margin:200px 0 0 0;padding:80px 20% 0 20%;background:#f4f4f4;}
footer .footer_epv {float:left;width:25%;}
footer .footer_epv img {float:left;width:100px;}
footer .instagram {overflow:hidden;padding-top:25%;position:relative;}
footer .instagram iframe {border:0;height:100%;left:0;position:absolute;top:0;width:100%;}
footer ul {float:left;width:25%;}
footer ul li {float:left;width:100%;}
footer ul li b {float:left;width:auto;color:#011a63;font-family:'Stint Ultra Condensed';text-transform:uppercase;font-size:20px;}
footer ul li a {float:left;width:auto;color:#333;padding:2px 0 2px 0;}
footer ul li a:hover {text-decoration:underline;}
footer .bullerouge {float:left;width:100%;font-size:12px;padding:30px 0 30px 0;margin:50px 0 0 0;text-align:center;border-top:1px solid #ddd;letter-spacing:1px;}
footer .bullerouge a {color:#333;}
footer .bullerouge a:hover {text-decoration:underline;}
footer .bullerouge i {font-size:11px;}

/*
GLOBAL
*/
.background {background-size:cover;background-repeat:no-repeat;background-position:center center;}
.suite {position:absolute;top:100%;left:0;right:0;padding:8% 0 0 0;}
.suite2 {float:left;width:100%;padding:0 20% 0 20%;}
.suite3 {float:left;width:100%;padding:0 10% 0 10%;}
.suite4 {float:left;width:100%;padding:0;}
.flex {float:left;width:100%;display:flex;flex-direction:row;justify-content:space-between;}
.arrow {position:absolute;bottom:40px;color:#fff;left:0;right:0;text-align:center;}
.arrow i {border:1px solid #fff;width:40px;height:40px;text-align:center;line-height:40px;border-radius:50%;}
.arrow a i {color:#fff;}

/*
HEADER
*/
.header {position:absolute;top:100px;left:0;right:0;bottom:0%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;}
.header div {position:absolute;top:0;left:0;right:0;bottom:0%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;background:rgba(0,0,0,0.2);}
.header b {text-transform:uppercase;font-size:80px;font-size:7vw;font-weight:normal;font-family:'Stint Ultra Condensed';line-height:1;}
.header em {font-size:22px;font-weight:500;font-family:'Raleway';margin-top:10px;margin-bottom:50px;}

/*
HEADER VIDEO
*/
.headervideo2 {position:absolute;top:100px;left:0;right:0;bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.headervideo2 .video {float:left;width:100%;overflow:hidden;}
.headervideo2 .video video {width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.headervideo span {position:absolute;top:100px;left:0;right:0;bottom:0%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;background:rgba(0,0,0,0.2);}
.headervideo span b {text-transform:uppercase;font-size:80px;font-size:7vw;font-weight:normal;font-family:'Stint Ultra Condensed';line-height:1;}
.headervideo span em {font-size:22px;font-weight:500;font-family:'Raleway';margin-top:10px;margin-bottom:50px;}
.mute {position:absolute;top:100%;right:40px;z-index:10;}
.mute i {float:left;margin-top:-75px;color:#fff;font-size:18px;border-radius:50%;width:40px;height:40px;line-height:40px;text-align:center;}

/*
TEXTE
*/
.texte {float:left;width:100%;display:flex;justify-content:center;margin:0 0 10% 0;}
.texte div {width:650px;}
.texte strong {float:left;width:100%;font-family:'Stint Ultra Condensed';text-transform:uppercase;font-size:60px;font-weight:normal;text-align:center;color:#011a63;}
.texte p {float:left;width:100%;text-align:center;font-size:16px;line-height:1.6;text-align:center;}

/*
STANDARD
*/
.standard {float:left;width:100%;display:flex;justify-content:center;margin:150px 0 10% 0;}
.standard div {width:650px;}
.standard h1 {float:left;width:100%;font-family:'Stint Ultra Condensed';text-transform:uppercase;font-size:60px;font-weight:normal;text-align:center;color:#011a63;}
.standard p {float:left;width:100%;text-align:center;font-size:16px;line-height:1.6;text-align:justify;margin:50px 0 50px 0;}
.standard p a {color:#333;text-decoration:underline;}
.standard span img {float:left;width:100%;margin:10px 0 10px 0;}
.standard span b {float:left;width:100%;margin:5px 0 20px 0;font-weight:normal;text-align:center;}

/*
HOMEPAGE
*/
.hp {float:left;width:100%;display:flex;justify-content:space-between;}
.hp a {width:32.33%;height:500px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:'Stint Ultra Condensed';text-transform:uppercase;font-size:40px;font-weight:normal;color:#fff;}

/*
HERITAGE
*/
.heritage {float:left;width:100%;}
.heritage div {float:left;width:100%;}
.heritage div strong {float:left;width:50%;font-weight:normal;padding:50px 100px 150px 100px;}
.heritage div strong img {float:left;width:100%;border-radius:3px;}
.heritage div strong em {float:left;width:100%;margin:25px 0 0 0;font-weight:600;font-size:24px;color:#011a63;}
.heritage div strong p {float:left;width:100%;margin:10px 0 0 0;font-size:16px;padding:0 10% 0 0;}
.heritage div span {float:left;width:50%;}
.heritage div span b {float:left;width:auto;margin:-50px 100px 0 100px;text-align:center;font-size:200px;text-align:center;color:#011a63;font-weight:600;opacity:0.2;background:#fff;background:none;position:relative;}
.heritage div:nth-child(2n+1) span {float:left;}
.heritage div:nth-child(2n+1) span b {float:right;}
.heritage div:nth-child(2n) span {float:right;}
.heritage div:nth-child(2n+1) strong {border-left:1px solid rgba(1,26,99,0.1);margin-left:-1px;}
.heritage div:nth-child(2n) strong {border-right:1px solid rgba(1,26,99,0.1);}

/*
TEXTILES
*/
.textiles {float:left;width:100%;}
.textiles div {float:left;width:100%;margin:5% 0 5% 0;}
.textiles div strong {float:left;width:60%;min-height:80vh;}
.textiles div span {float:left;width:40%;min-height:80vh;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 8% 0 8%;}
.textiles div span b {float:left;width:100%;font-family:'Stint Ultra Condensed';text-transform:uppercase;font-size:60px;font-weight:normal;text-align:left;color:#011a63;line-height:1;}
.textiles div span p {float:left;width:100%;text-align:left;font-size:16px;margin:20px 0 0 0;}
.textiles div:nth-child(2n+1) span {float:left;}
.textiles div:nth-child(2n) span {float:right;}

/*
GALERIE
*/
.grid {float:left;height:auto;width:100%;padding:95px 0 0 0;}
.grid li{display:block;float:left;padding:0;width:20%;opacity:0;margin:0;overflow:hidden;}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li {opacity:1;}
.grid li a, .grid li img {outline:none;border:none;display:block;width:100%;margin:0;padding:0;}
.grid li a span {float:left;width:auto;padding:5px;-moz-box-sizing:border-box;box-sizing:border-box;}
.grid li img {float:left;width:100%;}

/*
GALERIE2
*/
.galerie2 {float:left;width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;}
.galerie2 span {width:49%;height:400px;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:'Stint Ultra Condensed';text-transform:uppercase;font-size:40px;font-weight:normal;color:#fff;margin-bottom:2%;cursor:url('../images/plus_cursor.png') 25 25, pointer;}

/*
CONTACT
*/
.contact {float:left;width:100%;display:flex;justify-content:space-between;}
.contact div {width:32.33%;font-size:16px;text-align:center;}
.contact div strong {font-family:'Stint Ultra Condensed';text-transform:uppercase;font-size:60px;font-weight:normal;text-align:center;color:#011a63;}
.contact div p {margin-top:20px;}
.contact div a {color:#333;}
.contact div b {color:#011a63;}
.contact div a:hover {text-decoration:underline;}