.main-wrapper {
  /*  INTEGRATIONS SECTION CSS */
  /*  TESTIMONIALS SECTION CSS  */
  /*  CHARTS SECTION CSS */
}
.main-wrapper img:focus,
.main-wrapper btn:focus,
.main-wrapper a:focus {
  outline: none;
}
.main-wrapper img:active,
.main-wrapper btn:active,
.main-wrapper a:active {
  outline: none;
}
.main-wrapper img:focus:active,
.main-wrapper btn:focus:active,
.main-wrapper a:focus:active {
  outline: none;
}
.main-wrapper img::-moz-focus-inner,
.main-wrapper btn::-moz-focus-inner,
.main-wrapper a::-moz-focus-inner {
  border: 0;
}
.main-wrapper header .img-logo {
  margin-left: 0px !important;
  margin-top: 6px !important;
}
.main-wrapper header .img-logo img {
  height: 46px;
}
.main-wrapper #loginModal .forgot-password {
  color: #aaa;
  font-size: 12px;
  display: block;
  margin: 0px auto;
}
.main-wrapper .vmiddle .hero-section p.text-white {
  letter-spacing: 1px;
}
.main-wrapper .vmiddle .hero-section a.btn.btn-no-focus:focus {
  color: white;
}
.main-wrapper #policy .listTag li {
  margin: 20px auto;
}
.main-wrapper #policy .bold_text,
.main-wrapper #policy b {
  font-weight: 600;
}
.main-wrapper .intro-features .bottom-spacing {
  margin-bottom: 20px !important;
}
.main-wrapper .intro-features .bottom-spacing-sm {
  margin-bottom: 24px !important;
}
.main-wrapper .integrations,
.main-wrapper .security {
  background: #EDEDED;
  min-height: 250px;
}
.main-wrapper .integrations .container,
.main-wrapper .security .container {
  margin: 53px auto;
  text-align: center;
}
.main-wrapper .integrations .container .integrations-header,
.main-wrapper .security .container .integrations-header,
.main-wrapper .integrations .container .security-header,
.main-wrapper .security .container .security-header {
  opacity: .5;
  font-weight: 600;
}
.main-wrapper .integrations .container .integrations-list,
.main-wrapper .security .container .integrations-list,
.main-wrapper .integrations .container .security-list,
.main-wrapper .security .container .security-list {
  display: block;
  text-align: justify;
  -ms-text-justify: distribute-all-lines;
  text-justify: distribute-all-lines;
  /* INETGRATIONS IMAGES */
}
.main-wrapper .integrations .container .integrations-list img,
.main-wrapper .security .container .integrations-list img,
.main-wrapper .integrations .container .security-list img,
.main-wrapper .security .container .security-list img {
  display: block;
  margin: auto;
}
.main-wrapper .integrations .container .integrations-list .integration-img,
.main-wrapper .security .container .integrations-list .integration-img,
.main-wrapper .integrations .container .security-list .integration-img,
.main-wrapper .security .container .security-list .integration-img {
  display: block;
  margin: auto;
  min-height: 95px;
}
.main-wrapper .integrations .container .integrations-list #integrations-google,
.main-wrapper .security .container .integrations-list #integrations-google,
.main-wrapper .integrations .container .security-list #integrations-google,
.main-wrapper .security .container .security-list #integrations-google {
  background: url('/site/assets/images/integrations/google-an2.png') no-repeat center center;
  background-size: contain;
}
.main-wrapper .integrations .container .integrations-list #integrations-google .top,
.main-wrapper .security .container .integrations-list #integrations-google .top,
.main-wrapper .integrations .container .security-list #integrations-google .top,
.main-wrapper .security .container .security-list #integrations-google .top {
  height: 100%;
  width: 100%;
  background: url('/site/assets/images/integrations/google-an1.png') no-repeat center center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.main-wrapper .integrations .container .integrations-list #integrations-google .top:hover,
.main-wrapper .security .container .integrations-list #integrations-google .top:hover,
.main-wrapper .integrations .container .security-list #integrations-google .top:hover,
.main-wrapper .security .container .security-list #integrations-google .top:hover {
  opacity: 1;
}
.main-wrapper .integrations .container .integrations-list #integrations-active,
.main-wrapper .security .container .integrations-list #integrations-active,
.main-wrapper .integrations .container .security-list #integrations-active,
.main-wrapper .security .container .security-list #integrations-active {
  background: url('/site/assets/images/integrations/active2.png') no-repeat center center;
  background-size: contain;
}
.main-wrapper .integrations .container .integrations-list #integrations-active .top,
.main-wrapper .security .container .integrations-list #integrations-active .top,
.main-wrapper .integrations .container .security-list #integrations-active .top,
.main-wrapper .security .container .security-list #integrations-active .top {
  height: 100%;
  width: 100%;
  background: url('/site/assets/images/integrations/active1.png') no-repeat center center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.main-wrapper .integrations .container .integrations-list #integrations-active .top:hover,
