Difference between revisions of "Team:BGIC-Union"

m
 
(120 intermediate revisions by the same user not shown)
Line 1: Line 1:
  
−
<html lang="en">
+
<html>
 +
  <head>
 +
  <html>
 
   <head>
 
   <head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
Line 7: Line 9:
  
  
−
     <title></title>
+
     <title>Team：BGIC-Union</title>
  
−
    <!-- Bootstrap core CSS -->
+
  <head>
−
    <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&ctype=text/css" rel="stylesheet">
+
 
  
−
    <!-- main -->
+
  <!-- Bootstrap core CSS -->
−
     <style type="text/css">
+
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
@charset "UTF-8";
+
  
−
/* ----------------------------------------------------- */
+
  <!-- carousel -->
−
/* GENERAL STYLES
+
  <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
/* ----------------------------------------------------- */
+
  <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
body {
+
−
  font-family: "Open Sans", sans-serif;
+
−
  font-size: 13px;
+
−
  color: #7b7b7b;
+
−
  line-height: 1.6;
+
−
}
+
  
−
h1, h2, h3, h4, h5, h6 {
+
   <!-- main -->
−
   margin-top: 5px;
+
  <style type="text/css">
−
  font-family: "Roboto Condensed", sans-serif;
+
 
−
  color: #656565;
+
−
}
+
  
−
section {
+
#top_title,#sideMenu { display: none !important; }
−
  margin-bottom: 60px;
+
        #content {
−
}
+
            width: 100%;
 +
            margin: 0;
 +
            padding: 0;
 +
           
 +
        }
  
−
a {
+
#bodyContent
−
  color: #406da4;
+
{
−
}
+
margin-top：0px !important;
−
a:hover, a:focus {
+
−
  color: #355987;
+
−
  text-decoration: none;
+
 
}
 
}
  
−
a,
 
−
a:focus,
 
−
a:hover,
 
−
a:active,
 
−
button,
 
−
button:hover {
 
−
  outline: 0 !important;
 
−
}
 
  
−
hr {
+
#content{
−
  border-color: #eaeaea;
+
  background-color: #FFe4e1; !important;
 
}
 
}
  
−
/* wrapper */
 
−
.wrapper {
 
−
  background: #fff;
 
−
}
 
  
−
.full-width-section {
+
.mainstyle
−
  padding: 100px 0;
+
{
−
  background-color: #406da4;
+
font-family: Comic Sans MS;
 +
}
 +
html, body {
 +
    margin: 0 ;
 +
    padding: 0 ;
 +
}
 +
body {
 +
  background-color: #ffa07a;
 +
  margin-keft：150px
 +
    font-weight: 400;
 +
    font-size: 14px;
 +
    color: #555;
 +
    ；
 +
    -webkit-font-smoothing: antialiased;
 +
    -webkit-overflow-scrolling: touch;
 
}
 
}
  
−
.widget-title {
+
/* Titles */
−
  font-size: 18px;
+
h1, h2, h3, h4, h5, h6, p {
 +
font-family: Comic Sans MS;
 +
    font-weight: 700;
 +
    color: #333;
 
}
 
}
  
−
.section-heading {
+
h1 {
−
  margin-bottom: 20px;
+
font-size: 35px;
−
  font-size: 22px;
+
margin-top: 30px;
−
}
+
margin-bottom: 30px;
−
.section-heading:after {
+
−
  display: block;
+
−
  content: '......';
+
−
  color: #406da4;
+
−
  font-weight: 300;
+
−
}
+
−
.section-heading.panel-title:after {
+
−
  display: none;
+
−
}
+
−
.copyrights{
+
−
text-indent:-9999px;
+
−
height:0;
+
−
line-height:0;
+
−
font-size:0;
+
−
overflow:hidden;
+
−
}
+
−
/* social background color */
+
−
.facebook-bg {
+
−
  background-color: #3b59ab;
+
 
}
 
}
  
−
.twitter-bg {
 
−
  background-color: #2b97f0;
 
−
}
 
  
−
.googleplus-bg {
 
−
  background-color: #dd4b39;
 
−
}
 
  
−
.rss-bg {
 
−
  background-color: #ff6600;
 
−
}
 
  
−
/* page header */
+
p {
−
.page-header {
+
     line-height: 28px;
−
  padding: 5px 0;
+
     margin-bottom: 25px;
−
  margin: 0;
+
−
  border-bottom: 1px solid #eaeaea;
+
−
}
+
−
.page-header .container {
+
−
  position: relative;
+
−
}
+
−
.page-header .breadcrumb {
+
−
  position: absolute;
+
−
  top: 50%;
+
−
  right: 15px;
+
−
  margin-top: -18px;
+
−
}
+
−
.page-header .page-title {
+
−
  margin: 20px 0;
+
−
  font-size: 24px;
+
−
}
+
−
@media screen and (max-width: 768px) {
+
−
  .page-header .breadcrumb,
+
−
  .page-header .page-title {
+
−
     float: none !important;
+
−
    text-align: center;
+
−
  }
+
−
  .page-header .breadcrumb {
+
−
    position: inherit;
+
−
    top: inherit;
+
−
    right: inherit;
+
−
  }
+
−
}
+
−
 
+
−
.page-content {
+
−
  margin: 40px 0;
+
−
}
+
−
 
+
−
/* footer */
+
−
footer {
+
−
  background-color: #49494b;
+
−
  font-weight: 300;
+
−
  color: #eaeaea;
+
−
}
+
−
footer a {
+
−
  color: #fff;
+
−
}
+
−
footer a:hover, footer a:focus {
+
−
  color: #fff;
+
−
  text-decoration: underline;
+
−
}
+
−
footer .container {
+
−
  padding-top: 30px;
+
−
  padding-bottom: 30px;
+
−
}
+
−
footer .logo {
+
−
  width: 100px;
+
−
  margin-bottom: 15px;
+
−
}
+
−
@media screen and (max-width: 768px) {
+
−
  footer .container {
+
−
    padding: 30px 15px;
+
−
  }
+
−
}
+
−
 
+
−
.footer-heading {
+
−
  margin: 0 0 13px 0;
+
−
  font-size: 16px;
+
−
  line-height: 2;
+
−
  color: #fff;
+
−
}
+
−
 
+
−
.footer-nav > li {
+
−
  margin-bottom: 10px;
+
−
}
+
−
 
+
−
.copyright {
+
−
  padding: 15px 0;
+
−
  background-color: #323232;
+
−
  font-size: 12px;
+
−
}
+
−
 
+
−
/* light footer theme */
+
−
.footer-light {
+
−
  background-color: #f2f2f2;
+
−
  font-weight: normal;
+
−
  color: #8f8f8f;
+
−
  border-top: 1px solid #dedede;
+
−
}
+
−
.footer-light a {
+
−
  color: #8f8f8f;
+
−
}
+
−
.footer-light a:hover, .footer-light a:focus {
+
−
  color: #8f8f8f;
+
−
  text-decoration: underline;
+
−
}
+
−
.footer-light .footer-heading {
+
−
  color: #8f8f8f;
+
−
}
+
−
.footer-light .newsletter-form .input-group-lg > .form-control {
+
−
  background: #f7f7f7;
+
−
}
+
−
.footer-light .copyright {
+
−
  background-color: #f2f2f2;
+
−
  border-top: 1px solid #dedede;
+
−
}
+
−
.footer-light .social-icons.dark-icons a {
+
−
  background-color: #858D90;
+
−
}
+
−
.footer-light .social-icons.dark-icons a:hover {
+
−
  background-color: #788084 !important;
+
−
  color: #fff !important;
+
−
}
+
−
 
+
−
/* Slider */
+
−
.slick-slider {
+
−
  position: relative;
+
−
  display: block;
+
−
  box-sizing: border-box;
+
−
  -moz-box-sizing: border-box;
+
−
  -webkit-touch-callout: none;
+
−
  -webkit-user-select: none;
+
−
  -khtml-user-select: none;
+
−
  -moz-user-select: none;
+
−
  -ms-user-select: none;
+
−
  user-select: none;
+
−
  -ms-touch-action: pan-y;
+
−
  touch-action: pan-y;
+
−
  -webkit-tap-highlight-color: transparent;
+
−
}
+
−
 
+
−
.slick-list {
+
−
  position: relative;
+
−
  overflow: hidden;
+
−
  display: block;
+
−
  margin: 0;
+
−
  padding: 0;
+
−
}
+
−
.slick-list:focus {
+
−
  outline: none;
+
−
}
+
−
.slick-list.dragging {
+
−
  cursor: pointer;
+
−
  cursor: hand;
+
−
}
+
−
 
+
−
.slick-slider .slick-track,
+
−
.slick-slider .slick-list {
+
−
  -webkit-transform: translate3d(0, 0, 0);
+
−
  -moz-transform: translate3d(0, 0, 0);
+
−
  -ms-transform: translate3d(0, 0, 0);
+
−
  -o-transform: translate3d(0, 0, 0);
+
−
  transform: translate3d(0, 0, 0);
+
−
}
+
−
 
+
−
.slick-track {
+
−
  position: relative;
+
−
  left: 0;
+
−
  top: 0;
+
−
  display: block;
+
−
}
+
−
.slick-track:before, .slick-track:after {
+
−
  content: "";
+
−
  display: table;
+
−
}
+
−
.slick-track:after {
+
−
  clear: both;
+
−
}
+
−
.slick-loading .slick-track {
+
−
  visibility: hidden;
+
−
}
+
−
 
+
−
.slick-slide {
+
−
  float: left;
+
−
  height: 100%;
+
−
  min-height: 1px;
+
−
  display: none;
+
−
}
+
−
[dir="rtl"] .slick-slide {
+
−
  float: right;
+
−
}
+
−
.slick-slide img {
+
−
  display: block;
+
−
}
+
−
.slick-slide.slick-loading img {
+
−
  display: none;
+
−
}
+
−
.slick-slide.dragging img {
+
−
  pointer-events: none;
+
−
}
+
−
.slick-initialized .slick-slide {
+
−
  display: block;
+
−
}
+
−
.slick-loading .slick-slide {
+
−
  visibility: hidden;
+
−
}
+
−
.slick-vertical .slick-slide {
+
−
  display: block;
+
−
  height: auto;
+
−
  border: 1px solid transparent;
+
−
}
+
−
 
+
−
.slick-arrow.slick-hidden {
+
−
  display: none;
+
−
}
+
−
 
+
−
/* Slider */
+
−
.slick-loading .slick-list {
+
−
  background: #fff url('../img/bx_loader.gif?1377966586') center center no-repeat;
+
−
}
+
−
 
+
−
/* Icons */
+
−
/* Arrows */
+
−
.slick-prev,
+
−
.slick-next {
+
−
  position: absolute;
+
−
  display: block;
+
−
  height: 20px;
+
−
  width: 20px;
+
−
  line-height: 0px;
+
−
  font-size: 0px;
+
−
  cursor: pointer;
+
−
  background: transparent;
+
−
  color: transparent;
+
−
  top: 50%;
+
−
  margin-top: -10px;
+
−
  padding: 0;
+
−
  border: none;
+
−
  outline: none;
+
−
}
+
−
.slick-prev:hover, .slick-prev:focus,
+
−
.slick-next:hover,
+
−
.slick-next:focus {
+
−
  outline: none;
+
−
  background: transparent;
+
−
  color: transparent;
+
−
}
+
−
.slick-prev:hover:before, .slick-prev:focus:before,
+
−
.slick-next:hover:before,
+
−
.slick-next:focus:before {
+
−
  opacity: 1;
+
−
}
+
−
.slick-prev.slick-disabled:before,
+
−
.slick-next.slick-disabled:before {
+
−
  opacity: 0.25;
+
−
}
+
−
 
+
−
.slick-prev:before, .slick-next:before {
+
−
  font-family: "fontawesome";
+
−
  font-size: 20px;
+
−
  line-height: 1;
+
−
  color: white;
+
−
  opacity: 0.75;
+
−
  -webkit-font-smoothing: antialiased;
+
−
  -moz-osx-font-smoothing: grayscale;
+
−
}
+
−
 
+
−
.slick-prev {
+
−
  left: -25px;
+
−
}
+
−
[dir="rtl"] .slick-prev {
+
−
  left: auto;
+
−
  right: -25px;
+
−
}
+
−
.slick-prev:before {
+
−
  content: "←";
+
−
}
+
−
[dir="rtl"] .slick-prev:before {
+
−
  content: "→";
+
−
}
+
−
 
+
−
.slick-next {
+
−
  right: -25px;
+
−
}
+
−
[dir="rtl"] .slick-next {
+
−
  left: -25px;
+
−
  right: auto;
+
−
}
+
−
.slick-next:before {
+
−
  content: "→";
+
−
}
+
−
[dir="rtl"] .slick-next:before {
+
−
  content: "←";
+
−
}
+
−
 
+
−
/* Dots */
+
−
.slick-slider {
+
−
  margin-bottom: 30px;
+
−
}
+
−
 
+
−
.slick-dots {
+
−
  position: absolute;
+
−
  bottom: -45px;
+
−
  list-style: none;
+
−
  display: block;
+
−
  text-align: center;
+
−
  padding: 0;
+
−
  width: 100%;
+
−
}
+
−
.slick-dots li {
+
−
  position: relative;
+
−
  display: inline-block;
+
−
  height: 20px;
+
−
  width: 20px;
+
−
  margin: 0 5px;
+
−
  padding: 0;
+
−
  cursor: pointer;
+
−
}
+
−
.slick-dots li button {
+
−
  border: 0;
+
−
  background: transparent;
+
−
  display: block;
+
−
  height: 20px;
+
−
  width: 20px;
+
−
  outline: none;
+
−
  line-height: 0px;
+
−
  font-size: 0px;
+
−
  color: transparent;
+
−
  padding: 5px;
+
−
  cursor: pointer;
+
−
}
+
−
.slick-dots li button:hover, .slick-dots li button:focus {
+
−
  outline: none;
+
−
}
+
−
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
+
−
  opacity: 1;
+
−
}
+
−
.slick-dots li button:before {
+
−
  position: absolute;
+
−
  top: 0;
+
−
  left: 0;
+
−
  content: "•";
+
−
  width: 20px;
+
−
  height: 20px;
+
−
  font-family: "fontawesome";
+
−
  font-size: 6px;
+
−
  line-height: 20px;
+
−
  text-align: center;
+
−
  color: black;
+
−
  opacity: 0.25;
+
−
  -webkit-font-smoothing: antialiased;
+
−
  -moz-osx-font-smoothing: grayscale;
+
−
}
+
−
.slick-dots li.slick-active button:before {
+
−
  color: black;
+
−
  opacity: 0.75;
+
−
}
+
−
 
