Loading menubar.....

Difference between revisions of "Team:CAU China/Description"

 
(9 intermediate revisions by one other user not shown)
Line 311: Line 311:
  
 
.h2,h2 {
 
.h2,h2 {
   font-size: 2rem
+
   font-size: 2.5rem
 
}
 
}
  
Line 2,944: Line 2,944:
 
   float: left;
 
   float: left;
 
   min-width: 10rem;
 
   min-width: 10rem;
   padding: .5rem 0;
+
   padding: 0rem 1.5rem;
 +
  padding-bottom:1rem;
 
   margin: .125rem 0 0;
 
   margin: .125rem 0 0;
 
   font-size: 1rem;
 
   font-size: 1rem;
Line 5,732: Line 5,733:
 
   -ms-flex-pack: center;
 
   -ms-flex-pack: center;
 
   justify-content: center;
 
   justify-content: center;
   width: 15%;
+
   width: 1%;
   color: #fff;
+
   color: #ff9ea6;
 
   text-align: center;
 
   text-align: center;
 
   opacity: .5
 
   opacity: .5
Line 6,048: Line 6,049:
  
 
.d-inline {
 
.d-inline {
   display: inline!important
+
   display: inline!important;
 +
  font-size:1.75rem
 
}
 
}
  
Line 8,983: Line 8,985:
 
   body {background-color:white; }
 
   body {background-color:white; }
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
   #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
  
 
   /* OWN Global Settings */
 
   /* OWN Global Settings */
Line 9,200: Line 9,201:
 
   }
 
   }
  
  #phareferences a{
+
   .post-content p1{
    color:  #2f4a98;
+
     color:#000000;
  }
+
 
+
 
+
  /* TOC part */
+
 
+
  .table-of-contents svg {
+
    position: absolute;
+
    left: 0;
+
    top: 50%;
+
    bottom: auto;
+
    display: none;
+
    stroke: #40E0D0;
+
    transform: translateY(-50%);
+
  }
+
 
+
  .toc-reading svg {
+
    display: block;
+
  }
+
 
+
  .table-of-contents ul {
+
    width: 200px;
+
    counter-reset: articles;
+
    padding: 0;
+
    margin-left: 0;
+
  }
+
 
+
  .table-of-contents li {
+
    display: block;
+
    counter-increment: articles;
+
  }
+
 
+
  .table-of-contents li + li {
+
    margin-top: 2em;
+
  }
+
 
+
  .table-of-contents a {
+
    display: block;
+
    padding: 0 1.1em 0 3.2em;
+
    position: relative;
+
    text-decoration: none;
+
    color: #333;
+
    font-weight: bold;
+
  }
+
 
+
  a.toc-reading,
+
  a.toc-already-read.toc-reading {
+
    color: #40E0D0;
+
    opacity: 1;
+
  }
+
 
+
  a.toc-already-read {
+
    opacity: 0.4;
+
  }
+
 
+
  .table-of-contents a:before {
+
    content: counter(articles, decimal);
+
    position: absolute;
+
    bottom: auto;
+
    left: 0;
+
    top: 50%;
+
    width: 36px;
+
    height: 36px;
+
    line-height: 34px;
+
    text-align: center;
+
    transform: translateY(-50%);
+
    transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
+
    border-radius: 80%;
+
    box-shadow: 0 0 0 1px #d9d9d9 inset;
+
    color: #4d4d4d;
+
  }
+
 
+
   .post-content .row{
+
    text-align: justify;
+
  }
+
  /*++++++++++++++++++++++++++++++++
+
  contents End ++++++++++++++++++++++++++++++*/
+
 
+
 
+
  /*++++++++++++++++++++++++++++++++
+
  slide in Start ++++++++++++++++++++++++++++++*/
+
 
+
  .slide-left.slide-in {
+
    transform: translateX(-3%);
+
  }
+
 
+
  .slide-right.slide-in {
+
    transform: translateX(3%);
+
  }
+
  .slide-bottom.slide-in {
+
    transform: translateY(3%);
+
  }
+
 
+
  .slide-top.slide-in {
+
    transform: translateY(-3%);
+
  }
+
  .slide-there.slide-in {
+
    transform: scale(0.95);
+
  }
+
  .slide-in {
+
    opacity: 0;
+
    transition: all 0.8s;
+
  }
+
  .slide-in.active {
+
    opacity: 1;
+
    transform: translateX(0%) scale(1);
+
  }
+
 
+
 
+
  /*++++++++++++++++++++++++++++++++
+
  slide in End ++++++++++++++++++++++++++++++*/
+
 
+
 
+
  /*++++++++++++++++++++++++++++++++
+
  quotes Start ++++++++++++++++++++++++++++++*/
+
  .quote-card {
+
    background: #fff;
+
     color: #222;
+
    padding: 20px;
+
    padding-left: 50px;
+
    box-sizing: border-box;
+
    box-shadow: 0 2px 4px rgba(34, 34, 34, 0.12);
+
    position: relative;
+
    overflow: hidden;
+
    min-height: 120px;
+
  }
+
  .quote-card p {
+
    font-size: 22px !important;
+
    line-height: 1.5;
+
    margin: 0;
+
    max-width: 80%;
+
  }
+
  .quote-card cite {
+
    font-size: 16px;
+
    margin-top: 10px;
+
    display: block;
+
    font-weight: 200;
+
    opacity: 0.8;
+
  }
+
  .quote-card:before {
+
    font-family: Georgia, serif;
+
    content: "“";
+
    position: absolute;
+
    top: 10px;
+
    left: 10px;
+
    font-size: 5em;
+
    color: rgba(238, 238, 238, 0.8);
+
    font-weight: normal;
+
  }
+
  .quote-card:after {
+
    font-family: Georgia, serif;
+
    content: "”";
+
    position: absolute;
+
    bottom: -110px;
+
    line-height: 100px;
+
    right: -32px;
+
    font-size: 25em;
+
    color: rgba(238, 238, 238, 0.8);
+
    font-weight: normal;
+
  }
+
  @media (max-width: 640px) {
+
    .quote-card:after {
+
      font-size: 10em;
+
      right: 0px;
+
      bottom: 0px;
+
    }
+
  }
+
  .quote-card.blue-card {
+
    background: rgba(0, 158, 198, 1);
+
    color: #fff;
+
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
+
  }
+
  .quote-card.blue-card:before, .quote-card.blue-card:after {
+
    color: rgba(0,203,177,1);
+
  }
+
  .quote-card.red-card {
+
    background: #d32f2f;
+
    color: #fff;
+
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
+
  }
+
  .quote-card.red-card:before, .quote-card.red-card:after {
+
    color: #f44336;
+
  }
+
  .quote-card.yellow-card {
+
    background: #f9a825;
+
    color: #222;
+
    box-shadow: 0 1px 2px rgba(34, 34, 34, 0.12), 0 2px 4px rgba(34, 34, 34, 0.24);
+
  }
+
  .quote-card.yellow-card:before, .quote-card.yellow-card:after {
+
    color: #fbc02d;
+
  }
+
  .credits {
+
    margin-top: 80px;
+
  }
+
  .credits a {
+
    color: #222;
+
    text-decoration: none;
+
    text-shadow: 0 0 2px rgba(34, 34, 34, 0.24);
+
    padding-bottom: 1px;
+
    display: inline-block;
+
    border-bottom: 1px dashed rgba(34, 34, 34, 0.24);
+
    opacity: 0.6;
+
    transition: 0.3s all ease-in;
+
  }
+
  .credits a:hover {
+
    border-bottom-style: solid;
+
    opacity: 1;
+
  }
+
  /*++++++++++++++++++++++++++++++++
+
  quotes End ++++++++++++++++++++++++++++++*/
+
 
+
 
+
  /*++++++++++++++++++++++++++++++++
+
  gallery Start ++++++++++++++++++++++++++++++*/
+
 
+
  /* The grid: Four equal columns that floats next to each other */
+
 
+
  /* Style the images inside the grid */
+
  .gaGallery .col img {
+
    opacity: 0.8;
+
    cursor: pointer;
+
  }
+
 
+
  .gaGallery .col img:hover {
+
    opacity: 1;
+
  }
+
 
+
  /* The expanding image container */
+
  .ga-container {
+
    position: relative;
+
    display: block;
+
  }
+
 
+
  /* Expanding image text */
+
  #imgtext {
+
    position: absolute;
+
    bottom: 15px;
+
    left: 15px;
+
    color: white;
+
    font-size: 20px;
+
  }
+
 
+
  /* Closable button inside the expanded image */
+
  .closebtn {
+
    position: absolute;
+
    top: 10px;
+
    right: 15px;
+
    color: white;
+
    font-size: 35px;
+
    cursor: pointer;
+
  }
+
  /*++++++++++++++++++++++++++++++++
+
  gallery End ++++++++++++++++++++++++++++++*/
+
 
+
  @media only screen and (max-width: 575.98px) {}
+
 
+
  @media only screen and (max-width: 767.98px) {
+
    .pictureTitle{
+
      height: 200px;
+
    }
+
    .pictureTitle .display-2{
+
      font-size: 2rem;
+
    }
+
 
+
    .pictureTitle h4{
+
      font-size: 1rem;
+
    }
+
 
+
    #phaContentsOuter{
+
      display: none;
+
    }
+
    .phaContainer {
+
      width: 100%;
+
      margin: 0;
+
      padding: 0 auto;
+
    }
+
 
+
    .phaContainer > * {
+
      padding: 0;
+
    }
+
    .post-content {
+
      flex-basis: 90vw;
+
      max-width: 100%;
+
      margin:0 3vw;
+
    }
+
    /* important to the link position of the headings */
+
    .post-content h2{
+
      padding-top: 50px;
+
    }
+
    table{
+
      font-size: .8rem;
+
    }
+
    .quote-card p {
+
      font-size: 1rem !important;
+
    }
+
  }
+
 
+
 
+
  @media only screen and (max-width: 1199.98px) {
+
 
+
  }
+
 
+
  @media only screen and (max-width: 1400px) {
+
    .table-of-contents a{
+
      font-size: 0.8rem;
+
    }
+
    .table-of-contents li + li{
+
      margin-top: 1.5em;
+
    }
+
  }
+
</style>
+
<head>
+
  <meta charset="utf-8">
+
  <meta name="viewport" content="width=device-width, initial-scale=1">
+
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+
  <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/1test_js?action=raw&amp;ctype=text/javascript"></script>
+
  <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/2test_js?action=raw&amp;ctype=text/javascript"></script>
+
  <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/3test_js?action=raw&amp;ctype=text/javascript"></script>
+
  <script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/4test_js?action=raw&amp;ctype=text/javascript"></script>
+
</head>
+
</html>
+
<!---{{CAU_China/CSS/CAUCSS}} --->
+
<!---{{CAU_China/CSS/Top}} --->
+
<html lang="en">
+
<body style="">
+
<section id="nav-placeholder">
+
  <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top" style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
+
    <a class="navbar-brand" href="https://2019.igem.org/Team:CAU_China">
+
      <img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="logo" style="width:70px;height:28px">
+
      <h5 class="d-inline ml-3">CAU_China</h5>
+
    </a>
+
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
+
      <span class="navbar-toggler-icon"></span>
+
    </button>
+
    <div class="collapse navbar-collapse justify-content-around" id="collapsibleNavbar">
+
      <ul class="navbar-nav">
+
        <li id="homeButton" class="nav-item mx-3">
+
          <a class="nav-link" href="https://2019.igem.org/Team:CAU_China">HOME</a>
+
        </li>
+
        <li class="nav-item dropdown mx-3">
+
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+
            TEAM
+
          </a>
+
          <div class="dropdown-menu">
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Team">Team Members</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Collaborations">Collaborations</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Attributions">Attributions</a>
+
          </div>
+
        </li>
+
        <li class="nav-item dropdown mx-3">
+
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+
            PROJECT
+
          </a>
+
          <div class="dropdown-menu">
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Description">Description</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Design">Design</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Notebook">Notebook</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Model</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Results">Results</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Demonstrate">Demonstrate</a>
+
          </div>
+
        </li>
+
        <li class="nav-item dropdown mx-3">
+
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+
            PARTS
+
          </a>
+
          <div class="dropdown-menu">
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Parts">Parts Overview</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Basic_Part">Basic Parts</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Improve">Improved Parts</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Composite_Part">Composite Parts</a>
+
          </div>
+
        </li>
+
 
+
        <li class="nav-item mx-3">
+
          <a class="nav-link" href="https://2019.igem.org/Team:CAU_China/Safety">SAFETY</a>
+
        </li>
+
 
+
        <li class="nav-item dropdown mx-3">
+
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+
            HUMAN PRACTICES
+
          </a>
+
          <div class="dropdown-menu">
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Human_Practices">Human Practices</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Public_Engagement">Education & Engagement</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/CCIC">CCIC</a>
+
          </div>
+
        </li>
+
        <li class="nav-item dropdown mx-3">
+
          <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
+
            AWARDS
+
          </a>
+
          <div class="dropdown-menu">
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Measurement">Measurement</a>
+
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Model</a>
+
          </div>
+
        </li>
+
        <li class="nav-item mx-3">
+
          <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=CAU_China" target="_blank">JUDGING FORM ⇗</a>
+
        </li>
+
 
+
        <li class="nav-item mx-1 pt-2">
+
          <a href="https://twitter.com/cau_china" class="fa fa-twitter" target="_blank"></a>
+
        </li>
+
      </ul>
+
    </div>
+
  </nav>
+
</section>
+
<script>
+
  var url = window.location.href;
+
  $(function() {
+
    $('.nav-link[href="'+url+'"]').addClass("active");
+
    $('.dropdown-item[href="'+url+'"]').addClass("active");
+
    $('.dropdown-item[href="'+url+'"]').parent().parent().addClass("active");
+
  });
+
</script>
+
</body>
+
</html>
+
<!---{{CAU_China/CSS/Mainbody}} --->
+
<html>
+
<style>
+
  .pictureTitle{
+
    background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.8)), url("");
+
    background-repeat: no-repeat;
+
    background-size: cover;
+
    background-position:center;
+
  }
+
 
+
 
+
  /* FlowChart*/
+
  #conceptFlowTitle  {
+
    font-size: 2.5rem;
+
    font-weight: bold;
+
  }
+
  .circleM {
+
    height: 100px;
+
    width: 100px;
+
    margin-left: auto;
+
    margin-right: auto;
+
    margin-top: 2rem;
+
    border-radius: 50%;
+
    background-image: linear-gradient(rgba(1,101,224,1), rgba(0,203,177,1));
+
    color: black;
+
    z-index: 2;
+
  }
+
  .circleM img {
+
    max-height: 80px;
+
    width: auto;
+
  }
+
  #conceptFlow h5{
+
    font-weight: bold;
+
    font-size: 2rem;
+
    margin-bottom: 30px;
+
    color:#009ec6;
+
    padding-top: 4rem;
+
  }
+
  #conceptFlow span{
+
 
     font-size: 1.5rem;
 
     font-size: 1.5rem;
  }
 
  /* height of each section*/
 
  .how-it-works.row{
 
    height: auto;
 
    padding-bottom:
 
  }
 
  .how-it-works.row .col-2 {
 
    align-self: stretch;
 
    padding-left: 0;
 
    padding-right: 0;
 
  }
 
  .how-it-works.row .col-2::after {
 
    content: "";
 
    position: absolute;
 
    border-left: 3px solid rgba(82, 187, 199,1);
 
    z-index: 1;
 
  }
 
  .how-it-works.row .col-2.bottom::after {
 
    height: 100%;
 
    left: 50%;
 
    top: 2rem;
 
  }
 
  .how-it-works.row .col-2.fullRight::after {
 
    height: 100%;
 
    left: 50%;
 
  }
 
  .how-it-works.row .col-2.top::after {
 
    height: 3rem;
 
    left: 50%;
 
 
   }
 
   }
  
   .titlePic{
+
   .post-content li{
    padding: 2% 20%;
+
     color:#000000;
  }
+
  .bg-dark-gradient {
+
    background: linear-gradient(#343a40, #ffffff);
+
    background-repeat: no-repeat;
+
    background-size: cover;
+
    background-position: center;
+
  }
+
 
+
  @media only screen and (max-width: 575.98px) {}
+
 
+
  @media only screen and (max-width: 767.98px) {
+
 
+
    #conceptFlowTitle  {
+
      font-size: 2rem;
+
      font-weight: bold;
+
    }
+
    #conceptFlow h5{
+
      font-size: 1.5rem;
+
    }
+
    #conceptFlow h3{
+
      font-size: 1.3rem;
+
    }
+
    #conceptFlow span{
+
      font-size: 1rem;
+
    }
+
 
+
    .how-it-works.row{
+
      height: auto;
+
    }
+
 
+
    .how-it-works.row .col-2::after {
+
      border-left: 1px solid rgba(82, 187, 199,1);
+
    }
+
 
+
    /* FlowChart*/
+
 
+
    .circleM {
+
      height: 50px;
+
      width: 50px;
+
    }
+
    .circleM img {
+
      max-height: 35px;
+
      width: auto;
+
    }
+
    .reg {
+
      padding:0;
+
    }
+
 
+
    .titlePic{
+
      padding: 2% 2%;
+
    }
+
 
+
  }
+
 
+
  @media only screen and (max-width: 991.98px) {}
+
 
+
  @media only screen and (max-width: 1199.98px) {}
+
</style>
+
 
+
<div class="main-container">
+
  <section style="
+
; ; background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
+
    <div class="main-container" style="
+
height: 100%;">
+
      <center style="
+
height: 100%;>
+
        <div class="col-md-10" style="height: 100%;margin-top: 4em;">
+
      <div id="logoPrinteria" class="item" style="
