@charset "UTF-8";
/* -------------------------------------------------------------------------*\
	$Variables
\*------------------------------------------------------------------------ */
/* -------------------------------------------------------------------------*\
	@Mixins
\*------------------------------------------------------------------------ */
/* Alignment */
/* Flexbox */
/* -------------------------------------------------------------------------*\
	$Variables
\*------------------------------------------------------------------------ */
/*-------------------------------------------------------------------------*\
	Breakpoints
\*------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*\
	Search results - /search
\*------------------------------------------------------------------------ */
#search-results h3 {
  margin-bottom: 40px; }

.ac_search-result {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: #cacaca 1px solid; }

.ac_search-result:first-of-type {
  margin-top: 20px; }

.ac_search-result:last-of-type {
  border-bottom: none; }

.ac_search-result > a {
  display: block;
  margin-bottom: 14px;
  font-size: 16px; }

.ac_search-result > .url {
  font-size: 13px;
  margin-top: 14px; }

/* -------------------------------------------------------------------------*\
	Login - /login
\*------------------------------------------------------------------------ */
body#login .ac_loginbox .accountinput {
  position: relative; }

body#login .ac_loginbox .accountinput #domain {
  position: absolute;
  right: 5px;
  top: 5px; }

body#login .ac_loginbox .accountinput #domain a.popover-trigger {
  display: block;
  background: #f2f2f2;
  padding: 10px 14px;
  font-size: 14px;
  color: #4b4b4b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

body#login .ac_loginbox .ac_button {
  min-width: 180px; }

/* -------------------------------------------------------------------------*\
	Training schedule - /training/schedule (same as login)
\*------------------------------------------------------------------------ */
body#schedule .ac_content-wrapper {
  padding: 0 !important;
  min-width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body#schedule .ac_content-wrapper .iframe-wrapper {
  height: 100vh;
  display: flex;
  flex-direction: column; }

body#schedule .ac_content-wrapper iframe {
  min-height: 100%; }

body#schedule .ac_loginbox .accountinput {
  position: relative; }

body#schedule .ac_loginbox .accountinput #domain {
  position: absolute;
  right: 5px;
  top: 5px; }

body#schedule .ac_loginbox .accountinput #domain a.popover-trigger {
  display: block;
  background: #f2f2f2;
  padding: 10px 14px;
  font-size: 14px;
  color: #4b4b4b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

body#schedule .ac_loginbox .ac_button {
  min-width: 180px; }

/* Billing modal */
#paymodal .modal-dialog {
  width: 800px !important; }

#paymodal #billing-profile label {
  display: block;
  padding: 12px 0 4px;
  font-size: 13px; }

#paymodal #billing-profile td.state {
  padding: 0 6px; }

@media only screen and (max-width: 568px) {
  body#blog section:first-of-type {
    margin-top: 51px !important; } }
/* -------------------------------------------------------------------------*\
	Signup form elements
\*------------------------------------------------------------------------ */
.domainurl {
  position: absolute;
  right: 14px;
  top: 40px; }

#actcheck {
  position: absolute;
  right: 0;
  bottom: -28px;
  background: #60cb98;
  padding: 6px 8px;
  border-radius: 0 0 4px 4px;
  color: #fff;
  font-size: 12px; }

#actcheck.taken {
  background: #f37c7b !important; }

/* Account ready */
.account-ready {
  padding: 20px;
  border-radius: 6px;
  width: 80%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: #cacaca 1px solid; }

.account-ready td {
  padding-bottom: 18px;
  vertical-align: middle; }

.account-ready tr:last-child > td {
  padding: 0; }

/* Account name lookup field */
#accountname.available {
  border: #60cb98 1px solid;
  border-radius: 4px 4px 0 4px !important; }

#accountname.taken {
  border: #f37c7b 1px solid;
  border-radius: 4px 4px 0 4px !important; }

/* Show CVC card info */
a#cvc_show {
  text-decoration: none;
  font-size: 16px;
  line-height: 1.2em;
  color: #666666; }

a#cvc_show:visited {
  color: #666666; }

/* Credit card signup */
ul.cards {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-top: 30px;
  padding-bottom: 22px;
  height: 40px; }

ul.cards li {
  display: inline-block;
  width: 51px;
  height: 40px; }

ul.cards li.visa {
  background: url(https://www.activecampaign.com/global_media/images/creditcard_Visa.png) no-repeat 0 0;
  background-size: 51px; }

ul.cards li.mastercard {
  background: url(https://www.activecampaign.com/global_media/images/creditcard_MasterCard.png) no-repeat 0 0;
  background-size: 51px; }

ul.cards li.amex {
  background: url(https://www.activecampaign.com/global_media/images/creditcard_American-Express.png) no-repeat 0 0;
  background-size: 51px; }

ul.cards li.off {
  opacity: 0.2; }

.g2-header {
  font-size: 20px;
  text-align: left;
  margin: 32px 0 32px 40px; }
  @media only screen and (min-width: 1080px) {
    .g2-header {
      text-align: center;
      margin: 32px 35px 32px 40px; } }
  @media only screen and (max-width: 480px) {
    .g2-header {
      text-align: center;
      margin: 32px 0 32px 0; } }

.g2-container {
  padding-left: 30px;
  justify-content: center; }

.g2-container-inner {
  display: grid;
  grid-template-columns: repeat(12, 1fr); }

.g2-badge {
  width: 100px;
  padding: 0 8px 35px 8px;
  grid-column-end: span 3; }
  @media only screen and (max-width: 1080px) {
    .g2-badge {
      grid-column-end: span 5; } }
  @media only screen and (max-width: 480px) {
    .g2-badge {
      grid-column-end: span 5;
      justify-self: end;
      padding: 5px; } }

/* -------------------------------------------------------------------------*\
	Free signup - /free
\*------------------------------------------------------------------------ */
body#free .testimonial {
  padding: 0 0 20px 0; }

body#free .testimonial .photo {
  vertical-align: top;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 14px;
  overflow: hidden;
  border-radius: 40px; }

body#free .testimonial .body {
  display: inline-block;
  width: 80%; }

body#free.mobile-nav #signup_button,
body.free.mobile-nav #signup_disc {
  float: none !important;
  width: 100%; }

body#free.mobile-nav .testimonial {
  text-align: center; }

/* -------------------------------------------------------------------------*\
	Signup - /signup
\*------------------------------------------------------------------------ */
body#signup .testimonial {
  padding: 0 0 20px 0; }

body#signup .testimonial .photo {
  vertical-align: top;
  display: inline-block;
  width: 60px;
  height: 60px;
  margin-right: 14px;
  overflow: hidden;
  border-radius: 40px; }

body#signup .testimonial .body {
  display: inline-block;
  width: 80%; }

body#signup.mobile-nav #signup_button,
body#signup.mobile-nav #signup_disc {
  float: none !important;
  width: 100%; }

body#signup.mobile-nav .testimonial {
  text-align: center; }

.grecaptcha-badge {
  bottom: 76px !important; }

/* -------------------------------------------------------------------------*\
	Automations - /automation
\*------------------------------------------------------------------------ */
body#automation .ac_section.pinned {
  background: #3c5e8e; }

body#automation #top_screenshot {
  position: relative;
  width: 99.6%;
  height: 100%;
  overflow: hidden;
  background: url(https://www.activecampaign.com/global_media/images/top-headshotbgl.png) no-repeat left top;
  background-size: 100%;
  margin: 0;
  text-align: center; }

body#automation #top_screenshot video {
  margin-top: 3.8%;
  margin-bottom: -5px;
  background: transparent url(https://www.activecampaign.com/_ac_global/videos/automation-topanimation-poster.png) no-repeat 0 0;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%; }

body#automation.no-touch svg#tracking #line1 {
  animation: line 6s linear infinite;
  -webkit-animation: line 6s linear infinite;
  stroke-dashoffset: 100;
  stroke-dasharray: 3, 7; }

body#automation.no-touch svg#tracking #line2 {
  animation: line 6s linear infinite;
  -webkit-animation: line 6s linear infinite;
  stroke-dashoffset: 100;
  stroke-dasharray: 3, 7; }

body#automation.no-touch #automation-section-2 svg#engagement #line1 {
  stroke-dashoffset: 115;
  stroke-dasharray: 115; }

body#automation.no-touch #automation-section-2 svg#engagement #line2 {
  stroke-dashoffset: 300;
  stroke-dasharray: 300; }

body#automation.no-touch #automation-section-2 svg#engagement #line3 {
  stroke-dashoffset: 113;
  stroke-dasharray: 113; }

body#automation.no-touch #automation-section-2 svg#engagement #line4 {
  stroke-dashoffset: 122;
  stroke-dasharray: 122; }

body#automation.no-touch #automation-section-2 svg#engagement #line5 {
  stroke-dashoffset: 120;
  stroke-dasharray: 120; }

body#automation.no-touch #automation-section-2 svg#engagement #point2,
body#automation.no-touch #automation-section-2 svg#engagement #point3,
body#automation.no-touch #automation-section-2 svg#engagement #point4,
body#automation.no-touch #automation-section-2 svg#engagement #point5 {
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -webkit-transform-origin: 50% 50%; }

body#automation #automation-section-2 .do_animate svg#engagement #line1 {
  animation: line .5s linear forwards;
  -webkit-animation: line .5s linear forwards; }

body#automation #automation-section-2 .do_animate svg#engagement #point2 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: .5s;
  -webkit-animation-delay: .5s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

body#automation #automation-section-2 .do_animate svg#engagement #line2 {
  animation: line .5s linear forwards;
  -webkit-animation: line .5s linear forwards;
  stroke-dashoffset: 300;
  stroke-dasharray: 300;
  animation-delay: 1s;
  -webkit-animation-delay: 1s; }

body#automation #automation-section-2 .do_animate svg#engagement #line3 {
  animation: line .5s linear forwards;
  -webkit-animation: line .5s linear forwards;
  stroke-dashoffset: 113;
  stroke-dasharray: 113;
  animation-delay: 1s;
  -webkit-animation-delay: 1s; }

body#automation #automation-section-2 .do_animate svg#engagement #point3 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  transform-origin: 451.054px 143.389px;
  -webkit-transform-origin: 50% 50%; }

body#automation #automation-section-2 .do_animate svg#engagement #line4 {
  animation: line .5s linear forwards;
  -webkit-animation: line .5s linear forwards;
  stroke-dashoffset: 122;
  stroke-dasharray: 122;
  animation-delay: 2s;
  -webkit-animation-delay: 2s; }

body#automation #automation-section-2 .do_animate svg#engagement #point4 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 2.5s;
  -webkit-animation-delay: 2.5s;
  transform-origin: 671.507px 137.721px;
  -webkit-transform-origin: 50% 50%; }

body#automation #automation-section-2 .do_animate svg#engagement #line5 {
  animation: line .5s linear forwards;
  -webkit-animation: line .5s linear forwards;
  stroke-dashoffset: 120;
  stroke-dasharray: 120;
  animation-delay: 3s;
  -webkit-animation-delay: 3s; }

body#automation #automation-section-2 .do_animate svg#engagement #point5 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 3.5s;
  -webkit-animation-delay: 3.5s;
  transform-origin: 896.825px 169.833px;
  -webkit-transform-origin: 50% 50%; }

/* -------------------------------------------------------------------------*\
	CRM - /sales
\*------------------------------------------------------------------------ */
body#crm .ac_section.pinned {
  background: #3c5e8e; }

body#crm .crm-subhead.ac_content-wrapper {
  padding-bottom: 0; }

body#crm #top_screenshot {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 556px;
  overflow: hidden;
  background: url(https://www.activecampaign.com/global_media/images/top-headshotbg.png) no-repeat left top;
  background-size: 100%;
  margin: 0 auto;
  text-align: center; }

body#crm #top_screenshot video {
  margin-top: 4.2%;
  background: transparent url(https://www.activecampaign.com/_ac_global/videos/crm-topvideo-poster.png) no-repeat 0 0;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%; }

body#crm #apps-button {
  width: 25%;
  margin: 40px auto 0 auto !important;
  display: block; }

body#crm #crm-section-3-2 > .do_animate > svg#section3-illus1 #seventyseven {
  animation: hide .4s ease-out forwards;
  -webkit-animation: hide .4s ease-out forwards;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s; }

body#crm #crm-section-3-2 > .do_animate > svg#section3-illus1 #sixtyeight {
  animation: hide .4s ease-out forwards;
  -webkit-animation: hide .4s ease-out forwards;
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

body#crm #crm-section-3-2 > .do_animate > svg#section3-illus1 #sixtyfive {
  animation: hide .4s ease-out forwards;
  -webkit-animation: hide .4s ease-out forwards;
  -webkit-animation-delay: 5s;
  animation-delay: 5s; }

body#crm #crm-section-3-2 > .do_animate > svg#section3-illus1 #ninetytwo {
  animation: hide .4s ease-out forwards;
  -webkit-animation: hide .4s ease-out forwards;
  -webkit-animation-delay: 6s;
  animation-delay: 6s; }

body#crm #crm-section-3-2 > .do_animate > svg#section3-illus1 #contact2 {
  animation: score_move1 .3s ease-out forwards;
  -webkit-animation: score_move1 .3s ease-out forwards;
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

body#crm #crm-section-3-2 > .do_animate > svg#section3-illus1 #contact3 {
  animation: score_move2 .3s ease-out forwards, score_move4 .3s ease-out forwards;
  -webkit-animation: score_move2 .3s ease-out forwards, score_move4 .3s ease-out forwards;
  -webkit-animation-delay: 4s, 6.5s;
  animation-delay: 4s, 6.5s; }

body#crm #crm-section-3-2 > .do_animate > svg#section3-illus1 #contact1 {
  animation: score_move3 .3s ease-out forwards;
  -webkit-animation: score_move3 .3s ease-out forwards;
  -webkit-animation-delay: 6.5s;
  animation-delay: 6.5s; }

body#crm.no-touch #crm-section-3-3 svg#contact-data #age,
body#crm.no-touch svg#contact-data #social,
body#crm.no-touch svg#contact-data #geo,
body#crm.no-touch svg#contact-data #interactions,
body#crm.no-touch svg#contact-data #site-activity,
body#crm.no-touch svg#contact-data #sms,
body#crm.no-touch svg#contact-data #sent-received {
  transform: scale(0);
  -webkit-transform: scale(0);
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-3-3 > .do_animate > svg#contact-data #social {
  animation: pop .4s ease-out forwards;
  -webkit-animation: pop .4s ease-out forwards;
  transform-origin: 35.199px 51.481px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-3-3 > .do_animate > svg#contact-data #interactions {
  animation: pop .4s ease-out forwards;
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  transform-origin: 36.103px 129.29px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-3-3 > .do_animate > svg#contact-data #site-activity {
  animation: pop .4s ease-out forwards;
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  transform-origin: 105.171px 192.346px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-3-3 > .do_animate > svg#contact-data #sms {
  animation: pop .4s ease-out forwards;
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  transform-origin: 197.769px 201.222px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-3-3 > .do_animate > svg#contact-data #geo {
  animation: pop .4s ease-out forwards;
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  transform-origin: 285.306px 192.346px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-3-3 > .do_animate > svg#contact-data #age {
  animation: pop .4s ease-out forwards;
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  transform-origin: 359.267px 129.288px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-3-3 > .do_animate > svg#contact-data #sent-received {
  animation: pop .4s ease-out forwards;
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
  transform-origin: 372.642px 51.481px;
  -webkit-transform-origin: 50% 50%; }

body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #step2,
body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #step3,
body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #YES,
body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #assign_deal,
body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #NO,
body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #follow_up,
body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #text_pricing {
  transform: scale(0);
  -webkit-transform: scale(0);
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #step2 {
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: .5s;
  animation: pop .4s ease-out forwards;
  animation-delay: .5s;
  transform-origin: 188.43px 50.198px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #step3 {
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 1.5s;
  animation: pop .4s ease-out forwards;
  animation-delay: 1.5s;
  transform-origin: 349.411px 61.651px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #YES {
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 2.4s;
  animation: pop .4s ease-out forwards;
  animation-delay: 2.4s;
  transform-origin: 97.249px 252.758px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #NO {
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 4.3s;
  animation: pop .4s ease-out forwards;
  animation-delay: 4.3s;
  transform-origin: 286.109px 251.138px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #assign_deal {
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 2.6s;
  animation: pop .4s ease-out forwards;
  animation-delay: 2.6s;
  transform-origin: 97.237px 326.903px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #follow_up {
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 4.5s;
  animation: pop .4s ease-out forwards;
  animation-delay: 4.5s;
  transform-origin: 286.755px 326.432px;
  -webkit-transform-origin: 50% 50%; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #text_pricing {
  -webkit-animation: pop .4s ease-out forwards;
  -webkit-animation-delay: 4.3s;
  animation: pop .4s ease-out forwards;
  animation-delay: 4.3s;
  transform-origin: 188.43px 210.651px;
  -webkit-transform-origin: 50% 50%; }

body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #line1 {
  stroke-dashoffset: 123;
  stroke-dasharray: 123; }

body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #line2 {
  stroke-dashoffset: 123;
  stroke-dasharray: 123; }

body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #line3 {
  stroke-dashoffset: 460;
  stroke-dasharray: 460; }

body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #dash1 {
  stroke-dashoffset: 360;
  stroke-dasharray: 360; }

body#crm.no-touch #crm-section-2-2 svg#section2-illus1 #dash2 {
  stroke-dashoffset: 360;
  stroke-dasharray: 360; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #line1 {
  -webkit-animation: line .5s linear forwards;
  animation: line .5s linear forwards; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #line2 {
  -webkit-animation: line .5s linear forwards;
  animation: line .5s linear forwards;
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #line3 {
  -webkit-animation: line 1s linear forwards;
  animation: line 1s linear forwards;
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #dash1 {
  -webkit-animation: line 1s linear forwards;
  animation: line 1s linear forwards;
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

body#crm #crm-section-2-2 > .do_animate > svg#section2-illus1 #dash2 {
  -webkit-animation: line 1s linear forwards;
  animation: line 1s linear forwards;
  -webkit-animation-delay: 4s;
  animation-delay: 4s; }

/* -------------------------------------------------------------------------*\
	CRM - /new
\*------------------------------------------------------------------------ */
@media only screen and (max-width: 568px) {
  #crm-new-section h4.text_left,
  #crm-new-section li {
    text-align: left !important; }

  #crm-new-section-1 {
    padding: 0 20px !important; } }
/* -------------------------------------------------------------------------*\
	Contact - /contact
\*------------------------------------------------------------------------ */
#contact .ac_cols-wrapper {
  position: relative;
  height: 100%; }

#contact .contact-rightcol {
  margin-left: 16.558%;
  height: 100%;
  position: absolute;
  top: -20px;
  right: 0;
  width: 30%; }

#contact .ac_container {
  position: relative; }

#contact .contact-rightcol-section h5 {
  margin-bottom: 15px;
  text-align: left; }

#contact .contact-rightcol-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px; }

#contact .contact-rightcol-section ul li {
  margin-bottom: 8px; }

#contact .contact-rightcol-section .ac-icon {
  float: left;
  margin-top: 1px;
  font-size: 17px; }

#contact .contact_submit {
  min-width: 180px; }

#contact .ac_button-group .button {
  min-width: 80px; }

#contact .map {
  margin: 0 auto;
  width: 246px;
  height: 124px;
  overflow: hidden;
  border: #cacaca 1px solid;
  border-radius: 4px; }

/* -------------------------------------------------------------------------*\
	Customers - /customers
\*------------------------------------------------------------------------ */
#customers .customer-tweet {
  min-height: 250px;
  margin-bottom: 20px;
  position: relative; }

#customers .customer-tweet .post a,
#customers .customer-tweet .post a:active,
#customers .customer-tweet .post a:visited {
  font-size: 16px;
  color: #696969 !important;
  line-height: 1.6em; }

#customers .customer-tweet .post a:hover {
  text-decoration: underline; }

#customers .customer-tweet .user {
  text-align: left !important;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fafafa;
  width: 100%;
  padding: 20px;
  border-radius: 0 0 6px 6px;
  box-sizing: border-box; }

#customers .customer-tweet .user .photo {
  position: relative;
  float: left;
  margin-right: 10px;
  border-radius: 40px;
  width: 46px;
  height: 46px;
  overflow: hidden; }

#customers .customer-tweet .user .photo img {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  margin: auto;
  width: 48px;
  height: 48px; }

#customers .customer-tweet .user .name {
  margin-top: 4px; }

/* -------------------------------------------------------------------------*\
	Pricing - /pricing
\*------------------------------------------------------------------------ */
body#pricing .ac_content-wrapper.pricing {
  max-width: 900px; }

