Difference between revisions of "Team:Harvard BioDesign/Notebook"

Line 1: Line 1:
−
@import url("font-awesome.min.css");
+
<!--
−
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,600");
+
−
 
+
−
/*
+
 
   Prologue by HTML5 UP
 
   Prologue by HTML5 UP
 
   html5up.net | @n33co
 
   html5up.net | @n33co
 
   Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 
   Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
−
*/
+
-->
 +
<html>
 +
<head>
 +
  <title>Prologue 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]-->
 +
  <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Harvard_BioDesign/CSS_Scroll0?action=raw&ctype=text/css" />
 +
  <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
 +
  <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
  
−
/* 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, 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 {
+
</head>
−
    margin: 0;
+
−
    padding: 0;
+
−
    border: 0;
+
−
    font-size: 100%;
+
−
    vertical-align: baseline;
+
−
  }
+
  
−
  li {
+
<body>
−
    margin: 0px 5px 0px 5px;
+
−
    padding: 0;
+
−
    border: 0;
+
−
    font-size: 100%;
+
−
    vertical-align: baseline;
+
−
  }
+
  
−
  article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 
−
    display: block;
 
−
  }
 
  
−
#grouppartstable {
+
   <!-- header -->
−
   margin-left: 30px;
+
    <div id="header">
−
  margin-right: 30px;
+
      <div class="inner">
−
}
+
      <div class="top">
 +
        <!-- Logo -->
 +
          <div id="logo">
 +
            <span class="harvardLogo"><a href="https://2015.igem.org/Team:Harvard_BioDesign"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:212px;height:144px;"/></a>  </span>
 +
          <!-- <h1 id="title">Harvard BioDesign 2015</h1>-->
 +
          </div><!-- #Logo -->
  
−
#groupparts table th{
+
        <!-- Nav -->
−
  background-color: #d7c483;
+
          <nav id="nav">
−
}
+
            <!--
  
−
#groupparts table td{
+
              Prologue's nav expects links in one of two formats:
−
  background-color: #e8e8e8;
+
−
}
+
  
−
#groupparts table tbody tr td a {
+
              1. Hash link (scrolls to a different section within the page)
−
  color: #505050 !important;
+
−
  /*color: #e8793b !important;*/
+
−
}
+
  
−
#content {
+
                <li><a href="#foobar" id="foobar-link" class="icon fa-whatever-icon-you-want skel-layers-ignoreHref"><span class="label">Foobar</span></a></li>
−
  width: 100vw;
+
−
  border:none;
+
−
}
+
  
 +
              2. Standard link (sends the user to another page/site)
  
−
  ol, ul {
+
                <li><a href="http://foobar.tld" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label">Foobar</span></a></li>
−
    list-style: none;
+
−
  }
+
  
−
  blockquote, q {
+
            -->
−
    quotes: none;
+
        <!-- Subsections -->
−
  }
+
</nav>
 +
</div><!--#top-->
  
−
  blockquote:before, blockquote:after, q:before, q:after {
+
      <div class="bottom">
−
    content: '';
+
<nav id="nav"> <!-- Main Menu --> <h4><div class="innertwo">Main Pages</div></h4>
−
    content: none;
+
  <ul>
−
   }
+
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project">Project</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Results">Results</a></li>
 +
  <li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices">Practices</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Team">Team</a></li>
 +
  <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li>
 +
   </ul>
 +
</nav>
  
−
  table {
 
−
    border-collapse: collapse;
 
−
    border-spacing: 0;
 
−
  }
 
  
−
  body {
 
−
    -webkit-text-size-adjust: none;
 
−
  }
 
  
−
/* Box Model */
+
        <!-- Social Icons -->
 +
          <ul class="icons">
  
−
  *, *:before, *:after {
+
            <li><a href="https://www.facebook.com/harvardigem2015" target="_blank">
−
    -moz-box-sizing: border-box;
+
                  <img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:51px;height:51px;"></a></li>
−
    -webkit-box-sizing: border-box;
+
            <li><a href="https://twitter.com/HarvardiGEM2015" target="_blank">
−
     box-sizing: border-box;
+
                  <img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:51px;height:51px;"></a></li>
−
  }
+
            <li><a href="mailto:harvardigem2015@gmail.com">
 +
                  <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li>
 +
          </ul>
 +
      </div><!--#bottom-->
 +
      </div><!--#inner-->
 +
     </div><!--#header-->
  
−
/* Notebook */
+
    <!-- Main -->
 +
      <div id="main">
  
−
.inner-container {
+
        <!-- Intro -->
−
  margin-top: 100px;
+
          <section id="top" class="one dark cover">
−
  margin-right: 15%;
+
            <div class="container">
−
  margin-left: 15%;
+
−
  text-align: left;
+
−
}
+
  
−
.noterow {
+
              <header>
−
  margin-left: -20px;
+
    <img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png"/>
−
  margin-right: -20px;
+
                <h2 class="alt">Our <strong>2015 Lab Notebook</strong>!<br /></h2>
−
}
+
              </header>
  
−
.col-md-12 {
+
<div class="inner-container" >
−
  position: relative;
+
−
  min-height: 1px;
+
−
  padding-left: 15px;
+
−
  padding-right: 15px;
+
−
}
+
  
−
.entry {
 
−
    border-left-style: solid;
 
−
    border-color: #639FAB;
 
−
    border-width: 2px;
 
−
    margin: 0px;
 
−
    padding: 10px 0 0 25px;
 
−
    position: relative;
 
−
    z-index: 0;
 
−
}
 
  
 +
<!-- JOURNAL (not mobiles) -->
  
 +
<div class="noterow" id="nonmobilejournal">
 +
<div class = "col-md-12">
  
−
/* Containers */
 
  
−
  .container {
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/a/a3/Aalto-Helsinki_collage_9.jpg" /></div>
−
    margin-left: auto;
+
−
    margin-right: auto;
+
−
  }
+
  
−
  .container.\31 25\25 {
+
<!-- September below -->
−
    width: 100%;
+
−
    max-width: 1750px;
+
−
    min-width: 1400px;
+
−
  }
+
  
−
  .container.\37 5\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">24th-28th</h2>
−
    width: 1050px;
+
<p class="entrytext">Giant iGEM jamboree!</p></div>
−
  }
+
  
−
  .container.\35 0\25 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">16th</h2>
−
    width: 700px;
+
<p class="entrytext">Talked about synthetic biology, iGEM, and our project to students and researchers in the University of Turku.</p></div>
−
  }
+
  
−
  .container.\32 5\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">11th</h2>
−
    width: 350px;
+
<p class="entrytext">Our team <a href="http://areena.yle.fi/1-2923572">featured</a> on the Finnish National Radio!</p></div>
−
  }
+
  
−
  .container {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">10th</h2>
−
    width: 1400px;
+
<p class="entrytext">Our team got the official patches!</p></div>
−
  }
+
  
−
  @media screen and (min-width: 961px) and (max-width: 1880px) {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">9th</h2>
 +
<p class="entrytext">Talked about synthetic biology, iGEM, and our project to students and researchers in Tampere University of Technology.</p></div>
  
−
    .container.\31 25\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">8th</h2>
−
      width: 100%;
+
<p class="entrytext">Team hoodies arrived.</p></div>
−
      max-width: 1500px;
+
−
      min-width: 1200px;
+
−
    }
+
  
−
    .container.\37 5\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">7th</h2>
−
      width: 900px;
+
<p class="entrytext">Our team was interviewed for radio!</p></div>
−
    }
+
  
−
    .container.\35 0\25 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">5th</h2>
−
      width: 600px;
+
<p class="entrytext">Science picnic in Helsinki city centre! We held a small talk and workshops for the whole family.</p></div>
−
    }
+
  
−
    .container.\32 5\25 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">4th</h2>
−
      width: 300px;
+
<p class="entrytext">First practice session for our Giant Jamboree presentation!</p></div>
−
    }
+
  
−
    .container {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">1st</h2>
−
      width: 1200px;
+
<p class="entrytext">StoraEnso agreed on sponsoring us!</p></div>
−
    }
+
  
−
  }
 
  
−
  @media screen and (min-width: 961px) and (max-width: 1620px) {
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/5/5b/Aalto-Helsinki_collage_8.jpg" /></div>
  
−
    .container.\31 25\25 {
+
<div class="month" ><img class="monthlogo" src ="https://static.igem.org/mediawiki/2015/4/45/Aalto-Helsinki_timeline_SEP.png"></img></div>
−
      width: 100%;
+
<!-- September above -->
−
      max-width: 1200px;
+
−
      min-width: 960px;
+
−
    }
+
  
−
    .container.\37 5\25 {
 
−
      width: 720px;
 
−
    }
 
  
−
    .container.\35 0\25 {
+
<!-- August below -->
−
      width: 480px;
+
−
    }
+
  
−
    .container.\32 5\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">26th</h2>
−
      width: 240px;
+
<p class="entrytext">LAL -  the Finnish Union of Experts in Science agreed to sponsor us!</p></div>
−
    }
+
  
−
    .container {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">26th</h2>
−
      width: 960px;
+
<p class="entrytext">The Faculty of Agriculture and Forestry joined our sponsors!</p></div>
−
    }
+
  
−
  }
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">21st</h2>
 +
<p class="entrytext">Sent our GFP brick to Slovenia for validation</p></div>
  
−
  @media screen and (min-width: 961px) and (max-width: 1320px) {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">20th</h2>
 +
<p class="entrytext">First sequencing results!</p></div>
  
−
    .container.\31 25\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">19th</h2>
−
      width: 100%;
+
<p class="entrytext">Ordered the team hoodies.</p></div>
−
      max-width: 125%;
+
−
      min-width: 100%;
+
−
    }
+
  
−
    .container.\37 5\25 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">13th</h2>
−
      width: 75%;
+
<p class="entrytext">Two more BioBricks-to-be sent for sequencing to the Institute of Molecular Medicine Finland!</p></div>
−
    }
+
  
−
    .container.\35 0\25 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">11th</h2>
−
      width: 50%;
+
<p class="entrytext">Met with Tarja Knuuttila's group from the University and discussed our human practices project.</p></div>
−
    }
+
  
−
    .container.\32 5\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">7th</h2>
−
      width: 25%;
+
<p class="entrytext">Ordered sequencing for our first construct from Institute of Molecular Medicine Finland.</p></div>
−
    }
+
  
−
    .container {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">6th</h2>
−
      width: 100%;
+
<p class="entrytext">Talked about iGEM to Finnish Biology Olympiad candidates.</p></div>
−
    }
+
  
−
  }
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">5th</h2>
 +
<p class="entrytext">Attempted Gibson Assembly method first time for the gene parts. The results are very promising!</p></div>
  
−
  @media screen and (max-width: 960px) {
 
  
−
    .container.\31 25\25 {
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/5/59/Aalto-Helsinki_collage_7.jpg" /></div>
−
      width: 100%;
+
−
      max-width: 125%;
+
−
      min-width: 100%;
+
−
    }
+
  
−
    .container.\37 5\25 {
+
<div class="month" ><img class="monthlogo" src ="https://static.igem.org/mediawiki/2015/e/e5/Aalto-Helsinki_timeline_AUG.png"></img></div>
−
      width: 75%;
+
<!-- August above -->
−
    }
+
  
−
    .container.\35 0\25 {
 
−
      width: 50%;
 
−
    }
 
  
−
    .container.\32 5\25 {
+
<!-- July below -->
−
      width: 25%;
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">29th</h2>
−
    }
+
<p class="entrytext">Micelle model ready!</p></div>
  
−
    .container {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">24-26th</h2>
−
      width: 100%;
+
<p class="entrytext">Nordic iGEM Conference in Uppsala organized by <a href="https://2015.igem.org/Team:Uppsala">iGEM Uppsala</a>! and <a href="https://2015.igem.org/Team:Stockholm">iGEM Stockholm</a>!</p></div>
−
    }
+
−
  }
+
  
−
#top_menu_inside #bars_item {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">23th</h2>
−
left:100%;
+
<p class="entrytext">Rehearsing the presentation for Uppsala.</p></div>
−
}
+
  
−
#top_menu_inside #user_item {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">23th</h2>
−
margin-right:10%;
+
<p class="entrytext"><a href="https://www.helsinki.fi/fi/uutiset/opiskelijat-kehittavat-biopolttoainetta-kansainvalisessa-kilpailussa">An article</a> published about us on the University of Helsinki's website</p></div>
−
}
+
  
−
#top_menu_inside {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">22nd</h2>
−
width:80%;
+
<p class="entrytext">Ordered third plasmid pCDFDuet-1 from Merck Life Science. The plasmid is needed to combine cellulase and propane pathways into the same bacteria.</p></div>
−
}
+
  
