Difference between revisions of "Team:IISER Mohali/Contribution"

 
(40 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{IISER_Mohali/DefaultStyles}}
 
{{IISER_Mohali/DefaultStyles}}
 
{{IISER_Mohali/FontAwesome}}
 
{{IISER_Mohali/FontAwesome}}
{{IISER_Mohali/jQuery}}{{IISER_Mohali/Mainjs}}{{IISER_Mohali/Utiljs}}{{IISER_Mohali/Breakpointsjs}}{{IISER_Mohali/Browserjs}}
+
{{IISER_Mohali/jQuery}}{{IISER_Mohali/Mainjs}}{{IISER_Mohali/Utiljs}}
  
 +
{{IISER_Mohali/Loader}}
 +
{{IISER_Mohali/Navbarv2}}
 +
<html>
  
 +
<head>
 +
<title>Contributions</title>
 +
</head>
 +
<body class="is-preload">
 +
<!-- Wrapper -->
 +
<div id="wrapper">
  
{{IISER_Mohali/Navbar}}
+
<!-- Header -->
 +
<header id="header">
 +
<div class="inner">
  
<html>
+
<!-- Logo -->
    <style>
+
<a href="index.html" class="logo">
   
+
<span class="symbol"><img src="https://static.igem.org/mediawiki/2021/1/1c/T--IISER_Mohali--logo_lowres.png" alt="" /></span><span class="title">OSCCit</span>
    /*
+
</a>
        Phantom 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,
+
</div>
    footer, header, hgroup, menu, nav, section {
+
</header>
        display: block;}
+
  
    body {
+
<!-- Main -->
        line-height: 1;
+
<div id="main">
    }
+
<div class="inner">
 +
                                                        <center>
 +
<h1 class="big-text">Contributions</h1></center>
 +
                                                        <hr>
 +
     
 +
                                                       
  
    ol, ul {
+
<p class="sm-text">
        list-style: none;
+
Our project involved designing and printing multiple 3D printed parts. Since we wanted to build a spectrometer, designing it ourselves gave us a lot of flexibility on how we could use it.
    }
+
</p>
 +
                                                         
 +
<p class="sm-text">
 +
Here we attach the protocol we used and a <a href="https://static.igem.org/mediawiki/2021/e/e7/T--IISER_Mohali--3DPrintingREAL.pdf">PDF</a> of the same to design the <strong>‘Cuvette holder’ </strong> and <strong> ‘Grating Lens Mount’</strong>.
 +
</p>
 +
 
 +
<p class="md-text">
 +
<strong>1 Introduction</strong>
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p class="sm-text">
 +
3D printing is a revolutionary and convenient technology for the production of complex structures that are difficult to construct by hand. The reliability of the process has increased rapidly in the past, to the extent, that it is now used as an industrial production tool too. We decided to leverage the advantages of 3D printing for the construction of our spectrometer too. The workflow is detailed in the sections that follow.
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p class="md-text">
 +
<strong>2 Workflow</strong>
 +
</p>
 +
<span class="image main"><img src="https://static.igem.org/mediawiki/2021/a/ab/T--IISER_Mohali--Workflow.png" style="margin-top: 2em; margin-bottom: 2em; width: 40%; margin-right: auto; margin-left: auto;" alt="" /></span>
 +
<p>
 +
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p>
  
    blockquote, q {
+
</p>
        quotes: none;
+
<p>
    }
+
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p class="md-text">
 +
<strong>2.1 Design</strong>
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p class="sm-text">
 +
This involves creating a 3D CAD(Computer-Aided Design) model. Various software is available for this- AutoCAD, Solidworks, TinkerCAD, etc. We did our designing in Solidworks. The spectrometer consists of the following parts:-
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p class="sm-text">
 +
<strong> Cuvette holder </strong>→ It’s used for holding the cuvette containing the sample.
 +
</p>
 +
<span class="image main"><img src="https://static.igem.org/mediawiki/2021/4/4b/T--IISER_Mohali--Cuvette.png" style="margin-top: 2em; margin-bottom: 2em; width: 40%; margin-right: auto; margin-left: auto;" alt="" /></span>
 +
<p class="sm-text">
 +
<strong> Grating lens mount</strong>→ It’s used as a mount for the grating and the lens.
 +
</p>
 +
<span class="image main"><img src="https://static.igem.org/mediawiki/2021/e/e8/T--IISER_Mohali--GratingLensMount.png" style="margin-top: 2em; margin-bottom: 2em; width: 40%; margin-right: auto; margin-left: auto;" alt="" /></span>
  
        blockquote:before, blockquote:after, q:before, q:after {
+
<p>
            content: '';
+
            content: none;
+
</p>
        }
+
<p>
 +
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p class="md-text">
 +
<strong>• Slit mount→ </strong>
  
    table {
+
<span class="image main"><img src="https://static.igem.org/mediawiki/2021/f/f1/T--IISER_Mohali--SlitMount.png" style="margin-top: 2em; margin-bottom: 2em; width: 40%; margin-right: auto; margin-left: auto;" alt="" /></span>
        border-collapse: collapse;
+
</p>
        border-spacing: 0;
+
<p>
    }
+
​​
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p>
 +
 +
</p>
 +
<ul>
  
    body {
+
<li><strong>Smartphone mount</strong>
        -webkit-text-size-adjust: none;
+
<span class="image main"><img src="https://static.igem.org/mediawiki/2021/e/eb/T--IISER_Mohali--PhoneHolder.png" style="margin-top: 2em; margin-bottom: 2em; width: 40%; margin-right: auto; margin-left: auto;" alt="" /></span>
    }
+
  
    mark {
+
</li>
        background-color: transparent;
+
</ul>
        color: inherit;
+
<p></p>
    }
+
<p class="sm-text">
 +
Once the design is ready, it is saved in a format determined by the software used. Solidworks saves the file in ‘SLDPRT’(solid part) format. An ‘STL’ file can be exported for slicing later.
 +
</p>
 +
<p class="md-text">
 +
<strong>2.2 Slicing</strong>
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p class="sm-text">
 +
Slicing involves the conversion of the ‘stl’ file into a ‘gcode’, a standard language for most 3D printers. ‘FlashPrint’ and ‘Ultimaker Cura’ are some common software used for slicing. Important precautions during slicing include:-
 +
</p>
 +
<p class="sm-text">
 +
• The model orientation should be kept such that a minimum amount of support is printed.
 +
</p>
 +
<p class="sm-text">
 +
• The model should lie flat on the base.
 +
</p>
  
    input::-moz-focus-inner {
+
<span class="image main"><img src="https://static.igem.org/mediawiki/2021/4/43/T--IISER_Mohali--Fig4Slicing.png" style="margin-top: 2em; margin-bottom: 2em; width: 40%; margin-right: auto; margin-left: auto;" alt="" /></span>
        border: 0;
+
        padding: 0;
+
    }
+
  
    input, select, textarea {
 
        -moz-appearance: none;
 
        -webkit-appearance: none;
 
        -ms-appearance: none;
 
        appearance: none;
 
    }
 
  
    /* Basic */
 
  
        @-ms-viewport {
+
</p>
            width: device-width;
+
<p>
        }
+
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p class="sm-text">
 +
The slicing parameters we used are as follows:-
 +
</p>
 +
<p class="sm-text">
 +
Infill Density: It’s the density of the filament to be used for printing. For larger models, one can decrease the infill density to save filament. In general, an infill density of 15% is good enough.
 +
</p>
 +
<p class="sm-text">
 +
Support Infill Density: It is one of the most important parameters. Some- times the model can be complicated and delicate and need support. In these cases, it can become difficult to remove the printed support. So we may decrease the support infill density so that removal of support after the print is easier.
 +
</p>
 +
<p>
 +
 +
</p>
 +
<p class="md-text">
 +
<strong>2.3 Printing </strong>
 +
</p>
 +
<p class="sm-text">
 +
This is the final part of our workflow. Once the ‘gcode’ has been obtained, it can be fed into a 3D printer either using an SD card, via a direct connection to a computer, or over a network.
 +
</p>
 +
<p class="md-text">
 +
<strong>2.4 Pitfalls we faced</strong>
 +
</p>
 +
<ul>
  
        body {
+
<li>Sometimes, the base may get detached from the printing bed. It can happen due to the large size of a model, bad quality of the bed, or low temperature of the bed.<br>
            -ms-overflow-style: scrollbar;
+
        }
+
  
        @media screen and (max-width: 480px) {
+
<li>Sometimes the filament gets brittle. So while printing, the filament stops coming out from the extruder. In this case, we have to clean the nozzle and reload the filament.<br>
  
            html, body {
+
<li>Sometimes the filament may get stuck in the spool and break. In that case, we have to reload the filament and restart the print.<br> <br>
                min-width: 320px;
+
<a href="https://drive.google.com/drive/u/0/folders/1LgZkvaZDJZUO6ICPMiaFl6YaVOdDUskw">stl and SLDPRT files</a><br> <br>
            }
+
</li>
           
+
</ul>
            #header {
+
<p>
            padding: 2em 0 0.1em 0 ;
+
            margin: 0.5em;
+
</p>   
        }
+
                                                       
  
        }
+
</div>
       
+
</div>
        @media screen and (max-width: 940px) {
+
            #header {
+
                padding: 2em 0 0.1em 0;
+
                margin: 1em;
+
            }
+
        }
+
  
        html {
+
<!-- Footer -->
            box-sizing: border-box;
+
        }
+
</div>
  
        *, *:before, *:after {
 
            box-sizing: inherit;
 
        }
 
  
        body {
+
<!-- Scripts -->
            background: #ffffff;
+
<script src=https://2021.igem.org/wiki/index.php?title=Template:IISER_Mohali/jQuery&action=raw&ctype=text/javascript"></script>
        }
+
<script src="assets/js/browser.min.js"></script>
 +
<script src="assets/js/breakpoints.min.js"></script>
 +
<script src="https://2021.igem.org/wiki/index.php?title=Template:IISER_Mohali/Utiljs&action=raw&ctype=text/javascript"></script>
 +
<script src="https://2021.igem.org/wiki/index.php?title=Template:IISER_Mohali/Mainjs&action=raw&ctype=text/javascript"></script>
  
            body.is-preload *, body.is-preload *:before, body.is-preload *:after {
+
</body>
                -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;
+
            }
+
  
    /* Type */
+
<style>
 +
@import url(fontawesome-all.min.css);
 +
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,700,900");
  
        body, input, select, textarea {
+
/*
            color: #585858;
+
Phantom by HTML5 UP
            font-family: "Source Sans Pro", Helvetica, sans-serif;
+
html5up.net | @ajlkn
            font-size: 16pt;
+
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
            font-weight: 300;
+
*/
            line-height: 1.75;
+
        }
+
  
            @media screen and (max-width: 1680px) {
+
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;}
  
                body, input, select, textarea {
+
article, aside, details, figcaption, figure,
                    font-size: 14pt;
+
footer, header, hgroup, menu, nav, section {
                }
+
display: block;}
  
            }
+
body {
 +
line-height: 1;
 +
}
  
            @media screen and (max-width: 1280px) {
+
ol, ul {
 +
list-style: none;
 +
}
  
                body, input, select, textarea {
+
blockquote, q {
                    font-size: 12pt;
+
quotes: none;
                }
+
}
  
            }
+
blockquote:before, blockquote:after, q:before, q:after {
 +
content: '';
 +
content: none;
 +
}
  
        a {
+
table {
            -moz-transition: border-bottom-color 0.2s ease, color 0.2s ease;
+
border-collapse: collapse;
            -webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease;
+
border-spacing: 0;
            -ms-transition: border-bottom-color 0.2s ease, color 0.2s ease;
+
}
            transition: border-bottom-color 0.2s ease, color 0.2s ease;
+
            text-decoration: none;
+
            color: #585858;
+
            border-bottom: dotted 1px rgba(88, 88, 88, 0.5);
+
        }
+
  
            a:hover {
+
body {
                border-bottom-color: transparent;
+
-webkit-text-size-adjust: none;
                color: #f2849e !important;
+
}
            }
+
  
        strong, b {
+
mark {
            font-weight: 900;
+
background-color: transparent;
        }
+
color: inherit;
 +
}
  
        em, i {
+
input::-moz-focus-inner {
            font-style: italic;
+
border: 0;
        }
+
padding: 0;
 +
}
  
        p {
+
input, select, textarea {
            margin: 0;
+
-moz-appearance: none;
        }
+
-webkit-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
}
  
        h1 {
+
/* Basic */
            font-size: 2.75em;
+
            font-weight: 700;
+
            line-height: 1.3;
+
            margin: 0 0 1em 0;
+
            letter-spacing: -0.035em;
+
        }
+
  
            h1 a {
+
@-ms-viewport {
                color: inherit;
+
width: device-width;
            }
+
}
  
            @media screen and (max-width: 736px) {
+
body {
 +
-ms-overflow-style: scrollbar;
 +
}
  
                h1 {
+
@media screen and (max-width: 480px) {
                    font-size: 2em;
+
                    margin: 0 0 1em 0;
+
                }
+
  
            }
+
html, body {
 +
min-width: 320px;
 +
}
  
            @media screen and (max-width: 360px) {
+
}
  
                h1 {
+
html {
                    font-size: 1.75em;
+
box-sizing: border-box;
                }
+
}
  
            }
+
*, *:before, *:after {
 +
box-sizing: inherit;
 +
}
  
        h2, h3, h4, h5, h6 {
+
body {
            font-weight: 900;
+
background: #ffffff;
            line-height: 1.5;
+
}
            margin: 0 0 2em 0;
+
            text-transform: uppercase;
+
            letter-spacing: 0.35em;
+
        }
+
  
            h2 a, h3 a, h4 a, h5 a, h6 a {
+
body.is-preload *, body.is-preload *:before, body.is-preload *:after {
                color: inherit;
+
-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;
 +
}
  
        h2 {
+
/* Type */
            font-size: 1.1em;
+
        }
+
  
        h3 {
+
body, input, select, textarea {
            font-size: 1em;
+
color: #585858;
        }
+
font-family: "Source Sans Pro", Helvetica, sans-serif;
 +
font-size: 16pt;
 +
font-weight: 300;
 +
line-height: 1.75;
 +
}
  
        h4 {
+
@media screen and (max-width: 1680px) {
            font-size: 0.8em;
+
        }
+
  
        h5 {
+
body, input, select, textarea {
            font-size: 0.8em;
+
font-size: 14pt;
        }
+
}
  
        h6 {
+
}
            font-size: 0.8em;
+
        }
+
  
        @media screen and (max-width: 980px) {
+
@media screen and (max-width: 1280px) {
  
            h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
+
body, input, select, textarea {
                display: none;
+
font-size: 12pt;
            }
+
}
  
        }
+
}
  
        @media screen and (max-width: 736px) {
+
a {
 +
-moz-transition: border-bottom-color 0.2s ease, color 0.2s ease;
 +
-webkit-transition: border-bottom-color 0.2s ease, color 0.2s ease;
 +
-ms-transition: border-bottom-color 0.2s ease, color 0.2s ease;
 +
transition: border-bottom-color 0.2s ease, color 0.2s ease;
 +
text-decoration: none;
 +
color: #585858;
 +
border-bottom: dotted 1px rgba(88, 88, 88, 0.5);
 +
}
  
            h2 {
+
a:hover {
                font-size: 1em;
+
border-bottom-color: transparent;
            }
+
color: #f2849e !important;
 +
}
  
            h3 {
+
strong, b {
                font-size: 0.8em;
+
font-weight: 900;
            }
+
}
  
        }
+
em, i {
 +
font-style: italic;
 +
}
  
        sub {
+
p {
            font-size: 0.8em;
+
margin: 0 0 2em 0;
            position: relative;
+
}
            top: 0.5em;
+
        }
+
  
        sup {
+
h1 {
            font-size: 0.8em;
+
font-size: 2.75em;
            position: relative;
+
font-weight: 700;
            top: -0.5em;
+
line-height: 1.3;
        }
+
margin: 0 0 1em 0;
 +
letter-spacing: -0.035em;
 +
}
  
        blockquote {
+
h1 a {
            border-left: solid 4px #c9c9c9;
+
color: inherit;
            font-style: italic;
+
}
            margin: 0 0 2em 0;
+
            padding: 0.5em 0 0.5em 2em;
+
        }
+
  
        code {
+
@media screen and (max-width: 736px) {
            background: rgba(144, 144, 144, 0.075);
+
            border-radius: 4px;
+
            border: solid 1px #c9c9c9;
+
            font-family: "Courier New", monospace;
+
            font-size: 0.9em;
+
            margin: 0 0.25em;
+
            padding: 0.25em 0.65em;
+
        }
+
  
        pre {
+
h1 {
            -webkit-overflow-scrolling: touch;
+
font-size: 2em;
            font-family: "Courier New", monospace;
+
margin: 0 0 1em 0;
            font-size: 0.9em;
+
}
            margin: 0 0 2em 0;
+
        }
+
  
            pre code {
+
}
                display: block;
+
                line-height: 1.75;
+
                padding: 1em 1.5em;
+
                overflow-x: auto;
+
            }
+
  
        hr {
+
@media screen and (max-width: 360px) {
            border: 0;
+
            border-bottom: solid 1px #c9c9c9;
+
            margin: 2em 0;
+
        }
+
  
            hr.major {
+
h1 {
                margin: 3em 0;
+
font-size: 1.75em;
            }
+
}
  
        .align-left {
+
}
            text-align: left;
+
        }
+
  
        .align-center {
+
h2, h3, h4, h5, h6 {
            text-align: center;
+
font-weight: 900;
        }
+
line-height: 1.5;
 +
margin: 0 0 2em 0;
  
        .align-right {
+
}
            text-align: right;
+
        }
+
  
    /* Row */
+
h2 a, h3 a, h4 a, h5 a, h6 a {
 +
color: inherit;
 +
}
  
        .row {
+
h2 {
            display: flex;
+
font-size: 1.1em;
            flex-wrap: wrap;
+
text-transform: uppercase;
            box-sizing: border-box;
+
letter-spacing: 0.35em;
            align-items: stretch;
+
}
        }
+
  
            .row > * {
+
h3 {
                box-sizing: border-box;
+
font-size: 1.4em;
            }
+
letter-spacing: 0.1em;
 +
color: #5D2485;
 +
                        padding: 0 0 1.5em 0
 +
}
  
            .row.gtr-uniform > * > :last-child {
 
                margin-bottom: 0;
 
            }
 
  
            .row.aln-left {
 
                justify-content: flex-start;
 
            }
 
  
            .row.aln-center {
+
h4 {
                justify-content: center;
+
font-size: 1.1em;
            }
+
margin-bottom: 0.75em;
 +
}
  
            .row.aln-right {
+
h5 {
                justify-content: flex-end;
+
font-size: 0.8em;
            }
+
}
  
            .row.aln-top {
+
h6 {
                align-items: flex-start;
+
font-size: 0.8em;
            }
+
}
  
            .row.aln-middle {
+
@media screen and (max-width: 980px) {
                align-items: center;
+
            }
+
  
            .row.aln-bottom {
+
h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
                align-items: flex-end;
+
display: none;
            }
+
}
  
            .row > .imp {
+
}
                order: -1;
+
            }
+
  
            .row > .col-1 {
+
@media screen and (max-width: 736px) {
                width: 8.33333%;
+
            }
+
  
            .row > .off-1 {
+
h2 {
                margin-left: 8.33333%;
+
font-size: 1em;
            }
+
}
  
            .row > .col-2 {
+
h3 {
                width: 16.66667%;
+
font-size: 0.8em;
            }
+
}
  
            .row > .off-2 {
+
}
                margin-left: 16.66667%;
+
            }
