diff --git a/assets/css/hallooou.css b/assets/css/hallooou.css
index 653e16d..eee46e6 100644
--- a/assets/css/hallooou.css
+++ b/assets/css/hallooou.css
@@ -6,7 +6,6 @@ Version: 1.0
 
 */
 
-
 /*  ----------------------------------------------
             CSS TABLE OF CONTENTS
     ------------------------------------------------- */
@@ -36,11 +35,6 @@ Version: 1.0
 /*
 ----------------------------------------------------- */
 
-
-
-
-
-
 /* 1:   Pre-loader -  Need more customizations? Visit-> http://github.hubspot.com/pace/docs/welcome/ 
 /* ---------------------------------------------- */
 
@@ -58,9 +52,9 @@ Version: 1.0
   -webkit-transform: translate3d(0, -50px, 0);
   -ms-transform: translate3d(0, -50px, 0);
   transform: translate3d(0, -50px, 0);
-  -webkit-transition: -webkit-transform .5s ease-out;
-  -ms-transition: -webkit-transform .5s ease-out;
-  transition: transform .5s ease-out;
+  -webkit-transition: -webkit-transform 0.5s ease-out;
+  -ms-transition: -webkit-transform 0.5s ease-out;
+  transition: transform 0.5s ease-out;
 }
 
 .pace.pace-active {
@@ -81,432 +75,424 @@ Version: 1.0
   pointer-events: none;
 }
 
-
-
 /* 2:   Default styles
 /* ---------------------------------------------- */
 
 html,
 body {
-    width: 100%;
-    height: 100%;
+  width: 100%;
+  height: 100%;
 }
 
 body {
-    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-weight: 300;
-    color: #4B4847; /* Can be changed via colors.css */
-    background-color: #fff;
-    letter-spacing: 1px;
-    text-align: center;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 300;
+  color: #4b4847; /* Can be changed via colors.css */
+  background-color: #fff;
+  letter-spacing: 1px;
+  text-align: center;
 }
 
-
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
-    margin: 0 0 20px 0;
-    text-transform: none;
-    color: #ff00b1; /* Primary color, can be changed via colors.css */
-    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-weight: 600;
-    letter-spacing: 1px;
-    line-height: 1.5;
-    text-align: center;
+  margin: 0 0 20px 0;
+  text-transform: none;
+  color: #ff00b1; /* Primary color, can be changed via colors.css */
+  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  letter-spacing: 1px;
+  line-height: 1.5;
+  text-align: center;
 }
 
 p {
-    margin: 0 0 25px;
-    font-size: 18px;
-    line-height: 1.5;
-    text-align: justify;
+  margin: 0 0 25px;
+  font-size: 18px;
+  line-height: 1.5;
+  text-align: justify;
 }
 
-
 a {
-    color: #fff;
-    -webkit-transition: all .2s ease-in-out;
-    -moz-transition: all .2s ease-in-out;
-    transition: all .2s ease-in-out;
+  color: #fff;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
 }
 
 a:hover,
 a:focus {
-    text-decoration: none;
-    color: #931ed1; /* Primary color, can be changed via colors.css */
+  text-decoration: none;
+  color: #931ed1; /* Primary color, can be changed via colors.css */
 }
 
 .light {
-    font-weight: 100;
+  font-weight: 100;
 }
 
