/** FONTS **/



/** END FONTS **/





/** CSS VARS **/
:root{
    
    --body-line-height: 1.55;--color-4: #ffffff;--color-body-text: #5c5c5c;--page-width: 1003px;--background-element: #ffffff;--padding-section: 3.5rem;--color-body-blog: #f5f5f5;--color-element-text: #000000;--color-sidebar: #dcdcdc;--blog-font-size-max: 16px;--color-3-text: #ffffff;--color-footer-header: #000000;--font-size-max: 16px;--font-size-viewport-min: 900px;--color-1-title: #ffffff;--color-4-title: #1b1315;--background-footer: #ffffff;--boxed: 0;--color-body-title: #000000;--color-1-text: #ffffff;--color-4-text: #1b1315;--font-size-min: 14px;--background-header: #ffffff;--font-size-title-ratio: 1.362;--font-size: 16px;--border-color-input: #dcdcdc;--background-input: transparent;--color-2-text: #ffffff;--font-size-viewport-max: 1360px;--color-footer-text: #5c5c5c;--blog-font-size-min: 15px;--font-family-body: 'Poppins', sans-serif;--color-2-title: #ffffff;--border-radius: 16px;--color-body-landing: #ffffff;--font-weight-body: 400;--font-weight-title: 500;--color-header-text: #686a6c;--page-width2: 1419px;--color-input: #5c5c5c;--font-family-title: 'Poppins', sans-serif;--color-2: #000000;--color-3: #f5f5f5;--color-3-title: #ffffff;--color-1: #FF1053;--color-body: #f5f5f5;
}




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

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* This responsive framework is required for all styles. */
/** Bootstrap as fallback if doesn't support grid **/

/** END default HS Bootstrap **/



