/* @import url('/CLEAN-6-Child-Koncert/css/_theme-overrides.css'); */

/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/** Root Brand Colors **/
:root {
     --white: #fff;
     --brand-accent: #F15B28;
     --brand-baltic-dark: #1f90ff;
     --brand-baltic-light: #67c4ff;
     --brand-persian-blue: #5b45e0;
     --brand-persian-blue-dark: #4e4efb;
     --brand-pursian-light: #96a1ff;
     --brand-turquoise-dark: #21bffe;
     --brand-turquoise-light: #33e8c5;
     --brand-blood-orange-dark: #f5884d;
     --brand-blood-orange-light: #f6c46a;
     --brand-sunset: #f15b28;
     --brand-dark-cobalt-blue: #0c1b37;  
     --midnight-express: #0c2854;
     --gray-300: #D0D5DD;
     --gray-500: #667085;
     --gray-blue-700: #344054;
     --primary-25: #f5f8ff;
     --primary-50: #eff4ff;
     --primary-100: #d1e0ff;
     --primary-200: #b2ccff;
     --primary-300: #84adff;
     --primary-400: #528bff;
     --primary-500: #2970ff;
     --primary-600: #155eef;
     --primary-700: #175cd3;
     --primary-800: #0040c1;
     --success-teal-50: #f0fdf9;
     --success-teal-400: #2ed3b7;
     --success-teal-600: #0e9384;
}
 
:root {
     --space-r-xsm: 8px;
     --space-b-xsm: 8px;
     --space-b-sm: 12px;
     --space-b-md: 16px;
     --colors-fg-default: var(--midnight-express);
     --colors-fg-muted: var(--gray-blue-700);
     --colors-fg-faded: var(--gray-500);
     --colors-fg-faded-2x: var(--gray-300);
}

.flex-item {
  display: flex;
  align-items: center;
}
  .flex-col {
  flex-direction: column;
  align-items: start;  
}

/*****************************************/
/*          Main Container               */
/*****************************************/
#main-content {
  overflow: hidden !important;
}

/*****************************************/
/*          Sticky Header                */
/*****************************************/
.hhs-top-bar.active.sticky-menu .hhs-header-logo {
  margin: 12px auto !important;
}
@media (max-width: 767px) {
  .hhs-top-bar.hhs-alt-nav {
  background-color: rgba(255, 255, 255, 1) !important;
}
   .hhs-top-bar .hhs-header-logo {
   margin: 12px !important;
}
}  

/*********** KONCERT CUSTOM HEADER CSS *************
********************************************/
h1, 
h2, 
h3 { letter-spacing: -1px !important; }

/* Smaller heigh for navigation */
.hhs-header-mod .hhs-nav {
  display: table;
}
@media only screen and (max-width: 1024px) {
  h1 {font-size: 42px !important;}
}
@media only screen and (min-width: 769px) and (max-width: 991px) {
  #hhs-main-nav .container {
    max-width: 830px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 787px) {
  a#cta_button_3319111_29be775c-00f8-45a2-a613-770289110b44 {
    font-size: 11px !important;
    padding: 7px !important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li {
    margin-left: 4px !important;
  }
}
.sticky-menu.active {
  padding: 20px 0;
}
.hhs-header-menu .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-menu-item a {
  padding: 5px 5px !important;
}
.hhs-pop.hhs-modal.hhs-search-modal {
  background-color: #fff !important;
}
.hhs-lang-switch .lang_switcher_class {
  display: none !important;
}
/**** CTA Navigation ****/
a#cta_button_3319111_29be775c-00f8-45a2-a613-770289110b44:hover {
  color: #0C1B37 !important;
}
.cta-blue-header {
  padding: 10px 15px !important;
}

