







/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */



























































/* 1d. Buttons */



















/* 1e. Forms */















/* 1f. Tables */











/* 1g. Site header */













/* 1h. Site footer */













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

.dnd-section,
.content-wrapper--vertical-spacing {
   padding: 40px 20px;
}

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





html {
   font-size: 16px;    
}

body {
   font-size: 20px;
   color: #465563;
   font-weight: 400;
   font-family: Inter;
}

/* Anchors */

a {
   color: #465563;
}

a:hover,
a:focus,
a:active {
   color: #FED174;
}

/* Headings */

h1, .h1 {
   font-family: Merriweather;
   font-size: 50px;
   color: #465563;
   font-weight: 700;
   text-transform: none;
}

h2, .h2 {
   font-family: Merriweather;
   font-size: 38px;
   color: #465563;
   font-weight: 700;
   text-transform: none;
}

h3, .h3 {
   font-family: Merriweather;
   font-size: 30px;
   color: #465563;
   font-weight: 700;
   text-transform: none;
}

h4, .h4 {
   font-family: Merriweather;
   font-size: 24px;
   color: #465563;
   font-weight: 700;
   text-transform: none;
}

h5, .h5 {
   font-family: Merriweather;
   font-size: 16px;
   color: #465563;
   font-weight: 700;
   text-transform: none;
}

h6, .h6 {
   font-family: Merriweather;
   font-size: 14px;
   color: #465563;
   font-weight: 700;
   text-transform: none;
}

@media (max-width: 768px) {
   h1, .h1 {
      font-size: 38.8888888885px;
   }
   h2, .h2 {
      font-size: 32.93333333308px;
   }

   h3, .h3 {
      font-size: 25.9999999998px;
   }
}

/* Blockquote */

blockquote {
   border-left-color: #FED174;
}

.primary-color, .primary-hover-color:hover, .primary-hover-color.active {
   color: #465563;
}

.secondary-color, .secondary-hover-color:hover, .secondary-hover-color.active {
   color: #FED174;
}

.primary-background-color {
   background-color: #465563;
}

.secondary-background-color, .secondary-background-hover-color:hover, .secondary-background-hover-color.active,
.secondary-background-after-color:after {
   background-color: #FED174;
}

.primary-border-color {
   border-color: #465563;
}

.secondary-border-color {
   border-color: #FED174;
}

.secondary-hover-border-color:hover {
   border-color: #FED174;
}

.primary-fill-color {
   fill: #465563;
}

.secondary-fill-color {
   fill: #FED174;
}

.tertiary-color, .tertiary-hover-color:hover, .tertiary-hover-color.active {
   color: ;
}

.tertiary-background-color {
   background-color: ;
}

.tertiary-border-color {
   border-color: ;
}

.primary-hover-color, .secondary-hover-color, .tertiary-hover-color {
   transition: color .4s,border-color .4s;
}

.systems-page .success {
   background-color: #FED174;
   border-color: #465563;
}

.header-search .hs-search-field__input {
   color: #465563;
   border-color: #465563;
}

.header-search .hs-search-field__input:focus {
   border-color: #FED174;
}

.header-search .hs-search-field__input::-webkit-input-placeholder {  
   color: #465563;
}
.header-search .hs-search-field__input::-moz-placeholder {  
   color: #465563;
}
.header-search .hs-search-field__input:-ms-input-placeholder {  
   color: #465563;
}
.header-search .hs-search-field__input::-ms-input-placeholder {  
   color: #465563;
}
.header-search .hs-search-field__input::placeholder {  
   color: #465563;
}
/* ----- End Typo ------- */

.bookmark-navigator ul > li > a {
   color: #465563;
   background-color: transparent;
}

.bookmark-navigator ul > li > a.active,.bookmark-navigator ul > li > a:hover,.bookmark-navigator ul > li > a:focus {
   color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
   background-color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
}

.bookmark-navigator ul>li>a.active:after, .bookmark-navigator ul>li>a:hover:after, .bookmark-navigator ul>li>a:focus:after {
   background-color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
}

@media (max-width: 767px) {
   .bookmark-navigator ul > li > a.active,.bookmark-navigator ul > li > a:hover,.bookmark-navigator ul > li > a:focus {
      color: #465563;
   }
}





.button,
.hs-button,
form input[type=submit] {
   background-color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
   border: 0px solid 

  
  
    
  


  rgba(254, 209, 116, 0.0)

;
   border-radius: 64px;
   color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
   padding: 8px 24px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus,
form input[type=submit]:hover,
form input[type=submit]:focus,
.button:hover,
.button:focus{
   background-color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
   color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
   border-color: 

  
  
    
  


  rgba(254, 209, 116, 0.0)

;
}

.toggle .icon-bar {
   background-color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
}

.secondary-btn .hs-button {
   background-color: 

  
  
    
  


  rgba(254, 209, 116, 0.0)

;
   border: 1px solid 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
   border-radius: 64px;
   color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
   padding: 8px 24px;
}

.secondary-btn .hs-button:hover {
   background-color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
   color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
   border-color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
}






h3.form-title { 
   background-color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
   color: 

  
  
    
  


  rgba(70, 85, 99, 1.0)

;
}

.hs-form label {
   color: 

  
  
    
  


  rgba(70, 85, 99, 1.0)

;
}

.hs-form legend {
   color: 

  
  
    
  


  rgba(70, 85, 99, 1.0)

;
}

form.hs-form {
   background-color: 

  
  
    
  


  rgba(233, 234, 236, 0.0)

;
   border: 0px solid 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
   border-radius: 0px;
}



/* Form inputs */

form input[type=text],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
   border-color: 

  
  
    
  


  rgba(70, 85, 99, 1.0)

;
   background-color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
   color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
}

