/*!
 * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/template-overviews/grayscale)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 body,
 html {
     height: 100%;
     width: 100%;
 }
 .navbar-custom,
 body {
     background-color: #000
 }
 .intro{
     width: 100%
 }
 body {
     font-family: Lora, "Helvetica Neue", Helvetica, Arial, sans-serif;
     color: #fff;
     webkit-tap-highlight-color: rgba(255, 255, 255, .2);
 }
 .btn,
 .navbar-custom,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     text-transform: uppercase;
     font-family: Montserrat, "Helvetica Neue", Helvetica, Arial, sans-serif
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0 0 35px;
     font-weight: 700;
     letter-spacing: 1px
 }
 p {
     margin: 0 0 25px;
     font-size: 18px;
     line-height: 1.5
 }
 @media (min-width: 768px) {
     p {
         margin: 0 0 35px;
         font-size: 20px;
         line-height: 1.6
     }
 }
 a {
     color: #42DCA3;
     -webkit-transition: all .2s ease-in-out;
     -moz-transition: all .2s ease-in-out;
     transition: all .2s ease-in-out
 }
 a:focus,
 a:hover {
     text-decoration: none;
     color: #1d9b6c
 }
 .light {
     font-weight: 400
 }

 .navbar-custom {
     margin-bottom: 0;
     border-bottom: 1px solid rgba(255, 255, 255, .3)
 }
 .navbar-custom .navbar-toggle {
     color: #fff;
     background-color: rgba(255, 255, 255, .2);
     font-size: 12px
 }
 .navbar-custom .nav li a:active,
 .navbar-custom .nav li a:focus,
 .navbar-custom .nav li a:hover {
     background-color: transparent;
     outline: 0
 }
 .navbar-custom .navbar-toggle:active,
 .navbar-custom .navbar-toggle:focus {
     outline: 0
 }
 .navbar-custom .navbar-brand {
     font-weight: 700;
 }
 .navbar-custom .navbar-brand:focus {
     outline: 0
 }
 .navbar-custom a {
     color: #fff
 }
 .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
 }
 .navbar-custom .nav li a:hover {
     /*color: rgba(255, 255, 255, .8)*/
     color: #dbdbdb; /* Link Hover Colour In Drop Down Menu */
 }
 .navbar-custom .nav li.active {
     outline: 0
 }
 .navbar-custom .nav li.active a {
     background-color: rgba(255, 255, 255, .3)
 }
 .navbar-custom .nav li.active a:hover {
     color: #fff
 }
.dropdown-menu li a:hover {
    color: #67bdef !important;
}
 @media (min-width: 768px) {
     .navbar-custom {
         padding: 20px 0;
         border-bottom: none;
         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: 0;
         background: #000;
         border-bottom: 1px solid rgba(255, 255, 255, .3)
     }
 }
 .intro {
     display: table;
     height: auto;
     padding: 100px 0;
     text-align: center;
     color: #fff;
     background: url(../img/intro-bg_blue.jpg) bottom center no-repeat #000;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover
 }
 .intro .intro-body {
     display: table-cell;
     vertical-align: middle
 }
 .intro .intro-body .brand-heading {
     font-size: 40px
 }
 .intro .intro-body .intro-text {
     font-size: 18px;
     font-family: 'Montserrat';
     text-shadow: 0px 0px 5px black;
 }
 @media (min-width: 768px) {
     .intro {
         height: 100%;
     }
     .intro .intro-body .brand-heading {
         font-size: 100px
     }
     .intro .intro-body .intro-text {
         font-size: 26px
     }
 }
 .btn-circle {
     width: 70px;
     height: 70px;
     margin-top: 15px;
     padding: 7px 16px;
     border: 2px solid #fff;
     border-radius: 100%!important;
     font-size: 40px;
     color: #fff;
     background: 0 0;
     -webkit-transition: background .3s ease-in-out;
     -moz-transition: background .3s ease-in-out;
     transition: background .3s ease-in-out
 }
 .btn-circle:focus,
 .btn-circle:hover {
     outline: 0;
     color: #fff;
     background: rgba(255, 255, 255, .1)
 }
 .btn-circle i.animated {
     -webkit-transition-property: -webkit-transform;
     -webkit-transition-duration: 1s;
     -moz-transition-property: -moz-transform;
     -moz-transition-duration: 1s
 }
 .btn-circle:hover i.animated {
     -webkit-animation-name: pulse;
     -moz-animation-name: pulse;
     -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
     -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
     -webkit-animation-timing-function: linear;
     -moz-animation-timing-function: linear
 }
 @-webkit-keyframes pulse {
     0%, 100% {
         -webkit-transform: scale(1);
         transform: scale(1)
     }
     50% {
         -webkit-transform: scale(1.2);
         transform: scale(1.2)
     }
 }
 @-moz-keyframes pulse {
     0%, 100% {
         -moz-transform: scale(1);
         transform: scale(1)
     }
     50% {
         -moz-transform: scale(1.2);
         transform: scale(1.2)
     }
 }
 .content-section {
     padding-top: 100px
 }
 .download-section {
     width: 100%;
     padding: 50px 0;
     color: #fff;
     background: url(../img/downloads-bg.jpg) center center no-repeat #000;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover
 }
 #map {
     width: 100%;
     height: 200px;
     margin-top: 100px
 }
 @media (min-width: 767px) {
     .content-section {
         padding-top: 250px
     }
     .download-section {
         padding: 100px 0
     }
     #map {
         height: 400px;
         margin-top: 250px
     }
 }
 .btn {
     font-weight: 400;
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
     border-radius: 0
 }
 .btn-default {
     border: 1px solid #42DCA3;
     color: #42DCA3;
     background-color: transparent
 }
 .btn-default:focus,
 .btn-default:hover {
     border: 1px solid #42DCA3;
     outline: 0;
     color: #000;
     background-color: #42DCA3
 }
 ul.banner-social-buttons {
     margin-top: 0
 }
 @media (max-width: 1199px) {
     ul.banner-social-buttons {
         margin-top: 15px
     }
 }
 @media (max-width: 767px) {
     ul.banner-social-buttons li {
         display: block;
         margin-bottom: 20px;
         padding: 0;
     }
     ul.banner-social-buttons li:last-child {
         margin-bottom: 0
     }
 }

 ::-moz-selection {
     text-shadow: none;
     background: #fcfcfc;
     background: rgba(255, 255, 255, .2)
 }
 /*
 ::selection {
     text-shadow: none;
     background: #fcfcfc;
     background: rgba(255, 255, 255, .2)
 }
 */
 img::selection {
     background: 0 0
 }
 img::-moz-selection {
     background: 0 0
 }

/* User Added CSS */
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color:red;
}

@media (max-width: 388px) {
    .navbar-custom .navbar-brand {
        font-size:0.9em;
    }
}
@media (max-width: 312px) {
    .navbar-custom .navbar-brand {
        font-size:0.8em;
    }
}

@media (min-width: 625px) and (max-width: 975px){
    .navbar-nav li {
      display:inline;
      padding:5px;
      float:left;
  }
 }
 /* Navbar for tablets (new) */
 @media (max-width: 992px){
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
      padding:0;
      background: #000;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
     /* float: none;*/
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
 }