* { box-sizing:border-box; }

h1, h2, h3 { margin:0; padding:0 0 16px; font-size:48px; font-weight:400; color:#ffffff }
h2, h3 { font-size:32px; }
p { margin:0; padding:0 0 16px; font-size:16px; line-height:24px; font-weight:400; color:#eeeeee; }
a { text-decoration:none; }

/* Common */
body { padding:20px 40px 40px; margin:0; font-family:"Sanchez"; background:#111111;}
.animTrans { transition:all 0.32s ease-out; }
*:after, *:before { display:block; content:''; position:absolute; }
img.rsp { width:100%; }
video.rsp  { width:100%; }
.row { display:block; position:relative; overflow:hidden; width:100%; }
.paddingBottom { padding-bottom:16px; }
.col { float:left; display:inline; }
.col3 { width:33.333%; }
.col2 { width:50%; }
.clearFloor { display:block; width:100%; height:0px; line-height:0px; clear:both; position:relative; overflow:hidden;}
.imgMobile { display:none; }
.toFixMybody.fixed { overflow: hidden; }

.About p, p.clientTitle { font-family:Helvetica, Arial, sans-serif; }

/* Colors */
.anchor:hover, .Teasing h2, .Footer a:hover { color:#FCA311; }

/* Transitions */
.iganchor, .Footer a, .closeBtn, .barre, .barre1 { transition: all .3s ease-out; }

/* Header */
a.logo { font-size:32px; color:#ffffff; }
.linksHead { float:right; display:inline; }
.anchor { display:inline-block; padding-left:40px; color:#ffffff; cursor:pointer;  line-height:42px; }
.iganchor { padding-right:16px; background:url('../img/arrow.png') right center no-repeat; background-size:8px; text-decoration:underline; }
.firstPad { padding-left:0; }
.specFlag { font-size:24px; padding-left:8px; }

/* Aeration */
.Teasing, .Contact { padding:100px 0 50px; }
.Realisations { padding-bottom:80px; }

/* Teasing */
.Teasing p, .Teasing h1, .Contact p { display:inline; font-size:40px; line-height:48px; margin:0; padding:0; }
.Teasing h2 { font-size:24px; font-style:italic; }
.leftHand { text-align:left; }
.rightHand { text-align:right; }

/*SEOHELP*/
.putDown { position:absolute; bottom:0; left:0; z-index:1;}
#seoHelp { margin-top:24px; }
#seoHelp p { font-size:13px; line-height:15px; }

/* Realisations */
.clientTitle { color:#8B8B8B; font-size:16px; }

/* About */
.About .contentArea { text-align:left; }
.contentArea { padding-top:20px; max-width:800px; display:block; margin:0 auto; }
img.vignetteMe { max-width:160px; display:inline-block; }
.About h3 { margin-bottom:20px; }
.tier1 { width:25%; box-sizing:border-box; padding-right:24px; }
.tier2 { width:75%; }
.centerContent { text-align: center;}

/* Contact */
.Contact p span { color:#777777; }
.Contact { text-align: center; }

/* Footer */
.Footer { border-top:1px solid #ffffff; padding:40px 0; }
.Footer, .Footer a, .Realisations a { color:#ffffff; }
.Footer a, .Footer p { display:inline-block; height:28px; line-height:28px; }

/* Animation hideme anim */
.hideme, .hideme1, .hideme2 { opacity:0; }
.anim { animation:anim 1.2s ease; }

@keyframes anim {
    0% { opacity:0; transform:translateY(80px); }
    100% { opacity:1; transform:translateY(0); }
}

.anim1 { animation:anim-one 1.2s ease; }
@keyframes anim-one {
    0% { opacity:0; transform:translateY(80px); }
    33% { opacity:0; transform:translateY(80px); }
    100% { opacity:1; transform:translateY(0); }
}

.anim2 { animation:anim-two 1.2s ease; }
@keyframes anim-two {
    0% { opacity:0; transform:translateY(80px); }
    66% { opacity:0; transform:translateY(80px); }
    100% { opacity:1; transform:translateY(0); }
}

/* REFERENCES */
.darkCurtain { display:block; width:100%; height:100%; background:rgba(0,0,0,0.88); position:fixed; top:0; left:0; z-index:-1; }
.layerShow { position:fixed; top:0; left:0; z-index:10; box-sizing:border-box; margin:16px 16px 0; background:#191919; height:97vh; display:none; overflow:scroll; }
.closeBtn { position:fixed; top:0; right:40px; z-index:11; background:#FCA311; width:80px; height:120px; box-shadow:0 8px 16px rgba(0,0,0,0.24); cursor:pointer; }
.layerShow img { display:block; border:none; }
.barre, .barre1 { width:40px; height:2px; display:block; z-index:1; position:absolute; bottom:32px; left:20px; background:#ffffff; transform:rotate(45deg); }
.barre1 { transform:rotate(-45deg); }
.closeBtn:hover { background:#ffffff; }
.closeBtn:hover .barre, .closeBtn:hover .barre1 { background:#FCA311; }
.refClick { cursor:pointer; }


@media(max-width:860px){
    .col2 { display:block; float:none; text-align:center; width:100%; }
    .leftHand { padding-bottom: 40px; }
}

@media(max-width:640px){
    .col3, .linksHead, .tier1, .tier2 { display:block; float:none; text-align:center; width:100%; }
    a.logo { display:block; text-align:center; margin:0 0 16px 0; }
    .header { margin:0 0 16px; }
    .Footer .col3 { padding-bottom:40px; }
    body { padding:16px 24px 24px; }
    .anchor { font-size:14px; padding-left:20px; }
    .specFlag { font-size:24px; padding-left:0; position:absolute; top:20px; right:20px; z-index:1;; }
    .Teasing, .Contact { padding:40px 0; }
    .Teasing p, .Teasing h1, .Contact p { font-size:32px; line-height:38px; }
    .Teasing h2 { font-size:20px; }
    .Realisations { padding-bottom:40px; }
    .Contact p { font-size:24px; line-height:28px; }
    .Footer a, .Footer p { font-size:14px; }
    .imgDesktop { display:none; }
    .imgMobile { display:block; }
    .closeBtn { width:50px; height:70px; right:24px; }
    .barre, .barre1 { width:32px; bottom:24px; left:9px; }
    .layerShow { height:95vh; }
    .tier1, .tier2 { text-align:left; }
    .tier1 img { margin:0 auto; margin-bottom:24px; display:block; }
    /*SEOHELP*/
    #seoHelp { text-align:center;}
    #seoHelp p { font-size:11px; text-align:center; }
}