html {
font-family: "Plus Jakarta Sans", sans-serif !important;
}
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    font-family:  "Plus Jakarta Sans", sans-serif !important;
    font-size: 16px !important;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}
.fixed-top { 
  padding-top: 2% !important;
  padding-bottom:10px !important;
}
.navbar-default {
background-color:white !important;
  border-color:white !important;
}


.navbar-nav li>span {
    position: relative;
    display: block;
    padding: 10px 15px;
    font-weight:bold;
}

.body-container-wrapper p, .body-container-wrapper p span, .body-container-wrapper p strong {
font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 18px;
  font-style: normal;
    font-weight: 500;
    line-height: 160%;
}

.body-container-wrapper li, .body-container-wrapper li span, .body-container-wrapper li strong {
font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 18px;
  font-style: normal;
    font-weight: 500;
    line-height: 160%;
}



p, p span{
font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 16px;
  line-height: 26px;
}

h1, h2, h3, h4, h6, h5 {
font-family: "Plus Jakarta Sans", sans-serif !important;
}

  .button {
  
  border: none;
  color: white;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
  
}

.button-blog {
  background-color: white; 
  color: black;
  font-weight: 700;
  border: 2px solid #fce500;
  margin-top: -15px;
  margin-right: -25px;
  padding: 8px 25px; 
}

.button-blog:hover {
  background-color: #fce500;
  color: black;
 
}

.button-search {
  background-color: #fce500; 
  color: black;
  font-weight: 700;
  border: 2px solid #fce500;
  margin-top: -15px;
  padding: 8px 18px; 
}

.button-search:hover {
  background-color: #e3ce00;
  color: black;
  
}

.hs-button {
  background-color: #fce500; 
  color: black !important;
  font-weight: 700;
  border: 2px solid #fce500;
  margin-top: 15px;
  padding: 8px 18px; 
   text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  
}
.hs-button:hover {
  background-color: #e3ce00;
  color: black;
}

.hs-button:click {
 background-color: #50EED3; 
}


/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
   margin-bottom:1rem;
}



/* breakpoint and up - mega dropdown styles */
@media screen and (min-width: 1200px) {
  
  /* remove the padding from the navbar so the dropdown hover state is not broken */
.navbar {
  padding-top:10px;
  padding-bottom:0px;
  background-color: white;
  border: 0px;
}

/* remove the padding from the nav-item and add some margin to give some breathing room on hovers */
.navbar .nav-item {
  padding:.1rem .1rem;
  margin:0 .1rem;
}

  
/* makes the dropdown full width  */
.navbar .dropdown {position:static;}

  
.navbar .dropdown-menu {
  width:100%;
  z-index: 9;
  padding-top:20px;
  left:0;
  right:0;
  top:40px;
  display:block;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s linear;
  border: 0px solid rgba(0,0,0,.15);
  
}
 
.fixed-top .dropdown-menu {
  top:70px;
  
}

  
  /* shows the dropdown menu on hover */
.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover {
  display:block;
  visibility: visible;
  opacity: 1;
  transition: visibility 0s, opacity 0.3s linear;
}
  
  

}

.navbar {
margin-bottom: 6px !important;
  font-size: 16x !important;
}

.navbar-default a {
 font-family: "Plus Jakarta Sans", sans-serif !important;
 text-decoration: none;
  display: block;
  font-size: 16x !important;
  font-weight: 500;
  color: black !important;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  text-decoration: none !important;
}
.hs-top-nav a {
font-family: "Plus Jakarta Sans", sans-serif !important;
 text-decoration: none;
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: black !important;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 20px;
  padding-right: 5px;
  text-decoration: none !important;
}

.navbar-default a:hover {
    color: #009ca8  !important;
    background-color: white !important;
}
.navbar-default .navbar-nav>a:focus, .navbar-default .navbar-nav>a:hover {
    background-color: white !important;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    
    background-color: white !important;
}