+
    background-image: url(https://2019.igem.org/wiki/images/6/61/T--CAU_China--Lab5.jpg  );
+
    height: 100%;
+
    width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/3/39/T--CAU_China--word-description.png" style=" margin-top: 0px;">
+
 
+
        <i class="stack-interface stack-down-open-big"></i>
+
        </a>
+
      </div>
+
 
+
 
+
    </div>
+
 
+
    </center>
+
</div>
+
</section>
+
</div>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
<div class="phaContainer">
+
  <aside id="phaContentsOuter">
+
    <aside id="phaContents" class="table-of-contents">
+
      <!-- will be generated with JS -->
+
    </aside>
+
  </aside>
+
 
+
  <main class="post-content">
+
    <h2>Project background</h2>
+
    <div class="row">
+
      <div class="col-12">
+
        <p>In China, the theoretical amount of crop stalk is 1.04 billion tons per year, and the collectable amount is 900 million tons [1]. The lignocellulose in crop stalk is a good carbon source and has a high recycling value. However, the methods of stalk disposal in China are still relatively primitive - burning is still the main method of stalk disposal in a wide range of rural areas. According to the estimation of the proportion of open burning fire points monitored by satellite remote sensing of the Ministry of Environmental Protection, the amount of open burning stalk in China in 2015 is about 81.1 million tons, and the total carbon emission is about 34.5 million tons<sup><a href="#phareferences">1</a></sup>. Burning stalk not only fails to utilize the rich carbon source in it, but also brings burden to the environment. Therefore, it is urgent to find environmentally friendly, economical and reasonable stalk degradation methods. </p>
+
        <p>At present, there are five comprehensive utilization methods of stalk in China, which are fertilizer, feed, substrate (used for edible fungi), fuel and raw material (used for paper making or board making). Nevertheless, these five utilization methods only deal with stalk simply and the added value of the products is relatively low, which can not make up for the manpower and technical cost in the process of stalk recycling. With stalk fuel into the case, 1 t stalk can produce about 50 kg (59 L) fuel<sup><a href="#phareferences">2</a></sup>. At present, biomass fuel produced in China can only reach the standard of 0# diesel oil, whose price is about 6.30 yuan/L. As a result, the biomass fuel output value of 1 t stalk is about 371 yuan. In spite of that, after visiting the farmers, it is known that the labor wage of recycling 1 t of corn stalk is about 400 yuan, not to mention the running cost of equipment in the factory. Therefore, most biomass energy enterprises can only rely on state subsidies to maintain operations<sup><a href="#phareferences">3</a></sup>.</p>
+
        <p>In order to make stalk treatment enterprises profitable without subsidies and fundamentally solve the problem of stalk incineration, it is necessary to carry out in-depth treatment of stalk and produce high value-added products. Astaxanthin is the most powerful antioxidant found in nature. It has a wide range of health care functions, including fighting high blood pressure by reducing oxidative stress and relaxing blood vessel walls and even inhibiting cancer metastasis. Astaxanthin has a promising market, with over 98% pure products sold at SIGMA for up to $200 /50 mg. Hence, we decided to construct an engineering Escherichia coli using cellulose to produce astaxanthin to deal with the dilemma of stalk treatment in China. </p>
+
 
+
 
+
 
+
      </div>
+
    </div>
+
    <h2>Research Foundation</h2>
+
    <div class="row">
+
      <div class="col-12">
+
 
+
        <p>There are a variety of enzymes that degrade cellulose, such as β-1,4-glucanase, β-1,4-glucanase and β-glucosidase from Streptomyces azure. These three enzymes work together to degrade cellulose into glucose. Cellulose, however, has a high molecular weight, is insoluble in water, and cannot enter the cells of e. coli, which means we need to display the three cellulose degrading enzymes on the surface. Ice Crystal Nucleoprotein (INP) is a kind of secreted outer membrane protein, which is widely distributed in Pseudomonas Syringae, Pseudomonas fluorescens and other gram-negative bacteria. Compared with other surface technology carrier proteins, INP has the advantages of stable expression of foreign proteins and can display foreign proteins with larger molecular weight<sup><a href="#phareferences">5</a></sup>.</p>
+
        <p>The enzymes involved in each step of the astaxanthin synthesis pathway have been well understood, which lays a foundation for our construction of engineered strains. Astaxanthin is a terpenoid compound, which can be synthesized by FPP, the intermediate metabolite of e. coli. The synthesis of astaxanthin requires the catalysis of six key enzymes, and the detailed metabolic process is shown on the left. Due to the whole genome sequencing of a large number of valuable microorganisms, the genes related to astaxanthin biosynthesis can be found from a variety of microorganisms. It gives us the opportunity to select those microorganisms with high activity of astaxanin-related synthases that are easy to culture as our target gene source.</p>
+
 
+
      </div>
+
    </div>
+
 
+
    <h2>Our project:</h2>
+
    <div class="row">
+
      <div class="col-12">
+
 
+
        <p>In order to realize the conversion from cellulose to astaxanthin, we need to transfer the cellulose degradation genes and astaxanthin synthesis genes into e. coli. Considering we need to transfer a large number of genes, we divided the project into two parts: degradation of cellulose and production of astaxanthin. After realizing the functions of the two parts, they will be integrated together. In the part of cellulose degradation, we need to link β-1,4-glucanase gene, β-1,4-glucanase gene and β-glucosidase gene from Streptomyces azure with INP respectively, anchor them on the outer membrane of e. coli, and then express them on the surface. In this way, e. coli can come into contact with cellulose in the environment and degrade it.</p>
+
        <p>In the part of astaxanthin biosynthesis, we took advantage of the original DXP pathway from e. coli and transferred six foreign genes into it, therefore directed the metabolic flow from FPP to the astaxanthin biosynthesis pathway. In the artificially constructed astaxanin synthesis pathway, the first four genes CrtE, CrtB, CrtI and CrtY can be obtained directly from PCR amplification of bacterial genomic DNA, while the last two genes CrtZ and BKT need codon optimization and modification, so we decided to obtain these two genes by chemical synthesis. All six genes need to be integrated into one plasmid to avoid significant differences in protein expression due to plasmid copy number differences. We selected a low-copy inducible plasmid (pACYC184-M) as the vector of these six genes, it can make e. coli begin to synthesize astaxanthin after passing the logarithmic growth period. Besides, the lower copy number of plasmid can maintain the amount of astaxanthin at a more appropriate level, thus avoiding e. coli poisoning caused by excessive astaxanthin accumulation.</p>
+
        <p>Our ultimate goal is to integrate cellulose degradation and astaxanthin synthesis into a single strain, which means that we need to co-transform plasmids carrying cellulose degradation and astaxanthin synthesis functions into e. coli, or integrate genes responsible for cellulose degradation into the genome of e. coli. Both of these schemes involve a lot of work, so we may first try to experiment with the conversion of cellulose to astaxanthin in a mixed culture.</p>
+
      </div>
+
    </div>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
      <div id="phareferences" class="row">
+
        <h2>References</h2>
+
        <div class="col-12">
+
          <ol>
+
            <li><a href="">Shi Zuliang; Jia Tao; Wang Yajing; Wang Jiuchen; Sun Renhua; Wang Fei; Li Xiang; Bi Yuyun.Comprehensive utilization of crop stalks and estimation of incineration carbon emissions in China [J] .Agricultural Resources and regionalization of China, 2017,38 (9).</a></li>
+
            <li><a href="">Tianjin University Scientific Research Project. Stalk "Changes" into Gas Oil [J] .Resource Conservation and Environmental Protection, 2016 (02): 7.</a></li>
+
            <li><a href="">ZHU Hao, HU Qichun, TANG Xiaoyu, LI Qian.Progress of fuel utilization and development of crop stalk resources in China [J] .China Biogas, 2017,35 (02): 115-120.</a></li>
+
            <li><a href="">Wang Hongmei, Tu Yan, Zhang Naifeng, Si Bingwen, Ma Tao, Sa Zhula, Na Ya, Diao Qiyu.Current situation of crop stalk resources and utilization of "five materials" in China [J] .science and Technology Review, 2017,35 (21): 81-88.</a></li>
+
            <li><a href="">Li Mingya, Lin Chenshui, Limingya, et al. Ice crystal nucleoprotein and its application in bacterial surface display [J] .amino acids and biological resources, 2016,38 (2): 7-11.</a></li>
+
            <li><a href="">Park, S. Y., Binkley, R. M., Kim, W. J., Lee, M. H. & Lee, S. Y. Metabolic engineering of Escherichia coli for high-level astaxanthin production with high productivity. Metabolic engineering 49, 105-115, doi:10.1016/j.ymben.2018.08.002 (2018)</a></li>
+
 
+
          </ol>
+
        </div>
+
      </div>
+
 
+
 
+
  </main>
+
</div>
+
 
+
<script type="text/javascript" src="https://2019.igem.org/Template:CAU_China/5test_js?action=raw&amp;ctype=text/javascript"></script>
+
 
+
 
+
 
+
</html>
+
<!----{{CAU_China/CSS/Footer}} --->
+
 
+
<html>
+
 
+
<style>
+
  .footer-s{
+
     text-align: center;
+
    background:White;
+
    line-height: 5vh;
+
    padding: .75vh 0 0 0;
+
    width: 100%;
+
    margin-bottom: 0;
+
  }
+
  .footer-bottom {
+
    margin-right:auto;margin-left:auto;padding-left:0px;padding-right:0px;
+
    text-align: center;
+
    background: rgba(0,0,0,.7);
+
    background-size:cover;
+
    line-height: 3vh;
+
    width: 100%;
+
    padding: .75vh 0 0 0;
+
    margin-bottom: 0;
+
  }
+
 
+
  .contact-info {
+
    padding: .75vh 0 .75vh 0;
+
    position: relative;
+
    bottom: 0;
+
    width: 100%;
+
  }
+
  .contact-info ul{
+
    margin: 0;
+
    padding-left: 0;
+
    height: 2.25vh
+
    text-align: middle;
+
 
     font-size: 1.5rem;
 
     font-size: 1.5rem;
  }
 
  .contact-info ul li {
 
    display: inline-block;
 
    vertical-align: middle;
 
    margin: 0 .375vh 0 .375vh;
 
    text-align: center;
 
  }
 
  .contact-info ul .icon{
 
    height: 2rem;
 
    width: 2rem;
 
    border-radius: 100%;
 
    background: #A65CA4;
 
  }
 
  .contact-info ul li a{
 
    text-decoration: none;
 
    color: white;
 
    font-size: 1.35rem;
 
  }
 
  .contact-info #fb:hover{
 
    background: #3B5998;
 
  }
 
  .contact-info #ig:hover{
 
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
 
  }
 
  .contact-info #em:hover{
 
    background: #B23121;
 
  }
 
  .contact-info a i{
 
    line-height: 2rem;
 
  }
 
 