+
  
            .row > .col-3 {
+
sub {
                width: 25%;
+
font-size: 0.8em;
            }
+
position: relative;
 +
top: 0.5em;
 +
}
  
            .row > .off-3 {
+
sup {
                margin-left: 25%;
+
font-size: 0.8em;
            }
+
position: relative;
 +
top: -0.5em;
 +
}
  
            .row > .col-4 {
+
blockquote {
                width: 33.33333%;
+
border-left: solid 4px #c9c9c9;
            }
+
font-style: italic;
 +
margin: 0 0 2em 0;
 +
padding: 0.5em 0 0.5em 2em;
 +
}
  
            .row > .off-4 {
+
code {
                margin-left: 33.33333%;
+
background: rgba(144, 144, 144, 0.075);
            }
+
border-radius: 4px;
 +
border: solid 1px #c9c9c9;
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
margin: 0 0.25em;
 +
padding: 0.25em 0.65em;
 +
}
  
            .row > .col-5 {
+
pre {
                width: 41.66667%;
+
-webkit-overflow-scrolling: touch;
            }
+
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
margin: 0 0 2em 0;
 +
}
  
            .row > .off-5 {
+
pre code {
                margin-left: 41.66667%;
+
display: block;
            }
+
line-height: 1.75;
 +
padding: 1em 1.5em;
 +
overflow-x: auto;
 +
}
  
            .row > .col-6 {
+
hr {
                width: 50%;
+
border: 0;
            }
+
border-bottom: solid 1px #c9c9c9;
 +
margin: 2em 0;
 +
}
  
            .row > .off-6 {
+
hr.major {
                margin-left: 50%;
+
margin: 3em 0;
            }
+
}
  
            .row > .col-7 {
+
.align-left {
                width: 58.33333%;
+
text-align: left;
            }
+
}
  
            .row > .off-7 {
+
.align-center {
                margin-left: 58.33333%;
+
text-align: center;
            }
+
}
  
            .row > .col-8 {
+
.align-right {
                width: 66.66667%;
+
text-align: right;
            }
+
}
  
            .row > .off-8 {
+
/* Row */
                margin-left: 66.66667%;
+
            }
+
  
            .row > .col-9 {
+
.row {
                width: 75%;
+
display: flex;
            }
+
flex-wrap: wrap;
 +
box-sizing: border-box;
 +
align-items: stretch;
 +
}
  
            .row > .off-9 {
+
.row > * {
                margin-left: 75%;
+
box-sizing: border-box;
            }
+
}
  
            .row > .col-10 {
+
.row.gtr-uniform > * > :last-child {
                width: 83.33333%;
+
margin-bottom: 0;
            }
+
}
  
            .row > .off-10 {
+
.row.aln-left {
                margin-left: 83.33333%;
+
justify-content: flex-start;
            }
+
}
  
            .row > .col-11 {
+
.row.aln-center {
                width: 91.66667%;
+
justify-content: center;
            }
+
}
  
            .row > .off-11 {
+
.row.aln-right {
                margin-left: 91.66667%;
+
justify-content: flex-end;
            }
+
}
  
            .row > .col-12 {
+
.row.aln-top {
                width: 100%;
+
align-items: flex-start;
            }
+
}
  
            .row > .off-12 {
+
.row.aln-middle {
                margin-left: 100%;
+
align-items: center;
            }
+
}
  
            .row.gtr-0 {
+
.row.aln-bottom {
                margin-top: 0;
+
align-items: flex-end;
                margin-left: 0em;
+
}
            }
+
  
                .row.gtr-0 > * {
+
.row > .imp {
                    padding: 0 0 0 0em;
+
order: -1;
                }
+
}
  
                .row.gtr-0.gtr-uniform {
+
.row > .col-1 {
                    margin-top: 0em;
+
width: 8.33333%;
                }
+
}
  
                    .row.gtr-0.gtr-uniform > * {
+
.row > .off-1 {
                        padding-top: 0em;
+
margin-left: 8.33333%;
                    }
+
}
  
            .row.gtr-25 {
+
.row > .col-2 {
                margin-top: 0;
+
width: 16.66667%;
                margin-left: -0.5em;
+
}
            }
+
  
                .row.gtr-25 > * {
+
.row > .off-2 {
                    padding: 0 0 0 0.5em;
+
margin-left: 16.66667%;
                }
+
}
  
                .row.gtr-25.gtr-uniform {
+
.row > .col-3 {
                    margin-top: -0.5em;
+
width: 25%;
                }
+
}
  
                    .row.gtr-25.gtr-uniform > * {
+
.row > .off-3 {
                        padding-top: 0.5em;
+
margin-left: 25%;
                    }
+
}
  
            .row.gtr-50 {
+
.row > .col-4 {
                margin-top: 0;
+
width: 33.33333%;
                margin-left: -1em;
+
}
            }
+
  
                .row.gtr-50 > * {
+
.row > .off-4 {
                    padding: 0 0 0 1em;
+
margin-left: 33.33333%;
                }
+
}
  
                .row.gtr-50.gtr-uniform {
+
.row > .col-5 {
                    margin-top: -1em;
+
width: 41.66667%;
                }
+
}
  
                    .row.gtr-50.gtr-uniform > * {
+
.row > .off-5 {
                        padding-top: 1em;
+
margin-left: 41.66667%;
                    }
+
}
  
            .row {
+
.row > .col-6 {
                margin-top: 0;
+
width: 50%;
                margin-left: -2em;
+
}
            }
+
  
                .row > * {
+
.row > .off-6 {
                    padding: 0 0 0 2em;
+
margin-left: 50%;
                }
+
}
  
                .row.gtr-uniform {
+
.row > .col-7 {
                    margin-top: -2em;
+
width: 58.33333%;
                }
+
}
  
                    .row.gtr-uniform > * {
+
.row > .off-7 {
                        padding-top: 2em;
+
margin-left: 58.33333%;
                    }
+
}
  
            .row.gtr-150 {
+
.row > .col-8 {
                margin-top: 0;
+
width: 66.66667%;
                margin-left: -3em;
+
}
            }
+
  
                .row.gtr-150 > * {
+
.row > .off-8 {
                    padding: 0 0 0 3em;
+
margin-left: 66.66667%;
                }
+
}
  
                .row.gtr-150.gtr-uniform {
+
.row > .col-9 {
                    margin-top: -3em;
+
width: 75%;
                }
+
}
  
                    .row.gtr-150.gtr-uniform > * {
+
.row > .off-9 {
                        padding-top: 3em;
+
margin-left: 75%;
                    }
+
}
  
            .row.gtr-200 {
+
.row > .col-10 {
                margin-top: 0;
+
width: 83.33333%;
                margin-left: -4em;
+
}
            }