+
−
/* ----------------------------------------------------- */
+
−
/* NAVBAR
+
−
/* ----------------------------------------------------- */
+
−
/* navigation bar */
+
−
.navbar {
+
−
  -moz-border-radius: 0;
+
−
  -webkit-border-radius: 0;
+
−
  border-radius: 0;
+
−
  margin: 0;
+
−
  border-left: none;
+
−
  border-right: none;
+
−
}
+
−
.navbar .container {
+
−
  position: relative;
+
−
}
+
−
@media screen and (min-width: 992px) {
+
−
  .navbar .dropdown:hover > .dropdown-menu {
+
−
     display: block;
+
−
  }
+
−
  .navbar .dropdown-menu > .dropdown:hover > .dropdown-menu {
+
−
    display: block;
+
−
  }
+
−
}
+
−
 
+
−
.navbar-collapse {
+
−
  -moz-box-shadow: none;
+
−
  -webkit-box-shadow: none;
+
−
  box-shadow: none;
+
−
}
+
−
 
+
−
.navbar-brand {
+
−
  padding: 12px 15px;
+
−
}
+
−
.navbar-brand > img {
+
−
  width: 100px;
+
−
}
+
−
 
+
−
.navbar-toggle {
+
−
  -moz-border-radius: 2px;
+
−
  -webkit-border-radius: 2px;
+
−
  border-radius: 2px;
+
−
  background-color: #406da4;
+
−
  padding: 5px 10px;
+
−
}
+
−
 
+
−
.navbar-default {
+
−
  background-color: #fff;
+
−
  border-bottom: 2px solid #e7e7e7;
+
−
  border-top: none;
+
−
}
+
−
.navbar-default .navbar-toggle {
+
−
  border: none;
+
−
}
+
−
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
+
−
  background-color: #355987;
+
−
}
+
−
.navbar-default .navbar-toggle i {
+
−
  color: #fff;
+
−
  font-size: 21px;
+
−
  line-height: 25px;
+
−
}
+
−
.navbar-default .dropdown-menu .active > a, .navbar-default .dropdown-menu .active a:hover, .navbar-default .dropdown-menu .active a:focus {
+
−
  background-color: #6A737E;
+
−
}
+
−
.navbar-default .navbar-collapse {
+
−
  border: none;
+
−
}
+
−
 
+
−
.navbar-default .navbar-nav {
+
−
  margin-right: -25px;
+
−
}
+
−
.navbar-default .navbar-nav > li > a {
+
−
  font-weight: 600;
+
−
  color: #656565;
+
−
}
+
−
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
+
−
  color: #355987;
+
−
}
+
−
.navbar-default .navbar-nav > .active > a,
+
−
.navbar-default .navbar-nav > .active > a:hover,
+
−
.navbar-default .navbar-nav > .active > a:focus {
+
−
  color: #355987;
+
−
  background-color: transparent;
+
−
}
+
−
.navbar-default .navbar-nav > .open > a,
+
−
.navbar-default .navbar-nav > .open > a:hover,
+
−
.navbar-default .navbar-nav > .open > a:focus {
+
−
  color: #355987;
+
−
  background-color: transparent;
+
−
}
+
−
.navbar-default .navbar-nav .dropdown-toggle i {
+
−
  margin-left: 3px;
+
−
  color: #b8b8b8;
+
−
}
+
−
 
+
−
/* navigation bar, dark theme */
+
−
.navbar-default.navbar-dark {
+
−
  background-color: #49494b;
+
−
  border-bottom: none;
+
−
}
+
−
.navbar-default.navbar-dark .navbar-nav .active > a, .navbar-default.navbar-dark .navbar-nav .active a:hover, .navbar-default.navbar-dark .navbar-nav .active a:focus {
+
−
  color: #fff;
+
−
  background-color: #444446;
+
−
}
+
−
.navbar-default.navbar-dark .navbar-nav > li > a {
+
−
  color: #fff;
+
−
  font-weight: 600;
+
−
}
+
−
.navbar-default.navbar-dark .navbar-nav > li > a:hover, .navbar-default.navbar-dark .navbar-nav > li > a:focus {
+
−
  background-color: #444446;
+
−
}
+
−
.navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a {
+
−
  color: #fff;
+
−
}
+
−
.navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a:hover, .navbar-default.navbar-dark .navbar-nav > li .dropdown-menu > li > a:focus {
+
−
  background-color: #444446;
+
−
}
+
−
.navbar-default.navbar-dark .dropdown-menu {
+
−
  background-color: #49494b;
+
−
}
+
−
.navbar-default.navbar-dark .dropdown-menu .dropdown-menu {
+
−
  -moz-box-shadow: none;
+
−
  -webkit-box-shadow: none;
+
−
  box-shadow: none;
+
−
  border: none;
+
−
  border-left: 1px solid #444446;
+
−
}
+
−
.navbar-default.navbar-dark .btn-link {
+
−
  color: #fff;
+
−
}
+
−
.navbar-default.navbar-dark .dropdown-menu > li > a:hover, .navbar-default.navbar-dark .dropdown-menu > li > a:focus {
+
−
  color: #fff;
+
−
  background-color: #444446;
+
−
}
+
−
 
+
−
.navbar-fixed-top .navbar-nav {
+
−
  margin-right: -10px;
+
−
}
+
−
 
+
−
.navbar-nav .dropdown-menu {
+
−
  -moz-border-radius: 0;
+
−
  -webkit-border-radius: 0;
+
−
  border-radius: 0;
+
−
  -moz-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
+
−
  -webkit-box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
+
−
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.175);
+
−
  padding-top: 10px;
+
−
  padding-bottom: 10px;
+
−
  top: 99%;
+
−
  border: none;
+
−
  border-top: 2px solid #32557f;
+
−
}
+
−
.navbar-nav .dropdown-menu > li > a {
+
−
  padding: 10px 20px;
+
−
  font-size: 13px;
+
−
}
+
−
.navbar-nav .dropdown-menu > li > a:hover, .navbar-nav .dropdown-menu > li > a:focus {
+
−
  background-color: #6A737E;
+
−
  color: #fff;
+
−
}
+
−
.navbar-nav .dropdown-menu > li > a i {
+
−
  position: absolute;
+
−
  right: 11px;
+
−
  top: 11px;
+
−
}
+
−
.navbar-nav .dropdown-menu .dropdown.open > a,
+
−
.navbar-nav .dropdown-menu .dropdown.open > a:hover,
+
−
.navbar-nav .dropdown-menu .dropdown.open > a:focus {
+
−
  color: #fff;
+
−
  background-color: #6A737E;
+
−
}
+
−
.navbar-nav .dropdown-menu .dropdown-menu {
+
−
  top: -12px;
+
−
  left: 100%;
+
−
  border: 1px solid #E8E8E8;
+
−
  border-left: 1px solid #6A737E;
+
−
  min-width: 190px;
+
−
}
+
−
.navbar-nav .dropdown-menu .dropdown-menu li {
+
−
  display: block;
+
−
}
+
−
 
+
−
@media screen and (max-width: 992px) {
+
−
  .navbar-toggle {
+
−
    display: block;
+
−
    margin-right: 0;
+
−
  }
+
−
 
+
−
  .navbar-collapse.collapse {
+
−
    display: none !important;
+
−
    border: none;
+
−
  }
+
−
 
+
−
  .navbar-collapse.collapse,
+
−
  .navbar-collapse.collapsing {
+
−
    padding-left: 0;
+
−
    padding-right: 0;
+
−
  }
+
−
 
+
−
  .navbar-collapse.collapse.in {
+
−
    display: block !important;
+
−
    overflow-y: auto !important;
+
−
  }
+
−
 
+
−
  .navbar-header,
+
−
  .navbar-nav,
+
−
  .navbar-nav > li {
+
−
    float: none !important;
+
−
  }
+
−
 
+
−
  .navbar-default .navbar-nav {
+
−
    margin-right: 0;
+
−
  }
+
−
  .navbar-default .navbar-nav a {
+
−
    padding-top: 8px;
+
−
    padding-bottom: 8px;
+
−
  }
+
−
  .navbar-default .navbar-nav li > a > i {
+
−
    position: absolute;
+
−
    right: 15px;
+
−
    top: 9px;
+
−
    font-size: 18px;
+
−
  }
+
−
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
+
−
  .navbar-default .navbar-nav > .active.open > a, .navbar-default .navbar-nav > .active.open > a:hover, .navbar-default .navbar-nav > .active.open > a:focus {
+
−
    background-color: #406da4;
+
−
    color: #fff;
+
−
  }
+
−
 
+
−
  .navbar-default .navbar-nav .open .dropdown-menu {
+
−
    -moz-box-shadow: none;
+
−
    -webkit-box-shadow: none;
+
−
    box-shadow: none;
+
−
    position: static;
+
−
    float: none;
+
−
    width: auto;
+
−
    margin-top: 0;
+
−
    border: none;
+
−
  }
+
−
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
+
−
    padding: 5px 15px 5px 25px;
+
−
    color: #7b7b7b;
+
−
  }
+
−
  .navbar-default .navbar-nav .open .dropdown-menu > li.active > a {
+
−
    color: inherit;
+
−
    background-color: #E7E7E7;
+
−
  }
+
−
 
+
−
  .dropdown-menu .dropdown .dropdown-menu {
+
−
    display: block;
+
−
    padding-left: 12px;
+
−
  }
+
−
  .dropdown-menu .dropdown a > i {
+
−
    display: none;
+
−
  }