body#pricing #pricing-section-1 .ac_col.three {
  width: 29%; }

body#pricing #pricing-section-1 .ac_col.one {
  width: 3%; }

body#pricing #pricing-section-1 td.border-bottom {
  border-bottom: #cacaca 1px solid; }

body#pricing #pricing-section-1 table.pricing-tier {
  border-spacing: 0;
  border-radius: 6px; }

body#pricing #pricing-section-1 .pricing-tier td {
  padding: 14px 30px; }

body#pricing #pricing-section-1 .pricing-tier td:first-child {
  border-radius: 4px 4px 0 0; }

body#pricing #pricing-section-1 .pricing-tier .price {
  font-size: 52px;
  font-weight: 300; }

body#pricing #pricing-section-1 .pricing-tier ul {
  margin: 0;
  padding: 0; }

body#pricing #pricing-section-1 .pricing-tier li {
  display: block;
  list-style: none;
  padding-bottom: 16px; }

body#pricing #pricing-section-2 .ac_button {
  width: 220px; }

body#pricing #pricing-section-3 .ac_col.five {
  min-height: 130px; }

#pricing-custom {
  display: none; }

.contact_input {
  position: relative; }

.contact_input > input {
  font-size: 16px;
  padding: 14px;
  min-width: 125px; }

.contact_input-button {
  position: absolute;
  right: 5px;
  top: 5px; }

.pricing-container,
#pricing-custom {
  position: absolute;
  right: 10px;
  top: 0;
  width: 290px; }

.pricing-container table {
  border-spacing: 0;
  border-radius: 6px;
  border: #cacaca 1px solid; }

.pricing-container td {
  padding: 14px 30px; }

.pricing-container td.pricing-containerPrice .price {
  font-size: 42px;
  font-weight: 300; }

.pricing-table table {
  border-spacing: 0; }

.pricing-table td {
  padding: 14px;
  border-left: #cacaca 1px solid;
  border-right: #cacaca 1px solid;
  border-top: #cacaca 1px solid; }

.pricing-table tr.last td {
  border-bottom: #cacaca 1px solid; }

.pricing-table tr.active > td {
  background: #c9ddf6;
  border-top: #3467b0 1px solid;
  color: #33598e;
  border-left: #3467b0 1px solid;
  color: #33598e;
  border-right: #3467b0 1px solid;
  color: #33598e; }

.pricing-table tr.active + tr td {
  border-top: #3467b0 1px solid; }

.pricing-table td:nth-child(2) {
  border-left: none !important; }

/* -------------------------------------------------------------------------*\
	Pricing2 - /pricing
\*------------------------------------------------------------------------ */
body#pricing .ac_content-wrapper.pricing {
  max-width: 900px; }

body#pricing #pricing-contacts .contacts {
  margin: 0 auto;
  text-align: center; }

body#pricing #pricing-contacts .contacts .contact_amount {
  font-size: 60px;
  font-weight: 300;
  line-height: 1.3em; }

body#pricing #pricing-contacts #contacts_slider-outer {
  position: relative;
  max-width: 350px;
  margin: 0 auto;
  padding: 20px 23px;
  border: #e3e3e3 1px solid;
  border-radius: 30px; }

body#pricing #pricing-contacts #contacts_slider-outer .slider-hint {
  position: absolute;
  left: -8px;
  top: 45px;
  width: auto;
  padding: 6px 14px 8px 14px;
  background: #737373;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  z-index: 2; }

body#pricing #pricing-contacts #contacts_slider-outer .slider-hint:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(115, 115, 115, 0);
  border-bottom-color: #737373;
  border-width: 6px;
  margin-left: -6px; }

body#pricing #pricing-section-1 td.border-bottom {
  border-bottom: #cacaca 1px solid; }

body#pricing #pricing-section-1 table.pricing-tier {
  border-spacing: 0;
  border-radius: 6px; }

body#pricing #pricing-section-1 .pricing-tier td {
  padding: 14px 30px; }

body#pricing #pricing-section-1 .pricing-tier td:first-child {
  border-radius: 4px 4px 0 0; }

body#pricing #pricing-section-1 .pricing-tier .price {
  font-size: 52px;
  font-weight: 300; }

body#pricing #pricing-section-1 .pricing-tier ul {
  margin: 0;
  padding: 0; }

body#pricing #pricing-section-1 .pricing-tier li {
  display: block;
  list-style: none;
  padding-bottom: 16px; }

body#pricing #pricing-section-1 .pricing-tier td.tier_subheader {
  background: #f3f3f3;
  text-align: center;
  font-weight: 600;
  padding: 8px 30px;
  font-size: 13px;
  border-radius: 0; }

body#pricing #pricing-section-1 .pricing-tier td.tier_contacts {
  text-align: center; }

body#pricing #pricing-section-1 .pricing-tier td.tier_contacts .contact_amount {
  font-size: 34px;
  font-weight: 300; }

body#pricing #pricing-section-1 .pricing-tier #enterprise_requestdemo {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  padding: 14px 25px !important;
  border-radius: 0 0 6px 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body#pricing #pricing-section-1 .pricing-tier #enterprise_requestdemo span {
  font-size: 21px;
  vertical-align: text-bottom;
  line-height: 1em; }

/* -------------------------------------------------------------------------*\
	Pricing2 - /pricing
\*------------------------------------------------------------------------ */
body#pricing2 .pricing-tier .cents {
  font-size: 13px;
  color: #939393;
  font-weight: 400; }

body#pricing2 #pricing-section-1 .ac_col.five {
  width: 39.73%; }

body#pricing2 #pricing-section-1 .ac_col.three {
  width: 26%;
  height: 740px;
  border: #cacaca 1px solid; }
  body#pricing2 #pricing-section-1 .ac_col.three.small-biz {
    border-radius: 6px 0 0 6px; }
  body#pricing2 #pricing-section-1 .ac_col.three.enterprise {
    border-radius: 0 6px 6px 0;
    margin-left: -1px !important; }

body#pricing2 #pricing-section-1 .ac_col.small {
  border-radius: 6px; }
  body#pricing2 #pricing-section-1 .ac_col.small.contacts-column {
    font-size: 96%;
    width: 28.73%; }
    body#pricing2 #pricing-section-1 .ac_col.small.contacts-column .contact_amount {
      font-size: 40px; }
    body#pricing2 #pricing-section-1 .ac_col.small.contacts-column h5.ac_fw-heavy {
      font-size: 19px; }
    body#pricing2 #pricing-section-1 .ac_col.small.contacts-column #pricing_toggle {
      font-size: 13px !important; }
    body#pricing2 #pricing-section-1 .ac_col.small.contacts-column .testimonial {
      text-align: center; }
  body#pricing2 #pricing-section-1 .ac_col.small.one {
    margin-left: 18px;
    width: 3%;
    font-size: 96%; }
    body#pricing2 #pricing-section-1 .ac_col.small.one img {
      width: 25px; }
  body#pricing2 #pricing-section-1 .ac_col.small.three {
    width: 21.1%;
    font-size: 96%; }
  body#pricing2 #pricing-section-1 .ac_col.small .pricing-tier .price {
    font-size: 37px; }

body#pricing2 #pricing-section-1 .ac_col.one {
  width: 5%;
  text-align: center; }
  body#pricing2 #pricing-section-1 .ac_col.one img {
    margin-top: 140px; }

body#pricing2 #pricing-section-1 td.border-bottom {
  border-bottom: #cacaca 1px solid; }

body#pricing2 #pricing-section-1 table.pricing-tier {
  border-spacing: 0; }

body#pricing2 #pricing-section-1 .pricing-tier td {
  padding: 14px 20px !important; }

body#pricing2 #pricing-section-1 .pricing-tier .price {
  font-size: 52px;
  font-weight: 300; }
  body#pricing2 #pricing-section-1 .pricing-tier .price.long-price {
    font-size: 49px; }

body#pricing2 #pricing-section-1 .pricing-tier ul {
  margin: 0;
  padding: 0; }

body#pricing2 #pricing-section-1 .pricing-tier li {
  display: block;
  list-style: none;
  padding-bottom: 16px; }

body#pricing2 #pricing-section-2 .ac_button {
  width: 220px; }

body#pricing2 #pricing-section-3 .ac_col.five {
  min-height: 130px; }

body#pricing2 #pricing-custom {
  display: none; }

body#pricing2 .contact_input {
  position: relative; }

body#pricing2 .contact_input > input {
  font-size: 16px;
  padding: 14px;
  min-width: 125px; }

body#pricing2 .contact_input-button {
  position: absolute;
  right: 5px;
  top: 5px; }

.pricing-container,
#pricing-custom {
  position: absolute;
  right: 10px;
  top: 0;
  width: 290px; }

.pricing-container table {
  border-spacing: 0;
  border-radius: 6px;
  border: #cacaca 1px solid; }

.pricing-container td {
  padding: 14px 30px; }

.pricing-container td.pricing-containerPrice .price {
  font-size: 42px;
  font-weight: 300; }

.pricing-table table {
  border-spacing: 0; }

.pricing-table td {
  padding: 14px;
  border-left: #cacaca 1px solid;
  border-right: #cacaca 1px solid;
  border-top: #cacaca 1px solid; }

.pricing-table tr.last td {
  border-bottom: #cacaca 1px solid; }

.pricing-table tr.active > td {
  background: #c9ddf6;
  border-top: #3467b0 1px solid;
  color: #33598e;
  border-left: #3467b0 1px solid;
  color: #33598e;
  border-right: #3467b0 1px solid;
  color: #33598e; }

.pricing-table tr.active + tr td {
  border-top: #3467b0 1px solid; }

.pricing-table td:nth-child(2) {
  border-left: none !important; }

body#pricing2 #pricing-section-1 .testimonial {
  padding-top: 30px;
  margin-top: 40px;
  border-top: #d0d0d0 1px dashed; }

body#pricing2 #pricing-section-1 .contacts {
  margin: 0 auto;
  text-align: center;
  border-radius: 6px;
  border: #cacaca 1px solid; }
  body#pricing2 #pricing-section-1 .contacts .header {
    padding: 13px 20px 8px 20px;
    border-bottom: #cacaca 1px solid; }
  body#pricing2 #pricing-section-1 .contacts .content {
    padding: 20px; }
  body#pricing2 #pricing-section-1 .contacts .footer {
    padding: 13px 20px 13px 20px;
    border-top: #cacaca 1px solid; }
    body#pricing2 #pricing-section-1 .contacts .footer .term a {
      color: #939393;
      text-decoration: underline; }
      body#pricing2 #pricing-section-1 .contacts .footer .term a.active {
        color: #345E95;
        text-decoration: none; }
      body#pricing2 #pricing-section-1 .contacts .footer .term a:hover {
        text-decoration: none; }

body#pricing2 #pricing-section-1 .contacts .contact_amount {
  font-size: 60px;
  font-weight: 300;
  line-height: 1.3em; }

body#pricing2 #pricing-section-1 #contacts_slider-outer {
  position: relative;
  max-width: 300px;
  margin: 0 auto; }

body#pricing2 #pricing-section-1 #contacts_slider-outer .slider-hint {
  position: absolute;
  left: -30px;
  top: 30px;
  width: auto;
  padding: 6px 14px 8px 14px;
  background: #737373;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  z-index: 2; }

body#pricing2 #pricing-section-1 #contacts_slider-outer .slider-hint:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(115, 115, 115, 0);
  border-bottom-color: #737373;
  border-width: 6px;
  margin-left: -6px; }

body#pricing2 #pricing-section-1 td.border-bottom {
  border-bottom: #cacaca 1px solid; }

body#pricing2 #pricing-section-1 table.pricing-tier {
  border-spacing: 0; }

body#pricing2 #pricing-section-1 .pricing-tier.small-biz {
  border-radius: 6px 0 0 6px; }

body#pricing2 #pricing-section-1 .pricing-tier.enterprise {
  border-radius: 0 6px 6px 0; }

body#pricing2 #pricing-section-1 .pricing-tier td {
  padding: 14px 30px; }

body#pricing2 #pricing-section-1 .pricing-tier.small-biz td:first-child {
  border-radius: 5px 0 0 0; }

body#pricing2 #pricing-section-1 .pricing-tier.enterprise td:first-child {
  border-radius: 0 5px 0 0; }

body#pricing2 #pricing-section-1 .pricing-tier .price {
  font-size: 52px;
  font-weight: 300; }

body#pricing2 #pricing-section-1 .pricing-tier ul {
  margin: 0;
  padding: 0; }

body#pricing2 #pricing-section-1 .pricing-tier li {
  display: block;
  list-style: none;
  padding-bottom: 16px; }

body#pricing2 #pricing-section-1 .pricing-tier td.tier_subheader {
  background: #f3f3f3;
  text-align: center;
  font-weight: 600;
  padding: 8px 30px !important;
  font-size: 13px;
  border-radius: 0; }

body#pricing2 #pricing-section-1 .pricing-tier td.tier_contacts {
  text-align: center; }

body#pricing2 #pricing-section-1 .pricing-tier td.tier_contacts .contact_amount {
  font-size: 34px;
  font-weight: 300; }

body#pricing2 #pricing-section-1 .pricing-tier #enterprise_requestdemo {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: -20px;
  padding: 14px 25px !important;
  border-radius: 0 0 6px 6px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body#pricing2 #pricing-section-1 .pricing-tier #enterprise_requestdemo span {
  font-size: 21px;
  vertical-align: text-bottom;
  line-height: 1em; }

/* -------------------------------------------------------------------------*\
	Plan Compare - /pricing/compare
\*------------------------------------------------------------------------ */
#plan-compare table tr td {
  padding: 14px 0; }

#plan-compare thead td {
  padding-top: 0 !important; }

#plan-compare tbody tr:first-of-type td {
  padding-top: 23px; }

#plan-compare tbody td .ac-icon-ok {
  font-size: 18px;
  color: #60cb98; }

#plan-compare tbody td .ac-icon-remove {
  color: #f37c7b; }

#plan-compare tbody td.col2,
#plan-compare tbody td.col3,
#plan-compare tbody td.col4,
#plan-compare tbody td.col5,
#plan-compare tbody td.col6,
#plan-compare tbody td.col7 {
  text-align: center; }

/* -------------------------------------------------------------------------*\
	Compare - /compare/
\*------------------------------------------------------------------------ */
body#compare .compare-item {
  cursor: pointer; }

body#compare .compare-item:hover {
  background: #fafafa; }

body#compare .compare-item h5 {
  display: block;
  margin: 0;
  padding: 50px 0; }

.pricing-tier {
  table-layout: fixed;
  border-spacing: 0;
  border-radius: 6px;
  border: #cacaca 1px solid; }
  .pricing-tier td {
    padding: 6px 20px; }
  .pricing-tier .heading td {
    border-radius: 4px 4px 0 0;
    padding: 14px 30px; }
    .pricing-tier .heading td.bg-inf {
      background: #D6F5B6; }
  .pricing-tier .separator td span {
    display: inline-block;
    background: #cacaca;
    height: 1px;
    width: 95%; }
  .pricing-tier .price {
    font-size: 42px;
    font-weight: 500;
    padding-bottom: 20px; }
    .pricing-tier .price span {
      font-size: 24px;
      font-weight: 500;
      color: #939393; }
  .pricing-tier ul {
    margin: 0;
    padding: 0; }
    .pricing-tier ul .pricing-tier li {
      display: block;
      list-style: none;
      padding-bottom: 16px; }

.ac_col.one {
  /* Laptop */ }
  @media (max-width: 980px) {
    .ac_col.one {
      display: none; } }

.tweets {
  text-align: center; }
  .tweets .ac_col.five {
    /* Laptop */ }
    @media (max-width: 980px) {
      .tweets .ac_col.five {
        float: none;
        display: inline-block;
        margin-left: 0; } }

.compare-pricing {
  /* Laptop */ }
  @media (max-width: 980px) {
    .compare-pricing {
      margin-left: 0; } }
  .compare-pricing .user-callout {
    /* Laptop */ }
    @media (max-width: 980px) {
      .compare-pricing .user-callout {
        padding-left: 0;
        flex: 0 0 100%;
        margin-bottom: 80px;
        width: 100%;
        text-align: center; } }
  .compare-pricing .ac_col.three {
    /* Laptop */ }
    @media (max-width: 980px) {
      .compare-pricing .ac_col.three {
        width: 48%; } }

/* -------------------------------------------------------------------------*\
	Keap (Infusionsoft) Compare - /compare/keap-infusionsoft
\*------------------------------------------------------------------------ */
body#compare-inf #compare-inf-section-1 td.border-bottom {
  border-bottom: #cacaca 1px solid; }

body#compare-inf #compare-inf-section-3-1 .ac_container {
  min-height: 350px; }
  body#compare-inf #compare-inf-section-3-1 .ac_container .ac_button {
    bottom: 40px;
    margin: 0 auto;
    left: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

/* -------------------------------------------------------------------------*\
	Campaign Monitor Compare - /compare/campaign-monitor
\*------------------------------------------------------------------------ */
body#compare-cm #compare-cm-section-5-1 .ac_screenshot-medium {
  max-height: 273px; }

body#compare-cm #compare-cm-section-1 .ac_col.four {
  background-color: #FFFFFF; }

body#compare-cm #compare-cm-section-7-1 .ac_container {
  min-height: 350px; }
  body#compare-cm #compare-cm-section-7-1 .ac_container .ac_button {
    bottom: 40px;
    margin: 0 auto;
    left: 0;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }

@media only screen and (max-width: 880px) {
  body#compare-cm #compare-cm-section-1 .ac_col.four:not(:last-child) {
    margin-bottom: 40px !important; } }
/* -------------------------------------------------------------------------*\
	Apps and Integrations - /apps
\*------------------------------------------------------------------------ */
body#apps .apps-head.ac_content-wrapper {
  padding-bottom: 30px; }

body#apps #top_screenshot {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(https://www.activecampaign.com/global_media/images/top-headshotbg.png) no-repeat left top;
  background-size: 100%;
  margin: 0 auto;
  text-align: center; }

body#apps #top_screenshot img {
  margin-top: 4%; }

body#apps #slides {
  display: none; }

#apps .ac_app-nav-filter ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#apps .ac_app-nav-filter ul#main {
  margin-bottom: 20px;
  border-bottom: #cacaca 1px solid;
  padding-bottom: 10px; }

#apps .ac_app-nav-filter ul li a {
  display: block;
  padding: 10px;
  width: 100%;
  box-sizing: border-box; }

#apps .ac_app-nav-filter ul li a:after {
  font-family: "ac-icons";
  content: '\e831';
  float: right;
  font-size: 12px;
  margin-top: 4px; }

#apps .ac_app-nav-filter ul li a.active {
  background: #7298cd;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

#apps .ac_app-container {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  width: 160px;
  padding: 20px;
  text-align: center;
  margin-left: 15px;
  margin-bottom: 15px;
  cursor: pointer;
  border: #cacaca 1px solid; }

#apps .ac_app-container:hover {
  background: #f8f8f8; }

#apps .ac_app-container .ac_app-icon {
  height: 60px;
  padding: 10px 0; }

#apps .ac_app-container .ac_app-name {
  position: relative;
  white-space: nowrap;
  overflow: hidden; }

#apps .ac_app-container .ac_app-name .fadeout {
  position: absolute;
  right: 0;
  top: 0;
  height: 18px;
  width: 16px;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0.9)));
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%);
  /* W3C */ }

#apps .ac_app-container:hover > .ac_app-name .fadeout {
  background: -moz-linear-gradient(left, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.9) 60%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(248, 248, 248, 0)), color-stop(60%, rgba(248, 248, 248, 0.9)));
  /* Chrome, Safari4+ */
  background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.9) 60%);
  /* Chrome10+, Safari5.1+ */
  background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.9) 60%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.9) 60%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(248, 248, 248, 0) 0%, rgba(248, 248, 248, 0.9) 60%);
  /* W3C */ }

#apps .app-links ul {
  margin: 0;
  padding: 0;
  list-style: none; }

#apps .app-links li {
  list-style: none;
  margin-bottom: 8px; }

body#apps .ac_app-list > .ac_col {
  margin-left: 1.6% !important; }

@media screen and (min-width: 569px) {
  #apps ._form_2244 {
    display: block; } }
@media screen and (max-width: 568px) {
  #apps ._form_2244 {
    display: none; } }
/* -------------------------------------------------------------------------*\
	Community landing - /community
\*------------------------------------------------------------------------ */
body#community .ac_section.pinned {
  background: #3c5e8e; }

body#community .ac_subheader {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  background: #3E70B5;
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0.15) 100%); }