-.white{
-    color:#fff;
+.white {
+  color: #fff;
 }
 
-.gray{
-    color:#4B4847;
-    font-weight: 600;
+.gray {
+  color: #4b4847;
+  font-weight: 600;
 }
 
-.buffer-twenty{
-    margin:20px 0;
+.buffer-twenty {
+  margin: 20px 0;
 }
 
-.buffer-twenty-top{
-    margin-top: 20px;
+.buffer-twenty-top {
+  margin-top: 20px;
 }
 
-.buffer-twenty-bottom{
-    margin-bottom: 20px;
+.buffer-twenty-bottom {
+  margin-bottom: 20px;
 }
 
-.buffer-forty{
-    margin:40px 0;
+.buffer-forty {
+  margin: 40px 0;
 }
 
-.buffer-forty-top{
-    margin-top: 40px;
+.buffer-forty-top {
+  margin-top: 40px;
 }
 
-.no-bottom-pad{
-    padding-bottom: 0 !important;
+.no-bottom-pad {
+  padding-bottom: 0 !important;
 }
 
-.no-top-pad{
-    padding-top: 0 !important;
+.no-top-pad {
+  padding-top: 0 !important;
 }
 
-.highlight{
-    font-weight: 700;
-    color: #ff00b1; /* Primary color, can be changed via colors.css */
+.highlight {
+  font-weight: 700;
+  color: #ff00b1; /* Primary color, can be changed via colors.css */
 }
 
-.list-ord{
-    list-style: none;
-    margin:0;
-    padding: 10px 0;
-    font-size: 16px;
-    line-height: 28px;
+.list-ord {
+  list-style: none;
+  margin: 0;
+  padding: 10px 0;
+  font-size: 16px;
+  line-height: 28px;
 }
 
-.no-bg{
-    background: none !important;
+.no-bg {
+  background: none !important;
 }
 
-
 /* 3:   Common section styles
 /* ---------------------------------------------- */
 
 .content-section {
-    padding: 100px 0;
+  padding: 100px 0;
 }
 
-.content-section.alt-bg{
-    background-color: #222;
+.content-section.alt-bg {
+  background-color: #222;
 }
 
-.content-section.alt-bg-light{
-    background-color: #fafafa;
-    border-top:1px solid #f5f5f5;
-    border-bottom:1px solid #d2d2d2;
+.content-section.alt-bg-light {
+  background-color: #fafafa;
+  border-top: 1px solid #f5f5f5;
+  border-bottom: 1px solid #d2d2d2;
 }
 
-.caption{
-    font-weight: 100;
-    /*font-size: 32px;*/
-    color: #000;
+.caption {
+  font-weight: 100;
+  /*font-size: 32px;*/
+  color: #000;
 }
 
-.text-center{
-    text-align: center;
+.text-center {
+  text-align: center;
 }
 
-.align-middle{
-    margin:0 auto;
+.align-middle {
+  margin: 0 auto;
 }
 
-.sans-border{
-    border-radius: 0;
+.sans-border {
+  border-radius: 0;
 }
 
-.sans-shadow{
-    box-shadow: none;
+.sans-shadow {
+  box-shadow: none;
 }
 
-blockquote { 
-    display: block;
-    font-size: 22px;
-    position: relative; 
-    padding-left: 90px;
-    color: #931ed1;
-    border-color: #931ed1;
+blockquote {
+  display: block;
+  font-size: 22px;
+  position: relative;
+  padding-left: 90px;
+  color: #931ed1;
+  border-color: #931ed1;
 }
- 
+
 blockquote:before {
-    content: "\f10d";
-    font-size: 55px; 
-    font-family: FontAwesome;
-    position: absolute;
-    top: -4px;
-    left: 20px;
+  content: "\f10d";
+  font-size: 55px;
+  font-family: FontAwesome;
+  position: absolute;
+  top: -4px;
+  left: 20px;
 }
 
-blockquote span:before{
-    content:'--';
-    padding: 0 10px 0 0;
+blockquote span:before {
+  content: "--";
+  padding: 0 10px 0 0;
 }
 
-blockquote span{
-    padding: 10px 0;
-    display: block;
-    font-size: 16px;
-    color: #999;
+blockquote span {
+  padding: 10px 0;
+  display: block;
+  font-size: 16px;
+  color: #999;
 }
 
 /* 4:   Navigation
 /* ---------------------------------------------- */
 
 .navbar-custom {
-    margin-bottom: 0;
-    text-transform: none;
-    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-weight: 600;
-    -webkit-transition: background .5s ease-in-out;
-   -moz-transition: background .5s ease-in-out;
-        transition: background .5s ease-in-out;
+  margin-bottom: 0;
+  text-transform: none;
+  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-weight: 600;
+  -webkit-transition: background 0.5s ease-in-out;
+  -moz-transition: background 0.5s ease-in-out;
+  transition: background 0.5s ease-in-out;
 }
 
-.navbar-custom.top-nav-collapse{
-    background: #fff /* Primary color, can be changed via colors.css */
+.navbar-custom.top-nav-collapse {
+  background: #fff; /* Primary color, can be changed via colors.css */
 }
 
 .navbar-custom .navbar-brand {
-    font-weight: 600;
-    font-size: 25px;
-    padding: 0;
-    margin: 0;
+  font-weight: 600;
+  font-size: 25px;
+  padding: 0;
+  margin: 0;
 }
 
-.navbar-custom .navbar-brand span.brand-logo{
-    display: inline-block;
-    padding: 14px 0;
-    margin: 0 16px;
+.navbar-custom .navbar-brand span.brand-logo {
+  display: inline-block;
+  padding: 14px 0;
+  margin: 0 16px;
 }
 
-
 .navbar-custom .navbar-brand:focus {
-    outline: 0;
+  outline: 0;
 }
 
 .navbar-custom .navbar-brand .navbar-toggle {
-    padding: 2px 6px;
-    color: #fff;
+  padding: 2px 6px;
+  color: #fff;
 }
 
 .navbar-custom .navbar-brand .navbar-toggle:focus,
 .navbar-custom .navbar-brand .navbar-toggle:active {
-    outline: 0;
+  outline: 0;
 }
 
 .navbar-custom a {
-    color: #931ed1; /* Primary color, can be changed via colors.css */
+  color: #931ed1; /* Primary color, can be changed via colors.css */
 }
 
 .navbar-custom .nav li a {
-    -webkit-transition: background .3s ease-in-out;
-    -moz-transition: background .3s ease-in-out;
-    transition: background .3s ease-in-out;
+  -webkit-transition: background 0.3s ease-in-out;
+  -moz-transition: background 0.3s ease-in-out;
+  transition: background 0.3s ease-in-out;
 }
 
 .navbar-custom .nav li a:hover {
-    outline: 0;
-    color: rgba(255, 255, 255, .8);
-    background-color: transparent;
+  outline: 0;
+  color: rgba(255, 255, 255, 0.8);
+  background-color: transparent;
 }
 
 .navbar-custom .nav li a:focus,
 .navbar-custom .nav li a:active {
-    outline: 0;
-    background-color: transparent;
+  outline: 0;
+  background-color: transparent;
 }
 
 .navbar-custom .nav li.active {
-    outline: 0;
+  outline: 0;
 }
 
 .navbar-custom .nav li.active a {
-    background-color: rgba(255, 255, 255, .3);
+  background-color: rgba(255, 255, 255, 0.3);
 }
 
 .navbar-custom .nav li.active a:hover {
-    color: #fff;
+  color: #fff;
 }
 
-
 /* Custom overlay navigation
 /* ---------------------------------------------- */
 .button_container {
-    position: relative;
-    margin-top: 14px;
-    height: 28px;
-    width: 28px;
-    cursor: pointer;
-    z-index: 999;
-    -webkit-transition: opacity .25s ease;
-            transition: opacity .25s ease;
+  position: relative;
+  margin-top: 14px;
+  height: 28px;
+  width: 28px;
+  cursor: pointer;
+  z-index: 999;
+  -webkit-transition: opacity 0.25s ease;
+  transition: opacity 0.25s ease;
 }
 
 /* Animate the top hamburger bar */
 .button_container.active .top {
-    -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
-        -ms-transform: translateY(8px) translateX(0) rotate(45deg);
-            transform: translateY(8px) translateX(0) rotate(45deg);
-    background: #FFF;
+  -webkit-transform: translateY(8px) translateX(0) rotate(45deg);
+  -ms-transform: translateY(8px) translateX(0) rotate(45deg);
+  transform: translateY(8px) translateX(0) rotate(45deg);
+  background: #fff;
 }
 
 /* Set the middle hamburger bar's opacity to 0  */
 .button_container.active .middle {
-    opacity: 0;
-    background: #FFF;
+  opacity: 0;
+  background: #fff;
 }
 
 /* Animate the bottom hamburger bar */
 .button_container.active .bottom {
-    -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
-        -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
-            transform: translateY(-8px) translateX(0) rotate(-45deg);
-    background: #FFF;
+  -webkit-transform: translateY(-8px) translateX(0) rotate(-45deg);
+  -ms-transform: translateY(-8px) translateX(0) rotate(-45deg);
+  transform: translateY(-8px) translateX(0) rotate(-45deg);
+  background: #fff;
 }
 
 .button_container span {
-    background: #fff;
-    border: none;
-    height: 4px;
-    width: 100%;
-    position: absolute;
-    top: 0;
-    left: 0;
-    -webkit-transition: all .35s ease;
-    transition: all .35s ease;
-    cursor: pointer;
+  background: #fff;
+  border: none;
+  height: 4px;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  -webkit-transition: all 0.35s ease;
+  transition: all 0.35s ease;
+  cursor: pointer;
 }
 
 .button_container span:nth-of-type(2) {
-    top: 8px;
+  top: 8px;
 }
 
 .button_container span:nth-of-type(3) {
-    top: 16px;
+  top: 16px;
 }
 
 /* The overlay */
 .overlay {
-    position: fixed;
-    display: block; 
-    background: #931ed1; /* Primary color, can be changed via colors.css */
-    top: 0;
-    border: 0;
-    left: 0;
-    z-index: 100;
-    width: 100%;
-    height: 0%;
-    opacity: 0;
-    visibility: hidden;
-    -webkit-transition: opacity .35s, visibility .35s, height .35s;
-            transition: opacity .35s, visibility .35s, height .35s;
-    overflow: auto;
+  position: fixed;
+  display: block;
+  background: #931ed1; /* Primary color, can be changed via colors.css */
+  top: 0;
+  border: 0;
+  left: 0;
+  z-index: 100;
+  width: 100%;
+  height: 0%;
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: opacity 0.35s, visibility 0.35s, height 0.35s;
+  transition: opacity 0.35s, visibility 0.35s, height 0.35s;
+  overflow: auto;
 }
 
 .overlay.open {
-    opacity: .95;
-    visibility: visible;
-    height: 100%;
+  opacity: 0.95;
+  visibility: visible;
+  height: 100%;
 }
 
 .overlay.open li {
-    -webkit-animation: fadeInRight .5s ease forwards;
-            animation: fadeInRight .5s ease forwards;
-    -webkit-animation-delay: .35s;
-        animation-delay: .35s;
+  -webkit-animation: fadeInRight 0.5s ease forwards;
+  animation: fadeInRight 0.5s ease forwards;
+  -webkit-animation-delay: 0.35s;
+  animation-delay: 0.35s;
 }
 
 .overlay.open li:nth-of-type(1) {
-    -webkit-animation-delay: .40s;
-            animation-delay: .40s;
+  -webkit-animation-delay: 0.4s;
+  animation-delay: 0.4s;
 }
 
 .overlay.open li:nth-of-type(2n) {
-    -webkit-animation-delay: .50s;
-            animation-delay: .50s;
+  -webkit-animation-delay: 0.5s;
+  animation-delay: 0.5s;
 }
 
 .overlay nav {
-    position: relative;
-    height: 50%;
-    top: 50%;
-    font-size: 30px;
-    font-family: "Raleway", "Helvetica Neue", Arial, sans-serif;
-    text-transform: none;
-    font-weight: 600;
-    text-align: center;
-    -webkit-transform: translateY(-50%);
-        -ms-transform: translateY(-50%);
-            transform: translateY(-50%);
+  position: relative;
+  height: 50%;
+  top: 50%;
+  font-size: 30px;
+  font-family: "Raleway", "Helvetica Neue", Arial, sans-serif;
+  text-transform: none;
+  font-weight: 600;
+  text-align: center;
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
 }
 
 .overlay ul {
-    list-style: none;
-    padding: 0;
-    margin: 0 auto;
-    display: inline-block;
-    position: relative;
-    height: 100%;
+  list-style: none;
+  padding: 0;
+  margin: 0 auto;
+  display: inline-block;
+  position: relative;
+  height: 100%;
 }
 
 .overlay ul li {
-    display: block;
-    height: 15%;
-    height: calc(100% / 8);
-    min-height: 65px;
-    position: relative;
-    opacity: 0;
+  display: block;
+  height: 15%;
+  height: calc(100% / 8);
+  min-height: 65px;
+  position: relative;
+  opacity: 0;
 }
 
 .overlay ul li a {
-    display: block;
-    position: relative;
-    color: #fff;
-    text-decoration: none;
-    overflow: hidden;
+  display: block;
+  position: relative;
+  color: #fff;
+  text-decoration: none;
+  overflow: hidden;
 }
 
 .overlay ul li a:hover:after,
 .overlay ul li a:focus:after,
 .overlay ul li a:active:after {
-    width: 50%;
+  width: 50%;
 }
 
 /* Link underline on hover */
 .overlay ul li a:after {
-    content: '';
-    position: absolute;
-    bottom: 0;
-    left: 50%;
-    width: 0%;
-    height: 2px;
-    background: #fff;
-    -webkit-transform: translateX(-50%);
-        -ms-transform: translateX(-50%);
-            transform: translateX(-50%);
-    -webkit-transition: .15s;
-            transition: .15s;
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  width: 0%;
+  height: 2px;
+  background: #fff;
+  -webkit-transform: translateX(-50%);
+  -ms-transform: translateX(-50%);
+  transform: translateX(-50%);
+  -webkit-transition: 0.15s;
+  transition: 0.15s;
 }
 
-
 /* 5:   PAGE SECTIONS
 /* ---------------------------------------------- */
 
@@ -514,95 +500,99 @@ blockquote span{
 /* ---------------------------------------------- */
 
 .intro-carousel {
-    width: 100%;
-    /*height: 100%;*/
-    color: #fff;
-    background:#222;
+  width: 100%;
+  /*height: 100%;*/
+  color: #fff;
+  background: #222;
 }
 
-.carousel-caption{
-    text-shadow: none;
-    bottom: 25%;
+.carousel-caption {
+  text-shadow: none;
+  bottom: 25%;
 }
 
-.carousel-caption h1{
-    padding: 0;
-    margin: 10px 0;
-    color: #fff;
-} 
+.carousel-caption h1 {
+  padding: 0;
+  margin: 10px 0;
+  color: #fff;
+}
 
-.carousel-caption .intro-text{
-    padding: 0;
+.carousel-caption .intro-text {
+  padding: 0;
 }
 
-.carousel-caption .btn{
-    margin:0;
+.carousel-caption .btn {
+  margin: 0;
 }
 
-.carousel-control{
-    top: 50%;
-    width:4%;
-    height:7%;
-    margin: 0;
-    text-shadow: none;
+.carousel-control {
+  top: 50%;
+  width: 4%;
+  height: 7%;
+  margin: 0;
+  text-shadow: none;
 }
 
 .carousel-control.left,
-.carousel-control.right{
-    background: none;
-    z-index: 100;
+.carousel-control.right {
+  background: none;
+  z-index: 100;
 }
 
 .carousel-control.left:hover,
-.carousel-control.right:hover{
-    background: rgba(254,82,76, 0.9); /* Primary color, can be changed via colors.css */
+.carousel-control.right:hover {
+  background: rgba(
+    254,
+    82,
+    76,
+    0.9
+  ); /* Primary color, can be changed via colors.css */
 }
 
-#parallax-slide{
-    background: url(../images/cover-three.jpg) 50% 0 no-repeat;
-    -webkit-background-size: cover;
-       -moz-background-size: cover;
-            background-size: cover;
-         -o-background-size: cover;
+#parallax-slide {
+  background: url(../images/cover-three.jpg) 50% 0 no-repeat;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
 }
 
 .overlay-detail {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    background: #000; /* Set to black, can be changed via colors.css */
-    opacity: 0.5;
-    left: 0;
-    top: 0;
-    z-index: 1;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  background: #000; /* Set to black, can be changed via colors.css */
+  opacity: 0.5;
+  left: 0;
+  top: 0;
+  z-index: 1;
 }
 
 .mouse {
-    width: 25px;
-    height: 45px;
-    border: 2px solid #fff;
-    position: absolute;
-    bottom: 40px;
-    left: 50%;
-    margin-left: -12.5px;
-    border-radius: 12px;
+  width: 25px;
+  height: 45px;
+  border: 2px solid #fff;
+  position: absolute;
+  bottom: 40px;
+  left: 50%;
+  margin-left: -12.5px;
+  border-radius: 12px;
 }
 
 .mouse:after {
-    content: "";
-    position: absolute;
-    height: 5px;
-    width: 5px;
-    background-color: #fff;
-    border-radius: 100%;
-    left: 50%;
-    margin-left: -2.5px;
-    top: 10px;
-     -webkit-animation: rotateplane 1.2s infinite ease-in-out;
-             animation: rotateplane 1.2s infinite ease-in-out;
+  content: "";
+  position: absolute;
+  height: 5px;
+  width: 5px;
+  background-color: #fff;
+  border-radius: 100%;
+  left: 50%;
+  margin-left: -2.5px;
+  top: 10px;
+  -webkit-animation: rotateplane 1.2s infinite ease-in-out;
+  animation: rotateplane 1.2s infinite ease-in-out;
 }
 
-
 /* Full Slider HTML Template via www.startbootstrap.com
 /* ---------------------------------------------- */
 
@@ -615,402 +605,419 @@ blockquote span{
 .carousel,
 .item,
 .active {
-    height: 100%;
+  height: 100%;
 }
 
 .carousel-inner {
-    height: 100%;
+  height: 100%;
 }
 
 /* Background images are set within the HTML using inline CSS, not here */
 .fill {
-    width: 100%;
-    height: 100%;
-    background-position: center;
-    -webkit-background-size: cover;
-       -moz-background-size: cover;
-            background-size: cover;
-         -o-background-size: cover;
+  width: 100%;
+  height: 100%;
+  background-position: center;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
 }
 
-
 /* Hero unit background video
 /* ---------------------------------------------- */
 
-
-.video-section{
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background: url(../images/youtube-video-cover.jpg) no-repeat bottom center scroll;
-    -webkit-background-size: cover;
-       -moz-background-size: cover;
-            background-size: cover;
-         -o-background-size: cover;
-    background-attachment: fixed;
+.video-section {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  background: url(../images/youtube-video-cover.jpg) no-repeat bottom center
+    scroll;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
+  background-attachment: fixed;
 }
 
-.video-section .bgndVideo{
-    width: 100%;
-    height: 100%;
+.video-section .bgndVideo {
+  width: 100%;
+  height: 100%;
 }
 
-
-.video-section .buttonBar{display:none;}
-.player {font-size: 1px;}
+.video-section .buttonBar {
+  display: none;
+}
+.player {
+  font-size: 1px;
+}
 
 .video-controls,
 .html5-video-controls {
-    display: none;
-    font-size: 16px;
-    position: absolute;
-    bottom: 8%;
-    right: 5%;
-    z-index: 99;
-    opacity: .4;
+  display: none;
+  font-size: 16px;
+  position: absolute;
+  bottom: 8%;
+  right: 5%;
+  z-index: 99;
+  opacity: 0.4;
 }
 
 .video-controls-visible {
-    display: inline;
+  display: inline;
 }
 
 .video-controls .fa,
 .html5-video-controls .fa {
-    color: #fff;
-    padding: 5px;
-    width: 25px;
+  color: #fff;
+  padding: 5px;
+  width: 25px;
 }
 
 /* HTML 5 video
 /* ---------------------------------------------- */
 video#html5-video {
-    position: relative;
-    top: 50%;
-    left: 50%;
-    min-width: 100%;
-    min-height: 100%;
-    width: auto;
-    height: auto;
-    z-index: -100;
-    -webkit-transform: translateX(-50%) translateY(-50%);
-            transform: translateX(-50%) translateY(-50%);
-    background: url(../images/typing-on-mac.jpg) no-repeat bottom center scroll;
-    -webkit-background-size: cover;
-       -moz-background-size: cover;
-            background-size: cover;
-         -o-background-size: cover;
-    background-attachment: fixed;
+  position: relative;
+  top: 50%;
+  left: 50%;
+  min-width: 100%;
+  min-height: 100%;
+  width: auto;
+  height: auto;
+  z-index: -100;
+  -webkit-transform: translateX(-50%) translateY(-50%);
+  transform: translateX(-50%) translateY(-50%);
+  background: url(../images/typing-on-mac.jpg) no-repeat bottom center scroll;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
+  background-attachment: fixed;
 }
 
 /* fix for IE8 refer to conditional comment in the <head> of the page*/
 video {
-    display: block;
+  display: block;
 }
 
-
 /*      5.2: About section
 /* ---------------------------------------------- */
 
-.about h2,.about h3{
-    margin: 0 0 10px 0;
-    padding: 0;
+.about h2,
+.about h3 {
+  margin: 0 0 10px 0;
+  padding: 0;
 }
 
-
 /*      5.3: Services section ("What we do")
 /* ---------------------------------------------- */
 
 .services-item:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    right: 0;
-    border-width: 0 30px 30px 0;
-    border-style: solid;
-    border-color: #fff #fff rgb(88, 111, 149) rgb(88, 111, 149); /* Primary color, can be changed via colors.css */
-    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
-       -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
-            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
-    -webkit-transition: border-color .2s ease-in-out;
-       -moz-transition: border-color .2s ease-in-out;
-            transition: border-color .2s ease-in-out;
-    /* Firefox 3.0 damage limitation */
-    display: block;
-    width: 0;
-}
-
-
-.services-item{
-    background: #f9f9f9;
-    padding: 30px 20px 20px;
-    margin: 15px 0;
-    position: relative;
-    color: #fff;
-    overflow: hidden;
-     -webkit-transition: background .5s ease-in-out;
-        -moz-transition: background .5s ease-in-out;
-             transition: background .5s ease-in-out;
-    height: 240px;
-}
-
-.services-item h4{
-    margin: 0 0 10px 0;
-    padding: 0;
-    font-size: 20px;
-    font-weight: 600;
-    -webkit-transition: all .5s ease-in-out;
-       -moz-transition: all .5s ease-in-out;
-            transition: all .5s ease-in-out;
+  content: "";
+  position: absolute;
+  top: 0;
+  right: 0;
+  border-width: 0 30px 30px 0;
+  border-style: solid;
+  border-color: #fff #fff rgb(88, 111, 149) rgb(88, 111, 149); /* Primary color, can be changed via colors.css */
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3),
+    -1px 1px 1px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
+  -webkit-transition: border-color 0.2s ease-in-out;
+  -moz-transition: border-color 0.2s ease-in-out;
+  transition: border-color 0.2s ease-in-out;
+  /* Firefox 3.0 damage limitation */
+  display: block;
+  width: 0;
 }
 
-
-.services-item p{
-    padding: 0;
-    margin: 0;
-    color:#333;
-    font-size: 16px;
-     -webkit-transition: all .2s ease-in-out;
-        -moz-transition: all .2s ease-in-out;
-             transition: all .2s ease-in-out;
-    text-align: center;
+.services-item {
+  background: #f9f9f9;
+  padding: 30px 20px 20px;
+  margin: 15px 0;
+  position: relative;
+  color: #fff;
+  overflow: hidden;
+  -webkit-transition: background 0.5s ease-in-out;
+  -moz-transition: background 0.5s ease-in-out;
+  transition: background 0.5s ease-in-out;
+  height: 240px;
+}
+
+.services-item h4 {
+  margin: 0 0 10px 0;
+  padding: 0;
+  font-size: 20px;
+  font-weight: 600;
+  -webkit-transition: all 0.5s ease-in-out;
+  -moz-transition: all 0.5s ease-in-out;
+  transition: all 0.5s ease-in-out;
+}
+
+.services-item p {
+  padding: 0;
+  margin: 0;
+  color: #333;
+  font-size: 16px;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  text-align: center;
 }
 
-
-.services-item i{
-    color: #ff00b1; /* Primary color, can be changed via colors.css */
-    padding: 0;
-    margin: 0 0 10px 0;
-     -webkit-transition: all .2s ease-in-out;
-        -moz-transition: all .2s ease-in-out;
-             transition: all .2s ease-in-out;
+.services-item i {
+  color: #ff00b1; /* Primary color, can be changed via colors.css */
+  padding: 0;
+  margin: 0 0 10px 0;
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
 }
 
-.services-item:hover{
- background: rgb(88, 111, 149); /* Primary color, can be changed via colors.css */
-     -webkit-transition: background .2s ease-in-out;
-        -moz-transition: background .2s ease-in-out;
-             transition: background .2s ease-in-out;
-    font-weight: 700;
+.services-item:hover {
+  background: rgb(
+    88,
+    111,
+    149
+  ); /* Primary color, can be changed via colors.css */
+  -webkit-transition: background 0.2s ease-in-out;
+  -moz-transition: background 0.2s ease-in-out;
+  transition: background 0.2s ease-in-out;
+  font-weight: 700;
 }
 
-
-.services-item:hover h4{
-    color:#fff;
-            transform: translate(0,-5px);
-     -webkit-transform: translate(0,-5px);
-          -o-transform: translate(0,-5px); 
-        -moz-transform: translate(0,-5px);
-     -webkit-transition: all .3s ease-in-out;
-        -moz-transition: all .3s ease-in-out;
-             transition: all .3s ease-in-out;
+.services-item:hover h4 {
+  color: #fff;
+  transform: translate(0, -5px);
+  -webkit-transform: translate(0, -5px);
+  -o-transform: translate(0, -5px);
+  -moz-transform: translate(0, -5px);
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
 }
 
-.services-item:hover p{
-    color:#fff;
-            transform: translate(0,-10px);
-     -webkit-transform: translate(0,-10px);
-          -o-transform: translate(0,-10px); 
-        -moz-transform: translate(0,-10px);
-     -webkit-transition: all .2s ease-in-out;
-        -moz-transition: all .2s ease-in-out;
-             transition: all .2s ease-in-out;
+.services-item:hover p {
+  color: #fff;
+  transform: translate(0, -10px);
+  -webkit-transform: translate(0, -10px);
+  -o-transform: translate(0, -10px);
+  -moz-transform: translate(0, -10px);
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
 }
 
-.services-item:hover i{
-    color:#fff;
-            transform: translate(0,-5px);
-     -webkit-transform: translate(0,-5px);
-          -o-transform: translate(0,-5px); 
-        -moz-transform: translate(0,-5px);
-     -webkit-transition: all .2s ease-in-out;
-        -moz-transition: all .2s ease-in-out;
-             transition: all .2s ease-in-out;
+.services-item:hover i {
+  color: #fff;
+  transform: translate(0, -5px);
+  -webkit-transform: translate(0, -5px);
+  -o-transform: translate(0, -5px);
+  -moz-transform: translate(0, -5px);
+  -webkit-transition: all 0.2s ease-in-out;
+  -moz-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
 }
 
-.services-item:hover:before{
-    border-color: #fff #fff #a5a5a5 #a5a5a5;
-    -webkit-transition: border-color .2s ease-in-out;
-       -moz-transition: border-color .2s ease-in-out;
-            transition: border-color .2s ease-in-out;
+.services-item:hover:before {
+  border-color: #fff #fff #a5a5a5 #a5a5a5;
+  -webkit-transition: border-color 0.2s ease-in-out;
+  -moz-transition: border-color 0.2s ease-in-out;
+  transition: border-color 0.2s ease-in-out;
 }
 
-
 /*       5.4: Products section ("Why choose us")
 /* ---------------------------------------------- */
 
-.products{
-    width: 100%;
-    background: #222;
-    background: url(../images/process_bg.jpg) 50% 0 no-repeat scroll;
-    -webkit-background-size: cover;
-       -moz-background-size: cover;
-            background-size: cover;
-         -o-background-size: cover;
+.products {
+  width: 100%;
+  background: #222;
+  background: url(../images/process_bg.jpg) 50% 0 no-repeat scroll;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
 }
 
-.products-container p{
-    color:#fff;
+.products-container p {
+  color: #fff;
 }
 
-.products-container span.icon{
-    display: inline-block;  
-    padding: 18px;
-    margin: 0 0 22px 0;
-    min-width: 80px;
-    color: #fff;
-    background: #931ed1; /* Primary color, can be changed via colors.css */
-    text-align: center;
-    border-radius: 50px;
-    width: 80px;
-    height: 80px;
+.products-container .projects-head {
+  margin-bottom: 6em;
 }
 
+.products-container span.icon {
+  display: inline-block;
+  padding: 18px;
+  margin: 0 0 22px 0;
+  min-width: 80px;
+  color: #fff;
+  background: #931ed1; /* Primary color, can be changed via colors.css */
+  text-align: center;
+  border-radius: 50px;
+  width: 80px;
+  height: 80px;
+}
 
-.product-item{
-    padding: 10px 0;
+.product-item {
+  padding: 10px 0;
 }
-.product-item h3{
-    margin: 0;
-    padding: 0 10px;
-    font-size: 20px;
+.product-item h3 {
+  margin: 0;
+  padding: 0 10px;
+  font-size: 20px;
 }
 
-.product-item p{
-    font-size: 16px;
-    padding: 0 10px;
+.product-item p {
+  font-size: 16px;
+  padding: 0 0.5em;
 }
 
+/* Additional CSS to fix the Image alignment on the Projects Section  */
+.product-item {
+  position: relative;
+}
+
+div.media-left.projects-img-center {
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, -100px);
+}
 
 /*      5.5: Team section
 /* ---------------------------------------------- */
 
 .team-member {
-    margin: 15px 0;
-    padding:0;
-}
-
-.team-member figure{
-    position: relative;
-    overflow: hidden;
-    padding:0;
-    margin: 0;
+  margin: 15px 0;
+  padding: 0;
 }
 
-.team-member figure img{
-    min-width: 100%;
-}
-
-.team-member figcaption p{
-    font-size: 16px;
+.team-member figure {
+  position: relative;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
 }
 
-.team-member figcaption ul{
-    list-style: none;
-    margin: 0;
-    padding:0;
+.team-member figure img {
+  min-width: 100%;
 }
 
-.team-member figcaption ul{
-    visibility: visible;
-    -webkit-transition: all 0.1s ease-in-out;
-       -moz-transition: all 0.1s ease-in-out;
-         -o-transition: all 0.1s ease-in-out;
-            transition: all 0.1s ease-in-out;
+.team-member figcaption p {
+  font-size: 16px;
 }
 
-.team-member figcaption ul li{
-    display: inline-block;
-    padding:10px;
+.team-member figcaption ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
 }
 
-.team-member h4{
-    margin: 10px 0 0;
-    padding: 0;
+.team-member figcaption ul {
+  visibility: visible;
+  -webkit-transition: all 0.1s ease-in-out;
+  -moz-transition: all 0.1s ease-in-out;
+  -o-transition: all 0.1s ease-in-out;
+  transition: all 0.1s ease-in-out;
 }
 
-.team-member figcaption{
-    padding:50px;
-    color: transparent;
-    background-color: transparent;
-    position: absolute;
-    z-index: 996;
-    bottom:0;
-    left: 0;
-    width: 100%;
-    height: 0;
-    overflow: hidden;
-    visibility: hidden;
-    -webkit-transition: all 0.3s ease-in-out;
-       -moz-transition: all 0.3s ease-in-out;
-         -o-transition: all 0.3s ease-in-out;
-            transition: all 0.3s ease-in-out;
-}
-
-.team-member figure:hover figcaption{
-    visibility: visible;
-    color: #fff;
-    background: rgba(147, 30, 209, 0.9); /* Primary color, can be changed via colors.css */
-    height: 100%;
-    -webkit-transition: all 0.3s ease-in-out;
-       -moz-transition: all 0.3s ease-in-out;
-         -o-transition: all 0.3s ease-in-out;
-            transition: all 0.3s ease-in-out;
+.team-member figcaption ul li {
+  display: inline-block;
+  padding: 10px;
 }
 
-.team-member figure:hover figcaption ul li a:hover{
-    color: rgba(147, 30, 209, 0.9);
+.team-member h4 {
+  margin: 10px 0 0;
+  padding: 0;
 }
 
-.team-member figure img{
-    -webkit-transform: scale(1) rotate(0) translateY(0);
-       -moz-transform: scale(1) rotate(0) translateY(0);
-         -o-transform: scale(1) rotate(0) translateY(0);
-        -ms-transform: scale(1) rotate(0) translateY(0);
-            transform: scale(1) rotate(0) translateY(0);
-    -webkit-transition: all 0.4s ease-in-out;
-       -moz-transition: all 0.4s ease-in-out;
-         -o-transition: all 0.4s ease-in-out;
-            transition: all 0.4s ease-in-out;
+.team-member figcaption {
+  padding: 50px;
+  color: transparent;
+  background-color: transparent;
+  position: absolute;
+  z-index: 996;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  visibility: hidden;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
 }
 
-.team-member figure:hover img{
-    -webkit-transform: scale(1.1) rotate(1deg) translateY(12px);
-       -moz-transform: scale(1.1) rotate(1deg) translateY(12px);
-         -o-transform: scale(1.1) rotate(1deg) translateY(12px);
-        -ms-transform: scale(1.1) rotate(1deg) translateY(12px);
-            transform: scale(1.1) rotate(1deg) translateY(12px);
-    -webkit-transition: all 0.4s ease-in-out;
-       -moz-transition: all 0.4s ease-in-out;
-         -o-transition: all 0.4s ease-in-out;
-            transition: all 0.4s ease-in-out;
+.team-member figure:hover figcaption {
+  visibility: visible;
+  color: #fff;
+  background: rgba(
+    147,
+    30,
+    209,
+    0.9
+  ); /* Primary color, can be changed via colors.css */
+  height: 100%;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
+}
+
+.team-member figure:hover figcaption ul li a:hover {
+  color: rgba(147, 30, 209, 0.9);
+}
+
+.team-member figure img {
+  -webkit-transform: scale(1) rotate(0) translateY(0);
+  -moz-transform: scale(1) rotate(0) translateY(0);
+  -o-transform: scale(1) rotate(0) translateY(0);
+  -ms-transform: scale(1) rotate(0) translateY(0);
+  transform: scale(1) rotate(0) translateY(0);
+  -webkit-transition: all 0.4s ease-in-out;
+  -moz-transition: all 0.4s ease-in-out;
+  -o-transition: all 0.4s ease-in-out;
+  transition: all 0.4s ease-in-out;
+}
+
+.team-member figure:hover img {
+  -webkit-transform: scale(1.1) rotate(1deg) translateY(12px);
+  -moz-transform: scale(1.1) rotate(1deg) translateY(12px);
+  -o-transform: scale(1.1) rotate(1deg) translateY(12px);
+  -ms-transform: scale(1.1) rotate(1deg) translateY(12px);
+  transform: scale(1.1) rotate(1deg) translateY(12px);
+  -webkit-transition: all 0.4s ease-in-out;
+  -moz-transition: all 0.4s ease-in-out;
+  -o-transition: all 0.4s ease-in-out;
+  transition: all 0.4s ease-in-out;
 }
 
-
 /*       5.6: Portfolio section
 /* ---------------------------------------------- */
 
-#portfolio{
-    background: #222;
-    background: url(../images/portfolio_bg.jpg) 50% 0 no-repeat scroll;
-    -webkit-background-size: cover;
-       -moz-background-size: cover;
-            background-size: cover;
-         -o-background-size: cover;
+#portfolio {
+  background: #222;
+  background: url(../images/portfolio_bg.jpg) 50% 0 no-repeat scroll;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
 }
 
-
 .project-container {
-    margin-top: 50px;
-    position: relative;
+  margin-top: 50px;
+  position: relative;
 }
 
 .recent-project {
-    position: relative;
-    overflow: hidden;
-    margin: 5px;
+  position: relative;
+  overflow: hidden;
+  margin: 5px;
 }
 .recent-project img {
-    width: 100%;
+  width: 100%;
 }
 .project-info {
   position: absolute;
@@ -1022,295 +1029,296 @@ video {
   text-align: center;
 }
 .project-info h3 {
-    line-height: 18px;
+  line-height: 18px;
 }
 ul.project-meta {
-    margin: 0;
-    padding: 0; 
+  margin: 0;
+  padding: 0;
 }
 
-ul.project-meta li{
-    display: inline-block;
-    padding:5px 10px;
-    border: 1px solid #fff;
+ul.project-meta li {
+  display: inline-block;
+  padding: 5px 10px;
+  border: 1px solid #fff;
 }
 
-ul.project-meta li a{
-    display: inline-block;
-    color: #fff;
+ul.project-meta li a {
+  display: inline-block;
+  color: #fff;
 }
-ul.project-meta li a:hover{
-    color: #f76758;
+ul.project-meta li a:hover {
+  color: #f76758;
 }
 
 .full-project {
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    width: 100%;
-    padding: 16px 20px;
-    line-height: 18px;
-    font-size: 18px;
-    text-transform: capitalize;
-    background: #931ed1; /* Primary color, can be changed via colors.css */
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+  padding: 16px 20px;
+  line-height: 18px;
+  font-size: 18px;
+  text-transform: capitalize;
+  background: #931ed1; /* Primary color, can be changed via colors.css */
 }
 .full-project:hover {
-    background: rgba(223,81,76, 1); /* Hover color, can be changed via colors.css */
+  background: rgba(
+    223,
+    81,
+    76,
+    1
+  ); /* Hover color, can be changed via colors.css */
 }
 .full-project a {
-    padding: 0px;
-    display: block;
-    color: #fff;
+  padding: 0px;
+  display: block;
+  color: #fff;
 }
 
-.full-project a:hover{
-    color:#fff;
+.full-project a:hover {
+  color: #fff;
 }
 
-.full-project a i{
-    font-size: 14px;
-    padding: 0 10px;
-    line-height: 20px;
+.full-project a i {
+  font-size: 14px;
+  padding: 0 10px;
+  line-height: 20px;
 }
 
 /* Overlay and hover effect
 /* ---------------------------------------------- */
 .recent-project::before {
-    content: "";
-    background: rgba(59,59,59,0.8);
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-    opacity: 0;
-    -webkit-transition: all 0.2s;
-       -moz-transition: all 0.2s;
-         -o-transition: all 0.2s;
-            transition: all 0.2s;
+  content: "";
+  background: rgba(59, 59, 59, 0.8);
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  opacity: 0;
+  -webkit-transition: all 0.2s;
+  -moz-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
 }
 .recent-project:hover::before {
-    opacity: 1;
+  opacity: 1;
 }
 
 .project-info h3,
 ul.project-meta,
 .full-project {
-    opacity: 0;
-    visibility: hidden;
-    -webkit-transform: translateY(100px);
-       -moz-transform: translateY(100px);
-        -ms-transform: translateY(100px);
-         -o-transform: translateY(100px);
-            transform: translateY(100px);
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transform: translateY(100px);
+  -moz-transform: translateY(100px);
+  -ms-transform: translateY(100px);
+  -o-transform: translateY(100px);
+  transform: translateY(100px);
 }
 .project-info h3,
-ul.project-meta{
-    -webkit-transition: all 0.3s;
-       -moz-transition: all 0.3s;
-         -o-transition: all 0.3s;
-            transition: all 0.3s;
+ul.project-meta {
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  transition: all 0.3s;
 }
 
 .full-project {
-    -webkit-transition: all 0.5s;
-       -moz-transition: all 0.5s;
-         -o-transition: all 0.5s;
-            transition: all 0.5s;
+  -webkit-transition: all 0.5s;
+  -moz-transition: all 0.5s;
+  -o-transition: all 0.5s;
+  transition: all 0.5s;
 }
 .recent-project:hover .project-info h3,
 .recent-project:hover ul.project-meta,
 .recent-project:hover .full-project {
-    opacity: 1;
-    visibility: visible;
-    -webkit-transform: translateY(0);
-       -moz-transform: translateY(0);
-        -ms-transform: translateY(0);
-         -o-transform: translateY(0);
-            transform: translateY(0);
+  opacity: 1;
+  visibility: visible;
+  -webkit-transform: translateY(0);
+  -moz-transform: translateY(0);
+  -ms-transform: translateY(0);
+  -o-transform: translateY(0);
+  transform: translateY(0);
 }
 
-
-
 /* Carousel navigation
 /* ---------------------------------------------- */
 
 .project-navigation .btn-next,
 .project-navigation .btn-prev {
-    position: absolute;
-    width: 40px;
-    height: 70px;
-    top: 40%;
-    margin-top: -40px;
-    background: rgba(59,59,59,0.9);
-    color: #fff;
-    line-height: 80px;
-    text-align: center;
-    font-size: 18px;
-    opacity: 0;
-    z-index: 997;
-    cursor: pointer;
+  position: absolute;
+  width: 40px;
+  height: 70px;
+  top: 40%;
+  margin-top: -40px;
+  background: rgba(59, 59, 59, 0.9);
+  color: #fff;
+  line-height: 80px;
+  text-align: center;
+  font-size: 18px;
+  opacity: 0;
+  z-index: 997;
+  cursor: pointer;
 }
 
 .project-navigation .btn-prev {
-    left: 0;
+  left: 0;
 }
 
 .project-navigation .btn-next {
-    right: 0;
+  right: 0;
 }
 
 .project-navigation a:hover {
-    width: 60px;
-    background: #931ed1; /* Primary color, can be changed via colors.css */
+  width: 60px;
+  background: #931ed1; /* Primary color, can be changed via colors.css */
 }
 
 .project-container:hover .project-navigation .btn-prev,
 .project-container:hover .project-navigation .btn-next {
-    opacity: 1;
+  opacity: 1;
 }
 
-
 /*       5.7: Clients section
 /* ---------------------------------------------- */
 
 .our-clients {
-    background-color: rgba(9,113,178, 1); /* Primary color, can be changed via colors.css */
+  background-color: rgba(
+    9,
+    113,
+    178,
+    1
+  ); /* Primary color, can be changed via colors.css */
 }
 
-.our-clients h2{
-    color: #fff;
+.our-clients h2 {
+  color: #fff;
 }
 
-.our-clients .i{
-    text-align:center;
-    line-height:120px;
+.our-clients .i {
+  text-align: center;
+  line-height: 120px;
 }
 
-.our-clients .i img{
-    display:inline-block;
-    margin:0;
-    padding: 0;
+.our-clients .i img {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
 }
 
-.client-slider{
-    margin: 0 auto;
+.client-slider {
+  margin: 0 auto;
 }
 
-.client-slider .item:before{
-    content: '';
-    display: inline-block;
-    text-align: center;
+.client-slider .item:before {
+  content: "";
+  display: inline-block;
+  text-align: center;
 }
 
-.client-slider .item{
-    display: inline-block;
-    margin:0 auto;
-    width: 100%;
-    height: 100%;
+.client-slider .item {
+  display: inline-block;
+  margin: 0 auto;
+  width: 100%;
+  height: 100%;
 }
 
 /* change client logo slider pagination color to white for readibility */
-.client-slider.owl-theme .owl-controls .owl-page span{
-    background: rgba(255, 255, 255, .5) !important;
+.client-slider.owl-theme .owl-controls .owl-page span {
+  background: rgba(255, 255, 255, 0.5) !important;
 }
 
-
 /*       5.8: Contact section
 /* ---------------------------------------------- */
 
 .contact-form,
-.contact-address{
-    padding-top: 60px;
+.contact-address {
+  padding-top: 60px;
 }
 
-.contact-form .form-group{
-    padding: 5px 0;
-    min-height: 100%;
+.contact-form .form-group {
+  padding: 5px 0;
+  min-height: 100%;
 }
 
-.contact-form .form-group label{
-    font-weight: 600;
+.contact-form .form-group label {
+  font-weight: 600;
 }
 
-.contact-form .form-group button{
-    display: inline-block;
-    min-height: 100%;
+.contact-form .form-group button {
+  display: inline-block;
+  min-height: 100%;
 }
 
 .contact-form .form-group input,
-.contact-form .form-group textarea{
-    border-radius: 0;
-    padding: 20px 10px;
-    min-width: 100%;
-    font-size: 16px;
+.contact-form .form-group textarea {
+  border-radius: 0;
+  padding: 20px 10px;
+  min-width: 100%;
+  font-size: 16px;
 }
 
-.contact-form .form-group textarea{
-    padding-top: 10px;
+.contact-form .form-group textarea {
+  padding-top: 10px;
 }
 
-
-.contact-form .form-group .btn-default{
-    min-width: 100%;
+.contact-form .form-group .btn-default {
+  min-width: 100%;
 }
 
 .contact-form .form-group input[type="email"],
 .contact-form .form-group input[type="phone"],
-.contact-form .form-group input[type="text"] 
-{
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    height: 42px; /* Increase height as required */
-    margin-bottom: 0px;
-    padding: 0 10px; /*  Now only left & right padding */
-
+.contact-form .form-group input[type="text"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  height: 42px; /* Increase height as required */
+  margin-bottom: 0px;
+  padding: 0 10px; /*  Now only left & right padding */
 }
 
-.contact-address ul{
-    list-style: none;
-    padding: 0;
-    margin: 0;
+.contact-address ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
 }
 
-.contact-address ul li{
-    font-size: 16px;
+.contact-address ul li {
+  font-size: 16px;
 }
 
-.contact-address ul li span{
-    font-weight: 600;
-    display: inline-block;
-    min-width: 80px;
+.contact-address ul li span {
+  font-weight: 600;
+  display: inline-block;
+  min-width: 80px;
 }
 
 .contact-form label.error,
-.contact-form label.error.valid{
-    color:#f00;
-    padding-top: 10px;
+.contact-form label.error.valid {
+  color: #f00;
+  padding-top: 10px;
 }
 
-.contact-form label.error.valid{
-    color:#018804;
+.contact-form label.error.valid {
+  color: #018804;
 }
 
-.form-alerts .alert{
-    border-radius: 0;
-    border: 0;
+.form-alerts .alert {
+  border-radius: 0;
+  border: 0;
 }
 
-
 .form-alerts .alert.alert-success,
-.form-alerts .alert.alert-danger{
-    color: #fff;
-    background: #85ceab;
+.form-alerts .alert.alert-danger {
+  color: #fff;
+  background: #85ceab;
 }
 
-.form-alerts .alert.alert-danger{
-    background: #fe8080;
+.form-alerts .alert.alert-danger {
+  background: #fe8080;
 }
 
-
 /* Google Map
 /* ---------------------------------------------- */
 #google-container {
@@ -1325,17 +1333,24 @@ ul.project-meta{
   padding: 20px 0;
 }
 
-#cd-zoom-in, #cd-zoom-out {
+#cd-zoom-in,
+#cd-zoom-out {
   height: 32px;
   width: 32px;
   cursor: pointer;
   margin-left: 10px;
-  background-color: rgba(254,82,76, 0.9); /* Primary color, can be changed via colors.css */
+  background-color: rgba(
+    254,
+    82,
+    76,
+    0.9
+  ); /* Primary color, can be changed via colors.css */
   background-repeat: no-repeat;
   background-size: 32px 64px;
   background-image: url("../images/cd-icon-controller.svg");
 }
-.no-touch #cd-zoom-in:hover, .no-touch #cd-zoom-out:hover {
+.no-touch #cd-zoom-in:hover,
+.no-touch #cd-zoom-out:hover {
   background-color: #d36868;
 }
 
@@ -1349,617 +1364,598 @@ ul.project-meta{
   background-position: 50% -32px;
 }
 
-
 /* 6:   Our achievements section
 /* ---------------------------------------------- */
 
 .counter-section {
-    text-align: center;
-    background: url(../images/counter_bg.jpg) 50% 0 no-repeat scroll;
-    -webkit-background-size: cover;
-       -moz-background-size: cover;
-            background-size: cover;
-         -o-background-size: cover;
+  text-align: center;
+  background: url(../images/counter_bg.jpg) 50% 0 no-repeat scroll;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  background-size: cover;
+  -o-background-size: cover;
 }
 
 .counter-section strong {
-    display: block;
-    font-weight: 600;
-    font-size: 60px;
-    line-height: 48px;
-    color: #fff;
+  display: block;
+  font-weight: 600;
+  font-size: 60px;
+  line-height: 48px;
+  color: #fff;
 }
 span.count-description {
-    display: block;
-    color: #fff;
-    font-size: 20px;
-    line-height: 40px;
-    text-transform: capitalize;
-    padding-top: 10px;
+  display: block;
+  color: #fff;
+  font-size: 20px;
+  line-height: 40px;
+  text-transform: capitalize;
+  padding-top: 10px;
 }
 
-.counter-wrap{
-    padding:50px 0;
-
+.counter-wrap {
+  padding: 50px 0;
 }
 
-.counter-section .alternate{
-   background-color: rgba(254,82,76, .2);
+.counter-section .alternate {
+  background-color: rgba(254, 82, 76, 0.2);
 }
 
-
 /* 7.   Call to action section  (one or two columns)
 /* ---------------------------------------------- */
 
-
-
-
-
 /* 8.   Call to action section (two columns)
 /* ---------------------------------------------- */
 
-.cta-two-section{
-    width: 100%;
-    margin:0;
-    padding: 50px 0;
-    background: #931ed1; /* Primary color, can be changed via colors.css */
-    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
-       -moz-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
-            box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
+.cta-two-section {
+  width: 100%;
+  margin: 0;
+  padding: 50px 0;
+  background: #931ed1; /* Primary color, can be changed via colors.css */
+  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
 }
 
-.cta-two-section h3{
-    font-size: 25px;
-    line-height: 20px;
-    font-weight: 900;
-    color: #fff;
-    margin-bottom: 2px;
+.cta-two-section h3 {
+  font-size: 25px;
+  line-height: 20px;
+  font-weight: 900;
+  color: #fff;
+  margin-bottom: 2px;
 }
 
 .cta-two-section p {
-    font-size: 18px;
-    line-height: 27px;
-    font-weight: 100;
-    margin: 0px;
-    color: #fff;
+  font-size: 18px;
+  line-height: 27px;
+  font-weight: 100;
+  margin: 0px;
+  color: #fff;
 }
 
-.cta-two-section .btn{
-    margin: 0;
+.cta-two-section .btn {
+  margin: 0;
 }
 
-
 /* 9:   Client testimonials section
 /* ---------------------------------------------- */
 
-.testimonials h1{
-    margin: 0;
-    padding: 0;
+.testimonials h1 {
+  margin: 0;
+  padding: 0;
 }
 
-.testimonials p.speech{
-    padding: 40px;
-    margin: 20px;
-    position: relative;
-    text-align: center;
-    line-height: 1.5;
-    background-color: #fff;
-    border: 2px solid #931ed1; /* Primary color, can be changed via colors.css */
-    -webkit-border-radius: 10px;
-       -moz-border-radius: 10px;
-            border-radius: 10px;
-}
-
-.testimonials p.speech:before{
-    content: ' ';
-    position: absolute;
-    width: 0;
-    height: 0;
-    right: 80px;
-    top: 100%;
-    border: 15px solid;
-    border-color: #931ed1 transparent transparent #931ed1; /* Primary color, can be changed via colors.css */
-}
-
-.testimonials p.speech:after{
-    content: ' ';
-    position: absolute;
-    width: 0;
-    height: 0;
-    right: 83px;
-    top: 100%;
-    border: 12px solid;
-    border-color: #fff transparent transparent #fff;
-}
-
-.client-info{
-    padding: 10px;
-}
-
-.client-info h4{
-    color: #931ed1; /* Primary color, can be changed via colors.css */
-    margin: 10px 0 0 0;
-    padding: 0;
+.testimonials p.speech {
+  padding: 40px;
+  margin: 20px;
+  position: relative;
+  text-align: center;
+  line-height: 1.5;
+  background-color: #fff;
+  border: 2px solid #931ed1; /* Primary color, can be changed via colors.css */
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 
-.client-info span{
-    display: block;
-    padding: 5px;
+.testimonials p.speech:before {
+  content: " ";
+  position: absolute;
+  width: 0;
+  height: 0;
+  right: 80px;
+  top: 100%;
+  border: 15px solid;
+  border-color: #931ed1 transparent transparent #931ed1; /* Primary color, can be changed via colors.css */
+}
+
+.testimonials p.speech:after {
+  content: " ";
+  position: absolute;
+  width: 0;
+  height: 0;
+  right: 83px;
+  top: 100%;
+  border: 12px solid;
+  border-color: #fff transparent transparent #fff;
 }
 
-.client-info img{
-    border:2px solid #fff;
-    padding: 2px;
-    border-radius: 50px;
-    height:100px;
-    width: 100px;
-    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
-       -moz-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
-            box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
+.client-info {
+  padding: 10px;
 }
 
+.client-info h4 {
+  color: #931ed1; /* Primary color, can be changed via colors.css */
+  margin: 10px 0 0 0;
+  padding: 0;
+}
+
+.client-info span {
+  display: block;
+  padding: 5px;
+}
+
+.client-info img {
+  border: 2px solid #fff;
+  padding: 2px;
+  border-radius: 50px;
+  height: 100px;
+  width: 100px;
+  -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
+}
 
 /* 10.  Footer
 /* ---------------------------------------------- */
 
 footer {
-    background:rgba(54,53,54,.96); /* Dark color/Footer color, can be changed via colors.css */
-    color:#fff;
-    padding: 80px 0 0 0;
+  background: rgba(
+    54,
+    53,
+    54,
+    0.96
+  ); /* Dark color/Footer color, can be changed via colors.css */
+  color: #fff;
+  padding: 80px 0 0 0;
 }
 
-footer h2{
-    display: inline-block;
-    color:#fff;
+footer h2 {
+  display: inline-block;
+  color: #fff;
 }
 
-footer h4{
-    margin: 0 0 20px 0;
-    padding: 0;
-    color:#fff;
+footer h4 {
+  margin: 0 0 20px 0;
+  padding: 0;
+  color: #fff;
 }
 
 footer p {
-    margin: 10px 0;
-    font-size: 14px;
+  margin: 10px 0;
+  font-size: 14px;
 }
 
 footer ul.blog-entries,
-footer ul.twitter-entries{
-    margin: 20px 0 0 0;
-    padding: 0;
-    list-style: none;
+footer ul.twitter-entries {
+  margin: 20px 0 0 0;
+  padding: 0;
+  list-style: none;
 }
 
 footer ul.blog-entries li,
-footer ul.twitter-entries li{
-    margin: 10px 0;
-    line-height: 1.5;
+footer ul.twitter-entries li {
+  margin: 10px 0;
+  line-height: 1.5;
 }
 
 footer ul.blog-entries li span,
-footer ul.twitter-entries li span{
-    display: block;
-    color: #6d7579;
+footer ul.twitter-entries li span {
+  display: block;
+  color: #6d7579;
 }
 
-footer .copynote{
-    padding: 20px 0;
-    margin-top: 40px;
-    background:rgba(54, 53, 54, 1); /* Dark color/Footer color, can be changed via colors.css */
+footer .copynote {
+  padding: 20px 0;
+  margin-top: 40px;
+  background: rgba(
+    54,
+    53,
+    54,
+    1
+  ); /* Dark color/Footer color, can be changed via colors.css */
 }
 
-footer .segment{
-    padding-bottom: 20px;
+footer .segment {
+  padding-bottom: 20px;
 }
 
-footer .social a{
-    display: inline-block;
-    padding: 6px;
+footer .social a {
+  display: inline-block;
+  padding: 6px;
 }
 
 .scroll-top {
-    display: none;
-    position: fixed;
-    bottom: 4%;
-    right: 1%;
-    z-index: 100;
+  display: none;
+  position: fixed;
+  bottom: 4%;
+  right: 1%;
+  z-index: 100;
 }
 
 .scroll-top a:link,
 .scroll-top a:visited {
-    display: inline-block;
-    padding: 5px 15px;
-    color: #fff;
-    border: 1px solid #931ed1;
-    background: #931ed1; /* Primary color, can be changed via colors.css */
-    font-size: 30px;
+  display: inline-block;
+  padding: 5px 15px;
+  color: #fff;
+  border: 1px solid #931ed1;
+  background: #931ed1; /* Primary color, can be changed via colors.css */
+  font-size: 30px;
 }
 
 .scroll-top a:hover {
-    border: 1px solid #fff; /* Hover border color, can be changed via colors.css */
-    outline: 0;
-    color: #fff;
-    background: #df514c; /* Hover color, can be changed via colors.css */
+  border: 1px solid #fff; /* Hover border color, can be changed via colors.css */
+  outline: 0;
+  color: #fff;
+  background: #df514c; /* Hover color, can be changed via colors.css */
 }
 
-
-
-
-
-
 /* 11.  CSS3 Animations
 /* ---------------------------------------------- */
 
 /* Hero unit mouse animation */
 
-@-webkit-keyframes rotateplane { 
-    0% {
-        -webkit-transform: translateY(-2px)
-    }
+@-webkit-keyframes rotateplane {
+  0% {
+    -webkit-transform: translateY(-2px);
+  }
 
-    100% {
-        -webkit-transform: translateY(7px)
-    }
+  100% {
+    -webkit-transform: translateY(7px);
+  }
 }
 
-@keyframes rotateplane { 
-    0% {
-        transform: translateY(-2px);
-        -webkit-transform: translateY(-2px);
-    }
+@keyframes rotateplane {
+  0% {
+    transform: translateY(-2px);
+    -webkit-transform: translateY(-2px);
+  }
 
-    100% {
-        transform: translateY(7px);
-        -webkit-transform: translateY(7px);
-    }
+  100% {
+    transform: translateY(7px);
+    -webkit-transform: translateY(7px);
+  }
 }
 
-
 /* Navigation link animation */
 
 @-webkit-keyframes fadeInRight {
-    0% {
-        opacity: 0;
-        left: 20%;
-    }
-    100% {
-        opacity: 1;
-        left: 0;
-    }
+  0% {
+    opacity: 0;
+    left: 20%;
+  }
+  100% {
+    opacity: 1;
+    left: 0;
+  }
 }
 
 @keyframes fadeInRight {
-    0% {
-        opacity: 0;
-        left: 20%;
-    }
-    100% {
-        opacity: 1;
-        left: 0;
-    }
+  0% {
+    opacity: 0;
+    left: 20%;
+  }
+  100% {
+    opacity: 1;
+    left: 0;
+  }
 }
 
-
 /* 12:  Buttons
 /* ---------------------------------------------- */
 
 .btn {
-    border-radius: 0;
-    border: 0;
-    padding: 10px 30px;
-    text-transform: none;
-    font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
-    font-size: 16px;
-    font-weight: 100;
-    -webkit-transition: all .3s ease-in-out;
-       -moz-transition: all .3s ease-in-out;
-            transition: all .3s ease-in-out;
+  border-radius: 0;
+  border: 0;
+  padding: 10px 30px;
+  text-transform: none;
+  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 16px;
+  font-weight: 100;
+  -webkit-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  transition: all 0.3s ease-in-out;
 }
 
 .btn-default {
-    color: #fff;
-    border: 1px solid #931ed1; /* Primary color, can be changed via colors.css */
-    background: #931ed1; /* Primary color, can be changed via colors.css */
+  color: #fff;
+  border: 1px solid #931ed1; /* Primary color, can be changed via colors.css */
+  background: #931ed1; /* Primary color, can be changed via colors.css */
 }
 
-
 .btn-default:hover,
 .btn-default:focus,
 .btn-overcolor:hover,
 .btn-overcolor:focus {
-    border: 1px solid #fff; /* Hover border color, can be changed via colors.css */
-    outline: 0;
-    color: #fff;
-    background: #ff00b1; /* Hover color, can be changed via colors.css */
+  border: 1px solid #fff; /* Hover border color, can be changed via colors.css */
+  outline: 0;
+  color: #fff;
+  background: #ff00b1; /* Hover color, can be changed via colors.css */
 }
 
-
 .btn-outlined {
-    border: 1px solid rgba(9,113,178, 1); /* Secondary color, can be changed via colors.cs */
-    color: #fff;
-    background-color: rgba(9,113,178, 1); /* Secondary color, can be changed via colors.cs */
+  border: 1px solid rgba(9, 113, 178, 1); /* Secondary color, can be changed via colors.cs */
+  color: #fff;
+  background-color: rgba(
+    9,
+    113,
+    178,
+    1
+  ); /* Secondary color, can be changed via colors.cs */
 }
 
-
 .btn-outlined:hover,
-.btn-outlined:focus{
-    border: 1px solid rgba(9,113,178, 1); /* Secondary color, can be changed via colors.cs */
-    color: rgba(9,113,178, 1); /* Secondary color, can be changed via colors.cs */
-    background: transparent;
-}
-
-.btn-overcolor{
-    border: 1px solid rgba(255, 255, 255, 1);
-    color: #fff;
-    background: #931ed1; /* Primary color, can be changed via colors.css */
+.btn-outlined:focus {
+  border: 1px solid rgba(9, 113, 178, 1); /* Secondary color, can be changed via colors.cs */
+  color: rgba(
+    9,
+    113,
+    178,
+    1
+  ); /* Secondary color, can be changed via colors.cs */
+  background: transparent;
+}
+
+.btn-overcolor {
+  border: 1px solid rgba(255, 255, 255, 1);
+  color: #fff;
+  background: #931ed1; /* Primary color, can be changed via colors.css */
 }
 
-
-.btn-lg{
-    margin: 15px 0;
+.btn-lg {
+  margin: 15px 0;
 }
 
 .circle {
-    padding: 7px;
-    border: 2px solid #fff;
-    border-radius: 50%;
-    width: 60px;
-    height: 60px; 
+  padding: 7px;
+  border: 2px solid #fff;
+  border-radius: 50%;
+  width: 60px;
+  height: 60px;
 }
 
 .squared {
-    padding: 10px;
-    width: 60px;
-    height: 60px; 
+  padding: 10px;
+  width: 60px;
+  height: 60px;
 }
 
-
-
 /* 14:  MEDIA QUERIES START
 /* ---------------------------------------------- */
 
-
 /* Media Queries [min-width:767px]
 /* ---------------------------------------------- */
 
-@media(min-width:767px) {
-
-    .btn {
-        font-size: 20px;
-
-    }
-
+@media (min-width: 767px) {
+  .btn {
+    font-size: 20px;
+  }
 }
 
-
 /* Media Queries [min-width:768px]
 /* ---------------------------------------------- */
 
-@media(min-width:768px) {
-    .about{
-        text-align: center;
-    }
+@media (min-width: 768px) {
+  .about {
+    text-align: center;
+  }
 
+  p {
+    margin: 0 0 35px;
+    font-size: 18px;
+    line-height: 1.6;
+  }
 
-    p {
-        margin: 0 0 35px;
-        font-size: 18px;
-        line-height: 1.6;
-    }
+  .navbar-custom {
+    padding: 20px 0;
+    border-bottom: 0;
+    letter-spacing: 1px;
+    background: 0 0;
+    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+  }
+  .navbar-custom.top-nav-collapse {
+    padding: 10px 0;
+    background: #fff; /* Primary color, can be changed via colors.css */
+    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
+  }
+
+  .navbar-custom.top-nav-collapse .navbar-brand {
+    color: #fff;
+  }
 
-    .navbar-custom {
-        padding: 20px 0;
-        border-bottom: 0;
-        letter-spacing: 1px;
-        background: 0 0;
-        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
-           -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
-                transition: background .5s ease-in-out, padding .5s ease-in-out;
-    }
-    .navbar-custom.top-nav-collapse {
-        padding: 10px 0;
-        background: #fff; /* Primary color, can be changed via colors.css */
-        -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
-           -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
-                transition: background .5s ease-in-out, padding .5s ease-in-out;
-        -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
-                box-shadow: 0 0 10px 2px rgba(0,0,0,.1);
+  .navbar-custom.top-nav-collapse .button_container span {
+    background: #ff00b1;
+  }
 
-    }
+  .navbar-custom.top-nav-collapse .button_container.active span.top,
+  .navbar-custom.top-nav-collapse .button_container.active span.bottom {
+    background: #fff;
+  }
+}
 
-    .navbar-custom.top-nav-collapse .navbar-brand{
-        color: #fff;
-    }
+/* Media Queries [max-width:767px]
+/* ---------------------------------------------- */
 
-    .navbar-custom.top-nav-collapse .button_container span{
-        background: #ff00b1;
-    }
+@media (max-width: 767px) {
+  .about,
+  .cta-two-section {
+    text-align: center;
+  }
+  .carousel-caption {
+    top: 30%;
+    margin: 0;
+  }
 
-    .navbar-custom.top-nav-collapse .button_container.active span.top,
-    .navbar-custom.top-nav-collapse .button_container.active span.bottom{
-        background:#fff;
-    }
+  .carousel-caption h1 {
+    font-size: 25px;
+  }
 
+  .carousel-caption .intro-text {
+    font-size: 20px;
+    padding: 0;
+  }
 
-}
+  .mouse {
+    display: none;
+  }
 
-/* Media Queries [max-width:767px]
-/* ---------------------------------------------- */
+  .circle {
+    padding: 0px;
+    font-size: 18px;
+    border-radius: 50%;
+    width: 40px;
+    height: 40px;
+  }
+
+  .navbar-custom a {
+    color: #931ed1;
+    color: #fff;
+  }
+  .navbar-custom .navbar-brand {
+    padding-top: 23px;
+  }
+
+  .video-section {
+    background: url(../images/youtube-video-cover.jpg) no-repeat bottom center
+      scroll;
+  }
+
+  .button_container span,
+  .button_container span {
+    background: #ff00b1 !important;
+  }
+
+  .button_container.active span.top,
+  .button_container.active span.bottom {
+    background: #fff;
+  }
 
-@media(max-width:767px) {
-
-    .about,
-    .cta-two-section{
-        text-align: center;
-    }
-    .carousel-caption {
-        top: 30%;
-        margin: 0;
-   
-    }
-
-    .carousel-caption h1 {
-        font-size: 25px;
-    }
-
-    .carousel-caption .intro-text {
-        font-size: 20px;
-        padding: 0;
-    }
-
-    .mouse{
-        display: none;
-    }
-
-    .circle {
-        padding: 0px;
-        font-size: 18px;
-        border-radius: 50%;
-        width: 40px;
-        height: 40px;
-    }
-
-     .navbar-custom a{
-        color: #931ed1;
-        color: #fff;
-    }
-    .navbar-custom .navbar-brand{
-        padding-top: 23px;
-    }
-
-    .video-section{
-        background: url(../images/youtube-video-cover.jpg) no-repeat bottom center scroll;
-    }
-
-
-    .button_container span,
-    .button_container span {
-        background: #ff00b1 !important;
-    }
-
-    .button_container.active span.top,
-    .button_container.active span.bottom{
-        background:#fff;
-    }
-
-
-    .cta-two-section .btn{
-        margin: 20px 0 0 0;
-    }
-
-    .scroll-top {
-        bottom: 4%;
-        right: 3%;
-    }
-    
-    .scroll-top a:link,
-    .scroll-top a:visited {
-        padding:2px 6px;
-        font-size: 25px;
-    }
+  .cta-two-section .btn {
+    margin: 20px 0 0 0;
+  }
+
+  .scroll-top {
+    bottom: 4%;
+    right: 3%;
+  }
 
+  .scroll-top a:link,
+  .scroll-top a:visited {
+    padding: 2px 6px;
+    font-size: 25px;
+  }
 }
 
 /* Media Queries [max-device-width:800px] - Fix for HTML5 videos on mobile devices
 /* ---------------------------------------------- */
 @media screen and (max-device-width: 800px) {
-    /*body {
+  /*body {
         background: url(../images/youtube-video-cover.jpg) #000 no-repeat center center fixed;
     }*/
-    .html5-video-container{
-        background: url(../images/typing-on-mac.jpg) no-repeat bottom center scroll;
+  .html5-video-container {
+    background: url(../images/typing-on-mac.jpg) no-repeat bottom center scroll;
     -webkit-background-size: cover;
-       -moz-background-size: cover;
-            background-size: cover;
-         -o-background-size: cover;
-        background-attachment: fixed;
-    }
-    #bgvid{
-        display: none;
-    }
+    -moz-background-size: cover;
+    background-size: cover;
+    -o-background-size: cover;
+    background-attachment: fixed;
+  }
+  #bgvid {
+    display: none;
+  }
 }
 
-
 /* Media Queries [min-width:992px]
 /* ---------------------------------------------- */
 @media screen and (min-width: 992px) {
-    .about{
-        text-align: left;
-    }
+  .about {
+    text-align: left;
+  }
 
-    .video-controls,
-    .html5-video-controls{
-        display: block;
-    }
+  .video-controls,
+  .html5-video-controls {
+    display: block;
+  }
 
-    .carousel-control{
-        top: 48%;
-        margin:0%;
-    }
+  .carousel-control {
+    top: 48%;
+    margin: 0%;
+  }
 
-    .products{
-        text-align: left;
-    }
+  .products {
+    text-align: left;
+    padding: 4em 0;
+  }
 
+  .product-item p {
+    padding: 0px 3em;
+  }
 }
 
-
 /* Media Queries [max-width:1199px]
 /* ---------------------------------------------- */
 
-@media(max-width:1199px) {
-   .navbar-custom .button_container span {
-        background: #fff;
-    }
-
+@media (max-width: 1199px) {
+  .navbar-custom .button_container span {
+    background: #fff;
+  }
 }
 
-
-
-
 /* Selection and other generic styles
 /* ---------------------------------------------- */
 ::-moz-selection {
-    text-shadow: none;
-    background: #fcfcfc;
-    color: #fff;
-    background: rgba(254,82,76, .8);
+  text-shadow: none;
+  background: #fcfcfc;
+  color: #fff;
+  background: rgba(254, 82, 76, 0.8);
 }
 
 ::selection {
-    text-shadow: none;
-    background: #fcfcfc;
-    color: #fff;
-    background: rgba(254,82,76, .8);
+  text-shadow: none;
+  background: #fcfcfc;
+  color: #fff;
+  background: rgba(254, 82, 76, 0.8);
 }
 
 img::selection {
-    background: 0 0;
+  background: 0 0;
 }
 
 img::-moz-selection {
-    background: 0 0;
+  background: 0 0;
 }
 
 body {
-    webkit-tap-highlight-color: rgba(254,82,76, .8);
+  webkit-tap-highlight-color: rgba(254, 82, 76, 0.8);
 }
 
-
-
 /* Debug styles (remove before exporting for production)
 /* ---------------------------------------------- */
 
-.debug{
-    border:1px solid #f00;
+.debug {
+  border: 1px solid #f00;
 }
 
-.brand-logo{
-    width: 25%;
-    float: left;
-    transition: 1s;
+.brand-logo {
+  width: 25%;
+  float: left;
+  transition: 1s;
+}
+.navbar {
+  min-height: 66px;
 }
-.navbar{
-    min-height: 66px;
-}
\ No newline at end of file
diff --git a/assets/css/plugins/style.css b/assets/css/plugins/style.css
index 81e3e3a..48908ae 100644
--- a/assets/css/plugins/style.css
+++ b/assets/css/plugins/style.css
@@ -6,14 +6,29 @@
 /**
  * Correct `block` display not defined in IE 8/9.
  */
-article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
-  display: block; }
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+  display: block;
+}
 
 /**
  * Correct `inline-block` display not defined in IE 8/9.
  */
-audio, canvas, video {
-  display: inline-block; }
+audio,
+canvas,
+video {
+  display: inline-block;
+}
 
 /**
  * Prevent modern browsers from displaying `audio` without controls.
@@ -21,13 +36,15 @@ audio, canvas, video {
  */
 audio:not([controls]) {
   display: none;
-  height: 0; }
+  height: 0;
+}
 
 /**
  * Address styling not present in IE 8/9.
  */
 [hidden] {
-  display: none; }
+  display: none;
+}
 
 /* ==========================================================================
    Base
@@ -42,14 +59,16 @@ html {
   /* 1 */
   -ms-text-size-adjust: 100%;
   /* 2 */
-  -webkit-text-size-adjust: 100%
-  /* 2 */ }
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+}
 
 /**
  * Remove default margin.
  */
 body {
-  margin: 0; }
+  margin: 0;
+}
 
 /* ==========================================================================
    Links
@@ -58,13 +77,16 @@ body {
  * Address `outline` inconsistency between Chrome and other browsers.
  */
 a:focus {
-  outline: thin dotted; }
+  outline: thin dotted;
+}
 
 /**
  * Improve readability when focused and also mouse hovered in all browsers.
  */
-a:active, a:hover {
-  outline: 0; }
+a:active,
+a:hover {
+  outline: 0;
+}
 
 /* ==========================================================================
    Typography
@@ -73,73 +95,90 @@ a:active, a:hover {
  * Address styling not present in IE 8/9, Safari 5, and Chrome.
  */
 abbr[title] {
-  border-bottom: 1px dotted; }
+  border-bottom: 1px dotted;
+}
 
 /**
  * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  */
-b, strong {
-  font-weight: bold; }
+b,
+strong {
+  font-weight: bold;
+}
 
 /**
  * Address styling not present in Safari 5 and Chrome.
  */
 dfn {
-  font-style: italic; }
+  font-style: italic;
+}
 
 /**
  * Address differences between Firefox and other browsers.
  */
 hr {
   box-sizing: content-box;
-  height: 0; }
+  height: 0;
+}
 
 /**
  * Address styling not present in IE 8/9.
  */
 mark {
   background: #ff0;
-  color: #000; }
+  color: #000;
+}
 
 /**
  * Correct font family set oddly in Safari 5 and Chrome.
  */
-code, kbd, pre, samp {
+code,
+kbd,
+pre,
+samp {
   font-family: monospace, serif;
-  font-size: 1em; }
+  font-size: 1em;
+}
 
 /**
  * Improve readability of pre-formatted text in all browsers.
  */
 pre {
-  white-space: pre-wrap; }
+  white-space: pre-wrap;
+}
 
 /**
  * Set consistent quote types.
  */
 q {
-  quotes: "\201C" "\201D" "\2018" "\2019"; }
+  quotes: "\201C""\201D""\2018""\2019";
+}
 
 /**
  * Address inconsistent and variable font size in all browsers.
  */
 small {
-  font-size: 80%; }
+  font-size: 80%;
+}
 
 /**
  * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  */
-sub, sup {
+sub,
+sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
-  vertical-align: baseline; }
+  vertical-align: baseline;
+}
 
 sup {
-  top: -0.5em; }
+  top: -0.5em;
+}
 
 sub {
-  bottom: -0.25em; }
+  bottom: -0.25em;
+}
 
 /* ==========================================================================
    Embedded content
@@ -148,13 +187,15 @@ sub {
  * Remove border when inside `a` element in IE 8/9.
  */
 img {
-  border: 0; }
+  border: 0;
+}
 
 /**
  * Correct overflow displayed oddly in IE 9.
  */
 svg:not(:root) {
-  overflow: hidden; }
+  overflow: hidden;
+}
 
 /* ==========================================================================
    Figures
@@ -163,7 +204,8 @@ svg:not(:root) {
  * Address margin not present in IE 8/9 and Safari 5.
  */
 figure {
-  margin: 0; }
+  margin: 0;
+}
 
 /* ==========================================================================
    Forms
@@ -174,7 +216,8 @@ figure {
 fieldset {
   border: 1px solid #c0c0c0;
   margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em; }
+  padding: 0.35em 0.625em 0.75em;
+}
 
 /**
  * 1. Correct `color` not being inherited in IE 8/9.
@@ -183,28 +226,35 @@ fieldset {
 legend {
   border: 0;
   /* 1 */
-  padding: 0
-  /* 2 */ }
+  padding: 0;
+  /* 2 */
+}
 
 /**
  * 1. Correct font family not being inherited in all browsers.
  * 2. Correct font size not being inherited in all browsers.
  * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  */
-button, input, select, textarea {
+button,
+input,
+select,
+textarea {
   font-family: inherit;
   /* 1 */
   font-size: 100%;
   /* 2 */
-  margin: 0
-  /* 3 */ }
+  margin: 0;
+  /* 3 */
+}
 
 /**
  * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  * the UA stylesheet.
  */
-button, input {
-  line-height: normal; }
+button,
+input {
+  line-height: normal;
+}
 
 /**
  * Address inconsistent `text-transform` inheritance for `button` and `select`.
@@ -212,8 +262,10 @@ button, input {
  * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  * Correct `select` style inheritance in Firefox 4+ and Opera.
  */
-button, select {
-  text-transform: none; }
+button,
+select {
+  text-transform: none;
+}
 
 /**
  * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
@@ -222,48 +274,61 @@ button, select {
  * 3. Improve usability and consistency of cursor style between image-type
  *    `input` and others.
  */
-button, html input[type="button"], input[type="reset"], input[type="submit"] {
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
   -webkit-appearance: button;
   /* 2 */
-  cursor: pointer
-  /* 3 */ }
+  cursor: pointer;
+  /* 3 */
+}
 
 /**
  * Re-set default cursor for disabled elements.
  */
-button[disabled], html input[disabled] {
-  cursor: default; }
+button[disabled],
+html input[disabled] {
+  cursor: default;
+}
 
 /**
  * 1. Address box sizing set to `content-box` in IE 8/9.
  * 2. Remove excess padding in IE 8/9.
  */
-input[type="checkbox"], input[type="radio"] {
+input[type="checkbox"],
+input[type="radio"] {
   box-sizing: border-box;
   /* 1 */
-  padding: 0
-  /* 2 */ }
+  padding: 0;
+  /* 2 */
+}
 
 /**
  * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  */
 input[type="search"] {
-  -webkit-appearance: textfield
-  /* 1 */ }
+  -webkit-appearance: textfield;
+  /* 1 */
+}
 
 /**
  * Remove inner padding and search cancel button in Safari 5 and Chrome
  * on OS X.
  */
-input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-  -webkit-appearance: none; }
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
 
 /**
  * Remove inner padding and border in Firefox 4+.
  */
-button::-moz-focus-inner, input::-moz-focus-inner {
+button::-moz-focus-inner,
+input::-moz-focus-inner {
   border: 0;
-  padding: 0; }
+  padding: 0;
+}
 
 /**
  * 1. Remove default vertical scrollbar in IE 8/9.
@@ -272,8 +337,9 @@ button::-moz-focus-inner, input::-moz-focus-inner {
 textarea {
   overflow: auto;
   /* 1 */
-  vertical-align: top
-  /* 2 */ }
+  vertical-align: top;
+  /* 2 */
+}
 
 /* ==========================================================================
    Tables
@@ -283,64 +349,89 @@ textarea {
  */
 table {
   border-collapse: collapse;
-  border-spacing: 0; }
+  border-spacing: 0;
+}
 
 body {
-  font-family: 'Ubuntu', Verdana, sans-serif;
-  color: #5D6D77; }
+  font-family: "Ubuntu", Verdana, sans-serif;
+  color: #5d6d77;
+}
 
 a {
-  text-decoration: none; }
-a, a:visited {
-  color: #3498DB; }
+  text-decoration: none;
+}
+a,
+a:visited {
+  color: #3498db;
+}
 a:hover {
-  text-decoration: underline; }
+  text-decoration: underline;
+}
 a:active {
-  color: #2ECC71; }
+  color: #2ecc71;
+}
 
-h2, h3, h4, h5, h6 {
-  color: #34495E; }
+h2,
+h3,
+h4,
+h5,
+h6 {
+  color: #34495e;
+}
 
 h1 {
   margin: 20px 0;
   font-weight: 300;
   font-size: 4em;
   line-height: 1;
-  color: #2ECC71; }
+  color: #2ecc71;
+}
 
 h2 {
   position: relative;
   font-size: 2.5em;
-  margin-bottom: 18px; }
+  margin-bottom: 18px;
+}
 h2::after {
-  content: '';
+  content: "";
   position: absolute;
   bottom: 4px;
   left: 0;
   z-index: -1;
   width: 100%;
   height: 2px;
-  background-color: #2ECC71; }
+  background-color: #2ecc71;
+}
 
 h3 {
-  margin: .6667em 0 0.5em;
-  font-size: 1.5em; }
+  margin: 0.6667em 0 0.5em;
+  font-size: 1.5em;
+}
 
 h4 {
-  font-size: 1.25em; }
+  font-size: 1.25em;
+}
 
 @media (max-width: 47.9375em) {
   h1 {
     font-size: 8vw;
-    margin: 3vw 0; }
+    margin: 3vw 0;
+  }
 
   h2 {
     font-size: 6vw;
-    margin: 2vw 0; } }
-h1 > a, h2 > a, h3 > a {
-  display: none; }
+    margin: 2vw 0;
+  }
+}
+h1 > a,
+h2 > a,
+h3 > a {
+  display: none;
+}
 
-h1:hover > a, h2:hover > a, h3:hover > a {
+h1:hover > a,
+h2:hover > a,
+h3:hover > a {
   position: absolute;
   display: block;
   top: 0;
@@ -349,19 +440,24 @@ h1:hover > a, h2:hover > a, h3:hover > a {
   width: 50px;
   background: url("../img/link.svg") no-repeat;
   overflow: hidden;
-  text-indent: -999em; }
+  text-indent: -999em;
+}
 
 .unstyled {
   list-style-type: none;
   padding: 0;
-  margin: 0; }
+  margin: 0;
+}
 
 .light-text-dark-box p {
-  color: #ECF0F1; }
+  color: #ecf0f1;
+}
 .light-text-dark-box a {
-  color: #ECF0F1; }
+  color: #ecf0f1;
+}
 .light-text-dark-box a:hover {
-  color: white; }
+  color: white;
+}
 
 /*!
  * Bootstrap v2.3.2
@@ -374,107 +470,144 @@ h1:hover > a, h2:hover > a, h3:hover > a {
  */
 .row {
   margin-left: -20px;
-  *zoom: 1; }
+  *zoom: 1;
+}
 
-.row:before, .row:after {
+.row:before,
+.row:after {
   display: table;
   content: "";
-  line-height: 0; }
+  line-height: 0;
+}
 
 .row:after {
-  clear: both; }
+  clear: both;
+}
 
 [class*="span"] {
   float: left;
   min-height: 1px;
-  margin-left: 20px; }
+  margin-left: 20px;
+}
 
-.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
-  width: 940px; }
+.container,
+.navbar-static-top .container,
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container {
+  width: 940px;
+}
 
 .span12 {
-  width: 940px; }
+  width: 940px;
+}
 
 .span11 {
-  width: 860px; }
+  width: 860px;
+}
 
 .span10 {
-  width: 780px; }
+  width: 780px;
+}
 
 .span9 {
-  width: 700px; }
+  width: 700px;
+}
 
 .span8 {
-  width: 620px; }
+  width: 620px;
+}
 
 .span7 {
-  width: 540px; }
+  width: 540px;
+}
 
 .span6 {
-  width: 460px; }
+  width: 460px;
+}
 
 .span5 {
-  width: 380px; }
+  width: 380px;
+}
 
 .span4 {
-  width: 300px; }
+  width: 300px;
+}
 
 .span3 {
-  width: 220px; }
+  width: 220px;
+}
 
 .span2 {
-  width: 140px; }
+  width: 140px;
+}
 
 .span1 {
-  width: 60px; }
+  width: 60px;
+}
 
 .offset12 {
-  margin-left: 980px; }
+  margin-left: 980px;
+}
 
 .offset11 {
-  margin-left: 900px; }
+  margin-left: 900px;
+}
 
 .offset10 {
-  margin-left: 820px; }
+  margin-left: 820px;
+}
 
 .offset9 {
-  margin-left: 740px; }
+  margin-left: 740px;
+}
 
 .offset8 {
-  margin-left: 660px; }
+  margin-left: 660px;
+}
 
 .offset7 {
-  margin-left: 580px; }
+  margin-left: 580px;
+}
 
 .offset6 {
-  margin-left: 500px; }
+  margin-left: 500px;
+}
 
 .offset5 {
-  margin-left: 420px; }
+  margin-left: 420px;
+}
 
 .offset4 {
-  margin-left: 340px; }
+  margin-left: 340px;
+}
 
 .offset3 {
-  margin-left: 260px; }
+  margin-left: 260px;
+}
 
 .offset2 {
-  margin-left: 180px; }
+  margin-left: 180px;
+}
 
 .offset1 {
-  margin-left: 100px; }
+  margin-left: 100px;
+}
 
 .row-fluid {
   width: 100%;
-  *zoom: 1; }
+  *zoom: 1;
+}
 
-.row-fluid:before, .row-fluid:after {
+.row-fluid:before,
+.row-fluid:after {
   display: table;
   content: "";
-  line-height: 0; }
+  line-height: 0;
+}
 
 .row-fluid:after {
-  clear: both; }
+  clear: both;
+}
 
 .row-fluid [class*="span"] {
   display: block;
@@ -483,244 +616,324 @@ h1:hover > a, h2:hover > a, h3:hover > a {
   box-sizing: border-box;
   float: left;
   margin-left: 2.127659574468085%;
-  *margin-left: 2.074468085106383%; }
+  *margin-left: 2.074468085106383%;
+}
 
 .row-fluid [class*="span"]:first-child {
-  margin-left: 0; }
+  margin-left: 0;
+}
 
 .row-fluid .controls-row [class*="span"] + [class*="span"] {
-  margin-left: 2.127659574468085%; }
+  margin-left: 2.127659574468085%;
+}
 
 .row-fluid .span12 {
   width: 100%;
-  *width: 99.94680851063829%; }
+  *width: 99.94680851063829%;
+}
 
 .row-fluid .span11 {
   width: 91.48936170212765%;
-  *width: 91.43617021276594%; }
+  *width: 91.43617021276594%;
+}
 
 .row-fluid .span10 {
   width: 82.97872340425532%;
-  *width: 82.92553191489361%; }
+  *width: 82.92553191489361%;
+}
 
 .row-fluid .span9 {
   width: 74.46808510638297%;
-  *width: 74.41489361702126%; }
+  *width: 74.41489361702126%;
+}
 
 .row-fluid .span8 {
   width: 65.95744680851064%;
-  *width: 65.90425531914893%; }
+  *width: 65.90425531914893%;
+}
 
 .row-fluid .span7 {
   width: 57.44680851063829%;
-  *width: 57.39361702127659%; }
+  *width: 57.39361702127659%;
+}
 
 .row-fluid .span6 {
   width: 48.93617021276595%;
-  *width: 48.88297872340425%; }
+  *width: 48.88297872340425%;
+}
 
 .row-fluid .span5 {
   width: 40.42553191489362%;
-  *width: 40.37234042553192%; }
+  *width: 40.37234042553192%;
+}
 
 .row-fluid .span4 {
   width: 31.914893617021278%;
-  *width: 31.861702127659576%; }
+  *width: 31.861702127659576%;
+}
 
 .row-fluid .span3 {
   width: 23.404255319148934%;
-  *width: 23.351063829787233%; }
+  *width: 23.351063829787233%;
+}
 
 .row-fluid .span2 {
   width: 14.893617021276595%;
-  *width: 14.840425531914894%; }
+  *width: 14.840425531914894%;
+}
 
 .row-fluid .span1 {
   width: 6.382978723404255%;
-  *width: 6.329787234042553%; }
+  *width: 6.329787234042553%;
+}
 
 .row-fluid .offset12 {
   margin-left: 104.25531914893617%;
-  *margin-left: 104.14893617021275%; }
+  *margin-left: 104.14893617021275%;
+}
 
 .row-fluid .offset12:first-child {
   margin-left: 102.12765957446808%;
-  *margin-left: 102.02127659574467%; }
+  *margin-left: 102.02127659574467%;
+}
 
 .row-fluid .offset11 {
   margin-left: 95.74468085106382%;
-  *margin-left: 95.6382978723404%; }
+  *margin-left: 95.6382978723404%;
+}
 
 .row-fluid .offset11:first-child {
   margin-left: 93.61702127659574%;
-  *margin-left: 93.51063829787232%; }
+  *margin-left: 93.51063829787232%;
+}
 
 .row-fluid .offset10 {
   margin-left: 87.23404255319149%;
-  *margin-left: 87.12765957446807%; }
+  *margin-left: 87.12765957446807%;
+}
 
 .row-fluid .offset10:first-child {
   margin-left: 85.1063829787234%;
-  *margin-left: 84.99999999999999%; }
+  *margin-left: 84.99999999999999%;
+}
 
 .row-fluid .offset9 {
   margin-left: 78.72340425531914%;
-  *margin-left: 78.61702127659572%; }
+  *margin-left: 78.61702127659572%;
+}
 
 .row-fluid .offset9:first-child {
   margin-left: 76.59574468085106%;
-  *margin-left: 76.48936170212764%; }
+  *margin-left: 76.48936170212764%;
+}
 
 .row-fluid .offset8 {
   margin-left: 70.2127659574468%;
-  *margin-left: 70.10638297872339%; }
+  *margin-left: 70.10638297872339%;
+}
 
 .row-fluid .offset8:first-child {
   margin-left: 68.08510638297872%;
-  *margin-left: 67.9787234042553%; }
+  *margin-left: 67.9787234042553%;
+}
 
 .row-fluid .offset7 {
   margin-left: 61.70212765957446%;
-  *margin-left: 61.59574468085106%; }
+  *margin-left: 61.59574468085106%;
+}
 
 .row-fluid .offset7:first-child {
   margin-left: 59.574468085106375%;
-  *margin-left: 59.46808510638297%; }
+  *margin-left: 59.46808510638297%;
+}
 
 .row-fluid .offset6 {
   margin-left: 53.191489361702125%;
-  *margin-left: 53.085106382978715%; }
+  *margin-left: 53.085106382978715%;
+}
 
 .row-fluid .offset6:first-child {
   margin-left: 51.063829787234035%;
-  *margin-left: 50.95744680851063%; }
+  *margin-left: 50.95744680851063%;
+}
 
 .row-fluid .offset5 {
   margin-left: 44.68085106382979%;
-  *margin-left: 44.57446808510638%; }
+  *margin-left: 44.57446808510638%;
+}
 
 .row-fluid .offset5:first-child {
   margin-left: 42.5531914893617%;
-  *margin-left: 42.4468085106383%; }
+  *margin-left: 42.4468085106383%;
+}
 
 .row-fluid .offset4 {
   margin-left: 36.170212765957444%;
-  *margin-left: 36.06382978723405%; }
+  *margin-left: 36.06382978723405%;
+}
 
 .row-fluid .offset4:first-child {
   margin-left: 34.04255319148936%;
-  *margin-left: 33.93617021276596%; }
+  *margin-left: 33.93617021276596%;
+}
 
 .row-fluid .offset3 {
   margin-left: 27.659574468085104%;
-  *margin-left: 27.5531914893617%; }
+  *margin-left: 27.5531914893617%;
+}
 
 .row-fluid .offset3:first-child {
   margin-left: 25.53191489361702%;
-  *margin-left: 25.425531914893618%; }
+  *margin-left: 25.425531914893618%;
+}
 
 .row-fluid .offset2 {
   margin-left: 19.148936170212764%;
-  *margin-left: 19.04255319148936%; }
+  *margin-left: 19.04255319148936%;
+}
 
 .row-fluid .offset2:first-child {
   margin-left: 17.02127659574468%;
-  *margin-left: 16.914893617021278%; }
+  *margin-left: 16.914893617021278%;
+}
 
 .row-fluid .offset1 {
   margin-left: 10.638297872340425%;
-  *margin-left: 10.53191489361702%; }
+  *margin-left: 10.53191489361702%;
+}
 
 .row-fluid .offset1:first-child {
   margin-left: 8.51063829787234%;
-  *margin-left: 8.404255319148938%; }
+  *margin-left: 8.404255319148938%;
+}
 