form input[type=text]:focus,
form input[type=email]:focus,
form input[type=password]:focus,
form input[type=tel]:focus,
form input[type=number]:focus,
form input[type=file]:focus,
form select:focus,
form textarea:focus {
   border-color: 

  
  
    
  


  rgba(70, 85, 99, 1.0)

;
}

/* Form placeholder text */

/* Date picker */

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

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

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




table {
   background-color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
   border-color: 

  
  
    
  


  rgba(60, 60, 67, 1.0)

;
}

th,
td {
   border-color: 

  
  
    
  


  rgba(60, 60, 67, 1.0)

;
   color: 

  
  
    
  


  rgba(34, 34, 34, 1.0)

;
}

thead th,
thead td {
   background-color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
   border-bottom-color: 

  
  
    
  


  rgba(60, 60, 67, 1.0)

;
   color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
}

tfoot td {
   background-color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
   color: 

  
  
    
  


  rgba(34, 34, 34, 1.0)

;
}






.header {
   background-color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
}

.submenu.level-1>li>a {
   color: 

  
  
    
  


  rgba(70, 85, 99, 1.0)


}

.submenu.level-1>li>a:hover {
   color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
}

.submenu.level-1>li.active-branch>a {
   color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)


}
.submenu.level-1>li>a.active-branch {
   font-weight: bold;
}
.submenu.level-2, .submenu.level-3 {
   background-color: 

  
  
    
  


  rgba(233, 234, 236, 1.0)

;
}

.submenu.level-2 li > a {
   color: 

  
  
    
  


  rgba(70, 85, 99, 1.0)

;
}

.submenu.level-2 li > a:hover {
   color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)

;
   background-color: 

  
  
    
  


  rgba(246, 247, 249, 1.0)

;
}

.submenu.level-2>li>a.active-branch {
   color: 

  
  
    
  


  rgba(254, 209, 116, 1.0)


}






.footer-top-section .content-wrapper{
   background-color: rgba(254, 209, 116, 1.0); 

}
.footer-top-section .heading {
   color: rgba(233, 234, 236, 1.0);	
}

.custom-right-section a{
   background-color: rgba(233, 234, 236, 1.0);
   color: rgba(254, 209, 116, 1.0);	
}

.custom-right-section a:hover{
   background-color: rgba(233, 234, 236, 1.0);
   color: rgba(254, 209, 116, 1.0);	
}

.footer-group{
   background-color: rgba(191, 219, 254, 0.2);
}

.footer-copyright-group {
   border-top-color: rgba(18, 98, 216, 0.1);	
   color: rgba(60, 60, 67, 0.8);	
}

footer .hs-menu-wrapper>ul>li>a, footer .hs-menu-wrapper>ul>li>a:hover, footer h6 {
   color: rgba(34, 34, 34, 1.0);
}

footer {
   color: rgba(70, 85, 99, 1.0);  
}

footer a{
   color: rgba(70, 85, 99, 1.0); 
}

footer a:hover{
   color: rgba(70, 85, 99, 1.0); 
}

footer .hs-menu-wrapper>ul>li>ul>li>a {
   color: rgba(102, 102, 102, 1.0); 
}

footer .hs-menu-wrapper>ul>li>ul>li>a:hover {
   color: rgba(102, 102, 102, 1.0); 
}








/* Blog Header */

/* Blog Listing */


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

.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: #FED174;
}

.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: #FED174;
}

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

.blog-pagination__link {
   color: #465563;
}

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

.blog-post__title {
   color: #465563;
   font-family:Merriweather;
   font-size: 50px;
   font-weight: 700;
}

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



/*             Blog Grid Listing and Post styles            */

.hs-blog-listing,
.hs-blog-post {
   background-color: ;
}

.blog-index__post-content a:hover,
.blog-sidebar a:hover,
.blog-post__meta a:hover,
.blog-post__back-to-blog:hover {
   color: #FED174;
}

.blog-post__read-more a:hover svg,
a.blog-post__back-to-blog:hover svg {
   fill: #FED174;
}

.blog-index__post-content--small h2 {
   font-size: 30px;
}

.blog-index__post-content a {
   color: #465563;
}

.blog-post__read-more svg {
   fill: #465563;
}


.blog-sidebar a {
   color: #465563;
}


.post-featured-image {
   max-height: px;
}

.blog-post__meta a {
   color: #465563;
}

.blog-post__meta a:hover {
   color: #FED174;
}

.blog-post__back-to-blog {
   color: #465563;
}

.blog-post__back-to-blog svg {
   fill: #465563;
}












.card__price {
   font-family: Merriweather
      font-size: 30px;
   color: #465563;
   font-weight: 700
}