+
−
}
+
−
@media screen and (max-width: 768px) {
+
−
  .navbar-brand {
+
−
    margin-top: 0;
+
−
  }
+
−
 
+
−
  .navbar-default .navbar-nav {
+
−
    margin-left: 0;
+
−
  }
+
−
  .navbar-default .navbar-nav .dropdown-menu .dropdown a {
+
−
    background-color: inherit;
+
−
  }
+
−
  .navbar-default .navbar-nav .dropdown-menu .dropdown i {
+
−
    display: none;
+
−
  }
+
−
}
+
−
@media screen and (max-width: 767px) {
+
−
  .navbar-toggle {
+
−
    margin-right: 15px;
+
−
  }
+
−
 
+
−
  .navbar > .container .navbar-brand {
+
−
    margin-left: 5px;
+
−
  }
+
−
}
+
−
@media screen and (min-width: 768px) {
+
−
  .navbar > .container .navbar-brand {
+
−
    margin-left: -10px;
+
−
  }
+
−
}
+
−
.navbar-default .navbar-nav > li > a.special-menu-item {
+
−
  background-color: #A1C72D;
+
−
  color: #fff;
+
−
}
+
−
 
+
−
.navbar-default .navbar-nav > li > a.special-menu-item:hover,
+
−
.navbar-default .navbar-nav > li > a.special-menu-item:focus {
+
−
  background-color: #9DC328;
+
−
}
+
−
 
+
−
/* ----------------------------------------------------- */
+
−
/* HERO UNIT
+
−
/* ----------------------------------------------------- */
+
−
/* carousel */
+
−
.carousel-control {
+
−
  -moz-transition: all 0.2s ease-in-out;
+
−
  -o-transition: all 0.2s ease-in-out;
+
−
  -webkit-transition: all 0.2s ease-in-out;
+
−
  transition: all 0.2s ease-in-out;
+
−
  position: absolute;
+
−
  top: 50%;
+
−
  margin-top: -22px;
+
−
  bottom: inherit;
+
−
  width: 45px;
+
−
  height: 45px;
+
−
  background: #777;
+
−
}
+
−
.carousel-control:hover {
+
−
  background: #6a6a6a;
+
−
}
+
−
.carousel-control.left, .carousel-control.right {
+
−
  background-image: none;
+
−
}
+
−
.carousel-control .fa {
+
−
  line-height: 45px;
+
−
}
+
−
 
+
−
.carousel-indicators {
+
−
  bottom: -90px;
+
−
}
+
−
.carousel-indicators > li {
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+
−
  opacity: 0.5;
+
−
  background-color: #fff;
+
−
}
+
−
.carousel-indicators > li.active {
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+
−
  opacity: 1;
+
−
}
+
−
 
+
−
/* hero unit slider */
+
−
.hero-unit-slider {
+
−
  /* hero unit with slick carousel */
+
−
}
+
−
.hero-unit-slider .carousel-inner > .item {
+
−
  overflow: hidden;
+
−
}
+
−
.hero-unit-slider .carousel-caption {
+
−
  bottom: inherit;
+
−
  top: 8em;
+
−
  text-shadow: none;
+
−
}
+
−
.hero-unit-slider .hero-heading {
+
−
  font-size: 50px;
+
−
  color: #fff;
+
−
}
+
−
.hero-unit-slider .hero-button {
+
−
  border: 3px solid #fff;
+
−
  color: #fff;
+
−
}
+
−
.hero-unit-slider .hero-button:hover, .hero-unit-slider .hero-button:focus {
+
−
  background: #406da4;
+
−
  color: #fff;
+
−
}
+
−
.hero-unit-slider .carousel-indicators {
+
−
  bottom: 0;
+
−
}
+
−
.hero-unit-slider .carousel-control {
+
−
  background: rgba(0, 0, 0, 0.2);
+
−
}
+
−
.hero-unit-slider .carousel-control:hover {
+
−
  background: rgba(0, 0, 0, 0.3);
+
−
}
+
−
@media screen and (min-width: 1200px) and (max-width: 1440px) {
+
−
  .hero-unit-slider .carousel-caption {
+
−
    top: 10em;
+
−
  }
+
−
  .hero-unit-slider.slider-responsive .carousel-caption {
+
−
    top: 3em;
+
−
  }
+
−
}
+
−
@media screen and (max-width: 1200px) {
+
−
  .hero-unit-slider .carousel-inner > .item > img {
+
−
    max-width: inherit;
+
−
  }
+
−
  .hero-unit-slider.slider-responsive .slick-dots {
+
−
    display: none !important;
+
−
  }
+
−
  .hero-unit-slider.slider-responsive .carousel-caption {
+
−
    top: 2em;
+
−
  }
+
−
  .hero-unit-slider.slider-responsive .hero-heading {
+
−
    font-size: 26px;
+
−
  }
+
−
}
+
−
@media screen and (max-width: 768px) {
+
−
  .hero-unit-slider .carousel-caption {
+
−
    top: 11em;
+
−
  }
+
−
  .hero-unit-slider .hero-heading {
+
−
    font-size: 28px;
+
−
  }
+
−
  .hero-unit-slider .lead {
+
−
    font-size: 16px;
+
−
  }
+
−
  .hero-unit-slider .hero-button {
+
 
     font-size: 13px;
 
     font-size: 13px;
−
  }
+
font-family: Comic Sans MS;
−
  .hero-unit-slider.slider-responsive .slick-dots {
+
−
    display: none !important;
+
−
  }
+
−
  .hero-unit-slider.slider-responsive .carousel-caption {
+
−
    top: 0;
+
−
  }
+
−
}
+
−
@media screen and (max-width: 480px) {
+
−
  .hero-unit-slider.slider-responsive {
+
−
    margin-bottom: 30px;
+
−
    /* slider image can has enough height and keeping the center focal point */
+
−
  }
+
−
  .hero-unit-slider.slider-responsive .slick-slide img {
+
−
    max-width: 200%;
+
−
    position: relative;
+
−
    right: 50%;
+
−
  }
+
−
  .hero-unit-slider.slider-responsive .hero-heading {
+
−
    font-size: 24px;
+
−
  }
+
−
  .hero-unit-slider.slider-responsive .hero-button {
+
−
    font-size: 11px;
+
−
  }
+
−
}
+
−
.hero-unit-slider .slick-carousel .slick-slider {
+
−
  margin-bottom: 0;
+
−
}
+
−
.hero-unit-slider .slick-carousel .slick-prev, .hero-unit-slider .slick-carousel .slick-next {
+
−
  top: 50%;
+
−
  margin-top: -22.5px;
+
−
  width: 45px;
+
−
  height: 45px;
+
−
}
+
−
.hero-unit-slider .slick-carousel .slick-prev:hover, .hero-unit-slider .slick-carousel .slick-prev:focus, .hero-unit-slider .slick-carousel .slick-next:hover, .hero-unit-slider .slick-carousel .slick-next:focus {
+
−
  background: rgba(0, 0, 0, 0.3);
+
−
}
+
−
.hero-unit-slider .slick-carousel .slick-prev {
+
−
  left: 0;
+
−
}
+
−
.hero-unit-slider .slick-carousel .slick-dots {
+
−
  position: absolute;
+
−
  bottom: 20px;
+
−
}
+
−
.hero-unit-slider .slick-carousel .slick-dots button {
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+
−
  opacity: 0.5;
+
−
  background-color: #fff;
+
−
}
+
−
.hero-unit-slider .slick-carousel .slick-dots .slick-active button {
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+
−
  opacity: 1;
+
 
}
 
}
  
−
/* ----------------------------------------------------- */
+
.centered {
−
/* BOOTSTRAP UI ELEMENTS
+
−
/* ----------------------------------------------------- */
+
−
/* button */
+
−
.btn {
+
−
  -moz-border-radius: 2px;
+
−
  -webkit-border-radius: 2px;
+
−
  border-radius: 2px;
+
−
  -moz-transition: all 0.2s ease-in-out;
+
−
  -o-transition: all 0.2s ease-in-out;
+
−
  -webkit-transition: all 0.2s ease-in-out;
+
−
  transition: all 0.2s ease-in-out;
+
−
}
+
−
.btn:active, .btn.active {
+
−
  -moz-box-shadow: none;
+
−
  -webkit-box-shadow: none;
+
−
  box-shadow: none;
+
−
}
+
−
 
+
−
.btn-primary {
+
−
  background-color: #406da4;
+
−
  border-color: #3c6699;
+
−
}
+
−
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active,
+
−
.btn-primary .open > .dropdown-toggle.btn-primary {
+
−
  background-color: #3c6699;
+
−
  border-color: #355987;
+
−
}
+
−
 
+
−
.btn-group.open .dropdown-toggle {
+
−
  -moz-box-shadow: none;
+
−
  -webkit-box-shadow: none;
+
−
  box-shadow: none;
+
−
}
+
−
 
+
−
/* input groups */
+
−
.input-group-lg > .form-control,
+
−
.input-group-lg > .input-group-addon,
+
−
.input-group-lg > .input-group-btn > .btn {
+
−
  -moz-border-radius-topright: 3px;
+
−
  -webkit-border-top-right-radius: 3px;
+
−
  border-top-right-radius: 3px;
+
−
  -moz-border-radius-bottomright: 3px;
+
−
  -webkit-border-bottom-right-radius: 3px;
+
−
  border-bottom-right-radius: 3px;
+
−
}
+
−
 
+
−
.input-group-sm > .form-control,
+
−
.input-group-sm > .input-group-addon,
+
−
.input-group-sm > .input-group-btn > .btn {
+
−
  -moz-border-radius-topright: 2px;
+
−
  -webkit-border-top-right-radius: 2px;
+
−
  border-top-right-radius: 2px;
+
−
  -moz-border-radius-bottomright: 2px;
+
−
  -webkit-border-bottom-right-radius: 2px;
+
−
  border-bottom-right-radius: 2px;
+
−
}
+
−
 
+
−
.form-control,
+
−
.input-group-addon {
+
−
  -moz-border-radius-topright: 2px;
+
−
  -webkit-border-top-right-radius: 2px;
+
−
  border-top-right-radius: 2px;
+
−
  -moz-border-radius-bottomright: 2px;
+
−
  -webkit-border-bottom-right-radius: 2px;
+
−
  border-bottom-right-radius: 2px;
+
−
  -moz-box-shadow: none;
+
−
  -webkit-box-shadow: none;
+
−
  box-shadow: none;
+
−
}
+
−
 
+
−
.input-group-addon .fa {
+
−
  min-width: 14px;
+
−
}
+
−
 
+
−
/* control label */
+
−
.form-horizontal.left-aligned .control-label {
+
−
  text-align: left;
+
−
}
+
−
 
+
−
/* tabs */
+
−
.nav-tabs > li > a {
+
−
  -moz-border-radius-topleft: 2px;
+
−
  -webkit-border-top-left-radius: 2px;
+
−
  border-top-left-radius: 2px;
+
−
  -moz-border-radius-topright: 2px;
+
−
  -webkit-border-top-right-radius: 2px;
+
−
  border-top-right-radius: 2px;
+
−
  font-size: 14px;
+
−
}
+
−
@media screen and (max-width: 480px) {
+
−
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
+
−
    background-color: #406da4;
+
−
    color: #fff;
+
−
  }
+
−
}
+
−
 
+
−
.nav .open > a, .nav .open a:hover, .nav .open a:focus {
+
−
  border-color: #fff;
+
−
}
+
−
 
+
−
.custom-tabs-line {
+
−
  text-align: center;
+
−
}
+
−
.custom-tabs-line ul {
+
−
  display: inline-block;
+
−
  vertical-align: middle;
+
−
  *vertical-align: auto;
+
−
  *zoom: 1;
+
−
  *display: inline;
+
−
}
+
−
.custom-tabs-line ul > li {
+
−
  float: left;
+
−
}
+
−
.custom-tabs-line ul > li a {
+
−
  color: #a1a1a1;
+
−
}
+
−
.custom-tabs-line ul > li a:hover, .custom-tabs-line ul > li a:focus {
+
−
  color: #7b7b7b;
+
−
  background-color: transparent;
+
−
}
+
−
.custom-tabs-line.tabs-line-top {
+
−
  border-top: 1px solid #ccc;
+
−
}
+
−
.custom-tabs-line.tabs-line-top ul > li {
+
−
  margin-top: -1px;
+
−
}
+
−
.custom-tabs-line.tabs-line-top a {
+
−
  border-top: 1px solid transparent;
+
−
}
+
−
.custom-tabs-line.tabs-line-top .active a {
+
−
  border-top-color: #406da4;
+
−
}
+
−
.custom-tabs-line.tabs-line-bottom {
+
−
  border-bottom: 1px solid #ccc;
+
−
}
+
−
.custom-tabs-line.tabs-line-bottom ul > li {
+
−
  margin-bottom: -1px;
+
−
}
+
−
.custom-tabs-line.tabs-line-bottom a {
+
−
  border-bottom: 1px solid transparent;
+
−
}
+
−
.custom-tabs-line.tabs-line-bottom .active a {
+
−
  border-bottom: 1px solid #406da4;
+
−
}
+
−
.custom-tabs-line.left-aligned {
+
−
  text-align: left;
+
−
}
+
−
.custom-tabs-line.right-aligned {
+
−
  text-align: right;
+
−
}
+
−
 
