/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */
















.dnd-section {
  padding-bottom: 60px;
  padding-top: 60px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #e2e2e2;
}
.page-center ,
.dnd-section > .row-fluid,
.content-wrapper,
.footer__container,
.header__container{
  max-width: 940px;
}


@media screen and (min-width: 1205px){
  .page-center ,
  .dnd-section > .row-fluid,
  .content-wrapper,
  .footer__container,
  .header__container{
    max-width: 1169.9999999964px;
  }
}

@media screen and (max-width: 991px){
  .page-center ,
  .dnd-section > .row-fluid,
  .content-wrapper,
  .footer__container,
  .header__container{
    max-width: 727.999999994px;
  }
}

@media screen and (max-width: 767px){
  .page-center ,
  .dnd-section > .row-fluid,
  .content-wrapper{
    padding-left: 20px;
    padding-right: 20px;
  }
}






html {
  font-size: 16;
}

body {
  color: #001942;
  font-family: Muli;
  font-weight: 400;
  font-size: 16px;
}

a {
  color: rgba(51, 71, 91, 1.0);
  cursor: pointer;
}

a:hover,
a:focus {
  color:#33475b;
}

h1 {
  color: #001942;
  font-family: Muli;
  font-size: 52px;
  font-weight: 900;
}

@media(max-width: 767px) {
  h1 {
    font-size: 44.199999999999996px;
  }
}

h2 {
  color: #001942;
  font-family: Muli;
  font-size: 38px;
  font-weight: 900;
}

@media(max-width: 767px) {
  h2 {
    font-size: 32.3px;
  }
}

h3 {
  color: #231F1F;
  font-family: Muli;
  font-size: 30px;
  font-weight: 900;
}

@media(max-width: 767px) {
  h3 {
    font-size: 25.5px;
  }
}

h4 {
  color: #001942;
  font-family: Muli;
  font-size: 28px;
  font-weight: 900;
}

@media(max-width: 767px) {
  h4 {
    font-size: 23.8px;
  }
}

h5 {
  color: #001942;
  font-family: Muli;
  font-size: 21px;
  font-weight: 900;
}

h6 {
  color: #001942;
  font-family: Muli;
  font-size: 18px;
  font-weight: 900;
}

blockquote {
  border-left: 5px solid #e2e2e2
}