/** GRID system **/
.dgrid,
.dflex,
.dflex > .row-fluid-wrapper > .row-fluid{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.dflex:before,
.dflex:after,
.dgrid:before,
.dgrid:after{
    content:none;
}

.dgrid{
    display: grid;
}

.vtop,
.vtop > .row-fluid-wrapper > .row-fluid,
.cm.vtop >.page-center,
.cm.vtop .page-center > div > .row-fluid{
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.vcenter,
.vcenter > .row-fluid-wrapper > .row-fluid,
.cm.vcenter >.page-center,
.cm.vcenter .page-center > div > .row-fluid{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.vbottom,
.vbottom > .row-fluid-wrapper > .row-fluid,
.cm.vbottom >.page-center,
.cm.vbottom > .page-center > div > .row-fluid{
    -webkit-box-align: end;
       -ms-flex-align: end;
     align-items: flex-end;
}

.vstretch,
.vstretch > .row-fluid-wrapper > .row-fluid,
.cm.vstretch >.page-center,
.cm.vstretch > .page-center > div > .row-fluid{
    -webkit-box-align: stretch;
       -ms-flex-align: stretch;
          align-items: stretch;
}

.acenter,
.acenter > .row-fluid-wrapper > .row-fluid,
.cm.acenter >.page-center,
.cm.acenter > .page-center > div > .row-fluid{
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.aspace,
.ajustify,
.aspace > .row-fluid-wrapper > .row-fluid,
.cm.aspace >.page-center,
.cm.aspace > .page-center > div > .row-fluid,

.ajustify > .row-fluid-wrapper > .row-fluid,
.cm.ajustify >.page-center,
.cm.ajustify > .page-center > div > .row-fluid{
         -webkit-box-pack: justify;
            -ms-flex-pack: justify;
    justify-content: space-between;
}
/** END grid system **/



/* Initial setup */
html {
    box-sizing: border-box;
  
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}
*, *:before, *:after {
    box-sizing: inherit;
}


html,
body{
    font-size:  14px ;
  font-size:  var( --font-size-min) ;
}

body{
    margin:0;
    padding:0;
    font-family:  'Poppins', sans-serif ;
  font-family:  var( --font-family-body) ;

    color:  #5c5c5c ;
  color:  var( --color-body-text) ;
    background-color:  #f5f5f5 ;
  background-color:  var( --color-body) ;
  	font-weight:  400 ;
  font-weight:  var( --font-weight-body) ;
    line-height: 1.75;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
}

ul {
    padding-left: 1em;
}

iframe {
    max-width: 100%;
}

blockquote {
    margin: 0;
    padding: 1.5rem 3rem;
    position: relative;
    font-size: 1.5rem;
    line-height: 1.43;
    font-weight: 500;
    color: #ff4a3e;
     font-family:  'Poppins', sans-serif ;
  font-family:  var( --font-family-title) ;
    font-style:italic;
}

blockquote:before {
    content: '“';
    color: #000000;
    font-size: 3.5rem;
    font-weight: 300;
    left: 0;
    position: absolute;
    top: 3rem;
    line-height: 1em;
    display: block;
}

h1,h2,h3,h4,
.h1, .h2, .h3, .h4 {
 color:  #000000 ;
  color:  var( --color-body-title) ;
}

h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h5,.h6{
    font-family:  'Poppins', sans-serif ;
  font-family:  var( --font-family-title) ;
    font-weight:  500 ;
  font-weight:  var( --font-weight-title) ;

    line-height: 1.2em;
   
    margin: 0;
    letter-spacing:normal;
}

h5,h6,
.h5,.h6{
    line-height: normal;
    color:  #5c5c5c ;
  color:  var( --color-body-text) ;
    font-weight: normal;
}

a{
    color:  #FF1053 ;
  color:  var( --color-1) ;
    text-decoration:none;
    transition: 0.3s;
}

a:hover{
    color:  #000000 ;
  color:  var( --color-2) ;
}

/** Forms, inputs etc. moved and combined with CTAs in general classes and items */



/** FLUID FONT **/
:root{
    --font-size: 14px;
    --blog-font-size: 15px;
}
body{
    font-size:  14px ;
  font-size:  var( --font-size-min) ;
    transition: font-size .4s;
}
@media (min-width: 900px ){
    
    :root{
        --font-size: calc( 14px + ( 2px ) * (( 100vw - 900px ) / 460px ) );
        --blog-font-size: calc( 15px + ( 1px ) * (( 100vw - 900px ) / (460px ) ) );
    }
    body{
        font-size: 16px; 
        font-size: var(--font-size);
    }
    body.hs-blog-post  .post-body:not(.related-post-title-body) {
        font-size: 16px; 
        font-size: var(--blog-font-size);
    }
}
@media (min-width: 1360px ){
    :root{
        --font-size: 16px;
        --blog-font-size: 16px;
    }
    body{
        font-size:  16px ;
  font-size:  var( --font-size-max) ;
    }
    body.hs-blog-post  .post-body:not(.related-post-title-body) {
        font-size: var(--blog-font-size);
    }
}


/* fix the line height if you choose a different font-size on rich text */

h3 *, h4 *, h5 *, h6 *, .h3 *, .h4 *, .h5 *, .h6 *{
    line-height: normal;
}

h1,
.h1  {
    font-size: 2.5rem;
      line-height: 1.13;
}

h2,
.h2 {
    font-size: 2.0rem;
     line-height: 1;
}

 h3,
.h3 {
    font-size: 1.4285714285714286rem;
    line-height: 1.25;
}

h4,
.h4{
    font-size: 1.1428571428571428rem;
}

h5,
.h5{
    font-size: 1.0714285714285714rem;
}

h6,
.h6,
small {
    font-size: 1.0rem;
}



@media (min-width: 900px ){
    h1,
    .h1  {
        font-size: 3.2142857142857144rem;
    }

    h2,
    .h2 {
        font-size: 2.2857142857142856rem;
    }
  
     h3,
    .h3 {
        font-size: 1.7142857142857142rem;
    }

}

@media (min-width: 1360px ){
    h1,
    .h1 {
        font-size: 3.4285714285714284rem;
    }
  
    h2,
    .h2 {
        font-size: 2.5714285714285716rem;
    }
}


/** END FONTS **/



/** Text selection colors **/
::-moz-selection{
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    background:  #FF1053 ;
  background:  var( --color-1) ;
  background: #FF1053;
  
}
::-webkit-selection{
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    background:  #FF1053 ;
  background:  var( --color-1) ;
  background: #FF1053;
}
::selection{
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    background:  #FF1053 ;
  background:  var( --color-1) ;
  background: #FF1053;
}

.bg_primary ::selection{
    background:  #000000 ;
  background:  var( --color-2) ;
}
.bg_primary ::-webkit-selection{
    background:  #000000 ;
  background:  var( --color-2) ;
}
.bg_primary ::-moz-selection{
    background:  #000000 ;
  background:  var( --color-2) ;
}


/*** DEFAULT ELEMENTS **/
.hs-menu-wrapper ul{
    list-style: none;
    padding: 0;
    margin: 0;

}
.hs-menu-wrapper.hs-menu-flow-horizontal ul li,
.hs-menu-wrapper.hs-menu-flow-horizontal ul li a{
    display: inline-block; 
}

/* General classes */
.bg_primary {
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
}
.bg_secondary {
    background-color:  #000000 ;
  background-color:  var( --color-2) ;
}
.bg_tertiary {
    background-color:  #f5f5f5 ;
  background-color:  var( --color-3) ;
}
.bg_quaternary {
    background-color:  #ffffff ;
  background-color:  var( --color-4) ;
}
.bg_header {
    background-color:  #ffffff ;
  background-color:  var( --background-header) ;
}
.bg_header,
.bg_header a,
.bg_header p,
.bg_header div {
    color:  #686a6c ;
  color:  var( --color-header-text) ;
}
.bg_footer {
    background-color:  #ffffff ;
  background-color:  var( --background-footer) ;
}

.bg_footer,
.bg_footer a,
.bg_footer p,
.bg_footer div{
    color:  #5c5c5c ;
  color:  var( --color-footer-text) ;
}

.bg_body{
    background-color:  #f5f5f5 ;
  background-color:  var( --color-body) ;
}

/* Primary */
.bg_primary,
.bg_primary a:not(.cta_button),
.bg_primary a:not(.cta_button) *{
    color:  #ffffff ;
  color:  var( --color-1-text) ;
}
.bg_primary .cta_button{
    background-color:  #ffffff ;
  background-color:  var( --color-1-text) ;
    color:  #FF1053 ;
  color:  var( --color-1) ;
    border: 1px solid  #FF1053 ;
  border: 1px solid  var( --color-1) ;
}


.bg_primary h1,
.bg_primary h2,
.bg_primary h3,
.bg_primary h4,
.bg_primary h5,
.bg_primary h6,
.bg_primary .h1,
.bg_primary .h2,
.bg_primary .h3,
.bg_primary .h4,
.bg_primary .h5,
.bg_primary .h6,
.bg_primary a{
    color:  #ffffff ;
  color:  var( --color-1-title) ;
}

.bg_primary button:hover,
.bg_primary input[type='submit']:hover,
.bg_primary .hs-button:hover,
.bg_primary .cta_button:hover{
    border: 1px solid  #ffffff ;
  border: 1px solid  var( --color-1-text) ;
}

.bg_secondary,
.bg_secondary a:not(.cta_button) *{
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}
.bg_secondary .cta_button{
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    color:  #ffffff ;
  color:  var( --color-1-text) ;
}
.bg_secondary h1,
.bg_secondary h2,
.bg_secondary h3,
.bg_secondary h4,
.bg_secondary h5,
.bg_secondary h6,
.bg_secondary .h1,
.bg_secondary .h2,
.bg_secondary .h3,
.bg_secondary .h4,
.bg_secondary .h5,
.bg_secondary .h6,
.bg_secondary a{
    color:  #ffffff ;
  color:  var( --color-2-title) ;
}

.bg_tertiary,
.bg_tertiary a:not(.cta_button) *{
    color:  #ffffff ;
  color:  var( --color-3-text) ;
}
.bg_tertiary .cta_button{
    background-color:  #ffffff ;
  background-color:  var( --color-3-text) ;
    color:  #f5f5f5 ;
  color:  var( --color-3) ;
}
.bg_tertiary h1,
.bg_tertiary h2,
.bg_tertiary h3,
.bg_tertiary h4,
.bg_tertiary h5,
.bg_tertiary h6,
.bg_tertiary .h1,
.bg_tertiary .h2,
.bg_tertiary .h3,
.bg_tertiary .h4,
.bg_tertiary .h5,
.bg_tertiary .h6,
.bg_tertiary a{
    color:  #ffffff ;
  color:  var( --color-3-title) ;
}

.bg_quaternary,
.bg_quaternary a:not(.cta_button) *{
    color:  #1b1315 ;
  color:  var( --color-4-text) ;
}
.bg_quaternary .cta_button{
    background-color:  #1b1315 ;
  background-color:  var( --color-4-text) ;
    color:  #ffffff ;
  color:  var( --color-4) ;
}
.bg_quaternary h1,
.bg_quaternary h2,
.bg_quaternary h3,
.bg_quaternary h4,
.bg_quaternary h5,
.bg_quaternary h6,
.bg_quaternary .h1,
.bg_quaternary .h2,
.bg_quaternary .h3,
.bg_quaternary .h4,
.bg_quaternary .h5,
.bg_quaternary .h6,
.bg_quaternary a{
    color:  #1b1315 ;
  color:  var( --color-4-title) ;
}

.bg_white {
    background: #fff;
}

.bg_footer,
.bg_footer a:not(.cta_button) *{
    color:  #5c5c5c ;
  color:  var( --color-footer-text) ;
}
.bg_footer .cta_button{
    background-color:  #ffffff ;
  background-color:  var( --background-footer) ;
    color:  #5c5c5c ;
  color:  var( --color-footer-text) ;
}
.bg_footer h1,
.bg_footer h2,
.bg_footer h3,
.bg_footer h4,
.bg_footer h5,
.bg_footer h6,
.bg_footer .h1,
.bg_footer .h2,
.bg_footer .h3,
.bg_footer .h4,
.bg_footer .h5,
.bg_footer .h6,
.bg_footer a{
    color:  #000000 ;
  color:  var( --color-footer-header) ;
}


.bg_white,
.bg_white a:not(.cta_button),
.bg_white a:not(.cta_button) *{
    color:  #1b1315 ;
  color:  var( --color-4-text) ;
}

.bg_white h1,
.bg_white h2,
.bg_white h3,
.bg_white h4,
.bg_white h5,
.bg_white h6,
.bg_white .h1,
.bg_white .h2,
.bg_white .h3,
.bg_white .h4,
.bg_white .h5,
.bg_white .h6 {
    color:  #1b1315 ;
  color:  var( --color-4-title) ;
}


.fleft,
.float-left{
    float: left !important;
}
.fright,
.float-right{
    float: right !important;
}
.text-center{text-align: center;}
.text-right{text-align: right;}

.border-radius{
    border-radius:  16px ;
  border-radius:  var( --border-radius) ;
}


/* Object Fit */
.bg_image_fit {
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
}

.bg_image_fit img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.hero {
    margin-top: 72px;
}


@media(max-width: 1200px) {
.hero {
    margin-top: 65px;
}
}


/** fix to disable min height for widgets different than spacer **/
.row-fluid [class*="span"]:not(.widget-type-space){
    min-height: 0;
}
/* for the new design manager there is a different way tho: */
.hs_cos_wrapper_type_space {
    min-height: 28px;
    display: block;
}


/** container **/
.page-center,
.row-fluid .page-center{
    /*overflow: auto;*/
    width:  1003px ;
  width:  var( --page-width) ;
    width: calc( 1003px + (3.5rem * 2) );

    max-width:100%;
    margin: 0 auto;
    float: none;
    margin-left: auto !important;
    box-sizing: border-box;
    padding-left:  3.5rem ;
  padding-left:  var( --padding-section) ;
    padding-right:  3.5rem ;
  padding-right:  var( --padding-section) ;
}
.page-center .page-center{
    padding-left: 0;
    padding-right: 0;
}
.section,
.cm:not(.section) .page-center{
    padding-top:  3.5rem ;
  padding-top:  var( --padding-section) ;
    padding-bottom:  3.5rem ;
  padding-bottom:  var( --padding-section) ;
}
/** END container **/

.cm .section-header {
    margin-bottom: 2rem;
}
.cm .section-header p{
    margin-bottom: 0;
}

.ele-with-background{
    background-color:  #ffffff ;
  background-color:  var( --background-element) ;
  	color:  #000000 ;
  color:  var( --color-element-text) ;
    border-radius: 8px;
    overflow: hidden;
}

.ele-with-background a:not(.cta_button):not(.topic-link):not(.hs-button){
  	color:  #000000 ;
  color:  var( --color-element-text) ;
}

.page-center.bigger{
  
}

@media (max-width: 1024px) {
  .page-center, .row-fluid .page-center {
      padding: 1rem 1.5rem;
   }
  
  .live-editor-wrapper {
      display: none;
  }
}


/*** FORMS and buttons/CTAs **/

.cta_button{
    font-family:  'Poppins', sans-serif ;
  font-family:  var( --font-family-title) ;
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    padding: 1.1em 1.82em;
    border-radius: 4px;
    text-decoration: none !important;
    display: inline-block;
    text-align: center;
    border: none;
    outline: none;
    cursor: pointer;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: normal;
    transition: .3s;
}

.cta_button:hover svg {
    margin-right: -5px;
    margin-left: 14px !important;
    opacity: 1 !important;
}

.header-container-wrapper .cta_button {
    padding: .5rem 0;
    width: 100%;
    max-width: 140px;
}

/* fix to remove background and padding for CTA Images */
a.cta_button.img{
    background: none !important;
    padding: 0 !important;
}
form ul {
    padding: 0;
    list-style: none;
}

button,
input[type='submit'],
.hs-button{
    -webkit-appearance: none;
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    padding: 1em 0;
    margin-top: 2rem;
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    width: auto;
    text-decoration: none !important;
    display: block;
    text-align: center;
    border: none;
    border-radius:  16px ;
  border-radius:  var( --border-radius) ;
    outline: none;
    cursor: pointer;
    font-weight: 500;
    -webkit-transition: .3s;
    -moz-transition:    .3s;
    -o-transition:      .3s;
    -ms-transition:     .3s;
    transition: .3s;
    font-family:  'Poppins', sans-serif ;
  font-family:  var( --font-family-title) ;
    font-size: 1.1428571428571428rem;
    min-width: 143px;
}
button:hover,
input[type='submit']:hover,
.hs-button:hover,
.cta_button:hover{
    color: #fff;
    background-color: #373737;
}

form button,
form input[type='submit'],
form .hs-button{
    padding: 1rem 3rem 1rem 2rem;
  border-radius: 0 50em 50em 0
}



input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
textarea,
select {
    padding: 1.04em 1.5em;
    border: 0;
    outline: 0;
    width: 100%;
    font-size: 17px;
    box-sizing:border-box;
    background-color:  transparent ;
  background-color:  var( --background-input) ;
    border-radius:  16px ;
  border-radius:  var( --border-radius) ;
    border: 1px solid  #dcdcdc ;
  border: 1px solid  var( --border-color-input) ;
  	font-family:  'Poppins', sans-serif ;
  font-family:  var( --font-family-body) ;
    color:  #5c5c5c ;
  color:  var( --color-input) ;
  	font-weight: normal;
}

input::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  position: absolute;
  right: 0;
}


.field.text.active input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.field.text.active textarea {
    padding-top: 1.5rem;
    padding-bottom: 0.6rem; 
}

textarea {
    resize: none;
    overflow: hidden;
}

.hs-fieldtype-select .input {
    position: relative;
}
.hs-fieldtype-select .input:before {
    content: "\e807";
    font-family: 'trustbuildericons';
    font-weight: 300;
    position: absolute;
    right: 20px;
    top: .8rem;
    font-size: 1.5rem;
    color: #8a8a8a;
    -webkit-transition: .3s;
    -moz-transition:    .3s;
    -o-transition:      .3s;
    -ms-transition:     .3s;
    transition: .3s;
}

.hs-fieldtype-select.focus .input:before{
     -webkit-transform:  rotateX(180deg); /* WebKit */
    -moz-transform: rotateX(180deg); /* Mozilla */
    -o-transform:  rotateX(180deg); /* Opera */
    -ms-transform:  rotateX(180deg); /* Internet Explorer */
    transform: rotateX(180deg);
}

select{
    min-height: 39px;
    -webkit-appearance: none;
}
select::-ms-expand {
    display: none;
}
select:focus {

}

input[type=checkbox],
input[type=checkbox]:checked:before{
    display: inline-block;
}
input[type=checkbox]{
    -webkit-appearance: none;
    display: inline-block;
    width: 20px !important;
    height: 20px;
    background-color:  transparent ;
  background-color:  var( --background-input) ;
    border: 1px solid  #dcdcdc ;
  border: 1px solid  var( --border-color-input) ;
    margin-bottom: -6px;
    margin-right: 15px;
    outline: none;
    cursor: pointer;
    transition: .4s;
    position: relative;
}

input[type=checkbox]:before{
    content: "";
    font-family: "trustbuildericons";
    width: 100%;
    height:100%;
    position: absolute;
    opacity: 0;
    transition: .4s;
    top: 0.00;
    left: 1px;
    font-size: 18px;
        
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-check fa-w-14 fa-2x'%3E%3Cpath d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z' class='' fill='%235c5c5c' %3E%3C/path%3E%3C/svg%3E");

}

.landing-page input[type=checkbox]:before{
        
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fal' data-icon='check' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-check fa-w-14 fa-2x'%3E%3Cpath d='M413.505 91.951L133.49 371.966l-98.995-98.995c-4.686-4.686-12.284-4.686-16.971 0L6.211 284.284c-4.686 4.686-4.686 12.284 0 16.971l118.794 118.794c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-11.314-11.314c-4.686-4.686-12.284-4.686-16.97 0z' class='' fill='%23ffffff' %3E%3C/path%3E%3C/svg%3E");

}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    margin-left: 38px !important;
}


input[type=checkbox]:checked{
    color: #0087d8;
}
input[type=checkbox]:checked:before{
    opacity: 1;
    color: #0087d8;
}

fieldset.form-columns-1 .input {
    margin-right: 0px !important;
}
fieldset.form-columns-1 .hs-input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
    width: 100%  !important;
}

.legal-consent-container {
    margin-top: 5px;
}

.legal-consent-container,
.legal-consent-container .hs-richtext{
    font-size:  12px;
    padding-top: 10px;
}
.legal-consent-container label{
    font-size: 1rem;
}
.legal-consent-container input[type=checkbox]:checked{ }
.legal-consent-container input[type=checkbox]:before{ }


input[type=radio],
input[type=radio]:checked:before{
    display: inline-block;
    border-radius: 50%;
}
input[type=radio]{
    -webkit-appearance: none;
    cursor:pointer;
    outline:none;
    width: 20px !important;
    height: 20px;
    background-color:  transparent ;
  background-color:  var( --background-input) ;
    margin: 0 .5rem 0 0;
    vertical-align: middle;
}
input[type=radio]:checked:before {
    content:"";
    width:10px;
    height:10px;
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    position:absolute;
    margin:5px;
}


.hs-form-required{
    color:  #FF1053 ;
  color:  var( --color-1) ;
}


.hs-form-field label {
    font-weight: 400;
    margin: 1rem 0 .4rem;
    display: inline-block;
}
.hs-form-field[class*=checkbox] label,
.hs-form-field[class*=select] label,
.hs-form-field .multi-container label {
    cursor: pointer;
}

.hs-form-checkbox {
    padding-left: 4em !important;
    text-indent: -2.8em !important;
}

.field {
    position: relative;
}
.field.text {
    margin-top: 2rem;
}
.field:not(.text) {
    margin-top: 1rem;
}

.field.text > label{
    position: absolute;
    top: 0;
    margin: .9rem 1.6rem;
    color:  #000000 ;
  color:  var( --color-element-text) ;
    font-size: 14px;
    cursor: initial;
    pointer-events: none;
    transition: .4s;
}
.field.text.active > label{
    top: -0.5rem;
    font-size: 11px;
    color: #009de0;
}

.field.text.active > label span {
     color: #009de0 !important;
}

.field.text:not(.active) > label span {
   color: #64646d !important;    
}

.field.text.error > label,
.field.text.error > label span {
    color: #d90303 !important;
}

/* animation to add space for label and reduce right before the send button */
.field.text {
    transition: .5s;
    margin-top: 10px;
}
/*.field.text.active {
    margin-top: 2rem;
}*/
.field.text.active ~ button,
.field.text.active ~ input[type='submit'],
.field.text.active ~ .hs-button {
    margin-top: 1rem;
}



ul.hs-error-msgs.inputs-list{
    padding: 0;
    margin: 0;
    list-style: none;
    display: none !important;
}
ul.hs-error-msgs.inputs-list label{
    display:block;
    margin: .2rem 0 .5rem;
    font-size: .9rem;
}

input.invalid,
input.error{
    border-color: red !important;
}

/** transparent fields **/
/* used on blog comment for example */
.transparent-fields input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
.transparent-fields textarea,
.transparent-fields select{
    background-color: transparent;
}
.transparent-fields button,
.transparent-fields input[type=submit]{
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    color:  #ffffff ;
  color:  var( --color-1-text) ;
}
.transparent-fields label,
.transparent-fields .field.text > label{
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}
.transparent-fields ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}
.transparent-fields ::-moz-placeholder { /* Firefox 19+ */
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}
.transparent-fields :-ms-input-placeholder { /* IE 10+ */
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}
.transparent-fields :-moz-placeholder { /* Firefox 18- */
    color:  #ffffff ;
  color:  var( --color-2-text) ;
}