+
  
                .row.gtr-200 > * {
+
.row > .off-10 {
                    padding: 0 0 0 4em;
+
margin-left: 83.33333%;
                }
+
}
  
                .row.gtr-200.gtr-uniform {
+
.row > .col-11 {
                    margin-top: -4em;
+
width: 91.66667%;
                }
+
}
  
                    .row.gtr-200.gtr-uniform > * {
+
.row > .off-11 {
                        padding-top: 4em;
+
margin-left: 91.66667%;
                    }
+
}
  
            @media screen and (max-width: 1680px) {
+
.row > .col-12 {
 +
width: 100%;
 +
}
  
                .row {
+
.row > .off-12 {
                    display: flex;
+
margin-left: 100%;
                    flex-wrap: wrap;
+
}
                    box-sizing: border-box;
+
                    align-items: stretch;
+
                }
+
  
                    .row > * {
+
.row.gtr-0 {
                        box-sizing: border-box;
+
margin-top: 0;
                    }
+
margin-left: 0em;
 +
}
  
                    .row.gtr-uniform > * > :last-child {
+
.row.gtr-0 > * {
                        margin-bottom: 0;
+
padding: 0 0 0 0em;
                    }
+
}
  
                    .row.aln-left {
+
.row.gtr-0.gtr-uniform {
                        justify-content: flex-start;
+
margin-top: 0em;
                    }
+
}
  
                    .row.aln-center {
+
.row.gtr-0.gtr-uniform > * {
                        justify-content: center;
+
padding-top: 0em;
                    }
+
}
  
                    .row.aln-right {
+
.row.gtr-25 {
                        justify-content: flex-end;
+
margin-top: 0;
                    }
+
margin-left: -0.5em;
 +
}
  
                    .row.aln-top {
+
.row.gtr-25 > * {
                        align-items: flex-start;
+
padding: 0 0 0 0.5em;
                    }
+
}
  
                    .row.aln-middle {
+
.row.gtr-25.gtr-uniform {
                        align-items: center;
+
margin-top: -0.5em;
                    }
+
}
  
                    .row.aln-bottom {
+
.row.gtr-25.gtr-uniform > * {
                        align-items: flex-end;
+
padding-top: 0.5em;
                    }
+
}
  
                    .row > .imp-xlarge {
+
.row.gtr-50 {
                        order: -1;
+
margin-top: 0;
                    }
+
margin-left: -1em;
 +
}
  
                    .row > .col-1-xlarge {
+
.row.gtr-50 > * {
                        width: 8.33333%;
+
padding: 0 0 0 1em;
                    }
+
}
  
                    .row > .off-1-xlarge {
+
.row.gtr-50.gtr-uniform {
                        margin-left: 8.33333%;
+
margin-top: -1em;
                    }
+
}
  
                    .row > .col-2-xlarge {
+
.row.gtr-50.gtr-uniform > * {
                        width: 16.66667%;
+
padding-top: 1em;
                    }
+
}
  
                    .row > .off-2-xlarge {
+
.row {
                        margin-left: 16.66667%;
+
margin-top: 0;
                    }
+
margin-left: -2em;
 +
}
  
                    .row > .col-3-xlarge {
+
.row > * {
                        width: 25%;
+
padding: 0 0 0 2em;
                    }
+
}
  
                    .row > .off-3-xlarge {
+
.row.gtr-uniform {
                        margin-left: 25%;
+
margin-top: -2em;
                    }
+
}
  
                    .row > .col-4-xlarge {
+
.row.gtr-uniform > * {
                        width: 33.33333%;
+
padding-top: 2em;
                    }
+
}
  
                    .row > .off-4-xlarge {
+
.row.gtr-150 {
                        margin-left: 33.33333%;
+
margin-top: 0;
                    }
+
margin-left: -3em;
 +
}
  
                    .row > .col-5-xlarge {
+
.row.gtr-150 > * {
                        width: 41.66667%;
+
padding: 0 0 0 3em;
                    }
+
}
  
                    .row > .off-5-xlarge {
+
.row.gtr-150.gtr-uniform {
                        margin-left: 41.66667%;
+
margin-top: -3em;
                    }
+
}
  
                    .row > .col-6-xlarge {
+
.row.gtr-150.gtr-uniform > * {
                        width: 50%;
+
padding-top: 3em;
                    }
+
}
  
                    .row > .off-6-xlarge {
+
.row.gtr-200 {
                        margin-left: 50%;
+
margin-top: 0;
                    }
+
margin-left: -4em;
 +
}
  
                    .row > .col-7-xlarge {
+
.row.gtr-200 > * {
                        width: 58.33333%;
+
padding: 0 0 0 4em;
                    }
+
}
  
                    .row > .off-7-xlarge {
+
.row.gtr-200.gtr-uniform {
                        margin-left: 58.33333%;
+
margin-top: -4em;
                    }
+
}
  
                    .row > .col-8-xlarge {
+
.row.gtr-200.gtr-uniform > * {
                        width: 66.66667%;
+
padding-top: 4em;
                    }
+
}
  
                    .row > .off-8-xlarge {
+
@media screen and (max-width: 1680px) {
                        margin-left: 66.66667%;
+
                    }
+
  
                    .row > .col-9-xlarge {
+
.row {
                        width: 75%;
+
display: flex;
                    }
+
flex-wrap: wrap;
 +
box-sizing: border-box;
 +
align-items: stretch;
 +
}
  
                    .row > .off-9-xlarge {
+
.row > * {
                        margin-left: 75%;
+
box-sizing: border-box;
                    }
+
}
  
                    .row > .col-10-xlarge {
+
.row.gtr-uniform > * > :last-child {
                        width: 83.33333%;
+
margin-bottom: 0;
                    }
+
}
  
                    .row > .off-10-xlarge {
+
.row.aln-left {
                        margin-left: 83.33333%;
+
justify-content: flex-start;
                    }
+
}
  
                    .row > .col-11-xlarge {
+
.row.aln-center {
                        width: 91.66667%;
+
justify-content: center;
                    }
+
}
  
                    .row > .off-11-xlarge {
+
.row.aln-right {
                        margin-left: 91.66667%;
+
justify-content: flex-end;
                    }
+
}
  
                    .row > .col-12-xlarge {
+
.row.aln-top {
                        width: 100%;
+
align-items: flex-start;
                    }
+
}
  
                    .row > .off-12-xlarge {
+
.row.aln-middle {
                        margin-left: 100%;
+
align-items: center;
                    }
+
}
  
                    .row.gtr-0 {
+
.row.aln-bottom {
                        margin-top: 0;
+
align-items: flex-end;
                        margin-left: 0em;
+
}
                    }
+
  
                        .row.gtr-0 > * {
+
.row > .imp-xlarge {
                            padding: 0 0 0 0em;
+
order: -1;
                        }
+
}
  
                        .row.gtr-0.gtr-uniform {
+
.row > .col-1-xlarge {
                            margin-top: 0em;
+
width: 8.33333%;
                        }
+
}
  
                            .row.gtr-0.gtr-uniform > * {
+
.row > .off-1-xlarge {
                                padding-top: 0em;
+
margin-left: 8.33333%;
                            }
+
}
  
                    .row.gtr-25 {
+
.row > .col-2-xlarge {
                        margin-top: 0;
+
width: 16.66667%;
                        margin-left: -0.5em;
+
}
                    }
+
  
                        .row.gtr-25 > * {
+
.row > .off-2-xlarge {
                            padding: 0 0 0 0.5em;
+
margin-left: 16.66667%;
                        }
+
}
  
                        .row.gtr-25.gtr-uniform {
+
.row > .col-3-xlarge {
                            margin-top: -0.5em;
+
width: 25%;
                        }
+
}
  
                            .row.gtr-25.gtr-uniform > * {
+
.row > .off-3-xlarge {
                                padding-top: 0.5em;
+
margin-left: 25%;
                            }
+
}
  
                    .row.gtr-50 {
+
.row > .col-4-xlarge {
                        margin-top: 0;
+
width: 33.33333%;
                        margin-left: -1em;
+
}
                    }
+
  
                        .row.gtr-50 > * {
+
.row > .off-4-xlarge {
                            padding: 0 0 0 1em;
+
margin-left: 33.33333%;
                        }
+
}
  
                        .row.gtr-50.gtr-uniform {
+
.row > .col-5-xlarge {
                            margin-top: -1em;
+
width: 41.66667%;
                        }
+
}
  
                            .row.gtr-50.gtr-uniform > * {
+
.row > .off-5-xlarge {
                                padding-top: 1em;
+
margin-left: 41.66667%;
                            }
+
}
  
                    .row {
+
.row > .col-6-xlarge {
                        margin-top: 0;
+
width: 50%;
                        margin-left: -2em;
+
}
                    }
+
  
                        .row > * {
+
.row > .off-6-xlarge {
                            padding: 0 0 0 2em;
+
margin-left: 50%;
                        }
+
}
  
                        .row.gtr-uniform {
+
.row > .col-7-xlarge {
                            margin-top: -2em;
+
width: 58.33333%;
                        }
+
}
  
                            .row.gtr-uniform > * {
+
.row > .off-7-xlarge {
                                padding-top: 2em;
+
margin-left: 58.33333%;
                            }
+
}
  
                    .row.gtr-150 {
+
.row > .col-8-xlarge {
                        margin-top: 0;
+
width: 66.66667%;
                        margin-left: -3em;
+
}
                    }
+
  
                        .row.gtr-150 > * {
+
.row > .off-8-xlarge {
                            padding: 0 0 0 3em;
+
margin-left: 66.66667%;
                        }
+
}
  
                        .row.gtr-150.gtr-uniform {
+
.row > .col-9-xlarge {
                            margin-top: -3em;
+
width: 75%;
                        }
+
}
  
                            .row.gtr-150.gtr-uniform > * {
+
.row > .off-9-xlarge {
                                padding-top: 3em;
+
margin-left: 75%;
                            }
+
}
  
                    .row.gtr-200 {
+
.row > .col-10-xlarge {
                        margin-top: 0;
+
width: 83.33333%;
                        margin-left: -4em;
+
}
                    }
+
  
                        .row.gtr-200 > * {
+
.row > .off-10-xlarge {
                            padding: 0 0 0 4em;
+
margin-left: 83.33333%;
                        }
+
}
  
                        .row.gtr-200.gtr-uniform {
+
.row > .col-11-xlarge {
                            margin-top: -4em;
+
width: 91.66667%;
                        }
+
}
  
                            .row.gtr-200.gtr-uniform > * {
+
.row > .off-11-xlarge {
                                padding-top: 4em;
+
margin-left: 91.66667%;
                            }
+
}
  
            }
+
.row > .col-12-xlarge {
 +
width: 100%;
 +
}
  
            @media screen and (max-width: 1280px) {
+
.row > .off-12-xlarge {
 +
margin-left: 100%;
 +
}
  
                .row {
+
.row.gtr-0 {
                    display: flex;
+
margin-top: 0;
                    flex-wrap: wrap;
+
margin-left: 0em;
                    box-sizing: border-box;
+
}
                    align-items: stretch;
+
                }
+
  
                    .row > * {
+
.row.gtr-0 > * {
                        box-sizing: border-box;
+
padding: 0 0 0 0em;
                    }
+
}
  
                    .row.gtr-uniform > * > :last-child {
+
.row.gtr-0.gtr-uniform {
                        margin-bottom: 0;
+
margin-top: 0em;
                    }
+
}
  
                    .row.aln-left {
+
.row.gtr-0.gtr-uniform > * {
                        justify-content: flex-start;
+
padding-top: 0em;
                    }
+
}
  
                    .row.aln-center {
+
.row.gtr-25 {
                        justify-content: center;
+
margin-top: 0;
                    }
+
margin-left: -0.5em;
 +
}
  
                    .row.aln-right {
+
.row.gtr-25 > * {
                        justify-content: flex-end;
+
padding: 0 0 0 0.5em;
                    }
+
}
  
                    .row.aln-top {
+
.row.gtr-25.gtr-uniform {
                        align-items: flex-start;
+
margin-top: -0.5em;
                    }
+
}
  
                    .row.aln-middle {
+
.row.gtr-25.gtr-uniform > * {
                        align-items: center;
+
padding-top: 0.5em;
                    }
+
}
  
                    .row.aln-bottom {
+
.row.gtr-50 {
                        align-items: flex-end;
+
margin-top: 0;
                    }
+
margin-left: -1em;
 +
}
  
                    .row > .imp-large {
+
.row.gtr-50 > * {
                        order: -1;
+
padding: 0 0 0 1em;
                    }
+
}
  
                    .row > .col-1-large {
+
.row.gtr-50.gtr-uniform {
                        width: 8.33333%;
+
margin-top: -1em;
                    }
+
}
  
                    .row > .off-1-large {
+
.row.gtr-50.gtr-uniform > * {
                        margin-left: 8.33333%;
+
padding-top: 1em;
                    }
+
}
  
                    .row > .col-2-large {
+
.row {
                        width: 16.66667%;
+
margin-top: 0;
                    }
+
margin-left: -2em;
 +
}
  
                    .row > .off-2-large {
+
.row > * {
                        margin-left: 16.66667%;
+
padding: 0 0 0 2em;
                    }
+
}
  
                    .row > .col-3-large {
+
.row.gtr-uniform {
                        width: 25%;
+
margin-top: -2em;
                    }
+
}
  
                    .row > .off-3-large {
+
.row.gtr-uniform > * {
                        margin-left: 25%;
+
padding-top: 2em;
                    }
+
}
  
                    .row > .col-4-large {
+
.row.gtr-150 {
                        width: 33.33333%;
+
margin-top: 0;
                    }
+
margin-left: -3em;
 +
}
  
                    .row > .off-4-large {
+
.row.gtr-150 > * {
                        margin-left: 33.33333%;
+
padding: 0 0 0 3em;
                    }
+
}
  
                    .row > .col-5-large {
+
.row.gtr-150.gtr-uniform {
                        width: 41.66667%;
+
margin-top: -3em;
                    }
+
}
  
                    .row > .off-5-large {
+
.row.gtr-150.gtr-uniform > * {
                        margin-left: 41.66667%;
+
padding-top: 3em;
                    }
+
}
  
                    .row > .col-6-large {
+
.row.gtr-200 {
                        width: 50%;
+
margin-top: 0;
                    }
+
margin-left: -4em;
 +
}
  
                    .row > .off-6-large {
+
.row.gtr-200 > * {
                        margin-left: 50%;
+
padding: 0 0 0 4em;
                    }
+
}
  
                    .row > .col-7-large {
+
.row.gtr-200.gtr-uniform {
                        width: 58.33333%;
+
margin-top: -4em;
                    }
+
}
  
                    .row > .off-7-large {
+
.row.gtr-200.gtr-uniform > * {
                        margin-left: 58.33333%;
+
padding-top: 4em;
                    }
+
}
  
                    .row > .col-8-large {
+
}
                        width: 66.66667%;
+
                    }
+
  
                    .row > .off-8-large {
+
@media screen and (max-width: 1280px) {
                        margin-left: 66.66667%;
+
                    }
+
  
                    .row > .col-9-large {
+
.row {
                        width: 75%;
+
display: flex;
                    }
+
flex-wrap: wrap;
 +
box-sizing: border-box;
 +
align-items: stretch;
 +
}
  
                    .row > .off-9-large {
+
.row > * {
                        margin-left: 75%;
+
box-sizing: border-box;
                    }
+
}
  
                    .row > .col-10-large {
+
.row.gtr-uniform > * > :last-child {
                        width: 83.33333%;
+
margin-bottom: 0;
                    }
+
}
  
                    .row > .off-10-large {
+
.row.aln-left {
                        margin-left: 83.33333%;
+
justify-content: flex-start;
                    }
+
}
  
                    .row > .col-11-large {
+
.row.aln-center {
                        width: 91.66667%;
+
justify-content: center;
                    }
+
}
  
                    .row > .off-11-large {
+
.row.aln-right {
                        margin-left: 91.66667%;
+
justify-content: flex-end;
                    }
+
}
  
                    .row > .col-12-large {
+
.row.aln-top {
                        width: 100%;
+
align-items: flex-start;
                    }
+
}
  
                    .row > .off-12-large {
+
.row.aln-middle {
                        margin-left: 100%;
+
align-items: center;
                    }
+
}
  
                    .row.gtr-0 {
+
.row.aln-bottom {
                        margin-top: 0;
+
align-items: flex-end;
                        margin-left: 0em;
+
}
                    }
+
  
                        .row.gtr-0 > * {
+
.row > .imp-large {
                            padding: 0 0 0 0em;
+
order: -1;
                        }
+
}
  
                        .row.gtr-0.gtr-uniform {
+
.row > .col-1-large {
                            margin-top: 0em;
+
width: 8.33333%;
                        }
+
}
  
                            .row.gtr-0.gtr-uniform > * {
+
.row > .off-1-large {
                                padding-top: 0em;
+
margin-left: 8.33333%;
                            }
+
}
  
                    .row.gtr-25 {
+
.row > .col-2-large {
                        margin-top: 0;
+
width: 16.66667%;
                        margin-left: -0.5em;
+
}
                    }
+
  
                        .row.gtr-25 > * {
+
.row > .off-2-large {
                            padding: 0 0 0 0.5em;
+
margin-left: 16.66667%;
                        }
+
}
  
                        .row.gtr-25.gtr-uniform {
+
.row > .col-3-large {
                            margin-top: -0.5em;
+
width: 25%;
                        }
+
}
  
                            .row.gtr-25.gtr-uniform > * {
+
.row > .off-3-large {
                                padding-top: 0.5em;
+
margin-left: 25%;
                            }
+
}
  
                    .row.gtr-50 {
+
.row > .col-4-large {
                        margin-top: 0;
+
width: 33.33333%;
                        margin-left: -1em;
+
}
                    }
+
  
                        .row.gtr-50 > * {
+
.row > .off-4-large {
                            padding: 0 0 0 1em;
+
margin-left: 33.33333%;
                        }
+
}
  
                        .row.gtr-50.gtr-uniform {
+
.row > .col-5-large {
                            margin-top: -1em;
+
width: 41.66667%;
                        }
+
}
  
                            .row.gtr-50.gtr-uniform > * {
+
.row > .off-5-large {
                                padding-top: 1em;
+
margin-left: 41.66667%;
                            }
+
}
  
                    .row {
+
.row > .col-6-large {
                        margin-top: 0;
+
width: 50%;
                        margin-left: -2em;
+
}
                    }
+
  
                        .row > * {
+
.row > .off-6-large {
                            padding: 0 0 0 2em;
+
margin-left: 50%;
                        }
+
}
  
                        .row.gtr-uniform {
+
.row > .col-7-large {
                            margin-top: -2em;
+
width: 58.33333%;
                        }
+
}
  
                            .row.gtr-uniform > * {
+
.row > .off-7-large {
                                padding-top: 2em;
+
margin-left: 58.33333%;
                            }
+
}
  
                    .row.gtr-150 {
+
.row > .col-8-large {
                        margin-top: 0;
+
width: 66.66667%;
                        margin-left: -3em;
+
}
                    }
+
  
                        .row.gtr-150 > * {
+
.row > .off-8-large {
                            padding: 0 0 0 3em;
+
margin-left: 66.66667%;
                        }
+
}
  
                        .row.gtr-150.gtr-uniform {
+
.row > .col-9-large {
                            margin-top: -3em;
+
width: 75%;
                        }
+
}
  
                            .row.gtr-150.gtr-uniform > * {
+
.row > .off-9-large {
                                padding-top: 3em;
+
margin-left: 75%;
                            }
+
}
  
                    .row.gtr-200 {
+
.row > .col-10-large {
                        margin-top: 0;
+
width: 83.33333%;
                        margin-left: -4em;
+
}
                    }
+
  
                        .row.gtr-200 > * {
+
.row > .off-10-large {
                            padding: 0 0 0 4em;
+
margin-left: 83.33333%;
                        }
+
}
  
                        .row.gtr-200.gtr-uniform {
+
.row > .col-11-large {
                            margin-top: -4em;
+
width: 91.66667%;
                        }
+
}
  
                            .row.gtr-200.gtr-uniform > * {
+
.row > .off-11-large {
                                padding-top: 4em;
+
margin-left: 91.66667%;
                            }
+
}
  
            }
+
.row > .col-12-large {
 +
width: 100%;
 +
}
  
            @media screen and (max-width: 980px) {
+
.row > .off-12-large {
 +
margin-left: 100%;
 +
}
  
                .row {
+
.row.gtr-0 {
                    display: flex;
+
margin-top: 0;
                    flex-wrap: wrap;
+
margin-left: 0em;
                    box-sizing: border-box;
+
}
                    align-items: stretch;
+
                }
+
  
                    .row > * {
+
.row.gtr-0 > * {
                        box-sizing: border-box;
+
padding: 0 0 0 0em;
                    }
+
}
  
                    .row.gtr-uniform > * > :last-child {
+
.row.gtr-0.gtr-uniform {
                        margin-bottom: 0;
+
margin-top: 0em;
                    }
+
}
  
                    .row.aln-left {
+
.row.gtr-0.gtr-uniform > * {
                        justify-content: flex-start;
+
padding-top: 0em;
                    }
+
}
  
                    .row.aln-center {
+
.row.gtr-25 {
                        justify-content: center;
+
margin-top: 0;
                    }
+
margin-left: -0.5em;
 +
}
  
                    .row.aln-right {
+
.row.gtr-25 > * {
                        justify-content: flex-end;
+
padding: 0 0 0 0.5em;
                    }
+
}
  
                    .row.aln-top {
+
.row.gtr-25.gtr-uniform {
                        align-items: flex-start;
+
margin-top: -0.5em;
                    }
+
}
  
                    .row.aln-middle {
+
.row.gtr-25.gtr-uniform > * {
                        align-items: center;
+
padding-top: 0.5em;
                    }
+
}
  
                    .row.aln-bottom {
+
.row.gtr-50 {
                        align-items: flex-end;
+
margin-top: 0;
                    }
+
margin-left: -1em;
 +
}
  
                    .row > .imp-medium {
+
.row.gtr-50 > * {
                        order: -1;
+
padding: 0 0 0 1em;
                    }
+
}
  
                    .row > .col-1-medium {
+
.row.gtr-50.gtr-uniform {
                        width: 8.33333%;
+
margin-top: -1em;
                    }
+
}
  
                    .row > .off-1-medium {
+
.row.gtr-50.gtr-uniform > * {
                        margin-left: 8.33333%;
+
padding-top: 1em;
                    }
+
}
  
                    .row > .col-2-medium {
+
.row {
                        width: 16.66667%;
+
margin-top: 0;
                    }
+
margin-left: -2em;
 +
}
  
                    .row > .off-2-medium {
+
.row > * {
                        margin-left: 16.66667%;
+
padding: 0 0 0 2em;
                    }
+
}
  
                    .row > .col-3-medium {
+
.row.gtr-uniform {
                        width: 25%;
+
margin-top: -2em;
                    }
+
}
  
                    .row > .off-3-medium {
+
.row.gtr-uniform > * {
                        margin-left: 25%;
+
padding-top: 2em;
                    }
+
}
  
                    .row > .col-4-medium {
+
.row.gtr-150 {
                        width: 33.33333%;
+
margin-top: 0;
                    }
+
margin-left: -3em;
 +
}
  
                    .row > .off-4-medium {
+
.row.gtr-150 > * {
                        margin-left: 33.33333%;
+
padding: 0 0 0 3em;
                    }
+
}
  
                    .row > .col-5-medium {
+
.row.gtr-150.gtr-uniform {
                        width: 41.66667%;
+
margin-top: -3em;
                    }
+
}
  
                    .row > .off-5-medium {
+
.row.gtr-150.gtr-uniform > * {
                        margin-left: 41.66667%;
+
padding-top: 3em;
                    }
+
}
  
                    .row > .col-6-medium {
+
.row.gtr-200 {
                        width: 50%;
+
margin-top: 0;
                    }
+
margin-left: -4em;
 +
}
  
                    .row > .off-6-medium {
+
.row.gtr-200 > * {
                        margin-left: 50%;
+
padding: 0 0 0 4em;
                    }
+
}
  
                    .row > .col-7-medium {
+
.row.gtr-200.gtr-uniform {
                        width: 58.33333%;
+
margin-top: -4em;
                    }
+
}
  
                    .row > .off-7-medium {
+
.row.gtr-200.gtr-uniform > * {
                        margin-left: 58.33333%;
+
padding-top: 4em;
                    }
+
}
  
                    .row > .col-8-medium {
+
}
                        width: 66.66667%;
+
                    }
+
  
                    .row > .off-8-medium {
+
@media screen and (max-width: 980px) {
                        margin-left: 66.66667%;
+
                    }
+
  
                    .row > .col-9-medium {
+
.row {
                        width: 75%;
+
display: flex;
                    }
+
flex-wrap: wrap;
 +
box-sizing: border-box;
 +
align-items: stretch;
 +
}
  
                    .row > .off-9-medium {
+
.row > * {
                        margin-left: 75%;
+
box-sizing: border-box;
                    }
+
}
  
                    .row > .col-10-medium {
+
.row.gtr-uniform > * > :last-child {
                        width: 83.33333%;
+
margin-bottom: 0;
                    }
+
}
  
                    .row > .off-10-medium {
+
.row.aln-left {
                        margin-left: 83.33333%;
+
justify-content: flex-start;
                    }
+
}
  
                    .row > .col-11-medium {
+
.row.aln-center {
                        width: 91.66667%;
+
justify-content: center;
                    }
+
}
  
                    .row > .off-11-medium {
+
.row.aln-right {
                        margin-left: 91.66667%;
+
justify-content: flex-end;
                    }
+
}
  
                    .row > .col-12-medium {
+
.row.aln-top {
                        width: 100%;
+
align-items: flex-start;
                    }
+
}
  
                    .row > .off-12-medium {
+
.row.aln-middle {
                        margin-left: 100%;
+
align-items: center;
                    }
+
}
  
                    .row.gtr-0 {
+
.row.aln-bottom {
                        margin-top: 0;
+
align-items: flex-end;
                        margin-left: 0em;
+
}
                    }
+
  
                        .row.gtr-0 > * {
+
.row > .imp-medium {
                            padding: 0 0 0 0em;
+
order: -1;
                        }
+
}
  
                        .row.gtr-0.gtr-uniform {
+
.row > .col-1-medium {
                            margin-top: 0em;
+
width: 8.33333%;
                        }
+
}
  
                            .row.gtr-0.gtr-uniform > * {
+
.row > .off-1-medium {
                                padding-top: 0em;
+
margin-left: 8.33333%;
                            }
+
}
  
                    .row.gtr-25 {
+
.row > .col-2-medium {
                        margin-top: 0;
+
width: 16.66667%;
                        margin-left: -0.375em;
+
}
                    }
+
  
                        .row.gtr-25 > * {
+
.row > .off-2-medium {
                            padding: 0 0 0 0.375em;
+
margin-left: 16.66667%;
                        }
+
}
  
                        .row.gtr-25.gtr-uniform {
+
.row > .col-3-medium {
                            margin-top: -0.375em;
+
width: 25%;
                        }
+
}
  
                            .row.gtr-25.gtr-uniform > * {
+
.row > .off-3-medium {
                                padding-top: 0.375em;
+
margin-left: 25%;
                            }
+
}
  
                    .row.gtr-50 {
+
.row > .col-4-medium {
                        margin-top: 0;
+
width: 33.33333%;
                        margin-left: -0.75em;
+
}
                    }
+
  
                        .row.gtr-50 > * {
+
.row > .off-4-medium {
                            padding: 0 0 0 0.75em;
+
margin-left: 33.33333%;
                        }
+
}
  
                        .row.gtr-50.gtr-uniform {
+
.row > .col-5-medium {
                            margin-top: -0.75em;
+
width: 41.66667%;
                        }
+
}
  
                            .row.gtr-50.gtr-uniform > * {
+
.row > .off-5-medium {
                                padding-top: 0.75em;
+
margin-left: 41.66667%;
                            }
+
}
  
                    .row {
+
.row > .col-6-medium {
                        margin-top: 0;
+
width: 50%;
                        margin-left: -1.5em;
+
}
                    }
+
  
                        .row > * {
+
.row > .off-6-medium {
                            padding: 0 0 0 1.5em;
+
margin-left: 50%;
                        }
+
}
  
                        .row.gtr-uniform {
+
.row > .col-7-medium {
                            margin-top: -1.5em;
+
width: 58.33333%;
                        }
+
}
  
                            .row.gtr-uniform > * {
+
.row > .off-7-medium {
                                padding-top: 1.5em;
+
margin-left: 58.33333%;
                            }
+
}
  
                    .row.gtr-150 {
+
.row > .col-8-medium {
                        margin-top: 0;
+
width: 66.66667%;
                        margin-left: -2.25em;
+
}
                    }
+
  
                        .row.gtr-150 > * {
+
.row > .off-8-medium {
                            padding: 0 0 0 2.25em;
+
margin-left: 66.66667%;
                        }
+
}
  
                        .row.gtr-150.gtr-uniform {
+
.row > .col-9-medium {
                            margin-top: -2.25em;
+
width: 75%;
                        }
+
}
  
                            .row.gtr-150.gtr-uniform > * {
+
.row > .off-9-medium {
                                padding-top: 2.25em;
+
margin-left: 75%;
                            }
+
}
  
                    .row.gtr-200 {
+
.row > .col-10-medium {
                        margin-top: 0;
+
width: 83.33333%;
                        margin-left: -3em;
+
}
                    }
+
  
                        .row.gtr-200 > * {
+
.row > .off-10-medium {
                            padding: 0 0 0 3em;
+
margin-left: 83.33333%;
                        }
+
}
  
                        .row.gtr-200.gtr-uniform {
+
.row > .col-11-medium {
                            margin-top: -3em;
+
width: 91.66667%;
                        }
+
}
  
                            .row.gtr-200.gtr-uniform > * {
+
.row > .off-11-medium {
                                padding-top: 3em;
+
margin-left: 91.66667%;
                            }
+
}
  
            }
+
.row > .col-12-medium {
 +
width: 100%;
 +
}
  
            @media screen and (max-width: 736px) {
+
.row > .off-12-medium {
 +
margin-left: 100%;
 +
}
  
                .row {
+
.row.gtr-0 {
                    display: flex;
+
margin-top: 0;
                    flex-wrap: wrap;
+
margin-left: 0em;
                    box-sizing: border-box;
+
}
                    align-items: stretch;
+
                }
+
  
                    .row > * {
+
.row.gtr-0 > * {
                        box-sizing: border-box;
+
padding: 0 0 0 0em;
                    }
+
}
  
                    .row.gtr-uniform > * > :last-child {
+
.row.gtr-0.gtr-uniform {
                        margin-bottom: 0;
+
margin-top: 0em;
                    }
+
}
  
                    .row.aln-left {
+
.row.gtr-0.gtr-uniform > * {
                        justify-content: flex-start;
+
padding-top: 0em;
                    }
+
}
  
                    .row.aln-center {
+
.row.gtr-25 {
                        justify-content: center;
+
margin-top: 0;
                    }
+
margin-left: -0.375em;
 +
}
  
                    .row.aln-right {
+
.row.gtr-25 > * {
                        justify-content: flex-end;
+
padding: 0 0 0 0.375em;
                    }
+
}
  
                    .row.aln-top {
+
.row.gtr-25.gtr-uniform {
                        align-items: flex-start;
+
margin-top: -0.375em;
                    }
+
}
  
                    .row.aln-middle {
+
.row.gtr-25.gtr-uniform > * {
                        align-items: center;
+
padding-top: 0.375em;
                    }
+
}
  
                    .row.aln-bottom {
+
.row.gtr-50 {
                        align-items: flex-end;
+
margin-top: 0;
                    }
+
margin-left: -0.75em;
 +
}
  
                    .row > .imp-small {
+
.row.gtr-50 > * {
                        order: -1;
+
padding: 0 0 0 0.75em;
                    }
+
}
  
                    .row > .col-1-small {
+
.row.gtr-50.gtr-uniform {
                        width: 8.33333%;
+
margin-top: -0.75em;
                    }
+
}
  
                    .row > .off-1-small {
+
.row.gtr-50.gtr-uniform > * {
                        margin-left: 8.33333%;
+
padding-top: 0.75em;
                    }
+
}
  
                    .row > .col-2-small {
+
.row {
                        width: 16.66667%;
+
margin-top: 0;
                    }
+
margin-left: -1.5em;
 +
}
  
                    .row > .off-2-small {
+
.row > * {
                        margin-left: 16.66667%;
+
padding: 0 0 0 1.5em;
                    }
+
}
  
                    .row > .col-3-small {
+
.row.gtr-uniform {
                        width: 25%;
+
margin-top: -1.5em;
                    }
+
}
  
                    .row > .off-3-small {
+
.row.gtr-uniform > * {
                        margin-left: 25%;
+
padding-top: 1.5em;
                    }
+
}
  
                    .row > .col-4-small {
+
.row.gtr-150 {
                        width: 33.33333%;
+
margin-top: 0;
                    }
+
margin-left: -2.25em;
 +
}
  
                    .row > .off-4-small {
+
.row.gtr-150 > * {
                        margin-left: 33.33333%;
+
padding: 0 0 0 2.25em;
                    }
+
}
  
                    .row > .col-5-small {
+
.row.gtr-150.gtr-uniform {
                        width: 41.66667%;
+
margin-top: -2.25em;
                    }
+
}
  
                    .row > .off-5-small {
+
.row.gtr-150.gtr-uniform > * {
                        margin-left: 41.66667%;
+
padding-top: 2.25em;
                    }
+
}
  
                    .row > .col-6-small {
+
.row.gtr-200 {
                        width: 50%;
+
margin-top: 0;
                    }
+
margin-left: -3em;
 +
}
  
                    .row > .off-6-small {
+
.row.gtr-200 > * {
                        margin-left: 50%;
+
padding: 0 0 0 3em;
                    }
+
}
  
                    .row > .col-7-small {
+
.row.gtr-200.gtr-uniform {
                        width: 58.33333%;
+
margin-top: -3em;
                    }
+
}
  
                    .row > .off-7-small {
+
.row.gtr-200.gtr-uniform > * {
                        margin-left: 58.33333%;
+
padding-top: 3em;
                    }
+
}
  
                    .row > .col-8-small {
+
}
                        width: 66.66667%;
+
                    }
+
  
                    .row > .off-8-small {
+
@media screen and (max-width: 736px) {
                        margin-left: 66.66667%;
+
                    }
+
  
                    .row > .col-9-small {
+
.row {
                        width: 75%;
+
display: flex;
                    }
+
flex-wrap: wrap;
 +
box-sizing: border-box;
 +
align-items: stretch;
 +
}
  
                    .row > .off-9-small {
+
.row > * {
                        margin-left: 75%;
+
box-sizing: border-box;
                    }
+
}
  
                    .row > .col-10-small {
+
.row.gtr-uniform > * > :last-child {
                        width: 83.33333%;
+
margin-bottom: 0;
                    }
+
}
  
                    .row > .off-10-small {
+
.row.aln-left {
                        margin-left: 83.33333%;
+
justify-content: flex-start;
                    }
+
}
  
                    .row > .col-11-small {
+
.row.aln-center {
                        width: 91.66667%;
+
justify-content: center;
                    }
+
}
  
                    .row > .off-11-small {
+
.row.aln-right {
                        margin-left: 91.66667%;
+
justify-content: flex-end;
                    }
+
}
  
                    .row > .col-12-small {
+
.row.aln-top {
                        width: 100%;
+
align-items: flex-start;
                    }
+
}
  
                    .row > .off-12-small {
+
.row.aln-middle {
                        margin-left: 100%;
+
align-items: center;
                    }
+
}
  
                    .row.gtr-0 {
+
.row.aln-bottom {
                        margin-top: 0;
+
align-items: flex-end;
                        margin-left: 0em;
+
}
                    }
+
  
                        .row.gtr-0 > * {
+
.row > .imp-small {
                            padding: 0 0 0 0em;
+
order: -1;
                        }
+
}
  
                        .row.gtr-0.gtr-uniform {
+
.row > .col-1-small {
                            margin-top: 0em;
+
width: 8.33333%;
                        }
+
}
  
                            .row.gtr-0.gtr-uniform > * {
+
.row > .off-1-small {
                                padding-top: 0em;
+
margin-left: 8.33333%;
                            }
+
}
  
                    .row.gtr-25 {
+
.row > .col-2-small {
                        margin-top: 0;
+
width: 16.66667%;
                        margin-left: -0.25em;
+
}
                    }
+
  
                        .row.gtr-25 > * {
+
.row > .off-2-small {
                            padding: 0 0 0 0.25em;
+
margin-left: 16.66667%;
                        }
+
}
  
                        .row.gtr-25.gtr-uniform {
+
.row > .col-3-small {
                            margin-top: -0.25em;
+
width: 25%;
                        }
+
}
  
                            .row.gtr-25.gtr-uniform > * {
+
.row > .off-3-small {
                                padding-top: 0.25em;
+
margin-left: 25%;
                            }
+
}
  
                    .row.gtr-50 {
+
.row > .col-4-small {
                        margin-top: 0;
+
width: 33.33333%;
                        margin-left: -0.5em;
+
}
                    }
+
  
                        .row.gtr-50 > * {
+
.row > .off-4-small {
                            padding: 0 0 0 0.5em;
+
margin-left: 33.33333%;
                        }
+
}
  
                        .row.gtr-50.gtr-uniform {
+
.row > .col-5-small {
                            margin-top: -0.5em;
+
width: 41.66667%;
                        }
+
}
  
                            .row.gtr-50.gtr-uniform > * {
+
.row > .off-5-small {
                                padding-top: 0.5em;
+
margin-left: 41.66667%;
                            }
+
}
  
                    .row {
+
.row > .col-6-small {
                        margin-top: 0;
+
width: 50%;
                        margin-left: -1em;
+
}
                    }
+
  
                        .row > * {
+
.row > .off-6-small {
                            padding: 0 0 0 1em;
+
margin-left: 50%;
                        }
+
}
  
                        .row.gtr-uniform {
+
.row > .col-7-small {
                            margin-top: -1em;
+
width: 58.33333%;
                        }
+
}
  
                            .row.gtr-uniform > * {
+
.row > .off-7-small {
                                padding-top: 1em;
+
margin-left: 58.33333%;
                            }
+
}
  
                    .row.gtr-150 {
+
.row > .col-8-small {
                        margin-top: 0;
+
width: 66.66667%;
                        margin-left: -1.5em;
+
}
                    }
+
  
                        .row.gtr-150 > * {
+
.row > .off-8-small {
                            padding: 0 0 0 1.5em;
+
margin-left: 66.66667%;
                        }
+
}
  
                        .row.gtr-150.gtr-uniform {
+
.row > .col-9-small {
                            margin-top: -1.5em;
+
width: 75%;
                        }
+
}
  
                            .row.gtr-150.gtr-uniform > * {
+
.row > .off-9-small {
                                padding-top: 1.5em;
+
margin-left: 75%;
                            }
+
}
  
                    .row.gtr-200 {
+
.row > .col-10-small {
                        margin-top: 0;
+
width: 83.33333%;
                        margin-left: -2em;
+
}
                    }
+
  
                        .row.gtr-200 > * {
+
.row > .off-10-small {
                            padding: 0 0 0 2em;
+
margin-left: 83.33333%;
                        }
+
}
  
                        .row.gtr-200.gtr-uniform {
+
.row > .col-11-small {
                            margin-top: -2em;
+
width: 91.66667%;
                        }
+
}
  
                            .row.gtr-200.gtr-uniform > * {
+
.row > .off-11-small {
                                padding-top: 2em;
+
margin-left: 91.66667%;
                            }
+
}
  
            }
+
.row > .col-12-small {
 +
width: 100%;
 +
}
  
            @media screen and (max-width: 480px) {
+
.row > .off-12-small {
 +
margin-left: 100%;
 +
}
  
                .row {
+
.row.gtr-0 {
                    display: flex;
+
margin-top: 0;
                    flex-wrap: wrap;
+
margin-left: 0em;
                    box-sizing: border-box;
+
}
                    align-items: stretch;
+
                }
+
  
                    .row > * {
+
.row.gtr-0 > * {
                        box-sizing: border-box;
+
padding: 0 0 0 0em;
                    }
+
}
  
                    .row.gtr-uniform > * > :last-child {
+
.row.gtr-0.gtr-uniform {
                        margin-bottom: 0;
+
margin-top: 0em;
                    }
+
}
  
                    .row.aln-left {
+
.row.gtr-0.gtr-uniform > * {
                        justify-content: flex-start;
+
padding-top: 0em;
                    }
+
}
  
                    .row.aln-center {
+
.row.gtr-25 {
                        justify-content: center;
+
margin-top: 0;
                    }
+
margin-left: -0.25em;
 +
}
  
                    .row.aln-right {
+
.row.gtr-25 > * {
                        justify-content: flex-end;
+
padding: 0 0 0 0.25em;
                    }
+
}
  
                    .row.aln-top {
+
.row.gtr-25.gtr-uniform {
                        align-items: flex-start;
+
margin-top: -0.25em;
                    }
+
}
  
                    .row.aln-middle {
+
.row.gtr-25.gtr-uniform > * {
                        align-items: center;
+
padding-top: 0.25em;
                    }
+
}
  
                    .row.aln-bottom {
+
.row.gtr-50 {
                        align-items: flex-end;
+
margin-top: 0;
                    }
+
margin-left: -0.5em;
 +
}
  
                    .row > .imp-xsmall {
+
.row.gtr-50 > * {
                        order: -1;
+
padding: 0 0 0 0.5em;
                    }
+
}
  
                    .row > .col-1-xsmall {
+
.row.gtr-50.gtr-uniform {
                        width: 8.33333%;
+
margin-top: -0.5em;
                    }
+
}
  
                    .row > .off-1-xsmall {
+
.row.gtr-50.gtr-uniform > * {
                        margin-left: 8.33333%;
+
padding-top: 0.5em;
                    }
+
}
  
                    .row > .col-2-xsmall {
+
.row {
                        width: 16.66667%;
+
margin-top: 0;
                    }
+
margin-left: -1em;
 +
}
  
                    .row > .off-2-xsmall {
+
.row > * {
                        margin-left: 16.66667%;
+
padding: 0 0 0 1em;
                    }
+
}
  
                    .row > .col-3-xsmall {
+
.row.gtr-uniform {
                        width: 25%;
+
margin-top: -1em;
                    }
+
}
  
                    .row > .off-3-xsmall {
+
.row.gtr-uniform > * {
                        margin-left: 25%;
+
padding-top: 1em;
                    }
+
}
  
                    .row > .col-4-xsmall {
+
.row.gtr-150 {
                        width: 33.33333%;
+
margin-top: 0;
                    }
+
margin-left: -1.5em;
 +
}
  
                    .row > .off-4-xsmall {
+
.row.gtr-150 > * {
                        margin-left: 33.33333%;
+
padding: 0 0 0 1.5em;
                    }
+
}
  
                    .row > .col-5-xsmall {
+
.row.gtr-150.gtr-uniform {
                        width: 41.66667%;
+
margin-top: -1.5em;
                    }
+
}
  
                    .row > .off-5-xsmall {
+
.row.gtr-150.gtr-uniform > * {
                        margin-left: 41.66667%;
+
padding-top: 1.5em;
                    }
+
}
  
                    .row > .col-6-xsmall {
+
.row.gtr-200 {
                        width: 50%;
+
margin-top: 0;
                    }
+
margin-left: -2em;
 +
}
  
                    .row > .off-6-xsmall {
+
.row.gtr-200 > * {
                        margin-left: 50%;
+
padding: 0 0 0 2em;
                    }
+
}
  
                    .row > .col-7-xsmall {
+
.row.gtr-200.gtr-uniform {
                        width: 58.33333%;
+
margin-top: -2em;
                    }
+
}
  
                    .row > .off-7-xsmall {
+
.row.gtr-200.gtr-uniform > * {
                        margin-left: 58.33333%;
+
padding-top: 2em;
                    }
+
}
  
                    .row > .col-8-xsmall {
+
}
                        width: 66.66667%;
+
                    }
+
  
                    .row > .off-8-xsmall {
+
@media screen and (max-width: 480px) {
                        margin-left: 66.66667%;
+
                    }
+
  
                    .row > .col-9-xsmall {
+
.row {
                        width: 75%;
+
display: flex;
                    }
+
flex-wrap: wrap;
 +
box-sizing: border-box;
 +
align-items: stretch;
 +
}
  
                    .row > .off-9-xsmall {
+
.row > * {
                        margin-left: 75%;
+
box-sizing: border-box;
                    }
+
}
  
                    .row > .col-10-xsmall {
+
.row.gtr-uniform > * > :last-child {
                        width: 83.33333%;
+
margin-bottom: 0;
                    }
+
}
  
                    .row > .off-10-xsmall {
+
.row.aln-left {
                        margin-left: 83.33333%;
+
justify-content: flex-start;
                    }
+
}
  
                    .row > .col-11-xsmall {
+
.row.aln-center {
                        width: 91.66667%;
+
justify-content: center;
                    }
+
}
  
                    .row > .off-11-xsmall {
+
.row.aln-right {
                        margin-left: 91.66667%;
+
justify-content: flex-end;
                    }
+
}
  
                    .row > .col-12-xsmall {
+
.row.aln-top {
                        width: 100%;
+
align-items: flex-start;
                    }
+
}
  
                    .row > .off-12-xsmall {
+
.row.aln-middle {
                        margin-left: 100%;
+
align-items: center;
                    }
+
}
  
                    .row.gtr-0 {
+
.row.aln-bottom {
                        margin-top: 0;
+
align-items: flex-end;
                        margin-left: 0em;
+
}
                    }
+
  
                        .row.gtr-0 > * {
+
.row > .imp-xsmall {
                            padding: 0 0 0 0em;
+
order: -1;
                        }
+
}
  
                        .row.gtr-0.gtr-uniform {
+
.row > .col-1-xsmall {
                            margin-top: 0em;
+
width: 8.33333%;
                        }
+
}
  
                            .row.gtr-0.gtr-uniform > * {
+
.row > .off-1-xsmall {
                                padding-top: 0em;
+
margin-left: 8.33333%;
                            }
+
}
  
                    .row.gtr-25 {
+
.row > .col-2-xsmall {
                        margin-top: 0;
+
width: 16.66667%;
                        margin-left: -0.25em;
+
}
                    }
+
  
                        .row.gtr-25 > * {
+
.row > .off-2-xsmall {
                            padding: 0 0 0 0.25em;
+
margin-left: 16.66667%;
                        }
+
}
  
                        .row.gtr-25.gtr-uniform {
+
.row > .col-3-xsmall {
                            margin-top: -0.25em;
+
width: 25%;
                        }
+
}
  
                            .row.gtr-25.gtr-uniform > * {
+
.row > .off-3-xsmall {
                                padding-top: 0.25em;
+
margin-left: 25%;
                            }
+
}
  
                    .row.gtr-50 {
+
.row > .col-4-xsmall {
                        margin-top: 0;
+
width: 33.33333%;
                        margin-left: -0.5em;
+
}
                    }
+
  
                        .row.gtr-50 > * {
+
.row > .off-4-xsmall {
                            padding: 0 0 0 0.5em;
+
margin-left: 33.33333%;
                        }
+
}
  
                        .row.gtr-50.gtr-uniform {
+
.row > .col-5-xsmall {
                            margin-top: -0.5em;
+
width: 41.66667%;
                        }
+
}
  
                            .row.gtr-50.gtr-uniform > * {
+
.row > .off-5-xsmall {
                                padding-top: 0.5em;
+
margin-left: 41.66667%;
                            }
+
}
  
                    .row {
+
.row > .col-6-xsmall {
                        margin-top: 0;
+
width: 50%;
                        margin-left: -1em;
+
}
                    }
+
  
                        .row > * {
+
.row > .off-6-xsmall {
                            padding: 0 0 0 1em;
+
margin-left: 50%;
                        }
+
}
  
                        .row.gtr-uniform {
+
.row > .col-7-xsmall {
                            margin-top: -1em;
+
width: 58.33333%;
                        }
+
}
  
                            .row.gtr-uniform > * {
+
.row > .off-7-xsmall {
                                padding-top: 1em;
+
margin-left: 58.33333%;
                            }
+
}
  
                    .row.gtr-150 {
+
.row > .col-8-xsmall {
                        margin-top: 0;
+
width: 66.66667%;
                        margin-left: -1.5em;
+
}
                    }
+
  
                        .row.gtr-150 > * {
+
.row > .off-8-xsmall {
                            padding: 0 0 0 1.5em;
+
margin-left: 66.66667%;
                        }
+
}
  
                        .row.gtr-150.gtr-uniform {
+
.row > .col-9-xsmall {
                            margin-top: -1.5em;
+
width: 75%;
                        }
+
}
  
                            .row.gtr-150.gtr-uniform > * {
+
.row > .off-9-xsmall {
                                padding-top: 1.5em;
+
margin-left: 75%;
                            }
+
}
  
                    .row.gtr-200 {
+
.row > .col-10-xsmall {
                        margin-top: 0;
+
width: 83.33333%;
                        margin-left: -2em;
+
}
                    }
+
  
                        .row.gtr-200 > * {
+
.row > .off-10-xsmall {
                            padding: 0 0 0 2em;
+
margin-left: 83.33333%;
                        }
+
}
  
                        .row.gtr-200.gtr-uniform {
+
.row > .col-11-xsmall {
                            margin-top: -2em;
+
width: 91.66667%;
                        }
+
}
  
                            .row.gtr-200.gtr-uniform > * {
+
.row > .off-11-xsmall {
                                padding-top: 2em;
+
margin-left: 91.66667%;
                            }
+
}
  
            }
+
.row > .col-12-xsmall {
 +
width: 100%;
 +
}
  
    /* Section/Article */
+
.row > .off-12-xsmall {
 +
margin-left: 100%;
 +
}
  
        section.special, article.special {
+
.row.gtr-0 {
            text-align: center;
+
margin-top: 0;
        }
+
margin-left: 0em;
 +
}
  
        header p {
+
.row.gtr-0 > * {
            margin-top: -1em;
+
padding: 0 0 0 0em;
        }
+
}
  
        @media screen and (max-width: 736px) {
+
.row.gtr-0.gtr-uniform {
 +
margin-top: 0em;
 +
}
  
            header p {
+
.row.gtr-0.gtr-uniform > * {
                margin-top: 0;
+
padding-top: 0em;
            }
+
}
  
        }
+
.row.gtr-25 {
 +
margin-top: 0;
 +
margin-left: -0.25em;
 +
}
  
    /* Icon */
+
.row.gtr-25 > * {
 +
padding: 0 0 0 0.25em;
 +
}
  
        .icon {
+
.row.gtr-25.gtr-uniform {
            text-decoration: none;
+
margin-top: -0.25em;
            border-bottom: none;
+
}
            position: relative;
+
 
        }
+
.row.gtr-25.gtr-uniform > * {
 +
padding-top: 0.25em;
 +
}
  
            .icon:before {
+
.row.gtr-50 {
                -moz-osx-font-smoothing: grayscale;
+
margin-top: 0;
                -webkit-font-smoothing: antialiased;
+
margin-left: -0.5em;
                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 > .label {
+
.row.gtr-50 > * {
                display: none;
+
padding: 0 0 0 0.5em;
            }
+
}
  
            .icon:before {
+
.row.gtr-50.gtr-uniform {
                line-height: inherit;
+
margin-top: -0.5em;
            }
+
}
  
            .icon.solid:before {
+
.row.gtr-50.gtr-uniform > * {
                font-weight: 900;
+
padding-top: 0.5em;
            }
+
}
  
            .icon.brands:before {
+
.row {
                font-family: 'Font Awesome 5 Brands';
+
margin-top: 0;
            }
+
margin-left: -1em;
 +
}
  
            .icon.style2 {
+
.row > * {
                -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+
padding: 0 0 0 1em;
                -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+
}
                -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+
 
                transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+
.row.gtr-uniform {
                background-color: transparent;
+
margin-top: -1em;
                border: solid 1px #c9c9c9;
+
}
                border-radius: 4px;
+
 
                width: 2.65em;
+
.row.gtr-uniform > * {
                height: 2.65em;
+
padding-top: 1em;
                display: inline-block;
+
}
                text-align: center;
+
 
                line-height: 2.65em;
+
.row.gtr-150 {
                color: inherit;
+
margin-top: 0;
 +
margin-left: -1.5em;
 +
}
 +
 
 +
.row.gtr-150 > * {
 +
padding: 0 0 0 1.5em;
 +
}
 +
 
 +
.row.gtr-150.gtr-uniform {
 +
margin-top: -1.5em;
 +
}
 +
 
 +
.row.gtr-150.gtr-uniform > * {
 +
padding-top: 1.5em;
 +
}
 +
 
 +
.row.gtr-200 {
 +
margin-top: 0;
 +
margin-left: -2em;
 +
}
 +
 
 +
.row.gtr-200 > * {
 +
padding: 0 0 0 2em;
 +
}
 +
 
 +
.row.gtr-200.gtr-uniform {
 +
margin-top: -2em;
 +
}
 +
 
 +
.row.gtr-200.gtr-uniform > * {
 +
padding-top: 2em;
 +
}
 +
 
 +
}
 +
 
 +
/* Section/Article */
 +
 
 +
section.special, article.special {
 +
text-align: center;
 +
}
 +
 
 +
header p {
 +
margin-top: -1em;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
header p {
 +
margin-top: 0;
 +
}
 +
 
 +
}
 +
 
 +
/* Icon */
 +
 
 +
.icon {
 +
text-decoration: none;
 +
border-bottom: 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 > .label {
 +
display: none;
 +
}
 +
 
 +
.icon:before {
 +
line-height: inherit;
 +
}
 +
 
 +
.icon.solid:before {
 +
font-weight: 900;
 +
}
 +
 
 +
.icon.brands:before {
 +
font-family: 'Font Awesome 5 Brands';
 +
}
 +
 
 +
.icon.style2 {
 +
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
 +
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out;
 +
background-color: transparent;
 +
border: solid 1px #c9c9c9;
 +
border-radius: 4px;
 +
width: 2.65em;
 +
height: 2.65em;
 +
display: inline-block;
 +
text-align: center;
 +
line-height: 2.65em;
 +
color: inherit;
 
                                 margin-bottom: 5% !important;
 
                                 margin-bottom: 5% !important;
            }
+
}
  
                .icon.style2:before {
+
.icon.style2:before {
                    font-size: 1.1em;
+
font-size: 1.1em;
                }
+
}
  
                .icon.style2:hover {
+
.icon.style2:hover {
                    color: #f2849e;
+
color: #f2849e;
                    border-color: #f2849e;
+
border-color: #f2849e;
                }
+
}
  
                .icon.style2:active {
+
.icon.style2:active {
                    background-color: rgba(242, 132, 158, 0.1);
+
background-color: rgba(242, 132, 158, 0.1);
                }
+
}
  
    /* List */
+
/* List */
  
        ol {
+
ol {
            list-style: decimal;
+
list-style: decimal;
            margin: 0 0 2em 0;
+
margin: 0 0 2em 0;
            padding-left: 1.25em;
+
padding-left: 1.25em;
        }
+
}
  
            ol li {
+
ol li {
                padding-left: 0.25em;
+
padding-left: 0.25em;
            }
+
}
  
        ul {
+
ul {
            list-style: disc;
+
list-style: disc;
            margin: 0 0 2em 0;
+
margin: 0 0 2em 0;
            padding-left: 1em;
+
padding-left: 1em;
        }
+
}
  
            ul li {
+
ul li {
                padding-left: 0.5em;
+
padding-left: 0.5em;
            }
+
}
  
            ul.alt {
+
ul.alt {
                list-style: none;
+
list-style: none;
                padding-left: 0;
+
padding-left: 0;
            }
+
}
  
                ul.alt li {
+
ul.alt li {
                    border-top: solid 1px #c9c9c9;
+
border-top: solid 1px #c9c9c9;
                    padding: 0.5em 0;
+
padding: 0.5em 0;
                }
+
}
  
                    ul.alt li:first-child {
+
ul.alt li:first-child {
                        border-top: 0;
+
border-top: 0;
                        padding-top: 0;
+
padding-top: 0;
                    }
+
}
  
        dl {
+
dl {
            margin: 0 0 2em 0;
+
margin: 0 0 2em 0;
        }
+
}
  
            dl dt {
+
dl dt {
                display: block;
+
display: block;
                font-weight: 900;
+
font-weight: 900;
                margin: 0 0 1em 0;
+
margin: 0 0 1em 0;
            }
+
}
  
            dl dd {
+
dl dd {
                margin-left: 2em;
+
margin-left: 2em;
            }
+
}
  
    /* Actions */
+
/* Actions */
  
        ul.actions {
+
ul.actions {
            display: -moz-flex;
+
display: -moz-flex;
            display: -webkit-flex;
+
display: -webkit-flex;
            display: -ms-flex;
+
display: -ms-flex;
            display: flex;
+
display: flex;
            cursor: default;
+
cursor: default;
            list-style: none;
+
list-style: none;
            margin-left: -1em;
+
margin-left: -1em;
            padding-left: 0;
+
padding-left: 0;
        }
+
}
  
            ul.actions li {
+
ul.actions li {
                padding: 0 0 0 1em;
+
padding: 0 0 0 1em;
                vertical-align: middle;
+
vertical-align: middle;
            }
+
}
  
            ul.actions.special {
+
ul.actions.special {
                -moz-justify-content: center;
+
-moz-justify-content: center;
                -webkit-justify-content: center;
+
-webkit-justify-content: center;
                -ms-justify-content: center;
+
-ms-justify-content: center;
                justify-content: center;
+
justify-content: center;
                width: 100%;
+
width: 100%;
                margin-left: 0;
+
margin-left: 0;
            }
+
}
  
                ul.actions.special li:first-child {
+
ul.actions.special li:first-child {
                    padding-left: 0;
+
padding-left: 0;
                }
+
}
  
            ul.actions.stacked {
+
ul.actions.stacked {
                -moz-flex-direction: column;
+
-moz-flex-direction: column;
                -webkit-flex-direction: column;
+
-webkit-flex-direction: column;
                -ms-flex-direction: column;
+
-ms-flex-direction: column;
                flex-direction: column;
+
flex-direction: column;
                margin-left: 0;
+
margin-left: 0;
            }
+
}
  
                ul.actions.stacked li {
+
ul.actions.stacked li {
                    padding: 1.3em 0 0 0;
+
padding: 1.3em 0 0 0;
                }
+
}
  
                    ul.actions.stacked li:first-child {
+
ul.actions.stacked li:first-child {
                        padding-top: 0;
+
padding-top: 0;
                    }
+
}
  
            ul.actions.fit {
+
ul.actions.fit {
                width: calc(100% + 1em);
+
width: calc(100% + 1em);
            }
+
}
  
                ul.actions.fit li {
+
ul.actions.fit li {
                    -moz-flex-grow: 1;
+
-moz-flex-grow: 1;
                    -webkit-flex-grow: 1;
+
-webkit-flex-grow: 1;
                    -ms-flex-grow: 1;
+
-ms-flex-grow: 1;
                    flex-grow: 1;
+
flex-grow: 1;
                    -moz-flex-shrink: 1;
+
-moz-flex-shrink: 1;
                    -webkit-flex-shrink: 1;
+
-webkit-flex-shrink: 1;
                    -ms-flex-shrink: 1;
+
-ms-flex-shrink: 1;
                    flex-shrink: 1;
+
flex-shrink: 1;
                    width: 100%;
+
width: 100%;
                }
+
}
  
                    ul.actions.fit li > * {
+
ul.actions.fit li > * {
                        width: 100%;
+
width: 100%;
                    }
+
}
  
                ul.actions.fit.stacked {
+
ul.actions.fit.stacked {
                    width: 100%;
+
width: 100%;
                }
+
}
  
            @media screen and (max-width: 480px) {
+
@media screen and (max-width: 480px) {
  
                ul.actions:not(.fixed) {
+
ul.actions:not(.fixed) {
                    -moz-flex-direction: column;
+
-moz-flex-direction: column;
                    -webkit-flex-direction: column;
+
-webkit-flex-direction: column;
                    -ms-flex-direction: column;
+
-ms-flex-direction: column;
                    flex-direction: column;
+
flex-direction: column;
                    margin-left: 0;
+
margin-left: 0;
                    width: 100% !important;
+
width: 100% !important;
                }
+
}
  
                    ul.actions:not(.fixed) li {
+
ul.actions:not(.fixed) li {
                        -moz-flex-grow: 1;
+
-moz-flex-grow: 1;
                        -webkit-flex-grow: 1;
+
-webkit-flex-grow: 1;
                        -ms-flex-grow: 1;
+
-ms-flex-grow: 1;
                        flex-grow: 1;
+
flex-grow: 1;
                        -moz-flex-shrink: 1;
+
-moz-flex-shrink: 1;
                        -webkit-flex-shrink: 1;
+
-webkit-flex-shrink: 1;
                        -ms-flex-shrink: 1;
+
-ms-flex-shrink: 1;
                        flex-shrink: 1;
+
flex-shrink: 1;
                        padding: 1em 0 0 0;
+
padding: 1em 0 0 0;
                        text-align: center;
+
text-align: center;
                        width: 100%;
+
width: 100%;
                    }
+
}
  
                        ul.actions:not(.fixed) li > * {
+
ul.actions:not(.fixed) li > * {
                            width: 100%;
+
width: 100%;
                        }
+
}
  
                        ul.actions:not(.fixed) li:first-child {
+
ul.actions:not(.fixed) li:first-child {
                            padding-top: 0;
+
padding-top: 0;
                        }
+
}
  
                        ul.actions:not(.fixed) li input[type="submit"],
+
ul.actions:not(.fixed) li input[type="submit"],
                        ul.actions:not(.fixed) li input[type="reset"],
+
ul.actions:not(.fixed) li input[type="reset"],
                        ul.actions:not(.fixed) li input[type="button"],
+
ul.actions:not(.fixed) li input[type="button"],
                        ul.actions:not(.fixed) li button,
+
ul.actions:not(.fixed) li button,
                        ul.actions:not(.fixed) li .button {
+
ul.actions:not(.fixed) li .button {
                            width: 100%;
+
width: 100%;
                        }
+
}
  
                            ul.actions:not(.fixed) li input[type="submit"].icon:before,
+
ul.actions:not(.fixed) li input[type="submit"].icon:before,
                            ul.actions:not(.fixed) li input[type="reset"].icon:before,
+
ul.actions:not(.fixed) li input[type="reset"].icon:before,
                            ul.actions:not(.fixed) li input[type="button"].icon:before,
+
ul.actions:not(.fixed) li input[type="button"].icon:before,
                            ul.actions:not(.fixed) li button.icon:before,
+
ul.actions:not(.fixed) li button.icon:before,
                            ul.actions:not(.fixed) li .button.icon:before {
+
ul.actions:not(.fixed) li .button.icon:before {
                                margin-left: -0.5rem;
+
margin-left: -0.5rem;
                            }
+
}
  
            }
+
}
  
    /* Icons */
+
/* Icons */
  
        ul.icons {
+
ul.icons {
            cursor: default;
+
cursor: default;
            list-style: none;
+
list-style: none;
            padding-left: 0;
+
padding-left: 0;
            margin: -1em 0 2em -1em;
+
margin: -1em 0 2em -1em;
        }
+
}
  
            ul.icons li {
+
ul.icons li {
                display: inline-block;
+
display: inline-block;
                padding: 1em 0 0 1em;
+
padding: 1em 0 0 1em;
            }
+
}
  
    /* Form */
+
/* Form */
  
        form {
+
form {
            margin: 0 0 2em 0;
+
margin: 0 0 2em 0;
            overflow-x: hidden;
+
overflow-x: hidden;
        }
+
}
  
            form > :last-child {
+
form > :last-child {
                margin-bottom: 0;
+
margin-bottom: 0;
            }
+
}
  
            form > .fields {
+
form > .fields {
                display: -moz-flex;
+
display: -moz-flex;
                display: -webkit-flex;
+
display: -webkit-flex;
                display: -ms-flex;
+
display: -ms-flex;
                display: flex;
+
display: flex;
                -moz-flex-wrap: wrap;
+
-moz-flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
+
-webkit-flex-wrap: wrap;
                -ms-flex-wrap: wrap;
+
-ms-flex-wrap: wrap;
                flex-wrap: wrap;
+
flex-wrap: wrap;
                width: calc(100% + 3em);
+
width: calc(100% + 3em);
                margin: -1.5em 0 2em -1.5em;
+
margin: -1.5em 0 2em -1.5em;
            }
+
}
  
                form > .fields > .field {
+
form > .fields > .field {
                    -moz-flex-grow: 0;
+
-moz-flex-grow: 0;
                    -webkit-flex-grow: 0;
+
-webkit-flex-grow: 0;
                    -ms-flex-grow: 0;
+
-ms-flex-grow: 0;
                    flex-grow: 0;
+
flex-grow: 0;
                    -moz-flex-shrink: 0;
+
-moz-flex-shrink: 0;
                    -webkit-flex-shrink: 0;
+
-webkit-flex-shrink: 0;
                    -ms-flex-shrink: 0;
+
-ms-flex-shrink: 0;
                    flex-shrink: 0;
+
flex-shrink: 0;
                    padding: 1.5em 0 0 1.5em;
+
padding: 1.5em 0 0 1.5em;
                    width: calc(100% - 1.5em);
+
width: calc(100% - 1.5em);
                }
+
}
  
                    form > .fields > .field.half {
+
form > .fields > .field.half {
                        width: calc(50% - 0.75em);
+
width: calc(50% - 0.75em);
                    }
+
}
  
                    form > .fields > .field.third {
+
form > .fields > .field.third {
                        width: calc(100%/3 - 0.5em);
+
width: calc(100%/3 - 0.5em);
                    }
+
}
  
                    form > .fields > .field.quarter {
+
form > .fields > .field.quarter {
                        width: calc(25% - 0.375em);
+
width: calc(25% - 0.375em);
                    }
+
}
  
            @media screen and (max-width: 480px) {
+
@media screen and (max-width: 480px) {
  
                form > .fields {
+
form > .fields {
                    width: calc(100% + 3em);
+
width: calc(100% + 3em);
                    margin: -1.5em 0 2em -1.5em;
+
margin: -1.5em 0 2em -1.5em;
                }
+
}
  
                    form > .fields > .field {
+
form > .fields > .field {
                        padding: 1.5em 0 0 1.5em;
+
padding: 1.5em 0 0 1.5em;
                        width: calc(100% - 1.5em);
+
width: calc(100% - 1.5em);
                    }
+
}
  
                        form > .fields > .field.half {
+
form > .fields > .field.half {
                            width: calc(100% - 1.5em);
+
width: calc(100% - 1.5em);
                        }
+
}
  
                        form > .fields > .field.third {
+
form > .fields > .field.third {
                            width: calc(100% - 1.5em);
+
width: calc(100% - 1.5em);
                        }
+
}
  
                        form > .fields > .field.quarter {
+
form > .fields > .field.quarter {
                            width: calc(100% - 1.5em);
+
width: calc(100% - 1.5em);
                        }
+
}
  
            }
+
}
  
        label {
+
label {
            display: block;
+
display: block;
            font-size: 0.9em;
+
font-size: 0.9em;
            font-weight: 900;
+
font-weight: 900;
            margin: 0 0 1em 0;
+
margin: 0 0 1em 0;
        }
+
}
  
        input[type="text"],
+
input[type="text"],
        input[type="password"],
+
input[type="password"],
        input[type="email"],
+
input[type="email"],
        input[type="tel"],
+
input[type="tel"],
        select,
+
select,
        textarea {
+
textarea {
            -moz-appearance: none;
+
-moz-appearance: none;
            -webkit-appearance: none;
+
-webkit-appearance: none;
            -ms-appearance: none;
+
-ms-appearance: none;
            appearance: none;
+
appearance: none;
            background-color: transparent;
+
background-color: transparent;
            border: none;
+
border: none;
            border-radius: 0;
+
border-radius: 0;
            border-bottom: solid 1px #c9c9c9;
+
border-bottom: solid 1px #c9c9c9;
            color: inherit;
+
color: inherit;
            display: block;
+
display: block;
            outline: 0;
+
outline: 0;
            padding: 0;
+
padding: 0;
            text-decoration: none;
+
text-decoration: none;
            width: 100%;
+
width: 100%;
        }
+
}
  
            input[type="text"]:invalid,
+
input[type="text"]:invalid,
            input[type="password"]:invalid,
+
input[type="password"]:invalid,
            input[type="email"]:invalid,
+
input[type="email"]:invalid,
            input[type="tel"]:invalid,
+
input[type="tel"]:invalid,
            select:invalid,
+
select:invalid,
            textarea:invalid {
+
textarea:invalid {
                box-shadow: none;
+
box-shadow: none;
            }
+
}
  
            input[type="text"]:focus,
+
input[type="text"]:focus,
            input[type="password"]:focus,
+
input[type="password"]:focus,
            input[type="email"]:focus,
+
input[type="email"]:focus,
            input[type="tel"]:focus,
+
input[type="tel"]:focus,
            select:focus,
+
select:focus,
            textarea:focus {
+
textarea:focus {
                border-bottom-color: #f2849e;
+
border-bottom-color: #f2849e;
                box-shadow: inset 0 -1px 0 0 #f2849e;
+
box-shadow: inset 0 -1px 0 0 #f2849e;
            }
+
}
  
        select {
+
select {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23c9c9c9' /%3E%3C/svg%3E");
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%23c9c9c9' /%3E%3C/svg%3E");
            background-size: 1.25rem;
+
background-size: 1.25rem;
            background-repeat: no-repeat;
+
background-repeat: no-repeat;
            background-position: calc(100% - 1rem) center;
+
background-position: calc(100% - 1rem) center;
            height: 3em;
+
height: 3em;
            padding-right: 3em;
+
padding-right: 3em;
            text-overflow: ellipsis;
+
text-overflow: ellipsis;
        }
+
}
  
            select option {
+
select option {
                background: #ffffff;
+
background: #ffffff;
            }
+
}
  
            select:focus::-ms-value {
+
select:focus::-ms-value {
                background-color: transparent;
+
background-color: transparent;
            }
+
}
  
            select::-ms-expand {
+
select::-ms-expand {
                display: none;
+
display: none;
            }
+
}
  
        input[type="text"],
+
input[type="text"],
        input[type="password"],
+
input[type="password"],
        input[type="email"],
+
input[type="email"],
        select {
+
select {
            height: 3em;
+
height: 3em;
        }
+
}
  
        textarea {
+
textarea {
            padding: 0;
+
padding: 0;
            min-height: 3.75em;
+
min-height: 3.75em;
        }
+
}
  
        input[type="checkbox"],
+
input[type="checkbox"],
        input[type="radio"] {
+
input[type="radio"] {
            -moz-appearance: none;
+
-moz-appearance: none;
            -webkit-appearance: none;
+
-webkit-appearance: none;
            -ms-appearance: none;
+
-ms-appearance: none;
            appearance: none;
+
appearance: none;
            display: block;
+
display: block;
            float: left;
+
float: left;
            margin-right: -2em;
+
margin-right: -2em;
            opacity: 0;
+
opacity: 0;
            width: 1em;
+
width: 1em;
            z-index: -1;
+
z-index: -1;
        }
+
}
  
            input[type="checkbox"] + label,
+
input[type="checkbox"] + label,
            input[type="radio"] + label {
+
input[type="radio"] + label {
                text-decoration: none;
+
text-decoration: none;
                color: #585858;
+
color: #585858;
                cursor: pointer;
+
cursor: pointer;
                display: inline-block;
+
display: inline-block;
                font-size: 1em;
+
font-size: 1em;
                font-weight: 300;
+
font-weight: 300;
                padding-left: 2.55em;
+
padding-left: 2.55em;
                padding-right: 0.75em;
+
padding-right: 0.75em;
                position: relative;
+
position: relative;
            }
+
}
  
                input[type="checkbox"] + label:before,
+
input[type="checkbox"] + label:before,
                input[type="radio"] + label:before {
+
input[type="radio"] + label:before {
                    -moz-osx-font-smoothing: grayscale;
+
-moz-osx-font-smoothing: grayscale;
                    -webkit-font-smoothing: antialiased;
+
-webkit-font-smoothing: antialiased;
                    display: inline-block;
+
display: inline-block;
                    font-style: normal;
+
font-style: normal;
                    font-variant: normal;
+
font-variant: normal;
                    text-rendering: auto;
+
text-rendering: auto;
                    line-height: 1;
+
line-height: 1;
                    text-transform: none !important;
+
text-transform: none !important;
                    font-family: 'Font Awesome 5 Free';
+
font-family: 'Font Awesome 5 Free';
                    font-weight: 900;
+
font-weight: 900;
                }
+
}
  
                input[type="checkbox"] + label:before,
+
input[type="checkbox"] + label:before,
                input[type="radio"] + label:before {
+
input[type="radio"] + label:before {
                    border-radius: 4px;
+
border-radius: 4px;
                    border: solid 1px #c9c9c9;
+
border: solid 1px #c9c9c9;
                    content: '';
+
content: '';
                    display: inline-block;
+
display: inline-block;
                    font-size: 0.8em;
+
font-size: 0.8em;
                    height: 2.25em;
+
height: 2.25em;
                    left: 0;
+
left: 0;
                    line-height: 2.25em;
+
line-height: 2.25em;
                    position: absolute;
+
position: absolute;
                    text-align: center;
+
text-align: center;
                    top: 0;
+
top: 0;
                    width: 2.25em;
+
width: 2.25em;
                }
+
}
  
            input[type="checkbox"]:checked + label:before,
+
input[type="checkbox"]:checked + label:before,
            input[type="radio"]:checked + label:before {
+
input[type="radio"]:checked + label:before {
                background: #585858;
+
background: #585858;
                border-color: #585858;
+
border-color: #585858;
                color: #ffffff;
+
color: #ffffff;
                content: '\f00c';
+
content: '\f00c';
            }
+
}
  
            input[type="checkbox"]:focus + label:before,
+
input[type="checkbox"]:focus + label:before,
            input[type="radio"]:focus + label:before {
+
input[type="radio"]:focus + label:before {
                border-color: #f2849e;
+
border-color: #f2849e;
                box-shadow: 0 0 0 1px #f2849e;
+
box-shadow: 0 0 0 1px #f2849e;
            }
+
}
  
        input[type="checkbox"] + label:before {
+
input[type="checkbox"] + label:before {
            border-radius: 4px;
+
border-radius: 4px;
        }
+
}
  
        input[type="radio"] + label:before {
+
input[type="radio"] + label:before {
            border-radius: 100%;
+
border-radius: 100%;
        }
+
}
  
    /* Box */
+
/* Box */
  
        .box {
+
.box {
            border-radius: 4px;
+
border-radius: 4px;
            border: solid 1px #c9c9c9;
+
border: solid 1px #c9c9c9;
            margin-bottom: 2em;
+
margin-bottom: 2em;
            padding: 1.5em;
+
padding: 1.5em;
        }
+
}
  
            .box > :last-child,
+
.box > :last-child,
            .box > :last-child > :last-child,
+
.box > :last-child > :last-child,
            .box > :last-child > :last-child > :last-child {
+
.box > :last-child > :last-child > :last-child {
                margin-bottom: 0;
+
margin-bottom: 0;
            }
+
}
  
            .box.alt {
+
.box.alt {
                border: 0;
+
border: 0;
                border-radius: 0;
+
border-radius: 0;
                padding: 0;
+
padding: 0;
            }
+
}
  
    /* Image */
+
/* Image */
  
        .image {
+
.image {
            border-radius: 4px;
+
border-radius: 4px;
            border: 0;
+
border: 0;
            display: inline-block;
+
display: inline-block;
            position: relative;
+
position: relative;
        }
+
}
  
            .image img {
+
.image img {
                border-radius: 4px;
+
border-radius: 4px;
                display: block;
+
display: block;
            }
+
}
  
            .image.left, .image.right {
+
.image.left, .image.right {
                max-width: 40%;
+
max-width: 40%;
            }
+
}
  
                .image.left img, .image.right img {
+
.image.left img, .image.right img {
                    width: 100%;
+
width: 100%;
                }
+
}
  
            .image.left {
+
.image.left {
                float: left;
+
float: left;
                padding: 0 1.5em 1em 0;
+
padding: 0 1.5em 1em 0;
                top: 0.25em;
+
top: 0.25em;
            }
+
}
  
            .image.right {
+
.image.right {
                float: right;
+
float: right;
                padding: 0 0 1em 1.5em;
+
padding: 0 0 1em 1.5em;
                top: 0.25em;
+
top: 0.25em;
            }
+
}
  
            .image.fit {
+
.image.fit {
                display: block;
+
display: block;
                margin: 0 0 2em 0;
+
margin: 0 0 2em 0;
                width: 100%;
+
width: 100%;
            }
+
}
  
                .image.fit img {
+
.image.fit img {
                    width: 100%;
+
width: 100%;
                }
+
}
  
            .image.main {
+
.image.main {
                display: block;
+
display: block;
                margin: 0 0 3em 0;
+
margin: 0 0 3em 0;
                width: 100%;
+
width: 100%;
            }
+
}
  
                .image.main img {
+
.image.main img {
                    width: 100%;
+
width: 100%;
                }
+
}
  
                @media screen and (max-width: 736px) {
+
@media screen and (max-width: 736px) {
  
                    .image.main {
+
.image.main {
                        margin: 0 0 2em 0;
+
margin: 0 0 2em 0;
                    }
+
}
  
                }
+
}
  
    /* Table */
+
/* Table */
  
        .table-wrapper {
+
.table-wrapper {
            -webkit-overflow-scrolling: touch;
+
-webkit-overflow-scrolling: touch;
            overflow-x: auto;
+
overflow-x: auto;
        }
+
}
  
        table {
+
table {
            margin: 0 0 2em 0;
+
margin: 0 0 2em 0;
            width: 100%;
+
width: 100%;
        }
+
}
  
            table tbody tr {
+
table tbody tr {
                border: solid 1px #c9c9c9;
+
border: solid 1px #c9c9c9;
                border-left: 0;
+
border-left: 0;
                border-right: 0;
+
border-right: 0;
            }
+
}
  
                table tbody tr:nth-child(2n + 1) {
+
table tbody tr:nth-child(2n + 1) {
                    background-color: rgba(144, 144, 144, 0.075);
+
background-color: rgba(144, 144, 144, 0.075);
                }
+
}
  
            table td {
+
table td {
                padding: 0.75em 0.75em;
+
padding: 0.75em 0.75em;
            }
+
}
  
            table th {
+
table th {
                font-size: 0.9em;
+
font-size: 0.9em;
                font-weight: 900;
+
font-weight: 900;
                padding: 0 0.75em 0.75em 0.75em;
+
padding: 0 0.75em 0.75em 0.75em;
                text-align: left;
+
text-align: left;
            }
+
}
  
            table thead {
+
table thead {
                border-bottom: solid 2px #c9c9c9;
+
border-bottom: solid 2px #c9c9c9;
            }
+
}
  
            table tfoot {
+
table tfoot {
                border-top: solid 2px #c9c9c9;
+
border-top: solid 2px #c9c9c9;
            }
+
}
  
            table.alt {
+
table.alt {
                border-collapse: separate;
+
border-collapse: separate;
            }
+
}
  
                table.alt tbody tr td {
+
table.alt tbody tr td {
                    border: solid 1px #c9c9c9;
+
border: solid 1px #c9c9c9;
                    border-left-width: 0;
+
border-left-width: 0;
                    border-top-width: 0;
+
border-top-width: 0;
                }
+
}
  
                    table.alt tbody tr td:first-child {
+
table.alt tbody tr td:first-child {
                        border-left-width: 1px;
+
border-left-width: 1px;
                    }
+
}
  
                table.alt tbody tr:first-child td {
+
table.alt tbody tr:first-child td {
                    border-top-width: 1px;
+
border-top-width: 1px;
                }
+
}
  
                table.alt thead {
+
table.alt thead {
                    border-bottom: 0;
+
border-bottom: 0;
                }
+
}
  
                table.alt tfoot {
+
table.alt tfoot {
                    border-top: 0;
+
border-top: 0;
                }
+
}
  
    /* Button */
+
/* Button */
  
        input[type="submit"],
+
input[type="submit"],
        input[type="reset"],
+
input[type="reset"],
        input[type="button"],
+
input[type="button"],
        button,
+
button,
        .button {
+
.button {
            -moz-appearance: none;
+
-moz-appearance: none;
            -webkit-appearance: none;
+
-webkit-appearance: none;
            -ms-appearance: none;
+
-ms-appearance: none;
            appearance: none;
+
appearance: none;
            -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
+
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            background-color: transparent;
+
background-color: transparent;
            border-radius: 4px;
+
border-radius: 4px;
            border: 0;
+
border: 0;
            box-shadow: inset 0 0 0 2px #585858;
+
box-shadow: inset 0 0 0 2px #585858;
            color: #585858 !important;
+
color: #585858 !important;
            cursor: pointer;
+
cursor: pointer;
            display: inline-block;
+
display: inline-block;
            font-size: 0.8em;
+
font-size: 0.8em;
            font-weight: 900;
+
font-weight: 900;
            height: 3.5em;
+
height: 3.5em;
            letter-spacing: 0.35em;
+
letter-spacing: 0.35em;
            line-height: 3.45em;
+
line-height: 3.45em;
            overflow: hidden;
+
overflow: hidden;
            padding: 0 1.25em 0 1.6em;
+
padding: 0 1.25em 0 1.6em;
            text-align: center;
+
text-align: center;
            text-decoration: none;
+
text-decoration: none;
            text-overflow: ellipsis;
+
text-overflow: ellipsis;
            text-transform: uppercase;
+
text-transform: uppercase;
            white-space: nowrap;
+
white-space: nowrap;
        }
+
}
  
            input[type="submit"].icon:before,
+
input[type="submit"].icon:before,
            input[type="reset"].icon:before,
+
input[type="reset"].icon:before,
            input[type="button"].icon:before,
+
input[type="button"].icon:before,
            button.icon:before,
+
button.icon:before,
            .button.icon:before {
+
.button.icon:before {
                margin-right: 0.5em;
+
margin-right: 0.5em;
            }
+
}
  
            input[type="submit"].fit,
+
input[type="submit"].fit,
            input[type="reset"].fit,
+
input[type="reset"].fit,
            input[type="button"].fit,
+
input[type="button"].fit,
            button.fit,
+
button.fit,
            .button.fit {
+
.button.fit {
                width: 100%;
+
width: 100%;
            }
+
}
  
            input[type="submit"]:hover,
+
input[type="submit"]:hover,
            input[type="reset"]:hover,
+
input[type="reset"]:hover,
            input[type="button"]:hover,
+
input[type="button"]:hover,
            button:hover,
+
button:hover,
            .button:hover {
+
.button:hover {
                color: #f2849e !important;
+
color: #f2849e !important;
                box-shadow: inset 0 0 0 2px #f2849e;
+
box-shadow: inset 0 0 0 2px #f2849e;
            }
+
}
  
            input[type="submit"]:active,
+
input[type="submit"]:active,
            input[type="reset"]:active,
+
input[type="reset"]:active,
            input[type="button"]:active,
+
input[type="button"]:active,
            button:active,
+
button:active,
            .button:active {
+
.button:active {
                background-color: rgba(242, 132, 158, 0.1);
+
background-color: rgba(242, 132, 158, 0.1);
            }
+
}
  
            input[type="submit"].small,
+
input[type="submit"].small,
            input[type="reset"].small,
+
input[type="reset"].small,
            input[type="button"].small,
+
input[type="button"].small,
            button.small,
+
button.small,
            .button.small {
+
.button.small {
                font-size: 0.6em;
+
font-size: 0.6em;
            }
+
}
  
            input[type="submit"].large,
+
input[type="submit"].large,
            input[type="reset"].large,
+
input[type="reset"].large,
            input[type="button"].large,
+
input[type="button"].large,
            button.large,
+
button.large,
            .button.large {
+
.button.large {
                font-size: 1em;
+
font-size: 1em;
            }
+
}
  
            input[type="submit"].primary,
+
input[type="submit"].primary,
            input[type="reset"].primary,
+
input[type="reset"].primary,
            input[type="button"].primary,
+
input[type="button"].primary,
            button.primary,
+
button.primary,
            .button.primary {
+
.button.primary {
                box-shadow: none;
+
box-shadow: none;
                background-color: #585858;
+
background-color: #585858;
                color: #ffffff !important;
+
color: #ffffff !important;
            }
+
}
  
                input[type="submit"].primary:hover,
+
input[type="submit"].primary:hover,
                input[type="reset"].primary:hover,
+
input[type="reset"].primary:hover,
                input[type="button"].primary:hover,
+
input[type="button"].primary:hover,
                button.primary:hover,
+
button.primary:hover,
                .button.primary:hover {
+
.button.primary:hover {
                    background-color: #f2849e;
+
background-color: #f2849e;
                }
+
}
  
                input[type="submit"].primary:active,
+
input[type="submit"].primary:active,
                input[type="reset"].primary:active,
+
input[type="reset"].primary:active,
                input[type="button"].primary:active,
+
input[type="button"].primary:active,
                button.primary:active,
+
button.primary:active,
                .button.primary:active {
+
.button.primary:active {
                    background-color: #ee5f81;
+
background-color: #ee5f81;
                }
+
}
  
            input[type="submit"].disabled, input[type="submit"]:disabled,
+
input[type="submit"].disabled, input[type="submit"]:disabled,
            input[type="reset"].disabled,
+
input[type="reset"].disabled,
            input[type="reset"]:disabled,
+
input[type="reset"]:disabled,
            input[type="button"].disabled,
+
input[type="button"].disabled,
            input[type="button"]:disabled,
+
input[type="button"]:disabled,
            button.disabled,
+
button.disabled,
            button:disabled,
+
button:disabled,
            .button.disabled,
+
.button.disabled,
            .button:disabled {
+
.button:disabled {
                pointer-events: none;
+
pointer-events: none;
                opacity: 0.25;
+
opacity: 0.25;
            }
+
}
  
    /* Tiles */
+
/* Tiles */
  
        .tiles {
+
.tiles {
            display: -moz-flex;
+
display: -moz-flex;
            display: -webkit-flex;
+
display: -webkit-flex;
            display: -ms-flex;
+
display: -ms-flex;
            display: flex;
+
display: flex;
            -moz-flex-wrap: wrap;
+
-moz-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
+
-webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
+
-ms-flex-wrap: wrap;
            flex-wrap: wrap;
+
flex-wrap: wrap;
            postiion: relative;
+
postiion: relative;
            margin: -2.5em 0 0 -2.5em;
+
margin: -2.5em 0 0 -2.5em;
        }
+
}
  
            .tiles article {
+
.tiles article {
                -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
+
-moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
                -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
+
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
                -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
+
-ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
                transition: transform 0.5s ease, opacity 0.5s ease;
+
transition: transform 0.5s ease, opacity 0.5s ease;
                position: relative;
+
position: relative;
                width: calc(33.33333% - 2.5em);
+
width: calc(33.33333% - 2.5em);
                margin: 2.5em 0 0 2.5em;
+
margin: 2.5em 0 0 2.5em;
            }
+
}
  
                .tiles article > .image {
+
.tiles article > .image {
                    -moz-transition: -moz-transform 0.5s ease;
+
-moz-transition: -moz-transform 0.5s ease;
                    -webkit-transition: -webkit-transform 0.5s ease;
+
-webkit-transition: -webkit-transform 0.5s ease;
                    -ms-transition: -ms-transform 0.5s ease;
+
-ms-transition: -ms-transform 0.5s ease;
                    transition: transform 0.5s ease;
+
transition: transform 0.5s ease;
                    position: relative;
+
position: relative;
                    display: block;
+
display: block;
                    width: 100%;
+
width: 100%;
                    border-radius: 4px;
+
border-radius: 4px;
                    overflow: hidden;
+
overflow: hidden;
                }
+
}
  
                    .tiles article > .image img {
+
.tiles article > .image img {
                        display: block;
+
display: block;
                        width: 100%;
+
width: 100%;
                    }
+
}
  
                    .tiles article > .image:before {
+
.tiles article > .image:before {
                        pointer-events: none;
+
pointer-events: none;
                        -moz-transition: background-color 0.5s ease, opacity 0.5s ease;
+
-moz-transition: background-color 0.5s ease, opacity 0.5s ease;
                        -webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
+
-webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
                        -ms-transition: background-color 0.5s ease, opacity 0.5s ease;
+
-ms-transition: background-color 0.5s ease, opacity 0.5s ease;
                        transition: background-color 0.5s ease, opacity 0.5s ease;
+
transition: background-color 0.5s ease, opacity 0.5s ease;
                        content: '';
+
content: '';
                        display: block;
+
display: block;
                        position: absolute;
+
position: absolute;
                        top: 0;
+
top: 0;
                        left: 0;
+
left: 0;
                        width: 100%;
+
width: 100%;
                        height: 100%;
+
height: 100%;
                        opacity: 1.0;
+
opacity: 1.0;
                        z-index: 1;
+
z-index: 1;
                        opacity: 0.8;
+
opacity: 0.8;
                    }
+
}
  
                    .tiles article > .image:after {
+
.tiles article > .image:after {
                        pointer-events: none;
+
pointer-events: none;
                        -moz-transition: opacity 0.5s ease;
+
-moz-transition: opacity 0.5s ease;
                        -webkit-transition: opacity 0.5s ease;
+
-webkit-transition: opacity 0.5s ease;
                        -ms-transition: opacity 0.5s ease;
+
-ms-transition: opacity 0.5s ease;
                        transition: opacity 0.5s ease;
+
transition: opacity 0.5s ease;
                        content: '';
+
content: '';
                        display: block;
+
display: block;
                        position: absolute;
+
position: absolute;
                        top: 0;
+
top: 0;
                        left: 0;
+
left: 0;
                        width: 100%;
+
width: 100%;
                        height: 100%;
+
height: 100%;
                        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");
                        background-position: center;
+
background-position: center;
                        background-repeat: no-repeat;
+
background-repeat: no-repeat;
                        background-size: 100% 100%;
+
background-size: 100% 100%;
                        opacity: 0.25;
+
opacity: 0.25;
                        z-index: 2;
+
z-index: 2;
                    }
+
}
  
                .tiles article > a {
+
.tiles article > a {
                    display: -moz-flex;
+
display: -moz-flex;
                    display: -webkit-flex;
+
display: -webkit-flex;
                    display: -ms-flex;
+
display: -ms-flex;
                    display: flex;
+
display: flex;
                    -moz-flex-direction: column;
+
-moz-flex-direction: column;
                    -webkit-flex-direction: column;
+
-webkit-flex-direction: column;
                    -ms-flex-direction: column;
+
-ms-flex-direction: column;
                    flex-direction: column;
+
flex-direction: column;
                    -moz-align-items: center;
+
-moz-align-items: center;
                    -webkit-align-items: center;
+
-webkit-align-items: center;
                    -ms-align-items: center;
+
-ms-align-items: center;
                    align-items: center;
+
align-items: center;
                    -moz-justify-content: center;
+
-moz-justify-content: center;
                    -webkit-justify-content: center;
+
-webkit-justify-content: center;
                    -ms-justify-content: center;
+
-ms-justify-content: center;
                    justify-content: center;
+
justify-content: center;
                    -moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
+
-moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
                    -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
+
-webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
                    -ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
+
-ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
                    transition: background-color 0.5s ease, transform 0.5s ease;
+
transition: background-color 0.5s ease, transform 0.5s ease;
                    position: absolute;
+
position: absolute;
                    top: 0;
+
top: 0;
                    left: 0;
+
left: 0;
                    width: 100%;
+
width: 100%;
                    height: 100%;
+
height: 100%;
                    padding: 1em;
+
padding: 1em;
                    border-radius: 4px;
+
border-radius: 4px;
                    border-bottom: 0;
+
border-bottom: 0;
                    color: #ffffff;
+
color: #ffffff;
                    text-align: center;
+
text-align: center;
                    text-decoration: none;
+
text-decoration: none;
                    z-index: 3;
+
z-index: 3;
                }
+
}
  
                    .tiles article > a > :last-child {
+
.tiles article > a > :last-child {
                        margin: 0;
+
margin: 0;
                    }
+
}
  
                    .tiles article > a:hover {
+
.tiles article > a:hover {
                        color: #ffffff !important;
+
color: #ffffff !important;
                    }
+
}
  
                    .tiles article > a h2 {
+
.tiles article > a h2 {
                        margin: 0;
+
margin: 0;
                    }
+
}
  
                    .tiles article > a .content {
+
.tiles article > a .content {
                        -moz-transition: max-height 0.5s ease, opacity 0.5s ease;
+
-moz-transition: max-height 0.5s ease, opacity 0.5s ease;
                        -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
+
-webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
                        -ms-transition: max-height 0.5s ease, opacity 0.5s ease;
+
-ms-transition: max-height 0.5s ease, opacity 0.5s ease;
                        transition: max-height 0.5s ease, opacity 0.5s ease;
+
transition: max-height 0.5s ease, opacity 0.5s ease;
                        width: 100%;
+
width: 100%;
                        max-height: 0;
+
max-height: 0;
                        line-height: 1.5;
+
line-height: 1.5;
                        margin-top: 0.35em;
+
margin-top: 0.35em;
                        opacity: 0;
+
opacity: 0;
                    }
+
}
  
                        .tiles article > a .content > :last-child {
+
.tiles article > a .content > :last-child {
                            margin-bottom: 0;
+
margin-bottom: 0;
                        }
+
}
  
                .tiles article.style1 > .image:before {
+
.tiles article.style1 > .image:before {
                    background-color: #f2849e;
+
background-color: #f2849e;
                }
+
}
  
                .tiles article.style2 > .image:before {
+
.tiles article.style2 > .image:before {
                    background-color: #7ecaf6;
+
background-color: #7ecaf6;
                }
+
}
  
                .tiles article.style3 > .image:before {
+
.tiles article.style3 > .image:before {
                    background-color: #7bd0c1;
+
background-color: #7bd0c1;
                }
+
}
  
                .tiles article.style4 > .image:before {
+
.tiles article.style4 > .image:before {
                    background-color: #c75b9b;
+
background-color: #c75b9b;
                }
+
}
  
                .tiles article.style5 > .image:before {
+
.tiles article.style5 > .image:before {
                    background-color: #ae85ca;
+
background-color: #ae85ca;
                }
+
}
  
                .tiles article.style6 > .image:before {
+
.tiles article.style6 > .image:before {
                    background-color: #8499e7;
+
background-color: #8499e7;
                }
+
}
  
                body:not(.is-touch) .tiles article:hover > .image {
+
body:not(.is-touch) .tiles article:hover > .image {
                    -moz-transform: scale(1.1);
+
-moz-transform: scale(1.1);
                    -webkit-transform: scale(1.1);
+
-webkit-transform: scale(1.1);
                    -ms-transform: scale(1.1);
+
-ms-transform: scale(1.1);
                    transform: scale(1.1);
+
transform: scale(1.1);
                }
+
}
  
                    body:not(.is-touch) .tiles article:hover > .image:before {
+
body:not(.is-touch) .tiles article:hover > .image:before {
                        background-color: #333333;
+
background-color: #333333;
                        opacity: 0.35;
+
opacity: 0.35;
                    }
+
}
  
                    body:not(.is-touch) .tiles article:hover > .image:after {
+
body:not(.is-touch) .tiles article:hover > .image:after {
                        opacity: 0;
+
opacity: 0;
                    }
+
}
  
                body:not(.is-touch) .tiles article:hover .content {
+
body:not(.is-touch) .tiles article:hover .content {
                    max-height: 15em;
+
max-height: 15em;
                    opacity: 1;
+
opacity: 1;
                }
+
}
  
            * + .tiles {
+
* + .tiles {
                margin-top: 2em;
+
margin-top: 2em;
            }
+
}
  
            body.is-preload .tiles article {
+
body.is-preload .tiles article {
                -moz-transform: scale(0.9);
+
-moz-transform: scale(0.9);
                -webkit-transform: scale(0.9);
+
-webkit-transform: scale(0.9);
                -ms-transform: scale(0.9);
+
-ms-transform: scale(0.9);
                transform: scale(0.9);
+
transform: scale(0.9);
                opacity: 0;
+
opacity: 0;
            }
+
}
  
            body.is-touch .tiles article .content {
+
body.is-touch .tiles article .content {
                max-height: 15em;
+
max-height: 15em;
                opacity: 1;
+
opacity: 1;
            }
+
}
  
            @media screen and (max-width: 1280px) {
+
@media screen and (max-width: 1280px) {
  
                .tiles {
+
.tiles {
                    margin: -1.25em 0 0 -1.25em;
+
margin: -1.25em 0 0 -1.25em;
                }
+
}
  
                    .tiles article {
+
.tiles article {
                        width: calc(33.33333% - 1.25em);
+
width: calc(33.33333% - 1.25em);
                        margin: 1.25em 0 0 1.25em;
+
margin: 1.25em 0 0 1.25em;
                    }
+
}
  
            }
+
}
  
            @media screen and (max-width: 980px) {
+
@media screen and (max-width: 980px) {
  
                .tiles {
+
.tiles {
                    margin: -2.5em 0 0 -2.5em;
+
margin: -2.5em 0 0 -2.5em;
                }
+
}
  
                    .tiles article {
+
.tiles article {
                        width: calc(50% - 2.5em);
+
width: calc(50% - 2.5em);
                        margin: 2.5em 0 0 2.5em;
+
margin: 2.5em 0 0 2.5em;
                    }
+
}
  
            }
+
}
  
            @media screen and (max-width: 736px) {
+
@media screen and (max-width: 736px) {
  
                .tiles {
+
.tiles {
                    margin: -1.25em 0 0 -1.25em;
+
margin: -1.25em 0 0 -1.25em;
                }
+
}
  
                    .tiles article {
+
.tiles article {
                        width: calc(50% - 1.25em);
+
width: calc(50% - 1.25em);
                        margin: 1.25em 0 0 1.25em;
+
margin: 1.25em 0 0 1.25em;
                    }
+
}
  
                        .tiles article:hover > .image {
+
.tiles article:hover > .image {
                            -moz-transform: scale(1.0);
+
-moz-transform: scale(1.0);
                            -webkit-transform: scale(1.0);
+
-webkit-transform: scale(1.0);
                            -ms-transform: scale(1.0);
+
-ms-transform: scale(1.0);
                            transform: scale(1.0);
+
transform: scale(1.0);
                        }
+
}
  
            }
+
}
  
            @media screen and (max-width: 480px) {
+
@media screen and (max-width: 480px) {
  
                .tiles {
+
.tiles {
                    margin: 0;
+
margin: 0;
                }
+
}
  
                    .tiles article {
+
.tiles article {
                        width: 100%;
+
width: 100%;
                        margin: 1.25em 0 0 0;
+
margin: 1.25em 0 0 0;
                    }
+
}
  
            }
+
}
  
    /* Header */
+
/* Header */
  
        #header {
+
#header {
            padding: 2em 0 0.1em 0 ;
+
padding: 3em 0 0.1em 0 ;
            margin: 2em;
+
}
        }
+
  
            #header .logo {
+
#header .logo {
                display: block;
+
display: block;
                border-bottom: 0;
+
border-bottom: 0;
                color: inherit;
+
color: inherit;
                font-weight: 900;
+
font-weight: 900;
                letter-spacing: 0.35em;
+
letter-spacing: 0.35em;
                margin: 0 0 2.5em 0;
+
margin: 0 0 2.5em 0;
                text-decoration: none;
+
text-decoration: none;
                display: inline-block;
+
display: inline-block;
            }
