Difference between revisions of "Team:ASIJ TOKYO"

Line 1: Line 1:
−
{{Template:ASIJ_TOKYO/css}}
+
{{Team:ASIJ_TOKYO/css}}
−
{{Template:ASIJ_TOKYO/css9}}
+
<!DOCTYPE HTML>
 +
<!--
 +
Solid State by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
-->
 +
<html>
 +
<head>
 +
<title>Solid State by HTML5 UP</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
 +
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
 +
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
  
  
−
<html>
 
−
<title>W3.CSS Template</title>
 
−
<meta charset="UTF-8">
 
−
<meta name="viewport" content="width=device-width, initial-scale=1">
 
−
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
−
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
 
−
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
−
<style>
 
  
−
<style type="text/css'>
 
−
#top_title sideMenu{
 
−
display:none;
 
−
}
 
−
#content{
 
−
width:100%;
 
−
margin:0;
 
−
padding:0;
 
−
}
 
  
−
#top_title, #sideMenu {
+
 
−
  display: none;
+
<style media="screen" type="text/css">
−
}
+
 
−
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
+
@import url(font-awesome.min.css);
−
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
+
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
−
.fa-anchor,.fa-coffee {font-size:200px}
+
 
−
</style>
+
/*
−
<body>
+
Solid State by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
*/
 +
 
 +
/* Reset */
 +
 
 +
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 +
margin: 0;
 +
padding: 0;
 +
border: 0;
 +
font-size: 100%;
 +
font: inherit;
 +
vertical-align: baseline;
 +
}
 +
 
 +
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 +
display: block;
 +
}
 +
 
 +
body {
 +
line-height: 1;
 +
}
 +
 
 +
ol, ul {
 +
list-style: none;
 +
}
 +
 
 +
blockquote, q {
 +
quotes: none;
 +
}
 +
 
 +
blockquote:before, blockquote:after, q:before, q:after {
 +
content: '';
 +
content: none;
 +
}
 +
 
 +
table {
 +
border-collapse: collapse;
 +
border-spacing: 0;
 +
}
 +
 
 +
body {
 +
-webkit-text-size-adjust: none;
 +
}
 +
 
 +
/* Box Model */
 +
 
 +
*, *:before, *:after {
 +
-moz-box-sizing: border-box;
 +
-webkit-box-sizing: border-box;
 +
box-sizing: border-box;
 +
}
 +
 
 +
/* 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 0em;
 +
}
 +
 
 +
.row.\30 \25 {
 +
margin: 0 0 -1px 0em;
 +
}
 +
 
 +
.row.uniform.\30 \25 > * {
 +
padding: 0em 0 0 0em;
 +
}
 +
 
 +
.row.uniform.\30 \25 {
 +
margin: 0em 0 -1px 0em;
 +
}
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.75em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.75em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.75em 0 0 1.75em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.75em 0 -1px -1.75em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3.5em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3.5em 0 0 3.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3.5em 0 -1px -3.5em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.625em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.625em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.625em 0 0 2.625em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.625em 0 -1px -2.625em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.875em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.875em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.875em 0 0 0.875em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.875em 0 -1px -0.875em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.4375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.4375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.4375em 0 0 0.4375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.4375em 0 -1px -0.4375em;
 +
}
 +
 
 +
.\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 1.75em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.75em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.75em 0 0 1.75em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.75em 0 -1px -1.75em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3.5em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3.5em 0 0 3.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3.5em 0 -1px -3.5em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.625em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.625em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.625em 0 0 2.625em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.625em 0 -1px -2.625em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.875em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.875em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.875em 0 0 0.875em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.875em 0 -1px -0.875em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.4375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.4375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.4375em 0 0 0.4375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.4375em 0 -1px -0.4375em;
 +
}
 +
 
 +
.\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.75em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.75em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.75em 0 0 1.75em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.75em 0 -1px -1.75em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3.5em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3.5em 0 0 3.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3.5em 0 -1px -3.5em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.625em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.625em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.625em 0 0 2.625em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.625em 0 -1px -2.625em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.875em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.875em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.875em 0 0 0.875em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.875em 0 -1px -0.875em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.4375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.4375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.4375em 0 0 0.4375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.4375em 0 -1px -0.4375em;
 +
}
 +
 
 +
.\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.75em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.75em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.75em 0 0 1.75em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.75em 0 -1px -1.75em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 3.5em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -3.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 3.5em 0 0 3.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -3.5em 0 -1px -3.5em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 2.625em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -2.625em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 2.625em 0 0 2.625em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -2.625em 0 -1px -2.625em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.875em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.875em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.875em 0 0 0.875em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.875em 0 -1px -0.875em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.4375em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.4375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.4375em 0 0 0.4375em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.4375em 0 -1px -0.4375em;
 +
}
 +
 
 +
.\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.25em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.25em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.25em 0 0 1.25em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.25em 0 -1px -1.25em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 2.5em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -2.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 2.5em 0 0 2.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -2.5em 0 -1px -2.5em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 1.875em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -1.875em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 1.875em 0 0 1.875em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -1.875em 0 -1px -1.875em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.625em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.625em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.625em 0 0 0.625em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.625em 0 -1px -0.625em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.3125em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.3125em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.3125em 0 0 0.3125em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.3125em 0 -1px -0.3125em;
 +
}
 +
 
 +
.\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: 640px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.25em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.25em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.25em 0 0 1.25em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.25em 0 -1px -1.25em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 2.5em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -2.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 2.5em 0 0 2.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -2.5em 0 -1px -2.5em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 1.875em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -1.875em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 1.875em 0 0 1.875em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -1.875em 0 -1px -1.875em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.625em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.625em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.625em 0 0 0.625em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.625em 0 -1px -0.625em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.3125em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.3125em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.3125em 0 0 0.3125em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.3125em 0 -1px -0.3125em;
 +
}
 +
 
 +
.\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%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 360px) {
 +
 
 +
.row > * {
 +
padding: 0 0 0 1.25em;
 +
}
 +
 
 +
.row {
 +
margin: 0 0 -1px -1.25em;
 +
}
 +
 
 +
.row.uniform > * {
 +
padding: 1.25em 0 0 1.25em;
 +
}
 +
 
 +
.row.uniform {
 +
margin: -1.25em 0 -1px -1.25em;
 +
}
 +
 
 +
.row.\32 00\25 > * {
 +
padding: 0 0 0 2.5em;
 +
}
 +
 
 +
.row.\32 00\25 {
 +
margin: 0 0 -1px -2.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 > * {
 +
padding: 2.5em 0 0 2.5em;
 +
}
 +
 
 +
.row.uniform.\32 00\25 {
 +
margin: -2.5em 0 -1px -2.5em;
 +
}
 +
 
 +
.row.\31 50\25 > * {
 +
padding: 0 0 0 1.875em;
 +
}
 +
 
 +
.row.\31 50\25 {
 +
margin: 0 0 -1px -1.875em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 > * {
 +
padding: 1.875em 0 0 1.875em;
 +
}
 +
 
 +
.row.uniform.\31 50\25 {
 +
margin: -1.875em 0 -1px -1.875em;
 +
}
 +
 
 +
.row.\35 0\25 > * {
 +
padding: 0 0 0 0.625em;
 +
}
 +
 
 +
.row.\35 0\25 {
 +
margin: 0 0 -1px -0.625em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 > * {
 +
padding: 0.625em 0 0 0.625em;
 +
}
 +
 
 +
.row.uniform.\35 0\25 {
 +
margin: -0.625em 0 -1px -0.625em;
 +
}
 +
 
 +
.row.\32 5\25 > * {
 +
padding: 0 0 0 0.3125em;
 +
}
 +
 
 +
.row.\32 5\25 {
 +
margin: 0 0 -1px -0.3125em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 > * {
 +
padding: 0.3125em 0 0 0.3125em;
 +
}
 +
 
 +
.row.uniform.\32 5\25 {
 +
margin: -0.3125em 0 -1px -0.3125em;
 +
}
 +
 
 +
.\31 2u\28xxsmall\29, .\31 2u\24\28xxsmall\29 {
 +
width: 100%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 1u\28xxsmall\29, .\31 1u\24\28xxsmall\29 {
 +
width: 91.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 0u\28xxsmall\29, .\31 0u\24\28xxsmall\29 {
 +
width: 83.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\39 u\28xxsmall\29, .\39 u\24\28xxsmall\29 {
 +
width: 75%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\38 u\28xxsmall\29, .\38 u\24\28xxsmall\29 {
 +
width: 66.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\37 u\28xxsmall\29, .\37 u\24\28xxsmall\29 {
 +
width: 58.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\36 u\28xxsmall\29, .\36 u\24\28xxsmall\29 {
 +
width: 50%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\35 u\28xxsmall\29, .\35 u\24\28xxsmall\29 {
 +
width: 41.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\34 u\28xxsmall\29, .\34 u\24\28xxsmall\29 {
 +
width: 33.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\33 u\28xxsmall\29, .\33 u\24\28xxsmall\29 {
 +
width: 25%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\32 u\28xxsmall\29, .\32 u\24\28xxsmall\29 {
 +
width: 16.6666666667%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 u\28xxsmall\29, .\31 u\24\28xxsmall\29 {
 +
width: 8.3333333333%;
 +
clear: none;
 +
margin-left: 0;
 +
}
 +
 
 +
.\31 2u\24\28xxsmall\29 + *,
 +
.\31 1u\24\28xxsmall\29 + *,
 +
.\31 0u\24\28xxsmall\29 + *,
 +
.\39 u\24\28xxsmall\29 + *,
 +
.\38 u\24\28xxsmall\29 + *,
 +
.\37 u\24\28xxsmall\29 + *,
 +
.\36 u\24\28xxsmall\29 + *,
 +
.\35 u\24\28xxsmall\29 + *,
 +
.\34 u\24\28xxsmall\29 + *,
 +
.\33 u\24\28xxsmall\29 + *,
 +
.\32 u\24\28xxsmall\29 + *,
 +
.\31 u\24\28xxsmall\29 + * {
 +
clear: left;
 +
}
 +
 
 +
.\-11u\28xxsmall\29 {
 +
margin-left: 91.66667%;
 +
}
 +
 
 +
.\-10u\28xxsmall\29 {
 +
margin-left: 83.33333%;
 +
}
 +
 
 +
.\-9u\28xxsmall\29 {
 +
margin-left: 75%;
 +
}
 +
 
 +
.\-8u\28xxsmall\29 {
 +
margin-left: 66.66667%;
 +
}
 +
 
 +
.\-7u\28xxsmall\29 {
 +
margin-left: 58.33333%;
 +
}
 +
 
 +
.\-6u\28xxsmall\29 {
 +
margin-left: 50%;
 +
}
 +
 
 +
.\-5u\28xxsmall\29 {
 +
margin-left: 41.66667%;
 +
}
 +
 
 +
.\-4u\28xxsmall\29 {
 +
margin-left: 33.33333%;
 +
}
 +
 
 +
.\-3u\28xxsmall\29 {
 +
margin-left: 25%;
 +
}
 +
 
 +
.\-2u\28xxsmall\29 {
 +
margin-left: 16.66667%;
 +
}
 +
 
 +
.\-1u\28xxsmall\29 {
 +
margin-left: 8.33333%;
 +
}
 +
 
 +
}
 +
 
 +
/* Basic */
 +
 
 +