</style>
 
 
<style>
 
  /**** Font Awesome *****/
 
 
  @font-face {
 
    font-family: 'FontAwesome';
 
    src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
 
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
 
    font-weight: normal;
 
    font-style: normal;
 
  }
 
  .fa {
 
    display: inline-block;
 
    font: normal normal normal 14px/1 FontAwesome;
 
    font-size: inherit;
 
    text-rendering: auto;
 
    -webkit-font-smoothing: antialiased;
 
    -moz-osx-font-smoothing: grayscale;
 
  }
 
 
 
  .fa-envelope:before {
 
    content: "\f0e0";
 
  }
 
  .fa-phone:before {
 
    content: "\f095";
 
  }
 
  .fa-twitter:before {
 
    content: "\f099";
 
  }
 
  .fa-linkedin:before {
 
    content: "\f0e1";
 
  }
 
  .fa-linkedin-square:before {
 
    content: "\f08c";
 
  }
 
  .fa-youtube:before {
 
    content: "\f16a";
 
  }
 
 
 
  /**** Bootstrap *****/
 
 
  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,hero{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;}
 
  b,
 
  strong{font-weight:bold;}
 
  h1{font-size:2em;}
 
  img{border:0;max-width:100%;}
 
  figure{margin:1em 40px;}
 
  hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0;}
 
  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"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;}
 
  textarea{overflow:auto;}
 
  table{border-collapse:collapse;border-spacing:0;width:100%;}
 
  td,
 
  th{padding:0;}
 
  *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 
  *:before,
 
  *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
 
  html{font-size:10px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
 
  input,
 
  button,
 
  select,
 
  textarea{font-family:inherit;font-size:inherit;line-height:inherit;}
 
  figure{margin:0;}
 
  img{vertical-align:middle;}
 
  .img-responsive{display:block;max-width:100%;height:auto;}
 
  hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eeeeee;}
 
  [role="button"]{cursor:pointer;}
 
  .container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
 
  .right{float:right;}
 
  @media (min-width:768px){.container{width:750px;}
 
  }
 
  @media (min-width:992px){.container{width:970px;}
 
  }
 
  @media (min-width:1200px){.container{width:1170px;}
 
  }
 
  .container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px;}
 
  .row{margin-left:-15px;margin-right:-15px;}
 
 
 
 
  label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:bold;}
 
  input[type="radio"],
 
  input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal;}
 
  input[type="file"]{display:block;}
 
  input[type="range"]{display:block;width:100%;}
 
  select[multiple],
 
  select[size]{height:auto;}
 
  input[type="file"]:focus,
 
  input[type="radio"]:focus,
 
  input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
 
  .radio,
 
  .checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px;}
 
  .radio label,
 
  .checkbox label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer;}
 
  .radio input[type="radio"],
 
  .radio-inline input[type="radio"],
 
  .checkbox input[type="checkbox"],
 
  .checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9;}
 
  .radio + .radio,
 
  .checkbox + .checkbox{margin-top:-5px;}
 
  .radio-inline,
 
  .checkbox-inline{position:relative;display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer;}
 
  .radio-inline + .radio-inline,
 
  .checkbox-inline + .checkbox-inline{margin-top:0;margin-left:10px;}
 
  input[type="radio"][disabled],
 
  input[type="checkbox"][disabled],
 
  input[type="radio"].disabled,
 
  input[type="checkbox"].disabled,
 
  fieldset[disabled] input[type="radio"],
 
  fieldset[disabled] input[type="checkbox"]{cursor:not-allowed;}
 
  fieldset[disabled] .radio-inline,
 
  fieldset[disabled] .checkbox-inline{cursor:not-allowed;}
 
  .radio.disabled label,
 
  .checkbox.disabled label,
 
  fieldset[disabled] .radio label,
 
  fieldset[disabled] .checkbox label{cursor:not-allowed;}
 
  select.input-sm{height:30px;line-height:30px;}
 
  textarea.input-sm,
 
  select[multiple].input-sm{height:auto;}
 
  .collapse{display:none;}
 
  .collapse.in{display:block;}
 
  tr.collapse.in{display:table-row;}
 
  tbody.collapse.in{display:table-row-group;}
 
 
  .container:before,
 
  .container:after,
 
  .container-fluid:before,
 
  .container-fluid:after,
 
  .row:before,
 
  .row:after,
 
  .form-horizontal .form-group:before,
 
  .form-horizontal .form-group:after,
 
  .navbar-collapse:before,
 
  .navbar-collapse:after{content:" ";display:table;}
 
  .clearfix:after,
 
  .container:after,
 
  .container-fluid:after,
 
  .row:after,
 
  .form-horizontal .form-group:after,
 
  .navbar:after,
 
 
  .navbar-collapse:after{clear:both;}
 
  body{font-size:14px;line-height:1.42857143;color:#000;background-color:#ffffff;}
 
  a{color: #2f4a98;text-decoration:none;}
 
  a:hover,
 
  a:focus{color:#23527c;text-decoration:underline;}
 
  a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
 
 
 
 
  section.pad{padding:30px 0;}
 
 
 
  /*** Footer ****/
 
 
  footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid  #2f4a98;}
 
  footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; }
 
 
 
  .footer_links { margin-top: 20px; color: #004a98; }
 
  .footer_links p{margin:0;}
 
  .footer_links a { margin-right: 10px; margin-left: 1000px; font-size: 20px; vertical-align: middle; }
 
 
  footer a{color: #004a98;}
 
  footer a i{color: #004a98;}
 
  footer img{margin-bottom:15px;}
 
  footer .fa-twitter{color: #55acee;}
 
  footer .fa-linkedin{color: #007bb5;}
 
  footer .fa-youtube{color: #b00;}
 
  footer .fa-instagram{color:#fb3958;}
 
 
  /*** End ***/
 
 
  #end{background-color: #004a98;font-size:10px;padding:10px 0;color:#fff;}
 
  #end .links{margin:10px 0;display: inline-block;}
 
  #end .links a{color:#fff;margin-right: 5px;display: inline-block;text-decoration:none;}
 
  #end .links a:hover{text-decoration:underline;}
 
  #end .links a:before{content:"|";margin-right:5px;}
 
  #end .links a:first-of-type:before{display:none;}
 
  #end .col-sm-7{text-align:left;}
 
  #end .col-sm-5{text-align:right;}
 
  end .ue{color:  #2f4a98;}
 
  end .ue1{color: #F5FFFA;}
 
 
 
 
  @media (min-width: 768px){
 
    .navbar{border:none;}
 
    header.main { background: #fff; border-bottom: 3px solid #58b4e5; }
 
    header.main .top{/* margin-bottom:-20px; */}
 
    .navbar-brand{margin-top: -20px;}
 
    .social_links a:after{margin:0 10px;}
 
    .half{width:50%;display:table-cell;float:left;}
 
    section.pad{padding:20px 0;}
 
    .btn{font-size:14px; text-align: center;}
 
    footer{padding:10px 0;}
 
    .footer_logo { float: left; width: 15%;margin-left: -10%;margin-top: -1%; }
 
    .footer_address { float: left; width: 33%; margin-left: 4%; }
 
    .footer_contact { float: left; width: 35%; margin-left: 3%; }
 
    .footer_links{float: right; text-align: right;margin:0;}
 
    #end .col-sm-7{text-align:left;}
 
    #end .col-sm-5{text-align:right;}
 
    #end .links{margin:0;}
 
    #end .links a:first-of-type:before{display:inline-block;}
 
    .team_member img { margin-bottom: 0; }
 
  }
 
 
  @media (min-width: 768px) and (max-width: 991px){
 
    .hero_h1 { font-size: 28px; line-height: 32px; }
 
    .hero_half{bottom: 40px; padding: 15px; margin: 0 10%;width:80%;background:rgba(0, 88, 163, 0.75);}
 
    #end .col-sm-7{text-align:left;}
 
    #end .col-sm-5{text-align:right;}
 
  }
 
 
  @media (min-width:992px){
 
    .hero .container { position: relative; height: 100%; }
 
    .navbar-brand{margin:0;}
 
    .footer_logo { float: left; width: 18%; } .footer_address { float: left; width: 25%; margin-left: 5%; }
 
    .footer_contact { float: left; width: 28%; margin-left: 4%; }
 
    .footer_links { float: right; text-align: right; width: 20%; }
 
    .footer_links a, .footer_links img { display: inline-block; }
 
    .footer_links a{margin-left:11px;}
 
    #end{font-size:12px;}
 
    #end .col-sm-7{text-align:left;}
 
    #end .col-sm-5{text-align:right;}
 
    .team_member .thin-left, .team_member .thin-right{visibility:visible;}
 
  }
 
 
 
 
  .fa-twitter, .secondary_menu .top .social_links a > .fa-linkedin, .secondary_menu .top .social_links a > .fa-youtube {color:#FFF;}
 
 
 
 
 
 
</style>
 
 
 
<footer>
 
 
  <div class="footer-s ">
 
    <div class='row align-items-center'>
 
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div>
 
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div>
 
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'></div>
 
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 
        <a href="http://www.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/4/48/T--CAU_China--CAU.png"></a>
 
      </div>
 
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 
        <a href="http://cbs.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/a/a8/T--CAU_China--CBS.jpg"></a>
 
      </div>
 
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 
        <a href="http://cbs.cau.edu.cn/sys/" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/f/f2/T--CAU_China--LAB.jpg"></a>
 
      </div>
 
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 
        <a href="https://www.mathworks.com" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/c/ce/T--CAU_China--MW.png"></a>
 
      </div>
 
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 
        <a href="http://sklppb.cau.edu.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/a/a3/T--CAU_China--SKPPB.jpg"></a>
 
      </div>
 
      <div class='col-4 col-md-2 col-xl-1 sponsorLogo'>
 
        <a href="http://www.tib.cas.cn" target="_blank2" ><img class="img-fluid" src="https://2019.igem.org/wiki/images/e/e5/T--CAU_China--TIIB.jpg"></a>
 
      </div>
 
    </div>
 
  </div>
 
 
 
</footer>
 
 
 
 
 
 
<div class="container">
 
  <div class="footer_logo">
 
    <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px">
 
  </div>
 
  <div class="footer_address">
 
    <h4>College of Biology, China Agricultural University</h4>
 
    <p>Tsinghua east road, <br>
 
      BeiJing <br>
 
      China</p>
 
  </div>
 
  <div class="footer_contact">
 
    <h4>Registered in China </h4>
 
 
    <p><a href="tel:+86(0)-6273 7682"><i class="fa fa-phone"></i> +86(0)-6273 7682 </a><br>
 
      <a href="mailto:igem2019cau@gmail.com"><i class="fa fa-envelope"></i> igem2019cau@gmail.com </a></p>
 
 
  </div>
 
  <div class="footer_links">
 
    <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:150px;height:35;padding-right: 30%"></a>
 
    <p>Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"><i class="fa fa-wechat"></i> </a></p>
 
  </div>
 
</div>
 
 
 
</div>
 
</div>
 
 
 
 
 
 
 
 
 
</html>
 
<html>
 
 
<end>
 
  <div class="footer-bottom">
 
    <div class="row">
 
      <div class="col-sm-7 col-md-6 "><a href="" target="_blank" class="ue1">
 
        Copyright &copy;
 
        2019
 
        CAU_ESPA. All rights reserved |
 
        <a href="" target="_blank" class="ue1">Website Design by</a><a href="https://2019.igem.org/Team:CAU_China/Team" target="_blank" class="ue"> Leland</a>
 
      </div>
 
    </div>
 
  </div>
 
</end>
 
 
</html>
 
{
 
  right: 0;
 
  border-width: .4rem .4rem .4rem 0;
 
  border-right-color: #000
 
}
 
 
.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom {
 
  padding: .4rem 0
 
}
 
 
.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow {
 
  top: 0
 
}
 
 
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before {
 
  bottom: 0;
 
  border-width: 0 .4rem .4rem;
 
  border-bottom-color: #000
 
}
 
 
.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left {
 
  padding: 0 .4rem
 
}
 
 
.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow {
 
  right: 0;
 
  width: .4rem;
 
  height: .8rem
 
}
 
 
.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before {
 
  left: 0;
 
  border-width: .4rem 0 .4rem .4rem;
 
  border-left-color: #000
 
}
 
 
.tooltip-inner {
 
  max-width: 200px;
 
  padding: .25rem .5rem;
 
  color: #fff;
 
  text-align: center;
 
  background-color: #000;
 
  border-radius: .25rem
 
}
 
 
.popover {
 
  position: absolute;
 
  top: 0;
 
  left: 0;
 
  z-index: 1060;
 
  display: block;
 
  max-width: 276px;
 
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
 
  font-style: normal;
 
  font-weight: 400;
 
  line-height: 1.5;
 
  text-align: left;
 
  text-align: start;
 
  text-decoration: none;
 
  text-shadow: none;
 
  text-transform: none;
 
  letter-spacing: normal;
 
  word-break: normal;
 
  word-spacing: normal;
 
  white-space: normal;
 
  line-break: auto;
 
  font-size: .875rem;
 
  word-wrap: break-word;
 
  background-color: #fff;
 
  background-clip: padding-box;
 
  border: 1px solid rgba(0,0,0,.2);
 
  border-radius: .3rem
 
}
 
 
.popover .arrow {
 
  position: absolute;
 
  display: block;
 
  width: 1rem;
 
  height: .5rem;
 
  margin: 0 .3rem
 
}
 
 
.popover .arrow::after,.popover .arrow::before {
 
  position: absolute;
 
  display: block;
 
  content: "";
 
  border-color: transparent;
 
  border-style: solid
 
}
 
 
.bs-popover-auto[x-placement^=top],.bs-popover-top {
 
  margin-bottom: .5rem
 
}
 
 
.bs-popover-auto[x-placement^=top] .arrow,.bs-popover-top .arrow {
 
  bottom: calc((.5rem + 1px) * -1)
 
}
 
 
.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::after,.bs-popover-top .arrow::before {
 
  border-width: .5rem .5rem 0
 
}
 
 
.bs-popover-auto[x-placement^=top] .arrow::before,.bs-popover-top .arrow::before {
 
  bottom: 0;
 
  border-top-color: rgba(0,0,0,.25)
 
}
 
 
.bs-popover-auto[x-placement^=top] .arrow::after,.bs-popover-top .arrow::after {
 
  bottom: 1px;
 
  border-top-color: #fff
 
}
 
 
.bs-popover-auto[x-placement^=right],.bs-popover-right {
 
  margin-left: .5rem
 
}
 
 
.bs-popover-auto[x-placement^=right] .arrow,.bs-popover-right .arrow {
 
  left: calc((.5rem + 1px) * -1);
 
  width: .5rem;
 
  height: 1rem;
 
  margin: .3rem 0
 
}
 
 
.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::after,.bs-popover-right .arrow::before {
 
  border-width: .5rem .5rem .5rem 0
 
}
 
 
.bs-popover-auto[x-placement^=right] .arrow::before,.bs-popover-right .arrow::before {
 
  left: 0;
 
  border-right-color: rgba(0,0,0,.25)
 
}
 
 
.bs-popover-auto[x-placement^=right] .arrow::after,.bs-popover-right .arrow::after {
 
  left: 1px;
 
  border-right-color: #fff
 
}
 
 
.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom {
 
  margin-top: .5rem
 
}
 
 
.bs-popover-auto[x-placement^=bottom] .arrow,.bs-popover-bottom .arrow {
 
  top: calc((.5rem + 1px) * -1)
 
}
 
 
.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::after,.bs-popover-bottom .arrow::before {
 
  border-width: 0 .5rem .5rem .5rem
 
}
 
 
.bs-popover-auto[x-placement^=bottom] .arrow::before,.bs-popover-bottom .arrow::before {
 
  top: 0;
 
  border-bottom-color: rgba(0,0,0,.25)
 
}
 
 
.bs-popover-auto[x-placement^=bottom] .arrow::after,.bs-popover-bottom .arrow::after {
 
  top: 1px;
 
  border-bottom-color: #fff
 
}
 
 
.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before {
 
  position: absolute;
 
  top: 0;
 
  left: 50%;
 
  display: block;
 
  width: 1rem;
 
  margin-left: -.5rem;
 
  content: "";
 
  border-bottom: 1px solid #f7f7f7
 
}
 
 
.bs-popover-auto[x-placement^=left],.bs-popover-left {
 
  margin-right: .5rem
 
}
 
 
.bs-popover-auto[x-placement^=left] .arrow,.bs-popover-left .arrow {
 
  right: calc((.5rem + 1px) * -1);
 
  width: .5rem;
 
  height: 1rem;
 
  margin: .3rem 0
 
}
 
 
.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::after,.bs-popover-left .arrow::before {
 
  border-width: .5rem 0 .5rem .5rem
 
}
 
 
.bs-popover-auto[x-placement^=left] .arrow::before,.bs-popover-left .arrow::before {
 
  right: 0;
 
  border-left-color: rgba(0,0,0,.25)
 
}
 
 
.bs-popover-auto[x-placement^=left] .arrow::after,.bs-popover-left .arrow::after {
 
  right: 1px;
 
  border-left-color: #fff
 
}
 
 
.popover-header {
 
  padding: .5rem .75rem;
 
  margin-bottom: 0;
 
  font-size: 1rem;
 
  color: inherit;
 
  background-color: #f7f7f7;
 
  border-bottom: 1px solid #ebebeb;
 
  border-top-left-radius: calc(.3rem - 1px);
 
  border-top-right-radius: calc(.3rem - 1px)
 
}
 
 
.popover-header:empty {
 
  display: none
 
}
 
 
.popover-body {
 
  padding: .5rem .75rem;
 
  color: #212529
 
}
 
 
.carousel {
 
  position: relative
 
}
 
 
.carousel-inner {
 
  position: relative;
 
  width: 100%;
 
  overflow: hidden
 
}
 
 
.carousel-item {
 
  position: relative;
 
  display: none;
 
  -ms-flex-align: center;
 
  align-items: center;
 
  width: 100%;
 
  transition: -webkit-transform .6s ease;
 
  transition: transform .6s ease;
 
  transition: transform .6s ease,-webkit-transform .6s ease;
 
  -webkit-backface-visibility: hidden;
 
  backface-visibility: hidden;
 
  -webkit-perspective: 1000px;
 
  perspective: 1000px
 
}
 
 
@media screen and (prefers-reduced-motion:reduce) {
 
  .carousel-item {
 
    transition: none
 
  }
 
}
 
 
.carousel-item-next,.carousel-item-prev,.carousel-item.active {
 
  display: block
 
}
 
 
.carousel-item-next,.carousel-item-prev {
 
  position: absolute;
 
  top: 0
 
}
 
 
.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
 
  -webkit-transform: translateX(0);
 
  transform: translateX(0)
 
}
 
 
@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
 
  .carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right {
 
    -webkit-transform:translate3d(0,0,0);
 
    transform: translate3d(0,0,0)
 
  }
 
}
 
 
.active.carousel-item-right,.carousel-item-next {
 
  -webkit-transform: translateX(100%);
 
  transform: translateX(100%)
 
}
 
 
@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
 
  .active.carousel-item-right,.carousel-item-next {
 
    -webkit-transform:translate3d(100%,0,0);
 
    transform: translate3d(100%,0,0)
 
  }
 
}
 
 
.active.carousel-item-left,.carousel-item-prev {
 
  -webkit-transform: translateX(-100%);
 
  transform: translateX(-100%)
 
}
 
 
@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
 
  .active.carousel-item-left,.carousel-item-prev {
 
    -webkit-transform:translate3d(-100%,0,0);
 
    transform: translate3d(-100%,0,0)
 
  }
 
}
 
 
.carousel-fade .carousel-item {
 
  opacity: 0;
 
  transition-duration: .6s;
 
  transition-property: opacity
 
}
 
 
.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active {
 
  opacity: 1
 
}
 
 
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right {
 
  opacity: 0
 
}
 
 
.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
 
  -webkit-transform: translateX(0);
 
  transform: translateX(0)
 
}
 
 
@supports ((-webkit-transform-style: preserve-3d) or (transform-style:preserve-3d)) {
 
  .carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-prev,.carousel-fade .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active {
 
    -webkit-transform:translate3d(0,0,0);
 
    transform: translate3d(0,0,0)
 
  }
 
}
 
 
.carousel-control-next,.carousel-control-prev {
 
  position: absolute;
 
  top: 0;
 
  bottom: 0;
 
  display: -ms-flexbox;
 
  display: flex;
 
  -ms-flex-align: center;
 
  align-items: center;
 
  -ms-flex-pack: center;
 
  justify-content: center;
 
  width: 15%;
 
  color: #fff;
 
  text-align: center;
 
  opacity: .5
 
}
 
 
.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover {
 
  color: #fff;
 
  text-decoration: none;
 
  outline: 0;
 
  opacity: .9
 
}
 
 
.carousel-control-prev {
 
  left: 0
 
}
 
 
.carousel-control-next {
 
  right: 0
 
}
 
 
.carousel-control-next-icon,.carousel-control-prev-icon {
 
  display: inline-block;
 
  width: 20px;
 
  height: 20px;
 
  background: transparent no-repeat center center;
 
  background-size: 100% 100%
 
}
 
 
.carousel-control-prev-icon {
 
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E")
 
}
 
 
.carousel-control-next-icon {
 
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E")
 
}
 
 
.carousel-indicators {
 
  position: absolute;
 
  right: 0;
 
  bottom: 10px;
 
  left: 0;
 
  z-index: 15;
 
  display: -ms-flexbox;
 
  display: flex;
 
  -ms-flex-pack: center;
 
  justify-content: center;
 
  padding-left: 0;
 
  margin-right: 15%;
 
  margin-left: 15%;
 
  list-style: none
 
}
 
 
.carousel-indicators li {
 
  position: relative;
 
  -ms-flex: 0 1 auto;
 
  flex: 0 1 auto;
 
  width: 30px;
 
  height: 3px;
 
  margin-right: 3px;
 
  margin-left: 3px;
 
  text-indent: -999px;
 
  background-color: rgba(255,255,255,.5)
 
}
 
 
.carousel-indicators li::before {
 
  position: absolute;
 
  top: -10px;
 
  left: 0;
 
  display: inline-block;
 
  width: 100%;
 
  height: 10px;
 
  content: ""
 
}
 
 
.carousel-indicators li::after {
 
  position: absolute;
 
  bottom: -10px;
 
  left: 0;
 
  display: inline-block;
 
  width: 100%;
 
  height: 10px;
 
  content: ""
 
}
 
 
.carousel-indicators .active {
 
  background-color: #fff
 
}
 
 
.carousel-caption {
 
  position: absolute;
 
  right: 15%;
 
  bottom: 20px;
 
  left: 15%;
 
  z-index: 10;
 
  padding-top: 20px;
 
  padding-bottom: 20px;
 
  color: #fff;
 
  text-align: center
 
}
 
 
.align-baseline {
 
  vertical-align: baseline!important
 
}
 
 
.align-top {
 
  vertical-align: top!important
 
}
 
 
.align-middle {
 
  vertical-align: middle!important
 
}
 
 
.align-bottom {
 
  vertical-align: bottom!important
 
}
 
 
.align-text-bottom {
 
  vertical-align: text-bottom!important
 
}
 
 
.align-text-top {
 
  vertical-align: text-top!important
 
}
 
 
.bg-primary {
 
  background-color: #007bff!important
 
}
 
 
a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover {
 
  background-color: #0062cc!important
 
}
 
 
.bg-secondary {
 
  background-color: #6c757d!important
 
}
 
 
a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover {
 
  background-color: #545b62!important
 
}
 
 
.bg-success {
 
  background-color: #28a745!important
 
}
 
 
a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover {
 
  background-color: #1e7e34!important
 
}
 
 
.bg-info {
 
  background-color: #17a2b8!important
 
}
 
 
a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover {
 
  background-color: #117a8b!important
 
}
 
 
.bg-warning {
 
  background-color: #ffc107!important
 
}
 
 
a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover {
 
  background-color: #d39e00!important
 
}
 
 
.bg-danger {
 
  background-color: #dc3545!important
 
}
 
 
a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover {
 
  background-color: #bd2130!important
 
}
 
 
.bg-light {
 
  background-color: #f8f9fa!important
 
}
 
 
a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover {
 
  background-color: #dae0e5!important
 
}
 
 
.bg-dark {
 
  background-color: #343a40!important
 
}
 
 
a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover {
 
  background-color: #1d2124!important
 
}
 
 
.bg-white {
 
  background-color: #fff!important
 
}
 
 
.bg-transparent {
 
  background-color: transparent!important
 
}
 
 
.border {
 
  border: 1px solid #dee2e6!important
 
}
 
 
.border-top {
 
  border-top: 1px solid #dee2e6!important
 
}
 
 
.border-right {
 
  border-right: 1px solid #dee2e6!important
 
}
 
 
.border-bottom {
 
  border-bottom: 1px solid #dee2e6!important
 
}
 
 
.border-left {
 
  border-left: 1px solid #dee2e6!important
 
}
 
 
.border-0 {
 
  border: 0!important
 
}
 
 
.border-top-0 {
 
  border-top: 0!important
 
}
 
 
.border-right-0 {
 
  border-right: 0!important
 
}
 
 
.border-bottom-0 {
 
  border-bottom: 0!important
 
}
 
 
.border-left-0 {
 
  border-left: 0!important
 
}
 
 
.border-primary {
 
  border-color: #007bff!important
 
}
 
 
.border-secondary {
 
  border-color: #6c757d!important
 
}
 
 
.border-success {
 
  border-color: #28a745!important
 
}
 
 
.border-info {
 
  border-color: #17a2b8!important
 
}
 
 
.border-warning {
 
  border-color: #ffc107!important
 
}
 
 
.border-danger {
 
  border-color: #dc3545!important
 
}
 
 
.border-light {
 
  border-color: #f8f9fa!important
 
}
 
 
.border-dark {
 
  border-color: #343a40!important
 
}
 
 
.border-white {
 
  border-color: #fff!important
 
}
 
 
.rounded {
 
  border-radius: .25rem!important
 
}
 
 
.rounded-top {
 
  border-top-left-radius: .25rem!important;
 
  border-top-right-radius: .25rem!important
 
}
 
 
.rounded-right {
 
  border-top-right-radius: .25rem!important;
 
  border-bottom-right-radius: .25rem!important
 
}
 
 
.rounded-bottom {
 
  border-bottom-right-radius: .25rem!important;
 
  border-bottom-left-radius: .25rem!important
 
}
 
 
.rounded-left {
 
  border-top-left-radius: .25rem!important;
 
  border-bottom-left-radius: .25rem!important
 
}
 
 
.rounded-circle {
 
  border-radius: 50%!important
 
}
 
 
.rounded-0 {
 
  border-radius: 0!important
 
}
 
 
.clearfix::after {
 
  display: block;
 
  clear: both;
 
  content: ""
 
}
 
 
.d-none {
 
  display: none!important
 
}
 
 
.d-inline {
 
  display: inline!important
 
}
 
 
.d-inline-block {
 
  display: inline-block!important
 
}
 
 
.d-block {
 
  display: block!important
 
}
 
 
.d-table {
 
  display: table!important
 
}
 
 
.d-table-row {
 
  display: table-row!important
 
}
 
 
.d-table-cell {
 
  display: table-cell!important
 
}
 
 
.d-flex {
 
  display: -ms-flexbox!important;
 
  display: flex!important
 
}
 
 
.d-inline-flex {
 
  display: -ms-inline-flexbox!important;
 
  display: inline-flex!important
 
}
 
 
@media (min-width: 576px) {
 
  .d-sm-none {
 
    display:none!important
 
  }
 
 
  .d-sm-inline {
 
    display: inline!important
 
  }
 
 
  .d-sm-inline-block {
 
    display: inline-block!important
 
  }
 
 
  .d-sm-block {
 
    display: block!important
 
  }
 
 
  .d-sm-table {
 
    display: table!important
 
  }
 
 
  .d-sm-table-row {
 
    display: table-row!important
 
  }
 
 
  .d-sm-table-cell {
 
    display: table-cell!important
 
  }
 
 
  .d-sm-flex {
 
    display: -ms-flexbox!important;
 
    display: flex!important
 
  }
 
 
  .d-sm-inline-flex {
 
    display: -ms-inline-flexbox!important;
 
    display: inline-flex!important
 
  }
 
}
 
 
@media (min-width: 768px) {
 
  .d-md-none {
 
    display:none!important
 
  }
 
 
  .d-md-inline {
 
    display: inline!important
 
  }
 
 
  .d-md-inline-block {
 
    display: inline-block!important
 
  }
 
 
  .d-md-block {
 
    display: block!important
 
  }
 
 
  .d-md-table {
 
    display: table!important
 
  }
 
 
  .d-md-table-row {
 
    display: table-row!important
 
  }
 
 
  .d-md-table-cell {
 
    display: table-cell!important
 
  }
 
 
  .d-md-flex {
 
    display: -ms-flexbox!important;
 
    display: flex!important
 
  }
 
 
  .d-md-inline-flex {
 
    display: -ms-inline-flexbox!important;
 
    display: inline-flex!important
 
  }
 
}
 
 
@media (min-width: 992px) {
 
  .d-lg-none {
 
    display:none!important
 
  }
 
 
  .d-lg-inline {
 
    display: inline!important
 
  }
 
 
  .d-lg-inline-block {
 
    display: inline-block!important
 
  }
 
 
  .d-lg-block {
 
    display: block!important
 
  }
 
 
  .d-lg-table {
 
    display: table!important
 
  }
 
 
  .d-lg-table-row {
 
    display: table-row!important
 
  }
 
 
  .d-lg-table-cell {
 
    display: table-cell!important
 
  }
 
 
  .d-lg-flex {
 
    display: -ms-flexbox!important;
 
    display: flex!important
 
  }
 
 
  .d-lg-inline-flex {
 
    display: -ms-inline-flexbox!important;
 
    display: inline-flex!important
 
  }
 
}
 
 
@media (min-width: 1200px) {
 
  .d-xl-none {
 
    display:none!important
 
  }
 
 
  .d-xl-inline {
 
    display: inline!important
 
  }
 
 
  .d-xl-inline-block {
 
    display: inline-block!important
 
  }
 
 
  .d-xl-block {
 
    display: block!important
 
  }
 
 
  .d-xl-table {
 
    display: table!important
 
  }
 
 
  .d-xl-table-row {
 
    display: table-row!important
 
  }
 
 
  .d-xl-table-cell {
 
    display: table-cell!important
 
  }
 
 
  .d-xl-flex {
 
    display: -ms-flexbox!important;
 
    display: flex!important
 
  }
 
 
  .d-xl-inline-flex {
 
    display: -ms-inline-flexbox!important;
 
    display: inline-flex!important
 
  }
 
}
 
 
@media print {
 
  .d-print-none {
 
    display: none!important
 
  }
 
 
  .d-print-inline {
 
    display: inline!important
 
  }
 
 
  .d-print-inline-block {
 
    display: inline-block!important
 
  }
 
 
  .d-print-block {
 
    display: block!important
 
  }
 
 
  .d-print-table {
 
    display: table!important
 
  }
 
 
  .d-print-table-row {
 
    display: table-row!important
 
  }
 
 
  .d-print-table-cell {
 
    display: table-cell!important
 
  }
 
 
  .d-print-flex {
 
    display: -ms-flexbox!important;
 
    display: flex!important
 
  }
 
 
  .d-print-inline-flex {
 
    display: -ms-inline-flexbox!important;
 
    display: inline-flex!important
 
  }
 
}
 
 
.embed-responsive {
 
  position: relative;
 
  display: block;
 
  width: 100%;
 
  padding: 0;
 
  overflow: hidden
 
}
 
 
.embed-responsive::before {
 
  display: block;
 
  content: ""
 
}
 
 
.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video {
 
  position: absolute;
 
  top: 0;
 
  bottom: 0;
 
  left: 0;
 
  width: 100%;
 
  height: 100%;
 
  border: 0
 
}
 
 
.embed-responsive-21by9::before {
 
  padding-top: 42.857143%
 
}
 
 
.embed-responsive-16by9::before {
 
  padding-top: 56.25%
 
}
 
 
.embed-responsive-4by3::before {
 
  padding-top: 75%
 
}
 
 
.embed-responsive-1by1::before {
 
  padding-top: 100%
 
}
 
 
.flex-row {
 
  -ms-flex-direction: row!important;
 
  flex-direction: row!important
 
}
 
 
.flex-column {
 
  -ms-flex-direction: column!important;
 
  flex-direction: column!important
 
}
 
 
.flex-row-reverse {
 
  -ms-flex-direction: row-reverse!important;
 
  flex-direction: row-reverse!important
 
}
 
 
.flex-column-reverse {
 
  -ms-flex-direction: column-reverse!important;
 
  flex-direction: column-reverse!important
 
}
 
 
.flex-wrap {
 
  -ms-flex-wrap: wrap!important;
 
  flex-wrap: wrap!important
 
}
 
 
.flex-nowrap {
 
  -ms-flex-wrap: nowrap!important;
 
  flex-wrap: nowrap!important
 
}
 
 
.flex-wrap-reverse {
 
  -ms-flex-wrap: wrap-reverse!important;
 
  flex-wrap: wrap-reverse!important
 
}
 
 
.flex-fill {
 
  -ms-flex: 1 1 auto!important;
 
  flex: 1 1 auto!important
 
}
 
 
.flex-grow-0 {
 
  -ms-flex-positive: 0!important;
 
  flex-grow: 0!important
 
}
 
 
.flex-grow-1 {
 
  -ms-flex-positive: 1!important;
 
  flex-grow: 1!important
 
}
 
 
.flex-shrink-0 {
 
  -ms-flex-negative: 0!important;
 
  flex-shrink: 0!important
 
}
 
 
.flex-shrink-1 {
 
  -ms-flex-negative: 1!important;
 
  flex-shrink: 1!important
 
}
 
 
.justify-content-start {
 
  -ms-flex-pack: start!important;
 
  justify-content: flex-start!important
 
}
 
 
.justify-content-end {
 
  -ms-flex-pack: end!important;
 
  justify-content: flex-end!important
 
}
 
 
.justify-content-center {
 
  -ms-flex-pack: center!important;
 
  justify-content: center!important
 
}
 
 
.justify-content-between {
 
  -ms-flex-pack: justify!important;
 
  justify-content: space-between!important
 
}
 
 
.justify-content-around {
 
  -ms-flex-pack: distribute!important;
 
  justify-content: space-around!important
 
}
 
 
.align-items-start {
 
  -ms-flex-align: start!important;
 
  align-items: flex-start!important
 
}
 
 
.align-items-end {
 
  -ms-flex-align: end!important;
 
  align-items: flex-end!important
 
}
 
 
.align-items-center {
 
  -ms-flex-align: center!important;
 
  align-items: center!important
 
}
 
 
.align-items-baseline {
 
  -ms-flex-align: baseline!important;
 
  align-items: baseline!important
 
}
 
 
.align-items-stretch {
 
  -ms-flex-align: stretch!important;
 
  align-items: stretch!important
 
}
 
 
.align-content-start {
 
  -ms-flex-line-pack: start!important;
 
  align-content: flex-start!important
 
}
 
 
.align-content-end {
 
  -ms-flex-line-pack: end!important;
 
  align-content: flex-end!important
 
}
 
 
.align-content-center {
 
  -ms-flex-line-pack: center!important;
 
  align-content: center!important
 
}
 
 
.align-content-between {
 
  -ms-flex-line-pack: justify!important;
 
  align-content: space-between!important
 
}
 
 
.align-content-around {
 
  -ms-flex-line-pack: distribute!important;
 
  align-content: space-around!important
 
}
 
 
.align-content-stretch {
 
  -ms-flex-line-pack: stretch!important;
 
  align-content: stretch!important
 
}
 
 
.align-self-auto {
 
  -ms-flex-item-align: auto!important;
 
  align-self: auto!important
 
}
 
 
.align-self-start {
 
  -ms-flex-item-align: start!important;
 
  align-self: flex-start!important
 
}
 
 
.align-self-end {
 
  -ms-flex-item-align: end!important;
 
  align-self: flex-end!important
 
}
 
 
.align-self-center {
 
  -ms-flex-item-align: center!important;
 
  align-self: center!important
 
}
 
 
.align-self-baseline {
 
  -ms-flex-item-align: baseline!important;
 
  align-self: baseline!important
 
}
 
 
.align-self-stretch {
 
  -ms-flex-item-align: stretch!important;
 
  align-self: stretch!important
 
}
 
 
@media (min-width: 576px) {
 
  .flex-sm-row {
 
    -ms-flex-direction:row!important;
 
    flex-direction: row!important
 
  }
 
 
  .flex-sm-column {
 
    -ms-flex-direction: column!important;
 
    flex-direction: column!important
 
  }
 
 
  .flex-sm-row-reverse {
 
    -ms-flex-direction: row-reverse!important;
 
    flex-direction: row-reverse!important
 
  }
 
 
  .flex-sm-column-reverse {
 
    -ms-flex-direction: column-reverse!important;
 
    flex-direction: column-reverse!important
 
  }
 
 
  .flex-sm-wrap {
 
    -ms-flex-wrap: wrap!important;
 
    flex-wrap: wrap!important
 
  }
 
 
  .flex-sm-nowrap {
 
    -ms-flex-wrap: nowrap!important;
 
    flex-wrap: nowrap!important
 
  }
 
 
  .flex-sm-wrap-reverse {
 
    -ms-flex-wrap: wrap-reverse!important;
 
    flex-wrap: wrap-reverse!important
 
  }
 
 
  .flex-sm-fill {
 
    -ms-flex: 1 1 auto!important;
 
    flex: 1 1 auto!important
 
  }
 
 
  .flex-sm-grow-0 {
 
    -ms-flex-positive: 0!important;
 
    flex-grow: 0!important
 
  }
 
 
  .flex-sm-grow-1 {
 
    -ms-flex-positive: 1!important;
 
    flex-grow: 1!important
 
  }
 
 
  .flex-sm-shrink-0 {
 
    -ms-flex-negative: 0!important;
 
    flex-shrink: 0!important
 
  }
 
 
  .flex-sm-shrink-1 {
 
    -ms-flex-negative: 1!important;
 
    flex-shrink: 1!important
 
  }
 
 
  .justify-content-sm-start {
 
    -ms-flex-pack: start!important;
 
    justify-content: flex-start!important
 
  }
 
 
  .justify-content-sm-end {
 
    -ms-flex-pack: end!important;
 
    justify-content: flex-end!important
 
  }
 
 
  .justify-content-sm-center {
 
    -ms-flex-pack: center!important;
 
    justify-content: center!important
 
  }
 
 
  .justify-content-sm-between {
 
    -ms-flex-pack: justify!important;
 
    justify-content: space-between!important
 
  }
 
 
  .justify-content-sm-around {
 
    -ms-flex-pack: distribute!important;
 
    justify-content: space-around!important
 
  }
 
 
  .align-items-sm-start {
 
    -ms-flex-align: start!important;
 
    align-items: flex-start!important
 
  }
 
 
  .align-items-sm-end {
 
    -ms-flex-align: end!important;
 
    align-items: flex-end!important
 
  }
 
 
  .align-items-sm-center {
 
    -ms-flex-align: center!important;
 
    align-items: center!important
 
  }
 
 
  .align-items-sm-baseline {
 
    -ms-flex-align: baseline!important;
 
    align-items: baseline!important
 
  }
 
 
  .align-items-sm-stretch {
 
    -ms-flex-align: stretch!important;
 
    align-items: stretch!important
 
  }
 
 
  .align-content-sm-start {
 
    -ms-flex-line-pack: start!important;
 
    align-content: flex-start!important
 
  }
 
 
  .align-content-sm-end {
 
    -ms-flex-line-pack: end!important;
 
    align-content: flex-end!important
 
  }
 
 
  .align-content-sm-center {
 
    -ms-flex-line-pack: center!important;
 
    align-content: center!important
 
  }
 
 
  .align-content-sm-between {
 
    -ms-flex-line-pack: justify!important;
 
    align-content: space-between!important
 
  }
 
 
  .align-content-sm-around {
 
    -ms-flex-line-pack: distribute!important;
 
    align-content: space-around!important
 
  }
 
 
  .align-content-sm-stretch {
 
    -ms-flex-line-pack: stretch!important;
 
    align-content: stretch!important
 
  }
 
 
  .align-self-sm-auto {
 
    -ms-flex-item-align: auto!important;
 
    align-self: auto!important
 
  }
 
 
  .align-self-sm-start {
 
    -ms-flex-item-align: start!important;
 
    align-self: flex-start!important
 
  }
 
 
  .align-self-sm-end {
 
    -ms-flex-item-align: end!important;
 
    align-self: flex-end!important
 
  }
 
 
  .align-self-sm-center {
 
    -ms-flex-item-align: center!important;
 
    align-self: center!important
 
  }
 
 
  .align-self-sm-baseline {
 
    -ms-flex-item-align: baseline!important;
 
    align-self: baseline!important
 
  }
 
 
  .align-self-sm-stretch {
 
    -ms-flex-item-align: stretch!important;
 
    align-self: stretch!important
 
  }
 
}
 
 
@media (min-width: 768px) {
 
  .flex-md-row {
 
    -ms-flex-direction:row!important;
 
    flex-direction: row!important
 
  }
 
 
  .flex-md-column {
 
    -ms-flex-direction: column!important;
 
    flex-direction: column!important
 
  }
 
 
  .flex-md-row-reverse {
 
    -ms-flex-direction: row-reverse!important;
 
    flex-direction: row-reverse!important
 
  }
 
 
  .flex-md-column-reverse {
 
    -ms-flex-direction: column-reverse!important;
 
    flex-direction: column-reverse!important
 
  }
 
 
  .flex-md-wrap {
 
    -ms-flex-wrap: wrap!important;
 
    flex-wrap: wrap!important
 
  }
 
 
  .flex-md-nowrap {
 
    -ms-flex-wrap: nowrap!important;
 
    flex-wrap: nowrap!important
 
  }
 
 
  .flex-md-wrap-reverse {
 
    -ms-flex-wrap: wrap-reverse!important;
 
    flex-wrap: wrap-reverse!important
 
  }
 
 
  .flex-md-fill {
 
    -ms-flex: 1 1 auto!important;
 
    flex: 1 1 auto!important
 
  }
 
 
  .flex-md-grow-0 {
 
    -ms-flex-positive: 0!important;
 
    flex-grow: 0!important
 
  }
 
 
  .flex-md-grow-1 {
 
    -ms-flex-positive: 1!important;
 
    flex-grow: 1!important
 
  }
 
 
  .flex-md-shrink-0 {
 
    -ms-flex-negative: 0!important;
 
    flex-shrink: 0!important
 
  }
 
 
  .flex-md-shrink-1 {
 
    -ms-flex-negative: 1!important;
 
    flex-shrink: 1!important
 
  }
 
 
  .justify-content-md-start {
 
    -ms-flex-pack: start!important;
 
    justify-content: flex-start!important
 
  }
 
 
  .justify-content-md-end {
 
    -ms-flex-pack: end!important;
 
    justify-content: flex-end!important
 
  }
 
 
  .justify-content-md-center {
 
    -ms-flex-pack: center!important;
 
    justify-content: center!important
 
  }
 
 
  .justify-content-md-between {
 
    -ms-flex-pack: justify!important;
 
    justify-content: space-between!important
 
  }
 
 
  .justify-content-md-around {
 
    -ms-flex-pack: distribute!important;
 
    justify-content: space-around!important
 
  }
 
 
  .align-items-md-start {
 
    -ms-flex-align: start!important;
 
    align-items: flex-start!important
 
  }
 
 
  .align-items-md-end {
 
    -ms-flex-align: end!important;
 
    align-items: flex-end!important
 
  }
 
 
  .align-items-md-center {
 
    -ms-flex-align: center!important;
 
    align-items: center!important
 
  }
 
 
  .align-items-md-baseline {
 
    -ms-flex-align: baseline!important;
 
    align-items: baseline!important
 
  }
 
 
  .align-items-md-stretch {
 
    -ms-flex-align: stretch!important;
 
    align-items: stretch!important
 
  }
 
 
  .align-content-md-start {
 
    -ms-flex-line-pack: start!important;
 
    align-content: flex-start!important
 
  }
 
 
  .align-content-md-end {
 
    -ms-flex-line-pack: end!important;
 
    align-content: flex-end!important
 
  }
 
 
  .align-content-md-center {
 
    -ms-flex-line-pack: center!important;
 
    align-content: center!important
 
  }
 
 
  .align-content-md-between {
 
    -ms-flex-line-pack: justify!important;
 
    align-content: space-between!important
 
  }
 
 
  .align-content-md-around {
 
    -ms-flex-line-pack: distribute!important;
 
    align-content: space-around!important
 
  }
 
 
  .align-content-md-stretch {
 
    -ms-flex-line-pack: stretch!important;
 
    align-content: stretch!important
 
  }
 
 
  .align-self-md-auto {
 
    -ms-flex-item-align: auto!important;
 
    align-self: auto!important
 
  }
 
 
  .align-self-md-start {
 
    -ms-flex-item-align: start!important;
 
    align-self: flex-start!important
 
  }
 
 
  .align-self-md-end {
 
    -ms-flex-item-align: end!important;
 
    align-self: flex-end!important
 
  }
 
 
  .align-self-md-center {
 
    -ms-flex-item-align: center!important;
 
    align-self: center!important
 
  }
 
 
  .align-self-md-baseline {
 
    -ms-flex-item-align: baseline!important;
 
    align-self: baseline!important
 
  }
 
 
  .align-self-md-stretch {
 
    -ms-flex-item-align: stretch!important;
 
    align-self: stretch!important
 
  }
 
}
 
 
@media (min-width: 992px) {
 
  .flex-lg-row {
 
    -ms-flex-direction:row!important;
 
    flex-direction: row!important
 
  }
 
 
  .flex-lg-column {
 
    -ms-flex-direction: column!important;
 
    flex-direction: column!important
 
  }
 
 
  .flex-lg-row-reverse {
 
    -ms-flex-direction: row-reverse!important;
 
    flex-direction: row-reverse!important
 
  }
 
 
  .flex-lg-column-reverse {
 
    -ms-flex-direction: column-reverse!important;
 
    flex-direction: column-reverse!important
 
  }
 
 
  .flex-lg-wrap {
 
    -ms-flex-wrap: wrap!important;
 
    flex-wrap: wrap!important
 
  }
 
 
  .flex-lg-nowrap {
 
    -ms-flex-wrap: nowrap!important;
 
    flex-wrap: nowrap!important
 
  }
 
 
  .flex-lg-wrap-reverse {
 
    -ms-flex-wrap: wrap-reverse!important;
 
    flex-wrap: wrap-reverse!important
 
  }
 
 
  .flex-lg-fill {
 
    -ms-flex: 1 1 auto!important;
 
    flex: 1 1 auto!important
 
  }
 
 
  .flex-lg-grow-0 {
 
    -ms-flex-positive: 0!important;
 
    flex-grow: 0!important
 
  }
 
 
  .flex-lg-grow-1 {
 
    -ms-flex-positive: 1!important;
 
    flex-grow: 1!important
 
  }
 
 
  .flex-lg-shrink-0 {
 
    -ms-flex-negative: 0!important;
 
    flex-shrink: 0!important
 
  }
 
 
  .flex-lg-shrink-1 {
 
    -ms-flex-negative: 1!important;
 
    flex-shrink: 1!important
 
  }
 
 
  .justify-content-lg-start {
 
    -ms-flex-pack: start!important;
 
    justify-content: flex-start!important
 
  }
 
 
  .justify-content-lg-end {
 
    -ms-flex-pack: end!important;
 
    justify-content: flex-end!important
 
  }
 
 
  .justify-content-lg-center {
 
    -ms-flex-pack: center!important;
 
    justify-content: center!important
 
  }
 
 
  .justify-content-lg-between {
 
    -ms-flex-pack: justify!important;
 
    justify-content: space-between!important
 
  }
 
 
  .justify-content-lg-around {
 
    -ms-flex-pack: distribute!important;
 
    justify-content: space-around!important
 
  }
 
 
  .align-items-lg-start {
 
    -ms-flex-align: start!important;
 
    align-items: flex-start!important
 
  }
 
 
  .align-items-lg-end {
 
    -ms-flex-align: end!important;
 
    align-items: flex-end!important
 
  }
 
 
  .align-items-lg-center {
 
    -ms-flex-align: center!important;
 
    align-items: center!important
 
  }
 
 
  .align-items-lg-baseline {
 
    -ms-flex-align: baseline!important;
 
    align-items: baseline!important
 
  }
 
 
  .align-items-lg-stretch {
 
    -ms-flex-align: stretch!important;
 
    align-items: stretch!important
 
  }
 
 
  .align-content-lg-start {
 
    -ms-flex-line-pack: start!important;
 
    align-content: flex-start!important
 
  }
 
 
  .align-content-lg-end {
 
    -ms-flex-line-pack: end!important;
 
    align-content: flex-end!important
 
  }
 
 
  .align-content-lg-center {
 
    -ms-flex-line-pack: center!important;
 
    align-content: center!important
 
  }
 
 
  .align-content-lg-between {
 
    -ms-flex-line-pack: justify!important;
 
    align-content: space-between!important
 
  }
 
 
  .align-content-lg-around {
 
    -ms-flex-line-pack: distribute!important;
 
    align-content: space-around!important
 
  }
 
 
  .align-content-lg-stretch {
 
    -ms-flex-line-pack: stretch!important;
 
    align-content: stretch!important
 
  }
 
 
  .align-self-lg-auto {
 
    -ms-flex-item-align: auto!important;
 
    align-self: auto!important
 
  }
 
 
  .align-self-lg-start {
 
    -ms-flex-item-align: start!important;
 
    align-self: flex-start!important
 
  }
 
 
  .align-self-lg-end {
 
    -ms-flex-item-align: end!important;
 
    align-self: flex-end!important
 
  }
 
 
  .align-self-lg-center {
 
    -ms-flex-item-align: center!important;
 
    align-self: center!important
 
  }
 
 
  .align-self-lg-baseline {
 
    -ms-flex-item-align: baseline!important;
 
    align-self: baseline!important
 
  }
 
 
  .align-self-lg-stretch {
 
    -ms-flex-item-align: stretch!important;
 
    align-self: stretch!important
 
  }
 
}
 
 
@media (min-width: 1200px) {
 
  .flex-xl-row {
 
    -ms-flex-direction:row!important;
 
    flex-direction: row!important
 
  }
 
 
  .flex-xl-column {
 
    -ms-flex-direction: column!important;
 
    flex-direction: column!important
 
  }
 
 
  .flex-xl-row-reverse {
 
    -ms-flex-direction: row-reverse!important;
 
    flex-direction: row-reverse!important
 
  }
 
 
  .flex-xl-column-reverse {
 
    -ms-flex-direction: column-reverse!important;
 
    flex-direction: column-reverse!important
 
  }
 
 
  .flex-xl-wrap {
 
    -ms-flex-wrap: wrap!important;
 
    flex-wrap: wrap!important
 
  }
 
 
  .flex-xl-nowrap {
 
    -ms-flex-wrap: nowrap!important;
 
    flex-wrap: nowrap!important
 
  }
 
 
  .flex-xl-wrap-reverse {
 
    -ms-flex-wrap: wrap-reverse!important;
 
    flex-wrap: wrap-reverse!important
 
  }
 
 
  .flex-xl-fill {
 
    -ms-flex: 1 1 auto!important;
 
    flex: 1 1 auto!important
 
  }
 
 
  .flex-xl-grow-0 {
 
    -ms-flex-positive: 0!important;
 
    flex-grow: 0!important
 
  }
 
 
  .flex-xl-grow-1 {
 
    -ms-flex-positive: 1!important;
 
    flex-grow: 1!important
 
  }
 
 
  .flex-xl-shrink-0 {
 
    -ms-flex-negative: 0!important;
 
    flex-shrink: 0!important
 
  }
 
 
  .flex-xl-shrink-1 {
 
    -ms-flex-negative: 1!important;
 
    flex-shrink: 1!important
 
  }
 
 
  .justify-content-xl-start {
 
    -ms-flex-pack: start!important;
 
    justify-content: flex-start!important
 
  }
 
 
  .justify-content-xl-end {
 
    -ms-flex-pack: end!important;
 
    justify-content: flex-end!important
 
  }
 
 
  .justify-content-xl-center {
 
    -ms-flex-pack: center!important;
 
    justify-content: center!important
 
  }
 
 
  .justify-content-xl-between {
 
    -ms-flex-pack: justify!important;
 
    justify-content: space-between!important
 
  }
 
 
  .justify-content-xl-around {
 
    -ms-flex-pack: distribute!important;
 
    justify-content: space-around!important
 
  }
 
 
  .align-items-xl-start {
 
    -ms-flex-align: start!important;
 
    align-items: flex-start!important
 
  }
 
 
  .align-items-xl-end {
 
    -ms-flex-align: end!important;
 
    align-items: flex-end!important
 
  }
 
 
  .align-items-xl-center {
 
    -ms-flex-align: center!important;
 
    align-items: center!important
 
  }
 
 
  .align-items-xl-baseline {
 
    -ms-flex-align: baseline!important;
 
    align-items: baseline!important
 
  }
 
 
  .align-items-xl-stretch {
 
    -ms-flex-align: stretch!important;
 
    align-items: stretch!important
 
  }
 
 
  .align-content-xl-start {
 
    -ms-flex-line-pack: start!important;
 
    align-content: flex-start!important
 
  }
 
 
  .align-content-xl-end {
 
    -ms-flex-line-pack: end!important;
 
    align-content: flex-end!important
 
  }
 
 
  .align-content-xl-center {
 
    -ms-flex-line-pack: center!important;
 
    align-content: center!important
 
  }
 
 
  .align-content-xl-between {
 
    -ms-flex-line-pack: justify!important;
 
    align-content: space-between!important
 
  }
 
 
  .align-content-xl-around {
 
    -ms-flex-line-pack: distribute!important;
 
    align-content: space-around!important
 
  }
 
 
  .align-content-xl-stretch {
 
    -ms-flex-line-pack: stretch!important;
 
    align-content: stretch!important
 
  }
 
 
  .align-self-xl-auto {
 
    -ms-flex-item-align: auto!important;
 
    align-self: auto!important
 
  }
 
 
  .align-self-xl-start {
 
    -ms-flex-item-align: start!important;
 
    align-self: flex-start!important
 
  }
 
 
  .align-self-xl-end {
 
    -ms-flex-item-align: end!important;
 
    align-self: flex-end!important
 
  }
 
 
  .align-self-xl-center {
 
    -ms-flex-item-align: center!important;
 
    align-self: center!important
 
  }
 
 
  .align-self-xl-baseline {
 
    -ms-flex-item-align: baseline!important;
 
    align-self: baseline!important
 
  }
 
 
  .align-self-xl-stretch {
 
    -ms-flex-item-align: stretch!important;
 
    align-self: stretch!important
 
  }
 
}
 
 
.float-left {
 
  float: left!important
 
}
 
 
.float-right {
 
  float: right!important
 
}
 
 
.float-none {
 
  float: none!important
 
}
 
 
@media (min-width: 576px) {
 
  .float-sm-left {
 
    float:left!important
 
  }
 
 
  .float-sm-right {
 
    float: right!important
 
  }
 
 
  .float-sm-none {
 
    float: none!important
 
  }
 
}
 
 
@media (min-width: 768px) {
 
  .float-md-left {
 
    float:left!important
 
  }
 
 
  .float-md-right {
 
    float: right!important
 
  }
 
 
  .float-md-none {
 
    float: none!important
 
  }
 
}
 
 
@media (min-width: 992px) {
 
  .float-lg-left {
 
    float:left!important
 
  }
 
 
  .float-lg-right {
 
    float: right!important
 
  }
 
 
  .float-lg-none {
 
    float: none!important
 
  }
 
}
 
 
@media (min-width: 1200px) {
 
  .float-xl-left {
 
    float:left!important
 
  }
 
 
  .float-xl-right {
 
    float: right!important
 
  }
 
 
  .float-xl-none {
 
    float: none!important
 
  }
 
}
 
 
.position-static {
 
  position: static!important
 
}
 
 
.position-relative {
 
  position: relative!important
 
}
 
 
.position-absolute {
 
  position: absolute!important
 
}
 
 
.position-fixed {
 
  position: fixed!important
 
}
 
 
.position-sticky {
 
  position: -webkit-sticky!important;
 
  position: sticky!important
 
}
 
 
.fixed-top {
 
  position: fixed;
 
  top: 0;
 
  right: 0;
 
  left: 0;
 
  z-index: 1030
 
}
 
 
.fixed-bottom {
 
  position: fixed;
 
  right: 0;
 
  bottom: 0;
 
  left: 0;
 
  z-index: 1030
 
}
 
 
@supports ((position: -webkit-sticky) or (position:sticky)) {
 
  .sticky-top {
 
    position:-webkit-sticky;
 
    position: sticky;
 
    top: 0;
 
    z-index: 1020
 
  }
 
}
 
 
.sr-only {
 
  position: absolute;
 
  width: 1px;
 
  height: 1px;
 
  padding: 0;
 
  overflow: hidden;
 
  clip: rect(0,0,0,0);
 
  white-space: nowrap;
 
  border: 0
 
}
 
 
.sr-only-focusable:active,.sr-only-focusable:focus {
 
  position: static;
 
  width: auto;
 
  height: auto;
 
  overflow: visible;
 
  clip: auto;
 
  white-space: normal
 
}
 
 
.shadow-sm {
 
  box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important
 
}
 
 
.shadow {
 
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
 
}
 
 
.shadow-lg {
 
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important
 
}
 
 
.shadow-none {
 
  box-shadow: none!important
 
}
 
 
.w-25 {
 
  width: 25%!important
 
}
 
 
.w-50 {
 
  width: 50%!important
 
}
 
 
.w-75 {
 
  width: 75%!important
 
}
 
 
.w-100 {
 
  width: 100%!important
 
}
 
 
.w-auto {
 
  width: auto!important
 
}
 
 
.h-25 {
 
  height: 25%!important
 
}
 
 
.h-50 {
 
  height: 50%!important
 
}
 
 
.h-75 {
 
  height: 75%!important
 
}
 
 
.h-100 {
 
  height: 100%!important
 
}
 
 
.h-auto {
 
  height: auto!important
 
}
 
 
.mw-100 {
 
  max-width: 100%!important
 
}
 
 
.mh-100 {
 
  max-height: 100%!important
 
}
 
 
.m-0 {
 
  margin: 0!important
 
}
 
 
.mt-0,.my-0 {
 
  margin-top: 0!important
 
}
 
 
.mr-0,.mx-0 {
 
  margin-right: 0!important
 
}
 
 
.mb-0,.my-0 {
 
  margin-bottom: 0!important
 
}
 
 
.ml-0,.mx-0 {
 
  margin-left: 0!important
 
}
 
 
.m-1 {
 
  margin: .25rem!important
 
}
 
 
.mt-1,.my-1 {
 
  margin-top: .25rem!important
 
}
 
 
.mr-1,.mx-1 {
 
  margin-right: .25rem!important
 
}
 
 
.mb-1,.my-1 {
 
  margin-bottom: .25rem!important
 
}
 
 
.ml-1,.mx-1 {
 
  margin-left: .25rem!important
 
}
 
 
.m-2 {
 
  margin: .5rem!important
 
}
 
 
.mt-2,.my-2 {
 
  margin-top: .5rem!important
 
}
 
 
.mr-2,.mx-2 {
 
  margin-right: .5rem!important
 
}
 
 
.mb-2,.my-2 {
 
  margin-bottom: .5rem!important
 
}
 
 
.ml-2,.mx-2 {
 
  margin-left: .5rem!important
 
}
 
 
.m-3 {
 
  margin: 1rem!important
 
}
 
 
.mt-3,.my-3 {
 
  margin-top: 1rem!important
 
}
 
 
.mr-3,.mx-3 {
 
  margin-right: 1rem!important
 
}
 
 
.mb-3,.my-3 {
 
  margin-bottom: 1rem!important
 
}
 
 
.ml-3,.mx-3 {
 
  margin-left: 1rem!important
 
}
 
 
.m-4 {
 
  margin: 1.5rem!important
 
}
 
 
.mt-4,.my-4 {
 
  margin-top: 1.5rem!important
 
}
 
 
.mr-4,.mx-4 {
 
  margin-right: 1.5rem!important
 
}
 
 
.mb-4,.my-4 {
 
  margin-bottom: 1.5rem!important
 
}
 
 
.ml-4,.mx-4 {
 
  margin-left: 1.5rem!important
 
}
 
 
.m-5 {
 
  margin: 3rem!important
 
}
 
 
.mt-5,.my-5 {
 
  margin-top: 3rem!important
 
}
 
 
.mr-5,.mx-5 {
 
  margin-right: 3rem!important
 
}
 
 
.mb-5,.my-5 {
 
  margin-bottom: 3rem!important
 
}
 
 
.ml-5,.mx-5 {
 
  margin-left: 3rem!important
 
}
 
 
.p-0 {
 
  padding: 0!important
 
}
 
 
.pt-0,.py-0 {
 
  padding-top: 0!important
 
}
 
 
.pr-0,.px-0 {
 
  padding-right: 0!important
 
}
 
 
.pb-0,.py-0 {
 
  padding-bottom: 0!important
 
}
 
 
.pl-0,.px-0 {
 
  padding-left: 0!important
 
}
 
 
.p-1 {
 
  padding: .25rem!important
 
}
 
 
.pt-1,.py-1 {
 
  padding-top: .25rem!important
 
}
 
 
.pr-1,.px-1 {
 
  padding-right: .25rem!important
 
}
 
 
.pb-1,.py-1 {
 
  padding-bottom: .25rem!important
 
}
 
 
.pl-1,.px-1 {
 
  padding-left: .25rem!important
 
}
 
 
.p-2 {
 
  padding: .5rem!important
 
}
 
 
.pt-2,.py-2 {
 
  padding-top: .5rem!important
 
}
 
 
.pr-2,.px-2 {
 
  padding-right: .5rem!important
 
}
 
 
.pb-2,.py-2 {
 
  padding-bottom: .5rem!important
 
}
 
 
.pl-2,.px-2 {
 
  padding-left: .5rem!important
 
}
 
 
.p-3 {
 
  padding: 1rem!important
 
}
 
 
.pt-3,.py-3 {
 
  padding-top: 1rem!important
 
}
 
 
.pr-3,.px-3 {
 
  padding-right: 1rem!important
 
}
 
 
.pb-3,.py-3 {
 
  padding-bottom: 1rem!important
 
}
 
 
.pl-3,.px-3 {
 
  padding-left: 1rem!important
 
}
 
 
.p-4 {
 
  padding: 1.5rem!important
 
}
 
 
.pt-4,.py-4 {
 
  padding-top: 1.5rem!important
 
}
 
 
.pr-4,.px-4 {
 
  padding-right: 1.5rem!important
 
}
 
 
.pb-4,.py-4 {
 
  padding-bottom: 1.5rem!important
 
}
 
 
.pl-4,.px-4 {
 
  padding-left: 1.5rem!important
 
}
 
 
.p-5 {
 
  padding: 3rem!important
 
}
 
 
.pt-5,.py-5 {
 
  padding-top: 3rem!important
 
}
 
 
.pr-5,.px-5 {
 
  padding-right: 3rem!important
 
}
 
 
.pb-5,.py-5 {
 
  padding-bottom: 3rem!important
 
}
 
 
.pl-5,.px-5 {
 
  padding-left: 3rem!important
 
}
 
 
.m-auto {
 
  margin: auto!important
 
}
 
 
.mt-auto,.my-auto {
 
  margin-top: auto!important
 
}
 
 
.mr-auto,.mx-auto {
 
  margin-right: auto!important
 
}
 
 
.mb-auto,.my-auto {
 
  margin-bottom: auto!important
 
}
 
 
.ml-auto,.mx-auto {
 
  margin-left: auto!important
 
}
 
 
@media (min-width: 576px) {
 
  .m-sm-0 {
 
    margin:0!important
 
  }
 
 
  .mt-sm-0,.my-sm-0 {
 
    margin-top: 0!important
 
  }
 
 
  .mr-sm-0,.mx-sm-0 {
 
    margin-right: 0!important
 
  }
 
 
  .mb-sm-0,.my-sm-0 {
 
    margin-bottom: 0!important
 
  }
 
 
  .ml-sm-0,.mx-sm-0 {
 
    margin-left: 0!important
 
  }
 
 
  .m-sm-1 {
 
    margin: .25rem!important
 
  }
 
 
  .mt-sm-1,.my-sm-1 {
 
    margin-top: .25rem!important
 
  }
 
 
  .mr-sm-1,.mx-sm-1 {
 
    margin-right: .25rem!important
 
  }
 
 
  .mb-sm-1,.my-sm-1 {
 
    margin-bottom: .25rem!important
 
  }
 
 
  .ml-sm-1,.mx-sm-1 {
 
    margin-left: .25rem!important
 
  }
 
 
  .m-sm-2 {
 
    margin: .5rem!important
 
  }
 
 
  .mt-sm-2,.my-sm-2 {
 
    margin-top: .5rem!important
 
  }
 
 
  .mr-sm-2,.mx-sm-2 {
 
    margin-right: .5rem!important
 
  }
 
 
  .mb-sm-2,.my-sm-2 {
 
    margin-bottom: .5rem!important
 
  }
 
 
  .ml-sm-2,.mx-sm-2 {
 
    margin-left: .5rem!important
 
  }
 
 
  .m-sm-3 {
 
    margin: 1rem!important
 
  }
 
 
  .mt-sm-3,.my-sm-3 {
 
    margin-top: 1rem!important
 
  }
 
 
  .mr-sm-3,.mx-sm-3 {
 
    margin-right: 1rem!important
 
  }
 
 
  .mb-sm-3,.my-sm-3 {
 
    margin-bottom: 1rem!important
 
  }
 
 
  .ml-sm-3,.mx-sm-3 {
 
    margin-left: 1rem!important
 
  }
 
 
  .m-sm-4 {
 
    margin: 1.5rem!important
 
  }
 
 
  .mt-sm-4,.my-sm-4 {
 
    margin-top: 1.5rem!important
 
  }
 
 
  .mr-sm-4,.mx-sm-4 {
 
    margin-right: 1.5rem!important
 
  }
 
 
  .mb-sm-4,.my-sm-4 {
 
    margin-bottom: 1.5rem!important
 
  }
 
 
  .ml-sm-4,.mx-sm-4 {
 
    margin-left: 1.5rem!important
 
  }
 
 
  .m-sm-5 {
 
    margin: 3rem!important
 
  }
 
 
  .mt-sm-5,.my-sm-5 {
 
    margin-top: 3rem!important
 
  }
 
 
  .mr-sm-5,.mx-sm-5 {
 
    margin-right: 3rem!important
 
  }
 
 
  .mb-sm-5,.my-sm-5 {
 
    margin-bottom: 3rem!important
 
  }
 
 
  .ml-sm-5,.mx-sm-5 {
 
    margin-left: 3rem!important
 
  }
 
 
  .p-sm-0 {
 
    padding: 0!important
 
  }
 
 
  .pt-sm-0,.py-sm-0 {
 
    padding-top: 0!important
 
  }
 
 
  .pr-sm-0,.px-sm-0 {
 
    padding-right: 0!important
 
  }
 
 
  .pb-sm-0,.py-sm-0 {
 
    padding-bottom: 0!important
 
  }
 
 
  .pl-sm-0,.px-sm-0 {
 
    padding-left: 0!important
 
  }
 
 
  .p-sm-1 {
 
    padding: .25rem!important
 
  }
 
 
  .pt-sm-1,.py-sm-1 {
 
    padding-top: .25rem!important
 
  }
 
 
  .pr-sm-1,.px-sm-1 {
 
    padding-right: .25rem!important
 
  }
 
 
  .pb-sm-1,.py-sm-1 {
 
    padding-bottom: .25rem!important
 
  }
 
 
  .pl-sm-1,.px-sm-1 {
 
    padding-left: .25rem!important
 
  }
 
 
  .p-sm-2 {
 
    padding: .5rem!important
 
  }
 
 
  .pt-sm-2,.py-sm-2 {
 
    padding-top: .5rem!important
 
  }
 
 
  .pr-sm-2,.px-sm-2 {
 
    padding-right: .5rem!important
 
  }
 
 
  .pb-sm-2,.py-sm-2 {
 
    padding-bottom: .5rem!important
 
  }
 
 
  .pl-sm-2,.px-sm-2 {
 
    padding-left: .5rem!important
 
  }
 
 
  .p-sm-3 {
 
    padding: 1rem!important
 
  }
 
 
  .pt-sm-3,.py-sm-3 {
 
    padding-top: 1rem!important
 
  }
 
 
  .pr-sm-3,.px-sm-3 {
 
    padding-right: 1rem!important
 
  }
 
 
  .pb-sm-3,.py-sm-3 {
 
    padding-bottom: 1rem!important
 
  }
 
 
  .pl-sm-3,.px-sm-3 {
 
    padding-left: 1rem!important
 
  }
 
 
  .p-sm-4 {
 
    padding: 1.5rem!important
 
  }
 
 
  .pt-sm-4,.py-sm-4 {
 
    padding-top: 1.5rem!important
 
  }
 
 
  .pr-sm-4,.px-sm-4 {
 
    padding-right: 1.5rem!important
 
  }
 
 
  .pb-sm-4,.py-sm-4 {
 
    padding-bottom: 1.5rem!important
 
  }
 
 
  .pl-sm-4,.px-sm-4 {
 
    padding-left: 1.5rem!important
 
  }
 
 
  .p-sm-5 {
 
    padding: 3rem!important
 
  }
 
 
  .pt-sm-5,.py-sm-5 {
 
    padding-top: 3rem!important
 
  }
 
 
  .pr-sm-5,.px-sm-5 {
 
    padding-right: 3rem!important
 
  }
 
 
  .pb-sm-5,.py-sm-5 {
 
    padding-bottom: 3rem!important
 
  }
 
 
  .pl-sm-5,.px-sm-5 {
 
    padding-left: 3rem!important
 
  }
 
 
  .m-sm-auto {
 
    margin: auto!important
 
  }
 
 
  .mt-sm-auto,.my-sm-auto {
 
    margin-top: auto!important
 
  }
 
 
  .mr-sm-auto,.mx-sm-auto {
 
    margin-right: auto!important
 
  }
 
 
  .mb-sm-auto,.my-sm-auto {
 
    margin-bottom: auto!important
 
  }
 
 
  .ml-sm-auto,.mx-sm-auto {
 
    margin-left: auto!important
 
  }
 
}
 
 
@media (min-width: 768px) {
 
  .m-md-0 {
 
    margin:0!important
 
  }
 
 
  .mt-md-0,.my-md-0 {
 
    margin-top: 0!important
 
  }
 
 
  .mr-md-0,.mx-md-0 {
 
    margin-right: 0!important
 
  }
 
 
  .mb-md-0,.my-md-0 {
 
    margin-bottom: 0!important
 
  }
 
 
  .ml-md-0,.mx-md-0 {
 
    margin-left: 0!important
 
  }
 
 
  .m-md-1 {
 
    margin: .25rem!important
 
  }
 
 
  .mt-md-1,.my-md-1 {
 
    margin-top: .25rem!important
 
  }
 
 
  .mr-md-1,.mx-md-1 {
 
    margin-right: .25rem!important
 
  }
 
 
  .mb-md-1,.my-md-1 {
 
    margin-bottom: .25rem!important
 
  }
 
 
  .ml-md-1,.mx-md-1 {
 
    margin-left: .25rem!important
 
  }
 
 
  .m-md-2 {
 
    margin: .5rem!important
 
  }
 
 
  .mt-md-2,.my-md-2 {
 
    margin-top: .5rem!important
 
  }
 
 
  .mr-md-2,.mx-md-2 {
 
    margin-right: .5rem!important
 
  }
 
 
  .mb-md-2,.my-md-2 {
 
    margin-bottom: .5rem!important
 
  }
 
 
  .ml-md-2,.mx-md-2 {
 
    margin-left: .5rem!important
 
  }
 
 
  .m-md-3 {
 
    margin: 1rem!important
 
  }
 
 
  .mt-md-3,.my-md-3 {
 
    margin-top: 1rem!important
 
  }
 
 
  .mr-md-3,.mx-md-3 {
 
    margin-right: 1rem!important
 
  }
 
 
  .mb-md-3,.my-md-3 {
 
    margin-bottom: 1rem!important
 
  }
 
 
  .ml-md-3,.mx-md-3 {
 
    margin-left: 1rem!important
 
  }
 
 
  .m-md-4 {
 
    margin: 1.5rem!important
 
  }
 
 
  .mt-md-4,.my-md-4 {
 
    margin-top: 1.5rem!important
 
  }
 
 
  .mr-md-4,.mx-md-4 {
 
    margin-right: 1.5rem!important
 
  }
 
 
  .mb-md-4,.my-md-4 {
 
    margin-bottom: 1.5rem!important
 
  }
 
 
  .ml-md-4,.mx-md-4 {
 
    margin-left: 1.5rem!important
 
  }
 
 
  .m-md-5 {
 
    margin: 3rem!important
 
  }
 
 
  .mt-md-5,.my-md-5 {
 
    margin-top: 3rem!important
 
  }
 
 
  .mr-md-5,.mx-md-5 {
 
    margin-right: 3rem!important
 
  }
 
 
  .mb-md-5,.my-md-5 {
 
    margin-bottom: 3rem!important
 
  }
 
 
  .ml-md-5,.mx-md-5 {
 
    margin-left: 3rem!important
 
  }
 
 
  .p-md-0 {
 
    padding: 0!important
 
  }
 
 
  .pt-md-0,.py-md-0 {
 
    padding-top: 0!important
 
  }
 
 
  .pr-md-0,.px-md-0 {
 
    padding-right: 0!important
 
  }
 
 
  .pb-md-0,.py-md-0 {
 
    padding-bottom: 0!important
 
  }
 
 
  .pl-md-0,.px-md-0 {
 
    padding-left: 0!important
 
  }
 
 
  .p-md-1 {
 
    padding: .25rem!important
 
  }
 
 
  .pt-md-1,.py-md-1 {
 
    padding-top: .25rem!important
 
  }
 
 
  .pr-md-1,.px-md-1 {
 
    padding-right: .25rem!important
 
  }
 
 
  .pb-md-1,.py-md-1 {
 
    padding-bottom: .25rem!important
 
  }
 
 
  .pl-md-1,.px-md-1 {
 
    padding-left: .25rem!important
 
  }
 
 
  .p-md-2 {
 
    padding: .5rem!important
 
  }
 
 
  .pt-md-2,.py-md-2 {
 
    padding-top: .5rem!important
 
  }
 
 
  .pr-md-2,.px-md-2 {
 
    padding-right: .5rem!important
 
  }
 
 
  .pb-md-2,.py-md-2 {
 
    padding-bottom: .5rem!important
 
  }
 
 
  .pl-md-2,.px-md-2 {
 
    padding-left: .5rem!important
 
  }
 
 
  .p-md-3 {
 
    padding: 1rem!important
 
  }
 
 
  .pt-md-3,.py-md-3 {
 
    padding-top: 1rem!important
 
  }
 
 
  .pr-md-3,.px-md-3 {
 
    padding-right: 1rem!important
 
  }
 
 
  .pb-md-3,.py-md-3 {
 
    padding-bottom: 1rem!important
 
  }
 
 
  .pl-md-3,.px-md-3 {
 
    padding-left: 1rem!important
 
  }
 
 
  .p-md-4 {
 
    padding: 1.5rem!important
 
  }
 
 
  .pt-md-4,.py-md-4 {
 
    padding-top: 1.5rem!important
 
  }
 
 
  .pr-md-4,.px-md-4 {
 
    padding-right: 1.5rem!important
 
  }
 
 
  .pb-md-4,.py-md-4 {
 
    padding-bottom: 1.5rem!important
 
  }
 
 
  .pl-md-4,.px-md-4 {
 
    padding-left: 1.5rem!important
 
  }
 
 
  .p-md-5 {
 
    padding: 3rem!important
 
  }
 
 
  .pt-md-5,.py-md-5 {
 
    padding-top: 3rem!important
 
  }
 
 
  .pr-md-5,.px-md-5 {
 
    padding-right: 3rem!important
 
  }
 
 
  .pb-md-5,.py-md-5 {
 
    padding-bottom: 3rem!important
 
  }
 
 
  .pl-md-5,.px-md-5 {
 
    padding-left: 3rem!important
 
  }
 
 
  .m-md-auto {
 
    margin: auto!important
 
  }
 
 
  .mt-md-auto,.my-md-auto {
 
    margin-top: auto!important
 
  }
 
 
  .mr-md-auto,.mx-md-auto {
 
    margin-right: auto!important
 
  }
 
 
  .mb-md-auto,.my-md-auto {
 
    margin-bottom: auto!important
 
  }
 
 
  .ml-md-auto,.mx-md-auto {
 
    margin-left: auto!important
 
  }
 
}
 
 
@media (min-width: 992px) {
 
  .m-lg-0 {
 
    margin:0!important
 
  }
 
 
  .mt-lg-0,.my-lg-0 {
 
    margin-top: 0!important
 
  }
 
 
  .mr-lg-0,.mx-lg-0 {
 
    margin-right: 0!important
 
  }
 
 
  .mb-lg-0,.my-lg-0 {
 
    margin-bottom: 0!important
 
  }
 
 
  .ml-lg-0,.mx-lg-0 {
 
    margin-left: 0!important
 
  }
 
 
  .m-lg-1 {
 
    margin: .25rem!important
 
  }
 
 
  .mt-lg-1,.my-lg-1 {
 
    margin-top: .25rem!important
 
  }
 
 
  .mr-lg-1,.mx-lg-1 {
 
    margin-right: .25rem!important
 
  }
 
 
  .mb-lg-1,.my-lg-1 {
 
    margin-bottom: .25rem!important
 
  }
 
 
  .ml-lg-1,.mx-lg-1 {
 
    margin-left: .25rem!important
 
  }
 
 
  .m-lg-2 {
 
    margin: .5rem!important
 
  }
 
 
  .mt-lg-2,.my-lg-2 {
 
    margin-top: .5rem!important
 
  }
 
 
  .mr-lg-2,.mx-lg-2 {
 
    margin-right: .5rem!important
 
  }
 
 
  .mb-lg-2,.my-lg-2 {
 
    margin-bottom: .5rem!important
 
  }
 
 
  .ml-lg-2,.mx-lg-2 {
 
    margin-left: .5rem!important
 
  }
 
 
  .m-lg-3 {
 
    margin: 1rem!important
 
  }
 
 
  .mt-lg-3,.my-lg-3 {
 
    margin-top: 1rem!important
 
  }
 
 
  .mr-lg-3,.mx-lg-3 {
 
    margin-right: 1rem!important
 
  }
 
 
  .mb-lg-3,.my-lg-3 {
 
    margin-bottom: 1rem!important
 
  }
 
 
  .ml-lg-3,.mx-lg-3 {
 
    margin-left: 1rem!important
 
  }
 
 
  .m-lg-4 {
 
    margin: 1.5rem!important
 
  }
 
 
  .mt-lg-4,.my-lg-4 {
 
    margin-top: 1.5rem!important
 
  }
 
 
  .mr-lg-4,.mx-lg-4 {
 
    margin-right: 1.5rem!important
 
  }
 
 
  .mb-lg-4,.my-lg-4 {
 
    margin-bottom: 1.5rem!important
 
  }
 
 
  .ml-lg-4,.mx-lg-4 {
 
    margin-left: 1.5rem!important
 
  }
 
 
  .m-lg-5 {
 
    margin: 3rem!important
 
  }
 
 
  .mt-lg-5,.my-lg-5 {
 
    margin-top: 3rem!important
 
  }
 
 
  .mr-lg-5,.mx-lg-5 {
 
    margin-right: 3rem!important
 
  }
 
 
  .mb-lg-5,.my-lg-5 {
 
    margin-bottom: 3rem!important
 
  }
 
 
  .ml-lg-5,.mx-lg-5 {
 
    margin-left: 3rem!important
 
  }
 
 
  .p-lg-0 {
 
    padding: 0!important
 
  }
 
 
  .pt-lg-0,.py-lg-0 {
 
    padding-top: 0!important
 
  }
 
 
  .pr-lg-0,.px-lg-0 {
 
    padding-right: 0!important
 
  }
 
 
  .pb-lg-0,.py-lg-0 {
 
    padding-bottom: 0!important
 
  }
 
 
  .pl-lg-0,.px-lg-0 {
 
    padding-left: 0!important
 
  }
 
 
  .p-lg-1 {
 
    padding: .25rem!important
 
  }
 
 
  .pt-lg-1,.py-lg-1 {
 
    padding-top: .25rem!important
 
  }
 
 
  .pr-lg-1,.px-lg-1 {
 
    padding-right: .25rem!important
 
  }
 
 
  .pb-lg-1,.py-lg-1 {
 
    padding-bottom: .25rem!important
 
  }
 
 
  .pl-lg-1,.px-lg-1 {
 
    padding-left: .25rem!important
 
  }
 
 
  .p-lg-2 {
 
    padding: .5rem!important
 
  }
 
 
  .pt-lg-2,.py-lg-2 {
 
    padding-top: .5rem!important
 
  }
 
 
  .pr-lg-2,.px-lg-2 {
 
    padding-right: .5rem!important
 
  }
 
 
  .pb-lg-2,.py-lg-2 {
 
    padding-bottom: .5rem!important
 
  }
 
 
  .pl-lg-2,.px-lg-2 {
 
    padding-left: .5rem!important
 
  }
 
 
  .p-lg-3 {
 
    padding: 1rem!important
 
  }
 
 
  .pt-lg-3,.py-lg-3 {
 
    padding-top: 1rem!important
 
  }
 
 
  .pr-lg-3,.px-lg-3 {
 
    padding-right: 1rem!important
 
  }
 
 
  .pb-lg-3,.py-lg-3 {
 
    padding-bottom: 1rem!important
 
  }
 
 
  .pl-lg-3,.px-lg-3 {
 
    padding-left: 1rem!important
 
  }
 
 
  .p-lg-4 {
 
    padding: 1.5rem!important
 
  }
 
 
  .pt-lg-4,.py-lg-4 {
 
    padding-top: 1.5rem!important
 
  }
 
 
  .pr-lg-4,.px-lg-4 {
 
    padding-right: 1.5rem!important
 
  }
 
 
  .pb-lg-4,.py-lg-4 {
 
    padding-bottom: 1.5rem!important
 
  }
 
 
  .pl-lg-4,.px-lg-4 {
 
    padding-left: 1.5rem!important
 
  }
 
 
  .p-lg-5 {
 
    padding: 3rem!important
 
  }
 
 
  .pt-lg-5,.py-lg-5 {
 
    padding-top: 3rem!important
 
  }
 
 
  .pr-lg-5,.px-lg-5 {
 
    padding-right: 3rem!important
 
  }
 
 
  .pb-lg-5,.py-lg-5 {
 
    padding-bottom: 3rem!important
 
  }
 
 
  .pl-lg-5,.px-lg-5 {
 
    padding-left: 3rem!important
 
  }
 
 
  .m-lg-auto {
 
    margin: auto!important
 
  }
 
 
  .mt-lg-auto,.my-lg-auto {
 
    margin-top: auto!important
 
  }
 
 
  .mr-lg-auto,.mx-lg-auto {
 
    margin-right: auto!important
 
  }
 
 
  .mb-lg-auto,.my-lg-auto {
 
    margin-bottom: auto!important
 
  }
 
 
  .ml-lg-auto,.mx-lg-auto {
 
    margin-left: auto!important
 
  }
 
}
 
 
@media (min-width: 1200px) {
 
  .m-xl-0 {
 
    margin:0!important
 
  }
 
 
  .mt-xl-0,.my-xl-0 {
 
    margin-top: 0!important
 
  }
 
 
  .mr-xl-0,.mx-xl-0 {
 
    margin-right: 0!important
 
  }
 
 
  .mb-xl-0,.my-xl-0 {
 
    margin-bottom: 0!important
 
  }
 
 
  .ml-xl-0,.mx-xl-0 {
 
    margin-left: 0!important
 
  }
 
 
  .m-xl-1 {
 
    margin: .25rem!important
 
  }
 
 
  .mt-xl-1,.my-xl-1 {
 
    margin-top: .25rem!important
 
  }
 
 
  .mr-xl-1,.mx-xl-1 {
 
    margin-right: .25rem!important
 
  }
 
 
  .mb-xl-1,.my-xl-1 {
 
    margin-bottom: .25rem!important
 
  }
 
 
  .ml-xl-1,.mx-xl-1 {
 
    margin-left: .25rem!important
 
  }
 
 
  .m-xl-2 {
 
    margin: .5rem!important
 
  }
 
 
  .mt-xl-2,.my-xl-2 {
 
    margin-top: .5rem!important
 
  }
 
 
  .mr-xl-2,.mx-xl-2 {
 
    margin-right: .5rem!important
 
  }
 
 
  .mb-xl-2,.my-xl-2 {
 
    margin-bottom: .5rem!important
 
  }
 
 
  .ml-xl-2,.mx-xl-2 {
 
    margin-left: .5rem!important
 
  }
 
 
  .m-xl-3 {
 
    margin: 1rem!important
 
  }
 
 
  .mt-xl-3,.my-xl-3 {
 
    margin-top: 1rem!important
 
  }
 
 
  .mr-xl-3,.mx-xl-3 {
 
    margin-right: 1rem!important
 
  }
 
 
  .mb-xl-3,.my-xl-3 {
 
    margin-bottom: 1rem!important
 
  }
 
 
  .ml-xl-3,.mx-xl-3 {
 
    margin-left: 1rem!important
 
  }
 
 
  .m-xl-4 {
 
    margin: 1.5rem!important
 
  }
 
 
  .mt-xl-4,.my-xl-4 {
 
    margin-top: 1.5rem!important
 
  }
 
 
  .mr-xl-4,.mx-xl-4 {
 
    margin-right: 1.5rem!important
 
  }
 
 
  .mb-xl-4,.my-xl-4 {
 
    margin-bottom: 1.5rem!important
 
  }
 
 
  .ml-xl-4,.mx-xl-4 {
 
    margin-left: 1.5rem!important
 
  }
 
 
  .m-xl-5 {
 
    margin: 3rem!important
 
  }
 
 
  .mt-xl-5,.my-xl-5 {
 
    margin-top: 3rem!important
 
  }
 
 
  .mr-xl-5,.mx-xl-5 {
 
    margin-right: 3rem!important
 
  }
 
 
  .mb-xl-5,.my-xl-5 {
 
    margin-bottom: 3rem!important
 
  }
 
 
  .ml-xl-5,.mx-xl-5 {
 
    margin-left: 3rem!important
 
  }
 
 
  .p-xl-0 {
 
    padding: 0!important
 
  }
 
 
  .pt-xl-0,.py-xl-0 {
 
    padding-top: 0!important
 
  }
 
 
  .pr-xl-0,.px-xl-0 {
 
    padding-right: 0!important
 
  }
 
 
  .pb-xl-0,.py-xl-0 {
 
    padding-bottom: 0!important
 
  }
 
 
  .pl-xl-0,.px-xl-0 {
 
    padding-left: 0!important
 
  }
 
 
  .p-xl-1 {
 
    padding: .25rem!important
 
  }
 
 
  .pt-xl-1,.py-xl-1 {
 
    padding-top: .25rem!important
 
  }
 
 
  .pr-xl-1,.px-xl-1 {
 
    padding-right: .25rem!important
 
  }
 
 
  .pb-xl-1,.py-xl-1 {
 
    padding-bottom: .25rem!important
 
  }
 
 
  .pl-xl-1,.px-xl-1 {
 
    padding-left: .25rem!important
 
  }
 
 
  .p-xl-2 {
 
    padding: .5rem!important
 
  }
 
 
  .pt-xl-2,.py-xl-2 {
 
    padding-top: .5rem!important
 
  }
 
 
  .pr-xl-2,.px-xl-2 {
 
    padding-right: .5rem!important
 
  }
 
 
  .pb-xl-2,.py-xl-2 {
 
    padding-bottom: .5rem!important
 
  }
 
 
  .pl-xl-2,.px-xl-2 {
 
    padding-left: .5rem!important
 
  }
 
 
  .p-xl-3 {
 
    padding: 1rem!important
 
  }
 
 
  .pt-xl-3,.py-xl-3 {
 
    padding-top: 1rem!important
 
  }
 
 
  .pr-xl-3,.px-xl-3 {
 
    padding-right: 1rem!important
 
  }
 
 
  .pb-xl-3,.py-xl-3 {
 
    padding-bottom: 1rem!important
 
  }
 
 
  .pl-xl-3,.px-xl-3 {
 
    padding-left: 1rem!important
 
  }
 
 
  .p-xl-4 {
 
    padding: 1.5rem!important
 
  }
 
 
  .pt-xl-4,.py-xl-4 {
 
    padding-top: 1.5rem!important
 
  }
 
 
  .pr-xl-4,.px-xl-4 {
 
    padding-right: 1.5rem!important
 
  }
 
 
  .pb-xl-4,.py-xl-4 {
 
    padding-bottom: 1.5rem!important
 
  }
 
 
  .pl-xl-4,.px-xl-4 {
 
    padding-left: 1.5rem!important
 
  }
 
 
  .p-xl-5 {
 
    padding: 3rem!important
 
  }
 
 
  .pt-xl-5,.py-xl-5 {
 
    padding-top: 3rem!important
 
  }
 
 
  .pr-xl-5,.px-xl-5 {
 
    padding-right: 3rem!important
 
  }
 
 
  .pb-xl-5,.py-xl-5 {
 
    padding-bottom: 3rem!important
 
  }
 
 
  .pl-xl-5,.px-xl-5 {
 
    padding-left: 3rem!important
 
  }
 
 
  .m-xl-auto {
 
    margin: auto!important
 
  }
 
 
  .mt-xl-auto,.my-xl-auto {
 
    margin-top: auto!important
 
  }
 
 
  .mr-xl-auto,.mx-xl-auto {
 
    margin-right: auto!important
 
  }
 
 
  .mb-xl-auto,.my-xl-auto {
 
    margin-bottom: auto!important
 
  }
 
 
  .ml-xl-auto,.mx-xl-auto {
 
    margin-left: auto!important
 
  }
 
}
 
 
.text-monospace {
 
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
 
}
 
 
.text-justify {
 
  text-align: justify!important
 
}
 
 
.text-nowrap {
 
  white-space: nowrap!important
 
}
 
 
.text-truncate {
 
  overflow: hidden;
 
  text-overflow: ellipsis;
 
  white-space: nowrap
 
}
 
 
.text-left {
 
  text-align: left!important
 
}
 
 
.text-right {
 
  text-align: right!important
 
}
 
 
.text-center {
 
  text-align: center!important
 
}
 
 
@media (min-width: 576px) {
 
  .text-sm-left {
 
    text-align:left!important
 
  }
 
 
  .text-sm-right {
 
    text-align: right!important
 
  }
 
 
  .text-sm-center {
 
    text-align: center!important
 
  }
 
}
 
 
@media (min-width: 768px) {
 
  .text-md-left {
 
    text-align:left!important
 
  }
 
 
  .text-md-right {
 
    text-align: right!important
 
  }
 
 
  .text-md-center {
 
    text-align: center!important
 
  }
 
}
 
 
@media (min-width: 992px) {
 
  .text-lg-left {
 
    text-align:left!important
 
  }
 
 
  .text-lg-right {
 
    text-align: right!important
 
  }
 
 
  .text-lg-center {
 
    text-align: center!important
 
  }
 
}
 
 
@media (min-width: 1200px) {
 
  .text-xl-left {
 
    text-align:left!important
 
  }
 
 
  .text-xl-right {
 
    text-align: right!important
 
  }
 
 
  .text-xl-center {
 
    text-align: center!important
 
  }
 
}
 
 
.text-lowercase {
 
  text-transform: lowercase!important
 
}
 
 
.text-uppercase {
 
  text-transform: uppercase!important
 
}
 
 
.text-capitalize {
 
  text-transform: capitalize!important
 
}
 
 
.font-weight-light {
 
  font-weight: 300!important
 
}
 
 
.font-weight-normal {
 
  font-weight: 400!important
 
}
 
 
.font-weight-bold {
 
  font-weight: 700!important
 
}
 
 
.font-italic {
 
  font-style: italic!important
 
}
 
 
.text-white {
 
  color: #fff!important
 
}
 
 
.text-primary {
 
  color: #007bff!important
 
}
 
 
a.text-primary:focus,a.text-primary:hover {
 
  color: #0062cc!important
 
}
 
 
.text-secondary {
 
  color: #6c757d!important
 
}
 
 
a.text-secondary:focus,a.text-secondary:hover {
 
  color: #545b62!important
 
}
 
 
.text-success {
 
  color: #28a745!important
 
}
 
 
a.text-success:focus,a.text-success:hover {
 
  color: #1e7e34!important
 
}
 
 
.text-info {
 
  color: #17a2b8!important
 
}
 
 
a.text-info:focus,a.text-info:hover {
 
  color: #117a8b!important
 
}
 
 
.text-warning {
 
  color: #ffc107!important
 
}
 
 
a.text-warning:focus,a.text-warning:hover {
 
  color: #d39e00!important
 
}
 
 
.text-danger {
 
  color: #dc3545!important
 
}
 
 
a.text-danger:focus,a.text-danger:hover {
 
  color: #bd2130!important
 
}
 
 
.text-light {
 
  color: #f8f9fa!important
 
}
 
 
a.text-light:focus,a.text-light:hover {
 
  color: #dae0e5!important
 
}
 
 
.text-dark {
 
  color: #343a40!important
 
}
 
 
a.text-dark:focus,a.text-dark:hover {
 
  color: #1d2124!important
 
}
 
 
.text-body {
 
  color: #212529!important
 
}
 
 
.text-muted {
 
  color: #6c757d!important
 
}
 
 
.text-black-50 {
 
  color: rgba(0,0,0,.5)!important
 
}
 
 
.text-white-50 {
 
  color: rgba(255,255,255,.5)!important
 
}
 
 
.text-hide {
 
  font: 0/0 a;
 
  color: transparent;
 
  text-shadow: none;
 
  background-color: transparent;
 
  border: 0
 
}
 
 
.visible {
 
  visibility: visible!important
 
}
 
 
.invisible {
 
  visibility: hidden!important
 
}
 
 
@media print {
 
  *,::after,::before {
 
    text-shadow: none!important;
 
    box-shadow: none!important
 
  }
 
 
  a:not(.btn) {
 
    text-decoration: underline
 
  }
 
 
  abbr[title]::after {
 
    content: " (" attr(title) ")"
 
  }
 
 
  pre {
 
    white-space: pre-wrap!important
 
  }
 
 
  blockquote,pre {
 
    border: 1px solid #adb5bd;
 
    page-break-inside: avoid
 
  }
 
 
  thead {
 
    display: table-header-group
 
  }
 
 
  img,tr {
 
    page-break-inside: avoid
 
  }
 
 
  h2,h3,p {
 
    orphans: 3;
 
    widows: 3
 
  }
 
 
  h2,h3 {
 
    page-break-after: avoid
 
  }
 
 
  @page {
 
    size: a3
 
  }
 
 
  body {
 
    min-width: 992px!important
 
  }
 
 
  .container {
 
    min-width: 992px!important
 
  }
 
 
  .navbar {
 
    display: none
 
  }
 
 
  .badge {
 
    border: 1px solid #000
 
  }
 
 
  .table {
 
    border-collapse: collapse!important
 
  }
 
 
  .table td,.table th {
 
    background-color: #fff!important
 
  }
 
 
  .table-bordered td,.table-bordered th {
 
    border: 1px solid #dee2e6!important
 
  }
 
}
 
 
/*# sourceMappingURL=bootstrap.min.css.map */
 
</style> </html><!---{{CAU_China/CSS/CAUBootstrapCSS}} ---><html>
 
<style>
 
  /* DEFAULT WIKI SETTINGS */
 
  /**************************************************************************************************************************************************************************************************/
 
 
 
  #home_logo, #sideMenu { display:none; }
 
  #sideMenu, #top_title, .patrollink  {display:none;}
 
  #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;line-height:1;}
 
  body {background-color:white; }
 
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
  .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}
 
 
  /* OWN Global Settings */
 
  /**************************************************************************************************************************************************************************************************/
 
  #top_menu_under{
 
    height: 7px;
 
  }
 
 
  #globalWrapper{
 
    font-size:100%;
 
  }
 
 
  .fixed-top{
 
    top:16px;
 
  }
 
 
  #HQ_page h1, h2, h3, h4, h5{
 
    font-family: inherit;
 
  }
 
 
  /* table reboot from wiki */
 
  #HQ_page th {
 
    background-color:rgba(0, 158, 198,0.3);
 
    color: inherit;
 
  }
 
  #HQ_page table .highlightBox {
 
    background-color:rgba(0, 158, 198,1);
 
  }
 
  #HQ_page table {
 
    margin-right: 0;
 
    margin-left: 0;
 
  }
 
 
  table{
 
    text-align: left;
 
  }
 
 
  .display-1{
 
    font-weight:300 !important;
 
  }
 
 
  #HQ_page p{
 
    font-family: inherit;
 
    font-size: 100%;
 
  }
 
  #bodyContent a[href ^="https://"], .link-https {
 
    padding-right: 0px;
 
  }
 
  /* important for layout not overflow */
 
  .row{
 
    margin: 0;
 
  }
 
  /* color codes */
 
  .bg-phactory1{
 
    background-color: rgba(0,203,177,1);
 
    color: white;
 
  }
 
  .bg-phactory1dark{
 
    background-color: rgba(1,101,224,1);
 
    color: white;
 
  }
 
  .text-phactory1{
 
    color: #009ec6;
 
  }
 
  .text-phactory1dark{
 
    color: rgba(1,101,224,1);
 
  }
 
  .text-phactoryTran {
 
    background: -webkit-linear-gradient(rgba(1,101,224,1), rgba(0,203,177,1));
 
    -webkit-background-clip: text;
 
    -webkit-text-fill-color: transparent;
 
  }
 
  .bg-phactory2{
 
    background-color: rgba(213,59,72,1);
 
    color: white;
 
  }
 
  .bg-phactory2dark{
 
    background-color: rgba(247,148,77,1);
 
    color: white;
 
  }
 
  .text-phactory2{
 
    color: rgba(213,59,72,1);
 
  }
 
  .text-phactory2dark{
 
    color: rgba(247,148,77,1);
 
  }
 
  .bg-phactory3{
 
    background-color: rgba(153, 0, 204,1);
 
    color: black;
 
  }
 
  .bg-phactory3dark{
 
    background-color: rgba(153, 51, 102,1);
 
    color: black;
 
  }
 
  /* title area */
 
  .pictureTitle{
 
    height: 250px;
 
    padding-top: 90px;
 
  }
 
 
  /* social media */
 
  .fa {
 
    font-size: 20px;
 
    text-align: center;
 
    text-decoration: none;
 
    color:  #ff9ea6 !important;
 
    opacity: 0.7;
 
  }
 
 
  .fa:hover {
 
    text-decoration: none;
 
    color: black;
 
    opacity: 1;
 
  }
 
 
 
  /* sponsor foooter */
 
  .sponsorLogo img{
 
    padding: 1px;
 
  }
 
  .sponsorLogo img {
 
    -webkit-filter: grayscale(100%); /*  修改到合适Safari 6.0 - 9.0 */
 
    filter: grayscale(100%);
 
    max-height: 80px;
 
  }
 
  .sponsorLogo img:hover{
 
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
 
    filter: grayscale(0%);
 
  }
 
 
  /*++++++++++++++++++++++++++++++++
 
  Nav CSS ++++++++++++++++++++++++++++++*/
 
  .dropdown-menu{
 
    background-color: rgba(100,100,100,1);
 
  }
 
  .dropdown-item, .dropdown-item:visited{
 
    color: white;
 
  }
 
 
  .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{
 
    color: white;
 
    background-color: rgba(0, 158, 198,1);
 
  }
 
  /*++++++++++++++++++++++++++++++++
 
  contents CSS ++++++++++++++++++++++++++++++*/
 
  * {
 
    box-sizing: border-box;
 
  }
 
 
 
  .phaContainer {
 
    display: flex;
 
    width: 100%;
 
    margin: 0;
 
    padding: 1em auto 0;
 
  }
 
 
  .phaContainer > * {
 
    padding: 20px 25px;
 
  }
 
  /* Both Needed */
 
  #phaContentsOuter{
 
    position: relative;
 
    flex-basis: 15vw;
 
    width: 15vw;
 
 
  }
 
  /* Both Needed */
 
  .table-of-contents {
 
    position: relative;
 
    flex-basis: 15vw;
 
    width: 15vw;
 
 
  }
 
  .stickyContents {
 
    position: fixed;
 
    top: 120px;
 
  }
 
  .table-of-contents p {
 
    text-transform: uppercase;
 
    letter-spacing: 0.125em;
 
    color: #555;
 
  }
 
 
  .table-of-contents ul {
 
    position: fixed;
 
    /* Chrome (asshole) */
 
    position: sticky;
 
    /* Firefox */
 
    margin-top: 2em;
 
    top: 4em;
 
  }
 
 
  h1:first-child {
 
    margin-top: 0;
 
  }
 
 
  .post-content {
 
    flex-basis: 70vw;
 
    max-width: 100%;
 
    margin-left: 5vw;
 
  }
 
  .post-content h1{
 
    padding-top: 30px;
 
    color:rgba(64,224,208,1);
 
  }
 
 
  .post-content h2{
 
    padding-top: 150px;
 
    color:rgba(64,224,208,1);
 
  }
 
 
  /* link color */
 
  .post-content a{
 
    color:#40E0D0;
 
 
   }
 
   }
  