+
}
  
                #header .logo > * {
+
#header .logo > * {
                    display: inline-block;
+
display: inline-block;
                    vertical-align: middle;
+
vertical-align: middle;
                }
+
}
  
                #header .logo .symbol {
+
#header .logo .symbol {
                    margin-right: 0.65em;
+
margin-right: 0.65em;
                }
+
}
  
                    #header .logo .symbol img {
+
#header .logo .symbol img {
                        display: block;
+
display: block;
                        width: 5em;
+
width: 4em;
                        height: 4.5em;
+
height: 3.25em;
                    }
+
}
  
   
+
#header nav {
 +
position: fixed;
 +
right: 2em;
 +
top: 2em;
 +
z-index: 10000;
 +
}
  
            @media screen and (max-width: 736px) {
+
#header nav ul {
 +
display: -moz-flex;
 +
display: -webkit-flex;
 +
display: -ms-flex;
 +
display: flex;
 +
-moz-align-items: center;
 +
-webkit-align-items: center;
 +
-ms-align-items: center;
 +
align-items: center;
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
}
  
                #header {
+
#header nav ul li {
                    padding: 4em 0 0.1em 0 ;
+
display: block;
                }
+
padding: 0;
 +
}
  
 +
#header nav ul li a {
 +
display: block;
 +