-[class*="span"].hide, .row-fluid [class*="span"].hide {
-  display: none; }
+[class*="span"].hide,
+.row-fluid [class*="span"].hide {
+  display: none;
+}
 
-[class*="span"].pull-right, .row-fluid [class*="span"].pull-right {
-  float: right; }
+[class*="span"].pull-right,
+.row-fluid [class*="span"].pull-right {
+  float: right;
+}
 
 .container {
   margin-right: auto;
   margin-left: auto;
-  *zoom: 1; }
+  *zoom: 1;
+}
 
-.container:before, .container:after {
+.container:before,
+.container:after {
   display: table;
   content: "";
-  line-height: 0; }
+  line-height: 0;
+}
 
 .container:after {
-  clear: both; }
+  clear: both;
+}
 
 .container-fluid {
-  *zoom: 1; }
+  *zoom: 1;
+}
 
-.container-fluid:before, .container-fluid:after {
+.container-fluid:before,
+.container-fluid:after {
   display: table;
   content: "";
-  line-height: 0; }
+  line-height: 0;
+}
 
 .container-fluid:after {
-  clear: both; }
+  clear: both;
+}
 
 @media (max-width: 47.9375em) {
-  .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
+  .navbar-fixed-top,
+  .navbar-fixed-bottom,
+  .navbar-static-top {
     margin-left: -20px;
-    margin-right: -20px; }
+    margin-right: -20px;
+  }
 
   .container-fluid {
-    padding: 0; }
+    padding: 0;
+  }
 
   .dl-horizontal dt {
     float: none;
     clear: none;
     width: auto;
-    text-align: left; }
+    text-align: left;
+  }
 
   .dl-horizontal dd {
-    margin-left: 0; }
+    margin-left: 0;
+  }
 
   .container {
-    width: auto; }
+    width: auto;
+  }
 
   .row-fluid {
-    width: 100%; }
+    width: 100%;
+  }
 