@-ms-viewport {
 +
width: device-width;
 +
}
 +
 
 +
body {
 +
-ms-overflow-style: scrollbar;
 +
}
 +
 
 +
@media screen and (max-width: 640px) {
 +
 
 +
html, body {
 +
min-width: 320px;
 +
}
 +
 
 +
}
 +
 
 +
body {
 +
background-color: #2e3141;
 +
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 +
background-size: auto, cover;
 +
background-attachment: fixed, fixed;
 +
background-position: center, center;
 +
}
 +
 
 +
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 */
 +
 
 +
body, input, select, textarea {
 +
color: #ffffff;
 +
font-family: "Source Sans Pro", Helvetica, sans-serif;
 +
font-size: 16.5pt;
 +
font-weight: 300;
 +
line-height: 1.65;
 +
}
 +
 
 +
@media screen and (max-width: 1680px) {
 +
 
 +
body, input, select, textarea {
 +
font-size: 13pt;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
body, input, select, textarea {
 +
font-size: 12pt;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
body, input, select, textarea {
 +
font-size: 12pt;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
body, input, select, textarea {
 +
font-size: 12pt;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 640px) {
 +
 
 +
body, input, select, textarea {
 +
font-size: 12pt;
 +
}
 +
 
 +
}
 +
 
 +
a {
 +
-moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 +
-webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 +
-ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 +
transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 +
border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
 +
color: #ffffff;
 +
text-decoration: none;
 +
}
 +
 
 +
a:hover {
 +
border-bottom-color: transparent;
 +
color: #ffffff !important;
 +
}
 +
 
 +
a.special:not(.button) {
 +
text-decoration: none;
 +
border-bottom: 0;
 +
display: block;
 +
font-family: Raleway, Helvetica, sans-serif;
 +
font-size: 0.8em;
 +
font-weight: 700;
 +
letter-spacing: 0.1em;
 +
margin: 0 0 2em 0;
 +
text-transform: uppercase;
 +
}
 +
 
 +
a.special:not(.button):before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 
 +
a.special:not(.button):before {
 +
-moz-transition: background-color 0.2s ease-in-out;
 +
-webkit-transition: background-color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out;
 +
border-radius: 100%;
 +
border: solid 2px rgba(255, 255, 255, 0.125);
 +
content: '\f105';
 +
display: inline-block;
 +
font-size: 1.25em;
 +
height: 2em;
 +
line-height: 1.65em;
 +
margin-right: 0.85em;
 +
text-align: center;
 +
text-indent: 0.15em;
 +
vertical-align: middle;
 +
width: 2em;
 +
}
 +
 
 +
a.special:not(.button):hover:before {
 +
background-color: rgba(255, 255, 255, 0.025);
 +
}
 +
 
 +
a.special:not(.button):active:before {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
strong, b {
 +
color: #ffffff;
 +
font-weight: 600;
 +
}
 +
 
 +
em, i {
 +
font-style: italic;
 +
}
 +
 
 +
p {
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
h1, h2, h3, h4, h5, h6 {
 +
color: #ffffff;
 +
font-family: Raleway, Helvetica, sans-serif;
 +
font-weight: 700;
 +
letter-spacing: 0.1em;
 +
margin: 0 0 1em 0;
 +
text-transform: uppercase;
 +
}
 +
 
 +
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
 +
color: inherit;
 +
text-decoration: none;
 +
}
 +
 
 +
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
 +
font-weight: 200;
 +
}
 +
 
 +
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
 +
padding-bottom: 1em;
 +
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
 +
}
 +
 
 +
h2 {
 +
font-size: 1.2em;
 +
}
 +
 
 +
h3 {
 +
font-size: 0.9em;
 +
}
 +
 
 +
h4 {
 +
font-size: 0.7em;
 +
}
 +
 
 +
h5 {
 +
font-size: 0.7em;
 +
}
 +
 
 +
h6 {
 +
font-size: 0.7em;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
h2 {
 +
font-size: 1em;
 +
}
 +
 
 +
h3 {
 +
font-size: 0.8em;
 +
}
 +
 
 +
}
 +
 
 +
sub {
 +
font-size: 0.8em;
 +
position: relative;
 +
top: 0.5em;
 +
}
 +
 
 +
sup {
 +
font-size: 0.8em;
 +
position: relative;
 +
top: -0.5em;
 +
}
 +
 
 +
blockquote {
 +
border-left: solid 4px rgba(255, 255, 255, 0.125);
 +
font-style: italic;
 +
margin: 0 0 2em 0;
 +
padding: 0.5em 0 0.5em 2em;
 +
}
 +
 
 +
code {
 +
background: rgba(255, 255, 255, 0.025);
 +
border-radius: 5px;
 +
border: solid 2px rgba(255, 255, 255, 0.125);
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
margin: 0 0.25em;
 +
padding: 0.25em 0.65em;
 +
}
 +
 
 +
pre {
 +
-webkit-overflow-scrolling: touch;
 +
font-family: "Courier New", monospace;
 +
font-size: 0.9em;
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
pre code {
 +
display: block;
 +
line-height: 1.75em;
 +
padding: 1em 1.5em;
 +
overflow-x: auto;
 +
}
 +
 
 +
hr {
 +
border: 0;
 +
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
 +
margin: 2.5em 0;
 +
}
 +
 
 +
hr.major {
 +
margin: 4em 0;
 +
}
 +
 
 +
.align-left {
 +
text-align: left;
 +
}
 +
 
 +
.align-center {
 +
text-align: center;
 +
}
 +
 
 +
.align-right {
 +
text-align: right;
 +
}
 +
 
 +
/* Section/Article */
 +
 
 +
section.special, article.special {
 +
text-align: center;
 +
}
 +
 
 +
/* Form */
 +
 
 +
form {
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
form .field {
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
form .field label {
 +
margin-top: -1.5em;
 +
}
 +
 
 +
form .field:first-child label {
 +
margin-top: 0;
 +
}
 +
 
 +
form > :last-child {
 +
margin-bottom: 0;
 +
}
 +
 
 +
label {
 +
color: #ffffff;
 +
display: block;
 +
font-family: Raleway, Helvetica, sans-serif;
 +
font-size: 0.8em;
 +
font-weight: 700;
 +
letter-spacing: 0.1em;
 +
margin: 0 0 0.7em 0;
 +
text-transform: uppercase;
 +
}
 +
 
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
input[type="tel"],
 +
select,
 +
textarea {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
background: rgba(255, 255, 255, 0.025);
 +
border-radius: 5px;
 +
border: none;
 +
border: solid 2px rgba(255, 255, 255, 0.125);
 +
color: inherit;
 +
display: block;
 +
outline: 0;
 +
padding: 0 1em;
 +
text-decoration: none;
 +
width: 100%;
 +
}
 +
 
 +
input[type="text"]:invalid,
 +
input[type="password"]:invalid,
 +
input[type="email"]:invalid,
 +
input[type="tel"]:invalid,
 +
select:invalid,
 +
textarea:invalid {
 +
box-shadow: none;
 +
}
 +
 
 +
input[type="text"]:focus,
 +
input[type="password"]:focus,
 +
input[type="email"]:focus,
 +
input[type="tel"]:focus,
 +
select:focus,
 +
textarea:focus {
 +
border-color: #5b6ba6;
 +
}
 +
 
 +
.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 {
 +
color: rgba(255, 255, 255, 0.125);
 +
content: '\f078';
 +
display: block;
 +
height: 2.75em;
 +
line-height: 2.75em;
 +
pointer-events: none;
 +
position: absolute;
 +
right: 0;
 +
text-align: center;
 +
top: 0;
 +
width: 2.75em;
 +
}
 +
 
 +
.select-wrapper select::-ms-expand {
 +
display: none;
 +
}
 +
 
 +
select option {
 +
color: #ffffff;
 +
background: #2e3141;
 +
}
 +
 
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
select {
 +
height: 2.75em;
 +
}
 +
 
 +
textarea {
 +
padding: 0.75em 1em;
 +
}
 +
 
 +
input[type="checkbox"],
 +
input[type="radio"] {
 +
-moz-appearance: none;
 +
-webkit-appearance: none;
 +
-ms-appearance: none;
 +
appearance: none;
 +
display: block;
 +
float: left;
 +
margin-right: -2em;
 +
opacity: 0;
 +
width: 1em;
 +
z-index: -1;
 +
}
 +
 
 +
input[type="checkbox"] + label,
 +
input[type="radio"] + label {
 +
text-decoration: none;
 +
color: #ffffff;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-size: 1em;
 +
font-family: "Source Sans Pro", Helvetica, sans-serif;
 +
text-transform: none;
 +
letter-spacing: 0;
 +
font-weight: 300;
 +
padding-left: 2.4em;
 +
padding-right: 0.75em;
 +
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 {
 +
background: rgba(255, 255, 255, 0.025);
 +
border-radius: 5px;
 +
border: solid 2px rgba(255, 255, 255, 0.125);
 +
content: '';
 +
display: inline-block;
 +
height: 1.65em;
 +
left: 0;
 +
line-height: 1.58125em;
 +
position: absolute;
 +
text-align: center;
 +
top: 0;
 +
width: 1.65em;
 +
}
 +
 
 +
input[type="checkbox"]:checked + label:before,
 +
input[type="radio"]:checked + label:before {
 +
background: #ffffff;
 +
border-color: #ffffff;
 +
content: '\f00c';
 +
color: #2e3141;
 +
}
 +
 
 +
input[type="checkbox"]:focus + label:before,
 +
input[type="radio"]:focus + label:before {
 +
border-color: #4c5c96;
 +
}
 +
 
 +
input[type="checkbox"] + label:before {
 +
border-radius: 5px;
 +
}
 +
 
 +
input[type="radio"] + label:before {
 +
border-radius: 100%;
 +
}
 +
 
 +
::-webkit-input-placeholder {
 +
color: rgba(255, 255, 255, 0.35) !important;
 +
opacity: 1.0;
 +
}
 +
 
 +
:-moz-placeholder {
 +
color: rgba(255, 255, 255, 0.35) !important;
 +
opacity: 1.0;
 +
}
 +
 
 +
::-moz-placeholder {
 +
color: rgba(255, 255, 255, 0.35) !important;
 +
opacity: 1.0;
 +
}
 +
 
 +
:-ms-input-placeholder {
 +
color: rgba(255, 255, 255, 0.35) !important;
 +
opacity: 1.0;
 +
}
 +
 
 +
.polyfill-placeholder {
 +
color: rgba(255, 255, 255, 0.35) !important;
 +
opacity: 1.0;
 +
}
 +
 
 +
/* Box */
 +
 
 +
.box {
 +
border-radius: 5px;
 +
border: solid 2px rgba(255, 255, 255, 0.125);
 +
margin-bottom: 2em;
 +
padding: 1.5em;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
/* 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: 5px;
 +
border: 0;
 +
display: inline-block;
 +
position: relative;
 +
}
 +
 
 +
.image img {
 +
border-radius: 5px;
 +
display: block;
 +
}
 +
 
 +
.image.left, .image.right {
 +
max-width: 40%;
 +
}
 +
 
 +
.image.left img, .image.right img {
 +
width: 100%;
 +
}
 +
 
 +
.image.left {
 +
float: left;
 +
padding: 0 1.5em 1em 0;
 +
top: 0.25em;
 +
}
 +
 
 +
.image.right {
 +
float: right;
 +
padding: 0 0 1em 1.5em;
 +
top: 0.25em;
 +
}
 +
 
 +
.image.fit {
 +
display: block;
 +
margin: 0 0 2em 0;
 +
width: 100%;
 +
}
 +
 
 +
.image.fit img {
 +
width: 100%;
 +
}
 +
 
 +
.image.main {
 +
display: block;
 +
margin: 0 0 3em 0;
 +
width: 100%;
 +
}
 +
 
 +
.image.main img {
 +
width: 100%;
 +
}
 +
 
 +
/* List */
 +
 
 +
ol {
 +
list-style: decimal;
 +
margin: 0 0 2em 0;
 +
padding-left: 1.25em;
 +
}
 +
 
 +
ol li {
 +
padding-left: 0.25em;
 +
}
 +
 
 +
ul {
 +
list-style: disc;
 +
margin: 0 0 2em 0;
 +
padding-left: 1em;
 +
}
 +
 
 +
ul li {
 +
padding-left: 0.5em;
 +
}
 +
 
 +
ul.alt {
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
ul.alt li {
 +
border-top: solid 1px rgba(255, 255, 255, 0.125);
 +
padding: 0.5em 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 1em 0 0;
 +
}
 +
 
 +
ul.icons li:last-child {
 +
padding-right: 0;
 +
}
 +
 
 +
ul.icons li .icon:before {
 +
font-size: 1.25em;
 +
}
 +
 
 +
ul.actions {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
ul.actions li {
 +
display: inline-block;
 +
padding: 0 1em 0 0;
 +
vertical-align: middle;
 +
}
 +
 
 +
ul.actions li:last-child {
 +
padding-right: 0;
 +
}
 +
 
 +
ul.actions.small li {
 +
padding: 0 0.5em 0 0;
 +
}
 +
 
 +
ul.actions.vertical li {
 +
display: block;
 +
padding: 1em 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.5em 0 0 0;
 +
}
 +
 
 +
ul.actions.vertical.small li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
ul.actions.fit {
 +
display: table;
 +
margin-left: -1em;
 +
padding: 0;
 +
table-layout: fixed;
 +
width: calc(100% + 1em);
 +
}
 +
 
 +
ul.actions.fit li {
 +
display: table-cell;
 +
padding: 0 0 0 1em;
 +
}
 +
 
 +
ul.actions.fit li > * {
 +
margin-bottom: 0;
 +
}
 +
 
 +
ul.actions.fit.small {
 +
margin-left: -0.5em;
 +
width: calc(100% + 0.5em);
 +
}
 +
 
 +
ul.actions.fit.small li {
 +
padding: 0 0 0 0.5em;
 +
}
 +
 
 +
@media screen and (max-width: 640px) {
 +
 
 +
ul.actions {
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
ul.actions li {
 +
padding: 1em 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.small li {
 +
padding: 0.5em 0 0 0;
 +
}
 +
 
 +
ul.actions.small li:first-child {
 +
padding-top: 0;
 +
}
 +
 
 +
}
 +
 
 +
ul.contact {
 +
list-style: none;
 +
padding: 0;
 +
}
 +
 
 +
ul.contact li {
 +
text-decoration: none;
 +
margin: 2.5em 0 0 0;
 +
padding: 0 0 0 3.25em;
 +
position: relative;
 +
}
 +
 
 +
ul.contact li:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 
 +
ul.contact li:before {
 +
border-radius: 100%;
 +
border: solid 2px rgba(255, 255, 255, 0.125);
 +
display: inline-block;
 +
font-size: 0.8em;
 +
height: 2.5em;
 +
left: 0;
 +
line-height: 2.35em;
 +
position: absolute;
 +
text-align: center;
 +
top: 0;
 +
width: 2.5em;
 +
}
 +
 
 +
ul.contact li:first-child {
 +
margin-top: 0;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
ul.contact li {
 +
margin: 1.5em 0 0 0;
 +
}
 +
 
 +
}
 +
 
 +
ul.pagination {
 +
cursor: default;
 +
list-style: none;
 +
padding-left: 0;
 +
}
 +
 
 +
ul.pagination li {
 +
display: inline-block;
 +
padding-left: 0;
 +
vertical-align: middle;
 +
}
 +
 
 +
ul.pagination li > .page {
 +
-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-bottom: 0;
 +
border-radius: 5px;
 +
display: inline-block;
 +
height: 1.5em;
 +
line-height: 1.5em;
 +
margin: 0 0.125em;
 +
min-width: 1.5em;
 +
padding: 0 0.5em;
 +
text-align: center;
 +
}
 +
 
 +
ul.pagination li > .page:hover {
 +
background-color: rgba(255, 255, 255, 0.025);
 +
}
 +
 
 +
ul.pagination li > .page.active {
 +
background-color: #4c5c96;
 +
}
 +
 
 +
ul.pagination li:first-child {
 +
padding-right: 0.75em;
 +
}
 +
 
 +
ul.pagination li:last-child {
 +
padding-left: 0.75em;
 +
}
 +
 
 +
@media screen and (max-width: 640px) {
 +
 
 +
ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
 +
display: none;
 +
}
 +
 
 +
ul.pagination li .button {
 +
width: 100%;
 +
}
 +
 
 +
ul.pagination li:first-child {
 +
width: calc(50% - 2px);
 +
text-align: left;
 +
padding-right: 0.325em;
 +
}
 +
 
 +
ul.pagination li:last-child {
 +
width: calc(50% - 2px);
 +
text-align: right;
 +
padding-left: 0.325em;
 +
}
 +
 
 +
}
 +
 
 +
dl {
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
dl dt {
 +
display: block;
 +
font-weight: 600;
 +
margin: 0 0 1em 0;
 +
}
 +
 
 +
dl dd {
 +
margin-left: 2em;
 +
}
 +
 
 +
/* Table */
 +
 
 +
.table-wrapper {
 +
-webkit-overflow-scrolling: touch;
 +
overflow-x: auto;
 +
}
 +
 
 +
table {
 +
margin: 0 0 2em 0;
 +
width: 100%;
 +
}
 +
 
 +
table tbody tr {
 +
border: solid 1px rgba(255, 255, 255, 0.125);
 +
border-left: 0;
 +
border-right: 0;
 +
}
 +
 
 +
table tbody tr:nth-child(2n + 1) {
 +
background-color: rgba(255, 255, 255, 0.025);
 +
}
 +
 
 +
table td {
 +
padding: 0.75em 0.75em;
 +
}
 +
 
 +
table th {
 +
color: #ffffff;
 +
font-size: 0.9em;
 +
font-weight: 600;
 +
padding: 0 0.75em 0.75em 0.75em;
 +
text-align: left;
 +
}
 +
 
 +
table thead {
 +
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
 +
}
 +
 
 +
table tfoot {
 +
border-top: solid 2px rgba(255, 255, 255, 0.125);
 +
}
 +
 
 +
table.alt {
 +
border-collapse: separate;
 +
}
 +
 
 +
table.alt tbody tr td {
 +
border: solid 1px rgba(255, 255, 255, 0.125);
 +
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;
 +
}
 +
 
 +
/* 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;
 +
-webkit-transition: background-color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out;
 +
background-color: transparent;
 +
border-radius: 5px;
 +
border: 0;
 +
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
 +
color: #ffffff !important;
 +
cursor: pointer;
 +
display: inline-block;
 +
font-family: Raleway, Helvetica, sans-serif;
 +
font-size: 0.8em;
 +
font-weight: 700;
 +
height: 3.75em;
 +
letter-spacing: 0.1em;
 +
line-height: 3.75em;
 +
padding: 0 2.25em;
 +
text-align: center;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
white-space: nowrap;
 +
}
 +
 
 +
input[type="submit"]:hover,
 +
input[type="reset"]:hover,
 +
input[type="button"]:hover,
 +
button:hover,
 +
.button:hover {
 +
background-color: rgba(255, 255, 255, 0.025);
 +
}
 +
 
 +
input[type="submit"]:active,
 +
input[type="reset"]:active,
 +
input[type="button"]:active,
 +
button:active,
 +
.button:active {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
input[type="submit"].icon:before,
 +
input[type="reset"].icon:before,
 +
input[type="button"].icon:before,
 +
button.icon:before,
 +
.button.icon:before {
 +
margin-right: 0.5em;
 +
color: rgba(255, 255, 255, 0.35);
 +
}
 +
 
 +
input[type="submit"].special,
 +
input[type="reset"].special,
 +
input[type="button"].special,
 +
button.special,
 +
.button.special {
 +
background-color: #4c5c96;
 +
box-shadow: none;
 +
}
 +
 
 +
input[type="submit"].special:hover,
 +
input[type="reset"].special:hover,
 +
input[type="button"].special:hover,
 +
button.special:hover,
 +
.button.special:hover {
 +
background-color: #53639e;
 +
}
 +
 
 +
input[type="submit"].special:active,
 +
input[type="reset"].special:active,
 +
input[type="button"].special:active,
 +
button.special:active,
 +
.button.special:active {
 +
background-color: #45558d;
 +
}
 +
 
 +
input[type="submit"].special.icon:before,
 +
input[type="reset"].special.icon:before,
 +
input[type="button"].special.icon:before,
 +
button.special.icon:before,
 +
.button.special.icon:before {
 +
color: #7985b0;
 +
}
 +
 
 +
input[type="submit"].fit,
 +
input[type="reset"].fit,
 +
input[type="button"].fit,
 +
button.fit,
 +
.button.fit {
 +
display: block;
 +
margin: 0 0 1em 0;
 +
width: 100%;
 +
}
 +
 
 +
input[type="submit"].small,
 +
input[type="reset"].small,
 +
input[type="button"].small,
 +
button.small,
 +
.button.small {
 +
font-size: 0.6em;
 +
}
 +
 
 +
input[type="submit"].big,
 +
input[type="reset"].big,
 +
input[type="button"].big,
 +
button.big,
 +
.button.big {
 +
font-size: 1em;
 +
}
 +
 
 +
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 {
 +
opacity: 0.25;
 +
}
 +
 
 +
@media screen and (max-width: 640px) {
 +
 
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
button,
 +
.button {
 +
padding: 0;
 +
}
 +
 
 +
}
 +
 
 +
/* Features */
 +
 
 +
.features {
 +
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;
 +
margin: 0 0 2em 0;
 +
}
 +
 
 +
.features article {
 +
padding: 1.75em 1.75em 0.1em 1.75em ;
 +
background-color: #353849;
 +
border-radius: 5px;
 +
margin: 1.5em 3em 1.5em 0;
 +
width: calc(50% - 1.5em);
 +
}
 +
 
 +
.features article:nth-child(2n) {
 +
margin-right: 0;
 +
}
 +
 
 +
.features article .image {
 +
border-radius: 5px 5px 0 0;
 +
display: block;
 +
margin-bottom: 1.75em;
 +
margin-left: -1.75em;
 +
margin-top: -1.75em;
 +
position: relative;
 +
width: calc(100% + 3.5em);
 +
}
 +
 
 +
.features article .image img {
 +
border-radius: 5px 5px 0 0;
 +
width: 100%;
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.features article {
 +
margin: 1em 2em 1em 0;
 +
width: calc(50% - 1em);
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.features article {
 +
padding: 1.5em 1.5em 0.1em 1.5em ;
 +
margin: 0.875em 1.75em 0.875em 0;
 +
width: calc(50% - 0.875em - 1px);
 +
}
 +
 
 +
.features article .image {
 +
margin-bottom: 1.5em;
 +
margin-left: -1.5em;
 +
margin-top: -1.5em;
 +
width: calc(100% + 3em);
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 640px) {
 +
 
 +
.features {
 +
display: block;
 +
}
 +
 
 +
.features article {
 +
width: 100%;
 +
margin: 0 0 2em 0 !important;
 +
}
 +
 
 +
}
 +
 
 +
/* Header */
 +
 
 +
#header {
 +
-moz-transition: background-color 0.2s ease-in-out;
 +
-webkit-transition: background-color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out;
 +
background-color: rgba(53, 56, 73, 0.95);
 +
height: 3.5em;
 +
left: 0;
 +
line-height: 3.5em;
 +
padding: 0 1.25em;
 +
position: fixed;
 +
top: 0;
 +
width: 100%;
 +
z-index: 10000;
 +
}
 +
 
 +
#header h1 {
 +
-moz-transition: opacity 0.2s ease-in-out, visibility 0.2s;
 +
-webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s;
 +
-ms-transition: opacity 0.2s ease-in-out, visibility 0.2s;
 +
transition: opacity 0.2s ease-in-out, visibility 0.2s;
 +
border-bottom: 0;
 +
font-size: 0.8em;
 +
margin-bottom: 0;
 +
opacity: 1;
 +
visibility: visible;
 +
}
 +
 
 +
#header h1 a {
 +
border: 0;
 +
}
 +
 
 +
#header nav {
 +
font-family: Raleway, Helvetica, sans-serif;
 +
font-size: 0.8em;
 +
font-weight: 700;
 +
height: 3em;
 +
letter-spacing: 0.1em;
 +
line-height: 3em;
 +
position: absolute;
 +
right: 0.7em;
 +
text-transform: uppercase;
 +
top: 0.7em;
 +
}
 +
 
 +
#header nav a {
 +
border: 0;
 +
display: inline-block;
 +
padding: 0 1em;
 +
}
 +
 
 +
#header nav a:before {
 +
float: right;
 +
margin-left: 0.75em;
 +
}
 +
 
 +
#header nav a[href="#menu"] {
 +
text-decoration: none;
 +
-moz-transition: background-color 0.2s ease-in-out;
 +
-webkit-transition: background-color 0.2s ease-in-out;
 +
-ms-transition: background-color 0.2s ease-in-out;
 +
transition: background-color 0.2s ease-in-out;
 +
border-radius: 5px;
 +
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
 +
padding: 0 1.35em;
 +
}
 +
 
 +
#header nav a[href="#menu"]:before {
 +
-moz-osx-font-smoothing: grayscale;
 +
-webkit-font-smoothing: antialiased;
 +
font-family: FontAwesome;
 +
font-style: normal;
 +
font-weight: normal;
 +
text-transform: none !important;
 +
}
 +
 
 +
#header nav a[href="#menu"]:before {
 +
content: '\f0c9';
 +
}
 +
 
 +
#header nav a[href="#menu"]:hover {
 +
background-color: rgba(255, 255, 255, 0.025);
 +
}
 +
 
 +
#header nav a[href="#menu"]:active {
 +
background-color: rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
#header.alt {
 +
background-color: transparent;
 +
}
 +
 
 +
#header.alt h1 {
 +
opacity: 0;
 +
visibility: hidden;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#header {
 +
height: 2.75em;
 +
line-height: 2.75em;
 +
}
 +
 
 +
#header nav {
 +
top: 0;
 +
right: 0;
 +
height: inherit;
 +
line-height: inherit;
 +
}
 +
 
 +
#header nav a {
 +
height: inherit;
 +
line-height: inherit;
 +
}
 +
 
 +