+
−
.tab-content {
+
−
  padding: 15px 8px;
+
−
}
+
−
 
+
−
.tab-pane.text-center img {
+
−
  display: inline-block;
+
−
  vertical-align: middle;
+
−
  *vertical-align: auto;
+
−
  *zoom: 1;
+
−
  *display: inline;
+
−
}
+
−
 
+
−
/* alerts */
+
−
.alert {
+
−
  -moz-border-radius: 2px;
+
−
  -webkit-border-radius: 2px;
+
−
  border-radius: 2px;
+
−
}
+
−
 
+
−
div[class*="col-"] > .form-group {
+
−
  margin-left: 0;
+
−
  margin-right: 0;
+
−
}
+
−
 
+
−
.pager li > a:hover, .pager li > a:focus {
+
−
  background-color: #406da4;
+
−
  border-color: #3c6699;
+
−
  color: #fff;
+
−
}
+
−
.pager .disabled > a,
+
−
.pager .disabled > a:hover,
+
−
.pager .disabled > a:focus,
+
−
.pager .disabled > span {
+
−
  border-color: #ddd;
+
−
}
+
−
 
+
−
/* ----------------------------------------------------- */
+
−
/* UI ELEMENTS
+
−
/* ----------------------------------------------------- */
+
−
.btn-toggle,
+
−
.btn-toggle.focus {
+
−
  background-color: #eaeaea;
+
−
  color: #a8a8a8;
+
−
  border-color: #d7d7d7;
+
−
}
+
−
.btn-toggle.active,
+
−
.btn-toggle.focus.active {
+
−
  background-color: #F0AD4E;
+
−
  border-color: #EEA236;
+
−
  color: #fff;
+
−
}
+
−
.btn-toggle.active:hover,
+
−
.btn-toggle.focus.active:hover {
+
−
  color: #fff;
+
−
}
+
−
 
+
−
.btn-toggle:hover {
+
−
  color: #808080;
+
−
}
+
−
 
+
−
.form-horizontal.label-left .control-label {
+
−
  text-align: left;
+
−
}
+
−
 
+
−
/* slick plugin */
+
−
.slick-carousel {
+
−
  position: relative;
+
−
}
+
−
 
+
−
.slick-slide {
+
−
  outline: none;
+
−
  height: auto;
+
−
}
+
−
 
+
−
.slick-next,
+
−
.slick-prev {
+
−
  position: absolute;
+
−
  right: 0;
+
−
  top: -47px;
+
−
  left: inherit;
+
−
  width: 30px;
+
−
  height: 30px;
+
−
  background-color: #406da4;
+
−
  color: #fff;
+
−
}
+
−
.slick-next:hover, .slick-next:focus,
+
−
.slick-prev:hover,
+
−
.slick-prev:focus {
+
−
  background-color: #396192;
+
−
}
+
−
 
+
−
.slick-prev {
+
−
  right: 31px;
+
−
  z-index: 9;
+
−
}
+
−
.slick-prev:before {
+
−
  content: '\f104';
+
−
}
+
−
 
+
−
.slick-next:before {
+
−
  content: '\f105';
+
−
}
+
−
 
+
−
.slick-dots {
+
−
  position: relative;
+
−
  bottom: 0;
+
−
  margin-top: 15px;
+
−
}
+
−
.slick-dots li {
+
−
  width: 12px;
+
−
  height: 12px;
+
−
}
+
−
.slick-dots li button {
+
−
  -moz-border-radius: 50%;
+
−
  -webkit-border-radius: 50%;
+
−
  border-radius: 50%;
+
−
  width: 12px;
+
−
  height: 12px;
+
−
  background-color: #e8e8e8;
+
−
}
+
−
.slick-dots li button:before {
+
−
  font-family: initial;
+
−
  font-size: 0;
+
−
}
+
−
.slick-dots li.slick-active button {
+
−
  background-color: #c2c2c2;
+
−
}
+
−
 
+
−
/* boxed content */
+
−
.boxed-content {
+
−
  text-align: center;
+
−
  margin-bottom: 35px;
+
−
}
+
−
.boxed-content > i {
+
−
  font-size: 8em;
+
−
  color: #406da4;
+
−
}
+
−
.boxed-content .boxed-content-title {
+
−
  font-size: 22px;
+
−
  font-weight: 700;
+
−
}
+
−
.boxed-content.left-aligned {
+
−
  text-align: left;
+
−
}
+
−
.boxed-content.left-aligned .boxed-content-title {
+
−
  margin-bottom: 10px;
+
−
  line-height: 28px;
+
−
  font-weight: normal;
+
−
}
+
−
.boxed-content.left-aligned i {
+
−
  float: left;
+
−
  margin-right: 10px;
+
−
  font-size: 2em;
+
−
}
+
−
.boxed-content.left-boxed-icon i {
+
−
  -moz-border-radius: 2px;
+
−
  -webkit-border-radius: 2px;
+
−
  border-radius: 2px;
+
−
  padding: 10px;
+
−
  width: 60px;
+
−
  height: 60px;
+
−
  background: #406da4;
+
−
  color: #fff;
+
−
  text-align: center;
+
−
  line-height: 40px;
+
−
}
+
−
.boxed-content.left-boxed-icon .boxed-content-title,
+
−
.boxed-content.left-boxed-icon p {
+
−
  padding-left: 80px;
+
−
}
+
−
 
+
−
/* testimonial */
+
−
.testimonial-body {
+
−
  position: relative;
+
−
  margin: 0 auto;
+
−
}
+
−
.testimonial-body p {
+
−
  font-size: 1.5em;
+
−
  font-style: italic;
+
−
  font-weight: 300;
+
−
  color: #717171;
+
−
}
+
−
.testimonial-body.smaller-font p {
+
−
  font-size: 14px;
+
−
}
+
−
 
+
−
.testimonial-author {
+
−
  padding-top: 20px;
+
−
}
+
−
.testimonial-author img {
+
−
  -moz-border-radius: 50%;
+
−
  -webkit-border-radius: 50%;
+
−
  border-radius: 50%;
+
−
  width: 50px;
+
−
  height: 50px;
+
−
  margin-right: 12px;
+
−
}
+
−
.testimonial-author .author-name {
+
−
  font-weight: 700;
+
−
}
+
−
.testimonial-author em {
+
−
  display: block;
+
−
}
+
−
 
+
−
.testimonial.slick-carousel .slick-prev, .testimonial.slick-carousel .slick-next {
+
−
  top: auto;
+
−
  bottom: 0;
+
−
  background-color: #eaeaea;
+
−
}
+
−
.testimonial.slick-carousel .slick-prev:before, .testimonial.slick-carousel .slick-next:before {
+
−
  color: #7b7b7b;
+
−
}
+
−
.testimonial.slick-carousel .slick-prev:hover, .testimonial.slick-carousel .slick-next:hover {
+
−
  background-color: #dddddd;
+
−
}
+
−
.testimonial.slick-carousel .testimonial-body {
+
−
  padding: 0 1px;
+
−
  /* fix truncated testimonial body by slick */
+
−
}
+
−
 
+
−
.testimonial-with-bg {
+
−
  padding: 120px 0;
+
−
  background-image: url('../img/testimonial-bg.png?1424866387');
+
−
  background-attachment: fixed;
+
−
  background-position: center center;
+
−
  color: #fff;
+
−
}
+
−
.testimonial-with-bg .testimonial-body p {
+
−
  color: #fff;
+
−
  font-style: normal;
+
−
  font-size: 1.8em;
+
−
}
+
−
.testimonial-with-bg .testimonial {
+
−
  margin-bottom: 0;
+
−
}
+
−
.testimonial-with-bg .testimonial.slick-carousel .slick-next, .testimonial-with-bg .testimonial.slick-carousel .slick-prev {
+
−
  background-color: transparent;
+
−
}
+
−
.testimonial-with-bg .testimonial.slick-carousel .slick-next:before, .testimonial-with-bg .testimonial.slick-carousel .slick-prev:before {
+
−
  color: #fff;
+
−
}
+
−
.testimonial-with-bg .testimonial.slick-carousel .slick-next:hover, .testimonial-with-bg .testimonial.slick-carousel .slick-prev:hover {
+
−
  background-color: rgba(255, 255, 255, 0.08);
+
−
}
+
−
 
+
−
.mobile .testimonial-with-bg {
+
−
  background-attachment: inherit;
+
−
  background-position: center -35em;
+
−
}
+
−
 
+
−
@media screen and (max-width: 480px) {
+
−
  .testimonial-with-bg .testimonial-body p {
+
−
    font-size: 1.3em;
+
−
  }
+
−
}
+
−
/* client logo list */
+
−
.list-client-logo {
+
−
  text-align: justify;
+
−
  margin-bottom: 0;
+
−
}
+
−
.list-client-logo:after {
+
−
  content: '';
+
−
  display: inline-block;
+
−
  width: 100%;
+
−
}
+
−
.list-client-logo:before {
+
−
  content: '';
+
−
  display: block;
+
−
}
+
−
@media screen and (max-width: 768px) {
+
−
  .list-client-logo img {
+
−
    width: 85px;
+
−
  }
+
−
}
+
−
 
+
−
/* call to action */
+
−
.call-to-action {
+
−
  background-color: #ebebeb;
+
−
  padding: 25px 0;
+
−
  margin-bottom: 0;
+
−
}
+
−
.call-to-action .section-heading {
+
−
  margin: 0;
+
−
  font-size: 36px;
+
−
  line-height: 45px;
+
−
}
+
−
.call-to-action .section-heading:after {
+
−
  display: none;
+
−
}
+
−
.call-to-action span {
+
−
  position: relative;
+
−
  top: 2px;
+
−
  font-size: 18px;
+
−
}
+
−
@media screen and (max-width: 768px) {
+
−
  .call-to-action {
+
 
     text-align: center;
 
     text-align: center;
−
  }
 
−
  .call-to-action .pull-left, .call-to-action .pull-right {
 
−
    width: 100%;
 
−
    float: none !important;
 
−
  }
 
−
  .call-to-action .btn {
 
−
    margin-top: 10px;
 
−
  }
 
−
  .call-to-action span {
 
−
    top: 7px;
 
−
  }
 
 
}
 
}
  
−
/* social connect icons */
+
/* Links */
−
ul.social-icons li a {
+
a {
−
  -moz-border-radius: 3px;
+
    color: #20B2AA;
−
  -webkit-border-radius: 3px;
+
    word-wrap: break-word;
−
  border-radius: 3px;
+
font-size: 18px;
−
  display: block;
+
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
−
  width: 50px;
+
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
−
  height: 50px;
+
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
−
  font-size: 24px;
+
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
−
  color: #fff;
+
    transition: color 0.1s ease-in, background 0.1s ease-in;
−
  text-align: center;
+
−
}
+
−
ul.social-icons li a.facebook-bg:hover, ul.social-icons li a.facebook-bg:focus {
+
−
  background-color: #344f98;
+
−
}
+
−
ul.social-icons li a.twitter-bg:hover, ul.social-icons li a.twitter-bg:focus {
+
−
  background-color: #138bee;
+
−
}
+
−
ul.social-icons li a.googleplus-bg:hover, ul.social-icons li a.googleplus-bg:focus {
+
−
  background-color: #d73925;
+
−
}
+
−
ul.social-icons li a.rss-bg:hover, ul.social-icons li a.rss-bg:focus {
+
−
  background-color: #e65c00;
+
−
}
+
−
ul.social-icons li a i {
+
−
  position: relative;
+
−
  top: 8px;
+
 
}
 
}
  