Line 14,153: Line 9,280:
 
     transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 
     transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
 
     border-radius: 80%;
 
     border-radius: 80%;
     box-shadow: 0 0 0 1px #d9d9d9 inset;
+
     box-shadow: 0 0 0 1px   #000000 inset;
 
     color: #4d4d4d;
 
     color: #4d4d4d;
 
   }
 
   }
Line 14,414: Line 9,541:
 
     <a class="navbar-brand" href="https://2019.igem.org/Team:CAU_China">
 
     <a class="navbar-brand" href="https://2019.igem.org/Team:CAU_China">
 
       <img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="logo" style="width:70px;height:28px">
 
       <img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="logo" style="width:70px;height:28px">
       <h5 class="d-inline ml-3">CAU_China</h5>
+
       <h5 class="d-inline ml-3">CAU_China</h5>
 
     </a>
 
     </a>
 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
 
     <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
Line 14,468: Line 9,595:
 
           </a>
 
           </a>
 
           <div class="dropdown-menu">
 
           <div class="dropdown-menu">
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Human_Practices">Human Practices</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Human_Practices">Overview</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Integrated_HP">Integrated_HP</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Public_Engagement">Education & Engagement</a>
 
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Public_Engagement">Education & Engagement</a>
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/CCIC">CCIC</a>
 
 
           </div>
 
           </div>
 
         </li>
 
         </li>
 
         <li class="nav-item dropdown mx-3">
 
         <li class="nav-item dropdown mx-3">
 
           <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
 
           <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
             AWARDS