-  .row, .thumbnails {
-    margin-left: 0; }
+  .row,
+  .thumbnails {
+    margin-left: 0;
+  }
 
   .thumbnails > li {
     float: none;
-    margin-left: 0; }
+    margin-left: 0;
+  }
 
-  [class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
+  [class*="span"],
+  .uneditable-input[class*="span"],
+  .row-fluid [class*="span"] {
     float: none;
     display: block;
     width: 100%;
     margin-left: 0;
-    box-sizing: border-box; }
+    box-sizing: border-box;
+  }
 
-  .span12, .row-fluid .span12 {
+  .span12,
+  .row-fluid .span12 {
     width: 100%;
-    box-sizing: border-box; }
+    box-sizing: border-box;
+  }
 
   .row-fluid [class*="offset"]:first-child {
-    margin-left: 0; }
-
-  .input-large, .input-xlarge, .input-xxlarge, input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input {
+    margin-left: 0;
+  }
+
+  .input-large,
+  .input-xlarge,
+  .input-xxlarge,
+  input[class*="span"],
+  select[class*="span"],
+  textarea[class*="span"],
+  .uneditable-input {
     display: block;
     width: 100%;
     min-height: 30px;
-    box-sizing: border-box; }
+    box-sizing: border-box;
+  }
 