.submit-button-right form .hs-recaptcha,
.submit-button-right form .actions{
    text-align: right;
}
.submit-button-right form .hs-recaptcha .grecaptcha-badge{
    display: inline-block;
}
.submit-button-right form button,
.submit-button-right form input[type=submit]{
    width: auto;
    display: inline-block;
    padding-left: 1rem;
    padding-right: 1rem;
}

/* Override Hubspot Built in Modules Styling */

/* Follow ME */

.fm_button span {
    background-image: none !important;
    font-family: 'trustbuildericons';
  	padding-top: 10px;
}
.fm_button span:before {
    font-weight: bold;
  	font-size: 1.5rem;
  	 color:  #5c5c5c ;
  color:  var( --color-body-text) ;
}

.fm_button.fm_rss span:before {
    content: "\f09e";
}

.fm_button.fm_twitter span:before {
    content: "\f099";
  	font-family: 'Font Awesome 5 Brands';
}

.fm_button.fm_facebook span:before {
    content: "\f39e";
    font-family: 'Font Awesome 5 Brands';
}

/* Post Filter */
.hs_cos_wrapper_type_post_filter a,
.hs_cos_wrapper_type_post_listing a {
    color:  #1b1315 ;
  color:  var( --color-4-text) ;
}

/* Social Sharing */

.hs_cos_wrapper_type_social_sharing img {
    display: none !important;
}

.hs_cos_wrapper_type_social_sharing img ~ span {
  	font-family: 'Font Awesome 5 Brands';	
    padding: 10px 15px 0 0;
}
.hs_cos_wrapper_type_social_sharing img ~ span:before {
  	font-weight: bold;
  	font-size: 1.5rem;
    color:  #5c5c5c ;
  color:  var( --color-body-text) ;
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on facebook"] ~ span:before {
    content: "\f39e";
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on linkedin"] ~ span:before {
    content: "\f0e1";
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on twitter"] ~ span:before {
    content: "\f099";
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on google_plus"] ~ span:before {
    content: "\f0d5";
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on pinterest"] ~ span:before {
    content: "\f231";
}

.hs_cos_wrapper_type_social_sharing img[alt="Share on email"] ~ span:before {
  	font-family: 'trustbuildericons';
    content: "\f0e0";
}

/* post listing */
.hs_cos_wrapper_type_rss_listing > h3 {
	margin-bottom: 15px;
}






/* LANDING PAGE */
.landing-page .header-container-wrapper .upper-menu-wrapper,
.landing-page .header-container .main-menu,
.landing-page .footer-container .footer1{
    display: none;
}


.hs-landing-page{
    background-color:  #ffffff ;
  background-color:  var( --color-body-landing) ;
}

.sidebar{
    
    border-radius: 8px;
    overflow: hidden;
    color: #fff;
}
body .sidebar .hs_cos_wrapper_type_linked_image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
    padding: 0 !important;
    /*background-image: linear-gradient(to bottom, #000000, #000000b3 98%);*/
    overflow: hidden;
    border-radius: 8px;
}
.sidebar .hs_cos_wrapper_type_linked_image img {
    margin-left: -50%;
    position:absolute;
    left:50%;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: -1;
    
    width: auto !important;
    height: auto !important;
    display: block;
    min-height: 100%;
    min-width: 100% ;
    max-width: 100000% !important;
    max-height: 100000% !important;
}
body .sidebar .hs_cos_wrapper_type_linked_image:after{
    content:"";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    /*background-color: #000;
    opacity: .7;*/
  background-color: #F2F2F2;
}

.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6,
.sidebar a,
.sidebar label,
.sidebar input:not([type="submit"]),
.sidebar span{
    color:#000;   
}

.sidebar h3 {
     font-size: 2.2857142857142856rem;
}

.sidebar input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), 
.sidebar textarea, 
.sidebar select,
.sidebar .field.text>label,
.sidebar .field.text>label span {
    color: #000 !important;
}

.hs-landing-page .sidebar{
    margin-top: 3rem;
    max-width: 340px;
    margin-right: auto;
    margin-left: auto;
       
}

.hs-landing-page .sidebar .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget>.hs_cos_wrapper_widget {
    padding-right:2.857142857142857rem;
    padding-left:2.857142857142857rem;
}

.sidebar{
  position:relative;
}
.sidebar .hs_cos_wrapper_type_linked_image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
}

.left-content .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget > .hs_cos_wrapper_widget {
    padding-top: 2rem;
}


/* Project changes */



 
.body-container-wrapper{
    
    padding-top: 100px;
    
    position: relative;
}

.footer-container-wrapper{
    background-color:  #ffffff ;
  background-color:  var( --background-footer) ;
    color:  #5c5c5c ;
  color:  var( --color-footer-text) ;
}
.footer-container{
    font-size: 14px;
    line-height: 1.71;
}

