Difference between revisions of "Team:ASIJ TOKYO/Results"

(Prototype team page)
 
Line 1: Line 1:
−
{{ASIJ_TOKYO}}
+
{{Team:ASIJ_TOKYO/css}}
 +
<!--
 +
Solid State by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
-->
 
<html>
 
<html>
 +
<head>
  
 +
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  
−
<div class="column full_size" >
+
<style>
 +
<style>
 +
body {margin:0;}
  
−
<h1>Results</h1>
+
.navbar {
 +
  overflow: hidden;
 +
  background-color: #333;
 +
  font-family: Arial;
  
−
<p>Here you can describe the results of your project and your future plans. </p>
+
  position: fixed;
 +
  top: 12px ;
 +
  width: 100%;
 +
  z-index:50;
 +
 
 +
}
  
−
<h5>What should this page contain?</h5>
+
.navbar a {
−
<ul>
+
  float: left;
−
<li> Clearly and objectively describe the results of your work.</li>
+
  color: white;
−
<li> Future plans for the project. </li>
+
  text-align: center;
−
<li> Considerations for replicating the experiments. </li>
+
  padding: 28px 18px;
−
</ul>
+
  text-decoration: none;
 +
  font-size: 28px;
 +
 
 +
 
 +
}
  
−
<h5>You should also describe what your results mean: </h5>
+
.dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
   
 +
   
 +
   
 +
}
  
−
<ul>
+
.dropdown .dropbtn {
−
<li> Interpretation of the results obtained during your project. Don't just show a plot/figure/graph/other, tell us what you think the data means. This is an important part of your project that the judges will look for. </li>
+
    font-size: 28px;   
−
<li> Show data, but remember all measurement and characterization data must be on part pages in the Registry. </li>
+
    border: none;
−
<li> Consider including an analysis summary section to discuss what your results mean. Judges like to read what you think your data means, beyond all the data you have acquired during your project. </li>
+
    outline: none;
−
</ul>
+
    color: white;
 +
    padding: 28px 18px;
 +
    background-color: inherit;
 +
   
  
−
</div>
+
}
  
−
<div class="clear"></div>
+
.navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: #5d70dd;
 +
   
 +
   
 +
   
 +
}
  
−
<div class="column half_size" >
+
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,.4);
 +
    z-index: 100;
 +
    top: 80px;
  
  
−
<h5> Project Achievements </h5>
 
  
−
<p>You can also include a list of bullet points (and links) of the successes and failures you have had over your summer. It is a quick reference page for the judges to see what you achieved during your summer.</p>
+
}
  
−
<ul>
+
.dropdown-content a {
−
<li>A list of linked bullet points of the successful results during your project</li>
+
    float: none;
−
<li>A list of linked bullet points of the unsuccessful results during your project. This is about being scientifically honest. If you worked on an area for a long time with no success, tell us so we know where you put your effort.</li>
+
    color: black;
−
</ul>
+
    padding: 12px 18px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
   
 +
   
 +
}
 +
 
 +
 
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
 
 +
   
 +
}
 +
 
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
  position: fixed;
 +
 
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 
 +
<div class="navbar">
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a>
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 +
  <div class="dropdown">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Project">Project</a>
 +
     
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Design">Design</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Experiments">Experiments</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results">Results</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Attributions">Attributions</a>
  
 +
</div>
 
</div>
 
</div>
  
  
−
<div class="column half_size" >
+
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a>
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a>
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
 +
 +
 
 +
 
 +
 
  
−
<h5>Inspiration</h5>
 
−
<p>See how other teams presented their results.</p>
 
−
<ul>
 
−
<li><a href="https://2014.igem.org/Team:TU_Darmstadt/Results/Pathway">2014 TU Darmstadt </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Imperial/Results">2014 Imperial </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results">2014 Paris Bettencourt </a></li>
 
−
</ul>
 
  
 
</div>
 
</div>
  
  
 +
</body>
 +
<head>
 +
<title>IGEM ASIJ TOKYO</title>
 +
<meta charset="utf-8" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1" />
 +
<!--[if lte IE 8]>
 +
 +
<script>
 +
 +
<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]-->
 +
</head>
 +
<body>
 +
 +
 +
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt spotlight style2">
 +
<div class="content">
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Three -->
 +
<section id="three" class="wrapper spotlight style3">
 +
<div class="inner">
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
 +
<div class="content">
 +
<h2 class="major">What is CRC?</h2>
 +
<p>Colorectal cancer (CRC), or colon/bowel cancer, is a common form of cancer that most frequently develops starting with polyps. In 2014, an estimated 1.3 million people lived with colon and rectum cancer in the United States. In fact, about 1 in 20 men and women are expected to have colon cancer at some point in their life.
 +
