* {
    
}
html {
    margin:0 0 0 0;
    padding:0 0 0 0;
}
body {
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-family: kaffeesatz, sans-serif;
    font-weight: 300;
    font-style: normal;
        position: relative;
     padding-bottom: 6rem;
     margin-top:0px;
     min-height:100%;
}
#header {
    width:100%;
    height:130px;
    position:fixed;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-color:white;
    z-index:5;
}

@media only screen and (max-width:820px) {
 .logo_c {
     display:inline-block;
 }
}
#logo {
    height:90%;
    width:auto;
    padding:5px 5px;
    display:inline-block;
}
.div_logo {width:18%; display:inline-block;}
@media only screen and (max-width: 820px) {
    #logo {
        width:auto;
        height:60%;
        text-align:center;
    }
}
#header ul {
    display:inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  padding-left:30px;

}
@media only screen and (max-width: 1100px) {
  #header ul {
        display:none;
    }
}
#header li {
    float:left;
    padding:0 0 0 0;
    padding-bottom:10px;
    padding-left:2px;
    

    
    
}
#header li a {
  display: block;
  color: #424967;
  text-align: center;
  padding: 18px 25px;
  text-decoration: none;
  font-size:26px;
  border-radius:30px;
  


}
#header li a:hover {
    background-color:#424967;
    color:white;

}
 #header .active {
    background-color:#424967;
    color:white;
}
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }
  #content {
    width:90%;
    margin-left:5%;
    padding-bottom:100px;
    padding-top:150px;

}
.home_splash {
    width:100%;
    height:300px;
    background-image:url(Geo_3.png);
    display:inline-block;
    background-image:cover;
    background-repeat:no-repeat;
    border-radius:3px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.splash_inner {
    width:60%;
    height:200px;
    margin-top:100px;
    background-color:#424967;
    opacity:0.9;
}
.splash_inner h1 {
    font-size:40px;
}
.splash_inner p {
    font-size:20px;
}
@media only screen and (max-width: 820px) {
    .splash_inner h1 {
        font-size:30px;
        padding-right:10px;
    }

}
@media only screen and (max-width: 1200px) {
    .splash_inner p {
        font-size:16px;
    }
}
h1 {
    color:#636870;
    padding:0 0 0 0;
    margin:0 0 0 0;
}
h2 {
    color:#636870;
    padding:0 0 0 0;
    margin:0 0 0 0;
    
}
hr {
    color:#424967;
}
p {
    font-size:18px;
}
.fa {
  padding: 10px;
  font-size: 22px;
  width: 20px;
  height:auto;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  display:inline-block;
  border:solid;
  border-color:grey;
  border-radius:5px;
}
.fa a:hover {
    text-decoration:none;
}
.fa-facebook {
  color: white;
}
.fa-facebook:hover {
  color: #838bd5;
 
}
.fa-twitter:hover {
  background: #55ACEE;
  color: white;
}
.fa-twitter {
  background: #a8a7a7;
  color: white;
}
.fa-linkedin:hover {
  color: #838bd5;
}
.fa-linkedin {
  color: white;
}
#footer {

     color: white;
     text-align: center;
     background-color:#424967;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  width:100%;
  height:150px;
  margin-top:0px;
  padding-bottom:15px;
}
#footer p {
    margin-left:10px;
    margin-top:0px;
    padding-top:0px;
    margin-bottom:4px;
}
.contact_row {
    display:flex;
    width:100%;
}
.contact_col_r {
    flex:50%;
}
.contact_col_l {
    flex:50%;

}
.contact_col_l_inner {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius:10px;
}
.marg_smaller {
    margin-left:5%;
}