−
/*
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">22nd</h2>
−
  #top_menu_14 {
+
<p class="entrytext">Stora Enso became a sponsor!</p></div>
−
    background-color: transparent;
+
−
    color: transparent;
+
−
    border-bottom: none;}
+
  
−
  #top_menu_14:hover {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">20th</h2>
−
    background-color: #383838;
+
<p class="entrytext">AYY joined our partners!</p></div>
−
  }
+
  
−
  #top_menu_inside {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">17th</h2>
−
    border: none;
+
<p class="entrytext">Modeling team was given the challenge of modeling micelle formation.</p></div>
−
min-width: 360px;
+
−
    opacity: 1;
+
−
  }
+
  
−
  #top_menu_under{
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">15th</h2>
−
    border: none;
+
<p class="entrytext">Preliminary results of bottlenecks in our pathway!</p></div>
−
  }
+
  
 +
<div class="entry"><img class="entrylogo" ></img><h2 class="day">14th</h2>
 +
<p class="entrytext">Our first gBlocks have arrived from <a href="http://www.idtdna.com">IDT</a>!</p></div>
  
−
  #top_menu_inside:hover {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">13th</h2>
−
    opacity: 0;
+
<p class="entrytext">Our labteam figured our why our practice project didn't produce the protein we wanted - the promoter was inserted wrong.</p></div>
−
  }*/
+
  
−
  /*Removes Wiki default template*/
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">10th</h2>
−
  contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo, .printfooter {
+
<p class="entrytext">Met with Tarja Knuuttila and her students to discuss our human practices aspects.</p></div>
−
    display:none;
+
−
  }
+
  
−
  @media screen and (max-width: 736px) {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">9th</h2>
 +
<p class="entrytext">Skype meeting with <a href="https://2015.igem.org/Team:Stockholm">iGEM Stockholm</a>. Discussed our collaboration and the upcoming Nordic iGEM Conference!</p></div>
  
−
    .container.\31 25\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">8th</h2>
−
      width: 100%;
+
<p class="entrytext">Skype meeting about collaboration with <a href="https://2015.igem.org/Team:Slovenia_HS">Slovenia HS</a>.</p></div>
−
      max-width: 125%;
+
−
      min-width: 100%;
+
−
    }
+
  
−
    .container.\37 5\25 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">7th</h2>
−
      width: 75%;
+
<p class="entrytext">Started to build the model of the cellulose pathway. Had also discussion about modeling with <a href="https://2015.igem.org/Team:Dundee">iGEM Dundee</a>.</p></div>
−
    }
+
  
−
    .container.\35 0\25 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">6th</h2>
−
      width: 50%;
+
<p class="entrytext">Modeling of propane pathway went a huge leap forward when many of the much-needed constants were finally found!</p></div>
−
    }
+
  
−
    .container.\32 5\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">2nd</h2>
−
      width: 25%;
+
<p class="entrytext">Our first PCR reaction towards Gibson Assembly has been successful!</p></div>
−
    }
+
  
−
    .container {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">1st</h2>
−
      width: 100% !important;
+
<p class="entrytext">Modeling team had a meeting with Elena Czeizler from Aalto University's department of computer science. We also had a Skype meeting with <a href="https://2015.igem.org/Team:Edinburgh">Edinburgh team</a>.</p></div>
−
    }
+
  
−
  }
 
  
−
/* Grid */
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/f/f6/Aalto-Helsinki_collage_6.jpg" /></div>
  
−
  .row {
+
<div class="month" ><img class="monthlogo" src ="https://static.igem.org/mediawiki/2015/e/e7/Aalto-Helsinki_timeline_JUL.png"></img></div>
−
    border-bottom: solid 1px transparent;
+
<!-- July above -->
−
    -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 {
+
<!-- June below -->
−
    content: '';
+
−
    display: block;
+
−
    clear: both;
+
−
    height: 0;
+
−
  }
+
  
−
  .row.uniform > * > :first-child {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">29th</h2>
−
    margin-top: 0;
+
<p class="entrytext">Mascot is ready!</p></div>
−
  }
+
  
−
  .row.uniform > * > :last-child {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">27th</h2>
−
    margin-bottom: 0;
+
<p class="entrytext">Ratekoulutus joined our group of sponsors!</p></div>
−
  }
+
  
−
  .row.\30 \25 > * {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">26th</h2>
−
    padding: 0px 0 0 0px;
+
<p class="entrytext">Ordered needed sequences to begin with Gibson Assembly</p></div>
−
  }
+
  
−
  .row.\30 \25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">26th</h2>
−
    margin: 0px 0 -1px 0px;
+
<p class="entrytext">Created constructs for Interlab measurement study</p></div>
−
  }
+
  
−
  .row.uniform.\30 \25 > * {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">25th</h2>
−
    padding: 0px 0 0 0px;
+
<p class="entrytext">Discussion with Anja Martinez from Thermo Fisher Scientific. She was helping us with some sequences which were too complex to be traditionally synthesized.</p></div>
−
  }
+
  
−
  .row.uniform.\30 \25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">24th</h2>
−
    margin: 0px 0 -1px 0px;
+
<p class="entrytext">Took part to IDT webinar on gBlocks</p></div>
−
  }
+
  
−
  .row > * {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">22nd</h2>
−
    padding: 40px 0 0 40px;
+
<p class="entrytext">Particle model about synergy ready!</p></div>
−
  }
+
  
−
  .row {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">17th</h2>
−
    margin: -40px 0 -1px -40px;
+
<p class="entrytext">Registered to iGEM Interlab measurement study. The goal of the study is to obtain fluorescence data for three genetic devices with the same protocols from teams all around the world.</p></div>
−
  }
+
  
−
  .row.uniform > * {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">12th</h2>
−
    padding: 40px 0 0 40px;
+
<p class="entrytext">Finished planning primers for PCR and sequences for synthesis services ordered from Genescript, who is supporting us with those! The first versions of our gene constructs are also ready.</p></div>
−
  }
+
  
−
  .row.uniform {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">10th</h2>
−
    margin: -40px 0 -1px -40px;
+
<p class="entrytext">Kemianteollisuus is going to sponsor us!</p></div>
−
  }
+
  
−
  .row.\32 00\25 > * {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">9th</h2>
−
    padding: 80px 0 0 80px;
+
<p class="entrytext">Started to work with our wiki.</p></div>
−
  }
+
  
−
  .row.\32 00\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">9th</h2>
−
    margin: -80px 0 -1px -80px;
+
<p class="entrytext">Lab safety training given by our instructor Heli Viskari</p></div>
−
  }
+
  
−
  .row.uniform.\32 00\25 > * {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">5th</h2>
−
    padding: 80px 0 0 80px;
+
<p class="entrytext">Learning how to pitch at Startup Sauna Demo Day </p></div>
−
  }
+
  
−
  .row.uniform.\32 00\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">4th</h2>
−
    margin: -80px 0 -1px -80px;
+
<p class="entrytext">Learning about modelling. Merja Oja advised us about this. </p></div>
−
  }
+
  
−
  .row.\31 50\25 > * {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">1st</h2>
−
    padding: 60px 0 0 60px;
+
<p class="entrytext">Presenting our research idea to the Department’s research group in their monthly meeting. </p></div>
−
  }
+
  
−
  .row.\31 50\25 {
 
−
    margin: -60px 0 -1px -60px;
 
−
  }
 
  
−
  .row.uniform.\31 50\25 > * {
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/2/2c/Aalto-Helsinki_collage_5.jpg" /></div>
−
    padding: 60px 0 0 60px;
+
−
  }
+
  
−
  .row.uniform.\31 50\25 {
+
<div class="month" ><img class="monthlogo" src ="https://static.igem.org/mediawiki/2015/0/0e/Aalto-Helsinki_timeline_JUN.png"></img></div>
−
    margin: -60px 0 -1px -60px;
+
<!-- June above -->
−
  }
+
  
−
  .row.\35 0\25 > * {
 
−
    padding: 20px 0 0 20px;
 
−
  }
 
  
−
  .row.\35 0\25 {
+
<!-- May below -->
−
    margin: -20px 0 -1px -20px;
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">28th</h2>
−
  }
+
<p class="entrytext">The modeling of our reaction pathway has started. </p></div>
  
−
  .row.uniform.\35 0\25 > * {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">27th</h2>
−
    padding: 20px 0 0 20px;
+
<p class="entrytext">Meeting with yeast expert Jussi Jäntti. We discussed the possibility of using yeast as a chassis organism and other approaches to propane production with researcher Jussi Jäntti from VTT Technical Research Center of Finland.</p></div>
−
  }
+
  
−
  .row.uniform.\35 0\25 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">26th</h2>
−
    margin: -20px 0 -1px -20px;
+
<p class="entrytext">Discussion with Merja Penttilä. We talked about our ideas and different ways to approach the theme of propane production with the coordinator of the synthetic biology programme Living Factories. </p></div>
−
  }
+
  
−
  .row.\32 5\25 > * {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">25th</h2>
−
    padding: 10px 0 0 10px;
+
<p class="entrytext">Webpage ready! The web page is now coded and ready to be used. Some of our members learned a bunch of new stuff of html. </p></div>
−
  }
+
  
−
  .row.\32 5\25 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">22nd</h2>
−
    margin: -10px 0 -1px -10px;
+
<p class="entrytext">Learning to build plasmid maps. Our team member Anna showed everyone how to build plasmid maps. </p></div>
−
  }
+
  
−
  .row.uniform.\32 5\25 > * {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">21st</h2>
−
    padding: 10px 0 0 10px;
+
<p class="entrytext">IBC Finland announced that they will sponsor us. </p></div>
−
  }
+
  
−
  .row.uniform.\32 5\25 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">19th</h2>
−
    margin: -10px 0 -1px -10px;
+
<p class="entrytext">First day in lab </p></div>
−
  }
+
  
−
  .\31 2u, .\31 2u\24 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">18th</h2>
−
    width: 100%;
+
<p class="entrytext">High school presentation at “Magpie Island”. Telling about iGEM to students from Mäkelänrinne Sports High School. </p></div>
−
    clear: none;
+
−
    margin-left: 0;
+
−
  }
+
  
−
  .\31 1u, .\31 1u\24 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">14th</h2>
−
    width: 91.6666666667%;
+
<p class="entrytext">Propane production in bacteria has been decided as our research topic.</p></div>
−
    clear: none;
+
−
    margin-left: 0;
+
−
  }
+
  
−
  .\31 0u, .\31 0u\24 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">11th</h2>
−
    width: 83.3333333333%;
+
<p class="entrytext">Meeting with our Instructor Heli and a quick tour in the lab.</p></div>
−
    clear: none;
+
−
    margin-left: 0;
+
−
  }
+
  
−
  .\39 u, .\39 u\24 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">5th</h2>
−
    width: 75%;
+
<p class="entrytext">Professor meeting with Olli Ikkala. What does learning mean? How do machines and bacteria learn? How could we approach learning through synthetic biology? </p></div>
−
    clear: none;
+
−
    margin-left: 0;
+
−
  }
+
  
−
  .\38 u, .\38 u\24 {
 
−
    width: 66.6666666667%;
 
−
    clear: none;
 
−
    margin-left: 0;
 
−
  }
 
  
−
  .\37 u, .\37 u\24 {
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/f/ff/Aalto-Helsinki_collage_4.jpg" /></div>
−
    width: 58.3333333333%;
+
−
    clear: none;
+
−
    margin-left: 0;
+
−
  }
+
  
−
  .\36 u, .\36 u\24 {
+
<div class="month" ><img class="monthlogo" src ="https://static.igem.org/mediawiki/2015/a/a0/Aalto-Helsinki_timeline_MAY.png"</img></div>
−
    width: 50%;
+
<!-- May above  -->
−
    clear: none;
+
−
    margin-left: 0;
+
−
  }
+
  
−
  .\35 u, .\35 u\24 {
 
−
    width: 41.6666666667%;
 
−
    clear: none;
 
−
    margin-left: 0;
 
−
  }
 
  
−
  .\34 u, .\34 u\24 {
+
<!-- April below -->
−
    width: 33.3333333333%;
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">29th</h2>
−
    clear: none;
+
<p class="entrytext">Meeting with the Aalto University School of Chemical Technology. Meeting Janne Laine, the Dean of Aalto School of Chemical Technology was at least as encouraging as the meeting with School of Science we had had a week ago. </p></div>
−
    margin-left: 0;
+
−
  }
+
  
−
  .\33 u, .\33 u\24 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">23th</h2>
−
    width: 25%;