body#community .ac_subheader h1,
body#community .ac_subheader .ac_sub-title {
  color: #fff !important; }

body#community .ac_subheader > .ac_content-wrapper {
  padding-top: 300px;
  padding-bottom: 120px;
  color: #fff; }

body#community .ac_subheader .ac_town {
  width: 100%;
  height: 165px;
  background: url(https://www.activecampaign.com/global_media/images/community_hero1.png) no-repeat right center;
  background-size: 397px; }

body#community .ac_header {
  background: rgba(0, 0, 0, 0.07); }

body#community #community-section-1 {
  margin-top: 360px; }

body#community.sticky #community-section-1 {
  margin-top: 400px; }

body#community.pinned_content #community-section-1 {
  margin-top: 409px; }

body#community #community-section-1 .ac_container {
  padding: 0;
  min-height: 486px; }

body#community #community-section-1 .ac_container .header {
  padding: 14px 20px;
  border-bottom: #cacaca 1px solid; }

body#community .events {
  min-height: 200px !important;
  margin-bottom: 15px;
  max-height: 200px !important; }
  body#community .events .body {
    max-height: 108px;
    overflow-y: auto; }

body#community #community-section-1 .ac_container .body {
  padding: 20px; }

body#community #community-section-1 .ac_container .body .post {
  margin-bottom: 17px; }

body#community #community-section-1 .ac_container .body .post:last-child {
  margin-bottom: 0; }

body#community #community-section-1 .ac_container .body .post .title {
  font-weight: 600;
  font-size: 14px; }

body#community #community-section-1 .ac_container .body .post .info {
  color: #939393 !important;
  font-size: 12px;
  margin-top: 3px; }

body#community #community-section-1 .ac_container .body .post .info a,
body#community #community-section-1 .ac_container .body .post .info a:visited {
  color: #939393 !important;
  text-decoration: underline; }

body#community #community-section-1 .ac_container .body .post .info a:hover {
  text-decoration: none; }

body#community #community-section-1 .ac_container.chat {
  min-height: auto;
  margin-bottom: 15px; }

body#community #community-section-1 .ac_container.events .body .post {
  display: table; }

body#community #community-section-1 .ac_container.events .body .post .event {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px; }

body#community #community-section-1 .ac_container.events .body .post .date-wrapper {
  display: table-cell;
  vertical-align: middle; }

body#community #community-section-1 .ac_container.events .body .post .date-wrapper .date {
  background: #f2f2f2;
  border-radius: 6px;
  text-align: center;
  width: 52px;
  padding: 8px 0 4px 0; }

body#community #community-section-1 .ac_container.events .body .post .date-wrapper .date .month {
  text-transform: uppercase;
  font-size: 10px;
  font-family: "Helvetica"; }

body#community #community-section-1 .ac_container.events .body .post .date-wrapper .date .day {
  font-size: 23px;
  font-weight: 600;
  margin-top: -3px; }

body#community #community-section-1 .ac_container.chat .chat_wrap {
  position: relative;
  width: 100%;
  height: 153px;
  background: url(https://www.activecampaign.com/global_media/images/community_chat.png) no-repeat center center;
  background-size: 100%; }

body#community #community-section-1 .ac_container.chat .chat_wrap .login {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translate(0, -50%); }

body#community #community-section-1 .ac_container.chat .chat_wrap .login .login_button {
  min-width: 122px;
  margin: 0 !important; }

body#community .ac_loginbox,
body#community .ac_info-lightblue {
  max-width: 488px;
  margin: 0 auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

body#community .ac_loginbox .accountinput {
  position: relative; }

body#community .ac_loginbox .accountinput #domain {
  position: absolute;
  right: 5px;
  top: 5px; }

body#community .ac_loginbox .accountinput #domain a.popover-trigger {
  display: block;
  background: #f2f2f2;
  padding: 10px 14px;
  font-size: 14px;
  color: #4b4b4b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

body#community .ac_loginbox .ac_button {
  min-width: 180px; }

body#community .forum_latest {
  min-height: 466px !important;
  max-height: 466px; }
  body#community .forum_latest .body {
    padding: 20px 20px 0 0 !important;
    -webkit-columns: 302px 2;
    -moz-columns: 302px 2;
    columns: 302px 2; }
    body#community .forum_latest .body .post {
      display: inline-block;
      padding-left: 20px;
      vertical-align: top; }
      body#community .forum_latest .body .post:last-child {
        margin-bottom: 20px; }

@media only screen and (max-width: 568px) {
  #loginModal .modal-dialog {
    width: auto !important; } }
/* -------------------------------------------------------------------------*\
	Community Events - /community/events
\*------------------------------------------------------------------------ */
body#events .ac_section.pinned {
  background: #3c5e8e; }

body#events .community-subhead {
  background: #3e70b5; }

body#events .community-subhead h1,
body#events .community-subhead .ac_sub-title {
  color: #FFFFFF; }

body#events #events-section-1 .event_container {
  position: relative;
  width: 100%; }

body#events #events-section-1 .event_container .event_img {
  position: relative;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
  background: #E0E0E0 url(https://www.activecampaign.com/global_media/images/community_events-eventdefault.png) no-repeat;
  height: 220px;
  background-size: cover; }

body#events #events-section-1 .event_container .event_img .event_type {
  position: absolute;
  top: 10px;
  right: 10px;
  border: #fff 1px solid;
  color: #fff;
  padding: 2px 12px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  border-radius: 3px;
  opacity: 0.9; }

body#events #events-section-1 .event_container .event_body {
  min-height: 180px;
  margin-top: -4px;
  padding: 14px;
  text-align: center;
  border-left: #cacaca 1px solid;
  border-right: #cacaca 1px solid;
  border-bottom: #cacaca 1px solid;
  border-radius: 0 0 6px 6px; }

body#events #events-section-1 .event_container .event_body .event_name {
  font-size: 16px;
  font-weight: 600; }

body#events #events-section-1 .event_container .event_body .event_date {
  font-size: 14px;
  color: #939393;
  padding-bottom: 14px;
  border-bottom: #ebebeb 1px solid;
  margin-bottom: 15px; }

body#events #events-section-1 .event_container .event_body .event_loc {
  height: 38px; }

body#events #events-section-1 .event_container .ac_button {
  margin-top: 40px;
  margin-bottom: 0; }

body#events #notifyModal .notify_wrap {
  width: 440px;
  margin: 0 auto; }

/* -------------------------------------------------------------------------*\
	Partners landing - /partner
\*------------------------------------------------------------------------ */
body#partners .ac_section.pinned {
  background: #3c5e8e; }

body#partners .ac_subheader {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  background: #3E70B5;
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0.15) 100%); }

body#partners .ac_subheader h1,
body#partners .ac_subheader .ac_sub-title {
  color: #fff !important; }

body#partners .ac_subheader > .ac_content-wrapper {
  padding-top: 300px;
  padding-bottom: 0; }

body#partners .ac_subheader .reseller_login {
  color: #DDE6F2;
  font-size: 16px;
  margin-top: 8px; }

body#partners .ac_subheader .reseller_login a:link,
body#partners .ac_subheader .reseller_login a:visited {
  color: #DDE6F2;
  text-decoration: underline; }

body#partners .ac_header {
  background: rgba(0, 0, 0, 0.07); }

body#partners #partners-section-1 {
  margin-top: 360px; }

body#partners.sticky #partners-section-1 {
  margin-top: 400px; }

body#partners.pinned_content #partners-section-1 {
  margin-top: 349px; }

body#partners #partners-section-1 .partner-icon {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2; }
  body#partners #partners-section-1 .partner-icon.affiliate-icon img {
    padding: 3px;
    width: 104px;
    background-color: #fff; }

body#partners #partners-section-1 h5 {
  margin-top: 50px; }

body#partners #partners-section-1 .ac_button {
  width: 70%; }

/* -------------------------------------------------------------------------*\
	Features landing - /features/
\*------------------------------------------------------------------------ */
body#features .ac_section.pinned {
  background: #3c5e8e; }

body#features .ac_subheader {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  background: #3E70B5;
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0.15) 100%); }

body#features .ac_subheader h1,
body#features .ac_subheader .ac_sub-title {
  color: #fff !important; }

body#features .ac_subheader > .ac_content-wrapper {
  padding-top: 200px;
  padding-bottom: 0; }

body#features .ac_header {
  background: rgba(0, 0, 0, 0.07); }

body#features #features-section-1 {
  margin-top: 250px; }

body#features .ac_col.four ul {
  margin: 0;
  padding: 0;
  list-style: none; }

body#features .ac_col.four ul li {
  margin-bottom: 8px; }

body#features .ac_col.four .icon {
  height: 120px;
  width: auto;
  margin-top: 20px;
  margin-bottom: 30px; }

body#features .ac_col.four .icon .helper {
  vertical-align: middle;
  height: 100%;
  display: inline-block; }

body#features .ac_col.four .icon img {
  vertical-align: middle; }

/* -------------------------------------------------------------------------*\
	Forms landing - /forms/
\*------------------------------------------------------------------------ */
body#forms .ac_section.pinned {
  background: #3c5e8e; }

body#forms .ac_subheader {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  background: #3E70B5;
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0.15) 100%); }

body#forms .ac_subheader h1,
body#forms .ac_subheader .ac_sub-title {
  color: #fff !important; }

body#forms .ac_subheader > .ac_content-wrapper {
  padding-top: 200px; }

body#forms .ac_header {
  background: rgba(0, 0, 0, 0.07); }

body#forms #forms-section-1 {
  margin-top: 250px; }

body#forms.pinned_content #forms-section-1 {
  margin-top: 300px; }

body#forms #top_screenshot {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(https://www.activecampaign.com/global_media/images/top-headshotbgl.png) no-repeat 0 90px;
  background-size: 100%;
  margin: 0 auto;
  text-align: center; }

body#forms .advance-features-title {
  overflow: hidden; }

body#forms #advance-features-slides {
  height: 565px; }

@-webkit-keyframes scroll-bg {
  from {
    background-position: 0 0; }
  to {
    background-position: 0 -502px; } }
body#forms .slide {
  overflow: hidden; }

body#forms .do_animate {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

body#forms .slide-form-bg {
  position: relative;
  left: 2px;
  right: 0;
  top: 39px;
  bottom: 0;
  content: '';
  height: 480px;
  width: 966px;
  background: url("https://d226aj4ao1t61q.cloudfront.net/ui2drsbv6_bg-content.png"); }

body#forms .slide-form-scroll-bg {
  -webkit-animation: scroll-bg 8s infinite linear; }

section[id^="forms-section"] {
  background-color: #FFFFFF; }

#forms-section-3-1 .slide-form-fadein {
  position: absolute;
  bottom: 2px;
  right: 40px;
  margin-left: -130px;
  height: 240px;
  width: 260px;
  border: 3px solid #3F70B3;
  background: #FFF;
  z-index: 1;
  opacity: 0; }
  #forms-section-3-1 .slide-form-fadein.do_animate {
    -webkit-transition: opacity 0.4s ease-in 0.6s;
    -moz-transition: opacity 0.4s ease-in 0.6s;
    -o-transition: opacity 0.4s ease-in 0.6s;
    opacity: 1; }
  #forms-section-3-1 .slide-form-fadein.animate.flash {
    -webkit-animation: flash 1.4s ease-in-out alternate;
    -moz-animation: flash 1.4s ease-in-out alternate;
    animation: flash 1.4s ease-in-out alternate; }

@-moz-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-ms-keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes flash {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
#forms-section-3-2 .slide-form-pop {
  position: absolute;
  bottom: 100px;
  left: 50%;
  margin-left: -130px;
  height: 240px;
  width: 260px;
  z-index: 1;
  transform: scale(0, 0);
  box-sizing: border-box; }
  #forms-section-3-2 .slide-form-pop.do_animate {
    -webkit-animation: pop 0.2s ease-out forwards;
    animation: pop 0.2s ease-out forwards;
    animation-delay: 0.6s;
    -webkit-animation-delay: 0.6s;
    transform-origin: 250.262px 196.043px;
    -webkit-transform-origin: 50% 50%;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -webkit-transform-origin: 50% 50%; }
  #forms-section-3-2 .slide-form-pop img {
    top: -3px !important;
    left: -3px !important;
    border: 3px solid #3F70B3; }

#forms-section-3-3 .slide-form-bg {
  background-repeat: no-repeat !important;
  background-position: 0 150px !important; }
#forms-section-3-3 .thank-you-msg {
  position: absolute;
  top: 60px;
  left: 50%;
  margin-left: -237px;
  width: 430px;
  padding: 20px;
  background: #37BE9A;
  color: #FFF;
  font-size: 18px;
  border-radius: 4px;
  transform: scale(0, 100%); }
  #forms-section-3-3 .thank-you-msg.do_animate {
    -webkit-animation: pop 0.2s ease;
    animation: pop 0.2s ease;
    animation-delay: 0.4s;
    -webkit-animation-delay: 0.4s; }

#forms-section-3-4 .slide-form-sidebar {
  position: absolute;
  top: 183px;
  right: 250px;
  z-index: 1;
  width: 125px; }
  #forms-section-3-4 .slide-form-sidebar .slide-form-popaway {
    position: relative;
    width: 126px;
    height: 89px;
    border: 3px solid #3F70B3;
    z-index: 1;
    box-sizing: border-box;
    z-index: 1; }
  #forms-section-3-4 .slide-form-sidebar .slide-form-sidebar-content {
    position: absolute;
    top: 89px;
    left: -1px;
    margin-top: 0;
    padding-top: 20px;
    width: 127px;
    background: #FAFAFB;
    text-align: left;
    z-index: 2; }
    #forms-section-3-4 .slide-form-sidebar .slide-form-sidebar-content.do_animate {
      transition-delay: 0.8s;
      -webkit-transition-delay: 0.8s;
      -webkit-transition-duration: 0.4s;
      transition-duration: 0.4s;
      -webkit-transition-timing-function: ease-out;
      transition-timing-function: ease-out;
      -webkit-transform: translate(0, -108px);
      transform: translate(0, -108px); }

#forms-section-5-2 .code-editor {
  background: #002F41 url("https://d226aj4ao1t61q.cloudfront.net/2b58sco1o_code-editor.gif");
  background-size: cover; }

#forms-section-6 .ac_screenshot-small-wrapper {
  background-color: #5E5E60; }

@media only screen and (max-width: 980px) {
  body#forms .ac_subheader .ac_content-wrapper {
    padding-top: 150px; } }
@media only screen and (max-width: 568px) {
  body#forms .ac_subheader {
    top: 60px !important; }
    body#forms .ac_subheader .ac_content-wrapper {
      padding-top: 86px !important;
      padding-bottom: 83px !important; }

  body#forms .ac_content:not(.ac_subheader) {
    background-color: #FFFFFF !important; }

  #body#forms .ac_body-wrapper.form {
    margin-top: 100px !important; }

  #body#forms .ac_screenshot-small {
    height: auto !important; }

  #body#forms .ac_screenshot-small-wrapper.code-editor {
    top: 0 !important;
    left: 0 !important; }

  #body#forms #forms-section-3 {
    display: none !important; }

  #body#forms #forms-section-4 {
    margin-top: -71px !important; } }
/* -------------------------------------------------------------------------*\
	Site tracking - /site-event-tracking
\*------------------------------------------------------------------------ */
body#tracking .ac_section.pinned {
  background: #3c5e8e; }

/* -------------------------------------------------------------------------*\
	Segmentation - /feature/segmentation
\*------------------------------------------------------------------------ */
body#segmentation .ac_section.pinned {
  background: #3c5e8e; }

/* -------------------------------------------------------------------------*\
	Scoring - /feature/scoring
\*------------------------------------------------------------------------ */
body#scoring .ac_section.pinned {
  background: #3c5e8e; }

/* -------------------------------------------------------------------------*\
	Reseller - /features/resell.php
\*------------------------------------------------------------------------ */
body#reseller .ac_section.pinned {
  background: #3c5e8e; }

body#reseller #resell-section-1 #join-button {
  width: 25%;
  margin: 40px auto 0 auto !important;
  display: block; }

body#reseller #resell-section-2 .ac_col {
  height: 400px; }

body#reseller #resell-section-3 #reseller-pricing table tr td {
  padding: 14px 0; }

body#reseller #resell-section-3 #reseller-pricing thead td {
  padding-top: 0 !important; }

body#reseller #resell-section-3 #reseller-pricing tbody tr:first-of-type td {
  padding-top: 23px; }

body#reseller #resell-section-3 {
  overflow-x: auto; }

body#reseller #resell-section-3 .discount-tabs,
body#reseller #resell-section-3 #reseller-pricing {
  min-width: 700px !important; }

body#reseller #resell-section-3 .discount-tabs {
  margin-bottom: -21px; }

body#reseller #resell-section-3 .discount-tabs table {
  border-spacing: 20px; }

body#reseller #resell-section-3 .discount-tabs td.tab {
  text-align: center;
  background: #EEF4FC;
  border: #CCD9EB 1px solid;
  border-radius: 6px 6px 0 0;
  padding: 16px 14px 12px 14px; }

body#reseller #resell-section-4 .ac_col.five,
body#reseller #resell-section-4 .ac_col.two {
  height: 200px; }

/* -------------------------------------------------------------------------*\
	Reseller Program
\*------------------------------------------------------------------------ */
body#reseller .tooltip {
  top: -38px;
  left: -14px;
  padding: 6px 10px;
  width: auto;
  color: #4B4B4D; }

body#reseller .tooltip:before,
body#reseller .tooltip:after {
  top: initial;
  bottom: -11px;
  border-width: 8px 7px 7px 0;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }

body#reseller .tooltip:before {
  bottom: -12px; }

body#reseller .status-mark .tooltip {
  top: initial;
  bottom: 24px; }

body#reseller .status-mark .tooltip:before,
body#reseller .status-mark .tooltip:after {
  left: 15px; }

body#reseller .plans {
  width: 150px; }

body#reseller .status-mark {
  width: 14px; }

body#reseller .status-mark .status h3 {
  padding: 10px 20px;
  font-size: 15px;
  font-weight: 400; }

body#reseller .status-mark .status.green h3:before {
  font-family: 'ac-icons';
  content: '\76';
  font-size: 15px;
  margin-right: 10px;
  color: #60CB98; }

body#reseller .status-mark .status-alert .status-text {
  padding: 10px 20px 10px 38px;
  border-top: #F2F2F2 1px solid;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body#reseller .accnts {
  padding-left: 0; }

body#reseller .ac_lists {
  height: auto;
  border-spacing: 0; }

body#reseller .ac_lists .account_tbl_listing {
  font-size: 14px; }

body#reseller .ac_lists .account_tbl_listing.inactive td {
  color: #ABABAB; }

body#reseller .bargraph {
  position: relative;
  width: 60px;
  height: 40px;
  line-height: 40px;
  background-color: #F1F1F1 !important;
  border: none !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden; }

body#reseller .reseller-head .ac_popover-menu {
  left: initial;
  right: 0;
  min-width: 110%; }

body#reseller .reseller-head .ac_popover-menu:before,
body#reseller .reseller-head .ac_popover-menu:after {
  left: initial;
  right: 19px; }

body#reseller .reseller-head .ac_popover-menu .active {
  background-color: #F2F2F2; }

body#reseller .reseller-head .ac_popover-menu a {
  cursor: text; }

body#reseller .reseller-head .ac_popover-menu strong {
  border-radius: 15px;
  padding: 4px 6px;
  background-color: #FFFFFF;
  border: 1px solid #C8C8C8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

body#reseller .reseller-head .ac_popover-menu span {
  display: block;
  margin-top: 5px; }

body#reseller .reseller-head .ac_popover-menu .active strong {
  color: #FFFFFF;
  background-color: #55D1B8;
  border: 1px solid #55D1B8; }

body#reseller .reseller-head .bargraph {
  display: inline-block;
  vertical-align: top; }

body#reseller .reseller-head .discount-dropdown .ac_button {
  font-weight: 400; }

body#reseller .account_tbl_listing td.graph {
  width: 120px; }

body#reseller .account_tbl_listing .bargraph {
  width: 120px !important;
  height: 25px;
  line-height: 25px; }

body#reseller .bargraph .bargraph_lbl {
  width: 100%;
  text-align: center;
  z-index: 1; }

body#reseller .bargraph .bargraph_bar {
  position: relative;
  display: block;
  padding: 0;
  height: 40px;
  line-height: 40px;
  background-color: #60CB98 !important;
  border: none;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
  zoom: 1; }

body#reseller .chart.close2limit .bargraph .bargraph_bar {
  background-color: #F37C7B !important; }

body#reseller td.option {
  padding-right: 0; }

