Difference between revisions of "Team:BGIC-Union"

m
m
Line 1: Line 1:
  
 
<html lang="en">
 
<html lang="en">
 +
  <head>
 +
    <meta charset="utf-8">
 +
 
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
−
<head>
 
  
−
     <title>Team：BGIC-Union</title>
+
     <title></title>
  
−
    <meta charset="utf-8">
+
     <!-- Bootstrap core CSS -->
−
    <meta name="viewport">
+
     <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&ctype=text/css" rel="stylesheet">
−
     <!-- JAVASCRIPTS -->
+
 
−
 
+
    <!-- main -->
−
     <script src="https://2017.igem.org/Template:BGIC-Union/slick-javascript?action=raw&ctype=text/javascript"></script>
+
     <style type="text/css">
−
     <script src="https://2017.igem.org/Template:BGIC-Union/stellar-min-javascript?action=raw&ctype=text/javascript"></script>
+
@charset "UTF-8";
−
     <script src="https://2017.igem.org/Template:BGIC-Union/r-javascript?action=raw&ctype=text/javascript"></script>
+
 
 +
/* ----------------------------------------------------- */
 +
/* GENERAL STYLES
 +
/* ----------------------------------------------------- */
 +
body {
 +
  font-family: "Open Sans", sans-serif;
 +
  font-size: 13px;
 +
  color: #7b7b7b;
 +
  line-height: 1.6;
 +
}
 +
 
 +
h1, h2, h3, h4, h5, h6 {
 +
  margin-top: 5px;
 +
  font-family: "Roboto Condensed", sans-serif;
 +
  color: #656565;
 +
}
 +
 
 +
section {
 +
  margin-bottom: 60px;
 +
}
 +
 
 +
a {
 +
  color: #406da4;
 +
}
 +
a:hover, a:focus {
 +
  color: #355987;
 +
  text-decoration: none;
 +
}
 +
 
 +
a,
 +
a:focus,
 +
a:hover,
 +
a:active,
 +
button,
 +
button:hover {
 +
  outline: 0 !important;
 +
}
 +
 
 +
hr {
 +
  border-color: #eaeaea;
 +
}
 +
 
 +
/* wrapper */
 +
.wrapper {
 +
  background: #fff;
 +
}
 +
 
 +
.full-width-section {
 +
  padding: 100px 0;
 +
  background-color: #406da4;
 +
}
 +
 
 +
.widget-title {
 +
  font-size: 18px;
 +
}
 +
 
 +
.section-heading {
 +
  margin-bottom: 20px;
 +
  font-size: 22px;
 +
}
 +
.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 */
 +
.page-header {
 +
  padding: 5px 0;
 +
  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;
 +
  }
 +
  .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;
 +
}
 +
 
 +
/* ----------------------------------------------------- */
 +
/* 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;
 +
  }
 +
  .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 */
 +
ul.social-icons li a {
 +
  -moz-border-radius: 3px;
 +
  -webkit-border-radius: 3px;
 +
  border-radius: 3px;
 +
  display: block;
 +
  width: 50px;
 +
  height: 50px;
 +
  font-size: 24px;
 +
  color: #fff;
 +
  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 */
 +
.newsletter-form {
 +
  margin-top: 20px;
 +
}
 +
.newsletter-form .form-control {
 +
  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 {
 +
  margin-bottom: 40px;
 +
}
 +
 
 +
/* sharing tools */
 +
.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;
 +
    margin-bottom: 10px;
 +
    margin-right: 0;
 +
  }
 +
  .number-info.horizontal p {
 +
    text-align: center;
 +
  }
 +
}
 +
 
 +
/* latest news */
 +
.news-item img {
 +
  width: 140px;
 +
}
 +
.news-item .right {
 +
  padding-left: 150px;
 +
}
 +
.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 {
 +
  width: 100%;
 +
  margin-bottom: 15px;
 +
}
 +
.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 {
 +
  border: 1px solid #e4e4e4;
 +
  font-size: 16px;
 +
  text-align: center;
 +
}
 +
.see-all-news a {
 +
  display: block;
 +
  padding: 30px 0;
 +
}
 +
 
 +
