
<style>

/* GLOBAL CSS */

 body {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
   font-size: 16px !important;
   line-height: 1.2 !important;
   background-color: #FFFFFF !important;
  }

   h1, h2, h3, h4, h5 , h6 {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
   color: #002d5d !important;   
  }
  
  h1 {
    font-size: 30px !important; 
  }
  h2 {
    font-size: 28px !important; 
  }
  h3 {
    font-size: 26px !important; 
  }
  h4 {
    font-size: 24px !important; 
  }

   a {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
   color: #002d5d !important;
   font-weight: 600 !important;
  }

  #bodya{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
   font-size: 18px !important;
  }
  

  .footer-social_icon-list_icon {
   display: inline-block !important;
   padding: 6px !important;

  }

  .row {
   margin-left: 0px !important;
   margin-right: 0px !important;
  }

  .btn-group-lg > .btn, .btn-lg {
   padding: 10px 26px !important;
   font-size: 15px !important;
  }
  .btn-warning {
   background-color: #002d5d !important;
   border-color: #002d5d !important;
  }

  .md-content {
   background-color: #3b3e3e !important;
  }

 #copyright  {
    background-color: #002d5d !important;
 }

  #form-width {
   width: 80% !important;
  }

     .form-control {
      height: 45px !important;
      color: #000 !important;
      font-weight: bold !important;
      background-color: #f5f5f5 !important;
    }

   select {
      height: 45px !important;
      color: #000 !important;
      font-weight: bold !important;
    }
  
  .nav-tabs a {
   color: #fff !important;
  }
  
  .nav-tabs>li>a:hover {
   background-color: #f1f1f1 !important;
   color: #3b3e3e !important;
  }

.has-feedback label~.form-control-feedback {
   top: 5px !important;
  }


/* MOBILE STYLES  */
  
@media only screen and (max-width: 480px) {
 
  h1, h2, h3, h4, h5 , h6 {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
   color: #002d5d !important;
  }
  
  h1 {
    font-size: 26px !important; 
  }
  h2 {
    font-size: 24px !important; 
  }
  h3 {
    font-size: 22px !important; 
  }
  h4 {
    font-size: 20px !important; 
  }

   a {
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
   color: #002d5d !important;
   font-weight: 600 !important;
  }
 

   #form-width {
   width: 80% !important;
  }
 
   h2 {
    font-size: 22px !important;
   }
 
 .nav-tabs>li>a {
   font-size: 7px !important;
  }
   #topimg {
    width: 140px !important;
   }

 }
  
  
@media screen and (max-width: 1020px) {


   #form-width {
   width: 90%;
  }
   h2 {
    font-size: 22px !important;

   }

 }


/* END MOBILE STYLES  */
  
 


/* GOOGLE MATERIAL FORM CSS  */
     
 * { box-sizing:border-box; }
    
    .form-container   { 
  font-family:'Arial' !important;
  width: 300px !important; 
  margin:30px auto 0 !important; 
  display:relative !important; 
  background:#FFF !important;
  padding:10px 50px 50px !important;
}

.form-group      { 
  position:relative !important; 
  margin-bottom:25px !important; 
}
input, textarea     {
  font-size:18px !important;
  padding:10px 10px 10px 5px !important;
  display:block !important;
  border:none !important;
  border-bottom:1px solid #002d5d !important;
}
input:focus, textarea:focus   { outline:none !important; }

/* LABEL ======================================= */
label      {
  color:#999 !important; 
  font-size:18px !important;
  font-weight:normal !important;
  position:absolute !important;
  pointer-events:none !important;
  left:5px !important;
  top:15px !important;
  transition:0.2s ease all !important; 
  -moz-transition:0.2s ease all !important; 
  -webkit-transition:0.2s ease all !important;
}
 
.checkbox label      {
  color:#999 !important; 
  font-size:18px !important;
  font-weight:normal !important;
  position:absolute !important;
  pointer-events:all !important;
  left:0px !important;
  top:0px !important;
  transition:0s ease none !important; 
  -moz-transition:0s ease none !important; 
  -webkit-transition:0s ease none !important;
}

/* active state */
input:focus ~ label, input:valid ~ label, textarea:focus ~ label, textarea:valid ~ label   {
  top:-20px !important;
  font-size:14px !important;
  color:#002d5d !important;
}

/* BOTTOM BARS ================================= */
.bar  { position:relative; display:block !important; width:100% !important; }
.bar:before, .bar:after  {
  content:'';
  height:2px !important; 
  width:0 !important;
  bottom:1px !important; 
  position:absolute !important;
  background:#006633 !important; 
  transition:0.2s ease all !important; 
  -moz-transition:0.2s ease all !important; 
  -webkit-transition:0.2s ease all !important;
}
.bar:before {
  left:50% !important;
}
.bar:after {
  right:50% !important; 
}

/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after, textarea:focus ~ bar:before, textarea:focus ~ bar:after {
  width:50% !important;
}

/* HIGHLIGHTER ================================== */
.highlight {
  position:absolute !important;
  height:60% !important; 
  width:100px !important; 
  top:25% !important; 
  left:0 !important;
  pointer-events:none !important;
  opacity:0.5 !important;
}

/* active state */
input:focus ~ .highlight, textarea:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease !important;
  -moz-animation:inputHighlighter 0.3s ease !important;
  animation:inputHighlighter 0.3s ease !important;
}


/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
 from { background:#002d5d !important; }
  to  { width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
 from { background:#002d5d !important; }
  to  { width:0; background:transparent; }
}
@keyframes inputHighlighter {
 from { background:#002d5d !important; }
  to  { width:0; background:transparent; }
}


textarea::placeholder {
   color: #999 !important;
    font-size: 18px !important;
    font-weight: normal !important;
    position: absolute!important;
    pointer-events: none !important;
    left: 5px !important;
    top: 10px !important;
    transition: 0.2s ease all !important;
    -moz-transition: 0.2s ease all !important;
    -webkit-transition: 0.2s ease all !important;
  }


/* END GOOGLE MATERIAL FORM CSS  */


</style>