−
/* newsletter form */
+
a:hover,
−
.newsletter-form {
+
a:focus {
−
  margin-top: 20px;
+
    color: #7b7b7b;
−
}
+
    text-decoration: none;
−
.newsletter-form .form-control {
+
    outline: 0;
−
  font-size: 14px;
+
−
}
+
−
.newsletter-form .input-group-lg > .form-control,
+
−
.newsletter-form .input-group-lg > .input-group-btn > .btn {
+
−
  -moz-border-radius: 3px;
+
−
  -webkit-border-radius: 3px;
+
−
  border-radius: 3px;
+
−
  border: none;
+
−
}
+
−
.newsletter-form .input-group-lg > .form-control {
+
−
  -moz-border-radius-topright: 0;
+
−
  -webkit-border-top-right-radius: 0;
+
−
  border-top-right-radius: 0;
+
−
  -moz-border-radius-bottomright: 0;
+
−
  -webkit-border-bottom-right-radius: 0;
+
−
  border-bottom-right-radius: 0;
+
−
  background: #414143;
+
−
  outline: none;
+
−
}
+
−
.newsletter-form .input-group-lg > .form-control:focus {
+
−
  -moz-box-shadow: none;
+
−
  -webkit-box-shadow: none;
+
−
  box-shadow: none;
+
−
}
+
−
.newsletter-form .input-group-lg > .input-group-btn > .btn {
+
−
  -moz-border-radius-topleft: 0;
+
−
  -webkit-border-top-left-radius: 0;
+
−
  border-top-left-radius: 0;
+
−
  -moz-border-radius-bottomleft: 0;
+
−
  -webkit-border-bottom-left-radius: 0;
+
−
  border-bottom-left-radius: 0;
+
−
  background-color: #406da4;
+
−
  font-size: 14px;
+
−
  padding: 10px;
+
−
  min-width: 93px;
+
−
}
+
−
.newsletter-form .input-group-lg > .input-group-btn > .btn:hover, .newsletter-form .input-group-lg > .input-group-btn > .btn:focus {
+
−
  background-color: #396192;
+
−
}
+
−
.newsletter-form .input-group-lg > .input-group-btn > .btn i {
+
−
  display: none;
+
−
}
+
−
.newsletter-form .input-group-lg > .input-group-btn > .btn.loading i {
+
−
  display: inline;
+
−
}
+
−
.newsletter-form .input-group-lg > .input-group-btn > .btn.loading span {
+
−
  display: none;
+
−
}
+
−
.newsletter-form .input-group-lg .input-group-btn:last-child > .btn {
+
−
  margin-left: 0;
+
−
}
+
−
.newsletter-form .alert {
+
−
  -moz-transition: all 0.3s ease-out;
+
−
  -o-transition: all 0.3s ease-out;
+
−
  -webkit-transition: all 0.3s ease-out;
+
−
  transition: all 0.3s ease-out;
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
+
−
  opacity: 0;
+
−
  padding: 5px;
+
−
  border: none;
+
−
  font-size: 12px;
+
−
  background: transparent;
+
−
  color: #fff;
+
−
  font-weight: 600;
+
−
}
+
−
.newsletter-form .alert.active {
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+
−
  opacity: 1;
+
−
}
+
−
.newsletter-form .alert.alert-danger {
+
−
  color: #DF6967;
+
−
}
+
−
.newsletter-form .alert.alert-success {
+
−
  color: #69C76A;
+
−
}
+
−
.newsletter-form .alert a {
+
−
  color: #fff;
+
−
  text-decoration: underline;
+
−
}
+
−
.newsletter-form .alert a:hover, .newsletter-form .alert a:focus {
+
−
  text-decoration: none;
+
 
}
 
}
  
−
.widget {
+
a:before,
−
  margin-bottom: 40px;
+
a:after {
 +
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
 +
    transition: color 0.1s ease-in, background 0.1s ease-in;
 
}
 
}
  
−
/* sharing tools */
+
hr {
−
.sharing-tools > li {
+
−
  padding-left: 3px;
+
−
  padding-right: 3px;
+
−
}
+
−
.sharing-tools > li > a {
+
−
  -moz-border-radius: 2px;
+
−
  -webkit-border-radius: 2px;
+
−
  border-radius: 2px;
+
−
  display: block;
+
−
  width: 25px;
+
−
  height: 25px;
+
−
  line-height: 25px;
+
−
  font-size: 14px;
+
−
  color: #fff;
+
−
  text-align: center;
+
−
}
+
−
 
+
−
/* breadcrumb */
+
−
.breadcrumb {
+
−
  background-color: transparent;
+
−
}
+
−
.breadcrumb > li.active {
+
−
  color: #406da4;
+
−
}
+
−
.breadcrumb a {
+
−
  color: #7b7b7b;
+
−
}
+
−
.breadcrumb a:hover, .breadcrumb a:focus {
+
−
  text-decoration: none;
+
−
  color: #406da4;
+
−
}
+
−
.breadcrumb.link-accent > li.active {
+
−
  color: inherit;
+
−
}
+
−
.breadcrumb.link-accent a {
+
−
  color: #406da4;
+
−
}
+
−
.breadcrumb.link-accent a:hover, .breadcrumb.link-accent a:focus {
+
−
  text-decoration: none;
+
−
  color: #355987;
+
−
}
+
−
.breadcrumb.separator-arrow > li + li:before {
+
−
  padding: 0 8px;
+
−
  font-family: "FontAwesome";
+
−
  content: '\f105';
+
−
}
+
−
 
+
−
/* google maps */
+
−
.google-map > div {
+
−
  height: 350px;
+
−
}
+
−
 
+
−
.number-info p {
+
−
  font-size: 28px;
+
−
  font-weight: 300;
+
−
  line-height: 1.3;
+
−
  margin-bottom: 0;
+
−
}
+
−
.number-info p span {
+
−
  font-size: 0.5em;
+
−
}
+
−
.number-info.horizontal i {
+
−
  font-size: 30px;
+
−
  line-height: 1.2;
+
−
}
+
−
.number-info.horizontal p {
+
−
  padding-left: 40px;
+
−
  line-height: 1;
+
−
  text-align: left;
+
−
}
+
−
.number-info.horizontal p span {
+
−
  display: block;
+
−
  margin-top: 5px;
+
−
}
+
−
@media screen and (max-width: 768px) {
+
−
  .number-info.horizontal {
+
−
    margin-top: 30px;
+
−
    margin-bottom: 30px;
+
−
    text-align: center;
+
−
  }
+
−
  .number-info.horizontal i {
+
−
    float: none !important;
+
−
  }
+
−
  .number-info.horizontal p {
+
−
    display: inline-block;
+
−
    vertical-align: middle;
+
−
    *vertical-align: auto;
+
−
    *zoom: 1;
+
−
    *display: inline;
+
−
    padding-left: 0;
+
−
  }
+
−
}
+
−
@media screen and (max-width: 480px) {
+
−
  .number-info.horizontal i {
+
−
    float: none !important;
+
 
     display: block;
 
     display: block;
−
     margin-bottom: 10px;
+
     height: 1px;
−
     margin-right: 0;
+
     border: 0;
−
  }
+
    border-top: 1px solid #ccc;
−
  .number-info.horizontal p {
+
     margin: 1em 0;
−
     text-align: center;
+
    padding: 0;
−
  }
+
 
}
 
}
  
−
/* latest news */
+
.copyrights{
−
.news-item img {
+
text-indent:-9999px;
−
  width: 140px;
+
height:0;
−
}
+
line-height:0;
−
.news-item .right {
+
font-size:0;
−
  padding-left: 150px;
+
overflow:hidden;
−
}
+
−
.news-item .news-title {
+
−
  margin-bottom: 5px;
+
−
  margin-top: 0;
+
−
  width: 200px;
+
−
  white-space: nowrap;
+
−
  overflow: hidden;
+
−
  text-overflow: ellipsis;
+
−
  font-size: 16px;
+
−
}
+
−
.news-item p {
+
−
  font-size: 12px;
+
−
}
+
−
.news-item a {
+
−
  color: inherit;
+
−
}
+
−
.news-item a:hover, .news-item a:focus {
+
−
  color: #406da4;
+
 
}
 
}
  
−
.news-featured img {
+
.navbar {
−
  width: 100%;
+
text-transform: uppercase;
−
  margin-bottom: 15px;
+
margin-bottom: 0px;
−
}
+
−
.news-featured .news-title {
+
−
  font-size: 22px;
+
−
  width: 100%;
+
−
}
+
−
.news-featured p {
+
−
  font-size: inherit;
+
−
}
+
−
.news-featured .news-meta {
+
−
  font-size: 11px;
+
−
  color: #777;
+
 
}
 
}
  
−
.see-all-news {
+
.navbar-inverse {
−
  border: 1px solid #e4e4e4;
+
padding-bottom: 30px;
−
  font-size: 16px;
+
padding-top: 0;
−
  text-align: center;
+
−
}
+
−
.see-all-news a {
+
−
  display: block;
+
−
  padding: 30px 0;
+
 
}
 
}
  
−
@media screen and (max-width: 480px) {
+
.navbar-inverse {
−
  .news-item img {
+
background-color: #FFA07A;
−
    float: none !important;
+
border-color: #FA8072;
−
    width: 100%;
+
−
    margin-bottom: 10px;
+
−
  }
+
−
  .news-item .right {
+
−
    padding-left: 0;
+
−
  }
+
−
}
+
−
@media screen and (max-width: 768px) {
+
−
  .news-item .news-title {
+
−
    width: 100%;
+
−
  }
+
−
}
+
−
@media screen and (max-width: 992px) {
+
−
  .news-featured {
+
−
    margin-bottom: 30px;
+
−
  }
+
−
}
+
−
@media screen and (min-width: 992px) and (max-width: 1200px) {
+
−
  .news-item img {
+
−
    width: 110px;
+
−
  }
+
−
  .news-item .right {
+
−
    padding-left: 120px;
+
−
  }
+
−
  .news-item.news-featured img {
+
−
    width: 100%;
+
−
  }
+
−
}
+
−
/* main features */
+
−
.main-features {
+
−
  padding: 40px 0;
+
−
  margin-bottom: 60px;
+
−
  text-align: center;
+
−
  background-color: #5782b7;
+
−
  color: #94b6df;
+
−
}
+
−
.main-features i {
+
−
  font-size: 5em;
+
−
  margin-bottom: 28px;
+
−
}
+
−
.main-features div[class^="col-"]:after {
+
−
  content: '';
+
−
  border-right: 1px dashed #6894ca;
+
−
  position: absolute;
+
−
  height: 80px;
+
−
  top: 50%;
+
−
  right: 0;
+
−
  margin-top: -40px;
+
−
}
+
−
.main-features div[class^="col-"]:last-child:after {
+
−
  border-right: none;
+
 
}
 
}
  
−
.feature-heading {
+
.navbar-inverse .navbar-nav > li > a {
−
  margin: 0;
+
color: white;
−
  color: #94b6df;
+
−
  font-weight: 300;
+
−
  font-size: 18px;
+
 
}
 
}
  
−
@media screen and (max-width: 992px) {
 
−
  .main-features div[class^="col-"] {
 
−
    margin-top: 25px;
 
−
    margin-bottom: 25px;
 
−
  }
 
−
  .main-features div[class^="col-"]:after {
 
−
    display: none;
 
−
  }
 
−
}
 
−
/* ----------------------------------------------------- */
 
−
/* PORTFOLIO
 
−
/* ----------------------------------------------------- */
 
−
/* general portfolio item with hovered caption */
 
−
.portfolio-item {
 
−
  position: relative;
 
−
}
 
−
.portfolio-item .overlay {
 
−
  width: 100%;
 
−
  height: 100%;
 
−
  position: absolute;
 
−
  background-color: rgba(64, 109, 164, 0.9);
 
−
}
 