+
<p class="entrytext">Student Union of the University of Helsinki (HYY) is our first sponsor! </p></div>
−
    clear: none;
+
−
    margin-left: 0;
+
−
  }
+
  
−
  .\32 u, .\32 u\24 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">21st</h2>
−
    width: 16.6666666667%;
+
<p class="entrytext">Meeting with the Aalto University School of Science. We met with Risto Nieminen, the Dean of Aalto School of Science. He was really excited about our project and seemed happy to help us. This made us even more excited and happy about our project! </p></div>
−
    clear: none;
+
−
    margin-left: 0;
+
−
  }
+
  
−
  .\31 u, .\31 u\24 {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">16th</h2>
−
    width: 8.3333333333%;
+
<p class="entrytext">iGEM 2015 distribution arrived! The package including BioBricks, linearized backbones, kits, stickers and pins arrived from iGEM headquarters. </p></div>
−
    clear: none;
+
−
    margin-left: 0;
+
−
  }
+
  
−
  .\31 2u\24 + *,
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">16th</h2>
−
  .\31 1u\24 + *,
+
<p class="entrytext">Meeting at the University of Helsinki. We met with rector Jukka Kola, the head of the University of Helsinki and Keijo Hämäläinen, vice-rector in charge of research and education. It was really exciting and encouraging to hear that the University is supporting us. </p></div>
−
  .\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 {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">1st</h2>
−
    margin-left: 91.66667%;
+
<p class="entrytext">First skype meeting with iGEM Pasteur. Collaboration with <a href="https://2015.igem.org/Team:Pasteur_Paris">Pasteur iGEM team</a> from Paris started with a Skype meeting.</p></div>
−
  }
+
  
−
  .\-10u {
 
−
    margin-left: 83.33333%;
 
−
  }
 
  
−
  .\-9u {
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/0/06/Aalto-Helsinki_collage_3.jpg" /></div>
−
    margin-left: 75%;
+
−
  }
+
  
−
  .\-8u {
+
<div class="month" ><img class="monthlogo" src ="https://static.igem.org/mediawiki/2015/8/83/Aalto-Helsinki_timeline_APR.png"</img></div>
−
    margin-left: 66.66667%;
+
<!-- April above -->
−
  }
+
  
−
  .\-7u {
 
−
    margin-left: 58.33333%;
 
−
  }
 
  
−
  .\-6u {
+
<!-- March below -->
−
    margin-left: 50%;
+
<div class="entry"><img class="entrylogobig"  ></img><h2 class="day">25th</h2>
−
  }
+
<p class="entrytext">Brainstorming. We met for this purpose for several times during the spring. Outside the meetings, we researched the various ideas we had come up with and browsed through what the teams from previous years had done and what had been done outside iGEM. </p></div>
  
−
  .\-5u {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">22nd</h2>
−
    margin-left: 41.66667%;
+
<p class="entrytext">First skype with the <a href="https://2015.igem.org/Team:Stockholm">Stockholm iGEM team</a>. Last year's team was also present to discuss the practical issues with starting an iGEM team from scratch. </p></div>
−
  }
+
  
−
  .\-4u {
+
<div class="entry"><img class="entrylogobig"  ></img><h2 class="day">19th</h2>
−
    margin-left: 33.33333%;
+
<p class="entrytext">The first meeting of the 2015 team. Some had already met before, some of us met each other for the first time ever. A couple of team members from the 2014 team and our Advisor Markus were also present.</p></div>
−
  }
+
  
−
  .\-3u {
+
<div class="entry"><img class="entrylogobig" ></img><h2 class="day">14th</h2>
−
    margin-left: 25%;
+
<p class="entrytext">First anniversary of iGEM Aalto-Helsinki! On March 14th 2014 the first ever Finnish iGEM team met for the first time.</p></div>
−
  }
+
  
−
  .\-2u {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">11th</h2>
−
    margin-left: 16.66667%;
+
<p class="entrytext">The new team members were chosen by the 2014 team.</p></div>
−
  }
+
  
−
  .\-1u {
 
−
    margin-left: 8.33333%;
 
−
  }
 
  
