/*  Table of contents

  1. _dnd_areas
  2. _typography
  3. _forms
  4. _tabels
  5. _header
  6. _footer
  7. _blog
  8. _system_pages
  9. _modules
  */
 
/* global font code */



  
  
   

 


/* global h1 varibale code */


    
    
    
    




/* global h2 varibale code */


    
    
    
    




/* global h3 varibale code */


    
    
    
    




/* global h4 varibale code */
 

    
    
    
    



/* global h5 varibale code */

    
    
    
    



/* global h6 varibale code */


    
    
    
    




/* 



 */

.dnd-section {
  padding-bottom: 80px;
  padding-top: 80px;
}
  
@media (max-width: 767px) { 
  .dnd-section .widget-type-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
} 

 
@media(min-width: 576px) {
  .dnd-section > .row-fluid {
      max-width:540px;
  }
}

@media(min-width: 768px) {
  .dnd-section > .row-fluid {
      max-width:720px;
  }
}

@media(min-width: 992px) {
  .dnd-section > .row-fluid {
      max-width:960px;
  }
}

@media(min-width: 1200px) {
  .dnd-section > .row-fluid {
    max-width:1140px;
  }
}


.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #777777;
}
/* 


 
*/ 
 
html {
  font-size: 15px;
} 
body { 
  color: #777777;
  /* font-family: "Open Sans";  */
  font-family:"Proxima-Nova"; 
  font-size: 15px;
  line-height:1.6;
}  

p {
  font-family:"Proxima-Nova";
  /* font-family: {body_text_font=, body_font_weight=, body_font=, body_text_select=, body_text_font_size=, body_text_font_color=};   */
  font-weight: 400
}

a {
  color: rgba(31, 124, 167, 1.0);
  font-family: "Proxima-Nova";
}

a:hover,
a:focus {
  color: rgba(0, 84, 127, 1.0);
}

a:active {
  color: rgba(71, 164, 207, 1.0);
}

h1 {
  color: #333333;
  font-family: Open Sans;
  font-size: 36px;
  font-weight: 200;
} 
h2 {
  color: #333333;
  font-family: Open Sans;
  font-size: 30px;
  font-weight: 300;
}

h3 {
  color: #231F1F;
  font-family: Open Sans;
  font-size: 25px;
  font-weight: 400;
}
h4 {
  color: #333333;
  font-family: Open Sans;
  font-size: 20px;
  font-weight: 400;
}
h5 {
  color: #333333;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 600;
}

h6 {
  color: ;
  font-family: Open Sans;
  font-size: 14px;
  font-weight: 400;
}
@media(max-width: 480px) {
  h3 { 
    font-size: 1.5em;
    line-height: 1.25em;
  }
} 
/* @media(max-width: 767px) {
  h1 {
    font-size: 30.599999999999998px;
  }
 
  h2 {
    font-size: 25.5px;
  }
 
  h3 {
    font-size: 21.25px;
  }
 
  h4 {
    font-size: 17.0px;
  }
} */

blockquote {
  border-left: 5px solid #1f7ca7 ;
}

/* 



 */

.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  border-bottom-color:rgba(204, 204, 204, 1.0);
  color: rgba(119, 119, 119, 1.0);
}
form,.submitted-message {
  border-color: rgba(204, 204, 204, 1.0) ;
  font-family: Proxima-Nova;
} 
.hs-richtext {
  color: #777777;
  font-size: 15;
} 
.hs-form .hs-form-field > label {
  color: rgba(119, 119, 119, 1.0);
} 

.hs-form legend {
  color: rgba(102, 102, 102, 1.0);
}

/*
form input,form select,form textarea,.hs-input {}
*/

