Difference between revisions of "Team:Mingdao/HP/Silver"

(Prototype team page)
 
Line 1: Line 1:
−
{{Mingdao}}
+
 
 
<html>
 
<html>
−
<div class="column full_size judges-will-not-evaluate">
+
<head>
−
<h3>★  ALERT! </h3>
+
<title>Hielo by TEMPLATED</title>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<meta charset="utf-8" />
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
−
</div>
+
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
−
<div class="clear"></div>
+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 +
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
 +
 +
<style type='text/css'>
 +
      #top_title, #sideMenu{
 +
        display: none;
 +
      }
  
 +
      #content{
 +
        width: 100%;
 +
        margin: 0;
 +
        padding: 0;
 +
        background: #f3f4f4;}
  
−
<div class="column full_size">
+
    </style>
  
−
<h1>Silver Medal Human Practices</h1>
+
<style>
−
<p>iGEM teams are leading in the area of Human Practices because they conduct their projects within a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
@charset "UTF-8";
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
@import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);
−
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700");
−
</div>
+
  
−
<div class="clear"></div>
+
/*
 +
Hielo by TEMPLATED
 +
templated.co @templatedco
 +
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
 +
*/
  
−
<div class="column half_size">
+
/* Reset */
−
<h3>Silver Medal Criterion #3</h3>
+
−
<p>Convince the judges you have thought carefully and creatively about whether your work is safe, responsible and good for the world. You could accomplish this through engaging with your local, national and/or international communities or other approaches. Please note that standard surveys will not fulfill this criteria.</p>
+
−
</div>
+
  
−
<div class="column half_size">
+
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 {
−
<h5>Some Human Practices topic areas </h5>
+
margin: 0;
−
<ul>
+
padding: 0;
−
<li>Philosophy</li>
+
border: 0;
−
<li>Public Engagement / Dialogue</li>
+
font-size: 100%;
−
<li>Education</li>
+
font: inherit;
−
<li>Product Design</li>
+
vertical-align: baseline;
−
<li>Scale-Up and Deployment Issues</li>
+
}
−
<li>Environmental Impact</li>
+
−
<li>Ethics</li>
+
−
<li>Safety</li>
+
−
<li>Security</li>
+
−
<li>Public Policy</li>
+
−
<li>Law and Regulation</li>
+
−
<li>Risk Assessment</li>
+
−
</ul>
+
−
</div>
+
  
 +
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 +
display: block;
 +
}
  
−
<div class="column half_size">
+
body {
−
<h5>What should we write about on this page?</h5>
+
line-height: 1;
−
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement). This should include all of the work done for the Silver Medal Criterion #3. Details for your Gold medal work and/or work for the two Human Practices special prizes should be put on those specified pages.</p>
+
}
−
</div>
+
  
 +
ol, ul {
 +
list-style: none;
 +
}
  
−
<div class="column half_size">
+
blockquote, q {
−
<h5>Inspiration</h5>
+
quotes: none;
−
<p>Read what other teams have done:</p>
+
}
−
<ul>
+
 
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
blockquote:before, blockquote:after, q:before, q:after {
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
content: '';
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
content: none;
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
}
−
</ul>
+
 
 +
table {
 +
border-collapse: collapse;
 +
border-spacing: 0;
 +
}
 +
 
 +
body {
 +
-webkit-text-size-adjust: none;
 +
}
 +
 
 +
/* Box Model */
 +
 
 +