−
  @media screen and (min-width: 961px) and (max-width: 1880px) {
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">3-6th</h2>
 +
<p class="entrytext">Interviews held. More than 30 candidates were interviewed for the Aalto-Helsinki 2015 team by 2014 team members.</p></div>
  
−
    .row > * {
 
−
      padding: 40px 0 0 40px;
 
−
    }
 
  
−
    .row {
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/7/76/Aalto-Helsinki_collage_2.jpg" /></div>
−
      margin: -40px 0 -1px -40px;
+
−
    }
+
  
−
    .row.uniform > * {
+
<div class="month" ><img class="monthlogo" src ="https://static.igem.org/mediawiki/2015/0/0c/Aalto-Helsinki_timeline_MAR.png"</img></div>
−
      padding: 40px 0 0 40px;
+
<!-- March above -->
−
    }
+
  
−
    .row.uniform {
 
−
      margin: -40px 0 -1px -40px;
 
−
    }
 
  
−
    .row.\32 00\25 > * {
 
−
      padding: 80px 0 0 80px;
 
−
    }
 
  
−
    .row.\32 00\25 {
+
<!-- february below  -->
−
      margin: -80px 0 -1px -80px;
+
<div class="entry"><img class="entrylogo" ></img><h2 class="day">28th</h2>
−
    }
+
<p class="entrytext">Application period for the 2015 team closed.</p></div>
  
−
    .row.uniform.\32 00\25 > * {
 
−
      padding: 80px 0 0 80px;
 
−
    }
 
  
−
    .row.uniform.\32 00\25 {
+
<div class="entry"><img style="width:100%;" src="https://static.igem.org/mediawiki/2015/8/88/Aalto-Helsinki_collage_1.jpg" /></div>
−
      margin: -80px 0 -1px -80px;
+
−
    }
+
  
−
    .row.\31 50\25 > * {
+
<div class="month" ><img  class="monthlogo" src ="https://static.igem.org/mediawiki/2015/8/81/Aalto-Helsinki_timeline_FEB.png"</img></div>
−
      padding: 60px 0 0 60px;
+
<!-- February above  -->
−
    }
+
  
−
    .row.\31 50\25 {
 
−
      margin: -60px 0 -1px -60px;
 
−
    }
 
  
−
    .row.uniform.\31 50\25 > * {
+
<!-- Ending of left column-->
−
      padding: 60px 0 0 60px;
+
</div>
−
    }
+
</div>
 +
</div> <!--Intro-->
 +
</section>
  
−
    .row.uniform.\31 50\25 {
+
<section id="notes" class="two">
−
      margin: -60px 0 -1px -60px;
+
<div class="container">
−
    }
+
  
−
    .row.\35 0\25 > * {
+
</div></section>
−
      padding: 20px 0 0 20px;
+
−
    }
+
  
−
    .row.\35 0\25 {
+
<!-- Footer -->
−
      margin: -20px 0 -1px -20px;
+
  <div id="footer">
−
    }
+
  
−
    .row.uniform.\35 0\25 > * {
+
  <ul class="copyright">
−
      padding: 20px 0 0 20px;
+
      <li><a href="https://static.igem.org/mediawiki/2015/c/ce/Harvard2015SiteMap.png" target="_blank">Site Map</a></li><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li>
−
    }
+
      </ul>
  
−
    .row.uniform.\35 0\25 {
+
  </div> <!--Footer-->
−
      margin: -20px 0 -1px -20px;
+
</div> <!--Main-->
−
    }
+
  
−
    .row.\32 5\25 > * {
+
<!-- Scripts -->
−
      padding: 10px 0 0 10px;
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll1?action=raw&ctype=text/javascript"></script>
−
    }
+
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll2?action=raw&ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll3?action=raw&ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll4?action=raw&ctype=text/javascript"></script>
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll5?action=raw&ctype=text/javascript"></script>
 +
  <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
 +
  <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll0?action=raw&ctype=text/javascript"></script>
  
−
    .row.\32 5\25 {
+
<!-- Script for entrylogos -->
−
      margin: -10px 0 -1px -10px;
+
<script>
−
    }
+
  
−
    .row.uniform.\32 5\25 > * {
+
var elems = document.getElementsByClassName("entrylogo");
−
      padding: 10px 0 0 10px;
+
for (var i = 0; i < elems.length; i+= 1) {
−
    }
+
    elems[i].src = "https://static.igem.org/mediawiki/2015/5/56/Aalto-Helsinki_timeline_box_10pt.png";
 +
}
  
−
    .row.uniform.\32 5\25 {
+
var elems = document.getElementsByClassName("entrylogobig");
−
      margin: -10px 0 -1px -10px;
+
for (var i = 0; i < elems.length; i+= 1) {
−
    }
+
     elems[i].src = "https://static.igem.org/mediawiki/2015/4/49/Aalto-Helsinki_timeline_double_box_17pt.png";
−
 
+
}
−
    .\31 2u\28wide\29, .\31 2u\24\28wide\29 {
+
</script>
−
      width: 100%;
+
</body>
−
      clear: none;
+
</html>
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 1u\28wide\29, .\31 1u\24\28wide\29 {
+
−
      width: 91.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 0u\28wide\29, .\31 0u\24\28wide\29 {
+
−
      width: 83.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\39 u\28wide\29, .\39 u\24\28wide\29 {
+
−
      width: 75%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\38 u\28wide\29, .\38 u\24\28wide\29 {
+
−
      width: 66.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\37 u\28wide\29, .\37 u\24\28wide\29 {
+
−
      width: 58.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\36 u\28wide\29, .\36 u\24\28wide\29 {
+
−
      width: 50%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\35 u\28wide\29, .\35 u\24\28wide\29 {
+
−
      width: 41.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\34 u\28wide\29, .\34 u\24\28wide\29 {
+
−
      width: 33.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\33 u\28wide\29, .\33 u\24\28wide\29 {
+
−
      width: 25%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\32 u\28wide\29, .\32 u\24\28wide\29 {
+
−
      width: 16.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 u\28wide\29, .\31 u\24\28wide\29 {
+
−
      width: 8.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 2u\24\28wide\29 + *,
+
−
    .\31 1u\24\28wide\29 + *,
+
−
    .\31 0u\24\28wide\29 + *,
+
−
    .\39 u\24\28wide\29 + *,
+
−
    .\38 u\24\28wide\29 + *,
+
−
    .\37 u\24\28wide\29 + *,
+
−
    .\36 u\24\28wide\29 + *,
+
−
    .\35 u\24\28wide\29 + *,
+
−
    .\34 u\24\28wide\29 + *,
+
−
    .\33 u\24\28wide\29 + *,
+
−
    .\32 u\24\28wide\29 + *,
+
−
    .\31 u\24\28wide\29 + * {
+
−
      clear: left;
+
−
    }
+
−
 
+
−
    .\-11u\28wide\29 {
+
−
      margin-left: 91.66667%;
+
−
    }
+
−
 
+
−
    .\-10u\28wide\29 {
+
−
      margin-left: 83.33333%;
+
−
    }
+
−
 
+
−
    .\-9u\28wide\29 {
+
−
      margin-left: 75%;
+
−
    }
+
−
 
+
−
    .\-8u\28wide\29 {
+
−
      margin-left: 66.66667%;
+
−
    }
+
−
 
+
−
    .\-7u\28wide\29 {
+
−
      margin-left: 58.33333%;
+
−
    }
+
−
 
+
−
    .\-6u\28wide\29 {
+
−
      margin-left: 50%;
+
−
    }
+
−
 
+
−
    .\-5u\28wide\29 {
+
−
      margin-left: 41.66667%;
+
−
    }
+
−
 
+
−
    .\-4u\28wide\29 {
+
−
      margin-left: 33.33333%;
+
−
    }
+
−
 
+
−
    .\-3u\28wide\29 {
+
−
      margin-left: 25%;
+
−
    }
+
−
 
+
−
    .\-2u\28wide\29 {
+
−
      margin-left: 16.66667%;
+
−
    }
+
−
 
+
−
    .\-1u\28wide\29 {
+
−
      margin-left: 8.33333%;
+
−
    }
+
−
 
+
−
  }
+
−
 
+
−
  @media screen and (min-width: 961px) and (max-width: 1620px) {
+
−
 
+
−
    .row > * {
+
−
      padding: 40px 0 0 40px;
+
−
    }
+
−
 
+
−
    .row {
+
−
      margin: -40px 0 -1px -40px;
+
−
    }
+
−
 
+
−
    .row.uniform > * {
+
−
      padding: 40px 0 0 40px;
+
−
    }
+
−
 
+
−
    .row.uniform {
+
−
      margin: -40px 0 -1px -40px;
+
−
    }
+
−
 
+
−
    .row.\32 00\25 > * {
+
−
      padding: 80px 0 0 80px;
+
−
    }
+
−
 
+
−
    .row.\32 00\25 {
+
−
      margin: -80px 0 -1px -80px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 00\25 > * {
+
−
      padding: 80px 0 0 80px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 00\25 {
+
−
      margin: -80px 0 -1px -80px;
+
−
    }
+
−
 
+
−
    .row.\31 50\25 > * {
+
−
      padding: 60px 0 0 60px;
+
−
    }
+
−
 
+
−
    .row.\31 50\25 {
+
−
      margin: -60px 0 -1px -60px;
+
−
    }
+
−
 
+
−
    .row.uniform.\31 50\25 > * {
+
−
      padding: 60px 0 0 60px;
+
−
    }
+
−
 
+
−
    .row.uniform.\31 50\25 {
+
−
      margin: -60px 0 -1px -60px;
+
−
    }
+
−
 
+
−
    .row.\35 0\25 > * {
+
−
      padding: 20px 0 0 20px;
+
−
    }
+
−
 
+
−
    .row.\35 0\25 {
+
−
      margin: -20px 0 -1px -20px;
+
−
    }
+
−
 
+
−
    .row.uniform.\35 0\25 > * {
+
−
      padding: 20px 0 0 20px;
+
−
    }
+
−
 
+
−
    .row.uniform.\35 0\25 {
+
−
      margin: -20px 0 -1px -20px;
+
−
    }
+
−
 
+
−
    .row.\32 5\25 > * {
+
−
      padding: 10px 0 0 10px;
+
−
    }
+
−
 
+
−
    .row.\32 5\25 {
+
−
      margin: -10px 0 -1px -10px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 5\25 > * {
+
−
      padding: 10px 0 0 10px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 5\25 {
+
−
      margin: -10px 0 -1px -10px;
+
−
    }
+
−
 
+
−
    .\31 2u\28normal\29, .\31 2u\24\28normal\29 {
+
−
      width: 100%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 1u\28normal\29, .\31 1u\24\28normal\29 {
+
−
      width: 91.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 0u\28normal\29, .\31 0u\24\28normal\29 {
+
−
      width: 83.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\39 u\28normal\29, .\39 u\24\28normal\29 {
+
−
      width: 75%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\38 u\28normal\29, .\38 u\24\28normal\29 {
+
−
      width: 66.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\37 u\28normal\29, .\37 u\24\28normal\29 {
+
−
      width: 58.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\36 u\28normal\29, .\36 u\24\28normal\29 {
+
−
      width: 50%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\35 u\28normal\29, .\35 u\24\28normal\29 {
+
−
      width: 41.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\34 u\28normal\29, .\34 u\24\28normal\29 {
+
−
      width: 33.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\33 u\28normal\29, .\33 u\24\28normal\29 {
+
−
      width: 25%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\32 u\28normal\29, .\32 u\24\28normal\29 {
+
−
      width: 16.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 u\28normal\29, .\31 u\24\28normal\29 {
+
−
      width: 8.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 2u\24\28normal\29 + *,
+
−
    .\31 1u\24\28normal\29 + *,
+
−
    .\31 0u\24\28normal\29 + *,
+
−
    .\39 u\24\28normal\29 + *,
+
−
    .\38 u\24\28normal\29 + *,
+
−
    .\37 u\24\28normal\29 + *,
+
−
    .\36 u\24\28normal\29 + *,
+
−
    .\35 u\24\28normal\29 + *,
+
−
    .\34 u\24\28normal\29 + *,
+
−
    .\33 u\24\28normal\29 + *,
+
−
    .\32 u\24\28normal\29 + *,
+
−
    .\31 u\24\28normal\29 + * {
+
−
      clear: left;
+
−
    }
+
−
 
+
−
    .\-11u\28normal\29 {
+
−
      margin-left: 91.66667%;
+
−
    }
+
−
 
+
−
    .\-10u\28normal\29 {
+
−
      margin-left: 83.33333%;
+
−
    }
+
−
 
+
−
    .\-9u\28normal\29 {
+
−
      margin-left: 75%;
+
−
    }
+
−
 
+
−
    .\-8u\28normal\29 {
+
−
      margin-left: 66.66667%;
+
−
    }
+
−
 
+
−
    .\-7u\28normal\29 {
+
−
      margin-left: 58.33333%;
+
−
    }
+
−
 
+
−
    .\-6u\28normal\29 {
+
−
      margin-left: 50%;
+
−
    }
+
−
 
+
−
    .\-5u\28normal\29 {
+
−
      margin-left: 41.66667%;
+
−
    }
+
−
 
+
−
    .\-4u\28normal\29 {
+
−
      margin-left: 33.33333%;
+
−
    }
+
−
 
+
−
    .\-3u\28normal\29 {
+
−
      margin-left: 25%;
+
−
    }
+
−
 
+
−
    .\-2u\28normal\29 {
+
−
      margin-left: 16.66667%;
+
−
    }
+
−
 
+
−
    .\-1u\28normal\29 {
+
−
      margin-left: 8.33333%;
+
−
    }
+
−
 
+
−
  }
+
−
 
+
−
  @media screen and (min-width: 961px) and (max-width: 1320px) {
+
−
 
+
−
    .row > * {
+
−
      padding: 20px 0 0 20px;
+
−
    }
+
−
 
+
−
    .row {
+
−
      margin: -20px 0 -1px -20px;
+
−
    }
+
−
 
+
−
    .row.uniform > * {
+
−
      padding: 20px 0 0 20px;
+
−
    }
+
−
 
+
−
    .row.uniform {
+
−
      margin: -20px 0 -1px -20px;
+
−
    }
+
−
 
+
−
    .row.\32 00\25 > * {
+
−
      padding: 40px 0 0 40px;
+
−
    }
+
−
 
+
−
    .row.\32 00\25 {
+
−
      margin: -40px 0 -1px -40px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 00\25 > * {
+
−
      padding: 40px 0 0 40px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 00\25 {
+
−
      margin: -40px 0 -1px -40px;
+
−
    }
+
−
 
+
−
    .row.\31 50\25 > * {
+
−
      padding: 30px 0 0 30px;
+
−
    }
+
−
 
+
−
    .row.\31 50\25 {
+
−
      margin: -30px 0 -1px -30px;
+
−
    }
+
−
 
+
−
    .row.uniform.\31 50\25 > * {
+
−
      padding: 30px 0 0 30px;
+
−
    }
+
−
 
+
−
    .row.uniform.\31 50\25 {
+
−
      margin: -30px 0 -1px -30px;
+
−
    }
+
−
 
+
−
    .row.\35 0\25 > * {
+
−
      padding: 10px 0 0 10px;
+
−
    }
+
−
 
+
−
    .row.\35 0\25 {
+
−
      margin: -10px 0 -1px -10px;
+
−
    }
+
−
 
+
−
    .row.uniform.\35 0\25 > * {
+
−
      padding: 10px 0 0 10px;
+
−
    }
+
−
 
+
−
    .row.uniform.\35 0\25 {
+
−
      margin: -10px 0 -1px -10px;
+
−
    }
+
−
 
+
−
    .row.\32 5\25 > * {
+
−
      padding: 5px 0 0 5px;
+
−
    }
+
−
 
+
−
    .row.\32 5\25 {
+
−
      margin: -5px 0 -1px -5px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 5\25 > * {
+
−
      padding: 5px 0 0 5px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 5\25 {
+
−
      margin: -5px 0 -1px -5px;
+
−
    }
+
−
 
+
−
    .\31 2u\28narrow\29, .\31 2u\24\28narrow\29 {
+
−
      width: 100%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 1u\28narrow\29, .\31 1u\24\28narrow\29 {
+
−
      width: 91.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 0u\28narrow\29, .\31 0u\24\28narrow\29 {
+
−
      width: 83.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\39 u\28narrow\29, .\39 u\24\28narrow\29 {
+
−
      width: 75%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\38 u\28narrow\29, .\38 u\24\28narrow\29 {
+
−
      width: 66.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\37 u\28narrow\29, .\37 u\24\28narrow\29 {
+
−
      width: 58.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\36 u\28narrow\29, .\36 u\24\28narrow\29 {
+
−
      width: 50%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\35 u\28narrow\29, .\35 u\24\28narrow\29 {
+
−
      width: 41.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\34 u\28narrow\29, .\34 u\24\28narrow\29 {
+
−
      width: 33.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\33 u\28narrow\29, .\33 u\24\28narrow\29 {
+
−
      width: 25%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\32 u\28narrow\29, .\32 u\24\28narrow\29 {
+
−
      width: 16.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 u\28narrow\29, .\31 u\24\28narrow\29 {
+
−
      width: 8.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 2u\24\28narrow\29 + *,
+
−
    .\31 1u\24\28narrow\29 + *,
+
−
    .\31 0u\24\28narrow\29 + *,
+
−
    .\39 u\24\28narrow\29 + *,
+
−
    .\38 u\24\28narrow\29 + *,
+
−
    .\37 u\24\28narrow\29 + *,
+
−
    .\36 u\24\28narrow\29 + *,
+
−
    .\35 u\24\28narrow\29 + *,
+
−
    .\34 u\24\28narrow\29 + *,
+
−
    .\33 u\24\28narrow\29 + *,
+
−
    .\32 u\24\28narrow\29 + *,
+
−
    .\31 u\24\28narrow\29 + * {
+
−
      clear: left;
+
−
    }
+
−
 
+
−
    .\-11u\28narrow\29 {
+
−
      margin-left: 91.66667%;
+
−
    }
+
−
 
+
−
    .\-10u\28narrow\29 {
+
−
      margin-left: 83.33333%;
+
−
    }
+
−
 
+
−
    .\-9u\28narrow\29 {
+
−
      margin-left: 75%;
+
−
    }
+
−
 
+
−
    .\-8u\28narrow\29 {
+
−
      margin-left: 66.66667%;
+
−
    }
+
−
 
+
−
    .\-7u\28narrow\29 {
+
−
      margin-left: 58.33333%;
+
−
    }
+
−
 
+
−
    .\-6u\28narrow\29 {
+
−
      margin-left: 50%;
+
−
    }
+
−
 
+
−
    .\-5u\28narrow\29 {
+
−
      margin-left: 41.66667%;
+
−
    }
+
−
 
+
−
    .\-4u\28narrow\29 {
+
−
      margin-left: 33.33333%;
+
−
    }
+
−
 
+
−
    .\-3u\28narrow\29 {
+
−
      margin-left: 25%;
+
−
    }
+
−
 
+
−
    .\-2u\28narrow\29 {
+
−
      margin-left: 16.66667%;
+
−
    }
+
−
 
+
−
    .\-1u\28narrow\29 {
+
−
      margin-left: 8.33333%;
+
−
    }
+
−
 
+
−
  }
+
−
 
+
−
  @media screen and (max-width: 960px) {
+
−
 
+
−
    .row > * {
+
−
      padding: 20px 0 0 20px;
+
−
    }
+
−
 
+
−
    .row {
+
−
      margin: -20px 0 -1px -20px;
+
−
    }
+
−
 
+
−
    .row.uniform > * {
+
−
      padding: 20px 0 0 20px;
+
−
    }
+
−
 
+
−
    .row.uniform {
+
−
      margin: -20px 0 -1px -20px;
+
−
    }
+
−
 
+
−
    .row.\32 00\25 > * {
+
−
      padding: 40px 0 0 40px;
+
−
    }
+
−
 
+
−
    .row.\32 00\25 {
+
−
      margin: -40px 0 -1px -40px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 00\25 > * {
+
−
      padding: 40px 0 0 40px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 00\25 {
+
−
      margin: -40px 0 -1px -40px;
+
−
    }
+
−
 
+
−
    .row.\31 50\25 > * {
+
−
      padding: 30px 0 0 30px;
+
−
    }
+
−
 
+
−
    .row.\31 50\25 {
+
−
      margin: -30px 0 -1px -30px;
+
−
    }
+
−
 
+
−
    .row.uniform.\31 50\25 > * {
+
−
      padding: 30px 0 0 30px;
+
−
    }
+
−
 
+
−
    .row.uniform.\31 50\25 {
+
−
      margin: -30px 0 -1px -30px;
+
−
    }
+
−
 
+
−
    .row.\35 0\25 > * {
+
−
      padding: 10px 0 0 10px;
+
−
    }
+
−
 
+
−
    .row.\35 0\25 {
+
−
      margin: -10px 0 -1px -10px;
+
−
    }
+
−
 
+
−
    .row.uniform.\35 0\25 > * {
+
−
      padding: 10px 0 0 10px;
+
−
    }
+
−
 
+
−
    .row.uniform.\35 0\25 {
+
−
      margin: -10px 0 -1px -10px;
+
−
    }
+
−
 
+
−
    .row.\32 5\25 > * {
+
−
      padding: 5px 0 0 5px;
+
−
    }
+
−
 
+
−
    .row.\32 5\25 {
+
−
      margin: -5px 0 -1px -5px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 5\25 > * {
+
−
      padding: 5px 0 0 5px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 5\25 {
+
−
      margin: -5px 0 -1px -5px;
+
−
    }
+
−
 
+
−
    .\31 2u\28narrower\29, .\31 2u\24\28narrower\29 {
+
−
      width: 100%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 1u\28narrower\29, .\31 1u\24\28narrower\29 {
+
−
      width: 91.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 0u\28narrower\29, .\31 0u\24\28narrower\29 {
+
−
      width: 83.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\39 u\28narrower\29, .\39 u\24\28narrower\29 {
+
−
      width: 75%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\38 u\28narrower\29, .\38 u\24\28narrower\29 {
+
−
      width: 66.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\37 u\28narrower\29, .\37 u\24\28narrower\29 {
+
−
      width: 58.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\36 u\28narrower\29, .\36 u\24\28narrower\29 {
+
−
      width: 50%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\35 u\28narrower\29, .\35 u\24\28narrower\29 {
+
−
      width: 41.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\34 u\28narrower\29, .\34 u\24\28narrower\29 {
+
−
      width: 33.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\33 u\28narrower\29, .\33 u\24\28narrower\29 {
+
−
      width: 25%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\32 u\28narrower\29, .\32 u\24\28narrower\29 {
+
−
      width: 16.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 u\28narrower\29, .\31 u\24\28narrower\29 {
+
−
      width: 8.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 2u\24\28narrower\29 + *,
+
−
    .\31 1u\24\28narrower\29 + *,
+
−
    .\31 0u\24\28narrower\29 + *,
+
−
    .\39 u\24\28narrower\29 + *,
+
−
    .\38 u\24\28narrower\29 + *,
+
−
    .\37 u\24\28narrower\29 + *,
+
−
    .\36 u\24\28narrower\29 + *,
+
−
    .\35 u\24\28narrower\29 + *,
+
−
    .\34 u\24\28narrower\29 + *,
+
−
    .\33 u\24\28narrower\29 + *,
+
−
    .\32 u\24\28narrower\29 + *,
+
−
    .\31 u\24\28narrower\29 + * {
+
−
      clear: left;
+
−
    }
+
−
 
+
−
    .\-11u\28narrower\29 {
+
−
      margin-left: 91.66667%;
+
−
    }
+
−
 
+
−
    .\-10u\28narrower\29 {
+
−
      margin-left: 83.33333%;
+
−
    }
+
−
 
+
−
    .\-9u\28narrower\29 {
+
−
      margin-left: 75%;
+
−
    }
+
−
 
+
−
    .\-8u\28narrower\29 {
+
−
      margin-left: 66.66667%;
+
−
    }
+
−
 
+
−
    .\-7u\28narrower\29 {
+
−
      margin-left: 58.33333%;
+
−
    }
+
−
 
+
−
    .\-6u\28narrower\29 {
+
−
      margin-left: 50%;
+
−
    }
+
−
 
+
−
    .\-5u\28narrower\29 {
+
−
      margin-left: 41.66667%;
+
−
    }
+
−
 
+
−
    .\-4u\28narrower\29 {
+
−
      margin-left: 33.33333%;
+
−
    }
+
−
 
+
−
    .\-3u\28narrower\29 {
+
−
      margin-left: 25%;
+
−
    }
+
−
 
+
−
    .\-2u\28narrower\29 {
+
−
      margin-left: 16.66667%;
+
−
    }
+
−
 
+
−
    .\-1u\28narrower\29 {
+
−
      margin-left: 8.33333%;
+
−
    }
+
−
 
+
−
  }
+
−
 
+
−
  @media screen and (max-width: 736px) {
+
−
 
+
−
    .row > * {
+
−
      padding: 20px 0 0 20px;
+
−
    }
+
−
 
+
−
    .row {
+
−
      margin: -20px 0 -1px -20px;
+
−
    }
+
−
 
+
−
    .row.uniform > * {
+
−
      padding: 20px 0 0 20px;
+
−
    }
+
−
 
+
−
    .row.uniform {
+
−
      margin: -20px 0 -1px -20px;
+
−
    }
+
−
 
+
−
    .row.\32 00\25 > * {
+
−
      padding: 40px 0 0 40px;
+
−
    }
+
−
 
+
−
    .row.\32 00\25 {
+
−
      margin: -40px 0 -1px -40px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 00\25 > * {
+
−
      padding: 40px 0 0 40px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 00\25 {
+
−
      margin: -40px 0 -1px -40px;
+
−
    }
+
−
 
+
−
    .row.\31 50\25 > * {
+
−
      padding: 30px 0 0 30px;
+
−
    }
+
−
 
+
−
    .row.\31 50\25 {
+
−
      margin: -30px 0 -1px -30px;
+
−
    }
+
−
 
+
−
    .row.uniform.\31 50\25 > * {
+
−
      padding: 30px 0 0 30px;
+
−
    }
+
−
 
+
−
    .row.uniform.\31 50\25 {
+
−
      margin: -30px 0 -1px -30px;
+
−
    }
+
−
 
+
−
    .row.\35 0\25 > * {
+
−
      padding: 10px 0 0 10px;
+
−
    }
+
−
 
+
−
    .row.\35 0\25 {
+
−
      margin: -10px 0 -1px -10px;
+
−
    }
+
−
 
+
−
    .row.uniform.\35 0\25 > * {
+
−
      padding: 10px 0 0 10px;
+
−
    }
+
−
 
+
−
    .row.uniform.\35 0\25 {
+
−
      margin: -10px 0 -1px -10px;
+
−
    }
+
−
 
+
−
    .row.\32 5\25 > * {
+
−
      padding: 5px 0 0 5px;
+
−
    }
+
−
 
+
−
    .row.\32 5\25 {
+
−
      margin: -5px 0 -1px -5px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 5\25 > * {
+
−
      padding: 5px 0 0 5px;
+
−
    }
+
−
 
+
−
    .row.uniform.\32 5\25 {
+
−
      margin: -5px 0 -1px -5px;
+
−
    }
+
−
 
+
−
    .\31 2u\28mobile\29, .\31 2u\24\28mobile\29 {
+
−
      width: 100%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 1u\28mobile\29, .\31 1u\24\28mobile\29 {
+
−
      width: 91.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 0u\28mobile\29, .\31 0u\24\28mobile\29 {
+
−
      width: 83.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\39 u\28mobile\29, .\39 u\24\28mobile\29 {
+
−
      width: 75%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\38 u\28mobile\29, .\38 u\24\28mobile\29 {
+
−
      width: 66.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\37 u\28mobile\29, .\37 u\24\28mobile\29 {
+
−
      width: 58.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\36 u\28mobile\29, .\36 u\24\28mobile\29 {
+
−
      width: 50%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\35 u\28mobile\29, .\35 u\24\28mobile\29 {
+
−
      width: 41.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\34 u\28mobile\29, .\34 u\24\28mobile\29 {
+
−
      width: 33.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\33 u\28mobile\29, .\33 u\24\28mobile\29 {
+
−
      width: 25%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\32 u\28mobile\29, .\32 u\24\28mobile\29 {
+
−
      width: 16.6666666667%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 u\28mobile\29, .\31 u\24\28mobile\29 {
+
−
      width: 8.3333333333%;
+
−
      clear: none;
+
−
      margin-left: 0;
+
−
    }
+
−
 
+
−
    .\31 2u\24\28mobile\29 + *,
+
−
    .\31 1u\24\28mobile\29 + *,
+
−
    .\31 0u\24\28mobile\29 + *,
+
−
    .\39 u\24\28mobile\29 + *,
+
−
    .\38 u\24\28mobile\29 + *,
+
−
    .\37 u\24\28mobile\29 + *,
+
−
    .\36 u\24\28mobile\29 + *,
+
−
    .\35 u\24\28mobile\29 + *,
+
−
    .\34 u\24\28mobile\29 + *,
+
−
    .\33 u\24\28mobile\29 + *,
+
−
    .\32 u\24\28mobile\29 + *,
+
−
    .\31 u\24\28mobile\29 + * {
+
−
      clear: left;
+
−
    }
+
−
 
+
−
    .\-11u\28mobile\29 {
+
−
      margin-left: 91.66667%;
+
−
    }
+
−
 
+
−
    .\-10u\28mobile\29 {
+
−
      margin-left: 83.33333%;
+
−
    }
+
−
 
+
−
    .\-9u\28mobile\29 {
+
−
      margin-left: 75%;
+
−
    }
+
−
 
+
−
    .\-8u\28mobile\29 {
+
−
      margin-left: 66.66667%;
+
−
    }
+
−
 
+
−
    .\-7u\28mobile\29 {
+
−
      margin-left: 58.33333%;
+
−
    }
+
−
 
+
−
    .\-6u\28mobile\29 {
+
−
      margin-left: 50%;
+
−
    }
+
−
 
+
−
    .\-5u\28mobile\29 {
+
−
      margin-left: 41.66667%;
+
−
    }
+
−
 
+
−
    .\-4u\28mobile\29 {
+
−
      margin-left: 33.33333%;
+
−
    }
+
−
 
+
−
    .\-3u\28mobile\29 {
+
−
      margin-left: 25%;
+
−
    }
+
−
 
+
−
    .\-2u\28mobile\29 {
+
−
      margin-left: 16.66667%;
+
−
    }
+
−
 
+
−
    .\-1u\28mobile\29 {
+
−
      margin-left: 8.33333%;
+
−
    }
+
−
 
+
−
  }
+
−
 
+
−
/* Basic */
+
−
 
+
−
  body {
+
−
    background: #fff;
+
−
    font-family: 'Source Sans Pro', sans-serif;
+
−
    font-size: 19pt;
+
−
    font-weight: 300;
+
−
    line-height: .7em;
+
−
    color: #888;
+
−
    /*overflow: hidden;*/
+
−
  }
+
−
 
+
−
    body.is-loading * {
+
−
      -moz-transition: none !important;
+
−
      -webkit-transition: none !important;
+
−
      -ms-transition: none !important;
+
−
      transition: none !important;
+
−
      -moz-animation: none !important;
+
−
      -webkit-animation: none !important;
+
−
      -ms-animation: none !important;
+
−
      animation: none !important;
+
−
    }
+
−
 
+
−
  input, textarea, select {
+
−
    font-family: 'Source Sans Pro', sans-serif;
+
−
    font-size: 19pt;
+
−
    font-weight: 300;
+
−
    line-height: 1.75em;
+
−
    color: #888;
+
−
  }
+
−
 
+
−
  h1, h2, h3, h4, h5, h6 {
+
−
    font-weight: 300;
+
−
    color: #666;
+
−
    line-height: 1.5em;
+
−
  }
+
−
 
+
−
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
+
−
    color: inherit;
+
−
    text-decoration: none;
+
−
  }
+
−
 
+
−
    h1 a strong, h2 a strong, h3 a strong, h4 a strong, h5 a strong, h6 a strong {
+
−
      color: #333;
+
−
    }
+
−
 
+
−
  h2 {
+
−
    font-size: 2em;
+
−
    letter-spacing: -1px;
+
−
  }
+
−
 
+
−
    h2.alt {
+
−
      color: #666;
+
−
    }
+
−
 
+
−
      h2.alt strong {
+
−
        color: #444;
+
−
      }
+
−
 
+
−
  h3 {
+
−
    font-size: 1.5em;
+
−
  }
+
−
 
+
−
  header {
+
−
    margin: 0 0 1.5em 0;
+
−
  }
+
−
 
+
−
    header > p {
+
−
      margin: 1em 0 0 0;
+
−
    }
+
−
 
+
−
  footer {
+
−
    margin: 0.3em 0 0 0;
+
−
  }
+
−
 
+
−
  strong, b {
+
−
    font-weight: 300;
+
−
    color: #333;
+
−
  }
+
−
 
+
−
  em, i {
+
−
    font-style: italic;
+
−
  }
+
−
 
+
−
  a {
+
−
    text-decoration: none;
+
−
    color: inherit;
+
−
    border-bottom: 0;
+
−
    outline: 0;
+
−
  }
+
−
 
+
−
    a:hover {
+
−
      color: #E27689;
+
−
      border-bottom-color: rgba(255, 255, 255, 0);
+
−
    }
+
−
 
+
−
  sub {
+
−
    position: relative;
+
−
    top: 0.5em;
+
−
    font-size: 0.8em;
+
−
  }
+
−
 
+
−
  sup {
+
−
    position: relative;
+
−
    top: -0.5em;
+
−
    font-size: 0.8em;
+
−
  }
+
−
 
+
−
  hr {
+
−
    border: 0;
+
−
    border-top: solid 1px #ddd;
+
−
  }
+
−
 
+
−
  blockquote {
+
−
    border-left: solid 0.5em #ddd;
+
−
    padding: 1em 0 1em 2em;
+
−
    font-style: italic;
+
−
  }
+
−
 
+
−
  p, ul, ol, dl, table {
+
−
    margin-bottom: 0em;
+
−
  }
+
−
 
+
−
  br.clear {
+
−
    clear: both;
+
−
  }
+
−
 
+
−
/* Sections/Article */
+
−
 
+
−
  section, article {
+
−
    margin-bottom: 3em;
+
−
  }
+
−
 
+
−
    section > :last-child,
+
−
    section > .container, section:last-child, article > :last-child,
+
−
    article > .container, article:last-child {
+
−
      margin-bottom: 0;
+
−
    }
+
−
 
+
−
    .row > section, .row > article {
+
−
      margin-bottom: 0;
+
−
    }
+
−
 
+
−
/* Image */
+
−
 
+
−
  .image {
+
−
    display: inline-block;
+
−
    border: 0;
+
−
  }
+
−
 
+
−
    .image img {
+
−
      display: block;
+
−
      width: 100%;
+
−
    }
+
−
 
+
−
    .image.avatar48 {
+
−
      width: 48px;
+
−
      height: 48px;
+
−
      background: #f00;
+
−
    }
+
−
 
+
−
      .image.avatar48 img {
+
−
        width: 48px;
+
−
        height: 48px;
+
−
      }
+
−
 
+
−
    .image.fit {
+
−
      display: block;
+
−
      width: 100%;
+
−
    }
+
−
 
+
−
    .image.featured {
+
−
      display: block;
+
−
      width: 100%;
+
−
      margin: 0 0 2em 0;
+
−
    }
+
−
 
+
−
    .image.left {
+
−
      float: left;
+
−
      margin: 0 2em 2em 0;
+
−
    }
+
−
 
+
−
    .image.right {
+
−
      float: right;
+
−
      margin: 0 0 2em 2em;
+
−
    }
+
−
 
+
−
    .image.centered {
+
−
      display: block;
+
−
      margin: 0 0 2em 0;
+
−
    }
+
−
 
+
−
      .image.centered img {
+
−
        margin: 0 auto;
+
−
        width: auto;
+
−
      }
+
−
 
+
−
/* List */
+
−
 
+
−
  ul.default {
+
−
    list-style: disc;
+
−
    padding-left: 1em;
+
−
  }
+
−
 
+
−
    ul.default li {
+
−
      padding-left: 0.5em;
+
−
    }
+
−
 
+
−
  ul.icons {
+
−
    cursor: default;
+
−
  }
+
−
 
+
−
    ul.icons li {
+
−
      display: inline-block;
+
−
    }
+
−
 
+
−
    ul.icons a {
+
−
      display: inline-block;
+
−
      width: 2em;
+
−
      height: 2em;
+
−
      line-height: 2em;
+
−
      text-align: center;
+
−
      border: 0;
+
−
    }
+
−
 
+
−
  ol.default {
+
−
    list-style: decimal;
+
−
    padding-left: 1.25em;
+
−
  }
+
−
 
+
−
    ol.default li {
+
−
      padding-left: 0.25em;
+
−
    }
+
−
 
+
−
/* Form */
+
−
 
+
−
  form label {
+
−
    display: block;
+
−
    text-align: left;
+
−
    margin-bottom: 0.5em;
+
−
  }
+
−
 
+
−
  form input[type="text"],
+
−
  form input[type="email"],
+
−
  form input[type="password"],
+
−
  form select,
+
−
  form textarea {
+
−
    position: relative;
+
−
    -webkit-appearance: none;
+
−
    display: block;
+
−
    border: 0;
+
−
    outline: 0;
+
−
    background: #fff;
+
−
    background: rgba(255, 255, 255, 0.75);
+
−
    width: 100%;
+
−
    border-radius: 0.35em;
+
−
    padding: 0.75em 1em 0.75em 1em;
+
−
    box-shadow: inset 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.05);
+
−
    border: solid 1px rgba(0, 0, 0, 0.15);
+
−
    -moz-transition: all 0.35s ease-in-out;
+
−
    -webkit-transition: all 0.35s ease-in-out;
+
−
    -ms-transition: all 0.35s ease-in-out;
+
−
    transition: all 0.35s ease-in-out;
+
−
  }
+
−
 
+
−
    form input[type="text"]:focus,
+
−
    form input[type="email"]:focus,
+
−
    form input[type="password"]:focus,
+
−
    form select:focus,
+
−
    form textarea:focus {
+
−
      box-shadow: 0 0 2px 1px #8ebebc;
+
−
      background: #fff;
+
−
    }
+
−
 
+
−
  form input[type="text"],
+
−
  form input[type="email"],
+
−
  form input[type="password"],
+
−
  form select {
+
−
    line-height: 1.25em;
+
−
  }
+
−
 
+
−
  form textarea {
+
−
    min-height: 14em;
+
−
  }
+
−
 
+
−
  form .formerize-placeholder {
+
−
    color: #555 !important;
+
−
  }
+
−
 
+
−
  form ::-webkit-input-placeholder {
+
−
    color: #555 !important;
+
−
  }
+
−
 
+
−
  form :-moz-placeholder {
+
−
    color: #555 !important;
+
−
  }
+
−
 
+
−
  form ::-moz-placeholder {
+
−
    color: #555 !important;
+
−
  }
+
−
 
+
−
  form :-ms-input-placeholder {
+
−
    color: #555 !important;
+
−
  }
+
−
 
+
−
  form ::-moz-focus-inner {
+
−
    border: 0;
+
−
  }
+
−
 
+
−
/* Table */
+
−
 
+
−
  table {
+
−
    width: 100%;
+
−
  }
+
−
 
+
−
    table.default {
+
−
      width: 100%;
+
−
      text-align: left;
+
−
    }
+
−
 
+
−
      table.default tbody tr:nth-child(2n+2) {
+
−
        background: #f4f4f4;
+
−
      }
+
−
 
+
−
      table.default td {
+
−
        padding: 0.5em 1em 0.5em 1em;
+
−
      }
+
−
 
+
−
      table.default th {
+
−
        text-align: left;
+
−
        padding: 0.5em 1em 0.5em 1em;
+
−
        color: #fff;
+
−
        background: #222729 url("images/overlay.png");
+
−
      }
+
−
 
+
−
      table.default thead {
+
−
        background: #444;
+
−
        color: #fff;
+
−
      }
+
−
 
+
−
      table.default tfoot {
+
−
        background: #eee;
+
−
      }
+
−
 
+
−
/* Wrap for Spinny Button */
+
−
 
+
−
  .wrap{
+
−
     position: relative;
+
−
    width: 80px;
+
−
    height: 80px;
+
−
    margin: 15px auto 15px auto;
+
−
  }
+
−
 
+
−
/* Circle for Spinny Button*/
+
−
 
+
−
  .circle{
+
−
    position: relative;
+
−
    text-align: center;
+
−
    border-radius: 0px;
+
−
    right: 23px;
+
−
    top: 15px;
+
−
    width: 120px;
+
−
    height: 120px;
+
−
    z-index: 1;
+
−
    }
+
−
 
+
−
/* Button */
+
−
 
+
−
  input[type="button"],
+
−
  input[type="submit"],
+
−
  input[type="reset"],
+
−
  button,
+
−
  .button {
+
−
    /* For Spinny Button: */
+
−
    background-color: #fff; /***/
+
−
    outline: none;
+
−
    font-weight: 300;
+
−
    position:absolute; /**/
+
−
    cursor: pointer;
+
−
    padding: 0;
+
−
    border: none;
+
−
    height: 100px;
+
−
    width: 100px;
+
−
    right: -7px;
+
−
    top: 25px;
+
−
    border-radius: 100px;
+
−
    line-height: 0.9em;
+
−
    z-index: 2;
+
−
    /* For Rectangular Button:
+
−
    position: relative;
+
−
    display: inline-block;
+
−
    border-radius: 0.35em;
+
−
    color: #fff !important;
+
−
    text-decoration: none;
+
−
    padding: 0.75em 2.5em 0.75em 2.5em;
+
−
    background-color: #8ebebc;
+
−
    border: 0;
+
−
    cursor: pointer;
+
−
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/overlay.png");
+
−
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/overlay.png");
+
−
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/overlay.png");
+
−
    background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), url("images/overlay.png");
+
−
    -moz-transition: background-color 0.35s ease-in-out;
+
−
    -webkit-transition: background-color 0.35s ease-in-out;
+
−
    -ms-transition: background-color 0.35s ease-in-out;
+
−
    transition: background-color 0.35s ease-in-out;
+
−
    */
+
−
  }
+
−
 
+
−
    /* For Rectangular Button:
+
−
    input[type="button"]:hover,
+
−
    input[type="submit"]:hover,
+
−
    input[type="reset"]:hover,
+
−
    button:hover,
+
−
    .button:hover {
+
−
      background-color: #9ececc;
+
−
      text-decoration: none;
+
−
    }
+
−
    */
+
−
 
+
−
    input[type="button"]:active,
+
−
    input[type="submit"]:active,
+
−
    input[type="reset"]:active,
+
−
    button:active,
+
−
    .button:active {
+
−
      /* For Spinny Button: */
+
−
      transform: translate(0, 1px);
+
−
      height: 98px;
+
−
      /*box-shadow: 0px 1px 0 0 rgb(190,190,190) inset;*/
+
−
      /* For Rectangular Button:
+
−
      background-color: #7eaeac;
+
−
      */
+
−
    }
+
−
 
+
−
    /* Hover graphix stuff for Spinny Button */
+
−
    .button:hover + .circle, .button:active + .circle {
+
−
      animation: rotator linear .4s infinite;
+
−
    }
+
−
 
+
−
    @keyframes rotator{
+
−
      from{ transform: rotate(0deg); }
+
−
      to{ transform: rotate(360deg); }
+
−
    }
+
−
 
+
−
    .angled{
+
−
      background-image: linear-gradient(45deg,
+
−
                transparent 0%,
+
−
                transparent 30%,
+
−
                rgb(20,190,235) 30%,
+
−
                rgb(20,190,235) 70%,
+
−
                transparent 70%,
+
−
                transparent 100%);
+
−
      }
+
−
    }
+
−
    /* Graphix end here */
+
−
 
+
−
/* Item */
+
−
 
+
−
  .item {
+
−
    box-shadow: 0 0.05em 0.15em 0 rgba(0, 0, 0, 0.05);
+
−
    margin-bottom: 40px;
+
−
  }
+
−
 
+
−
    .item header {
+
−
      background: #fff;
+
−
      margin: 0;
+
−
      padding: 1em 0 1em 0;
+
−
      font-size: 0.8em;
+
−
    }
+
−
 
+
−
      .item header h3 {
+
−
        font-size: 1em;
+
−
      }
+
−
 
+
−
/* Icons */
+
−
 
+
−
  .icon {
+
−
    text-decoration: none;
+
−
  }
+
−
 
+
−
    .icon:before {
+
−
      display: inline-block;
+
−
      font-family: FontAwesome;
+
−
      font-size: 1.25em;
+
−
      text-decoration: none;
+
−
      font-style: normal;
+
−
      font-weight: normal;
+
−
      line-height: 1;
+
−
      -webkit-font-smoothing: antialiased;
+
−
      -moz-osx-font-smoothing: grayscale;
+
−
    }
+
−
 
+
−
    .icon > .label {
+
−
      display: none;
+
−
    }
+
−
 
+
−
/* Header */
+
−
 
+
−
  #header {
+
−
    position: fixed;
+
−
    top: 0;
+
−
    left: 0;
+
−
    width: 375px;
+
−
    height: 100%;
+
−
    color: #fff;
+
−
    background: #222629 url("images/overlay.png");
+
−
    box-shadow: inset -0.25em 0 0.25em 0 rgba(0, 0, 0, 0.1);
+
−
    text-align: right;
+
−
  }
+
−
 
+
−
    #header .top {
+
−
      position: absolute;
+
−
      left: 0;
+
−
      top: 0;
+
−
      width: 100%;
+
−
    }
+
−
 
+
−
    #header .bottom {
+
−
      position: absolute;
+
−
      left: 0;
+
−
      bottom: 0;
+
−
      width: 100%;
+
−
    }
+
−
 
+
−
    #header .icons {
+
−
      font-size: 0.8em;
+
−
      margin: 1em 0 1em 0;
+
−
      text-align: center;
+
−
    }
+
−
 
+
−
      #header .icons a {
+
−
        color: #41484c;
+
−
        -moz-transition: color 0.35s ease-in-out;
+
−
        -webkit-transition: color 0.35s ease-in-out;
+
−
        -ms-transition: color 0.35s ease-in-out;
+
−
        transition: color 0.35s ease-in-out;
+
−
      }
+
−
 
+
−
        #header .icons a:hover {
+
−
          color: #fff;
+
−
        }
+
−
 
+
−
  #logo {
+
−
    position: relative;
+
−
    margin: 1.75em 1.5em 1.5em 1.5em;
+
−
    min-height: 48px;
+
−
    cursor: default;
+
−
  }
+
−
 
+
−
    #logo h1 {
+
−
      position: relative;
+
−
      color: #fff;
+
−
      font-weight: 600;
+
−
      font-size: 1em;
+
−
      line-height: 1em;
+
−
    }
+
−
 
+
−
    #logo p {
+
−
      position: relative;
+
−
      display: block;
+
−
      font-size: 0.6em;
+
−
      color: rgba(255, 255, 255, 0.5);
+
−
      line-height: 1.25em;
+
−
      margin: 0.5em 0 0 0;
+
−
    }
+
−
 
+
−
    #logo .image {
+
−
      position: absolute;
+
−
      left: 0;
+
−
      top: 0;
+
−
    }
+
−
 
+
−
  #nav ul li a {
+
−
    display: block;
+
−
    padding: 0.5em 1.5em 0.5em 1.5em;
+
−
    color: rgba(255, 255, 255, 0.5);
+
−
    text-decoration: none;
+
−
    outline: 0;
+
−
    border: 0;
+
−
    -moz-transition: none;
+
−
    -webkit-transition: none;
+
−
    -ms-transition: none;
+
−
    transition: none;
+
−
    -moz-transition: background-color 0.20s ease-in-out;
+
−
    -webkit-transition: background-color 0.20s ease-in-out;
+
−
    -ms-transition: background-color 0.20s ease-in-out;
+
−
    transition: background-color 0.20s ease-in-out;
+
−
  }
+
−
 
+
−
    #nav ul li a:hover{
+
−
      background-color: #318CE7;
+
−
      color: #000000;
+
−
    }
+
−
 
+
−
    #nav ul li a span {
+
−
      position: relative;
+
−
      display: block;
+
−
      font-size: 0.9em;
+
−
    }
+
−
 
+
−
      #nav ul li a span:before {
+
−
        position: absolute;
+
−
        left: 0;
+
−
        color: #41484c;
+
−
        text-align: center;
+
−
        width: 1.25em;
+
−
        line-height: 1.75em;
+
−
      }
+
−
 
+
−
    #nav ul li a.curPage{
+
−
      background: rgba(0, 0, 0, 0.15);
+
−
      box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.125);
+
−
      color: #fff;
+
−
    }
+
−
 
+
−
    #nav ul li a.active {
+
−
      background: rgba(0, 0, 0, 0.15);
+
−
      box-shadow: inset 0 0 0.25em 0 rgba(0, 0, 0, 0.125);
+
−
      color: #fff;
+
−
    }
+
−
 
+
−
      #nav ul li a.active span:before {
+
−
        color: #e27689;
+
−
      }
+
−
 
+
−
      #nav h4 {
+
−
        padding: 0.5em 2.5em 0.5em 0em;
+
−
        color: #318CE7;
+
−
      }
+
−
 
+
−
/* Footer */
+
−
 
+
−
  #footer {
+
−
    margin-left: 75px;
+
−
    text-align: center;
+
−
    background-color: #dce3e2;
+
−
    padding: 3em 0 3.5em 0;
+
−
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), inset 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.025);
+
−
    font-size: 0.8em;
+
−
  }
+
−
 
+
−
    #footer .copyright {
+
−
      cursor: default;
+
−
      margin: 0;
+
−
    }
+
−
 
+
−
      #footer .copyright li {
+
−
        display: inline-block;
+
−
        line-height: 1em;
+
−
        border-left: solid 1px rgba(128, 128, 128, 0.35);
+
−
        padding: 0 0 0 0.5em;
+
−
        margin: 0 0 0 0.5em;
+
−
      }
+
−
 
+
−
        #footer .copyright li:first-child {
+
−
          border-left: 0;
+
−
          padding-left: 0;
+
−
          margin-left: 0;
+
−
        }
+
−
 
+
−
/* Main */
+
−
 
+
−
  #main {
+
−
    margin-left: 75px;
+
−
    margin-top: -50px;
+
−
    margin-bottom: -100px;
+
−
 
+
−
  }
+
−
 
+
−
    #main > section {
+
−
      margin: 0;
+
−
      overflow: hidden;
+
−
      padding: 4em 0;
+
−
      box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.05), inset 0 0.1em 0.1em 0 rgba(0, 0, 0, 0.025);
+
−
      text-align: center;
+
−
      background-image: url("images/overlay.png");
+
−
    }
+
−
 
+
−
      #main > section.dark {
+
−
        color: #ddd;
+
−
        color: rgba(255, 255, 255, 0.75);
+
−
      }
+
−
 
+
−
        #main > section.dark h2, #main > section.dark h3, #main > section.dark h4, #main > section.dark h5, #main > section.dark h6 {
+
−
          color: inherit;
+
−
        }
+
−
 
+
−
        #main > section.dark strong {
+
−
          color: #fff;
+
−
          border-color: inherit;
+
−
        }
+
−
 
+
−
        #main > section.dark a {
+
−
          color: #fff;
+
−
          border-color: inherit;
+
−
        }
+
−
 
+
−
          #main > section.dark a:hover {
+
−
            border-bottom-color: rgba(255, 255, 255, 0);
+
−
          }
+
−
 
+
−
      #main > section.cover {
+
−
        padding: 6em 0;
+
−
        background-size: cover;
+
−
        background-position: center center;
+
−
      }
+
−
/*
+
−
A5DEFF
+
−
9DE3E8
+
−
B9FFEE
+
−
9DE8BD
+
−
ADFFB7
+
−
 
+
−
CDFCFF
+
−
C1E8DE
+
−
E1FFEE
+
−
C1E8C5
+
−
E0FFD5
+
−
*/
+
−
 
+
−
      #main > section.one {
+
−
        background-color: #9DE8BD;
+
−
        /*background-image: url("../../images/banner.jpg");*/
+
−
      }
+
−
 
+
−
      #main > section.two {
+
−
        background-color: #C1E8C5;
+
−
      }
+
−
 
+
−
      #main > section.three {
+
−
        background-color: #A5DEFF;
+
−
      }
+
−
 
+
−
      #main > section.four {
+
−
        background-color: #CDFCFF;
+
−
      }
+
−
 
+
−
      #main > section.five {
+
−
        background-color: #ADFFB7;
+
−
      }
+
−
 
+
−
      #main > section.six {
+
−
        background-color: #E0FFD5;
+
−
      }
+
−
 
+
−
      #main > section.seven {
+
−
        background-color: #B9FFEE;
+
−
      }
+
−
 
+
−
      #main > section.eight {
+
−
        background-color: #E1FFEE;
+
−
      }
+
−
 
+
−
      #main > section.nine {
+
−
        background-color: #9DE3E8;
+
−
      }
+
−
 
+
−
      #main > section.ten {
+
−
        background-color: #C1E8DE;
+
−
      }
+
−
 
+
−
/* Wide */
+
−
 
+
−
  @media screen and (min-width: 961px) and (max-width: 1880px) {
+
−
 
+
−
    /* Basic */
+
−
 
+
−
      body, input, textarea, select {
+
−
        font-size: 17pt;
+
−
      }
+
−
 
+
−
    /* Header */
+
−
 
+
−
      #header {
+
−
        width: 300px;
+
−
      }
+
−
 
+
−
    /* Footer */
+
−
 
+
−
      #footer {
+
−
        margin-left: 300px;
+
−
      }
+
−
 
+
−
  }
+
−
 
+
−
/* Normal */
+
−
 
+
−
  @media screen and (min-width: 961px) and (max-width: 1620px) {
+
−
 
+
−
    /* Main */
+
−
 
+
−
      #main > section {
+
−
        padding: 3em 0;
+
−
      }
+
−
 
+
−
      #main section.cover {
+
−
        padding: 5em 0;
+
−
      }
+
−
 
+
−
  }
+
−
 
+
−
/* Narrow */
+
−
 
+
−
  @media screen and (min-width: 961px) and (max-width: 1320px) {
+
−
 
+
−
    /* Basic */
+
−
 
+
−
      body, input, textarea, select {
+
−
        font-size: 16pt;
+
−
      }
+
−
 
+
−
      .container {
+
−
        padding: 0 2em 0 2em;
+
−
      }
+
−
 
+
−
    /* List */
+
−
 
+
−
      ul.icons li a {
+
−
        width: 1.75em;
+
−
      }
+
−
 
+
−
    /* Item */
+
−
 
+
−
      .item {
+
−
        margin-bottom: 20px;
+
−
      }
+
−
 
+
−
    /* Header */
+
−
 
+
−
      #header {
+
−
        width: 20%;
+
−
      }
+
−
 
+
−
      #logo .image {
+
−
        position: relative;
+
−
        margin: 0 0 0.5em 0;
+
−
      }
+
−
 
+
−
      #nav ul li a {
+
−
        font-size: 0.8em;
+
−
        padding-top: 0.5em;
+
−
        padding-bottom: 0.5em;
+
−
      }
+
−
 
+
−
        #nav ul li a span {
+
−
          /*padding-right: 2.25em;*/
+
−
        }
+
−
 
+
−
          #nav ul li a span:before {
+
−
            left: 100%;
+
−
            margin-left: -1.25em;
+
−
            line-height: 2.25em;
+
−
          }
+
−
 
+
−
    /* Footer */
+
−
 
+
−
      #footer {
+
−
        margin-left: 20%;
+
−
      }
+
−
 
+
−
    /* Main */
+
−
 
+
−
      #main {
+
−
        margin-left: 20%;
+
−
      }
+
−
 
+
−
  }
+
−
 
+
−
/* Narrower */
+
−
 
+
−
  #headerToggle {
+
−
    display: none;
+
−
  }
+
−
 
+
−
  @media screen and (max-width: 1880px) {
+
−
 
+
−
    /* Basic */
+
−
 
+
−
      html, body {
+
−
        overflow-x: hidden;
+
−
      }
+
−
 
+
−
      body, input, textarea, select {
+
−
        font-size: 16pt;
+
−
      }
+
−
 
+
−
      header br {
+
−
        display: none;
+
−
      }
+
−
 
+
−
      .container {
+
−
        padding: 0 2em 0 2em;
+
−
      }
+
−
 
+
−
    /* Item */
+
−
 
+
−
      .item {
+
−
        margin-bottom: 15px;
+
−
      }
+
−
 
+
−
    /* List */
+
−
 
+
−
      ul.icons a {
+
−
        width: 1.75em;
+
−
        font-size: 1.25em;
+
−
      }
+
−
 
+
−
    /* Header */
+
−
 
+
−
      #header {
+
−
        -moz-backface-visibility: hidden;
+
−
        -webkit-backface-visibility: hidden;
+
−
        -ms-backface-visibility: hidden;
+
−
        backface-visibility: hidden;
+
−
        -moz-transform: translateX(-275px);
+
−
        -webkit-transform: translateX(-275px);
+
−
        -ms-transform: translateX(-275px);
+
−
        transform: translateX(-275px);
+
−
        -moz-transition: -moz-transform 0.5s ease;
+
−
        -webkit-transition: -webkit-transform 0.5s ease;
+
−
        -ms-transition: -ms-transform 0.5s ease;
+
−
        transition: transform 0.5s ease;
+
−
        display: block;
+
−
        height: 100%;
+
−
        left: 0;
+
−
        overflow: hidden; /**/
+
−
        position: fixed;
+
−
        top: 0;
+
−
        width: 275px;
+
−
        z-index: 4;
+
−
        width: 275px;
+
−
        background: #222729 url("images/overlay.png");
+
−
        box-shadow: inset -0.25em 0 0.25em 0 rgba(0, 0, 0, 0.125);
+
−
      }
+
−
 
+
−
        #header .top {
+
−
          position: relative;
+
−
        }
+
−
 
+
−
        #header .inner {
+
−
          height: 650px; /**/
+
−
          overflow: auto; /**/
+
−
          margin:0px -300px 0px 0px;
+
−
          padding-right: 300px; /**/
+
−
        }
+
−
 
+
−
        #header .innertwo {
+
−
          position: relative;
+
−
          padding: 0.5em 0em 0.5em 0em;
+
−
          left: 20px;
+
−
        }
+
−
 
+
−
        #header .bottom {
+
−
          border-top: solid 1px rgba(255, 255, 255, 0.05);
+
−
          box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.15);
+
−
          padding-top: 2em;
+
−
          margin-top: 1em;
+
−
          position: relative;
+
−
        }
+
−
 
+
−
      #logo {
+
−
        margin: 1.5em 1.25em 1.25em 1.25em;
+
−
      }
+
−
 
+
−
      #nav ul li a {
+
−
        padding: 0.5em 1.25em 0.5em 1.25em;
+
−
      }
+
−
 
+
−
 
+
−
      #headerToggle {
+
−
        -moz-backface-visibility: hidden;
+
−
        -webkit-backface-visibility: hidden;
+
−
        -ms-backface-visibility: hidden;
+
−
        backface-visibility: hidden;
+
−
        -moz-transition: -moz-transform 0.5s ease;
+
−
        -webkit-transition: -webkit-transform 0.5s ease;
+
−
        -ms-transition: -ms-transform 0.5s ease;
+
−
        transition: transform 0.5s ease;
+
−
        display: block;
+
−
        height: 2.25em;
+
−
        left: 0;
+
−
        position: fixed;
+
−
        top: 0;
+
−
        width: 3.25em;
+
−
        z-index: 3;
+
−
      }
+
−
 
+
−
        #headerToggle .toggle {
+
−
          position: absolute;
+
−
          left: 0;
+
−
          top: 0;
+
−
          width: 100%;
+
−
          height: 100%;
+
−
          outline: 0;
+
−
          border: 0;
+
−
        }
+
−
 
+
−
          #headerToggle .toggle:before {
+
−
            font-family: FontAwesome;
+
−
            text-decoration: none;
+
−
            font-style: normal;
+
−
            font-weight: normal;
+
−
            -webkit-font-smoothing: antialiased;
+
−
            -moz-osx-font-smoothing: grayscale;
+
−
            content: url(https://static.igem.org/mediawiki/2015/b/b2/Harvard2015FlaskMenu.png);
+
−
            color: #fff;
+
−
            font-size: 18px;
+
−
            line-height: 2.25em;
+
−
            /*background: rgba(128, 136, 144, 0.5);*/
+
−
            border-radius: 0.1em;
+
−
            text-align: center;
+
−
            position: absolute;
+
−
            left: 0em;
+
−
            top: 2em;
+
−
            display: block;
+
−
            width: 0em;
+
−
            height: 2.25em;
+
−
          }
+
−
 
+
−
      body.header-visible #main {
+
−
        -moz-transform: translateX(275px);
+
−
        -webkit-transform: translateX(275px);
+
−
        -ms-transform: translateX(275px);
+
−
        transform: translateX(275px);
+
−
      }
+
−
 
+
−
      body.header-visible #headerToggle {
+
−
        -moz-transform: translateX(275px);
+
−
        -webkit-transform: translateX(275px);
+
−
        -ms-transform: translateX(275px);
+
−
        transform: translateX(275px);
+
−
      }
+
−
 
+
−
      body.header-visible #header {
+
−
        -moz-transform: translateX(0);
+
−
        -webkit-transform: translateX(0);
+
−
        -ms-transform: translateX(0);
+
−
        transform: translateX(0);
+
−
      }
+
−
 
+
−
    /* Footer */
+
−
 
+
−
      #footer {
+
−
        margin-left: 0;
+
−
      }
+
−
 
+
−
    /* Main */
+
−
 
+
−
      #main {
+
−
        -moz-backface-visibility: hidden;
+
−
        -webkit-backface-visibility: hidden;
+
−
        -ms-backface-visibility: hidden;
+
−
        backface-visibility: hidden;
+
−
        -moz-transition: -moz-transform 0.5s ease;
+
−
        -webkit-transition: -webkit-transform 0.5s ease;
+
−
        -ms-transition: -ms-transform 0.5s ease;
+
−
        transition: transform 0.5s ease;
+
−
        padding-bottom: 1px;
+
−
        margin-left: 0;
+
−
      }
+
−
 
+
−
        #main > section {
+
−
          padding: 3em 0;
+
−
        }