#header nav a[href="#menu"] {
 +
box-shadow: none;
 +
padding: 0 1em;
 +
border-radius: 0;
 +
}
 +
 
 +
#header nav a[href="#menu"]:hover, #header nav a[href="#menu"]:active {
 +
background-color: inherit;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 640px) {
 +
 
 +
#header nav a[href="#menu"] {
 +
width: 4em;
 +
white-space: nowrap;
 +
text-indent: 4em;
 +
position: relative;
 +
}
 +
 
 +
#header nav a[href="#menu"]:before {
 +
width: inherit;
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
text-indent: 0;
 +
text-align: right;
 +
margin-left: 0;
 +
padding-right: 1.25em;
 +
}
 +
 
 +
}
 +
 
 +
/* Menu */
 +
 
 +
#page-wrapper {
 +
-moz-transition: -moz-filter 0.25s ease;
 +
-webkit-transition: -webkit-filter 0.25s ease;
 +
-ms-transition: -ms-filter 0.25s ease;
 +
transition: filter 0.25s ease;
 +
}
 +
 
 +
#menu {
 +
-moz-align-items: center;
 +
-webkit-align-items: center;
 +
-ms-align-items: center;
 +
align-items: center;
 +
display: -moz-flex;
 +
display: -webkit-flex;
 +
