html{ scroll-behavior: smooth;}
html body{ padding: 0; margin: 0; width: 100%; height: 100%;  font-family: sans-serif; font-size: 14px; line-height: 1.5em; background-color: #eff2fa; color: #333333; }
input{ width:75%; border:1px #cccccc solid; border-radius: 5px; margin: 5px 0; padding:8px; clear: both; }
form > button{ border:0; padding: 8px 28px; margin: 10px 0; color:#efefef; font-weight: bold; background-color: #95cd8b; cursor: pointer; filter: drop-shadow(2px 2px 3px #335c64);}
form > button:hover{  background-color: #335c64; filter: drop-shadow(0 0 0 #335c64);}
table{  font-weight: bold;}
td{  width: 100px;}
h3{  padding: 0; margin: 0;}
h2 > a{ color: #95cd8b;  }
h2 > a:hover{ color: #efefef; text-decoration: none; }

.document-btn{ position: fixed; top: 70px; right: -101px; background-color: #95cd8b; padding:8px 15px; border-radius:15px 0 0 15px; z-index: 999; transition: 1s all;}
.document-btn > a{text-decoration: none; color:#efefef; font-weight: bold; padding: 0 8px; }
.document-btn > a > img{float: left; width: 15px; }
.document-btn > a > div{float: left; margin: 0 0 0 8px; }
.document-btn:hover{ right: -20px; }

.container{ position: relative; margin: 0 auto; max-width: 900px; overflow: hidden;}
.container > div > img{ width: 15px;}
.container > div > a > img{ width: 25px; padding: 0 5px;}


.top-container{position: fixed; top: 0; width: 100%; background-color: #335c64; padding: 8px; color:#efefef; font-size: 13px;  overflow: hidden; z-index: 999;}
.top-container > .container > div:first-child{ float: left; padding-top: 4px;}
.top-container > .container > div:nth-child(2){ float: right; padding-right: 15px;}

.top-container > div > div >  a{ color:#efefef; text-decoration: none; font-size: 13px;}
.top-container > div > div > a:hover{ color:#95cd8b; }

.top-container > .container > div > img:first-child{ width: 10px;}

.container-nav-a > p > img{ width: 300px;}

.container-grid-nav{ 
    display: -ms-grid;
     -ms-grid-columns: 2fr 1fr;
    display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; grid-auto-rows: minmax(50px, auto);  }

.container-nav-a {  
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1 / 1;  
    grid-row: 1;  padding: 55px 0 0 0;}

.container-nav-b {  
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    grid-column: 2 / 3;  
    grid-row: 1; text-align: right; padding: 75px 0 0 0;}

.container-nav-b > span{margin: 0 8px;}

.banner{ height: 350px; background-image: url('../imgs/banner.jpg');  background-position: top center;  background-attachment: fixed;}
.banner > .container {padding-top: 100px;}
.banner > .container > p{ text-align: center; margin: 15px; padding: 0;}
.banner > .container > p:first-child{ text-align: center; color:#95cd8b; font-size: 2.8em; font-weight: bold; filter: drop-shadow(3px 3px 2px #335c64);}
.banner > .container > p:nth-child(2){ text-align: center; color:#efefef; font-weight: bold;}
.banner > .container > p:last-child{ padding-top: 10px; }
.banner > .container > p > button{ border:0; padding: 8px 28px; color:#efefef; font-weight: bold; background-color: #95cd8b; cursor: pointer; filter: drop-shadow(6px 6px 3px #335c64);}
.banner > .container > p > button:hover{  background-color: #335c64; filter: drop-shadow(0 0 0 #335c64);}

.cert-holder{ position: relative; left: 0px; margin-top: 50px; height: 100px; width: 1500px; overflow: hidden; transition: 1s all;  animation: 20s infinite linear slidein;}
.cert-holder > div {float: left;  }
@keyframes slidein {  0% { left: 0px; }  50% { left: -500px; }  100% { left: 0px; } }

.container-services{ 
     display: -ms-grid;
     -ms-grid-columns: 1fr 1fr;
     display: grid; grid-template-columns: repeat(2, 1fr); margin: 30px 0; padding: 15px;}
.container-services > div:first-child{ 
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      grid-column: 1 / 3;  grid-row: 1; text-align: center; color: #95cd8b;}
.container-services-a {  
      -ms-grid-column: 1;
      -ms-grid-row: 2;
      grid-column: 1 / 1;  grid-row: 2; text-align: right;}
.container-services-b {  
      -ms-grid-column: 2;
      -ms-grid-row: 2;
      grid-column: 2 / 3;  grid-row: 2; font-weight: bold; line-height: 2em; padding: 8px 0;}
.container-services > div > ul{list-style-type: none;}
.container-services-a > p{ text-align: right; }
.container-services-b > p{ text-align: center; }
.container-nav-b > span > a{ color:#335c64; text-decoration: none; font-weight: bold; font-size: 14px;}
.container-nav-b > span > a:hover{ color:#95cd8b; }

.banner-md{ height: 335px; background-position: top center; background-size: 75%; background-image: url('../imgs/banner-md.jpg'); }

.container-info{ 
      display: -ms-grid;
      -ms-grid-columns: 2fr 1fr;
      display: grid; grid-template-columns: repeat(2, 1fr);  margin: 30px 0; padding: 15px;}
.container-info > div:first-child{ 
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      grid-column: 1 / 3;  grid-row: 1; text-align: center; color: #95cd8b;}
.container-info-a {  
      -ms-grid-column: 1;
      -ms-grid-row: 2;
      grid-column: 1 / 1;  grid-row: 2; text-align: right; padding: 15px 0; line-height: 2em;}
.container-info-b {  
      -ms-grid-column: 2;
      -ms-grid-row: 2;
      grid-column: 2 / 3;  grid-row: 2;  line-height: 2em; padding: 8px 0;}
.container-info > div > ul{list-style-type: none;}
.container-info-a > p{ text-align: right; }
.container-info-b > p{ padding-left: 25px; font-style: italic; color: #335c64; font-weight: bold; }

.footer-container{ background-color: #6a858b; color:#efefef; }
.container-footer{ 
      display: -ms-grid;
      -ms-grid-columns: 2fr 1fr;
      display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; grid-auto-rows: minmax(50px, auto); padding: 45px 0 10px 0;}
.container-footer-a {  
      -ms-grid-column: 1;
      -ms-grid-row: 1;
      grid-column: 1 / 1;  grid-row: 1; padding: 8px;}
.container-footer-b {  
       -ms-grid-column: 2;
       -ms-grid-row: 1;
       grid-column: 2 / 3;  grid-row: 1; font-weight: bold; line-height: 2em; padding: 8px 0;}
.container-footer > div > ul{list-style-type: none;}
.container-footer-a > p{ margin: 0; padding: 0; font-weight: bold;}

.container-services-b > ul > li > a{ color: #335c64; font-weight: bold; text-decoration: none;}
.container-services-b > ul > li > a:hover{ color: #95cd8b;  }

.container-footer-a > div > p > a{ color:#efefef; text-decoration: none; font-size: 14px; font-weight: bold;}
.container-footer-a > div > p > a:hover{ color:#95cd8b; }

.container-footer-a > div > p > img{ width: 15px;}

.footer-container > .container > div:last-child{ padding: 0 0 8px 0; }
.footer-container > .container > div > span{ color: #335c64; font-weight: bold;}
.footer-wrapper >  a{ color:#efefef; text-decoration: none; font-size: 14px;}
.footer-wrapper > a:hover{ color:#95cd8b; }
.footer-wrapper > span{ padding: 0 0 0 5px; }

.mobile-nav{  display: none;  transition: 1s all;}

.mobile-top-control{ height: 50px;}
.mobile-top-control > div:first-child{ float: right; padding: 15px 25px 0 0; }
.mobile-top-control > div:nth-child(2){ float: left; padding: 15px 25px 0 0; }

.mobile-links > div > a > div{ background-color: #95cd8b; border: 1px #335c64 solid;  filter: drop-shadow(0 0 0 #335c64); position: relative; margin: 15px auto; padding: 8px 12px; width: 150px; font-weight: bold; text-align: center;}
.mobile-links > div > a{ color:#efefef; text-decoration: none; } 
.mobile-links > div > a > div{ color:#efefef; text-decoration: none; } 
.mobile-links > div > a div:hover{ background-color: #335c64; color:#95cd8b;  border: 1px #95cd8b solid; text-decoration: none; } 

.mobile-links > ul li{  list-style-type:none; }
.mobile-links > ul > li { margin: 0 0 15px 0; }
.mobile-links > ul > li:first-child{ background: url('../imgs/location-icon.svg') no-repeat left top; padding-left: 30px;  }
.mobile-links > ul > li:nth-child(2){ background: url('../imgs/email-icon.svg') no-repeat left top; background-size: 20px; padding-left: 30px;  }
.mobile-links > ul > li:last-child{ background: url('../imgs/phone-icon.svg') no-repeat left top; padding-left: 30px;  }

.mobileNav > img{ width: 25px;} 
.mobile-nav > div > ul > li a{ color:#efefef; text-decoration: none; font-weight: bold;}
.mobile-nav > div > ul > li > a:hover{ color:#95cd8b; }

.mobile-social > ul li {list-style-type:none; }
.mobile-social > ul > li { margin: 0 0 15px 0;}
.mobile-social > ul > li:first-child{ background: url('../imgs/facebook.svg') no-repeat left top; background-size: 20px; padding-left: 30px;  }
.mobile-social > ul > li:nth-child(2){ background: url('../imgs/twitter.svg') no-repeat left top; padding-left: 30px;  }
.mobile-social > ul > li:last-child{ background: url('../imgs/linkedin.svg') no-repeat left top; padding-left: 30px;  }

.mobile-social > a{ margin: 0 5px;}


@media (max-width: 800px){ 
      
  table{ width: 70%;}
  input{ width:95%;}
  iframe{ width: 100%; height: 100px; }

  .mobileLogo > img{ width: 150px; }
  .mobile-nav{ height:40px;  display: block !important; overflow: hidden;} 
  .top-container > .container > div{ display: none; }
  .top-container > div > div > a {  font-size: 1.3em; line-height: 1.8em; }
  
  .container-grid-nav{ display: none; } 
  .banner{  background-size: 175%;}
  .banner > .container {padding-top: 5px;}
  .banner > .container > p:first-child{ line-height: 1em; }
  .banner{ height: 100%; margin-top: 120px;} 
  
  .banner-md{ height: 135px;}

  .container-info-a {  
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1 / 3; }
  .container-info-b {  display: none;}
  .container-info-a > p{ text-align: left; }

  .container-footer-a {  
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    grid-column: 1 / 3; padding: 8px;}
  .container-footer-b {  
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    grid-column: 1 / 3; grid-row: 2; padding: 8px;}

  .footer-wrapper{ display: none; }
  
 }