+
−
 
+
−
        #main section.cover {
+
−
          padding: 4em 0;
+
−
        }
+
−
 
+
−
  }
+
−
 
+
−
/* Mobile */
+
−
 
+
−
  @media screen and (max-width: 736px) {
+
−
 
+
−
    /* Basic */
+
−
 
+
−
      body, input, textarea, select {
+
−
        font-size: 14pt;
+
−
      }
+
−
 
+
−
      h2 {
+
−
        font-size: 1.5em;
+
−
        letter-spacing: 0;
+
−
        font-weight: 300;
+
−
      }
+
−
 
+
−
      .container {
+
−
        padding: 0 15px 0 15px;
+
−
      }
+
−
 
+
−
    /* List */
+
−
 
+
−
      ul.icons a {
+
−
        width: 1.75em;
+
−
        font-size: 1.5em;
+
−
      }
+
−
 
+
−
    /* Main */
+
−
 
+
−
      #main > section {
+
−
        padding: 2em 0;
+
−
      }
+
−
 
+
−
      #main section.cover {
+
−
        padding: 4em 0em;
+
−
      }
+
−
 
+
−
        #main section.cover header {
+
−
          padding: 0 1em;
+
−
        }
+
−
 
+
−
    /* Footer */
+
−
 
+
−
      #footer .copyright li {