-  .input-prepend input, .input-append input, .input-prepend input[class*="span"], .input-append input[class*="span"] {
+  .input-prepend input,
+  .input-append input,
+  .input-prepend input[class*="span"],
+  .input-append input[class*="span"] {
     display: inline-block;
-    width: auto; }
+    width: auto;
+  }
 
   .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 0; }
+    margin-left: 0;
+  }
 
   .modal {
     position: fixed;
@@ -728,164 +941,220 @@ h1:hover > a, h2:hover > a, h3:hover > a {
     left: 20px;
     right: 20px;
     width: auto;
-    margin: 0; }
+    margin: 0;
+  }
 
   .modal.fade {
-    top: -100px; }
+    top: -100px;
+  }
 
   .modal.fade.in {
-    top: 20px; } }
+    top: 20px;
+  }
+}
 @media (max-width: 30em) {
   .nav-collapse {
-    -webkit-transform: translate3d(0, 0, 0); }
+    -webkit-transform: translate3d(0, 0, 0);
+  }
 
   .page-header h1 small {
     display: block;
-    line-height: 20px; }
+    line-height: 20px;
+  }
 
-  input[type="checkbox"], input[type="radio"] {
-    border: 1px solid #ccc; }
+  input[type="checkbox"],
+  input[type="radio"] {
+    border: 1px solid #ccc;
+  }
 
   .form-horizontal .control-label {
     float: none;
     width: auto;
     padding-top: 0;
-    text-align: left; }
+    text-align: left;
+  }
 
   .form-horizontal .controls {
-    margin-left: 0; }
+    margin-left: 0;
+  }
 
   .form-horizontal .control-list {
-    padding-top: 0; }
+    padding-top: 0;
+  }
 
   .form-horizontal .form-actions {
     padding-left: 10px;
-    padding-right: 10px; }
+    padding-right: 10px;
+  }
 