+
             MODEL
 
           </a>
 
           </a>
 
           <div class="dropdown-menu">
 
           <div class="dropdown-menu">
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Measurement">Measurement</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Overview</a>
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Model">Model</a>
+
             <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Decision_Model">Decision Model</a>
 +
            <a class="dropdown-item" href="https://2019.igem.org/Team:CAU_China/Dynamics_Model">Dynamics Model</a>
 
           </div>
 
           </div>
 
         </li>
 
         </li>
Line 14,644: Line 9,772:
 
         <div class="col-md-10" style="height: 100%;margin-top: 4em;">
 
         <div class="col-md-10" style="height: 100%;margin-top: 4em;">
 
       <div id="logoPrinteria" class="item" style="
 
       <div id="logoPrinteria" class="item" style="
     background-image: url(https://2019.igem.org/wiki/images/6/61/T--CAU_China--Lab5.jpg );
+
     background-image: url(https://2019.igem.org/wiki/images/0/00/T--CAU_China--Lab12.jpg );
 
     height: 100%;
 
     height: 100%;
 
     width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/3/39/T--CAU_China--word-description.png" style=" margin-top: 0px;">
 
     width: 100%;background-attachment: fixed;background-size: cover;"><img src="https://2019.igem.org/wiki/images/3/39/T--CAU_China--word-description.png" style=" margin-top: 0px;">
Line 14,678: Line 9,806:
 
     <div class="row">
 
     <div class="row">
 
       <div class="col-12">
 
       <div class="col-12">
         <p>In China, the theoretical amount of crop stalk is 1.04 billion tons per year, and the collectable amount is 900 million tons [1]. The lignocellulose in crop stalk is a good carbon source and has a high recycling value. However, the methods of stalk disposal in China are still relatively primitive - burning is still the main method of stalk disposal in a wide range of rural areas. According to the estimation of the proportion of open burning fire points monitored by satellite remote sensing of the Ministry of Environmental Protection, the amount of open burning stalk in China in 2015 is about 81.1 million tons, and the total carbon emission is about 34.5 million tons<sup><a href="#phareferences">1</a></sup>. Burning stalk not only fails to utilize the rich carbon source in it, but also brings burden to the environment. Therefore, it is urgent to find environmentally friendly, economical and reasonable stalk degradation methods. </p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;In China, the theoretical amount of crop stalks is 1.04 billion tons per year, and the collectable amount is about 900 million tons<sup><a style="padding: 0rem 0rem" href="#phareferences">1</a></sup>. The lignocellulose in crop stalk is a good carbon source and has a high recycling value. However, the treatment of wasted stalk in China are still relatively primitive - burning is the main method of stalk disposal in a wide range of rural areas. According to the estimation of the proportion of open burning fire points monitored by satellite remote sensing of the Ministry of Environmental Protection, the amount of open burning stalk in China in 2015 is about 81.1 million tons, and the total carbon emission is about 34.5 million tons<sup><a style="padding: 0rem 0rem" href="#phareferences">1</a></sup>. Burning stalks not only fails to utilize the rich carbon source in it, but also brings heavy burden to the environment. Therefore, it is urgent to find the environment-friendly, economical and effective stalk degradation methods. </p>
         <p>At present, there are five comprehensive utilization methods of stalk in China, which are fertilizer, feed, substrate (used for edible fungi), fuel and raw material (used for paper making or board making). Nevertheless, these five utilization methods only deal with stalk simply and the added value of the products is relatively low, which can not make up for the manpower and technical cost in the process of stalk recycling. With stalk fuel into the case, 1 t stalk can produce about 50 kg (59 L) fuel<sup><a href="#phareferences">2</a></sup>. At present, biomass fuel produced in China can only reach the standard of 0# diesel oil, whose price is about 6.30 yuan/L. As a result, the biomass fuel output value of 1 t stalk is about 371 yuan. In spite of that, after visiting the farmers, it is known that the labor wage of recycling 1 t of corn stalk is about 400 yuan, not to mention the running cost of equipment in the factory. Therefore, most biomass energy enterprises can only rely on state subsidies to maintain operations<sup><a href="#phareferences">3</a></sup>.</p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;At present, there are five comprehensive utilization methods of stalk in China: fertilizer, feed, substrate (used for edible fungi), fuel and raw material (used for paper making or board making). Nevertheless, these five utilization methods only treat stalks at the primitive level and the added value of the products is relatively low, which even cannot make up for the manpower and technical cost in the process of stalk recycling. Take the biofuel made by stalks as an example , 1 ton stalks can produce about 50 kg (59 L) fue<sup><a style="padding: 0rem 0rem" href="#phareferences">2</a></sup>. At present, biomass fuel produced in China can only reach the standard of 0# diesel oil, whose price is about 6.30 RMB/L. As a result, the biomass fuel output value of 1 ton stalks is about 371 RMB. Additionally, after visiting the local villagers, we learned that the labor wage of recycling 1 ton of crop stalks is about 400 RMB, not to mention the running cost of equipment in the factory. Therefore, most biomass energy enterprises in China have to rely on state subsidies to maintain their operations<sup><a style="padding: 0rem 0rem" href="#phareferences">3</a></sup>.</p>
         <p>In order to make stalk treatment enterprises profitable without subsidies and fundamentally solve the problem of stalk incineration, it is necessary to carry out in-depth treatment of stalk and produce high value-added products. Astaxanthin is the most powerful antioxidant found in nature. It has a wide range of health care functions, including fighting high blood pressure by reducing oxidative stress and relaxing blood vessel walls and even inhibiting cancer metastasis. Astaxanthin has a promising market, with over 98% pure products sold at SIGMA for up to $200 /50 mg. Hence, we decided to construct an engineering Escherichia coli using cellulose to produce astaxanthin to deal with the dilemma of stalk treatment in China. </p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;In order to make enterprises of stalks treatment profitable without subsidies and fundamentally solve the problem of stalk incineration, it is necessary to carry out in-depth treatment of stalks and produce products with higher additional values. Astaxanthin is the most powerful antioxidant found in nature so far. It has been applied to a wide range of health care products, in which it functions to fight against high blood pressure by reducing oxidative stress, relax blood vessel walls and even inhibit cancer metastasis. As a natural ingredient, astaxanthin has a promising market, products with over 98% purity sold at SIGMA can be up to $200 /50 mg. Hence, we intended to engineer Escherichia coli to consume cellulose and meanwhile produce astaxanthin to deal with the stalk degradation dilemma in China. </p>
  
  
Line 14,690: Line 9,818:
 
       <div class="col-12">
 
       <div class="col-12">
  
         <p>There are a variety of enzymes that degrade cellulose, such as β-1,4-glucanase, β-1,4-glucanase and β-glucosidase from Streptomyces azure. These three enzymes work together to degrade cellulose into glucose. Cellulose, however, has a high molecular weight, is insoluble in water, and cannot enter the cells of e. coli, which means we need to display the three cellulose degrading enzymes on the surface. Ice Crystal Nucleoprotein (INP) is a kind of secreted outer membrane protein, which is widely distributed in Pseudomonas Syringae, Pseudomonas fluorescens and other gram-negative bacteria. Compared with other surface technology carrier proteins, INP has the advantages of stable expression of foreign proteins and can display foreign proteins with larger molecular weight<sup><a href="#phareferences">5</a></sup>.</p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;There are a variety of enzymes that degrade cellulose, such as β-1, 4-endoglucanase, β-1,4-exoglucanase and β-glucosidase from Streptomyces Coelicolor. These three enzymes work together to degrade cellulose into glucose. Yet the large molecular weight of cellulose prohibit it to be dissolved in water and enter the E. coli cells. Ice-nucleation protein (INP) is a secreted outer membrane protein, which is widely distributed in Pseudomonas syringae, Pseudomonas fluorescens and other Gram-negative bacteria. Compared with other surface carrier proteins, ice-nucleation protein has the advantage of stably expressing heterogeneous proteins and displaying proteins with larger molecular weight<sup><a style="padding: 0rem 0rem" href="#phareferences">5</a></sup>, which inspired us to employ the property of INP to display the three cellulases on the cell surfaces so that the E.coli cells are able to break cellulose outside the cell and intake the glucose as the energy resource. Moreover, the N terminus of INP(INP-N), which is much shorter than the intact INP or INP-NC but still functions as anchoring sequence, is employed in our project.</p>
         <p>The enzymes involved in each step of the astaxanthin synthesis pathway have been well understood, which lays a foundation for our construction of engineered strains. Astaxanthin is a terpenoid compound, which can be synthesized by FPP, the intermediate metabolite of e. coli. The synthesis of astaxanthin requires the catalysis of six key enzymes, and the detailed metabolic process is shown on the left. Due to the whole genome sequencing of a large number of valuable microorganisms, the genes related to astaxanthin biosynthesis can be found from a variety of microorganisms. It gives us the opportunity to select those microorganisms with high activity of astaxanin-related synthases that are easy to culture as our target gene source.</p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;The enzymes involved in each step of the astaxanthin synthesis pathway have been well understood, which lays a foundation for our construction of engineered strains. Astaxanthin is a terpenoid compound, which can be synthesized by FPP(Farnesyl pyrophosphate), the intermediate metabolite of E. coli. The synthesis of astaxanthin requires the catalysis of six key enzymes, and the detailed metabolic process is shown on the left. Due to the whole genome sequencing of a number of valuable microorganisms, the genes related to astaxanthin biosynthesis can be found from a variety of microorganisms. It gives us the opportunity to select those microorganisms with high activity of astaxanthin-related synthases that are easy to culture as our target gene source.</p>
  
 
       </div>
 
       </div>
Line 14,700: Line 9,828:
 
       <div class="col-12">
 
       <div class="col-12">
  
         <p>In order to realize the conversion from cellulose to astaxanthin, we need to transfer the cellulose degradation genes and astaxanthin synthesis genes into e. coli. Considering we need to transfer a large number of genes, we divided the project into two parts: degradation of cellulose and production of astaxanthin. After realizing the functions of the two parts, they will be integrated together. In the part of cellulose degradation, we need to link β-1,4-glucanase gene, β-1,4-glucanase gene and β-glucosidase gene from Streptomyces azure with INP respectively, anchor them on the outer membrane of e. coli, and then express them on the surface. In this way, e. coli can come into contact with cellulose in the environment and degrade it.</p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;In order to realize the conversion from cellulose to astaxanthin, we need to transfer the cellulose degradation genes and astaxanthin synthesis genes into E. coli cells. Considering that we need to transfer a number of genes, we divided the project into two subsections: degradation of cellulose and production of astaxanthin. After realizing the functions of the two subsections, they will be integrated together. In the subsection of cellulose degradation, we plan to join β-1, 4-endoglucanase, β-1,4-exoglucanase and β-glucosidase with INP respectively. The INP-cellulases are induced by IPTG and anchored on the outer membrane surface of the cell, which allows E. coli cells to contact the cellulose on their cell surface and degrade it.</p>
         <p>In the part of astaxanthin biosynthesis, we took advantage of the original DXP pathway from e. coli and transferred six foreign genes into it, therefore directed the metabolic flow from FPP to the astaxanthin biosynthesis pathway. In the artificially constructed astaxanin synthesis pathway, the first four genes CrtE, CrtB, CrtI and CrtY can be obtained directly from PCR amplification of bacterial genomic DNA, while the last two genes CrtZ and BKT need codon optimization and modification, so we decided to obtain these two genes by chemical synthesis. All six genes need to be integrated into one plasmid to avoid significant differences in protein expression due to plasmid copy number differences. We selected a low-copy inducible plasmid (pACYC184-M) as the vector of these six genes, it can make e. coli begin to synthesize astaxanthin after passing the logarithmic growth period. Besides, the lower copy number of plasmid can maintain the amount of astaxanthin at a more appropriate level, thus avoiding e. coli poisoning caused by excessive astaxanthin accumulation.</p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;In the subsection of astaxanthin biosynthesis, we took the advantage of the original DXP pathway from E. coli and transferred six more heterogeneous genes into the cell, therefore directed the metabolic flow from FPP to the astaxanthin biosynthesis pathway. In the artificially constructed astaxanthin synthesis pathway, the first four genes CrtE, CrtB, CrtI and CrtY can be obtained from PCR amplification of bacterial genomic DNA, while the last two genes CrtZ and CrtBKT require codon optimization and modification before transferred, so we decided to obtain these two genes by direct synthesis. All six genes need to be integrated into one plasmid to avoid significant differences in protein expression due to plasmid copy number differences. We employ a low-copy inducible plasmid (pACYC184-M) as the backbone of these six genes, it allows E. coli to start to synthesize astaxanthin after passing the logarithmic growth period. Besides, the lower copy number of the plamids can maintain the amount of astaxanthin at a more appropriate level, thus avoiding poisonous effect caused by excessive astaxanthin accumulation.</p>
         <p>Our ultimate goal is to integrate cellulose degradation and astaxanthin synthesis into a single strain, which means that we need to co-transform plasmids carrying cellulose degradation and astaxanthin synthesis functions into e. coli, or integrate genes responsible for cellulose degradation into the genome of e. coli. Both of these schemes involve a lot of work, so we may first try to experiment with the conversion of cellulose to astaxanthin in a mixed culture.</p>
+
         <p>&nbsp;&nbsp;&nbsp;&nbsp;Our ultimate goal is to integrate cellulose degradation and astaxanthin synthesis into a single strain, which may require co-transfer of plasmids carrying cellulases and astaxanthin synthesis enzymes. </p>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
Line 14,713: Line 9,841:
  
  
      <div id="phareferences" class="row">
+
    <div id="phareferences" class="row">
        <h2>References</h2>
+
      <h2>References</h2>
        <div class="col-12">
+
      <div class="col-12">
          <ol>
+
        <ol>
            <li><a href="">Shi Zuliang; Jia Tao; Wang Yajing; Wang Jiuchen; Sun Renhua; Wang Fei; Li Xiang; Bi Yuyun.Comprehensive utilization of crop stalks and estimation of incineration carbon emissions in China [J] .Agricultural Resources and regionalization of China, 2017,38 (9).</a></li>
+
          <li><a href="">Shi Zuliang; Jia Tao; Wang Yajing; Wang Jiuchen; Sun Renhua; Wang Fei; Li Xiang; Bi Yuyun.Comprehensive utilization of crop stalks and estimation of incineration carbon emissions in China [J] .Agricultural Resources and regionalization of China, 2017,38 (9).</a></li>
            <li><a href="">Tianjin University Scientific Research Project. Stalk "Changes" into Gas Oil [J] .Resource Conservation and Environmental Protection, 2016 (02): 7.</a></li>
+
          <li><a href="">Tianjin University Scientific Research Project. Stalk "Changes" into Gas Oil [J] .Resource Conservation and Environmental Protection, 2016 (02): 7.</a></li>
            <li><a href="">ZHU Hao, HU Qichun, TANG Xiaoyu, LI Qian.Progress of fuel utilization and development of crop stalk resources in China [J] .China Biogas, 2017,35 (02): 115-120.</a></li>
+
          <li><a href="">ZHU Hao, HU Qichun, TANG Xiaoyu, LI Qian.Progress of fuel utilization and development of crop stalk resources in China [J] .China Biogas, 2017,35 (02): 115-120.</a></li>
            <li><a href="">Wang Hongmei, Tu Yan, Zhang Naifeng, Si Bingwen, Ma Tao, Sa Zhula, Na Ya, Diao Qiyu.Current situation of crop stalk resources and utilization of "five materials" in China [J] .science and Technology Review, 2017,35 (21): 81-88.</a></li>
+
          <li><a href="">Wang Hongmei, Tu Yan, Zhang Naifeng, Si Bingwen, Ma Tao, Sa Zhula, Na Ya, Diao Qiyu.Current situation of crop stalk resources and utilization of "five materials" in China [J] .science and Technology Review, 2017,35 (21): 81-88.</a></li>
            <li><a href="">Li Mingya, Lin Chenshui, Limingya, et al. Ice crystal nucleoprotein and its application in bacterial surface display [J] .amino acids and biological resources, 2016,38 (2): 7-11.</a></li>
+
          <li><a href="">Li Mingya, Lin Chenshui, Limingya, et al. Ice crystal nucleoprotein and its application in bacterial surface display [J] .amino acids and biological resources, 2016,38 (2): 7-11.</a></li>
            <li><a href="">Park, S. Y., Binkley, R. M., Kim, W. J., Lee, M. H. & Lee, S. Y. Metabolic engineering of Escherichia coli for high-level astaxanthin production with high productivity. Metabolic engineering 49, 105-115, doi:10.1016/j.ymben.2018.08.002 (2018)</a></li>
+
          <li><a href="">Park, S. Y., Binkley, R. M., Kim, W. J., Lee, M. H. & Lee, S. Y. Metabolic engineering of Escherichia coli for high-level astaxanthin production with high productivity. Metabolic engineering 49, 105-115, doi:10.1016/j.ymben.2018.08.002 (2018)</a></li>
  
          </ol>
+
        </ol>
        </div>
+
 
       </div>
 
       </div>
 +
    </div>
  
  
Line 14,990: Line 10,118:
  
 
   .navbar-collapse:after{clear:both;}
 
   .navbar-collapse:after{clear:both;}
   body{font-size:14px;line-height:1.42857143;color:#000;background-color:#ffffff;}
+
   body{font-size:16px;line-height:1.42857143;color:#000;background-color:#ffffff;}
   a{color: #2f4a98;text-decoration:none;}
+
   a{font-size:16px;color: #2f4a98;text-decoration:none;padding-left: 4px;padding-right: 24px}
 
   a:hover,
 
   a:hover,
 
   a:focus{color:#23527c;text-decoration:underline;}
 
   a:focus{color:#23527c;text-decoration:underline;}
Line 15,003: Line 10,131:
 
   /*** Footer ****/
 
   /*** Footer ****/
  
   footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid  #2f4a98;}
+
   footer{padding:2px 0;font-size:1px;color: #000;border-top:4px solid  #ff9ea6;}
 
   footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; }
 
   footer h4 { margin: 0; font-size: 16px; color: #004a98; margin-bottom:15px; }
  
Line 15,009: Line 10,137:
 
   .footer_links { margin-top: 20px; color: #004a98; }
 
   .footer_links { margin-top: 20px; color: #004a98; }
 
   .footer_links p{margin:0;}
 
   .footer_links p{margin:0;}
   .footer_links a { margin-right: 10px; font-size: 20px; vertical-align: middle; }
+
   .footer_links a { margin-right: 15px; font-size: 20px; vertical-align: middle; }
  
 
   footer a{color: #004a98;}
 
   footer a{color: #004a98;}
Line 15,044: Line 10,172:
 
     .btn{font-size:14px; text-align: center;}
 
     .btn{font-size:14px; text-align: center;}
 
     footer{padding:10px 0;}
 
     footer{padding:10px 0;}
     .footer_logo { float: left; width: 15%;margin-left: -10%;margin-top: -1%; }
+
     .footer_logo { float: left; width: 15%;margin-left: 0%}
 
     .footer_address { float: left; width: 33%; margin-left: 4%; }
 
     .footer_address { float: left; width: 33%; margin-left: 4%; }
 
     .footer_contact { float: left; width: 35%; margin-left: 3%; }
 
     .footer_contact { float: left; width: 35%; margin-left: 3%; }
Line 15,069: Line 10,197:
 
     .footer_links { float: right; text-align: right; width: 20%; }
 
     .footer_links { float: right; text-align: right; width: 20%; }
 
     .footer_links a, .footer_links img { display: inline-block; }
 
     .footer_links a, .footer_links img { display: inline-block; }
     .footer_links a{margin-left:11px;}
+
     .footer_links a{margin-left:0px;}
 
     #end{font-size:12px;}
 
     #end{font-size:12px;}
 
     #end .col-sm-7{text-align:left;}
 
     #end .col-sm-7{text-align:left;}
Line 15,124: Line 10,252:
 
<div class="container">
 
<div class="container">
 
   <div class="footer_logo">
 
   <div class="footer_logo">
     <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px">
+
     <img src="https://2019.igem.org/wiki/images/9/90/T--CAU_China--logo2.png" alt="CTG: Crompton Technology Group"style="width:170px;height:150px;margin-left: 40%;margin-top: -16%;">
 
   </div>
 
   </div>
 
   <div class="footer_address">
 
   <div class="footer_address">
     <h4>College of Biology, China Agricultural University</h4>
+
     <h4>China Agricultural University</h4>
     <p>Tsinghua east road, <br>
+
     <p style="font-size: 14px">Tsinghua East Road 17#<br>
       BeiJing <br>
+
       Haidian District <br>
 +
      Beijing 100083<br>
 
       China</p>
 
       China</p>
 
   </div>
 
   </div>
Line 15,135: Line 10,264:
 
     <h4>Registered in China </h4>
 
     <h4>Registered in China </h4>
  
     <p><a href="tel:+86(0)-6273 7682"><i class="fa fa-phone"></i> +86(0)-6273 7682 </a><br>
+
     <p><a href="tel:+86(0)-6273 7682"style="font-size: 14px"><i class="fa fa-phone"></i> +86(0)-6273 7682 </a><br>
       <a href="mailto:igem2019cau@gmail.com"><i class="fa fa-envelope"></i> igem2019cau@gmail.com </a></p>
+
       <a href="mailto:igem2019cau@gmail.com"style="font-size: 14px"><i class="fa fa-envelope"></i> igem2019cau@gmail.com </a></p>
  
 
   </div>
 
   </div>
 
   <div class="footer_links">
 
   <div class="footer_links">
     <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:100px;height:35;pxmargin-left: -100%;pxmargin-top: -1%; "></a>
+
     <a href="http://utcaerospacesystems.com/Pages/Default.aspx"><img src="https://2019.igem.org/wiki/images/e/e1/T--CAU_China--logo.png" alt="UTC" target="_blank" rel="nofollow"style="width:150px;height:35;padding-right: 40%"></a>
     <p>Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"><i class="fa fa-wechat"></i> </a></p>
+
     <p style="font-size: 14px">Follow us on: <a href="https://twitter.com/CollinsAero" target="_blank" style="padding: 0rem 0rem"><i class="fa fa-twitter" style="color: #55acee"></i> </a> <a href="https://mp.weixin.qq.com/s/Uti4lVH3ikfKt5vqaLG_AA" target="_blank"style="padding: 0rem 0rem"><i class="fa fa-wechat"></i> </a></p>
 
   </div>
 
   </div>
 
</div>
 
</div>
Line 15,158: Line 10,287:
 
</html>
 
</html>
 
<html>
 
<html>
 +
</div>
 +
  
 
<end>
 
<end>
 
   <div class="footer-bottom">
 
   <div class="footer-bottom">
 
     <div class="row">
 
     <div class="row">
       <div class="col-sm-7 col-md-6 "><a href="" target="_blank" class="ue1">
+
       <div class="col-sm-7 col-md-6 "><a href="" target="_blank" class="ue1" style="font-size:14px;padding: 0rem 0rem">
 
         Copyright &copy;
 
         Copyright &copy;
 
         2019
 
         2019
         CAU_ESPA. All rights reserved |
+
         CAU_ESPA. All rights reserved | <a href="" target="_blank" class="ue1"style="font-size:14px;padding: 0rem 0rem">Website Design by</a><a href="https://2019.igem.org/Team:CAU_China/Team" target="_blank" class="ue" style="font-size:14px;padding: 0rem 0rem"> Leland</a>
        <a href="" target="_blank" class="ue1">Website Design by</a><a href="https://2019.igem.org/Team:CAU_China/Team" target="_blank" class="ue"> Leland</a>
+
 
       </div>
 
       </div>
 
     </div>
 
     </div>

Latest revision as of 03:30, 22 October 2019

Project background

    In China, the theoretical amount of crop stalks is 1.04 billion tons per year, and the collectable amount is about 900 million tons1. The lignocellulose in crop stalk is a good carbon source and has a high recycling value. However, the treatment of wasted stalk in China are still relatively primitive - burning is the main method of stalk disposal in a wide range of rural areas. According to the estimation of the proportion of open burning fire points monitored by satellite remote sensing of the Ministry of Environmental Protection, the amount of open burning stalk in China in 2015 is about 81.1 million tons, and the total carbon emission is about 34.5 million tons1. Burning stalks not only fails to utilize the rich carbon source in it, but also brings heavy burden to the environment. Therefore, it is urgent to find the environment-friendly, economical and effective stalk degradation methods.

    At present, there are five comprehensive utilization methods of stalk in China: fertilizer, feed, substrate (used for edible fungi), fuel and raw material (used for paper making or board making). Nevertheless, these five utilization methods only treat stalks at the primitive level and the added value of the products is relatively low, which even cannot make up for the manpower and technical cost in the process of stalk recycling. Take the biofuel made by stalks as an example , 1 ton stalks can produce about 50 kg (59 L) fue2. At present, biomass fuel produced in China can only reach the standard of 0# diesel oil, whose price is about 6.30 RMB/L. As a result, the biomass fuel output value of 1 ton stalks is about 371 RMB. Additionally, after visiting the local villagers, we learned that the labor wage of recycling 1 ton of crop stalks is about 400 RMB, not to mention the running cost of equipment in the factory. Therefore, most biomass energy enterprises in China have to rely on state subsidies to maintain their operations3.

    In order to make enterprises of stalks treatment profitable without subsidies and fundamentally solve the problem of stalk incineration, it is necessary to carry out in-depth treatment of stalks and produce products with higher additional values. Astaxanthin is the most powerful antioxidant found in nature so far. It has been applied to a wide range of health care products, in which it functions to fight against high blood pressure by reducing oxidative stress, relax blood vessel walls and even inhibit cancer metastasis. As a natural ingredient, astaxanthin has a promising market, products with over 98% purity sold at SIGMA can be up to $200 /50 mg. Hence, we intended to engineer Escherichia coli to consume cellulose and meanwhile produce astaxanthin to deal with the stalk degradation dilemma in China.

Research Foundation

    There are a variety of enzymes that degrade cellulose, such as β-1, 4-endoglucanase, β-1,4-exoglucanase and β-glucosidase from Streptomyces Coelicolor. These three enzymes work together to degrade cellulose into glucose. Yet the large molecular weight of cellulose prohibit it to be dissolved in water and enter the E. coli cells. Ice-nucleation protein (INP) is a secreted outer membrane protein, which is widely distributed in Pseudomonas syringae, Pseudomonas fluorescens and other Gram-negative bacteria. Compared with other surface carrier proteins, ice-nucleation protein has the advantage of stably expressing heterogeneous proteins and displaying proteins with larger molecular weight5, which inspired us to employ the property of INP to display the three cellulases on the cell surfaces so that the E.coli cells are able to break cellulose outside the cell and intake the glucose as the energy resource. Moreover, the N terminus of INP(INP-N), which is much shorter than the intact INP or INP-NC but still functions as anchoring sequence, is employed in our project.

    The enzymes involved in each step of the astaxanthin synthesis pathway have been well understood, which lays a foundation for our construction of engineered strains. Astaxanthin is a terpenoid compound, which can be synthesized by FPP(Farnesyl pyrophosphate), the intermediate metabolite of E. coli. The synthesis of astaxanthin requires the catalysis of six key enzymes, and the detailed metabolic process is shown on the left. Due to the whole genome sequencing of a number of valuable microorganisms, the genes related to astaxanthin biosynthesis can be found from a variety of microorganisms. It gives us the opportunity to select those microorganisms with high activity of astaxanthin-related synthases that are easy to culture as our target gene source.

Our project:

    In order to realize the conversion from cellulose to astaxanthin, we need to transfer the cellulose degradation genes and astaxanthin synthesis genes into E. coli cells. Considering that we need to transfer a number of genes, we divided the project into two subsections: degradation of cellulose and production of astaxanthin. After realizing the functions of the two subsections, they will be integrated together. In the subsection of cellulose degradation, we plan to join β-1, 4-endoglucanase, β-1,4-exoglucanase and β-glucosidase with INP respectively. The INP-cellulases are induced by IPTG and anchored on the outer membrane surface of the cell, which allows E. coli cells to contact the cellulose on their cell surface and degrade it.

    In the subsection of astaxanthin biosynthesis, we took the advantage of the original DXP pathway from E. coli and transferred six more heterogeneous genes into the cell, therefore directed the metabolic flow from FPP to the astaxanthin biosynthesis pathway. In the artificially constructed astaxanthin synthesis pathway, the first four genes CrtE, CrtB, CrtI and CrtY can be obtained from PCR amplification of bacterial genomic DNA, while the last two genes CrtZ and CrtBKT require codon optimization and modification before transferred, so we decided to obtain these two genes by direct synthesis. All six genes need to be integrated into one plasmid to avoid significant differences in protein expression due to plasmid copy number differences. We employ a low-copy inducible plasmid (pACYC184-M) as the backbone of these six genes, it allows E. coli to start to synthesize astaxanthin after passing the logarithmic growth period. Besides, the lower copy number of the plamids can maintain the amount of astaxanthin at a more appropriate level, thus avoiding poisonous effect caused by excessive astaxanthin accumulation.

    Our ultimate goal is to integrate cellulose degradation and astaxanthin synthesis into a single strain, which may require co-transfer of plasmids carrying cellulases and astaxanthin synthesis enzymes.