body#reseller .account_tbl_listing .status_trigger .dropdown-trigger {
  position: absolute;
  right: 0;
  padding: 10px 12px !important;
  border-radius: 0 4px 4px 0; }

body#reseller .account_tbl_listing .status_trigger .trigger_option {
  padding-right: 68px !important;
  width: 50px; }

body#reseller .account_tbl_listing .status_trigger.login-enable .dropdown-trigger,
body#reseller .account_tbl_listing .status_trigger.login-enable .trigger_option {
  background-color: #F5F5F5 !important;
  border-color: #F5F5F5 !important; }

body#reseller .account_tbl_listing .status_trigger.login-enable .dropdown-trigger:hover,
body#reseller .account_tbl_listing .status_trigger.login-enable .trigger_option:hover {
  background-color: #CACACA !important;
  border-color: #CACACA !important; }

body#reseller .account_tbl_listing .dropdown {
  position: absolute;
  right: 0;
  margin-top: 10px;
  background: #FFFFFF;
  border: #CACACA 1px solid;
  border-radius: 4px;
  white-space: nowrap;
  z-index: 2; }

body#reseller .account_tbl_listing .dropdown:before,
body#reseller .account_tbl_listing .dropdown:after {
  position: absolute;
  top: -11px;
  right: 18px;
  content: '';
  width: 0;
  height: 0;
  border-width: 7px 7px 7px 0;
  border-style: solid;
  border-color: transparent #cacaca transparent transparent;
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  z-index: 50; }

body#reseller .account_tbl_listing .dropdown:after {
  top: -10px;
  border-color: transparent #fff transparent transparent; }

body#reseller .account_tbl_listing .dropdown .status_item a {
  padding: 9px 14px;
  border-bottom: 1px solid #C8C8C8;
  color: #4B4B4B;
  font-size: 14px;
  color: #4E4E4E;
  font-weight: 400;
  white-space: nowrap;
  text-align: left; }

body#reseller .account_tbl_listing .dropdown .status_item a:hover {
  background: #F6F6F6; }

body#reseller .account_tbl_listing .dropdown .status_item:last-child a {
  border-bottom: 0 none; }

body#reseller .account_tbl_listing .status {
  position: absolute;
  left: 0;
  height: 14px;
  width: 14px;
  border-radius: 100%; }

body#reseller .account_tbl_listing .status-text .status {
  left: 13px;
  top: 13px; }

body#reseller .account_tbl_listing .status.green {
  background-color: #6ec200; }

body#reseller .account_tbl_listing .status.yellow {
  background-color: #ffea00; }

body#reseller .account_tbl_listing .status.red {
  background-color: #d52003; }

/* -------------------------------------------------------------------------*\
	Resellers 2 - /partner/reseller
\*------------------------------------------------------------------------ */
body#resellers .ac_section.pinned {
  background: #3c5e8e; }

body#resellers .ac_subheader {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  background: #3E70B5;
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0.15) 100%); }

body#resellers .ac_subheader h1,
body#resellers .ac_subheader .ac_sub-title {
  color: #fff !important; }

body#resellers .ac_subheader > .ac_content-wrapper {
  padding-top: 300px;
  padding-bottom: 0; }

body#resellers .ac_subheader .reseller_login {
  color: #DDE6F2;
  font-size: 16px;
  margin-top: 8px; }

body#resellers .ac_subheader .reseller_login a:link,
body#resellers .ac_subheader .reseller_login a:visited {
  color: #DDE6F2;
  text-decoration: underline; }

body#resellers .ac_header {
  background: rgba(0, 0, 0, 0.07); }

body#resellers .reseller_hero-screenshot {
  position: relative;
  margin-bottom: -40px;
  width: 100%;
  height: 390px; }

body#resellers .reseller_hero-screenshot .frame {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(https://www.activecampaign.com/_ac_global//global_media/images/reseller-hero-frame.png) no-repeat top center;
  background-size: 948px;
  margin-bottom: -15px; }

body#resellers .reseller_hero-screenshot .frame .screen {
  position: relative;
  max-width: 845px;
  margin: 7% auto 0 auto; }

body#resellers .reseller_hero-screenshot .frame .screen-tip {
  position: absolute; }

body#resellers .reseller_hero-screenshot .frame .logo {
  left: 5px;
  top: 30px; }

body#resellers .reseller_hero-screenshot .frame .branding {
  left: 505px;
  top: 30px; }

body#resellers .reseller_hero-screenshot .frame .accounts {
  right: 80px;
  top: 30px; }

body#resellers #resellers-section-1 {
  margin-top: 740px; }

body#resellers.pinned_content #resellers-section-1 {
  margin-top: 789px; }

body#resellers #resellers-section-1 .half.arrow {
  padding-top: 40px; }

body#resellers #resellers-section-2 .discount_machine {
  width: 70%;
  border: #cacaca 1px solid;
  border-radius: 8px;
  background: #fff; }

body#resellers #resellers-section-2 .discount_machine > .title {
  padding: 15px 22px;
  border-bottom: #cacaca 1px solid;
  font-weight: 600;
  color: #939393;
  text-align: center; }

body#resellers #resellers-section-2 .discount_machine > .price {
  display: inline-block;
  text-align: center;
  padding: 10px 10px 20px 10px; }

body#resellers #resellers-section-2 .discount_machine > .price.first {
  padding-left: 22px;
  width: 35%;
  padding-right: 20px; }

body#resellers #resellers-section-2 .discount_machine > .price > .sub-text {
  color: #939393;
  margin-top: -10px; }

body#resellers #resellers-section-2 .discount_machine > .price > .value {
  font-size: 60px;
  font-weight: 100; }

body#resellers #resellers-section-2 .discount_machine > .slider {
  padding: 22px 22px 20px;
  border-top: #cacaca 1px solid; }

body#resellers.no-touch svg#offer-unique #automation,
body#resellers.no-touch svg#offer-unique #design,
body#resellers.no-touch svg#offer-unique #coaching {
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -webkit-transform-origin: 50% 50%; }

body#resellers.no-touch .illustration.do_animate svg#offer-unique #automation {
  -webkit-animation: pop .2s ease-out forwards;
  animation: pop .2s ease-out forwards;
  animation-delay: .5s;
  -webkit-animation-delay: .5s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

body#resellers.no-touch .illustration.do_animate svg#offer-unique #design {
  -webkit-animation: pop .2s ease-out forwards;
  animation: pop .2s ease-out forwards;
  animation-delay: 1.5s;
  -webkit-animation-delay: 1.5s;
  transform-origin: 451.054px 143.389px;
  -webkit-transform-origin: 50% 50%; }

body#resellers.no-touch .illustration.do_animate svg#offer-unique #coaching {
  -webkit-animation: pop .2s ease-out forwards;
  animation: pop .2s ease-out forwards;
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
  transform-origin: 671.507px 137.721px;
  -webkit-transform-origin: 50% 50%; }

/* -------------------------------------------------------------------------*\
	Resellers pricing - /partner/reseller/pricing
\*------------------------------------------------------------------------ */
body#reseller-pricing #reseller-pricing-1 #pricing-table {
  padding: 20px 20px 0 20px;
  margin-bottom: 10px; }

body#reseller-pricing #reseller-pricing-1 #pricing-table table tr td {
  padding: 14px 0; }

body#reseller-pricing #reseller-pricing-1 #pricing-table thead td {
  padding-top: 0 !important; }

body#reseller-pricing #reseller-pricing-1 #pricing-table tbody tr:first-of-type td {
  padding-top: 23px; }

body#reseller-pricing #reseller-pricing-1 {
  overflow-x: auto; }

body#reseller-pricing #reseller-pricing-1 .discount-tabs,
body#reseller #resell-section-3 #reseller-pricing {
  min-width: 700px !important; }

body#reseller-pricing #reseller-pricing-1 .discount-tabs {
  margin-bottom: -21px; }

body#reseller-pricing #reseller-pricing-1 .discount-tabs table {
  border-spacing: 20px; }

body#reseller-pricing #reseller-pricing-1 .discount-tabs td.tab {
  text-align: center;
  background: #EEF4FC;
  border: #CCD9EB 1px solid;
  border-radius: 6px 6px 0 0;
  padding: 16px 14px 12px 14px; }

/* -------------------------------------------------------------------------*\
	Partner – Affiliate - /partner/affiliate
\*------------------------------------------------------------------------ */
body#partner-affiliate .ac_header {
  background: rgba(0, 0, 0, 0.1); }

body#partner-affiliate .ac_section.pinned {
  background: #3c5e8e; }

body#partner-affiliate .ac_subheader {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  background: #3E70B5;
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0.15) 100%); }

body#partner-affiliate .ac_subheader h1,
body#partner-affiliate .ac_subheader .ac_sub-title {
  color: #fff !important; }

body#partner-affiliate .ac_subheader > .ac_content-wrapper {
  padding-top: 300px;
  padding-bottom: 2%; }

body#partner-affiliate .ac_subheader .referrals_login {
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  margin-top: 8px; }

body#partner-affiliate .ac_subheader .referrals_login a:link,
body#partner-affiliate .ac_subheader .referrals_login a:visited {
  color: rgba(255, 255, 255, 0.8);
  text-decoration: underline; }

body#partner-affiliate #affiliate-section-1 {
  margin-top: 400px; }

body#partner-affiliate.pinned_content #affiliate-section-1 {
  margin-top: 449px; }

body#partner-affiliate #affiliate-section-1 .half.arrow {
  padding-top: 40px; }

body#partner-affiliate .ac_loginbox .accountinput {
  position: relative; }

body#partner-affiliate .ac_loginbox .accountinput #domain {
  position: absolute;
  right: 5px;
  top: 5px; }

body#partner-affiliate .ac_loginbox .accountinput #domain a.popover-trigger {
  display: block;
  background: #f2f2f2;
  padding: 10px 14px;
  font-size: 14px;
  color: #4b4b4b;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px; }

body#partner-affiliate .ac_loginbox .ac_button {
  min-width: 180px; }

body#partner-affiliate #affiliate-section-2 {
  background-color: #f5f7fa; }
  body#partner-affiliate #affiliate-section-2 .center {
    margin: auto !important;
    float: none; }
  body#partner-affiliate #affiliate-section-2 .ac_cols-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  body#partner-affiliate #affiliate-section-2 .card-wrap {
    flex: 1; }
  body#partner-affiliate #affiliate-section-2 .card {
    background-color: #FFF;
    box-sizing: border-box;
    float: none;
    height: 100%;
    margin: auto;
    padding: 57px 25px 36px 25px;
    text-align: center; }
    body#partner-affiliate #affiliate-section-2 .card .icon {
      max-width: 96px;
      height: auto; }
    body#partner-affiliate #affiliate-section-2 .card .title {
      color: #4e4e4e;
      font-size: 24px;
      font-weight: 600;
      line-height: 1.04;
      margin-bottom: 14px; }
    body#partner-affiliate #affiliate-section-2 .card .subtitle {
      color: #4e4e4e;
      font-size: 18px;
      font-weight: 600;
      line-height: 1.39;
      margin-bottom: 26px; }
    body#partner-affiliate #affiliate-section-2 .card .description {
      color: #939393;
      font-size: 16px;
      line-height: 1.56; }

@media screen and (max-width: 568px) {
  body#partner-affiliate #affiliate-section-2 .ac_cols-wrapper {
    display: flex;
    justify-content: flex-start; }
  body#partner-affiliate #affiliate-section-2 .card-wrap {
    flex: 0 0 100%;
    padding: 15px 20px !important; } }
/* -------------------------------------------------------------------------*\
	Referrals - /partner/consultant
\*------------------------------------------------------------------------ */
body#partner-consultant .ac_subheader.partner {
  margin: 0 !important;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  background: #3E70B5;
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0.15) 100%); }

body#partner-consultant .ac_subheader h1,
body#partner-consultant .ac_subheader .ac_sub-title {
  color: #fff !important; }

body#partner-consultant .ac_subheader.partner > .ac_content-wrapper {
  padding: 200px 20px; }

body#partner-consultant #referrals-partner-section-1 {
  background-color: #FAFAFA !important;
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/x1kotb04_nbtiou1o8yt.png") !important;
  background-repeat: no-repeat;
  background-position: 50% -249px !important; }

body#partner-consultant .badge {
  padding-right: 10px; }

body#affiliate #affiliate-partner-section-1 .ac_sub-title {
  color: #4b4b4b; }

body#partner-consultant #referrals-partner-section-4 .processes .ac_container {
  margin-bottom: 90px;
  background: #FFFFFF;
  border: 1px solid #23538C; }

body#partner-consultant #referrals-partner-section-4 .processes .ac_container:last-child {
  margin-bottom: 0; }
  body#partner-consultant #referrals-partner-section-4 .processes .ac_container:last-child:after {
    display: none; }

body#partner-consultant #referrals-partner-section-4 .processes .ac_container.process:before {
  position: absolute;
  content: '';
  top: -40px;
  left: 50%;
  margin-left: -34px;
  width: 68px;
  height: 68px;
  background: url("https://d226aj4ao1t61q.cloudfront.net/alwpvgj4g_nhuo3qfgor.png") no-repeat; }

body#partner-consultant #referrals-partner-section-4 .processes .ac_container.process:after {
  position: absolute;
  content: '';
  bottom: -60px;
  left: 50%;
  background-color: #23538C;
  width: 1px;
  height: 60px; }

@media screen and (max-width: 568px) {
  body#partner-consultant .badge {
    padding-right: 0; } }
/* -------------------------------------------------------------------------*\
	Chrome Extension /chrome (redirected from /gmail)
\*------------------------------------------------------------------------ */
body#chrome-page .ac_content.ac_subheader {
  background: #3E70B5;
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0.15) 100%); }
  body#chrome-page .ac_content.ac_subheader h1, body#chrome-page .ac_content.ac_subheader .ac_sub-title {
    color: #fff !important; }

body#chrome-page .ac_content {
  background-color: #FFFFFF; }

@media only screen and (max-width: 568px) {
  body#chrome-page .ac_content.ac_subheader {
    margin-top: 47px !important; }
    body#chrome-page .ac_content.ac_subheader .ac_content-wrapper {
      padding-bottom: 70px !important; } }
/* -------------------------------------------------------------------------*\
	Referrals - /partner/consultant/apply
\*------------------------------------------------------------------------ */
body#partner-consultant-apply .ac_body-wrapper {
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/x1kotb04_nbtiou1o8yt.png") !important;
  background-repeat: no-repeat;
  background-position: 50% -249px !important; }

body#partner-consultant-apply .ac_container {
  background: #FFFFFF; }
  body#partner-consultant-apply .ac_container.ac_container-gray {
    padding: 10px;
    background: #f2f2f2; }

body#partner-consultant-apply {
  font-size: 14px;
  text-align: left !important; }
  body#partner-consultant-apply .ac_popover-menu {
    width: auto !important;
    min-width: 100%;
    z-index: 1; }
    body#partner-consultant-apply .ac_popover-menu ul {
      margin: 0;
      padding: 0;
      max-height: 300px;
      overflow: auto; }

body#partner-consultant-apply .ac_button {
  padding: 14px !important;
  font-size: 14px; }
  body#partner-consultant-apply .ac_button * {
    font-size: 14px; }
  body#partner-consultant-apply .ac_button span:after {
    position: absolute;
    top: 20px;
    right: 20px; }

/*------------------------------------------------------------------------*\
	Marketplace /marketplace
\*------------------------------------------------------------------------ */
body#marketplace .modal-header .close, .modal-content .close {
  cursor: pointer; }

#marketplace > .ac_content-wrapper .twohalf, #consultants > .ac_content-wrapper .twohalf {
  width: 18.8%; }

#marketplace h4, #consultants h4 {
  text-align: left; }

#marketplace .filter-list, #consultants .filter-list {
  padding-left: 0;
  margin-bottom: 50px; }

#marketplace .filter-list li, #consultants .filter-list li {
  list-style-type: none;
  margin-bottom: 12px;
  color: #939393;
  font-weight: 600; }

#marketplace .filter-list li a:hover, #consultants .filter-list li a:hover {
  color: #4073B5; }

#marketplace .filter-list li ul, #consultants .filter-list li ul {
  padding-left: 15px;
  margin-top: 12px; }

#marketplace .ac_input-search, #consultants .ac_input-search {
  margin-bottom: 30px; }

#marketplace .ac_input-search input, #consultants .ac_input-search input {
  padding-left: 30px !important;
  width: 100%; }

#marketplace .items-list, #consultants .items-list {
  margin: 0;
  padding-left: 0; }

#marketplace .items-list a {
  color: #4b4b4b;
  position: relative;
  display: inline-block; }
  #marketplace .items-list a:hover > .overlay {
    opacity: 1;
    transition: opacity, 0.2s; }

#marketplace .items-list a .overlay {
  width: 225px;
  height: 145px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  transition: opacity, 0.2s;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 6px 6px 0 0;
  opacity: 0; }

#marketplace .items-list li.item, #consultants .items-list li.item {
  position: relative;
  list-style-type: none;
  background-color: #fafafa;
  width: 225px;
  height: 200px;
  display: inline-block;
  border-radius: 6px;
  margin: 0 20px 20px 0; }

#marketplace .items-list a:nth-child(3n+3) li.item {
  margin-right: 0; }

#marketplace .items-list li.item .details {
  position: absolute;
  bottom: 0;
  padding: 10px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  background-color: #f2f2f2;
  width: 205px; }

#marketplace .items-list li.item .details .title {
  font-weight: 600;
  font-size: 13px;
  display: block; }

#marketplace .items-list li.item .details ul {
  padding: 0; }

#marketplace .items-list li.item .details ul li {
  list-style-type: none;
  font-size: 12px;
  display: inline-block; }

#marketplace .items-list li.item .details .category {
  color: #939393;
  font-size: 12px; }

#marketplace .items-list li.item .details ul li.price {
  color: #5988C5;
  font-weight: 600;
  padding-top: 2px;
  float: right; }

#marketplace .ac_lists {
  display: block; }

#marketplace .ac_lists table {
  width: 100%; }

#marketplace .ac_lists table > tbody > tr > td.btn {
  width: 70px; }

#marketplace .ac_lists table > tbody > tr > td.btn.instructions {
  width: 105px; }

#marketplace .ac_lists table > tbody > tr > td.btn > a {
  color: #345E95;
  text-decoration: none; }

#marketplace .ac_lists table > tbody > tr > td.btn > a:hover {
  color: #4b4b4b;
  text-decoration: underline; }

#marketplace_author_sell .ac_content-wrapper, #marketplace_profile .ac_content-wrapper, #marketplace_purchases .ac_content-wrapper, #marketplace_recipe_submit .ac_content-wrapper {
  padding-top: 90px !important; }

#marketplace .ac_input-search > span:before {
  background: none !important; }

#marketplace .ac_input-search > .ac-icon {
  top: 11px !important; }

@media only screen and (max-width: 568px) {
  body#marketplace .ac_input-search .ac_input {
    width: 100% !important; }

  body#marketplace .ac_col h4 {
    text-align: center !important; }

  body#marketplace .items-list a {
    display: block !important;
    margin-bottom: 20px !important; }

  body#marketplace .items-list a .overlay {
    top: -4px;
    width: 100%;
    height: 100%; }

  body#marketplace .items-list .item {
    margin: 0 !important;
    width: 100% !important;
    background-size: cover;
    background-repeat: no-repeat; }

  body#marketplace .items-list li.item .details {
    width: 100% !important;
    box-sizing: border-box; }

  body#marketplace #marketplace_recipe {
    margin-top: 0 !important; }

  body#marketplace #marketplace_recipe {
    margin-top: 60px !important; }
    body#marketplace #marketplace_recipe .ac_content-wrapper {
      padding: 20px !important;
      width: 100% !important;
      box-sizing: border-box !important; }
      body#marketplace #marketplace_recipe .ac_content-wrapper .ac_col {
        padding-right: 0 !important; }
        body#marketplace #marketplace_recipe .ac_content-wrapper .ac_col p {
          text-align: left !important; }
        body#marketplace #marketplace_recipe .ac_content-wrapper .ac_col img, body#marketplace #marketplace_recipe .ac_content-wrapper .ac_col img.main {
          max-width: 100% !important; }
        body#marketplace #marketplace_recipe .ac_content-wrapper .ac_col .meta li {
          margin-bottom: 15px !important; }
        body#marketplace #marketplace_recipe .ac_content-wrapper .ac_col .meta li:last-child {
          margin-bottom: 0 !important; }
        body#marketplace #marketplace_recipe .ac_content-wrapper .ac_col .meta label, body#marketplace #marketplace_recipe .ac_content-wrapper .ac_col .meta span {
          display: block !important;
          width: 100% !important; }
      body#marketplace #marketplace_recipe .ac_content-wrapper .price-container .ac_button {
        margin-bottom: 25px !important;
        width: 100% !important;
        box-sizing: border-box;
        font-size: 1.1em !important; }

  body#marketplace .modal-dialog {
    margin-top: 0 !important;
    max-width: 100% !important;
    box-sizing: border-box; }

  body#marketplace #modal-login .modal-body {
    padding: 20px !important; }
    body#marketplace #modal-login .modal-body h2 {
      text-align: center !important; }
    body#marketplace #modal-login .modal-body .center-divider {
      top: 470px !important;
      left: 50% !important;
      margin-left: -29px; }
    body#marketplace #modal-login .modal-body .modal-right {
      left: 0 !important;
      right: 0 !important;
      top: 20px;
      height: auto !important;
      margin-bottom: 30px !important;
      padding: 20px !important;
      border-radius: 10px !important;
      border-left: 0 none; } }
