Difference between revisions of "Team:Lubbock TTU/Test"

 
(62 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
{{Template:Lubbock_TTU/CSS}}
  
 +
<html>
  
<!-- Declare that you are going to use html code instead of wiki code -->
+
<head>
<html>
+
<link href='https://fonts.googleapis.com/css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'>
<!-- Start of CSS-->
+
<style type="text/css">
+
  
/* PAGE LAYOUT */
+
<style>
  
/* Change Background color*/
+
#sideMenu, #top_title {display:none;}
+
/* Creates a container that will wrap all of the content inside your wiki pages.
+
#mainContainer {
+
width: 978px;
+
overflow:hidden;
+
float:left;
+
margin-left:20px;
+
margin-bottom: 10px;
+
        background-color: #fff;
+
border-bottom: 14px solid #565656;
+
border-right: 2px solid #565656;
+
border-left: 2px solid #565656;
+
border-top: 2px solid #565656;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
} */
+
  
/* Creates the container for the menu
+
#logo:hover {
#menuContainer  {  
+
    opacity:0.6;
float:left;
+
}
width: 134px;
+
h1{
padding: 20px 0px;
+
    font-family: "Comfortaa", sans-serif;
border-top: 14px solid #565656;
+
    font-size: 40px;
background-color: #E8E8E9;
+
    text-align:center;
}*/
+
    overflow: display;
 +
}
 +
h3, h4{
 +
    text-align:center;
 +
}
 +
h4 a:hover{
 +
    text-decoration:none;
 +
    color:#8CCF6C;
 +
}
 +
.col{
 +
    width:25%;
 +
    background-color:#FAFAFA;
 +
    margin:1%;
 +
    padding:3%;
 +
    margin-top:5%;
 +
    float:left;
 +
    text-align:left;
 +
}
 +
.clear{
 +
    clear:both;
 +
}
  
/* Creates the container for the content
+
</style>
#contentContainer {
+
</head>
padding-top:20px;
+
padding-right:10px;
+
margin-bottom: 20px;
+
width: 814px;
+
padding-left: 20px;
+
float: left;
+
background-color: #fff;
+
border-top: 14px solid #565656;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
} */
+
  
/*Set up height place holder for the banner
+
<body style="margin:auto">
#bannerContainer {
+
height:200px;
+
margin:auto;
+
text-align:center;
+
color: #24B694;
+
  
}*/
+
<h1>TITLE</h1>
  
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL)
+
<h4><i>"Tagline"</i></h4></br>
  
/*Change the styling of text for everything inside main container*/
+
<center>
#mainContainer p {
+
font-size: 13px;
+
color: #000000;
+
}*/
+
+
/*This changes the color and font family
+
#contentContainer h1, h2, h3, h4, h5, h6 {
+
color: #565656;
+
border-bottom: none;
+
font-weight: bold;
+
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
margin-top:10px;
+
}*/
+
  
/*Style of the links - links are different inside the menu
+
<!-- Slideshow -->
#contentContainer a {
+
<div class="column full_size" >
font-weight: bold;
+
<div class="slideshow-container">
color: #23b593;
+
  <div class="mySlides fade">
}*/
+
    <div class="numbertext">3 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/c/ca/T--Lubbock_TTU--20160505_151815.jpg" width="100%">
 +
    <div class="text"></div>
 +
  </div>
  
  /* Styling links on hover- links are different inside the menu
+
  <div class="mySlides fade">
#contentContainer a:hover {
+
    <div class="numbertext">2 / 3</div>
color: #59bf92;
+
    <img src="https://static.igem.org/mediawiki/2016/0/00/T--Lubbock_TTU--20160630_170737.jpg" width="100%">
} */
+
    <div class="text"></div>
 +
  </div>
  
/*Change the styling of tables
+
  <div class="mySlides fade">
        #contentContainer table {
+
    <div class="numbertext">1 / 3</div>
    border: 1px solid #565656;
+
    <img src="https://static.igem.org/mediawiki/2016/8/87/T--Lubbock_TTU--File_IMG_1399.png" width="100%">
    border-collapse: collapse;
+
    <div class="text"></div>
    width: 90%
+
  </div>
    margin: auto;
+
    margin-bottom: 15px;
+
    margin-top: 15px;
+
    margin-right: 10px;
+
    margin-left: 10px;
+
    }*/
+
  
/*Change the styling of table cells
+
</div>
    #contentContainer  td {
+
<br>
    padding: 10px;
+
    border: 1px solid #565656;
+
    border-collapse: collapse;
+
    vertical-align: text-top;
+
    }*/
+
  
/*Change the styling of table headers */
+
<div style="text-align:center">
    #contentContainer th {
+
  <span class="dot" onclick="currentSlide(1)"></span>
    background-color: #E8E8E9;
+
  <span class="dot" onclick="currentSlide(2)"></span>
    padding: 10px;
+
  <span class="dot" onclick="currentSlide(3)"></span>
    border: 1px solid #565656;
+
</div>
    border-collapse: collapse;
+
</div>
    vertical-align: text-top;
+
<!-- End of Slideshow -->
    }*/
+
  
 +
</center>
  
 +
<div>
 +
<p style='margin-left:30px; margin-bottom:20px'>
 +
<center>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a2/T--Lubbock_TTU--ttuseal.png" class="" width="23%" height=""></img></a>
 +
&emsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/9/9c/T--Lubbock_TTU--idt.png" class="" width="23%" height=""></img></a>
 +
&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/5/53/T--Lubbock_TTU--genscript.png" class="" width="30%" height=""></img></a>
 +
&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Lubbock_TTU--ttusga.png" class="" width="100px" height=""></img></a>
 +
</br><a href=''><img src="https://static.igem.org/mediawiki/2016/6/65/T--Lubbock_TTU--mrdna.png" class="" width="20%" height=""></img></a>
 +
&nbsp;&nbsp;&nbsp;&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/8/8c/T--Lubbock_TTU--ttuhsc.png" class="" width="20%" height=""></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/ad/T--Lubbock_TTU--ulabs.png" class="" width="20%" height=""></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/6/6d/T--Lubbock_TTU--ciser.jpg" class="" width="100px" height="x"></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/9/97/T--Lubbock_TTU--igem.png" class="" width="15%" height=""></img></a>
 +
</center>
 +
</p>
 +
</div>
  
/*MENU STYLING */
+
</div>
  
/*Styling for the links in the menu */
+
<div style='width:100%; clear:both'></div>
#menuContainer a {
+
color: #565656;
+
text-decoration:none;
+
font-weight: bold;
+
}
+
  
/* Sets the style for lists inside menuContainer  */
 
#menuContainer ul {
 
list-style: none;
 
margin-left:0px;
 
}
 
  
                        ul {
+
</div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
                            list-style: none;
+
  
                            }
+
</body>
  
/*Styles the list items to become menu buttons */
+
<!-- Slideshow JS -->
#menuContainer ul li {
+
<script>
text-align: center;
+
var slideIndex = 1;
display: block;
+
showSlides(slideIndex);
width: 100%;
+
height:30px;
+
padding-top:10px;
+
}
+
  
/*For the menu buttons, changes the color when hovering*/
+
function plusSlides(n) {
#menuContainer li:hover {
+
  showSlides(slideIndex += n);
color:  #FFF;
+
}
background-color: #24B694;
+
}
+
  
/*Submenus are not displayed as default*/
+
function currentSlide(n) {
#menuContainer li ul {
+
  showSlides(slideIndex = n);
display: none;
+
}
padding-top:15px;
+
margin-left: -19px;
+
}
+
  
/*Submenus are displayed when hovering the menu button */
+
function showSlides(n) {
#menuContainer li:hover ul {
+
  var i;
/*display: inline-block; */
+
  var slides = document.getElementsByClassName("mySlides");
display: block;  
+
  var dots = document.getElementsByClassName("dot");
position: absolute;  
+
  if (n > slides.length) {slideIndex = 1}
float:right;
+
  if (n < 1) {slideIndex = slides.length}
margin-left: 134px;
+
  for (i = 0; i < slides.length; i++) {
margin-top:-42px;
+
      slides[i].style.display = "none";  
}
+
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
      dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[slideIndex-1].style.display = "block";  
 +
  dots[slideIndex-1].className += " active";
 +
}
  
/*Style the submenu buttons*/
+
<!-- Automatic -->
#menuContainer li ul li{
+
var slideIndex = 0;
background-color: #59BF92;
+
showSlides();
padding-left:20px;
+
padding-right:20px;
+
height:30px;
+
padding-top:10px;
+
margin-top:-2px;
+
color: #565656;
+
width: 150px;
+
}
+
 
+
/*CLASSES */
+
 
+
/*Clear class for all the pages, adds spacing too
+
.clear{
+
clear:both;
+
height: 10px;
+
}*/
+
 
+
 
+
/* highlight box for special messages */
+
    .highlightBox {
+
        width:500px;
+
        margin:auto;
+
        background-color: #E8E8E9;
+
margin-bottom: 15px;
+
margin-top: 15px;
+
padding: 15px;
+
padding-top: 5px;
+
    }
+
 
+
                  h1, h2, h3, h4, h5 {
+
                        border-bottom: none !important;
+
                  }
+
 
+
                  #top_menu_inside li{
+
                      font-size: 12px;
+
                  }
+
                #bars_item img {
+
                      max-width: 100px;
+
                  }
+
                #menu_BarsBox h4 {
+
                      font-size: 1rem;
+
                  }
+
</style>
+
 
+
 
