body {
    color: #5a5a5a;
    font-family: "Lato", 'HelveticaNeue-Light',
    'Helvetica Neue Light', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-weight: 300;
}
a {
  cursor:pointer;
}
a i {
  cursor:pointer;
}
#db{
    display:none;
}


.navbar .container-fluid{
  background: #2C3E50;
}

.navbar .brand{
    font-size: 32px;
    /*position: relative;
    top: 10%;*/
    margin-left:0;
    color: #fff;
    font-weight: 100;
    text-shadow:none;
    padding: 10px;
}
.navbar .nav li {
    margin-left: 10px;
}

.nav-collapse.collapse {
  float:right;
  margin-top:10px;
}

.navbar .nav>li>a {
  text-shadow: none;
  color:white;
  font-size:14px;
}

.button {
  border: 1px solid #5f8cb4;
  border-radius: 2px;
  background: transparent;
  color: white;
  width: 100%;
  padding: 8px;
  cursor:pointer;
}
a.button {
  display: inline-block;
  font-weight: normal;
  padding: 9px;

}
.navbar .nav>li>a.button {
  width:80px;
  text-align:center;
  display:block;
  padding: 8px;
}

.navbar .nav>li>a.button:hover, .navbar .button.btn.btn-navbar:hover {

        color: #fff;
        text-shadow: none;
        border: 1px solid #5f8cb4;
        background: #5f8cb4;
        box-shadow: none;
    }

.navbar .nav>li>a .button:hover, .button:hover {
  background:#5f8cb4;
  color:white;
}
.button.green {
  border: 1px solid #51b9b0;
  color:#51b9b0;
}

.button.green:hover {
  background: #51b9b0;
  color: #eee;
}

.logo img {
  width: 32px;
  top: -1px;
  position: relative;
}
.container-fluid {
  padding:0;
}
.big-header {
  position: fixed;

  top:0;
}
.headerimg {
  -webkit-filter: blur(10px);
   z-index: -1;
}

.muted {
  font-size: 20px;
  letter-spacing: 1px;
}

.muted i {
  font-size: 14px;
  top: -2px;
  position: relative;

}
.shout {
  position: fixed;
  top: 190px;
  background: rgba(0,0,0,0.5);
  width: 100%;
  text-align: center;
  color: white;
  padding: 20px;
}

.shout .featurette-heading {
  font-weight:300;
}
.small {
  font-weight: 300;
color: #ccc;
font-size: 13px;
}


.shout .button {
  width:200px;
  background: transparent;
  margin-top: 40px;
  font-size: 20px;
  font-weight:300;
  display: inline-block;
  margin-bottom: 10px;

}
.italic-header {
    font-size: 20px;
    font-weight: 500;
    color: #34495e;
}
.content-wrapper {
  position: relative;
  top: 600px;
  background:white;
  padding-bottom: 20px;

}
.content-wrapper {
  border-top: 6px solid #dce6f0;
}
.subcontainer {
  height:400px;
  text-align:center;
  letter-spacing: 1px;
  position: relative;
  padding:10px;
}
.row .subcontainer {
  height:300px;
}

.content-wrapper.alt {
  background: #2C3E50;
  color:#eee;
}
.circle {
  border-color:#2C3E50;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  border:1px solid;
  text-align: center;
  margin: 40px auto;
}

.circle i {
  font-size: 40px;
  margin: 28px 0;
  left: 30%;
  float: left;
  z-index: 5;
  position: relative;
  color:#2C3E50;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.alt .circle i {
  color:white;
}
.circle i.l40 {
  left: 40%;
}
.subcontainer:hover .circle {

}
.subcontainer:hover .circle i {

}
.section-heading {
  text-align:center;
  width:auto;
  font-size: 64px;
  font-weight: 300;
  float:left;
  padding:5px 20px;
}
.featurette-heading {
  font-size: 30px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0px;

}
.subcontainer .over-image {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
}
.subcontainer .over-image:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
}
.right {
  width:auto;

}
.htext {
  text-align: justify;
  letter-spacing: 1px;
  font-weight: 300;
  height: 400px;
  padding:20px;
  font-size: 17px;
  padding-top:60px;
}
.tcenter {
  padding-top:30px;
}
.top45 {
  margin-top:45px;
}
.inner-text{
  letter-spacing: 2px;
  margin-top: 10px;
  padding: 3px;
}
.subcontainer img {
  width: 400px;
}

.subcontainer.pricing {
  letter-spacing: inherit;
  padding:0 20px 0 20px;
  height: auto;
}

.pricing-header {
  background: #51b9b0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  color: #fff;
  font-size: 17px;
  line-height: 36px;
  text-align: center;
}
.pricing-subheader {
  background: #51b9b0;
  color: #fff;
  margin-top:10px;

  font-size: 40px;
color: #fff;
position: relative;
text-align: center;
}

.pricing-subheader sup {
  font-size: 20px;
position: relative;
top: -12px;
}
.pricing-subheader span {
  font-size: 12px;
}
.pricing-list {
  padding: 20px 0 20px 0;
  background: #fff;
  text-align: left;
}
.pricing-list ul {
  display: table;
  margin: 0 auto;
}
.pricing-list ul li {
  list-style: none;
  color: #8b8b8b;
  font-size: 12px;
  line-height: 32px;
  font-weight: 500;
}