position: relative;
 +
height: 3em;
 +
line-height: 3em;
 +
padding: 0 1.5em;
 +
background-color: rgba(255, 255, 255, 0.5);
 +
border-radius: 4px;
 +
border: 0;
 +
font-size: 0.8em;
 +
font-weight: 900;
 +
letter-spacing: 0.35em;
 +
text-transform: uppercase;
 +
}
  
    /* Main */
+
#header nav ul li a[href="#menu"] {
 +
-webkit-tap-highlight-color: transparent;
 +
width: 4em;
 +
text-indent: 4em;
 +
font-size: 1em;
 +
overflow: hidden;
 +
padding: 0;
 +
white-space: nowrap;
 +
}
  
        #main {
+
#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
            padding: 0em 0 6em 0 ;
+
-moz-transition: opacity 0.2s ease;
        }
+
-webkit-transition: opacity 0.2s ease;
 +
-ms-transition: opacity 0.2s ease;
 +
transition: opacity 0.2s ease;
 +
content: '';
 +
display: block;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 2em 2em;
 +
}
  
            @media screen and (max-width: 736px) {
+
#header nav ul li a[href="#menu"]:before {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23f2849e%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
 +
opacity: 0;
 +
}
  
                #main {
+
#header nav ul li a[href="#menu"]:after {
                    padding: 0em 0 4em 0 ;
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='0' y1='25' x2='100' y2='25' /%3E%3Cline x1='0' y1='50' x2='100' y2='50' /%3E%3Cline x1='0' y1='75' x2='100' y2='75' /%3E%3C/svg%3E");
                }
