body{
        font-family: 'Raleway', sans-serif;
      }
      .banner{
        margin-bottom: 30px;
      }
      .img-banner img{
        width: 100%;
        margin-top: -25px;
        position: relative;
        height:auto;
      }
      .banner-desc{
        position: absolute;
        text-align: center;
        top: 200px;
        left: 0;
        right: 0;
        color: #fff;
        z-index: 1;
      }
      .banner-desc h2{
       font-weight:800;
       font-size: 42px;
      }
       @media(max-width: 768px){
        .img-banner img {
          width: 100%;
          margin-top: -20px;
          position: relative;
          height: 100px;
      }
      
      .banner-desc {
          position: absolute;
          text-align: center;
          top: 100px;
          left: 0;
          right: 0;
          color: #fff;
          z-index: 999;
      }
      .banner-desc h2 {
          font-weight: 600;
          font-size: 20px;
      }
      }
      .navbar-default {
        background: #fff;
        transition: all 0.5s;
        z-index: 997;
        padding: 17px 0;
        top:0px;
      }
      @media(max-width: 768px){
        .navbar-default{
          padding:5px 0;
        }
      }
      .navbar-default .navbar-nav>li>a {
          /*color: #777;*/
          display: block;
          position: relative;
          color: #222222;
          transition: 0.3s;
          font-size: 15px;
          font-weight: 500;
          padding: 0 3px;
          transition: 0.8s;
      }
      .navbar-nav>li {
         /*white-space: nowrap;*/
         padding: 10px 0 10px 28px;
         transition: 0.8s;
      }
      .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
          color: #555;
          background-color: #fff;
      }
     
      #topbar {
        background: #1576bb;
        height: 40px;
        font-size: 14px;
        transition: all 0.5s;
        color: #fff;
        padding-top: 7px;
      }

      #topbar.topbar-scrolled {
        top: -40px;
      }

      #topbar .contact-info a {
        line-height: 1;
        color: #fff;
        transition: 0.3s;
      }

      #topbar .contact-info a:hover {
        text-decoration: underline;
      }

      #topbar .contact-info i {
        padding-right: 4px;
        margin-left: 15px;
      }

      #topbar .contact-info i:first-child {
        margin-left: 0;
      }

      #topbar .social-links a {
        color:#fff;
        padding-left: 15px;
        display: inline-block;
        line-height: 1px;
        transition: 0.3s;
      }

      #topbar .social-links a:hover {
        color: #fff;
      }
      @media(max-width: 768px){
        .social-links{
          display: none;
        }
      }
      .d-flex {
          display: -ms-flexbox!important;
          display: flex!important;
      }
      .mr-auto, .mx-auto {
          margin-right: auto!important;
      }
      @media(max-width: 768px){
        .mr-auto, .mx-auto {
          margin-right: auto!important;
          font-size: 10px !important;
      }
      }
      #topbar .contact-info i:first-child {
          margin-left: 0;
      }#topbar .contact-info i {
      padding-right: 4px;
      }
      [class*=" icofont-"], [class^=icofont-] {
          font-family: IcoFont!important;
          speak: none;
          font-style: normal;
          font-weight: 400;
          font-variant: normal;
          text-transform: none;
          white-space: nowrap;
          word-wrap: normal;
          direction: ltr;
          line-height: 1;
          -webkit-font-feature-settings: "liga";
          -webkit-font-smoothing: antialiased;
      }
      .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
          background-color: #fff;
      }
      .navbar-brand {
          float: left;
          height: 20px;
          padding: 15px 15px;
          /* font-size: 18px; */
          /* line-height: 20px; */
      }
      .navbar-default .navbar-brand {
          color: #106eea;
          font-weight: bolder;
          text-transform: uppercase;
      }
      .navbar-brand img{
          width:50px;
          margin-top: -20px;
      }
    @media(max-width: 768px){
      .navbar-brand img {
          width: 50px;
          margin-top: -16px;
      }
    }
    .carousel {
        position: relative;
        margin-top: -30px;
    }
    .carousel-control.right {
        right: 0;
        left: auto;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
        background-repeat: repeat-x;
    }
    .carousel-control.left {
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
        background-repeat: repeat-x;
    }
    .carousel-indicators .active {
        width: 12px;
        height: 12px;
        margin: 0;
        background-color:transparent; 
    }
    .carousel-indicators li {
        display: inline-block;
        width: 10px;
        height: 10px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color:transparent; 
        border-color: transparent; 
        border-radius:0px;
    }
    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 150px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        text-shadow:none; 
    }
    .carousel-caption h3{
        font-size: 38px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .products{
        margin-top: 50px;
    }
     .products2{
        margin-top: 10px;
    }
    .card-pro{
      padding:0px;
      color:#3e3c3c;
      transition:0.7s;
    }
     .card-pro:hover{
      padding:0px;
      background: #1576bb;
      color:#fff;
    }
    .pro-img img{
        width:100%;
    }
    .pro-desc{
        text-align: center;
        font-size: 15px;
        margin-top: 10px;
        padding-bottom: 5px;
    }
    
     .card-pro .pro-desc a{
        text-align: center;
        color:#3e3c3c;
        text-decoration: none;
    }
  
    .card-pro .pro-desc a:hover{
        text-align: center;
        color:#fff;
        text-decoration: none;
    }
     
    .pro-intro{
      text-align: center;
      margin-bottom: 70px;
    }
    .pro-intro h2{
      font-weight: 800;
    }
     .pro-intro p{
       color:#3e3c3c;
       font-size: 16px;
    }
    .call-to-action{
      margin-top: 70px;
    }
    .call-to-action img{
      width: 100%;
    }
    @media(max-width: 768px){
      .products {
          margin-top: 20px;
      }
      .pro-intro h2 {
          font-size: 21px;
      }
      .pro-intro {
          text-align: center;
          margin-bottom: 40px;
      }
      .pro-desc {
          text-align: center;
          font-size: 13px;
          margin-top: 10px;
          color: #3e3c3c;
      }
      .call-to-action {
          margin-top: 20px;
      }
    }
    .footer-title{
      font-size: 16px;
      font-weight: bold;
      color: #1576bb;
      position: relative;
      padding-bottom: 12px;
    }
    .footer-title2 p{
      font-size: 16px;
      font-weight: bold;
      color:#1576bb;
      position: relative;
      padding-bottom: 12px;
    }
    footer{
      background:#232121;
      padding-top: 40px;
      color:#e8e2e2;
      padding-bottom: 30px;
    }
    footer ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }
     footer ul a{
        color: #e8e2e2;
        transition: 0.3s;
        display: inline-block;
        line-height: 1;
    }
    footer ul li{
        padding: 10px 0;
        display: flex;
        align-items: center;
    }
    footer .social-links2 a{
        font-size: 18px;
        display: inline-block;
        background: #106eea;
        color: #fff;
        line-height: 1;
        padding: 8px 0;
        margin-right: 4px;
        border-radius: 4px;
        text-align: center;
        width: 36px;
        height: 36px;
        transition: 0.3s;
    }
    footer img{
      width:60px;
      margin-bottom: 10px;
    }
    .footer-bottom{
      padding: 10px;
      color:#fff;
      text-align: center;
      background: #232121f2;
    }
    @media(max-width: 768px){
      .footer-title {
        font-size: 15px;
        font-weight: bold;
        color: #1576bb;
        position: relative;
        padding-bottom: 12px;
        padding-top: 20px;
    }
    }
    hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #918d8d47;
    }
     @media(min-width: 769px){
       hr {
        display: none;
    }
    }
    .back-to-top {
        position: fixed;
        right: 15px;
        bottom: 15px;
        z-index: 99999;
        transition: all 2s;
    }
    .back-to-top i {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        width: 40px;
        height: 40px;
        border-radius: 4px;
        background: #ed1b24;
        color: #fff;
        transition: all 0.4s;
    }
   
    .about-pg{
      margin-top: 0px;
      margin-bottom: -20px;
      padding: 10px;
      background: #fff;
      padding-top: 50px;
      padding-bottom:0px;
      text-align: center;
    }
    .about-pg p{
      font-size: 15px;
      line-height: 25px;
    }
   .about-img img{
    width:100%;
    height:auto;
   }
   .about-pg-desc h2{
    font-weight:800;
    margin-bottom: 20px;
    color: #000;
   }
   .about-mission{
    font-size: 20px;
    color: #1576bb!important;
    margin-top:20px;
   }
   .about-vision{
    font-size: 20px;
    color: #1576bb !important;
   }
   @media(max-width: 768px){
    .about-pg {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 10px;
        background: #EEE;
        padding-top: 30px;
        padding-bottom: 70px;
        text-align: justify;
    }
    .about-pg-desc h2 {
        font-weight: 800;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .about-pg p {
        font-size: 14px;
    }
   }
   .about-pg2{
    background: #1576bb;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #12f3d3;
    font-size: 18px;
    margin-top: 60px;
    margin-bottom: 50px;
   }
   .partners-desc2{
    text-align: center;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 40px;
   }
   .partners{
    display: flex;
    flex-direction: row;
    text-align: center;
    margin-bottom: 50px;
   }
   @media (max-width: 768px){
    .about-pg {
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 10px;
        background: #fff;
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: justify;
    }
    .partners{
    display: flex;
    flex-direction: column;
    text-align: center;
    margin-bottom: 50px;
    padding: 10px;
   }
   }
   .partners p{
    border: 1px solid#d5d2d2;
    padding: 20px;
    display: flex;
    text-align: center;
    width: 100%;
    justify-content: space-around;
   }
   @media(max-width: 768px){
    .about-pg2{
    background: #1576bb;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    color: #12f3d3;
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 30px;
   }
   }
   .house-products{
    margin-top: 50px;
   }
   .house-products h3{
    margin-bottom: 50px;
    text-align: center;
    font-weight: 800;
   }
   .house-products h5{
    margin-bottom: 50px;
    text-align: center;
    font-weight: 800;
    font-size: 20px;
   }
   @media(max-width: 768px){
    .house-products h3{
      margin-bottom: 50px;
      text-align: center;
      font-weight: 800;
      display: none;
     }
   }
   .card2{
    background: #1576bb ;
    color:#FFF;
    padding:10px;
    height:150px;
    margin-bottom:10px;
    transition: 0.9s
   }
   .card2:hover{
    background: #000 ;
    color:#FFF;
    padding:10px;
    height:150px;
    margin-bottom:10px;
   }
   .card2 h4{
    font-weight: bolder;
    color:#1bede3;
    
   }
   .grey{
    background:#e6e3e33d;
    margin-top:10px;
    padding-bottom: 50px;
    padding-top: 2px;
   }
   .offer-1 img{
    width:100%;
    margin-bottom: 20px;
   }
   .call-to-action2{
    background: #dbb23e;
    height:200px;
    margin-bottom:0px;
    margin-top: 50px;
    padding-top: 30px;
   }
    .call-to-action2 p,h2{
   color: #fff;
   }
    .call-to-action3{
    background-color: #6ac1d5;
    height:auto;
    margin-bottom: 60px;
    margin-top: 50px;
    padding-top: 30px;
    padding-bottom: 50px;
   }
   .call-to-action3 img{
    width: 100%;
    margin-bottom: 10px;
   }