−
.portfolio-item .info {
 
−
  position: absolute;
 
−
  top: 50%;
 
−
  margin-top: -49px;
 
−
  width: 100%;
 
−
  text-align: center;
 
−
  color: #fff;
 
−
}
 
−
.portfolio-item .media-wrapper {
 
−
  overflow: hidden;
 
−
}
 
−
.portfolio-item .title {
 
−
  font-family: inherit;
 
−
  color: #fff;
 
−
}
 
−
.portfolio-item .brief-description {
 
−
  font-weight: 300;
 
−
}
 
−
.portfolio-item .overlay, .portfolio-item .info {
 
−
  -moz-transition: all 200ms ease-out;
 
−
  -o-transition: all 200ms ease-out;
 
−
  -webkit-transition: all 200ms ease-out;
 
−
  transition: all 200ms ease-out;
 
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
 
−
  opacity: 0;
 
−
}
 
−
.portfolio-item img {
 
−
  -moz-transition: all 0.2s linear;
 
−
  -o-transition: all 0.2s linear;
 
−
  -webkit-transition: all 0.2s linear;
 
−
  transition: all 0.2s linear;
 
−
  max-width: 100%;
 
−
}
 
−
.portfolio-item:hover img {
 
−
  -moz-transform: scale(1.3, 1.3);
 
−
  -ms-transform: scale(1.3, 1.3);
 
−
  -webkit-transform: scale(1.3, 1.3);
 
−
  transform: scale(1.3, 1.3);
 
−
}
 
−
.portfolio-item:hover .overlay, .portfolio-item:hover .info {
 
−
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
 
−
  opacity: 1;
 
−
  z-index: 1;
 
−
}
 
−
.portfolio-item a, .portfolio-item a:hover, .portfolio-item a:focus {
 
−
  color: #fff;
 
−
}
 
−
.portfolio-item .btn {
 
−
  background-color: #4474af;
 
−
  border: 1px solid #396192;
 
−
}
 
−
.portfolio-item .btn:hover, .portfolio-item .btn:focus {
 
−
  color: #fff;
 
−
  background-color: #406da4;
 
−
}
 
  
−
.portfolio-nospace .portfolio-item {
+
.navbar-inverse .navbar-nav > li > a:hover {
−
  margin-bottom: 0;
+
color: #222222;
 
}
 
}
  
−
.portfolio-static {
+
.navbar-brand {
−
  margin: 0 10px;
+
font-weight: 700;
−
}
+
font-size: 40px;
−
.portfolio-static .portfolio-item {
+
letter-spacing: 2px;
−
  margin-left: -10px;
+
backgroud: white;
−
  margin-right: -10px;
+
 
}
 
}
  
−
/* portfolio with slick carousel */
+
.navbar-inverse .navbar-brand {
−
/* portfolio list with isotope filter */
+
color: white;
−
.isotope-item {
+
background-color: #FFA07A;
−
  z-index: 2;
+
 
}
 
}
  
−
.isotope-hidden.isotope-item {
+
.navbar-inverse .navbar-toggle {
−
  pointer-events: none;
+
border-color: transparent;
−
  z-index: 1;
+
font-size: 12px;
 
}
 
}
  
−
/* Isotope CSS3 transitions */
+
.progress-bar-theme {
−
.isotope, .isotope .isotope-item {
+
   background-color: #FFA07A;
−
   -moz-transition-property: height, width;
+
−
  -o-transition-property: height, width;
+
−
  -webkit-transition-property: height, width;
+
−
  transition-property: height, width;
+
 
}
 
}
  
−
.isotope, .isotope .isotope-item {
 
−
  -moz-transition-duration: 0.4s;
 
−
  -o-transition-duration: 0.4s;
 
−
  -webkit-transition-duration: 0.4s;
 
−
  transition-duration: 0.4s;
 
−
}
 
−
.isotope .isotope-item {
 
−
  -moz-transition-property: -moz-transform, opacity;
 
−
  -o-transition-property: -o-transform, opacity;
 
−
  -webkit-transition-property: -webkit-transform, opacity;
 
−
  transition-property: transform, opacity;
 
−
}
 
  
−
/* disabling Isotope CSS3 transitions */
+
/* Helpers */
−
.isotope.no-transition, .isotope .no-transition.isotope-item, .isotope.no-transition .isotope-item, .isotope .no-transition.isotope-item .isotope-item,
+
−
.isotope .isotope-item.no-transition {
+
−
  -moz-transition-duration: 0s;
+
−
  -o-transition-duration: 0s;
+
−
  -webkit-transition-duration: 0s;
+
−
  transition-duration: 0s;
+
−
}
+
  
−
/* portfolio isotope filters */
+
.mt {
−
.portfolio-item-filters {
+
margin-top: 40px;
−
  text-align: center;
+
margin-bottom: 40px;
−
  margin-bottom: 30px;
+
−
}
+
−
.portfolio-item-filters li {
+
−
  padding: 0;
+
−
  margin-left: -2px;
+
−
  margin-right: -2px;
+
−
}
+
−
.portfolio-item-filters li:first-child {
+
−
  margin-left: 0;
+
−
}
+
−
.portfolio-item-filters li a {
+
−
  -moz-transition: all 0.3s ease-in-out;
+
−
  -o-transition: all 0.3s ease-in-out;
+
−
  -webkit-transition: all 0.3s ease-in-out;
+
−
  transition: all 0.3s ease-in-out;
+
−
  -moz-border-radius: 2px;
+
−
  -webkit-border-radius: 2px;
+
−
  border-radius: 2px;
+
−
  display: block;
+
−
  padding: 7px 14px;
+
−
  color: inherit;
+
−
}
+
−
.portfolio-item-filters li a:hover, .portfolio-item-filters li a:focus {
+
−
  text-decoration: none;
+
−
  outline: none;
+
−
  color: #406da4;
+
−
}
+
−
.portfolio-item-filters li a.active {
+
−
  background-color: #406da4;
+
−
  color: #fff;
+
 
}
 
}
  
−
/* portfolio items */
+
.pt {
−
.portfolio-item-wrapper {
+
padding-top: 50px;
−
  -moz-transition: height 0.3s ease-in-out;
+
padding-bottom: 50px;
−
  -o-transition: height 0.3s ease-in-out;
+
−
  -webkit-transition: height 0.3s ease-in-out;
+
−
  transition: height 0.3s ease-in-out;
+
−
  position: relative;
+
−
  overflow: hidden;
+
−
  margin: 0 auto;
+
−
  height: auto;
+
−
  margin-bottom: 30px;
+
 
}
 
}
  
−
.portfolio-item-list {
 
−
  width: 100%;
 
−
  height: 100%;
 
−
  overflow: hidden;
 
−
  top: 0;
 
−
  left: 0;
 
−
  list-style-type: none;
 
−
  margin: 0;
 
−
  padding: 0;
 
−
}
 
−
.portfolio-item-list li {
 
−
  padding: 0;
 
−
  overflow: hidden;
 
−
}
 
−
.portfolio-item-list li img {
 
−
  max-width: 100%;
 
−
  width: 100%;
 
−
}
 
−
.portfolio-item-list.spaced {
 
−
  width: auto;
 
−
}
 
−
.portfolio-item-list.spaced li {
 
−
  padding: 0 5px;
 
−
}
 
−
.portfolio-item-list.list-col-4 li {
 
−
  width: 25%;
 
−
}
 
−
.portfolio-item-list.list-col-3 li {
 
−
  width: 33.333333%;
 
−
}
 
−
.portfolio-item-list.list-col-2 li {
 
−
  width: 50%;
 
−
}
 
−
@media screen and (max-width: 548px) {
 
−
  .portfolio-item-list.list-col-2 li, .portfolio-item-list.list-col-3 li, .portfolio-item-list.list-col-4 li {
 
−
    width: 100%;
 
−
  }
 
−
}
 
−
@media screen and (min-width: 548px) and (max-width: 1024px) {
 
−
  .portfolio-item-list.list-col-2 li, .portfolio-item-list.list-col-3 li, .portfolio-item-list.list-col-4 li {
 
−
    width: 50%;
 
−
  }
 
−
}
 
  
−
/* single portfolio item */
+
/* +++++ WRAP SECTIONS +++++ */
−
.portfolio-media img {
+
−
  width: 100%;
+
−
  max-width: 100%;
+
−
}
+
−
.portfolio-media .slick-dots {
+
−
  position: absolute;
+
−
  margin-bottom: 25px;
+
−
}
+
−
.portfolio-media .slick-dots li {
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
+
−
  opacity: 0.5;
+
−
  margin: 0 3px;
+
−
}
+
−
.portfolio-media .slick-dots li button {
+
−
  width: 10px;
+
−
  height: 10px;
+
−
  background-color: #fff;
+
−
}
+
−
.portfolio-media .slick-dots li.slick-active {
+
−
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
+
−
  opacity: 1;
+
−
}
+
−
.portfolio-media .slick-dots li.slick-active button {
+
−
  width: 12px;
+
−
  height: 12px;
+
−
  background-color: #fff;
+
−
}
+
−
.portfolio-media .slick-next, .portfolio-media .slick-prev {
+
−
  background-color: rgba(210, 210, 210, 0.19);
+
−
  top: 18px;
+
−
}
+
−
.portfolio-media .slick-next:hover, .portfolio-media .slick-prev:hover {
+
−
  background-color: rgba(210, 210, 210, 0.6);
+
−
}
+
−
.portfolio-media .slick-next {
+
−
  right: 7px;
+
−
}
+
−
.portfolio-media .slick-prev {
+
−
  right: 40px;
+
−
}
+
  
−
.project-detail-list {
+
#ww {
−
  margin-bottom: 25px;
+
padding-top: 0px;
−
}
+
padding-bottom: 70px;
−
.project-detail-list > li {
+
background-color: #f2f2f2;
−
  margin-bottom: 15px;
+
−
}
+
−
.project-detail-list strong {
+
−
  display: inline-block;
+
−
  vertical-align: middle;
+
−
  *vertical-align: auto;
+
−
  *zoom: 1;
+
−
  *display: inline;
+
−
  min-width: 80px;
+
 
}
 
}
  
−
.portfolio-related {
 
−
  margin-top: 50px;
 
−
}
 
  
−
/* ----------------------------------------------------- */
 
−
/* BLOG
 
−
/* ----------------------------------------------------- */
 
−
/* blog list */
 
−
.blog a:hover, .blog a:focus {
 
−
  text-decoration: none;
 
−
}
 
−
.blog .entry-title a {
 
−
  color: inherit;
 
−
}
 
−
.blog .entry-title a:hover, .blog .entry-title a:focus {
 
−
  color: #406da4;
 
−
}
 
−
.blog .entry-header {
 
−
  margin-bottom: 20px;
 
−
}
 
−
.blog h2 {
 
−
  font-size: 22px;
 
−
}
 
−
.blog .meta-line {
 
−
  color: #adadad;
 
−
}
 
−
.blog .meta-line span {
 
−
  margin-right: 15px;
 
−
}
 
−
.blog .meta-line .post-comment {
 
−
  margin-right: 0;
 
−
}
 
−
.blog .meta-line a {
 
−
  color: inherit;
 
−
  font-weight: 600;
 
−
}
 
−
.blog .meta-line a:hover, .blog .meta-line a:focus {
 
−
  color: #406da4;
 
−
}
 
−
.blog .featured-video,
 
−
.blog .featured-image {
 
−
  margin-bottom: 20px;
 
−
}
 
−
.blog .featured-image img {
 
−
  max-width: 100%;
 
−
}
 
−
.blog .featured-video iframe {
 
−
  border: none;
 
−
}
 
−
.blog .featured-video .post-date-info {
 
−
  z-index: 9999;
 
−
}
 
−
.blog.medium-thumbnail .featured-video .fluid-width-video-wrapper {
 
−
  position: relative;
 
−
  height: 0;
 
−
  padding-top: 1px !important;
 
−
  padding-bottom: 70%;
 
−
}
 
−
.blog.medium-thumbnail .featured-video .fluid-width-video-wrapper iframe {
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 0;
 
−
  width: 100%;
 
−
  height: 100%;
 
−
}
 
−
.blog .post-date-info {
 
−
  position: absolute;
 
−
  padding: 7px 0;
 
−
  width: 60px;
 
−
  background: rgba(0, 0, 0, 0.6);
 
−
  color: #fff;
 
−
  font-weight: 300;
 
−
}
 
