@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;700&display=swap');
@import url('../font/icons/style.css');

:root {
    --text-color: #043E68;
    --text-contrast-color: #b8cbd9;
    --primary-color: #81CCA8;
    --white-color: #FFFFFF;
    --grey-color: #979797;
}

:root {
    --doc-width: calc(100vw - calc(var(--gap) * 2));
    --win-height: 100vh;
    --gap: 30px;
}

@media only screen and (min-width: 1230px) {
    :root {
        --doc-width: 1230px;
    }
}

*, *::before, *::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smooth: antialiased;
}

html, body {
    color: var(--text-color);
    margin: 0;
    padding: 0;

    /*
    background-image: url('https://assets.v7-io.invisionapp.com/assets/A_MGFjZjlkZDY2YjhlM2JmOSv7i2sh12OYo7MR81mzpKtNGTM-Pyk0-th9YdVjMZdfVgBXRl4vW60uzePR14QDcT7tCJ3FqLUrwpoJKrfY7Hecp0LQmCnC0X-pXRgk5xzy');
    background-size: 1440px auto;
    background-repeat: no-repeat;
    background-position: top center;
    */

    /*
    background-image: url('https://assets.v7-io.invisionapp.com/assets/A_MGFjZjlkZDY2YjhlM2JmOfyd53nBCTq7TKt6stVdHzrldFjf1V8_YdUPY9rxm9oLYUK2Vl3os5odTtGkV_LaWFwrjbgGpp5J5S3DWPLDqNLbjyrVf533bChIqh7vlANz');
    background-size: 360px auto;
    background-repeat: no-repeat;
    background-position: top center;
    */

    /*
    background-image: url('https://assets.v7-io.invisionapp.com/assets/A_MGFjZjlkZDY2YjhlM2JmOWlPDnXiomnHUtb_vcvuilJYLnqbWI_1oNP_ZnO7mU8807ztTYVlkFtHhcARWOryM44EJUmc0z6EfVezU6ulcVXueS0SwLe-QRDn860E_MG6');
    background-size: 1440px auto;
    background-repeat: no-repeat;
    background-position: top center;
    */

}

body, input, select, textarea, button {
    font-family: 'Outfit', sans-serif;
    font-weight: 300;
    color: inherit;
}

p {
    margin: 0;
}

p:not(:last-child){
    margin-bottom: 1.5em;
}

.inner {
    width: calc(100% - 30px);
    max-width: 1230px;
    margin: 0 auto;
}

.cols {
    display: flex;
}

.cols.wrap {
    flex-wrap: wrap;
    width: calc(100% + var(--gap));
}

.col:first-of-type:last-of-type {
    margin: 0 auto;
}

.col {
    position: relative;
}

.col:not(:last-of-type){
    margin-right: var(--gap);
}

.col-1 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12); }
.col-2 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 2 + var(--gap)); }
.col-3 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 3 + (var(--gap) * 2)); }
.col-4 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 4 + (var(--gap) * 3)); }
.col-5 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 5 + (var(--gap) * 4)); }
.col-6 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 6 + (var(--gap) * 5)); }
.col-7 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 7 + (var(--gap) * 6)); }
.col-8 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 8 + (var(--gap) * 7)); }
.col-9 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 9 + (var(--gap) * 8)); }
.col-10 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 10 + (var(--gap) * 9)); }
.col-11 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 11 + (var(--gap) * 10)); }
.col-12 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 12 + (var(--gap) * 11)); }

@media only screen and (max-width: 1200px) {
    .col-0-0 { display: none; }
    .col-0-1 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12); }
    .col-0-2 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 2 + var(--gap)); }
    .col-0-3 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 3 + (var(--gap) * 2)); }
    .col-0-4 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 4 + (var(--gap) * 3)); }
    .col-0-5 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 5 + (var(--gap) * 4)); }
    .col-0-6 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 6 + (var(--gap) * 5)); }
    .col-0-7 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 7 + (var(--gap) * 6)); }
    .col-0-8 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 8 + (var(--gap) * 7)); }
    .col-0-9 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 9 + (var(--gap) * 8)); }
    .col-0-10 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 10 + (var(--gap) * 9)); }
    .col-0-11 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 11 + (var(--gap) * 10)); }
    .col-0-12 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 12 + (var(--gap) * 11)); margin-left: 0!important; margin-right: 0!important; }
}