/**** Mega Menu ****/
.mega-menu {
  left: 0 !important;
  right: 0 !important;
  top: 75px !important;
  margin: 0 auto;
  transition: all .1s ease-in-out !important;


  -webkit-box-shadow:
    1px 2.8px 2.2px rgba(0, 0, 0, 0.034),
    1px 3.5px 5.3px rgba(0, 0, 0, 0.048),
    1px 2.5px 10px rgba(0, 0, 0, 0.06),
    1px 2.5px 17.9px rgba(0, 0, 0, 0.072),
    1px 5px 4px rgba(0, 0, 0, 0.086),
    1px 10px 8px rgba(0, 0, 0, 0.08);
  box-shadow:
    1px 2.8px 2.2px rgba(0, 0, 0, 0.034),
    1px 3.5px 5.3px rgba(0, 0, 0, 0.048),
    1px 2.5px 10px rgba(0, 0, 0, 0.06),
    1px 2.5px 17.9px rgba(0, 0, 0, 0.072),
    1px 5px 4px rgba(0, 0, 0, 0.086),
    1px 10px 8px rgba(0, 0, 0, 0.08);
}
.mega-drop-2 .mega-menu, .mega-drop-3 .mega-menu {
  width: 450px;
  right: -12em !important;
}
.mega-menu .col-6 {
  padding-left: 5px !important:
    padding-right: 5px !important; 
}
.mega-nav-con { margin-left: 20px; }
@media only screen and ( max-width: 991px ) {
  .mega-menu { 
    width: 700px !important; 
    top: 100px !important; 
  }
  .mega-drop-2 .mega-menu,
  .mega-drop-3 .mega-menu { 
    right: 0 !important; 
  }
}
.mega-bold {
  font-family: 'Aileron Bold';
  font-size: 13px;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.2;
}
.mega-regular {
  font-family: 'Aileron Regular';
  font-size: 14px;
  letter-spacing: 0px;
  line-height: 1.2;
  color: #656D93;
}
.mega-regular:hover {
  color: #f15b28;
}
/*span.mega-dialers, span.mega-cadence, span.mega-coverage, span.mega-ai, span.mega-team  {
margin: 30px !important;
}*/