+
−
        display: block;
+
−
        line-height: 1.25em;
+
−
        border: 0;
+
−
        padding: 0;
+
−
        margin: 1em 0 0 0;
+
−
      }
+
−
 
+
−
        #footer .copyright li:first-child {
+
−
          margin-top: 0;
+
−
        }
+
−
 
+
−
  }
+

Revision as of 21:15, 18 September 2015

Prologue by HTML5 UP

Our 2015 Lab Notebook!

24th-28th

Giant iGEM jamboree!

16th

Talked about synthetic biology, iGEM, and our project to students and researchers in the University of Turku.

11th

Our team featured on the Finnish National Radio!

10th

Our team got the official patches!

9th

Talked about synthetic biology, iGEM, and our project to students and researchers in Tampere University of Technology.

8th

Team hoodies arrived.

7th

Our team was interviewed for radio!

5th

Science picnic in Helsinki city centre! We held a small talk and workshops for the whole family.

4th

First practice session for our Giant Jamboree presentation!

1st

StoraEnso agreed on sponsoring us!

26th

LAL - the Finnish Union of Experts in Science agreed to sponsor us!

26th

The Faculty of Agriculture and Forestry joined our sponsors!

21st

Sent our GFP brick to Slovenia for validation

20th

First sequencing results!

