body{
  font-family: Arial, Helvetica, sans-serif;
  line-height: 25px;
  margin:0;
  padding:0;
  font-size:15px
  }
  a{text-decoration:none;color:#222222}
  a:hover{color:#ffc107}
  header{
  padding: 5px 0px;
  background: #002192;
  }
  .topresponsive{display:none}
  .topresponsive img{max-width:100%}
  .btnsidebar{
  display:none;
  position: fixed;
  z-index:9999;
  top:5px;
  left:5px;
  height: 37px;
  width: 37px;
  text-align: center;
  border:1px solid #002192;
  background: #ffffff;
  border-radius: 3px;
  cursor: pointer;
  transition: left 0.4s ease;
  }
  .btnsidebar.click{
  left: 260px;
  }
  .btnsidebar span{
  color: #002192;
  font-size: 15px;
  }
  .btnsidebar.click span:before{
  content: '\f00d';
  }
  .sidebar{
  position: fixed;
  width: 250px;
  height: 100%;
  z-index:9999;
  left: -250px;
  background: #002192;
  transition: left 0.4s ease;
  }
  .sidebar.show{
  left: 0px;
  }
  .sidebar .text{
  color: white;
  font-size: 19px;
  font-weight: 600;
  line-height: 65px;
  text-align: center;
  background: #002192;
  letter-spacing: 1px;
  }
  nav.sidebar ul{
  background: #002192;
  height: 100%;
  width: 100%;
  list-style: none;
  padding-left: 10px;
  }
  nav.sidebar ul li{
  line-height: 50px;
  border-top: 1px solid rgba(255,255,255,0.1);
  }
  nav.sidebar ul li:last-child{
  border-bottom: 1px solid rgba(255,255,255,0.05);
  }
  nav.sidebar ul li a{
  position: relative;
  color: white;
  text-decoration: none;
  font-size: 13px;
  padding-left: 14px;
  font-weight: 500;
  display: block;
  width: 100%;
  border-left: 3px solid transparent;
  }
  nav.sidebar ul li.activesidebar a{
  color: yellow;
  background: #1e1e1e;
  border-left-color: yellow;
  }
  nav.sidebar ul li a:hover{
  background: #1e1e1e;
  }
  
  .feat-show{
  transition: all 0.5s;
  }
  
  nav.sidebar ul li.activesidebar ul{
  transition: all 0.5s;
  }
  nav.sidebar ul ul{
  position: static;
  display: none; 
  }
  
  nav.sidebar ul.show{
  display: block;
  transition: all 0.5s;
  }
  
  nav.sidebar ul ul li{
  line-height: 42px;
  border-top: none;
  }
  nav.sidebar ul ul li a{
  font-size: 12px;
  color: #e6e6e6;
  
  }
  nav.sidebar ul li.activesidebar ul li a{
  color: #e6e6e6;
  background: #1b1b1b;
  border-left-color: transparent;
  }
  nav.sidebar ul ul li a:hover{
  color: yellow !important;
  background: #1e1e1e!important;
  }
  nav.sidebar ul li a span{
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 15px;
  transition: transform 0.4s;
  }
  nav.sidebar ul li a span.rotate{
  transform: translateY(-50%) rotate(-180deg);
  }
  .content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  color: #202020;
  z-index: -1;
  text-align: center;
  }
  .top{padding: 5px 0px;}
  .top a{color:#ffffff}
  .top a i{margin: 0px 5px 0px 0px;}
  .top a img{width: 25%;margin: -3px 5px 0px 0px}
  .top a span{}
  .menu{margin: 1% auto;
  padding: 15px 15px;
  background: #ffffff12;
  border-radius: 70px;}
  .menu a{}
  .menu a img{width: 25%;}
  .menu ul{}
  .menu ul li{}
  .menu ul li a{color:#ffffff}
  .menu ul li a:hover,.menu ul li a:focus{color:yellow}
  .menu ul li a i{}
  .menu form{}
  .menu form span,.menu form input{border: none !important;
  background: none !important;;color:#fff}
  .menu form input{
  }
  .banner{}
  .banner a{}
  .banner a img{max-width:100%}
  .benefit{
  position: relative;
  margin: -25px 0px 0px 0px;
  }
  .benefit .icon{padding:20px 0px;margin: 10px 0px 0px 0px;}
  .benefit .icon i{font-size: 40px;color: #002192;}
  .whychooseus{}
  .whychooseus strong{color: #002192;}
  .whychooseus strong span{width: 80px;
  padding: 2px 0px;
  background: #0c3dcd;
  display: inline-block;
  margin: 0px 0px 3px 10px;}
  .whychooseus h3{font-size:16px;
  font-family: arial;
  line-height: 26px;}
  .whychooseus h5{font-size: 16px;
  line-height: 28px;}
  .whychooseus h5 i{color: #ffc107;margin: 0px 5px 0px 0px;}
  .whychooseus .explore{text-align:center;
  padding: 2% 0%;}
  .whychooseus .explore a{
  padding: 15px 30px;
  border-radius: 50px;
  }
  
  .whychooseus .explore a:first-child
  {
  background:#fff100
  }
  .whychooseus .explore a:nth-child(2)
  {
  width: 50%;
  line-height: 25px;
  zoom:0.95
  }
  .whychooseus .explore a#callus i{float: left;
  font-size:45px;color: #002192;
  margin: 15px 5px 5px 0px;}
  .whychooseus .explore a#callus span{display: block;
  width: 75%;color: #002192;}
  .whychooseus img{width:100%}
  .quote {padding:1em 2em 0em 2em}
  .quote figcaption{font-size: 15px;color: #ffc107;padding-top: 10px;}
  .categorybox{background:url("../img/bg-steel.png")}
  .category{background: #000da6d9;
  padding-top: 3%;
  padding-bottom: 3%;}
  .category .title{margin: 0px 0px 20px 0px;}
  .category .title p{color: #f0f0f0;
  font-size: 15px;
  font-weight: bold;
  margin: 0;}
  .category .title p span{
  width: 80px;
  padding: 2px 0px;
  background: #f0f0f0;
  display: inline-block;
  margin: 0px 0px 3px 10px;
  }
  .category .title h2{color: #fff;
  font: bold 25px / 2.5em arial;
  text-transform: uppercase;}
  .category .item{text-align: center;
  display: block;
  color: #ddd;
  line-height: 30px;}
  .category .item img{width: 150px;
  height: 150px;
  border-radius: 50%;
  margin: 10px auto;
  border:8px solid #ffffffba}
  .category .item span{display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px; color: #fff;}
  .statistics{
  background:url("../img/bg-client.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color:#fff
  }
  .statistics h3{color: #222;
  font-size:26px;
  font-weight: bold;
  font-family: monospace;}
  .productbox{margin:3% auto}
  .productbox .title{margin: 0px 0px 20px 0px;}
  .productbox .title p{color: #002192;
  font-size: 15px;
  font-weight: bold;
  margin: 0;}
  .productbox .title p span{
  width: 80px;
  padding: 2px 0px;
  background: #002192;
  display: inline-block;
  margin: 0px 0px 3px 10px;
  }
  .productbox .title h2{color: #002192;
  font: bold 25px / 2.5em arial;
  text-transform: uppercase;}
  .product-grid3{font-family:Roboto,sans-serif;text-align:center;position:relative;z-index:1}
  .product-grid3:before{content:"";height:81%;width:100%;background:#fff;border:1px solid rgba(0,0,0,.1);opacity:0;position:absolute;top:0;left:0;z-index:-1;transition:all .5s ease 0s}
  .product-grid3:hover:before{opacity:1;height:100%}
  .product-grid3 .product-image3{position:relative}
  .product-grid3 .product-image3 a{display:block}
  .product-grid3 .product-image3 img{width:100%;height:auto}
  .product-grid3 .pic-1{opacity:1;transition:all .5s ease-out 0s}
  .product-grid3:hover .pic-1{opacity:0}
  .product-grid3 .pic-2{position:absolute;top:0;left:0;opacity:0;transition:all .5s ease-out 0s}
  .product-grid3:hover .pic-2{opacity:1}
  .product-grid3 .social{width:120px;padding:0;margin:0 auto;list-style:none;opacity:0;position:absolute;right:0;left:0;bottom:5px;transform:scale(0);transition:all .3s ease 0s}
  .product-grid3:hover .social{opacity:1;transform:scale(1)}
  .product-grid3:hover .product-discount-label,.product-grid3:hover .product-new-label,.product-grid3:hover .title{opacity:1}
  .product-grid3 .social li{display:inline-block}
  .product-grid3 .social li a{color:#fff;background:#ffc107;font-size:18px;line-height:50px;width:50px;height:50px;border:1px solid rgba(0,0,0,.1);border-radius:50%;margin:0 2px;display:block;transition:all .3s ease 0s}
  .product-grid3 .social li a:hover{color:#ffc107; background:#fff}
  .product-grid3 .product-discount-label,.product-grid3 .product-new-label{
    background-color: #000fd7b5;
      border-radius: 3px;
      color: #fff;
      font-size: 17px;
      padding: 2px 6px;
      position: absolute;
      right: 5px;
      top: 5px;
      transition: all .3s;
  }
  .product-grid3 .product-content{z-index:-1;padding:10px;text-align:left}
  .product-grid3 .title{font-size:14px;text-transform:capitalize;padding:10px 0px;margin:0;transition:all .3s ease 0s}
  .product-grid3 .title a{color:#414141}
  .product-grid3 .title a:hover{color:#ffc107}
  .product-grid3 .price{color:#002192;font-size:16px;font-weight:400;margin-right:2px;display:inline-block}
  .product-grid3 .price span{color:#909090;font-size:14px;font-weight:500;letter-spacing:0;text-decoration:line-through;text-align:left;display:inline-block;margin-top:-2px}
  .product-grid3 .rating{padding:0;margin:-25px 0 0;list-style:none;text-align:right;display:block}
  .product-grid3 .rating li{color:#ffd200;font-size:13px;display:inline-block}
  .product-grid3 .rating li.disable{color:#dcdcdc}
  .blog .title{margin: 0px 0px 20px 0px;}
  .blog .title p{color: #002192;
  font-size: 15px;
  font-weight: bold;
  margin: 0;}
  .blog .title p span{
  width: 80px;
  padding: 2px 0px;
  background: #002192;
  display: inline-block;
  margin: 0px 0px 3px 10px;
  }
  .blog .title h2{color: #002192;
  padding: 15px 0px 0px 0px;
  font: bold 25px / 1.5em arial;
  text-transform: uppercase;}
  .footer {
  background: #191818 url(../img/bgagri-top.jpg);
  background-size: cover;
  background-position: center;
  }

  @media only screen and (max-width:1200px){
    .product-grid3 .rating{margin:0}
  }
  @media only screen and (max-width:990px){
  
  .btnsidebar,.topresponsive{display:block;  padding: 5px 0px;}
  .product-grid3{margin-bottom:30px}
  .product-grid3 .rating{display:none}
  .menu,.top{display:none}
  .category .title h2,.blog .title h2,.productbox .title h2,.category .item span {
      line-height: 25px;
      font-size: 16px;
  }
  .benefit{margin:0}
  .whychooseus h5 {
      font-size:15px;
      line-height: 25px;
  }
  }
  @media only screen and (max-width:400px){.whychooseus .explore {
      zoom: 0.8;
  }
  .whychooseus .explore a{padding:20px}
  .whychooseus .explore a#callus i {
  font-size: 30px;margin: 10px 5px 5px 0px;}
  .product-grid3 .price {text-align: center;display: block;}
  .product-grid3 .product-discount-label, .product-grid3 .product-new-label {
      font-size: 12px;
      padding: 0px 5px;
      right: 3px;
      top: 3px;
  }
  }