+
opacity: 1;
 +
}
  
            }
+
#header nav ul li a[href="#menu"]:hover:before {
 +
opacity: 1;
 +
}
  
    /* Footer */
+
#header nav ul li a[href="#menu"]:hover:after {
 +
opacity: 0;
 +
}
  
        #footer {
+
@media screen and (max-width: 736px) {
            padding: 5em 0 6em 0 ;
+
            background-color: #f6f6f6;
+
        }
+
  
            #footer > .inner {
+
#header {
                display: -moz-flex;
+
padding: 4em 0 0.1em 0 ;
                display: -webkit-flex;
+
}
                display: -ms-flex;
+
                display: flex;
+
                -moz-flex-wrap: wrap;
+
                -webkit-flex-wrap: wrap;
+
                -ms-flex-wrap: wrap;
+
                flex-wrap: wrap;
+
                -moz-flex-direction: row;
+
                -webkit-flex-direction: row;
+
                -ms-flex-direction: row;
+
                flex-direction: row;
+
            }
+
  
                #footer > .inner > * > :last-child {
+
#header nav {
                    margin-bottom: 0;
+
right: 0.5em;
                }
+
top: 0.5em;
 +
}
  
                #footer > .inner section:nth-child(1) {
+
#header nav ul li a[href="#menu"]:before, #header nav ul li a[href="#menu"]:after {
                    width: calc(66% - 2.5em);