−
.blog .post-date,
 
−
.blog .post-month,
 
−
.blog .post-year {
 
−
  display: block;
 
−
  text-align: center;
 
−
}
 
−
.blog .post-date {
 
−
  font-size: 20px;
 
−
}
 
−
.blog .post-month,
 
−
.blog .post-year {
 
−
  font-size: 11px;
 
−
  line-height: 1.3;
 
−
}
 
−
.blog hr {
 
−
  margin: 35px 0;
 
−
}
 
−
@media screen and (max-width: 768px) {
 
−
  .blog .meta-line > div {
 
−
    display: block;
 
−
    float: none !important;
 
−
  }
 
−
}
 
−
@media screen and (max-width: 480px) {
 
−
  .blog .post-tags {
 
−
    display: none;
 
−
  }
 
−
}
 
  
−
/* latest posts, recent posts */
+
/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
−
.blogposts, .recent-comments {
+
/* Effects also are controled by hover.zoom.js */
−
  margin-bottom: 0;
+
.zoom {  
−
}
+
    display:block;  
−
.blogposts li, .recent-comments li {
+
    position:relative;
−
  margin-bottom: 20px;
+
    overflow:hidden;  
−
}
+
    background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
−
.blogposts li:last-child, .recent-comments li:last-child {
+
−
  margin-bottom: 0;
+
 
}
 
}
  
−
.blogposts .post-title {
 
−
  margin-bottom: 0;
 
−
  font-family: inherit;
 
−
  font-size: 13px;
 
−
  line-height: 1.6;
 
−
}
 
−
.blogposts span {
 
−
  font-size: 11px;
 
−
}
 
  
−
/* recent comments */
+
    .zoomOverlay {
−
.recent-comments img {
+
        position:absolute;
−
  width: 40px;
+
        top:0; left:0;
−
  height: 40px;
+
        bottom:0; right:0;
−
}
+
        display:none;
−
.recent-comments .media-heading {
+
        background-image:url(../img/zoom.png);
−
  font-family: inherit;
+
        background-repeat:no-repeat;
−
  font-size: 13px;
+
        background-position:center;
−
  line-height: 1.3;
+
    }
−
}
+
  
−
.category-list li a {
+
.zoom2 {
−
  display: block;
+
opacity: 1;
−
  padding: 10px 0;
+
−
  border-bottom: 1px solid #eaeaea;
+
−
  color: inherit;
+
−
  font-weight: 600;
+
−
}
+
−
.category-list li a:hover, .category-list li a:focus {
+
−
  color: #406da4;
+
 
}
 
}
  
−
.sub-category-list {
+
.zoom2:hover {
−
  padding-left: 10px;
+
opacity: 0.5;
−
  list-style: none;
+
 
}
 
}
  
−
/* tag list */
 
−
.tag-list {
 
−
  padding-left: 5px;
 
−
}
 
−
.tag-list li {
 
−
  padding-right: 0;
 
−
}
 
−
.tag-list li a {
 
−
  -moz-border-radius: 2px;
 
−
  -webkit-border-radius: 2px;
 
−
  border-radius: 2px;
 
−
  display: block;
 
−
  margin-bottom: 5px;
 
−
  padding: 4px 10px;
 
−
  background-color: #406da4;
 
−
  color: #fff;
 
−
  border: 1px solid transparent;
 
−
}
 
−
.tag-list li a:hover, .tag-list li a:focus {
 
−
  background-color: #fff;
 
−
  border-color: #777;
 
−
  color: #7b7b7b;
 
−
}
 
  
−
/* blog single item */
+
  </style>
−
.blog.single .section-heading {
+
 
−
   margin-top: 0;
+
  <!-- script -->
−
  font-family: inherit;
+
  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
−
  font-size: 21px;
+
    
−
  font-weight: 600;
+
  <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&amp;ctype=text/javascript"></script>
−
}
+
  
−
.social-sharing .section-heading {
+
<!-- hover    --> 
−
  display: inline-block;
+
   <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&amp;ctype=text/javascript"></script>
−
  vertical-align: middle;
+
  <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&amp;ctype=text/javascript"></script>
−
   *vertical-align: auto;
+
  </head>
−
  *zoom: 1;
+
−
  *display: inline;
+
−
  font-size: 18px !important;
+
−
  margin-bottom: 0;
+
−
  margin-right: 10px;
+
−
  line-height: 22px;
+
−
  font-weight: normal !important;
+
−
}
+
−
.social-sharing .section-heading:after {
+
−
  display: none;
+
−
}
+
  
−
.sharing-tools {
 
−
  margin-bottom: 0;
 
−
}
 
  
−
.author-info .author-name {
+
<body>
−
   font-size: 18px;
+
<div class="column_full_size top1">
−
}
+
<nav class="navbar navbar-inverse navbar-static-top" role="navigation">
 +
    <div class="container-fluid">
 +
    <div class="navbar-header">
 +
        <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
 +
        </div>
 +
    <div>
 +
        <ul class="nav navbar-nav navbar-center">
 +
            <li class="active" >  <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
 +
         
 +
           
 +
          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
 +
  <li class="dropdown">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
 +
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
 +
                            </ul>
 +
            </li>
 +
 +
                          <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
 +
 +
<li class="dropdown ">
 +
                            <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
</a>
 +
                            <ul class="dropdown-menu" >
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Design">design</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li>
 +
                         
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/References">references</a></li>
 +
                            </ul>
 +
                        </li>
 +
                       
 +
                        <li>   <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
 +
                        <li class="dropdown ">    <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
                            <ul class="dropdown-menu" role="menu">
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">protocols</a></li>
 +
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
 +
                        </li>
 +
                     
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
 +
                            <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
 +
 +
                            <ul class="dropdown-menu" role="menu">
 +
                              <li><a href="https://2017.igem.org/Team:BGIC-Union/Basic_Parts">basic parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li>
 +
<li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li>
  
−
/* related post */
 
−
.related-post-list img {
 
−
  width: 275px;
 
−
  max-width: 100%;
 
−
}
 
−
.related-post-list a {
 
−
  display: block;
 
−
}
 
−
.related-post-list .post-title {
 
−
  margin-top: 10px;
 
−
  font-size: 16px;
 
−
}
 
−
@media screen and (max-width: 768px) {
 
−
  .related-post-list li {
 
−
    margin-bottom: 30px;
 
−
  }
 
−
  .related-post-list li:last-child {
 
−
    margin-bottom: 0;
 
−
  }
 
−
  .related-post-list img {
 
−
    width: 100%;
 
−
  }
 
−
}
 
  
−
/* comments */
+
                            </ul>
−
.comments .media-left {
+
                        </li>
−
  float: left;
+
−
}
+
                      <li>    <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
−
.comments .avatar {
+
                          <li class="dropdown ">  <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
−
  -moz-border-radius: 50%;
+
                            <ul class="dropdown-menu" role="menu">
−
  -webkit-border-radius: 50%;
+
                             
−
  border-radius: 50%;
+
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
−
  display: block;
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
−
  width: 45px;
+
−
  height: 45px;
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
−
}
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
−
.comments .avatar.anonymous {
+
−
  font-size: 22px;
+
−
  background-color: #ccc;
+
−
  color: #8c8c8c;
+
−
  text-align: center;
+
−
  line-height: 45px;
+
−
}
+
−
.comments .comment-author {
+
−
  display: inline-block;
+
−
  vertical-align: middle;
+
−
  *vertical-align: auto;
+
−
  *zoom: 1;
+
−
  *display: inline;
+
−
  margin-right: 10px;
+
−
  font-family: inherit;
+
−
  font-size: 16px;
+
−
}
+
−
.comments .comment-by-author {
+
−
  padding: 5px;
+
−
  background: #FCF7D9;
+
−
}
+
  
−
/* --------------*/
+
<li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
−
/* TYPOGRAPHY
+
                            </ul>
−
/* -------------*/
+
                        </li>
−
.text-body-color {
+
<li class="dropdown ">
−
  color: #7b7b7b !important;
+
                            <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a>
−
}
+
                        </li>
−
 
+
<li class="dropdown ">
−
.text-white-color {
+
                            <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
−
  color: #fff;
+
                        </li>
−
}
+
<li class="dropdown ">
−
 
+
                            <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
−
.text-dashed {
+
                        </li>
−
  border-bottom: 1px dashed #7b7b7b;
+
        </ul>
−
}
+
    </div>
−
 
+
    </div>
−
.text-accent-color {
+
</nav>
−
  color: #406da4;
+
−
}
+
−
 
+
−
.dropcap {
+
−
  float: left;
+
−
  min-width: 31px;
+
−
  padding: 5px 0;
+
−
  margin: 5px 8px 0 0;
+
−
  font-size: 18px;
+
−
  font-weight: 400;
+
−
  line-height: 21px;
+
−
  text-align: center;
+
−
  background-color: #406da4;
+
−
  color: #FFF;
+
−
}
+
−
.dropcap.dropcap-big {
+
−
  min-width: 50px;
+
−
  padding: 8px 0;
+
−
  margin: 5px 10px 0 0;
+
−
  font-size: 36px;
+
−
  font-weight: 400;
+
−
  line-height: 36px;
+
−
}
+
−
 
+
−
/*------------------------------------------------*/
+
−
/* Page: Contact Us
+
−
/*------------------------------------------------*/
+
−
.contact-info {
+
−
  margin-left: 1.7em;
+
−
}
+
−
.contact-info > li {
+
−
  margin-bottom: 8px;
+
−
}
+
−
 
+
−
.sidebar-map > div {
+
−
  height: 260px;
+
−
}
+
−
 
+
−
/*------------------------------------------------*/
+
−
/* Page: About Us
+
−
/*------------------------------------------------*/
+
−
.team-member {
+
−
  margin-bottom: 60px;
+
−
}
+
−
.team-member.media > .pull-left {
+
−
  margin-right: 30px;
+
−
  padding-right: 0;
+
−
}
+
−
.team-member .team-name {
+
−
  display: inline-block;
+
−
  vertical-align: middle;
+
−
  *vertical-align: auto;
+
−
  *zoom: 1;
+
−
  *display: inline;
+
−
  padding: 0 5px;
+
−
  line-height: 1.6;
+
−
  color: #fff;
+
−
  background-color: #406da4;
+
−
}
+
−
.team-member strong {
+
−
  display: block;
+
−
  font-size: 0.9em;
+
−
}
+
−
.team-member hr {
+
−
  width: 50px;
+
−
  border-top: 1px solid #ccc;
+
−
  margin-top: 10px;
+
−
  margin-left: 0;
+
−
}
+
−
.team-member .social-icon > li {
+
−
  padding-right: 12px;
+
−
}
+
−
.team-member .social-icon > li > a {
+
−
  color: #989898;
+
−
  font-size: 18px;
+
−
}
+
−
.team-member .social-icon > li > a:hover, .team-member .social-icon > li > a:focus {
+
−
  color: #797979;
+
−
}
+
−
@media screen and (max-width: 480px) {
+
−
  .team-member {
+
−
    text-align: center;
+
−
  }
+
−
  .team-member.media > .pull-left {
+
−
    display: inline;
+
−
    float: none !important;
+
−
    margin-bottom: 20px;
+
−
    margin-right: 0;
+
−
  }
+
−
  .team-member hr {
+
−
    margin: 20px auto;
+
−
    float: none !important;
+
−
  }
+
−
}
+
−
 
+
−
@media screen and (max-width: 480px) {
+
−
  .team {
+
−
    padding-bottom: 0;
+
−
  }
+
−
}
+
−
/* ----------------------------------------------------- */
+
−
/* HELPERS
+
−
/* ----------------------------------------------------- */
+
−
.no-margin {
+
−
  margin: 0 !important;
+
−
}
+
−
 
+
−
.no-padding {
+
−
  padding: 0 !important;
+
−
}
+
−
 
+
−
.margin-bottom-30px {
+
−
  margin-bottom: 30px !important;
+
−
}
+
−
 