.footer-container .footer2 .page-center {
    width:  1419px ;
  width:  var( --page-width2) ;
}

@media(min-width: 1025px) {

  .footer-container .footer2 .page-center > div {
      padding: 0 15px 0 4px;
  }
  
  .footer-container .footer-menu {
      margin-left: -3px !important;
  }
  
  .footer-container .footer-menu-second {
      padding-left: 1rem;
  }
}

.footer-container .hs-menu-wrapper > ul > li {
    padding: 7px 0;
}

.footer-container a {
    color:  #5c5c5c ;
  color:  var( --color-footer-text) ;
}

.footer-container .hs-menu-wrapper > ul > li > a {
    font-weight:600;
    font-family:  'Poppins', sans-serif ;
  font-family:  var( --font-family-title) ;
    font-size: 1.2142857142857142rem;
    color: #000000;
}

.footer-container .footer1 .widget-type-text{
    color:  #ffffff ;
  color:  var( --color-2-title) ;
    font-size: 14px;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.footer-container .footer1 {
    padding-top: 6.5rem;
    padding-bottom: 6.571428571428571rem;
}
}

.footer-container .footer1 p{
    margin-top: 0;
    margin-bottom: 1rem;
}

.footer-container .footer2 {
    border-top: 1px solid #e5e8ed;
    padding: 13px 0 2.5rem;
    font-size: 1.0rem;;
}

.footer-container .footer2 .page-center > div > div {
    display: flex;
    align-items: center;
}

.footer-container .footer2 .page-center > div > div > div:last-child {
    text-align: right;
}

.footer-container .cta_button {
    background:  #FF1053 ;
  background:  var( --color-1) ;
    background-repeat: no-repeat;
    border-radius: 3.125rem 3.125rem 3.125rem 3.125rem;
    outline: 0;
    transition: background .3s ease-in-out,color .3s ease-in-out,box-shadow .3s ease-in-out;
    box-shadow: 0.125rem 0.125rem 0.75rem rgba(0,0,0,.16);
    padding: .625rem 1.5625rem;
    font-size: 1rem;
}

@media(min-width:1025px) {
  .footer-subscribe > div {
      max-width: 263px;
  }
}

@media(max-width:767px) {
  .footer-container .footer2 .page-center>div>div {
    flex-wrap: wrap;
}
  .footer-container .footer2 .page-center>div>div>div {
      width: 100%;
      text-align: center !important;
  }
  .footer-container .footer2 .page-center>div>div .bottom-center-menu {
          order: 1;
    border-bottom: 1px solid #e5e8ed;
    padding-bottom: 1rem;
  }
  
   .footer-container .footer2 .page-center>div>div>div:first-child{
      order: 2;
  }  
  
  .footer-container .footer2 .page-center>div>div>div:last-child {
    order: 3;
}
  
 
  
}

@media(max-width:767px) and (min-width: 480px) {

  .footer-container .footer1 {
        padding-right: 3rem;
      padding-left: 3rem;
  }
   .footer-menu > div > div {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }
  .footer-menu > div > div > div {
      width: 49% !important;
  }
}

/** Common header **/

.header-container-wrapper{
    width: 100%;
    z-index: 9999;
    
    position: fixed;
    top:0;
    margin-top: 0 !important;
    transform: translateY(0) !important;
    background-color:  #ffffff ;
  background-color:  var( --background-header) ;
    color:  #686a6c ;
  color:  var( --color-header-text) ;
    border-bottom: 1px solid #e5e8ed;
}

.header-container-wrapper .header-container{
     -webkit-box-shadow: 0px 0px 3px 0px rgba(229, 232, 237,0.75);
    -moz-box-shadow: 0px 0px 3px 0px rgba(229, 232, 237,0.75);
    box-shadow: 0px 0px 3px 0px rgba(229, 232, 237,0.75);
}

.header-container-wrapper.scroll {
    background-color: #ffffff;
    /*position: fixed;*/
    transition: .5s transform;
    margin-top: -80px;
    -webkit-transform:  translateY(80px); /* WebKit */
    -moz-transform: translateY(80px); /* Mozilla */
    -o-transform:  translateY(80px); /* Opera */
    -ms-transform:  translateY(80px); /* Internet Explorer */
    transform: translateY(80px);
}

.header-container-wrapper.scroll .upper-menu-wrapper {
    display: none;
}

.header-container-wrapper .upper-menu-wrapper {
    padding-top: 1rem;
}

.header-container-wrapper .upper-menu-wrapper .hs-menu-wrapper>ul>li:last-child { 
    border-left: 1px solid;
    padding-left: 1.5rem;
}

.header-container .page-center{
    position:relative;
}

.header-container .widget-type-logo{
    padding: 0;
    margin: 20px 0 5px;
}

.header-container-wrapper .hs-menu-wrapper > ul > li > a,
.hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>ul.hs-menu-children-wrapper.dflex>li>a {
    font-weight:400;
    position: relative;
    font-family:  'Poppins', sans-serif ;
  font-family:  var( --font-family-title) ;
}

/** MOBILE MENU **/
@media(max-width: 1024px){
    .mobile_trigger{
        position: absolute;
        right: 12px;
        top: 38%;
        top: calc(33% - 1rem);
        font-size: 2rem;
        cursor: pointer;
        padding: 0;
        color:  #ffffff ;
  color:  var( --color-1-text) ;
        background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
        border-radius: 4px;
        z-index: 99999;
        width: 50px;
        height: 50px;
        text-align: center;
    }
  
    .menu_active .mobile_trigger {
        background-color: #000000;
    }
  
    .menu_active .mobile_trigger:hover {
        background-color: #5C5C5C;
    }
  
    
    .mobile_trigger span:before{ 
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        width: 20px;
        height: 28px;
        vertical-align: middle;
        
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='bars' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' class='svg-inline--fa fa-bars fa-w-14 fa-2x'%3E%3Cpath fill='%23ffffff' d='M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z' class=''%3E%3C/path%3E%3C/svg%3E");
        
            
    }
    .menu_active .mobile_trigger span:before{
        width: 20px;
        height: 28px;
        top: -3px;
        position: relative;
        left: 2px;
        background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='far' data-icon='times' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' class='svg-inline--fa fa-times fa-w-10 fa-2x'%3E%3Cpath fill='%23ffffff' d='M207.6 256l107.72-107.72c6.23-6.23 6.23-16.34 0-22.58l-25.03-25.03c-6.23-6.23-16.34-6.23-22.58 0L160 208.4 52.28 100.68c-6.23-6.23-16.34-6.23-22.58 0L4.68 125.7c-6.23 6.23-6.23 16.34 0 22.58L112.4 256 4.68 363.72c-6.23 6.23-6.23 16.34 0 22.58l25.03 25.03c6.23 6.23 16.34 6.23 22.58 0L160 303.6l107.72 107.72c6.23 6.23 16.34 6.23 22.58 0l25.03-25.03c6.23-6.23 6.23-16.34 0-22.58L207.6 256z' class=''%3E%3C/path%3E%3C/svg%3E");
    }
  
    .mobile_menu_children span:before {
         font-family: 'trustbuildericons';
        /* position: absolute; */
        right: 9px;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        color: #000;
        z-index: 9;
        content: "\e807";
        top: -13px;
        transition: all ease-in-out .3s;
        font-size: 10px;
    }
  
    .header-container .page-center {
       padding: 5.5px 1.5rem;
    }
    .header-container-wrapper .hs-menu-wrapper {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100vh;
        overflow-y: auto;
        width: 100%;
        display: inline-block;
            padding: 1rem 0 2rem;
        -webkit-transform: translateX(100%); /* WebKit */
        -moz-transform:translateX(100%); /* Mozilla */
        -o-transform:  translateX(100%); /* Opera */
        -ms-transform:  translateX(100%); /* Internet Explorer */
        transform: translateX(100%);
        -webkit-transition: transform .5s;
        transition: transform .5s;
        z-index: 99999;
        background: #fff;
        margin-top: 64px;
        border-top: 1px solid #e5e8ed;
    }
    body.menu_active .header-container-wrapper .hs-menu-wrapper {
         -webkit-transform: translateX(0); /* WebKit */
        -moz-transform:translateX(0); /* Mozilla */
        -o-transform:  translateX(0); /* Opera */
        -ms-transform:  translateX(0); /* Internet Explorer */
        transform: translateX(0);
    }
    body.menu_active .header-container-wrapper:after {
        position: fixed;
        content: "";
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.5);
        z-index: 9999;
        transition: 0.000001s;
        pointer-events: none;
        cursor: close;
    }
  
  .header-container-wrapper .page-center {
    position: relative;
    z-index: 99999;
    background: #ffffff;
  }
  
  .header-container-wrapper .hs_cos_wrapper_type_logo img {
        max-height: 100%;
        width: 170px !important;
        max-width: 100%;
   }
  
    .header-container-wrapper .hs-menu-wrapper > ul li{
        display: block;
        position: relative;
    }
  
    .header-container-wrapper .hs-menu-wrapper > ul > li  > ul  > li:not(.hs-menu-depth-3){
        padding-right: 2rem;
        padding-left: 2rem;
    }
  
    .header-container-wrapper .hs-menu-wrapper > ul li i{ 
        display: none;
    }
  
    .header-container-wrapper .hs-menu-wrapper > ul li ul li .mobile_menu_children { 
        margin-left: 10px;
        display: inline-block;
        top: 4px;
    }
  
  .header-container-wrapper .child-open.hs-menu-depth-1 > .mobile_menu_children {
    top: -8px !important;
}
  