+
<style type = "text/css">
+
/*!
+
_              _                                _ _
+
| |__  _  _  __| |_ __ ___  ___  __ _ _  _  __ _| | |
+
| '_ \| | | |/ _` | '__/ _ \/ __|/ _` | | | |/ _` | | |
+
| | | | |_| | (_| | | | (_) \__ \ (_| | |_| | (_| | | |
+
|_| |_|\__, |\__,_|_|  \___/|___/\__, |\__,_|\__,_|_|_|
+
      |___/                        |_|               
+
 
+
// made with intenspiration
+
@hydrosquall - Cameron Yick 2015
+
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}meta.foundation-version{font-family:"/5.5.2/"}meta.foundation-mq-small{font-family:"/only screen/";width:0}meta.foundation-mq-small-only{font-family:"/only screen and (max-width: 40em)/";width:0}meta.foundation-mq-medium{font-family:"/only screen and (min-width:40.0625em)/";width:40.0625em}meta.foundation-mq-medium-only{font-family:"/only screen and (min-width:40.0625em) and (max-width:64em)/";width:40.0625em}meta.foundation-mq-large{font-family:"/only screen and (min-width:64.0625em)/";width:64.0625em}meta.foundation-mq-large-only{font-family:"/only screen and (min-width:64.0625em) and (max-width:90em)/";width:64.0625em}meta.foundation-mq-xlarge{font-family:"/only screen and (min-width:90.0625em)/";width:90.0625em}meta.foundation-mq-xlarge-only{font-family:"/only screen and (min-width:90.0625em) and (max-width:120em)/";width:90.0625em}meta.foundation-mq-xxlarge{font-family:"/only screen and (min-width:120.0625em)/";width:120.0625em}meta.foundation-data-attribute-namespace{font-family:false}html,body{height:100%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body{font-size:100%}body{background:#fff;color:#222;cursor:auto;font-family:Noto Sans,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.5;margin:0;padding:0;position:relative}a:hover{cursor:pointer}img{max-width:100%;height:auto}img{-ms-interpolation-mode:bicubic}#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object{max-width:none!important}.left{float:left!important}.right{float:right!important}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.hide{display:none}.invisible{visibility:hidden}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:inline-block;vertical-align:middle}textarea{height:auto;min-height:50px}select{width:100%}.row{margin:0 auto;max-width:62.5rem;width:100%}.row:before,.row:after{content:" ";display:table}.row:after{clear:both}.row.collapse>.column,.row.collapse>.columns{padding-left:0;padding-right:0}.row.collapse .row{margin-left:0;margin-right:0}.row .row{margin:0 -.9375rem;max-width:none;width:auto}.row .row:before,.row .row:after{content:" ";display:table}.row .row:after{clear:both}.row .row.collapse{margin:0;max-width:none;width:auto}.row .row.collapse:before,.row .row.collapse:after{content:" ";display:table}.row .row.collapse:after{clear:both}.column,.columns{padding-left:.9375rem;padding-right:.9375rem;width:100%;float:left}.column+.column:last-child,.columns+.columns:last-child{float:right}.column+.column.end,.columns+.columns.end{float:left}@media only screen{.small-push-0{position:relative;left:0;right:auto}.small-pull-0{position:relative;right:0;left:auto}.small-push-1{position:relative;left:8.33333%;right:auto}.small-pull-1{position:relative;right:8.33333%;left:auto}.small-push-2{position:relative;left:16.66667%;right:auto}.small-pull-2{position:relative;right:16.66667%;left:auto}.small-push-3{position:relative;left:25%;right:auto}.small-pull-3{position:relative;right:25%;left:auto}.small-push-4{position:relative;left:33.33333%;right:auto}.small-pull-4{position:relative;right:33.33333%;left:auto}.small-push-5{position:relative;left:41.66667%;right:auto}.small-pull-5{position:relative;right:41.66667%;left:auto}.small-push-6{position:relative;left:50%;right:auto}.small-pull-6{position:relative;right:50%;left:auto}.small-push-7{position:relative;left:58.33333%;right:auto}.small-pull-7{position:relative;right:58.33333%;left:auto}.small-push-8{position:relative;left:66.66667%;right:auto}.small-pull-8{position:relative;right:66.66667%;left:auto}.small-push-9{position:relative;left:75%;right:auto}.small-pull-9{position:relative;right:75%;left:auto}.small-push-10{position:relative;left:83.33333%;right:auto}.small-pull-10{position:relative;right:83.33333%;left:auto}.small-push-11{position:relative;left:91.66667%;right:auto}.small-pull-11{position:relative;right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.small-1{width:8.33333%}.small-2{width:16.66667%}.small-3{width:25%}.small-4{width:33.33333%}.small-5{width:41.66667%}.small-6{width:50%}.small-7{width:58.33333%}.small-8{width:66.66667%}.small-9{width:75%}.small-10{width:83.33333%}.small-11{width:91.66667%}.small-12{width:100%}.small-offset-0{margin-left:0!important}.small-offset-1{margin-left:8.33333%!important}.small-offset-2{margin-left:16.66667%!important}.small-offset-3{margin-left:25%!important}.small-offset-4{margin-left:33.33333%!important}.small-offset-5{margin-left:41.66667%!important}.small-offset-6{margin-left:50%!important}.small-offset-7{margin-left:58.33333%!important}.small-offset-8{margin-left:66.66667%!important}.small-offset-9{margin-left:75%!important}.small-offset-10{margin-left:83.33333%!important}.small-offset-11{margin-left:91.66667%!important}.small-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.small-centered,.columns.small-centered{margin-left:auto;margin-right:auto;float:none}.column.small-uncentered,.columns.small-uncentered{float:left;margin-left:0;margin-right:0}.column.small-centered:last-child,.columns.small-centered:last-child{float:none}.column.small-uncentered:last-child,.columns.small-uncentered:last-child{float:left}.column.small-uncentered.opposite,.columns.small-uncentered.opposite{float:right}.row.small-collapse>.column,.row.small-collapse>.columns{padding-left:0;padding-right:0}.row.small-collapse .row{margin-left:0;margin-right:0}.row.small-uncollapse>.column,.row.small-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}}@media only screen and (min-width:40.0625em){.medium-push-0{position:relative;left:0;right:auto}.medium-pull-0{position:relative;right:0;left:auto}.medium-push-1{position:relative;left:8.33333%;right:auto}.medium-pull-1{position:relative;right:8.33333%;left:auto}.medium-push-2{position:relative;left:16.66667%;right:auto}.medium-pull-2{position:relative;right:16.66667%;left:auto}.medium-push-3{position:relative;left:25%;right:auto}.medium-pull-3{position:relative;right:25%;left:auto}.medium-push-4{position:relative;left:33.33333%;right:auto}.medium-pull-4{position:relative;right:33.33333%;left:auto}.medium-push-5{position:relative;left:41.66667%;right:auto}.medium-pull-5{position:relative;right:41.66667%;left:auto}.medium-push-6{position:relative;left:50%;right:auto}.medium-pull-6{position:relative;right:50%;left:auto}.medium-push-7{position:relative;left:58.33333%;right:auto}.medium-pull-7{position:relative;right:58.33333%;left:auto}.medium-push-8{position:relative;left:66.66667%;right:auto}.medium-pull-8{position:relative;right:66.66667%;left:auto}.medium-push-9{position:relative;left:75%;right:auto}.medium-pull-9{position:relative;right:75%;left:auto}.medium-push-10{position:relative;left:83.33333%;right:auto}.medium-pull-10{position:relative;right:83.33333%;left:auto}.medium-push-11{position:relative;left:91.66667%;right:auto}.medium-pull-11{position:relative;right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.medium-1{width:8.33333%}.medium-2{width:16.66667%}.medium-3{width:25%}.medium-4{width:33.33333%}.medium-5{width:41.66667%}.medium-6{width:50%}.medium-7{width:58.33333%}.medium-8{width:66.66667%}.medium-9{width:75%}.medium-10{width:83.33333%}.medium-11{width:91.66667%}.medium-12{width:100%}.medium-offset-0{margin-left:0!important}.medium-offset-1{margin-left:8.33333%!important}.medium-offset-2{margin-left:16.66667%!important}.medium-offset-3{margin-left:25%!important}.medium-offset-4{margin-left:33.33333%!important}.medium-offset-5{margin-left:41.66667%!important}.medium-offset-6{margin-left:50%!important}.medium-offset-7{margin-left:58.33333%!important}.medium-offset-8{margin-left:66.66667%!important}.medium-offset-9{margin-left:75%!important}.medium-offset-10{margin-left:83.33333%!important}.medium-offset-11{margin-left:91.66667%!important}.medium-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.medium-centered,.columns.medium-centered{margin-left:auto;margin-right:auto;float:none}.column.medium-uncentered,.columns.medium-uncentered{float:left;margin-left:0;margin-right:0}.column.medium-centered:last-child,.columns.medium-centered:last-child{float:none}.column.medium-uncentered:last-child,.columns.medium-uncentered:last-child{float:left}.column.medium-uncentered.opposite,.columns.medium-uncentered.opposite{float:right}.row.medium-collapse>.column,.row.medium-collapse>.columns{padding-left:0;padding-right:0}.row.medium-collapse .row{margin-left:0;margin-right:0}.row.medium-uncollapse>.column,.row.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{position:relative;left:0;right:auto}.pull-0{position:relative;right:0;left:auto}.push-1{position:relative;left:8.33333%;right:auto}.pull-1{position:relative;right:8.33333%;left:auto}.push-2{position:relative;left:16.66667%;right:auto}.pull-2{position:relative;right:16.66667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.33333%;right:auto}.pull-4{position:relative;right:33.33333%;left:auto}.push-5{position:relative;left:41.66667%;right:auto}.pull-5{position:relative;right:41.66667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.33333%;right:auto}.pull-7{position:relative;right:58.33333%;left:auto}.push-8{position:relative;left:66.66667%;right:auto}.pull-8{position:relative;right:66.66667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.33333%;right:auto}.pull-10{position:relative;right:83.33333%;left:auto}.push-11{position:relative;left:91.66667%;right:auto}.pull-11{position:relative;right:91.66667%;left:auto}}@media only screen and (min-width:64.0625em){.large-push-0{position:relative;left:0;right:auto}.large-pull-0{position:relative;right:0;left:auto}.large-push-1{position:relative;left:8.33333%;right:auto}.large-pull-1{position:relative;right:8.33333%;left:auto}.large-push-2{position:relative;left:16.66667%;right:auto}.large-pull-2{position:relative;right:16.66667%;left:auto}.large-push-3{position:relative;left:25%;right:auto}.large-pull-3{position:relative;right:25%;left:auto}.large-push-4{position:relative;left:33.33333%;right:auto}.large-pull-4{position:relative;right:33.33333%;left:auto}.large-push-5{position:relative;left:41.66667%;right:auto}.large-pull-5{position:relative;right:41.66667%;left:auto}.large-push-6{position:relative;left:50%;right:auto}.large-pull-6{position:relative;right:50%;left:auto}.large-push-7{position:relative;left:58.33333%;right:auto}.large-pull-7{position:relative;right:58.33333%;left:auto}.large-push-8{position:relative;left:66.66667%;right:auto}.large-pull-8{position:relative;right:66.66667%;left:auto}.large-push-9{position:relative;left:75%;right:auto}.large-pull-9{position:relative;right:75%;left:auto}.large-push-10{position:relative;left:83.33333%;right:auto}.large-pull-10{position:relative;right:83.33333%;left:auto}.large-push-11{position:relative;left:91.66667%;right:auto}.large-pull-11{position:relative;right:91.66667%;left:auto}.column,.columns{position:relative;padding-left:.9375rem;padding-right:.9375rem;float:left}.large-1{width:8.33333%}.large-2{width:16.66667%}.large-3{width:25%}.large-4{width:33.33333%}.large-5{width:41.66667%}.large-6{width:50%}.large-7{width:58.33333%}.large-8{width:66.66667%}.large-9{width:75%}.large-10{width:83.33333%}.large-11{width:91.66667%}.large-12{width:100%}.large-offset-0{margin-left:0!important}.large-offset-1{margin-left:8.33333%!important}.large-offset-2{margin-left:16.66667%!important}.large-offset-3{margin-left:25%!important}.large-offset-4{margin-left:33.33333%!important}.large-offset-5{margin-left:41.66667%!important}.large-offset-6{margin-left:50%!important}.large-offset-7{margin-left:58.33333%!important}.large-offset-8{margin-left:66.66667%!important}.large-offset-9{margin-left:75%!important}.large-offset-10{margin-left:83.33333%!important}.large-offset-11{margin-left:91.66667%!important}.large-reset-order{float:left;left:auto;margin-left:0;margin-right:0;right:auto}.column.large-centered,.columns.large-centered{margin-left:auto;margin-right:auto;float:none}.column.large-uncentered,.columns.large-uncentered{float:left;margin-left:0;margin-right:0}.column.large-centered:last-child,.columns.large-centered:last-child{float:none}.column.large-uncentered:last-child,.columns.large-uncentered:last-child{float:left}.column.large-uncentered.opposite,.columns.large-uncentered.opposite{float:right}.row.large-collapse>.column,.row.large-collapse>.columns{padding-left:0;padding-right:0}.row.large-collapse .row{margin-left:0;margin-right:0}.row.large-uncollapse>.column,.row.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem;float:left}.push-0{position:relative;left:0;right:auto}.pull-0{position:relative;right:0;left:auto}.push-1{position:relative;left:8.33333%;right:auto}.pull-1{position:relative;right:8.33333%;left:auto}.push-2{position:relative;left:16.66667%;right:auto}.pull-2{position:relative;right:16.66667%;left:auto}.push-3{position:relative;left:25%;right:auto}.pull-3{position:relative;right:25%;left:auto}.push-4{position:relative;left:33.33333%;right:auto}.pull-4{position:relative;right:33.33333%;left:auto}.push-5{position:relative;left:41.66667%;right:auto}.pull-5{position:relative;right:41.66667%;left:auto}.push-6{position:relative;left:50%;right:auto}.pull-6{position:relative;right:50%;left:auto}.push-7{position:relative;left:58.33333%;right:auto}.pull-7{position:relative;right:58.33333%;left:auto}.push-8{position:relative;left:66.66667%;right:auto}.pull-8{position:relative;right:66.66667%;left:auto}.push-9{position:relative;left:75%;right:auto}.pull-9{position:relative;right:75%;left:auto}.push-10{position:relative;left:83.33333%;right:auto}.pull-10{position:relative;right:83.33333%;left:auto}.push-11{position:relative;left:91.66667%;right:auto}.pull-11{position:relative;right:91.66667%;left:auto}}[class*=block-grid-]{display:block;padding:0;margin:0 -.625rem}[class*=block-grid-]:before,[class*=block-grid-]:after{content:" ";display:table}[class*=block-grid-]:after{clear:both}[class*=block-grid-]>li{display:block;float:left;height:auto;padding:0 .625rem 1.25rem}@media only screen{.small-block-grid-1>li{list-style:none;width:100%}.small-block-grid-1>li:nth-of-type(1n){clear:none}.small-block-grid-1>li:nth-of-type(1n+1){clear:both}.small-block-grid-2>li{list-style:none;width:50%}.small-block-grid-2>li:nth-of-type(1n){clear:none}.small-block-grid-2>li:nth-of-type(2n+1){clear:both}.small-block-grid-3>li{list-style:none;width:33.33333%}.small-block-grid-3>li:nth-of-type(1n){clear:none}.small-block-grid-3>li:nth-of-type(3n+1){clear:both}.small-block-grid-4>li{list-style:none;width:25%}.small-block-grid-4>li:nth-of-type(1n){clear:none}.small-block-grid-4>li:nth-of-type(4n+1){clear:both}.small-block-grid-5>li{list-style:none;width:20%}.small-block-grid-5>li:nth-of-type(1n){clear:none}.small-block-grid-5>li:nth-of-type(5n+1){clear:both}.small-block-grid-6>li{list-style:none;width:16.66667%}.small-block-grid-6>li:nth-of-type(1n){clear:none}.small-block-grid-6>li:nth-of-type(6n+1){clear:both}.small-block-grid-7>li{list-style:none;width:14.28571%}.small-block-grid-7>li:nth-of-type(1n){clear:none}.small-block-grid-7>li:nth-of-type(7n+1){clear:both}.small-block-grid-8>li{list-style:none;width:12.5%}.small-block-grid-8>li:nth-of-type(1n){clear:none}.small-block-grid-8>li:nth-of-type(8n+1){clear:both}.small-block-grid-9>li{list-style:none;width:11.11111%}.small-block-grid-9>li:nth-of-type(1n){clear:none}.small-block-grid-9>li:nth-of-type(9n+1){clear:both}.small-block-grid-10>li{list-style:none;width:10%}.small-block-grid-10>li:nth-of-type(1n){clear:none}.small-block-grid-10>li:nth-of-type(10n+1){clear:both}.small-block-grid-11>li{list-style:none;width:9.09091%}.small-block-grid-11>li:nth-of-type(1n){clear:none}.small-block-grid-11>li:nth-of-type(11n+1){clear:both}.small-block-grid-12>li{list-style:none;width:8.33333%}.small-block-grid-12>li:nth-of-type(1n){clear:none}.small-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:40.0625em){.medium-block-grid-1>li{list-style:none;width:100%}.medium-block-grid-1>li:nth-of-type(1n){clear:none}.medium-block-grid-1>li:nth-of-type(1n+1){clear:both}.medium-block-grid-2>li{list-style:none;width:50%}.medium-block-grid-2>li:nth-of-type(1n){clear:none}.medium-block-grid-2>li:nth-of-type(2n+1){clear:both}.medium-block-grid-3>li{list-style:none;width:33.33333%}.medium-block-grid-3>li:nth-of-type(1n){clear:none}.medium-block-grid-3>li:nth-of-type(3n+1){clear:both}.medium-block-grid-4>li{list-style:none;width:25%}.medium-block-grid-4>li:nth-of-type(1n){clear:none}.medium-block-grid-4>li:nth-of-type(4n+1){clear:both}.medium-block-grid-5>li{list-style:none;width:20%}.medium-block-grid-5>li:nth-of-type(1n){clear:none}.medium-block-grid-5>li:nth-of-type(5n+1){clear:both}.medium-block-grid-6>li{list-style:none;width:16.66667%}.medium-block-grid-6>li:nth-of-type(1n){clear:none}.medium-block-grid-6>li:nth-of-type(6n+1){clear:both}.medium-block-grid-7>li{list-style:none;width:14.28571%}.medium-block-grid-7>li:nth-of-type(1n){clear:none}.medium-block-grid-7>li:nth-of-type(7n+1){clear:both}.medium-block-grid-8>li{list-style:none;width:12.5%}.medium-block-grid-8>li:nth-of-type(1n){clear:none}.medium-block-grid-8>li:nth-of-type(8n+1){clear:both}.medium-block-grid-9>li{list-style:none;width:11.11111%}.medium-block-grid-9>li:nth-of-type(1n){clear:none}.medium-block-grid-9>li:nth-of-type(9n+1){clear:both}.medium-block-grid-10>li{list-style:none;width:10%}.medium-block-grid-10>li:nth-of-type(1n){clear:none}.medium-block-grid-10>li:nth-of-type(10n+1){clear:both}.medium-block-grid-11>li{list-style:none;width:9.09091%}.medium-block-grid-11>li:nth-of-type(1n){clear:none}.medium-block-grid-11>li:nth-of-type(11n+1){clear:both}.medium-block-grid-12>li{list-style:none;width:8.33333%}.medium-block-grid-12>li:nth-of-type(1n){clear:none}.medium-block-grid-12>li:nth-of-type(12n+1){clear:both}}@media only screen and (min-width:64.0625em){.large-block-grid-1>li{list-style:none;width:100%}.large-block-grid-1>li:nth-of-type(1n){clear:none}.large-block-grid-1>li:nth-of-type(1n+1){clear:both}.large-block-grid-2>li{list-style:none;width:50%}.large-block-grid-2>li:nth-of-type(1n){clear:none}.large-block-grid-2>li:nth-of-type(2n+1){clear:both}.large-block-grid-3>li{list-style:none;width:33.33333%}.large-block-grid-3>li:nth-of-type(1n){clear:none}.large-block-grid-3>li:nth-of-type(3n+1){clear:both}.large-block-grid-4>li{list-style:none;width:25%}.large-block-grid-4>li:nth-of-type(1n){clear:none}.large-block-grid-4>li:nth-of-type(4n+1){clear:both}.large-block-grid-5>li{list-style:none;width:20%}.large-block-grid-5>li:nth-of-type(1n){clear:none}.large-block-grid-5>li:nth-of-type(5n+1){clear:both}.large-block-grid-6>li{list-style:none;width:16.66667%}.large-block-grid-6>li:nth-of-type(1n){clear:none}.large-block-grid-6>li:nth-of-type(6n+1){clear:both}.large-block-grid-7>li{list-style:none;width:14.28571%}.large-block-grid-7>li:nth-of-type(1n){clear:none}.large-block-grid-7>li:nth-of-type(7n+1){clear:both}.large-block-grid-8>li{list-style:none;width:12.5%}.large-block-grid-8>li:nth-of-type(1n){clear:none}.large-block-grid-8>li:nth-of-type(8n+1){clear:both}.large-block-grid-9>li{list-style:none;width:11.11111%}.large-block-grid-9>li:nth-of-type(1n){clear:none}.large-block-grid-9>li:nth-of-type(9n+1){clear:both}.large-block-grid-10>li{list-style:none;width:10%}.large-block-grid-10>li:nth-of-type(1n){clear:none}.large-block-grid-10>li:nth-of-type(10n+1){clear:both}.large-block-grid-11>li{list-style:none;width:9.09091%}.large-block-grid-11>li:nth-of-type(1n){clear:none}.large-block-grid-11>li:nth-of-type(11n+1){clear:both}.large-block-grid-12>li{list-style:none;width:8.33333%}.large-block-grid-12>li:nth-of-type(1n){clear:none}.large-block-grid-12>li:nth-of-type(12n+1){clear:both}}.clearing-thumbs,[data-clearing]{list-style:none;margin-left:0;margin-bottom:0}.clearing-thumbs:before,.clearing-thumbs:after,[data-clearing]:before,[data-clearing]:after{content:" ";display:table}.clearing-thumbs:after,[data-clearing]:after{clear:both}.clearing-thumbs li,[data-clearing] li{float:left;margin-right:10px}.clearing-thumbs[class*=block-grid-] li,[data-clearing][class*=block-grid-] li{margin-right:0}.clearing-blackout{background:#333;height:100%;position:fixed;top:0;width:100%;z-index:998;left:0}.clearing-blackout .clearing-close{display:block}.clearing-container{height:100%;margin:0;overflow:hidden;position:relative;z-index:998}.clearing-touch-label{color:#aaa;font-size:.6em;left:50%;position:absolute;top:50%}.visible-img{height:95%;position:relative}.visible-img img{position:absolute;left:50%;top:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);max-height:100%;max-width:100%}.clearing-caption{background:#333;bottom:0;color:#ccc;font-size:.875em;line-height:1.3;margin-bottom:0;padding:10px 30px 20px;position:absolute;text-align:center;width:100%;left:0}.clearing-close{color:#ccc;display:none;font-size:30px;line-height:1;padding-left:20px;padding-top:10px;z-index:999}.clearing-close:hover,.clearing-close:focus{color:#ccc}.clearing-assembled .clearing-container{height:100%}.clearing-assembled .clearing-container .carousel>ul{display:none}.clearing-feature li{display:none}.clearing-feature li.clearing-featured-img{display:block}@media only screen and (min-width:40.0625em){.clearing-main-prev,.clearing-main-next{height:100%;position:absolute;top:0;width:40px}.clearing-main-prev>span,.clearing-main-next>span{border:solid 12px;display:block;height:0;position:absolute;top:50%;width:0}.clearing-main-prev>span:hover,.clearing-main-next>span:hover{opacity:.8}.clearing-main-prev{left:0}.clearing-main-prev>span{left:5px;border-color:transparent;border-right-color:#ccc}.clearing-main-next{right:0}.clearing-main-next>span{border-color:transparent;border-left-color:#ccc}.clearing-main-prev.disabled,.clearing-main-next.disabled{opacity:.3}.clearing-assembled .clearing-container .carousel{background:rgba(51,51,51,.8);height:120px;margin-top:10px;text-align:center}.clearing-assembled .clearing-container .carousel>ul{display:inline-block;z-index:999;height:100%;position:relative;float:none}.clearing-assembled .clearing-container .carousel>ul li{clear:none;cursor:pointer;display:block;float:left;margin-right:0;min-height:inherit;opacity:.4;overflow:hidden;padding:0;position:relative;width:120px}.clearing-assembled .clearing-container .carousel>ul li.fix-height img{height:100%;max-width:none}.clearing-assembled .clearing-container .carousel>ul li a.th{border:none;box-shadow:none;display:block}.clearing-assembled .clearing-container .carousel>ul li img{cursor:pointer!important;width:100%!important}.clearing-assembled .clearing-container .carousel>ul li.visible{opacity:1}.clearing-assembled .clearing-container .carousel>ul li:hover{opacity:.8}.clearing-assembled .clearing-container .visible-img{background:#333;height:85%;overflow:hidden}.clearing-close{padding-left:0;padding-top:0;position:absolute;top:10px;right:20px}}.reveal-modal-bg{background:#000;background:rgba(0,0,0,.45);bottom:0;display:none;position:fixed;right:0;top:0;z-index:1004;left:0}.reveal-modal{border-radius:3px;display:none;position:absolute;top:0;visibility:hidden;width:100%;z-index:1005;left:0;background-color:#fff;padding:1.875rem;border:solid 1px #666;box-shadow:0 0 10px rgba(0,0,0,.4)}@media only screen and (max-width:40em){.reveal-modal{min-height:100vh}}.reveal-modal .column,.reveal-modal .columns{min-width:0}.reveal-modal>:first-child{margin-top:0}.reveal-modal>:last-child{margin-bottom:0}@media only screen and (min-width:40.0625em){.reveal-modal{left:0;margin:0 auto;max-width:62.5rem;right:0;width:80%}}@media only screen and (min-width:40.0625em){.reveal-modal{top:6.25rem}}.reveal-modal.radius{border-radius:3px}.reveal-modal.round{border-radius:1000px}.reveal-modal.collapse{padding:0}@media only screen and (min-width:40.0625em){.reveal-modal.tiny{left:0;margin:0 auto;max-width:62.5rem;right:0;width:30%}}@media only screen and (min-width:40.0625em){.reveal-modal.small{left:0;margin:0 auto;max-width:62.5rem;right:0;width:40%}}@media only screen and (min-width:40.0625em){.reveal-modal.medium{left:0;margin:0 auto;max-width:62.5rem;right:0;width:60%}}@media only screen and (min-width:40.0625em){.reveal-modal.large{left:0;margin:0 auto;max-width:62.5rem;right:0;width:70%}}@media only screen and (min-width:40.0625em){.reveal-modal.xlarge{left:0;margin:0 auto;max-width:62.5rem;right:0;width:95%}}.reveal-modal.full{height:100vh;height:100%;left:0;margin-left:0!important;max-width:none!important;min-height:100vh;top:0}@media only screen and (min-width:40.0625em){.reveal-modal.full{left:0;margin:0 auto;max-width:62.5rem;right:0;width:100%}}.reveal-modal.toback{z-index:1003}.reveal-modal .close-reveal-modal{color:#aaa;cursor:pointer;font-size:2.5rem;font-weight:700;line-height:1;position:absolute;top:.625rem;right:1.375rem}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-justify{text-align:justify!important}@media only screen and (max-width:40em){.small-only-text-left{text-align:left!important}.small-only-text-right{text-align:right!important}.small-only-text-center{text-align:center!important}.small-only-text-justify{text-align:justify!important}}@media only screen{.small-text-left{text-align:left!important}.small-text-right{text-align:right!important}.small-text-center{text-align:center!important}.small-text-justify{text-align:justify!important}}@media only screen and (min-width:40.0625em) and (max-width:64em){.medium-only-text-left{text-align:left!important}.medium-only-text-right{text-align:right!important}.medium-only-text-center{text-align:center!important}.medium-only-text-justify{text-align:justify!important}}@media only screen and (min-width:40.0625em){.medium-text-left{text-align:left!important}.medium-text-right{text-align:right!important}.medium-text-center{text-align:center!important}.medium-text-justify{text-align:justify!important}}@media only screen and (min-width:64.0625em) and (max-width:90em){.large-only-text-left{text-align:left!important}.large-only-text-right{text-align:right!important}.large-only-text-center{text-align:center!important}.large-only-text-justify{text-align:justify!important}}@media only screen and (min-width:64.0625em){.large-text-left{text-align:left!important}.large-text-right{text-align:right!important}.large-text-center{text-align:center!important}.large-text-justify{text-align:justify!important}}@media only screen and (min-width:90.0625em) and (max-width:120em){.xlarge-only-text-left{text-align:left!important}.xlarge-only-text-right{text-align:right!important}.xlarge-only-text-center{text-align:center!important}.xlarge-only-text-justify{text-align:justify!important}}@media only screen and (min-width:90.0625em){.xlarge-text-left{text-align:left!important}.xlarge-text-right{text-align:right!important}.xlarge-text-center{text-align:center!important}.xlarge-text-justify{text-align:justify!important}}@media only screen and (min-width:120.0625em) and (max-width:6249999.9375em){.xxlarge-only-text-left{text-align:left!important}.xxlarge-only-text-right{text-align:right!important}.xxlarge-only-text-center{text-align:center!important}.xxlarge-only-text-justify{text-align:justify!important}}@media only screen and (min-width:120.0625em){.xxlarge-text-left{text-align:left!important}.xxlarge-text-right{text-align:right!important}.xxlarge-text-center{text-align:center!important}.xxlarge-text-justify{text-align:justify!important}}div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}a{color:#008cba;line-height:inherit;text-decoration:none}a:hover,a:focus{color:#0078a0}a img{border:none}p{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:1.25rem;text-rendering:optimizeLegibility}p.lead{font-size:1.21875rem;line-height:1.6}p aside{font-size:.875rem;font-style:italic;line-height:1.35}h1,h2,h3,h4,h5,h6{color:#222;font-family:Noto Sans,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-style:normal;font-weight:400;line-height:1.4;margin-bottom:.5rem;margin-top:.2rem;text-rendering:optimizeLegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#6f6f6f;font-size:60%;line-height:0}h1{font-size:2.125rem}h2{font-size:1.6875rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1.125rem}h6{font-size:1rem}.subheader{line-height:1.4;color:#6f6f6f;font-weight:400;margin-top:.2rem;margin-bottom:.5rem}hr{border:solid #ddd;border-width:1px 0 0;clear:both;height:0;margin:1.25rem 0 1.1875rem}em,i{font-style:italic;line-height:inherit}strong,b{font-weight:700;line-height:inherit}small{font-size:60%;line-height:inherit}code{background-color:#f8f8f8;border-color:#dfdfdf;border-style:solid;border-width:1px;color:#333;font-family:Consolas,Liberation Mono,Courier,monospace;font-weight:400;padding:.125rem .3125rem .0625rem}ul,ol,dl{font-family:inherit;font-size:1rem;line-height:1.6;list-style-position:outside;margin-bottom:1.25rem}ul{margin-left:1.1rem}ul.no-bullet{margin-left:0}ul.no-bullet li ul,ul.no-bullet li ol{margin-left:1.25rem;margin-bottom:0;list-style:none}ul li ul,ul li ol{margin-left:1.25rem;margin-bottom:0}ul.square li ul,ul.circle li ul,ul.disc li ul{list-style:inherit}ul.square{list-style-type:square;margin-left:1.1rem}ul.circle{list-style-type:circle;margin-left:1.1rem}ul.disc{list-style-type:disc;margin-left:1.1rem}ul.no-bullet{list-style:none}ol{margin-left:1.4rem}ol li ul,ol li ol{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:.3rem;font-weight:700}dl dd{margin-bottom:.75rem}abbr,acronym{text-transform:uppercase;font-size:90%;color:#222;cursor:help}abbr{text-transform:none}abbr[title]{border-bottom:1px dotted #ddd}blockquote{margin:0 0 1.25rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #ddd}blockquote cite{display:block;font-size:.8125rem;color:#555}blockquote cite:before{content:"\2014 \0020"}blockquote cite a,blockquote cite a:visited{color:#555}blockquote,blockquote p{line-height:1.6;color:#6f6f6f}.vcard{display:inline-block;margin:0 0 1.25rem;border:1px solid #ddd;padding:.625rem .75rem}.vcard li{margin:0;display:block}.vcard .fn{font-weight:700;font-size:.9375rem}.vevent .summary{font-weight:700}.vevent abbr{cursor:default;text-decoration:none;font-weight:700;border:none;padding:0 .0625rem}@media only screen and (min-width:40.0625em){h1,h2,h3,h4,h5,h6{line-height:1.4}h1{font-size:2.75rem}h2{font-size:2.3125rem}h3{font-size:1.6875rem}h4{font-size:1.4375rem}h5{font-size:1.125rem}h6{font-size:1rem}}.off-canvas-wrap{-webkit-backface-visibility:hidden;position:relative;width:100%;overflow:hidden}.off-canvas-wrap.move-right,.off-canvas-wrap.move-left{min-height:100%;-webkit-overflow-scrolling:touch}.inner-wrap{position:relative;width:100%;-webkit-transition:-webkit-transform 500ms ease;transition:transform 500ms ease}.inner-wrap:before,.inner-wrap:after{content:" ";display:table}.inner-wrap:after{clear:both}.tab-bar{-webkit-backface-visibility:hidden;background:#333;color:#fff;height:2.8125rem;line-height:2.8125rem;position:relative}.tab-bar h1,.tab-bar h2,.tab-bar h3,.tab-bar h4,.tab-bar h5,.tab-bar h6{color:#fff;font-weight:700;line-height:2.8125rem;margin:0}.tab-bar h1,.tab-bar h2,.tab-bar h3,.tab-bar h4{font-size:1.125rem}.left-small{height:2.8125rem;position:absolute;top:0;width:2.8125rem;border-right:solid 1px #1a1a1a;left:0}.right-small{height:2.8125rem;position:absolute;top:0;width:2.8125rem;border-left:solid 1px #1a1a1a;right:0}.tab-bar-section{height:2.8125rem;padding:0 .625rem;position:absolute;text-align:center;top:0}.tab-bar-section.left{text-align:left}.tab-bar-section.right{text-align:right}.tab-bar-section.left{left:0;right:2.8125rem}.tab-bar-section.right{left:2.8125rem;right:0}.tab-bar-section.middle{left:2.8125rem;right:2.8125rem}.tab-bar .menu-icon{color:#fff;display:block;height:2.8125rem;padding:0;position:relative;text-indent:2.1875rem;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:2.8125rem}.tab-bar .menu-icon span::after{content:"";display:block;height:0;position:absolute;top:50%;margin-top:-.5rem;left:.90625rem;box-shadow:0 0 0 1px #fff,0 7px 0 1px #fff,0 14px 0 1px #fff;width:1rem}.tab-bar .menu-icon span:hover:after{box-shadow:0 0 0 1px #b3b3b3,0 7px 0 1px #b3b3b3,0 14px 0 1px #b3b3b3}.left-off-canvas-menu{-webkit-backface-visibility:hidden;background:#333;bottom:0;box-sizing:content-box;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;-webkit-transition:-webkit-transform 500ms ease 0s;transition:transform 500ms ease 0s;width:15.625rem;z-index:1001;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate(-100%,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0}.left-off-canvas-menu *{-webkit-backface-visibility:hidden}.right-off-canvas-menu{-webkit-backface-visibility:hidden;background:#333;bottom:0;box-sizing:content-box;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;-webkit-transition:-webkit-transform 500ms ease 0s;transition:transform 500ms ease 0s;width:15.625rem;z-index:1001;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate(100%,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);right:0}.right-off-canvas-menu *{-webkit-backface-visibility:hidden}ul.off-canvas-list{list-style-type:none;margin:0;padding:0}ul.off-canvas-list li label{background:#444;border-bottom:none;border-top:1px solid #5e5e5e;color:#999;display:block;font-size:.75rem;font-weight:700;margin:0;padding:.3rem .9375rem;text-transform:uppercase}ul.off-canvas-list li a{border-bottom:1px solid #262626;color:rgba(255,255,255,.7);display:block;padding:.66667rem;-webkit-transition:background 300ms ease;transition:background 300ms ease}ul.off-canvas-list li a:hover{background:#242424}ul.off-canvas-list li a:active{background:#242424}.move-right>.inner-wrap{-webkit-transform:translate3d(15.625rem,0,0);-ms-transform:translate(15.625rem,0);-ms-transform:translate3d(15.625rem,0,0);transform:translate3d(15.625rem,0,0)}.move-right .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;-webkit-transition:background 300ms ease;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.move-right .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.move-left>.inner-wrap{-webkit-transform:translate3d(-15.625rem,0,0);-ms-transform:translate(-15.625rem,0);-ms-transform:translate3d(-15.625rem,0,0);transform:translate3d(-15.625rem,0,0)}.move-left .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;-webkit-transition:background 300ms ease;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.move-left .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.offcanvas-overlap .left-off-canvas-menu,.offcanvas-overlap .right-off-canvas-menu{-ms-transform:none;-webkit-transform:none;transform:none;z-index:1003}.offcanvas-overlap .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;-webkit-transition:background 300ms ease;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.offcanvas-overlap .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.offcanvas-overlap-left .right-off-canvas-menu{-ms-transform:none;-webkit-transform:none;transform:none;z-index:1003}.offcanvas-overlap-left .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;-webkit-transition:background 300ms ease;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.offcanvas-overlap-left .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.offcanvas-overlap-right .left-off-canvas-menu{-ms-transform:none;-webkit-transform:none;transform:none;z-index:1003}.offcanvas-overlap-right .exit-off-canvas{-webkit-backface-visibility:hidden;box-shadow:-4px 0 4px rgba(0,0,0,.5),4px 0 4px rgba(0,0,0,.5);cursor:pointer;-webkit-transition:background 300ms ease;transition:background 300ms ease;-webkit-tap-highlight-color:transparent;background:rgba(255,255,255,.2);bottom:0;display:block;left:0;position:absolute;right:0;top:0;z-index:1002}@media only screen and (min-width:40.0625em){.offcanvas-overlap-right .exit-off-canvas:hover{background:rgba(255,255,255,.05)}}.no-csstransforms .left-off-canvas-menu{left:-15.625rem}.no-csstransforms .right-off-canvas-menu{right:-15.625rem}.no-csstransforms .move-left>.inner-wrap{right:15.625rem}.no-csstransforms .move-right>.inner-wrap{left:15.625rem}.left-submenu{-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;background:#333;bottom:0;box-sizing:content-box;margin:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:15.625rem;z-index:1002;-webkit-transform:translate3d(-100%,0,0);-ms-transform:translate(-100%,0);-ms-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);left:0;-webkit-transition:-webkit-transform 500ms ease;transition:transform 500ms ease}.left-submenu *{-webkit-backface-visibility:hidden}.left-submenu .back>a{background:#444;border-bottom:none;border-top:1px solid #5e5e5e;color:#999;font-weight:700;padding:.3rem .9375rem;text-transform:uppercase;margin:0}.left-submenu .back>a:hover{background:#303030;border-bottom:none;border-top:1px solid #5e5e5e}.left-submenu .back>a:before{content:"\AB";margin-right:.5rem;display:inline}.left-submenu.move-right,.left-submenu.offcanvas-overlap-right,.left-submenu.offcanvas-overlap{-webkit-transform:translate3d(0,0,0);-ms-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.right-submenu{-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;background:#333;bottom:0;box-sizing:content-box;margin:0;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;width:15.625rem;z-index:1002;-webkit-transform:translate3d(100%,0,0);-ms-transform:translate(100%,0);-ms-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);right:0;-webkit-transition:-webkit-transform 500ms ease;transition:transform 500ms ease}.right-submenu *{-webkit-backface-visibility:hidden}.right-submenu .back>a{background:#444;border-bottom:none;border-top:1px solid #5e5e5e;color:#999;font-weight:700;padding:.3rem .9375rem;text-transform:uppercase;margin:0}.right-submenu .back>a:hover{background:#303030;border-bottom:none;border-top:1px solid #5e5e5e}.right-submenu .back>a:after{content:"\BB";margin-left:.5rem;display:inline}.right-submenu.move-left,.right-submenu.offcanvas-overlap-left,.right-submenu.offcanvas-overlap{-webkit-transform:translate3d(0,0,0);-ms-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.left-off-canvas-menu ul.off-canvas-list li.has-submenu>a:after{content:"\BB";margin-left:.5rem;display:inline}.right-off-canvas-menu ul.off-canvas-list li.has-submenu>a:before{content:"\AB";margin-right:.5rem;display:inline}@media only screen{.show-for-small-only,.show-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit!important}.hide-for-small-only,.hide-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none!important}.visible-for-small-only,.visible-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hidden-for-small-only,.hidden-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.show-for-small-only,table.show-for-small-up,table.show-for-small,table.show-for-small-down,table.hide-for-medium-only,table.hide-for-medium-up,table.hide-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table!important}thead.show-for-small-only,thead.show-for-small-up,thead.show-for-small,thead.show-for-small-down,thead.hide-for-medium-only,thead.hide-for-medium-up,thead.hide-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.show-for-small-only,tbody.show-for-small-up,tbody.show-for-small,tbody.show-for-small-down,tbody.hide-for-medium-only,tbody.hide-for-medium-up,tbody.hide-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.show-for-small-only,tr.show-for-small-up,tr.show-for-small,tr.show-for-small-down,tr.hide-for-medium-only,tr.hide-for-medium-up,tr.hide-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.show-for-small-only,td.show-for-small-only,th.show-for-small-up,td.show-for-small-up,th.show-for-small,td.show-for-small,th.show-for-small-down,td.show-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.hide-for-medium-up,td.hide-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:40.0625em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.show-for-medium-only,.show-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit!important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.hide-for-medium-only,.hide-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none!important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.visible-for-medium-only,.visible-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.hidden-for-medium-only,.hidden-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.show-for-medium-only,table.show-for-medium-up,table.show-for-medium,table.show-for-medium-down,table.hide-for-large-only,table.hide-for-large-up,table.hide-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table!important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.show-for-medium-only,thead.show-for-medium-up,thead.show-for-medium,thead.show-for-medium-down,thead.hide-for-large-only,thead.hide-for-large-up,thead.hide-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.show-for-medium-only,tbody.show-for-medium-up,tbody.show-for-medium,tbody.show-for-medium-down,tbody.hide-for-large-only,tbody.hide-for-large-up,tbody.hide-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.show-for-medium-only,tr.show-for-medium-up,tr.show-for-medium,tr.show-for-medium-down,tr.hide-for-large-only,tr.hide-for-large-up,tr.hide-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.show-for-medium-only,td.show-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.show-for-medium,td.show-for-medium,th.show-for-medium-down,td.show-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.hide-for-large-up,td.hide-for-large-up,th.hide-for-large,td.hide-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:64.0625em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.show-for-large-only,.show-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit!important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.hide-for-large-only,.hide-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none!important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.visible-for-large-only,.visible-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.hidden-for-large-only,.hidden-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.show-for-large-only,table.show-for-large-up,table.show-for-large,table.show-for-large-down,table.hide-for-xlarge-only,table.hide-for-xlarge-up,table.hide-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table!important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.show-for-large-only,thead.show-for-large-up,thead.show-for-large,thead.show-for-large-down,thead.hide-for-xlarge-only,thead.hide-for-xlarge-up,thead.hide-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.show-for-large-only,tbody.show-for-large-up,tbody.show-for-large,tbody.show-for-large-down,tbody.hide-for-xlarge-only,tbody.hide-for-xlarge-up,tbody.hide-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.show-for-large-only,tr.show-for-large-up,tr.show-for-large,tr.show-for-large-down,tr.hide-for-xlarge-only,tr.hide-for-xlarge-up,tr.hide-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.show-for-large-only,td.show-for-large-only,th.show-for-large-up,td.show-for-large-up,th.show-for-large,td.show-for-large,th.show-for-large-down,td.show-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.hide-for-xlarge-up,td.hide-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:90.0625em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.show-for-xlarge-only,.show-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.show-for-xxlarge-down{display:inherit!important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.hide-for-xlarge-only,.hide-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.hide-for-xxlarge-down{display:none!important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.visible-for-xlarge-only,.visible-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.hidden-for-xlarge-only,.hidden-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.show-for-xlarge-only,table.show-for-xlarge-up,table.show-for-xlarge,table.show-for-xlarge-down,table.hide-for-xxlarge-only,table.hide-for-xxlarge-up,table.hide-for-xxlarge,table.show-for-xxlarge-down{display:table!important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.show-for-xlarge-only,thead.show-for-xlarge-up,thead.show-for-xlarge,thead.show-for-xlarge-down,thead.hide-for-xxlarge-only,thead.hide-for-xxlarge-up,thead.hide-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.show-for-xlarge-only,tbody.show-for-xlarge-up,tbody.show-for-xlarge,tbody.show-for-xlarge-down,tbody.hide-for-xxlarge-only,tbody.hide-for-xxlarge-up,tbody.hide-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.show-for-xlarge-only,tr.show-for-xlarge-up,tr.show-for-xlarge,tr.show-for-xlarge-down,tr.hide-for-xxlarge-only,tr.hide-for-xxlarge-up,tr.hide-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.show-for-xlarge-only,td.show-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.show-for-xlarge,td.show-for-xlarge,th.show-for-xlarge-down,td.show-for-xlarge-down,th.hide-for-xxlarge-only,td.hide-for-xxlarge-only,th.hide-for-xxlarge-up,td.hide-for-xxlarge-up,th.hide-for-xxlarge,td.hide-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell!important}}@media only screen and (min-width:120.0625em){.hide-for-small-only,.show-for-small-up,.hide-for-small,.hide-for-small-down,.hide-for-medium-only,.show-for-medium-up,.hide-for-medium,.hide-for-medium-down,.hide-for-large-only,.show-for-large-up,.hide-for-large,.hide-for-large-down,.hide-for-xlarge-only,.show-for-xlarge-up,.hide-for-xlarge,.hide-for-xlarge-down,.show-for-xxlarge-only,.show-for-xxlarge-up,.show-for-xxlarge,.show-for-xxlarge-down{display:inherit!important}.show-for-small-only,.hide-for-small-up,.show-for-small,.show-for-small-down,.show-for-medium-only,.hide-for-medium-up,.show-for-medium,.show-for-medium-down,.show-for-large-only,.hide-for-large-up,.show-for-large,.show-for-large-down,.show-for-xlarge-only,.hide-for-xlarge-up,.show-for-xlarge,.show-for-xlarge-down,.hide-for-xxlarge-only,.hide-for-xxlarge-up,.hide-for-xxlarge,.hide-for-xxlarge-down{display:none!important}.hidden-for-small-only,.visible-for-small-up,.hidden-for-small,.hidden-for-small-down,.hidden-for-medium-only,.visible-for-medium-up,.hidden-for-medium,.hidden-for-medium-down,.hidden-for-large-only,.visible-for-large-up,.hidden-for-large,.hidden-for-large-down,.hidden-for-xlarge-only,.visible-for-xlarge-up,.hidden-for-xlarge,.hidden-for-xlarge-down,.visible-for-xxlarge-only,.visible-for-xxlarge-up,.visible-for-xxlarge,.visible-for-xxlarge-down{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.visible-for-small-only,.hidden-for-small-up,.visible-for-small,.visible-for-small-down,.visible-for-medium-only,.hidden-for-medium-up,.visible-for-medium,.visible-for-medium-down,.visible-for-large-only,.hidden-for-large-up,.visible-for-large,.visible-for-large-down,.visible-for-xlarge-only,.hidden-for-xlarge-up,.visible-for-xlarge,.visible-for-xlarge-down,.hidden-for-xxlarge-only,.hidden-for-xxlarge-up,.hidden-for-xxlarge,.hidden-for-xxlarge-down{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}table.hide-for-small-only,table.show-for-small-up,table.hide-for-small,table.hide-for-small-down,table.hide-for-medium-only,table.show-for-medium-up,table.hide-for-medium,table.hide-for-medium-down,table.hide-for-large-only,table.show-for-large-up,table.hide-for-large,table.hide-for-large-down,table.hide-for-xlarge-only,table.show-for-xlarge-up,table.hide-for-xlarge,table.hide-for-xlarge-down,table.show-for-xxlarge-only,table.show-for-xxlarge-up,table.show-for-xxlarge,table.show-for-xxlarge-down{display:table!important}thead.hide-for-small-only,thead.show-for-small-up,thead.hide-for-small,thead.hide-for-small-down,thead.hide-for-medium-only,thead.show-for-medium-up,thead.hide-for-medium,thead.hide-for-medium-down,thead.hide-for-large-only,thead.show-for-large-up,thead.hide-for-large,thead.hide-for-large-down,thead.hide-for-xlarge-only,thead.show-for-xlarge-up,thead.hide-for-xlarge,thead.hide-for-xlarge-down,thead.show-for-xxlarge-only,thead.show-for-xxlarge-up,thead.show-for-xxlarge,thead.show-for-xxlarge-down{display:table-header-group!important}tbody.hide-for-small-only,tbody.show-for-small-up,tbody.hide-for-small,tbody.hide-for-small-down,tbody.hide-for-medium-only,tbody.show-for-medium-up,tbody.hide-for-medium,tbody.hide-for-medium-down,tbody.hide-for-large-only,tbody.show-for-large-up,tbody.hide-for-large,tbody.hide-for-large-down,tbody.hide-for-xlarge-only,tbody.show-for-xlarge-up,tbody.hide-for-xlarge,tbody.hide-for-xlarge-down,tbody.show-for-xxlarge-only,tbody.show-for-xxlarge-up,tbody.show-for-xxlarge,tbody.show-for-xxlarge-down{display:table-row-group!important}tr.hide-for-small-only,tr.show-for-small-up,tr.hide-for-small,tr.hide-for-small-down,tr.hide-for-medium-only,tr.show-for-medium-up,tr.hide-for-medium,tr.hide-for-medium-down,tr.hide-for-large-only,tr.show-for-large-up,tr.hide-for-large,tr.hide-for-large-down,tr.hide-for-xlarge-only,tr.show-for-xlarge-up,tr.hide-for-xlarge,tr.hide-for-xlarge-down,tr.show-for-xxlarge-only,tr.show-for-xxlarge-up,tr.show-for-xxlarge,tr.show-for-xxlarge-down{display:table-row}th.hide-for-small-only,td.hide-for-small-only,th.show-for-small-up,td.show-for-small-up,th.hide-for-small,td.hide-for-small,th.hide-for-small-down,td.hide-for-small-down,th.hide-for-medium-only,td.hide-for-medium-only,th.show-for-medium-up,td.show-for-medium-up,th.hide-for-medium,td.hide-for-medium,th.hide-for-medium-down,td.hide-for-medium-down,th.hide-for-large-only,td.hide-for-large-only,th.show-for-large-up,td.show-for-large-up,th.hide-for-large,td.hide-for-large,th.hide-for-large-down,td.hide-for-large-down,th.hide-for-xlarge-only,td.hide-for-xlarge-only,th.show-for-xlarge-up,td.show-for-xlarge-up,th.hide-for-xlarge,td.hide-for-xlarge,th.hide-for-xlarge-down,td.hide-for-xlarge-down,th.show-for-xxlarge-only,td.show-for-xxlarge-only,th.show-for-xxlarge-up,td.show-for-xxlarge-up,th.show-for-xxlarge,td.show-for-xxlarge,th.show-for-xxlarge-down,td.show-for-xxlarge-down{display:table-cell!important}}.show-for-landscape,.hide-for-portrait{display:inherit!important}.hide-for-landscape,.show-for-portrait{display:none!important}table.hide-for-landscape,table.show-for-portrait{display:table!important}thead.hide-for-landscape,thead.show-for-portrait{display:table-header-group!important}tbody.hide-for-landscape,tbody.show-for-portrait{display:table-row-group!important}tr.hide-for-landscape,tr.show-for-portrait{display:table-row!important}td.hide-for-landscape,td.show-for-portrait,th.hide-for-landscape,th.show-for-portrait{display:table-cell!important}@media only screen and (orientation:landscape){.show-for-landscape,.hide-for-portrait{display:inherit!important}.hide-for-landscape,.show-for-portrait{display:none!important}table.show-for-landscape,table.hide-for-portrait{display:table!important}thead.show-for-landscape,thead.hide-for-portrait{display:table-header-group!important}tbody.show-for-landscape,tbody.hide-for-portrait{display:table-row-group!important}tr.show-for-landscape,tr.hide-for-portrait{display:table-row!important}td.show-for-landscape,td.hide-for-portrait,th.show-for-landscape,th.hide-for-portrait{display:table-cell!important}}@media only screen and (orientation:portrait){.show-for-portrait,.hide-for-landscape{display:inherit!important}.hide-for-portrait,.show-for-landscape{display:none!important}table.show-for-portrait,table.hide-for-landscape{display:table!important}thead.show-for-portrait,thead.hide-for-landscape{display:table-header-group!important}tbody.show-for-portrait,tbody.hide-for-landscape{display:table-row-group!important}tr.show-for-portrait,tr.hide-for-landscape{display:table-row!important}td.show-for-portrait,td.hide-for-landscape,th.show-for-portrait,th.hide-for-landscape{display:table-cell!important}}.show-for-touch{display:none!important}.hide-for-touch{display:inherit!important}.touch .show-for-touch{display:inherit!important}.touch .hide-for-touch{display:none!important}table.hide-for-touch{display:table!important}.touch table.show-for-touch{display:table!important}thead.hide-for-touch{display:table-header-group!important}.touch thead.show-for-touch{display:table-header-group!important}tbody.hide-for-touch{display:table-row-group!important}.touch tbody.show-for-touch{display:table-row-group!important}tr.hide-for-touch{display:table-row!important}.touch tr.show-for-touch{display:table-row!important}td.hide-for-touch{display:table-cell!important}.touch td.show-for-touch{display:table-cell!important}th.hide-for-touch{display:table-cell!important}.touch th.show-for-touch{display:table-cell!important}.show-for-sr{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.show-on-focus{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.show-on-focus:focus,.show-on-focus:active{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.print-only{display:none!important}@media print{*{background:transparent!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print{display:table-cell!important}th.show-for-print{display:table-cell!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.hide-on-print{display:none!important}.print-only{display:block!important}.hide-for-print{display:none!important}.show-for-print{display:inherit!important}}@media print{.show-for-print{display:block}.hide-for-print{display:none}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print{display:table-cell!important}th.show-for-print{display:table-cell!important}}@media not print{.show-for-print{display:none!important}}@font-face{font-family:district_prothin;src:url(https://static.igem.org/mediawiki/2015/a/a8/Distproth-webfont.eot);src:url(https://static.igem.org/mediawiki/2015/a/a8/Distproth-webfont.eot?#iefix) format("embedded-opentype"),url(https://static.igem.org/mediawiki/2015/1/17/Distproth-webfont.woff) format("woff"),url(https://static.igem.org/mediawiki/2015/6/63/Distproth-webfont.ttf) format("truetype"),url("https://static.igem.org/mediawiki/2015/f/fc/Distproth-webfont.svg \a #district_prothin") format("svg")}.igem__footer{background-color:#a3e082;border-top:7px black solid}.foot__contain{width:960px;margin:auto}.foot__logo{height:270px;float:left;margin-right:30px}.igem__logo{float:right;height:100px}.foot__text>p{margin-bottom:0}.foot__text>h2{font-weight:700}.foot__row{padding-top:70px;padding-bottom:30px}.nav-contain{margin:20px auto;width:1000px;text-align:center}.nav{height:48px;display:inline-block;font-family:district_prothin;margin-top:8px;margin-bottom:0}.nav>li,.nav:active>.active{float:left;position:relative;margin:0 0 4px;height:44px;color:#ccc;text-shadow:0 1px rgba(0,0,0,.9);background-color:rgba(0,0,0,.05);border:1px solid #232428;border-bottom-color:#1f2326;background-color:rgba(255,255,255,.08);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.08),rgba(255,255,255,0));background-image:-webkit-linear-gradient(top, rgba(255,255,255,.08), rgba(255,255,255,0));background-image:linear-gradient(to bottom,rgba(255,255,255,.08),rgba(255,255,255,0));box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 2px #262a2e,0 3px #1f2326,0 4px 3px rgba(0,0,0,.2)}.nav>li:hover{color:#a3e082;text-shadow:0 1px black,0 0 20px rgba(255,255,255,.5)}.nav>li.active,.nav>.active:active,.nav>li:active{z-index:2;margin:4px 0 0;height:43px;color:#aaa;text-shadow:0 1px black;background-color:rgba(255,255,255,.03);border-color:#212425;border-width:1px 0;background-color:rgba(0,0,0,.2);background-image:-webkit-linear-gradient(top,rgba(0,0,0,.2),transparent);background-image:-webkit-linear-gradient(top, rgba(0,0,0,.2), transparent);background-image:linear-gradient(to bottom,rgba(0,0,0,.2),transparent);box-shadow:inset 0 1px rgba(255,255,255,.05),inset 0 -1px 1px rgba(0,0,0,.15),1px 0 rgba(0,0,0,.05),-1px 0 rgba(0,0,0,.05),0 1px rgba(255,255,255,.05)}.nav>li:active{z-index:3}.nav>li:first-child{border-left-width:1px!important;border-left-color:#212425;border-radius:5px 0 0 5px}.nav>li:last-child{border-right-width:1px!important;border-right-color:#212425;border-radius:0 5px 5px 0}.nav>li+li,.nav:active>.active+li,.nav:active>li+.active{border-left-width:0}.nav>.active+li,.nav>.active:active+li,.nav>li:active+li,.nav>li:active+.active{border-left-width:1px}.nav>li>a{display:block;line-height:44px;padding:0 20px;font-size:20px;color:inherit;text-decoration:none;outline:0}.nav>li{list-style-type:none}.nav .nav-icon{padding:0 15px}.nav-contain ul ul a{display:block;line-height:38px;padding:0 12px;font-size:16px}.nav-contain ul ul li{position:relative;float:left;margin:0;padding:0}.nav-contain ul ul{list-style:none;display:none;position:absolute;top:100%;left:0;background:#a5a5a5;padding:0;z-index:20;-webkit-transition:display .2s linear;transition:display .2s linear;border-radius:5px}.nav-contain ul ul li{float:none;width:150px}.nav-contain ul ul a{line-height:300%}.nav-contain ul ul ul{top:0;left:100%}.nav-contain ul li:hover>ul{display:block}.submenu li:hover{background:#a2a2a2;-webkit-transition:background .2s linear;transition:background .2s linear}.btn:hover,.btn:focus,.btn:active{outline:0!important}.card-container{-webkit-perspective:800px;perspective:800px;margin-bottom:30px}.card-container:not(.manual-flip):hover .card,.card-container.hover.manual-flip .card{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-container.static:hover .card,.card-container.static.hover .card{-webkit-transform:none;-ms-transform:none;transform:none}.card{-webkit-transition:-webkit-transform .5s;transition:transform .5s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}.front,.back{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0;background-color:#FFF;box-shadow:0 1px 3px 0 rgba(0,0,0,.14)}.front{z-index:2}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);z-index:3}.back .flip-btn{position:absolute;left:0;bottom:4px}.card{background:none repeat scroll 0 0 #fff;border-radius:8px;color:#333}.card img{border-radius:4px}.card-container,.front,.back{width:100%;height:500px;border-radius:4px;box-shadow:0 0 3px 3px rgba(219,219,219,.3)}.card .cover{height:105px;overflow:hidden;border-radius:4px 4px 0 0}.card .content{background-color:transparent;box-shadow:none;padding:10px 20px 20px}.card .content .main{min-height:160px}.card .back .content .main{height:250px}.card h5{margin:5px 0;font-weight:400;line-height:20px}.card .footer{color:#999;margin:-5px 0 0;padding:0;text-align:center}.card .footer .flip-btn{margin-top:-6px;font-size:20px}.card .header{padding:15px 20px;height:50px}.card .person_name{border-bottom:1px solid #eee;font-family:Noto Sans;color:#111;font-size:18px;font-weight:400;padding-bottom:10px;text-align:left}.flip-btn{opacity:.8;color:#666;background-color:transparent;padding:20px auto}.flip-btn:hover,.flip-btn:focus{background-color:transparent;box-shadow:none;opacity:1}.flip-btn i{font-size:13px}.email{font-weight:700;font-size:14px;margin-bottom:6px}.bio{font-size:14px}button.front-btn{padding:35px 0}.pcards{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body{background-color:#222}h1,h2,h3,h4,h5,h6{font-family:district_prothin,Helvetica,sans-serif}a{color:#047bff}a:hover{opacity:.9;color:#111;-webkit-transition:opacity .3s ease-in-out,color .3s ease-in-out;transition:opacity .3s ease-in-out,color .3s ease-in-out}.logoMark span:first-child{color:#fda290}.logoMark span:last-child{color:#a3e082}.home__callout{margin:0 auto 20px}.home__callout>p{color:#fa2b03;font-family:district_prothin,Helvetica,sans-serif;text-align:center;font-size:25px}.home__callout a{color:#44c201}.home__callout a:hover{color:#a3e082}.hero{width:884px;margin-bottom:40px}.hero__text{margin-top:200px}.hero__head{font-family:district_prothin,Helvetica,sans-serif;color:#fffff6;font-size:4.5em;letter-spacing:.1em;width:450px}.hero__desc{font-family:district_prothin,Helvetica,sans-serif;color:#fffff6;font-size:1.3em;text-align:right}.hero__year{letter-spacing:250%;color:#fffff6;font-family:district_prothin,Helvetica,sans-serif;text-align:center}.section-lighter{padding:70px auto;background-color:#a5a5a5}.section__head{font-family:district_prothin,Helvetica,sans-serif;font-size:3.1em}.section__text{margin:70px auto}.section__text>p{font-size:15px;text-align:justify}.abstract__picture{margin:120px auto;width:360px;height:360px;border-radius:10px}.abstract__picture:hover{opacity:.8;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:-webkit-transform .2s linear;transition:transform .2s linear}.custom__button{cursor:pointer;display:inline-block;min-height:1em;outline:0;border:none;vertical-align:baseline;margin:0 .25em 0 0;padding:.78571em 1.5em;text-transform:none;text-shadow:none;font-weight:700;line-height:1em;font-style:normal;text-align:center;text-decoration:none;border-radius:.28571429rem;box-shadow:0 0 0 1px transparent inset,0 0 0 0 rgba(34,36,38,.15) inset;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;will-change:'';background-color:transparent}.pdf__button{margin-top:25px;box-shadow:0 0 0 2px #44c201 inset!important;color:#44c201;text-shadow:none!important}.pdf__button:hover{background-color:#44c201;color:white}.page__button>a{margin-top:25px;font-size:20px;box-shadow:0 0 0 2px #a3e082 inset!important;color:#a3e082;text-shadow:none!important}.page__button>a:hover{background-color:#a3e082;color:#2b8502}.findout__section,.overview__section{padding:50px;background:#111;text-align:center}.light__head{color:#fffff6;width:310px;padding-bottom:10px;margin:auto;border-bottom:2px #fffff6 solid}.findout__blocks,.overview__blocks{padding-top:40px}.findout__blocks h2,.overview__blocks h2{position:relative;display:inline-block;margin:20px 25px;font-size:1.9em}.switch-border a{padding:15px;color:#237546;font-weight:700;text-shadow:none;-webkit-transition:color .3s;transition:color .3s}.switch-border a::before,.switch-border a::after{position:absolute;left:0;width:100%;height:2px;background:#fff;content:'';opacity:0;-webkit-transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.switch-border a::before{top:-5px;-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}.switch-border a::after{bottom:-6px;-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}.switch-border a:hover,.switch-border a:focus{color:#a3e082}.switch-border a:hover::before,.switch-border a:focus::before,.switch-border a:hover::after,.switch-border a:focus::after{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.contact__section{margin:50px auto;padding-bottom:100px}.contact__section h3{font-weight:700}.contact__section p{margin-bottom:2px}.contact__right{text-align:right;padding-bottom:70px}.page__head{color:#fffff6;width:750px;text-align:center;margin:20px auto;font-size:2em}.content__section{width:884px;margin:70px auto;color:#eee}.content__section h2{color:#eee}.content__section h3{color:#a3e082}.content__section p{margin-top:20px;font-size:.95em;font-weight:100}.content__section__alt{padding:30px 0;background-color:#a5a5a5}.content__section__alt h2:not(.sino__head),.content__section__alt h3{width:884px;margin:10px auto}.content__section__alt>h2{margin:20px auto;color:#111;font-weight:700}.content__section__alt h3{color:#ae1b03}.content__section__alt>p{width:884px;margin:20px auto;color:#111}.return>a{color:#ae1b03;padding:10px 20px}.contain__overview{width:1160px;margin:30px auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.contain__overview h2{font-weight:800;font-size:1.3em;margin-bottom:0;text-align:left;padding-left:15px}.bigblock{color:#fffff6;font-size:2.5em;margin:auto 12px;display:block}.bigblock:first-child{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:-25%;-ms-transform-origin:-25%;transform-origin:-25%}.bigblock:last-child{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.left__block{background-color:#a5a5a5;border-radius:5px;box-shadow:0 0 6px 8px rgba(17,17,17,.5)}.left__block h2{margin:10px auto}.left__block img{margin:15px}.right__block{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.right__block h2:first-child{margin:15px auto;margin-bottom:0}.right__block h2:last-child{margin:15px auto;margin-top:-15px}.right__block img{margin:15px}.upper{background-color:#41b178;border-radius:5px;box-shadow:0 0 6px 8px rgba(17,17,17,.5)}.upper li{margin-bottom:-20px}.lower{margin-top:30px;background-color:#ee7c77;border-radius:5px;box-shadow:0 0 6px 8px rgba(17,17,17,.5)}.overview__items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;vertical-align:baseline;position:relative;list-style:none;margin-left:0}.overview__items li:not(:first-child):before{font-size:2.2em;margin:0 -10px;position:absolute;top:55px;content:"\00bb";color:white;height:40px;width:30px}.overview__items img:hover{opacity:.9;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.overview__items img{border-radius:5px}.overview__head{text-align:center}.over__blocks{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.over__blocks>div{border-radius:12px;margin:10px}.over__blocks img{padding-bottom:15px}.over__blocks p:not(:nth-child(2)){text-indent:1.5em}.over__blocks h2{margin:10px 0;font-size:2em;font-weight:600;color:#444}.cyano_block{background-color:#41b178;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;flex-align:center}.cyano_block h2{text-align:left}.sino_block{background-color:#ee7c77;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.sino__head{text-align:left}.launch__modal{text-align:center;margin:20px auto}.launch__modal .custom__button{font-size:15px;box-shadow:0 0 0 2px #333 inset!important;color:#333;text-shadow:none!important;background-color:rgba(255,255,255,.7)}.launch__modal .custom__button:hover{opacity:1}.modal__title{font-weight:700;margin-bottom:20px;text-align:center}.reveal-modal p:not(:nth-child(2)){text-indent:1.5em}.redModal{box-shadow:0 0 25px 5px #de2150}.greenModal{box-shadow:0 0 25px 5px #5ec76d}.grayModal{box-shadow:0 0 25px 5px #fafafa}.overview__section:not(:first-child){margin-top:-30px!important}.content__dark{margin-left:0}.content__dark h4{color:#eee}.content__dark .readable p{color:#111;background-color:rgba(254,254,254,.7);padding:20px;border-radius:5px}.content__dark .readable{padding-left:0}.readable p{color:#111;background-color:rgba(254,254,254,.7);padding:20px;border-radius:5px}.readable ul{margin-left:0;color:#111;background-color:rgba(254,254,254,.7);padding:10px;border-radius:5px}.readable ul li{margin-left:20px}.part__row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.part__row img{margin-top:55px;border-radius:5px}.part__row img:hover{-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}.uni__link{font-size:.75em}.content__holder{width:884px;margin:10px auto;text-align:left}.standards section{border-top:#111 8px solid}.standards>section:nth-child(1){background:#ffbf4d}.standards section:nth-child(2){background:#c8cdcb}.standards section:nth-child(3){background:#c78c45}.standards ul{margin-top:30px;list-style:none}#gold,#silver,#bronze{margin-top:-50px;text-align:left;font-size:5em;font-weight:400}#silver{text-align:right}.bsbtn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:button;border:none}.bio__head{margin-bottom:10px;margin-left:84px}.bio__head>h2{font-weight:700;width:560px!important}.pitch{background-color:#000!important;width:100%;margin:-30px auto;padding:30px 200px}.pitch h2{padding:30px;text-align:center}.credits{padding:30px 0}.credits h5{color:#fffff6;font-size:1.1em;padding-bottom:0;font-family:Noto Sans}.credits p{margin:0;margin-bottom:25px;text-align:justify;font-size:13px}.credits .columns{padding-right:40px}.corporate{padding-bottom:70px}.entries{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:1000px;margin:0 auto;margin-top:-50px}.lab__entry{margin:10px;width:270px;height:270px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.lab__entry h2{padding:10px 20px;padding-top:68px;color:#000;font-weight:700}.lab__entry a{padding:40px 20px;margin-bottom:20px;font-size:20px}.lab__entry:nth-child(even){background-color:#a2a2a2}.lab__entry:nth-child(odd){background-color:#dedede}.lab__entry:hover{opacity:.8;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.file__link{font-size:1.5em;font-weight:700}.references>p{padding-left:22px;text-indent:-22px!important}.week_log a{margin:10px 15px;display:inline-block}img.overview_body{float:right;padding:25px;max-width:50%}
+
</style>
+
<!-- End of CSS  -->
+
<script>
+
      document.getElementById("content").removeAttribute("id");
+
      document.querySelector(".firstHeading").style.display="none";
+
      document.querySelector("#bodyContent p").style.display="none";
+
    </script>
+
</html>
+
  
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
+
function showSlides() {
 +
    var i;
 +
    var slides = document.getElementsByClassName("mySlides");
 +
    for (i = 0; i < slides.length; i++) {
 +
        slides[i].style.display = "none";
 +
    }
 +
    slideIndex++;
 +
    if (slideIndex> slides.length) {slideIndex = 1}  
 +
    slides[slideIndex-1].style.display = "block";
 +
    setTimeout(showSlides, 3000); // Change image every 3 seconds
 +
}
  
<html>
+
</script>
  <head>
+
<!-- End of SS JS -->
    <link href="http://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet" type="text/css">
+
  
  </head>
 
  <body>
 
    <nav class="nav-contain">
 
      <ul class="nav">
 
        <li> <a href="https://2015.igem.org/Team:Yale" class="logoMark"> <span>Non</span><span>Model</span></a>
 
        </li>
 
        <li class="submenu"><a href="https://2015.igem.org/Team:Yale/project">Project</a>
 
          <ul>
 
            <li><a href="https://2015.igem.org/Team:Yale/project#overview" alt="Overview">Overview</a></li>
 
            <li><a href="https://2015.igem.org/Team:Yale/methods" alt="Methods">Methods</a></li>
 
            <li><a href="https://2015.igem.org/Team:Yale/results" alt="Results">Results</a></li>
 
            <li><a href="https://2015.igem.org/Team:Yale/modeling" alt="Modeling">Modeling</a></li>
 
            <li><a href="https://2015.igem.org/Team:Yale/parts" alt="Parts">Parts</a></li>
 
          </ul>
 
        </li>
 
        <li class="submenu"><a href="https://2015.igem.org/Team:Yale/notebook">Notebook</a>
 
          <ul>
 
            <li><a href="https://2015.igem.org/Team:Yale/notebook" alt="Weekly">Weekly</a></li>
 
            <li><a href="https://static.igem.org/mediawiki/2015/f/fb/Yale_iGEM_Project_Summary_2015.pdf" alt="PDF Summary">PDF Summary</a></li>
 
          </ul>
 
        </li>
 
        <li class="submenu"><a href="https://2015.igem.org/Team:Yale/collaborations">Collaborations</a></li>
 
        <li class="submenu"><a href="https://2015.igem.org/Team:Yale/practices">Human Practices</a>
 
          <ul>
 
            <li><a href="https://2015.igem.org/Team:Yale/practices#ssri" alt="SSRI">SSRI</a></li>
 
            <li><a href="https://2015.igem.org/Team:Yale/practices#lgbtq" alt="LGBTQ Survey">LGBTQ Survey</a></li>
 
          </ul>
 
        </li>
 
        <li class="submenu"><a href="https://2015.igem.org/Team:Yale/team">Team</a>
 
          <ul>
 
            <li><a href="https://2015.igem.org/Team:Yale/team" alt="People">People</a></li>
 
            <li><a href="https://2015.igem.org/Team:Yale/Attributions" alt="Acknowledgements">Attributions</a></li>
 
          </ul>
 
        </li>
 
        <li class="submenu"><a href="https://2015.igem.org/Team:Yale/standards">Standard Pages</a>
 
          <ul>
 
            <li><a href="https://2015.igem.org/Team:Yale/standards" alt="Gold">Standard Pages</a></li>
 
            <li><a href="https://2015.igem.org/Team:Yale/standards#gold" alt="Gold">Gold Standards</a></li>
 
            <li><a href="https://2015.igem.org/Team:Yale/standards#silver" alt="Silver">Silver Standards</a></li>
 
            <li><a href="https://2015.igem.org/Team:Yale/standards#bronze" alt="Bronze">Bronze Standards</a></li>
 
          </ul>
 
        </li>
 
      </ul>
 
    </nav>
 
    <div class="row">
 
      <div class="small-12 columns home__callout">
 
        <p>Not your typical role model. <a href="https://2015.igem.org/Team:Yale/project#overview">Learn more.</a></p>
 
      </div>
 
    </div>
 
    <div class="row hero">
 
      <div class="small-7 columns"><img src="https://static.igem.org/mediawiki/2015/6/62/IGEM_Tree_Round.png"></div>
 
      <div class="small-5 columns hero__text">
 
        <p class="hero__desc">Developing a Framework for the Genetic Manipulation of Non-Model and Environmentally Significant Microbes</p>
 
        <h1 class="hero__head">Yale iGEM</h1>
 
        <div class="text-center">
 
          <h2 class="hero__year">2015</h2><a class="custom__button pdf__button" href="https://static.igem.org/mediawiki/2015/f/fb/Yale_iGEM_Project_Summary_2015.pdf">PDF Summary</a>
 
        </div>
 
      </div>
 
    </div>
 
    <section class="section-lighter">
 
      <div class="row">
 
        <div class="small-8 columns">
 
          <div class="section__text">
 
            <h2 class="section__head">Project Abstract</h2>
 
            <p class="abstract__text">We focused on establishing a framework to implement genetic manipulation techniques—specifically, multiplex automated genome engineering (MAGE) and CRISPR-Cas9 systems—into non-model, environmentally significant microbes using standard biological parts. The framework involves two components: (1) propagation and selection of cultures and (2) manipulation of cell genomes by MAGE and/or CRISPR. We identified design considerations for both components of the framework, and experimentally validated propagation and selection considerations using cyanobacterial strain Synechococcus sp. PCC 7002 (a fast-growing cyanobacterium capable of lipid biofuel production) and Rhizobium tropici CIAT (a nitrogen-fixing rhizobium which forms root nodules in legume plants). We then developed a workflow for the design, construction, and testing of MAGE and CRISPR technologies into non-model prokaryotes. The insights we gained from validating the propagation component of our workflow will serve to improve the versatility and robustness of our framework and will inform the development of tools for genetic manipulation in other non-model organisms.</p>
 
          </div>
 
        </div>
 
        <div class="small-4 columns"><img src="https://static.igem.org/mediawiki/2015/f/f5/Home.jpg" class="abstract__picture"></div>
 
      </div>
 
    </section>
 
    <section class="findout__section">
 
      <h2 class="light__head">Find Out More</h2>
 
      <div class="row findout__blocks">
 
        <div class="small-12 switch-border">
 
          <h2><a href="https://2015.igem.org/Team:Yale/project" alt="Project">Project</a></h2>
 
          <h2><a href="https://2015.igem.org/Team:Yale/notebook" alt="Notebook">Notebook</a></h2>
 
          <h2><a href="https://2015.igem.org/Team:Yale/collaborations" alt="Collaborations">Collaborations</a></h2>
 
          <h2><a href="https://2015.igem.org/Team:Yale/team" alt="Team">Team</a></h2>
 
          <h2><a href="https://2015.igem.org/Team:Yale/practices" alt="Human Practices">Human Practices</a></h2>
 
          <h2><a href="https://2015.igem.org/Team:Yale/standards" alt="iGEM Standards">iGEM Standards</a></h2>
 
          <h2><a href="https://static.igem.org/mediawiki/2015/f/fb/Yale_iGEM_Project_Summary_2015.pdf" alt="PDF Summary">PDF Summary</a></h2>
 
        </div>
 
      </div>
 
    </section>
 
    <section class="section-lighter">
 
      <div class="row">
 
        <div class="contact__section">
 
          <div class="small-5 columns contact__right">
 
            <h2 class="section__head">Contact Us: </h2>
 
            <h3>Undergraduate Researchers</h3>
 
            <p>Colin Hemez: colin.hemez@yale.edu</p>
 
            <p>Lionel Jin: chentian.jin@yale.edu</p>
 
            <p>Danny Keller: daniel.keller@yale.edu</p>
 
            <p>Dan Shapiro: daniel.m.shapiro@yale.edu</p>
 
            <p>Jessica Tantivit: jessica.tantivit@yale.edu</p>
 
            <p>Erin Wang: erin.wang@yale.edu</p>
 
            <p>Holly Zhou: holly.zhou@yale.edu</p>
 
            <h3>Graduate Student Mentor</h3>
 
            <p>Natalie Ma (lead mentor): natalie.ma@yale.edu</p>
 
            <p>Corey Perez (mentor): corey.perez@yale.edu</p>
 
            <p>Jaymin Patel (mentor): jaymin.patel@yale.edu</p>
 
            <p>Paul Muir (mentor): paul.muir@yale.edu</p>
 
          </div>
 
          <div class="small-7 columns">
 
            <h2 class="section__head">igem.yale@gmail.com</h2>
 
            <h3>iGEM Team Board</h3>
 
            <p>Ed Kong (president): edward.kong@yale.edu</p>
 
            <p>Alex Buhimschi (vice-president): alexandru.buhimschi@yale.edu</p>
 
            <p>Stephanie Mao (outreach chair): stephanie.mao@yale.edu</p>
 
            <p>Yamini Naidu (treasurer): yamini.naidu@yale.edu</p>
 
            <p>Ariel Hernandez-Leyva (research head): ariel.hernandez-leyva@yale.edu</p>
 
            <p>Joel Sher (research adviser): joel.sher@yale.edu</p>
 
            <h3>Faculty Advisors</h3>
 
            <p>Farren Isaacs (Yale MCDB): farren.isaacs@yale.edu</p>
 
            <p>Stephen Dellaporta (Yale MCDB): stephen.dellaporta@yale.edu</p>
 
          </div>
 
        </div>
 
      </div>
 
    </section>
 
 
</html>
 
</html>
{{Template:Lubbock_TTU/Footer}}
 

Latest revision as of 15:54, 22 July 2016

TITLE

"Tagline"


3 / 3
2 / 3
1 / 3