.demo-wrap {
  display: flex;
  align-items: center;
  flex-flow: column;
  justify-content: center;
  padding-top: 0;
  width: 100%;
}

.demo-header {
  padding-right: 1em;
  padding-left: 1em;
  text-align: center;
  h1,
  p {
    margin-bottom: 0;
  }
  p {
    font-size: 1.5rem;
  }
}

@media (min-width: 62em) {
  .demo-wrap {
    padding-top: 0;
    height: auto;/*100vh*/
  }
}

/* --- NEW Pricing Plans --- */
.pricing-plan-new {
  background-color: #f6f6f6;
  border: 2px solid #DDD;
}



/* --- Pricing Plans --- */

.pricing-plans {
  padding: 10px;
  width: 100%;
}

.pricing-tables {
  display: flex;
  flex-flow: column;
  padding-top: 1em;
}

.pricing-plan {
  background-color: #f6f6f6;
  border: 2px solid #DDD;
  border-bottom: 2px solid #DDD;
  display: block;
  padding: 0 0 1em 0;
  text-align: center;
  width: 100%;
}

.pricing-plan-td {
    list-style-type: none;
    border-bottom: 1px solid #DDD;
    margin-bottom: 0.15em;
    padding-bottom: 0.15em;
	padding-left: 0.15em;
	padding-right: 0.15em;
    color: #555;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: .8em;
    font-weight: normal;
    line-height: 1.3;
}




.pricing-plan:first-child, .pricing-plan:last-child {
  background-color: #f6f6f6;
}

.pricing-plan:first-child {
  border-bottom: 0;
}

.pricing-plan:last-child {
  border-top: 0;
}

.pricing-plan:nth-child(2) {
  border-bottom: 0;
}

.no-flexbox .pricing-plan {
  float: left;
}

.plan-featured-rates {
  font-size: 1em;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  background-color: #1e375b;
	text-align: center;
}

.plan-featured-rates-gray {
  font-size: 1em;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  background-color: #7f7f7f;
	text-align: center;
}
.plan-featured-rates-blue {
  font-size: 1em;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  background-color: #6281a0;
	text-align: center;
}

.plan-featured-rates-orange {
  font-size: 1em;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  background-color: #d95635;
	text-align: center;
}

.plan-featured {
  font-size: 1em;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  background-color: #3a5a99;
	text-align: center;
}

.plan-addon {
  font-size: .7em;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 700;
  background-color: #4d73be;
	text-align: center;
}

.plan-title {
  font-size: 0.9em;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0.75em 0 .25em;
  text-transform: uppercase;
  color: #77b9dd;
  font-weight: 500;
}
.plan-title-dos {
  font-size: .6em;
  letter-spacing: -0.05em;
  margin: 0;
  padding: 0.075em 1em 1.25em;
  text-transform: uppercase;
  color: #77b9dd;	

}	
	
.plan-cost {
  background-color: white;
  color: #77b9dd;
  font-size: 1.25em;
  font-weight: 700;
  padding: 0.25em 1em;
  text-transform: uppercase;
	height: auto;
}
	
.plan-cost-line1{
  font-size: 0.8em;
  font-weight: 700;
  padding: 1.25em 1em;
  text-transform: uppercase;
  line-height: normal;
  color: #4f80a6;
  height: 100px;
}	

.plan-cost span {
  display: none;
}

.plan-price {
  font-size: 3em;/*3em*/
  letter-spacing: -0.05em;
  line-height: 1;
  margin-bottom: 0;
  color: #4f80a6;
  float:left; 
  overflow:hidden;
  width: 100%;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";	
}

