body {
  
    padding-bottom: 20px;
    background-color:#e5e5e5;
    font-family:Tahoma;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}


/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.backWhite{background:#fff !important;}

.menu{
  
   
    font-size:1em;
    padding-top:5px;
    padding-bottom:5px;
    text-align:center;
    background:#e5e5e5;
}

    .menu a {
    color:#222;
    text-decoration:none !important;
    float:right;
    }

    .header{
        background: transparent url(/img/back.png) no-repeat;
        background-size:cover;
        min-height:500px;
    }

    .bannerText{
        color:#fff;
        line-height:55px;
    }

    .infoBlock{
        color:#fff;
        text-align:center;
        font-size:30px;
    }

    .block1{
        background-color:#46566d;
    }

     .block2{
        background-color:#31425d;
    }

      .block3{
        background-color:#1c2735;
    }

      .point{
     
   
      }
      .dataFlow{
          background-image:url(/img/DataDiag.png);
          background-size:contain;
          background-position: center center;
          background-repeat:no-repeat;
          min-height:800px;

      }

      .blueBackInfo{
          
          background: transparent url(/img/patt.png);
          padding: 93px;
        color: #fff;
        font-size: 22px;
        background-size: cover;
        line-height: 45px;
      }

      .productSection{
          background: #1d2735;
          color:#fff;
      }

      .tableBefore td, .tableBefore th{
          padding: 30px;
          text-align:center !important;
          font-weight:bold;
          font-size:12px;
      }

      .tableBefore td.t1,.tableBefore th.t1{
          color:#0a6c9e;
      }

       .tableBefore td.t2,.tableBefore th.t2{
          color:#0095c0;
      }

        .tableBefore td.t3,.tableBefore th.t3{
          color:#57c8df;
      }


        /*MENU */

        
.main-navbar.fixed {
    display: block;
    position: fixed;
    top: 0;
    float: left;
    z-index: 100;
}
        
    .mobile-menu {
  display: block;
  max-width: 200px;
  width: 100%;
  right: -100%;
  height: 100vh;
  background: #333;
  position: absolute;
  z-index: 9998;
  transition: 0.6s ease;
  top: 0;
  opacity: 0;
}

.mobile-menu ul {
  position: relative;
  top: 25%;
  transform: translateY(-50%);
  padding: 0;
}

.mobile-menu ul li { list-style: none; }

.mobile-menu ul li a {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
  text-align: left;
  padding-left:20px;
  text-decoration: none;
  color: #ddd;
  font-size: 14px;
  line-height:20px;
  padding-bottom:5px;
  padding-top:5px;
  border-bottom:solid 1px #000;
  overflow: hidden;
  position: relative;
}

.mobile-menu ul li a:after {
  content: '';
  background: #0e0e0e;
  width: 100%;
  height: 100%;
  position: absolute;
  right: -100%;
  top: 0;
  z-index: -1;
 
}

.mobile-menu ul li a:hover { color: #fff; }

.mobile-menu ul li a:hover:after { right: 0; }

.mobile-menu img {
  position: absolute;
  width: 150px;
  display: block;
  left: 50%;
  top: 3rem;
  transform: translatex(-50%);
  padding: 0;
  text-align: center;
}

.mobile-menu--open {
  right: 0;
  opacity: 1;
}
.mobile-nav-button {
  width: 35px;
  position: absolute;
  margin: 2rem;
  right: 0;
  top: 5px;
  z-index: 9999;
  cursor: pointer;
  width: 25px;
  height: 30px;
}

.mobile-nav-button .mobile-nav-button__line {
  width: 100%;
  height: 4px;
  background: #777;
  position: relative;
  transition: 1s ease;
}

.mobile-nav-button .mobile-nav-button__line:nth-of-type(2) { margin: 0.5rem 0; }

.mobile-nav-button .mobile-nav-button__line--1 {
  transform: rotate(45deg);
  top: 13px;
  position: absolute;
}

.mobile-nav-button .mobile-nav-button__line--2 { display: none; }

.mobile-nav-button .mobile-nav-button__line--3 {
  transform: rotate(135deg);
  top: 13px;
  position: absolute;
}


.navigation ul li {
    float: left;
   
    list-style: none;
    position: relative;
}

.navigation > ul > li > a {
   
    font: Normal 16px "Open Sans", sans-serif !important;

}
.navigation ul > li > a {
    
    float: left;
    color: #444444 !important;
    padding: 10px 15px;
    position: relative;
    
}

.navigation ul > li > a:hover {
    
    text-decoration:none;
    
}


.navigation{float:left;}


.main-navbar {
    font-size:16px;
    text-transform:uppercase;
   background-color:#e5e5e5;

}

.menuPad{
    float: left;
    width: 100%;
    height: 100px;
}