/* ------------------------------------------------------------
   Defaults
   ------------------------------------------------------------ */
html {
  position: relative;
  min-height: 100%;
}
body { 
  font-size:16px; 
  line-height:1.631;
  margin-bottom: 110px;
  color:#343434; 
  background-color:#f3f3f3; 
  font-weight:300; 
  // font-family: 'Open Sans', sans-serif; 
}
h1 { 
  font-size: 24px; 
  font-weight: 700; 
  color: #14516a; 
  padding: 0px 15px 15px 0px; 
}
.line { 
  float: left;
  width: 100%; 
  height: 1px; 
  border-bottom: solid 1px #c8c8c8; 
  margin-top: 30px;
  margin-bottom: 30px;
}
.line-short {
  float: left;
  width: 100%; 
  height: 1px; 
  border-bottom: solid 1px #c8c8c8; 
  margin-top: 15px;
  margin-bottom: 15px;
}

textarea {
  min-width: 100%;
}

/* ------------------------------------------------------------
   Navbar
   ------------------------------------------------------------ */
.navbar-default {
  background-color: #f9f9f9;
  border-color: #3a799c;
  font-weight: 600;
  font-size: 14px;
  height: 90px;
  margin-bottom: 0px;
}
.navbar-default .navbar-brand {
  color: #0c0c0c;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #0c0c0c;
}
.navbar-default .navbar-text {
  color: #0c0c0c;
}
.navbar-default .navbar-nav > li > a {
  color: #0c0c0c;
  padding-top: 35px;
  padding-bottom: 5px;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  border-bottom:solid 2px #446f92;
  color: #0c0c0c;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #0c0c0c;
  background-color: #3a799c;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #0c0c0c;
  background-color: #3a799c;
}
.navbar-default .navbar-toggle {
  border-color: #3a799c;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #3a799c;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #0c0c0c;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #0c0c0c;
}
.navbar-default .navbar-link {
  color: #0c0c0c;
}
.navbar-default .navbar-link:hover {
  color: #0c0c0c;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #0c0c0c;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #0c0c0c;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #0c0c0c;
    background-color: #3a799c;
  }
}

.menu-small-option {  
  padding: 10px; 
  background: #3a799c;
  color: #ffffff;
  font-size: 20px; 
  font-weight: 600;
}

.menu-topcorner {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 80px;
}

/* ------------------------------------------------------------
   Headers
   ------------------------------------------------------------ */
#airbly-headtop {
  padding: 0px;
  margin: 0px;
  height: 400px; 
  overflow: hidden; 
  background: url('../img/header-homepageimage.jpg') no-repeat right bottom #52a8cb; 
  background-size: cover;
  background-position: center; 
}
#airbly-smallheadtop {
  padding: 0px;
  margin: 0px;
  height: 190px; 
  overflow: hidden; 
  background: url('../img/airbly-subpage-banner.png') no-repeat left bottom #52a8cb; 
  /* background: url('../img/bg-smalltop.jpg') no-repeat right bottom #52a8cb;  */
  background-size: cover;
  background-position: left;   
}
#airbly-headbottom {
  float: left; 
  width: 100%; 
  /* background: url('../img/bg-intro.png') no-repeat right bottom #52a8cb; */
  border-top: solid 1px #fff;
  text-align:justify;
  line-height:28px; 
  font-size:16px; 
  color:#fff;
  padding: 15px;
}

/* ------------------------------------------------------------
   Bullets
   ------------------------------------------------------------ */
.list-bullets ul { 
  list-style-type: none; 
}
.list-bullets li { 
  list-style-type: none; 
  float: left; 
  width: 100%; 
  background: url("../img/bullet.png") no-repeat left center; 
  margin-bottom: 20px; 
  padding-left: 38px; 
  line-height: 22px; 
}

blockquote.twitter-tweet {
  background-color: red;
  }
blockquote.twitter-tweet p {
  background-color: red;
  }
  a.twitter-timeline {
    !background-color: red;
  }
/* ------------------------------------------------------------
   Buy bar
   ------------------------------------------------------------ */
#home-howtobuy .bar { display: flex; justify-content: center; float: left; width: 100%; background: #52a8cb; height: 250px; text-align: center; margin-top: 40px; margin-bottom: 60px; }
#home-howtobuy .chart { display: inline-block; width: 350px; background:url('../img/buy-bars.jpg') no-repeat center bottom; }
#home-howtobuy .box { display: inline-block; width: 300px; border: Solid 2px #eaeaea; border-bottom: solid 3px #ccc; border-radius: 6px; height: 260px; margin-top: 30px; text-align: center; background: #fff; }
#home-howtobuy .button { background: #fe9500; border-radius: 3px; font-weight: 700; color: #fff; padding: 11px 32px; display:inline-block; }
#home-howtobuy .button:hover { background: #ffa627; }

/* ------------------------------------------------------------
   Pricing options
   ------------------------------------------------------------ */
#pricing-hardware .btn { width: 100%; }
#pricing-hardware .panel-heading {
  font-size: 24px; 
  font-weight: 700; 
  color: #f0f0f0; 
}
#pricing-hardware .panel-body {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#pricing-hardware .list-group-item {
  border-bottom: solid 2px #c8c8c8; 
}
#pricing-hardware .list-group-item:first-child {
  border-top: solid 2px #c8c8c8; 
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
#pricing-hardware .list-group-item:last-child {
  border: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -5px;
  padding-bottom: 0px;
}

#pricing-plans .btn { width: 100%; }
#pricing-plans .panel-heading {
  font-size: 24px; 
  font-weight: 700; 
  color: #f0f0f0; 
}
#pricing-plans .panel-body {
  padding: 20px;
  padding-bottom: 6px;
  margin: 0px;
  padding: 0px;
}
#pricing-plans .list-group-item {
  border-bottom: solid 2px #c8c8c8; 
}
#pricing-plans .list-group-item:first-child {
  border-top: solid 2px #c8c8c8; 
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
#pricing-plans .list-group-item:last-child {
  border: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  margin-bottom: -5px;
  padding-bottom: 0px;
}


/* ------------------------------------------------------------
   Order
   ------------------------------------------------------------ */
#howtobuy-order { background: #52a8cb; }

/* ------------------------------------------------------------
   Support
   ------------------------------------------------------------ */
#support-bar { background: #52a8cb; border-top: solid 3px #287290; border-bottom: solid 3px #287290; color: #ffffff; padding-top: 5px; padding-bottom: 5px;}

/* ------------------------------------------------------------
   Summernote
   ------------------------------------------------------------ */
.summernoteContent img { margin: 15px 15px !important; }
.summernoteContent a:link { color: navy !important; }
.summernoteContent a:visited { color: navy !important; }

/* ------------------------------------------------------------
   Footer
   ------------------------------------------------------------ */
#footer { 
  position: absolute;
  bottom: 0;

  float: left; 
  font-size: 12px; 
  font-weight: 400; 
  line-height: 28px; 
  color: #fff; 
  width: 100%; 
  background: #52a8cb; 
  border-top: solid 3px #287290; 
  padding: 15px 0px 15px 0px; 
  margin-top: 20px;}
#footer a { color: #fff; }
#footer img { vertical-align: middle; }