/* ====== Pricing Page (choose plan) ====== */
body.c2g-body div#content2colbig.c2g-content2colbig {
  padding-top: 0 !important;
}

#planPay {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#planPay *, 
#planPay *:after, 
#planPay *:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* ====== Pricing ====== */
.comp-pricing {
  margin: -12px;
}
.comp-pricing .c2g-hero-1 {
  margin: 0 -12px -200px;
  text-align: center;
  padding: 25px 60px 20px;
}
#planPay .comp-pricing .c2g-hero-1 {
  display: none;
}

/* ====== Pricing Notice ====== */
.comp-pricing__notice {
  padding: 12px 20px;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;}

/* ====== Pricing Packages ====== */
.comp-pricing__packages {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto -160px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
  font-size: 13px;}

.comp-pricing__packages__wrapper {
  display: flex;}

.comp-pricing__heading .c2-heading-text {
  position: relative;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;}
.comp-pricing__heading .c2-manage-plans {
  display: inline;
  position: absolute;
  bottom: -24px;
  right: 0;
  text-align: right;}
.comp-pricing__heading .c2-manage-plans:hover,
.comp-pricing__heading .c2-manage-plans:hover .icon-gear {
  color: #fa5100;}
.comp-pricing__heading .c2-manage-plans:hover {
  cursor: pointer;}
.comp-pricing__heading .c2-manage-plans:hover .mandongtxt {
  border-bottom: solid 1px  #fa5100;}

/* -- features */
.comp-pricing__packages .c2-package-features {
  flex: 1 1 400px;}

/* -- types */
.comp-pricing__packages .c2-package-type {
  flex: 0 0 760px;
  display: flex;}
.comp-pricing__packages .c2-package-type__item {
  flex: 0 0 25%;
  position: relative;
  border-left: dotted 1px #ddd;}
  
  .comp-pricing.fourthColumnHidden .comp-pricing__packages .c2-package-type__item {
	 	flex: 0 0 33%;
  }
  
   .comp-pricing.fourthColumnHidden .proplanRelated
   {
	   display:none;
   }
   
.comp-pricing__packages .c2-package-type .c2-package-type__loader {
  display: none;
  flex-direction: column;
  flex: 1 1 auto;
  align-self: center;
  justify-content: flex-end;
  width: 0;
  height: 100%;
  padding-bottom: 100px;
  overflow: hidden;
  text-align: center;
  border-left: 1px dotted #ddd;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;}
.comp-pricing__packages .c2-package-type .c2-package-type__loader .c2g-loader {
  margin-bottom: 20px;}
.comp-pricing__packages .c2-package-type.show-loader .c2-package-type__loader {
  display: flex;
  width: 100%;}

/* -- hex */
.comp-pricing__packages .c2-price-hex {
  position: relative;
  margin-bottom: 16px;
  text-align: center;}
.comp-pricing__packages .c2-price-hex__price {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  margin-top: -15px;
  font-size: 30px;
  font-weight: bold;
  line-height: 100%;
  text-align: center;
  color: #fff;}

/* -- head */
.comp-pricing__packages .c2-package-features__head {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  position: relative;
  padding: 48px 30px 24px;
  border-bottom: solid 22px #fff;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fff 0%, #f2f2f2 100%) repeat scroll 0 0;
  text-align: center;}
.comp-pricing__packages .c2-package-features__head h2 {
  font-size: 36px;
  font-weight: 300;
  line-height: 110%;
  color: #212121;}

.comp-pricing__packages .c2-package-features__head h3 {
  margin-top: auto;}
.comp-pricing__packages .c2-package-features__head .c2g-title-1 {
  font-size: 20px;}

.comp-pricing__packages .c2-package-type__item__head {
  display: flex;
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 12px;
  text-align: center;}
.comp-pricing__packages .c2-package-type__item__head h3 {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 12px;}
.comp-pricing__packages .c2-package-type__item__head .c2-price-excerpt__note {
  font-size: 13px;
  color: #999;}

.comp-pricing__packages .c2-package-features__head__changeMode {
  position: relative;
  margin-top: auto;}
.comp-pricing__packages .c2-package-features__head__changeMode:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  border-top: solid 1px rgba(0,0,0,0.1);
  border-bottom: solid 1px rgba(255,255,255,1);}
.comp-pricing__packages .c2-changeMode {
  position: relative;
  width: 230px;
  padding: 4px;
  margin: 20px auto;
  text-align: center;
  background-color: #fff;
  /*border: solid 1px #FB7401;*/
  border-radius: 20px;}
.comp-pricing__packages .c2-changeMode__payMonthly,
.comp-pricing__packages .c2-changeMode__payAnnually {
  display: block;
  width: 49%;
  }
.comp-pricing__packages .c2-changeMode__payMonthly .changemode,
.comp-pricing__packages .c2-changeMode__payAnnually .changemode {
  display: block;
  padding: 4px 8px;
  font-size: 14px;
  border-radius: 12px;
  text-align: center;}
.comp-pricing__packages .c2-changeMode__payMonthly {
  float: left;
  }
.comp-pricing__packages .c2-changeMode__payAnnually {
  float: right;}
.comp-pricing__packages .c2-changeMode__note {
  position: absolute;
  left: 0;
  bottom: -24px;
  display: block;
  width: 100%;
  text-align: center;}
.comp-pricing__packages.monthlymode .c2-changeMode__payMonthly .changemode,
.comp-pricing__packages.annualmode .c2-changeMode__payAnnually .changemode {
  color: #fff;
  background-color:#fb7400;
  }
.comp-pricing__packages.monthlymode .c2-changeMode__payMonthly .changemode:hover,
.comp-pricing__packages.annualmode .c2-changeMode__payAnnually .changemode:hover {
  color: #fff;}


.comp-pricing__packages .c2-paymentMode-changeBilling {
  display: none;
  position: absolute;
  left: 100%;
  top: 25px;
  width: 440px;
  font-size: 15px;}

.hideReferenceToAutoTradePlans .comp-pricing__packages .c2-paymentMode-changeBilling
 {
	  top:0;
 }
  
  
#planPay .comp-pricing__packages .c2-paymentMode-changeBilling {
  display: block;}
#planPay .comp-pricing__packages.monthlymode .c2-paymentMode-changeBilling .showOnMonthly 
{
  display: block;
}



  #planPay.hasTopAreaText .comp-pricing__packages.monthlymode .c2-paymentMode-changeBilling
  {
	  position: relative;
	  top: -20px;
  }
  
  

#planPay .comp-pricing__packages.annualmode .c2-paymentMode-changeBilling .showOnAnnual {
  display: block;}
#planPay .comp-pricing__packages .c2-paymentMode-changeBilling a {
  position: relative;}
#planPay .comp-pricing__packages .c2-paymentMode-changeBilling a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: dotted 1px rgba(251,116,1,0.5);}
#planPay .comp-pricing__packages .c2-paymentMode-changeBilling a:hover:after {
  border-top-color: rgba(251,116,1,1);}


.comp-pricing__packages .c2-package-type__item__head .c2-currentPlan-info {
  display: block;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  top: 28px;
  left: 0;
  z-index: 1;
  text-align: center;}
.comp-pricing__packages .c2-package-type__item__head .c2-currentPlan-info.c2v-2 {
  top:12px;}
.comp-pricing__packages .c2-package-type__item__head .c2-currentPlan-label {
  position: relative;
  display: inline-block;
  padding: 6px 8px 6px;
  border-radius: 4px;
  border: solid 2px #fff;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  background-color: #444;
  color: #fff;}
.comp-pricing__packages .c2-package-type__item__head .c2-currentPlan-label:before {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  z-index: 1;
  margin-left: -5px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #444 transparent transparent transparent;}
.comp-pricing__packages .c2-package-type__item__head .c2-currentPlan-label:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  margin-left: -7px;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 0 7px;
  border-color: #fff transparent transparent transparent;}

.comp-pricing__packages .c2-package-type__item__head .c2-cta {
  margin-top: 10px;}
.comp-pricing__packages .c2-package-type__item__head .c2g-btn,
.comp-pricing__packages .c2-package-type__item__head [class^="c2g-btn-"], 
.comp-pricing__packages .c2-package-type__item__head [class*=" c2g-btn-"] {
  display: block;
  margin: 8px 12px 8px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 14px;}
.comp-pricing__packages .c2-package-type__item__head .c2-cta .tinyDontWorry {
  margin-top: 10px;}

.comp-pricing__packages .c2-package-type__item__head [class*="c2g-btn-"]:disabled {
  opacity: 0.4;
  cursor: default;}

.comp-pricing__packages .c2-package-type__item__head__cta {
  margin-top: auto;
  padding-top: 10px;}

.comp-pricing__packages .c2-package-type__item__head__cta .showOnMonthly,
.comp-pricing__packages .c2-package-type__item__head__cta .showOnAnnual,
.comp-pricing__packages .c2-package-type__item__cta .showOnMonthly,
.comp-pricing__packages .c2-package-type__item__cta .showOnAnnual {
  display: none;}
.comp-pricing__packages.monthlymode .c2-package-type__item__head__cta .showOnMonthly,
.comp-pricing__packages.annualmode .c2-package-type__item__head__cta .showOnAnnual,
.comp-pricing__packages.monthlymode .c2-package-type__item__cta .showOnMonthly,
.comp-pricing__packages.annualmode .c2-package-type__item__cta .showOnAnnual {
  display: block;}

.comp-pricing__packages .c2-package-type__item__head .showOnMonthly,
.comp-pricing__packages .c2-package-type__item__head .showOnAnnual {
  display: none;}
.comp-pricing__packages.monthlymode .c2-package-type__item__head .showOnMonthly,
.comp-pricing__packages.annualmode .c2-package-type__item__head .showOnAnnual {
  display: block;}

.comp-pricing__packages .c2-package-type__item__head__cta .c2-note {
  margin-top: 10px;}

.comp-pricing__packages .c2-cta-addStrategy {
  display: block;
  padding: 8px 12px;
  background-color: #eee;
  font-size: 14px;
  line-height: 1.4;}
.comp-pricing__packages .c2-cta-addStrategy .c2-addAnotherStrategy {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;}
.comp-pricing__packages .c2-cta-addStrategy .c2f-addStrategy {
  display: block;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;}
.comp-pricing__packages .c2-cta-addStrategy .c2g-btn {
  display: inline-block;
  width: auto;
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 4px 12px;
  font-size: 13px;}
.comp-pricing__packages .c2-cta-addStrategy .c2-more-limit,
.comp-pricing__packages .c2-cta-addStrategy .c2-active-strategies {
  font-size: 13px;}
.comp-pricing__packages .c2-cta-addStrategy .c2-active-strategies b {
  font-weight: bold;
  color: #fa5100;}
.comp-pricing__packages .c2-cta-addStrategy .c2-more-limit a {
  text-decoration: underline;}
.comp-pricing__packages .c2-cta-addStrategy .c2-more-limit a:hover {
  text-decoration: none;}

/* -- Data Key */
.comp-pricing__packages .c2-data-key {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 4px;}
.comp-pricing__packages .c2-data-key p {
  padding: 10px 12px;
  margin-left: 18px;
  margin-right: 8px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 132%;}
.comp-pricing__packages .c2-data-key p .c2g-text-note {
  color: #999;
  font-size: 12px;
  font-weight: normal;}
.comp-pricing__packages .c2-data-key__section {
  margin-left: 8px;
  margin-right: 8px;
  padding: 10px 12px;
  color: #fa5100;
  font-size: 14px;
  font-weight: 700;}

/* -- Data Values */
.comp-pricing__packages .c2-data-value {
  margin-left: 12px;
  margin-right: 12px;
  border-radius: 4px;
  text-align: center;}

.comp-pricing__packages .c2-data-value i,
.comp-pricing__packages .c2-data-value p {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 12px 0;
  margin-left: 8px;
  margin-right: 8px;
  border-radius: 4px;}
.comp-pricing__packages .c2-data-value p {
  color: #68666b;
  flex-flow: row wrap;
  font-size: 14px;
  line-height: 1.2;}
.comp-pricing__packages .c2-data-value i {
  font-size: 12px;}

/* -- CTA */
.comp-pricing__packages .c2-package-type__item__cta {
  padding: 24px 0 6px;
  text-align: center;}
.comp-pricing__packages .c2-package-type__item__cta .c2g-btn {
  display: block;
  margin: 0 12px 8px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 14px;
  cursor: pointer;}
.comp-pricing__packages .c2-package-type__item__cta .btn-chooseAnotherPlan {
  font-size: 14px;}
.comp-pricing__packages .c2-package-type__item__cta > * {
  margin-bottom: 12px;}
.comp-pricing__packages .c2-package-type__item__cta .trialNotice {
  font-weight: bold;
  color: #333;}
.comp-pricing__packages .c2-package-type__item__cta .downgradeText {
  display: block;}
.comp-pricing__packages .c2-package-type__item__cta .btn-choosePlan.ui-state-disabled {
  opacity: 0.8;}
.comp-pricing__packages .c2-package-type__item__cta .btn-choosePlan.ui-state-disabled .c2g-btn {
  cursor: default;
  background-color: #f1f1f1;
  border: solid 1px #ccc;
  color: #666;}
.comp-pricing__packages .c2-package-type__item__cta .c2-cta-downgrade {
  padding-bottom: 12px;}

/* -- Iternal */
.comp-pricing__packages .c2-package-type__item__internal {
  padding: 12px;
  text-align: center;}

/* -- Most Popular */
.comp-pricing__packages .c2v-most-popular {
  position: relative;
  z-index: 1;}
.comp-pricing__packages .c2v-most-popular:before,
.comp-pricing__packages .c2v-most-popular:after {
  content: "";
  display: block;
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;}
.comp-pricing__packages .c2v-most-popular:before {
  left: -6px;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 0%, #fedac9 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%,#fedac9 100%);
  background: linear-gradient(to right, #ffffff 0%,#fedac9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fedac9',GradientType=1 );}
.comp-pricing__packages .c2v-most-popular:after {
  right: -6px;
  background: #fedac9;
  background: -moz-linear-gradient(left, #fedac9 0%, #ffffff 100%);
  background: -webkit-linear-gradient(left, #fedac9 0%,#ffffff 100%);
  background: linear-gradient(to right, #fedac9 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fedac9', endColorstr='#ffffff',GradientType=1 );}
.comp-pricing__packages .c2-most-popular-label {
  position: absolute;
  top:-12px;
  left: 0;
  display: block;
  width: 100%;
  height: 12px;
  border-top: solid 4px #FA5100;
  text-align: center;
  background-color: #fff;}
.comp-pricing__packages .c2-most-popular-label span {
  display: inline-block;
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
  font-size: 11px;
  font-weight: 900;
  line-height: 30px;
  color: #fff;
  background-color: #FA5100;}
.comp-pricing__packages .c2v-most-popular .c2-most-popular-bottom {
  position: absolute;
  bottom: -12px;
  left: 0;
  display: block;
  width: 100%;
  height: 12px;
  background-color: #fff;
  box-shadow: 0 0 6px 0 rgba(250,81,0,0.3);}
.comp-pricing__packages .c2v-most-popular .c2-most-popular-bottom:before {
  content: "";
  display: block;
  width: 100%;
  height: 12px;
  position: absolute;
  top: -6px;
  left: 0;
  z-index: 1;
  background-color: #fff;}

/* -- Package Unique Colors */
.comp-pricing__packages .c2-package-type__item__head .c2-price-hex i {
  font-size: 110px;
  padding: 0;}
.comp-pricing__packages .c2v-starter .c2-price-hex i,
.comp-pricing__packages .c2v-starter .c2-package-type__item__head h3,
.comp-pricing__packages .c2v-starter .c2-data-value i { 
  color: #999;}
.comp-pricing__packages .c2v-basic .c2-price-hex i,
.comp-pricing__packages .c2v-basic .c2-package-type__item__head h3,
.comp-pricing__packages .c2v-basic .c2-data-value i {
  color: #fe9d18;}
.comp-pricing__packages .c2v-premium .c2-price-hex i,
.comp-pricing__packages .c2v-premium .c2-package-type__item__head h3,
.comp-pricing__packages .c2v-premium .c2-data-value i {
  color: #fb7401;}
.comp-pricing__packages .c2v-professional .c2-price-hex i,
.comp-pricing__packages .c2v-professional .c2-package-type__item__head h3,
.comp-pricing__packages .c2v-professional .c2-data-value i {
  color: #fa5100;}

/* -- Data - Alt Colors */
.comp-pricing__packages .c2-package-features__body .c2-data-key:nth-child(odd),
.comp-pricing__packages .c2-package-type__item__details .c2-data-value:nth-child(odd) {
  background-color: #F1F1F1;}

/* -- Package Type Different  States */
.comp-pricing__packages .c2-package-type__item.unavailable .c2-package-type-notice {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 230px;
  padding: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  font-size: 16px;
  text-align: center;}

/* ====== Plan Payment ====== */
.comp-plan-payment {
  font-size: 13px;}
.comp-plan-payment .c2g-title-2 {
  margin-bottom: 12px;}

.comp-plan-payment .c2-plan-heading {
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 24px;
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;}
.comp-plan-payment .c2-plan-heading label {
  cursor: default;}
.comp-plan-payment .c2-plan-heading__controls {
  position: relative;
  overflow: hidden;
  font-size: 18px;}
.comp-plan-payment .c2-plan-heading__controls label.radio {
  display: block;
  position: relative;
  overflow: hidden;
  padding-left: 0;}
.comp-plan-payment .c2-plan-heading__controls label input[type="radio"] {
  position: absolute;
  left: -50px;
  top: -50px;}

.comp-plan-payment .c2-plan-name {
  float: left;
  font-size: 18px;
  font-weight: normal;
  color: #212121;}

.comp-plan-payment .c2-plan-price {
  float: right;
  font-size: 18px;
  text-align: right;
  color: #FA5100;}
.comp-plan-payment .c2-plan-price__label {
  font-size: 14px;
  display: block;
  color: #666;}

.comp-plan-payment .c2-mode-trial .c2g-title-3 {
  color: #212121;}

.comp-plan-payment .c2-plan-cta {
  margin-top: 24px;
  margin-bottom: 0;}

.comp-plan-payment .c2g-form-horizontal .control-group-cta {
  padding-left: 0;
  text-align: right;}

.comp-plan-payment .c2g-form-horizontal .control-group-cta .nextStep {
  margin-left: 180px;}
.comp-plan-payment .error.c2-plan-error {
  padding: 12px 24px;
  margin-top: 24px;
  border: solid 1px rgba(255,0,0,0.5);
  border-radius: 4px;}

.comp-upgrade-from-trial {
  
    padding: 20px 40px;
    margin: 0;
    opacity: 1;
    border-bottom: 1px solid #ddd;
    position: relative;
    left: -30px;
    width: 120%;
  }
  
  .comp-upgrade-from-trial h1
  {
	  max-width:700px;
	  font-size: 20px;
	  font-weight: normal;
	  color: #fa5100;
  }
  
  .comp-upgrade-from-trial p
  {
	  max-width: 700px;
  }
  .comp-upgrade-from-trial .alert-feature-hilite
  {
	  max-width:700px;
  }
  
.comp-upgrade-from-trial + #planPay .c2g-hero-1 {
  height: 580px;}

#planPay .comp-plan-payment {
  position: relative;
  padding: 80px 80px 40px 260px;
  max-width: 800px;
  min-height: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 75px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;}
#planPay .paymentInfoEnc {
  position: relative;
  margin-top: 0;
  padding: 0;
  border: none;}
#planPay .askTrialInstead {
  margin-bottom: 20px;
  font-size: 15px;}
#planPay .askTrialInstead a {
  position: relative;
  display: inline-block;}
#planPay .askTrialInstead a:after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -3px;
  border-top: dotted 1px #FA5100;}

#planPay .askTrialInstead a:hover:after {
  border-top-color: #fe9d18;}

/* =====================
REFACTOR - START 
======================= */
.planSignup .planunitbox {}

.planSignup .boxFlagRow .boxFlagSurrounder {
  position: relative;}

/* */
.planSignup .planunit .c2g-btn .downgradeText,
.planSignup .planunit .c2g-btn .upgradeText {
  display: none;}

.planSignup .planunit.downgradable .c2g-btn .downgradeText,
.planSignup .planunit.upgradeable .c2g-btn .upgradeText {
  display: inline-block;}
.planSignup .planunit.downgradable .c2g-btn .defaultText,
.planSignup .planunit.upgradeable .c2g-btn .defaultText {
  display:none;}

.planSignup .planunit .currentPlan {
  display: none;}

.planSignup .planunit.isCurrent .currentPlan {
  display: block;}

.planSignup .planunit .c2g-btn.ui-state-disabled {
  background-color: #bfbfbf;}

.planunit.isCurrent .boxFlagRow.mostpopular,
.planunit.downgradable .boxFlagRow.mostpopular {
  display:none;} 
    
.planSignup .backtoplanlist {
  display:none;}

.planSignup .planunit .unavailableNotice {
  display:none;}  

.planSignup .packageTermChange .showOnMonthly,
.planSignup .packageTermChange .showOnAnnual {
  display:none;}

.planSignup.annualmode .packageTermChange .showOnMonthly {
  display:none;}
.planSignup.monthlymode .packageTermChange .showOnAnnual {
  display:none;}
.planSignup.annualmode .packageTermChange .showOnAnnual {
  display:block;}
.planSignup.monthlymode .packageTermChange .showOnMonthly {
  display:block;}
.planSignup.monthlymode .c2g-btn.showOnAnnual {
  display:none;}
.planSignup.annualmode .c2g-btn.showOnMonthly {
  display:none;}
.planSignup.annualmode .plansubhead.monthly {
  display:none;}
.planSignup.monthlymode .plansubhead.annual {
  display:none;}

.planSignup .planunit.unavailable .planunitbox {
  opacity: 0.2;}
.planSignup .planunit.unavailable .unavailableNotice {
  display:block;}

.planSignup.choosing .hideWhenChoosing {
  display:none !important;}

.planSignup .annualdiscount {
  display:none;}

.form-horizontal input.possiblesku {
  display:none;}

.skuItemName, 
.skuQuant, 
.skuItemPrice, 
.termLabel {
  display:inline-block;}

.planSignup .planunit.isCurrent .boxFlagSurrounder.mostpopular .boxflag {
  display:none;}

.planSignup.annualmode .planunit.noTrialOnAnnual .trialNotice,
.planunit.isCurrent .trialNotice {
  display:none;}

.planunit.trialAvailable .forceBuyText {
  display:none;}        

.planSignup.annualmode .planunit.trialAvailable.noTrialOnAnnual .forceBuyText {
  display:inline;}
.planSignup.annualmode .planunit.trialAvailable.noTrialOnAnnual .freeTrialText {
  display:none;}

.downgradeConfirm {
  max-width:800px;}


.planSignup .btn-show-preview-wrapper {
  display:none;}
.planSignup.previewMode .btn-show-preview-wrapper { 
  display:block;}

/* ====== Plan Pay ====== */
#planPay .planSignup .boxFlagRow .boxflag,
#planPay .planSignup .planunit .currentPlan,
#planPay .planunit .trialNotice {
  display:none;}
#planPay .planSignup .btn-choosePlan {
  display:none;}
#planPay .planSignup .backtoplanlist {
  display:block;}

#planPay .planSignup .showOnMonthly.planselection,
#planPay .planSignup .showOnAnnual.planselection,
.planSignup .showOnMonthly.planChosen,
.planSignup .showOnAnnual.planChosen {
  display:none;}

#planPay .hideWhenPlanChosen {
  display:none;}
#planPay .planSignup.annualmode .annualdiscount {
  display: block;}
#planPay .termLabel .showOnMonthly,
#planPay .termLabel .showOnAnnual {
  display:none;}
#planPay.isAnnual .termLabel .showOnAnnual {
  display:inline-block;}

#planPay.isMonthly .termLabel .showOnMonthly {
  display:inline-block;}
#planPay.isTrial .hideOnFree {
  display:none;}
#planPay .boxFlagSurrounder.mostpopular,
#planPay .planSignup .boxFlagRow {
  display:none;}
#planPay.upgradingToAnnual .packageTermChange,
#planPay.forceAnnualChoiceOnly .packageTermChange {
  display:none !important;}

#planPay .previewNoticeWrapper {
  display:none;}
#planPay .planSignup.previewMode .previewPlanWrapper {
  opacity:1;}


/* Media Queries */
/* 1100px */
@media screen and (max-width: 1100px) {
  body.sideNavShowing .planSignup.showingTopUpgradeMessage .tinyDontWorry {
    display:none;
  }
}
/* 860px */
@media screen and (max-width: 860px) {
  body.sideNavHidden .planSignup.showingTopUpgradeMessage .tinyDontWorry {
    display:none;
  }
}
/* 768px */
@media screen and (max-width: 768px) {
  #planPay .planSignup ul.planlist {
    display:none;
  }
  #planPay .planSignup .currentPlanSpace {
    display:none;
  }
  #planPay .wrapPredetailsBanner{
    display:none;
  }
}

/* =====================
REFACTOR - END 
======================= */
/* ====== Single Mode ====== */
.c2-single-mode .comp-pricing__packages {
  position: relative;
  max-width: 800px;}
.c2-single-mode .comp-pricing__packages__wrapper {
  display: block;
  width: 260px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;}
.c2-single-mode .comp-pricing__packages .c2-package-type {
  display: block;}
.c2-single-mode .comp-pricing__packages .c2v-most-popular:before,
.c2-single-mode .comp-pricing__packages .c2v-most-popular:after,
.c2-single-mode .comp-pricing__packages .c2v-most-popular .c2-most-popular-bottom,
.c2-single-mode .comp-pricing__packages .c2v-most-popular .c2-most-popular-bottom:before {
  display: none;}

.c2-single-mode .comp-pricing__packages .c2-package-type__item__head {
  padding-top: 80px;}

.c2-single-mode .comp-pricing__packages .c2-package-type__item__cta {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;}
.c2-single-mode .comp-pricing__packages .c2-package-type__item__cta .btn-chooseAnotherPlan {
  display: inline-block;
  padding: 0 0 0 0;
  position: relative;
  background: none;
  color: #666;
  font-size: 15px;
  line-height: 150%;}

.c2-single-mode .comp-pricing__packages .c2-package-type__item__cta .btn-chooseAnotherPlan:before {
  content: "\2039";
  position: absolute;
  left: -12px;
  top: -3px;
  color: #666;
  font-size: 24px;
  line-height: 100%;}

.c2-single-mode .comp-pricing__packages .c2-package-type__item__cta .btn-chooseAnotherPlan:after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  border-top: dotted 1px #ccc;}

.c2-single-mode .comp-pricing__packages .c2-package-type__item__cta .btn-chooseAnotherPlan:hover,
.c2-single-mode .comp-pricing__packages .c2-package-type__item__cta .btn-chooseAnotherPlan:hover:before {
  color: #F85100;}

.c2-single-mode .comp-pricing__packages .c2-package-type__item__cta .btn-chooseAnotherPlan:hover:after {
  border-top-color: #F85100;}

/* ====== Plan Pay (new) ====== */
#planPay .comp-questions-and-answers {
  display: none;}

#planPay .comp-pricing__packages {
  margin: -160px auto 0;}

#planPay .comp-pricing__packages .c2-package-features {
  display: none;}

#planPay .c2-package-type__item__pre,
#planPay .c2-package-type__item__details {
  display: none;}

#planPay .comp-pricing__packages .c2-package-type__item {
  border-left: none;}

#planPay .comp-pricing__packages .c2-package-type__item__cta > *,
#planPay .comp-pricing__packages .c2-package-type__item__head__cta {
  display: none;}
#planPay .comp-pricing__packages .c2-package-type__item__cta > .backtoplanlist {
  display: block;}

/* ====================================
 * Pricing States
 * ================================= */
.comp-pricing__packages.monthlymode .c2-price-excerpt .plansubhead.monthly,
.comp-pricing__packages.annualmode .c2-price-excerpt .plansubhead.annual {
  display: block;}

.comp-pricing.c2-starter .comp-pricing__heading .c2g-title-main,
.comp-pricing.c2-starter .comp-pricing__heading .c2-heading-text > p,
.comp-pricing.c2-basic .comp-pricing__heading .c2g-title-main,
.comp-pricing.c2-basic .comp-pricing__heading .c2-heading-text > p,
.comp-pricing.c2-premium .comp-pricing__heading .c2g-title-main,
.comp-pricing.c2-premium .comp-pricing__heading .c2-heading-text > p,
.comp-pricing.c2-professional .comp-pricing__heading .c2g-title-main,
.comp-pricing.c2-professional .comp-pricing__heading .c2-heading-text > p {
  display: none;}

.comp-pricing.forceCouponAvailableCSS .comp-pricing__heading .c2g-title-main,
.comp-pricing.forceCouponAvailableCSS .comp-pricing__heading .c2-heading-text > p
{
  display:inherit;
}



.comp-pricing.c2-starter .comp-pricing__packages,
.comp-pricing.c2-basic .comp-pricing__packages,
.comp-pricing.c2-premium .comp-pricing__packages,
.comp-pricing.c2-professional .comp-pricing__packages {
  margin: -300px auto -160px;
}



.comp-pricing.forceCouponAvailableCSS .comp-pricing__packages
{
  margin: inherit;
}



#planPay .comp-pricing .comp-pricing__heading .c2g-title-main,
#planPay .comp-pricing .comp-pricing__heading .c2-heading-text > p {
  display: none;}