display: -ms-flex;
 +
display: flex;
 +
-moz-justify-content: center;
 +
-webkit-justify-content: center;
 +
-ms-justify-content: center;
 +
justify-content: center;
 +
-moz-pointer-events: none;
 +
-webkit-pointer-events: none;
 +
-ms-pointer-events: none;
 +
pointer-events: none;
 +
-moz-transition: opacity 0.35s ease, visibility 0.35s;
 +
-webkit-transition: opacity 0.35s ease, visibility 0.35s;
 +
-ms-transition: opacity 0.35s ease, visibility 0.35s;
 +
transition: opacity 0.35s ease, visibility 0.35s;
 +
-moz-user-select: none;
 +
-webkit-user-select: none;
 +
-ms-user-select: none;
 +
user-select: none;
 +
-webkit-tap-highlight-color: transparent;
 +
background: rgba(46, 49, 65, 0.8);
 +
cursor: default;
 +
height: 100%;
 +
left: 0;
 +
opacity: 0;
 +
position: fixed;
 +
text-align: center;
 +
top: 0;
 +
visibility: hidden;
 +
width: 100%;
 +
}
 +
 
 +
#menu .inner {
 +
padding: 2.5em 1.5em 0.5em 1.5em ;
 +
-moz-transform: translateY(0.5em);
 +