19th

Ordered the team hoodies.

13th

Two more BioBricks-to-be sent for sequencing to the Institute of Molecular Medicine Finland!

11th

Met with Tarja Knuuttila's group from the University and discussed our human practices project.

7th

Ordered sequencing for our first construct from Institute of Molecular Medicine Finland.

6th

Talked about iGEM to Finnish Biology Olympiad candidates.

5th

Attempted Gibson Assembly method first time for the gene parts. The results are very promising!

29th

Micelle model ready!

24-26th

Nordic iGEM Conference in Uppsala organized by iGEM Uppsala! and iGEM Stockholm!

23th

Rehearsing the presentation for Uppsala.

23th

An article published about us on the University of Helsinki's website

22nd

Ordered third plasmid pCDFDuet-1 from Merck Life Science. The plasmid is needed to combine cellulase and propane pathways into the same bacteria.

22nd

Stora Enso became a sponsor!

20th

AYY joined our partners!

17th

Modeling team was given the challenge of modeling micelle formation.

15th

Preliminary results of bottlenecks in our pathway!

14th

Our first gBlocks have arrived from IDT!

13th

Our labteam figured our why our practice project didn't produce the protein we wanted - the promoter was inserted wrong.

10th

Met with Tarja Knuuttila and her students to discuss our human practices aspects.