.pricing-list ul li i {
  list-style: none;
  color: #c8c8c8;
  font-size: 18px;
  position: relative;
  top: 1px;
  margin-right: 10px;
}



h2{
    margin:0;
}
.right-align{
    text-align:right;
}
footer {
    background-color:#2C3E50;
    color: #eee;
    padding:3px;
    position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 10;
}
a, footer a{
    text-decoration:none;
    color:#eee;
    font-weight:300;
}

footer p{
    margin:0;
}
footer .pull-right{
    margin-right:10px;
}
#page-loader{
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:white;
    position: fixed;
    height: 100%;
    z-index: 1000;
    text-align:center;
}
#page-loader i{
    margin-top:250px;
}




.row-fluid:first-child {
  margin-bottom:10px;
}



.wrapper .inner-text {
  opacity:0;
  padding: 3px;
  margin-top: 10px;
   -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -kthtml-transition: all 0.5s linear;
    transition: all 0.5s linear;
}



.wrapper {
  display:table-cell;
  vertical-align:middle;
  padding: 0 10px;
}
.icn-container {
  font-size:70px;
  color: #2C3E50;
  font-weight:bold;
  letter-spacing: 0
}

h3 {
  font-weight:300;
}

blockquote {
  font-size: 20px;
  font-family: Georgia, serif;
  font-style: italic;
  font-weight: 200;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}
blockquote:before {
  color: #ccc;
  content: "\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display: inline;
}

.pad66 {
  padding:66px;
}

.pricing-info-box{
  margin-top:60px;
  margin-bottom:60px;
  font-size: 20px;
  padding:30px;
  background-color: #bbb;
  color: white;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-align: center;
}

.pricing-list p {
  padding: 0 10px;
  font-style: italic;
}

.pricing-list.free-text {
  padding: 20px 0 40px 0;
  height: 76px;
}

.pricing-subheader.contact-us {
  font-size:30px;
  padding:5px
}
footer {
  position: fixed;
    bottom: 0;
    width: 100%;
    background: #34495e;
    padding:2px;
}

@media (max-width: 979px) and (min-width: 768px) {

  .navbar .container-fluid{
      padding: 0 10px;
    }
    .navbar-inner {
      border:0;
    }
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
      padding: 0;
    }
    .button.menu {
      display: inline-block;
      width: auto;
      border: none;
      float:right;
    }
    .navbar .nav>li>a.button {
      width: auto;
    }
    .navbar .button.btn.btn-navbar {

        color: #fff;
        text-shadow: none;
        /* background-color: #ededed; */
        background-image: none;
        border: 1px solid #5f8cb4;
        background: transparent;
        box-shadow: none;
        margin-top: 10px;
    }
    .navbar .nav>li>a.button:hover, .navbar .button.btn.btn-navbar:hover {

        color: #fff;
        text-shadow: none;
        border: 1px solid #5f8cb4;
        background: #5f8cb4;
        box-shadow: none;
    }
    .nav-collapse.collapse {
      width: 100%;
    }

    .big-header {
        position: relative;
        margin-left: -20px;
        margin-right:-20px;
        min-height: 250px;
        margin-top: 10px;
    }
    .navbar-fixed-top {
        margin-bottom: -10px;
    }
    .shout {
      position: absolute;
      top:150px;
      width: 100%;
    }
    .content-wrapper {
      top: 40px;
    }


  .pricing-subheader.contact-us {
    font-size:24px;
    height:40px;
  }

  .htext {
    height: auto;
  }
  .over-image img {
          margin-bottom: 20px;
  }
  .free-text p.last {
    display:none;
  }

}

@media screen and (max-width: 767px) {


    .navbar .container-fluid{
      padding: 0 10px;
    }
    .navbar-inner {
      border:0;
    }
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
      padding: 0;
    }
    .button.menu {
      display: inline-block;
      width: auto;
      border: none;
      float:right;
    }
    .navbar .nav>li>a.button {
      width: auto;
    }
    .navbar .button.btn.btn-navbar {

        color: #fff;
        text-shadow: none;
        /* background-color: #ededed; */
        background-image: none;
        border: 1px solid #5f8cb4;
        background: transparent;
        box-shadow: none;
        margin-top: 10px;
    }
    .navbar .nav>li>a.button:hover, .navbar .button.btn.btn-navbar:hover {

        color: #fff;
        text-shadow: none;
        border: 1px solid #5f8cb4;
        background: #5f8cb4;
        box-shadow: none;
    }
    .nav-collapse.collapse {
      width: 100%;
    }

    .big-header {
        position: relative;
        margin-left: -20px;
        margin-right:-20px;
        min-height: 250px;
        margin-top: 10px;
    }
    .navbar-fixed-top {
        margin-bottom: -10px;
    }
    .shout {
      position: absolute;
      top:0;
      width: auto;
    }
    .content-wrapper {
      top: 40px;
      margin-bottom: 20px;
      margin-left: -20px;
      margin-right:-20px;
    }

    .content-wrapper.first {
      border-top:0px;
    }

    .htext {
      text-align: center;
      height: auto;
    }
    .pad66 {
      text-align:center;
    }
    .subcontainer.pricing {
      margin-bottom: 10px;
    }
    .over-image img {
          margin-bottom: 20px;
    }
    .over-image {
      display: block;
    }
    footer {
      position: relative;
      bottom:auto;
    }
    .free-text {
      text-align: center;
    }
}