CRC is caused by the APC gene, or activating mutation in β-catenin, which results in the accumulation of β-catenin and subsequent complex formation with TCF/LEF transcription factors. Excessive β-catenin can interact with TCF to activate the transcription of proliferative genes, such as c-MYC and cyclin D1, in the colon.</p>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<section id="four" class="wrapper alt style1">
 +
<div class="inner">
 +
<h2 class="major">Pictures</h2>
 +
<section class="features">
 +
 +
</section>
 +
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt spotlight style2">
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Three -->
 +
<section id="two" class="wrapper spotlight style2">
 +
<div class="inner">
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
 +
<div class="content">
 +
<h2 class="major">Project Motivations</h2>
 +
<p>After speaking to Minako Abe, an immunologist, we became aware of the immense prevalence and impact--especially in Japan--of colorectal cancer. In Japan alone, in 2015, there were almost 50,000 deaths from colorectal cancer, marking a sudden, sharp spike in the number of young adults that were diagnosed with this cancer. Finding out that two faculty members at our school were survivors of this disease further cemented our belief in the importance of addressing it at its root.
 +
The issue is especially prevalent in Japan mostly because the younger generation is not fully aware on how common colorectal cancer is becoming and because they are not checking up on their bodies as frequently as they should be. This motivated us to not limit our project on only addressing early detection of CRC, but also raising awareness.</p>
 +
<h2 class="major">How did we do it?</h2>
 +
<p>Our goal was to create a biosensor that would be able to diagnose CRC at an earlier stage and have it fit for a home-kit where use would be accessible and convenient. To do so, we looked upstream fill in. The activation of the Wnt pathway inhibits the degradation of beta-catenin, a protein that triggers the mutation of oncogenes and tumor suppressor genes. Building off of a rapamycin induced split-luciferase system characterized by the 2015 Peking iGEM team, our construct consists of a promoter reporter system that looks at two downstream products, C-myc and COX-2.
 +
As for community outreach, we wanted to take advantage of the fact that we live in the most metropolitan area in Japan. We did so by carrying out our project mainly in Harajuku, which is one of the most popular areas in Tokyo. As ASIJ is also central to many international communities, we’ve also promoted our project at family events held at ASIJ, as well as through our virtual pre-medical club where we were able to interact with schools around the globe.</p>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<section id="four" class="wrapper alt style1">
 +
<div class="inner">
 +
<h2 class="major">Pictures</h2>
 +
<section class="features">
 +
 +
</section>
 +
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt spotlight style2">
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Three -->
 +
<section id="three" class="wrapper spotlight style3">
 +
<div class="inner">
 +
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Design" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
 +
<div class="content">
 +
<h2 class="major">Design</h2>
 +
<p>Our design – how we planned out our experiments.
 +
</p>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Four -->
 +
<section id="four" class="wrapper alt style1">
 +
<div class="inner">
 +
<h2 class="major">Design</h2>
 +
<section class="features">
 +
 +
 +
<a href = "https://2017.igem.org/Team:ASIJ_TOKYO/Design">Click here for more design
 +
 +
</a>
 +
 +
 +
 +
</section>
 +
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt spotlight style2">
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Three -->
 +
<section id="three" class="wrapper spotlight style3">
 +
<div class="inner">
 +
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Experiments" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
 +
<div class="content">
 +
<h2 class="major">Experiments</h2>
 +
<p>Our experiments – the procedure we carried out to gain our data
 +
</p>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Four -->
 +
<section id="four" class="wrapper alt style1">
 +
<div class="inner">
 +
<h2 class="major">Experiments</h2>
 +
<section class="features">
 +
 +
 +
<a href = "https://2017.igem.org/Team:ASIJ_TOKYO/Experiments">Click here for more experiments
 +
 +
</a>
 +
 +
 +
 +
</section>
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt spotlight style2">
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Three -->
 +
<section id="three" class="wrapper spotlight style3">
 +
<div class="inner">
 +
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
 +
<div class="content">
 +
<h2 class="major">Notebook</h2>
 +
<p>Our lab notebook – all of our work, progress, and results in one document.</p>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Four -->
 +
<section id="four" class="wrapper alt style1">
 +
<div class="inner">
 +
<h2 class="major">Notebook</h2>
 +
<section class="features">
 +
<a href = "https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Click here for the notebook (PDF format)</a>
 +
</section>
 +
</div>
 +
</section>
 +
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt spotlight style2">
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Three -->
 +
<section id="three" class="wrapper spotlight style3">
 +
<div class="inner">
 +
<a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
 +
<div class="content">
 +
<h2 class="major">Results</h2>
 +
<p>Our results – conclusive answers to our study.</p>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Four -->
 +
<section id="four" class="wrapper alt style1">
 +
<div class="inner">
 +