-webkit-transform: translateY(0.5em);
 +
-ms-transform: translateY(0.5em);
 +
transform: translateY(0.5em);
 +
-moz-transition: opacity 0.35s ease, -moz-transform 0.35s ease;
 +
-webkit-transition: opacity 0.35s ease, -webkit-transform 0.35s ease;
 +
-ms-transition: opacity 0.35s ease, -ms-transform 0.35s ease;
 +
transition: opacity 0.35s ease, transform 0.35s ease;
 +
-webkit-overflow-scrolling: touch;
 +
background: #4c5c96;
 +
border-radius: 5px;
 +
display: block;
 +
max-width: 100%;
 +
opacity: 0;
 +
position: relative;
 +
width: 18em;
 +
}
 +
 
 +
#menu h2 {
 +
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
 +
padding-bottom: 1em;
 +
}
 +
 
 +
#menu .close {
 +
background-image: url("images/close.svg");
 +
background-position: 75% 25%;
 +
background-repeat: no-repeat;
 +
background-size: 2em 2em;
 +
border: 0;
 +
content: '';
 +
display: block;
 +
height: 4em;
 +
overflow: hidden;
 +
position: absolute;
 +
right: 0;
 +
text-align: center;
 +
text-indent: 4em;
 +
top: 0;
 +
width: 4em;
 +
}
 +
 
 +
#menu .links {
 +
list-style: none;
 +
margin-bottom: 1.5em;
 +
padding: 0;
 +
}
 +
 
 +
#menu .links li {
 +
padding: 0;
 +
}
 +
 
 +
#menu .links li a {
 +
border-radius: 5px;
 +
border: 0;
 +
display: block;
 +
font-family: Raleway, Helvetica, sans-serif;
 +
font-size: 0.8em;
 +
font-weight: 200;
 +
letter-spacing: 0.1em;
 +
line-height: 1.85em;
 +
padding: 0.75em 0;
 +
text-transform: uppercase;
 +
}
 +
 
 +
#menu .links li a:hover {
 +
background: #45558d;
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#menu .inner {
 +
max-height: 100%;
 +
overflow-y: auto;
 +
overflow-x: hidden;
 +
}
 +
 
 +
#menu .inner .close {
 +
background-size: 1.5em 1.5em;
 +
}
 +
 
 +
}
 +
 
 +
body.is-menu-visible #page-wrapper {
 +
-moz-filter: blur(1.5px);
 +
-webkit-filter: blur(1.5px);
 +
-ms-filter: blur(1.5px);
 +
filter: blur(1.5px);
 +
}
 +
 
 +
body.is-menu-visible #menu {
 +
-moz-pointer-events: auto;
 +
-webkit-pointer-events: auto;
 +
-ms-pointer-events: auto;
 +
pointer-events: auto;
 +
opacity: 1;
 +
visibility: visible;
 +
}
 +
 
 +
body.is-menu-visible #menu .inner {
 +
-moz-transform: translateY(0);
 +
-webkit-transform: translateY(0);
 +
-ms-transform: translateY(0);
 +
transform: translateY(0);
 +
opacity: 1;
 +
}
 +
 
 +
/* Banner */
 +
 
 +
#banner {
 +
padding: 10em 0 4.75em 0 ;
 +
}
 +
 
 +
#banner .inner {
 +
margin: 0 auto;
 +
width: 55em;
 +
}
 +
 
 +
#banner .logo {
 +
-moz-transition: opacity 2s ease, -moz-transform 1s ease;
 +
-webkit-transition: opacity 2s ease, -webkit-transform 1s ease;
 +
-ms-transition: opacity 2s ease, -ms-transform 1s ease;
 +
transition: opacity 2s ease, transform 1s ease;
 +
-moz-transform: translateY(0);
 +
-webkit-transform: translateY(0);
 +
-ms-transform: translateY(0);
 +
transform: translateY(0);
 +
opacity: 1;
 +
margin: 0 0 1.3em 0;
 +
}
 +
 
 +
#banner .logo .icon {
 +
border-radius: 100%;
 +
border: solid 2px rgba(255, 255, 255, 0.125);
 +
cursor: default;
 +
display: inline-block;
 +
font-size: 2em;
 +
height: 2.25em;
 +
line-height: 2.25em;
 +
text-align: center;
 +
width: 2.25em;
 +
}
 +
 
 +
#banner h2 {
 +
-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
 +
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
 +
-ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, -ms-filter 0.25s ease;
 +
transition: opacity 0.5s ease, transform 0.5s ease, filter 0.25s ease;
 +
-moz-transform: translateX(0);
 +
-webkit-transform: translateX(0);
 +
-ms-transform: translateX(0);
 +
transform: translateX(0);
 +
-moz-transition-delay: 0.65s;
 +
-webkit-transition-delay: 0.65s;
 +
-ms-transition-delay: 0.65s;
 +
transition-delay: 0.65s;
 +
-moz-filter: blur(0);
 +
-webkit-filter: blur(0);
 +
-ms-filter: blur(0);
 +
filter: blur(0);
 +
opacity: 1;
 +
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
 +
font-size: 2.25em;
 +
margin-bottom: 0.8em;
 +
padding-bottom: 0.4em;
 +
}
 +
 
 +
#banner p {
 +
-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease, -moz-filter 0.25s ease;
 +
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease, -webkit-filter 0.25s ease;
 +
-ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease, -ms-filter 0.25s ease;
 +
transition: opacity 0.5s ease, transform 0.5s ease, filter 0.25s ease;
 +
-moz-transform: translateX(0);
 +
-webkit-transform: translateX(0);
 +
-ms-transform: translateX(0);
 +
transform: translateX(0);
 +
