@import url("fontawesome-all.min.css");
@import url("https://fonts.googleapis.com/css?family=Lato:300,400,900");
 
/*
    Twenty by HTML5 UP
    html5up.net | @ajlkn
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/
 
html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
body {
    line-height: 1;
}
 
ol, ul {
    list-style: none;
}
 
blockquote, q {
    quotes: none;
}
 
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
body {
   -webkit-text-size-adjust: none;
}
 
mark {
    background-color: transparent;
    color: inherit;
}
 
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
 
input, select, textarea {
    -moz-appearance: none;
   -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
}
 
/* Basic */
 
    html {
        box-sizing: border-box;
    }
 
    *, *:before, *:after {
        box-sizing: inherit;
    }
 
    body {
        background: #f3f6fa;
    }
 
       body.is-preload *,
       body.is-preload *:before, body.is-preload *:after {
           -moz-animation: none !important;
           -webkit-animation: none !important;
           -ms-animation: none !important;
            animation: none !important;
           -moz-transition: none !important;
           -webkit-transition: none !important;
           -ms-transition: none !important;
           transition: none !important;
        }
 
    body, input, select, textarea {
        color: #7c8081;
        font-family: 'Lato', sans-serif;
        font-size: 15pt;
        font-weight: 300;
       letter-spacing: 0.025em;
        line-height: 1.75em;
    }
 
    a {
       -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
       -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
       -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        color: #3fb1a3;
       text-decoration: none;
        border-bottom: dotted 1px;
    }
 
        a:hover {
           border-bottom-color: transparent;
        }
 
    strong, b {
        font-weight: 400;
    }
 
    p, ul, ol, dl, table, blockquote {
        margin: 0 0 2em 0;
    }
 
    h1, h2, h3, h4, h5, h6 {
        color: inherit;
        font-weight: 300;
        line-height: 1.75em;
        margin-bottom: 1em;
       text-transform: uppercase;
    }
 
        h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
            color: inherit;
           text-decoration: none;
            border: 0;
        }
 
    h2 {
        font-size: 1.5em;
       letter-spacing: 0.1em;
    }
 
    h3 {
        font-size: 1.15em;
       letter-spacing: 0.025em;
    }
 
    sub {
        font-size: 0.8em;
        position: relative;
        top: 0.5em;
    }
 
    sup {
        font-size: 0.8em;
        position: relative;
        top: -0.5em;
    }
 
    hr {
        border-top: solid 1px rgba(124, 128, 129, 0.2);
        border: 0;
        margin-bottom: 1.5em;
    }
 
    blockquote {
        border-left: solid 0.5em rgba(124, 128, 129, 0.2);
        font-style: italic;
        padding: 1em 0 1em 2em;
    }
 
/* Container */
 
    .container {
        margin: 0 auto;
        max-width: 100%;
        width: 1400px;
    }
 
       .container.medium {
            width: 1050px;
        }
 
        @media screen and (max-width: 1680px) {
            .container {
                width: 1200px;
            }
               .container.medium {
                   width: 900px;
                }
        }
 
        @media screen and (max-width: 1280px) {
            .container {
                width: 960px;
            }
               .container.medium {
                   width: 735px;
                }
        }
 
        @media screen and (max-width: 980px) {
            .container {
                width: 95%;
            }
               .container.medium {
                   width: 71.25%;
                }
        }
 
        @media screen and (max-width: 840px) {
            .container {
                width: 95%;
            }
               .container.medium {
                   width: 95%;
                }
        }
 
        @media screen and (max-width: 736px) {
            .container {
                width: 100%;
            }
               .container.medium {
                   width: 100%;
                }
        }
 
