/* Pricing Module Addon - Aug 2023 */
.pricing-table-addon {
  margin: 100px auto;
}

.pricing-table-addon-wrapper {
  border-radius: 8px;
  border: 1px solid #66B46D;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(55, 65, 81, 0.08);
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 56px;
  padding-right: 30px;  
}

.pricing-table-addon h2 {
  color: var(--black, #020620);
  text-align: center;
  font-size: 26px;
  padding: 10px 0;
}

.pricing-table-addon-content p {
  font-size: 16px;
}

.pricing-table-addon-content p:last-of-type {
  margin-bottom: 27px;
  padding-bottom: 27px;
  border-bottom: 1px solid #E8E8E8;
}

.pricing-table-addon-price {
  color: var(--white, #FFF);
  text-align: center;
  font-size: 26px;
  font-weight: 700;
  border-radius: 100px;
  background: #107DDA;  
  padding: 7px 21px;
  display: inline-block;
}

.pricing-table-addon-or {
  color: var(--black, #020620);
  font-size: 22px;
  font-weight: 600;
}

.pricing-table-addon-year {
  display: block;
  font-size: 14px;
  color: var(--black, #020620);
  margin-top: 4px;
}

.pricing-table-addon-per-year {
  text-align: center;
}

.pricing-table-addon-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-between;
}

.pricing-table-addon-content {
  flex-basis: 60%;
}

.pricing-table-addon-image {
  flex-basis: 35%;
}

.pricing-table-addon-pricing {
  display: flex;
  align-items: center;
  gap: 45px;
}

.pricing-table-addon-contact {
  display: flex;
  gap: 14px;
  align-items: center;
  margin-top: 12px;
}

.pricing-table-addon-contact span,
.pricing-table-addon-contact a {
  flex-basis: 50%;
}

.pricing-table-addon-contact span {
  font-size: 14px;
}

.pricing-table-addon-contact a {
  border-radius: 4px;
  border: 2px solid var(--green-2, #45B764);
  background: var(--green-2, #45B764);
  color: var(--white, #FFF);
  font-size: 24px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;  
  height: 62px;
  max-width: 202px;
}

.pricing-table-addon-contact a:hover {
  color: white;
  opacity: 0.8;
}

.pricing-table-addon-pricing.show-mobile {
  display: none;
}

@media (max-width: 1200px) {
  .pricing-table-addon-contact {
    flex-wrap: wrap;
  }
  .pricing-table-addon-contact span,
  .pricing-table-addon-contact a {
    flex-basis: 100%;
  }
}

@media (max-width: 767px) {
  .pricing-table-addon-wrapper {
    padding: 28px 15px;
  }
  .pricing-table-addon-pricing {
    gap: 5px;
  }
  .pricing-table-addon-pricing.hide-mobile {
    display: none;
  }
  .pricing-table-addon-pricing.show-mobile {
    display: flex;
    margin-top: 25px;
    margin-bottom: 35px;
  }
  .pricing-table-addon-image,
  .pricing-table-addon-content {
    flex-basis: 100%;
  }
  .pricing-table-addon-contact a {
    max-width: 100%;
  }
  .pricing-table-addon-contact span {
    order: 1;
    text-align: center;
  }
  .pricing-table-addon-content p:last-of-type {
    border: none;
    margin: 0;
    padding-bottom: 0px;
  }
}

/* New Pricing Module - Dec 2022 */
.pricing-tier {
  display: flex;
  gap: 24px;
  margin-top: 72px;
  margin-bottom: 52px;
  justify-content: center;
  align-content: baseline;
  position: relative;
}

.add-padding {
  padding-top: 130px;
}

/* .pricing-tier.K12 .limited-offer {
  position: absolute;
  top: -30px;
  max-width: 750px;
}
 */
/* @media (max-width: 768px) {
  .pricing-tier.K12 .limited-offer {
    max-width: 92%;
  }
} */

.pricing-tier .nonProfit-message {
  border: 1px solid #107DDA;
  border-radius: 4px;
  background: rgba(16, 125, 218, 0.1);
  position: absolute;
  top: -30px;
  max-width: 894px;
  display: flex;
  display: none;
  align-items: center;
  gap: 18px;
  padding-top: 20px;
  padding-left: 28px;
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .pricing-tier .nonProfit-message {
    width: 90%;
    display: flex;
    flex-flow: column;
    padding: 20px 28px;
    top: -50px;
  }
}

.pricing-tier .nonProfit-message p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #020620;
  text-align: left;
  margin: 0;
}

.pricing-tier .nonProfit-message svg {
  flex: none;
}

/* .pricing-tier.K12 .limited-offer p {
  color: #D9534F;
}
 */
.tier-wrapper {
  border: 2px solid transparent;  
  padding: 20px; 
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;  
}

.tier-wrapper.active {
  border: 2px solid #107DDA;
  border-radius: 8px;
}

.pricing-tier.nonK12 {
  display: none;
}

.displayContainer p {
  text-align: center;
  margin-bottom: 15px;
  margin-top: -10px;
  font-size: 14px;
}

.pricing-tier h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  color: #020620;
  margin: 0;
  padding: 0;
}

.pricing-tier p {
  font-weight: 400;
  font-size: 18px;
  line-height: 22px;
  text-align: center;
  color: #020620;
  margin-top: 8px;
}

.pricing-tier .tier-description {
  height: 66px;
}

.pricing-tier .tier-period {
  font-size: 14px;
  line-height: 17px;
  margin-top: 0;
}

.pricing-tier .badge {
  background-color: #107DDA;
  border-radius: 56px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  width: 94px;
  position: absolute;
  top: -12px;
  right: 0;
  left: 0;
}

.pricing-tier .badge span {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.4;
  color: white;
  padding: 1px 14px;
}

.pricing-tier .price {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  text-align: center;
  color: #020620;
  margin-top: 24px;
  margin-bottom: 5px;
}

.pricing-tier .price-wrapper {
  border-top: 1px solid #999;
  padding: 16px 0;
  margin-top: auto;
  margin-bottom: 32px;
  margin-left: 6px;
  margin-right: 6px;
}

.pricing-tier .new-pricing-section {
  margin-top: 24px;
}

.pricing-tier .price-period {
  height: 42px;
  font-size: 14px;
  line-height: 17px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 26px;
  margin-bottom: -2px;
}

.pricing-tier .price-wrapper label {
  font-weight: 600;
  font-size: 14px;
  line-height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #107DDA;
  margin-bottom: 0;
  padding-bottom: 0;
}

.pricing-tier .price-wrapper input {
  margin-top: 0;
  padding-top: 0;
  margin-right: 16px;
  width: 20px;
  height: 20px;
}

.pricing-tier .tier-benefits-plus {
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 20px;
  text-align: left;
}

.pricing-tier .tier-benefits {
  border-top: 1px solid #999;
  margin-top: 24px;
  padding-top: 24px;
  padding-left: 0;
  padding-right: 0;
}

.pricing-tier .tier-benefits li {
  font-size: 14px;
  line-height: 17px;
  margin-bottom: 15px;
  background-image: url(https://www.risevision.com/hubfs/New%20Homepage/checkmark.svg);
  background-position: left center;
  background-repeat: no-repeat;
  list-style-type: none;
  padding-left: 32px; 
}

.pricing-table {
  margin-top: 80px;
  margin-bottom: 0;
}

.unlimited-text {
  margin-top: 16px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 17px;  
}

.pricing-table-other,
.schoolDiscountContainer,
.display-license,
.other-testimonial,
.annual-discount,
.displays {
  display: none;
}

.pricing-table h6 {
  font-weight: 600;
  font-size: 18px;
  line-height: 145%;    
}

.pricing-table .testimonial .inner {
  max-width: 525px;
  width: 100%;
}

.equation-text-wrapper .new-pricing-section {
  margin-top: 0;
}

.equation-text-wrapper .new-pricing-section .quantity {
  width: fit-content;
  margin-bottom: 30px;
  margin-left: 0;
}

.inner .equation-text-wrapper h5 {
  font-size: 18px;
  line-height: 1.2;
  text-align: left;
}

.pricing-table .button-2 {
  text-align: left;
  width: 220px;
}

.pricing-table .button-2 span:nth-of-type(2) {
  display: block;
  text-align: center;
}

.annual-discount {
  font-weight: 600;
  font-size: 18px;
  line-height: 145%;  
  color: white;
  background: #107DDA;
  border-radius: 56px;
  padding: 3px 14px;
  margin-left: 16px;
}

.monthly-discount {
  text-decoration: line-through;
}

.new-pricing-section .school10.discount-other {
  margin-top: 20px; 
}
  
.pricing-table .row {
  display: flex;
  justify-content: space-between;
  flex-flow: row;
  padding: 20px 24px;
}

.pricing-table .row:nth-of-type(even) {
  background: #F1F1F1;
}

.pricing-table h2 {
  font-size: 26px;
  line-height: 26px;
  margin-top: 0;
  margin-bottom: 8px;
}

.pricing-table h3 {
  font-size: 14px;
  line-height: 14px;
  margin-top: 0;
  margin-bottom: 14px;
}

.pricing-table p {
  font-size: 14px;
  line-height: 17px;
  text-align: left;
}

.pricing-table .table-header-left {
  width: 438px;
  height: 100px;
}

.pricing-table .table-header-right {
  display: flex;
  text-align: center;
  gap: 16px;
}

.pricing-table .table-column-right {
  display: flex;
  align-items: center;
  text-align: center;
  gap: 16px;
}

.pricing-table .table-checkmark {
  width: 200px;
}

.pricing-table .table-basic, 
.pricing-table .table-advanced,
.pricing-table .table-enterprise {
  width: 200px;
}

.new-pricing-section {
  margin-top: 58px;
}

.new-pricing-section h5 {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  margin-bottom: 16px;
  margin-top: 16px;
  padding: 0;
}

.new-pricing-section button {
  max-width: 225px;
  height: 42px;
  background: #FFFFFF;
  border: 1px solid #107DDA;
  font-size: 14px;
  line-height: 17px;
  color: #020620;
}

.new-pricing-section button.active {
  border: 2px solid #107DDA;
  background: #107DDA;
  color: white;
}

.new-pricing-section .input-group {
  align-items: center;
  justify-content: center;
  margin: 0;
}

.new-pricing-section .input-group .btn {
  text-align: left;
  border-radius: 8px;
}

.save-pill {
  padding: 3px 14px;
  width: 110px;
  height: 32px;
  background: #3374DE;
  border-radius: 56px;
  color: white;
  margin-left: 11px;
}

.new-pricing-section .input-group > input {
  margin: 0;
  border: 0;
  background-color: transparent;
  font-size: 16px;
}

.new-pricing-section .quantity {
  width: 211px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 4px;
  margin: 0 auto;
  justify-content: space-between;
}

.k12-testimonial {
  max-width: 424px;
  width: 100%;
}  

.license-heading {
  margin-top: 20px!important;
  color: #D9534F;
}

.hr-pricing {
  max-width: 338px;
  width: 100%;
  height: 1px;
  background-color: #E8E8E8;
  margin-top: 17px;
  margin-bottom: 14px;
}

.inner h5 {
  font-size: 22px;
  font-weight: 600;
}  

.inner h6 {
  margin: 0;
  padding: 0;
}  

.inner .single-line {
  font-size: 18px;
  line-height: 26px;
  color: #020620;
}

.display-val-annual, 
.percentage-val-annual, 
.percentage-val-annual-in-school, 
.annual-totla,
.month-totla,
.school-unlimited-license,
.display-val-month {
  font-size: 18px!important;
  font-weight: 700!important;
}

.cs-new-pricing-section .btn-wrapper-quote .button-2 a.cta_button {
  background-color: #45b764;
  color: #fff;
  text-decoration: none;
  transition: 0.4s;
  display: inline-block;
  padding: 14px 13px;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 32px;
  border-radius: 4px;
}

.pricing-table .border.pricing {
  background: #F9F9F9;
  border-radius: 8px;
  position: relative; 
  z-index: 2;
  bottom: -10px;
}

.box-wrapper .testimonial {
  display: flex;
  column-gap: 79px;
  padding-top: 34px;
  padding-bottom: 38px;
  padding-left: 42px;
  padding-right: 49px;
}

@media (max-width: 996px) {
  .box-wrapper .testimonial {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }
  
  .testimonial .inner {
    margin-top: 40px;
  }
}

.box-wrapper .testimonial-container {
  position: relative;
}

.box-wrapper .testimonial-container img {
  position: absolute;
  right: 31px;
  bottom: -32px;
  border-radius: 50%;
}
  

.box-wrapper .testimonial-container::before {
  content: "“";
  position:absolute;
  font-size: 48px;
  font-weight: 700;
  line-height: 125%;
  top: 17px;
}

.inner .btn-wrapper-quote {
  display: flex;
  margin-top: 20px;
}

@media (max-width: 768px) {
  .inner .btn-wrapper-quote {
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .pricing-tier {
    flex-flow: column wrap; 
  }
  .pricing-table .table-header-left {
    display: none;
  }
  .pricing-table .table-header-right {
    max-width: 100%;
  }
  .pricing-table h2 {
    font-size: 18px; 
  }
  .pricing-table p {
    font-size: 12px;
  }
  .pricing-table .row {
    flex-flow: column-reverse;
    gap: 16px;
  }
  .control-checkbox {
    max-width: 265px;
  }
}

.box-wrapper .testimonial-container span {
  position: absolute;
  left: 0;
  bottom: -22px; 
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
  color: #020620;
}

.box-wrapper .testimonial-container {
  background: #FFFFFF;
  border: 1px solid #000000;
  box-shadow: 0px 1px 2px rgba(55, 65, 81, 0.08);
  border-radius: 8px;
  max-width: 424px;
  width: 100%;
  padding-top: 55px;
  padding-bottom: 55px;
  padding-left: 31px;
  padding-right: 34px;
}

.box-wrapper .testimonial-container p {
  font-size: 16px;
  line-height: 20px;
  color: #020620;
}

.cs-new-pricing-section .btn-wrapper-quote .button-2 span {
  color: #020620;
  font-size: 10px;
}

.esser-funding,
.inner-k12-schools {
  padding: 48px;
}

.hr {
  width: 1010px;
  background-color: #E8E8E8;
  height: 1px;
  margin: 0 auto;
}

.esser-funding h5,
.inner-k12-schools h5 {
  font-weight: 600;
  font-size: 22px;
  line-height: 22px;
  margin-top: 0;
  margin-bottom: 30px;
}

.esser-funding h5 {
  margin: 0; 
}

.inner-k12-schools ul {
  list-style-image: url(https://cdn2.hubspot.net/hubfs/2700250/Rise%20Visition%202019/check%20%281%29.svg);
}

.inner-k12-schools li {
  color: #020620;
  padding-left: 29px;
  padding-bottom: 26px;
}

.esser-funding p,
.inner-k12-schools p {
  color: #020620;
  font-size: 16px;
  line-height: 23px;
}

.esser-funding a.download-guide {
  font-size: 24px;
}

.esser-funding .button-1 {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.new-pricing-section .btn-group > .btn.active::after {
  content: '✔';
  position: absolute;
  right: 0;
  font-size: 19px;
  top: 10px;
  right: 15px;
}

.new-pricing-section .unlimited {
  margin-bottom: 25px;
}

.new-pricing-section .school10 {
  display: flex;
  justify-content: center;
  padding: 0;
  margin-top: -20px;
}

.testimonial-section .testimonials-container .testimoniale-logo {
  position: absolute;
  width: 64px;
  height: 64px;
  bottom: -60px;
  right: 0;
}

.testimonial-section .testimonials-container .testimoniale-logo img {
  border-radius: 50%;
}

@media (max-width: 446px) {
  .new-pricing-section .input-group:not(.quantity) {
    flex-flow: column;
  }
  
  .esser-funding, 
  .inner-k12-schools,
  .box-wrapper .testimonial {
    padding: 16px;
  }
  
  .box-wrapper .testimonial-container span {
    max-width: 150px;
    bottom: -37px;
  }
  
  .testimonial .inner {
    margin-top: 70px;
  }
  
  .new-pricing-section .input-group button:nth-of-type(1) {
    border: 2px solid #107DDA;
    border-radius: 8px 8px 0px 0px!important;
  }
  
  .new-pricing-section .input-group button:nth-of-type(2) {
    border: 1px solid #107DDA;    
    border-radius: 0px 0px 8px 8px!important;
  }
  
  .cs-new-pricing-section .btn-wrapper-quote .button-2 a.cta_button {
    padding: 13px 0;
  }
  
  .cs-new-pricing-section .btn-wrapper-quote .button-2 span {
    width: 100%;
  }
  
  .testimonial-section .testimonials-container .testimoniale-name {
    bottom: -64px!important;
  }
  
  .esser-funding h5, .inner-k12-schools h5 {
    margin-top: 40px;
  }
  
  .esser-funding a.download-guide {
    font-size: 18px;
  }
  
  .testimonial-section .testimonials-container .testimoniale-name {
    max-width: 180px;
  }
  
  .testimonial-section .testimonials-container .testimoniale-logo {
    padding: 0;
  }
}


.addnwe-pcon p { font-size: 14px; line-height: 20px; }
.addnwe-pcon h4 { font-size: 18px; font-weight: bold; letter-spacing: 0px; line-height: 24px; }
.addnwe-pcon { width: 100%; text-align: center; max-width: 560px; margin: 0 auto; }
.addnwe-pcon h4 { padding-bottom: 10px; }
.addnwe-pcon a { text-decoration: underline; }

input,
textarea {
  border: 1px solid #eeeeee;
  box-sizing: border-box;
  margin: 0;
  outline: none;
  padding: 10px;
}

input[type="button"] {
  -webkit-appearance: button;
  cursor: pointer;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.input-group {
  clear: both;
  margin: 15px 0;
  position: relative;
}

.input-group input[type='button'] {
  min-width: 38px;
  width: auto;
  color: #3374DE;
  transition: all 300ms ease;
}

.input-group input[type='button']:hover {
  background: #107DDA;
}

.new-pricing-section .input-group .button-minus,
.new-pricing-section .input-group .button-plus {
  border-radius: 0;
  font-weight: bold;
  height: 38px;
  padding: 0;
  width: 38px;
  text-align: center;
  position: relative;
}

.input-group .quantity-field {
  position: relative;
  height: 38px;
  left: -6px;
  text-align: center;
  width: 62px;
  display: inline-block;
  font-size: 13px;
  margin: 0 0 5px;
  resize: vertical;
}

input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: none;
}



.cs-pricing-section { }
.cs-pricing-section .action-chose-strip { }
.cs-pricing-section .action-chose-strip .container > div { display: flex; align-items: center; justify-content: center; }
.cs-pricing-section label { margin: 0; }
.cs-pricing-section .action-chose-strip label {      font-size: 18px;  font-weight: bold;    line-height: 24px; color: #000; padding-right: 25px; max-width: calc(100% - 450px); }
.cs-pricing-section .action-chose-strip .action-btn { display: flex; flex-wrap: wrap; width: 450px; border-radius: 5px; overflow: hidden; border: 1px solid #107dda; }
.cs-pricing-section .action-chose-strip .action-btn a { padding: 10px 15px; display: inline-block; background: #fff; width: 50%; position: relative; padding-right: 40px; color: #000; transition: all 0.3s ease; font-size:14px;}
.cs-pricing-section .action-chose-strip .action-btn a.active { background: #107dda; color: #fff; border: 2px solid #107dda; border-radius: 8px 0px 0px 8px; }
.cs-pricing-section .action-chose-strip .action-btn a:after { content: '✔'; position: absolute; right: 0; font-size: 19px; top: 10px; right: 15px; opacity: 0; visibility: hidden;  }
.cs-pricing-section .action-chose-strip .action-btn a.active:after { opacity: 1; visibility: visible; }

.cs-pricing-section .box-wrapper { max-width: 778px; margin: 0 auto;     display: flex; }
.cs-pricing-section .box-wrapper:after { content: ''; display: table; clear: both; }
.cs-pricing-section .box-wrapper .box { float: left; width: 100%; margin: 15px 7px;     border: 1px solid #8c8c8c;
    border-radius: 4px; border: 1px solid #8c8c8c; }
.cs-pricing-section .box-wrapper .box > .inner {  border-radius: 6px; padding: 0 20px; }
.cs-pricing-section .box-wrapper .box h5 { text-align: center;    font-weight: bold; margin: 30px 0 30px; font-size: 18px; line-height: 22px; font-family: "proxima-nova", sans-serif;     margin-top: 20px; }
.cs-pricing-section .box-wrapper .box.slider-box { width: 100%; }
.cs-pricing-section .box-wrapper .box .single-line-wrapper { padding: 0 0 3px 40px; border-bottom: 1px solid #8c8c8c; position: relative; font-weight: 400; }
.cs-pricing-section .box-wrapper .box h6 { margin: 10px 0 30px; padding-left: 35px; font-size: 18px; line-height: 24px; font-weight: 700; position: relative; font-family: "proxima-nova", sans-serif; color: #000; }
.cs-pricing-section .box-wrapper .box h6 div { display: inline-block; font-weight: 300; color: #1ebb53; font-size: 13px; vertical-align: middle; position: relative; top: 0; }
.cs-pricing-section .box-wrapper .box h6:before {   color: #1ebb53;    font-size: 27px;    content: "";    background-image: url(https://cdn2.hubspot.net/hubfs/2700250/Rise%20Visition%202019/check%20%281%29.svg);    background-size: contain;    background-repeat: no-repeat;    background-position: center;    position: absolute;    height: 19px;    width: 23px;    left: 0; }
.cs-pricing-section .box-wrapper .box .single-line-wrapper:before { content: 'x'; position: absolute; left: 0; bottom: 15px; font-size: 24px;
font-weight: bold;}
.cs-pricing-section .box-wrapper .box .single-line-wrapper .single-line { padding: 10px 0; }
.cs-pricing-section .btn-wrapper-quote { max-width: 766px; margin: 0 auto;     padding-bottom: 25px;     padding-top: 4px; }
.cs-pricing-section .btn-wrapper-quote > div { display: flex; justify-content: space-between; }
.cs-pricing-section .btn-wrapper-quote  .btn { width: calc(50% - 10px);  }
.cs-pricing-section .btn-wrapper-quote  .btn a{ padding: 11px 15px; font-weight: 700; border-width: 2px;     font-size: 18px;    font-weight: bold; line-height:24px; }

.cs-pricing-section .pricing-table { padding: 30px 0 0; }
.cs-pricing-section .btn-wrapper-quote a.btn--inverted { background: #fff; color: #1ebb53; }
.cs-pricing-section .box-wrapper .box .range-slider-wrapper { padding-bottom: 5px; }
a.btn.btn-primary.btn--solid:focus {    box-shadow: inherit;    border: none; }
.cs-pricing-section .box-wrapper .box .input-wrapper { position: relative; }
.cs-pricing-section .box-wrapper .box .input-wrapper span { display: block; text-align: center; font-size: 48px; line-height: normal; font-weight: 700; margin: -25px 0 0; transition: all 0.3s ease;  }
.cs-pricing-section .box-wrapper .box .input-wrapper input { position: absolute; top: 0; bottom: 0; height: 40px; width: 100%; margin: auto 0; transition: all 0.3s ease; opacity: 0; visibility: hidden; padding: 0 15px; outline: none;  border: 1px solid rgb(153, 153, 153);
    width: 100px;
       left: 0;
    right: 0;
    margin: 0 auto;
    padding: 13px 10px;
    margin-top: 10px; }
.cs-pricing-section .box-wrapper .box.max-val .input-wrapper span { opacity: 0; }
.cs-pricing-section .box-wrapper .box.max-val .input-wrapper input { opacity: 1; visibility: visible;     border-radius: 2px;
    }
.cs-pricing-section .box-wrapper .box.max-val .input-wrapper span {    min-height: 73px;}  
a.btn.btn-primary.btn--solid {    background: #1EBB53; }
a.btn.btn-primary.btn--inverted{     border-color: #1EBB53 !important; }
.cs-pricing-section .box.annual-box h5,.cs-pricing-section .box.month-box h5 {    font-size: 18px;    font-weight: bold;    line-height: 24px;     margin-top: 20px;
    margin-bottom: 12px; }
.box.annual-box {    position: relative;}

    background-size: cover;    background-position: center;    height: 59px;    width: 59px;    position: absolute;    content: "";       top: -20px;
    right: -9px; }
a.btn.btn-primary.btn--solid:hover {   box-shadow: inherit;    border-color: #1ebb53; }
.max-val span#slider-range-value {    margin: 0 10px; }
.button-2 span:first-child {
    margin-bottom: 2px;
}
.button-1 { width: 50%; text-align: center; padding-right:8px;; }
.button-2 { width: 50%; text-align: center; padding-left:8px; }
.button-2 a { width: 100%; float: left; background: rgb(69, 183, 100); border-radius: 4px; font-size: 18px; font-weight: bold; letter-spacing: 0px; line-height: 24px; color: #fff; padding: 13px 0; display: inline-block; }
.button-2 span { color: rgb(153, 153, 153); font-size: 12px; font-weight: normal; letter-spacing: 0px; line-height: 18px; margin-top: 0px; display: inline-block; }
.button-1 a { color: rgb(69, 183, 100); font-size: 18px; font-weight: bold; letter-spacing: 0px; line-height: 24px; text-align: center; display: inline-block; width: 100%; background: rgb(255, 255, 255); border-radius: 4px; border: 2px solid rgb(69, 183, 100); padding: 11px 0; }


span.in-scrool-display { display: none;}
.in-school span.in-scrool-display { display: inline-block; }
.in-school span.in-scrool-through { text-decoration: line-through; }

.before-doller { position: relative;}

.before-doller:before {content: '$';}


.popup-2019 .modal-footer { border: none; padding: 0; }
.popup-2019 .modal-footer .hs_cos_wrapper_type_form { display: block; width: 100%; }
.popup-2019 .modal-footer input.hs-button { padding: 11px; font-size: 18px !important; background: rgb(69, 183, 100) !important; font-weight: bold !important; letter-spacing: 0px; line-height: 24px; }
.popup-2019 button.close { top: -10px; position: relative; right: -7px; }


.back-pricepage { text-align: center; }
.back-pricepage button { background: #1ebb53;     text-shadow: none !important; border-color: #1ebb53; color: #fff !important; display: inline-block !important; width: 100%; padding: 15px 0 !important; border-radius: 5px; font-size: .875rem !important; font-weight: bold !important; cursor: pointer; opacity: 1 !important; max-width: 100%; position: inherit !important; height: auto !important; }


.popup-2019.form-submited h4.modal-title { display: none; }
.popup-2019.form-submited .modal-headline { height: 0; }
.modal-footer form *,.modal-title {   font-family: "proxima-nova",sans-serif; }


.cs-pricing-section .bonus-content { display:none; max-width: 766px; margin: 0 auto; border-radius: 4px; border: 1px solid rgb(153, 153, 153); padding: 15px; font-family: "proxima-nova", sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0px; line-height: 20px; margin-bottom: 12px; }
.cs-pricing-section .bonus-content p { margin: 0; }
.cs-pricing-section .bonus-content p + p { padding: 10px 0 0; }
.cs-pricing-section .bonus-content strong { font-family: inherit; color: #45b764; }
.cs-pricing-section .bonus-content a { text-decoration: underline; }
.bonus-content p {   font-family: 'Proxima Nova Rg';   font-weight: normal;    font-size: 14px;    line-height: 20px;}

.modal-body{ padding: 24px !important;  padding-bottom: 0 !important; }

/* popup design */

div#form-tab form fieldset{  max-width: 100% !important; }
div#form-tab {   max-width: 755px;  width: 100%;     border-radius: 4px;     padding-bottom: 30px; }
div#form-tab fieldset.form-columns-2 .input{     margin-right: 0px !important; }
div#form-tab fieldset.form-columns-2 > div:last-child { padding-left: 8px; }
div#form-tab fieldset.form-columns-2 > div:first-child {   padding-right: 8px; }
div#form-tab h2 {   text-align: center;   margin-top: 0;    padding-bottom: 20px;     padding-top: 5px; }
div#form-tab .hs-dependent-field > div {   padding-bottom: 0 !important;   margin-bottom: -3px !important;}
div#form-tab .legal-consent-container .hs-form-booleancheckbox-display>span{     margin-left: 35px; }
div#form-tab .hs-richtext {   padding-left: 36px;     font-size: 14px; }
div#form-tab input[type=submit] {  margin-top: 20px; -webkit-appearance: none;
    background: rgb(69, 183, 100); border-radius: 4px; width: 100%;
    font-size: 18px;  font-weight: bold; line-height: 24px;   padding: 8px 20px;
    border: none;
    height: 50px; }
div#form-tab input{     height: 40px;  }

div#form-tab input[type="checkbox"] , div#form-tab input[type="radio"] { position:absolute; left:5px; margin:0; top:0; opacity: 0; width: 22px; height: 22px;     z-index: 2; }
div#form-tab input[type="radio"] { top:3px; }
div#form-tab input[type="checkbox"] + span { line-height: 22px; position:relative; display: block; }
div#form-tab input[type="checkbox"] + span:before  { position:absolute; left:-30px; top:0;  content:''; width:20px; height:20px; border:1px solid #dadada; color:#fafafa; background:#fafafa;     border-radius: 2px;    border: 2px solid rgb(153, 153, 153); }
div#form-tab input[type="checkbox"]:checked + span:before { background:#333; color:#ffff; border-color:#333; }
div#form-tab input[type="checkbox"]:checked + span:after { text-align:center; color:#fff; position:absolute; left:-30px; top:0;  content: "\f00c"; font-family:'FontAwesome'; width: 20px; line-height: 20px; }
div#form-tab .hs-dependent-field ul.inputs-list li {
    position: relative;
}
@media  (max-width: 400px), (max-device-width: 480px) and (min-device-width: 320px) {
  div#form-tab fieldset.form-columns-2 .field { padding:0 0 10px 0 }
  div#form-tab fieldset.form-columns-2 .field:first-child { padding:0 0 10px 0 }
  div#form-tab fieldset.form-columns-3 .field { padding:0 0 10px  }
  div#form-tab fieldset.form-columns-3 .field:first-child { padding:0 0 10px 0; }
  div#form-tab fieldset.form-columns-3 .field:first-child + .field { padding:0 0 10px; }
  div#form-tab fieldset.form-columns-2 > div:last-child {    padding-left: 0; }
}

.submitted-message  p{ padding-bottom: 15px; margin-top: -6px; }
.f-submit div#form-tab h2{ display:none; } 
.f-submit .hbspt-form { font-family: 'Proxima Nova Rg'; font-weight: bold;  color: #000;  padding: 15px 0 15px;
    margin: 0;   font-size: 24px;   line-height: 32px;  text-align: center;}
.f-submit .back-pricepage{ display:block !important; }


h2.modal-title {   font-family: 'Proxima Nova Rg';  font-weight: bold;   color: #000;   padding: 15px 0 15px;  margin: 0;   font-size: 24px;  line-height: 32px; }
div#form-tab input,div#form-tab select {  height: 40px;   border: 1px solid #000; }
div#form-tab .hs-form-field > label {   font-size: 16px;   font-weight: bold;    line-height: 22px; }
div#form-tab .hs-form-field > legend { font-size: 12px; }
div#form-tab .hs-error-msgs label{   color: red;  font-weight: normal;   font-size: 13px;     font-family: 'Proxima Nova Rg'; }
ul.no-list.hs-error-msgs.inputs-list{     padding: 0;
    list-style: none; }
.submitted-message p{   font-family: 'Proxima Nova Rg' !important;
    font-weight: bold !important;    font-size: 24px !important;   line-height: 32px !important;    margin: 0 !important; }

button.close.fancybox-close-small {    font-size: 18px !important;    font-weight: bold;    line-height: 24px !important;    padding: 12px 20px !important; }
.popup-2019 button.close {  top: -15px;  position: relative;  right: -7px;  font-size: 35px;   font-weight: 200; }

/* end popup design */

@media (max-width: 991px){
  
.box.slider-box {    padding-left: 0 !important; }
.box.month-box {    padding-right: 0 !important; }
 .pricing .price-toptitle h1 br{ display:none; } 
  span.cta-caption{     width: 100%;    display: inline-block; }
   .cs-pricing-section .box-wrapper{     margin: 0 -7px; }
  
}

@media (max-width: 767px){
  .cs-pricing-section .action-chose-strip label{    padding: 0;    margin-bottom: 15px;   max-width: 100%; }
  .cs-pricing-section .action-chose-strip .action-btn{ width:100%;   }
  .cs-pricing-section .action-chose-strip .container>div{     flex-direction: column;  }
  .cs-pricing-section .action-chose-strip .action-btn a{ width:100%; }
  .cs-pricing-section .box-wrapper .box.slider-box,.cs-pricing-section .box-wrapper .box,.cs-pricing-section .box-wrapper .box{     width: 100%; }
  .button-1,.button-2{ width:100%; padding:0;     margin-bottom: 10px; }
  .cs-pricing-section .btn-wrapper-quote>div{     flex-direction: column; }
  .cs-pricing-section .box-wrapper .box{     padding: 15px 0px; }
  .cs-pricing-section .box-wrapper .box.slider-box{     margin-bottom: 10px; }
  .pricing .price-toptitle h1{     line-height: 42px;     font-size: 32px; }
  .cs-pricing-section .box-wrapper{     margin: 0 auto;    flex-direction: column; }
  .cs-pricing-section .box-wrapper .box{     margin: 15px 0px; }
}



.btn-model{display:block;}

.box-wrapper .annual-box,
.box-wrapper .month-box {display:none;}
.cs-pricing-section .action-chose-strip .school10  label {
    font-size: 14px;
  font-weight: normal; padding-left:30px;     line-height: 22px;}
.school10 {padding-top:20px;}


/*checkbox style*/
.control {
            font-family: proxima-nova;
            display: block;
            position: relative;
            padding-left: 30px;
            margin-bottom: 5px;
            padding-top: 3px;
            cursor: pointer;
            font-size: 16px;
        }
            .control input {
                position: absolute;
                z-index: -1;
                opacity: 0;
            }
        .control_indicator {
            position: absolute;
            top: 3px;
            left: 0;
            height: 20px;
            width: 20px;
            background: #ffffff;
            border: 2px solid #127eda;
            border-radius: 3px;
        }
        .control:hover input ~ .control_indicator,
        .control input:focus ~ .control_indicator {
            background: #ffffff;
        }
        
        .control input:checked ~ .control_indicator {
            background: #ffffff;
        }
        .control:hover input:not([disabled]):checked ~ .control_indicator,
        .control input:checked:focus ~ .control_indicator {
            background: #ffffff;
        }
        .control input:disabled ~ .control_indicator {
            background: #e7e7e7;
            opacity: 1;
            pointer-events: none;
        }
        .control_indicator:after {
            box-sizing: unset;
            content: '';
            position: absolute;
            display: none;
        }
        .control input:checked ~ .control_indicator:after {
            display: block;
        }
        .control-checkbox .control_indicator:after {
            left: 5px;
            top: 1px;
            width: 3px;
            height: 9px;
            border: solid #127fdb;
            border-width: 0 3px 3px 0;
            transform: rotate(45deg);
        }
        .control-checkbox input:disabled ~ .control_indicator:after {
            border-color: #117cd8;
        }
        .control-checkbox .control_indicator::before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            top: 0;
            width: 4.001rem;
            height: 4.5rem;
            margin-left: -1.3rem;
            margin-top: -1.3rem;
            background: #0f7cd8;
            border-radius: 3rem;
            opacity: 0.2;
            z-index: 99999;
            transform: scale(0);
        }
        @keyframes s-ripple {
            0% {
                transform: scale(0);
            }
            20% {
                transform: scale(1);
            }
            100% {
                opacity: 0;
                transform: scale(1);
            }
        }
        @keyframes s-ripple-dup {
           0% {
               transform: scale(0);
            }
           30% {
                transform: scale(1);
            }
            60% {
                transform: scale(1);
            }
            100% {
                opacity: 0;
                transform: scale(1);
            }
        }
        .control-checkbox input + .control_indicator::before {
            animation: s-ripple 250ms ease-out;
        }
        .control-checkbox input:checked + .control_indicator::before {
            animation-name: s-ripple-dup;
        }

.border {
  border: 1px solid #CFD8DC;
  box-shadow: 0px 1px 2px rgba(55, 65, 81, 0.08);
  border-radius: 8px;
  max-width: 1059px;
  margin: 0 auto;
}
.action-chose-strip {padding-top: 30px;}

.whyrise-row .whyrise-column {
    width: 100%;
    margin-bottom: 0px;
}
.whyrise-vision .whyrise-row {
    padding-top: 20px;
    max-width: 555px;
}
.underslider {font-size: 14px;
    font-weight: normal;
    padding-bottom:25px;
  line-height: 22px;
  text-align:center;
  
}
.percentage-val-nodiscount {
  font-size: 18px;
  text-decoration: line-through;
}
.green {
  color:#1ebb53;
}
.hide {
  display:none;
}
#rangeInput {
  visibility:visible!important;
  opacity:1!important;
}
.gen-number {
  display:none!important;
}
#form-tab > div.back-pricepage > button {
  text-align:center!important;
}

div#form-tab input[type="checkbox"]+span {
  margin-left:30px;
}