@charset "utf-8";
  /* ##################### Global Content Styles   ##################### */

  body {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    color: #555459;
    font-weight: 400;
    font-smooth: auto;
  }
  /* Headings */

  h1 {
    letter-spacing: 2px;
    line-height: 65px;
    font-size: 50px;
    font-weight: 400;
  }

  h2 {
    font-size: 32px;
    font-weight: 400;
    color: #333333;
  }

  h3 {
    font-size: 24px;
    font-weight: 400;
  }

  h4 {
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
  }
  /* Button Styles */

  .cust-btn-warning {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512;
  }

  .cust-btn-warning:hover,
  .cust-btn-warning:focus {
    color: #fff;
    background-color: #da8610;
    border-color: #da8610;
  }

  .btn-gray {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    border-radius: 50% !important;
    height: 40px;
    width: 40px;
    padding-top: 10px;
    margin-right: 5px;
  }

  .btn-gray:hover {
    color: #fff;
    background: #ec971f;
  }
  /* add class */

  .p-t-10 {
    padding-top: 10px;
  }

  .p-t-20 {
    padding-top: 20px;
  }

  .p-t-30 {
    padding-top: 30px;
  }

  .p-t-50 {
    padding-top: 50px;
  }

  .p-b-60 {
    padding-bottom: 60px;
  }

  .p-l-10 {
    padding-left: 10px;
  }

  .p-l-0 {
    padding-left: 0px;
  }

  .p-r-0 {
    padding-right: 0px;
  }

  .p-b-50 {
    padding-bottom: 50px;
  }

  .p-b-15 {
    padding-bottom: 15px;
  }

  .m-t-0 {
    margin-top: 0px;
  }

  .m-t-5 {
    margin-top: 5px;
  }

  .m-t-10 {
    margin-top: 20px;
  }

  .m-t-15 {
    margin-top: 15px;
  }

  .m-t-30 {
    margin-top: 30px;
  }

  .m-t-50 {
    margin-top: 50px;
  }

  .m-t-80 {
    margin-top: 80px;
  }

  .m-b-50 {
    margin-bottom: 50px;
  }

  .m-b-0 {
    margin-bottom: 0px;
  }

  .m-b-15 {
    margin-bottom: 15px;
  }


  .form-control,
  .btn {
    border-radius: 2px;
  }
  /******* cust-color *****/

  .cust-primary {
    color: #2491dd;
  }

  .blue {
    color: #2491dd;
  }

  .white-text {
    color: #fff;
  }

  .orange {
    color: #f0ad4e;
  }
  /******* font-style *****/

  .f-bold {
    font-weight: bold;
  }

  .f-18 {
    font-size: 18px;
  }

  .f-22 {
    font-size: 22px;
  }
  /* ##################### Header Content Styles  ##################### */
  /***** navigation********/
