/* 1a. Containers */



/* 1b. Colors */








/* 1c. Typography */






























/* 1d. Buttons */

/* Primary Button */










/* Secondary Button */









/* Link Button */




/* 1e. Forms */














/* 1f. Tables */











/* 1g. Site header */



/* Primary Menu */





/* Child Menu */







/* 1h. Site footer */














.content-wrapper {
  max-width: 1240px;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}

/* Body Background Color */

.body-container {
  background-color: #fafafa;
}





body,html {
  font-family: Jost; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 16px;
  color: rgba(2, 43, 58,70%);
}

body .mwb-vertical-tab__nav-list a {
  color: #022B3A;
}

/* Anchors */

a {
  font-family: Inter; font-style: normal; font-weight: normal; text-decoration: none;
  color: #94c11e;
}

a:hover,
a:focus {
  color: #022B3A;
}

a:active {
  color: #022B3A;
}

/* Headings */

h1 {
  font-weight: 600; text-decoration: none; font-style: normal;
  color: ;
  font-size: 40px;
}

h2 {
  font-weight: 600; text-decoration: none; font-family: Inter; font-style: normal;
  color: #022B3A;
  font-size: 32px;
}

h3 {
  font-weight: 600; text-decoration: none; font-family: Inter; font-style: normal;
  color: #022B3A;
  font-size: 28px;
}

h4 {
  font-weight: 600; text-decoration: none; font-family: Inter; font-style: normal;
  color: #022B3A;
  font-size: 24px;
}

h5 {
  font-weight: 400; text-decoration: none; font-family: Inter; font-style: normal;
  color: #022B3A;
  font-size: 20px;
}

h6 {
  font-weight: 400; text-decoration: none; font-style: normal;
  color: #022B3A;
  font-size: 18px;
}

/* Blockquote */

blockquote {
  border-left-color: #94c11e;
}





/* Primary Button */

.el-button__filled {
  background-color: 

  
  
    
  


  rgba(150, 194, 23, 1.0)

;
  border-radius: 2.5px;
  border: 2px solid #96c217;
  color: #FFFFFF;
  padding: 12px 35px;
}
.el-button__filled:hover {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border-color: #96c217;
  color: #96c217;
}

/* Secondary Button */

.el-button__outlined {
  border-radius: 2.5px;
  border: 0px solid #96c217;
  color: #ffffff;
  padding: 12px 35px;
}
.el-button__outlined:hover {
  background-color: 

  
  
    
  


  rgba(150, 194, 23, 1.0)

;
  border-color: #96c217;
  color: #ffffff;
}







form,
.submitted-message {
  font-size: 16px;
}

/* Form Header */

form h1 {
  color: #022B3A;
}

.hs-main-font-element h1 {
  color: #022B3A;
}

.form-title {
  color: #022B3A;
}

/* Form label */

form label {
  color: #022B3A;
}

/* Form help text */

form legend {
  color: #022B3A;
}

/* Form inputs */

input[type=text],
input[type=email],
input[type=password],
input[type=tel],
input[type=number],
input[type=search],
select,
textarea {
  background-color: 

  
  
    
  


  rgba(242, 242, 242, 1.0)

;
  border: 1px solid #808080;
  border-radius: 2.5px;
  color: #022B3A;
}
input[type=file] {
  color: #022B3A;
}
option {
  color: #022B3A;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=file]:focus,
input[type=search]:focus,
select:focus,
textarea:focus {
  border: 1px solid #0f70b7;  
}

/* Form placeholder text */

::-webkit-input-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
:-moz-placeholder,
::placeholder,
.hs-fieldtype-date .input .hs-dateinput:before {
  color: #022B3A;
}

/* Date picker */

.fn-date-picker td.is-selected .pika-button {
  background: #0f70b7;
}

.fn-date-picker td .pika-button:hover {
  background-color: #0f70b7 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #0f70b7;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  font-family: Inter;
  background-color: 

  
  
    
  


  rgba(150, 194, 23, 1.0)

;
  border: 2px solid #96c217;
  border-radius: 2.5px;
  color: #FFFFFF;
  padding: 12px 35px;
}

form input[type=submit]:hover,
form .hs-button:hover {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 0.0)

;
  border-color: #96c217;
  color: #96c217;
}

body form input[type=submit]:active,
body form input[type=submit]:focus,
body form .hs-button:active,
body form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(150, 194, 23, 1.0)

;
  border: 2px solid #96c217;
  color: #FFFFFF;
}
.body-container--coming-soon .el-form--single-field ::placeholder {
  color: #EDE7E3;
}





table {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  border-color: #022B3A;
}

th,
td {
  border-color: #022B3A;
  color: #022B3A;
}

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(15, 112, 183, 1.0)

;
  border-bottom-color: #022B3A;
  color: #FFFFFF;
}

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: {color=#022B3A, opacity=null, rgba=rgba(2, 43, 58, 1), rgb=rgb(2, 43, 58), hex=#022B3A, css=#022B3A};
}

tbody + tbody {
  border-top-color: #022B3A;
}





/* Header Background Color */