+
background-size: 1.5em 1.5em;
                    margin-right: 2.5em;
+
}
                }
+
  
                #footer > .inner section:nth-child(2) {
+
}
                    width: calc(33% - 2.5em);
+
                    margin-left: 2.5em;
+
                }
+
  
                #footer > .inner .copyright {
+
/* Menu */
                    width: 100%;
+
                    padding: 0;
+
                    margin-top: 5em;
+
                    list-style: none;
+
                    font-size: 0.8em;
+
                    color: rgba(88, 88, 88, 0.5);
+
                }
+
  
                    #footer > .inner .copyright a {
+
#wrapper {
                        color: inherit;
+
-moz-transition: opacity 0.45s ease;
                    }
+
-webkit-transition: opacity 0.45s ease;
 +
-ms-transition: opacity 0.45s ease;
 +
transition: opacity 0.45s ease;
 +
opacity: 1;
 +
}
  
                    #footer > .inner .copyright li {
+
#menu {
                        display: inline-block;
+
-moz-transform: translateX(22em);
                        border-left: solid 1px rgba(88, 88, 88, 0.15);
+
-webkit-transform: translateX(22em);
                        line-height: 1;
+
-ms-transform: translateX(22em);
                        padding: 0 0 0 1em;
+
transform: translateX(22em);
                        margin: 0 0 0 1em;
+
-moz-transition: -moz-transform 0.45s ease, visibility 0.45s;
                    }
+
-webkit-transition: -webkit-transform 0.45s ease, visibility 0.45s;
 +
-ms-transition: -ms-transform 0.45s ease, visibility 0.45s;
 +
transition: transform 0.45s ease, visibility 0.45s;
 +
position: fixed;
 +
top: 0;
 +
right: 0;
 +
width: 22em;
 +
max-width: 80%;
 +
height: 100%;
 +
-webkit-overflow-scrolling: touch;
 +
background: #585858;
 +
color: #ffffff;
 +
cursor: default;
 +
visibility: hidden;
 +
z-index: 10002;
 +
}
  
                        #footer > .inner .copyright li:first-child {
+
#menu > .inner {
                            border-left: 0;
+
-moz-transition: opacity 0.45s ease;
                            padding-left: 0;
+
-webkit-transition: opacity 0.45s ease;
                            margin-left: 0;
+
-ms-transition: opacity 0.45s ease;
                        }
+
transition: opacity 0.45s ease;
 +
-webkit-overflow-scrolling: touch;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
padding: 2.75em;
 +
opacity: 0;
 +
overflow-y: auto;
 +
}
  
            @media screen and (max-width: 1280px) {
+
#menu > .inner > ul {
 +
list-style: none;
 +
margin: 0 0 1em 0;
 +
padding: 0;
 +
}
  
                #footer {
+
#menu > .inner > ul > li {
                    padding: 5em 0 3em 0 ;
+
padding: 0;
                }
+
border-top: solid 1px rgba(255, 255, 255, 0.15);
 +
}
  
                    #footer > .inner section:nth-child(1) {
+
#menu > .inner > ul > li a {
                        width: calc(66% - 1.25em);
+
display: block;
                        margin-right: 1.25em;
+
padding: 1em 0;
                    }
+
line-height: 1.5;
 +
border: 0;
 +
color: inherit;
 +
}
  
                    #footer > .inner section:nth-child(2) {
+
#menu > .inner > ul > li:first-child {
                        width: calc(33% - 1.25em);
+
border-top: 0;
                        margin-left: 1.25em;
+
margin-top: -1em;
                    }
+
}
  
            }
+
#menu > .close {
 +
-moz-transition: opacity 0.45s ease, -moz-transform 0.45s ease;
 +
-webkit-transition: opacity 0.45s ease, -webkit-transform 0.45s ease;
 +
-ms-transition: opacity 0.45s ease, -ms-transform 0.45s ease;
 +
transition: opacity 0.45s ease, transform 0.45s ease;
 +
-moz-transform: scale(0.25) rotate(180deg);
 +
-webkit-transform: scale(0.25) rotate(180deg);
 +
-ms-transform: scale(0.25) rotate(180deg);
 +
transform: scale(0.25) rotate(180deg);
 +
-webkit-tap-highlight-color: transparent;
 +
display: block;
 +
position: absolute;
 +
top: 2em;
 +
left: -6em;
 +
width: 6em;
 +
text-indent: 6em;
 +
height: 3em;
 +
border: 0;
 +
font-size: 1em;
 +
opacity: 0;
 +
overflow: hidden;
 +
padding: 0;
 +
white-space: nowrap;
 +
}
  
            @media screen and (max-width: 980px) {
+
#menu > .close:before, #menu > .close:after {
 +
-moz-transition: opacity 0.2s ease;
 +
-webkit-transition: opacity 0.2s ease;
 +
-ms-transition: opacity 0.2s ease;
 +
transition: opacity 0.2s ease;
 +
content: '';
 +
display: block;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
height: 100%;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: 2em 2em;
 +
}
  
                #footer > .inner section:nth-child(1) {
+
#menu > .close:before {
                    width: 66%;
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23f2849e%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
                    margin-right: 0;
+
opacity: 0;
                }
+
}
  
                #footer > .inner section:nth-child(2) {
+
#menu > .close:after {
                    width: calc(33% - 2.5em);
+
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 8px%3B stroke: %23585858%3B %7D%3C/style%3E%3Cline x1='15' y1='15' x2='85' y2='85' /%3E%3Cline x1='85' y1='15' x2='15' y2='85' /%3E%3C/svg%3E");
                    margin-left: 2.5em;
+
opacity: 1;
                }
+
}
  
            }
+
#menu > .close:hover:before {
 +
opacity: 1;
 +
}
  
            @media screen and (max-width: 736px) {
+
#menu > .close:hover:after {
 +
opacity: 0;
 +
}
  
                #footer {
+
@media screen and (max-width: 736px) {
                    padding: 3em 0 1em 0 ;
+
                }
+
  
                    #footer > .inner {
+
#menu {
                        -moz-flex-direction: column;
+
-moz-transform: translateX(16.5em);
                        -webkit-flex-direction: column;
+
-webkit-transform: translateX(16.5em);
                        -ms-flex-direction: column;
+
-ms-transform: translateX(16.5em);
                        flex-direction: column;
+
transform: translateX(16.5em);
                    }
+
width: 16.5em;
 +
}
  
                        #footer > .inner section:nth-child(1) {
+
#menu > .inner {
                            width: 100%;
+
padding: 2.75em 1.5em;
                            margin-right: 0;
+
}
                            margin: 3em 0 0 0;
+
                        }
+
  
                        #footer > .inner section:nth-child(2) {
+
#menu > .close {
                            -moz-order: -1;
+
top: 0.5em;
                            -webkit-order: -1;
+
left: -4.25em;
                            -ms-order: -1;
+
width: 4.25em;
                            order: -1;
+
text-indent: 4.25em;
                            width: 100%;
+
}
                            margin-left: 0;
+
                        }
+
  
                        #footer > .inner .copyright {
+
#menu > .close:before, #menu > .close:after {
                            margin-top: 3em;
+
background-size: 1.5em 1.5em;
                        }
+
}
  
            }
+
}
  
            @media screen and (max-width: 480px) {
+
body.is-menu-visible #wrapper {
 +
pointer-events: none;
 +
cursor: default;
 +
opacity: 0.25;
 +
}
  
                #footer > .inner .copyright {
+
body.is-menu-visible #menu {
                    margin-top: 3em;
+
-moz-transform: translateX(0);
                }
+
-webkit-transform: translateX(0);
 +
-ms-transform: translateX(0);
 +
transform: translateX(0);
 +
visibility: visible;
 +
}
  
                    #footer > .inner .copyright li {
+
body.is-menu-visible #menu > * {
                        border-left: 0;
+
opacity: 1;
                        padding-left: 0;
+
}
                        margin: 0.75em 0 0 0;
+
                        display: block;
+
                        line-height: inherit;
+
                    }
+
  
                        #footer > .inner .copyright li:first-child {
+
body.is-menu-visible #menu .close {
                            margin-top: 0;
+
-moz-transform: scale(1.0) rotate(0deg);
                        }
+
-webkit-transform: scale(1.0) rotate(0deg);
 +
-ms-transform: scale(1.0) rotate(0deg);
 +
transform: scale(1.0) rotate(0deg);
 +
opacity: 1;
 +
}
  
            }
+
/* Main */
  
    /* Wrapper */
+
#main {
 +
padding: 0em 0 6em 0 ;
 +
}
  
        #wrapper > * > .inner {
+
@media screen and (max-width: 736px) {
            width: 100%;
+
            max-width: 68em;
+
            margin: 0 auto;
+
            padding: 0 2.5em;
+
        }
+
  
            @media screen and (max-width: 736px) {
+
#main {
 +
padding: 0em 0 4em 0 ;
 +
}
  
                #wrapper > * > .inner {
+
}
                    padding: 0 1.25em;
+
                }
+
  
            }
+
/* Footer */
        #HQ_page p {
+
      display: none !important;
+
      margin: 0 !important;
+
    }
+
  
    p.unhide_p {
+
#footer {
      display: block !important;
+
padding: 5em 0 6em 0 ;
    }
+
background-color: #f6f6f6;
   
+
}
    .memberData {
+
      margin-top: 2.5% !important;
+
      margin-bottom: 2.5% !important;
+
    }
+
  
    .memberData h3 {
+
#footer > .inner {
      border-bottom: #555 solid 1px;
+
display: -moz-flex;
      width: max-content;
+
display: -webkit-flex;
      text-transform: capitalize;
+
display: -ms-flex;
    }
+
display: flex;
 +
-moz-flex-wrap: wrap;
 +
-webkit-flex-wrap: wrap;
 +
-ms-flex-wrap: wrap;
 +
flex-wrap: wrap;
 +
-moz-flex-direction: row;
 +
-webkit-flex-direction: row;
 +
-ms-flex-direction: row;
 +
flex-direction: row;
 +
}
  
    </style>
+
#footer > .inner > * > :last-child {
   
+
margin-bottom: 0;
<head>
+
}
<title>IISER Mohali</title>
+
<meta charset="utf-8" />
+
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
+
</head>
+
<body class="is-preload">
+
<!-- Wrapper -->
+
<div id="wrapper">
+
  
<!-- Header -->
+
#footer > .inner section:nth-child(1) {
<header id="header">
+
width: calc(66% - 2.5em);
<div class="inner">
+
margin-right: 2.5em;
 +
}
  
<!-- Logo -->
+
#footer > .inner section:nth-child(2) {
<a href="index.html" class="logo">
+
width: calc(33% - 2.5em);
<span class="symbol"><img src="https://static.igem.org/mediawiki/2021/1/1c/T--IISER_Mohali--logo_lowres.png" alt="" /></span><span class="title">OSCCit</span>
+
margin-left: 2.5em;
</a>
+
}
  