.navbar.active {
     box-shadow: 0 0 10px rgba(0,0,0,0.4);   
}
  .navbar-brand {
    padding: 8px 15px;
    height: auto; 
  }
  .navbar-default .navbar-nav>li>a:focus,
  .navbar-default .navbar-nav>li>a:hover {
    color: #2491dd;
    background-color: transparent;
  }

  .navbar-default {
    background-color: #fff;
    border: none;
  }
  .navbar-nav>li>a {
    padding-bottom: 10px;
    margin-top:5px;
    margin-bottom: 5px;
    padding-top: 13px;
  }
  /******** banner ******/

  .banner {
    background: url(../images/banner.png) no-repeat;
    background-size: cover;
    min-height: 550px;
    margin-top: 56px;
    position: relative;
  }

  .banner h1 {

    letter-spacing: 2px;
    line-height: 65px;

    padding-top: 22%;
  }
  /******** quote-box ******/

  .free-call {
    background: #000;
    color: #fff;
    padding: 15px;
    text-align: center;
  }

  .free-form {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
  }

  .free-form h3 {
    color: #fff;
  }

  .free-form .form-control {
    background: rgba(255, 255, 255, 0.9);
  }

  .free-form .form-control:hover,
  .free-form .form-control:focus {
    background: #fff;
    box-shadow: 0px;
    border: 1px solid #ccc;
  }

  .free-form label {
    font-weight: normal;
    color: #ccc;
  }
  /* ##################### solutions  ##################### */
  .our-solutions{
    padding-top: 50px;
  }
  
  .our-solutions .title {
    font-size: 22px;
  }

  .our-solutions i {
    color: #337ab7;
    padding-top: 10px;
  }

  .solution-tab {
    margin-top: 20px;
  }
  /* ##################### client  ##################### */

  .client-review {
    background: #f5f5f5;
    margin-top: 80px;
    padding: 50px 0 80px 0;
  }

  .owl-carousel .owl-item img {
    display: block;
    width: auto;
    margin: 0 auto;
  }

  .client-review .white {
    border: 1px solid #e6e7e8;
    background: #ffffff;
    box-shadow: 0px 5px 5px 3px rgba(35, 36, 58, 0.04);
    padding: 15px;
    min-height: 230px;
  }

  .client-review .white p {
    line-height: 26px;
  }
  /* ##################### about  ##################### */

  .about {
    padding-top:50px;
    margin-bottom: 80px;
  }

  .about p {
    font-size: 16px;
    line-height: 24px;
  }
  /* ##################### blog  ##################### */

  .blog {
    background: #f5f5f5;
    padding: 80px 0;
  }
  /* ##################### footer  ##################### */

  .footer {
    background: #494949;
    padding: 60px 0 50px 0;
  }

  .footer p {
    line-height: 24px;
    color: rgba(255, 255, 255, 0.8);
  }


  .copyright {
    background: #333;
    color: #999;
    font-size: 13px;
    padding: 10px 0;
  }
   .copyright a{
    color: #ccc;
   }
    .copyright a:hover{
    color: #eee;

   }
  /* ##################### free quote  ##################### */

  .free-quote {
    background: url(../images/cta-bg.jpg);
    color: #fff;
    padding: 30px 0;
  }

  .free-quote h3 {
    margin-top: 10px;
  }
  /* ##################### desktop view  ################## */

  @media (min-width: 992px) and (max-width: 1200px) {
    h3 {
    font-size: 22px;
  }
    /**** blog ****/
    .blog img {
      margin-top: 15px;
    }
    /***** footer *********/
    .btn-gray {
     height: 35px;
      margin-right: 3px;
      padding-top: 7px;
      width: 35px;
    }
  }
  /* ##################### tab view  ##################### */
  /**** blog ****/

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

    .blog img {
      margin-top: 15px;
    }
    .map{
      padding-bottom: 15px;
    }
    .footer {
    background: #494949 none repeat scroll 0 0;
    padding: 30px 0;
}
.blog {
  
    padding: 50px 0;
}
  }
  /* ##################### mobile view  ##################### */

  @media (max-width: 767px) {
     h1 {
      font-size: 24px;
    }
    h2 {
      font-size: 22px;
    }
    /******** menu ***********/
    .navbar-toggle {
      margin-bottom: -1px;
      margin-right: 5px;
      margin-top: 11px;
    }
    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
      border-color: #fff;
    }
    .navbar-default .navbar-toggle {
      border-color: #fff;
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
      background-color: #fff;
    }

   
    /**** banner ****/
    .banner {
      padding-bottom: 20px;
    }
    .banner h1 {
      letter-spacing: 2px;
      line-height: 30px;
      padding-top: 20px;
    }
    /**** main-content ****/
    .main-content {
      margin-top: 15px;
    }
    /**** client-review ****/
    .client-review {
      margin-top: 15px;
      padding: 15px 0 15px 0;
    }
    /**** solutions ****/
    .our-solutions {
    padding-top: 15px;
}
    .our-solutions .title {
      font-size: 18px;
    }
    /**** blog ****/
    .blog {
      padding: 20px 0;
    }
    .blog img {
      margin-top: 15px;
    }
    .about {
        padding-top:15px;
      margin-bottom: 0px;
    }
    /**** footer ***/
    .footer {

      padding: 15px 0 15px 0;
    }
    .map {
      margin-top: 15px;
    }
    .btn-gray {
      margin-right: 3px;
    }
     .map{
      padding-bottom: 15px;
    }
  }
  /* ##################### extra small view  ##################### */

  @media (max-width: 360px) {
    h1 {
    font-size: 20px;
}
.btn-gray {
    margin-right: 1px;
    height: 35px;
    width: 35px;
    padding-top:7px;
}
  }