<h2 class="major">Results</h2>
 +
<section class="features">
 +
 +
 +
<a href = "https://2017.igem.org/Team:ASIJ_TOKYO/Results">Click here for the results-only page.</a>
 +
 +
</section>
 +
</section>
 +
<!-- Two -->
 +
<section id="two" class="wrapper alt spotlight style2">
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Three -->
 +
<section id="three" class="wrapper spotlight style3">
 +
<div class="inner">
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/18/Title_image_asij.png" alt="" /></a>
 +
<div class="content">
 +
<h2 class="major">Attributions</h2>
 +
<p>Our attributions – credit given where credit is due.</p>
 +
</div>
 +
</div>
 +
</section>
 +
 +
<!-- Four -->
 +
<section id="four" class="wrapper alt style1">
 +
<div class="inner">
 +
<h2 class="major">Attributions</h2>
 +
<section class="features">
 +
<a href = "https://2017.igem.org/Team:ASIJ_TOKYO/Attributions">Click here for the attributions</a>
 +
</section>
 +
</div>
 +
</section>
 +
 +
 +
 +
<!-- Scripts -->
 +
<script src="assets/js/skel.min.js"></script>
 +
<script src="assets/js/jquery.min.js"></script>
 +
<script src="assets/js/jquery.scrollex.min.js"></script>
 +
<script src="assets/js/util.js"></script>
 +
<!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
 +
<script src="assets/js/main.js"></script>
 +
 +
 +
<style>
 +
@import url(font-awesome.min.css);
 +
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
 +
 +
/*
 +
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: #4221af;
 +
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: #6a588e;
 +
}
 +
 +
.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: #4221af;
 +
}
 +
 +
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: #4221af;
 +
}
 +
 +
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: #6a588e;
 +
}
 +
 +
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: #4221af;
 +
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: #4221af;
 +
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: #4221af;
 +
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 #4221af, 0 1px 0 0 #4221af;
 +
}
 +
 +
.wrapper:after {
 +
box-shadow: inset 0 -1px 0 0 #4221af, 0 1px 0 0 #4221af;
 +
}
 +
 +
.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: #4221af;
 +
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>
 +
<style>
 +
/*
 +
Solid State by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
*/
 +
 +
/* Basic */
 +
 +
body {
 +
background-color: #4221af;
 +
background-image: url("../../images/bg.jpg");
 +
background-size: cover;
 +
background-attachment: fixed;
 +
background-position: center;
 +
}
 +
 +
body:before {
 +
background: rgba(46, 49, 65, 0.8);
 +
content: '';
 +
display: block;
 +
height: 100%;
 +
left: 0;
 +
position: fixed;
 +
top: 0;
 +
width: 100%;
 +
}
 +
 +
body > * {
 +
position: relative;
 +
z-index: 1;
 +
}
 +
 +
/* Features */
 +
 +
.features article {
 +
display: inline-block;
 +
width: 45%;
 +
}
 +
 +
/* Menu */
 +
 +
#menu .inner {
 +
margin: 4em auto;
 +
}
 +
 +
/* Wrapper */
 +
 +
#wrapper > header {
 +
background: none !important;
 +
}
 +
 +
.wrapper.spotlight .inner {
 +
text-align: left !important;
 +
}
 +
 +
.wrapper.spotlight .image {
 +
display: inline-block;
 +
margin: 0 3em 2em 0 !important;
 +
vertical-align: middle;
 +
width: 24%;
 +
}
 +
 +
.wrapper.spotlight .content {
 +
display: inline-block;
 +
vertical-align: middle;
 +
width: 70%;
 +
}
 +
 +
/* Banner */
 +
 +
#banner {
 +
background: none !important;
 +
}
 +
 +
/* Footer */
 +
 +
#footer {
 +
background: none !important;
 +
}
 +
 +
#footer .inner form {
 +
display: inline-block;
 +
width: 45%;
 +
}
 +
 +
#footer .inner .contact {
 +
display: inline-block;
 +
width: 45%;
 +
}
 +
</style>
 +
<style>
 +
/*
 +
Solid State by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
*/
 +
 +
/* Basic */
 +
 +
body {
 +
-ms-behavior: url("assets/js/backgroundsize.min.htc");
 +
}
 +
 +
/* Type */
 +
 +
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
 +
border-bottom: solid 2px #ffffff;
 +
}
 +
 +
blockquote {
 +
border-left: solid 4px #ffffff;
 +
}
 +
 +
code {
 +
border: solid 2px #ffffff;
 +
}
 +
 +
hr {
 +
border-bottom: solid 2px #ffffff;
 +
}
 +
 +
/* Button */
 +
 +
input[type="submit"],
 +
input[type="reset"],
 +
input[type="button"],
 +