.main-wrapper .security .container .integrations-list #integrations-active .top:hover,
.main-wrapper .integrations .container .security-list #integrations-active .top:hover,
.main-wrapper .security .container .security-list #integrations-active .top:hover {
  opacity: 1;
}
.main-wrapper .integrations .container .integrations-list #integrations-aweber,
.main-wrapper .security .container .integrations-list #integrations-aweber,
.main-wrapper .integrations .container .security-list #integrations-aweber,
.main-wrapper .security .container .security-list #integrations-aweber {
  background: url('/site/assets/images/integrations/aweber2.png') no-repeat center center;
  background-size: contain;
}
.main-wrapper .integrations .container .integrations-list #integrations-aweber .top,
.main-wrapper .security .container .integrations-list #integrations-aweber .top,
.main-wrapper .integrations .container .security-list #integrations-aweber .top,
.main-wrapper .security .container .security-list #integrations-aweber .top {
  height: 100%;
  width: 100%;
  background: url('/site/assets/images/integrations/aweber1.png') no-repeat center center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.main-wrapper .integrations .container .integrations-list #integrations-aweber .top:hover,
.main-wrapper .security .container .integrations-list #integrations-aweber .top:hover,
.main-wrapper .integrations .container .security-list #integrations-aweber .top:hover,
.main-wrapper .security .container .security-list #integrations-aweber .top:hover {
  opacity: 1;
}
.main-wrapper .integrations .container .integrations-list #integrations-infusion,
.main-wrapper .security .container .integrations-list #integrations-infusion,
.main-wrapper .integrations .container .security-list #integrations-infusion,
.main-wrapper .security .container .security-list #integrations-infusion {
  background: url('/site/assets/images/integrations/infusion2.png') no-repeat center center;
  background-size: contain;
}
.main-wrapper .integrations .container .integrations-list #integrations-infusion .top,
.main-wrapper .security .container .integrations-list #integrations-infusion .top,
.main-wrapper .integrations .container .security-list #integrations-infusion .top,
.main-wrapper .security .container .security-list #integrations-infusion .top {
  height: 100%;
  width: 100%;
  background: url('/site/assets/images/integrations/infusion1.png') no-repeat center center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.main-wrapper .integrations .container .integrations-list #integrations-infusion .top:hover,
.main-wrapper .security .container .integrations-list #integrations-infusion .top:hover,
.main-wrapper .integrations .container .security-list #integrations-infusion .top:hover,
.main-wrapper .security .container .security-list #integrations-infusion .top:hover {
  opacity: 1;
}
.main-wrapper .integrations .container .integrations-list #integrations-mail,
.main-wrapper .security .container .integrations-list #integrations-mail,
.main-wrapper .integrations .container .security-list #integrations-mail,
.main-wrapper .security .container .security-list #integrations-mail {
  background: url('/site/assets/images/integrations/mail2.png') no-repeat center center;
  background-size: contain;
}
.main-wrapper .integrations .container .integrations-list #integrations-mail .top,
.main-wrapper .security .container .integrations-list #integrations-mail .top,
.main-wrapper .integrations .container .security-list #integrations-mail .top,
.main-wrapper .security .container .security-list #integrations-mail .top {
  height: 100%;
  width: 100%;
  background: url('/site/assets/images/integrations/mail1.png') no-repeat center center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.main-wrapper .integrations .container .integrations-list #integrations-mail .top:hover,
.main-wrapper .security .container .integrations-list #integrations-mail .top:hover,
.main-wrapper .integrations .container .security-list #integrations-mail .top:hover,
.main-wrapper .security .container .security-list #integrations-mail .top:hover {
  opacity: 1;
}
.main-wrapper .integrations .container .integrations-list #integrations-sales,
.main-wrapper .security .container .integrations-list #integrations-sales,
.main-wrapper .integrations .container .security-list #integrations-sales,
.main-wrapper .security .container .security-list #integrations-sales {
  background: url('/site/assets/images/integrations/sales2.png') no-repeat center center;
  background-size: contain;
}
.main-wrapper .integrations .container .integrations-list #integrations-sales .top,
.main-wrapper .security .container .integrations-list #integrations-sales .top,
.main-wrapper .integrations .container .security-list #integrations-sales .top,
.main-wrapper .security .container .security-list #integrations-sales .top {
  height: 100%;
  width: 100%;
  background: url('/site/assets/images/integrations/sales1.png') no-repeat center center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.main-wrapper .integrations .container .integrations-list #integrations-sales .top:hover,