@media screen and (max-width: 480px) {
 +
  .news-item img {
 +
    float: none !important;
 +
    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 {
 +
  margin: 0;
 +
  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 {
 +
  margin-bottom: 0;
 +
}
 +
 
 +
.portfolio-static {
 +
  margin: 0 10px;
 +
}
 +
.portfolio-static .portfolio-item {
 +
  margin-left: -10px;
 +
  margin-right: -10px;
 +
}
 +
 
 +
/* portfolio with slick carousel */
 +
/* portfolio list with isotope filter */
 +
.isotope-item {
 +
  z-index: 2;
 +
}
 +
 
 +
.isotope-hidden.isotope-item {
 +
  pointer-events: none;
 +
  z-index: 1;
 +
}
 +
 
 +
/* Isotope CSS3 transitions */
 +
.isotope, .isotope .isotope-item {
 +
  -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 */
 +
.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 */
 +
.portfolio-item-filters {
 +
  text-align: center;
 +
  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 */
 +
.portfolio-item-wrapper {
 +
  -moz-transition: height 0.3s ease-in-out;
 +
  -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 */
 +
.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 {
 +
  margin-bottom: 25px;
 +
}
 +
.project-detail-list > li {
 +
  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 */
 +
.blogposts, .recent-comments {
 +
  margin-bottom: 0;
 +
}
 +
.blogposts li, .recent-comments li {
 +
  margin-bottom: 20px;
 +
}
 +
.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 */
 +
.recent-comments img {
 +
  width: 40px;
 +
  height: 40px;
 +
}
 +
.recent-comments .media-heading {
 +
  font-family: inherit;
 +
  font-size: 13px;
 +
  line-height: 1.3;
 +
}
 +
 
 +
.category-list li a {
 +
  display: block;
 +
  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 {
 +
  padding-left: 10px;
 +
  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 */
 +
.blog.single .section-heading {
 +
  margin-top: 0;
 +
  font-family: inherit;
 +
  font-size: 21px;
 +
  font-weight: 600;
 +
}
 +
 
 +
.social-sharing .section-heading {
 +
  display: inline-block;
 +
  vertical-align: middle;
 +
  *vertical-align: auto;
 +
  *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 {
 +
  font-size: 18px;
 +
}
 +
 
 +
/* 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 */
 +
.comments .media-left {
 +
  float: left;
 +
}
 +
.comments .avatar {
 +
  -moz-border-radius: 50%;
 +
  -webkit-border-radius: 50%;
 +
  border-radius: 50%;
 +
  display: block;
 +
  width: 45px;
 +
  height: 45px;
 +
}
 +
.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;
 +
}
 +
 
 +
/* --------------*/
 +
/* TYPOGRAPHY
 +
/* -------------*/
 +
.text-body-color {
 +
  color: #7b7b7b !important;
 +
}
 +
 
 +
.text-white-color {
 +
  color: #fff;
 +
}
 +
 
 +
.text-dashed {
 +
  border-bottom: 1px dashed #7b7b7b;
 +
}
 +
 
 +
.text-accent-color {
 +
  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>
 
     <script src="https://2017.igem.org/Template:BGIC-Union/jquery-javascript?action=raw&ctype=text/javascript"></script>
−
<!-- CSS -->
+
     <!-- hover -->
−
+
<script type="javascript">
−
<link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
  $(function() {
−
     <link href="https://2017.igem.org/Template:BGIC-Union/fontawesome-css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
−
    <link href="https://2017.igem.org/Template:BGIC-Union/main-css?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
+
−
   
+
−
<!-- IE 9 Fallback-->
+
−
    <!--[if IE 9]>
+
−
<link href="2017.igem.org/Team:BGIC-Union/css/ie.css" rel="stylesheet">
+
−
<![endif]-->
+
−
    <!-- GOOGLE FONTS -->
+
−
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,700' rel='stylesheet' type='text/css'>
+
−
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300italic,400italic,700,400,300' rel='stylesheet' type='text/css'>
+
−
   
+
−
</head>
+
−
<body>
+
−
+
−
    <!-- WRAPPER -->
+
−
    <div class="wrapper">
+
−
        <!-- MENU -->
+
−
        <nav class="navbar navbar-default " role="navigation">
+
−
            <div class="container">
+
−
                <div class="navbar-header">
+
−
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-nav">
+
−
                        <span class="sr-only">Toggle Navigation</span>
+
−
                        <i class="fa fa-bars"></i>
+
−
                    </button>
+
−
                    <a href="index.html" class="navbar-brand navbar-logo">
+
−
                        <img src="https://static.igem.org/mediawiki/2017/2/2c/Repute-logo-nav.png" height="32px" width="100px">
+
−
                    </a>
+
−
                </div>
+
−
                <!-- MAIN NAVIGATION -->
+
−
                <div id="main-nav" class="navbar-collapse collapse navbar-mega-menu">
+
−
                    <ul class="nav navbar-nav navbar-right">
+
−
                        <li class="dropdown active">
+
−
                            <a href="https://2017.igem.org/Team:BGIC-Union" class="dropdown-toggle" data-toggle="dropdown">HOME <i class="fa fa-angle-down"></i></a>
+
−
                            <ul class="dropdown-menu" role="menu">
+
−
                                <li class="active"><a href="https://2017.igem.org/Team:BGIC-Union">Home</a></li>
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union">abstract</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li class="dropdown ">
+
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown">TEAM <i class="fa fa-angle-down"></i></a>
+
−
                            <ul class="dropdown-menu" role="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/Team">collaborations</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Team">sponsors</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Team">attributions</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li class="dropdown ">
+
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown">RPOJECT <i class="fa fa-angle-down"></i></a>
+
−
                            <ul class="dropdown-menu" role="menu">
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">problems</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">our design</a></li>
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">results</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Project">interlab</a></li>
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">references</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li class="dropdown ">
+
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Notebook" class="dropdown-toggle" data-toggle="dropdpage-contacts.htmlown">NOTEBOOK <i class="fa fa-angle-down"></i></a>
+
−
                            <ul class="dropdown-menu" role="menu">
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">protocol</a></li>
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">lab journal</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">activity diary</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">safety</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
                        <li class="dropdown ">
+
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Achievements" class="dropdown-toggle" data-toggle="dropdown">ACHIEVEMENTS <i class="fa fa-angle-down"></i></a>
+
−
                            <ul class="dropdown-menu" role="menu">
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">parts</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">improvements</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">applications</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">provision</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
<li class="dropdown ">
+
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design" class="dropdown-toggle" data-toggle="dropdown">PRACTICES&DESIGN<i class="fa fa-angle-down"></i></a>
+
−
                            <ul class="dropdown-menu" role="menu">
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">education</a></li>
+
−
                                <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">discussion</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">introspection</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">promotion</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">arts</a></li>
+
−
<li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">modelling</a></li>
+
−
                            </ul>
+
−
                        </li>
+
−
<li class="dropdown ">
+
−
                            <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" class="dropdown-toggle" data-toggle="dropdown">EVALUATION <i class="fa fa-angle-down"></i></a>
+
−
                        </li>
+
−
+
−
                    </ul>
+
−
                </div>
+
−
            </div>
+
−
        </nav>
+
−
        <!-- END MENU -->
+
 
          
 
          
−
+
       
−
<!-- SLIDERS -->
+
             $('.blue').hoverZoom({
−
        <section class="hero-unit-slider slider-responsive no-margin">
+
                 overlayColor: '#3498db',
−
             <div id="carousel-hero" class="slick-carousel">
+
                zoom: 0
−
                 <div class="carousel-inner" role="listbox">
+
            });
−
                    <div class="item active">
+
           
−
                        <img src="https://static.igem.org/mediawiki/2017/5/51/BGIC-Union_slider2-h500.png" class="img-responsive" height="500px" width="1600px">
+
            $('.green').hoverZoom({
−
                        <div class="carousel-caption">
+
                overlayColor: '#1abc9c',
−
                            <h2 class="hero-heading">dCasKnight</h2>
+
                zoom: 0
−
                            <p class="lead">A paired dCas9-T7 coupled biosensor </p>
+
            });
−
                            <a href="#" class="btn btn-lg hero-button">LEARN MORE</a>
+
           
−
                        </div>
+
            $('.pink').hoverZoom({
−
                    </div>
+
                overlayColor: '#bd2e75',
−
                    <div class="item">
+
                zoom: 0
−
                        <img src="assets/img/sliders/slider2-h500.png" class="img-responsive" alt="Slider Image">
+
            });
−
                        <div class="carousel-caption">
+
           
−
                            <h2 class="hero-heading">From Shenzhen BGIC with Love</h2>
+
            $('.black').hoverZoom({
−
                            <p class="lead">A united team with members from eight cities</p>
+
                overlayColor: '#2f2f2f',
−
                            <a href="#" class="btn btn-lg hero-button">KNOW US</a>
+
                zoom: 0
−
                    </div>
+
            });
−
</div>
+
           
−
                    <div class="item">
+
            $('.alizarin').hoverZoom({
−
                        <img src="assets/img/sliders/slider1-h500.png" class="img-responsive" alt="Slider Image">
+
                overlayColor: '#e74c3c',
−
                        <div class="carousel-caption">
+
                 zoom: 0
−
                            <h2 class="hero-heading1">Future provision</h2>
+
             });
−
                            <p class="lead2">We learn about cancer diagonosis, bio-containment and more</p>
+
           
−
                            <a href="#" class="btn btn-lg hero-button1">HAVE A LOOK</a>
+
            /* USAGE
−
                        </div>
+
           
−
                    </div>
+
             $('#pink').hoverZoom({
−
                 </div>
+
                 overlay: true, // false to turn off (default true)
−
             </div>
+
                overlayColor: '#2e9dbd', // overlay background color
−
        </section>
+
                overlayOpacity: 0.7, // overlay opacity
−
        <!-- END SLIDERS -->
+
                zoom: 25, // amount to zoom (px)
−
   
+
                speed: 300 // speed of the hover
−
<section height="500px">
+
            });
−
</section>
+
           
−
        <!-- INTRO -->
+
            */
−
        <section>
+
           
−
             <div class="container">
+
        });
−
                 <div class="row">
+
−
                    <div class="col-md-6">
+
−
                        <h2 class="section-heading">DESCRIPTION</h2>
+
−
                        <p class="lead">
+
−
<p>
+
−
Cancer is one of the most deadly diseases in the world. Cancer accounts for more than 8.8 million deaths in 2015. Lung cancer, one of the top five cancers, took away 1.69 million lives in 2015. Although medicine and cancer treatments have been highly developed overtime, it is still difficult to diagnose and cure lung cancer in its early stage, particularly for non-small cell lung cancer (NSCLC).
+
−
</P>
+
−
<P>
+
−
Our main task is to construct a test paper that contains a powerful biosensor capable of detecting any DNA sequence. The biosensor, which is composed by dcas9 and T7 polymerase coupled system, can act like a smart automatic switch. When the test paper detects a particular DNA sequence, it then releases a visible signal.
+
  
−
For diagnosing NSCLC cancer, we will use our biosensor to detect the fusion gene EML4-ALK, which is thought to have huge connections with lung cancer. The formation of this protein has to do with the alteration that occurred in the chromosomes. The alteration means one small piece of chromosome mysteriously going to the tail of another chromosome. If we are able to use our dcas9 and T7 polymerase coupled system to find EML4-ALK effectively and identify it at an early stage, then we will be creating a faster and safer cancer diagnostic process and immensely help people in pain with NSCLC cancer or even other types of cancers.  
+
</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>
 +
 +
 
 +
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!--[if lt IE 9]>
 +
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
 +
    <![endif]-->
 +
  </head>
 +
 
 +
  <body>
  
−
</p>
+
    <!-- Static navbar -->
−
                    </div>
+
    <div class="navbar navbar-inverse navbar-static-top">
−
                    <div class="col-md-6">
+
      <div class="container">
−
                        <img src="https://static.igem.org/mediawiki/2017/1/1b/BGIC-Union_intro-img.png" class="img-responsive" alt="Image Intro">
+
         <div class="navbar-header">
−
                    </div>
+
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
−
                </div>
+
             <span class="icon-bar"></span>
−
            </div>
+
            <span class="icon-bar"></span>
−
        </section>
+
            <span class="icon-bar"></span>
−
        <!-- END INTRO -->
+
          </button>
−
        <!-- GOOD POINTS-->
+
          <a class="navbar-brand" href="index.html">STANLEY</a>
−
        <section>
+
        </div>
−
            <div class="container">
+
        <div class="navbar-collapse collapse">
−
                <div class="row">
+
          <ul class="nav navbar-nav navbar-right">
−
                    <div class="col-md-6">
+
            <li><a href="work.html">Work</a></li>
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
            <li><a href="about.html">About</a></li>
−
                            <i class="fa fa-flag"></i>
+
            <li><a href="blog.html">Blog</a></li>
−
                            <h2 class="boxed-content-title">IMPROVED DESIGN</h2>
+
            <li><a href="contact.html">Contact</a></li>
−
                            <p> Based on...we improved</p>
+
          </ul>
−
                        </div>
+
        </div><!--/.nav-collapse -->
−
                    </div>
+
      </div>
−
                    <div class="col-md-6">
+
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
−
                            <i class="fa fa-globe"></i>
+
−
                            <h2 class="boxed-content-title">SOCIAL OUTREACH</h2>
+
−
                            <p>We held...</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="col-md-6">
+
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
−
                            <i class="fa fa-cog"></i>
+
−
                            <h2 class="boxed-content-title">NEW APPLICATION</h2>
+
−
                            <p>Our design can be applied to ...</p>
+
−
                        </div>
+
−
                    </div>
+
−
                    <div class="col-md-6">
+
−
                        <div class="boxed-content left-aligned left-boxed-icon">
+
−
                            <i class="fa fa-users"></i>
+
−
                            <h2 class="boxed-content-title">EFFCTIVE COLLABORATION</h2>
+
−
                            <p>We have discussions with....</p>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
         </section>
+
−
        <!-- END GOOD POINTS -->
+
−
        <!-- DEMONSTRATION -->
+
−
        <section>
+
−
            <div class="container">
+
−
                <h2 class="section-heading sr-only">DEMONSTRATION</h2>
+
−
                <div class="tab-content">
+
−
                    <div class="tab-pane fade in active text-center" id="tab-bottom1">
+
−
                        <img src="assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Ultra Responsive">
+
−
                        <h3 class="text-accent-color">DETECTION</h3>
+
−
                        <p class="lead">dCas9 sgRNA </p>
+
−
                    </div>
+
−
                    <div class="tab-pane fade text-center" id="tab-bottom2">
+
−
                        <img src="assets/img/hero-unit-obj3.png" class="img-responsive center-block margin-bottom-30px" alt="Easy to Customize">
+
−
                        <h3 class="text-accent-color">SIGNALING</h3>
+
−
                        <p class="lead">FLUC</p>
+
−
                    </div>
+
−
                    <div class="tab-pane fade text-center" id="tab-bottom3">
+
−
                        <img src="assets/img/hero-unit-obj.png" class="img-responsive center-block margin-bottom-30px" alt="Clean and Elegant Design">
+
−
                        <h3 class="text-accent-color">ANALYSIS</h3>
+
−
                        <p class="lead"> DATA</p>
+
−
                    </div>
+
−
                    <div class="tab-pane fade text-center" id="tab-bottom4">
+
−
                        <img src="assets/img/free.png" class="img-responsive center-block margin-bottom-30px" alt="Free Updates and Support">
+
−
                        <h3 class="text-accent-color">TREATMENT</h3>
+
−
                        <p class="lead">treatment</p>
+
−
                    </div>
+
−
                </div>
+
−
                <div class="custom-tabs-line tabs-line-top">
+
−
                    <ul class="nav" role="tablist">
+
−
                        <li class="active"><a href="#tab-bottom1" role="tab" data-toggle="tab">DETECTION</a></li>
+
−
                        <li><a href="#tab-bottom2" role="tab" data-toggle="tab">SIGNALING</a></li>
+
−
                        <li><a href="#tab-bottom3" role="tab" data-toggle="tab">ANALYSIS</a></li>
+
−
                        <li><a href="#tab-bottom4" role="tab" data-toggle="tab">TREATMENT</a></li>
+
−
                    </ul>
+
−
                </div>
+
−
             </div>
+
−
        </section>
+
−
        <!-- END DEMONSTRATION -->
+
−
        <!-- FOOTER -->
+
−
        <footer>
+
−
            <div class="container">
+
−
                <div class="row">
+
−
                    <div class="col-md-4">
+
−
                        <!-- INFO -->
+
−
                        <h3 class="sr-only">ABOUT US</h3>
+
−
                        <img src="https://static.igem.org/mediawiki/2017/d/de/Repute-logo-light.png" class="logo" >
+
−
                        <p>CONTACT US</p>
+
−
                        <br>
+
−
                        <address class="margin-bottom-30px">
+
−
                            <ul class="list-unstyled">
+
−
                                <li>F12 BGI-College，146 Beishan Road，Yantian District 518083
+
−
                                    <br/> Shenzhen，Guangdong Province, China，Asia</li>
+
−
                                <li>Phone:+86-755-36307888</li>
+
−
                                <li>Email: info@genomics.cn</li>
+
−
<li>Fax:+86-755-36307273</li>
+
−
                            </ul>
+
−
                        </address>
+
−
                        <!-- END INFO -->
+
−
                    </div>
+
−
                    <div class="col-md-4">
+
−
                        <!-- QUICK LINKS -->
+
−
                        <h3 class="footer-heading">QUICK LINKS</h3>
+
−
                        <div class="row margin-bottom-30px">
+
−
                            <div class="col-xs-6">
+
−
                                <ul class="list-unstyled footer-nav">
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union">Home</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">Description</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">Design</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">Experiments
+
−
                            </div>
+
−
                            <div class="col-xs-6">
+
−
                                <ul class="list-unstyled footer-nav">
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">Notebook</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Project">Results</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Achievements">Parts</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">Safety</a></li>
+
−
                                    <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices&Design">Human Practice Summary</a></li>
+
−
                                </ul>
+
−
                            </div>
+
−
                        </div>
+
−
                        <!--END QUICK LINKS -->
+
−
                    </div>
+
−
                    <div class="col-md-4">
+
−
                        <!-- CONTACT -->
+
−
                        <div class="social-connect">
+
−
                            <h3 class="footer-heading">GET CONNECTED</h3>
+
−
                            <ul class="list-inline social-icons">
+
−
+
−
+
−
                                <li><a href="#" class="twitter-bg"><i class="fa fa-twitter"></i></a></li>
+
−
                            </ul>
+
−
                        </div>
+
−
                        <!-- END CONTACT -->
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </footer>
+
−
        <!-- END FOOTER -->
+
 
     </div>
 
     </div>
−
    <!-- END WRAPPER -->
 
−
 
 
  
−
+
<!-- +++++ Welcome Section +++++ -->
−
</body>
+
<div id="ww">
−
+
    <div class="container">
−
+
<div class="row">
 +
<div class="col-lg-8 col-lg-offset-2 centered">
 +
<img src="assets/img/user.png" alt="Stanley">
 +
<h1>Hi, I am Stanley!</h1>
 +
<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>
 +
<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><!-- /col-lg-8 -->
 +
</div><!-- /row -->
 +
    </div> <!-- /container -->
 +
</div><!-- /ww -->
 +
    <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
 +
 +
 +
<!-- +++++ Projects Section +++++ -->
 +
 +
<div class="container pt">
 +
<div class="row mt centered">
 +
<div class="col-lg-4">
 +
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port01.jpg" alt="" /></a>
 +
<p>APE</p>
 +
</div>
 +
<div class="col-lg-4">
 +
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port02.jpg" alt="" /></a>
 +
<p>RAIDERS</p>
 +
</div>
 +
<div class="col-lg-4">
 +
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port03.jpg" alt="" /></a>
 +
<p>VIKINGS</p>
 +
</div>
 +
</div><!-- /row -->
 +
<div class="row mt centered">
 +
<div class="col-lg-4">
 +
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port04.jpg" alt="" /></a>
 +
<p>YODA</p>
 +
</div>
 +
<div class="col-lg-4">
 +
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port05.jpg" alt="" /></a>
 +
<p>EMPERORS</p>
 +
</div>
 +
<div class="col-lg-4">
 +
<a class="zoom green" href="work01.html"><img class="img-responsive" src="assets/img/portfolio/port06.jpg" alt="" /></a>
 +
<p>CHIEFS</p>
 +
</div>
 +
</div><!-- /row -->
 +
</div><!-- /container -->
 +
 +
 +
<!-- +++++ 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>
 +
  
−
+
 
 +
    <script src="https://2017.igem.org/Template:BGIC-Union/bootstrap-min-javascript?action=raw&ctype=text/javascript"></script>
 +
  </body>
 
</html>
 
</html>

Revision as of 20:47, 28 August 2017

STANLEY
Stanley

Hi, I am Stanley!

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.

Please, consider to register to our newsletter 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.

Collect from 企业网站模板

APE

RAIDERS

VIKINGS

YODA

EMPERORS

CHIEFS