/* Row */
 
    .row {
        display: flex;
        flex-wrap: wrap;
        box-sizing: border-box;
        align-items: stretch;
    }
 
        .row > * {
           box-sizing: border-box;
        }
 
       .row.gtr-uniform > * > :last-child {
           margin-bottom: 0;
        }
 
        .row.aln-left {
           justify-content: flex-start;
        }
 
       .row.aln-center {
           justify-content: center;
        }
 
        .row.aln-right {
           justify-content: flex-end;
        }
 
        .row.aln-top {
           align-items: flex-start;
        }
 
       .row.aln-middle {
           align-items: center;
        }
 
       .row.aln-bottom {
           align-items: flex-end;
        }
 
        .row > .imp {
            order: -1;
        }
 
        .row > .col-1 {
            width: 8.33333%;
        }
 
        .row > .off-1 {
           margin-left: 8.33333%;
        }
 
        .row > .col-2 {
            width: 16.66667%;
        }
 
        .row > .off-2 {
           margin-left: 16.66667%;
        }
 
        .row > .col-3 {
            width: 25%;
        }
 
        .row > .off-3 {
           margin-left: 25%;
        }
 
        .row > .col-4 {
            width: 33.33333%;
        }
 
        .row > .off-4 {
           margin-left: 33.33333%;
        }
 
        .row > .col-5 {
            width: 41.66667%;
        }
 
        .row > .off-5 {
           margin-left: 41.66667%;
        }
 
        .row > .col-6 {
            width: 50%;
        }
 
        .row > .off-6 {
           margin-left: 50%;
        }
 
        .row > .col-7 {
            width: 58.33333%;
        }
 
        .row > .off-7 {
           margin-left: 58.33333%;
        }
 
        .row > .col-8 {
            width: 66.66667%;
        }
 
        .row > .off-8 {
           margin-left: 66.66667%;
        }
 
        .row > .col-9 {
            width: 75%;
        }
 
        .row > .off-9 {
           margin-left: 75%;
        }
 
        .row > .col-10 {
            width: 83.33333%;
        }
 
        .row > .off-10 {
           margin-left: 83.33333%;
        }
 
        .row > .col-11 {
            width: 91.66667%;
        }
 
        .row > .off-11 {
           margin-left: 91.66667%;
        }
 
        .row > .col-12 {
            width: 100%;
        }
 
        .row > .off-12 {
           margin-left: 100%;
        }
 
        .row.gtr-0 {
           margin-top: 0px;
           margin-left: 0px;
        }
 
            .row.gtr-0 > * {
               padding: 0px 0 0 0px;
            }
 
           .row.gtr-0.gtr-uniform {
               margin-top: 0px;
            }
 
               .row.gtr-0.gtr-uniform > * {
                   padding-top: 0px;
                }
 
        .row.gtr-25 {
           margin-top: -12.5px;
           margin-left: -12.5px;
        }
 
           .row.gtr-25 > * {
               padding: 12.5px 0 0 12.5px;
            }
 
           .row.gtr-25.gtr-uniform {
               margin-top: -12.5px;
            }
 
               .row.gtr-25.gtr-uniform > * {
                   padding-top: 12.5px;
                }
 
        .row.gtr-50 {
           margin-top: -25px;
           margin-left: -25px;
        }
 
           .row.gtr-50 > * {
               padding: 25px 0 0 25px;
            }
 
           .row.gtr-50.gtr-uniform {
               margin-top: -25px;
            }
 
               .row.gtr-50.gtr-uniform > * {
                   padding-top: 25px;
                }
 
        .row {
           margin-top: -50px;
           margin-left: -50px;
        }
 
            .row > * {
               padding: 50px 0 0 50px;
            }
 
           .row.gtr-uniform {
               margin-top: -50px;
            }
 
               .row.gtr-uniform > * {
                   padding-top: 50px;
                }
 
        .row.gtr-150 {
           margin-top: -75px;
           margin-left: -75px;
        }
 
           .row.gtr-150 > * {
               padding: 75px 0 0 75px;
            }
 
           .row.gtr-150.gtr-uniform {
               margin-top: -75px;
            }
 
               .row.gtr-150.gtr-uniform > * {
                   padding-top: 75px;
                }
 
        .row.gtr-200 {
           margin-top: -100px;
           margin-left: -100px;
        }
 
           .row.gtr-200 > * {
               padding: 100px 0 0 100px;
            }
 
           .row.gtr-200.gtr-uniform {
               margin-top: -100px;
            }
 
               .row.gtr-200.gtr-uniform > * {
                   padding-top: 100px;
                }
 
        @media screen and (max-width: 1680px) {
 
            .row {
               display: flex;
               flex-wrap: wrap;
               box-sizing: border-box;
               align-items: stretch;
            }
 
                .row > * {
                   box-sizing: border-box;
                }
 
               .row.gtr-uniform > * > :last-child {
                   margin-bottom: 0;
                }
 
               .row.aln-left {
                   justify-content: flex-start;
                }
 
               .row.aln-center {
                   justify-content: center;
                }
 
               .row.aln-right {
                   justify-content: flex-end;
                }
 
               .row.aln-top {
                   align-items: flex-start;
                }
 
               .row.aln-middle {
                   align-items: center;
                }
 
               .row.aln-bottom {
                   align-items: flex-end;
                }
 
                .row > .imp-wide {
                   order: -1;
                }
 
                .row > .col-1-wide {
                   width: 8.33333%;
                }
 
                .row > .off-1-wide {
                   margin-left: 8.33333%;
                }
 
                .row > .col-2-wide {
                   width: 16.66667%;
                }
 
                .row > .off-2-wide {
                   margin-left: 16.66667%;
                }
 
                .row > .col-3-wide {
                   width: 25%;
                }
 
                .row > .off-3-wide {
                   margin-left: 25%;
                }
 
                .row > .col-4-wide {
                   width: 33.33333%;
                }
 
                .row > .off-4-wide {
                   margin-left: 33.33333%;
                }
 
                .row > .col-5-wide {
                   width: 41.66667%;
                }
 
                .row > .off-5-wide {
                   margin-left: 41.66667%;
                }
 
                .row > .col-6-wide {
                   width: 50%;
                }
 
                .row > .off-6-wide {
                   margin-left: 50%;
                }
 
                .row > .col-7-wide {
                   width: 58.33333%;
                }
 
                .row > .off-7-wide {
                   margin-left: 58.33333%;
                }
 
                .row > .col-8-wide {
                   width: 66.66667%;
                }
 
                .row > .off-8-wide {
                   margin-left: 66.66667%;
                }
 
                .row > .col-9-wide {
                   width: 75%;
                }
 
                .row > .off-9-wide {
                   margin-left: 75%;
                }
 
                .row > .col-10-wide {
                   width: 83.33333%;
                }
 
                .row > .off-10-wide {
                   margin-left: 83.33333%;
                }
 
                .row > .col-11-wide {
                   width: 91.66667%;
                }
 
                .row > .off-11-wide {
                   margin-left: 91.66667%;
                }
 
                .row > .col-12-wide {
                   width: 100%;
                }
 
                .row > .off-12-wide {
                   margin-left: 100%;
                }
 
               .row.gtr-0 {
                   margin-top: 0px;
                   margin-left: 0px;
                }
 
                   .row.gtr-0 > * {
                       padding: 0px 0 0 0px;
                    }
 
                   .row.gtr-0.gtr-uniform {
                       margin-top: 0px;
                    }
 
                       .row.gtr-0.gtr-uniform > * {
                           padding-top: 0px;
                       }
 
               .row.gtr-25 {
                   margin-top: -10px;
                   margin-left: -10px;
                }
 
                   .row.gtr-25 > * {
                       padding: 10px 0 0 10px;
                    }
 
                   .row.gtr-25.gtr-uniform {
                       margin-top: -10px;
                    }
 
                       .row.gtr-25.gtr-uniform > * {
                           padding-top: 10px;
                       }
 
               .row.gtr-50 {
                   margin-top: -20px;
                   margin-left: -20px;
                }
 
                   .row.gtr-50 > * {
                       padding: 20px 0 0 20px;
                    }
 
                   .row.gtr-50.gtr-uniform {
                       margin-top: -20px;
                    }
 
                       .row.gtr-50.gtr-uniform > * {
                           padding-top: 20px;
                       }
 
                .row {
                   margin-top: -40px;
                   margin-left: -40px;
                }
 
                   .row > * {
                       padding: 40px 0 0 40px;
                    }
 
                   .row.gtr-uniform {
                       margin-top: -40px;
                    }
 
                       .row.gtr-uniform > * {
                           padding-top: 40px;
                       }
 
               .row.gtr-150 {
                   margin-top: -60px;
                   margin-left: -60px;
                }
 
                   .row.gtr-150 > * {
                       padding: 60px 0 0 60px;
                    }
 
                   .row.gtr-150.gtr-uniform {
                       margin-top: -60px;
                    }
 
                       .row.gtr-150.gtr-uniform > * {
                           padding-top: 60px;
                       }
 
               .row.gtr-200 {
                   margin-top: -80px;
                   margin-left: -80px;
                }
 
                   .row.gtr-200 > * {
                       padding: 80px 0 0 80px;
                    }
 
                   .row.gtr-200.gtr-uniform {
                       margin-top: -80px;
                    }
 
                       .row.gtr-200.gtr-uniform > * {
                           padding-top: 80px;
                       }
 
        }
 
        @media screen and (max-width: 1280px) {
 
            .row {
               display: flex;
               flex-wrap: wrap;
               box-sizing: border-box;
               align-items: stretch;
            }
 
                .row > * {
                   box-sizing: border-box;
                }
 
               .row.gtr-uniform > * > :last-child {
                   margin-bottom: 0;
                }
 
               .row.aln-left {
                   justify-content: flex-start;
                }
 
               .row.aln-center {
                   justify-content: center;
                }
 
               .row.aln-right {
                   justify-content: flex-end;
                }
 
               .row.aln-top {
                   align-items: flex-start;
                }
 
               .row.aln-middle {
                   align-items: center;
                }
 
               .row.aln-bottom {
                   align-items: flex-end;
                }
 
                .row > .imp-normal {
                   order: -1;
                }
 
                .row > .col-1-normal {
                   width: 8.33333%;
                }
 
                .row > .off-1-normal {
                   margin-left: 8.33333%;
                }
 
                .row > .col-2-normal {
                   width: 16.66667%;
                }
 
                .row > .off-2-normal {
                   margin-left: 16.66667%;
                }
 
                .row > .col-3-normal {
                   width: 25%;
                }
 
                .row > .off-3-normal {
                   margin-left: 25%;
                }
 
                .row > .col-4-normal {
                   width: 33.33333%;
                }
 
                .row > .off-4-normal {
                   margin-left: 33.33333%;
                }
 
                .row > .col-5-normal {
                   width: 41.66667%;
                }
 
                .row > .off-5-normal {
                   margin-left: 41.66667%;
                }
 
                .row > .col-6-normal {
                   width: 50%;
                }
 
                .row > .off-6-normal {
                   margin-left: 50%;
                }
 
                .row > .col-7-normal {
                   width: 58.33333%;
                }
 
                .row > .off-7-normal {
                   margin-left: 58.33333%;
                }
 
                .row > .col-8-normal {
                   width: 66.66667%;
                }
 
                .row > .off-8-normal {
                   margin-left: 66.66667%;
                }
 
                .row > .col-9-normal {
                   width: 75%;
                }
 
                .row > .off-9-normal {
                   margin-left: 75%;
                }
 
                .row > .col-10-normal {
                   width: 83.33333%;
                }
 
                .row > .off-10-normal {
                   margin-left: 83.33333%;
                }
 
                .row > .col-11-normal {
                   width: 91.66667%;
                }
 
                .row > .off-11-normal {
                   margin-left: 91.66667%;
                }
 
                .row > .col-12-normal {
                   width: 100%;
                }
 
                .row > .off-12-normal {
                   margin-left: 100%;
                }
 
               .row.gtr-0 {
                   margin-top: 0px;
                   margin-left: 0px;
                }
 
                   .row.gtr-0 > * {
                       padding: 0px 0 0 0px;
                    }
 
                   .row.gtr-0.gtr-uniform {
                       margin-top: 0px;
                    }
 
                       .row.gtr-0.gtr-uniform > * {
                           padding-top: 0px;
                       }
 
               .row.gtr-25 {
                   margin-top: -10px;
                   margin-left: -10px;
                }
 
                   .row.gtr-25 > * {
                       padding: 10px 0 0 10px;
                    }
 
                   .row.gtr-25.gtr-uniform {
                       margin-top: -10px;
                    }
 
                       .row.gtr-25.gtr-uniform > * {
                           padding-top: 10px;
                       }
 
               .row.gtr-50 {
                   margin-top: -20px;
                   margin-left: -20px;
                }
 
                   .row.gtr-50 > * {
                       padding: 20px 0 0 20px;
                    }
 
                   .row.gtr-50.gtr-uniform {
                       margin-top: -20px;
                    }
 
                       .row.gtr-50.gtr-uniform > * {
                           padding-top: 20px;
                       }
 
                .row {
                   margin-top: -40px;
                   margin-left: -40px;
                }
 
                   .row > * {
                       padding: 40px 0 0 40px;
                    }
 
                   .row.gtr-uniform {
                       margin-top: -40px;
                    }
 
                       .row.gtr-uniform > * {
                           padding-top: 40px;
                       }
 
               .row.gtr-150 {
                   margin-top: -60px;
                   margin-left: -60px;
                }
 
                   .row.gtr-150 > * {
                       padding: 60px 0 0 60px;
                    }
 
                   .row.gtr-150.gtr-uniform {
                       margin-top: -60px;
                    }
 
                       .row.gtr-150.gtr-uniform > * {
                           padding-top: 60px;
                       }
 
               .row.gtr-200 {
                   margin-top: -80px;
                   margin-left: -80px;
                }
 
                   .row.gtr-200 > * {
                       padding: 80px 0 0 80px;
                    }
 
                   .row.gtr-200.gtr-uniform {
                       margin-top: -80px;
                    }
 
                       .row.gtr-200.gtr-uniform > * {
                           padding-top: 80px;
                       }
 
        }
 
        @media screen and (max-width: 980px) {
 
            .row {
               display: flex;
               flex-wrap: wrap;
               box-sizing: border-box;
               align-items: stretch;
            }
 
                .row > * {
                   box-sizing: border-box;
                }
 
               .row.gtr-uniform > * > :last-child {
                   margin-bottom: 0;
                }
 
               .row.aln-left {
                   justify-content: flex-start;
                }
 
               .row.aln-center {
                   justify-content: center;
                }
 
               .row.aln-right {
                   justify-content: flex-end;
                }
 
               .row.aln-top {
                   align-items: flex-start;
                }
 
               .row.aln-middle {
                   align-items: center;
                }
 
               .row.aln-bottom {
                   align-items: flex-end;
                }
 
                .row > .imp-narrow {
                   order: -1;
                }
 
                .row > .col-1-narrow {
                   width: 8.33333%;
                }
 
                .row > .off-1-narrow {
                   margin-left: 8.33333%;
                }
 
                .row > .col-2-narrow {
                   width: 16.66667%;
                }
 
                .row > .off-2-narrow {
                   margin-left: 16.66667%;
                }
 
                .row > .col-3-narrow {
                   width: 25%;
                }
 
                .row > .off-3-narrow {
                   margin-left: 25%;
                }
 
                .row > .col-4-narrow {
                   width: 33.33333%;
                }
 
                .row > .off-4-narrow {
                   margin-left: 33.33333%;
                }
 
                .row > .col-5-narrow {
                   width: 41.66667%;
                }
 
                .row > .off-5-narrow {
                   margin-left: 41.66667%;
                }
 
                .row > .col-6-narrow {
                   width: 50%;
                }
 
                .row > .off-6-narrow {
                   margin-left: 50%;
                }
 
                .row > .col-7-narrow {
                   width: 58.33333%;
                }
 
                .row > .off-7-narrow {
                   margin-left: 58.33333%;
                }
 
                .row > .col-8-narrow {
                   width: 66.66667%;
                }
 
                .row > .off-8-narrow {
                   margin-left: 66.66667%;
                }
 
                .row > .col-9-narrow {
                   width: 75%;
                }
 
                .row > .off-9-narrow {
                   margin-left: 75%;
                }
 
                .row > .col-10-narrow {
                   width: 83.33333%;
                }
 
                .row > .off-10-narrow {
                   margin-left: 83.33333%;
                }
 
                .row > .col-11-narrow {
                   width: 91.66667%;
                }
 
                .row > .off-11-narrow {
                   margin-left: 91.66667%;
                }
 
                .row > .col-12-narrow {
                   width: 100%;
                }
 
                .row > .off-12-narrow {
                   margin-left: 100%;
                }
 
               .row.gtr-0 {
                   margin-top: 0px;
                   margin-left: 0px;
                }
 
                   .row.gtr-0 > * {
                       padding: 0px 0 0 0px;
                    }
 
                   .row.gtr-0.gtr-uniform {
                       margin-top: 0px;
                    }
 
                       .row.gtr-0.gtr-uniform > * {
                           padding-top: 0px;
                       }
 
               .row.gtr-25 {
                   margin-top: -7.5px;
                   margin-left: -7.5px;
                }
 
                   .row.gtr-25 > * {
                       padding: 7.5px 0 0 7.5px;
                    }
 
                   .row.gtr-25.gtr-uniform {
                       margin-top: -7.5px;
                    }
 
                       .row.gtr-25.gtr-uniform > * {
                           padding-top: 7.5px;
                       }
 
               .row.gtr-50 {
                   margin-top: -15px;
                   margin-left: -15px;
                }
 
                   .row.gtr-50 > * {
                       padding: 15px 0 0 15px;
                    }
 
                   .row.gtr-50.gtr-uniform {
                       margin-top: -15px;
                    }
 
                       .row.gtr-50.gtr-uniform > * {
                           padding-top: 15px;
                       }
 
                .row {
                   margin-top: -30px;
                   margin-left: -30px;
                }
 
                   .row > * {
                       padding: 30px 0 0 30px;
                    }
 
                   .row.gtr-uniform {
                       margin-top: -30px;
                    }
 
                       .row.gtr-uniform > * {
                           padding-top: 30px;
                       }
 
               .row.gtr-150 {
                   margin-top: -45px;
                   margin-left: -45px;
                }
 
                   .row.gtr-150 > * {
                       padding: 45px 0 0 45px;
                    }
 
                   .row.gtr-150.gtr-uniform {
                       margin-top: -45px;
                    }
 
                       .row.gtr-150.gtr-uniform > * {
                           padding-top: 45px;
                       }
 
               .row.gtr-200 {
                   margin-top: -60px;
                   margin-left: -60px;
                }
 
                   .row.gtr-200 > * {
                       padding: 60px 0 0 60px;
                    }
 
                   .row.gtr-200.gtr-uniform {
                       margin-top: -60px;
                    }
 
                       .row.gtr-200.gtr-uniform > * {
                           padding-top: 60px;
                       }
 
        }
 
        @media screen and (max-width: 736px) {
 
            .row {
               display: flex;
               flex-wrap: wrap;
               box-sizing: border-box;
               align-items: stretch;
            }
 
                .row > * {
                   box-sizing: border-box;
                }
 
               .row.gtr-uniform > * > :last-child {
                   margin-bottom: 0;
                }
 
               .row.aln-left {
                   justify-content: flex-start;
                }
 
               .row.aln-center {
                   justify-content: center;
                }
 
               .row.aln-right {
                   justify-content: flex-end;
                }
 
               .row.aln-top {
                   align-items: flex-start;
                }
 
               .row.aln-middle {
                   align-items: center;
                }
 
               .row.aln-bottom {
                   align-items: flex-end;
                }
 
                .row > .imp-mobile {
                   order: -1;
                }
 
                .row > .col-1-mobile {
                   width: 8.33333%;
                }
 
                .row > .off-1-mobile {
                   margin-left: 8.33333%;
                }
 
                .row > .col-2-mobile {
                   width: 16.66667%;
                }
 
                .row > .off-2-mobile {
                   margin-left: 16.66667%;
                }
 
                .row > .col-3-mobile {
                   width: 25%;
                }
 
                .row > .off-3-mobile {
                   margin-left: 25%;
                }
 
                .row > .col-4-mobile {
                   width: 33.33333%;
                }
 
                .row > .off-4-mobile {
                   margin-left: 33.33333%;
                }
 
                .row > .col-5-mobile {
                   width: 41.66667%;
                }
 
                .row > .off-5-mobile {
                   margin-left: 41.66667%;
                }
 
                .row > .col-6-mobile {
                   width: 50%;
                }
 
                .row > .off-6-mobile {
                   margin-left: 50%;
                }
 
                .row > .col-7-mobile {
                   width: 58.33333%;
                }
 
                .row > .off-7-mobile {
                   margin-left: 58.33333%;
                }
 
                .row > .col-8-mobile {
                   width: 66.66667%;
                }
 
                .row > .off-8-mobile {
                   margin-left: 66.66667%;
                }
 
                .row > .col-9-mobile {
                   width: 75%;
                }
 
                .row > .off-9-mobile {
                   margin-left: 75%;
                }
 
                .row > .col-10-mobile {
                   width: 83.33333%;
                }
 
                .row > .off-10-mobile {
                   margin-left: 83.33333%;
                }
 
                .row > .col-11-mobile {
                   width: 91.66667%;
                }
 
                .row > .off-11-mobile {
                   margin-left: 91.66667%;
                }
 
                .row > .col-12-mobile {
                   width: 100%;
                }
 
                .row > .off-12-mobile {
                   margin-left: 100%;
                }
 
               .row.gtr-0 {
                   margin-top: 0px;
                   margin-left: 0px;
                }
 
                   .row.gtr-0 > * {
                       padding: 0px 0 0 0px;
                    }
 
                   .row.gtr-0.gtr-uniform {
                       margin-top: 0px;
                    }
 
                       .row.gtr-0.gtr-uniform > * {
                           padding-top: 0px;
                       }
 
               .row.gtr-25 {
                   margin-top: -7.5px;
                   margin-left: -7.5px;
                }
 
                   .row.gtr-25 > * {
                       padding: 7.5px 0 0 7.5px;
                    }
 
                   .row.gtr-25.gtr-uniform {
                       margin-top: -7.5px;
                    }
 
                       .row.gtr-25.gtr-uniform > * {
                           padding-top: 7.5px;
                       }
 
               .row.gtr-50 {
                   margin-top: -15px;
                   margin-left: -15px;
                }
 
                   .row.gtr-50 > * {
                       padding: 15px 0 0 15px;
                    }
 
                   .row.gtr-50.gtr-uniform {
                       margin-top: -15px;
                    }
 
                       .row.gtr-50.gtr-uniform > * {
                           padding-top: 15px;
                       }
 
                .row {
                   margin-top: -30px;
                   margin-left: -30px;
                }
 
                   .row > * {
                       padding: 30px 0 0 30px;
                    }
 
                   .row.gtr-uniform {
                       margin-top: -30px;
                    }
 
                       .row.gtr-uniform > * {
                           padding-top: 30px;
                       }
 
               .row.gtr-150 {
                   margin-top: -45px;
                   margin-left: -45px;
                }
 
                   .row.gtr-150 > * {
                       padding: 45px 0 0 45px;
                    }
 
                   .row.gtr-150.gtr-uniform {
                       margin-top: -45px;
                    }
 
                       .row.gtr-150.gtr-uniform > * {
                           padding-top: 45px;
                       }
 
               .row.gtr-200 {
                   margin-top: -60px;
                   margin-left: -60px;
                }
 
                   .row.gtr-200 > * {
                       padding: 60px 0 0 60px;
                    }
 
                   .row.gtr-200.gtr-uniform {
                       margin-top: -60px;
                    }
 
                       .row.gtr-200.gtr-uniform > * {
                           padding-top: 60px;
                       }
 
        }
 