*, *:before, *:after {
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 
 +
/* Containers */
 +
 
 +
.container {
 +
margin-left: auto;
 +
margin-right: auto;
 +
}
 +
 
 +
.container.\31 25\25 {
 +
width: 100%;
 +
max-width: 100rem;
 +
min-width: 80rem;
 +
}
 +
 
 +
.container.\37 5\25 {
 +
width: 60rem;
 +
}
 +
 
 +
.container.\35 0\25 {
 +
width: 40rem;
 +
}
 +
 
 +
.container.\32 5\25 {
 +
width: 20rem;
 +
}
 +
 
 +
.container {
 +
width: 80rem;
 +
}
 +
 
 +
@media screen and (max-width: 1680px) {
 +
 
 +
.container.\31 25\25 {
 +
width: 100%;
 +
max-width: 100rem;
 +
min-width: 80rem;
 +
}
 +
 
 +
.container.\37 5\25 {
 +
width: 60rem;
 +
}
 +
 
 +
.container.\35 0\25 {
 +
width: 40rem;
 +
}
 +
 
 +
.container.\32 5\25 {
 +
width: 20rem;
 +
}
 +
 
 +
.container {
 +
width: 80rem;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
.container.\31 25\25 {
 +
width: 100%;
 +
max-width: 81.25rem;
 +
min-width: 65rem;
 +
}
 +
 
 +
.container.\37 5\25 {
 +
width: 48.75rem;
 +
}
 +
 
 +
.container.\35 0\25 {
 +
width: 32.5rem;
 +
}
 +
 
 +
.container.\32 5\25 {
 +
width: 16.25rem;
 +
}
 +
 
 +
.container {
 +
width: 65rem;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.container.\31 25\25 {
 +
width: 100%;
 +
max-width: 112.5%;
 +
min-width: 90%;
 +
}
 +
 
 +
.container.\37 5\25 {
 +
width: 67.5%;
 +
}
 +
 
 +
.container.\35 0\25 {
 +
width: 45%;
 +
}
 +
 
 +
.container.\32 5\25 {
 +
width: 22.5%;
 +
}
 +
 
 +
.container {
 +
width: 90%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.container.\31 25\25 {
 +
width: 100%;
 +
max-width: 112.5%;
 +
min-width: 90%;
 +
}
 +
 
 +
.container.\37 5\25 {
 +
width: 67.5%;
 +
}
 +
 
 +
.container.\35 0\25 {
 +
width: 45%;
 +
}
 +
 
 +
.container.\32 5\25 {
 +
width: 22.5%;
 +
}
 +
 
 +
.container {
 +
width: 90% !important;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
.container.\31 25\25 {
 +
width: 100%;
 +
max-width: 112.5%;
 +
min-width: 90%;
 +
}
 +
 
 +
.container.\37 5\25 {
 +
width: 67.5%;
 +
}
 +
 
 +
.container.\35 0\25 {
 +
width: 45%;
 +
}
 +
 
 +
.container.\32 5\25 {
 +
width: 22.5%;
 +
}
 +
 
 +
.container {
 +
width: 90% !important;
 +
}
 +
 
 +
}
 +
 
 +
/* Grid */
 +
 
 +
.row {
 +
border-bottom: solid 1px transparent;
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 
 +
.row > * {
 +
float: left;
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 
 +
.row:after, .row:before {
 +
content: '';
 +
display: block;
 +
clear: both;
 +
height: 0;
 +
}
 +
 
 +
.row.uniform > * > :first-child {
 +
margin-top: 0;
 +
}
 +
 
 +
.row.uniform > * > :last-child {
 +
margin-bottom: 0;
 +
}
 +
 
 +
.row.\30 \25 > * {
 +
padding: 0 0 0 0rem;
 +
}
 +
 
 +
.row.\30 \25 {
 +
margin: 0 0 -1px 0rem;
 +
}
 +
 
 +
.row.uniform.\30 \25 > * {
 +
padding: 0rem 0 0 0rem;
 +
}
 +
 
 +
.row.uniform.\30 \25 {
 +
margin: 0rem 0 -1px 0rem;
 +
}
 +
 
 +
.row > * {
 +
padding: 0 0 0 2rem;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -2rem;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 2rem 0 0 2rem;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -2rem 0 -1px -2rem;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 4rem;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -4rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 4rem 0 0 4rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -4rem 0 -1px -4rem;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 3rem;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -3rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 3rem 0 0 3rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -3rem 0 -1px -3rem;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 1rem;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -1rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 1rem 0 0 1rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -1rem 0 -1px -1rem;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.5rem;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.5rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.5rem 0 0 0.5rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.5rem 0 -1px -0.5rem;
 +
}
 +
 
 +
.\31 2u, .\31 2u\24 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u, .\31 1u\24 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u, .\31 0u\24 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u, .\39 u\24 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u, .\38 u\24 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u, .\37 u\24 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u, .\36 u\24 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u, .\35 u\24 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u, .\34 u\24 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u, .\33 u\24 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u, .\32 u\24 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u, .\31 u\24 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24 + *,
 +
.\31 1u\24 + *,
 +
.\31 0u\24 + *,
 +
.\39 u\24 + *,
 +
.\38 u\24 + *,
 +
.\37 u\24 + *,
 +
.\36 u\24 + *,
 +
.\35 u\24 + *,
 +
.\34 u\24 + *,
 +
.\33 u\24 + *,
 +
.\32 u\24 + *,
 +
.\31 u\24 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
@media screen and (max-width: 1680px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 2rem;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -2rem;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 2rem 0 0 2rem;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -2rem 0 -1px -2rem;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 4rem;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -4rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 4rem 0 0 4rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -4rem 0 -1px -4rem;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 3rem;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -3rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 3rem 0 0 3rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -3rem 0 -1px -3rem;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 1rem;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -1rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 1rem 0 0 1rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -1rem 0 -1px -1rem;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.5rem;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.5rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.5rem 0 0 0.5rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.5rem 0 -1px -0.5rem;
 +
}
 +
 
 +
.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28xlarge\29 + *,
 +
.\31 1u\24\28xlarge\29 + *,
 +
.\31 0u\24\28xlarge\29 + *,
 +
.\39 u\24\28xlarge\29 + *,
 +
.\38 u\24\28xlarge\29 + *,
 +
.\37 u\24\28xlarge\29 + *,
 +
.\36 u\24\28xlarge\29 + *,
 +
.\35 u\24\28xlarge\29 + *,
 +
.\34 u\24\28xlarge\29 + *,
 +
.\33 u\24\28xlarge\29 + *,
 +
.\32 u\24\28xlarge\29 + *,
 +
.\31 u\24\28xlarge\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28xlarge\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28xlarge\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28xlarge\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28xlarge\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28xlarge\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28xlarge\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28xlarge\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28xlarge\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28xlarge\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28xlarge\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28xlarge\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.5rem;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.5rem;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.5rem 0 0 1.5rem;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.5rem 0 -1px -1.5rem;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3rem;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3rem 0 0 3rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3rem 0 -1px -3rem;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.25rem;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.25rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.25rem 0 0 2.25rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.25rem 0 -1px -2.25rem;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.75rem;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.75rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.75rem 0 0 0.75rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.75rem 0 -1px -0.75rem;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.375rem;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.375rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.375rem 0 0 0.375rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.375rem 0 -1px -0.375rem;
 +
}
 +
 
 +
.\31 2u\28large\29, .\31 2u\24\28large\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28large\29, .\31 1u\24\28large\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28large\29, .\31 0u\24\28large\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28large\29, .\39 u\24\28large\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28large\29, .\38 u\24\28large\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28large\29, .\37 u\24\28large\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28large\29, .\36 u\24\28large\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28large\29, .\35 u\24\28large\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28large\29, .\34 u\24\28large\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28large\29, .\33 u\24\28large\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28large\29, .\32 u\24\28large\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28large\29, .\31 u\24\28large\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28large\29 + *,
 +
.\31 1u\24\28large\29 + *,
 +
.\31 0u\24\28large\29 + *,
 +
.\39 u\24\28large\29 + *,
 +
.\38 u\24\28large\29 + *,
 +
.\37 u\24\28large\29 + *,
 +
.\36 u\24\28large\29 + *,
 +
.\35 u\24\28large\29 + *,
 +
.\34 u\24\28large\29 + *,
 +
.\33 u\24\28large\29 + *,
 +
.\32 u\24\28large\29 + *,
 +
.\31 u\24\28large\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28large\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28large\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28large\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28large\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28large\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28large\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28large\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28large\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28large\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28large\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28large\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.5rem;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.5rem;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.5rem 0 0 1.5rem;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.5rem 0 -1px -1.5rem;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3rem;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3rem 0 0 3rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3rem 0 -1px -3rem;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.25rem;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.25rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.25rem 0 0 2.25rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.25rem 0 -1px -2.25rem;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.75rem;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.75rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.75rem 0 0 0.75rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.75rem 0 -1px -0.75rem;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.375rem;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.375rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.375rem 0 0 0.375rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.375rem 0 -1px -0.375rem;
 +
}
 +
 
 +
.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28medium\29, .\39 u\24\28medium\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28medium\29, .\38 u\24\28medium\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28medium\29, .\37 u\24\28medium\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28medium\29, .\36 u\24\28medium\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28medium\29, .\35 u\24\28medium\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28medium\29, .\34 u\24\28medium\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28medium\29, .\33 u\24\28medium\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28medium\29, .\32 u\24\28medium\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28medium\29, .\31 u\24\28medium\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28medium\29 + *,
 +
.\31 1u\24\28medium\29 + *,
 +
.\31 0u\24\28medium\29 + *,
 +
.\39 u\24\28medium\29 + *,
 +
.\38 u\24\28medium\29 + *,
 +
.\37 u\24\28medium\29 + *,
 +
.\36 u\24\28medium\29 + *,
 +
.\35 u\24\28medium\29 + *,
 +
.\34 u\24\28medium\29 + *,
 +
.\33 u\24\28medium\29 + *,
 +
.\32 u\24\28medium\29 + *,
 +
.\31 u\24\28medium\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28medium\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28medium\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28medium\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28medium\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28medium\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28medium\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28medium\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28medium\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28medium\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28medium\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28medium\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.25rem;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.25rem;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.25rem 0 0 1.25rem;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.25rem 0 -1px -1.25rem;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 2.5rem;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -2.5rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 2.5rem 0 0 2.5rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -2.5rem 0 -1px -2.5rem;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 1.875rem;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -1.875rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 1.875rem 0 0 1.875rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -1.875rem 0 -1px -1.875rem;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.625rem;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.625rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.625rem 0 0 0.625rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.625rem 0 -1px -0.625rem;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.3125rem;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.3125rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.3125rem 0 0 0.3125rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.3125rem 0 -1px -0.3125rem;
 +
}
 +
 
 +
.\31 2u\28small\29, .\31 2u\24\28small\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28small\29, .\31 1u\24\28small\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28small\29, .\31 0u\24\28small\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28small\29, .\39 u\24\28small\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28small\29, .\38 u\24\28small\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28small\29, .\37 u\24\28small\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28small\29, .\36 u\24\28small\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28small\29, .\35 u\24\28small\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28small\29, .\34 u\24\28small\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28small\29, .\33 u\24\28small\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28small\29, .\32 u\24\28small\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28small\29, .\31 u\24\28small\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28small\29 + *,
 +
.\31 1u\24\28small\29 + *,
 +
.\31 0u\24\28small\29 + *,
 +
.\39 u\24\28small\29 + *,
 +
.\38 u\24\28small\29 + *,
 +
.\37 u\24\28small\29 + *,
 +
.\36 u\24\28small\29 + *,
 +
.\35 u\24\28small\29 + *,
 +
.\34 u\24\28small\29 + *,
 +
.\33 u\24\28small\29 + *,
 +
.\32 u\24\28small\29 + *,
 +
.\31 u\24\28small\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28small\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28small\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28small\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28small\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28small\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28small\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28small\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28small\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28small\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28small\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28small\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.25rem;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.25rem;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.25rem 0 0 1.25rem;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.25rem 0 -1px -1.25rem;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 2.5rem;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -2.5rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 2.5rem 0 0 2.5rem;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -2.5rem 0 -1px -2.5rem;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 1.875rem;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -1.875rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 1.875rem 0 0 1.875rem;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -1.875rem 0 -1px -1.875rem;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.625rem;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.625rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.625rem 0 0 0.625rem;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.625rem 0 -1px -0.625rem;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.3125rem;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.3125rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.3125rem 0 0 0.3125rem;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.3125rem 0 -1px -0.3125rem;
 +
}
 +
 
 +
.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28xsmall\29 + *,
 +
.\31 1u\24\28xsmall\29 + *,
 +
.\31 0u\24\28xsmall\29 + *,
 +
.\39 u\24\28xsmall\29 + *,
 +
.\38 u\24\28xsmall\29 + *,
 +
.\37 u\24\28xsmall\29 + *,
 +
.\36 u\24\28xsmall\29 + *,
 +
.\35 u\24\28xsmall\29 + *,
 +
.\34 u\24\28xsmall\29 + *,
 +
.\33 u\24\28xsmall\29 + *,
 +
.\32 u\24\28xsmall\29 + *,
 +
.\31 u\24\28xsmall\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28xsmall\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28xsmall\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28xsmall\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28xsmall\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28xsmall\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28xsmall\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28xsmall\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28xsmall\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28xsmall\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28xsmall\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28xsmall\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
/* Basic */
 +
 
 +
@-ms-viewport {
 +
width: device-width;
 +
}
 +
 
 +
body {
 +
-ms-overflow-style: scrollbar;
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
html, body {
 +
min-width: 320px;
 +
}
 +
 
 +
}
 +
 
 +
body {
 +
background: #fff;
 +
}
 +
 
 +
body.is-loading *, body.is-loading *:before, body.is-loading *:after {
 +
-moz-animation: none !important;
 +
-webkit-animation: none !important;
 +
-ms-animation: none !important;
 +
animation: none !important;
 +
-moz-transition: none !important;
 +
-webkit-transition: none !important;
 +
-ms-transition: none !important;
 +
transition: none !important;
 +
}
 +
 
 +
/* Type */
 +
 
 +
html {
 +
font-size: 13pt;
 +
}
 +
 
 +
@media screen and (max-width: 1680px) {
 +
 
 +
html {
 +
font-size: 11pt;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
html {
 +
font-size: 11pt;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
html {
 +
font-size: 12pt;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
html {
 +
font-size: 12pt;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
html {
 +
font-size: 12pt;
 +
}
 +
 
 +
}
 +
 
 +
body {
 +
background-color: #fff;
 +
color: #444;
 +
}
 +
 
 +
body, input, select, textarea {
 +
font-family: "Poppins", sans-serif;
 +
font-weight: 300;
 +
font-size: 1rem;
 +
line-height: 1.65;
 +
}
 +
 
 +
a {
 +
text-decoration: underline;
 +
}
 +
 
 +
a:hover {
 +
text-decoration: none;
 +
}
 +
 
 +
strong, b {
 +
font-weight: 600;
 +
}
 +
 
 +
em, i {
 +
font-style: italic;
 +
}
 +
 
 +
p {
 +
margin: 0 0 2rem 0;
 +
}
 +
 
 +
p.special {
 +
text-transform: uppercase;
 +
font-size: .75rem;
 +
font-weight: 300;
 +
margin: 0 0 .5rem 0;
 +
padding: 0 0 1rem 0;
 +
letter-spacing: .25rem;
 +
}
 +
 
 +
p.special:after {
 +
content: '';
 +
position: absolute;
 +
margin: auto;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
width: 50%;
 +
height: 1px;
 +
background-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
h1, h2, h3, h4, h5, h6 {
 +
font-weight: 300;
 +
line-height: 1.5;
 +
margin: 0 0 1rem 0;
 +
}
 +
 
 +
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
 
 +
h2 {
 +
font-size: 1.75rem;
 +
}
 +
 
 +
h3 {
 +
font-size: 1.35rem;
 +
}
 +
 
 +
h4 {
 +
font-size: 1.1rem;
 +
}
 +
 
 +
h5 {
 +
font-size: 0.9rem;
 +
}
 +
 
 +
h6 {
 +
font-size: 0.7rem;
 +
}
 +
 
 +
sub {
 +
font-size: 0.8rem;
 +
position: relative;
 +
top: 0.5rem;
 +
}
 +
 
 +
sup {
 +
font-size: 0.8rem;
 +
position: relative;
 +
top: -0.5rem;
 +
}
 +
 
 +
blockquote {
 +
border-left: solid 4px;
 +
font-style: italic;
 +
margin: 0 0 2rem 0;
 +
padding: 0.5rem 0 0.5rem 2rem;
 +
}
 +
 
 +
code {
 +
border-radius: 2px;
 +
border: solid 1px;
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9rem;
 +
margin: 0 0.25rem;
 +
padding: 0.25rem 0.65rem;
 +
}
 +
 
 +
pre {
 +
-webkit-overflow-scrolling: touch;
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9rem;
 +
margin: 0 0 2rem 0;
 +
}
 +
 
 +
pre code {
 +
display: block;
 +
line-height: 1.75;
 +
padding: 1rem 1.5rem;
 +
overflow-x: auto;
 +
}
 +
 
 +
hr {
 +
border: 0;
 +
border-bottom: solid 1px;
 +
margin: 2rem 0;
 +
}
 +
 
 +
hr.major {
 +
margin: 3rem 0;
 +
}
 +
 
 +
.align-left {
 +
text-align: left;
 +
}
 +
 
 +
.align-center {
 +
text-align: center;
 +
}
 +
 
 +
.align-right {
 +
text-align: right;
 +
}
 +
 
 +
input, select, textarea {
 +
color: #555;
 +
}
 +
 
 +
a {
 +
color: #8a4680;
 +
}
 +
 
 +
strong, b {
 +
color: #555;
 +
}
 +
 
 +
h1, h2, h3, h4, h5, h6 {
 +
color: #555;
 +
}
 +
 
 +
blockquote {
 +
border-left-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
code {
 +
background: rgba(144, 144, 144, 0.075);
 +
border-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
hr {
 +
border-bottom-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
/* Box */
 +
 
 +
.box {
 +
margin-bottom: 2rem;
 +
background: #FFF;
 +
}
 +
 
 +
.box .image.fit {
 +
margin: 0;
 +
border-radius: 0;
 +
}
 +
 
 +
.box .image.fit img {
 +
border-radius: 0;
 +
}
 +
 
 +
.box header h2 {
 +
margin-bottom: 2rem;
 +
}
 +
 
 +
.box header p {
 +
text-transform: uppercase;
 +
font-size: .75rem;
 +
font-weight: 300;
 +
margin: 0 0 .25rem 0;
 +
padding: 0 0 .75rem 0;
 +
letter-spacing: .25rem;
 +
}
 +
 
 +
.box header p:after {
 +
content: '';
 +
position: absolute;
 +
margin: auto;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
width: 50%;
 +
height: 1px;
 +
background-color: rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.box .content {
 +
padding: 3rem;
 +
}
 +
 
 +
.box > :last-child,
 +
.box > :last-child > :last-child,
 +
.box > :last-child > :last-child > :last-child {
 +
margin-bottom: 0;
 +
}
 +
 
 +
.box.alt {
 +
border: 0;
 +
border-radius: 0;
 +
padding: 0;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.box .content {
 +
padding: 2rem;
 +
}
 +
 
 +
}
 +
 
 +
.box {
 +
border-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
/* Button */
 +
 
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
button,
 +
.button {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
 +
border-radius: 2px;
 +
border: 0;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-weight: 300;
 +
height: 2.85rem;
 +
line-height: 2.95rem;
 +
padding: 0 1.5rem;
 +
text-align: center;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
white-space: nowrap;
 +
}
 +
 
 +
input[type="submit"].icon,
 +
input[type="reset"].icon,
 +
input[type="button"].icon,
 +
button.icon,
 +
.button.icon {
 +
padding-left: 1.35rem;
 +
}
 +
 
 +
input[type="submit"].icon:before,
 +
input[type="reset"].icon:before,
 +
input[type="button"].icon:before,
 +
button.icon:before,
 +
.button.icon:before {
 +
margin-right: 0.5rem;
 +
}
 +
 
 +
input[type="submit"].fit,
 +
input[type="reset"].fit,
 +
input[type="button"].fit,
 +
button.fit,
 +
.button.fit {
 +
display: block;
 +
margin: 0 0 1rem 0;
 +
width: 100%;
 +
}
 +
 
 +
input[type="submit"].small,
 +
input[type="reset"].small,
 +
input[type="button"].small,
 +
button.small,
 +
.button.small {
 +
font-size: 0.8rem;
 +
}
 +
 
 +
input[type="submit"].big,
 +
input[type="reset"].big,
 +
input[type="button"].big,
 +
button.big,
 +
.button.big {
 +
font-size: 1.35rem;
 +
}
 +
 
 +
input[type="submit"].disabled, input[type="submit"]:disabled,
 +
input[type="reset"].disabled,
 +
input[type="reset"]:disabled,
 +
input[type="button"].disabled,
 +
input[type="button"]:disabled,
 +
button.disabled,
 +
button:disabled,
 +
.button.disabled,
 +
.button:disabled {
 +
-moz-pointer-events: none;
 +
-webkit-pointer-events: none;
 +
-ms-pointer-events: none;
 +
pointer-events: none;
 +
opacity: 0.25;
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
button,
 +
.button {
 +
padding: 0;
 +
width: 100%;
 +
}
 +
 
 +
}
 +
 
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
button,
 +
.button {
 +
background-color: #f2f2f2;
 +
color: #000 !important;
 +
}
 +
 
 +
input[type="submit"]:hover,
 +
input[type="reset"]:hover,
 +
input[type="button"]:hover,
 +
button:hover,
 +
.button:hover {
 +
background-color: white;
 +
}
 +
 
 +
input[type="submit"]:active,
 +
input[type="reset"]:active,
 +
input[type="button"]:active,
 +
button:active,
 +
.button:active {
 +
background-color: #e5e5e5;
 +
}
 +
 
 +
input[type="submit"].alt,
 +
input[type="reset"].alt,
 +
input[type="button"].alt,
 +
button.alt,
 +
.button.alt {
 +
background-color: transparent;
 +
box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
 +
color: #555 !important;
 +
}
 +
 
 +
input[type="submit"].alt:hover,
 +
input[type="reset"].alt:hover,
 +
input[type="button"].alt:hover,
 +
button.alt:hover,
 +
.button.alt:hover {
 +
background-color: rgba(144, 144, 144, 0.075);
 +
}
 +
 
 +
input[type="submit"].alt:active,
 +
input[type="reset"].alt:active,
 +
input[type="button"].alt:active,
 +
button.alt:active,
 +
.button.alt:active {
 +
background-color: rgba(144, 144, 144, 0.2);
 +
}
 +
 
 +
input[type="submit"].alt.icon:before,
 +
input[type="reset"].alt.icon:before,
 +
input[type="button"].alt.icon:before,
 +
button.alt.icon:before,
 +
.button.alt.icon:before {
 +
color: #bbb;
 +
}
 +
 
 +
input[type="submit"].special,
 +
input[type="reset"].special,
 +
input[type="button"].special,
 +
button.special,
 +
.button.special {
 +
background-color: #8a4680;
 +
color: #ffffff !important;
 +
}
 +
 
 +
input[type="submit"].special:hover,
 +
input[type="reset"].special:hover,
 +
input[type="button"].special:hover,
 +
button.special:hover,
 +
.button.special:hover {
 +
background-color: #9b4f90;
 +
}
 +
 
 +
input[type="submit"].special:active,
 +
input[type="reset"].special:active,
 +
input[type="button"].special:active,
 +
button.special:active,
 +
.button.special:active {
 +
background-color: #793d70;
 +
}
 +
 
 +
/* Form */
 +
 
 +
form {
 +
margin: 0 0 2rem 0;
 +
}
 +
 
 +
label {
 +
display: block;
 +
font-size: 0.9rem;
 +
font-weight: 700;
 +
margin: 0 0 1rem 0;
 +
}
 +
 
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select,
 +
textarea {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
border-radius: 2px;
 +
border: none;
 +
border: solid 1px;
 +
color: inherit;
 +
display: block;
 +
outline: 0;
 +
padding: 0 1rem;
 +
text-decoration: none;
 +
width: 100%;
 +
}
 +
 
 +
input[type="text"]:invalid,
 +
input[type="password"]:invalid,
 +
input[type="email"]:invalid,
 +
select:invalid,
 +
textarea:invalid {
 +
box-shadow: none;
 +
}
 +
 
 +
.select-wrapper {
 +
text-decoration: none;
 +
display: block;
 +
position: relative;
 +
}
 +
 
 +
.select-wrapper:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 
 +
.select-wrapper:before {
 +
content: '\f078';
 +
display: block;
 +
height: 2.75rem;
 +
line-height: 2.75rem;
 +
pointer-events: none;
 +
position: absolute;
 +
right: 0;
 +
text-align: center;
 +
top: 0;
 +
width: 2.75rem;
 +
}
 +
 
 +
.select-wrapper select::-ms-expand {
 +
display: none;
 +
}
 +
 
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select {
 +
height: 2.75rem;
 +
}
 +
 
 +
textarea {
 +
padding: 0.75rem 1rem;
 +
}
 +
 
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
display: block;
 +
float: left;
 +
margin-right: -2rem;
 +
opacity: 0;
 +
width: 1rem;
 +
z-index: -1;
 +
}
 +
 
 +
input[type="checkbox"] + label,
 +
input[type="radio"] + label {
 +
text-decoration: none;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-size: 1rem;
 +
font-weight: 400;
 +
padding-left: 2.4rem;
 +
padding-right: 0.75rem;
 +
position: relative;
 +
}
 +
 
 +
input[type="checkbox"] + label:before,
 +
input[type="radio"] + label:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 
 +
input[type="checkbox"] + label:before,
 +
input[type="radio"] + label:before {
 +
border-radius: 2px;
 +
border: solid 1px;
 +
content: '';
 +
display: inline-block;
 +
height: 1.65rem;
 +
left: 0;
 +
line-height: 1.58125rem;
 +
position: absolute;
 +
text-align: center;
 +
top: 0;
 +
width: 1.65rem;
 +
}
 +
 
 +
input[type="checkbox"]:checked + label:before,
 +
input[type="radio"]:checked + label:before {
 +
content: '\f00c';
 +
}
 +
 
 +
input[type="checkbox"] + label:before {
 +
border-radius: 2px;
 +
}
 +
 
 +
input[type="radio"] + label:before {
 +
border-radius: 100%;
 +
}
 +
 
 +
::-webkit-input-placeholder {
 +
opacity: 1.0;
 +
}
 +
 
 +
:-moz-placeholder {
 +
opacity: 1.0;
 +
}
 +
 
 +
::-moz-placeholder {
 +
opacity: 1.0;
 +
}
 +
 
 +
:-ms-input-placeholder {
 +
opacity: 1.0;
 +
}
 +
 
 +
.formerize-placeholder {
 +
opacity: 1.0;
 +
}
 +
 
 +
label {
 +
color: #555;
 +
}
 +
 
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select,
 +
textarea {
 +
background: rgba(144, 144, 144, 0.075);
 +
border-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
input[type="text"]:focus,
 +
input[type="password"]:focus,
 +
input[type="email"]:focus,
 +
select:focus,
 +
textarea:focus {
 +
border-color: #8a4680;
 +
box-shadow: 0 0 0 1px #8a4680;
 +
}
 +
 
 +
.select-wrapper:before {
 +
color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
input[type="checkbox"] + label,
 +
input[type="radio"] + label {
 +
color: #444;
 +
}
 +
 
 +
input[type="checkbox"] + label:before,
 +
input[type="radio"] + label:before {
 +
background: rgba(144, 144, 144, 0.075);
 +
border-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
input[type="checkbox"]:checked + label:before,
 +
input[type="radio"]:checked + label:before {
 +
background-color: #8a4680;
 +
border-color: #8a4680;
 +
color: #ffffff;
 +
}
 +
 
 +
input[type="checkbox"]:focus + label:before,
 +
input[type="radio"]:focus + label:before {
 +
border-color: #8a4680;
 +
box-shadow: 0 0 0 1px #8a4680;
 +
}
 +
 
 +
::-webkit-input-placeholder {
 +
color: #bbb !important;
 +
}
 +
 
 +
:-moz-placeholder {
 +
color: #bbb !important;
 +
}
 +
 
 +
::-moz-placeholder {
 +
color: #bbb !important;
 +
}
 +
 
 +
:-ms-input-placeholder {
 +
color: #bbb !important;
 +
}
 +
 
 +
.formerize-placeholder {
 +
color: #bbb !important;
 +
}
 +
 
 +
/* Icon */
 +
 
 +
.icon {
 +
text-decoration: none;
 +
border-bottom: none;
 +
position: relative;
 +
}
 +
 
 +
.icon:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 
 +
.icon > .label {
 +
display: none;
 +
}
 +
 
 +
/* Image */
 +
 
 +
.image {
 +
border-radius: 2px;
 +
border: 0;
 +
display: inline-block;
 +
position: relative;
 +
}
 +
 
 +
.image img {
 +
border-radius: 2px;
 +
display: block;
 +
}
 +
 
 +
.image.left, .image.right {
 +
max-width: 40%;
 +
}
 +
 
 +
.image.left img, .image.right img {
 +
width: 100%;
 +
}
 +
 
 +
.image.left {
 +
float: left;
 +
margin: 0 1.5rem 1rem 0;
 +
top: 0.25rem;
 +
}
 +
 
 +
.image.right {
 +
float: right;
 +
margin: 0 0 1rem 1.5rem;
 +
top: 0.25rem;
 +
}
 +
 
 +
.image.fit {
 +
display: block;
 +
margin: 0 0 2rem 0;
 +
width: 100%;
 +
}
 +
 
 +
.image.fit img {
 +
width: 100%;
 +
}
 +
 
 +
.image.main {
 +
display: block;
 +
margin: 0 0 3rem 0;
 +
width: 100%;
 +
}
 +
 
 +
.image.main img {
 +
width: 100%;
 +
}
 +
 
 +
/* List */
 +
 
 +
ol {
 +
list-style: decimal;
 +
margin: 0 0 2rem 0;
 +
padding-left: 1.25rem;
 +
}
 +
 
 +
ol li {
 +
padding-left: 0.25rem;
 +
}
 +
 
 +
ul {
 +
list-style: disc;
 +
margin: 0 0 2rem 0;
 +
padding-left: 1rem;
 +
}
 +
 
 +
ul li {
 +
padding-left: 0.5rem;
 +
}
 +
 
 +
ul.alt {
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
ul.alt li {
 +
border-top: solid 1px;
 +
padding: 0.5rem 0;
 +
}
 +
 
 +
ul.alt li:first-child {
 +
border-top: 0;
 +
padding-top: 0;
 +
}
 +
 
 +
ul.icons {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
ul.icons li {
 +
display: inline-block;
 +
padding: 0 1rem 0 0;
 +
}
 +
 
 +
ul.icons li:last-child {
 +
padding-right: 0;
 +
}
 +
 
 +
ul.icons li .icon:before {
 +
font-size: 2rem;
 +
}
 +
 
 +
ul.actions {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
ul.actions li {
 +
display: inline-block;
 +
padding: 0 1rem 0 0;
 +
vertical-align: middle;
 +
}
 +
 
 +
ul.actions li:last-child {
 +
padding-right: 0;
 +
}
 +
 
 +
ul.actions.small li {
 +
padding: 0 0.5rem 0 0;
 +
}
 +
 
 +
ul.actions.vertical li {
 +
display: block;
 +
padding: 1rem 0 0 0;
 +
}
 +
 
 +
ul.actions.vertical li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
ul.actions.vertical li > * {
 +
margin-bottom: 0;
 +
}
 +
 
 +
ul.actions.vertical.small li {
 +
padding: 0.5rem 0 0 0;
 +
}
 +
 
 +
ul.actions.vertical.small li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
ul.actions.fit {
 +
display: table;
 +
margin-left: -1rem;
 +
padding: 0;
 +
table-layout: fixed;
 +
width: calc(100% + 1rem);
 +
}
 +
 
 +
ul.actions.fit li {
 +
display: table-cell;
 +
padding: 0 0 0 1rem;
 +
}
 +
 
 +
ul.actions.fit li > * {
 +
margin-bottom: 0;
 +
}
 +
 
 +
ul.actions.fit.small {
 +
margin-left: -0.5rem;
 +
width: calc(100% + 0.5rem);
 +
}
 +
 
 +
ul.actions.fit.small li {
 +
padding: 0 0 0 0.5rem;
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
ul.actions {
 +
margin: 0 0 2rem 0;
 +
}
 +
 
 +
ul.actions li {
 +
padding: 1rem 0 0 0;
 +
display: block;
 +
text-align: center;
 +
width: 100%;
 +
}
 +
 
 +
ul.actions li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
ul.actions li > * {
 +
width: 100%;
 +
margin: 0 !important;
 +
}
 +
 
 +
ul.actions li > *.icon:before {
 +
margin-left: -2rem;
 +
}
 +
 
 +
ul.actions.small li {
 +
padding: 0.5rem 0 0 0;
 +
}
 +
 
 +
ul.actions.small li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
}
 +
 
 +
dl {
 +
margin: 0 0 2rem 0;
 +
}
 +
 
 +
dl dt {
 +
display: block;
 +
font-weight: 700;
 +
margin: 0 0 1rem 0;
 +
}
 +
 
 +
dl dd {
 +
margin-left: 2rem;
 +
}
 +
 
 +
ul.alt li {
 +
border-top-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
/* Section/Article */
 +
 
 +
section.special, article.special {
 +
text-align: center;
 +
}
 +
 
 +
header p {
 +
position: relative;
 +
margin: 0 0 1.5rem 0;
 +
}
 +
 
 +
header h2 + p {
 +
font-size: 1.25rem;
 +
margin-top: -1rem;
 +
}
 +
 
 +
header h3 + p {
 +
font-size: 1.1rem;
 +
margin-top: -0.8rem;
 +
}
 +
 
 +
header h4 + p,
 +
header h5 + p,
 +
header h6 + p {
 +
font-size: 0.9rem;
 +
margin-top: -0.6rem;
 +
}
 +
 
 +
header p {
 +
color: #bbb;
 +
}
 +
 
 +
/* Table */
 +
 
 +
.table-wrapper {
 +
-webkit-overflow-scrolling: touch;
 +
overflow-x: auto;
 +
}
 +
 
 +
table {
 +
margin: 0 0 2rem 0;
 +
width: 100%;
 +
}
 +
 
 +
table tbody tr {
 +
border: solid 1px;
 +
border-left: 0;
 +
border-right: 0;
 +
}
 +
 
 +
table td {
 +
padding: 0.75rem 0.75rem;
 +
}
 +
 
 +
table th {
 +
font-size: 0.9rem;
 +
font-weight: 700;
 +
padding: 0 0.75rem 0.75rem 0.75rem;
 +
text-align: left;
 +
}
 +
 
 +
table thead {
 +
border-bottom: solid 2px;
 +
}
 +
 
 +
table tfoot {
 +
border-top: solid 2px;
 +
}
 +
 
 +
table.alt {
 +
border-collapse: separate;
 +
}
 +
 
 +
table.alt tbody tr td {
 +
border: solid 1px;
 +
border-left-width: 0;
 +
border-top-width: 0;
 +
}
 +
 
 +
table.alt tbody tr td:first-child {
 +
border-left-width: 1px;
 +
}
 +
 
 +
table.alt tbody tr:first-child td {
 +
border-top-width: 1px;
 +
}
 +
 
 +
table.alt thead {
 +
border-bottom: 0;
 +
}
 +
 
 +
table.alt tfoot {
 +
border-top: 0;
 +
}
 +
 
 +
table tbody tr {
 +
border-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(144, 144, 144, 0.075);
 +
}
 +
 
 +
table th {
 +
color: #555;
 +
}
 +
 
 +
table thead {
 +
border-bottom-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
table tfoot {
 +
border-top-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
table.alt tbody tr td {
 +
border-color: rgba(144, 144, 144, 0.25);
 +
}
 +
 
 +
/* Wrapper */
 +
 
 +
.wrapper {
 +
padding: 6rem 0 4rem 0 ;
 +
position: relative;
 +
margin: 0;
 +
}
 +
 
 +
.wrapper > .inner {
 +
margin: 0 auto;
 +
width: 80rem;
 +
}
 +
 
 +
.wrapper.style1 {
 +
background-color: #8a4680;
 +
color: #e2d1df;
 +
}
 +
 
 +
.wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 a {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 strong, .wrapper.style1 b {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 blockquote {
 +
border-left-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 code {
 +
background: rgba(255, 255, 255, 0.075);
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 hr {
 +
border-bottom-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 .box {
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"],
 +
.wrapper.style1 input[type="reset"],
 +
.wrapper.style1 input[type="button"],
 +
.wrapper.style1 button,
 +
.wrapper.style1 .button {
 +
background-color: #f2f2f2;
 +
color: #000 !important;
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"]:hover,
 +
.wrapper.style1 input[type="reset"]:hover,
 +
.wrapper.style1 input[type="button"]:hover,
 +
.wrapper.style1 button:hover,
 +
.wrapper.style1 .button:hover {
 +
background-color: white;
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"]:active,
 +
.wrapper.style1 input[type="reset"]:active,
 +
.wrapper.style1 input[type="button"]:active,
 +
.wrapper.style1 button:active,
 +
.wrapper.style1 .button:active {
 +
background-color: #e5e5e5;
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"].alt,
 +
.wrapper.style1 input[type="reset"].alt,
 +
.wrapper.style1 input[type="button"].alt,
 +
.wrapper.style1 button.alt,
 +
.wrapper.style1 .button.alt {
 +
background-color: transparent;
 +
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
 +
color: #ffffff !important;
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"].alt:hover,
 +
.wrapper.style1 input[type="reset"].alt:hover,
 +
.wrapper.style1 input[type="button"].alt:hover,
 +
.wrapper.style1 button.alt:hover,
 +
.wrapper.style1 .button.alt:hover {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"].alt:active,
 +
.wrapper.style1 input[type="reset"].alt:active,
 +
.wrapper.style1 input[type="button"].alt:active,
 +
.wrapper.style1 button.alt:active,
 +
.wrapper.style1 .button.alt:active {
 +
background-color: rgba(255, 255, 255, 0.2);
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"].alt.icon:before,
 +
.wrapper.style1 input[type="reset"].alt.icon:before,
 +
.wrapper.style1 input[type="button"].alt.icon:before,
 +
.wrapper.style1 button.alt.icon:before,
 +
.wrapper.style1 .button.alt.icon:before {
 +
color: #d0b5cc;
 +
}
 +
 
 +
.wrapper.style1 input[type="submit"].special,
 +
.wrapper.style1 input[type="reset"].special,
 +
.wrapper.style1 input[type="button"].special,
 +
.wrapper.style1 button.special,
 +
.wrapper.style1 .button.special {
 +
background-color: #ffffff;
 +
color: #8a4680 !important;
 +
}
 +
 
 +
.wrapper.style1 label {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 input[type="text"],
 +
.wrapper.style1 input[type="password"],
 +
.wrapper.style1 input[type="email"],
 +
.wrapper.style1 select,
 +
.wrapper.style1 textarea {
 +
background: rgba(255, 255, 255, 0.075);
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 input[type="text"]:focus,
 +
.wrapper.style1 input[type="password"]:focus,
 +
.wrapper.style1 input[type="email"]:focus,
 +
.wrapper.style1 select:focus,
 +
.wrapper.style1 textarea:focus {
 +
border-color: #ffffff;
 +
box-shadow: 0 0 0 1px #ffffff;
 +
}
 +
 
 +
.wrapper.style1 .select-wrapper:before {
 +
color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 input[type="checkbox"] + label,
 +
.wrapper.style1 input[type="radio"] + label {
 +
color: #e2d1df;
 +
}
 +
 
 +
.wrapper.style1 input[type="checkbox"] + label:before,
 +
.wrapper.style1 input[type="radio"] + label:before {
 +
background: rgba(255, 255, 255, 0.075);
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 input[type="checkbox"]:checked + label:before,
 +
.wrapper.style1 input[type="radio"]:checked + label:before {
 +
background-color: #ffffff;
 +
border-color: #ffffff;
 +
color: #8a4680;
 +
}
 +
 
 +
.wrapper.style1 input[type="checkbox"]:focus + label:before,
 +
.wrapper.style1 input[type="radio"]:focus + label:before {
 +
border-color: #ffffff;
 +
box-shadow: 0 0 0 1px #ffffff;
 +
}
 +
 
 +
.wrapper.style1 ::-webkit-input-placeholder {
 +
color: #d0b5cc !important;
 +
}
 +
 
 +
.wrapper.style1 :-moz-placeholder {
 +
color: #d0b5cc !important;
 +
}
 +
 
 +
.wrapper.style1 ::-moz-placeholder {
 +
color: #d0b5cc !important;
 +
}
 +
 
 +
.wrapper.style1 :-ms-input-placeholder {
 +
color: #d0b5cc !important;
 +
}
 +
 
 +
.wrapper.style1 .formerize-placeholder {
 +
color: #d0b5cc !important;
 +
}
 +
 
 +
.wrapper.style1 ul.alt li {
 +
border-top-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 header p {
 +
color: #d0b5cc;
 +
}
 +
 
 +
.wrapper.style1 table tbody tr {
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style1 table th {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style1 table thead {
 +
border-bottom-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 table tfoot {
 +
border-top-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style1 table.alt tbody tr td {
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style2 {
 +
background-color: #f2f2f2;
 +
color: #a6a6a6;
 +
}
 +
 
 +
.wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
 +
color: #000;
 +
}
 +
 
 +
.wrapper.style2 a {
 +
color: #8a4680;
 +
}
 +
 
 +
.wrapper.style2 strong, .wrapper.style2 b {
 +
color: #000;
 +
}
 +
 
 +
.wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
 +
color: #000;
 +
}
 +
 
 +
.wrapper.style2 blockquote {
 +
border-left-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 code {
 +
background: rgba(0, 0, 0, 0.075);
 +
border-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 hr {
 +
border-bottom-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 .box {
 +
border-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 input[type="submit"],
 +
.wrapper.style2 input[type="reset"],
 +
.wrapper.style2 input[type="button"],
 +
.wrapper.style2 button,
 +
.wrapper.style2 .button {
 +
background-color: #000;
 +
color: #f2f2f2 !important;
 +
}
 +
 
 +
.wrapper.style2 input[type="submit"].alt,
 +
.wrapper.style2 input[type="reset"].alt,
 +
.wrapper.style2 input[type="button"].alt,
 +
.wrapper.style2 button.alt,
 +
.wrapper.style2 .button.alt {
 +
background-color: transparent;
 +
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.15);
 +
color: #000 !important;
 +
}
 +
 
 +
.wrapper.style2 input[type="submit"].alt:hover,
 +
.wrapper.style2 input[type="reset"].alt:hover,
 +
.wrapper.style2 input[type="button"].alt:hover,
 +
.wrapper.style2 button.alt:hover,
 +
.wrapper.style2 .button.alt:hover {
 +
background-color: rgba(0, 0, 0, 0.075);
 +
}
 +
 
 +
.wrapper.style2 input[type="submit"].alt:active,
 +
.wrapper.style2 input[type="reset"].alt:active,
 +
.wrapper.style2 input[type="button"].alt:active,
 +
.wrapper.style2 button.alt:active,
 +
.wrapper.style2 .button.alt:active {
 +
background-color: rgba(0, 0, 0, 0.2);
 +
}
 +
 
 +
.wrapper.style2 input[type="submit"].alt.icon:before,
 +
.wrapper.style2 input[type="reset"].alt.icon:before,
 +
.wrapper.style2 input[type="button"].alt.icon:before,
 +
.wrapper.style2 button.alt.icon:before,
 +
.wrapper.style2 .button.alt.icon:before {
 +
color: #999999;
 +
}
 +
 
 +
.wrapper.style2 input[type="submit"].special,
 +
.wrapper.style2 input[type="reset"].special,
 +
.wrapper.style2 input[type="button"].special,
 +
.wrapper.style2 button.special,
 +
.wrapper.style2 .button.special {
 +
background-color: #8a4680;
 +
color: #ffffff !important;
 +
}
 +
 
 +
.wrapper.style2 input[type="submit"].special:hover,
 +
.wrapper.style2 input[type="reset"].special:hover,
 +
.wrapper.style2 input[type="button"].special:hover,
 +
.wrapper.style2 button.special:hover,
 +
.wrapper.style2 .button.special:hover {
 +
background-color: #9b4f90;
 +
}
 +
 
 +
.wrapper.style2 input[type="submit"].special:active,
 +
.wrapper.style2 input[type="reset"].special:active,
 +
.wrapper.style2 input[type="button"].special:active,
 +
.wrapper.style2 button.special:active,
 +
.wrapper.style2 .button.special:active {
 +
background-color: #793d70;
 +
}
 +
 
 +
.wrapper.style2 label {
 +
color: #000;
 +
}
 +
 
 +
.wrapper.style2 input[type="text"],
 +
.wrapper.style2 input[type="password"],
 +
.wrapper.style2 input[type="email"],
 +
.wrapper.style2 select,
 +
.wrapper.style2 textarea {
 +
background: rgba(0, 0, 0, 0.075);
 +
border-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 input[type="text"]:focus,
 +
.wrapper.style2 input[type="password"]:focus,
 +
.wrapper.style2 input[type="email"]:focus,
 +
.wrapper.style2 select:focus,
 +
.wrapper.style2 textarea:focus {
 +
border-color: #8a4680;
 +
box-shadow: 0 0 0 1px #8a4680;
 +
}
 +
 
 +
.wrapper.style2 .select-wrapper:before {
 +
color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 input[type="checkbox"] + label,
 +
.wrapper.style2 input[type="radio"] + label {
 +
color: #a6a6a6;
 +
}
 +
 
 +
.wrapper.style2 input[type="checkbox"] + label:before,
 +
.wrapper.style2 input[type="radio"] + label:before {
 +
background: rgba(0, 0, 0, 0.075);
 +
border-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 input[type="checkbox"]:checked + label:before,
 +
.wrapper.style2 input[type="radio"]:checked + label:before {
 +
background-color: #8a4680;
 +
border-color: #8a4680;
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style2 input[type="checkbox"]:focus + label:before,
 +
.wrapper.style2 input[type="radio"]:focus + label:before {
 +
border-color: #8a4680;
 +
box-shadow: 0 0 0 1px #8a4680;
 +
}
 +
 
 +
.wrapper.style2 ::-webkit-input-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style2 :-moz-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style2 ::-moz-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style2 :-ms-input-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style2 .formerize-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style2 ul.alt li {
 +
border-top-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 header p {
 +
color: #999999;
 +
}
 +
 
 +
.wrapper.style2 table tbody tr {
 +
border-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(0, 0, 0, 0.075);
 +
}
 +
 
 +
.wrapper.style2 table th {
 +
color: #000;
 +
}
 +
 
 +
.wrapper.style2 table thead {
 +
border-bottom-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 table tfoot {
 +
border-top-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style2 table.alt tbody tr td {
 +
border-color: rgba(0, 0, 0, 0.15);
 +
}
 +
 
 +
.wrapper.style3 {
 +
background-color: #000;
 +
color: #bfbfbf;
 +
background-image: url(../../images/bg.jpg);
 +
background-size: cover;
 +
background-attachment: fixed;
 +
background-position: center;
 +
position: relative;
 +
}
 +
 
 +
.wrapper.style3 input, .wrapper.style3 select, .wrapper.style3 textarea {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 a {
 +
color: #8a4680;
 +
}
 +
 
 +
.wrapper.style3 strong, .wrapper.style3 b {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 h1, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 blockquote {
 +
border-left-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 code {
 +
background: rgba(255, 255, 255, 0.075);
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 hr {
 +
border-bottom-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 .box {
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"],
 +
.wrapper.style3 input[type="reset"],
 +
.wrapper.style3 input[type="button"],
 +
.wrapper.style3 button,
 +
.wrapper.style3 .button {
 +
background-color: #f2f2f2;
 +
color: #000 !important;
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"]:hover,
 +
.wrapper.style3 input[type="reset"]:hover,
 +
.wrapper.style3 input[type="button"]:hover,
 +
.wrapper.style3 button:hover,
 +
.wrapper.style3 .button:hover {
 +
background-color: white;
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"]:active,
 +
.wrapper.style3 input[type="reset"]:active,
 +
.wrapper.style3 input[type="button"]:active,
 +
.wrapper.style3 button:active,
 +
.wrapper.style3 .button:active {
 +
background-color: #e5e5e5;
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"].alt,
 +
.wrapper.style3 input[type="reset"].alt,
 +
.wrapper.style3 input[type="button"].alt,
 +
.wrapper.style3 button.alt,
 +
.wrapper.style3 .button.alt {
 +
background-color: transparent;
 +
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.25);
 +
color: #ffffff !important;
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"].alt:hover,
 +
.wrapper.style3 input[type="reset"].alt:hover,
 +
.wrapper.style3 input[type="button"].alt:hover,
 +
.wrapper.style3 button.alt:hover,
 +
.wrapper.style3 .button.alt:hover {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"].alt:active,
 +
.wrapper.style3 input[type="reset"].alt:active,
 +
.wrapper.style3 input[type="button"].alt:active,
 +
.wrapper.style3 button.alt:active,
 +
.wrapper.style3 .button.alt:active {
 +
background-color: rgba(255, 255, 255, 0.2);
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"].alt.icon:before,
 +
.wrapper.style3 input[type="reset"].alt.icon:before,
 +
.wrapper.style3 input[type="button"].alt.icon:before,
 +
.wrapper.style3 button.alt.icon:before,
 +
.wrapper.style3 .button.alt.icon:before {
 +
color: #999999;
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"].special,
 +
.wrapper.style3 input[type="reset"].special,
 +
.wrapper.style3 input[type="button"].special,
 +
.wrapper.style3 button.special,
 +
.wrapper.style3 .button.special {
 +
background-color: #8a4680;
 +
color: #ffffff !important;
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"].special:hover,
 +
.wrapper.style3 input[type="reset"].special:hover,
 +
.wrapper.style3 input[type="button"].special:hover,
 +
.wrapper.style3 button.special:hover,
 +
.wrapper.style3 .button.special:hover {
 +
background-color: #9b4f90;
 +
}
 +
 
 +
.wrapper.style3 input[type="submit"].special:active,
 +
.wrapper.style3 input[type="reset"].special:active,
 +
.wrapper.style3 input[type="button"].special:active,
 +
.wrapper.style3 button.special:active,
 +
.wrapper.style3 .button.special:active {
 +
background-color: #793d70;
 +
}
 +
 
 +
.wrapper.style3 label {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 input[type="text"],
 +
.wrapper.style3 input[type="password"],
 +
.wrapper.style3 input[type="email"],
 +
.wrapper.style3 select,
 +
.wrapper.style3 textarea {
 +
background: rgba(255, 255, 255, 0.075);
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 input[type="text"]:focus,
 +
.wrapper.style3 input[type="password"]:focus,
 +
.wrapper.style3 input[type="email"]:focus,
 +
.wrapper.style3 select:focus,
 +
.wrapper.style3 textarea:focus {
 +
border-color: #8a4680;
 +
box-shadow: 0 0 0 1px #8a4680;
 +
}
 +
 
 +
.wrapper.style3 .select-wrapper:before {
 +
color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 input[type="checkbox"] + label,
 +
.wrapper.style3 input[type="radio"] + label {
 +
color: #bfbfbf;
 +
}
 +
 
 +
.wrapper.style3 input[type="checkbox"] + label:before,
 +
.wrapper.style3 input[type="radio"] + label:before {
 +
background: rgba(255, 255, 255, 0.075);
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 input[type="checkbox"]:checked + label:before,
 +
.wrapper.style3 input[type="radio"]:checked + label:before {
 +
background-color: #8a4680;
 +
border-color: #8a4680;
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 input[type="checkbox"]:focus + label:before,
 +
.wrapper.style3 input[type="radio"]:focus + label:before {
 +
border-color: #8a4680;
 +
box-shadow: 0 0 0 1px #8a4680;
 +
}
 +
 
 +
.wrapper.style3 ::-webkit-input-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style3 :-moz-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style3 ::-moz-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style3 :-ms-input-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style3 .formerize-placeholder {
 +
color: #999999 !important;
 +
}
 +
 
 +
.wrapper.style3 ul.alt li {
 +
border-top-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 header p {
 +
color: #999999;
 +
}
 +
 
 +
.wrapper.style3 table tbody tr {
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.wrapper.style3 table th {
 +
color: #ffffff;
 +
}
 +
 
 +
.wrapper.style3 table thead {
 +
border-bottom-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 table tfoot {
 +
border-top-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 table.alt tbody tr td {
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.wrapper.style3 .inner {
 +
position: relative;
 +
z-index: 2;
 +
}
 +
 
 +
.wrapper.style3 p {
 +
text-transform: uppercase;
 +
font-size: .75rem;
 +
font-weight: 300;
 +
margin: 0 0 .5rem 0;
 +
padding: 0 0 1rem 0;
 +
letter-spacing: .25rem;
 +
}
 +
 
 +
.wrapper.style3 p:after {
 +
content: '';
 +
position: absolute;
 +
margin: auto;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
width: 50%;
 +
height: 1px;
 +
background-color: rgba(255, 255, 255, 0.5);
 +
}
 +
 
 +
.wrapper.style3:before {
 +
-moz-transition: opacity 3s ease;
 +
-webkit-transition: opacity 3s ease;
 +
-ms-transition: opacity 3s ease;
 +
transition: opacity 3s ease;
 +
-moz-transition-delay: 1.25s;
 +
-webkit-transition-delay: 1.25s;
 +
-ms-transition-delay: 1.25s;
 +
transition-delay: 1.25s;
 +
content: '';
 +
display: block;
 +
background-color: rgba(0, 0, 0, 0.95);
 +
height: 100%;
 +
left: 0;
 +
opacity: 0.75;
 +
position: absolute;
 +
top: 0;
 +
width: 100%;
 +
z-index: 1;
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
.wrapper > .inner {
 +
width: 75rem;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.wrapper > .inner {
 +
width: 90%;
 +
}
 +
 
 +
.wrapper.style3 {
 +
background-attachment: scroll;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.wrapper {
 +
padding: 3rem 0 1rem 0 ;
 +
}
 +
 
 +
}
 +
 
 +
/* Flexgrid */
 +
 
 +
.grid-style {
 +
width: 100%;
 +
margin: 0 0 2.5rem 0;
 +
display: -moz-flex;
 +
display: -webkit-flex;
 +
display: -ms-flex;
 +
display: flex;
 +
-moz-flex-wrap: wrap;
 +
-webkit-flex-wrap: wrap;
 +
-ms-flex-wrap: wrap;
 +
flex-wrap: wrap;
 +
-moz-align-items: stretch;
 +
-webkit-align-items: stretch;
 +
-ms-align-items: stretch;
 +
align-items: stretch;
 +
}
 +
 
 +
.grid-style > * {
 +
-moz-flex-shrink: 1;
 +
-webkit-flex-shrink: 1;
 +
-ms-flex-shrink: 1;
 +
flex-shrink: 1;
 +
-moz-flex-grow: 0;
 +
-webkit-flex-grow: 0;
 +
-ms-flex-grow: 0;
 +
flex-grow: 0;
 +
}
 +
 
 +
.grid-style > * {
 +
width: 50%;
 +
}
 +
 
 +
.grid-style > * {
 +
padding: 2rem;
 +
width: calc(50% + 2rem);
 +
}
 +
 
 +
.grid-style > :nth-child(-n + 2) {
 +
padding-top: 0;
 +
}
 +
 
 +
.grid-style > :nth-last-child(-n + 2) {
 +
padding-bottom: 0;
 +
}
 +
 
 +
.grid-style > :nth-child(2n + 1) {
 +
padding-left: 0;
 +
}
 +
 
 +
.grid-style > :nth-child(2n) {
 +
padding-right: 0;
 +
}
 +
 
 +
.grid-style > :nth-child(2n + 1),
 +
.grid-style > :nth-child(2n) {
 +
width: calc(50% + 0rem);
 +
}
 +
 
 +
.grid-style .box {
 +
margin: 0;
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.grid-style > * {
 +
width: 100%;
 +
}
 +
 
 +
.grid-style > * {
 +
padding: 1rem;
 +
width: calc(50% + 1rem);
 +
}
 +
 
 +
.grid-style > :nth-child(-n + 2) {
 +
padding-top: 1rem;
 +
}
 +
 
 +
.grid-style > :nth-last-child(-n + 2) {
 +
padding-bottom: 1rem;
 +
}
 +
 
 +
.grid-style > :nth-child(2n + 1) {
 +
padding-left: 1rem;
 +
}
 +
 
 +
.grid-style > :nth-child(2n) {
 +
padding-right: 1rem;
 +
}
 +
 
 +
.grid-style > :nth-child(2n + 1),
 +
.grid-style > :nth-child(2n) {
 +
padding: 1rem;
 +
width: calc(100% + 2rem);
 +
}
 +
 
 +
.grid-style > * {
 +
padding: 1rem;
 +
width: calc(100% + 2rem);
 +
}
 +
 
 +
.grid-style > :nth-child(-n + 1) {
 +
padding-top: 0;
 +
}
 +
 
 +
.grid-style > :nth-last-child(-n + 1) {
 +
padding-bottom: 0;
 +
}
 +
 
 +
.grid-style > :nth-child(1n + 1) {
 +
padding-left: 0;
 +
}
 +
 
 +
.grid-style > :nth-child(1n) {
 +
padding-right: 0;
 +
}
 +
 
 +
.grid-style > :nth-child(1n + 1),
 +
.grid-style > :nth-child(1n) {
 +
width: calc(100% + 1rem);
 +
}
 +
 
 +
}
 +
 
 +
.gallery {
 +
width: 100%;
 +
margin: 2.5rem 0 2.5rem 0;
 +
display: -moz-flex;
 +
display: -webkit-flex;
 +
display: -ms-flex;
 +
display: flex;
 +
-moz-flex-wrap: wrap;
 +
-webkit-flex-wrap: wrap;
 +
-ms-flex-wrap: wrap;
 +
flex-wrap: wrap;
 +
-moz-align-items: stretch;
 +
-webkit-align-items: stretch;
 +
-ms-align-items: stretch;
 +
align-items: stretch;
 +
}
 +
 
 +
.gallery > * {
 +
-moz-flex-shrink: 1;
 +
-webkit-flex-shrink: 1;
 +
-ms-flex-shrink: 1;
 +
flex-shrink: 1;
 +
-moz-flex-grow: 0;
 +
-webkit-flex-grow: 0;
 +
-ms-flex-grow: 0;
 +
flex-grow: 0;
 +
}
 +
 
 +
.gallery > * {
 +
width: 50%;
 +
}
 +
 
 +
.gallery > * {
 +
padding: 2rem;
 +
width: calc(50% + 2rem);
 +
}
 +
 
 +
.gallery > :nth-child(-n + 2) {
 +
padding-top: 0;
 +
}
 +
 
 +
.gallery > :nth-last-child(-n + 2) {
 +
padding-bottom: 0;
 +
}
 +
 
 +
.gallery > :nth-child(2n + 1) {
 +
padding-left: 0;
 +
}
 +
 
 +
.gallery > :nth-child(2n) {
 +
padding-right: 0;
 +
}
 +
 
 +
.gallery > :nth-child(2n + 1),
 +
.gallery > :nth-child(2n) {
 +
width: calc(50% + 0rem);
 +
}
 +
 
 +
.gallery .image {
 +
background: #FFF;
 +
padding: 1rem;
 +
}
 +
 
 +
.gallery .image.fit {
 +
margin: 0;
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.gallery > * {
 +
width: 100%;
 +
}
 +
 
 +
.gallery > * {
 +
padding: 1rem;
 +
width: calc(50% + 1rem);
 +
}
 +
 
 +
.gallery > :nth-child(-n + 2) {
 +
padding-top: 1rem;
 +
}
 +
 
 +
.gallery > :nth-last-child(-n + 2) {
 +
padding-bottom: 1rem;
 +
}
 +
 
 +
.gallery > :nth-child(2n + 1) {
 +
padding-left: 1rem;
 +
}
 +
 
 +
.gallery > :nth-child(2n) {
 +
padding-right: 1rem;
 +
}
 +
 
 +
.gallery > :nth-child(2n + 1),
 +
.gallery > :nth-child(2n) {
 +
padding: 1rem;
 +
width: calc(100% + 2rem);
 +
}
 +
 
 +
.gallery > * {
 +
padding: 1rem;
 +
width: calc(100% + 2rem);
 +
}
 +
 
 +
.gallery > :nth-child(-n + 1) {
 +
padding-top: 0;
 +
}
 +
 
 +
.gallery > :nth-last-child(-n + 1) {
 +
padding-bottom: 0;
 +
}
 +
 
 +
.gallery > :nth-child(1n + 1) {
 +
padding-left: 0;
 +
}
 +
 
 +
.gallery > :nth-child(1n) {
 +
padding-right: 0;
 +
}
 +
 
 +
.gallery > :nth-child(1n + 1),
 +
.gallery > :nth-child(1n) {
 +
width: calc(100% + 1rem);
 +
}
 +
 
 +
}
 +
 
 +
/* Header */
 +
 
 +
body.subpage {
 +
padding-top: 3.25em;
 +
}
 +
 
 +
@-moz-keyframes reveal-header {
 +
0% {
 +
top: -4em;
 +
opacity: 0;
 +
}
 +
 
 +
100% {
 +
top: 0;
 +
opacity: 1;
 +
}
 +
}
 +
 
 +
@-webkit-keyframes reveal-header {
 +
0% {
 +
top: -4em;
 +
opacity: 0;
 +
}
 +
 
 +
100% {
 +
top: 0;
 +
opacity: 1;
 +
}
 +
}
 +
 
 +
@-ms-keyframes reveal-header {
 +
0% {
 +
top: -4em;
 +
opacity: 0;
 +
}
 +
 
 +
100% {
 +
top: 0;
 +
opacity: 1;
 +
}
 +
}
 +
 
 +
@keyframes reveal-header {
 +
0% {
 +
top: -4em;
 +
opacity: 0;
 +
}
 +
 
 +
100% {
 +
top: 0;
 +
opacity: 1;
 +
}
 +
}
 +
 
 +
#header {
 +
background: rgba(0, 0, 0, 0.975);
 +
color: #a6a6a6;
 +
cursor: default;
 +
height: 3.25em;
 +
left: 0;
 +
line-height: 3.25em;
 +
position: fixed;
 +
text-align: right;
 +
top: 0;
 +
width: 100%;
 +
z-index: 10001;
 +
}
 +
 
 +
#header > .logo {
 +
display: inline-block;
 +
height: inherit;
 +
left: 1.25em;
 +
line-height: inherit;
 +
margin: 0;
 +
padding: 0;
 +
position: absolute;
 +
top: 0;
 +
}
 +
 
 +
#header > .logo a {
 +
font-size: 1.25em;
 +
color: #FFF;
 +
text-decoration: none;
 +
}
 +
 
 +
#header > .logo a:hover {
 +
color: rgba(255, 255, 255, 0.65);
 +
}
 +
 
 +
#header > .logo span {
 +
font-weight: 400;
 +
font-size: .8em;
 +
color: rgba(255, 255, 255, 0.65);
 +
}
 +
 
 +
#header > a {
 +
-moz-transition: color 0.2s ease-in-out;
 +
-webkit-transition: color 0.2s ease-in-out;
 +
-ms-transition: color 0.2s ease-in-out;
 +
transition: color 0.2s ease-in-out;
 +
display: inline-block;
 +
padding: 0 0.75em;
 +
color: inherit;
 +
text-decoration: none;
 +
color: #FFF;
 +
}
 +
 
 +
#header > a:hover {
 +
color: #f2f2f2;
 +
}
 +
 
 +
#header > a[href="#menu"] {
 +
text-decoration: none;
 +
-webkit-tap-highlight-color: transparent;
 +
}
 +
 
 +
#header > a[href="#menu"]:before {
 +
content: "";
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 
 +
#header > a[href="#menu"]:before {
 +
margin: 0 0.5em 0 0;
 +
}
 +
 
 +
#header > a + a[href="#menu"]:last-child {
 +
border-left: solid 1px rgba(0, 0, 0, 0.15);
 +
padding-left: 1.25em;
 +
margin-left: 0.5em;
 +
}
 +
 
 +
#header > a:last-child {
 +
padding-right: 1.25em;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#header > a {
 +
padding: 0 0.5em;
 +
}
 +
 
 +
#header > a + a[href="#menu"]:last-child {
 +
padding-left: 1em;
 +
margin-left: 0.25em;
 +
}
 +
 
 +
#header > a:last-child {
 +
padding-right: 1em;
 +
}
 +
 
 +
}
 +
 
 +
#header.reveal {
 +
-moz-animation: reveal-header 0.5s ease;
 +
-webkit-animation: reveal-header 0.5s ease;
 +
-ms-animation: reveal-header 0.5s ease;
 +
animation: reveal-header 0.5s ease;
 +
}
 +
 
 +
#header.alt {
 +
-moz-animation: none;
 +
-webkit-animation: none;
 +
-ms-animation: none;
 +
animation: none;
 +
background-color: transparent;
 +
box-shadow: none;
 +
overflow: hidden;
 +
position: absolute;
 +
top: 1.5em;
 +
}
 +
 
 +
#header.alt h1 {
 +
left: 2.5em;
 +
}
 +
 
 +
#header.alt nav {
 +
right: 2.5em;
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
body.subpage {
 +
padding-top: 44px;
 +
}
 +
 
 +
#header {
 +
height: 44px;
 +
line-height: 44px;
 +
}
 +
 
 +
#header > h1 {
 +
left: 1em;
 +
}
 +
 
 +
#header > h1 a {
 +
font-size: 1em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
 
 +
#header {
 +
min-width: 320px;
 +
}
 +
 
 +
}
 +
 
 +
/* Menu */
 +
 
 +
#menu {
 +
-moz-transform: translateX(20rem);
 +
-webkit-transform: translateX(20rem);
 +
-ms-transform: translateX(20rem);
 +
transform: translateX(20rem);
 +
-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
 +
-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
 +
-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
 +
transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
 +
-webkit-overflow-scrolling: touch;
 +
background: rgba(0, 0, 0, 0.95);
 +
box-shadow: none;
 +
color: #000;
 +
height: 100%;
 +
max-width: 80%;
 +
overflow-y: auto;
 +
padding: 3rem 2rem;
 +
position: fixed;
 +
right: 0;
 +
top: 0;
 +
visibility: hidden;
 +
width: 20rem;
 +
z-index: 10002;
 +
}
 +
 
 +
#menu > ul {
 +
margin: 0 0 1rem 0;
 +
}
 +
 
 +
#menu > ul.links {
 +
list-style: none;
 +
padding: 0;
 +
}
 +
 
 +
#menu > ul.links > li {
 +
padding: 0;
 +
}
 +
 
 +
#menu > ul.links > li > a:not(.button) {
 +
border: 0;
 +
border-top: solid 1px rgba(255, 255, 255, 0.125);
 +
color: rgba(255, 255, 255, 0.5);
 +
display: block;
 +
line-height: 3.5rem;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
}
 +
 
 +
#menu > ul.links > li > a:not(.button):hover {
 +
color: #FFF;
 +
}
 +
 
 +
#menu > ul.links > li > .button {
 +
display: block;
 +
margin: 0.5rem 0 0 0;
 +
}
 +
 
 +
#menu > ul.links > li:first-child > a:not(.button) {
 +
border-top: 0 !important;
 +
}
 +
 
 +
#menu .close {
 +
text-decoration: none;
 +
-moz-transition: color 0.2s ease-in-out;
 +
-webkit-transition: color 0.2s ease-in-out;
 +
-ms-transition: color 0.2s ease-in-out;
 +
transition: color 0.2s ease-in-out;
 +
-webkit-tap-highlight-color: transparent;
 +
border: 0;
 +
color: #999999;
 +
cursor: pointer;
 +
display: block;
 +
height: 3.25rem;
 +
line-height: 3.25rem;
 +
padding-right: 1.25rem;
 +
position: absolute;
 +
right: 0;
 +
text-align: right;
 +
top: 0;
 +
vertical-align: middle;
 +
width: 7rem;
 +
}
 +
 
 +
#menu .close:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 
 +
#menu .close:before {
 +
content: '\f00d';
 +
font-size: 1.25rem;
 +
}
 +
 
 +
#menu .close:hover {
 +
color: #000;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#menu .close {
 +
height: 4rem;
 +
line-height: 4rem;
 +
}
 +
 
 +
}
 +
 
 +
#menu.visible {
 +
-moz-transform: translateX(0);
 +
-webkit-transform: translateX(0);
 +
-ms-transform: translateX(0);
 +
transform: translateX(0);
 +
box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2);
 +
visibility: visible;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#menu {
 +
padding: 2.5rem 1.75rem;
 +
}
 +
 
 +
}
 +
 
 +
/* Banner */
 +
 
 +
.banner {
 +
background-color: #8a4680;
 +
color: #e2d1df;
 +
padding: 8em 0;
 +
position: relative;
 +
}
 +
 
 +
.banner input, .banner select, .banner textarea {
 +
color: #ffffff;
 +
}
 +
 
 +
.banner a {
 +
color: #ffffff;
 +
}
 +
 
 +
.banner strong, .banner b {
 +
color: #ffffff;
 +
}
 +
 
 +
.banner h1, .banner h2, .banner h3, .banner h4, .banner h5, .banner h6 {
 +
color: #ffffff;
 +
}
 +
 
 +
.banner blockquote {
 +
border-left-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.banner code {
 +
background: rgba(255, 255, 255, 0.075);
 +
border-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.banner hr {
 +
border-bottom-color: rgba(255, 255, 255, 0.25);
 +
}
 +
 
 +
.banner.full {
 +
padding: 0;
 +
min-height: 100vh;
 +
height: 100vh !important;
 +
}
 +
 
 +
.banner.half {
 +
padding: 0;
 +
min-height: 50vh;
 +
height: 50vh !important;
 +
}
 +
 
 +
.banner:after {
 +
-moz-pointer-events: none;
 +
-webkit-pointer-events: none;
 +
-ms-pointer-events: none;
 +
pointer-events: none;
 +
-moz-transition: opacity 1.5s ease-in-out, visibility 1.5s;
 +
-webkit-transition: opacity 1.5s ease-in-out, visibility 1.5s;
 +
-ms-transition: opacity 1.5s ease-in-out, visibility 1.5s;
 +
transition: opacity 1.5s ease-in-out, visibility 1.5s;
 +
background: #000000;
 +
content: '';
 +
display: block;
 +
height: 100%;
 +
left: 0;
 +
opacity: 0;
 +
position: absolute;
 +
top: 0;
 +
visibility: hidden;
 +
width: 100%;
 +
z-index: 2;
 +
}
 +
 
 +
.banner .indicators {
 +
bottom: 1.5em;
 +
left: 0;
 +
list-style: none;
 +
margin: 0;
 +
padding: 0;
 +
position: absolute;
 +
text-align: center;
 +
width: 100%;
 +
z-index: 2;
 +
}
 +
 
 +
.banner .indicators li {
 +
cursor: pointer;
 +
display: inline-block;
 +
height: 2em;
 +
overflow: hidden;
 +
padding: 0;
 +
position: relative;
 +
text-indent: 2em;
 +
width: 2em;
 +
}
 +
 
 +
.banner .indicators li:before {
 +
background: rgba(255, 255, 255, 0.35);
 +
border-radius: 100%;
 +
content: '';
 +
display: inline-block;
 +
height: 0.8em;
 +
left: 50%;
 +
margin: -0.4em 0 0 -0.4em;
 +
position: absolute;
 +
text-indent: 0;
 +
top: 50%;
 +
width: 0.8em;
 +
}
 +
 
 +
.banner .indicators li.visible:before {
 +
background: #fff;
 +
}
 +
 
 +
.banner > article {
 +
-moz-transition: opacity 1.5s ease, visibility 1.5s;
 +
-webkit-transition: opacity 1.5s ease, visibility 1.5s;
 +
-ms-transition: opacity 1.5s ease, visibility 1.5s;
 +
transition: opacity 1.5s ease, visibility 1.5s;
 +
background-attachment: fixed;
 +
background-position: center;
 +
background-repeat: no-repeat;
 +
background-size: cover;
 +
height: 100%;
 +
left: 0;
 +
opacity: 0;
 +
position: absolute;
 +
text-align: center;
 +
top: 0;
 +
visibility: hidden;
 +
width: 100%;
 +
z-index: 0;
 +
}
 +
 
 +
.banner > article:before {
 +
content: '';
 +
display: inline-block;
 +
height: 100%;
 +
vertical-align: middle;
 +
}
 +
 
 +
.banner > article:after {
 +
content: '';
 +
display: block;
 +
width: 100%;
 +
height: 100%;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
background: #000;
 +
opacity: 0.35;
 +
}
 +
 
 +
.banner > article .inner {
 +
position: relative;
 +
display: inline-block;
 +
vertical-align: middle;
 +
z-index: 1;
 +
}
 +
 
 +
.banner > article .inner > :last-child {
 +
margin-bottom: 0;
 +
}
 +
 
 +
.banner > article h2 {
 +
font-size: 7rem;
 +
margin-bottom: 0;
 +
color: #FFF;
 +
font-weight: 300;
 +
}
 +
 
 +
.banner > article h2:after {
 +
display: none;
 +
}
 +
 
 +
.banner > article p {
 +
color: rgba(255, 255, 255, 0.65);
 +
text-transform: uppercase;
 +
font-size: 1rem;
 +
font-weight: 300;
 +
margin: 0;
 +
padding-bottom: 1.75rem;
 +
letter-spacing: .25rem;
 +
}
 +
 
 +
.banner > article p:after {
 +
content: '';
 +
position: absolute;
 +
margin: auto;
 +
right: 0;
 +
bottom: 0;
 +
left: 0;
 +
width: 50%;
 +
height: 1px;
 +
background-color: rgba(255, 255, 255, 0.65);
 +
}
 +
 
 +
.banner > article a {
 +
color: #FFF;
 +
text-decoration: none;
 +
}
 +
 
 +
.banner > article img {
 +
display: none;
 +
}
 +
 
 +
.banner > article.visible {
 +
opacity: 1;
 +
visibility: visible;
 +
}
 +
 
 +
.banner > article.top {
 +
z-index: 1;
 +
}
 +
 
 +
.banner > article.instant {
 +
-moz-transition: none !important;
 +
-webkit-transition: none !important;
 +
-ms-transition: none !important;
 +
transition: none !important;
 +
}
 +
 
 +
body.is-loading .banner:after {
 +
opacity: 1.0;
 +
visibility: visible;
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
.banner.full {
 +
padding: 0;
 +
min-height: 75vh;
 +
height: 75vh !important;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.banner.full {
 +
padding: 0;
 +
min-height: 50vh;
 +
height: 50vh !important;
 +
}
 +
 
 +
.banner > article {
 +
background-attachment: scroll;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.banner > article .inner {
 +
width: 90%;
 +
}
 +
 
 +
.banner > article p {
 +
margin-bottom: 1rem;
 +
}
 +
 
 +
.banner > article h2 {
 +
font-size: 4em;
 +
}
 +
 
 +
}
 +
 
 +
body.is-mobile .banner > article {
 +
background-attachment: scroll;
 +
}
 +
 
 +
/* Main */
 +
 
 +
#main {
 +
padding: 4rem 0 2rem 0 ;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#main {
 +
padding: 3rem 0 1rem 0 ;
 +
}
 +
 
 +
}
 +
 
 +
/* Footer */
 +
 
 +
#footer {
 +
padding: 2rem 0 2rem 0 ;
 +
background: #000;
 +
text-align: center;
 +
}
 +
 
 +
#footer a {
 +
color: rgba(255, 255, 255, 0.5);
 +
}
 +
 
 +
#footer a:hover {
 +
color: #FFF;
 +
}
 +
 
 +
#footer .copyright {
 +
color: #bbb;
 +
font-size: 0.9rem;
 +
margin: 0 0 2rem 0;
 +
padding: 0;
 +
text-align: center;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#footer {
 +
padding: 3rem 0 1rem 0 ;
 +
}
 +
 
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<!-- Header -->
 +
<!-- Navbar -->
 +
<div class="w3-top" style="z-index:4">
 +
  <div class="w3-bar w3-black w3-card-2 w3-left-align w3-large">
 +
    <a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large w3-hover-white w3-large w3-red" href="javascript:void(0);" onclick="myFunction()" title="Toggle Navigation Menu"><i class="fa fa-bars"></i></a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding-large w3-white">Home</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-blue w3-hover-white">Judging</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Team</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Project</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Human-Practice</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Notebook</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Brainstorm</a>
 +
  </div>
 +
 
 +
  <!-- Navbar on small screens -->
 +
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
 +
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 1</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 2</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 3</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 4</a>
 +
  </div>
 
</div>
 
</div>
  
  
 +
 +
<!-- Sidebar/menu -->
 +
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:180px;" id="mySidebar"><br>
 +
  <div class="w3-container w3-row">
 +
    <div class="w3-col s4">
 +
    </div>
 +
    <div class="w3-col s8 w3-bar">
 +
    </div>
 +
  </div>
 +
  <hr>
 +
  <div class="w3-container">
 +
    <h5>Dashboard</h5>
 +
  </div>
 +
  <div class="w3-bar-block">
 +
    <a href="#" class="w3-bar-item w3-button w3-padding-16 w3-hide-large w3-dark-grey w3-hover-black" onclick="w3_close()" title="close menu"><i class="fa fa-remove fa-fw"></i>  Close Menu</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding w3-blue"><i class="fa fa-users fa-fw"></i>  Overview</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-eye fa-fw"></i>  Views</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-users fa-fw"></i>  Traffic</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-bullseye fa-fw"></i>  Geo</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-camera-retro fa-fw"></i>  Orders</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-bell fa-fw"></i>  News</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-bank fa-fw"></i>  General</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-history fa-fw"></i>  History</a>
 +
    <a href="#" class="w3-bar-item w3-button w3-padding"><i class="fa fa-cog fa-fw"></i>  Settings</a><br><br>
 +
  </div>
 +
</nav>
 +
<!-- Overlay effect when opening sidebar on small screens -->
 +
<div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
 +
 +
<div style="margin-left: 180px">
 +
<!-- Banner -->
 +
<section class="banner full" style="background-image: url(https://static.igem.org/mediawiki/2017/3/3b/MD-head-banner-1.jpeg); background-size:cover">
 +
</section>
 +
 +
<!-- One -->
 +
<section id="one" class="wrapper style2">
 +
<div class="inner">
 +
<div class="grid-style">
 +
 +
<div>
 +
<div class="box">
 +
<div class="image fit">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" />
 +
</div>
 +
<div class="content">
 +
<header class="align-center">
 +
<p class="w3-center">maecenas sapien feugiat ex purus</p>
 +
<h2>Lorem ipsum dolor</h2>
 +
</header>
 +
<p class="w3-center"> Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.</p>
 +
<footer class="align-center">
 +
<a href="#" class="button alt">Learn More</a>
 +
</footer>
 +
</div>
 +
</div>
 +
</div>
 +
 +
<div>
 +
<div class="box">
 +
<div class="image fit">
 +
<img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" />
 +
</div>
 +
<div class="content">
 +
<header class="align-center">
 +
<p class="w3-center">mattis elementum sapien pretium tellus</p>
 +
<h2>Vestibulum sit amet</h2>
 +
</header>
 +
<p class="w3-center"> Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.</p>
 +
<footer class="align-center">
 +
<a href="#" class="button alt">Learn More</a>
 +
</footer>
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Two -->
 +
<section id="two" class="wrapper style3">
 +
<div class="inner">
 +
<header class="align-center">
 +
<p class="w3-center">Nam vel ante sit amet libero scelerisque facilisis eleifend vitae urna</p>
 +
<h2>Morbi maximus justo</h2>
 +
</header>
 +
</div>
 +
</section>
 +
 +
<!-- Three -->
 +
<section id="three" class="wrapper style2">
 +
<div class="inner">
 +
<header class="align-center">
 +
<p class="special w3-center">Nam vel ante sit amet libero scelerisque facilisis eleifend vitae urna</p>
 +
<h2>Morbi maximus justo</h2>
 +
</header>
 +
<div class="gallery">
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" /></a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" /></a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" /></a>
 +
</div>
 +
</div>
 +
<div>
 +
<div class="image fit">
 +
<a href="#"><img src="https://static.igem.org/mediawiki/2017/a/a3/MD-trianglify-back-0.png" alt="" /></a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<div class="w3-container w3-black w3-padding-16">
 +
    <div class="w3-row">
 +
      <div class="w3-container w3-quarter">
 +
        <h3 class="w3-bottombar w3-border-blue w3-wide">Project</h3>
 +
        <p class=" w3-wide">Research</p>
 +
        <p class=" w3-wide">Design</p>
 +
        <p class=" w3-wide">Modeling</p>
 +
      </div>
 +
      <div class="w3-container w3-quarter">
 +
        <h3 class="w3-bottombar w3-border-white">Human Practice</h3>
 +
        <p class=" w3-wide">Collaboration</p>
 +
        <p class=" w3-wide">Enterprise...</p>
 +
        <p class=" w3-wide">Experts...</p>
 +
        <p class=" w3-wide">[ More details ]</p>
 +
      </div>
 +
      <div class="w3-container w3-quarter">
 +
        <h3 class="w3-bottombar w3-border-blue w3-wide">Something</h3>
 +
        <p class=" w3-wide">Users</p>
 +
        <p class=" w3-wide">Active</p>
 +
        <p class=" w3-wide">Geo</p>
 +
        <p class=" w3-wide">Interests</p>
 +
      </div>
 +
     
 +
      <div class="w3-container w3-quarter">
 +
        <h3 class="w3-bottombar w3-border-white w3-wide">Brainstorm</h3>
 +
        <p class=" w3-wide">Debate</p>
 +
        <p class=" w3-wide">About us</p>
 +
      </div>
 +
    </div>
 +
<hr>
 +
  </div>
 +
<!-- Footer -->
 +
<footer id="footer">
 +
<div class="container">
 +
<ul class="icons">
 +
<li><a href="#" class="icon fa-twitter"><span class="label">Twitter</span></a></li>
 +
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
 +
<li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li>
 +
<li><a href="#" class="icon fa-envelope-o"><span class="label">Email</span></a></li>
 +
</ul>
 +
</div>
 +
<div class="copyright">
 +
&copy; Untitled. All rights reserved.
 +
</div>
 +
</footer>
 +
 +
</div>
  
 +
</body>
 
</html>
 
</html>

Revision as of 03:59, 25 September 2017

Hielo by TEMPLATED

Home Judging Team Project Human-Practice Notebook Brainstorm

maecenas sapien feugiat ex purus

Lorem ipsum dolor

Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.

mattis elementum sapien pretium tellus

Vestibulum sit amet

Cras aliquet urna ut sapien tincidunt, quis malesuada elit facilisis. Vestibulum sit amet tortor velit. Nam elementum nibh a libero pharetra elementum. Maecenas feugiat ex purus, quis volutpat lacus placerat malesuada.

Nam vel ante sit amet libero scelerisque facilisis eleifend vitae urna

Morbi maximus justo

Nam vel ante sit amet libero scelerisque facilisis eleifend vitae urna

Morbi maximus justo

Project

Research

Design

Modeling

Human Practice

Collaboration

Enterprise...

Experts...

[ More details ]

Something

Users

Active

Geo

Interests

Brainstorm

Debate

About us