/*------------------------------------------------------------------------*\
	Marketplace recipe /marketplace/recipe
\*------------------------------------------------------------------------ */
#marketplace_recipe h1 {
  text-align: left;
  font-size: 24px; }

#marketplace_recipe h2 {
  margin-bottom: 15px; }

#marketplace_recipe .details {
  padding-right: 15px; }

#marketplace_recipe p {
  color: #939393; }

#marketplace_recipe .meta {
  padding-left: 0; }

#marketplace_recipe .meta li {
  display: block;
  list-style-type: none;
  margin-bottom: 5px; }

#marketplace_recipe .meta li label {
  font-weight: 600;
  color: #5D5D5D;
  width: 100px;
  display: inline-block; }

#marketplace_recipe .meta li span {
  color: #5D5D5D; }

#marketplace_recipe img.main {
  width: 475px;
  height: 360px;
  border-radius: 6px; }

#marketplace_recipe img.thumb {
  width: 145px;
  height: 115px;
  border: 4px #FFFFFF solid;
  border-radius: 6px;
  cursor: pointer; }

#marketplace_recipe .thumb-list {
  padding-left: 0; }

#marketplace_recipe .thumb-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px; }

#marketplace_recipe .thumb-list li:last-child {
  margin-right: 0; }

#marketplace_recipe .thumb-list li.selected img {
  border: 4px #939393 solid; }

#marketplace_recipe .footer-row .left {
  padding-right: 70px; }

#marketplace_recipe .price-container {
  padding-top: 25px; }

#marketplace_recipe .price-container .button-add {
  display: block; }

#marketplace_recipe .instructions {
  font-size: 12px; }

#modal-login .modal-body {
  padding: 0 !Important; }

#modal-login .modal-left {
  padding-right: 10px;
  padding-left: 20px;
  padding-top: 20px;
  margin-right: 0; }

#modal-login .modal-right {
  background-color: #F2F2F2;
  padding: 20px 20px 0 32px;
  border-left: 1px #CACACA solid;
  margin-left: 2px;
  right: -20px;
  bottom: 0;
  height: 384px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 384px; }

#modal-login .modal-left p {
  margin-top: 0; }

#modal-login .modal-left .button-container, #modal-login .modal-right .button-container {
  text-align: center; }

#modal-login .modal-right .button-container {
  padding-top: 18px; }

#modal-login .modal-left .ac_button, #modal-login .modal-right .ac_button {
  width: 200px; }

body#marketplace .ac_input.error {
  border: #F37C7B 1px solid !important;
  background-size: 14px; }

#modal-login h2 {
  font-size: 22px; }

#modal-login fieldset {
  margin-top: 20px; }

#modal-login .close, #modal-confirmation .close {
  cursor: pointer;
  z-index: 999; }

#modal-login .center-divider {
  background-color: #FFFFFF;
  border: 1px #CACACA solid;
  border-radius: 100%;
  padding: 7px 8px;
  color: #939393;
  position: absolute;
  font-style: italic;
  top: 145px;
  left: 397px; }

#modal-login .close:hover, #modal-confirmation .close:hover {
  background-position: 016.2px; }

body#marketplace .accountinput, body#consultants .accountinput, body#consultants-single .accountinput {
  position: relative; }

body#marketplace .accountinput .ac_input, body#consultants .accountinput .ac_input, body#consultants-single .accountinput .ac_input {
  padding-right: 170px !important; }

body#marketplace .accountinput #domain, body#consultants .accountinput #domain, body#consultants-single .accountinput #domain {
  position: absolute;
  right: 3px;
  top: 30px; }

body#consultants .accountinput #domain, body#consultants-single .accountinput #domain {
  width: 155px; }

body#marketplace .accountinput #domain a.popover-trigger, body#consultants .accountinput #domain a.popover-trigger, body#consultants-single .accountinput #domain a.popover-trigger {
  display: block;
  background: #f2f2f2;
  padding: 10px 14px;
  font-size: 14px;
  color: #4b4b4b;
  webkit-border-radius: 4px;
  moz-border-radius: 4px;
  ms-border-radius: 4px;
  border-radius: 4px; }

#modal-confirmation .modal-content {
  background-repeat: no-repeat;
  background-position: center top; }

#modal-confirmation .product-details {
  background-color: #FFFFFF;
  padding: 20px 0 10px 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }

#modal-confirmation .product-details .title, #modal-confirmation .product-details .price, #modal-confirmation .product-details .type {
  display: block; }

#modal-confirmation .product-details .title {
  color: #5D5D5D;
  font-size: 16px;
  font-weight: 600; }

#modal-confirmation .product-details .price {
  color: #5988C5;
  font-weight: 600;
  font-size: 26px; }

#modal-confirmation .product-details .type {
  color: #B8B8B8; }

#modal-confirmation .product-button {
  text-align: center;
  margin-top: 50px; }

#modal-confirmation .product-button .ac_button {
  width: 200px; }

#modal-confirmation .product-button p {
  font-size: 12px;
  color: #939393;
  padding: 0;
  margin: 0; }

#modal-confirmation .payment-options {
  margin-top: 25px; }

#modal-confirmation .payment-form-original .input-wrap {
  margin-bottom: 10px; }

#modal-confirmation .payment-form-original .payment-method select[name='cardtype'] {
  margin-bottom: 10px; }

#modal-confirmation .payment-form-original .expdate {
  width: 123px !important;
  vertical-align: top; }

#modal-confirmation .payment-form-original #cvc_explain {
  width: 275px; }

#modal-confirmation .payment-form-original #cvc_explain img {
  width: 240px; }

#modal-confirmation .payment-form-original select {
  webkit-appearance: none;
  moz-appearance: none;
  background: #fff url("https://www.activecampaign.com/global_media/images/arrow_down.png") no-repeat 93% 13px !important;
  background-size: 8px !important;
  border: #cacaca 1px solid !important;
  font-size: 13px !important;
  padding: 7px 30px 7px 10px !important;
  color: #5d5d5d !important;
  border-radius: 4px !important; }

/*------------------------------------------------------------------------*\
	Marketplace author profile /marketplace/profile
\*------------------------------------------------------------------------ */
#marketplace_profile img.author-image {
  width: 60px;
  height: 60px; }

/*------------------------------------------------------------------------*\
	Marketplace author /marketplace/author
\*------------------------------------------------------------------------ */
#marketplace_author .author-title {
  text-align: left; }

#marketplace_author .author-details {
  margin-top: 0; }

#marketplace_author .author-details li {
  text-align: left;
  list-style-type: none;
  margin-bottom: 5px; }

#marketplace_author .author-details li.image img {
  border-radius: 100%; }

#marketplace_author .author-details li.name {
  font-size: 20px;
  font-weight: 600; }

#modal-confirmation .payment-form-original input[name='city'] {
  width: 115px; }

#modal-confirmation .payment-form-original input[name='state'] {
  width: 42px; }

/*------------------------------------------------------------------------*\
	Marketplace recipe submit /marketplace/recipe/submit
\*------------------------------------------------------------------------ */
#marketplace_recipe_submit .field {
  margin-bottom: 20px; }

#marketplace_recipe_submit .header-row {
  border-bottom: 1px #CACACA solid;
  padding-bottom: 10px;
  margin-bottom: 25px; }

#marketplace_recipe_submit .footer-row {
  border-top: 1px #CACACA solid;
  padding-top: 25px; }

#marketplace_recipe_submit .header-row .right {
  color: #B8B8B8;
  padding-top: 10px; }

#marketplace_recipe_submit .footer-row .right {
  color: #B8B8B8;
  padding-top: 10px;
  font-size: 12px; }

#marketplace_recipe_submit h1 {
  text-align: left;
  font-size: 22px; }

#marketplace_recipe_submit textarea {
  height: 100px; }

#marketplace_recipe_submit .ac_input-fixed {
  position: relative;
  display: inline-block; }

#marketplace_recipe_submit .ac_input-fixed.left input {
  padding-left: 25px !important; }

#marketplace_recipe_submit .ac_input-fixed.right input {
  padding-right: 25px !important; }

#marketplace_recipe_submit .ac_input-fixed .char {
  display: block;
  font-weight: 600;
  position: absolute;
  top: 50%;
  margin-top: 10px; }

#marketplace_recipe_submit .ac_input-fixed .char.small {
  font-size: 12px;
  margin-top: 8px; }

#marketplace_recipe_submit .ac_input-fixed .char.left {
  left: 10px; }

#marketplace_recipe_submit .ac_input-fixed .char.right {
  right: 10px; }

#marketplace_recipe_submit .field-price .ac_radio_label span:not(.char) {
  margin-top: 7px !important; }

#marketplace_recipe_submit .field-price .ac_radio_label[for='free'] {
  line-height: 29px; }

#marketplace_recipe_submit .content-row .right {
  position: relative; }

#marketplace_recipe_submit .callout {
  border-radius: 10px;
  border: 1px #4073B5 solid;
  padding: 15px;
  width: 200px;
  position: absolute;
  right: 0;
  top: 25px; }

#marketplace_recipe_submit .callout .img-container {
  margin: 15px 0 15px 0; }

#marketplace_recipe_submit .callout p {
  color: #5D5D5D;
  line-height: 20px;
  margin-bottom: 25px; }

#marketplace_recipe_submit .callout .blueborderbtn {
  border-width: 1px; }

#marketplace_recipe_submit .callout span {
  font-weight: 600;
  color: #4073B5;
  text-align: center;
  display: block;
  font-size: 16px; }

#marketplace_recipe_submit input[type='file'].ac_input {
  font-size: 12px !important; }

#marketplace_recipe_submit .ac_input.error,
#marketplace_recipe_submit .ac_select.error {
  border: #F37C7B 1px solid !important;
  background-size: 14px; }

#marketplace_recipe_submit .notify.error ul {
  padding: 0;
  margin: 0; }

#marketplace_recipe_submit .notify.error ul li {
  list-style-type: none; }

#marketplace_recipe_submit .notify.error ul li:not(:first-child) {
  padding-left: 25px; }

/* -------------------------------------------------------------------------*\
	Marketplace Author Purchases /marketplace/author/purchases
\*------------------------------------------------------------------------ */
#marketplace_purchases .rating {
  width: 90px; }

/* -------------------------------------------------------------------------*\
	Marketplace Author Sell /marketplace/author/sell
\*------------------------------------------------------------------------ */
body#marketplace .ac_subheader {
  margin: 0 !important;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  overflow: hidden;
  background: #3E70B5;
  background-image: linear-gradient(340deg, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0.15) 100%);
  height: 500px; }

body#marketplace .ac_subheader > .ac_content-wrapper {
  padding-top: 300px;
  padding-bottom: 2%; }

body#marketplace .ac_subheader h1, body#marketplace .ac_subheader .ac_sub-title {
  color: #fff !important; }

body#marketplace #marketplace-sell-section-1 {
  margin-top: 387px;
  height: 100%;
  background-color: #FFFFFF !important; }

body#marketplace .marketplace-row .ac_container {
  height: 430px; }

body#marketplace .processes .ac_container {
  margin-bottom: 58px;
  background: #FFFFFF;
  border: 1px solid #cacaca; }

body#marketplace .processes .ac_container.process:before {
  position: absolute;
  content: '';
  top: -45px;
  left: 50%;
  margin-left: -17px;
  padding: 7px;
  width: 18px;
  height: 18px;
  font-family: 'ac-icons';
  content: '\6d';
  font-size: 20px;
  color: #939393;
  background-color: #FFF;
  border: 1px solid #cacaca;
  border-radius: 100%;
  z-index: 1; }

body#marketplace .processes .ac_container.process:after {
  position: absolute;
  content: '';
  top: -60px;
  left: 50%;
  background-color: #cacaca;
  width: 1px;
  height: 60px; }

body#marketplace .processes .ac_container.process:first-child:before,
body#marketplace .processes .ac_container.process:first-child:after {
  display: none; }

body#marketplace .processes .ac_container:last-child {
  margin-bottom: 0; }

@media only screen and (max-width: 568px) {
  body#marketplace .ac_subheader {
    margin-top: 60px !important; }

  body#marketplace .marketplace-row .ac_container {
    height: auto !important; } }
/*------------------------------------------------------------------------*\
  Consultant Directory /consultants
\*------------------------------------------------------------------------ */
#consultants-directory-header h1.title {
	font-family: "Poppins", "Avenir", "Avenir Next", "Futura", helvetica, arial, sans-serif;
	font-size: 2.75rem;
	font-weight: 700;
	line-height: 3.25rem; }

#consultants-directory-header p {
	font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif;
	font-size: 1.25rem;
	line-height: 1.5rem; }

#consultants-directory-header a {
	color: #004CFF;
	font-weight: 600;
	text-decoration: underline; }

#consultants-directory-header a:hover {
	color: #0022D2; }

#consultants h4 {
  font-size: 16px; }

#consultants .ac_popover-menu ul {
  padding: 0;
  margin: 0; }

#consultants .items-list li.item .details .title, #consultants .items-list li.item .details .company, #consultants .items-list li.item .details .location, #consultants .items-list li.item .details .desc, #consultants-single .items-list li.item .details .title, #consultants-single .items-list li.item .details .company, #consultants-single .items-list li.item .details .location, #consultants-single .items-list li.item .details .desc {
  display: block;
  text-align: center;
  line-height: 19px; }

#consultants .items-list li.item .details .title, #consultants-single .items-list li.item .details .title {
  font-size: 16px;
  color: #5D5D5D;
  margin-bottom: 10px; }

#consultants .items-list li.item .details .company, #consultants-single .items-list li.item .details .company {
  margin-bottom: 3px; }

#consultants .items-list li.item .details .location, #consultants-single .items-list li.item .details .location {
  margin-bottom: 15px; }

#consultants .items-list li.item .details .company, #consultants .items-list li.item .details .location, #consultants-single .items-list li.item .details .company, #consultants-single .items-list li.item .details .location {
  font-size: 13px;
  color: #939393; }

#consultants .items-list li.item .details .desc, #consultants-single .items-list li.item .details .desc {
  font-size: 13px;
  color: #5D5D5D; }

#consultants .items-list li.item, #consultants-single .items-list li.item {
  width: 201px;
  height: 273px;
  border: 1px #CACACA solid;
  padding: 20px 10px 0 10px;
  border-radius: 8px;
  background-color: #FFFFFF; }

#consultants .items-list .image-container, #consultants-single .items-list .image-container {
  text-align: center;
  margin-bottom: 20px; }

#consultants .items-list li.item img, #consultants .items-list li.item .company-initial, #consultants-single .items-list li.item img {
  border-radius: 100%;
  width: 100px;
  height: 100px; }

.company-initial {
  margin: 0 auto;
  text-align: center;
  font-family: "IBM Plex Sans", "Franklin Gothic", "ITC Franklin Gothic", helvetica, arial, sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 48px;
  font-weight: 600; }

#consultants .ocean {
  color: #356ae6; }

#consultants .bg-ocean-40 {
  background-color: #e3ebfc; }

#consultants .lavender {
  color: #9159fc; }

#consultants .bg-lavender-40 {
  background-color: #eae0fe; }

#consultants .mint {
  color: #19cca3; }

#consultants .bg-mint-40 {
  background-color: #b6f2e4; }

#consultants .creamsicle {
  color: #ff8730; }

#consultants .bg-creamsicle-40 {
  background-color: #ffe1cb; }

#consultants .items-list a, #consultants-single .items-list a {
  color: #4b4b4b;
  position: relative;
  display: inline-block;
  vertical-align: top; }
  #consultants .items-list a:hover > .item, #consultants-single .items-list a:hover > .item {
    opacity: 1;
    transition: opacity, 0.2s;
    background-color: #FAFAFA; }

#consultants .ac_popover-menu, #consultants-single .ac_popover-menu {
  overflow-y: auto;
  max-height: 200px;
  margin-top: 0;
  width: 100%; }

#consultants .ac_popover, #consultants-single .ac_popover {
  width: 100%; }

#consultants .ac_popover .ac_button, #consultants-single .ac_popover .ac_button {
  display: block; }

#consultants .ac_popover .ac_button span, #consultants-single .ac_popover .ac_button span {
  text-align: left;
  width: 100%;
  display: block; }

#consultants .ac_popover .popover-trigger > span:after, #consultants-single .ac_popover .popover-trigger > span:after {
  position: absolute;
  right: 10px;
  top: 11px;
  color: #000000;
  font-weight: 500; }

#consultants #modal-login .modal-dialog, #consultants-single #modal-login .modal-dialog {
  width: 400px; }

#consultants #modal-login .ac_popover .popover-trigger > span:after, #consultants-single #modal-login .ac_popover .popover-trigger > span:after {
  top: 14px; }

#consultants #modal-login .ac_popover .popover-trigger, #consultants-single #modal-login .ac_popover .popover-trigger {
  position: absolute;
  right: 0;
  padding-right: 25px !important; }

#consultants #modal-login .modal-body, #consultants-single #modal-login .modal-body {
  padding: 20px !important; }

#consultants #country {
  width: 175px;
  color: #5D5D5D !important;
  background: #fff url("https://www.activecampaign.com/global_media/images/arrow_down.png") no-repeat 94% 12px !important;
  background-size: 8px !important;
  border-radius: 6px !important;
  padding: 8px 11px !important; }

#consultants .ac_popover .ac_button {
  font-weight: normal !important; }

#consultants .ac_popover .popover-trigger > span:after {
  display: none; }

#consultants .ac_popover .popover-trigger {
  background: #fff url("https://www.activecampaign.com/global_media/images/arrow_down.png") no-repeat 94% 12px !important;
  background-size: 8px !important; }

#consultants .ac_input-search > span:before {
  top: 11px !important; }

/*------------------------------------------------------------------------*\
  Consultant Single /consultants/single
\*------------------------------------------------------------------------ */
#consultants-single #main {
  margin-top: 20px; }

#consultants-single #main img {
  border-radius: 100%;
  width: 136px;
  height: 136px;
  margin: 20px 0 20px 0; }

#consultants-single #main .name, #consultants-single #main .company, #consultants-single #main .location, #consultants-single #main .website {
  display: block; }

#consultants-single #main .name {
  font-size: 18px;
  color: #4B4B4B;
  margin-bottom: 5px; }

#consultants-single #main .company, #consultants-single #main .location {
  color: #939393;
  font-size: 14px;
  margin-bottom: 5px; }

#consultants-single #main .left {
  padding-right: 15px; }

#consultants-single .breadcrumbs {
  margin-top: 30px; }

#consultants-single h1 {
  font-size: 22px;
  color: #939393;
  margin: 15px 0 15px 0;
  font-weight: 100; }

#consultants-single .desc {
  font-size: 16px;
  line-height: 23px;
  color: #5D5D5D; }

#consultants-single .metadata {
  font-size: 16px;
  color: #4B4B4B; }

#consultants-single .label {
  font-weight: 600; }

#consultants-single ul.items-list {
  margin: 0;
  padding: 0; }

#consultants-single ul.items-list li {
  list-style-type: none;
  margin-right: 20px; }

#consultants-single #similar .ac_cols-wrapper {
  border-top: 1px #DDDDDD solid; }

#consultants-single #similar h3 {
  margin-bottom: 20px; }

#consultants-single ul.items-list a:nth-child(4) li.item {
  margin-right: 0; }

/*------------------------------------------------------------------------*\
  Consultant Profile /consultants/profile
\*------------------------------------------------------------------------ */
#consultants_profile textarea[name='desc'] {
  height: 140px; }

/* -------------------------------------------------------------------------*\
	Affiliate - /affiliate
\*------------------------------------------------------------------------ */
body#affiliate .ac_section.pinned {
  background: #3c5e8e; }

body#affiliate .commissions.sidebar {
  width: 260px; }