form,
.submitted-message {
  border-color: rgba(#null, 0.0);
  font-family: Muli;
}

h3.form-title {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(0, 25, 66, 1.0);
}

/* .hs-button, */
 .hs-button.primary,
.button.primary,
.hs-button.secondary,
.button.secondary {
  border-style: none;
  border-width: 1px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 24px;
  padding-right: 24px;
  padding-top: 12px;
  padding-bottom: 12px;
  line-height: unset;
}

 .hs-button.primary,
.button.primary {
  background-color: rgba(35, 148, 210, 1.0);
  border-color: rgba(35, 148, 210, 1.0);
}



/* .hs-button:hover, */
 .hs-button.primary:hover {
  background-color: #2394D2;
  border-color: #2394D2;
  color: #fff;
}


.hs-form label {
  color: rgba(0, 25, 66, 1.0);
}

.hs-form legend {
  color: rgba(51, 71, 91, 1.0);
}

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 ,
.hs-input {
  border-color: rgba(202, 213, 226, 1.0);
  color: ;
  border-radius: 0px;
}

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,
.hs-input:focus {
  border-color: rgba(202, 213, 226, 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,
.hs-richtext {
  color: #001942;
}

.hs-richtext {
  font-size: 16;
}

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

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

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

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





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

thead th,
thead td {
  background-color: rgba(31, 36, 50, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(33, 151, 212, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

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





.header.header.animate,
.HeaderGroup{
  background-color: rgba(255, 255, 255, 1.0);
}

body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #424b5a;
}

body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.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: #424b5a;
}

body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: #fff;
}
body .custom-menu-primary .submenu.level-1 > li.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
  background-color: #fff;
}
body .custom-menu-primary .submenu.level-1 > li {
  background-color: ;
}
body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
  background-color: #fff
}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch {
  color: #fff;
}

body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {
  background-color: #fff;
}
body .custom-menu-primary .submenu.level-2 > li > a {
  color: #33475b;
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link {
  background-color: #fff;
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
  background-color: #fff;
}

body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
  background-color: #eee;
  color: #33475b;
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch {
  color: #fff;
  background-color: #fff;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Muli;
}

.header__language-switcher-label-current:after {
  border-top-color: rgba(66, 75, 90, 1.0);
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a {
  color: rgba(66, 75, 90, 1.0);
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover {
  color: rgba(66, 75, 90, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
  text-decoration: unset;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.active > a {
  color: rgba(255, 255, 255, 0.0);
  background-color: rgba(255, 255, 255, 0.0);
}
.megaMenu>li:not(:first-child)>ul>li>a {
  color: rgba(51, 71, 91, 1.0);
}
.megaMenu>li:not(:first-child)>ul>li>a:hover {
  color: rgba(51, 71, 91, 1.0);
  background-color: rgba(238, 238, 238, 1.0);
  text-decoration: unset;
}
.custom-menu-primary .hs-menu-wrapper > ul ul > li.active > a {
  color: rgba(255, 255, 255, 0.0);
  background-color: rgba(255, 255, 255, 0.0);
}
.custom-menu-primary .hs-menu-wrapper>ul>li.hs-item-has-children.openMenu>ul {
  background-color: rgba(255, 255, 255, 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(66, 75, 90, 1.0);
  }
}





.footer {
  background-color: rgba(255, 255, 255, 1.0);
}
.footerWrapper{
  color:rgba(66, 75, 90, 1.0);
}
.footerMenu .hs-menu-wrapper>ul>li>ul>li>a,
.footerQuickLink h3, .section-site-footer h3{
  color:rgba(66, 75, 90, 1.0);
}
.FooterBottomMenu ul li a,
.footerMenu .hs-menu-wrapper ul ul ul li a{
  color:rgba(0, 25, 66, 1.0);
}
.FooterBottomMenu ul li a:hover,
.footerMenu .hs-menu-wrapper ul ul ul li a:hover{
  color:rgba(87, 124, 183, 1.0);
}
.footerQuickLink a{
  color:rgba(51, 71, 91, 1.0);
}
.footerQuickLink a:hover{
  color:rgba(51, 71, 91, 1.0);
}





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

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

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

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

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

.blog-pagination__link {
  color: #001942;
}

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

.blog-post__title {
  color: #001942;
  font-family:Muli;
  font-size: 38px;
  font-weight: ;
}

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

#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);
}

/*             Blog Grid Listing and Post styles            */

.blog-header {
  background-color: rgb(#null);
}

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

.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-post__tag-link:hover{
  color: #33475b;
}

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

.blog-post__read-more a:hover svg {
  fill: #33475b;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

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

.blog-sidebar a:hover {
  color: #33475b;
}

.blog__subscription-block {
  background-color: rgb(#null);
}

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

.blog-post {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

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

.blog-post__body, .blog-post__tags a {
  color: #001942;
}

.blog-post__meta a:hover {
  color: #33475b
}

.blog-post__links {
  border-top:  2px solid rgb(#null);
}

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

.blog-post__back-to-blog:hover {
  color: #33475b;
}

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

a.blog-post__back-to-blog:hover svg {
  fill: #33475b;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb(#null);
}

.comment.depth-1 {
  border-left: 2px solid rgb(#null);
}

.section.post-footer .hs-input {
  border-color: rgb(#null);
}

.blog-recent-posts {
  background-color: rgb(#null);
}










body .icon svg {
  fill: #494A52;
}

body .tns-nav button.tns-nav-active {
  background-color: #494A52;
}

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

body .social-links__icon {
  /*background-color: #494A52;*/
}

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

.page-center {
  margin: 0 auto;
}




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


/********************** overrides ******************************************/

ul {
  list-style-type: none;
}

/*******  utility classes  *********/

.w-col-3 {
    width: 25%;
}

.w-col-6 {
    width: 50%;
}

.w-col-9 {
    width: 75%;
}

@media screen and (max-width: 991px){
  .w-col-medium-4 {
      width: 33.33333333%;
  }
  .w-col-medium-8 {
    width: 66.66666667%;
  }
  .w-col-medium-12 {
    width: 100%;
  }
}

.w-container .w-row {
    margin-left: -10px;
    margin-right: -10px;
}

@media screen and (max-width: 767px) {
  .w-col {
      width: 100%;
      left: auto;
      right: auto;
  }
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.p0 {
    padding: 0 !important;
}

.bg-gradient {
    background-image: linear-gradient(135deg, #1f95d2, #59d1d1);
    color: #fff;
}

.c-white {
    color: #fff !important;
}

.c-light {
    color: #a6a6a6;
}

.small-text {
    font-size: 14px;
    line-height: 1.786;
}

.fw700 {
    font-weight: 700 !important;
}


.tdn {
    text-decoration: none !important;
}

.w-inline-block {
    max-width: 100%;
    display: inline-block;
}

.ha {
    height: auto !important;
}


/********************* header + top-bar **************************************/

.top-bar {
  position: relative;
  z-index: 1002;
  background-color: #fff;
  font-size: 12px;
  border: 1px solid #eaeaea;
  border-width: 0 0 1px;
}
.top-link {
  position: relative;
  display: inline-block;
  max-height: 36px;
  margin-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
  text-transform: uppercase;
}


.sep {
  padding-right: 0;
}

/* skrij podvojen separator.. pogruntaj zakaj ga podvoji.. */
span.sep.nav-link + span.sep.nav-link { 
  display:none;
}

/* naforsiraj, da megaMenu, ki ga injecta nekje js ni flex.. poskusi najti kje se injecta... */
.megaMenu {
  display: block !important;
}

.intro-col {
    padding: 15px 30px;
    line-height: 1.5;
}

.menu-pad a {
  width: 100%;
  height: 100%;
  /*padding: 15px 30px;*/ /* 15px 12%; */
  padding: 15px 8%;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
}

.menu-pad a:hover,
.menu-pad a.w--current {
    background-color: #eee;
}

.menu-col-pad a {
  height: auto;
  /*padding: 15px 8%;*/
}

.menu-intro,
.menu-col-pad a {
  padding: 15px 20px;
}

.menu-col-pad .link-list {
  margin: 0 0.6px;
}

.menu-intro {
  padding-bottom: 0;
}

@media screen and (max-width: 991px) {
  .intro-col {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  
  .menu-col-pad.w-col-6 .link-list {
    column-count: 2;
  }
  .menu-col-pad.w-col-9 .link-list {
    column-count: 3;
  }
}

/*  skrij dodaten p pri mega dropdownu Platform -> Business functionality, ki je ocitno nekje dodan z jsjem.. poskusi najti kje se doda in odstrani.. */
.menu-col-pad .link-list li p.small-text.c-light.mb0 + p { 
  display:none;
}

/********************** sections / hero ****************************************/

.section {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section.hero {
  height: 660px;
  background-color: #c0c3c4;
  background-image: url('../images/hero-home.jpeg'); 
  background-image: url(//6090735.fs1.hubspotusercontent-na1.net/hubfs/6090735/raw_assets/public/Adacta_May2021/images/hero-home.jpeg);
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.hero-title {
  margin-top: 12px;
  margin-bottom: 25px;
  line-height: 1.1;
  color: inherit;
}

@media (max-width: 767px) {
  .section.hero {
    margin-right: 0px;
    margin-left: 0px;
  }
}


@media (max-width: 479px) {
  .section.hero {
    height: auto;
    background-image: linear-gradient(135deg,#1f95d2,#59d1d1) !important;
    
    min-height: calc(100vh - 68px);
  }
  .hero-title {
    font-size: 32px;
    line-height: 1.2;
  } 
}

.hero-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
}

.hero p {
    line-height: 24px;
}

/**********************  buttons ****************************************/

.button,
.hs-button,
.BannerArea .bannerContent .bannerBtn a {
    position: relative;
    display: inline-block;
    min-width: 170px;
    margin-bottom: 10px;
    padding: 10px 25px;
/*     padding-top: 12px; */
/*     padding-bottom: 12px; */
    border-style: solid;
    border-width: 2px;
    border-color: #fafafa;
    border-radius: 22.5px;
    background-color: #fafafa;
    -webkit-transition: box-shadow 200ms ease;
    transition: box-shadow 200ms ease;
    color: #707a85;
    font-size: 12px;
    line-height: unset;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
}

.button:hover,
.hs-button:hover {
  box-shadow: 0 0 20px -7px rgb(0 0 0 / 50%);
  text-decoration: none;
}

.button.primary,
.button.button--primary,
.hs-button.primary {
  background-color: #1f95d2;
  background-image: linear-gradient(135deg, #1f95d2, #59d1d1);
  color: #fff;
}

.button.primary.with-icon,
.hs-button.primary.with-icon {
  color: #fff;
}

.button.primary.circle-cta,
.hs-button.primary.circle-cta {
  position: absolute;
  left: auto;
  top: auto;
  right: 8px;
  bottom: -45px;
  min-width: auto;
  text-transform: none;
}

.button.primary.no-bg,
.hs-button.primary.no-bg {
  color: #df1f3d;
}

.button.secondary,
.hs-button.secondary {
    background-color: #f1645f;
    color: #fff;
}

.button.with-icon,
.hs-button.with-icon {
  color: #424b5a;
  font-size: 12px;
  line-height: 1.75;
  font-weight: 500;
}

.button.no-bg,
.hs-button.no-bg {
  border-style: solid;
  border-color: #1f95d2;
  background-color: transparent;
}

.button.no-bg.inverted,
.hs-button.no-bg.inverted {
  border-color: #fff;
  color: #fff;
}

.button.small,
.hs-button.small,
.custom-menu-primary .hs-menu-wrapper > ul > li > .button.small {
  min-width: auto;
  padding-right: 15px;
  padding-left: 15px;
  border-width: 2px;
  font-size: 12px;
  font-weight: 500;
}

.nav-link.button, 
.custom-menu-primary .hs-menu-wrapper > ul > li > .button {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 11px 10px 10px;
    border-top-width: 1px;
    border-top-color: #353f41;
    border-bottom-width: 1px;
    border-bottom-color: #353f41;
}

.custom-menu-primary a.button.primary.small {
    color: #fff;
    border-style: none;
}


.custom-menu-right .hs-menu-wrapper>ul>li>ul {
    width: auto;
}

.custom-menu-right .hs-menu-wrapper>ul>li:last-child>ul {
  left: 0;
  right: unset;
}

@media (max-width: 991px) {
  
  
}


/*** HEADER ***/

.HeaderLogo,
.w-nav-brand {
    position: relative;
    float: left;
    text-decoration: none;
    color: #333;
}

.nav-right-col {
    display: inline-block;
    text-align: right;
}


/********   DUPLICATE CSS FOR RIGHT MENU     ***********/



.nav-right-col {
    position: static;
    float: right
}

.nav-right-col ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.nav-right-col ul li {
    margin: 0
}

.nav-right-col ul li:before {
    display: none
}

.nav-right-col .hs-menu-wrapper>ul {
    width: 100%
}

.nav-right-col .hs-menu-wrapper>ul>li.hs-item-has-children {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer
}

.nav-right-col .hs-menu-wrapper>ul>li>a {
    vertical-align: middle;
    padding: 21px 15px;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    -webkit-transition: border-color 200ms ease;
    transition: border-color 200ms ease;
    color: #424b5a;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    text-decoration: none;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

.nav-right-col .hs-menu-wrapper>ul>li.hs-item-has-children>a {
    padding-right: 40px;
    vertical-align: middle
}

.nav-right-col .hs-menu-wrapper>ul>li>ul {
    background-color: transparent;
    height: auto;
    box-shadow: 0 20px 50px -25px #000;
    left: 0;
    /*width: 100%; */
    width: auto;
    position: absolute;
    background: #ddd;
    display: none;
    min-width: 100%
}

.nav-right-col {
    width: auto
}

.nav-right-col .hs-menu-wrapper>ul>li {
    display: inline-block
}

.nav-right-col .hs-menu-wrapper>ul:before,.nav-right-col .hs-menu-wrapper>ul:after {
    display: block;
    content: "";
    clear: both
}


.nav-right-col .hs-menu-wrapper>ul>li.active>a {
    border-top-color: #1f95d2;
    color: #232426
}

.nav-right-col .hs-menu-wrapper>ul>li.active>a:before {
    content: '';
    position: absolute;
    left: 0;
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: #59d1d1;
    background-image: linear-gradient(90deg,#1f95d2,#59d1d1)
}

.nav-right-col .hs-menu-wrapper>ul>li>a:hover {
    border-top-color: #a1aeb7
}

.nav-right-col .hs-menu-wrapper>ul>li.hs-item-has-children>ul {
    visibility: hidden;
    display: none !important
}

.nav-right-col .hs-menu-wrapper>ul>li.hs-item-has-children.openMenu>ul {
    display: block !important;
    visibility: visible
}

.nav-right-col .megaMenu>li {
    margin-left: -.3px;
    margin-right: -.3px
}

.nav-right-col .hs-menu-wrapper>ul>li:last-child>ul {
    text-align: left;
    background: #ddd !important;
    box-shadow: unset;
    left: 0;
    right: unset;
}

.nav-right-col .hs-menu-wrapper>ul>li:last-child>ul>.megaMenu {
    margin: 0;
    display: block;
    background: transparent !important
}

.nav-right-col .hs-menu-wrapper>ul>li:last-child>ul>.megaMenu>li {
    margin: 0;
    width: 100%;
    padding: 0;
    background-image: unset !important;
    font-size: 16px;
    line-height: 1.8
}

.nav-right-col .hs-menu-wrapper>ul>li:last-child {
    position: relative
}

.nav-right-col .hs-menu-wrapper>ul>li:last-child>ul>.megaMenu>li>a {
    padding: 10px 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
    position: relative;
    vertical-align: top;
    display: block;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.8
}



@media(max-width: 991px) {

    .custom-menu-primary { /** tega ne **/
        text-align: center;
        overflow: visible;
        min-width: 200px;
        transform: translateY(-671px) translateX(0px);
        transition: transform 400ms ease-in-out 0s;
        background-color: #eee;
        box-shadow: 0 5px 10px -5px rgb(0 0 0 / 30%);
        left: 0;
        right: 0;
        display: block;
        float: none;
        width: 100%;
        top: 0
    }

    .mobile-open .nav-right-col {
        transform: translateY(0px) translateX(0px)
    }


    .nav-right-col .hs-menu-wrapper>ul>li {
      /* display: block !important */
    }

    .nav-right-col .hs-menu-wrapper>ul {
        text-align: left;
        vertical-align: middle;
        max-width: 728px;
        margin: 0 auto
    }


    .nav-right-col .hs-menu-wrapper>ul>li>a {
        width: 100%
    }

    .nav-right-col .hs-menu-wrapper>ul>li>a:hover {
        border-top-color: transparent;
        border-bottom-color: #a1aeb7
    }

    .nav-right-col .hs-menu-wrapper>ul>li.hs-item-has-children {
        position: relative
    }


     .nav-right-col .hs-menu-wrapper>ul>li>ul {
        z-index: 5;
        position: static;
       /****/
        right: 0 !important;
        left: unset !important;
    } 


    .nav-right-col .hs-menu-wrapper>ul>li.active>a {
        border-top-color: transparent !important
    }

    .nav-right-col .hs-menu-wrapper>ul>li.active>a {
        color: #1f95d2 !important
    }

    .nav-right-col .hs-menu-wrapper>ul>li.active>a:before {
        top: auto;
        bottom: -4px
    }

    .nav-right-col .hs-menu-wrapper>ul>li:last-child>ul>.megaMenu>li {
        display: block
    }
}


/******** SPAN4 IMAGE HEIGHT CONSTRAIN ( https://app.hubspot.com/design-previewer/6090735/code/47862199864 ) *********/

.row-fluid {
  align-items: start;
}

.span4 .hs-image-widget {
   object-fit: cover;
   height: 200px !important;
   min-width: 100%;
}

/******** ARTICLE ITEM **********/

.post-item.RecentPostwrap img {
    max-height: 420px;
    object-fit: cover;
}

.post-item:not(.RecentPostwrap) .article-item-image img {
  object-fit: cover;
  height: 170px;
}

/********* BLOG INDEX *********/

.blogSidebarFormWrap {
  height: 100%;
}

/************ BLOG POST ***********/

.hs-cta-img {
  height: auto;
}

/*********** FORM - LEGAL TEXT  **********/

.legal-consent-container p {
    font-size: 14px;
}




/* SCROLLER */

.scroller {
    white-space: nowrap;
    overflow: auto;
    scroll-snap-type: x mandatory;
}

/* SCROLLER LIGHT */

.scroller.light::-webkit-scrollbar-track {
  background: transparent;
}

.scroller.light::-webkit-scrollbar {
  height: 8px;
  background-color: transparent;
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 49%, rgba(215,215,215,1) 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0) 100%, rgba(255,255,255,0) 100%);
}

.scroller.light::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #ddd;
}


/* SCROLLER NO-SNAP (CAREER BENEFITS SCROLLER) */
  
.scroller[data-no-snap] > * {
  scroll-snap-align: none;
} 
  
@media screen and (max-width: 767px) {
  .scroller[data-snap-on-mobile] > * {
    scroll-snap-align: start;
  } 
}


/*****  HIDE HONEYPOT FORM FIELD in 'M - Request a Demo/Contact/Partner' FORM   ******/

.hs-phone_number_hp {
  display: none;
}