-  .media .pull-left, .media .pull-right {
+  .media .pull-left,
+  .media .pull-right {
     float: none;
     display: block;
-    margin-bottom: 10px; }
+    margin-bottom: 10px;
+  }
 
   .media-object {
     margin-right: 0;
-    margin-left: 0; }
+    margin-left: 0;
+  }
 
   .modal {
     top: 10px;
     left: 10px;
-    right: 10px; }
+    right: 10px;
+  }
 
   .modal-header .close {
     padding: 10px;
-    margin: -10px; }
+    margin: -10px;
+  }
 
   .carousel-caption {
-    position: static; } }
+    position: static;
+  }
+}
 @media (min-width: 48em) and (max-width: 61.1875em) {
   .row {
     margin-left: -20px;
-    *zoom: 1; }
+    *zoom: 1;
+  }
 
-  .row:before, .row:after {
+  .row:before,
+  .row:after {
     display: table;
     content: "";
-    line-height: 0; }
+    line-height: 0;
+  }
 
   .row:after {
-    clear: both; }
+    clear: both;
+  }
 
   [class*="span"] {
     float: left;
     min-height: 1px;
-    margin-left: 20px; }
+    margin-left: 20px;
+  }
 
-  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
-    width: 724px; }
+  .container,
+  .navbar-static-top .container,
+  .navbar-fixed-top .container,
+  .navbar-fixed-bottom .container {
+    width: 724px;
+  }
 
   .span12 {
-    width: 724px; }
+    width: 724px;
+  }
 
   .span11 {
-    width: 662px; }
+    width: 662px;
+  }
 
   .span10 {
-    width: 600px; }
+    width: 600px;
+  }
 
   .span9 {
-    width: 538px; }
+    width: 538px;
+  }
 
   .span8 {
-    width: 476px; }
+    width: 476px;
+  }
 
   .span7 {
-    width: 414px; }
+    width: 414px;
+  }
 
   .span6 {
-    width: 352px; }
+    width: 352px;
+  }
 
   .span5 {
-    width: 290px; }
+    width: 290px;
+  }
 
   .span4 {
-    width: 228px; }
+    width: 228px;
+  }
 
   .span3 {
-    width: 166px; }
+    width: 166px;
+  }
 
   .span2 {
-    width: 104px; }
+    width: 104px;
+  }
 
   .span1 {
-    width: 42px; }
+    width: 42px;
+  }
 
   .offset12 {
-    margin-left: 764px; }
+    margin-left: 764px;
+  }
 
   .offset11 {
-    margin-left: 702px; }
+    margin-left: 702px;
+  }
 
   .offset10 {
-    margin-left: 640px; }
+    margin-left: 640px;
+  }
 
   .offset9 {
-    margin-left: 578px; }
+    margin-left: 578px;
+  }
 
   .offset8 {
-    margin-left: 516px; }
+    margin-left: 516px;
+  }
 
   .offset7 {
-    margin-left: 454px; }
+    margin-left: 454px;
+  }
 
   .offset6 {
-    margin-left: 392px; }
+    margin-left: 392px;
+  }
 
   .offset5 {
-    margin-left: 330px; }
+    margin-left: 330px;
+  }
 
   .offset4 {
-    margin-left: 268px; }
+    margin-left: 268px;
+  }
 
   .offset3 {
-    margin-left: 206px; }
+    margin-left: 206px;
+  }
 
   .offset2 {
-    margin-left: 144px; }
+    margin-left: 144px;
+  }
 
   .offset1 {
-    margin-left: 82px; }
+    margin-left: 82px;
+  }
 
   .row-fluid {
     width: 100%;
-    *zoom: 1; }
+    *zoom: 1;
+  }
 
-  .row-fluid:before, .row-fluid:after {
+  .row-fluid:before,
+  .row-fluid:after {
     display: table;
     content: "";
-    line-height: 0; }
+    line-height: 0;
+  }
 
   .row-fluid:after {
-    clear: both; }
+    clear: both;
+  }
 
   .row-fluid [class*="span"] {
     display: block;
@@ -894,303 +1163,420 @@ h1:hover > a, h2:hover > a, h3:hover > a {
     box-sizing: border-box;
     float: left;
     margin-left: 2.7624309392265194%;
-    *margin-left: 2.709239449864817%; }
+    *margin-left: 2.709239449864817%;
+  }
 
   .row-fluid [class*="span"]:first-child {
-    margin-left: 0; }
+    margin-left: 0;
+  }
 
   .row-fluid .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 2.7624309392265194%; }
+    margin-left: 2.7624309392265194%;
+  }
 
   .row-fluid .span12 {
     width: 100%;
-    *width: 99.94680851063829%; }
+    *width: 99.94680851063829%;
+  }
 
   .row-fluid .span11 {
     width: 91.43646408839778%;
-    *width: 91.38327259903608%; }
+    *width: 91.38327259903608%;
+  }
 
   .row-fluid .span10 {
     width: 82.87292817679558%;
-    *width: 82.81973668743387%; }
+    *width: 82.81973668743387%;
+  }
 
   .row-fluid .span9 {
     width: 74.30939226519337%;
-    *width: 74.25620077583166%; }
+    *width: 74.25620077583166%;
+  }
 
   .row-fluid .span8 {
     width: 65.74585635359117%;
-    *width: 65.69266486422946%; }
+    *width: 65.69266486422946%;
+  }
 
   .row-fluid .span7 {
     width: 57.18232044198895%;
-    *width: 57.12912895262725%; }
+    *width: 57.12912895262725%;
+  }
 
   .row-fluid .span6 {
     width: 48.61878453038674%;
-    *width: 48.56559304102504%; }
+    *width: 48.56559304102504%;
+  }
 
   .row-fluid .span5 {
     width: 40.05524861878453%;
-    *width: 40.00205712942283%; }
+    *width: 40.00205712942283%;
+  }
 
   .row-fluid .span4 {
     width: 31.491712707182323%;
-    *width: 31.43852121782062%; }
+    *width: 31.43852121782062%;
+  }
 
   .row-fluid .span3 {
     width: 22.92817679558011%;
-    *width: 22.87498530621841%; }
+    *width: 22.87498530621841%;
+  }
 
   .row-fluid .span2 {
     width: 14.3646408839779%;
-    *width: 14.311449394616199%; }
+    *width: 14.311449394616199%;
+  }
 
   .row-fluid .span1 {
     width: 5.801104972375691%;
-    *width: 5.747913483013988%; }
+    *width: 5.747913483013988%;
+  }
 
   .row-fluid .offset12 {
     margin-left: 105.52486187845304%;
-    *margin-left: 105.41847889972962%; }
+    *margin-left: 105.41847889972962%;
+  }
 
   .row-fluid .offset12:first-child {
     margin-left: 102.76243093922652%;
-    *margin-left: 102.6560479605031%; }
+    *margin-left: 102.6560479605031%;
+  }
 
   .row-fluid .offset11 {
     margin-left: 96.96132596685082%;
-    *margin-left: 96.8549429881274%; }
+    *margin-left: 96.8549429881274%;
+  }
 
   .row-fluid .offset11:first-child {
     margin-left: 94.1988950276243%;
-    *margin-left: 94.09251204890089%; }
+    *margin-left: 94.09251204890089%;
+  }
 
   .row-fluid .offset10 {
     margin-left: 88.39779005524862%;
-    *margin-left: 88.2914070765252%; }
+    *margin-left: 88.2914070765252%;
+  }
 
   .row-fluid .offset10:first-child {
     margin-left: 85.6353591160221%;
-    *margin-left: 85.52897613729868%; }
+    *margin-left: 85.52897613729868%;
+  }
 
   .row-fluid .offset9 {
     margin-left: 79.8342541436464%;
-    *margin-left: 79.72787116492299%; }
+    *margin-left: 79.72787116492299%;
+  }
 
   .row-fluid .offset9:first-child {
     margin-left: 77.07182320441989%;
-    *margin-left: 76.96544022569647%; }
+    *margin-left: 76.96544022569647%;
+  }
 
   .row-fluid .offset8 {
     margin-left: 71.2707182320442%;
-    *margin-left: 71.16433525332079%; }
+    *margin-left: 71.16433525332079%;
+  }
 
   .row-fluid .offset8:first-child {
     margin-left: 68.50828729281768%;
-    *margin-left: 68.40190431409427%; }
+    *margin-left: 68.40190431409427%;
+  }
 
   .row-fluid .offset7 {
     margin-left: 62.70718232044199%;
-    *margin-left: 62.600799341718584%; }
+    *margin-left: 62.600799341718584%;
+  }
 
   .row-fluid .offset7:first-child {
     margin-left: 59.94475138121547%;
-    *margin-left: 59.838368402492065%; }
+    *margin-left: 59.838368402492065%;
+  }
 
   .row-fluid .offset6 {
     margin-left: 54.14364640883978%;
-    *margin-left: 54.037263430116376%; }
+    *margin-left: 54.037263430116376%;
+  }
 
   .row-fluid .offset6:first-child {
     margin-left: 51.38121546961326%;
-    *margin-left: 51.27483249088986%; }
+    *margin-left: 51.27483249088986%;
+  }
 
   .row-fluid .offset5 {
     margin-left: 45.58011049723757%;
-    *margin-left: 45.47372751851417%; }
+    *margin-left: 45.47372751851417%;
+  }
 
   .row-fluid .offset5:first-child {
     margin-left: 42.81767955801105%;
-    *margin-left: 42.71129657928765%; }
+    *margin-left: 42.71129657928765%;
+  }
 
   .row-fluid .offset4 {
     margin-left: 37.01657458563536%;
-    *margin-left: 36.91019160691196%; }
+    *margin-left: 36.91019160691196%;
+  }
 
   .row-fluid .offset4:first-child {
     margin-left: 34.25414364640884%;
-    *margin-left: 34.14776066768544%; }
+    *margin-left: 34.14776066768544%;
+  }
 
   .row-fluid .offset3 {
     margin-left: 28.45303867403315%;
-    *margin-left: 28.346655695309746%; }
+    *margin-left: 28.346655695309746%;
+  }
 
   .row-fluid .offset3:first-child {
     margin-left: 25.69060773480663%;
-    *margin-left: 25.584224756083227%; }
+    *margin-left: 25.584224756083227%;
+  }
 
   .row-fluid .offset2 {
     margin-left: 19.88950276243094%;
-    *margin-left: 19.783119783707537%; }
+    *margin-left: 19.783119783707537%;
+  }
 
   .row-fluid .offset2:first-child {
     margin-left: 17.12707182320442%;
-    *margin-left: 17.02068884448102%; }
+    *margin-left: 17.02068884448102%;
+  }
 
   .row-fluid .offset1 {
     margin-left: 11.32596685082873%;
-    *margin-left: 11.219583872105325%; }
+    *margin-left: 11.219583872105325%;
+  }
 
   .row-fluid .offset1:first-child {
     margin-left: 8.56353591160221%;
-    *margin-left: 8.457152932878806%; }
+    *margin-left: 8.457152932878806%;
+  }
 