.header-container-wrapper .child-open > .mobile_menu_children {
    -ms-transform: rotate(360deg) !important;
    transform: rotate(360deg) !important;
    top: -1px !important;
}
  

    .header-container-wrapper .hs-menu-wrapper > ul li a{
            font-size: 20px;
        padding: 0 0 .5em;
        color: #686A6C;
            padding-right: 2rem;
    padding-left: 2rem;
    }
    .header-container-wrapper .hs-menu-wrapper > ul li:hover > a,
    .header-container-wrapper .hs-menu-wrapper > ul li:focus > a,
    .header-container-wrapper .hs-menu-wrapper > ul li > a:focus,
    .header-container-wrapper .hs-menu-wrapper > ul li.active > a{
        color: #000000;
        text-decoration: none;
    }
  
    .header-container-wrapper .hs-menu-wrapper > ul > li {
        border-bottom: 1px solid rgba(255,255,255,0.5);
        padding-top: 12px;
            display: flex;
    align-items: center;
    flex-wrap: wrap;
    }
    

  .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:last-child  {
    justify-content: flex-end;
    padding-right: 1rem;
    border-top: 1px solid #E5E8ED;
      padding-top: 1rem !important;
    padding-right: 20px !important;
  }
  
    
  
    .header-container-wrapper .hs-menu-wrapper .mobile_menu_children {
        top: -3px;
        position: relative;
        display: block;
            -ms-transform: rotate(180deg);
        transform: rotate(180deg);
            transition: all ease-in-out .3s;
        margin-left: -16px;
    }


    .header-container-wrapper .upper-menu-wrapper {
        display: none;
    }

    /* submenus */
    
    .header-container-wrapper .hs-menu-wrapper > ul li ul{
        margin-left: 1rem;
    }
    .header-container-wrapper .hs-menu-wrapper > ul li.hs-item-has-children ul {
        height: 0;
        overflow: hidden;
        width: 100%;
        margin-left: 0;
        display: block;
            background-color: #f5f5f5;
    }
  
    .header-container-wrapper .hs-menu-wrapper > ul li.hs-item-has-children ul.grand-child-open { 
        height: auto !important;
    }
  
     .header-container-wrapper .hs-menu-wrapper ul.hs-menu-children-wrapper li a {
        line-height: 1.88;
        font-weight: normal;
        font-size: 16px;
        text-transform: none;
        padding: .5rem 0 .5rem;
    }

}


    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:last-child {
        height: auto;
        padding: 0;
        justify-self: flex-end;
        margin-left: auto;
    }
    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:last-child>a {
        background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
        color:  #ffffff ;
  color:  var( --color-1-text) ;
        text-decoration: none !important;
        display: block;
        background-repeat: no-repeat;
        border-radius: 4px;
        outline: 0;
        transition: background .3s ease-in-out,color .3s ease-in-out;
        border: none;
        padding:.79rem 1.94rem;
        display: flex;
        align-items: center;
    }
    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:last-child>a svg {
      width: 20px;
      height: 20px;
      margin-left: 7px;
      opacity: 0.4;
    }
  
    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:last-child>a:hover {
        background-color: #373737;
    }
  
    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:last-child>a:after {
        display: none;
    } 
    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li:last-child>a:hover svg {
        opacity: 1;
            margin-left: 10px;
    margin-right: -3px;
    } 
    

/* desktop HEADER */