-moz-transition-delay: 0.8s;
 +
-webkit-transition-delay: 0.8s;
 +
-ms-transition-delay: 0.8s;
 +
transition-delay: 0.8s;
 +
-moz-filter: blur(0);
 +
-webkit-filter: blur(0);
 +
-ms-filter: blur(0);
 +
filter: blur(0);
 +
opacity: 1;
 +
font-family: Raleway, Helvetica, sans-serif;
 +
font-size: 1em;
 +
font-weight: 200;
 +
letter-spacing: 0.1em;
 +
line-height: 2;
 +
text-transform: uppercase;
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
#banner {
 +
padding: 7em 0 8.25em 0 ;
 +
background-color: #2e3141;
 +
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 +
background-size: auto, cover;
 +
background-position: center, center;
 +
margin-bottom: -6.5em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
#banner {
 +
padding: 12em 3em 12.375em 3em ;
 +
margin-bottom: -4.75em;
 +
}
 +
 
 +
#banner .inner {
 +
width: 100%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#banner {
 +
padding: 5em 2em 4.25em 2em ;
 +
margin-bottom: -2.5em;
 +
}
 +
 
 +
#banner .logo {
 +
margin: 0 0 1em 0;
 +
}
 +
 
 +
#banner .logo .icon {
 +
font-size: 1.5em;
 +
}
 +
 
 +
#banner h2 {
 +
font-size: 1.5em;
 +
}
 +
 
 +
#banner p {
 +
font-size: 0.8em;
 +
}
 +
 
 +
}
 +
 
 +
body.is-loading #banner .logo {
 +
-moz-transform: translateY(0.5em);
 +
-webkit-transform: translateY(0.5em);
 +
-ms-transform: translateY(0.5em);
 +
transform: translateY(0.5em);
 +
opacity: 0;
 +
}
 +
 
 +
body.is-loading #banner h2 {
 +
opacity: 0;
 +
-moz-transform: translateX(0.25em);
 +
-webkit-transform: translateX(0.25em);
 +
-ms-transform: translateX(0.25em);
 +
transform: translateX(0.25em);
 +
-moz-filter: blur(2px);
 +
-webkit-filter: blur(2px);
 +
-ms-filter: blur(2px);
 +
filter: blur(2px);
 +
}
 +
 
 +
body.is-loading #banner p {
 +
opacity: 0;
 +
-moz-transform: translateX(0.5em);
 +
-webkit-transform: translateX(0.5em);
 +
-ms-transform: translateX(0.5em);
 +
transform: translateX(0.5em);
 +
-moz-filter: blur(2px);
 +
-webkit-filter: blur(2px);
 +
-ms-filter: blur(2px);
 +
filter: blur(2px);
 +
}
 +
 
 +
/* Wrapper */
 +
 
 +
#wrapper > header {
 +
padding: 11em 0 2.25em 0 ;
 +
}
 +
 
 +
#wrapper > header .inner {
 +
margin: 0 auto;
 +
width: 55em;
 +
}
 +
 
 +
#wrapper > header h2 {
 +
border-bottom: solid 2px rgba(255, 255, 255, 0.125);
 +
font-size: 2em;
 +
margin-bottom: 0.8em;
 +
padding-bottom: 0.4em;
 +
}
 +
 
 +
#wrapper > header p {
 +
font-family: Raleway, Helvetica, sans-serif;
 +
font-size: 1em;
 +
font-weight: 200;
 +
letter-spacing: 0.1em;
 +
line-height: 2;
 +
text-transform: uppercase;
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
#wrapper > header {
 +
padding: 9em 0 6.25em 0 ;
 +
background-color: #2e3141;
 +
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 +
background-size: auto, cover;
 +
background-position: center, 0% 30%;
 +
margin-bottom: -6.5em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
#wrapper > header {
 +
padding: 11em 3em 7.375em 3em ;
 +
background-size: auto, cover;
 +
background-position: center, 0% 0%;
 +
margin-bottom: -4.75em;
 +
}
 +
 
 +
#wrapper > header .inner {
 +
width: 100%;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#wrapper > header {
 +
padding: 6.5em 2em 3em 2em ;
 +
background-size: auto, 125%;
 +
margin-bottom: -2.5em;
 +
}
 +
 
 +
#wrapper > header h2 {
 +
font-size: 1.25em;
 +
}
 +
 
 +
#wrapper > header p {
 +
font-size: 0.8em;
 +
}
 +
 
 +
}
 +
 
 +
.wrapper {
 +
background-color: #2e3141;
 +
margin: 6.5em 0;
 +
position: relative;
 +
}
 +
 
 +
.wrapper:before, .wrapper:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper:before {
 +
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
 +
}
 +
 
 +
.wrapper:after {
 +
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
 +
}
 +
 
 +
.wrapper:before, .wrapper:after {
 +
background-repeat: no-repeat;
 +
background-size: 100% 100%;
 +
content: '';
 +
display: block;
 +
height: 6.5em;
 +
position: absolute;
 +
width: 100%;
 +
}
 +
 
 +
.wrapper:before {
 +
left: 0;
 +
top: -6.5em;
 +
}
 +
 
 +
.wrapper:after {
 +
-moz-transform: scaleY(-1);
 +
-webkit-transform: scaleY(-1);
 +
-ms-transform: scaleY(-1);
 +
transform: scaleY(-1);
 +
bottom: -6.5em;
 +
left: 0;
 +
}
 +
 
 +
.wrapper.alt:before {
 +
-moz-transform: scaleX(-1);
 +
-webkit-transform: scaleX(-1);
 +
-ms-transform: scaleX(-1);
 +
transform: scaleX(-1);
 +
}
 +
 
 +
.wrapper.alt:after {
 +
-moz-transform: scaleY(-1) scaleX(-1);
 +
-webkit-transform: scaleY(-1) scaleX(-1);
 +
-ms-transform: scaleY(-1) scaleX(-1);
 +
transform: scaleY(-1) scaleX(-1);
 +
}
 +
 
 +
.wrapper .inner {
 +
padding: 3em 0 1em 0 ;
 +
margin: 0 auto;
 +
width: 55em;
 +
}
 +
 
 +
.wrapper.style2 {
 +
background-color: #353849;
 +
}
 +
 
 +
.wrapper.style2:before, .wrapper.style2:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.style2:before {
 +
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
 +
}
 +
 
 +
.wrapper.style2:after {
 +
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
 +
}
 +
 
 +
.wrapper.style3 {
 +
background-color: #3d4051;
 +
}
 +
 
 +
.wrapper.style3:before, .wrapper.style3:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.style3:before {
 +
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
 +
}
 +
 
 +
.wrapper.style3:after {
 +
box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051;
 +
}
 +
 
 +
.wrapper.style4 {
 +
background-color: #454858;
 +
}
 +
 
 +
.wrapper.style4:before, .wrapper.style4:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.style4:before {
 +
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
 +
}
 +
 
 +
.wrapper.style4:after {
 +
box-shadow: inset 0 -1px 0 0 #454858, 0 1px 0 0 #454858;
 +
}
 +
 
 +
.wrapper.style5 {
 +
background-color: #4d5060;
 +
}
 +
 
 +
.wrapper.style5:before, .wrapper.style5:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.style5:before {
 +
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
 +
}
 +
 
 +
.wrapper.style5:after {
 +
box-shadow: inset 0 -1px 0 0 #4d5060, 0 1px 0 0 #4d5060;
 +
}
 +
 
 +
.wrapper.style6 {
 +
background-color: #555867;
 +
}
 +
 
 +
.wrapper.style6:before, .wrapper.style6:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.style6:before {
 +
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
 +
}
 +
 
 +
.wrapper.style6:after {
 +
box-shadow: inset 0 -1px 0 0 #555867, 0 1px 0 0 #555867;
 +
}
 +
 
 +
.wrapper.spotlight {
 +
background-color: #4c5c96;
 +
}
 +
 
 +
.wrapper.spotlight:before, .wrapper.spotlight:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.spotlight:before {
 +
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
 +
}
 +
 
 +
.wrapper.spotlight:after {
 +
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
 +
}
 +
 
 +
.wrapper.spotlight .inner {
 +
display: -moz-flex;
 +
display: -webkit-flex;
 +
display: -ms-flex;
 +
display: flex;
 +
-moz-align-items: center;
 +
-webkit-align-items: center;
 +
-ms-align-items: center;
 +
align-items: center;
 +
-moz-flex-direction: row;
 +
-webkit-flex-direction: row;
 +
-ms-flex-direction: row;
 +
flex-direction: row;
 +
}
 +
 
 +
.wrapper.spotlight .image {
 +
border-radius: 100%;
 +
margin: 0 3em 2em 0;
 +
width: 22em;
 +
overflow: hidden;
 +
-ms-flex: 1;
 +
}
 +
 
 +
.wrapper.spotlight .image img {
 +
border-radius: 100%;
 +
width: 100%;
 +
}
 +
 
 +
.wrapper.spotlight .content {
 +
width: 100%;
 +
-ms-flex: 2;
 +
}
 +
 
 +
.wrapper.spotlight:nth-child(2n - 1) .inner {
 +
-moz-flex-direction: row-reverse;
 +
-webkit-flex-direction: row-reverse;
 +
-ms-flex-direction: row-reverse;
 +
flex-direction: row-reverse;
 +
text-align: right;
 +
}
 +
 
 +