+
−
.margin-bottom-50px {
+
−
  margin-bottom: 50px !important;
+
−
}
+
−
</style>
+
−
<!-- jquery -->
+
−
    <script src="https://2017.igem.org/Template:BGIC-Union/jquery-javascript?action=raw&ctype=text/javascript"></script>
+
−
    <!-- hover -->
+
−
<script type="javascript">
+
−
  $(function() {
+
−
       
+
−
       
+
−
            $('.blue').hoverZoom({
+
−
                overlayColor: '#3498db',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            $('.green').hoverZoom({
+
−
                overlayColor: '#1abc9c',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            $('.pink').hoverZoom({
+
−
                overlayColor: '#bd2e75',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            $('.black').hoverZoom({
+
−
                overlayColor: '#2f2f2f',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            $('.alizarin').hoverZoom({
+
−
                overlayColor: '#e74c3c',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            /* USAGE
+
−
           
+
−
            $('#pink').hoverZoom({
+
−
                overlay: true, // false to turn off (default true)
+
−
                overlayColor: '#2e9dbd', // overlay background color
+
−
                overlayOpacity: 0.7, // overlay opacity
+
−
                zoom: 25, // amount to zoom (px)
+
−
                speed: 300 // speed of the hover
+
−
            });
+
−
           
+
−
            */
+
−
           
+
−
        });
+
−
 
+
−
</script>
+
−
    <script type="javascript">
+
−
        $(function() {
+
−
       
+
−
       
+
−
            $('.blue').hoverZoom({
+
−
                overlayColor: '#3498db',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            $('.green').hoverZoom({
+
−
                overlayColor: '#1abc9c',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            $('.pink').hoverZoom({
+
−
                overlayColor: '#bd2e75',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            $('.black').hoverZoom({
+
−
                overlayColor: '#2f2f2f',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            $('.alizarin').hoverZoom({
+
−
                overlayColor: '#e74c3c',
+
−
                zoom: 0
+
−
            });
+
−
           
+
−
            /* USAGE
+
−
           
+
−
            $('#pink').hoverZoom({
+
−
                overlay: true, // false to turn off (default true)
+
−
                overlayColor: '#2e9dbd', // overlay background color
+
−
                overlayOpacity: 0.7, // overlay opacity
+
−
                zoom: 25, // amount to zoom (px)
+
−
                speed: 300 // speed of the hover
+
−
            });
+
−
           
+
−
            */
+
−
           
+
−
        });
+
−
 
+
−
</script>
+
 
 
 +
 +
</div>
 +
 +
  <section >
 +
        <div class="carousel slide" id="carousel-example-generic" data-ride="carousel">
 +
         
  
−
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+
          <div class="carousel-inner">
−
    <!--[if lt IE 9]>
+
          <div class="item active">
−
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+
          <div class="overlay-slide">
−
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
+
          <img src="https://static.igem.org/mediawiki/2017/archive/8/89/20171021063547%21P3%21%21%21.jpg" width="1300px" class="img-responsive">
−
    <![endif]-->
+
          </div>
−
  </head>
+
          <div class="carousel-caption">
 +
              <div class="col-md-12 col-xs-12 text-center">
 +
                      <h1>dCasentry</h1>
 +
              <h3 class="animated2">a <b>dCas9-T7</b>coupled DNA sensor </h3>
 +
              <div class="line"></div>
 +
              <p class="animated3"></p>
 +
              </div>
 +
          </div>
 +
          </div>
  
−
  <body>
+
               
−
 
+
−
    <!-- Static navbar -->
+
−
    <div class="navbar navbar-inverse navbar-static-top">
+
−
      <div class="container">
+
−
        <div class="navbar-header">
+
−
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
−
            <span class="icon-bar"></span>
+
−
            <span class="icon-bar"></span>
+
−
            <span class="icon-bar"></span>
+
−
          </button>
+
−
          <a class="navbar-brand" href="index.html">STANLEY</a>
+
 
         </div>
 
         </div>
−
        <div class="navbar-collapse collapse">
+
  </section>
−
          <ul class="nav navbar-nav navbar-right">
+
    <!--/ Slider end -->
−
            <li><a href="work.html">Work</a></li>
+
    <!--/ Slider end -->
−
            <li><a href="about.html">About</a></li>
+
−
            <li><a href="blog.html">Blog</a></li>
+
−
            <li><a href="contact.html">Contact</a></li>
+
−
          </ul>
+
−
        </div><!--/.nav-collapse -->
+
−
      </div>
+
−
    </div>
+
−
 
+
 
<!-- +++++ Welcome Section +++++ -->
 
<!-- +++++ Welcome Section +++++ -->
 
<div id="ww">
 
<div id="ww">
 
    <div class="container">
 
    <div class="container">
 
<div class="row">
 
<div class="row">
−
<div class="col-lg-8 col-lg-offset-2 centered">
+
<div class="col-lg-8 col-lg-offset-2 ">
−
<img src="assets/img/user.png" alt="Stanley">
+
−
<h1>Hi, I am Stanley!</h1>
+
<div style="height:122px; width:150px; border-radius:50%; overflow:hidden; ">
−
<p>Hello everybody. I'm Stanley, a free handsome bootstrap theme coded by BlackTie.co. A really simple theme for those wanting to showcase their work with a cute & clean style.</p>
+
<img src="https://static.igem.org/mediawiki/2017/d/db/User.png" height="120px" width="150px">
−
<p>Please, consider to register to <a href="http://eepurl.com/IcgkX">our newsletter</a> to be updated with our latest themes and freebies. Like always, you can use this theme in any project freely. Share it with your friends.</p>
+
</div>
−
+
</div><h1 class="center">Hi, I am dCasentry,</h1>
−
</div><!-- /col-lg-8 -->
+
<div class="row">
 +
<div class="col-md-6">
 +
<div>dCasentry: A guardian against Lung Cancer</br>
 +
Lung cancer is one of the deadliest malignant tumors in the world, with highest death rate in China. The most widely used lung cancer detection method nowadays remains biopsy, which may cause pain infection and bruising. However, the technic of liquid biopsy obviates this problem by detecting various factors including circulating tumor DNA (ctDNA) in the blood. ctDNA is a short strand of DNA released from tumor cells that can be deemed as the sign of cancer. Although traditional liquid biopsy avoids many side effects, it requires laboratory apparatus such as PCR instrument during detection. Also, some other ctDNA detection systems fail to overcome the difficulty of the extremely low concentration of ctDNA in the blood. To solve those problems, we developed a new liquid biopsy method using dCas9 protein with a much simple procedure while increase the signal with various kinds of output. We hope to adopt free-dried paper chip as our vector of detecting system to simplify its operation as well as storage. Finally, the product will be presented as a kit that contains all the items you needed for convenient machine-free detection.
 +
</br>
 +
<i>Please, click <a href="https://2017.igem.org/Team:BGIC-Union/Project"> here </a> and know more about me as well as the product!</i> </div>
 +
</div>
 +
<div class="col-md-6">
 +
<img src="https://static.igem.org/mediawiki/2017/7/79/FigureDemo.jpg" width="500px" /></div></div><!-- /col-lg-8 -->
 
</div><!-- /row -->
 
</div><!-- /row -->
 
    </div> <!-- /container -->
 
    </div> <!-- /container -->
 
</div><!-- /ww -->
 
</div><!-- /ww -->
−
     <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
+
      
−
+
−
+
 
<!-- +++++ Projects Section +++++ -->
 
<!-- +++++ Projects Section +++++ -->
 
 
 
<div class="container pt">
 
<div class="container pt">
−
<div class="row mt centered">
+
<div class="row mt ">
 
<div class="col-lg-4">
 
<div class="col-lg-4">
−
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port01.jpg" alt="" /></a>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/6/64/Bgicbiosafety.png" width="200px" height="150px"></img></a>
−
<p>APE</p>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Best Parts </a></h4>
 
</div>
 
</div>
 
<div class="col-lg-4">
 
<div class="col-lg-4">
−
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port02.jpg" alt="" /></a>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/26/Applieddesignlogo.png" width="200px" height="150px"></img></a>
−
<p>RAIDERS</p>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">Applied Design</a></h4>
 
</div>
 
</div>
 
<div class="col-lg-4">
 
<div class="col-lg-4">
−
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port03.jpg" alt="" /></a>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f0/Gold_bgic.png" width="200px" height="150px"></img></a>
−
<p>VIKINGS</p>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Gold_Integrated">Integrated Human Practice</a></h4>
 
</div>
 
</div>
 
</div><!-- /row -->
 
</div><!-- /row -->
−
<div class="row mt centered">
+
<div class="row mt">
 
<div class="col-lg-4">
 
<div class="col-lg-4">
−
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port04.jpg" alt="" /></a>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/21/Bgicpublicengagement.png " width="200px" height="150px"></img></a>
−
<p>YODA</p>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">Education & Public Engagement</a></h4>
 
</div>
 
</div>
 
<div class="col-lg-4">
 
<div class="col-lg-4">
−
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port05.jpg" alt="" /></a>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/7/7c/Entreprenuershipbgic.png" width="200px" height="150px"></img></a>
−
<p>EMPERORS</p>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Entreprenuership">Entreprenuership</a></h4>
 
</div>
 
</div>
 
<div class="col-lg-4">
 
<div class="col-lg-4">
−
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port06.jpg" alt="" /></a>
+
<img class="img-responsive" src="https://static.igem.org/mediawiki/2017/4/48/Bgicmodel.png " width="200px" height="150px"></img></a>
−
<p>CHIEFS</p>
+
<h4><a href="https://2017.igem.org/Team:BGIC-Union/Model">Model</a></h4>
 
</div>
 
</div>
 
</div><!-- /row -->
 
</div><!-- /row -->
Line 2,567: Line 420:
 
 
 
 
−
<!-- +++++ Footer Section +++++ -->
 
 
 
−
<div id="footer">
 
−
<div class="container">
 
−
<div class="row">
 
−
<div class="col-lg-4">
 
−
<h4>My Bunker</h4>
 
−
<p>
 
−
Some Address 987,<br/>
 
−
+34 9054 5455, <br/>
 
−
Madrid, Spain.
 
−
</p>
 
−
</div><!-- /col-lg-4 -->
 
−
 
−
<div class="col-lg-4">
 
−
<h4>My Links</h4>
 
−
<p>
 
−
<a href="#">Dribbble</a><br/>
 
−
<a href="#">Twitter</a><br/>
 
−
<a href="#">Facebook</a>
 
−
</p>
 
−
</div><!-- /col-lg-4 -->
 
−
 
−
<div class="col-lg-4">
 
−
<h4>About Stanley</h4>
 
−
<p>This cute theme was created to showcase your work in a simple way. Use it wisely.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
 
−
</div><!-- /col-lg-4 -->
 
−
 
−
</div>
 
−
 
−
</div>
 
 
</div>
 
</div>
−
 
  
 
    
 
    
−
    <script src="https://2017.igem.org/Template:BGIC-Union/bootstrap-min-javascript?action=raw&ctype=text/javascript"></script>
+
 
 
   </body>
 
   </body>
 +
 +
 +
 +
     
 +
 
</html>
 
</html>

Latest revision as of 13:11, 2 December 2017

Team：BGIC-Union

Hi, I am dCasentry,

dCasentry: A guardian against Lung Cancer
Lung cancer is one of the deadliest malignant tumors in the world, with highest death rate in China. The most widely used lung cancer detection method nowadays remains biopsy, which may cause pain infection and bruising. However, the technic of liquid biopsy obviates this problem by detecting various factors including circulating tumor DNA (ctDNA) in the blood. ctDNA is a short strand of DNA released from tumor cells that can be deemed as the sign of cancer. Although traditional liquid biopsy avoids many side effects, it requires laboratory apparatus such as PCR instrument during detection. Also, some other ctDNA detection systems fail to overcome the difficulty of the extremely low concentration of ctDNA in the blood. To solve those problems, we developed a new liquid biopsy method using dCas9 protein with a much simple procedure while increase the signal with various kinds of output. We hope to adopt free-dried paper chip as our vector of detecting system to simplify its operation as well as storage. Finally, the product will be presented as a kit that contains all the items you needed for convenient machine-free detection.
Please, click here and know more about me as well as the product!

Best Parts

Applied Design

Integrated Human Practice

Education & Public Engagement

Entreprenuership

Model