body{background-color: #eeeeee;}
  .iheader{
      width:100%;
      border-bottom:2px solid;
      border-image: linear-gradient(to left, #29088A, rgb(191, 0, 255) 50%, #29088A) 100% 0 100% 0/3px 0 3px 0 stretch;
      border-image-slice: 1;
  }

  .ibenner{
      width:100%;
      background: #f3f3f3;
  }
  .dot {
    height: 37px;
    width: 37px;
    background-color: #2c3e50;
    border-radius: 50%;
    display: inline-block;
    color:#eee;
    padding:8px;
    text-align: center;
    font-size:12pt;
  }
  .info{
      width:100%;
      background: #ffffff;
      margin:0 auto;
      border-bottom:1px solid #eeeeee;
      border-top:1px solid #eeeeee;
  }
  .font-gray{ color: gray;}
  .font-size{ font-size:16pt;}
  .box-shadow{ box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.2); padding:10px; margin-top:5px; min-height:187px;}
  .card:hover { box-shadow: 0 4px 6px 0 rgba(0,0,0,0.2); }

  .ifooter{min-height:190px; width:100%; background: #273746; margin-top:50px;}
  .footer{width:100%; background:#1c2833;padding:20px; color8gray; font-size:12pt; text-align: center;}

  .ibennerdetial{width:100%; border-bottom:1px solid #eee; background:#ffffff;}  
  .colord{color: #2c3e50;}  
  .colords{color: #34495e;}  
  .line-hieght{ line-height:20pt; } 
  

  .title-fo { margin-top: 5px; color: #DEDFE0; }
  .inpt{border-radius:0; border:1px solid #BACEE1;background:none;}
   label{font-weight:normal; font-size:12px;}

  
.context-dark, .bg-gray-dark, .bg-primary {
  color: rgba(255, 255, 255, 0.8);
}

.footer-classic a, .footer-classic a:focus, .footer-classic a:active {
  color: #ffffff;
}
.nav-list li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-list li a:hover:before {
  margin-left: 0;
  opacity: 1;
  visibility: visible;
}

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.social-container{  background-color: #273746;}
.social-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 23px;
  font: 900 13px/1 "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
}
.social-container .col {
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.nav-list li a:before {
  content: "\f14f";
  font: 400 21px/1 "Material Design Icons";
  color: #4d6de6;
  display: inline-block;
  vertical-align: baseline;
  margin-left: -28px;
  margin-right: 7px;
  opacity: 0;
  visibility: hidden;
  transition: .22s ease;
}
.social-inner:hover{color:white;}