@media (min-width: 1200px) {
    .container {
        min-width: 94% !important;
        margin-left: 3% !important;
        margin-right: 3% !important;
    }
  .navbar-expand-xl .navbar-collapse {
        
        margin-right: -1.9%;
    }
 
}

@media (min-width: 1200px) {
    .navbar-header {
        float: left;
        margin-top: -25px ;
    }
}
 .dropdown-menu{
     border-color: white !important;
  }
.hs-top-nav .fa {
font-size: 18px;
  color: black !important:
}
.hs-top-nav .fa: hover {
font-size: 18px;
  color: red !important:
}

.hs-top-nav a:hover {
color:#009ca8 !important;
}

.container-fluid {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  
}

.navbar-brand>img {
    display: block;
    width: 150px;
}

.nav>li>a {
    padding: 1px 23px !important;
}

.navbar-collapse {
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.navbar .dropdown-menu {
font-size: 16px !important;
}

.caret {
width: 9px !important;
  height: 7px !important;
}

@media only screen and (max-width: 1200px) {
  .desktop {
  display: none;
  }
  .mobile {
  display: block;
  }
  
  .button-search {
  margin-top: 0px;
  }
  
   .button-blog {
  margin-top: 0px;
  }
  
  .nav>li>a {
    padding: 12px 19px !important;
    font-weight: 600;
}
  .navbar-nav{
  margin-top:15px !important;
  }
  
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
  margin-left: 0px !important;
    margin-right: 0px !important;
  }
  
  .navbar-collapse.in{
  overflow-y: inherit !important;
  }
  
  .navbar-brand>img {
  width: 130px;
  }
   .header-first-dropdown {
  padding-left: 0%;
  }
  h1 {
    font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}
h2, h2 span, h2 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
 font-size: 24px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 120% !important;
}

h3, h3 span, h3 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color: #074450 !important;
  font-size: 20px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 120% !important;
}
  
h4, h4 span, h4 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color:#7fa0b4 !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 120% !important;
}  

h5, h5 span, h5 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color:#7fa0b4 !important;
  font-size: 16px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 120% !important;
}  
 
h6, h6 span, h6 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color:#7fa0b4 !important;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 600 !important;
  line-height: 120% !important;
}    
  
    blockquote p,  blockquote p span,  blockquote p strong,  blockquote p li{
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 160% !important;
}
  
}


@media (min-width: 768px) and (max-width: 1024px) {
 h1 {
   font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 40px !important;
   font-weight: 700 !important;
  line-height: 120% !important;
}
h2, h2 span, h2 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
 font-size: 36px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}

h3, h3 span, h3 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color: #074450 !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}

h4, h4 span, h4 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  font-size: 22px !important;
  color:#7fa0b4 !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}  

h5, h5 span, h5 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
font-size: 20px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}  
 
h6, h6 span, h6 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}  
  
  
}

@media only screen and (min-width: 1200px) {
   .desktop {
  display: block;
  }
  .mobile {
  display: none;
  }
  .header-first-dropdown {
  padding-left: 26% !important;
  }
  h1 {
    font-family: "Plus Jakarta Sans", sans-serif !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}
h2, h2 span, h2 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
 font-size: 36px !important;
  font-style: normal !important;
  line-height: 120% !important;
  font-weight: bold !important;
}

h3, h3 span, h3 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color: #074450 !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: bold !important;
  line-height: 120% !important;
}
  
 h4, h4 span, h4 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color:#7fa0b4 !important;
  font-size: 22px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}  

h5, h5 span, h5 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color:#7fa0b4 !important;
font-size: 20px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}  
 
h6, h6 span, h6 strong {
  font-family: "Plus Jakarta Sans", sans-serif !important;
  color:#7fa0b4 !important;
font-size: 18px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 120% !important;
}   
  
  
  
  blockquote p,  blockquote p span,  blockquote p strong,  blockquote p li{
        font-size: 24px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 160% !important;
}
  
  
}