/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Feb 16, 2015, 6:57:23 PM
    Author     : user
*/
/*FAUX CROP MIXIN*/
/*
*GRADIENT GENERATOR
*/
/*gradeients end here*/
/*
*DARKEN GRADIENTS
*/
/*
*BORDER SIDES
*/
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 19, 2016, 12:38:44 PM
    Author     : tonym
*/
body {
  background-color: #F0F0F0 !important;
  font-family: 'Assistant', sans-serif !important;
  overflow-x: hidden; }

.navigation {
  background-color: #8493A7 !important;
  border-radius: 0 !important;
  border: solid 1px #8493A7 !important; }
  .navigation a {
    color: white !important; }
  .navigation img {
    display: inline-block !important; }

.navigation img {
  height: 25px; }

.content {
  background-color: white;
  padding-top: 50px;
  padding-bottom: 50px;
  border: solid 1px #d4d4d4;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  border-radius: 5px !important;
  margin-bottom: 100px !important; }

.btn-download {
  background-color: #009E96 !important;
  color: white !important; }
  .btn-download:hover {
    background-color: #006b66 !important;
    -webkit-transition: ease-out all 0.5s !important;
    -moz-transition: ease-out all 0.5s !important;
    -ms-transition: ease-out all 0.5s !important;
    transition: ease-out all 0.5s !important; }

.btn-hubtel {
  background-color: #F7961D !important;
  color: white !important; }
  .btn-hubtel:hover {
    background-color: #d97c08 !important;
    -webkit-transition: ease-out all 0.5s !important;
    -moz-transition: ease-out all 0.5s !important;
    -ms-transition: ease-out all 0.5s !important;
    transition: ease-out all 0.5s !important; }

.jumbotron {
  background-color: transparent !important;
  text-align: center;
  padding-top: 100px !important;
  padding-bottom: 100px !important;
  margin: 0 !important; }
  .jumbotron img {
    height: 70px; }

.master-page {
  background-color: #8493A7 !important; }
  .master-page .jumbotron {
    padding-top: 200px !important; }

#older_versions {
  display: none; }

a {
  color: #009E96 !important;
  font-weight: 700 !important; }

.hero-content {
  background-color: #8493A7; }
  .hero-content h2 {
    color: white !important;
    margin: 0 !important;
    padding: 0 !important; }
  .hero-content p {
    color: #BCC0C7;
    font-size: 18px !important; }

.nav-tabs {
  text-align: center !important;
  border-bottom: none !important; }
  .nav-tabs a {
    background-color: transparent !important;
    border: none !important;
    color: #BCC0C7 !important; }
  .nav-tabs li.active {
    border-bottom: solid 2px #009D97;
    color: #009D97; }
    .nav-tabs li.active a {
      color: #009D97 !important; }

.nav-tabs > li {
  float: none !important;
  display: inline-block !important;
  zoom: 1 !important; }

.navbar-form {
  border: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important; }
  .navbar-form a {
    font-weight: 400 !important;
    line-height: 40px !important; }

.head-item {
  text-align: center;
  color: #8493A7;
  padding-top: 15px !important;
  padding-bottom: 15px !important; }

.listing li {
  padding-top: 15px !important;
  padding-bottom: 15px !important; }
.listing li:last-child {
  padding-bottom: 0 !important; }
.listing li:first-child {
  padding-top: 0 !important; }
.listing ul {
  list-style: none;
  padding: 0; }
.listing li {
  padding-left: 1.3em;
  font-size: 18px; }
  .listing li a {
    color: #009D97;
    font-weight: normal !important;
    text-transform: capitalize !important; }
  .listing li span {
    font-size: 13px;
    display: block;
    color: #BCC0C7; }
.listing li:before {
  font-family: FontAwesome;
  display: inline-block;
  color: #009D97;
  margin-left: -1.3em;
  /* same as padding-left set on li */
  width: 1.3em;
  /* same as padding-left set on li */ }

.templates-listing li:before {
  content: "\f15b";
  /* FontAwesome Unicode */ }

.asset-listing li:before {
  content: "\f1c6";
  /* FontAwesome Unicode */ }

.btn-outline {
  border: solid 2px #BCC0C7 !important;
  color: #BCC0C7 !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px !important;
  text-align: left !important; }
  .btn-outline span {
    margin-right: 3%; }
  .btn-outline:hover {
    border-color: white !important;
    color: white !important;
    -webkit-transition: ease-out all 0.5s !important;
    -moz-transition: ease-out all 0.5s !important;
    -ms-transition: ease-out all 0.5s !important;
    transition: ease-out all 0.5s !important; }

.btn-full-width {
  width: 100%; }

/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
.fade-in {
  opacity: 0;
  /* make things invisible upon start */
  -webkit-animation: fadeIn ease-in 1;
  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation: fadeIn ease-in 1;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s; }

.fade-in.one {
  -webkit-animation-delay: 0.5s;
  -moz-animation-delay: 0.5s;
  animation-delay: 0.5s; }

/*# sourceMappingURL=styles.css.map */