@media(min-width: 1025px){
    .mobile_trigger,
    .header-container-wrapper .main-menu .lang-switcher-wrapper,
    .header-container-wrapper .main-menu .cm-search { display: none; }
    
    .header-container-wrapper{
        
        box-shadow: none;
    }

    .header-container .page-center {
        width:  1419px ;
  width:  var( --page-width2) ;
        max-width: 100%;
        padding: 0 4px 0 1rem;
    }

    .header-container-wrapper.scroll .page-center{
        border: none;
    }
  
    .header-container-wrapper .mobile_menu_children {
        display: none;
    }

    
  
  	

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li.hs-item-has-children:hover:before {
        content: "";
        bottom: -6.93px;
        background-image: url("https://7147591.fs1.hubspotusercontent-na1.net/hubfs/7147591/arrow-up.png");
        height: 20px;
        width: 20px;
        position: absolute;
        z-index: 9999;
        background-size: cover;
        right: 0;
        left: 18px;
    }
  
  
    /* menu centered vertically */
    .header-container .hs_cos_wrapper_widget,
    .header-container .hs_cos_wrapper_widget,
    .header-container .hs-menu-wrapper {
        height: 100%;
        display: block;
    }
  
    .header-container .hs-menu-wrapper {
        height: 100% !important;
    }


    .hs-menu-wrapper.hs-menu-flow-horizontal > ul{
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
               display: flex;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
            -webkit-box-pack: start;
               -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li{
      position: relative;
          padding: 1.54rem 0;
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li:not(:last-child) > a{
        padding-right: 1.8rem;
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children:not(:last-child){
            margin-right: 1rem;
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li>a{
        color:  #686a6c ;
  color:  var( --color-header-text) ;
        font-size: 14px;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
               display: flex;
        -webkit-box-align: center;
           -ms-flex-align: center;
              align-items: center;
    }

  	.header-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children>a {
        position: relative;
  	}    
  	.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after {
        font-family: 'trustbuildericons';
        position: absolute;
        right: 9px;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        color: #000;
        z-index: 9;
        content: "\e807";
        top: 2px;
        transition: all ease-in-out .3s;
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        font-size: 10px;
    }
    
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children:hover > a:after {
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
    .header-container-wrapper .hs-menu-wrapper>ul>li.active >a,
    .header-container-wrapper .hs-menu-wrapper>ul>li>a:hover {
        text-decoration: none;
    }
  
    

    .header-container-wrapper .main-menu .hs-menu-wrapper>ul>li>a {
        padding-bottom: 0;
    } 

    

    .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>ul.hs-menu-children-wrapper {
        padding: 2rem 1.5rem;
    }
  
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>ul.hs-menu-children-wrapper.dflex {
        width: 58vw;
        padding: 20px 20px 2rem;
        margin-left: -100% !important;
    }
  
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>ul.hs-menu-children-wrapper.dflex>li>a {
        font-size: 19px;
        color: #000;
        line-height: 1.89;
    }
  
   .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>ul.hs-menu-children-wrapper.dflex:after {
        position: absolute;
        content: "";
        width: 129px;
        height: 160px;
        border-radius: 161px;
        border: dotted 3px #fdd32d;
        left: 25%;
        bottom: -80px;
    }
  
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>ul.hs-menu-children-wrapper li.hs-item-has-children {
        min-width: 33% !important;
    }
  
    .menu_hover{ position: relative; }
    .menu_hover:before {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.3);
        z-index: 2;
    }
  

    /* submenu */
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li:hover > a {
        color: #000000;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:hover > ul.hs-menu-children-wrapper,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:focus > ul.hs-menu-children-wrapper {
        pointer-events: auto;
        opacity: 1;
            border-top-right-radius: 0px;
    border-top-left-radius: 0px;j
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper {}
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper {
        position: absolute;
        min-width: 270px;
        height: auto !important;
        background-color:  #ffffff ;
  background-color:  var( --color-1-text) ;
        top: 101%;
        margin-left: -10px;
        opacity: 0;
        pointer-events: none;
        border-radius: 3px;
        overflow: hidden;
        margin-left: -2rem;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li ul.hs-menu-children-wrapper li {
        display: block;
      	position: relative;
    }    
    .hs-menu-wrapper ul li ul.hs-menu-children-wrapper li a {
        display: block;
        color:#5c5c5c;
        padding: 11px 1em;
        line-height: 2;
        font-weight: normal;
        font-size: 15px;
        text-transform: none;
      	position: relative;
    }
    .hs-menu-wrapper ul li ul.hs-menu-children-wrapper li:hover > a,
    .hs-menu-wrapper ul li ul.hs-menu-children-wrapper li.active > a {
        color:  #FF1053 ;
  color:  var( --color-1) ;
    }

    /** second submenu level **/
    .hs-menu-wrapper.hs-menu-flow-horizontal ul li > ul.hs-menu-children-wrapper li ul.hs-menu-children-wrapper {
        height: auto !important;
    }

}


@media(min-width: 1200px){
  .header-container-wrapper .hs-menu-wrapper>ul>li>a {
      font-size: 16px;
  }
  
  .header-container-wrapper .hs-menu-wrapper>ul>li.hs-item-has-children:not(:last-child){
            margin-right: 2.3rem;
    }
  
   .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>ul.hs-menu-children-wrapper.dflex {
        width: 803px;
        padding: 3rem 6.2rem 2rem;
    }
  
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > a:after {
        top: 6px;
    }
}

/** sections **/
.section.fullscreen {  
    position: relative;
    width: 100vw;
    margin-left: -50vw !important;
    left: 50%;
}

.section.nopadding { padding:0; }


/** default widgets inside flex columns centered as if they had .page-center **/
.hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget > .hs_cos_wrapper_widget {
    display:block; 
    width:  1003px ;
  width:  var( --page-width) ;
    width: calc( 1003px + (3.5rem * 2) );
    width: calc( var( --page-width ) + (var( --padding-section ) * 2) );
    margin: auto;
    max-width: 100%;
    padding-top:  3.5rem ;
  padding-top:  var( --padding-section) ;
    padding-bottom:  3.5rem ;
  padding-bottom:  var( --padding-section) ;
    padding-left:  3.5rem ;
  padding-left:  var( --padding-section) ;
    padding-right:  3.5rem ;
  padding-right:  var( --padding-section) ;
}

@media(max-width: 767px) {
  .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget > .hs_cos_wrapper_widget.hs_cos_wrapper_type_rich_text {
    padding: 0;
  }
  .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget > .hs_cos_wrapper_widget:not(.hs_cos_wrapper_type_rich_text) {
    padding: calc(3.5rem * 0.75);
  }
  .hs-landing-page .sidebar .hs_cos_wrapper_type_widget_container .hs_cos_wrapper_widget>.hs_cos_wrapper_widget {
      padding-right: 20px;
      padding-left: 20px;
  }
}

/*** BLOG ***/
/*body.hs-blog-listing,*/
body.hs-blog-post {
    background-color:#ffffff;
}

.total-counter-wrapper { display: none !important; }

/* topics */
a.topic-link {
    color:  #FF1053 ;
  color:  var( --color-1) ;
    padding: .5em 0.5em;
    font-weight: 500;
    transition: .4s;
    text-transform: uppercase;
}
a.topic-link:first-child {
    padding-left: 0;
}
a.topic-link:hover {}


/** listing **/

.hero-blog .page-center,
.ready-for-a-demo .page-center{
    width:  1419px ;
  width:  var( --page-width2) ;
    position: relative;
}

.hs-blog-listing:not(.blog-three-columns) .blog-listing-wrapper {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: .7rem;
    padding-bottom: 2rem;
}

.hs-blog-listing .blog-listing-wrapper.blog-listing-simple {
    grid-template-columns: 1fr;
    padding-bottom: 5rem;
}

.hs-blog-listing .blog-listing-wrapper > [class*="span"],
.hs-blog-listing .blog-listing-wrapper .post-listing > [class*="span"] {
}

.hs-blog-listing .post-listing,
.post-listing {
    width: 100%;
    grid-gap: 2.2142857142857144rem;
  	padding-bottom: 4.285714285714286rem;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.hs-blog-listing:not(.blog-three-columns) .post-listing {
    grid-template-columns: repeat(auto-fill, minmax(320px,1fr));
}

.hs-blog-listing.blog-three-columns .post-listing,
.post-listing{
    grid-template-columns: repeat(auto-fill, minmax(313px,1fr));
}


.related-article-and-newsletter .post-item .hs-featured-image-link,
.hs-blog-listing .post-item .hs-featured-image-link {
    display: block;
    width: 100%;
    height: 172.7px;
    position: relative;
}
.related-article-and-newsletter .post-item .hs-featured-image-link img,
.hs-blog-listing .post-item .hs-featured-image-link img{
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.hs-blog-listing .post-item .total-counter-wrapper.loaded {
    position: absolute;
    bottom: 0;
    right: 2rem;
    width: 73px;
    height: 73px;
    margin-bottom: -35px;
    text-align: center;
    font-size: .578rem;
    line-height: 1.18em;
    font-weight: bold;
    background-color:  #ffffff ;
  background-color:  var( --background-element) ;
    color:  #000000 ;
  color:  var( --color-element-text) ;
    border-radius:50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
           display: flex;
     -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -ms-flex-direction: column;
      flex-direction: column;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.post-item .related-post-title-body,
.hs-blog-listing .post-item .post-body {
    padding: 1.7142857142857142rem 2.142857142857143rem 2rem;
    font-size: 14px;
    line-height: 1.71;
    color: #5c5c5c;
}


.hs-blog-listing .post-item .post-body h2.post-title,
.hs-blog-listing .post-item .post-body h2.post-title a,
body .post-item.ele-with-background.related-post-item h2.related-post-title,
body .post-item.ele-with-background.related-post-item h2.related-post-title a {
    color:  #000000 ;
  color:  var( --color-body-title) ;
    transition:.4s;
}
.hs-blog-listing .post-item .post-body h2.post-title:hover,
.hs-blog-listing .post-item .post-body h2.post-title:focus,
.hs-blog-listing .post-item .post-body h2.post-title a:hover,
.hs-blog-listing .post-item .post-body h2.post-title a:focus,
body .post-item.ele-with-background.related-post-item h2.related-post-title a:hover,
body .post-item.ele-with-background.related-post-item h2.related-post-title a:focus{
    color:  #FF1053 ;
  color:  var( --color-1) ;
}
.sidebar .widget {
    padding: 2rem;
    margin-bottom: 1rem;
}
.hs-blog-post .widget,
.post-listing .widget {
    padding: 2.142857142857143rem;
}

.hs-blog-post .widget {
    margin-bottom: 0;
}

.blog-posts-newsletter {
    width: 100%;
    padding-bottom: 4rem;
    grid-template-columns: 2.05fr 1fr;
    grid-gap: 1rem;
    -webkit-box-pack: center;
       -ms-flex-pack: center;
     justify-content: center;
}

.blog-posts-newsletter .widget {
    padding: 2em;
    margin-bottom: 1rem;
}


.newsletter-title {
    color: #fff;
    font-size: 2.2857142857142856rem;
    line-height: 1.13;
}

.related-article-mainwrap {
    background-color: #f5f5f5;
    padding-top: 6.428571428571429rem;
     padding-bottom: 7.214285714285714rem;
}

@media(max-width:1024px) {

  .related-article-mainwrap {
      padding-top: 2rem;
       padding-bottom: 2rem;
  }
}

.related-article-and-newsletter {
    padding-top: 4.071428571428571rem;
    padding-bottom: 0;
}

.related-article-and-newsletter .post-body {
      margin-bottom: 0 !important;
}


/* Listing Simple */
.post-listing-simple {
    padding: 2rem;
    margin-bottom: 2rem;
    background-color:  #f5f5f5 ;
  background-color:  var( --color-body-blog) ;
}
.post-listing-simple-item {
        padding-bottom: 2rem;
    border-bottom: 1px solid gainsboro;
    margin-bottom: 2rem;
}
.post-listing-simple-item p {
    margin-top: 6px;
    margin-bottom: 5px;
}

.post-listing-simple-title a {
    color:  #5c5c5c ;
  color:  var( --color-body-text) ;
}

.post-listing-simple-item a.more-link {
    font-weight: 500;
    font-size: 1rem;
}


 @media(max-width: 1024px) {
      .hs-blog-listing .blog-listing-wrapper > [class*="span"],
      .hs-blog-listing .blog-listing-wrapper .post-listing > [class*="span"],
      .post-listing > [class*="span"] {
          width: 100%;
          margin-left: 0;
      }
   
   .hs-blog-post .hero-blog .bg_image_fit {
      display: none;
   }
   
   .hs-blog-post .hero-content {
      padding-top: 0;
   }

  }


  html:not(.no-objectfit) .hs-blog-listing .blog-listing-wrapper > [class*="span"],
  html:not(.no-objectfit) .hs-blog-listing .blog-listing-wrapper .post-listing > [class*="span"],
  html:not(.no-objectfit) .post-listing > [class*="span"],
  html:not(.no-objectfit) .blog-posts-newsletter .widget {
      width: 100%;
      margin-left: 0;
  }
  
  
  @media(max-width: 1024px){
      .hs-blog-listing .post-listing,
      .post-listing:not(.related-article-and-newsletter) {
          grid-template-columns: 2fr;
      }
  }
  @media(max-width: 1024px) and (min-width: 769px){
      .hs-blog-listing.blog-three-columns .post-listing {
          grid-template-columns: repeat(2, minmax(268px,1fr) );
          grid-template-areas: "content sidebar";
      }
      .post-listing .widget.blog-newsletter-form {
          grid-area: sidebar;
      }
  }
  @media(max-width: 767px) {
      .hs-blog-listing:not(.blog-three-columns) .blog-listing-wrapper,
      .hs-blog-listing.blog-three-columns .post-listing{
          grid-template-columns: minmax(268px,400px) !important;
          grid-template-areas: initial;
          justify-content: center;
      }
    
      .blog-posts-newsletter {
          grid-template-columns: 1fr;
      }
    
      .hs-blog-post .widget,
      .post-listing .widget {
          padding: 2em;
      }
    
      
    
      

  }



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
    .hs-blog-listing .post-listing,
    .post-listing {
        justify-content: space-between;  
    }
    .hs-blog-listing .blog-listing-wrapper > [class*='span'], 
    .hs-blog-listing .blog-listing-wrapper .post-listing > [class*='span'] {
        margin-left: 0;
        margin-bottom: 1.6rem
    }
    
}

@media (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
  .blog-posts-newsletter .widget {
     width: 100% !important;
  }
  
  .hs-blog-listing .post-listing,
  .post-listing {
      max-width: 400px;
      margin: 0 auto;
  }
    
}




/** popular posts **/

.blog-popular-posts .popular-posts-title {
    font-size: 1.5rem;
    color: #ff4a3e;
    line-height: 1.43;
    margin-bottom: 2.0rem;
}

.popular-posts {
    list-style: none;
    padding: 0.00;
    margin: 0.00;
}

.popular-posts .popular-post {
    padding-left: 0;
    text-indent: 0;  
}

.popular-posts .popular-post:not(:last-child) {
    margin-bottom: 1.5rem;
}

.popular-posts .popular-post:before {
    display: none;
}

.popular-posts .popular-post > a {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;

}
.popular-posts .popular-post .popular-image {
    margin-right: 15px;
    margin-top: 5px;
}
.popular-posts .popular-post .popular-image img{
    width: 80px;
    height: 80px;
   -o-object-fit: cover;
      object-fit: cover;
    border-radius: 5px;
}

.no-object-fit .popular-posts .popular-post .popular-image {
  display: block;
  width: 64px;
  height: 64px;
  background-size: cover;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
    .popular-posts .popular-post .popular-image {
        display: block;
        width: 64px;
        height: 64px;
        background-size: cover;
    }
}

.popular-posts .popular-post .popular-post-content {
    display: inline-block;
    width: calc(100% - 100px);
}

.popular-posts .popular-post .popular-post-content .pop-title {
  line-height: 1.41;
    font-size: 17px;
}


.popular-posts .popular-post .popular-post-content h4 a {
    color:  #000000 !important;
  color:  var( --color-body-title) !important;
    transition: .4s;
    line-height: 1.41;
}
.popular-posts .popular-post .popular-post-content h4 a:hover,
.popular-posts .popular-post .popular-post-content h4 a:focus{
    color:  #FF1053 !important;
  color:  var( --color-1) !important;
}

/* Newsletter */
.blog-newsletter-form {
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    color:  #ffffff ;
  color:  var( --color-1-text) ;
}

.blog-newsletter-form .h2 { 
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    padding-bottom: 1rem;
}

.blog-newsletter-form .h2:after {
    content: none;
}

.blog-newsletter-form form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), .blog-newsletter-form textarea, .blog-newsletter-form select {
    background: transparent;
    border: 1px solid #ffffff ;
  border: 1px solid var( --color-1-text) ;
    color:  #ffffff  !important;
  color:  var( --color-1-text)  !important;
}

.blog-newsletter-form form input[type="submit"],
.blog-newsletter-form form .hs-button{
    background-color:  #000000 ;
  background-color:  var( --color-2) ;
    border: 1px dashed transparent;
    color: #fff;
    transition: .4s,
}
.blog-newsletter-form form input[type="submit"]:hover,
.blog-newsletter-form form input[type="submit"]:focus,
.blog-newsletter-form form .hs-button:hover,
.blog-newsletter-form form .hs-button:focus{
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    border-color:  #000000 ;
  border-color:  var( --color-2) ;
    color: #000;
}

.blog-newsletter-form form .field.text > label,
.blog-newsletter-form form .field.text > label span{
    color:  #ffffff  !important;
  color:  var( --color-1-text)  !important;
}


/* pagination */
.blog-pagination {
    text-align: center;
    padding-bottom: 4.285714285714286rem;
}
.blog-pagination ul{
    list-style:none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}
.blog-pagination ul li{
    width:auto;
    height: auto;
    border-radius: initial;
    display: inline-block;
    margin: 0 7px;
    padding: 0;
    text-indent: 0 !important;
}
.blog-pagination ul li:before{
    display: none;
}
.blog-pagination ul li a{
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: solid 1px #c1c1c1;
    line-height: 50px;
    font-size: 16px;
    text-align: center;
    background-color: #fff;
    color: #000;
    font-weight: bold;
}
.blog-pagination ul li a:hover,
.blog-pagination ul li a:focus,
.blog-pagination ul li.active a{
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    color: #fff;
    border: none;
}


/** post **/
.hs-blog-post .blog-section {
    margin-bottom: 2rem;
}

@media(max-width:1024px) {
	.hs-blog-post .blog-section {		
        max-width: 640px;
    		margin: 0 auto;
	}
}

.hs-blog-post .hero-blog .page-center .hero-content,
.hs-blog-post .blog-post-wrapper {
    width: 640px;
    max-width: 100%;
    margin: auto;
}

.hs-blog-post .post-body {
    margin-bottom: 5.55rem;
    max-width: 100%;
    line-height: 2rem;
}


.blog-comments-wrapper .page-center {
    max-width: 850px;
    margin: 0 auto;
}

.blog-comments-wrapper .page-center .section.post-footer > div:nth-child(2) h2 {
    margin-top: 5rem;
}

.blog-comments-wrapper .page-center .section.post-footer h2 {
    margin-bottom: 2rem;
}

.blog-comments-wrapper .page-center .comment {
    padding-top: 2rem;
}


/* author */
.about-author-sec-wrapper {
  border-top: 1px solid #e5e8ed;
}

.about-author-sec-wrapper .row-fluid {
    max-width: 820px;
    margin: 0 auto;
}

.about-author-sec {
    margin: 0 auto;
    padding: 4.5rem 2rem 5rem;
}
.author-image {
    padding-right: 2rem;
    display: inline-block;
    vertical-align: top;
}
.author-image img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.bio{
    margin-top: 2.7rem;
    font-size: 14px;
    line-height: 2;
}
a.author-link{
    font-family: Paralucent;
    font-size: 1.2857142857142858rem;
    font-weight: 500;
    line-height: 1.67;
    color: #000000;
}
.author-content h2 {
   margin: 0;
}

.author-content p {
   margin-top: 5px;
   margin-bottom: 5px;
}

p.author-position {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
}

.author-content .author-written-by {
    margin-bottom: 0;
}
.author-content .author-link {
    margin-top: .5rem;
    display: inline-block;
    color:  #000000 ;
  color:  var( --color-2) ;
}
.hs-author-social-links a {
    width: 12px;
    height: 12px;
    text-align: center;
    line-height: 1.5rem;
    display: inline-block;
    color: rgba(0, 0, 0,0.5);
    margin-right: 9px;
}
.hs-author-social-links img,
.hs-author-social-links svg {
	width: 1rem;
    height: auto;
    vertical-align: text-bottom;
    transition: .4s;
}

.hs-author-social-links a.hs-social-facebook svg {
    width: 19px;
    height: 15px;
}

.hs-author-social-links a:hover svg {
    fill: #ff4a3e;
}

.hs-author-profile {
    padding: 2rem 2rem;
}

.hs-author-avatar {
     padding-bottom: 1rem;
}

.hs-author-bio {
    margin-bottom: 1em;
}

.hs-author-social-label {
    display: block;
    padding-bottom: 10px;
}

@media(max-width:1024px) {
  .about-author-sec {
      padding: 2rem 0;
  }
}

/* System Page */

.system-page .body-container {
    margin-top: 72px;
    background-color: #f5f5f5;
    background-image: url();
    background-size: cover;
    background-position: center center;
}

.system-page h1 {
    font-size: 2rem;
}

.system-page form h3 {
    font-size: 1rem;
    padding-bottom: 10px;
}

.system-page form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]) {
    width: 100% !important;
    height: auto !important;
}

.system-page .system-form .bg_body {
    margin: 2rem auto;
    float: none;
    padding: 3em;
    max-width: 650px;
    background:  #ffffff;
    border-radius: 5px;
}

.system-page .system-form input:not([type="checkbox"]):not([type="radio"]) {
    height: auto !important;
}

.system-page .system-error h1 {
    font-size: 10rem;
    margin-bottom: 0;
    line-height: normal;
}

.system-page .system-padding {
    padding: 4rem 0;
}


.system-page .system-page-search .hs-search-field__bar {
    max-width: 600px;
    margin: 0 auto;
}
.system-page .system-page-search input[type="text"] {
    background: #ffffff;
    width: 80% !important;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.system-page .system-page-search button[type="submit"] {
    display: none
}

.system-page .system-page-search .cm-search .hs-search-field__suggestions * {
    color: #3e3d40 !important;
    text-decoration:none;
}

.system-page .system-page-search .cm-search .hs-search-field__suggestions {
    text-align: left;
    position: relative;
}

.system-page .email-prefs .item p {
    margin: 5px 40px 0px;
}

/* search result */

.search-result-page .body-container-wrapper {
    margin-top: 72px;
}

.search-result-page {
    background-color:  #f5f5f5 ;
  background-color:  var( --color-body) ;
}
.search-result-page .search-input {
    margin-bottom: 3rem;
}

.search-result-page .upper-menu-wrapper {
    display: none !important;
}

.search-result-page .search-input .cm-search.hs-search-field-container .hs-search-field__bar input {
    width: 100% !important;
}

.search-result-page .search-input .cm-search.hs-search-field-container .hs-search-field__bar button[type="submit"] {
    display: none;
}

.search-result-page .hs-search-results__listing li {
    padding: 2rem;
    background: #fbfbfb;
    margin: 20px 0;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-radius: 3px;
    width:100%;
}

.search-result-page .hs-search-results__listing li > a {
    font-weight: bold;
    flex: 0 1 30%;
    padding-right: 2rem;
}

.search-result-page .hs-search-results__pagination {
    margin: 2rem 0;
    text-align: right;
}

.hs-search-results__pagination a {
    background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    font-weight: bold;
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    padding: 10px 20px;
}

.search-result-page .hs-search-results__listing li p.hs-search-results__description {
    flex: 0 1 70%;
    border-left: 1px solid rgba(193, 193, 193,0.5);
    padding-left: 3rem;
}/** start your custom CSS here **/

h1, .h1 {
    color: #000000;
}

h1, .h1,
.hs-blog-listing .post-item .post-body h2.post-title,
.related-post-title-body  .related-post-title {
    position: relative;
    margin-bottom: 3.25rem;
}


@media(max-width:767px) {
  h1, .h1  {
      margin-bottom: 2rem;
  }
}


img {
    border-radius: 5px;
}

.body-container-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.body-container-wrapper ul:not(.hs-search-field__suggestions):not(.hs-search-results__listing) li:not(.hs-form-booleancheckbox):not(.popular-post) {
  padding-left: 1em; 
  text-indent: -.7em;
}

.body-container-wrapper ul:not(.hs-search-field__suggestions):not(.hs-search-results__listing) li:not(.hs-form-booleancheckbox)::before {
  content: "• ";
  color:  #000000 ;
  color:  var( --color-2) ;
    padding-right: 1em;
}


.body-container-wrapper{
    padding-top: 0;
}

/* footer */
.footer-social ul {
    justify-content: space-between !important;
    font-size: 1.1rem;
}

/* Blog Home */
.hs-blog-listing .blog-content {}

.hs-blog-listing .blog-topics-wrapper {
    margin: 3.5rem 0;
    justify-content: flex-end;
}

.hs-blog-listing .blog-topics-wrapper a.topic-link {
    border: 1px solid #d1d1d1;
    border-radius: 25px;
    margin: 10px 8px;
    padding: .625em 1.3em;
    font-family: 'paralucent',sans-serif;
        min-width: 92px;
    text-align: center;
}

.hs-blog-listing .blog-topics-wrapper a.topic-link:hover {
    color:  #ffffff ;
  color:  var( --color-1-text) ;
    border: 1px solid transparent;
}

.related-image picture.use-object-fit[style*="background-image"],
.hs-featured-image-wrapper picture.use-object-fit[style*="background-image"] {
    display: block;
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    height: 100%;
}


.hs-author-profile > .hs-author-avatar picture.use-object-fit[style*="background-image"] {
    display: block;
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    height: 200px;
    width: 200px;
}

.hs-list-author.hs-author-profile {
      padding: 0;
    padding-top: 1rem;
    
}

 .hs-list-author.hs-author-profile .hs-author-avatar picture {
     width: 200px;
    display: block;
   text-align: center;
    margin: 0 auto;
  }

@media(min-width:768px) {
  .hs-list-author.hs-author-profile .hs-author-avatar {
     max-width: 200px;
  }

  .hs-list-author.hs-author-profile  .hs-author-detail {
        width: calc(100% - 200px);
      padding-left: 20px;
  }

}

@media(max-width:767px) {
  .hs-list-author.hs-author-profile {
     display: block;
      text-align: center;
  }

}


/* Blog post */
.hs-blog-post .blog-content {
    background-color:  #f5f5f5 ;
  background-color:  var( --color-3) ;
    margin-top: -21.25rem;
    border-radius: 5px;
    box-shadow: 0 8px 25px 0 rgba(77, 159, 194, 0.12);
    padding: 4rem 0;
    margin-bottom: 5rem;
    position: relative;
    z-index: 9;
}

.hs-blog-post .blog-section.blog-section-mainwrapper h2,
.hs-blog-post .blog-section.blog-section-mainwrapper h3,
.hs-blog-post .blog-section.blog-section-mainwrapper h4 {
    margin-top: 1.5em;
}

.custom-sharer .sharer-title { display: none; }


/* landing-page and TYP */
.landing-page .header-container-wrapper {
    position: relative !important;
    border: none;
    margin-bottom: -1.5rem;
}
.landing-page .logo {
    width: 100%;
}



.page-main-content {
    border-radius: 5px;
    box-shadow: 0 8px 25px 0 rgba(77, 159, 194, 0.12);
    background-color: #ffffff;
    margin-top: -9.5rem;
    margin-bottom: 9.5rem;
    overflow: hidden;
    padding: 3rem 6rem;
    position: relative;
    z-index: 9;
}

.page-main-content h1 {
    margin-top: 0;
}


@media (max-width: 1024px) {
  .page-main-content {
      padding: 1rem 3rem;
  }
  
  .post-item .related-post-title-body, .hs-blog-listing .post-item .post-body {
      padding: 1rem 1.5rem 2rem;
  }

}

@media (max-width: 1000px) and (min-width: 1025px) {
  .hs-blog-post .blog-post-wrapper {
      padding: 0 1.5rem;
  }
  
}

@media (max-width: 850px) {

   .author-content {
        max-width: 400px;
    } 
}

@media (max-width: 767px) {
  .related-article-and-newsletter > div {
      margin-bottom: 1rem;
  }
  
  .author-content {
      max-width: 100%;
  }  
  
  .author-image {
      width: 100%;
  }
  
  .hs-blog-post .blog-content {
      padding: 2rem 0;
  }
  
  .blog-section-mainwrapper > .blog-post-wrapper {
      padding: 0;
  }

}

@media (min-width: 1000px){
    .blog-section-mainwrapper > .blog-post-wrapper:before {
    position: absolute;
    content: "";
    width: 210px;
    height: 210px;
    border-radius: 161px;
    border: dotted #c1c1c1;
    left: -105px;
    margin-top: -63px;
}
}


.hs-blog-listing .hero-blog .page-center {
    display: flex;
    flex-wrap:wrap;
    justify-content: center;
    align-content: center;
    min-height: 429px;
}
h1.blog-name,
.blog-description {
    text-align: center;
}
h1.blog-name {
    margin-bottom: 1rem;
    width: 100%;
}
.blog-description{
    width: 520px;
    max-width: 100%;
    margin-top: 10px;
    line-height: 1.75;
}
body[class] input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), textarea, select {
    border-width: 0;
    border-bottom-width: 1px;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
}

body[class] .field.text>label{
  margin-left: 0;
  margin-top: 1rem;
  font-size: 17px;
}
body[class] .field.text.active>label{
  font-size: 10px;
}


.hs-blog-listing .blog-topics-wrapper{
    justify-content: center;
}
.hs-blog-listing .blog-topics-wrapper a.topic-link {
    border: 1px solid #c1c1c1;
    border-radius: 25px;
    margin: 10px 8px;
    padding: .75em 1.3em;
    color:#000;
}
.hs-blog-listing .blog-topics-wrapper a.topic-link.active,
.hs-blog-listing .blog-topics-wrapper a.topic-link:focus,
.hs-blog-listing .blog-topics-wrapper a.topic-link:hover{
   background-color:  #FF1053 ;
  background-color:  var( --color-1) ;
    border-color:  #FF1053 ;
  border-color:  var( --color-1) ;
  color:#fff;
}

.related-article-and-newsletter .post-item .hs-featured-image-link, .hs-blog-listing .post-item .hs-featured-image-link{
  height: 240px;
}

.hs-blog-listing .post-item .post-body h2.post-title, 
.related-post-title-body .related-post-title{
  font-size: 21px;
  margin-bottom: 21px;
    line-height: 1.43;
}

.related-post-title-body .related-post-title a{
  text-decoration: none !important;
}


.popular-posts .popular-post .popular-post-content h4 a{
  font-size: 17px;
}

.more-link {
    display: flex;
    align-items: center;
    color: #ff4a3e !important;
    font-family: 'paralucent',sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none !important;
}

.more-link svg {
    width: 16px;
    height: 16px;
    margin-left: 10px;
    color: rgba(0,0,0,0.3);
}


.more-link:not(:hover) svg path {
    color: rgba(0,0,0,0.3) !important;
}

.more-link:hover path {
    color: #000000;
}

.more-link:hover svg {
    margin-left: 15px;
}

.subtopic,
h6 {
    font-size: 16px;
    color: rgba(0,0,0,0.3) !important;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 500;
}

.hs-blog-post .post-body a {
    text-decoration: underline;
}

.post-body #hs_cos_wrapper_post_body > p:first-child > img {
 transition: .4s;   
}
@media( min-width:890px){
    .post-body #hs_cos_wrapper_post_body > p:first-child > img,
   .post-body #hs_cos_wrapper_post_body>p > img[style*='728'],
  .post-body #hs_cos_wrapper_post_body>p > span > img[style*='728']{
        max-width: calc(100% + 160px);
        width: calc(100% + 160px) !important;
        margin-left: -80px;
            margin-bottom: 3.5rem;
    }
}

.author-title{
    opacity: 0.3;
    font-family: Paralucent;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    margin-bottom: 1rem;
}
  .blog-newsletter-form{ 
    position:relative;
    overflow:hidden;
}
.blog-newsletter-form:before {
    position: absolute;
    content: "";
    width: 210px;
    height: 210px;
    border-radius: 161px;
    border: dotted #fdd32d;
    right: -105px;
    top: 35%;
    pointer-events: none;
}

.hs-landing-page:not(.typ) .header-container .page-center .row-fluid {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media(min-width:1025px) {
  .landing-page .logo {
   /* padding-top: 4.5rem;*/
}

.landing-page .logo:before {
    position: absolute;
    content: "";
    /*width: 210px;
    height: 210px;
    border-radius: 161px;*/
    /*border: dotted #c1c1c1;*/
  border:none;
    /*left: 80px;
    margin-top: -162px;*/
    z-index: -1;
    pointer-events: none;
}
  .landing-page .logo:after {
    content: "";
    width: 391px;
    height: 226px;
    border-radius: 8px;
    /*background: linear-gradient(90deg, rgba(0,0,0,1) 3%, rgba(65,65,65,1) 100%, rgba(65,65,65,1) 100%); */
    position: absolute;
    right: 0;
    top: 0;
    -webkit-clip-path: polygon(100% 0,100% 99%,0 49%,0 0);
    clip-path: polygon(100% 0,100% 99%,0 49%,0 0);
    top: -4rem;
}

.landing-page .logo span:after {
    content: "";
    position: absolute;
    content: "";
    /*width: 92px;
    height: 90px;
    border-radius: 161px;*/
    /*border: dotted #ff4a3e;*/
  border: none;
    /*right: 16%;*/
    z-index: 1;
    pointer-events: none;
   /* top: 30%;*/
}
}
.typ .body-container-wrapper {
   margin-top: 72px; 
}

.typ .first-section {
  position: relative;
}

.typ .first-section .page-center.typ-center {
    position: relative;
        padding-top: 5rem;
    padding-bottom: 5rem;
}

@media(min-width:1025px) {
.typ .first-section > div > div > .page-center:after {
    content: "";
    width: 391px;
    height: 197px;
    border-radius: 8px;
    background: linear-gradient(90deg,rgba(0,0,0,1) 3%,rgba(65,65,65,1) 100%,rgba(65,65,65,1) 100%);
    position: absolute;
    right: -13rem;
    top: 0;
    -webkit-clip-path: polygon(100% 0,100% 99%,0 49%,0 0);
    clip-path: polygon(100% 0,100% 99%,0 42%,0 0);
    top: -4rem;
}



.typ .first-section > div > div > .page-center > div:after {
    content: "";
    position: absolute;
    width: 92px;
    height: 90px;
    border-radius: 161px;
    border: dotted #5c5c5c;
    right: 6%;
    z-index: 1;
    pointer-events: none;
    top: 3%;
}

.typ .first-section.section:after {
    position: absolute;
    content: "";
    width: 300px;
    height: 210px;
    border-radius: 161px;
    border: dotted #c1c1c1;
    left: -199px;
    bottom: -15%;
    pointer-events: none;
    /* right: -100px; */
}
}
@media (max-width: 1024px){
    .hs-blog-listing .hero-blog .page-center {
      min-height: 300px;
  }
  .typ .first-section .page-center.typ-center {
      padding-top: 2rem;
      padding-bottom: 2rem;
  }
  
  .custom-page-sharer-wrapper {
      text-align: left;
  }
  
  .custom-page-sharer-wrapper .page-center {
      padding: 0 !important;
  }
  
  .custom-page-sharer-wrapper .custom-sharer {
      justify-content:flex-start;
  }
}

@font-face {
  font-family: 'trustbuildericons';
  src: url('https://blog.trustbuilder.com/hubfs/7147591/assets/icon/trustbuildericons.eot?4119699');
  src: url('https://blog.trustbuilder.com/hubfs/7147591/assets/icon/trustbuildericons.eot?4119699#iefix') format('embedded-opentype'),
       url('https://blog.trustbuilder.com/hubfs/7147591/assets/icon/trustbuildericons.woff2?4119699') format('woff2'),
       url('https://blog.trustbuilder.com/hubfs/7147591/assets/icon/trustbuildericons.woff?4119699') format('woff'),
       url('https://blog.trustbuilder.com/hubfs/7147591/assets/icon/trustbuildericons.ttf?4119699') format('truetype'),
       url('https://blog.trustbuilder.com/hubfs/7147591/assets/icon/trustbuildericons.svg?4119699#trustbuildericons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'trustbuildericons';
    src: url('https://blog.trustbuilder.com/hubfs/7147591/assets/icon/trustbuildericons.svg?4119699#trustbuildericons') format('svg');
  }
}
*/
 
 [class^="tbicon-"]:before, [class*=" tbicon-"]:before {
  font-family: "trustbuildericons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.tbicon-sso:before { content: '\e800'; } /* '' */
.tbicon-mfa:before { content: '\e801'; } /* '' */
.tbicon-riskbasedaccess:before { content: '\e802'; } /* '' */
.tbicon-accessorchestration:before { content: '\e803'; } /* '' */
.tbicon-accesssecurity:before { content: '\e804'; } /* '' */
.tbicon-api:before { content: '\e805'; } /* '' */
.tbicon-triangle:before { content: '\e807'; } /* '' */