-  input, textarea, .uneditable-input {
-    margin-left: 0; }
+  input,
+  textarea,
+  .uneditable-input {
+    margin-left: 0;
+  }
 
   .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 20px; }
-
-  input.span12, textarea.span12, .uneditable-input.span12 {
-    width: 710px; }
-
-  input.span11, textarea.span11, .uneditable-input.span11 {
-    width: 648px; }
-
-  input.span10, textarea.span10, .uneditable-input.span10 {
-    width: 586px; }
-
-  input.span9, textarea.span9, .uneditable-input.span9 {
-    width: 524px; }
-
-  input.span8, textarea.span8, .uneditable-input.span8 {
-    width: 462px; }
-
-  input.span7, textarea.span7, .uneditable-input.span7 {
-    width: 400px; }
-
-  input.span6, textarea.span6, .uneditable-input.span6 {
-    width: 338px; }
-
-  input.span5, textarea.span5, .uneditable-input.span5 {
-    width: 276px; }
-
-  input.span4, textarea.span4, .uneditable-input.span4 {
-    width: 214px; }
-
-  input.span3, textarea.span3, .uneditable-input.span3 {
-    width: 152px; }
-
-  input.span2, textarea.span2, .uneditable-input.span2 {
-    width: 90px; }
-
-  input.span1, textarea.span1, .uneditable-input.span1 {
-    width: 28px; } }
+    margin-left: 20px;
+  }
+
+  input.span12,
+  textarea.span12,
+  .uneditable-input.span12 {
+    width: 710px;
+  }
+
+  input.span11,
+  textarea.span11,
+  .uneditable-input.span11 {
+    width: 648px;
+  }
+
+  input.span10,
+  textarea.span10,
+  .uneditable-input.span10 {
+    width: 586px;
+  }
+
+  input.span9,
+  textarea.span9,
+  .uneditable-input.span9 {
+    width: 524px;
+  }
+
+  input.span8,
+  textarea.span8,
+  .uneditable-input.span8 {
+    width: 462px;
+  }
+
+  input.span7,
+  textarea.span7,
+  .uneditable-input.span7 {
+    width: 400px;
+  }
+
+  input.span6,
+  textarea.span6,
+  .uneditable-input.span6 {
+    width: 338px;
+  }
+
+  input.span5,
+  textarea.span5,
+  .uneditable-input.span5 {
+    width: 276px;
+  }
+
+  input.span4,
+  textarea.span4,
+  .uneditable-input.span4 {
+    width: 214px;
+  }
+
+  input.span3,
+  textarea.span3,
+  .uneditable-input.span3 {
+    width: 152px;
+  }
+
+  input.span2,
+  textarea.span2,
+  .uneditable-input.span2 {
+    width: 90px;
+  }
+
+  input.span1,
+  textarea.span1,
+  .uneditable-input.span1 {
+    width: 28px;
+  }
+}
 @media (min-width: 75em) {
   .row {
     margin-left: -30px;
-    *zoom: 1; }
+    *zoom: 1;
+  }
 
-  .row:before, .row:after {
+  .row:before,
+  .row:after {
     display: table;
     content: "";
-    line-height: 0; }
+    line-height: 0;
+  }
 
   .row:after {
-    clear: both; }
+    clear: both;
+  }
 
   [class*="span"] {
     float: left;
     min-height: 1px;
-    margin-left: 30px; }
+    margin-left: 30px;
+  }
 
-  .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
-    width: 1170px; }
+  .container,
+  .navbar-static-top .container,
+  .navbar-fixed-top .container,
+  .navbar-fixed-bottom .container {
+    width: 1170px;
+  }
 
   .span12 {
-    width: 1170px; }
+    width: 1170px;
+  }
 
   .span11 {
-    width: 1070px; }
+    width: 1070px;
+  }
 
   .span10 {
-    width: 970px; }
+    width: 970px;
+  }
 
   .span9 {
-    width: 870px; }
+    width: 870px;
+  }
 
   .span8 {
-    width: 770px; }
+    width: 770px;
+  }
 
   .span7 {
-    width: 670px; }
+    width: 670px;
+  }
 
   .span6 {
-    width: 570px; }
+    width: 570px;
+  }
 
   .span5 {
-    width: 470px; }
+    width: 470px;
+  }
 
   .span4 {
-    width: 370px; }
+    width: 370px;
+  }
 
   .span3 {
-    width: 270px; }
+    width: 270px;
+  }
 
   .span2 {
-    width: 170px; }
+    width: 170px;
+  }
 
   .span1 {
-    width: 70px; }
+    width: 70px;
+  }
 
   .offset12 {
-    margin-left: 1230px; }
+    margin-left: 1230px;
+  }
 
   .offset11 {
-    margin-left: 1130px; }
+    margin-left: 1130px;
+  }
 
   .offset10 {
-    margin-left: 1030px; }
+    margin-left: 1030px;
+  }
 
   .offset9 {
-    margin-left: 930px; }
+    margin-left: 930px;
+  }
 
   .offset8 {
-    margin-left: 830px; }
+    margin-left: 830px;
+  }
 
   .offset7 {
-    margin-left: 730px; }
+    margin-left: 730px;
+  }
 
   .offset6 {
-    margin-left: 630px; }
+    margin-left: 630px;
+  }
 
   .offset5 {
-    margin-left: 530px; }
+    margin-left: 530px;
+  }
 
   .offset4 {
-    margin-left: 430px; }
+    margin-left: 430px;
+  }
 
   .offset3 {
-    margin-left: 330px; }
+    margin-left: 330px;
+  }
 
   .offset2 {
-    margin-left: 230px; }
+    margin-left: 230px;
+  }
 
   .offset1 {
-    margin-left: 130px; }
+    margin-left: 130px;
+  }
 
   .row-fluid {
     width: 100%;
-    *zoom: 1; }
+    *zoom: 1;
+  }
 
-  .row-fluid:before, .row-fluid:after {
+  .row-fluid:before,
+  .row-fluid:after {
     display: table;
     content: "";
-    line-height: 0; }
+    line-height: 0;
+  }
 
   .row-fluid:after {
-    clear: both; }
+    clear: both;
+  }
 
   .row-fluid [class*="span"] {
     display: block;
@@ -1199,495 +1585,679 @@ h1:hover > a, h2:hover > a, h3:hover > a {
     box-sizing: border-box;
     float: left;
     margin-left: 2.564102564102564%;
-    *margin-left: 2.5109110747408616%; }
+    *margin-left: 2.5109110747408616%;
+  }
 
   .row-fluid [class*="span"]:first-child {
-    margin-left: 0; }
+    margin-left: 0;
+  }
 
   .row-fluid .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 2.564102564102564%; }
+    margin-left: 2.564102564102564%;
+  }
 
   .row-fluid .span12 {
     width: 100%;
-    *width: 99.94680851063829%; }
+    *width: 99.94680851063829%;
+  }
 
   .row-fluid .span11 {
     width: 91.45299145299145%;
-    *width: 91.39979996362975%; }
+    *width: 91.39979996362975%;
+  }
 
   .row-fluid .span10 {
     width: 82.90598290598291%;
-    *width: 82.8527914166212%; }
+    *width: 82.8527914166212%;
+  }
 
   .row-fluid .span9 {
     width: 74.35897435897436%;
-    *width: 74.30578286961266%; }
+    *width: 74.30578286961266%;
+  }
 
   .row-fluid .span8 {
     width: 65.81196581196582%;
-    *width: 65.75877432260411%; }
+    *width: 65.75877432260411%;
+  }
 
   .row-fluid .span7 {
     width: 57.26495726495726%;
-    *width: 57.21176577559556%; }
+    *width: 57.21176577559556%;
+  }
 
   .row-fluid .span6 {
     width: 48.717948717948715%;
-    *width: 48.664757228587014%; }
+    *width: 48.664757228587014%;
+  }
 
   .row-fluid .span5 {
     width: 40.17094017094017%;
-    *width: 40.11774868157847%; }
+    *width: 40.11774868157847%;
+  }
 
   .row-fluid .span4 {
     width: 31.623931623931625%;
-    *width: 31.570740134569924%; }
+    *width: 31.570740134569924%;
+  }
 
   .row-fluid .span3 {
     width: 23.076923076923077%;
-    *width: 23.023731587561375%; }
+    *width: 23.023731587561375%;
+  }
 
   .row-fluid .span2 {
     width: 14.52991452991453%;
-    *width: 14.476723040552828%; }
+    *width: 14.476723040552828%;
+  }
 
   .row-fluid .span1 {
     width: 5.982905982905983%;
-    *width: 5.929714493544281%; }
+    *width: 5.929714493544281%;
+  }
 
   .row-fluid .offset12 {
     margin-left: 105.12820512820512%;
-    *margin-left: 105.02182214948171%; }
+    *margin-left: 105.02182214948171%;
+  }
 
   .row-fluid .offset12:first-child {
     margin-left: 102.56410256410257%;
-    *margin-left: 102.45771958537915%; }
+    *margin-left: 102.45771958537915%;
+  }
 
   .row-fluid .offset11 {
     margin-left: 96.58119658119658%;
-    *margin-left: 96.47481360247316%; }
+    *margin-left: 96.47481360247316%;
+  }
 
   .row-fluid .offset11:first-child {
     margin-left: 94.01709401709402%;
-    *margin-left: 93.91071103837061%; }
+    *margin-left: 93.91071103837061%;
+  }
 
   .row-fluid .offset10 {
     margin-left: 88.03418803418803%;
-    *margin-left: 87.92780505546462%; }
+    *margin-left: 87.92780505546462%;
+  }
 
   .row-fluid .offset10:first-child {
     margin-left: 85.47008547008548%;
-    *margin-left: 85.36370249136206%; }
+    *margin-left: 85.36370249136206%;
+  }
 
   .row-fluid .offset9 {
     margin-left: 79.48717948717949%;
-    *margin-left: 79.38079650845607%; }
+    *margin-left: 79.38079650845607%;
+  }
 
   .row-fluid .offset9:first-child {
     margin-left: 76.92307692307693%;
-    *margin-left: 76.81669394435352%; }
+    *margin-left: 76.81669394435352%;
+  }
 
   .row-fluid .offset8 {
     margin-left: 70.94017094017094%;
-    *margin-left: 70.83378796144753%; }
+    *margin-left: 70.83378796144753%;
+  }
 
   .row-fluid .offset8:first-child {
     margin-left: 68.37606837606839%;
-    *margin-left: 68.26968539734497%; }
+    *margin-left: 68.26968539734497%;
+  }
 
   .row-fluid .offset7 {
     margin-left: 62.393162393162385%;
-    *margin-left: 62.28677941443899%; }
+    *margin-left: 62.28677941443899%;
+  }
 
   .row-fluid .offset7:first-child {
     margin-left: 59.82905982905982%;
-    *margin-left: 59.72267685033642%; }
+    *margin-left: 59.72267685033642%;
+  }
 
   .row-fluid .offset6 {
     margin-left: 53.84615384615384%;
-    *margin-left: 53.739770867430444%; }
+    *margin-left: 53.739770867430444%;
+  }
 
   .row-fluid .offset6:first-child {
     margin-left: 51.28205128205128%;
-    *margin-left: 51.175668303327875%; }
+    *margin-left: 51.175668303327875%;
+  }
 
   .row-fluid .offset5 {
     margin-left: 45.299145299145295%;
-    *margin-left: 45.1927623204219%; }
+    *margin-left: 45.1927623204219%;
+  }
 
   .row-fluid .offset5:first-child {
     margin-left: 42.73504273504273%;
-    *margin-left: 42.62865975631933%; }
+    *margin-left: 42.62865975631933%;
+  }
 
   .row-fluid .offset4 {
     margin-left: 36.75213675213675%;
-    *margin-left: 36.645753773413354%; }
+    *margin-left: 36.645753773413354%;
+  }
 
   .row-fluid .offset4:first-child {
     margin-left: 34.18803418803419%;
-    *margin-left: 34.081651209310785%; }
+    *margin-left: 34.081651209310785%;
+  }
 
   .row-fluid .offset3 {
     margin-left: 28.205128205128204%;
-    *margin-left: 28.0987452264048%; }
+    *margin-left: 28.0987452264048%;
+  }
 
   .row-fluid .offset3:first-child {
     margin-left: 25.641025641025642%;
-    *margin-left: 25.53464266230224%; }
+    *margin-left: 25.53464266230224%;
+  }
 
   .row-fluid .offset2 {
     margin-left: 19.65811965811966%;
-    *margin-left: 19.551736679396257%; }
+    *margin-left: 19.551736679396257%;
+  }
 
   .row-fluid .offset2:first-child {
     margin-left: 17.094017094017094%;
-    *margin-left: 16.98763411529369%; }
+    *margin-left: 16.98763411529369%;
+  }
 
   .row-fluid .offset1 {
     margin-left: 11.11111111111111%;
-    *margin-left: 11.004728132387708%; }
+    *margin-left: 11.004728132387708%;
+  }
 
   .row-fluid .offset1:first-child {
     margin-left: 8.547008547008547%;
-    *margin-left: 8.440625568285142%; }
+    *margin-left: 8.440625568285142%;
+  }
 