button,
 +
.button {
 +
position: relative;
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
border: solid 2px #ffffff;
 +
}
 +
 +
input[type="submit"].special,
 +
input[type="reset"].special,
 +
input[type="button"].special,
 +
button.special,
 +
.button.special {
 +
border: 0;
 +
}
 +
 +
/* Form */
 +
 +
input[type="text"],
 +
input[type="password"],
 +
input[type="email"],
 +
input[type="tel"],
 +
select,
 +
textarea {
 +
position: relative;
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
background: transparent;
 +
border: solid 2px #ffffff;
 +
}
 +
 +
/* Table */
 +
 +
table tbody tr {
 +
border: solid 1px #ffffff;
 +
border-left: 0;
 +
border-right: 0;
 +
}
 +
 +
table.alt tbody tr td {
 +
border: solid 1px #ffffff;
 +
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;
 +
}
 +
 +
/* Features */
 +
 +
.features article {
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
position: relative;
 +
width: 44%;
 +
}
 +
 +
.features article .image {
 +
margin-top: 0;
 +
margin-left: 0;
 +
width: 100%;
 +
}
 +
 +
/* Menu */
 +
 +
#menu {
 +
background: #4221af;
 +
}
 +
 +
#menu h2 {
 +
border-bottom: solid 2px #ffffff;
 +
}
 +
 +
/* Header */
 +
 +
#header {
 +
background-color: #353849;
 +
}
 +
 +
/* Wrapper */
 +
 +
.wrapper {
 +
margin: 0;
 +
}
 +
 +
.wrapper:before, .wrapper:after {
 +
display: none;
 +
}
 +
 +
.wrapper.spotlight .image {
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
}
 +
 +
.wrapper.spotlight .image img {
 +
position: relative;
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
}
 +
 +
/* Banner */
 +
 +
#banner .logo .icon {
 +
border: solid 2px #ffffff;
 +
-ms-behavior: url("assets/js/ie/PIE.htc");
 +
}
 +
 +
#banner h2 {
 +
border-bottom: solid 2px #ffffff;
 +
}
 +
 +
/* Footer */
 +
 +
#footer .inner .copyright {
 +
border-top: solid 2px #ffffff;
 +
}
 +
 +
#footer .inner .copyright li {
 +
border-left: solid 2px #ffffff;
 +
}
 +
</style>
  
 +
</body>
 
</html>
 
</html>

Revision as of 06:38, 30 October 2017

Home Team
Project
Description Design Experiments Notebook Results Attributions
Parts Safety Human Practices
IGEM ASIJ TOKYO

What is CRC?

Colorectal cancer (CRC), or colon/bowel cancer, is a common form of cancer that most frequently develops starting with polyps. In 2014, an estimated 1.3 million people lived with colon and rectum cancer in the United States. In fact, about 1 in 20 men and women are expected to have colon cancer at some point in their life. CRC is caused by the APC gene, or activating mutation in β-catenin, which results in the accumulation of β-catenin and subsequent complex formation with TCF/LEF transcription factors. Excessive β-catenin can interact with TCF to activate the transcription of proliferative genes, such as c-MYC and cyclin D1, in the colon.

Pictures

Project Motivations

After speaking to Minako Abe, an immunologist, we became aware of the immense prevalence and impact--especially in Japan--of colorectal cancer. In Japan alone, in 2015, there were almost 50,000 deaths from colorectal cancer, marking a sudden, sharp spike in the number of young adults that were diagnosed with this cancer. Finding out that two faculty members at our school were survivors of this disease further cemented our belief in the importance of addressing it at its root. The issue is especially prevalent in Japan mostly because the younger generation is not fully aware on how common colorectal cancer is becoming and because they are not checking up on their bodies as frequently as they should be. This motivated us to not limit our project on only addressing early detection of CRC, but also raising awareness.

How did we do it?

Our goal was to create a biosensor that would be able to diagnose CRC at an earlier stage and have it fit for a home-kit where use would be accessible and convenient. To do so, we looked upstream fill in. The activation of the Wnt pathway inhibits the degradation of beta-catenin, a protein that triggers the mutation of oncogenes and tumor suppressor genes. Building off of a rapamycin induced split-luciferase system characterized by the 2015 Peking iGEM team, our construct consists of a promoter reporter system that looks at two downstream products, C-myc and COX-2. As for community outreach, we wanted to take advantage of the fact that we live in the most metropolitan area in Japan. We did so by carrying out our project mainly in Harajuku, which is one of the most popular areas in Tokyo. As ASIJ is also central to many international communities, we’ve also promoted our project at family events held at ASIJ, as well as through our virtual pre-medical club where we were able to interact with schools around the globe.

Pictures

Design

Our design – how we planned out our experiments.

Design

Click here for more design