#planPay .comp-pricing .comp-pricing__packages {
  margin: 0 auto 0;}

/* Basic Plan - Show "Buy Now" button if user is no Subscrived to no other package */
.comp-pricing.c2-starter .c2-noSubscribedUser-show,
.comp-pricing.c2-basic .c2-noSubscribedUser-show,
.comp-pricing.c2-premium .c2-noSubscribedUser-show,
.comp-pricing.c2-professional .c2-noSubscribedUser-show {
  display: none;}

#alternatePlanSet
{
	max-width: 55%;
    margin: 0 auto 0 auto;
    text-align: center;
    z-index: 2;
    padding-top: 6px;
}
.hasTopAreaText #alternatePlanSet
{
	display:none;
}
.autotradePlansWrapper #alternatePlanSet
{
    position: relative;
    top: -30px;
    margin-bottom: 30px;
}

#alternatePlanSetInner
{
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    padding: 16px 10px 10px 10px;
    font-size: 13px;
    text-align: center;
    line-height: 1.4;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f8fae3;
    margin-bottom: 5px;
}

#alternatePlanSetInner .showlink
{
	border-bottom:1px solid #e0e0e0;
	color:#336699;
}

.iHinty
{
	color: #aaa;
}


.hasTopAreaText.isAnnual .c2g-title-2
{
	margin-top:20px;
}