/* Section/Article */
 
    section.special,
    article.special {
        text-align: center;
    }
 
    header.major {
       padding-bottom: 2em;
    }
 
    header.special {
        margin-bottom: 5em;
        padding-top: 7em;
        position: relative;
        text-align: center;
    }
 
       header.special:before,
       header.special:after {
           border-bottom: solid 1.5px;
           border-top: solid 1.5px;
            content: '';
            height: 7px;
            opacity: 0.1;
            position: absolute;
            top: 1.75em;
            width: 43%;
        }
 
       header.special:before {
            left: 0;
        }
 
       header.special:after {
            right: 0;
        }
 
        header.special h2 {
           margin-bottom: 0;
        }
 
        header.special h2 + p {
           margin-bottom: 0;
           padding-top: 1.5em;
        }
 
        header.special .icon {
            cursor: default;
            height: 7em;
            left: 0;
            position: absolute;
           text-align: center;
            top: 1em;
            width: 100%;
        }
 
           header.special .icon:before {
               font-size: 3.5em;
               opacity: 0.35;
            }
 
    footer > :last-child {
        margin-bottom: 0;
    }
 
    footer.major {
        padding-top: 3em;
    }
 
/* Form */
 
   input[type="text"],
   input[type="password"],
   input[type="email"],
    textarea {
       -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
       -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
       -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
        transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
       -moz-appearance: none;
       -webkit-appearance: none;
       -ms-appearance: none;
        appearance: none;
        background: none;
        border: solid 1px rgba(124, 128, 129, 0.2);
        border-radius: 0;
        color: inherit;
        display: block;
        padding: 0.75em;
       text-decoration: none;
        width: 100%;
        outline: 0;
    }
 
       input[type="text"]:focus,
       input[type="password"]:focus,
       input[type="email"]:focus,
        textarea:focus {
           border-color: #83d3c9;
        }
 
   input[type="text"],
   input[type="password"],
   input[type="email"] {
        line-height: 1em;
    }
 
   ::-webkit-input-placeholder {
        color: inherit;
        opacity: 0.5;
        position: relative;
        top: 3px;
    }
 
    :-moz-placeholder {
        color: inherit;
        opacity: 0.5;
    }
 
    ::-moz-placeholder {
        color: inherit;
        opacity: 0.5;
    }
 
   :-ms-input-placeholder {
        color: inherit;
        opacity: 0.5;
    }
 