-  input, textarea, .uneditable-input {
-    margin-left: 0; }
+  input,
+  textarea,
+  .uneditable-input {
+    margin-left: 0;
+  }
 
   .controls-row [class*="span"] + [class*="span"] {
-    margin-left: 30px; }
-
-  input.span12, textarea.span12, .uneditable-input.span12 {
-    width: 1156px; }
-
-  input.span11, textarea.span11, .uneditable-input.span11 {
-    width: 1056px; }
-
-  input.span10, textarea.span10, .uneditable-input.span10 {
-    width: 956px; }
-
-  input.span9, textarea.span9, .uneditable-input.span9 {
-    width: 856px; }
-
-  input.span8, textarea.span8, .uneditable-input.span8 {
-    width: 756px; }
-
-  input.span7, textarea.span7, .uneditable-input.span7 {
-    width: 656px; }
-
-  input.span6, textarea.span6, .uneditable-input.span6 {
-    width: 556px; }
-
-  input.span5, textarea.span5, .uneditable-input.span5 {
-    width: 456px; }
-
-  input.span4, textarea.span4, .uneditable-input.span4 {
-    width: 356px; }
-
-  input.span3, textarea.span3, .uneditable-input.span3 {
-    width: 256px; }
-
-  input.span2, textarea.span2, .uneditable-input.span2 {
-    width: 156px; }
-
-  input.span1, textarea.span1, .uneditable-input.span1 {
-    width: 56px; }
+    margin-left: 30px;
+  }
+
+  input.span12,
+  textarea.span12,
+  .uneditable-input.span12 {
+    width: 1156px;
+  }
+
+  input.span11,
+  textarea.span11,
+  .uneditable-input.span11 {
+    width: 1056px;
+  }
+
+  input.span10,
+  textarea.span10,
+  .uneditable-input.span10 {
+    width: 956px;
+  }
+
+  input.span9,
+  textarea.span9,
+  .uneditable-input.span9 {
+    width: 856px;
+  }
+
+  input.span8,
+  textarea.span8,
+  .uneditable-input.span8 {
+    width: 756px;
+  }
+
+  input.span7,
+  textarea.span7,
+  .uneditable-input.span7 {
+    width: 656px;
+  }
+
+  input.span6,
+  textarea.span6,
+  .uneditable-input.span6 {
+    width: 556px;
+  }
+
+  input.span5,
+  textarea.span5,
+  .uneditable-input.span5 {
+    width: 456px;
+  }
+
+  input.span4,
+  textarea.span4,
+  .uneditable-input.span4 {
+    width: 356px;
+  }
+
+  input.span3,
+  textarea.span3,
+  .uneditable-input.span3 {
+    width: 256px;
+  }
+
+  input.span2,
+  textarea.span2,
+  .uneditable-input.span2 {
+    width: 156px;
+  }
+
+  input.span1,
+  textarea.span1,
+  .uneditable-input.span1 {
+    width: 56px;
+  }
 
   .thumbnails {
-    margin-left: -30px; }
+    margin-left: -30px;
+  }
 
   .thumbnails > li {
-    margin-left: 30px; }
+    margin-left: 30px;
+  }
 
   .row-fluid .thumbnails {
-    margin-left: 0; } }
+    margin-left: 0;
+  }
+}
 @media (max-width: 47.9375em) {
   .m-row [class*="m-span"] {
     float: left;
-    margin-left: 2%; }
+    margin-left: 2%;
+  }
   .m-row [class*="m-span"]:first-child {
-    margin-left: 0; }
+    margin-left: 0;
+  }
   .m-row .m-span1 {
-    width: 15%; }
+    width: 15%;
+  }
   .m-row .m-span2 {
-    width: 32%; }
+    width: 32%;
+  }
   .m-row .m-span3 {
-    width: 49%; }
+    width: 49%;
+  }
   .m-row .m-span4 {
-    width: 66%; }
+    width: 66%;
+  }
   .m-row .m-span5 {
-    width: 83%; }
+    width: 83%;
+  }
   .m-row .m-span6 {
-    width: 100%; } }
+    width: 100%;
+  }
+}
 * {
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 pre {
-  max-height: 30em; }
+  max-height: 30em;
+}
 
 img {
   max-width: 100%;
-  height: auto; }
+  height: auto;
+}
 
 /* lets have some constraints shall we */
 .container-fluid {
   width: 93%;
   max-width: 1200px;
   margin-left: auto;
-  margin-right: auto; }
+  margin-right: auto;
+}
 
 .row.row--full {
-  margin-left: 0; }
+  margin-left: 0;
+}
 
 ul ul {
   padding-left: 1.25em;
   margin: 0;
-  list-style-type: circle; }
+  list-style-type: circle;
+}
 
 li {
-  line-height: 1.4; }
+  line-height: 1.4;
+}
 
 .breathable-list li {
-  line-height: 1.7; }
+  line-height: 1.7;
+}
 
 .site-nav .site-nav__title {
-  color: #ECF0F1; }
+  color: #ecf0f1;
+}
 .site-nav .site-nav__title:first-child {
-  margin-top: 0; }
+  margin-top: 0;
+}
 .site-nav .btn {
-  width: 100%; }
+  width: 100%;
+}
 .site-nav .site-nav__tray {
-  -webkit-transition: .2s;
-          transition: .2s;
+  -webkit-transition: 0.2s;
+  transition: 0.2s;
   overflow: hidden;
   height: 300px;
-  background-color: #34495E; }
+  background-color: #34495e;
+}
 .site-nav .site-nav__tray-inner {
-  padding: 30px 0; }
+  padding: 30px 0;
+}
 .site-nav.collapsed .site-nav__tray {
-  height: 0; }
+  height: 0;
+}
 .lt-ie8 .site-nav.collapsed .site-nav__tray {
-  display: none; }
+  display: none;
+}
 .site-nav .site-nav__band {
-  position: relative; }
+  position: relative;
+}
 .site-nav .site-nav__band::before {
-  content: '';
+  content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 4px;
-  background: #34495E; }
+  background: #34495e;
+}
 
 .site-footer {
   margin-top: 2em;
   padding: 1em 0;
-  background-color: #34495E; }
+  background-color: #34495e;
+}
 
 .site-footer__credit {
   margin: 0;
-  text-align: right; }
+  text-align: right;
+}
 
 nav > a {
   display: block;
-  margin: 5px 0; }
+  margin: 5px 0;
+}
 
 .demo-list .figure-wrap {
   position: relative;
-  z-index: 1; }
+  z-index: 1;
+}
 
-.demo-list .figure-wrap, .demo-list .figure-wrap img {
+.demo-list .figure-wrap,
+.demo-list .figure-wrap img {
   -webkit-transform: translateZ(0);
-          transform: translateZ(0);
-  -webkit-transition: .1s ease;
-          transition: .1s ease; }
+  transform: translateZ(0);
+  -webkit-transition: 0.1s ease;
+  transition: 0.1s ease;
+}
 
 .demo-list:hover .figure-wrap {
   -webkit-transform: scale3d(1, 1, 1);
-          transform: scale3d(1, 1, 1); }
+  transform: scale3d(1, 1, 1);
+}
 .demo-list:hover .figure-wrap img {
   -webkit-filter: grayscale(1);
-          filter: grayscale(1); }
+  filter: grayscale(1);
+}
 
 .demo-list:hover .figure-wrap:hover {
   z-index: 2;
   -webkit-transform: scale3d(1.05, 1.05, 1);
-          transform: scale3d(1.05, 1.05, 1); }
+  transform: scale3d(1.05, 1.05, 1);
+}
 .demo-list:hover .figure-wrap:hover img {
   -webkit-filter: none;
-          filter: none; }
+  filter: none;
+}
 
 .demo-list .figure-wrap:nth-child(4n + 1) {
-  margin-left: 0; }
+  margin-left: 0;
+}
 
 .demo-list .figure-wrap > a {
-  display: block; }
+  display: block;
+}
 
 .demo-list .figure-wrap figcaption {
-  margin-top: .5em;
-  margin-bottom: 1em; }
+  margin-top: 0.5em;
+  margin-bottom: 1em;
+}
 
 .demo-link-container::before {
-  content: '➜';
-  color: #2ECC71;
-  margin-right: 5px; }
+  content: "➜";
+  color: #2ecc71;
+  margin-right: 5px;
+}
 
 span.demo-link-container::before {
-  margin-left: 5px; }
+  margin-left: 5px;
+}
 
 .filter__label {
-  margin: 0 0 3px; }
+  margin: 0 0 3px;
+}
 
 .filter__search {
-  margin: 5px 0; }
+  margin: 5px 0;
+}
 
 .sort-options {
-  margin-top: 10px; }
+  margin-top: 10px;
+}
 
 #be-social h2 {
-  margin-bottom: 32px; }
+  margin-bottom: 32px;
+}
 
 .search-section {
   margin-top: 1em;
-  margin-bottom: 1em; }
+  margin-bottom: 1em;
+}
 
 input.faq-search {
   width: 100%;
   -webkit-appearance: none;
   appearance: none;
-  border: 2px solid #95A5A6;
+  border: 2px solid #95a5a6;
   border-radius: 4px;
   padding: 0.5em;
   font-size: 1.125em;
-  color: #95A5A6;
-  -webkit-transition: .15s;
-          transition: .15s; }
+  color: #95a5a6;
+  -webkit-transition: 0.15s;
+  transition: 0.15s;
+}
 input.faq-search::-webkit-input-placeholder {
-  color: #95A5A6;
-  -webkit-transition: .15s;
-          transition: .15s; }
+  color: #95a5a6;
+  -webkit-transition: 0.15s;
+  transition: 0.15s;
+}
 input.faq-search::-moz-input-placeholder {
-  color: #95A5A6;
-  transition: .15s; }
+  color: #95a5a6;
+  transition: 0.15s;
+}
 input.faq-search:hover {
   outline: 0;
-  color: #5D6D77;
-  border-color: #5D6D77; }
+  color: #5d6d77;
+  border-color: #5d6d77;
+}
 input.faq-search:hover::-webkit-input-placeholder {
-  color: #5D6D77; }
+  color: #5d6d77;
+}
 input.faq-search:hover::-moz-input-placeholder {
-  color: #5D6D77; }
+  color: #5d6d77;
+}
 input.faq-search:focus {
   outline: 0;
-  color: #27AE60;
-  border-color: #27AE60; }
+  color: #27ae60;
+  border-color: #27ae60;
+}
 input.faq-search:focus::-webkit-input-placeholder {
-  color: #27AE60; }
+  color: #27ae60;
+}
 input.faq-search:focus::-moz-input-placeholder {
-  color: #27AE60; }
+  color: #27ae60;
+}
 
 .question {
   margin: 2em 0;
   overflow: hidden;
-  -webkit-transition: .2s ease-out;
-          transition: .2s ease-out; }
+  -webkit-transition: 0.2s ease-out;
+  transition: 0.2s ease-out;
+}
 .question.collapsed {
   height: 0 !important;
   margin: 0;
-  border-width: 0; }
+  border-width: 0;
+}
 .question.collapsed + .question {
-  margin-top: 0; }
+  margin-top: 0;
+}
 
 .question--unanswered {
   padding-top: 1.25em;
-  border-top: 2px solid #2ECC71; }
+  border-top: 2px solid #2ecc71;
+}
 
 .question__title {
-  margin-top: 0; }
+  margin-top: 0;
+}
 
 .question__answer {
-  margin-bottom: 0; }
+  margin-bottom: 0;
+}
 
 @media (max-width: 47.9375em) {
   .demo-list + .demo-list {
-    margin-top: 1em; }
+    margin-top: 1em;
+  }
 
   .figure-wrap:nth-child(odd) {
-    margin-left: 0; }
+    margin-left: 0;
+  }
 
   .figure-wrap:nth-child(n + 3) {
-    margin-top: 1em; }
+    margin-top: 1em;
+  }
 
   .site-nav .btn {
-    margin-bottom: 5px; } }
-.btn-group:before, .btn-group:after {
+    margin-bottom: 5px;
+  }
+}
+.btn-group:before,
+.btn-group:after {
   content: " ";
-  display: table; }
+  display: table;
+}
 .btn-group:after {
-  clear: both; }
+  clear: both;
+}
 .btn-group {
-  *zoom: 1; }
+  *zoom: 1;
+}
 .btn-group .btn {
   float: left;
-  border-radius: 0; }
+  border-radius: 0;
+}
 .btn-group .btn:first-child {
-  border-radius: 6px 0 0 6px; }
+  border-radius: 6px 0 0 6px;
+}
 .btn-group .btn:last-child {
-  border-radius: 0 6px 6px 0; }
+  border-radius: 0 6px 6px 0;
+}
 
-.btn, button {
+.btn,
+button {
   display: inline-block;
-  padding: .75em .375em;
+  padding: 0.75em 0.375em;
   -webkit-appearance: none;
   text-align: center;
   color: white;
-  border-radius: .0625em;
+  border-radius: 0.0625em;
   border: 0;
-  background-color: #34495E;
-  -webkit-transition: .2s ease-out;
-          transition: .2s ease-out; }
-.btn:hover, button:hover {
+  background-color: #34495e;
+  -webkit-transition: 0.2s ease-out;
+  transition: 0.2s ease-out;
+}
+.btn:hover,
+button:hover {
   background-color: #4a6885;
-  text-decoration: none; }
-.btn.active, .btn:active, button.active, button:active {
-  background-color: #2C3E50;
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
-.btn:active, button:active {
+  text-decoration: none;
+}
+.btn.active,
+.btn:active,
+button.active,
+button:active {
+  background-color: #2c3e50;
+  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.btn:active,
+button:active {
   -webkit-transition: none;
-          transition: none; }
+  transition: none;
+}
 
 .btn--warning {
-  background-color: #E67E22; }
+  background-color: #e67e22;
+}
 .btn--warning:hover {
-  background-color: #ea9347; }
-.btn--warning.active, .btn--warning:active {
-  background-color: #D35400; }
+  background-color: #ea9347;
+}
+.btn--warning.active,
+.btn--warning:active {
+  background-color: #d35400;
+}
 
 .btn--primary {
-  background-color: #3498DB; }
+  background-color: #3498db;
+}
 .btn--primary:hover {
-  background-color: #57aae1; }
-.btn--primary.active, .btn--primary:active {
-  background-color: #3498DB; }
+  background-color: #57aae1;
+}
+.btn--primary.active,
+.btn--primary:active {
+  background-color: #3498db;
+}
 
 .btn--danger {
-  background-color: #E74C3C; }
+  background-color: #e74c3c;
+}
 .btn--danger:hover {
-  background-color: #eb6d60; }
-.btn--danger.active, .btn--danger:active {
-  background-color: #E74C3C; }
+  background-color: #eb6d60;
+}
+.btn--danger.active,
+.btn--danger:active {
+  background-color: #e74c3c;
+}
 
 .btn--go {
-  background-color: #2ECC71; }
+  background-color: #2ecc71;
+}
 .btn--go:hover {
-  background-color: #4cd787; }
-.btn--go.active, .btn--go:active {
-  background-color: #2ECC71; }
+  background-color: #4cd787;
+}
+.btn--go.active,
+.btn--go:active {
+  background-color: #2ecc71;
+}
 
 .filter-group .btn {
-  position: relative; }
-.filter-group .btn.active:before, .filter-group .btn.active:after {
-  content: '';
+  position: relative;
+}
+.filter-group .btn.active:before,
+.filter-group .btn.active:after {
+  content: "";
   position: absolute;
   top: 50%;
   left: 50%;
@@ -1696,43 +2266,59 @@ input.faq-search:focus::-moz-input-placeholder {
   margin-left: -10px;
   margin-top: -10px;
   opacity: 0;
-  -webkit-transition: .2s;
-          transition: .2s; }
+  -webkit-transition: 0.2s;
+  transition: 0.2s;
+}
 .filter-group .btn:before {
-  background-color: #2C3E50;
-  border-radius: 50%; }
+  background-color: #2c3e50;
+  border-radius: 50%;
+}
 .filter-group .btn:after {
   background-size: 60%;
   background-position: center center;
   background-repeat: no-repeat;
-  background-image: url(../img/check.svg); }
-.filter-group .btn.active:before, .filter-group .btn.active:after {
-  opacity: 1; }
+  background-image: url(../img/check.svg);
+}
+.filter-group .btn.active:before,
+.filter-group .btn.active:after {
+  opacity: 1;
+}
 
 @media (max-width: 47.9375em) {
-  .btn, button {
-    font-size: .875em; } }
+  .btn,
+  button {
+    font-size: 0.875em;
+  }
+}
 @media (max-width: 30em) {
-  .btn, button {
-    font-size: .75em; } }
+  .btn,
+  button {
+    font-size: 0.75em;
+  }
+}
 .text-center {
-  text-align: center; }
+  text-align: center;
+}
 
 .ib {
-  display: inline-block; }
+  display: inline-block;
+}
 
 .keep-ratio {
   position: relative;
   width: 100%;
   height: 0;
   overflow: hidden;
-  padding-bottom: 100%; }
+  padding-bottom: 100%;
+}
 .keep-ratio.four-three {
-  padding-bottom: 75%; }
+  padding-bottom: 75%;
+}
 
 .hidden {
   display: none !important;
-  visibility: hidden; }
+  visibility: hidden;
+}
 
 .visuallyhidden {
   border: 0;
@@ -1742,7 +2328,8 @@ input.faq-search:focus::-moz-input-placeholder {
   overflow: hidden;
   padding: 0;
   position: absolute;
-  width: 1px; }
+  width: 1px;
+}
 
 /*
  * Clearfix: contain floats
@@ -1755,45 +2342,57 @@ input.faq-search:focus::-moz-input-placeholder {
  * 2. The use of `table` rather than `block` is only necessary if using
  *    `:before` to contain the top-margins of child elements.
  */
-.clearfix:before, .clearfix:after {
+.clearfix:before,
+.clearfix:after {
   content: " ";
   /* 1 */
-  display: table
-  /* 2 */ }
+  display: table;
+  /* 2 */
+}
 
 .clearfix:after {
-  clear: both; }
+  clear: both;
+}
 
 /*
  * For IE 6/7 only
  * Include this rule to trigger hasLayout and contain floats.
  */
 .clearfix {
-  *zoom: 1; }
+  *zoom: 1;
+}
 
 .pull-left {
-  float: left; }
+  float: left;
+}
 
 .pull-right {
-  float: right; }
+  float: right;
+}
 
 .hide-text {
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
   background-color: transparent;
-  border: 0; }
+  border: 0;
+}
 
 .input-block-level {
   display: block;
   width: 100%;
   min-height: 30px;
-  box-sizing: border-box; }
+  box-sizing: border-box;
+}
 
 .table-center-wrap {
   display: table;
-  table-layout: fixed; }
+  table-layout: fixed;
+}
 
 .table-center {
   display: table-cell;
-  vertical-align: middle; }
+  vertical-align: middle;
+}
+
+
diff --git a/index.html b/index.html
index 5dd5b30..3d342aa 100644
--- a/index.html
+++ b/index.html
@@ -417,24 +417,20 @@ <h5 class="caption gray">6th July to 27th July, 2018</h5>
 <section id="projects" class="products content-section parallax">
     <div class="container">
         <div class="row">
-            <div class="col-md-4">
-                <!--<img src="assets/images/hallooou_template-iphone_white.png" class="center-block img-responsive">-->
-            </div><!-- /.col-md-4 -->
-
-            <div class="col-md-8">
+            <div class="col-md-12">
                 <div class="products-container">
 
-                    <div class="col-md-12">
+                    <div class="col-sm-12 projects-head">
                         <h2>Projects</h2>
                         <h3 class="caption white" style="color: #fff;font-weight: 600">PING FOUNDATION has its own
                             in-house products under the banner of YENG apps.</h3>
                     </div><!-- /.col-md-12 -->
 
-                    <div class="col-md-12 product-item">
-                        <div class="media-left">
+                    <div class="col-sm-12 col-md-6 product-item">
+                        <div class="media-left projects-img-center">
                             <span class=""><img src="assets/yeng.png"> </span>
                         </div><!-- /.media-left -->
-                        <div class="media-body">
+                        <div class="">
                             <h3 class="media-heading">Yeng</h3>
                             <p>Yeng is the next generation mobile app which leverages bleeding edge technology to
                                 better enhance your alma mater experience through participation from fellow
@@ -453,12 +449,12 @@ <h3 class="media-heading">10 Days Kotlin Workshop</h3>
                      </div>&lt;!&ndash; /.media-body &ndash;&gt;
                  </div>&lt;!&ndash; /.col-md-6 &ndash;&gt;-->
 
-                    <div class="col-md-12 product-item">
-                        <div class="media-left">
+                    <div class="col-sm-12 col-md-6 product-item">
+                        <div class="media-left projects-img-center">
                                 <span class="icon" style="background: #fff"><img style="width: 100px;margin-left: -26px"
                                                                                  src="assets/kbh-logo.png"></span>
                         </div><!-- /.media-left -->
-                        <div class="media-body">
+                        <div class="">
                             <h3 class="media-heading">Kerala Blockchain Hub</h3>
                             <p>PING FOUNDATION is launching Kerala Blockchain Hub in order to collaborate all the
                                 Blockchain related activities.</p>