@media only screen and (max-width: 820px){
   .contact_row {
       display:inline-block;
   }
    .contact_col_r {
        flex:100%;
        padding-top:20px;
    }
    .contact_col_l {
        flex:100%;
        padding-bottom:20px;
    }
    .marg_smaller {
        margin-left:0px;
    }
}
label {
    margin-left:10%;
    font-size:18px;
    
}
input {
    width:80%;
    margin-left:10%;
    border-radius:4px;
    padding:10px 14px;
}
textarea {
    width:80%;
    margin-left:10%;
    border-radius:4px;
    padding:10px 14px;
    height:100px;
}
.button {
    color:white;
    background-color:#424967;
    border-radius:4px;
    border:none;
}
.button:hover {
         transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
        transition:0.3s;
    
}
.icon {
    height:18px;
    width:auto;
    display:inline-block;
}
/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width:820px){
    .centered {
        font-size:14px;
    }
}
.container {
  position: relative;
  text-align: center;
  color: white;
}
.container img {
    display:inline-block;
    border-radius:4px;
    width:100%;
    height:auto;
}
@media only screen and (max-width: 820px){
    .container img {
        width:100%;
        height:100px;
    }
}
.box_contain {
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap;
}
.box  {
    flex:26%;
    margin-left:5%;
    background-color:#575c8b;
    color:white;
    opacity:0.9;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-top:0px;
    margin-bottom:0px;
    padding:0 0 0 0;
    border-radius:4px;
    height:auto;
}

.box p {
    vertical-align:middle;
    height:100px;
}
@media only screen and (max-width: 820px) {
    .box {
        margin-left:0%;
        margin-bottom:10px;
        flex:100%;

        
    }

}
.box p {
    height:inherit;
    padding:0 0 0 0;
}

.box:hover {
    transform: scale(1.2);
    transition:0.3s;
}
.tab_box {
    width:100%;
    height:100%;
    border-radius:4px;
    position:relative;
    
}

.tabs {
    float:left;
    color:white;
    max-width:25% !important;
    height:auto;
    border-radius:4px;
    display:block;
    
}

@media only screen and (max-width: 820px) {
    .tab_box {
        display:none;
    }
}
.sticky {
    padding:0px;
    margin:0px;
}
.tabs button {
display: block;
  background-color: inherit;
  color: #5e6163;
  padding: 22px 16px;
  width: 100%; 
  margin-left:5%;
  border: none;
  outline: none;
  text-align: left;
  margin-bottom:5px;
  cursor: pointer;
  transition: 0.3s;
      font-family: kaffeesatz, sans-serif;
    font-weight: 300;
    font-style: normal;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    font-size:18px;
    border-radius:4px;
}
.tabs button:hover {
    color:white;
    background-color:#424967;
}
.tabs button.active1 {
    color:white;
    background-color:#424967;
}
.tabcontent {
    float:right;
    width:72%;
    height:auto;
    text-align:justify;
    
}
.g-recaptcha {
    margin-left:10%;
    max-width:80%;
}
@media only screen and (max-width: 1200px){
    .display_no {
        visibility:hidden;
        display:none;
    }

}
.small_tab {
    display:none;
}
@media only screen and (max-width:1100px) {
    .small_tab {
        display:block;
    }
}
.accordion {
  background-color: #424967;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active2, .accordion:hover {
  background-color: white;
  color:#424967;

}
.active2 {
      border:solid;
  border-color:#424967;
}

.accordion:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active2:after {
  content: "\2212";
    background-color: white;
  color:#424967;

}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.topnav {
  overflow: hidden;
  background-color: #424967;
  position: relative;
  padding:8px 8px;
  text-align:center;
}

.topnav #myLinks {
  display: none;
  background-color:#575c8b;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  
}

.topnav a.icon {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding:0 0 0 0;
  background:transparent;
  max-height:inherit;
  margin:0 0 0 0;
  padding-right:2px;
  

  
}

.topnav a:hover {
  background-color:  #424967;
}

.active3 {
  background-color: #4CAF50;
  color: white;
}
@media only screen and (min-width:1100px) {
    .topnav {
        display:none;
    }
}
.list_abu  {
    list-style-type:"-";
}
@media only screen and (max-width: 820px) {
    .list_abu ul {
       display:block;
    }

}
.list_new {
    list-style-type:disc;
    padding-bottom:10px;
    line-height:18px;
}
@media only screen and (max-width: 820px) {
    .list_new {
    padding-bottom:0px;
        
    }
    }
#GEOS li {
    line-height:17px;
    padding-bottom:0px;
}
#GEODA li {
    line-height:17px;
    padding-bottom:0px;
}
#MSERV li {
    line-height:17px;
    padding-bottom:0px;
}
.image_home {
    display:block; width:18%; max-height:80%; float:right; padding:5px 5px; padding-bottom:20px;
}
@media only screen and (max-width: 820px) {
    .image_home {
        display:none;
    }
    #WQSC li {
            line-height:17px;
    padding-bottom:20px;
    }
}