/* Image */
 
    .image {
        border: 0;
        position: relative;
    }
 
        .image:before {
           background: url("images/overlay.png");
            content: '';
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%;
        }
 
        .image.fit {
            display: block;
        }
 
            .image.fit img {
               display: block;
                width: 100%;
            }
 
       .image.featured {
            display: block;
            margin: 0 0 2em 0;
        }
 
           .image.featured img {
               display: block;
                width: 100%;
            }
 
/* Icon */
 
    .icon {
       text-decoration: none;
        position: relative;
    }
 
        .icon:before {
           -moz-osx-font-smoothing: grayscale;
           -webkit-font-smoothing: antialiased;
            display: inline-block;
           font-style: normal;
           font-variant: normal;
           text-rendering: auto;
           line-height: 1;
           text-transform: none !important;
           font-family: 'Font Awesome 5 Free';
           font-weight: 400;
        }
 
       .icon.solid:before {
           font-weight: 900;
        }
 
        .icon:before {
           line-height: inherit;
        }
 
       .icon.brands:before {
           font-family: 'Font Awesome 5 Brands';
        }
 
        .icon.circle {
           -moz-transition: all 0.2s ease-in-out;
           -webkit-transition: all 0.2s ease-in-out;
           -ms-transition: all 0.2s ease-in-out;
           transition: all 0.2s ease-in-out;
            border: 0;
           border-radius: 100%;
            display: inline-block;
            font-size: 1.25em;
            height: 2.25em;
            left: 0;
           line-height: 2.25em;
           text-align: center;
           text-decoration: none;
            top: 0;
            width: 2.25em;
        }
 
           .icon.circle:hover {
                top: -0.2em;
            }
 
           .icon.circle.fa-twitter {
               background: #70aecd;
                color: #fff;
            }
 
               .icon.circle.fa-twitter:hover {
                   background: #7fb7d2;
                }
 
           .icon.circle.fa-facebook-f {
               background: #7490c3;
                color: #fff;
            }
 
               .icon.circle.fa-facebook-f:hover {
                   background: #829bc9;
                }
 
           .icon.circle.fa-google-plus-g {
               background: #db6b67;
                color: #fff;
            }
 
               .icon.circle.fa-google-plus-g:hover {
                   background: #df7b77;
                }
 
           .icon.circle.fa-github {
               background: #dcad8b;
                color: #fff;
            }
 
               .icon.circle.fa-github:hover {
                   background: #e1b89b;
                }
 
           .icon.circle.fa-dribbble {
               background: #da83ae;
                color: #fff;
            }
 
               .icon.circle.fa-dribbble:hover {
                   background: #df93b8;
                }
 
        .icon.featured {
            cursor: default;
            display: block;
            margin: 0 0 1.5em 0;
            opacity: 0.35;
           text-align: center;
        }
 
           .icon.featured:before {
               font-size: 5em;
               line-height: 1em;
            }
 
        .icon > .label {
            display: none;
        }
 
/* List */
 
    ol {
        list-style: decimal;
        padding-left: 1.25em;
    }
 
        ol li {
           padding-left: 0.25em;
        }
 
    ul {
        list-style: disc;
        padding-left: 1em;
    }
 
        ul li {
           padding-left: 0.5em;
        }
 
/* Icons */
 
    ul.icons {
        list-style: none;
        padding-left: 0;
        cursor: default;
    }
 
        ul.icons li {
            display: inline-block;
           line-height: 1em;
           padding-left: 0.5em;
        }
 
            ul.icons li:first-child {
               padding-left: 0;
            }
 
/* Featured Icons */
 
    ul.featured-icons {
        cursor: default;
        margin: -0.75em 0 0 0;
        opacity: 0.35;
        overflow: hidden;
        position: relative;
        list-style: none;
        padding-left: 0;
    }
 
       ul.featured-icons li {
            display: block;
            float: left;
           text-align: center;
            width: 50%;
           padding-left: 0;
           margin-bottom: 1em;
        }
 
           ul.featured-icons li .icon {
               display: inline-block;
               font-size: 5.5em;
               height: 1em;
               line-height: 1.5em;
                width: 1em;
            }
 
/* Buttons */
 
    ul.buttons {
        cursor: default;
        list-style: none;
        padding-left: 0;
    }
 
       ul.buttons:last-child {
           margin-bottom: 0;
        }
 
        ul.buttons li {
            display: inline-block;
            padding: 0 0 0 1.5em;
        }
 
            ul.buttons li:first-child {
               padding: 0;
            }
 
       ul.buttons.stacked li {
            display: block;
            padding: 1.5em 0 0 0;
        }
 
           ul.buttons.stacked li:first-child {
               padding: 0;
            }
 
/* Table */
 
    table {
        width: 100%;
    }
 
        table.default {
            width: 100%;
        }
 
           table.default tbody tr {
               border-bottom: solid 1px rgba(124, 128, 129, 0.2);
            }
 
           table.default td {
               padding: 0.5em 1em 0.5em 1em;
            }
 
           table.default th {
               font-weight: 400;
               padding: 0.5em 1em 0.5em 1em;
               text-align: left;
            }
 
           table.default thead {
               background: #7c8081;
                color: #fff;
            }
 