body#affiliate .main.lists {
  margin-right: 280px; }

body#affiliate .link-referral {
  background-color: #F2F2F2;
  border-radius: 4px; }

body#affiliate .link-referral span {
  display: inline-block;
  padding: 8px 12px;
  border-right: 1px solid #FFFFFF; }

body#affiliate .link-referral input {
  display: inline-block;
  padding: 8px 12px;
  border: 0 none;
  background-color: #F2F2F2; }

body#affiliate #affiliate_accts_table {
  border-spacing: 0; }

body#affiliate .ac_button-group {
  display: inline-block;
  float: right;
  padding: 10px 0 0; }

body#affiliate .ac_button-group li a.button:active,
body#affiliate .ac_button-group li a.button.active,
body#affiliate .ac_button-group li span.button:active,
body#affiliate .ac_button-group li span.button.active {
  top: 0;
  color: #505050;
  background: #f0f0f0;
  outline: 0;
  font-weight: 600;
  border: #CACACA 1px solid;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset; }

body#affiliate .ac_button-group li a:hover {
  background: #f9f9f9; }

body#affiliate .affiliate-head {
  height: 42px; }

body#affiliate .tab-content {
  display: none; }

body#affiliate .tab-content.show {
  display: block; }

body#affiliate .tab-content .date {
  max-width: 80px; }

body#affiliate .tab-content .accnts {
  width: 180px; }

body#affiliate .tab-content .accnts .shortname-asterisk {
  display: inline-block;
  margin-left: 1px; }

body#affiliate .tab-content .amount,
body#affiliate .tab-content .comm,
body#affiliate .tab-content .type,
body#affiliate .tab-content .status {
  min-width: 100px;
  max-width: 100px; }

body#affiliate .void-account {
  background-color: #F2F2F2;
  color: #BBBBBB; }

body#affiliate .commissions.sidebar .row {
  padding: 15px 12px; }

body#affiliate .commissions.sidebar .row.header {
  padding: 10px 12px; }

body#affiliate .commissions.sidebar .rate {
  border-radius: 15px;
  padding: 4px 6px;
  background-color: #FFFFFF;
  border: 1px solid #C8C8C8;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #55D1B8;
  border: 1px solid #55D1B8; }

body#affiliate .commissions.sidebar .tooltip {
  top: initial;
  bottom: 80px;
  padding: 20px;
  width: 100%;
  white-space: initial; }

body#affiliate .commissions.sidebar .tooltip:before,
body#affiliate .commissions.sidebar .tooltip:after {
  top: initial;
  bottom: -11px;
  left: initial;
  right: 32px;
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg); }

body#affiliate .commissions.sidebar .tooltip:after {
  top: initial;
  bottom: -10px;
  border-color: rgba(0, 0, 0, 0) #FFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }

body#affiliate .commissions.sidebar .pending-comm .tooltip,
body#affiliate .commissions.sidebar .next-payout .tooltip {
  top: initial;
  left: initial; }

body#affiliate .commissions.sidebar .pending-comm .tooltip {
  right: 60px; }

body#affiliate .commissions.sidebar .next-payout .tooltip {
  right: 74px; }

body#affiliate .websiteurl span,
#contactform .websiteurl span {
  display: block;
  position: absolute;
  background: #fafafa;
  border-radius: 4px 0 0 4px;
  padding: 8px 11px;
  border: 1px solid #cacaca; }

body#affiliate .websiteurl #website,
#contactform .websiteurl #website {
  padding-left: 80px !important; }

/* -------------------------------------------------------------------------*\
	Training - /training
\*------------------------------------------------------------------------ */
body#training #training-section-1-1 .webinars {
  min-height: 449px; }

body#training #training-section-1-1 .box-webinar .blueborderbtn {
  line-height: 1em; }

body#training #training-section-1-1 .button_large {
  width: 75%; }

body#training #training-section-1-1 .webinar-schedule li {
  position: relative;
  margin-bottom: 8px; }

body#training #training-section-1-1 .webinar-schedule li span {
  display: inline-block; }

body#training #training-section-1-1 .webinar-schedule li .joinbtn {
  display: inline-block;
  font-size: 12px !important;
  width: 68px !important;
  padding: 0 7px !important;
  position: absolute;
  right: 0;
  top: -3px; }

body#training #training-section-2-1 #webinar-schedule {
  width: 80% !important;
  margin: 0 auto;
  min-width: 800px !important; }

body#training #training-section-2-1 #webinar-schedule thead td {
  padding-bottom: 6px;
  font-weight: 600; }

body#training #training-section-2-1 #webinar-schedule tbody tr:first-child td {
  padding-top: 14px; }

body#training #training-section-2-1 #webinar-schedule tbody td {
  padding-bottom: 10px; }

body#training #training-section-2-1 #webinar-schedule tbody tr:last-child td {
  padding-bottom: 0; }

body#training #training-section-2-1 #webinar-schedule .join_button {
  width: 80px; }

body#training #training-section-3-1 {
  text-align: center; }

body#training #training-section-3-1 ul {
  margin: 0;
  padding: 0;
  list-style: none; }

body#training #training-section-3-1 ul li {
  display: inline-block;
  margin-right: 45px; }

body#training #training-section-3-1 ul li:last-child {
  margin-right: 0; }

body#training #training-section-3-1 ul li .training-pic {
  width: 83px;
  height: 83px;
  border-radius: 80px;
  overflow: hidden; }

/* -------------------------------------------------------------------------*\
	Videos - /videos/
\*------------------------------------------------------------------------ */
.watch-more .ac_col:first-child {
  margin-left: 17px !important; }

.watch-more .ac_col a.medium-text {
  color: #7A7A7A;
  text-decoration: underline; }

.watch-more .posrel.full_width {
  height: 122px;
  cursor: pointer;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50%; }

.watch-more .posrel.full_width:before {
  position: absolute;
  content: '';
  right: 10px;
  bottom: 10px;
  width: 45px;
  height: 45px;
  background: url("https://d226aj4ao1t61q.cloudfront.net/9d125xqpu_video-play-button.png") 50% no-repeat;
  background-size: 45px;
  cursor: pointer;
  z-index: 1; }

.watch-more .posrel.full_width:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer; }

.watch-more .posrel.full_width.contacts {
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/fsvpols0v_contacts.jpg"); }

.watch-more .posrel.full_width.campaigns {
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/gaaezglsi_campaigns.jpg"); }

.watch-more .posrel.full_width.automations {
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/cy5a7na1l_automation.jpg"); }

.watch-more .posrel.full_width.deals {
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/uil4hftyg_deals.jpg"); }

.watch-more .posrel.full_width.tracking {
  background-image: url("https://d226aj4ao1t61q.cloudfront.net/qkvodjea_tracking.jpg"); }

@media only screen and (max-width: 568px) {
  .watch-more .ac_cols-wrapper .ac_col {
    margin: 0 0 20px !important; }

  .watch-more .posrel.full_width {
    height: 250px !important; }

  .watch-more .posrel.full_width:before {
    top: 50%;
    left: 50%;
    width: 95px;
    height: 95px;
    margin-left: -47px;
    margin-top: -47px;
    background-size: 90px; } }
/* -------------------------------------------------------------------------*\
	Templates custom - /templates/custom.php
\*------------------------------------------------------------------------ */
body#template_custom .ac_container .ac_button {
  max-width: 220px; }

body#template_custom .template-price {
  position: absolute;
  top: -40px;
  left: 50%;
  margin-left: -35px;
  width: 55px;
  height: 55px;
  background: #6892CA;
  color: #fff;
  padding: 20px;
  border-radius: 80px;
  text-align: center; }

body#template_custom .template-price h3 {
  padding-top: 10px; }

/* -------------------------------------------------------------------------*\
	Top screenshot slideshow
\*------------------------------------------------------------------------ */
#top_screenshot ul {
  list-style: none;
  margin: 0;
  padding: 0; }

#top_screenshot ul li {
  display: inline; }

#top_screenshot .slidesjs-pagination {
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -66px; }

#top_screenshot .slidesjs-pagination li a {
  width: 10px;
  height: 10px; }

#top_screenshot .slidesjs-pagination li a.active {
  width: 11px;
  height: 11px;
  margin-top: -1px; }

#top_screenshot .slidesjs-navigation {
  display: none; }

/* -------------------------------------------------------------------------*\
	Sms - /sms
\*------------------------------------------------------------------------ */
body#sms #sms-section-2-3 img {
  margin-top: -43px; }

/* -------------------------------------------------------------------------*\
	Support landing - /support
\*------------------------------------------------------------------------ */
body#support .support-subhead {
  background: #345E95;
  padding-bottom: 60px; }

body#support .support-subhead h1 {
  color: #fff; }

body#support .support-subhead form {
  position: relative; }

body#support .support-subhead .ac_input-support {
  width: 79%;
  padding-left: 58px; }

body#support .support-subhead .ac_button {
  width: 18.666666666%; }

body#support .support-subhead .ac-icon:before {
  position: absolute;
  left: 15px;
  top: 20px;
  color: #e1e1e1;
  font-size: 23px; }

body#support .support-row .ac_col.four {
  cursor: pointer; }

body#support .support-row .ac_col .ac_container {
  height: 278px; }

body#support .support-row .ac_col.four:hover > .ac_container {
  background: #f8f8f8; }

body#support #support-section-2-1 ul {
  margin: 0;
  padding: 0;
  list-style: none; }

body#support #support-section-2-1 .ac_col ul li {
  display: inline-block;
  width: 190px;
  margin-bottom: 12px;
  margin-right: 40px; }

body#support #support-section-2-1 .ac_col ul li p {
  margin-top: 8px; }

body#support #support-section-2-1 .ac_col ul li a {
  display: block;
  width: 100%; }

/* -------------------------------------------------------------------------*\
	Knowledge base - /support/kb
\*------------------------------------------------------------------------ */
body#kb .kb-subhead {
  color: #fff; }

body#kb .kb-subhead .ac_content-wrapper {
  padding: 50px 20px; }

body#kb #kb-section-2 .ac_col.twelve {
  cursor: pointer; }

body#kb #kb-section-2 .ac_col.twelve:hover {
  background: #f8f8f8; }

/* -------------------------------------------------------------------------*\
	Rating - /support/rate
\*------------------------------------------------------------------------ */
body#rate .rate-wrapper {
  width: 350px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 40px; }

body#rate .rate-wrapper a.rate-button {
  opacity: 0.3;
  display: inline-block;
  padding: 10px 14px;
  margin-right: 5px;
  text-align: center;
  border-radius: 4px;
  background: #333;
  border: #000 1px solid;
  color: #fff;
  min-width: 80px;
  font-weight: 600; }

body#rate .rate-wrapper a.rate-button.active {
  opacity: 1.0; }

body#rate .rate-wrapper a.rate-button img {
  float: right;
  margin-left: -5px;
  margin-right: 7px; }

body#rate .rate-wrapper a.rate-button.great {
  background: #60CB98;
  border-color: #398A64; }

body#rate .rate-wrapper a.rate-button.great:hover {
  background: #56C08E; }

body#rate .rate-wrapper a.rate-button.okay {
  background: #D1CB66;
  border-color: #A59F30; }

body#rate .rate-wrapper a.rate-button.okay:hover {
  background: #C8C262; }

body#rate .rate-wrapper a.rate-button.bad {
  background: #F37C7B;
  border-color: #AA4847;
  margin: 0 !important; }

body#rate .rate-wrapper a.rate-button.bad:hover {
  background: #E77372; }

body#rate .rate-wrapper .rate-comments {
  margin-top: 20px;
  text-align: right; }

body#rate .rate-wrapper.nps {
  width: 400px; }

body#rate .rate-wrapper .rate-buttons ul {
  margin: 0;
  padding: 0; }

body#rate .rate-wrapper .rate-buttons ul li {
  list-style-type: none;
  margin: 0 5px 0 0;
  padding: 0;
  display: inline-block; }

body#rate .rate-wrapper .rate-buttons ul li a {
  border: 1px solid #4073B5;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  padding: 3px;
  display: block;
  text-align: center; }

body#rate .rate-wrapper .rate-buttons ul li a.active {
  background-color: #E1E9F4; }

body#rate .rate-wrapper .rate-buttons ul li a:not(.active) {
  color: #CCCCCC;
  border-color: #CCCCCC; }

body#rate .rate-wrapper .rate-buttons ul li a:not(.active):hover {
  color: #4073B5;
  border-color: #4073B5;
  background-color: #E1E9F4; }

body#rate .rate-wrapper .rate-buttons ul li:last-child {
  margin-right: 0; }

/* -------------------------------------------------------------------------*\
	Help - /help
\*------------------------------------------------------------------------ */
/* Old Posts */
body#help .thecontent {
  font-size: 15px;
  line-height: 160%; }
  body#help .thecontent ul, body#help .thecontent ol {
    margin: 23px 0; }
  body#help .thecontent li {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 160%;
    -webkit-font-smoothing: antialiased; }
  body#help .thecontent p {
    -webkit-font-smoothing: antialiased; }
  body#help .thecontent strong {
    font-weight: 600; }
  body#help .thecontent img {
    padding: 10px;
    margin: auto;
    text-align: center;
    border: 1px solid #DDD;
    border-radius: 8px;
    max-width: 100%; }

body#help .page-content {
  margin-left: 280px; }

body#help a.help-training {
  display: block;
  width: 100%;
  padding: 13px;
  border-radius: 6px;
  color: #345E95;
  border: #345E95 1px solid;
  box-sizing: border-box;
  margin-bottom: 30px; }

body#help a.help-training span:before {
  font-family: 'ac-icons';
  content: '\e833';
  padding-right: 12px;
  font-size: 17px;
  margin-top: 2px;
  float: left; }

body#help .screensteps-breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px; }

body#help .screensteps-breadcrumb li {
  display: inline-block;
  margin-right: 6px;
  color: #7298cd; }

body#help .single.help > h2 {
  text-align: left;
  margin-bottom: 20px; }

body#help .single.help .thecontent h2 {
  font-size: 24px; }

body#help .single.help .thecontent h1 {
  font-size: 28px; }

body#help .single.help .thecontent img {
  max-width: 100%; }

body#help .single.help .thecontent p {
  word-wrap: break-word; }

body#help .thecontent .step,
body#help .thecontent .sub-step {
  margin-bottom: 40px; }

body#help .thecontent .step h2 {
  font-size: 21px;
  font-weight: 400;
  margin-bottom: 24px;
  text-align: left;
  border-bottom: #cacaca 1px solid;
  padding-bottom: 2px; }

body#help .thecontent .step h3 {
  font-size: 18px;
  font-weight: 400;
  text-align: left; }

body#help .thecontent .step .image img {
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); }

body#help .screensteps-toc {
  margin: 0;
  padding: 0;
  list-style: none; }

body#help .screensteps-chapter {
  margin-bottom: 40px; }

body#help .screensteps-chapter-title {
  display: block;
  width: 100%;
  font-size: 19px;
  font-weight: 400;
  margin: 0 0 18px 0;
  border-bottom: #cacaca 1px solid !important;
  padding-bottom: 2px;
  color: #4b4b4b !important; }

body#help .article-link-list,
body#help .screensteps-chapter-contents {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px; }

body#help .article-link-list li,
body#help .screensteps-chapter-contents li {
  margin-bottom: 12px; }

body#help .article-link-list li:before,
body#help .screensteps-chapter-contents li:before {
  font-family: 'ac-icons';
  content: '\e834';
  padding-right: 8px;
  font-size: 15px; }

/*---- New Jekyll content ----*/
/* Sub header */
.help-subhead {
  background: #4073B5;
  color: #fff; }

.help-subhead .ac_content-wrapper {
  padding: 15px 20px; }

.help-subhead .ac_content-wrapper h4 {
  margin-top: 3px; }

.help-subhead .ac_content-wrapper .ac_input-search input {
  border: none !important;
  padding-left: 30px !important; }

/* Breadcrumb bar */
.breadcrumb-bar {
  background: #f2f2f2; }

.breadcrumb-bar .ac_content-wrapper {
  padding: 15px 20px !important; }

.breadcrumb-bar .screensteps-breadcrumb {
  margin: 0;
  padding: 0;
  list-style: none; }

.breadcrumb-bar .screensteps-breadcrumb li {
  display: inline-block;
  margin-right: 6px;
  color: #939393; }

/* Sidebar */
.sidebar #topics ul {
  margin: 0;
  padding: 0; }

.sidebar #topics li {
  list-style: none;
  font-size: 16px;
  margin-bottom: 2px; }

.sidebar #topics li a {
  color: #939393;
  padding: 6px 8px;
  display: block; }

.sidebar #topics li a:hover {
  background-color: #fafafa; }

.sidebar #topics li.active a {
  background-color: #f2f2f2;
  color: #5d5d5d;
  font-weight: 600; }

/* Content */
.post-content {
  font-size: 16px; }

.post-content h3.section {
  margin-top: 40px;
  border-bottom: #cacaca 1px solid;
  padding-bottom: 4px;
  margin-bottom: 20px; }

.post-content ol, .post-content ul {
  padding-left: 20px; }

.post-content ul li {
  margin-bottom: 10px; }

.post-content ol {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0; }

.post-content ol li {
  counter-increment: step-counter;
  margin-left: 40px;
  margin-bottom: 20px; }

.post-content ol li p {
  display: inline-block;
  margin: 0;
  padding: 0; }

.post-content ol li::before {
  text-indent: 2px;
  display: inline-block;
  content: counter(step-counter);
  text-indent: 8.2px;
  color: #fff;
  background-color: #4073B5;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.83em;
  margin-left: -40px;
  margin-right: 10px;
  margin-top: -3px;
  vertical-align: top; }

.post-content blockquote {
  padding: 15px;
  border-left: #4073B5 5px solid;
  background-color: #f2f2f2;
  line-height: 1.4em;
  margin-left: 0; }
  .post-content blockquote p {
    margin: 0; }
  .post-content blockquote strong:first-of-type {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px; }
  .post-content blockquote a::after {
    content: ' \02192'; }

.post-content p.note {
  display: block;
  padding: 15px;
  background-color: #E1E9F4;
  color: #345E95;
  border-radius: 6px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.6em;
  font-size: 15px; }
  .post-content p.note strong:first-of-type {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    font-size: 16px; }

.post-content p.tip {
  display: block;
  padding: 15px;
  background-color: #fff;
  border: #4DCBA9 1px solid;
  border-radius: 6px;
  margin-top: 20px;
  margin-bottom: 40px;
  line-height: 1.6em;
  font-size: 15px; }
  .post-content p.tip strong:first-of-type {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    color: #4DCBA9;
    font-size: 16px; }

.post-content p.screenshot {
  border: #cacaca 1px solid;
  border-radius: 8px;
  overflow: hidden;
  display: inline-block;
  background-color: #fafafa;
  font-size: 14px;
  margin-top: 15px;
  margin-bottom: 15px; }
  .post-content p.screenshot img {
    display: block; }
  .post-content p.screenshot em {
    font-style: normal;
    display: block;
    padding: 12px; }

@media only screen and (max-width: 568px) {
  body#help .ac_col.sidebar {
    margin-top: 30px !important; }
  body#help .page-content {
    margin: 30px !important; } }
/* -------------------------------------------------------------------------*\
	API - /api
\*------------------------------------------------------------------------ */
body#api .ac_body-wrapper {
  margin-top: 0; }

body#api .api-subhead {
  color: #fff; }

body#api .api-subhead a .icon ~ span {
  display: block;
  font-size: 16px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  margin-bottom: 30px; }

body#api .api-subhead .overview .icon {
  background-image: url(https://d226aj4ao1t61q.cloudfront.net/wsf2fvvok_api-overview.png); }

body#api .api-subhead .wrappers .icon {
  background-image: url(https://d226aj4ao1t61q.cloudfront.net/tc4k487v_api-wrappers.png); }

body#api .api-subhead .webhooks .icon {
  background-image: url(https://d226aj4ao1t61q.cloudfront.net/bvhp6oili_api-webhooks.png); }

body#api .api-subhead .scripts .icon {
  background-image: url(https://d226aj4ao1t61q.cloudfront.net/igqh5grpd_api-scripts.png); }

body#api .api-subhead .icon {
  display: block;
  width: 120px;
  height: 120px;
  margin: 0 auto 8px auto;
  background-size: 120px;
  background-position: 0 0;
  background-repeat: no-repeat; }

body#api .api-subhead .icon:hover {
  background-position: 0 -120px; }

body#api .dev-blog {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 40px; }

body#api .dev-blog li {
  margin-bottom: 15px; }

body#api .api-subscribe .ac_button {
  position: absolute;
  right: 3px;
  top: 3px; }

