.dialog,
.dialog__overlay{width:100%;height:100%;top:0;left:0;}
.dialog{position:fixed;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none;z-index:30;}
.dialog__overlay{position:absolute;z-index:1;background:rgba(55, 58, 71, 0.9);opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;-webkit-backface-visibility:hidden;}
#dialog_close{border:none;background:#25A642;color:white;width:40px;height:35px;font-weight:500;position:absolute;right:-2px;top:0px;padding:5px 14px;cursor:pointer;}
.corps_form > div{margin:20px 0;}
.dialog--open .dialog__overlay{opacity:1;pointer-events:auto;}
.btn_cnx{padding:10px 25px;background:#25A642;color:#fff;border:none;font-size:11pt;width:50%;margin:0 25%;}
.dialog__content{width:50%;max-width:560px;min-width:290px;background:#fff;padding:4em;text-align:center;position:relative;z-index:5;opacity:0;}
.dialog--open .dialog__content{pointer-events:auto;}
#form_cnx label{width:150px;}
.dialog h2{font-weight:500;font-family:'Raleway';font-size:1.4em;text-transform:uppercase;padding:0 0 2em;text-align:center;margin:0;color:#38403A;}
.dialog--open .dialog__overlay{-webkit-transition-duration:0.8s;transition-duration:0.8s;}
.dialog--close .dialog__overlay{-webkit-transition-duration:0.5s;transition-duration:0.5s;}
.dialog__content{padding:0;background:transparent;}
.dialog.dialog--open .dialog__content{opacity:1;}
.morph-shape{position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;z-index:-1;}
.morph-shape svg rect{stroke:#fff;stroke-width:2px;stroke-dasharray:1680;}
.dialog--open .morph-shape svg rect{-webkit-animation:anim-dash 0.6s forwards;animation:anim-dash 0.6s forwards;}
.dialog-inner{opacity:0;background:#fff;}
.dialog--open .dialog-inner{padding:2.5em 4em;opacity:1;-webkit-transition:opacity 0.85s 0.35s;transition:opacity 0.85s 0.35s;text-align:left;}
.dialog.dialog--open h2{-webkit-animation:anim-elem-1 0.7s ease-out both;animation:anim-elem-1 0.7s ease-out both;}
.dialog.dialog--open input[type=submit]{-webkit-animation:anim-elem-2 0.7s ease-out both;animation:anim-elem-2 0.7s ease-out both;}
#form_newsletter h2{padding:0 0 1.5em;}
#mobile_dialog h2{padding:20px;}
#form_newsletter .btn_cnx{display:inline;padding:0.6em 1.5em;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;width:70px;margin:0;float:right}
.dialog input[type="text"], .dialog input[type="password"]{height:45px;border-radius:4px;border:0;margin:0 10px;background-color:#E8E8E8;}
#form_newsletter input[type="text"]{width:270px;}
@keyframes anim-dash{0%{stroke-dashoffset:1680;}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes anim-dash{0%{stroke-dashoffset:1680;}
100%{stroke-dashoffset:0;}
}
@-webkit-keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px, 0, 0);}
100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);}
}
@keyframes anim-elem-1{0%{opacity:0;-webkit-transform:translate3d(-150px, 0, 0);transform:translate3d(-150px, 0, 0);}
100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}
@-webkit-keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px, 0, 0);}
100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);}
}
@keyframes anim-elem-2{0%{opacity:0;-webkit-transform:translate3d(150px, 0, 0);transform:translate3d(150px, 0, 0);}
100%{opacity:1;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
}