<!-- Main -->
+
#footer > .inner .copyright {
<div id="main">
+
width: 100%;
<div class="inner">
+
padding: 0;
<header>
+
margin-top: 5em;
<h1 style="font-size: 2.25em; font-weight: 700;">Generic Page</h1>
+
list-style: none;
<p class="unhide_p" style="margin-top: 2em; font-size: 0.75em; font-weight: 300;">A list of all team members and their contributions</p>
+
font-size: 0.8em;
</header>
+
color: rgba(88, 88, 88, 0.5);
<section class="tiles">
+
}
<article class="style1">
+
<span class="image">
+
<img src="https://static.igem.org/mediawiki/2021/a/a6/T--IISER_Mohali--firstimg.jpg" alt="" />
+
</span>
+
<a href="#member01">
+
<h2>Team Member 1</h2>
+
<div class="content">
+
<p class="unhide_p" style="font-size: 18px; font-weight: 600;">Their Contribution</p>
+
</div>
+
</a>
+
</article>
+
<article class="style2">
+
<span class="image">
+
<img src="https://static.igem.org/mediawiki/2021/9/93/T--IISER_Mohali--secondimg.jpg" alt="" />
+
</span>
+
<a href="#member02">
+
<h2>Team Member 2</h2>
+
<div class="content">
+
<p class="unhide_p" style="font-size: 18px; font-weight: 600;">Their Contribution</p>
+
</div>
+
</a>
+
</article>
+
<article class="style3">
+
<span class="image">
+
<img src="https://static.igem.org/mediawiki/2021/3/3b/T--IISER_Mohali--thirdimg.jpg" alt="" />
+
</span>
+
<a href="#member03">
+
<h2>Team Member 3</h2>
+
<div class="content">
+
<p class="unhide_p" style="font-size: 18px; font-weight: 600;">Their Contribution</p>
+
</div>
+
</a>
+
</article>
+
<article class="style4">
+
<span class="image">
+
<img src="https://static.igem.org/mediawiki/2021/5/50/T--IISER_Mohali--fourthimg.jpg" alt="" />
+
</span>
+
<a href="#member04">
+
<h2>Team Member 4</h2>
+
<div class="content">
+
<p class="unhide_p" style="font-size: 18px; font-weight: 600;">Their Contribution</p>
+
</div>
+
</a>
+
</article>
+
<article class="style5">
+
<span class="image">
+
<img src="https://static.igem.org/mediawiki/2021/9/97/T--IISER_Mohali--sixthimg.jpg" alt="" />
+
</span>
+
<a href="#member05">
+
<h2>Team Member 5</h2>
+
<div class="content">
+
<p class="unhide_p" style="font-size: 18px; font-weight: 600;">Their Contribution</p>
+
</div>
+
</a>
+
</article>
+
<article class="style6">
+
<span class="image">
+
<img src="images/pic06.jpg" alt="" />
+
</span>
+
<a href="#member06">
+
<h2>Team Member 6</h2>
+
<div class="content">
+
<p class="unhide_p" style="font-size: 18px; font-weight: 600;">Their Contribution</p>
+
</div>
+
</a>
+
</article>
+
+
</section>
+
</div>
+
</div>
+
                                        <div style="margin-top: 5%; margin-bottom: 5%;">
+
        <div style="margin-top: 2.5%; margin-bottom: 2.5%;">
+
          <h3 id="member01" style="border-bottom: #555 solid 1px; width: max-content; text-transform: capitalize;">
+
            Member 1
+
          </h3>
+
          <p class="unhide_p" style="margin-top: 0;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit ipsam quaerat enim placeat voluptates accusantium illum aliquam tempora doloremque reiciendis dignissimos, nam possimus dolor consequuntur adipisci, rem velit quod alias?</p>
+
        </div>
+
        <div style="margin-top: 2.5%; margin-bottom: 2.5%;">
+
          <h3 id="member02" style="border-bottom: #555 solid 1px; width: max-content; text-transform: capitalize;">
+
            Member 2
+
          </h3>
+
          <p class="unhide_p" style="margin-top: 0;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit ipsam quaerat enim placeat voluptates accusantium illum aliquam tempora doloremque reiciendis dignissimos, nam possimus dolor consequuntur adipisci, rem velit quod alias?</p>
+
        </div>
+
        <div style="margin-top: 2.5%; margin-bottom: 2.5%;">
+
          <h3 id="member03" style="border-bottom: #555 solid 1px; width: max-content; text-transform: capitalize;">
+
            Member 3
+
          </h3>
+
          <p class="unhide_p" style="margin-top: 0;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Suscipit ipsam quaerat enim placeat voluptates accusantium illum aliquam tempora doloremque reiciendis dignissimos, nam possimus dolor consequuntur adipisci, rem velit quod alias?</p>
+
        </div>
+
      </div>
+
  
<!-- Footer -->
+
#footer > .inner .copyright a {
<footer id="footer" style="margin-top: 10%;">
+
color: inherit;
<div class="inner">
+
}
<section>
+
<h2>Get in touch</h2>
+
<form method="post" action="#">
+
<div class="fields">
+
<div class="field half">
+
<input type="text" name="name" id="name" placeholder="Name" />
+
</div>
+
<div class="field half">
+
<input type="email" name="email" id="email" placeholder="Email" />
+
</div>
+
<div class="field">
+
<textarea name="message" id="message" placeholder="Message"></textarea>
+
</div>
+
</div>
+
<ul class="actions">
+
<li><input type="submit" value="Send" class="primary" /></li>
+
</ul>
+
</form>
+
</section>
+
<section>
+
<h2 style="margin-bottom: 10%;">Follow</h2>
+
<ul class="icons">
+
<li><a href="#" class="icon brands style2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645c0 138.72-105.583 298.558-298.558 298.558c-59.452 0-114.68-17.219-161.137-47.106c8.447.974 16.568 1.299 25.34 1.299c49.055 0 94.213-16.568 130.274-44.832c-46.132-.975-84.792-31.188-98.112-72.772c6.498.974 12.995 1.624 19.818 1.624c9.421 0 18.843-1.3 27.614-3.573c-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319c-28.264-18.843-46.781-51.005-46.781-87.391c0-19.492 5.197-37.36 14.294-52.954c51.655 63.675 129.3 105.258 216.365 109.807c-1.624-7.797-2.599-15.918-2.599-24.04c0-57.828 46.782-104.934 104.934-104.934c30.213 0 57.502 12.67 76.67 33.137c23.715-4.548 46.456-13.32 66.599-25.34c-7.798 24.366-24.366 44.833-46.132 57.827c21.117-2.273 41.584-8.122 60.426-16.243c-14.292 20.791-32.161 39.308-52.628 54.253z" fill="currentColor"/></svg></a></li>
+
<li><a href="#" class="icon brands style2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="0.63em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 320 512"><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z" fill="currentColor"/></svg></a></li>
+
<li><a href="#" class="icon brands style2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="0.88em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9S287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7s74.7 33.5 74.7 74.7s-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8c-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8s26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9 0c-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9c1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0c35.9-1.7 67.7-9.9 93.9-36.2c26.2-26.2 34.4-58 36.2-93.9c2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" fill="currentColor"/></svg></a></li>
+
<li><a href="#" class="icon brands style2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path d="M256 8C119.252 8 8 119.252 8 256s111.252 248 248 248s248-111.252 248-248S392.748 8 256 8zm163.97 114.366c29.503 36.046 47.369 81.957 47.835 131.955c-6.984-1.477-77.018-15.682-147.502-6.818c-5.752-14.041-11.181-26.393-18.617-41.614c78.321-31.977 113.818-77.482 118.284-83.523zM396.421 97.87c-3.81 5.427-35.697 48.286-111.021 76.519c-34.712-63.776-73.185-116.168-79.04-124.008c67.176-16.193 137.966 1.27 190.061 47.489zm-230.48-33.25c5.585 7.659 43.438 60.116 78.537 122.509c-99.087 26.313-186.36 25.934-195.834 25.809C62.38 147.205 106.678 92.573 165.941 64.62zM44.17 256.323c0-2.166.043-4.322.108-6.473c9.268.19 111.92 1.513 217.706-30.146c6.064 11.868 11.857 23.915 17.174 35.949c-76.599 21.575-146.194 83.527-180.531 142.306C64.794 360.405 44.17 310.73 44.17 256.323zm81.807 167.113c22.127-45.233 82.178-103.622 167.579-132.756c29.74 77.283 42.039 142.053 45.189 160.638c-68.112 29.013-150.015 21.053-212.768-27.882zm248.38 8.489c-2.171-12.886-13.446-74.897-41.152-151.033c66.38-10.626 124.7 6.768 131.947 9.055c-9.442 58.941-43.273 109.844-90.795 141.978z" fill="currentColor"/></svg></a></li>
+
<li><a href="#" class="icon brands style2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="0.97em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 496 512"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6c-3.3.3-5.6-1.3-5.6-3.6c0-2 2.3-3.6 5.2-3.6c3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9c2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9c.3 2 2.9 3.3 5.9 2.6c2.9-.7 4.9-2.6 4.6-4.6c-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2c12.8 2.3 17.3-5.6 17.3-12.1c0-6.2-.3-40.4-.3-61.4c0 0-70 15-84.7-29.8c0 0-11.4-29.1-27.8-36.6c0 0-22.9-15.7 1.6-15.4c0 0 24.9 2 38.6 25.8c21.9 38.6 58.6 27.5 72.9 20.9c2.3-16 8.8-27.1 16-33.7c-55.9-6.2-112.3-14.3-112.3-110.5c0-27.5 7.6-41.3 23.6-58.9c-2.6-6.5-11.1-33.3 2.6-67.9c20.9-6.5 69 27 69 27c20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27c13.7 34.7 5.2 61.4 2.6 67.9c16 17.7 25.8 31.5 25.8 58.9c0 96.5-58.9 104.2-114.8 110.5c9.2 7.9 17 22.9 17 46.4c0 33.7-.3 75.4-.3 83.6c0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252C496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2c1.6 1.6 3.9 2.3 5.2 1c1.3-1 1-3.3-.7-5.2c-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9c1.6 1 3.6.7 4.3-.7c.7-1.3-.3-2.9-2.3-3.9c-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2c2.3 2.3 5.2 2.6 6.5 1c1.3-1.3.7-4.3-1.3-6.2c-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9c1.6 2.3 4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2c-1.4-2.3-4-3.3-5.6-2z" fill="currentColor"/></svg></a></li>
+
<li><a href="#" class="icon brands style2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="0.88em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 448 512"><path d="M103.3 344.3c-6.5-14.2-6.9-18.3 7.4-23.1c25.6-8 8 9.2 43.2 49.2h.3v-93.9c1.2-50.2 44-92.2 97.7-92.2c53.9 0 97.7 43.5 97.7 96.8c0 63.4-60.8 113.2-128.5 93.3c-10.5-4.2-2.1-31.7 8.5-28.6c53 0 89.4-10.1 89.4-64.4c0-61-77.1-89.6-116.9-44.6c-23.5 26.4-17.6 42.1-17.6 157.6c50.7 31 118.3 22 160.4-20.1c24.8-24.8 38.5-58 38.5-93c0-35.2-13.8-68.2-38.8-93.3c-24.8-24.8-57.8-38.5-93.3-38.5s-68.8 13.8-93.5 38.5c-.3.3-16 16.5-21.2 23.9l-.5.6c-3.3 4.7-6.3 9.1-20.1 6.1c-6.9-1.7-14.3-5.8-14.3-11.8V20c0-5 3.9-10.5 10.5-10.5h241.3c8.3 0 8.3 11.6 8.3 15.1c0 3.9 0 15.1-8.3 15.1H130.3v132.9h.3c104.2-109.8 282.8-36 282.8 108.9c0 178.1-244.8 220.3-310.1 62.8zm63.3-260.8c-.5 4.2 4.6 24.5 14.6 20.6C306 56.6 384 144.5 390.6 144.5c4.8 0 22.8-15.3 14.3-22.8c-93.2-89-234.5-57-238.3-38.2zM393 414.7C283 524.6 94 475.5 61 310.5c0-12.2-30.4-7.4-28.9 3.3c24 173.4 246 256.9 381.6 121.3c6.9-7.8-12.6-28.4-20.7-20.4zM213.6 306.6c0 4 4.3 7.3 5.5 8.5c3 3 6.1 4.4 8.5 4.4c3.8 0 2.6.2 22.3-19.5c19.6 19.3 19.1 19.5 22.3 19.5c5.4 0 18.5-10.4 10.7-18.2L265.6 284l18.2-18.2c6.3-6.8-10.1-21.8-16.2-15.7L249.7 268c-18.6-18.8-18.4-19.5-21.5-19.5c-5 0-18 11.7-12.4 17.3L234 284c-18.1 17.9-20.4 19.2-20.4 22.6z" fill="currentColor"/></svg></a></li>
+
<li><a href="#" class="icon solid style2"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path d="M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464c0-11.2-7.7-20.9-18.6-23.4z" fill="currentColor"/></svg></a></li>
+
<li><a href="#" class="icon solid style2 "><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7c22.4 17.4 52.1 39.5 154.1 113.6c21.1 15.4 56.7 47.8 92.2 47.6c35.7.3 72-32.8 92.3-47.6c102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4c132.7-96.3 142.8-104.7 173.4-128.7c5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9c30.6 23.9 40.7 32.4 173.4 128.7c16.8 12.2 50.2 41.8 73.4 41.4z" fill="currentColor"/></svg></a></li>
+
</ul>
+
</section>
+
<ul class="copyright">
+
<li>&copy; Untitled. All rights reserved</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
+
</ul>
+
</div>
+
</footer>
+
  
</div>
+
#footer > .inner .copyright li {
 +
display: inline-block;
 +
border-left: solid 1px rgba(88, 88, 88, 0.15);
 +
line-height: 1;
 +
padding: 0 0 0 1em;
 +
margin: 0 0 0 1em;
 +
}
  
<!-- Scripts -->
+
#footer > .inner .copyright li:first-child {
<script src="https://2021.igem.org/wiki/index.php?title=Template:IISER_Mohali/jQuery&action=raw&ctype=text/javascript"></script>
+
border-left: 0;
<script src="https://2021.igem.org/wiki/index.php?title=Template:IISER_Mohali/Utiljs&action=raw&ctype=text/javascript"></script>
+
padding-left: 0;
<script src="https://2021.igem.org/wiki/index.php?title=Template:IISER_Mohali/Mainjs&action=raw&ctype=text/javascript"></script>
+
margin-left: 0;
            <script src="https://2021.igem.org/wiki/index.php?title=Template:IISER_Mohali/Breakpointsjs&action=raw&ctype=text/javascript"></script>
+
}
            <script src="https://2021.igem.org/wiki/index.php?title=Template:IISER_Mohali/Browserjs&action=raw&ctype=text/javascript"></script>
+
           
+
  
</body>
+
@media screen and (max-width: 1280px) {
 +
 
 +
#footer {
 +
padding: 5em 0 3em 0 ;
 +
}
 +
 
 +
#footer > .inner section:nth-child(1) {
 +
width: calc(66% - 1.25em);
 +
margin-right: 1.25em;
 +
}
 +
 
 +
#footer > .inner section:nth-child(2) {
 +
width: calc(33% - 1.25em);
 +
margin-left: 1.25em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
#footer > .inner section:nth-child(1) {
 +
width: 66%;
 +
margin-right: 0;
 +
}
 +
 
 +
#footer > .inner section:nth-child(2) {
 +
width: calc(33% - 2.5em);
 +
margin-left: 2.5em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#footer {
 +
padding: 3em 0 1em 0 ;
 +
}
 +
 
 +
#footer > .inner {
 +
-moz-flex-direction: column;
 +
-webkit-flex-direction: column;
 +
-ms-flex-direction: column;
 +
flex-direction: column;
 +
}
 +
 
 +
#footer > .inner section:nth-child(1) {
 +
width: 100%;
 +
margin-right: 0;
 +
margin: 3em 0 0 0;
 +
}
 +
 
 +
#footer > .inner section:nth-child(2) {
 +
-moz-order: -1;
 +
-webkit-order: -1;
 +
-ms-order: -1;
 +
order: -1;
 +
width: 100%;
 +
margin-left: 0;
 +
}
 +
 
 +
#footer > .inner .copyright {
 +
margin-top: 3em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
#footer > .inner .copyright {
 +
margin-top: 3em;
 +
}
 +
 
 +
#footer > .inner .copyright li {
 +
border-left: 0;
 +
padding-left: 0;
 +
margin: 0.75em 0 0 0;
 +
display: block;
 +
line-height: inherit;
 +
}
 +
 
 +
#footer > .inner .copyright li:first-child {
 +
margin-top: 0;
 +
}
 +
 
 +
}
 +
 
 +
/* Wrapper */
 +
 
 +
#wrapper > * > .inner {
 +
width: 100%;
 +
max-width: 68em;
 +
margin: 0 auto;
 +
padding: 0 2.5em;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#wrapper > * > .inner {
 +
padding: 0 1.25em;
 +
}
 +
 
 +
}
 +
          @media screen and (min-width: 1225px) {
 +
     
 +
      .dropdown-content {
 +
        position: absolute;
 +
        top: 65px;
 +
      }
 +
 
 +
    }
 +
        .big-text {
 +
            font-size: 2.5rem !important;
 +
            font-family: 'Source Sans Pro', sans-serif !important;
 +
        }
 +
 
 +
        .md-text {
 +
            font-size: 2rem !important;
 +
            font-family: 'Source Sans Pro', sans-serif !important;
 +
        }
 +
 
 +
        .sm-text {
 +
            font-size: 1.4rem !important;
 +
            font-family: 'Source Sans Pro', sans-serif !important;
 +
        }
 +
       
 +
        #pdf {
 +
          height: 80vh;
 +
    }
 +
        .shadow-bottom {
 +
          margin-top: 1rem;
 +
          margin-bottom: 1rem;
 +
        }
 +
 
 +
</style>
 
</html>
 
</html>
 +
{{IISER_Mohali/Footer}}

Latest revision as of 14:02, 17 December 2021

Loading...

Contributions

Contributions


Our project involved designing and printing multiple 3D printed parts. Since we wanted to build a spectrometer, designing it ourselves gave us a lot of flexibility on how we could use it.

Here we attach the protocol we used and a PDF of the same to design the ‘Cuvette holder’ and ‘Grating Lens Mount’.

1 Introduction

3D printing is a revolutionary and convenient technology for the production of complex structures that are difficult to construct by hand. The reliability of the process has increased rapidly in the past, to the extent, that it is now used as an industrial production tool too. We decided to leverage the advantages of 3D printing for the construction of our spectrometer too. The workflow is detailed in the sections that follow.

2 Workflow

2.1 Design

This involves creating a 3D CAD(Computer-Aided Design) model. Various software is available for this- AutoCAD, Solidworks, TinkerCAD, etc. We did our designing in Solidworks. The spectrometer consists of the following parts:-

Cuvette holder → It’s used for holding the cuvette containing the sample.

Grating lens mount→ It’s used as a mount for the grating and the lens.

• Slit mount→

​​

  • Smartphone mount

Once the design is ready, it is saved in a format determined by the software used. Solidworks saves the file in ‘SLDPRT’(solid part) format. An ‘STL’ file can be exported for slicing later.

2.2 Slicing

Slicing involves the conversion of the ‘stl’ file into a ‘gcode’, a standard language for most 3D printers. ‘FlashPrint’ and ‘Ultimaker Cura’ are some common software used for slicing. Important precautions during slicing include:-

• The model orientation should be kept such that a minimum amount of support is printed.

• The model should lie flat on the base.

The slicing parameters we used are as follows:-

Infill Density: It’s the density of the filament to be used for printing. For larger models, one can decrease the infill density to save filament. In general, an infill density of 15% is good enough.

Support Infill Density: It is one of the most important parameters. Some- times the model can be complicated and delicate and need support. In these cases, it can become difficult to remove the printed support. So we may decrease the support infill density so that removal of support after the print is easier.

2.3 Printing

This is the final part of our workflow. Once the ‘gcode’ has been obtained, it can be fed into a 3D printer either using an SD card, via a direct connection to a computer, or over a network.

2.4 Pitfalls we faced

  • Sometimes, the base may get detached from the printing bed. It can happen due to the large size of a model, bad quality of the bed, or low temperature of the bed.
  • Sometimes the filament gets brittle. So while printing, the filament stops coming out from the extruder. In this case, we have to clean the nozzle and reload the filament.
  • Sometimes the filament may get stuck in the spool and break. In that case, we have to reload the filament and restart the print.

    stl and SLDPRT files

Get in touch

Follow