body#api .api-doc-subhead {
  background: #345E95; }

body#api .api-doc-subhead .ac_content-wrapper {
  padding: 22px 20px 24px 20px; }

body#api .api-doc-subhead h3 {
  color: #fff;
  margin-top: 4px !important; }

body#api .api-doc-subhead .ac_input-search .ac-icon {
  font-size: 16px;
  top: 14px; }

body#api .api-doc-subhead .ac_input-search input {
  width: 250px;
  font-size: 14px;
  padding-left: 35px !important;
  border: none; }

body#api .ac_api-container ul {
  margin: 0;
  padding: 0;
  list-style: none; }

body#api .ac_api-container li {
  margin-bottom: 10px; }

/* -------------------------------------------------------------------------*\
	About - /about
\*------------------------------------------------------------------------ */
body#about .profile {
  margin-bottom: 40px; }

body#about .profile img {
  width: 108px;
  height: 108px;
  overflow: hidden;
  border-radius: 60px; }

body#about .openings ul {
  margin: 0;
  padding: 0;
  list-style: none; }

body#about .openings ul li {
  margin-bottom: 15px; }

body#about .openings ul li:last-child {
  margin-bottom: 0; }

/* V2 */
body#about2 .ac_header {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.8) 100%); }

body#about2 .ac_header-wrap {
  padding-bottom: 12px;
  border-bottom: rgba(255, 255, 255, 0.06) 1px solid; }

body#about2 .ac_header-wrap .ac_header-nav > ul > li > a {
  color: #fff; }

body#about2 .ac_subheader {
  margin: 0 !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #333;
  background-image: url(https://www.activecampaign.com/global_media/images/about-herobg_lq.png);
  background-repeat: no-repeat;
  background-position: center -180px;
  background-size: cover;
  height: 418px; }

body#about2 .ac_subheader h1 {
  color: #fff; }

body#about2 .ac_subheader > .ac_content-wrapper {
  padding-top: 200px; }

body#about2 #about-section-1 {
  margin-top: 250px; }

body#about2 #about-section-1 .ac_cols-wrapper {
  padding-bottom: 60px;
  overflow: hidden;
  border-bottom: #e0e0e0 1px solid;
  position: relative;
  transition: height 0.4s cubic-bezier(1, 0, 0, 1); }

body#about2 #about-section-1 .ac_cols-wrapper.open {
  transition: height 0.4s cubic-bezier(1, 0, 0, 1);
  padding-bottom: 70px; }

body#about2 #about-section-1 .top-description {
  font-size: 22px;
  font-weight: 100;
  margin-bottom: 0; }

body#about2 #about-section-1 .more_button {
  position: absolute;
  bottom: -15px;
  left: 50%;
  padding: 7px 22px 7px 32px;
  background: #e5e5e5;
  border-radius: 4px;
  text-align: center;
  color: #939393;
  font-weight: 600;
  z-index: 2;
  margin-left: -71px; }

body#about2 #about-section-1 .more_button:hover {
  background: #DBDBDB; }

body#about2 #about-section-1 .more_button span:before {
  margin-right: 0; }

body#about2 #about-section-2 {
  text-align: center; }

body#about2 #about-section-2 .team_members {
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; }

body#about2 #about-section-2 .team_members .team_member {
  position: relative;
  z-index: 1;
  float: left;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px; }

body#about2 #about-section-2 .team_members .team_member.up_layer {
  z-index: 2; }

body#about2 #about-section-2 .team_members .team_member .team_member-card {
  width: 150px;
  position: relative;
  height: 177px;
  padding: 10px;
  border-radius: 8px;
  border: #cacaca 1px solid;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.09);
  transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }

body#about2 #about-section-2 .team_members .team_member .team_member-card:hover {
  box-shadow: 0 10px 8px 0 rgba(0, 0, 0, 0.09); }

body#about2 #about-section-2 .team_members .team_member.flip .team_member-card {
  -webkit-transform: rotateY(180deg) scale(1.25) translateZ(0);
  -moz-transform: rotateY(180deg) scale(1.25) translateZ(0);
  -ms-transform: rotateY(180deg) scale(1.25) translateZ(0);
  transform: rotateY(180deg) scale(1.25) translateZ(0);
  box-shadow: 0 19px 11px 0 rgba(0, 0, 0, 0.09);
  border-radius: 8px; }

body#about2 #about-section-2 .team_members .team_member .team_member-card .front,
body#about2 #about-section-2 .team_members .team_member .team_member-card .back {
  background-color: #fff;
  width: 150px;
  height: 177px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  border-radius: 8px; }

body#about2 #about-section-2 .team_members .team_member .team_member-card .front {
  z-index: 2;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  transform: rotateY(0deg); }

body#about2 #about-section-2 .team_members .team_member .team_member-card .front .name {
  font-weight: 600;
  padding: 8px 0 0 0; }

body#about2 #about-section-2 .team_members .team_member .team_member-card .front .image {
  width: 150px;
  height: 150px;
  overflow: hidden;
  background-color: #D8D8D8; }

body#about2 #about-section-2 .team_members .team_member .team_member-card .front .image img {
  width: 150px; }

body#about2 #about-section-2 .team_members .team_member .team_member-card .back {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
  font-size: 10px;
  line-height: 1.2em !important;
  -webkit-perspective: 1000; }

body#about2 #about-section-2 .team_members .team_member .team_member-card .back ul {
  margin: 2px 0 0 0;
  padding: 0; }

body#about2 #about-section-2 .team_members .team_member .team_member-card .back ul li {
  list-style: none;
  text-align: left;
  margin-bottom: 3px; }

body#about2 #about-section-3 {
  background: #13254C url(https://www.activecampaign.com/global_media/images/about-missionbg.png) no-repeat center center;
  background-size: cover; }

body#about2 #about-section-3 .ac_col.seven {
  background: rgba(255, 255, 255, 0.95);
  padding: 20px; }

body#about2 #about-section-4 #team_gallery {
  margin-bottom: 50px;
  height: 220px;
  overflow: hidden; }

body#about2 #about-section-4 #team_gallery img {
  display: inline-block; }

body#about2 #about-section-4 .team_gallery .left {
  position: absolute;
  left: 0;
  width: 50%;
  height: 300px;
  z-index: 1; }

body#about2 #about-section-4 .team_gallery .right {
  position: absolute;
  right: 0;
  width: 50%;
  height: 300px;
  z-index: 1; }

body#about2 #about-section-5 .ac_col {
  text-align: center; }

body#about2 #about-section-5 .ac_col img {
  margin-bottom: 14px; }

body#about2 #about-section-5 ul {
  margin: 0;
  padding: 0;
  float: left; }

body#about2 #about-section-5 ul:last-of-type {
  margin-left: 40px; }

body#about2 #about-section-5 ul li {
  font-size: 14px;
  list-style: none;
  font-weight: 600;
  text-align: left;
  height: 30px;
  margin-bottom: 15px;
  line-height: 28px; }

body#about2 #about-section-5 ul li img {
  float: left;
  margin-right: 10px; }

body#about2 #about-section-6 {
  position: relative;
  overflow: hidden;
  width: 100%; }

body#about2 #about-section-6 .quote_prev,
body#about2 #about-section-6 .quote_next {
  z-index: 2;
  width: 20px;
  padding: 20px 10px;
  border-radius: 6px;
  height: 61px;
  position: absolute;
  top: 50%;
  margin-top: -40px;
  cursor: pointer;
  opacity: 0.8; }

body#about2 #about-section-6 .quote_prev:hover,
body#about2 #about-section-6 .quote_next:hover {
  opacity: 1.0;
  background-color: #DCE5F1; }

body#about2 #about-section-6 .quote_prev {
  background: transparent url(https://www.activecampaign.com/global_media/images/quote_prev.png) no-repeat center center;
  background-size: 20px;
  left: 20px; }

body#about2 #about-section-6 .quote_next {
  background: transparent url(https://www.activecampaign.com/global_media/images/quote_next.png) no-repeat center center;
  background-size: 20px;
  right: 20px; }

body#about2 #about-section-6 .quote_wrapper {
  width: 100%; }

body#about2 #about-section-6 .quote_wrapper ul {
  margin: 0;
  padding: 0;
  position: relative;
  height: 300px; }

body#about2 #about-section-6 .quote_wrapper ul li {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  list-style: none;
  display: block;
  opacity: 0; }

body#about2 #about-section-6 .quote_wrapper ul li.active {
  opacity: 1; }

body#about2 #about-section-6 .quote_wrapper ul li p.quote {
  color: #5d5d5d;
  margin-bottom: 20px; }

body#about2 #about-section-6 .quote_wrapper ul li p.name {
  color: #939393;
  font-style: italic;
  font-size: 20px;
  font-weight: 200;
  text-align: center; }

body#about2 #about-section-6 .quote_wrapper ul li .photo {
  margin: 0 auto;
  width: 78px;
  height: 78px;
  border-radius: 100%;
  overflow: hidden; }

body#about2 #about-section-7 .job {
  text-align: center;
  margin-bottom: 20px; }

body#about2 #about-section-7 .job:last-of-type {
  margin-bottom: 0; }

body#about2 #about-section-7 .title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px; }

body#about2 #about-section-7 .location {
  font-size: 16px;
  color: #939393; }

body#about2 #about-section-8 {
  background: #3D3D3D url(https://www.activecampaign.com/global_media/images/about-chicagobg.png) no-repeat center center;
  background-size: cover; }

/* -------------------------------------------------------------------------*\
	Press - /about/press
\*------------------------------------------------------------------------ */
body#press .six > div > a {
  display: inline-block;
  margin-right: 10px; }

/* -------------------------------------------------------------------------*\
	Job listing - /about/job-title.php
\*------------------------------------------------------------------------ */
body#job,
body#job h2,
body#job h3,
body#job h5,
body#job p,
body#job li {
  text-align: left !important; }

body#job .ac_body-wrapper > .ac_subheader {
  display: none; }

body#job .ac_col.four {
  padding-left: 20px;
  overflow: hidden; }

body#job .job-header {
  padding: 30px 0 30px;
  margin-bottom: 30px;
  border-bottom: #e0e0e0 1px solid; }

body#job .job-pitch {
  margin-bottom: 40px; }

body#job .job-perks {
  background: #f2f2f2;
  padding: 20px;
  border-radius: 8px;
  margin-bottom: 20px; }

body#job .job-footer {
  background: #f2f2f2;
  padding: 20px;
  border-radius: 8px;
  margin-top: 40px; }

/* -------------------------------------------------------------------------*\
	Demo - /demo
\*------------------------------------------------------------------------ */
body#demo input.contacts-input {
  width: 70% !important; }

/* -------------------------------------------------------------------------*\
	Enterprise - /enterprise
\*------------------------------------------------------------------------ */
body#enterprise .ac_header {
  background: none; }

body#enterprise .ac_header-wrap {
  padding-bottom: 12px;
  border-bottom: rgba(255, 255, 255, 0.06) 1px solid; }

body#enterprise .ac_header-wrap .ac_header-nav > ul > li > a {
  color: #ccc; }

body#enterprise .ac_subheader {
  margin: 0 !important;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background: #474747;
  background-size: cover;
  max-height: 560px; }

body#enterprise #subheader-vid {
  position: absolute;
  top: -120px;
  left: 0;
  opacity: .4;
  height: auto;
  overflow: hidden; }

body#enterprise .ac_subheader > .ac_content-wrapper {
  padding-top: 15%; }

body#enterprise .ac_subheader h1 {
  color: #fff !important; }

body#enterprise .ac_subheader .ac_sub-title {
  color: #E8E8E8;
  font-size: 18px; }

body#enterprise #enterprise-section-1 {
  margin-top: 440px; }

body#enterprise #enterprise-section-1 img {
  opacity: 0; }

body#enterprise #enterprise-section-4 {
  border-top: #C4D2E4 1px solid;
  border-bottom: #C4D2E4 1px solid; }

body#enterprise #enterprise-section-4 .ac_content-wrapper {
  padding-top: 70px; }

body#enterprise #enterprise-section-4 .ac_col.five {
  opacity: 0; }

body#enterprise #enterprise-section-6 #ent-apps td {
  text-align: center;
  padding-bottom: 10px; }

body#enterprise #enterprise-section-6 #ent-apps td img {
  opacity: 0; }

body#enterprise #enterprise-section-8 .profile1 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 405px;
  height: 172px;
  background: url(https://www.activecampaign.com/global_media/images/ent-profile1.png) no-repeat 0 0;
  background-size: 405px;
  z-index: 2; }

body#enterprise #enterprise-section-8 .profile2 {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 382px;
  height: 173px;
  background: url(https://www.activecampaign.com/global_media/images/ent-profile2.png) no-repeat 0 0;
  background-size: 382px; }

body#enterprise #enterprise-section-8 .profile1.do_animate {
  top: 3px;
  transition: all 0.3s ease-out; }

body#enterprise #enterprise-section-8 .profile2.do_animate {
  top: 40px;
  left: 70px;
  transition: all 0.3s ease-out; }

body#enterprise #enterprise-section-9 .ac_col .icon {
  width: 40px;
  height: 40px; }

body#enterprise #enterprise-section-9 .ac_col .icon img {
  vertical-align: middle; }

body#enterprise #getstartedModal .inline-input {
  display: inline-block;
  margin-right: 5px;
  width: 48.7%; }

/* -------------------------------------------------------------------------*\
	Feature - Split Testing - /feature/split_test
\*------------------------------------------------------------------------ */
body#splittest .ac_section.pinned {
  background: #3c5e8e; }

body#splittest #splittest-section-3 .ac_line-vertical.left {
  margin-left: -20px; }

body#splittest #splittest-section-3 .ac_line-vertical.right {
  margin-left: 20px; }

body#splittest #splittest-section-3 .stats.left {
  margin-left: -15px; }

body#splittest #splittest-section-3 .stats.right {
  margin-left: 15px; }

body#splittest #splittest-section-3 .stats {
  position: relative;
  width: 100%;
  text-align: center; }

body#splittest #splittest-section-3 .stats .stat {
  text-align: center;
  display: inline-block;
  margin-right: 20px; }

body#splittest #splittest-section-3 .stats .stat span {
  font-size: 34px;
  font-weight: 600; }

/* -------------------------------------------------------------------------*\
	Feature - Dynamic Content - /feature/dynamic_content
\*------------------------------------------------------------------------ */
body#dynamic .ac_section.pinned {
  background: #3c5e8e; }

body#dynamic .ac_screenshot-small img {
  max-width: 100%; }

body#dynamic .anim-rss {
  top: 0;
  left: 0;
  height: 305px;
  background: #EDEDED url("https://d226aj4ao1t61q.cloudfront.net/m7optaut9_dynamic-screen1-base.png");
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden; }

body#dynamic .anim-rss .rss-post {
  position: absolute;
  top: 0;
  width: 100%;
  height: 305px;
  background-position: 0 0;
  background-size: 100% !important;
  background-repeat: no-repeat; }

body#dynamic .anim-rss .post-1 {
  background: url("https://d226aj4ao1t61q.cloudfront.net/cwz6nbvos_dynamic-screen1-rss-1.png");
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

body#dynamic .anim-rss .post-2 {
  background: url("https://d226aj4ao1t61q.cloudfront.net/2ded8gkix_dynamic-screen1-rss-2.png");
  -webkit-animation-delay: 3s;
  animation-delay: 3s; }

body#dynamic .anim-rss .post-3 {
  background: url("https://d226aj4ao1t61q.cloudfront.net/xgyurx74y_dynamic-screen1-rss-3.png");
  -webkit-animation-delay: 11s;
  animation-delay: 11s; }

body#dynamic .anim-rss .post-4 {
  background: url("https://d226aj4ao1t61q.cloudfront.net/rsqiv2va_dynamic-screen1-rss-4.png");
  -webkit-animation-delay: 14s;
  animation-delay: 14s; }

body#dynamic #dynamic-section-4 img {
  max-width: 100%; }

@media only screen and (min-width: 568px) and (max-width: 980px) {
  body#dynamic #dynamic-section-4 .ac_col.six:first-child {
    padding-right: 30px; } }
@media only screen and (max-width: 680px) {
  body#dynamic .ac_col * {
    text-align: left; } }
@media only screen and (max-width: 568px) {
  body#dynamic .ac_col * {
    text-align: center; } }
/* -------------------------------------------------------------------------*\
	Feature - Drip Marketing - /feature/drip-marketing
\*------------------------------------------------------------------------ */
#drip-section-2 .illustration.do_animate {
  overflow: hidden; }

#drip-section-2 .responders .animate_responder,
#drip-section-2 #lines .animate_automation,
#drip-section-2 #nodes .animate_automation {
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
  -webkit-transform-origin: 50% 50%; }

#responder-1 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#responder-2 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 3.2s;
  -webkit-animation-delay: 3.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#responder-3 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 5.2s;
  -webkit-animation-delay: 5.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#responder-4 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 7.2s;
  -webkit-animation-delay: 7.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#responder-5 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 9.0s;
  -webkit-animation-delay: 9.0s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#line-1 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#node-1 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 1.8s;
  -webkit-animation-delay: 1.8s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#line-2 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 2.6s;
  -webkit-animation-delay: 2.6s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#node-2 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 3.2s;
  -webkit-animation-delay: 3.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#line-3 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 4.2s;
  -webkit-animation-delay: 4.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#node-3 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 5.2s;
  -webkit-animation-delay: 5.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#line-4 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 6.5s;
  -webkit-animation-delay: 6.5s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#node-4 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 7.2s;
  -webkit-animation-delay: 7.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#line-5 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 8.2s;
  -webkit-animation-delay: 8.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#node-5 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 9.0s;
  -webkit-animation-delay: 9.0s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#node-6 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 9.0s;
  -webkit-animation-delay: 9.0s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#line-6 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 10.2s;
  -webkit-animation-delay: 10.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#line-7 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 11.2s;
  -webkit-animation-delay: 11.2s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#node-7 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 12.0s;
  -webkit-animation-delay: 12.0s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#node-8 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 12.0s;
  -webkit-animation-delay: 12.0s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#line-8 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 13.0s;
  -webkit-animation-delay: 13.0s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

#node-9 {
  -webkit-animation: pop .5s ease-out forwards;
  animation: pop .5s ease-out forwards;
  animation-delay: 13.8s;
  -webkit-animation-delay: 13.8s;
  transform-origin: 250.262px 196.043px;
  -webkit-transform-origin: 50% 50%; }

/* -------------------------------------------------------------------------*\
	Custom Order
\*------------------------------------------------------------------------ */
.custom-order .ac_container.payment.notice {
  background-color: #F2F2F2; }

.custom-order .account_name:after {
  right: 153px; }

.custom-order .note-header span {
  display: inline-block;
  padding: 0 16px;
  background-color: #F2F2F2;
  font-size: 13px;
  font-style: italic;
  z-index: 2; }

.custom-order .note-header:after {
  position: absolute;
  content: '';
  top: 14px;
  width: 100%;
  left: 0;
  border-top: 1px solid #CACACA; }

.custom-order .payment.notice .note {
  border-radius: 6px;
  font-size: 12px; }

.custom-order .pay-row {
  background: url("https://d226aj4ao1t61q.cloudfront.net/h75rmyyg_dot.gif") repeat-x 0 12px; }

.custom-order .pay-row span {
  display: block;
  background-color: #F2F2F2; }

.custom-order .pay-row .fleft {
  padding-right: 10px; }

.custom-order .pay-row .fright {
  padding-left: 10px; }

.custom-order .pay-promotion .fright {
  color: #E40E49; }

.custom-order .pay-promotion-description {
  font-style: italic;
  margin-top: 0; }

.custom-order .pay-promotion-description:before {
  content: "*"; }

.custom-order .total-price {
  color: #3E70B5;
  font-size: 19px; }

.custom-order .trans-msg {
  background-color: #FD9A00;
  color: #FFF;
  display: block;
  padding: 3px 10px;
  border-radius: 4px;
  text-transform: uppercase; }

.custom-order #cvc_explain {
  position: absolute;
  top: -210px;
  right: 0;
  width: 380px;
  background-color: #FFF;
  z-index: 1; }

.custom-order .ac_dropdown-select {
  display: block;
  background-color: #FFF; }

.custom-order .ac_dropdown-select select {
  position: relative;
  background-color: transparent !important;
  z-index: 1; }

/* -------------------------------------------------------------------------*\
	Small screenshot slideshow
\*------------------------------------------------------------------------ */
.ac_screenshot-small .slidesjs-control {
  border-radius: 0 0 6px 6px; }

.ac_screenshot-small .slidesjs-pagination {
  float: none;
  position: absolute;
  margin-left: 45%;
  height: 14px;
  padding: 0;
  margin-top: 20px; }

.ac_screenshot-small li a.active {
  width: 11px;
  height: 11px;
  margin-top: -1px; }

.ac_screenshot-small .slidesjs-navigation {
  display: none; }

.ac_screenshot-medium .slidesjs-control {
  border-radius: 0 0 6px 6px; }

.ac_screenshot-medium .ac_screenshot-medium#filter-slides {
  overflow: visible !important; }

.ac_screenshot-medium .slidesjs-pagination {
  position: absolute;
  float: none;
  margin-left: 45%;
  height: 14px;
  padding: 0;
  margin-top: 20px; }

.ac_screenshot-medium li a.active {
  width: 11px;
  height: 11px;
  margin-top: -1px; }

.ac_screenshot-medium .slidesjs-navigation {
  display: none; }

.ac_screenshot-medium .slidesjs-control img {
  -webkit-backface-visibility: initial !important; }

/* -------------------------------------------------------------------------*\
	Marketplace - /marketplace
\*------------------------------------------------------------------------ */
#marketplace h2 {
  font-size: 18px;
  text-align: left; }

#marketplace .filter-list {
  padding-left: 0;
  margin-bottom: 50px; }

#marketplace .filter-list li {
  list-style-type: none;
  margin-bottom: 12px; }