@media only screen and (max-width: 1000px) {
    .col-1-0 { display: none; }
    .col-1-1 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12); }
    .col-1-2 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 2 + var(--gap)); }
    .col-1-3 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 3 + (var(--gap) * 2)); }
    .col-1-4 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 4 + (var(--gap) * 3)); }
    .col-1-5 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 5 + (var(--gap) * 4)); }
    .col-1-6 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 6 + (var(--gap) * 5)); }
    .col-1-7 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 7 + (var(--gap) * 6)); }
    .col-1-8 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 8 + (var(--gap) * 7)); }
    .col-1-9 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 9 + (var(--gap) * 8)); }
    .col-1-10 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 10 + (var(--gap) * 9)); }
    .col-1-11 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 11 + (var(--gap) * 10)); }
    .col-1-12 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 12 + (var(--gap) * 11)); margin-left: 0!important; margin-right: 0!important; }
}

@media only screen and (max-width: 800px) {
    :root {
        --gap: 24px;
    }
    .col-2-0 { display: none; }
    .col-2-1 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12); }
    .col-2-2 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 2 + var(--gap)); }
    .col-2-3 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 3 + (var(--gap) * 2)); }
    .col-2-4 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 4 + (var(--gap) * 3)); }
    .col-2-5 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 5 + (var(--gap) * 4)); }
    .col-2-6 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 6 + (var(--gap) * 5)); }
    .col-2-7 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 7 + (var(--gap) * 6)); }
    .col-2-8 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 8 + (var(--gap) * 7)); }
    .col-2-9 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 9 + (var(--gap) * 8)); }
    .col-2-10 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 10 + (var(--gap) * 9)); }
    .col-2-11 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 11 + (var(--gap) * 10)); }
    .col-2-12 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 12 + (var(--gap) * 11)); margin-left: 0!important; margin-right: 0!important; }
}

@media only screen and (max-width: 600px) {
    :root {
        --gap: 20px;
    }
    .col-3-0 { display: none; }
    .col-3-1 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12); }
    .col-3-2 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 2 + var(--gap)); }
    .col-3-3 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 3 + (var(--gap) * 2)); }
    .col-3-4 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 4 + (var(--gap) * 3)); }
    .col-3-5 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 5 + (var(--gap) * 4)); }
    .col-3-6 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 6 + (var(--gap) * 5)); }
    .col-3-7 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 7 + (var(--gap) * 6)); }
    .col-3-8 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 8 + (var(--gap) * 7)); }
    .col-3-9 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 9 + (var(--gap) * 8)); }
    .col-3-10 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 10 + (var(--gap) * 9)); }
    .col-3-11 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 11 + (var(--gap) * 10)); }
    .col-3-12 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 12 + (var(--gap) * 11)); margin-right: 0!important; }
}

@media only screen and (max-width: 400px) {
    :root {
        --gap: 16px;
    }
    .col-4-0 { display: none; }
    .col-4-1 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12); }
    .col-4-2 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 2 + var(--gap)); }
    .col-4-3 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 3 + (var(--gap) * 2)); }
    .col-4-4 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 4 + (var(--gap) * 3)); }
    .col-4-5 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 5 + (var(--gap) * 4)); }
    .col-4-6 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 6 + (var(--gap) * 5)); }
    .col-4-7 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 7 + (var(--gap) * 6)); }
    .col-4-8 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 8 + (var(--gap) * 7)); }
    .col-4-9 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 9 + (var(--gap) * 8)); }
    .col-4-10 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 10 + (var(--gap) * 9)); }
    .col-4-11 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 11 + (var(--gap) * 10)); }
    .col-4-12 { width: calc((var(--doc-width) - (var(--gap) * 11)) / 12 * 12 + (var(--gap) * 11)); margin-right: 0!important; }
}