/* One Line Inputs */
input[type="text"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"],
input[type="file"],
textarea,
select {  
  background-color: rgba(255, 255, 255, 1.0); 
  border-color: rgba(204, 204, 204, 1.0);  
  color: rgba(102, 102, 102, 1.0); 
}

/* 
form input:focus,form select:focus,form textarea:focus,.hs-input:focus{} 
*/

input[type="text"]:focus,
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
  border-color: rgba(204, 204, 204, 1.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before  {
  color: #777777;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Proxima-Nova;
}
 

.hs-button.primary, input[type="submit"], input[type="button"], .button--primary{
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(204, 204, 204, 1.0);
  border-radius: 4px; 
  color: rgba(102, 102, 102, 1.0);
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}
 
.hs-button.primary:hover, input[type="submit"]:hover, input[type="button"]:hover, .button--primary:hover,
.hs-button.primary:focus, input[type="submit"]:focus, input[type="button"]:focus, .button--primary:focus{  
  background-color: rgba(255, 255, 255, 1.0); 
  color: rgba(102, 102, 102, 1.0);
} 
.hs-button.primary:active, input[type="submit"]:active, input[type="button"]:active, .button--primary:active{ 
  background-color: rgba(255, 255, 255, 1.0); 
  color: rgba(102, 102, 102, 1.0);
}

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

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

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

/* 



*/

th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(204, 204, 204, 1.0);
  color: rgba(119, 119, 119, 1.0);
}

thead th,
thead td {
  background-color: rgba(0, 105, 164, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(119, 119, 119, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(204, 204, 204, 1.0);
}


/* 



 */
 
.header {
  background-color: rgba(255, 255, 255, 1.0);
}
 

 
/********************************
  Header Navigation
********************************/  
 
 body .custom-menu-primary a {
   color: rgba(0, 105, 164, 1.0);
 }
 body .custom-menu-primary a:hover {
   color: rgba(255, 255, 255, 1.0);
 }  
 body .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a {
  background-color: rgba(31, 124, 167, 1.0);
  color: rgba(255, 255, 255, 1.0);
 } 
 body .custom-menu-primary .hs-menu-wrapper > ul ul {
   background-color: rgba(255, 255, 255, 1.0);
   border-top-color: rgba(31, 124, 167, 1.0);
 }
 body .custom-menu-primary .hs-menu-wrapper > ul ul li{
   background-color: rgba(255, 255, 255, 0.0);
 }
 body .custom-menu-primary .hs-menu-wrapper > ul ul li a{
   color: rgba(119, 119, 119, 1.0);
 } 
 body .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover,
 body .custom-menu-primary .hs-menu-wrapper > ul ul li a:focus {
    background-color: rgba(255, 255, 255, 0.0);
    color: rgba(31, 124, 167, 1.0);
 } 
 body .custom-menu-primary .hs-menu-wrapper > ul ul li a { 
  border-color: rgba(250, 250, 250, 1.0);
}
/********************************
  Header Language Switcher
********************************/

 
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: rgba(0, 65, 124, 1.0);
} 
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: rgba(40, 145, 204, 1.0);
} 
body .header__language-switcher .lang_list_class {
  background-color: rgba(255, 255, 255, 1.0);
  border-color: rgba(250, 250, 250, 1.0);
}
  
body .header__language-switcher .lang_list_class li:hover {
  background-color: rgba(215, 215, 215, 1.0);
}
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Proxima-Nova;
}

.header__language-switcher-label-current:after {
  border-top-color: rgba(0, 105, 164, 1.0);
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: rgba(255, 255, 255, 1.0);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: rgba(0, 105, 164, 1.0);
  }
}

/* 



 */

.footer {
  background-color: rgba(#null, 0.0);
  color: ;
}

.custom-footer-top{
  background-color: rgba(31, 124, 167, 1.0);
  color: #FFFFFF;
}
.custom-footer-middle{
  background-color: rgba(6, 25, 33, 1.0);
  color: #FFFFFF;
}
.custom-footer-bottom{
  background-color: rgba(14, 17, 20, 1.0);
  color: #777777;
}
 

/* 



*/

 

.blog-post__date {
  border-color: #777777;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #777777;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #4f4f4f;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #9f9f9f;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #0069a4;
}

.blog-pagination__link {
  color: #777777;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #0069a4;
}

.blog-post__title {
  color: #333333;
  font-family:Open Sans;
  font-size: 30px;
  font-weight: ;
}

.blog-post__author {
  background-color: #777777;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}

/* 



 */
/* 



 */

body .icon svg {
  fill: #0069a4;
}

body .tns-nav button.tns-nav-active {
  background-color: #0069a4;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #0069a4;
}

body .social-links__icon {
  background-color: #0069a4;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
  fill: rgba(#null, 0.0);
}

body .team-member__description {
  background-color: #777777;
} 
.page-center {
  margin: 0 auto;
  max-width: 1140px;
}
/* 



 */

.body-container__website .dnd-section:nth-child(odd) {
  background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
}