.header-dnd-area2 {
  background: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Primary Menu */

.header .navigation-primary .submenu.level-1 a {
  ;
  color: #1170b7;
  font-size: 18px;
  text-transform: uppercase;
}

.header .navigation-primary .submenu.level-1 a:hover,
.header .navigation-primary .submenu.level-1 a:focus {
  color: #96c217;
}

/* Child Menu */

.header .navigation-primary .submenu.level-2 a {
  ;
  color: #022B3A;
  font-size: 14px;
  text-transform: uppercase;
}
.header .navigation-primary .submenu.level-2 a:hover,
.header .navigation-primary .submenu.level-2 a:focus {
  background-color: #96c214;
  color: #0771b8;
}





/* Footer Background Color  */

.footer-dnd-area2 {
  background: #FFFFFF;
}

/* Footer text  */

.footer p,
.footer div,
.footer span,
.footer-no-navigation p,
.footer-no-navigation div,
.footer-no-navigation span {
  color: #ffffff;
}

/* Footer Links  */

.footer .navigation-primary a {
  ;
  color: #EDE7E3;
  font-size: 20px;
  text-transform: none;
}

.footer .navigation-primary a:hover {
  color: #ffffff;
}

/* Footer Heading  */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer-no-navigation h1,
.footer-no-navigation h2,
.footer-no-navigation h3,
.footer-no-navigation h4,
.footer-no-navigation h5,
.footer-no-navigation h6{
  ;
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}

.footer svg,
.footer-no-navigation svg {
  fill: ;
}







.el-blog__side-tag-list.el-blog__side-tag-list--card a {
  border: 1px solid #0f70b7;
  color: #022B3A;
}

.el-trending-post__blog h6 a,
.el-blog-index__post.el-blog-index__post--small h5 a,
.el-blog__listing-cta a {
  color: #022B3A;
}

.el-blog-index__post.el-blog-index__post--small .el-blog-index__meta-content,.blog-header__title span  {
  color: #0f70b7;
}

.blog-pagination__link.blog-pagination__number-link.blog-pagination__link--active,
.blog-pagination__link.blog-pagination__number-link:hover,
.body-container--blog-post .blog-post__body ul li::after {
  background:#0f70b7;
}

.el-blog-header {
  background: #94c11e;
}

.blog-post__author-profile a,
.el-blog-recent-posts__meta a,
.blog-post__tags a,
.el-blog-recent-posts__title a, 
.el-blog__post-cta a,
.blog-pagination__link.blog-pagination__number-link {
  color: #0f70b7;
}
.el-blog-recent-posts__title a,
.el-blog__post-cta a {
  color: #022B3A;
}







.error-page__section-left h1 span {
  color: #0f70b7;
}
.hs-search-results__listing li a {
  color: #022B3A;
}

.hs-search-highlight.hs-highlight-html {
  color: #FFA62B;
}







.el-icon-box__link a,
.el-pricing__timeline,
.el-pricing-card__wrap {
  color: #0f70b7;
}


.body-container--blog-post .hs-main-font-element {
  background-color: transparent;
}

/* Media Queries  */

@media only screen and (min-width: 768px) {
  body, html {
    font-family: Jost;
    font-size: 16px;
  }

  h1 {
    font-weight: 600; text-decoration: none; font-style: normal;
    color: ;
    font-size: 64px;
  }

  h2 {
    font-weight: 600; text-decoration: none; font-family: Inter; font-style: normal;
    color: #022B3A;
    font-size: 42px;
  }

  h3 {
    font-weight: 600; text-decoration: none; font-family: Inter; font-style: normal;
    color: #022B3A;
    font-size: 36px;
  }

  h4 {
    font-weight: 600; text-decoration: none; font-family: Inter; font-style: normal;
    color: #022B3A;
    font-size: 32px;
  }

  h5 {
    font-weight: 400; text-decoration: none; font-family: Inter; font-style: normal;
    color: #022B3A;
    font-size: 24px;
  }

  h6 {
    font-weight: 400; text-decoration: none; font-style: normal;
    color: #022B3A;
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) {

  body, html {
    font-family: Jost; font-style: normal; font-weight: normal; text-decoration: none;
    font-family: Jost;
    color: rgba(2, 43, 58,70%);
    font-size: 18px;
  }

  h1 {
    font-weight: 600; text-decoration: none; font-style: normal;
    color: ;
    font-size: 65px;
  }

  h2 {
    font-weight: 600; text-decoration: none; font-family: Inter; font-style: normal;
    color: #022B3A;
    font-size: 56px;
  }

  h3 {
    font-weight: 600; text-decoration: none; font-family: Inter; font-style: normal;
    color: #022B3A;
    font-size: 42px;
  }

  h4 {
    font-weight: 600; text-decoration: none; font-family: Inter; font-style: normal;
    color: #022B3A;
    font-size: 32px;
  }

  h5 {
    font-weight: 400; text-decoration: none; font-family: Inter; font-style: normal;
    color: #022B3A;
    font-size: 24px;
  }

  h6 {
    font-weight: 400; text-decoration: none; font-style: normal;
    color: #022B3A;
    font-size: 20px;
  }
}