/* Button */
 
   input[type="button"],
   input[type="submit"],
   input[type="reset"],
    button,
    .button {
       -moz-appearance: none;
       -webkit-appearance: none;
       -ms-appearance: none;
        appearance: none;
       -moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
       -webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
       -ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out, background-color 0.2s ease-in-out;
        background: none;
        border: solid 1px;
        border-radius: 0;
        color: inherit;
        cursor: pointer;
        display: inline-block;
        font-size: 0.8em;
        font-weight: 900;
       letter-spacing: 2px;
        min-width: 18em;
        padding: 0 0.75em;
        line-height: 3.75em;
        text-align: center;
       text-decoration: none;
       text-transform: uppercase;
    }
 
       input[type="button"]:hover,
       input[type="submit"]:hover,
       input[type="reset"]:hover,
        button:hover,
        .button:hover {
           background: rgba(188, 202, 206, 0.15);
           border-color: inherit;
        }
 
       input[type="button"].primary,
       input[type="submit"].primary,
       input[type="reset"].primary,
       button.primary,
       .button.primary {
           background: #83d3c9;
           border-color: #83d3c9;
            color: #fff !important;
        }
 
           input[type="button"].primary:hover,
           input[type="submit"].primary:hover,
           input[type="reset"].primary:hover,
           button.primary:hover,
           .button.primary:hover {
               background: #96dad1 !important;
               border-color: #96dad1 !important;
            }
 
       input[type="button"].fit,
       input[type="submit"].fit,
       input[type="reset"].fit,
        button.fit,
        .button.fit {
            width: 100%;
        }
 
       input[type="button"].small,
       input[type="submit"].small,
       input[type="reset"].small,
        button.small,
        .button.small {
            font-size: 0.7em;
            min-width: 14em;
            padding: 0.5em 0;
        }
 
/* Wrapper */
 
    .wrapper {
        margin-bottom: 5em;
        padding: 5em;
    }
 
       .wrapper.style1 {
            padding: 0;
        }
 
       .wrapper.style2 {
           background-color: #83d3c9;
           background-image: url("images/light-bl.svg"), url("images/light-br.svg");
           background-position: bottom left, bottom right;
           background-repeat: no-repeat, no-repeat;
           background-size: 25em, 25em;
            color: #fff;
        }
 
           .wrapper.style2 input[type="button"]:hover,
           .wrapper.style2 input[type="submit"]:hover,
           .wrapper.style2 input[type="reset"]:hover,
           .wrapper.style2 button:hover,
           .wrapper.style2 .button:hover {
               background: rgba(255, 255, 255, 0.15) !important;
            }
 
           .wrapper.style2 input[type="button"].primary,
           .wrapper.style2 input[type="submit"].primary,
           .wrapper.style2 input[type="reset"].primary,
           .wrapper.style2 button.primary,
           .wrapper.style2 .button.primary {
               background: #fff;
               border-color: #fff;
                color: #83d3c9 !important;
            }
 
               .wrapper.style2 input[type="button"].primary:hover,
               .wrapper.style2 input[type="submit"].primary:hover,
               .wrapper.style2 input[type="reset"].primary:hover,
               .wrapper.style2 button.primary:hover,
               .wrapper.style2 .button.primary:hover {
                   border-color: inherit !important;
                   color: #fff !important;
                }
 
       .wrapper.style3 {
           background: #fff;
            color: inherit;
        }
 
       .wrapper.style4 {
           background: #fff;
            color: inherit;
            padding: 4em;
        }
 
/* Header */
 
    @-moz-keyframes reveal-header {
        0% { top: -5em; }
        100% { top: 0; }
    }
    @-webkit-keyframes reveal-header {
        0% { top: -5em; }
        100% { top: 0; }
    }
    @-ms-keyframes reveal-header {
        0% { top: -5em; }
        100% { top: 0; }
    }
    @keyframes reveal-header {
        0% { top: -5em; }
        100% { top: 0; }
    }
 
    #header {
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
        color: inherit;
        cursor: default;
        font-size: 0.8em;
        left: 0;
        padding: 1em 1.5em;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10000;
    }
 
        #header h1 {
           font-weight: 900;
            margin: 0;
        }
 
            #header h1 span {
               font-weight: 300;
            }
 
        #header nav {
           letter-spacing: 0.075em;
            position: absolute;
            right: 1.5em;
           text-transform: uppercase;
            top: 0.75em;
        }
 
            #header nav ul {
               list-style: none;
               padding-left: 0;
            }
 
               #header nav ul li {
                   display: inline-block;
                   margin-left: 1.5em;
                   padding-left: 0;
                }
 
               #header nav ul li > ul {
                   display: none;
                }
 
               #header nav ul li a {
                   border: solid 1px transparent;
                   color: inherit;
                   display: inline-block;
                   line-height: 1em;
                   padding: 0.6em 0.75em;
                   text-decoration: none;
                }
 
               #header nav ul li input[type="button"],
               #header nav ul li input[type="submit"],
               #header nav ul li input[type="reset"],
               #header nav ul li button,
               #header nav ul li .button {
                   font-size: 1em;
                   min-width: 0;
                   width: auto;
                }
 
               #header nav ul li.submenu > a {
                   text-decoration: none;
                }
 
               #header nav ul li.submenu > a:before {
                   -moz-osx-font-smoothing: grayscale;
                   -webkit-font-smoothing: antialiased;
                   display: inline-block;
                   font-style: normal;
                   font-variant: normal;
                   text-rendering: auto;
                   line-height: 1;
                   text-transform: none !important;
                   font-family: 'Font Awesome 5 Free';
                   font-weight: 900;
                }
 
               #header nav ul li.submenu > a:before {
                   content: '\f107';
                   margin-right: 0.65em;
                }
 
               #header nav ul li.active > a, #header nav ul li:hover > a {
                   -moz-transition: all 0.2s ease-in-out;
                   -webkit-transition: all 0.2s ease-in-out;
                   -ms-transition: all 0.2s ease-in-out;
                   transition: all 0.2s ease-in-out;
                   background: rgba(188, 202, 206, 0.15);
                }
 
               #header nav ul li.current > a {
                   font-weight: 900;
                }
 
        #header.reveal {
           -moz-animation: reveal-header 0.5s;
           -webkit-animation: reveal-header 0.5s;
           -ms-animation: reveal-header 0.5s;
            animation: reveal-header 0.5s;
        }
 
        #header.alt {
           -moz-animation: none;
           -webkit-animation: none;
           -ms-animation: none;
            animation: none;
           background: transparent;
           box-shadow: none;
            color: #fff;
            padding: 2em 2.5em;
            position: absolute;
        }
 
           #header.alt nav {
                right: 2.5em;
                top: 1.75em;
            }
 
               #header.alt nav ul li.active > a, #header.alt nav ul li:hover > a {
                   border: solid 1px;
                }
 
/* Dropotron */
 
    .dropotron {
        list-style: none;
        padding-left: 0;
        background: #fff;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.075);
        line-height: 2.25em;
        min-width: 13em;
        padding: 1em 0;
       text-transform: uppercase;
        margin-top: calc(-1em + 1px);
    }
 
       .dropotron.level-0 {
            font-size: 0.7em;
           font-weight: 400;
           margin-top: 1.5em;
        }
 
           .dropotron.level-0:before {
               border-bottom: solid 0.5em #fff;
               border-left: solid 0.5em transparent;
               border-right: solid 0.5em transparent;
               content: '';
                left: 0.75em;
               position: absolute;
                top: -0.45em;
            }
 
        .dropotron > li {
           border-top: solid 1px rgba(124, 128, 129, 0.2);
           padding-left: 0;
        }
 
            .dropotron > li > a {
               -moz-transition: none;
               -webkit-transition: none;
               -ms-transition: none;
               transition: none;
                color: inherit;
               text-decoration: none;
               padding: 0 1em;
               border: 0;
            }
 
            .dropotron > li:hover > a {
               background: #27ae60;
                color: #fff;
            }
 
            .dropotron > li:first-child {
               border-top: 0;
            }
 
/* Main */
 
    #main {
       background-image: url("images/dark-tl.svg"), url("images/dark-tr.svg"), url("images/dark-bl.svg"), url("images/dark-br.svg");
       background-position: top left, top right, bottom left, bottom right;
       background-repeat: no-repeat;
       background-size: 25em;
        padding: 7em 0;
    }
 
        #main > :last-child {
           margin-bottom: 0;
        }
 
        #main .sidebar section {
           border-top: solid 1px rgba(124, 128, 129, 0.2);
            margin: 3em 0 0 0;
            padding: 3em 0 0 0;
        }
 
            #main .sidebar section:first-child {
               border-top: 0;
               padding-top: 0;
               margin-top: 0;
            }
 
    body.index #main {
        padding-top: 5em;
    }
 
