
      .navbar-fixed-top {
         min-height: 60px;
         background: #fff;
      }

      .navbar-nav > li > a {
         padding-top: 15px;
         padding-bottom: 0px;
         line-height: 40px;
      }

      /* Old Yellow - ffc850 */
      .navbar-default .navbar-nav>li>a:hover {
          border-bottom: 3px solid #8bd4e6;
          color: #333;
      }
      
      .active-page {
          border-bottom: 3px solid #8bd4e6;
      }

      
      .navbar-default {
              transition: padding 0.3s;
      }

      @media screen and (min-width: 1170px) {

          .navbar-default {
              padding: 30px 0;
              transition: padding 0.3s;
              border-color: #8bd4e6; 

          }

          .navbar-default.navbar-shrink {
                  padding: 0px 0;
          }
      }

      .navbar-default a {
          color: #FFF;
          font-family: 'Teko', sans-serif;
          text-transform: uppercase;
          text-decoration: none;
          line-height: 42px;
          font-weight: 600;
          font-size: 20px;
      }

      .navbar-brand {
         float: left;
         padding: 100px 15px 0px -15px;
         font-size: 18px;
         line-height: 20px;
      }

      .navbar-default .navbar-nav > li.dropdown:hover > a, 
      .navbar-default .navbar-nav > li.dropdown:hover > a:hover,
      .navbar-default .navbar-nav > li.dropdown:hover > a:focus {
          background-color: rgb(231, 231, 231);
          color: rgb(85, 85, 85);
      }
      li.dropdown:hover > .dropdown-menu {
          display: block;
      }

      
      /*  Carousel  */

      section {
          padding-top: 150px;
          padding-bottom: 5px;
      }

      .quote {
          color: rgba(0,0,0,.1);
          text-align: center;    margin-bottom: 30px;
      }

      /*-------------------------------*/
      /*    Carousel Fade Transition   */
      /*-------------------------------*/

      #fade-quote-carousel.carousel {
        padding-bottom: 60px;
      }
      #fade-quote-carousel.carousel .carousel-inner .item {
        opacity: 0;
        -webkit-transition-property: opacity;
            -ms-transition-property: opacity;
                transition-property: opacity;
      }
      #fade-quote-carousel.carousel .carousel-inner .active {
        opacity: 1;
        -webkit-transition-property: opacity;
            -ms-transition-property: opacity;
                transition-property: opacity;
      }
      #fade-quote-carousel.carousel .carousel-indicators {
        bottom: 10px;
      }
      #fade-quote-carousel.carousel .carousel-indicators > li {
        background-color: #e84a64;
        border: none;
      }
      #fade-quote-carousel blockquote {
          text-align: center;
          border: none;
      }
      #fade-quote-carousel .profile-circle {
          width: 100px;
          height: 100px;
          margin: 0 auto;
          border-radius: 100px;
      }


       body {
          /*background-color: #f6f6f6;*/
          font-family: Muli, Helvetica, Arial, sans-serif
      }


       h1, h2, h3, h4, h5, h6 {
           font-family: Catamaran, Helvetica, Arial, sans-serif;
           font-weight: 200;
           letter-spacing: 1px
       }

       p {
           font-size: 18px;
           line-height: 1.5;
           margin-bottom: 20px
       }

        footer .footer-above {
          padding-top: 20px;
          background-color: #8bd4e6;
      }


      footer .footer-below {
          padding: 15px 0;
          background-color: #8bd4e6;
      }
      /* Old Footer - fdcc52 -- 00c6ff  --  337ab7 */

      .btn-outline {
          font-size: 20px;
          margin-top: 15px;
          transition: all .3s ease-in-out;
          color: #fff;
          border: solid 2px #fff;
          background: 0 0;
      }

      .btn-social {
          font-size: 20px;
          line-height: 45px;
          display: inline-block;
          width: 50px;
          height: 50px;
          text-align: center;
          border: 2px solid #fff;
          border-radius: 100%;
      }

      .fa-facebook:hover{
          color: #265a88;
      }

      @media (max-width: 767px) {
         .navbar-nav > li > a {
             line-height: 20px;
             padding-top: 10px;
             padding-bottom: 10px;
           }

          .navbar-fixed-top {
            padding-top: 10px;
             min-height: 80px;
             background: #fff;
          }

          .active-page {
              color: #c9d0ec;
          }

          section {
              padding-top: 75px;
              padding-bottom: 5px;
          }

      }


      /*  Testimonial Quote Caroseul  */

      /* carousel */
      #quote-carousel 
      {
        padding: 0 10px 30px 10px;
        margin-top: 30px;
      }

      /* Control buttons  */
      #quote-carousel .carousel-control
      {
        background: none;
        color: #222;
        font-size: 2.3em;
        text-shadow: none;
        margin-top: 30px;
      }
      /* Previous button  */
      #quote-carousel .carousel-control.left 
      {
        left: -6px;
      }
      /* Next button  */
      #quote-carousel .carousel-control.right 
      {
        right: -6px !important;
      }
      /* Changes the position of the indicators */
      #quote-carousel .carousel-indicators 
      {
        right: 50%;
        top: auto;
        bottom: 0px;
        margin-right: -19px;
      }
      /* Changes the color of the indicators */
      #quote-carousel .carousel-indicators li 
      {
        background: #c0c0c0;
      }
      #quote-carousel .carousel-indicators .active 
      {
        background: #333333;
      }
      #quote-carousel img
      {
        width: 250px;
        height: 100px
      }
      /* End carousel */

      .item blockquote {
          border-left: none; 
          margin: 0;
      }

      .item blockquote img {
          margin-bottom: 10px;
      }

      .item blockquote p:before {
          content: "\f10d";
          font-family: 'Fontawesome';
          float: left;
          margin-right: 10px;
      }



      /**
        MEDIA QUERIES
      */

      /* Small devices (tablets, 768px and up) */
      @media (min-width: 768px) { 
          #quote-carousel 
          {
            margin-bottom: 0;
            padding: 0 40px 30px 40px;
          }
          
      }

      /* Small devices (tablets, up to 768px) */
      @media (max-width: 768px) { 
          
          /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
          
          #quote-carousel .carousel-indicators {
              bottom: -20px !important;  
          }
          #quote-carousel .carousel-indicators li {
              display: inline-block;
              margin: 0px 5px;
              width: 15px;
              height: 15px;
          }
          #quote-carousel .carousel-indicators li.active {
              margin: 0px 5px;
              width: 20px;
              height: 20px;
          }
      }

      .bd-callout {
          padding: 1.25rem;
          margin-top: 1.25rem;
          margin-bottom: 1.25rem;
          border: 1px solid #eee;
          border-left-width: .25rem;
          border-radius: .25rem;
      }

      .bd-callout-info {
            border-left-color: #f0ad4e;
      }

      .bd-callout-info {
          border-left-color: #5bc0de;
      }

      .line-right {
        border-right: 1px solid #ccc;
      }

      /*  Rating  */
      .btn-grey{
          background-color:#D8D8D8;
          color:#FFF;
      }
      .rating-block{
        background-color:#FAFAFA;
        border:1px solid #EFEFEF;
        padding:15px 15px 20px 15px;
        border-radius:3px;
      }
      .bold{
        font-weight:700;
      }
      .padding-bottom-7{
        padding-bottom:7px;
      }

      .review-block{
        background-color:#FAFAFA;
        border:1px solid #EFEFEF;
        padding:15px;
        border-radius:3px;
        margin-bottom:15px;
      }
      .review-block-name{
        font-size:12px;
        margin:10px 0;
      }
      .review-block-date{
        font-size:12px;
      }
      .review-block-rate{
        font-size:13px;
        margin-bottom:15px;
      }
      .review-block-title{
        font-size:15px;
        font-weight:700;
        margin-bottom:10px;
      }
      .review-block-description{
        font-size:13px;
      }


      .back-to-top {
          cursor: pointer;
          position: fixed;
          bottom: 20px;
          right: 20px;
          display:none;
      }

      /*  border: 2px solid #a1a1a1;  */
      .contact-card {
        margin-top: 10px;
        border: 2px solid #8bd4e6;
        padding: 10px 20px; 
        background: #fafafa;
        border-radius: 10px;
        text-align: center;
    }

    .box {
        margin-top: 10px;
        border: 1px solid #ece9e9;
        padding: 10px 20px; 
        border-radius: 5px;
    }

    a:hover {
        text-decoration: none;
    }


      /*-------------------------------*/
      /*    Colors Fade Transition   */
        /*  Blue - add9e4
                    00c6ff
      /*-------------------------------*/

    .text-primary {
        color: #0d5796;
    }   

    
    .banner{
        background: #8bd4e6;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to right, #8bd4e6, #add9e4);  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to right, #8bd4e6, #add9e4); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    }
