/* A&C Atelier | Alexandra.Craig */
/* 30 Apr 2021 | v3.0.0 */

html {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
    font-family: 'Helvetica Now Display Extra Light';
    src: local('Helvetica Now Display Extra Light'), local('Helvetica-Now-Display-Extra-Light'),
        url('../fonts/HelveticaNowDisplay-ExtLt.woff2') format('woff2'),
        url('../fonts/HelveticaNowDisplay-ExtLtd.woff') format('woff'),
        url('../fonts/HelveticaNowDisplay-ExtLt.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Now Display Light';
    src: local('Helvetica Now Display Light'), local('Helvetica-Now-Display-Light'),
        url('../fonts/HelveticaNowDisplay-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNowDisplay-Light.woff') format('woff'),
        url('../fonts/HelveticaNowDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Now Display Bold';
    src: local('Helvetica Now Display Bold'), local('Helvetica-Now-Display-Bold'),
        url('../fonts/HelveticaNowDisplay-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNowDisplay-Bold.woff') format('woff'),
        url('../fonts/HelveticaNowDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Now Display Extra Bold';
    src: local('Helvetica Now Display Extra Bold'), local('Helvetica-Now-Display-Extra-Bold'),
        url('../fonts/HelveticaNowDisplay-ExtraBold.woff2') format('woff2'),
        url('../fonts/HelveticaNowDisplay-ExtraBold.woff') format('woff'),
        url('../fonts/HelveticaNowDisplay-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Now Text Light';
    src: local('Helvetica Now Text Light'), local('Helvetica-Now-Text-Light'),
        url('../fonts/HelveticaNowText-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Light.woff') format('woff'),
        url('../fonts/HelveticaNowText-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Now Text Bold';
    src: local('Helvetica Now Text Bold'), local('Helvetica-Now-Text-Bold'),
        url('../fonts/HelveticaNowText-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNowText-Bold.woff') format('woff'),
        url('../fonts/HelveticaNowText-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

html { text-rendering:optimizeLegibility !important; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; text-shadow:1px 1px 1px rgba(0,0,0,0.004); font-size:1em; line-height:1.5; letter-spacing:0em; color:#000; font-family:'Helvetica Now Display Extra Light', Helvetica, Arial, sans-serif; font-weight:normal; }
html, body { overflow-x:hidden; min-height:100%; height:100%; }

body { transition:0.3s background; background:#B86749; }

h1, h2, h3, h4, p { margin:0; font-weight:normal; }
figure { margin:0; padding:0; }
img, svg { width:100%; height:auto; display:block; }
ul { padding:0; margin:0; list-style:none; }
a { text-decoration:none; color:inherit; position:relative; }
a:after { content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:1px; background:#000; }
strong { font-family:'Helvetica Now Display Extra Bold'; }
a strong { font-family:'Helvetica Now Text Bold'; }

.gutter1 { padding-left:45px; padding-right:45px; box-sizing:border-box; }
.gutter2 { padding-left:20px; padding-right:20px; box-sizing:border-box; }

.spacer-20 { padding-top:17px; }
.spacer-30 { padding-top:23px; }
.spacer-30-img { padding-top:26px; }
.spacer-40 { padding-top:40px; }
.spacer-50 { padding-top:44px; }
.spacer-80 { padding-top:70px; }

.bottom-20 { padding-bottom:19px; }

.bkg-B86749 { background:#B86749; }
.bkg-ABC5B2 { background:#ABC5B2; }

.h1 { font-size:3.20vh; line-height:1.160em; }
.h2 { font-size:1.5rem; line-height:1.160em; }
.h2_fixed { font-size:1.875rem; line-height:1.167em; }
.form_link .h2 { font-family:'Helvetica Now Display Bold'; }
.h3 { font-size:1.125rem; font-family:'Helvetica Now Display Light'; }
.p1 { font-size:0.813rem; line-height:1.231em; }
.p2 { font-size:0.625rem; line-height:1.636em; }
.p3 { font-size:0.813rem; line-height:1.545em; }

h2 + h2 { margin-top:32px; }

main { height:inherit; }
main > section { display:flex; width:200%; height:inherit; transition:0.3s transform 0.05s; }
main > section > article { width:100%; height:auto; min-height:100%; box-sizing:border-box; }

.forms { display:flex; width:200%; transition:0.3s transform; box-sizing:border-box; }
.forms > article { width:calc(50% - 90px); margin-left:auto; margin-right:auto; box-sizing:border-box; }
.form_links li:not(:first-child) { margin-top:42px; }
.form_links a { letter-spacing:-1px; width:100%; display:block; }
.form_links a:after { height:2px; bottom:-8px; }
.form_links a span { display:block; width:45px; height:21px; position:absolute; bottom:1px; right:2px; }
.form_links a span:before, .form_links a span:after { content:''; display:block; position:absolute; }
.form_links a span:before { width:100%; height:2px; background:#000; position:absolute; top:6px; right:0; }
.form_links a span:after { border:solid #000; border-width:0 2px 2px 0; display:inline-block; padding:6px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position:absolute; top:0; right:0; }

.form_link .form { width:calc(100% + 90px); transform:translateX(-45px); -webkit-transform:translateX(-45px); box-sizing:border-box; font-family:'Helvetica Now Text Light'; }
.form_link .form > section { width:200%; display:flex; transition:0.3s transform; }
.form_link .form > section > article { width:50%; box-sizing:border-box; }
.form_link .form > section > article > div { width:calc(100% - 90px); margin-left:auto; margin-right:auto; }
.form_link .form fieldset:not(:first-child) { margin-top:18px; }
.form_link .form label + fieldset { margin-top:20px !important; }
.form_link .form fieldset p:last-child { margin-top:-4px; color:#666; }
.form_link .next { display:block; margin-top:48px; height:22px; margin-bottom:36px; }
.form_link .next:after { display:none; }
.form_link .next span { display:block; width:45px; height:21px; position:absolute; top:0; right:2px; }
.form_link .next span:before, .form_link .next span:after { content:''; display:block; position:absolute; }
.form_link .next span:before { width:100%; height:2px; background:#000; position:absolute; top:6px; right:0; }
.form_link .next span:after { border:solid #000; border-width:0 2px 2px 0; display:inline-block; padding:6px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); position:absolute; top:0; right:0; }
.form_link .prev { display:block; margin-top:56px; height:22px; margin-bottom:36px; }
.form_link .prev:after { display:none; }
.form_link .prev span { display:block; width:45px; height:21px; position:absolute; top:0; right:0; }
.form_link .prev span:before, .form_link .prev span:after { content:''; display:block; position:absolute; }
.form_link .prev span:before { width:100%; height:2px; background:#000; position:absolute; top:6px; right:0; }
.form_link .prev span:after { border:solid #000; border-width:0 2px 2px 0; display:inline-block; padding:6px; transform:rotate(135deg); -webkit-transform:rotate(135deg); position:absolute; top:0; left:0; }
.form_link .read_and_agree { margin-top:7px; }

.form_link .fileinput-button { display:block; width:100%; box-sizing:border-box; position:relative; }
.form_link .fileinput-button > span { display:block; border-bottom:2px solid #000; margin-bottom:7px; }
.form_link .fileinput-button span > span { display:block; width:10px; height:10px; position:absolute; top:5px; right:0; }
.form_link .fileinput-button span > span:before, .form_link .fileinput-button span > span:after { content:""; display:block; position:absolute; background:#000; }
.form_link .fileinput-button span > span:before { width:100%; height:2px; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.form_link .fileinput-button span > span:after { width:2px; height:100%; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); }

.form_link .template-upload { margin-top:9px; position:relative; background:#ABC5B2; }
.form_link .template-upload + .template-upload { margin-top:0; }
.form_link .template-upload .name { text-transform:uppercase; box-sizing:border-box; display:inline-block; }
.form_link .template-upload .btn.start { position:fixed; top:-1000px; opacity:0; }
.form_link .template-upload .btn.cancel { position:absolute; width:10px; height:10px; border:0; top:5px; right:0; cursor:pointer; }
.form_link .template-upload .btn.cancel > span { display:block; width:100%; height:100%; position:absolute; top:0; left:0; transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.form_link .template-upload .btn.cancel > span:before, .form_link .template-upload .btn.cancel > span:after { content:""; display:block; position:absolute; background:#000; }
.form_link .template-upload .btn.cancel > span:before { width:100%; height:2px; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.form_link .template-upload .btn.cancel > span:after { width:2px; height:100%; left:50%; top:0; transform:translateX(-50%); -webkit-transform:translateX(-50%); }

.form_link .template-upload .error, .form_link .template-upload .size { color:#C50000; margin-top:4px; }
.form_link .template-upload .error:not(:empty) + p.size { display:none; }
.form_link .template-upload .size { color:#666; display:inline-block; }

#d_outflow, .placeholder { display:none; }
.mhide-xs { display:none; }

label { display:block; }
label.grey { color:#666; }

.checkbox { width:auto; box-sizing:border-box; display:inline-block; position:relative; padding-left:47px; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.checkbox span.centralise { display:table; min-height:24px; }
.checkbox span.centralise > span { display:table-cell; vertical-align:middle; }
.checkbox input { position:absolute; opacity:0; cursor:pointer; height:0; width:0; }
.checkbox span.box { position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); left:0; height:24px; width:24px; border:2px solid #000; box-sizing:border-box; }
.checkbox input:checked ~ span.box { background:#000; }

input[type="text"], textarea { background:none; border:none; border-bottom:2px solid #000; outline:0; width:100%; box-sizing:border-box; border-radius:0; -webkit-appearance:none; }
textarea { height:102px; overflow:hidden; }

::placeholder { color:#000; opacity:1; }
:-ms-input-placeholder { color:#000; }
::-ms-input-placeholder { color:#000; }

a.btn { text-decoration:none; display:block; width:100%; height:40px; font-size:1.125rem; line-height:40px; text-align:center; background:#000; color:#ABC5B2; font-family:'Helvetica Now Text Light'; letter-spacing:-0.083em; margin-top:45px; }

label.error { color:#C50000; }
label.error a:after { background:#C50000; }

footer ul { display:flex; position:relative; padding-bottom:19px; font-family:'Helvetica Now Text Light'; }
footer li { margin-right:19px; }
footer li:last-child { margin-right:0; position:absolute; top:0; right:0; text-align:right; }

#thank_you { position:fixed; width:100%; height:100%; top:0; left:0; background:#ABC5B2; box-sizing:border-box; padding-top:96px; }

.btn_close { display:block; width:75px; height:75px; text-decoration:none; position:absolute; right:0; bottom:20px; }
.btn_close:after { display:none; }
.btn_close span { display:block; width:40px; height:40px; position:relative; }
.btn_close span:before, .btn_close span:after { content:""; display:block; width:100%; height:1px; background:#000; position:absolute; top:14px; left:-5px; }
.btn_close span:before { transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.btn_close span:after { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }

.btn_close_privacy { display:block; width:70px; height:70px; text-decoration:none; position:absolute; left:45px; top:20px; }
.btn_close_privacy:after { display:none; }
.btn_close_privacy span { display:block; width:40px; height:40px; position:relative; }
.btn_close_privacy span:before, .btn_close_privacy span:after { content:""; display:block; width:100%; height:1px; background:#000; position:absolute; top:14px; left:-5px; }
.btn_close_privacy span:before { transform:rotate(45deg); -webkit-transform:rotate(45deg); }
.btn_close_privacy span:after { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }

.privacy { font-size:0.813rem; position:relative; z-index:1000; background:#EBE8E4; box-sizing:border-box; padding-left:45px; padding-right:45px; box-sizing:border-box; padding-top:88px; padding-bottom:69px; font-family:'Helvetica Now Text Light'; }
.privacy .close_tab { position:fixed; top:0; left:0; z-index:100000; width:100%; height:70px; background:#EBE8E4; }
.privacy .h3 { margin-bottom:40px; font-size:1.125rem; font-family:'Helvetica Now Display Light'; }
.privacy p { margin-top:16px; }
.privacy strong { font-family:'Helvetica Now Text Bold'; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 375px) {
    .mhide-xs { display:inline-block; }
}

@media only screen and (min-width: 400px) {
    .h2 { font-size:3.85vh; line-height:1.160em; }
}

@media only screen and (min-width: 668px) {
    .t_padding { box-sizing:border-box; padding-left:33.33%; }

    .t_gutter1 { padding-left:60px; padding-right:50px; }
    .t_gutter2 { padding-left:0; padding-right:50px; }
    .t_max_width { max-width:500px; }
    .t_max_width br { display:none; }

    .t_spacer-40 { padding-top:36px; }
    .t_spacer-45 { padding-top:37px; }
    .t_spacer-60 { padding-top:51px; }
    .t_spacer-80 { padding-top:71px; }
    .t_spacer-100 { padding-top:96px; }
    .t_spacer-140 { padding-top:136px; }

    .t_blocker { position:relative; }
    .t_blocker:after { content:""; display:block; width:calc(33.33% + 60px); height:100%; position:fixed; top:0; left:0; position:absolute; background:#ABC5B2; }

    .h1, .h2 { font-size:1.875rem; line-height:1.200em; }

    .forms > article { width:calc(50% - 120px); }

    .form_link .form label + fieldset { margin-top:35px !important; }
    .form_link .form fieldset:not(:first-child) { margin-top:24px; }
    .form_link .next { margin-top:45px; }
    .form_link .prev { margin:-26px 0 0; width:45px; }
    .form_link .prev span { left:2px; right:auto; }
    .form_link .btn.send { margin-top:35px; width:calc(100% - 100px); margin-left:100px; }

    #thank_you { padding-top:116px; }
    .btn_close { position:static; width:40px; height:40px; margin-top:40px; }

    .btn_close_privacy { left:calc(33.33% + 60px); }

    .privacy { padding-top:68px; }
    .privacy .h3 { margin-bottom:15px; font-size:1.875rem; }
}

@media only screen and (min-width: 988px) and (orientation: landscape) {
    .t_padding { padding-left:0; }
    .d_padding { padding-right:53.50%; }

    .t_gutter1 { padding-left:70px; padding-right:50px; }
    .t_gutter2 { padding-left:0; padding-right:0; }

    ul.h2 { font-size:2.813rem; letter-spacing:-2px; }

    #d_outflow { display:block; position:fixed; top:0; right:0; z-index:2; width:53.50%; max-width:710px; height:0; padding:0; padding-bottom:calc(111% + 25px); }
    #d_outflow.bkg-B86749:after { background:#B86749; }
    #d_outflow.bkg-ABC5B2:after { background:#ABC5B2; }
    #d_outflow:after { content:""; display:block; width:53.50%; max-width:750px; height:100%; background:#B86749; position:fixed; top:0; right:0; z-index:-1; transition:0.3s background; }
    #d_outflow > div { position:absolute; top:20px; left:0; width:100%; height:100%; box-sizing:border-box; padding-right:30px; }
    #d_outflow > div img { position:relative; }

    .d_max_width { max-width:510px; }

    .d_hide { display:none; }

    .d_spacer-0 { padding-top:0; }
    .d_spacer-50 { padding-top:41px; }

    .t_blocker:after { display:none; }

    .placeholder { display:block; width:100%; max-width:600px; height:0; padding-bottom:calc(112.5% + 25px); }
    .placeholder + div { position:absolute; top:184px; left:0; }

    .forms > article { width:calc(50% - 140px); }

    .form_link .form label + fieldset { margin-top:35px !important; }
    .form_link .form fieldset label { padding-top:2px; }
    .form_link .form fieldset:not(:first-child) { margin-top:28px; }
    .form_link .form .cols fieldset:not(:first-child) { margin-top:14px !important; }
    .form_link .form .cols fieldset label { padding-top:0; padding-right:24px; }
    .form_link .form > section > article > div.cols { width:calc(100% - 45px); margin-left:45px; margin-right:0; }
    .form_links a span { bottom:6px; }
    .form_links li:not(:first-child) { margin-top:37px; }
    .form_link .next { width:45px; left:2px; right:auto; }

    footer { margin-top:-41px; }
    footer li { text-align:left; }
    footer li:last-child { margin-right:0; position:static; }

    .cols { display:flex; flex-wrap:wrap; }
    .cols > label { width:100%; }
    .cols fieldset { width:50%; }
    .cols fieldset:nth-child(2) { order:0; }
    .cols fieldset:nth-child(3) { order:2; }
    .cols fieldset:nth-child(4) { order:4; }
    .cols fieldset:nth-child(5) { order:6; }
    .cols fieldset:nth-child(6) { order:8; }
    .cols fieldset:nth-child(7) { order:1; margin-top:35px !important; }
    .cols fieldset:nth-child(8) { order:3; }
    .cols fieldset:nth-child(9) { order:5; }
    .cols fieldset:nth-child(10) { order:7; }

    .checkbox span.box { top:0; transform:translateY(0); -webkit-transform:translateY(0); }
    .checkbox span.centralise { display:block; min-height:24px; }
    .checkbox span.centralise > span { display:block; vertical-align:top; }

    #thank_you { padding-top:190px; }

    .privacy { z-index:1; }
    .privacy.hidden + #d_outflow:after { display:block; }
    .privacy + #d_outflow:after { display:none; }
    .privacy + #d_outflow { background:none; }
    .btn_close_privacy { left:70px; }

    .forms { padding-bottom:79px; }
}

@media only screen and (min-width: 1000px) and (min-height: 1000px) {
    .h1, .h2 { font-size:2.188rem; line-height:1.200em; }

    .d_max_width { max-width:580px; }
    .d_cap_width { max-width:520px; }
}

@media only screen and (min-width: 1310px) and (orientation: landscape) {
    /*main { max-width:1310px; margin:0 auto; position:relative; }*/

    .placeholder { height:710px; padding-bottom:0; }

    main > section > article { min-height:758px; }
    footer li { margin-right:35px; }

    /*#d_outflow { left:46.50%; right:0; }*/
}

@media only screen and (min-width: 1235px) and (orientation: landscape) {
    #d_outflow:after { max-width:100%; }

    .cols fieldset:nth-child(5), .cols fieldset:nth-child(10) { margin-top:30px !important; }
}

@media only screen and (min-width: 1430px) and (orientation: landscape) {
    #d_outflow:after { max-width:100%; }
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}