/* CTA */
 
    #cta {
       background-attachment: scroll, scroll, scroll, fixed;
       background-color: #645862;
       background-image: url("images/light-tl.svg"), url("images/light-tr.svg"), url("images/overlay.png"), url("../../images/banner.jpg");
       background-position: top left, top right, top left, bottom center;
       background-repeat: no-repeat, no-repeat, repeat, no-repeat;
       background-size: 25em, 25em, auto, cover;
        color: #fff;
        padding: 5em;
        text-align: center;
    }
 
        #cta header {
           margin-bottom: 2em;
        }
 
/* Footer */
 
    #footer {
        background: #E8EEF4;
        color: #7c8081;
        padding: 5em 5em 10em 5em;
        text-align: center;
    }
 
        #footer .copyright {
            font-size: 0.8em;
           line-height: 1em;
        }
 
            #footer .copyright a {
                color: inherit;
            }
 
            #footer .copyright li {
               display: inline-block;
               margin-left: 1em;
               padding-left: 1em;
               border-left: dotted 1px;
            }
 
               #footer .copyright li:first-child {
                   margin: 0;
                   padding: 0;
                   border: 0;
                }
 
/* Wide */
 
    @media screen and (max-width: 1680px) {
 
        /* Basic */
 
            body, input, select, textarea {
               font-size: 14pt;
            }
 
        /* Section/Article */
 
           header.special {
               padding-top: 5.5em;
               margin-bottom: 4em;
            }
 
    }
 
/* Normal */
 
    @media screen and (max-width: 1280px) {
 
        /* Basic */
 
            body, input, select, textarea {
               font-size: 13pt;
               letter-spacing: 0.025em;
               line-height: 1.65em;
            }
 
            h1, h2, h3, h4, h5, h6 {
               line-height: 1.5em;
            }
 
        /* Section/Article */
 
           header.major {
               padding-bottom: 1.5em;
            }
 
           footer.major {
               padding-top: 2em;
            }
 
        /* Wrapper */
 
            .wrapper {
               margin-bottom: 4em;
               padding: 4em 3em;
            }
 
               .wrapper.style4 {
                   padding: 3em;
                }
 
        /* Header */
 
            #header nav ul li {
               margin-left: 1em;
            }
 
        /* Banner */
 
            #banner {
               background-attachment: scroll;
            }
 
        /* CTA */
 
            #cta {
               padding: 4em;
               background-attachment: scroll;
            }
 
        /* Footer */
 
            #footer {
               padding: 4em;
            }
 
    }
 
/* Narrow */
 
    @media screen and (max-width: 980px) {
 
        /* Basic */
 
            body, input, select, textarea {
               font-size: 13pt;
               letter-spacing: 0.025em;
               line-height: 1.5em;
            }
 
        /* Section/Article */
 
            header br {
               display: none;
            }
 
           header.major {
               padding-bottom: 1em;
            }
 
           header.special {
               padding-left: 2.5em;
               padding-right: 2.5em;
            }
 
           footer.major {
               padding-top: 1.5em;
            }
 
        /* Wrapper */
 
            .wrapper {
               margin-bottom: 3em;
               padding: 3em 2.5em;
            }
 
               .wrapper.special br {
                   display: none;
                }
 
               .wrapper.style1 {
                   padding: 0 2.5em;
                }
 
               .wrapper.style2 {
                   background-size: 15em;
                }
 
               .wrapper.style4 {
                   padding: 2.5em;
                }
 
        /* Main */
 
            #main {
               background-size: 15em;
            }
 
        /* CTA */
 
            #cta {
               background-size: 15em, 15em, auto, cover;
               padding: 3em;
            }
 
    }
 
/* Narrower */
 
    #navPanel,
    #navButton {
        display: none;
    }
 
    @media screen and (max-width: 840px) {
 
        /* Basic */
 
            html, body {
               overflow-x: hidden;
            }
 
           header.major {
               padding-bottom: 0.25em;
            }
 
           header.special {
               margin-bottom: 4em;
               padding-top: 5em;
            }
 
               header.special:before, header.special:after {
                   width: 40%;
                }
 
               header.special h2 + p {
                   padding-top: 1.25em;
                }
 
        /* Section/Article */
 
            section {
               margin: 1em 0 1em 0;
            }
 
               section:first-child {
                   margin-top: 0;
                }
 
        /* Button */
 
           input[type="button"].small,
           input[type="submit"].small,
           input[type="reset"].small,
           button.small,
           .button.small {
               font-size: 0.8em;
               min-width: 18em;
               padding: 0.75em 0;
            }
 
        /* Featured Icons */
 
           ul.featured-icons {
               margin: 0;
            }
 
               ul.featured-icons li {
                   display: inline-block;
                   float: none;
                   width: auto;
                }
 
               ul.featured-icons li .icon {
                   font-size: 4em;
                   width: 1.25em;
                }
 
        /* Buttons */
 
            ul.buttons li {
               display: block;
               padding: 1em 0 0 0;
            }
 
        /* Header */
 
            #header {
               display: none;
            }
 
        /* Banner */
 
            #banner {
               padding: 6em 0;
            }
 
        /* Wrapper */
 
           .wrapper.special-alt {
               text-align: center;
            }
 
           .wrapper.style4 {
               padding-bottom: 3em;
            }
 
        /* Main */
 
            #main {
               padding: 5em 0;
            }
 
                #main .sidebar {
                   border-top: solid 1px rgba(124, 128, 129, 0.1);
                   padding-top: 3em;
                }
 
                #main .sidebar section {
                   border-top: 0;
                   padding-top: 0;
                }
 
            body.index #main {
               padding-top: 4.5em;
            }
 
        /* CTA */
 
            #cta {
               margin: 0;
            }
 
        /* Footer */
 
            #footer {
               padding: 4em 1.5em;
            }
 
        /* Nav */
 
           #page-wrapper {
               -moz-backface-visibility: hidden;
               -webkit-backface-visibility: hidden;
               -ms-backface-visibility: hidden;
               backface-visibility: hidden;
               -moz-transition: -moz-transform 0.5s ease;
               -webkit-transition: -webkit-transform 0.5s ease;
               -ms-transition: -ms-transform 0.5s ease;
               transition: transform 0.5s ease;
               padding-bottom: 1px;
            }
 
            #navButton {
               -moz-backface-visibility: hidden;
               -webkit-backface-visibility: hidden;
               -ms-backface-visibility: hidden;
               backface-visibility: hidden;
               -moz-transition: -moz-transform 0.5s ease;
               -webkit-transition: -webkit-transform 0.5s ease;
               -ms-transition: -ms-transform 0.5s ease;
               transition: transform 0.5s ease;
               display: block;
               height: 60px;
                left: 0;
               position: fixed;
                top: 0;
                width: 100%;
               z-index: 10001;
            }
 
               #navButton .toggle {
                   text-decoration: none;
                   height: 60px;
                   left: 0;
                   position: absolute;
                   text-align: center;
                   top: 0;
                   width: 100%;
                   border: 0;
                   outline: 0;
                }
 
               #navButton .toggle:before {
                   -moz-osx-font-smoothing: grayscale;
                   -webkit-font-smoothing: antialiased;
                   display: inline-block;
                   font-style: normal;
                   font-variant: normal;
                   text-rendering: auto;
                   line-height: 1;
                   text-transform: none !important;
                   font-family: 'Font Awesome 5 Free';
                   font-weight: 900;
                }
 
               #navButton .toggle:before {
                   color: #fff;
                   content: '\f0c9';
                   font-size: 1em;
                   height: 40px;
                   left: 10px;
                   line-height: 40px;
                   opacity: 0.5;
                   position: absolute;
                   top: 11px;
                   width: 60px;
                   z-index: 1;
                }
 
               #navButton .toggle:after {
                   background: rgba(163, 169, 170, 0.75);
                   border-radius: 2px;
                   content: '';
                   height: 40px;
                   left: 10px;
                   position: absolute;
                   top: 10px;
                   width: 60px;
                }
 
            #navPanel {
               -moz-backface-visibility: hidden;
               -webkit-backface-visibility: hidden;
               -ms-backface-visibility: hidden;
               backface-visibility: hidden;
               -moz-transform: translateX(-275px);
               -webkit-transform: translateX(-275px);
               -ms-transform: translateX(-275px);
               transform: translateX(-275px);
               -moz-transition: -moz-transform 0.5s ease;
               -webkit-transition: -webkit-transform 0.5s ease;
               -ms-transition: -ms-transform 0.5s ease;
               transition: transform 0.5s ease;
               display: block;
               height: 100%;
                left: 0;
               overflow-y: auto;
               position: fixed;
                top: 0;
                width: 275px;
               z-index: 10002;
               background: #1c2021;
                color: #fff;
               font-size: 0.8em;
               letter-spacing: 0.075em;
               text-transform: uppercase;
               padding: 0.25em 0.75em 1em 0.75em;
            }
 
               #navPanel .link {
                   border: 0;
                   border-top: solid 1px rgba(255, 255, 255, 0.05);
                   color: inherit;
                   display: block;
                   height: 3em;
                   line-height: 3em;
                   opacity: 0.75;
                   text-decoration: none;
                }
 
               #navPanel .link.depth-0 {
                   font-weight: 900;
                }
 
               #navPanel .link:first-child {
                   border-top: 0;
                }
 
               #navPanel .indent-1 {
                   display: inline-block;
                   width: 1em;
                }
 
               #navPanel .indent-2 {
                   display: inline-block;
                   width: 2em;
                }
 
               #navPanel .indent-3 {
                   display: inline-block;
                   width: 3em;
                }
 
               #navPanel .indent-4 {
                   display: inline-block;
                   width: 4em;
                }
 
               #navPanel .indent-5 {
                   display: inline-block;
                   width: 5em;
                }
 
           body.navPanel-visible #page-wrapper {
               -moz-transform: translateX(275px);
               -webkit-transform: translateX(275px);
               -ms-transform: translateX(275px);
               transform: translateX(275px);
            }
 
           body.navPanel-visible #navButton {
               -moz-transform: translateX(275px);
               -webkit-transform: translateX(275px);
               -ms-transform: translateX(275px);
               transform: translateX(275px);
            }
 
           body.navPanel-visible #navPanel {
               -moz-transform: translateX(0);
               -webkit-transform: translateX(0);
               -ms-transform: translateX(0);
               transform: translateX(0);
            }
 
    }
 