.main-wrapper .security .container .integrations-list #integrations-sales .top:hover,
.main-wrapper .integrations .container .security-list #integrations-sales .top:hover,
.main-wrapper .security .container .security-list #integrations-sales .top:hover {
  opacity: 1;
}
.main-wrapper .integrations .container .integrations-list #integrations-constant,
.main-wrapper .security .container .integrations-list #integrations-constant,
.main-wrapper .integrations .container .security-list #integrations-constant,
.main-wrapper .security .container .security-list #integrations-constant {
  background: url('/site/assets/images/integrations/constant2.png') no-repeat center center;
  background-size: contain;
}
.main-wrapper .integrations .container .integrations-list #integrations-constant .top,
.main-wrapper .security .container .integrations-list #integrations-constant .top,
.main-wrapper .integrations .container .security-list #integrations-constant .top,
.main-wrapper .security .container .security-list #integrations-constant .top {
  height: 100%;
  width: 100%;
  background: url('/site/assets/images/integrations/constant1.png') no-repeat center center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.main-wrapper .integrations .container .integrations-list #integrations-constant .top:hover,
.main-wrapper .security .container .integrations-list #integrations-constant .top:hover,
.main-wrapper .integrations .container .security-list #integrations-constant .top:hover,
.main-wrapper .security .container .security-list #integrations-constant .top:hover {
  opacity: 1;
}
.main-wrapper .integrations .container .integrations-list #integrations-hubspot,
.main-wrapper .security .container .integrations-list #integrations-hubspot,
.main-wrapper .integrations .container .security-list #integrations-hubspot,
.main-wrapper .security .container .security-list #integrations-hubspot {
  background: url('/site/assets/images/integrations/hubspot2.png') no-repeat center center;
  background-size: contain;
}
.main-wrapper .integrations .container .integrations-list #integrations-hubspot .top,
.main-wrapper .security .container .integrations-list #integrations-hubspot .top,
.main-wrapper .integrations .container .security-list #integrations-hubspot .top,
.main-wrapper .security .container .security-list #integrations-hubspot .top {
  height: 100%;
  width: 100%;
  background: url('/site/assets/images/integrations/hubspot1.png') no-repeat center center;
  background-size: contain;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.main-wrapper .integrations .container .integrations-list #integrations-hubspot .top:hover,
.main-wrapper .security .container .integrations-list #integrations-hubspot .top:hover,
.main-wrapper .integrations .container .security-list #integrations-hubspot .top:hover,
.main-wrapper .security .container .security-list #integrations-hubspot .top:hover {
  opacity: 1;
}
.main-wrapper .integrations .container .integrations-list .stretch,
.main-wrapper .security .container .integrations-list .stretch,
.main-wrapper .integrations .container .security-list .stretch,
.main-wrapper .security .container .security-list .stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.main-wrapper .edgeLoad-EDGE-104654440 {
  visibility: hidden;
}
@media (min-width: 1000px) {
  .main-wrapper .charts {
    /*animation bg*/
  }
  .main-wrapper .charts .moveright {
    margin-right: -12px;
  }
  .main-wrapper .charts .moveleft {
    margin-left: -12px;
  }
  .main-wrapper .charts .text-indent-right {
    margin-left: 27px;
  }
  .main-wrapper .charts #Stage {
    background: rgba(255, 255, 255, 0) !important;
  }
  .main-wrapper .charts h4 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 300;
    margin-bottom: 10px;
  }
  .main-wrapper .charts .container {
    width: 100%;
  }
  .main-wrapper .charts .container .chart-box {
    margin-top: -130px;
  }
  .main-wrapper .charts .container .centered-row {
    width: 1170px !important;
    margin: 0px auto !important;
  }
  .main-wrapper .charts .container .centered-row.campaign-animation {
    padding-top: 129px !important;
    padding: 120px 120px 0px 120px;
  }
  .main-wrapper .charts .container .centered-row.pie-animation {
    padding-left: 120px;
  }
  .main-wrapper .charts .container .centered-row.pie-animation .nopadding {
    padding: 0px;
  }
  .main-wrapper .charts .container .centered-row.nugget-caro {
    height: 545px !important;
    padding-top: 60px !important;
    padding: 0px 120px;
  }
}
@media (max-width: 768px) {
  .main-wrapper .charts h4 {
    margin-bottom: 10px;
  }
  .main-wrapper .charts .chart-box {
    margin-bottom: 10px;
  }
  .main-wrapper .charts .wrapper-lg {
    padding-top: 50px;
  }
}