.wrapper.spotlight:nth-child(2n - 1) .image {
 +
margin: 0 0 2em 3em;
 +
}
 +
 
 +
.wrapper.spotlight.style2 {
 +
background-color: #45558d;
 +
}
 +
 
 +
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.spotlight.style2:before {
 +
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
 +
}
 +
 
 +
.wrapper.spotlight.style2:after {
 +
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
 +
}
 +
 
 +
.wrapper.spotlight.style3 {
 +
background-color: #3f4e85;
 +
}
 +
 
 +
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.spotlight.style3:before {
 +
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
 +
}
 +
 
 +
.wrapper.spotlight.style3:after {
 +
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
 +
}
 +
 
 +
.wrapper.spotlight.style4 {
 +
background-color: #39477c;
 +
}
 +
 
 +
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.spotlight.style4:before {
 +
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
 +
}
 +
 
 +
.wrapper.spotlight.style4:after {
 +
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
 +
}
 +
 
 +
.wrapper.spotlight.style5 {
 +
background-color: #324072;
 +
}
 +
 
 +
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.spotlight.style5:before {
 +
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
 +
}
 +
 
 +
.wrapper.spotlight.style5:after {
 +
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
 +
}
 +
 
 +
.wrapper.spotlight.style6 {
 +
background-color: #2d3a69;
 +
}
 +
 
 +
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
 +
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
 +
}
 +
 
 +
.wrapper.spotlight.style6:before {
 +
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
 +
}
 +
 
 +
.wrapper.spotlight.style6:after {
 +
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
.wrapper {
 +
margin: 4.75em 0;
 +
}
 +
 
 +
.wrapper:before, .wrapper:after {
 +
height: 4.75em;
 +
}
 +
 
 +
.wrapper:before {
 +
top: -4.75em;
 +
}
 +
 
 +
.wrapper:after {
 +
bottom: -4.75em;
 +
left: 0;
 +
}
 +
 
 +
.wrapper .inner {
 +
padding: 3em 3em 1em 3em ;
 +
width: 100%;
 +
}
 +
 
 +
.wrapper.spotlight .image {
 +
margin: 0 2em 2em 0;
 +
width: 32em;
 +
}
 +
 
 +
.wrapper.spotlight:nth-child(2n - 1) .image {
 +
margin: 0 0 2em 2em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
.wrapper {
 +
margin: 2.5em 0;
 +
}
 +
 
 +
.wrapper:before, .wrapper:after {
 +
height: 2.5em;
 +
}
 +
 
 +
.wrapper:before {
 +
top: -2.5em;
 +
}
 +
 
 +
.wrapper:after {
 +
bottom: -2.5em;
 +
left: 0;
 +
}
 +
 
 +
.wrapper .inner {
 +
padding: 2em 2em 0.1em 2em ;
 +
}
 +
 
 +
.wrapper.spotlight .inner {
 +
-moz-align-items: -moz-flex-start;
 +
-webkit-align-items: -webkit-flex-start;
 +
-ms-align-items: -ms-flex-start;
 +
align-items: flex-start;
 +
}
 +
 
 +
.wrapper.spotlight .image {
 +
width: 19em;
 +
margin: 0 1.75em 2em 0;
 +
}
 +
 
 +
.wrapper.spotlight:nth-child(2n - 1) .image {
 +
margin: 0 0 2em 1.75em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 640px) {
 +
 
 +
.wrapper.spotlight .inner {
 +
display: block;
 +
}
 +
 
 +
.wrapper.spotlight .image {
 +
margin: 0 0 1em 0 !important;
 +
max-width: 85%;
 +
width: 12em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 360px) {
 +
 
 +
.wrapper .inner {
 +
padding: 2em 1.5em 0.1em 1.5em ;
 +
}
 +
 
 +
}
 +
 
 +
/* Footer */
 +
 
 +
#footer .inner {
 +
padding: 5em 0 3em 0 ;
 +
display: -moz-flex;
 +
display: -webkit-flex;
 +
display: -ms-flex;
 +
display: flex;
 +
-moz-flex-direction: row;
 +
-webkit-flex-direction: row;
 +
-ms-flex-direction: row;
 +
flex-direction: row;
 +
-moz-flex-wrap: wrap;
 +
-webkit-flex-wrap: wrap;
 +
-ms-flex-wrap: wrap;
 +
flex-wrap: wrap;
 +
margin: 0 auto;
 +
width: 55em;
 +
}
 +
 
 +
#footer .inner > * {
 +
width: 100%;
 +
}
 +
 
 +
#footer .inner form {
 +
margin: 0 3em 0 0;
 +
width: calc(50% - 1.5em);
 +
}
 +
 
 +
#footer .inner .contact {
 +
width: calc(50% - 1.5em);
 +
}
 +
 
 +
#footer .inner .copyright {
 +
border-top: solid 2px rgba(255, 255, 255, 0.125);
 +
list-style: none;
 +
margin: 4em 0 2em 0;
 +
padding: 2em 0 0 0;
 +
width: 100%;
 +
}
 +
 
 +
#footer .inner .copyright li {
 +
border-left: solid 2px rgba(255, 255, 255, 0.125);
 +
color: rgba(255, 255, 255, 0.35);
 +
display: inline-block;
 +
font-size: 0.9em;
 +
line-height: 1;
 +
margin-left: 1em;
 +
padding: 0;
 +
padding-left: 1em;
 +
}
 +
 
 +
#footer .inner .copyright li:first-child {
 +
border-left: 0;
 +
margin-left: 0;
 +
padding-left: 0;
 +
}
 +
 
 +
#footer .inner .copyright li a {
 +
color: inherit;
 +
}
 +
 
 +
@media screen and (max-width: 1280px) {
 +
 
 +
#footer {
 +
background-color: #2e3141;
 +
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 +
background-size: auto, cover;
 +
background-position: center, center;
 +
margin-top: -6.5em;
 +
padding-top: 6.5em;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 980px) {
 +
 
 +
#footer {
 +
margin-top: -4.75em;
 +
padding-top: 4.75em;
 +
}
 +
 
 +
#footer .inner {
 +
padding: 3em 3em 1em 3em ;
 +
display: block;
 +
width: 100%;
 +
}
 +
 
 +
#footer .inner form {
 +
width: 100%;
 +
margin: 0 0 4em 0;
 +
}
 +
 
 +
#footer .inner .contact {
 +
width: 100%;
 +
margin: 0 0 4em 0;
 +
}
 +
 
 +
#footer .inner .copyright {
 +
margin: 4em 0 2em 0;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 736px) {
 +
 
 +
#footer {
 +
margin-top: -2.5em;
 +
padding-top: 2.5em;
 +
}
 +
 
 +
#footer .inner {
 +
padding: 2em 2em 0.1em 2em ;
 +
}
 +
 
 +
#footer .inner form {
 +
margin: 0 0 3em 0;
 +
}
 +
 
 +
#footer .inner .contact {
 +
margin: 0 0 3em 0;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 640px) {
 +
 
 +
#footer .inner .copyright li {
 +
border-left: 0;
 +
display: block;
 +
margin: 1em 0 0 0;
 +
padding-left: 0;
 +
}
 +
 
 +
#footer .inner .copyright li:first-child {
 +
margin-top: 0;
 +
}
 +
 
 +
}
 +
 
 +
@media screen and (max-width: 360px) {
 +
 
 +
#footer .inner {
 +
padding: 2em 1.5em 0.1em 1.5em ;
 +
}
 +
 
 +
}
 +
 
 +
 
 +
 +
</style>
 +
 
 +
 
 +
 
  
  
−
<!-- Header -->
 
−
<header class="w3-container w3-blue w3-center" style="padding:128px 16px">
 
−
  <h1 class="w3-margin w3-jumbo">Promoting CRC Detection</h1>
 
−
  <button class="w3-button w3-white w3-padding-large w3-large w3-margin-top">Get Started</button>
 
−
</header>
 
  
−
<!-- Navbar -->
 
−
<div class="w3-right">
 
−
  <div class="w3-bar w3-blue 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-blue” 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="https://2017.igem.org/Team:ASIJ_TOKYO/Description" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Project</a>
 
−
    <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Parts</a>
 
−
    <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Team</a>
 
−
    <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Safety</a>
 
−
    <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety" class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white">Safety</a>
 
  
−
+
</head>
 +
<body>
  
 +
<!-- Page Wrapper -->
 +
<div id="page-wrapper">
  
−
  </div>
+
<!-- Header -->
 +
<header id="header" class="alt">
 +
<h1><a href="index.html">Solid State</a></h1>
 +
<nav>
 +
<a href="#menu">Menu</a>
 +
</nav>
 +
</header>
  
−
  <!-- Navbar on small screens -->
+
<!-- Menu -->
−
  <div id="navDemo" class="w3-bar-block w3-white w3-hide w3-hide-large w3-hide-medium w3-large">
+
<nav id="menu">
−
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 1</a>
+
<div class="inner">
−
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 2</a>
+
<h2>Menu</h2>
−
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 3</a>
+
<ul class="links">
−
    <a href="#" class="w3-bar-item w3-button w3-padding-large">Link 4</a>