/* Mobile */
 
    @media screen and (max-width: 736px) {
 
        /* Basic */
 
            body {
               min-width: 320px;
            }
 
            h2 {
               font-size: 1.25em;
               letter-spacing: 0.1em;
            }
 
            h3 {
               font-size: 1em;
               letter-spacing: 0.025em;
            }
 
            p {
               text-align: left;
            }
 
        /* Section/Article */
 
            header {
               text-align: center;
            }
 
               header.major {
                   padding-bottom: 0;
                }
 
               header.special {
                   margin-bottom: 3em;
                   padding-left: 1.5em;
                   padding-right: 1.5em;
                }
 
               header.special:before, header.special:after {
                   width: 38%;
                }
 
               header.special .icon {
                   font-size: 0.75em;
                   top: 1.5em;
                }
 
                header p {
                   text-align: center;
                }
 
           footer.major {
               padding-top: 0;
            }
 
        /* Icon */
 
           .icon.circle {
               font-size: 1em;
            }
 
        /* Button */
 
           input[type="button"],
           input[type="submit"],
           input[type="reset"],
            button,
            .button {
               max-width: 20em;
                width: 100%;
            }
 
               input[type="button"].fit,
               input[type="submit"].fit,
               input[type="reset"].fit,
               button.fit,
               .button.fit {
                   width: auto;
                }
 
        /* Icons */
 
            ul.icons li {
               padding-left: 0.25em;
            }
 
        /* Featured Icons */
 
           ul.featured-icons li .icon {
                width: 1.1em;
            }
 
        /* Buttons */
 
            ul.buttons {
               text-align: center;
            }
 
        /* Wrapper */
 
            .wrapper {
               margin-bottom: 2.5em;
               padding: 2.25em 1.5em;
            }
 
               .wrapper.special br {
                   display: none;
                }
 
               .wrapper.style1 {
                   padding: 0 1.5em;
                }
 
               .wrapper.style2 {
                   background-size: 10em;
                   padding: 2.25em 1.5em;
                }
 
               .wrapper.style4 {
                   background-size: 10em;
                   padding: 1.5em 1.5em 3em 1.5em;
                }
 
        /* Banner */
 
            #banner {
               padding: 6em 0;
            }
 
               #banner .inner {
                   background: none;
                   display: block;
                   padding: 0 1.5em;
                }
 
               #banner .inner header h2 {
                   font-size: 1.5em;
                }
 
               #banner .inner p {
                   text-align: center;
                }
 
               #banner .inner br {
                   display: none;
                }
 
        /* Main */
 
            #main {
               background-size: 10em;
               padding: 3.5em 0 2.5em 0;
            }
 
            body.index #main {
               padding: 2.5em 0 0 0;
            }
 
           body.contact #main {
               padding-bottom: 0;
            }
 
        /* CTA */
 
            #cta {
               background-size: 10em, 10em, auto, cover;
               padding: 3em 1.5em;
            }
 
        /* Footer */
 
            #footer {
               padding: 3em 1.5em;
            }
 
               #footer .copyright li {
                   display: block;
                   margin: 1em 0 0 0;
                   padding: 0;
                   border: 0;
                }
 
        /* Nav */
 
            #navButton .toggle:before {
                top: 8px;
                left: 8px;
                width: 50px;
               height: 34px;
               line-height: 34px;
            }
 
            #navButton .toggle:after {
                top: 8px;
                left: 8px;
                width: 50px;
               height: 34px;
            }
 
    }
 
 
/* ========================================== */
/* CUSTOM GREEN D SOLUTIONS DESIGN            */
/* ========================================== */
 
/* ========================================== */
/* 1. FOND BLANC GLOBAL & NETTOYAGE TEMPLATE  */
/* ========================================== */
 
body, #page-wrapper, #main, .wrapper, .wrapper.style1,
.wrapper.style2, .wrapper.style3 {
    background-image: none !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
}
 
#page-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
 
#main {
    padding-top: 0 !important;
}
 
header.major h2 {
    text-transform: none !important;
    font-weight: 800 !important;
}
 
 
/* ========================================== */
/* 2. BANNER (SECTION REFONDUE)               */
/* ========================================== */
 
@-moz-keyframes reveal-banner {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-webkit-keyframes reveal-banner {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@-ms-keyframes reveal-banner {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes reveal-banner {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
 
#banner {
   background-attachment: fixed;
    background-color: #27ae60;
    background-image: linear-gradient(135deg, rgba(39, 174, 96, 0.85), rgba(41, 128, 185, 0.85)), url("../../images/image_1.jpg");
   background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 8em;
    padding-bottom: 15em; 
    text-align: center;
}
 
#banner .inner {
    background: transparent;
    display: inline-block;
    max-width: 950px;
    margin: 0 auto;
    text-align: center;
    opacity: 0;
    animation: fadeUpBanner 1.2s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}
 
@keyframes fadeUpBanner {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}
 
#banner .inner header h2 {
    color: #ffffff;
    font-size: 3.8em;
    font-weight: 800;
    text-transform: none;
    letter-spacing: -0.02em; 
    border: none;
    margin: 0 0 0.3em 0;
    line-height: 1.15;
    text-shadow: 0 10px 20px rgba(0,0,0,0.2); 
}
 
#banner .inner header h2 .accent {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    color: #A8E6CF; 
    font-size: 1em; 
    font-weight: 800;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
 
#banner .inner p {
    color: rgba(255, 255, 255, 0.95);
    font-size: 1.2em;
    text-transform: none;
    letter-spacing: normal;
    line-height: 1.7;
    margin: 0 auto 2.5em auto;
    font-weight: 400;
    max-width: 800px;
    text-shadow: 0 4px 10px rgba(0,0,0,0.15); 
}
 
#banner .button {
    background-color: #ffffff !important;
    color: #27ae60 !important;
    border: none !important;
    border-radius: 50px; 
    font-weight: 700;
    display: inline-block !important; 
    width: auto !important;           
    min-width: 0 !important;          
    padding: 1.1em 2.8em !important;  
    line-height: 1.5em;
    font-size: 1.05em;          
    text-transform: none;
    letter-spacing: 0.5px;
    text-decoration: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15); 
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1); 
}
 
#banner .button:hover {
    background-color: #ffffff !important;
    color: #1e8449 !important; 
    transform: translateY(-4px); 
    box-shadow: 0 15px 25px rgba(0, 0, 0, 0.25); 
}
 
 
/* ========================================== */
/* 3. ALIGNEMENT & LOGO                       */
/* ========================================== */
 
#header h1#logo {
    top: 1.2em !important; 
    transform: none !important;
}
 
#header #nav {
    top: 1.2em !important; 
    transform: none !important;
}
 
#header h1#logo a,
#header.alt h1#logo a {
    display: inline-flex !important;
    align-items: center !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    color: #2b3138 !important; 
    text-decoration: none !important;
    border: none !important;
}
 