.plan-type {
  color: #999;
  display: inline-block;
  font-size: 0.75em;
  margin: 0 auto;
  padding: 0.3em 0 0.3em 0;
  float:left; 
  overflow:hidden;
  width: 100%;
  line-height: 1em;
  text-transform: uppercase;
  font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.blue {
color: #4f80a6;
}

.plan-features {
  margin: 0;
  padding: 2em 1em 1em;
}

.plan-features li {
  list-style-type: none;
  border-bottom: 1px solid #DDD;
  margin-bottom: 0.15em;
  padding-bottom: 0.15em;
  color: #555;
  display: block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .8em;
  font-weight: normal;
  line-height: 1.3;
//   &:before {
//     content: "✔";
//     margin-right: 7px;
    
//   }
  span {
    color: #BBB;
  }
}

.plan-features li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.plan-features h3 {
  
}

.plan-features i {
  font-size: 1.5em;
}

.plan-features i.icon-ok-squared {
  color: #3aa14d;
}

.plan-features i.icon-cancel-circled {
  color: darkRed;
}

.btn-plan {
  background-color: #1B8DC8;
  color: white;
  max-width: 12em;
  padding: .5em;
}

.cta {
  background-color: #6cb507;
}

.featured-plan {
  background-color: #eef7fc;
  border-top: 5px solid #8cd0f5;
  border-right: 0 solid transparent;
  border-bottom: 5px solid #8cd0f5;
  border-left: 0 solid transparent;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  order: -1;
  position: relative;
  transition: transform 400ms ease;
}

.featured-plan {
  .plan-title {
    color: #1B8DC8;
  }
}

.featured-ribbon {
  width: 200px;
  background: #1B8DC8;
  position: absolute;
  top: 15px;
  left: -60px;
  text-align: center;
  line-height: 35px;
  letter-spacing: 0.01em;
  font-size: 0.65em;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  /* Custom styles */
  /* Different positions */
}

.featured-ribbon.sticky {
  position: fixed;
}

.featured-ribbon.shadow {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.featured-ribbon.top-left {
  top: 25px;
  left: -50px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.featured-ribbon.top-right {
  top: 25px;
  right: -50px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.featured-ribbon.bottom-left {
  top: auto;
  bottom: 25px;
  left: -50px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.featured-ribbon.bottom-right {
  top: auto;
  right: -50px;
  bottom: 25px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

@media (min-width: 400px) {
  .pricing-plans {    
    padding-right: 2em;
    padding-left: 2em;
    width: 100%;
  }

  .featured-plan {
    transform: scale(1.05);
  }
}

@media (min-width: 33.75em) {
  .pricing-plans .module-title {
    margin-bottom: 1em;
  }

  .pricing-tables {
    flex-flow: row wrap;
  }

  .pricing-plan2 {
    flex-grow: 1;
    width: 33.7%;
	border: 1px solid #DDD;  
  }
	
.pricing-plan {
    flex-grow: 1;
    width: 50%;
	border: 1px solid #DDD;  
  }	

  .pricing-plan:first-child {
    /*border-right: 0;
    border-bottom: 0;*/
  }
  
  .featured-plan {
    margin-top: 0.6em;
    order: 0;
  }
  
  .pricing-plan:nth-child(3) {

  }

  .pricing-plan:last-child {
   /* border-top: 1px solid #DDD;
    border-left: 0;*/
  }
  
  .no-flexbox .pricing-plan {
    width: 48%;
  }

  .plan-title {
    font-size: 0.875em;
	    font-weight: 700;

  }
}

@media (min-width: 48em) {
  .no-flexbox .pricing-plan {
    width: 24%;
  }

  .plan-type {
    font-size: 0.7em;
    margin: 0;/*0.5em 0 0 1em*/
  }

  .featured-ribbon {
    font-size: 0.65em;
  }
}

@media (min-width: 62em) {
  .pricing-tables {
    padding-top: 1em;
  }

  .pricing-plan {
    flex-grow: 1;
    width: 12%;/*25%*/
  }
  
  .featured-plan {
    margin-top: 0;
    order: 0;
  }

  .pricing-plan:first-child, .pricing-plan:nth-child(2n) {
    border-bottom: 1px solid #DDD;
  }

  .pricing-plan .plan-features span {
    display: block !important;
  }

  .plan-cost {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    font-size: 1em;
  }

  .plan-cost span {
    color: #BBB;
    font-size: 1.5em;
    font-weight: 400;
    padding-right: 0.15em;
    padding-left: 0.15em;
  }

  .plan-price {
    font-size: 2.5em;
	color: #4f80a6;  
  }

  .btn-plan {
    font-size: 0.875em;
  }

  .featured-ribbon {
    font-size: 0.45em;
    left: -68px;
    line-height: 25px;
  }
}

@media (min-width: 75em) {
  .plan-cost {
    font-size: 1em;
  }
}

@media (min-width: 100em) {
  .pricing-tables {
    margin: 0 auto;
    max-width: 75.00em;
  }
}

.linesr{
	border-right: solid 2px rgba(221,221,221);
		}


.pricing-space {
	height: 15px;
	display: block;
}


.pricing-space2 {
	height: 21px;
	display: block;
}

/* Tight spacing above/below annual billing CTA (avoid large <br> stacks) */
.pricing-annual-note {
	margin: 1.25rem 0 1.5rem;
	padding: 0;
	text-align: center;
}

/* Legal modals (Privacy / Terms) — match prod: Sans, Roboto, sans-serif 13px, #333 */
body.grr-modal-open {
	overflow: hidden;
}

.grr-modal-overlay {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 100000;
	align-items: center;
	justify-content: center;
	padding: 1rem;
	background: rgba(0, 0, 0, 0.55);
	box-sizing: border-box;
}

.grr-modal-overlay.is-open {
	display: flex;
}

.grr-modal-dialog {
	position: relative;
	width: 100%;
	max-width: 40rem;
	max-height: min(85vh, 42rem);
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: column;
	font-family: Sans, Roboto, sans-serif;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	color: #333;
	box-sizing: border-box;
}

.grr-modal-dialog.grr-modal-dialog--legal-doc {
	max-width: min(52rem, 96vw);
	max-height: min(90vh, 50rem);
}

.grr-modal-scroll .grr-modal-doc-frame {
	display: block;
	width: 100%;
	min-height: 280px;
	height: min(62vh, 34rem);
	border: 0;
	background: #fff;
}

.grr-modal-close-x {
	position: absolute;
	top: 0.5rem;
	right: 0.65rem;
	border: none;
	background: transparent;
	font-size: 1.5rem;
	line-height: 1;
	cursor: pointer;
	color: #555;
	padding: 0.25rem 0.5rem;
	z-index: 1;
}

.grr-modal-close-x:hover,
.grr-modal-close-x:focus {
	color: #000;
}

.grr-modal-doc-title {
	font-family: Sans, Roboto, sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: underline;
	text-align: center;
	margin: 0;
	padding: 1.25rem 2.5rem 0.75rem 1rem;
	flex-shrink: 0;
	/* Override main.css h1–h6 { color: #fff } inside white dialog */
	color: #1a1a1a;
}

.grr-modal-scroll {
	overflow-y: auto;
	padding: 0 1.25rem 1rem;
	-webkit-overflow-scrolling: touch;
	flex: 1;
	min-height: 0;
}

.grr-modal-section-title {
	font-family: Sans, Roboto, sans-serif;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.4;
	text-decoration: underline;
	text-align: left;
	margin: 1rem 0 0.5rem;
	color: #1a1a1a;
}

.grr-modal-scroll p {
	font-size: 13px;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 0.75rem;
	text-align: left;
}

.grr-modal-scroll strong,
.grr-modal-scroll b {
	color: #1a1a1a;
	font-weight: 700;
}

.grr-modal-list {
	list-style: disc;
	margin: 0 0 0.75rem 1.25rem;
	padding: 0;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}

.grr-modal-list li {
	margin-bottom: 0.35rem;
}

.grr-modal-scroll a {
	color: #333;
	text-decoration: underline;
	font-size: 13px;
}

.grr-modal-scroll a:hover,
.grr-modal-scroll a:focus {
	text-decoration: underline;
}

.grr-modal-actions {
	flex-shrink: 0;
	padding: 0.75rem 1.25rem 1rem;
	text-align: right;
	border-top: 1px solid #e8e8e8;
}

/* Close button blue — match prod “Talk to Sales” (~#1d91cc) */
.grr-modal-close-btn {
	font-family: Sans, Roboto, sans-serif;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	border: none;
	border-radius: 4px;
	padding: 0.5rem 1.25rem;
	background-color: #1d91cc;
	color: #fff;
}

.grr-modal-close-btn:hover,
.grr-modal-close-btn:focus,
.grr-modal-close-btn:active {
	background-color: #1680b5;
}

/* Talk to Sales — small extra space under “Schedule A Demo” (no extra <br>) */
.page-talktosales section#two .container > a.button.secondary.scrolly {
	display: inline-block;
	margin-bottom: 0.5rem;
}

.feature-list ul {
  list-style-type: none;
  list-style: none;
  padding-left:0;
padding-right: 20px;	
  text-align: left;
}
.feature-list li {
  position: relative;
  padding-left: 1.5em;  /* space to preserve indentation on wrap */
  text-align: left;
  list-style-type: none;
  color: #555;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .8em;
  font-weight: normal;
  line-height: 1.3em;
  margin: 10px 0 0 0;
	
}
.feature-list li:before {
  content: '';  /* placeholder for the SVG */
  position: absolute;
  left: 0;  /* place the SVG at the start of the padding */
  width: 1em;
  height: 1em;
  background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='15' height='15' style='fill:green; stroke:none' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}