+
<li><a href="index.html">Home</a></li>
−
  </div>
+
<li><a href="generic.html">Generic</a></li>
−
</div>
+
<li><a href="elements.html">Elements</a></li>
 +
<li><a href="#">Log In</a></li>
 +
<li><a href="#">Sign Up</a></li>
 +
</ul>
 +
<a href="#" class="close">Close</a>
 +
</div>
 +
</nav>
  
 +
<!-- Banner -->
 +
<section id="banner">
 +
<div class="inner">
 +
<div class="logo"><span class="icon fa-diamond"></span></div>
 +
<h2>This is Solid State</h2>
 +
<p>Another free + fully responsive site template by <a href="http://html5up.net">HTML5 UP</a></p>
 +
</div>
 +
</section>
  
−
<!-- First Grid -->
+
<!-- Wrapper -->
−
<div class="w3-row-padding w3-padding-64 w3-container">
+
<section id="wrapper">
−
  <div class="w3-content">
+
−
    <div class="w3-twothird">
+
−
      <h1>Project Description</h1>
+
−
      <h5 class="w3-padding-32">Colorectal cancer remains the second most lethal cancer in the United States, often beginning as benign polyps in the colon and rectum. Despite relative ease of treatment, cases of CRC are usually detected in its late stages, rendering care difficult. CRC results from the mutation of multiple genes involved with the regulation of cell proliferation and DNA repair, with the ASIJ iGEM team focusing primarily on the Wnt pathway. The activation of the Wnt pathway specifically inhibits the degradation of beta-catenin, a protein that triggers the mutation of oncogenes and tumor suppressor gene. Through detection of these mutated genes and their subsequent downstream proteins, our team aims to develop an early screening method that can be adapted to a CRC detecting home-kit. Building off of a split-luciferase system characterized by the 2015 Peking iGEM team, our construct consists of a promoter reporter system that looks specifically at two downstream products, C-myc and COX-2.
+
−
</h5>
+
  
−
      <p class="w3-text-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint
+
<!-- One -->
−
        occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+
<section id="one" class="wrapper spotlight style1">
−
        laboris nisi ut aliquip ex ea commodo consequat.</p>
+
<div class="inner">
−
    </div>
+
<a href="#" class="image"><img src="images/pic01.jpg" alt="" /></a>
 +
<div class="content">
 +
<h2 class="major">Magna arcu feugiat</h2>
 +
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
 +
<a href="#" class="special">Learn more</a>
 +
</div>
 +
</div>
 +
</section>
  
−
    <div class="w3-third w3-center">
+
<!-- Two -->
−
      <i class="fa fa-anchor w3-padding-64 w3-text-blue"></i>
+
<section id="two" class="wrapper alt spotlight style2">
−
    </div>
+
<div class="inner">
−
  </div>
+
<a href="#" class="image"><img src="images/pic02.jpg" alt="" /></a>
−
</div>
+
<div class="content">
 +
<h2 class="major">Tempus adipiscing</h2>
 +
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
 +
<a href="#" class="special">Learn more</a>
 +
</div>
 +
</div>
 +
</section>
  
−
<!-- Second Grid -->
+
<!-- Three -->
−
<div class="w3-row-padding w3-light-grey w3-padding-64 w3-container">
+
<section id="three" class="wrapper spotlight style3">
−
  <div class="w3-content">
+
<div class="inner">
−
    <div class="w3-third w3-center">
+
<a href="#" class="image"><img src="images/pic03.jpg" alt="" /></a>
−
      <i class="fa fa-coffee w3-padding-64 w3-text-blue w3-margin-right"></i>
+
<div class="content">
−
    </div>
+
<h2 class="major">Nullam dignissim</h2>
 +
<p>Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.</p>
 +
<a href="#" class="special">Learn more</a>
 +
</div>
 +
</div>
 +
</section>
  
−
    <div class="w3-twothird">
+
<!-- Four -->
−
      <h1>Lorem Ipsum</h1>
+
<section id="four" class="wrapper alt style1">
−
      <h5 class="w3-padding-32">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</h5>
+
<div class="inner">
 +
<h2 class="major">Vitae phasellus</h2>
 +
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
 +
<section class="features">
 +
<article>
 +
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
 +
<h3 class="major">Sed feugiat lorem</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
 +
<a href="#" class="special">Learn more</a>
 +
</article>
 +
<article>
 +
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
 +
<h3 class="major">Nisl placerat</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
 +
<a href="#" class="special">Learn more</a>
 +
</article>
 +
<article>
 +
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
 +
<h3 class="major">Ante fermentum</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
 +
<a href="#" class="special">Learn more</a>
 +
</article>
 +
<article>
 +
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
 +
<h3 class="major">Fusce consequat</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
 +
<a href="#" class="special">Learn more</a>
 +
</article>
 +
</section>
 +
<ul class="actions">
 +
<li><a href="#" class="button">Browse All</a></li>
 +
</ul>
 +
</div>
 +
</section>
  
−
      <p class="w3-text-grey">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Excepteur sint
+
</section>
−
        occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
+
−
        laboris nisi ut aliquip ex ea commodo consequat.</p>
+
−
    </div>
+
−
  </div>
+
−
</div>
+
  
−
<div class="w3-container w3-white w3-center w3-opacity w3-padding-64">
+
<!-- Footer -->
−
    <h1 class="w3-margin w3-xlarge">Quote of the day: live life</h1>
+
<section id="footer">
−
</div>
+
<div class="inner">
 +
<h2 class="major">Get in touch</h2>
 +
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
 +
<form method="post" action="#">
 +
<div class="field">
 +
<label for="name">Name</label>
 +
<input type="text" name="name" id="name" />
 +
</div>
 +
<div class="field">
 +
<label for="email">Email</label>
 +
<input type="email" name="email" id="email" />
 +
</div>
 +
<div class="field">
 +
<label for="message">Message</label>
 +
<textarea name="message" id="message" rows="4"></textarea>
 +
</div>
 +
<ul class="actions">
 +
<li><input type="submit" value="Send Message" /></li>
 +
</ul>
 +
</form>
 +
<ul class="contact">
 +
<li class="fa-home">
 +
Untitled Inc<br />
 +
1234 Somewhere Road Suite #2894<br />
 +
Nashville, TN 00000-0000
 +
</li>
 +
<li class="fa-phone">(000) 000-0000</li>
 +
<li class="fa-envelope"><a href="#">information@untitled.tld</a></li>
 +
<li class="fa-twitter"><a href="#">twitter.com/untitled-tld</a></li>
 +
<li class="fa-facebook"><a href="#">facebook.com/untitled-tld</a></li>
 +
<li class="fa-instagram"><a href="#">instagram.com/untitled-tld</a></li>
 +
</ul>
 +
<ul class="copyright">
 +
<li>&copy; Untitled Inc. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
 +
</ul>
 +
</div>
 +
</section>
  
−
<!-- Footer -->
+
</div>
−
<footer class="w3-container w3-padding-64 w3-center w3-opacity"> 
+
−
  <div class="w3-xlarge w3-padding-32">
+
−
    <i class="fa fa-facebook-official w3-hover-opacity"></i>
+
−
    <i class="fa fa-instagram w3-hover-opacity"></i>
+
−
    <i class="fa fa-snapchat w3-hover-opacity"></i>
+
−
    <i class="fa fa-pinterest-p w3-hover-opacity"></i>
+
−
    <i class="fa fa-twitter w3-hover-opacity"></i>
+
−
    <i class="fa fa-linkedin w3-hover-opacity"></i>
+
−
</div>
+
−
<p>Poweblue by <a href="https://www.w3schools.com/w3css/default.asp" target="_blank">w3.css</a></p>
+
−
</footer>
+
  
−
<script>
+
<!-- Scripts -->
−
// Used to toggle the menu on small screens when clicking on the menu button
+
<script src="assets/js/skel.min.js"></script>
−
function myFunction() {
+
<script src="assets/js/jquery.min.js"></script>
−
    var x = document.getElementById("navDemo");
+
<script src="assets/js/jquery.scrollex.min.js"></script>
−
    if (x.className.indexOf("w3-show") == -1) {
+
<script src="assets/js/util.js"></script>
−
        x.className += " w3-show";
+
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
−
    } else {
+
<script src="assets/js/main.js"></script>
−
        x.className = x.className.replace(" w3-show", "");
+
−
    }
+
−
}
+
−
</script>
+
  
−
</body>
+
</body>
 
</html>
 
</html>

Revision as of 06:51, 8 September 2017

<!DOCTYPE HTML> Solid State by HTML5 UP

Magna arcu feugiat

Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.

Learn more

Tempus adipiscing

Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.

Learn more

Nullam dignissim

Lorem ipsum dolor sit amet, etiam lorem adipiscing elit. Cras turpis ante, nullam sit amet turpis non, sollicitudin posuere urna. Mauris id tellus arcu. Nunc vehicula id nulla dignissim dapibus. Nullam ultrices, neque et faucibus viverra, ex nulla cursus.

Learn more

Vitae phasellus

Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.

Sed feugiat lorem

Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.

Learn more

Nisl placerat

Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.

Learn more

Ante fermentum

Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.

Learn more

Fusce consequat

Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.

Learn more