#header h1#logo a .icon,
#header.alt h1#logo a .icon {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background-color: #27ae60 !important; 
    width: 36px !important;               
    height: 36px !important;              
    border-radius: 10px !important;       
    margin-right: 12px !important;        
    padding: 0 !important;
}
 
#header h1#logo a .icon::before,
#header.alt h1#logo a .icon::before {
    color: #ffffff !important; 
    font-size: 18px !important;
}
 
 
/* ========================================== */
/* 4. SECTION : COMMENT ÇA MARCHE             */
/* ========================================== */
 
#comment-ca-marche {
    scroll-margin-top: 120px !important; 
    padding-top: 1.5em !important;
}
 
#comment-ca-marche header.major h2 {
    font-size: 2.8em !important;
    font-weight: 800 !important; 
    color: #2b3138 !important;   
    text-transform: none !important; 
    letter-spacing: -1px !important;
    margin-bottom: 0.5em !important;
    border: none !important;
}
 
#comment-ca-marche h3 {
    font-size: 1.8em !important;
    font-weight: 700 !important;
    color: #2b3138 !important;
    text-transform: none !important;
}
 
#comment-ca-marche p {
    color: #555555 !important;
}
 
/* Utilitaires */
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
 
.special-container {
    background-color: #ffffff !important;
}
.special-container header.major h2 {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}
.special-container header.major::after {
    display: none !important; 
}
 
/* Liste à puces avec coches vertes */
.custom-check-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}
 
.custom-check-list li {
    margin-bottom: 1.2em !important;
    display: flex !important;
    align-items: flex-start !important; 
    color: #555 !important;
    font-size: 1.05em !important;
}
 
.custom-check-list li i {
    color: #27ae60 !important;
    font-size: 1.4em !important;
    margin-right: 15px !important;
    margin-top: 2px !important; 
}
 
/* Boîtes de statistiques vertes claires */
.stat-boxes {
    display: flex !important;
    gap: 20px !important;
}
 
.stat-box {
    background-color: #e8f7ee !important; 
    border-radius: 12px !important;
    padding: 25px 20px !important;
    flex: 1 !important;
}
 
.stat-box h4 {
    color: #27ae60 !important;
    font-size: 1.8em !important;
    font-weight: 800 !important;
    margin-bottom: 0.3em !important;
    letter-spacing: -0.5px !important;
}
 
.stat-box p {
    margin: 0 !important;
    font-size: 0.95em !important;
    color: #555 !important;
    line-height: 1.4 !important;
}
 
/* Images Premium */
.custom-img-wrapper {
    width: 100 !important;
    display: block !important;
    margin: 0 auto !important;
}
 
.custom-img-wrapper img {
    width: 100 !important;
    max-width: 500px !important;
    height: 320px !important;     
    object-fit: cover !important; 
    border-radius: 15px !important; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.12) !important; 
    display: block !important;
    margin: 0 auto !important;
}
 
 
/* ========================================== */
/* 5. SECTION CTA (CONTACT)                   */
/* ========================================== */
 
#cta-contact {
    background-color: #27ae60 !important;
    color: #ffffff !important;
    padding: 6em 2em 5em 2em !important; 
    margin: 0 !important; 
    text-align: center;
    width: 100%;
}
 
#cta-contact h2 {
    color: #ffffff !important;
    font-size: 2.2em !important; 
    font-weight: 700 !important;
    text-transform: none !important; 
    letter-spacing: normal !important;
    margin-bottom: 0.5em !important;
    border: none !important;
}
 
#cta-contact p {
    color: rgba(255, 255, 255, 0.9) !important;
    font-size: 1.2em !important;
    max-width: 700px;
    margin: 0 auto 2.5em auto !important;
    line-height: 1.6 !important;
}
 
#cta-contact .custom-btn {
    background-color: #ffffff !important;
    color: #27ae60 !important;
    border: none !important;
    border-radius: 50px !important; 
    font-weight: 700 !important;
    display: inline-block !important;
    width: max-content !important; 
    padding: 1em 2.5em !important; 
    margin: 0 auto !important; 
    font-size: 1.1em !important;
    text-transform: none !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1) !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    line-height: 1.5 !important;
}
 
#cta-contact .custom-btn:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15) !important;
    background-color: #f8f8f8 !important;
}
 
 
/* ========================================== */
/* 6. NOUVEAU MEGA FOOTER (4 Colonnes)        */
/* ========================================== */
 
#page-wrapper > #footer {
    padding: 0;
    background: none;
}
 
#footer.custom-footer {
    background-color: #27ae60 !important;
    color: #ffffff !important;
    padding: 4em 0 2em 0;
    text-align: left;
}
 
.custom-footer .footer-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2em;
    gap: 2em;
}
 
.custom-footer .footer-col {
    flex: 1;
    min-width: 220px; 
}
 
.custom-footer .brand-col {
    flex: 1.2; 
}
 
#footer.custom-footer h3, 
#footer.custom-footer h4 {
    color: #ffffff;
    margin-bottom: 1.2em;
    border: none;
    text-transform: none !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}
 
#footer.custom-footer .brand-col h3 {
    text-transform: uppercase !important; 
    font-weight: 700 !important;
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.2em;
}
 
.custom-footer .logo-icon {
    background: rgba(255, 255, 255, 0.2);
    padding: 0.4em;
    border-radius: 8px;
    font-size: 1.2em;
}
 
.custom-footer p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95em;
    line-height: 1.6;
}
 
.custom-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
 
.custom-footer ul li {
    margin-bottom: 0.8em;
    padding: 0;
    border: none;
    color: #ffffff;
}
 
.custom-footer ul li a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: opacity 0.2s ease-in-out;
    border-bottom: none;
}
 
.custom-footer ul li a:hover {
    color: #ffffff;
    opacity: 0.7;
}
 
.custom-footer .contact-col ul li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    line-height: 1.5;
}
 
.custom-footer .contact-col .icon {
    margin-top: 4px;
    font-size: 1.1em;
    color: #ffffff;
}
 
.custom-footer .social-icons {
    display: flex;
    gap: 10px;
}
 
.custom-footer .social-icons li {
    margin: 0; 
}
 
.custom-footer .social-icons li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px; 
    color: #ffffff;
    font-size: 1.2em;
    transition: background 0.3s;
}
 
.custom-footer .social-icons li a:hover {
    background: rgba(255, 255, 255, 0.4); 
}
 
.custom-footer .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
    padding-top: 2em;
    margin-top: 3em;
    font-size: 0.85em;
    color: rgba(255, 255, 255, 0.7);
}
 
/* ========================================== */
/* 7. NOUVELLE GRILLE ALIGNÉE (FLEXBOX)       */
/* ========================================== */
 
.custom-flex-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 60px !important; /* L'écart parfait entre l'image et le texte */
    margin-bottom: 5em;
    width: 100% !important;
}
 
.custom-flex-img {
    flex: 1 !important;
    max-width: 48% !important; /* L'image prend un peu moins de la moitié */
}
 
.custom-flex-text {
    flex: 1 !important;
    max-width: 50% !important; /* Le texte prend la moitié */
}
 
/* Sur téléphone, on empile sagement l'image au-dessus du texte */
@media (max-width: 840px) {
    .custom-flex-row {
        flex-direction: column !important;
        gap: 30px !important;
    }
    .custom-flex-img,
    .custom-flex-text {
        max-width: 100% !important;
        width: 100% !important;
    }
}

/* ========================================== */
/* 8. RESPONSIVE MOBILE (SMARTPHONES)         */
/* ========================================== */
@media (max-width: 736px) {
    /* Banner principal : réduction des marges et du texte */
    #banner {
        padding-top: 5em !important;
        padding-bottom: 8em !important;
    }
    #banner .inner header h2 {
        font-size: 2.2em !important;
    }
    #banner .inner p {
        font-size: 1em !important;
        padding: 0 1em !important;
    }
    #banner .button {
        padding: 1em 1.5em !important;
        font-size: 0.9em !important;
    }

    /* Ajustement des titres génériques */
    #comment-ca-marche header.major h2,
    header.major h2 {
        font-size: 2em !important;
    }

    /* Section Contact (CTA) */
    #cta-contact {
        padding: 4em 1.5em 3em 1.5em !important;
    }
    #cta-contact h2 {
        font-size: 1.8em !important;
    }
    #cta-contact p {
        font-size: 1em !important;
        padding: 0 1em !important;
    }

    /* Mega Footer personnalisé : empilement des colonnes au centre */
    .custom-footer .footer-container {
        flex-direction: column !important;
        text-align: center !important;
        gap: 2.5em !important;
    }
    .custom-footer .brand-col h3 {
        justify-content: center !important;
    }
    .custom-footer .contact-col ul li {
        justify-content: center !important;
        text-align: center !important;
    }
    .custom-footer .social-icons {
        justify-content: center !important;
        margin-top: 1em !important;
    }
}