span.mega-team, span.mega-integ, span.mega-partners, span.mega-patents, span.mega-news, span.mega-updates, span.mega-pr, span.mega-awards, span.mega-careers, span.mega-customer, span.mega-resources, span.mega-case, span.mega-webinars, span.mega-blog, span.mega-privacy, span.mega-knowledge, span.mega-videos {
  margin: 20px !important;
  padding: 4px;
}
/**** Products ****/
/*** Common properties for all icons ***/
@media only screen and (max-width: 768px) {
  .icon-sprite::before {
    margin: 0 10px 0 2px !important;
  }
}
.icon-sprite::before {
  content: '';
  background: url(https://3319111.fs1.hubspotusercontent-na1.net/hubfs/3319111/assets_koncert/images/icons/koncert-sprite-icons-opt-v2.svg) no-repeat;
  background-size: 190px;
  display: inline-block;
  width: 26px;
  height: 28px;
  float: left;
  margin: 0 10px 0 0;
}

/**** Icon Set1 sprite positions ****/
.mega-dialers2::before { background-position: 0 -4px; }
.mega-cadence2::before { background-position: -28.5px -4px; }
.mega-coverage2::before { background-position: -56px -4px; }
.mega-ai2::before { background-position: -83.5px -4px; }
.mega-ai-dialer2::before { background-position: -111px -4px; }

/**** Icon Set2 sprite positions ****/
.icon-sprite.set2::before {width: 21px; height: 23.5px;}

.mega-team2::before { background-position: 0 -32px; }
.mega-integ2::before { background-position: -22px -32px; }
.mega-partners2::before { background-position: -42.5px -31.5px; }
.mega-patents2::before { background-position: -62.5px -32px; }
.mega-news2::before { background-position: -82.5px -32px; }
.mega-updates2::before { background-position: -104px -32px; }
.mega-press2::before {
  background-position: -127px -32px;
  background-size: 194px;
  width: 20.5px !important;
  height: 23.5px;
}
.mega-awards2::before { background-position: -143px -32px; }
.mega-careers2::before { background-position: -164px -32px; }

/*** Icon Set3 sprite positions ***/
.icon-sprite.set3::before {width: 21.5px;height: 23.5px;}
.mega-resources2::before {
  background-position: 0 -50.5px;
  background-size: 180px;
}
.mega-k-portal2::before { background-position: -24px -77.5px; }
.mega-customer2::before { background-position: -22px -53.5px; }
.mega-case2::before { background-position: -45px -53.5px; }
.mega-webinars2::before { background-position: -67.5px -53.5px; }
.mega-blog2::before { background-position: -91px -53.5px; }
.mega-videos2::before { background-position: -153px -53.5px; }
.mega-podcast2::before { background-position: 0px -77.5px; }
.mega-privacy2::before {
  background-position: -124px -59.5px;
  background-size: 209px;
  width: 19px !important;
}
.mega-knowledge2::before { background-position: -130px -53.5px; }
.blurb-mega {
  font-size: 14px;
  color: #656d93;
  cursor: default;
  letter-spacing: .3px;
  white-space: normal !important;
}
.blurb-mega:hover {
  color: #656d93;
}
.mega-spacer-sm {
  display: block;
  height: 10px;
}
.mega-spacer-lg {
  display: block;
  height: 20px;
}
.mega-spacer-xlg {
  display: block; 
  height: 43px !important;
}
/**** Mobile Mega Adjustments ****/
ul.hs-menu-children-wrapper {
  box-shadow: none !important;
}
.mobile-mega { 
  max-width: 88% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
span.mobile-mega.cta-slim-1 { 
  font-size: 12px;
}
.mega-bold.mega-viewall.mobile-mega.cta-slim-1 {
  margin: 24px 0;
}
  @media only screen and (max-width: 768px) {
.custom-menu-primary .hs-menu-wrapper > ul > li a {
  line-height: 26px !important;
   }
.custom-menu-primary .hs-menu-wrapper > ul ul li a {
  text-indent: 0px !important;
}    
.blurb-mega.blurb-mega-mobile.last {
  margin-bottom: 24px !important;
}
}
.mega-bold.mobile-mega.space-top-md {
  margin-top: 24px;
}

/**** Mobile Mega Spacing ****/
span.mobile-mega.mega-dialers, span.mobile-mega.mega-cadence, span.mobile-mega.mega-coverage, span.mobile-mega.mega-ai {
  margin: 20px 0 0 35px !important;
}
span.mobile-mega.mega-team, span.mobile-mega.mega-integ, span.mobile-mega.mega-partners, span.mobile-mega.mega-patents, span.mobile-mega.mega-news, span.mobile-mega.mega-updates, span.mobile-mega.mega-pr, span.mobile-mega.mega-awards, span.mobile-mega.mega-careers, span.mobile-mega.mega-resources, span.mobile-mega.mega-customer, span.mobile-mega.mega-case, span.mobile-mega.mega-webinars, span.mobile-mega.mega-blog, span.mobile-mega.mega-privacy, span.mobile-mega.mega-knowledge, span.mobile-mega.mega-videos {
  margin: 12px 0 0 30px !important;  
}
span.blurb-mega.blurb-mega-mobile {
  padding: 0px !important;
  line-height: 24px;
  margin: 5px 0 0 0 !important;
}
span.blurb-mega.blurb-mega-mobile {
  text-indent: 0px;
  line-height: 18px;
}

/*** Sprite Homepage ***/  
.sprite-decor {
  display: block;
  width: 400px;
  height: 400px;
  background: url(https://3319111.fs1.hubspotusercontent-na1.net/hubfs/3319111/assets_koncert/images/homepage/home-sprite-v5-opt.svg) no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  overflow: hidden;
}
.hero-sprite {
  /*background-size: 180vw;*/
  background-size: calc(100vw * 1.65);
  width: calc(100% / 4);
  height: 42vh;
  background-position: -140px 0px;
  left: 0 !important;
  bottom: calc(20% - 30px);
}    
.gtr-sign-og {
  background-size: 2200px;
  height: 400px;
  width: calc(100% / 3);
  background-position: -1710px -325px;
}
.no-decor .sprite-decor {
  display: none;
} 
/***** END KONCERT HEADER CUSTOM STYLES ****
*************************************************/

/*********** KONCERT CUSTOM CSS *************
********************************************/

/**** Hero Section ****/
.col-wrapper {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-left: -10px;
  margin-top: 60px !important;
  margin-bottom: 10px;
}
.hero-col1 {
  margin-right: 20px;
  /*margin-top: 15px;*/
  webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  width: 50%;
  height: auto;
}
.hero-col2 {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
@media only screen and (max-width: 980px) {
  .col-wrapper {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
    height: auto;
    margin: 0 auto;
  }
  .hero-col2 {
    max-width: 80% !important;
    height: auto;
    margin-top: 65px;
  }  
}
@media only screen and (max-width: 486px) {
  .col-wrapper {
    width: 100%;
    height: auto;
  }
  .hero-col2 {
    max-width: none !important;
  }  
}
/**** Animations ****/
#anim {width: 90%; margin: 0 auto;}

/******* Main Body ******/
@media only screen and (max-width: 576px) {
  .container {
    max-width: 90% !important;
  }
}

/* Mobile Menu */
@media only screen and (max-width: 768px) {
  .child-trigger i, .child-trigger i:after {
    background-color: #f15b28;
  }

  .custom-menu-primary .hs-menu-wrapper>ul {
    padding-left: 12px;
    -webkit-box-shadow: -2px 8px 23px -6px rgba(0,0,0,0.48);
    box-shadow: -2px 8px 23px -6px rgba(0,0,0,0.48);
  }
}

/**** Hero Custom Modules ****/
.hero-img {
  display: block !important;
  margin: 0 auto;
  width: 100% !important;
  height: auto !important;
}

/**** Center Menu ****/
.hhs-header-menu {
  display: flex !important;
  justify-content: center !important;
  float: none !important;
}

@media only screen and (max-width: 768px){
  .hhs-header-menu {
    display: inline-block !important;
  }
  .hhs-nav-opt-items {
    padding-right: 50px !important;
    width: auto;
    height: auto;  
  }
  .hamburger {
    padding: 5px !important;
    margin: 0 auto !important;
  }
}

/**** Swap Images on Mobile ****/
/* @media only screen and (max-width: 767px) {
  .endless-img {
    content: url(https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/homepage/endless-variation-4@2x.png);
    width: 100% !important;
  }
} */

/**** Align menu items ***/
.hhs-nav-opt-items {
  vertical-align: top !important;
}

.hhs-divider {
  margin: 0 auto 10px !important;
}
.kon-divider-wrap:before {
  display: inline-block;
  content: "";
  border-top: 2px solid #D1D0D6;
  width: 65px;
  margin-right: 20px;
}
.kon-subtitle-1 {
  display: inline-block;
  font-family: "Aileron SemiBold Italic";
  font-size: 18px;
  color: #21BFE6;
  margin: 20px 0 10px;
  letter-spacing: 1px;

}
.kon-subtitle-2 {
  display: inline-block;
  font-family: "Aileron SemiBold Italic";
  font-size: 18px;
  color: #4E4EFB;
  margin: 20px 0 10px;
  letter-spacing: 1px;
}

/* Hubspot CTA Rules */
@media only screen and (max-width: 767px) {
  .hs-cta-outlined { padding: 10px !important; }
}
.hs-cta-outlined:hover {
  color: #0c1b37 !important;
  transform: scale(1.05) !important;
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}  
/* CTA Two buttons side to side */
@media only screen and (min-width: 1200px) { .cta-slim-wrap .custom-spacer-md { margin-top: 64px; } }

.cta-row-wrap {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
  height: auto;

}
.cta-row-wrap-center {
  margin: 0 0 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.cta-col-1 { display: inline-block; }
.cta-col-2 {
  display: inline-block;
  margin-left: 20px;
}
/*** CTA Sizes for Mobile */
@media only screen and (max-width: 767px) {
  .hero1-btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;        
  }
  .cta-col-1, .cta-col-2 {
    margin-left: 5px !important;
  }

  a.cta-primary {
    padding: 10px !important;
    /* border: solid 2px #F15B28 !important; */
  }
  .cta-secondary {
    padding: 8px !important;
  }
}
/* CTA DARK BLUE */
#cta_button_3319111_bcc0ad71-03fa-4a5d-a3db-b57e03adc179 {
  padding: 14px 32px !important;
  border: none !important;
}
.cta-primary.cta-brand-color, .cta_button.cta-primary.cta-blue-header {
  border: solid 2px #0C2854 !important;
}
/* PLAY BUTTON */
/** See Opt 4 Hero CSS **/


.kon-cta-footer-1 .row {
  background-color: #0C1B37;
  padding: 50px 0;
  border-radius: 20px;
}

.kon-cta-footer-1 .hhs-rich-text.c1 {
  padding: 45px 0;
}

.kon-cta-footer-full .row {
  padding: 50px 0;
  border-radius: 20px;
}

.kon-cta-footer-full .hhs-rich-text.c1 {
  padding: 45px 0;
}

.cta-footer-text {
  margin-bottom: 0 0 20px 0;
  padding: 0 0 30px;
}

.cta-footer-text h2, .cta-footer-text h4 {
  color: #fff !important;
}

.cta-quaternary, .cta-quaternary:active {
  color: #fff !important;
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  text-transform: uppercase;
  padding: 15px 25px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #F15B28;
}

a.cta-outline-brand-color {
 font-family: 'poppins';
text-align: left;
letter-spacing: 0;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
padding: 12px 24px;
border: 2px solid;
border-radius: 4px;
color: #0c1b37;
}


/*** Slim CTAs No Border ***/
.cta-slim-wrap {
  margin: 40px 0;
}

.cta-slim-1 {
  font-family: 'Aileron Bold';
  text-align: left;
  letter-spacing: 0;
  color: #0C1B37;
  font-size: 14px;
}

a.cta-slim-1 {
  color: #0C1B37 !important;   
}

a.cta-slim-1:hover {
  color: #F15B28 !important;
  transition: 0.3s;
}

.cta-slim-1::after {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-weight: 600;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  color: #0C1B37;
  margin-left: 10px;
}

.cta-slim-1:hover:after {
  color: #F15B28 !important;
  margin-left: 10px;
}

.cta-slim-1 a:focus {
  color: #0C1B37 !important;
}

.cta-slim-1 a:active {
  color: #232e69 !important Horizontal Tabbed Content M02;
}

.cta-slim-2 {
  font-family: 'Aileron Bold';
  text-align: center;
  letter-spacing: 0;
  color: #F15B28;
  font-size: 14px;
}

a.cta-slim-2:hover {
  color: #232e69 !important;
  transition: 0.3s;
}

a.cta-slim-2 {
  color: #F15B28 !important;
}

.cta-slim-2::after {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-weight: 600;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  color: #F15B28;
  margin-left: 10px;
}

.cta-slim-2:hover:after {
  color: #232e69 !important;
  margin-left: 10px;
}

.cta-slim-2 a:active {
  color: #F15B28;
}

.cta-slim-3 a {
  color: #ffffff;
}

.cta-slim-3 {
  font-family: 'Aileron Bold';
  text-align: center;
  letter-spacing: 0;
  color: #F15B28;
  font-size: 14px;
}

a.cta-slim-3:hover {
  color: #F15B28 !important;
  transition: 0.3s;
}

.cta-slim-3::after {
  font-family: "Font Awesome 5 Free";
  content: "\f061";
  font-weight: 600;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  color: #F15B28;
  margin-left: 10px;
}

.cta-slim-3:hover:after {
  color: #F15B28 !important;
  margin-left: 10px;
}

.cta-slim-3 a:active {
  color: #ffffff;
}
a.cta-slim-up  {
  font-family: 'Aileron Bold';
  color: var(--primary-500);
  display: flex;
}
a.cta-slim-up:hover,
a.cta-slim-up:hover:after { 
  color: var(--primary-700);
}
a.cta-slim-up::after {
  font-family: "Font Awesome 6 Pro";
  content: "\f08e";
  font-weight: 600;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-size: 14px;
  color: var(--primary-500);
  margin-left: 10px;
}

/**** Our Products Module ****/
/* .product-title {
  font-family: 'Aileron Bold';
  font-size: 13px;
  color: #0C1B37;
  letter-spacing: 2px;
  text-transform: uppercase;
  line-height: 1.2;
} */


.icon-sprite.kon-icon::before {
  background-size: 352px;
  width: 43px;
  height: 43px;
  margin: 0px !important;
  background-position: 0px -9px;
}
.icon-sprite.kon-icon {
  width: 43px;
  height: 43px;
  margin-bottom: 15px;
}
.kon-icon {
  width: 43px;
  height: auto;
  margin-bottom: 20px;
}
/**** Products Icon Positions ****/
.prod-icon-dialers::before { background-position: 0px -9px; }
.prod-icon-cadence::before { background-position: -52px -9px !important; }
.prod-icon-coverage::before { background-position: -103px -9px !important; }
.prod-icon-ai::before { background-position: -155px -9px !important; }


.card-cta-wrap {
  position: absolute;
  bottom: 25px;
  right: 25px;
}

.card-cta {
  font-family: 'Aileron Bold';
  font-weight: 700;
  font-size: 12px;
  color: #F15B28;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.card_text { padding-right: 5px !important; }

/****** Koncert Modal ******/
/* remove the dark pop background 
* 
* .hhs-pop.hhs-modal {
background-color: #0C1B37 !important;
}*/

/*.modal {
width: 100% !important;
background: #0C1B37 !important;
}

.modal h3, .modal p {
color: #fff !important;
}
end remove dark bg */

.modal .hs-form label {
  color: #fff !important;
  font-family: 'Aileron Regular', Open Sans !important;
  font-size: 15px !important;
  letter-spacing: 1px;
  text-transform: none !important;
}

.modal .hs-button, .modal .button--primary {
  color: #fff !important;
  font-family: 'Aileron Bold';
  font-size: 14px !important;
  background-color: #F15B28 !important;
  -webkit-box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
  margin-top: 20px;
}

/****** Icons *****/
.icon-wrap {
  width: 40px;
  margin-bottom: 15px;
}

.icon-text-row img {
  margin-bottom: 20px !important;
} 

/****Test for homepage ****/
.dark-row h2, .dark-row h3, .dark-row h4, .dark-row p {
  color: #f5f5f5 !important;
}
/** end **/

/* Feat. Bullets */
.kon-feat-txt {
  font-family: "Aileron Regular";
  font-size: 16px;
  margin-bottom: 25px;
  letter-spacing: 0.38px;
  font-weight: normal;
}

.kon-feat-txt:before {
  font-family: "Font Awesome 5 Free";
  content: "f00c";
  font-weight: 600;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-size: 12px;
  color: #666AFC;
  margin-right: 10px;

}

.custom-icons-1 ul {
  list-style: none;
  padding: 0;
}
.custom-icons-1 li {
  padding-left: 1.3em;
}
.custom-icons-1 li:before {
  content: "\f058"; /* FontAwesome Unicode */
  font-family: 'Font Awesome 5 Free' !important;
  display: inline-block;
  margin-left: -1em; /* same as padding-left set on li */
  width: 1.8em; /* same as padding-left set on li */
  color: #f25a28;
  font-size: 20px;
}

@media only screen and ( max-width: 375px) {
  .custom-icons-1 li:before {
    margin-left: -1.8em; /* same as padding-left set on li */
  }
}

/****** Landing Page Layout A ******
************************************/
.landing-a .row {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.landing-a h6 { color: #f15b28; }

.btn-pop {
  margin: 30px 0 !important;
  padding: 22px 38px !important;
}

@media only screen and ( max-width: 991px) {
  .btn-pop {
    margin: 45px auto 20px!important;
    display: block !important;
    text-align: center;
    width: 40%;
    text-align: center;
  }  
  .learn-row-lp .hhs-rich-text.c2 { margin-top: 35px; }
}

@media only screen and ( max-width: 567px) { .btn-pop { width: 50%; } }  
@media only screen and ( max-width: 425px) { .btn-pop { width: 70%; } }  


@media only screen and ( max-width: 425px) {
  .hhs-pop .hhs-modal .modal h2 { font-size: 22px; }
  .learn-row-lp li {
    font-size: 22px !important;
    line-height: 38px !important;
  }
  .learn-title { width: 90% !important; }
  .learn-row-lp h5 { font-size: 18px !important; }
}

.learn-row-lp .hhs-rich-text.c2 {
  border: 6px solid #f15b28;
  padding: 35px;
}

.learn-title {
  background: #f6f6f6;
  width: 80%;
  margin: 0 auto;
  margin-top: -55px;
}

.learn-row-lp h5 {
  font-size: 26px;
  text-align: center !important;
}

.learn-row-lp li {
  color: #1b1b53 !important;
  font-family: 'Aileron Bold' !important;
  font-size: 26px;
  line-height: 40px;
}

@media only screen and ( min-width: 991px) {
  .slim-section {
    max-width: 60%;
    margin: 0 auto;
  }
}

/*** New Homepage ***/
div#tmp1_widget_1631056468161, div#tmp1_widget_1631056468161 .container, div#tmp1_widget_1631056468161 .col-12 {
  padding: 0px !important;
}

.hero-divider .container {
  max-width: 1440px !important;
}

.review-flex-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 10px;
}

.hero-divider .customer-txt {
  max-width: 80%;
}

p.quote-divider {
  padding: 30px;
  font-size: 22px;
  font-style: italic;
  margin-bottom: 0px !important;
}

.hero-divider .review-credits {
  margin-top: 0px;
  padding: 0 0 30px 30px;
}

.hero-divider .c1.col-lg-5.col-sm-12 {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}

.hero-divider .hhs-rich-text-in {
  padding: 30px 0 !important;
}

span.quote-sign {
  position: absolute;
  top: 20%;
  left: 20px;
  font-family: cursive;
  font-size: 61px;
}

/**** Video Embeds ****/
.video-warpper {
  width: 60%;
  margin: 30px auto;
}
@media only screen and (max-width: 991px) {
  .video-warpper {
    width: 90%;
    margin: 30px auto;
  }
}

/******* Special Rows *****/
.dark-row li {
  color: #fff;
}

.color-twist1 p, .color-twist1 h3, .color-twist1 .kon-subtitle-1 {
  color: #453B60 !important;
}

.slim-row {
  width: 70%;
  margin: 0px auto !important;
}

@media only screen and (max-width: 991px) {
  .slim-row {
    width: 100%;
  }	
}
/******* Background Ornaments Rows *******/
.greater-for-hero-1 {
  background-image: url(https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/greater-sign-hero-top.svg), url(https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/dot-and-greater-split1-top.svg);
  background-repeat: no-repeat;
  background-position: top center, right bottom;
  background-size: 100%, 22%;
}

.dot-greater-split-bottom {
  background-image: url(https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/dot-and-greater-split1-bottom.svg);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 22%;	
}

/*.greater-right {
background-image: url(https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/bg-greater-1.svg);
background-position: bottom right;
background-size: 40%;
background-repeat: no-repeat;
}*/

.dark-1 {
  background-image: url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/bg-decor-bubbles-L1.svg'), url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/bg-decor-bubbles-R1.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: left bottom, top right;
  background-size: 80%;

}

.dark-2 {
  background-image: url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/bg-decor-bubbles-L1.svg'), url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/bg-decor-bubbles-R1.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: left bottom, top right;
  background-size: 52%;

}

.great-sign-1 {
  background-image: url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/decor-greater-top.svg');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100%;

}

.great-sign-2 {
  background-image: url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/decor-greater-2-top.svg'), url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/decor-greater-2-bottom.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: top right, bottom left;
  background-size: 50%, 60%;

}

.tech-circuit-divider {
  background-image: url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/tech-circuit-c.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;

}

.tech-circuit {
  background-image: url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/tech-circuit-L.svg'), url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/tech-circuit-R.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: center left, center right;
  background-size: 30%;

}

.tech-circuit-sm {
  background-image: url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/tech-circuit-sm-L.svg'), url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/tech-circuit-sm-R.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: bottom left, bottom right;
  background-size: 30%;

}

.tech-circuit-cut-half--both {
  background-image: url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/tubes-cut-left.svg'), url('https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/modules/tubes-cut-right.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: center left, center right;
  background-size: 35%;
}


.hero-reviews {
  background-image: url(https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/other_images/koncert-hero-customer-reviews2.svg) !important;
  background-repeat: no-repeat;
  background-size: 100%;
  object-fit: cover;
  background-position: top center;
}


.hero-bubbles-1 {
  background-image: url(https://f.hubspotusercontent10.net/hubfs/3319111/assets_koncert/images/other_images/koncert-hero-bubble-1.svg) !important;
  background-repeat: no-repeat;
  background-size: 100%;
  object-fit: cover;
  background-position: top center;
}


/***** Sections near tube lines *****/
.pull-up-section {
  margin-top: -8%;
}

.pull-up-section-sm {
  margin-top: -6%;
}

@media only screen and (min-width: 1551px){
  .pull-up-section {
    margin-top: -6% !important;
  }
}

@media only screen and (min-width: 2500px){
  .pull-up-section {
    margin-top: -2% !important;
  }
}
/****** Bullets.******/
@media only screen and (max-width: 768px) {
  .dark-row li {
    font-size: 14px !important;
  }
}  
/****** Rounded Cornerns Embeds *****/
.hs-responsive-embed-wrapper.hs-responsive-embed {
  border-radius: 10px !important;
  border: solid 2px #fff;
  -webkit-box-shadow: -2px 8px 23px -6px rgba(0,0,0,0.18);
  box-shadow: -2px 8px 23px -6px rgba(0,0,0,0.18);
}

/****** Third Party Logos *****/
.logos-slim-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -50px;
  margin-left: -35px;
}

.logos-slim-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 80px);
  flex: 0 0 calc(25% - 70px);
  margin-top: 40px;
  margin-left: 30px;
}

.logos-slim-item-pic {
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.logos-slim-col h6 {
  margin: 30px auto;

}

@media only screen and (max-width: 991px) {
  .logos-slim-col.lazy.fadeIn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .logos-slim-list {
    margin-bottom: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .logos-slim-item {
    -ms-flex: 0 0 calc(25% - 30px);
    -webkit-box-flex: 0;
    flex: 0 0 calc(25% - 30px);
  }    
}

@media only screen and (max-width: 540px) {
  .logos-slim-item {
    -ms-flex: 0 0 calc(25% - 30px);
    -webkit-box-flex: 0;
    flex: 0 0 30% !important;
  }        
}

/** Homepage CRM Logos **/
.logos-slim-list.overwrite {
  margin-top: 0px !important;
  margin-left: 0px !important;
  justify-content: left;
}

.logos-slim-item.overwrite {
  flex: none;
  margin: 10px 20px 0;
  /*opacity: .6;*/
}

.logos-slim-item.overwrite.salesf {width: 90px;}

p.testimonial-hero {
  font-size: 24px;
  font-family: 'Aileron SemiBold Italic';
}

/***** Reverse & Image Margins *****/
@media only screen and (max-width: 991px) {
  .reverse-col .row {
    flex-direction: column-reverse;
  }
  .hhs-img {
    margin-bottom: 32px;
  }

}

/****** Blurbs ********/
.mini-review.mini-blurb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 30px 0 0;
  border-top: 1px solid #cdd0e4;
}
.mini-review .logo-blurb {
  width: 50px;
}

.mini-review .blurb {
  margin-left: 20px;
}

.mini-review-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  margin: 20px;
}

/****** HubSpot Forms *****/
.hs-form-required {
  display: none;
}

.hs-button {
  background-color: #f15b28 !important;

}

.hhs-form-con.c1 .hs-submit {
  text-align: center !important;
  margin: 60px 0 0;
}

/****** Footer ********
**********************/

.row.hhs-foot-nav-cols {
  align-items: flex-start;
}

.kon-logo-footer {
  max-width: 40px;
}

.footer h5 {
  font-family: 'Aileron Bold', Open Sans !important;
  font-size: 13px !important;
  letter-spacing: 1px !important;

}

.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
  font-family: 'Aileron Regular', Open Sans !important;
  font-size: 14px !important;
}

.footer ul li {
  line-height: 1.1rem !important;
}

@media only screen and (max-width: 575px) {
  .row.hhs-foot-nav-cols .col-12 {
    -ms-flex: 0 0 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}

/*** Highlights Brands Trademark ****/
span.trademark {
  font-style: italic;
  font-family: 'Poppins';
}

/*** Paragraph Width ***/
.narrow-txt-sm { max-width: 454px; }
.narrow-txt-md { max-width: 767px; }
.narrow-txt-lg { max-width: 881px; }

/*** Paragraph Width Centered ***/
.narrow-txt-sm-center { max-width: 454px; margin: 0 auto 24px; }
.narrow-txt-md-center { max-width: 767px; margin: 0 auto 24px; }
.narrow-txt-lg-center { max-width: 881px; margin: 0 auto 24px; }

/*** Fullwidth Rows ***/
.box-heigh-lg { min-height: 800px; }

/*** Slim Links Multi Column ***/
.links-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  max-width: 1124px;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 0 auto;
}
.links-col a {
  color: #0c2854;
}
.links-col .cta-slim-1:after {
  color: #f15b28 !important;
}
.links-col a:hover, .links-col a:focus {
  color: #f15b28 !important;
}
.links-col .cta-slim-1 {
  padding: 10%;
  background: #f4f4f4;
  border-radius: 8px;
}

/*** Integration Pages and Possibly More ***/
@media only screen and ( min-width: 541px ) and ( max-width: 991px ) {
  .tablet .col-lg-6.col-sm-12.first-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
  .tablet .col-lg-6.col-sm-12.second-col {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}

/*** Narrow Text ***/
.left-header-md {
  max-width: 60%;
}
.center-header-md {
  max-width: 75%;
  margin: 0 auto 16px;
}
.left-paragraph-sm {
  max-width: 65%;
}
.left-paragraph-md {
  max-width: 70%;
}
.center-paragraph-sm {
  max-width: 50%;
  margin: 0 auto;
}

@media only screen and  ( max-width: 1199px ) {
  .left-header-md, .left-paragraph-sm { max-width: 85%; }
  .center-header-md { max-width: 90%; }
  .center-paragraph-sm { max-width: 75%; }  
}

@media only screen and  ( max-width: 767px ) {
  .left-header-md, .left-paragraph-sm,  { max-width: 100%; }  
  .center-header-md { max-width: 100%; }
  .center-paragraph-sm { max-width: 100%; } 
}

/*** SVG Badges ***/
.svg-badge img {
  width: 202px;
  height: auto !important;
}

/*** Footer Certification Badges ***/
.footer-badges-wrap, .certification-title, .certification-badge-footer {
  display: flex;
  flex-wrap: wrap;
  margin-right: 5px;
}
.certification-title { 
  width: 100%;
  margin: 15px 0 0; 
}
.certification-badge-footer img { margin-right: 12px; }

@media only screen and ( max-width: 576px ) {
  .footer-badges-wrap {
    margin-right: -15px;
  }
}
@media only screen and ( max-width: 575px ) {
  .footer-badges-wrap {
    justify-content: center;
  }
}

/**** Box Shadow Custom ****/
.shadow-lg { 
  -webkit-box-shadow: 0px 10.6386px 21.2772px rgba(41, 41, 42, 0.07); 
          box-shadow: 0px 10.6386px 21.2772px rgba(41, 41, 42, 0.07);
}.shadow-lg { 
  box-shadow: 0px 10.6386px 21.2772px rgba(41, 41, 42, 0.07);
}
.shadow-xl {
-webkit-box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
        box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}
.shadow-2xl {
box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.25);
border-radius: 8px;
}

/**** Comparison Table Badges *****/
thead {
  position: sticky;
  top: 60px;
}
.prod-title {
  min-height: 36px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
}  
.badge-table {
  display: flex;
  font-size: 9px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 800;
  font-family: 'Poppins', cursive;
  letter-spacing: 1px;
  justify-content: space-around;
  background: #293385;
  width: 58%;
  padding: 8px;
  border-radius: 3px;
  color: #fff;
  margin: 8px auto 0;
}
.badge-table.secondary {
background: #6e43ce;
}
@media only screen and (min-width:  991px) and (max-width: 1199px) {
.badge-table {
  width: 70% !important;
}
}

/*** Header Height ***/
hhs-header-mod .hhs-nav {
  height: 32px !important;
}
.hhs-header-mod {
  padding: 22px 0 8px !important;
}
/* Search icon position */
@media (max-width: 575px) {
.hhs-nav-opt-items .hhs-header-search {
  top: 17px !important;
  right: 50px !important;
}
.hhs-header-search a {
  display: inline-block !important;
}
/*** CTA Tenbound 2022 ****/
#hs-cta-img-78e45ee4-45c3-4e9f-9ad0-73a35830357d {
  box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.2);
  border-radius: 4px;
}