9th

Skype meeting with iGEM Stockholm. Discussed our collaboration and the upcoming Nordic iGEM Conference!

8th

Skype meeting about collaboration with Slovenia HS.

7th

Started to build the model of the cellulose pathway. Had also discussion about modeling with iGEM Dundee.

6th

Modeling of propane pathway went a huge leap forward when many of the much-needed constants were finally found!

2nd

Our first PCR reaction towards Gibson Assembly has been successful!

1st

Modeling team had a meeting with Elena Czeizler from Aalto University's department of computer science. We also had a Skype meeting with Edinburgh team.

29th

Mascot is ready!

27th

Ratekoulutus joined our group of sponsors!

26th

Ordered needed sequences to begin with Gibson Assembly

26th

Created constructs for Interlab measurement study

25th

Discussion with Anja Martinez from Thermo Fisher Scientific. She was helping us with some sequences which were too complex to be traditionally synthesized.

24th

Took part to IDT webinar on gBlocks

22nd

Particle model about synergy ready!

17th

Registered to iGEM Interlab measurement study. The goal of the study is to obtain fluorescence data for three genetic devices with the same protocols from teams all around the world.

12th

Finished planning primers for PCR and sequences for synthesis services ordered from Genescript, who is supporting us with those! The first versions of our gene constructs are also ready.

10th

Kemianteollisuus is going to sponsor us!

9th

Started to work with our wiki.

9th

Lab safety training given by our instructor Heli Viskari

5th

Learning how to pitch at Startup Sauna Demo Day

4th

Learning about modelling. Merja Oja advised us about this.

1st

Presenting our research idea to the Department’s research group in their monthly meeting.

28th

The modeling of our reaction pathway has started.

27th

Meeting with yeast expert Jussi Jäntti. We discussed the possibility of using yeast as a chassis organism and other approaches to propane production with researcher Jussi Jäntti from VTT Technical Research Center of Finland.

26th

Discussion with Merja Penttilä. We talked about our ideas and different ways to approach the theme of propane production with the coordinator of the synthetic biology programme Living Factories.

25th

Webpage ready! The web page is now coded and ready to be used. Some of our members learned a bunch of new stuff of html.

22nd

Learning to build plasmid maps. Our team member Anna showed everyone how to build plasmid maps.

21st

IBC Finland announced that they will sponsor us.

19th

First day in lab

18th

High school presentation at “Magpie Island”. Telling about iGEM to students from Mäkelänrinne Sports High School.

14th

Propane production in bacteria has been decided as our research topic.

11th

Meeting with our Instructor Heli and a quick tour in the lab.

5th

Professor meeting with Olli Ikkala. What does learning mean? How do machines and bacteria learn? How could we approach learning through synthetic biology?

29th

Meeting with the Aalto University School of Chemical Technology. Meeting Janne Laine, the Dean of Aalto School of Chemical Technology was at least as encouraging as the meeting with School of Science we had had a week ago.

23th

Student Union of the University of Helsinki (HYY) is our first sponsor!

21st

Meeting with the Aalto University School of Science. We met with Risto Nieminen, the Dean of Aalto School of Science. He was really excited about our project and seemed happy to help us. This made us even more excited and happy about our project!

16th

iGEM 2015 distribution arrived! The package including BioBricks, linearized backbones, kits, stickers and pins arrived from iGEM headquarters.

16th

Meeting at the University of Helsinki. We met with rector Jukka Kola, the head of the University of Helsinki and Keijo Hämäläinen, vice-rector in charge of research and education. It was really exciting and encouraging to hear that the University is supporting us.

1st

First skype meeting with iGEM Pasteur. Collaboration with Pasteur iGEM team from Paris started with a Skype meeting.

25th

Brainstorming. We met for this purpose for several times during the spring. Outside the meetings, we researched the various ideas we had come up with and browsed through what the teams from previous years had done and what had been done outside iGEM.

22nd

First skype with the Stockholm iGEM team. Last year's team was also present to discuss the practical issues with starting an iGEM team from scratch.

19th

The first meeting of the 2015 team. Some had already met before, some of us met each other for the first time ever. A couple of team members from the 2014 team and our Advisor Markus were also present.

14th

First anniversary of iGEM Aalto-Helsinki! On March 14th 2014 the first ever Finnish iGEM team met for the first time.

11th

The new team members were chosen by the 2014 team.

3-6th

Interviews held. More than 30 candidates were interviewed for the Aalto-Helsinki 2015 team by 2014 team members.

28th

Application period for the 2015 team closed.