#marketplace .filter-list li.selected a {
  color: #4073B5;
  border-radius: 5px; }

#marketplace .filter-list li a, #marketplace .filter-list li.selected ul li a {
  color: #939393;
  font-weight: 600;
  padding: 5px 0 5px 0;
  line-height: 20px; }

#marketplace .filter-list li a:hover {
  color: #4073B5; }

#marketplace .ac_input-search {
  margin-bottom: 30px; }

#marketplace .ac_input-search input {
  padding-left: 30px !important;
  width: 200px; }

#marketplace .items-list {
  margin: 0;
  padding-left: 0; }

#marketplace .items-list a {
  color: #4b4b4b; }

#marketplace .items-list a:hover {
  color: #4073B5; }

#marketplace .items-list li.item {
  position: relative;
  list-style-type: none;
  background-color: #f2f2f2;
  width: 225px;
  height: 221px;
  display: inline-block;
  border-radius: 5px;
  margin: 0 20px 20px 0; }

#marketplace .items-list a:nth-child(3n+3) li.item {
  margin-right: 0; }

#marketplace .items-list li.item .details {
  position: absolute;
  bottom: 0;
  padding: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #d8d8d8;
  width: 205px; }

#marketplace .items-list li.item .details ul {
  padding: 0; }

#marketplace .items-list li.item .details ul li {
  list-style-type: none;
  font-size: 12px;
  display: inline-block; }

#marketplace .items-list li.item .details ul li.category {
  color: #939393; }

#marketplace .items-list li.item .details ul li.price {
  color: #5988C5;
  font-weight: 600;
  padding-top: 2px;
  float: right; }

#marketplace .items-list li.item .rating ul, #marketplace_recipe .items-list li.item .rating ul {
  padding-left: 5px; }

#marketplace .items-list li.item .rating li, #marketplace_recipe .items-list li.item .rating li {
  list-style-type: none;
  display: inline-block;
  margin-left: -5px; }

#marketplace .items-list li.item .rating li .ac-icon, #marketplace_recipe .items-list li.item .rating li .ac-icon {
  color: #B8B8B8; }

#marketplace .items-list li.item .rating li.active .ac-icon, #marketplace_recipe .items-list li.item .rating li.active .ac-icon {
  color: #f8e61a; }

/* -------------------------------------------------------------------------*\
	Marketplace recipe - /marketplace/recipe
\*------------------------------------------------------------------------ */
#marketplace_recipe h1 {
  text-align: left;
  font-size: 24px; }

#marketplace_recipe h2 {
  margin-bottom: 15px; }

#marketplace_recipe .details {
  padding-right: 15px; }

#marketplace_recipe p {
  color: #939393; }

#marketplace_recipe .meta {
  padding-left: 0; }

#marketplace_recipe .meta li {
  display: block;
  list-style-type: none;
  margin-bottom: 5px; }

#marketplace_recipe .meta li label {
  font-weight: 600;
  color: #5D5D5D;
  width: 100px;
  display: inline-block; }

#marketplace_recipe .meta li span {
  color: #5D5D5D; }

#marketplace_recipe img.main {
  width: 475px;
  height: 360px;
  border-radius: 5px;
  border: 1px #cacaca solid; }

#marketplace_recipe img.thumb {
  width: 145px;
  height: 115px;
  border: 4px #FFFFFF solid;
  border-radius: 5px;
  cursor: pointer; }

#marketplace_recipe .thumb-list {
  padding-left: 0; }

#marketplace_recipe .thumb-list li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px; }

#marketplace_recipe .thumb-list li:last-child {
  margin-right: 0; }

#marketplace_recipe .thumb-list li.selected img {
  border: 4px #939393 solid; }

#marketplace_recipe .footer-row .left {
  padding-right: 70px; }

#marketplace_recipe .price-container {
  padding-top: 25px; }

#modal-login .modal-left {
  padding-right: 10px;
  margin-right: 0; }

#modal-login .modal-right {
  background-color: #F2F2F2;
  padding: 20px 20px 0 32px;
  border-left: 1px #CACAC9 solid;
  margin-top: -40px;
  margin-left: 2px;
  right: -20px;
  bottom: -40px;
  height: 446px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 384px; }

#modal-login .modal-left p {
  margin-top: 0; }

#modal-login .button-container {
  text-align: center; }

#modal-login .modal-right .button-container {
  padding-top: 18px; }

#modal-login .ac_button {
  width: 200px; }

body#marketplace .ac_input.error, body#consultants .ac_input.error, body#consultants-single .ac_input.error {
  border: #F37C7B 1px solid !important;
  background-size: 14px; }

#modal-login .modal-dialog {
  width: 800px; }

#modal-login h2 {
  font-size: 22px; }

#modal-login fieldset {
  margin-top: 20px; }

#modal-login .close, #modal-confirmation .close {
  cursor: pointer;
  z-index: 999; }

#modal-login .center-divider {
  background-color: #FFFFFF;
  border: 1px #CACAC9 solid;
  border-radius: 100%;
  padding: 10px;
  color: #939393;
  position: absolute;
  font-style: italic;
  top: 160px;
  left: 397px; }

#modal-login .close:hover, #modal-confirmation .close:hover {
  background-position: 0 -16.2px; }

body#marketplace .accountinput {
  position: relative; }

body#marketplace .accountinput .ac_input {
  padding-right: 170px !important; }

#modal-confirmation .modal-content {
  background-repeat: no-repeat;
  background-position: center top; }

#modal-confirmation .product-details {
  background-color: #fff;
  padding: 20px 0 10px 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  padding-right: 20px; }

#modal-confirmation .product-details .title, #modal-confirmation .product-details .price, #modal-confirmation .product-details .type {
  display: block; }

#modal-confirmation .product-details .title {
  color: #5D5D5D;
  font-size: 16px;
  font-weight: 600; }

#modal-confirmation .product-details .price {
  color: #5988C5;
  font-weight: 600;
  font-size: 26px; }

#modal-confirmation .product-details .type {
  color: #B8B8B8; }

#modal-confirmation .product-button {
  text-align: center;
  margin-top: 50px; }

#modal-confirmation .product-button .ac_button {
  width: 200px; }

#modal-confirmation .product-button p {
  font-size: 12px;
  color: #939393;
  padding: 0;
  margin: 0; }

#modal-confirmation .payment-options {
  margin-top: 25px; }

#modal-confirmation .payment-form-original .input-wrap {
  margin-bottom: 10px; }

#modal-confirmation .payment-form-original .payment-method select[name='cardtype'] {
  margin-bottom: 10px; }

#modal-confirmation .payment-form-original .expdate {
  width: 123px !important;
  vertical-align: top; }

#modal-confirmation .payment-form-original #cvc_explain {
  width: 275px; }

#modal-confirmation .payment-form-original #cvc_explain img {
  width: 240px; }

#modal-confirmation .payment-form-original select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff url("https://www.activecampaign.com/global_media/images/arrow_down.png") no-repeat 93% 13px !important;
  background-size: 8px !important;
  border: #cacaca 1px solid !important;
  font-size: 13px !important;
  padding: 7px 30px 7px 10px !important;
  color: #5d5d5d !important;
  border-radius: 4px !important; }

#modal-confirmation .payment-form-original .payment-method select[name='cardexpiremonth'], #modal-confirmation .payment-form-original .payment-method select[name='cardexpireyear'] {
  padding-right: 14px !important; }

#paymentLoader, #loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1000000;
  zoom: 1; }

#modal-thankyou .modal-dialog, #modal-thankyou-add .modal-dialog {
  width: 450px; }

#modal-thankyou .modal-body .ac-icon, #modal-thankyou-add .modal-body .ac-icon {
  font-size: 50px;
  color: #3c7359; }

/* -------------------------------------------------------------------------*\
	Marketplace author - /marketplace/author
\*------------------------------------------------------------------------ */
#marketplace_author .author-title {
  text-align: left; }

#marketplace_author .author-details {
  margin-top: 0; }

#marketplace_author .author-details li {
  text-align: left;
  list-style-type: none;
  margin-bottom: 5px; }

#marketplace_author .author-details li.image img {
  border-radius: 100%; }

#marketplace_author .author-details li.name {
  font-size: 20px;
  font-weight: 600; }

/* -------------------------------------------------------------------------*\
	Marketplace author sell - /marketplace/author/sell
\*------------------------------------------------------------------------ */
#modal-confirm-delete span {
  font-weight: bold; }

#modal-confirm-delete .close {
  cursor: pointer; }

/* -------------------------------------------------------------------------*\
	Marketplace recipe submit - /marketplace/recipe/submit
\*------------------------------------------------------------------------ */
#marketplace_recipe_submit .field {
  margin-bottom: 20px; }

#marketplace_recipe_submit .header-row {
  border-bottom: 1px #CACACA solid;
  padding-bottom: 10px;
  margin-bottom: 25px; }

#marketplace_recipe_submit .footer-row {
  border-top: 1px #CACACA solid;
  padding-top: 25px; }

#marketplace_recipe_submit .header-row .right {
  color: #B8B8B8;
  padding-top: 10px; }

#marketplace_recipe_submit .footer-row .right {
  color: #B8B8B8;
  padding-top: 10px;
  font-size: 12px; }

#marketplace_recipe_submit h1 {
  text-align: left;
  font-size: 22px; }

#marketplace_recipe_submit textarea {
  height: 100px; }

#marketplace_recipe_submit .ac_input-fixed {
  position: relative;
  display: inline-block; }

#marketplace_recipe_submit .ac_input-fixed.left input {
  padding-left: 25px !important; }

#marketplace_recipe_submit .ac_input-fixed.right input {
  padding-right: 25px !important; }

#marketplace_recipe_submit .ac_input-fixed .char {
  display: block;
  font-weight: 600;
  position: absolute;
  top: 50%;
  margin-top: -10px; }

#marketplace_recipe_submit .ac_input-fixed .char.small {
  font-size: 12px;
  margin-top: -8px; }

#marketplace_recipe_submit .ac_input-fixed .char.left {
  left: 10px;
  background: none; }

#marketplace_recipe_submit .ac_input-fixed .char.right {
  right: 10px; }

#marketplace_recipe_submit .field-price .ac_radio_label span:not(.char) {
  margin-top: 7px !important; }

#marketplace_recipe_submit .field-price .ac_radio_label[for='free'] {
  line-height: 29px; }

#marketplace_recipe_submit .content-row .right {
  position: relative; }

#marketplace_recipe_submit .callout {
  border-radius: 10px;
  border: 1px #4073B5 solid;
  padding: 15px;
  width: 200px;
  position: absolute;
  right: 0;
  top: 25px; }

#marketplace_recipe_submit .callout .img-container {
  margin: 15px 0 15px 0; }

#marketplace_recipe_submit .callout p {
  color: #5D5D5D;
  line-height: 20px;
  margin-bottom: 25px; }

#marketplace_recipe_submit .callout .blueborderbtn {
  border-width: 1px; }

#marketplace_recipe_submit .callout span {
  font-weight: 600;
  color: #4073B5;
  text-align: center;
  display: block;
  font-size: 16px; }

#marketplace_recipe_submit .field-helper, #marketplace_profile .field-helper, #consultants_profile .field-helper {
  color: #939393;
  font-size: 12px;
  margin-top: 5px; }

#marketplace_recipe_submit input[type='file'].ac_input {
  font-size: 12px !important; }

#marketplace_recipe_submit .ac_input.error, #marketplace_recipe_submit .ac_select.error {
  border: #F37C7B 1px solid !important;
  background-size: 14px; }

#marketplace_recipe_submit .notify.error ul {
  padding: 0;
  margin: 0; }

#marketplace_recipe_submit .notify.error ul li {
  list-style-type: none; }

#marketplace_recipe_submit .notify.error ul li:not(:first-child) {
  padding-left: 25px; }

/* -------------------------------------------------------------------------*\
	Security landing - /security
\*------------------------------------------------------------------------ */
body#security .ac_section.pinned {
  background: #3c5e8e; }

body#security #security-section-1-6 #random_password {
  padding: 20px;
  font-family: monospace;
  font-size: 13px;
  height: 100px;
  line-height: 1.4;
  color: #65758A;
  -webkit-font-smoothing: antialiased;
  word-break: break-word;
  text-align: left;
  background: #F4F4F4; }

body#security #security-thanks li {
  width: 323px;
  line-height: 30px;
  list-style: none; }

@media only screen and (max-width: 880px) {
  body#security #security-section-1 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    height: auto !important; } }
/* -------------------------------------------------------------------------*\
	Goals page - /goals
\*------------------------------------------------------------------------ */
body#goals #goals-hero .ac_content-wrapper {
  background: url("https://d226aj4ao1t61q.cloudfront.net/rn4y02uk4_mountains.png");
  background-position: 50%;
  background-repeat: no-repeat;
  height: 300px; }

@media only screen and (max-width: 880px) {
  body#goals #goals-hero .ac_content-wrapper {
    height: 206px !important;
    background-size: cover !important;
    background-position: bottom center !important; }
  body#goals .ac_separator-h {
    margin: 0 !important; } }
@media only screen and (max-width: 980px) {
  #security .ac_body-wrapper {
    margin-top: 75px; }

  #security section:first-of-type {
    margin-top: 0; } }
/* -------------------------------------------------------------------------*\
	TOS section `.TOS`
\*------------------------------------------------------------------------ */
.tos {
  padding: 20px;
  box-sizing: border-box; }

/* -------------------------------------------------------------------------*\
	Animations
\*------------------------------------------------------------------------ */
/* Dim */
@-webkit-keyframes dim {
  100% {
    opacity: 0.5; } }
@keyframes dim {
  100% {
    opacity: 0.5; } }
/* Show */
@-webkit-keyframes show {
  100% {
    opacity: 1; } }
@keyframes show {
  100% {
    opacity: 1; } }
/* hide */
@-webkit-keyframes hide {
  100% {
    opacity: 0; } }
@keyframes hide {
  100% {
    opacity: 0; } }
/* Line */
@-webkit-keyframes line {
  100% {
    stroke-dashoffset: 0; } }
@keyframes line {
  100% {
    stroke-dashoffset: 0; } }
/* Email - Segment animation */
@keyframes seg_move1 {
  0% {
    opacity: 1; }
  100% {
    transform: translateY(115px); } }
@-webkit-keyframes seg_move1 {
  0% {
    opacity: 1; }
  100% {
    -webkit-transform: translateY(115px); } }
@keyframes seg_move2 {
  100% {
    transform: translateY(125px); } }
@-webkit-keyframes seg_move2 {
  100% {
    -webkit-transform: translateY(125px); } }
/* Email - Segment animation */
@keyframes move_off {
  0% {
    transform: translate(0, 115px); }
  100% {
    transform: translate(-560px, 115px); } }
@-webkit-keyframes move_off {
  0% {
    -webkit-transform: translate(0, 115px); }
  100% {
    -webkit-transform: translate(-560px, 115px); } }
/* Home - Automation dots */
@keyframes dotpulse {
  0%,
	50% {
    transform: scale(1, 1);
    fill: #E0E0E0; }
  20% {
    transform: scale(1.8, 1.8);
    fill: #cbcbcb; } }
@-webkit-keyframes dotpulse {
  0%,
	50% {
    -webkit-transform: scale(1, 1);
    -webkit-transform-origin: 50% 50%;
    fill: #E0E0E0; }
  20% {
    -webkit-transform: scale(1.8, 1.8);
    -webkit-transform-origin: 50% 50%;
    fill: #cbcbcb; } }
/* Email - Heatmap animation */
@keyframes hm_move1 {
  100% {
    transform: translateY(38px);
    transform: translate(88px, 5px); } }
@-webkit-keyframes hm_move1 {
  100% {
    -webkit-transform: translate(88px, 5px); } }
@keyframes hm_move2 {
  100% {
    transform: translate(-68px, -10px); } }
@-webkit-keyframes hm_move2 {
  100% {
    -webkit-transform: translate(-68px, -10px); } }
/* Pop */
@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1, 1);
    -webkit-transform-origin: 50% 50%; }
  75% {
    -webkit-transform: scale(0.8, 0.8);
    -webkit-transform-origin: 50% 50%; }
  100% {
    -webkit-transform: scale(1, 1);
    -webkit-transform-origin: 50% 50%; } }
@keyframes pop {
  50% {
    transform: scale(1); }
  75% {
    transform: scale(0.8); }
  100% {
    transform: scale(1); } }
/* Radar */
@keyframes radarscale {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(8); }
  75% {
    transform: scale(10); }
  100% {
    transform: scale(12);
    opacity: 0; } }
@-webkit-keyframes radarscale {
  50% {
    -webkit-transform: scale(8, 8);
    -webkit-transform-origin: 50% 50%; }
  75% {
    -webkit-transform: scale(10, 10);
    -webkit-transform-origin: 50% 50%; }
  100% {
    -webkit-transform: scale(12, 12);
    -webkit-transform-origin: 50% 50%;
    opacity: 0; } }
@keyframes radarscale2 {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(14); }
  75% {
    transform: scale(16); }
  100% {
    transform: scale(18);
    opacity: 0; } }
@-webkit-keyframes radarscale2 {
  50% {
    -webkit-transform: scale(14, 14);
    -webkit-transform-origin: 50% 50%; }
  75% {
    -webkit-transform: scale(16, 16);
    -webkit-transform-origin: 50% 50%; }
  100% {
    -webkit-transform: scale(18, 18);
    -webkit-transform-origin: 50% 50%;
    opacity: 0; } }
/* Blinking */
@keyframes "blink" {
  from,
	to {
    color: transparent; }
  50% {
    color: black; } }
@-moz-keyframes blink {
  from,
	to {
    color: transparent; }
  50% {
    color: black; } }
@-webkit-keyframes "blink" {
  from,
	to {
    color: transparent; }
  50% {
    color: black; } }
@-ms-keyframes "blink" {
  from,
	to {
    color: transparent; }
  50% {
    color: black; } }
@-o-keyframes "blink" {
  from,
	to {
    color: transparent; }
  50% {
    color: black; } }
/* Fade In */
.fade-in-anim {
  opacity: 0;
  -webkit-animation: fadeIn ease-in;
  animation: fadeIn ease-in 1;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s; }

/* CRM - Scoring move */
@keyframes score_move1 {
  100% {
    transform: translateY(68px);
    transform: translate(0, 68px); } }
@-webkit-keyframes score_move1 {
  100% {
    -webkit-transform: translate(0, 68px); } }
@keyframes score_move2 {
  100% {
    transform: translateY(-68px);
    transform: translate(0, -68px); } }
@-webkit-keyframes score_move2 {
  100% {
    -webkit-transform: translate(0, -68px); } }
@keyframes score_move3 {
  100% {
    transform: translateY(68px);
    transform: translate(0, 68px); } }
@-webkit-keyframes score_move3 {
  100% {
    -webkit-transform: translate(0, 68px); } }
@keyframes score_move4 {
  100% {
    transform: translateY(-136px);
    transform: translate(0, -136px); } }
@-webkit-keyframes score_move4 {
  100% {
    -webkit-transform: translate(0, -136px); } }
/* Email - Segment animation */
@keyframes pin_move {
  100% {
    transform: translate(0, 20px);
    opacity: 1; } }
@-webkit-keyframes pin_move {
  0%,
	60%,
	75%,
	90%,
	100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    opacity: 1; }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    opacity: 1; }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }