.pricing {
  background-color: #f7f7ff;
  font-family: "Open Sans", serif;
/*   overflow-x: hidden; */
}

@media (max-width: 768px) {
  .pricing {
    background-color: #FFF
  }
}

.pricing .planscontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1160px;
  margin: 0 auto;
  border-radius: 4px;
  z-index: 10;
  position: relative
}

@media (min-width: 950px) {
  .pricing .planscontainer {
    box-shadow: 0 2px 24px 0 rgba(75, 91, 136, 0.41)
  }
}

@media (max-width: 950px) {
  .pricing .planscontainer {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}

.pricing .pricing__regularplans {
  position: relative
}

@media (min-width: 950px) {
  .pricing .pricing__regularplans {
    width: 78%
  }
}

@media (max-width: 950px) {
  .pricing .pricing__regularplans {
    width: 100%
  }
}

.pricing .pricing__regularplans .pricingswitcher {
  background-color: #ededff;
  border-radius: 4px 4px 0 0;
  padding: 5px 0;
  width: 100%;
  position: absolute;
  right: 0;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%)
}

@media (max-width: 950px) {
  .pricing .pricing__regularplans .pricingswitcher {
    display: none
  }
}

.pricing .pricing__regularplans .pricingswitcher input {
  display: none
}

.pricing__regularplans .pricingswitcher .pricing-tenure-switcher .pts-switcher .switch input.switch-toggle-round + label:before{
  background-color: #8887cf;
}
.pricing__regularplans .pricingswitcher .pricing-tenure-switcher .pts-switcher .switch input.switch-toggle-round:checked + label:before{
  background-color: #4342ae;
}
.pricing .pricing__regularplans .pricingswitcher label .switcher--month .switcher__label {
  text-shadow: 1px 0 0 #182359
}

.pricing .pricing__regularplans .pricingswitcher label.pricingswitcher--checked .switcher--month .switcher__label {
  text-shadow: none
}

.pricing .pricing__regularplans .pricingswitcher label.pricingswitcher--checked .switcher--year .switcher__label {
  text-shadow: 1px 0 0 #182359
}

.pricing .pricing__regularplans .pricingswitcher label.pricingswitcher--checked:after {
  left: 28px
}

.pricing .pricing__regularplans .pricingswitcher .switcher--month {
  float: left;
  left: -66px;
  position: absolute
}

.pricing .pricing__regularplans .pricingswitcher .switcher--year {
  float: right;
  right: -144px;
  position: absolute;
  white-space: nowrap
}

.pricing .pricing__regularplans .pricing__mediumplans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden
}

@media (min-width: 950px) {
  .pricing .pricing__regularplans .pricing__mediumplans {
    border-radius: 0 0 0 0;
  }
}

@media (max-width: 950px) {
  .pricing .pricing__regularplans .pricing__mediumplans {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}

.pricing .pricing__comparelink {
  font-size: 13px;
  margin: 0;
  -webkit-transform: translate(0, -25px);
  transform: translate(0, -25px);
  padding-left: 13px
}

@media (max-width: 600px) {
  .pricing .pricing__comparelink {
    display: none
  }
}

.pricing .pricing__comparelink a {
  color: #3369E7;
  position: relative;
  text-decoration: underline
}

.pricing .cotizar_vps {
  background-color: #FFF;
  text-align: center;
  padding: 25px;
  border-top: 1px solid #dadaff;
  border-radius: 0 0 0 4px
}

@media (max-width: 950px) {
  .pricing .cotizar_vps {
    display: none
  }
}

.pricing .cotizar_vps a,
.pricing .cotizar_vps button {
  text-decoration: none;
  line-height: 35px;
  font-size: 16px;
  font-weight: 600
}

.pricing .cotizar_vps a:not(:last-child) {
  margin-right: 25px
}

.pricing .cotizar_vps button {
  border-radius: 25px;
  padding: 0 30px
}

.pricing .cotizar_vps button:focus {
  outline: none
}

.pricing .cotizar_vps button:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96)
}

.pricing .cotizar_vps a button {
  background-color: #3b56cb;
  border: 2px solid #3b56cb;
  color: white;
}

.pricing .cotizar_vps a button:hover {
  background-color: #576dd1;
  border: 2px solid #576dd1;
}

.pricing .cotizar_vps a svg {
  -webkit-transform: translateX(6px) rotate(-90deg);
  transform: translateX(6px) rotate(-90deg)
}

/* .pricing .cotizar_vps a:nth-child(2) button {
  background-color: #FFF;
  border: 2px solid #9d9dbd;
  color: #182359
}

.pricing .cotizar_vps a:nth-child(2) button:hover {
  background-color: #9D9DC0
}

.pricing .cotizar_vps a:nth-child(2) svg {
  -webkit-transform: translateX(6px) rotate(-90deg);
  transform: translateX(6px) rotate(-90deg)
}
 */
.pricing .pricingtable {
  position: relative;
  background: #4b2e91;
  background: -webkit-linear-gradient(305deg, #4b2e91 0%, #3369e6 100%);
  background: linear, 305deg, #4b2e91 0%, #3369e6 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b2e91', endColorstr='#3369e6', GradientType=0);
  padding: 0 20px
}

@media (max-width: 600px) {
  .pricing .pricingtable {
    padding: 0.71429em
  }
}

.pricing .pricingtable:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 50%;
  background: #FFF;
  -webkit-transform: skewY(-6deg);
  transform: skewY(-6deg);
  bottom: -20%;
  left: 0
}

.pricing .pricingtable .pricingtable__header {
  text-align: center
}

@media (min-width: 600px) {
  .pricing .pricingtable .pricingtable__header {
    padding-top: 6em
  }
}

@media (max-width: 600px) {
  .pricing .pricingtable .pricingtable__header {
    padding-top: 5.71429em
  }
}

@media (min-width: 600px) {
  .pricing .pricingtable .pricingtable__header {
    margin-bottom: 88px
  }
}

@media (max-width: 600px) {
  .pricing .pricingtable .pricingtable__header {
    margin-bottom: 1.64286em
  }
}

.pricing .pricingtable .pricingtable__header h1 {
  color: white;
  font-size: 46px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0
}

@media (max-width: 600px) {
  .pricing .pricingtable .pricingtable__header h1 {
    margin-bottom: 0.14286em
  }
}

.pricing .pricingtable .pricingtable__header p {
  margin-top: 0;
  font-size: 23px;
  opacity: .75;
  color: white;
  font-weight: 400
}

@media (max-width: 600px) {
  .pricing .pricingtable .pricingtable__header p {
    margin-bottom: 0.78261em
  }
}

.pricing .pricingtable .pricingtable__header button {
  white-space: nowrap;
  padding: 0 30px;
  background-color: #698dfd;
  border-radius: 25px;
  border: 2px solid #698dfd;
  color: white;
  text-decoration: none;
  line-height: 35px;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0.875em
}

.pricing .pricingtable .pricingtable__header button svg {
  -webkit-transform: translateX(6px) rotate(-90deg);
  transform: translateX(6px) rotate(-90deg)
}

@media (min-width: 600px) {
  .pricing .pricingtable .pricingtable__header button {
    display: none
  }
}

.pricing .pricing__features {
  border-radius: 4px 0px 0px 4px;
  position: relative;
  background-color: #050f2c;
  overflow: hidden
}

@media (min-width: 950px) {
  .pricing .pricing__features {
    width: 22%
  }
}

@media (max-width: 950px) {
  .pricing .pricing__features {
    width: 100%;
    border-radius: 4px
  }

  .pricing .pricing__features .pricingplan__price {
    text-align: center
  }
}

.pricing .pricing__features .pricingplan {
  background-color: #050f2c;
  border: none;
  max-width: 100%
}

@media (min-width: 950px) {
  .pricing .pricing__features .pricingplan {
    padding: 0 1.5em
  }
}

@media (max-width: 1080px) {
  .pricing .pricing__features .pricingplan {
    padding: 0 1.42857em
  }
}

.pricing .pricing__features .pricingplan .pricingplan__price {
  font-weight: 600;
  color: #9d9dbd
}

.pricing .pricing__features .pricingplan .pricingplan__price.pricingplan__amount--month-to-year {
  -webkit-animation: animateNumberFromMonthToYear 800ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: animateNumberFromMonthToYear 800ms cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.pricing .pricing__features .pricingplan .pricingplan__price.pricingplan__amount--year-to-month {
  -webkit-animation: animateNumberFromYearToMonth 800ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: animateNumberFromYearToMonth 800ms cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.pricing .pricing__features h2 {
  color: #FFF;
  text-align: left;
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 0.4em !important;
  font-family: 'Montserrat', sans-serif;

}
.pricing__features .pricingplan header p {
  text-align: left;
  color: #FFF;
}
.pricing .pricing__features .vps-features {
  list-style-type: none;
  padding-left: 0;
  margin: 0
}

.pricing .pricing__features .vps-features p {
  margin: 0
}

.pricing .pricing__features .vps-features li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  color: #f7f7ff;
  font-weight: 600;
  min-height: 52px;
/*   margin-bottom: 10px */
}
.bgcirc{
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background-color:rgba(105, 141, 253, 0.193);
}
.pricing .pricing__features .vps-features li i{
  font-size:26px;
  line-height: 36px;
  color:#698dfd;
  text-align: center;
  margin-right: 10px;
}



.pricing .pricing__features .vps-features li:not(:last-child) svg {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  min-width: 36px;
  max-width: 36px;
  margin-right: 10px
}

/* .pricing .pricing__features .vps-features li:last-child {
  display: block;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 25px 0;
  text-align: center;
  margin-bottom: 0
} */

@media (min-width: 950px) {
  .pricing .pricing__features .vps-features li:last-child {
    position: absolute
  }
}

.pricing .pricing__features .vps-features li:last-child button {
  padding: 0 30px;
  background-color: transparent;
  border-radius: 25px;
  border: 2px solid #698dfd;
  color: white;
  text-decoration: none;
  line-height: 35px;
  font-size: 16px;
  font-weight: 600;
  max-width: 90%
}

.pricing .pricing__features .vps-features li:last-child button:hover {
  background-color: #698dfd
}

.pricing .pricing__features .vps-features li:last-child button:hover svg {
  color: #050f2c
}

.pricing .pricing__features .vps-features li:last-child button:focus {
  outline: none
}

.pricing .pricing__features .vps-features li:last-child button:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96)
}

@media (min-width: 950px) {
  .pricing .pricing__features .vps-features li:last-child button {
    white-space: nowrap
  }
}

.pricing .pricing__features .vps-features li:last-child svg {
  min-width: 0;
  margin-right: 0;
  color: #698dfd;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.pricing .pricing__plans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.pricing .pricingplan {
  background-color: #FFF;
  padding: 0 1.57143em;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

@media (min-width: 950px) {
  .pricing .pricingplan {
    max-width: 20%
  }
}

@media (max-width: 950px) {
  .pricing .pricingplan {
    padding: 0 2.85714em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin-bottom: 2%;
    border-radius: 4px
  }
}

@media (max-width: 600px) {
  .pricing .pricingplan {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-bottom: 1.42857em;
    margin-bottom: 0.71429em
  }
}

.pricing .pricingplan:hover .type:after {
  -webkit-transform: scaleX(1.6);
  transform: scaleX(1.6)
}

.pricing .pricingplan .type:after {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 2px;
  left: 0;
  bottom: -4px;
  content: "";
  -webkit-transition: 380ms ease;
  transition: 380ms ease;
  -webkit-transform-origin: left center;
  transform-origin: left center
}

@media (max-width: 950px) {
  .pricing .pricingplan .type:after {
    opacity: 0
  }
}

/* .pricing .pricingplan--business .pricingplan__amount {
  padding-left: 0 !important
} */
.pricing .pricingplan--starter .type {
  color: #8e43e7
}

.pricing .pricingplan--starter .type:after {
  background-color: #8e43e7
}
.pricing .pricingplan--pro .type {
  color: #3369e7
}

.pricing .pricingplan--pro .type:after {
  background-color: #3369e7
}
.pricing .pricingplan--business .type {
  color: #21c7d0
}

.pricing .pricingplan--business .type:after {
  background-color: #21c7d0
}

.pricing .pricingplan--enterprise .type {
  color: #1daefc
}

.pricing .pricingplan--enterprise .type:after {
  background-color: #1daefc
}

.pricing .pricingplan--max .type {
  color: #698dfd
}

.pricing .pricingplan--max .type:after {
  background-color: #698dfd
}

.pricing .pricingplan--feat .type:after {
  background-color: #698dfd
}

.pricing .pricingplan:not(:first-child) {
  border-left: 1px solid #dadaff
}

@media (max-width: 950px) {
  .pricing .pricingplan {
    border: 1px solid #dadaff
  }
}

.pricing .pricingplan header {
  padding: 1.78571em 0 0;
  margin-bottom: 1em;
  min-height: 156px;
}

@media (max-width: 600px) {
  .pricing .pricingplan header {
    margin-bottom: 1.42857em
  }
}

.pricing .type {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 2px;
  margin-top: 0;
  margin-bottom: 1.6875em
}

@media (max-width: 950px) {
  .pricing .type {
    text-align: center
  }
}

@media (max-width: 600px) {
  .pricing .type {
    margin-bottom: 2.25em
  }
}

.pricing .pricingplan__yearly {
  margin: 0;
  color: #9d9dbd;
  font-size: 12px;
  font-weight: 600
}

@-webkit-keyframes animateYearlyOut {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0)
  }
}

@keyframes animateYearlyOut {
  0% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(6px, 0);
    transform: translate(6px, 0)
  }
}

@-webkit-keyframes animateYearlyIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

@keyframes animateYearlyIn {
  0% {
    opacity: 0;
    -webkit-transform: translate(-6px, 0);
    transform: translate(-6px, 0)
  }

  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}

.pricing .pricingplan__yearly--animate-leave {
  -webkit-animation: animateYearlyOut 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: animateYearlyOut 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.pricing .pricingplan__yearly--animate-enter {
  -webkit-animation: animateYearlyIn 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: animateYearlyIn 400ms cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.pricing .pricingplan__price {
  margin: 0
}

.pricing .pricingplan__price .pricingplan__amount {
  display: inline-block
}

.pricing .pricingplan__price .pricingplan__amount.pricingplan__amount--month-to-year {
  -webkit-animation: animateNumberFromMonthToYear 800ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: animateNumberFromMonthToYear 800ms cubic-bezier(0.4, 0, 0.2, 1) forwards
}

.pricing .pricingplan__price .pricingplan__amount.pricingplan__amount--year-to-month {
  -webkit-animation: animateNumberFromYearToMonth 800ms cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: animateNumberFromYearToMonth 800ms cubic-bezier(0.4, 0, 0.2, 1) forwards
}

@-webkit-keyframes animateNumberFromMonthToYear {
  0% {
    opacity: 1
  }

  40% {
    opacity: 0
  }

  60% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes animateNumberFromMonthToYear {
  0% {
    opacity: 1
  }

  40% {
    opacity: 0
  }

  60% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes animateNumberFromYearToMonth {
  0% {
    opacity: 1
  }

  40% {
    opacity: 0
  }

  60% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes animateNumberFromYearToMonth {
  0% {
    opacity: 1
  }

  40% {
    opacity: 0
  }

  60% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

.pricing .pricingplan__price .pricingplan__amount {
  color: #182359;
  font-size: 26px;
  font-weight: 600;
  padding-left: 14px;
  line-height: 1.4;
}

.pricing .pricingplan__price .pricingplan__currency {
  font-weight: 600;
  color: #182359;
  font-size: 20px;
  position: absolute;
}

.pricing .pricingplan__price span {
  color: #9d9dbd;
  font-size: 12px;
  display: block;
}

.pricing .pricinglist {
  list-style-type: none;
  padding: 0
}

.pricing .pricinglist li {
  position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

@media (min-width: 600px) {
  .pricing .pricinglist li {
    min-height: 52px
  }
}

@media (max-width: 600px) {
  .pricing .pricinglist li {
    min-height: 52px
  }
}

.pricing .pricinglist .pricinglist__business {
  opacity: 0.8;
  font-size: 12px;
  line-height: 1.83;
  color: #788795;
  margin-top: 100px;
  margin-bottom: 10px
}

@media (min-width: 600px) {
  .pricing .pricinglist .pricinglist__business br {
    display: none
  }
}

@media (max-width: 600px) {
  .pricing .pricinglist .pricinglist__business {
    margin-top: 10px
  }
}

.pricing .pricinglist .pricinglist__number {
  color: #182359;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.pricing .pricinglist .pricinglist__number span{
  color: #9d9dbd;
  font-size: 12px !important;
  font-weight: 600;
  margin: 0;
  display: inline;
}

.pricing .pricinglist .pricinglist__number:nth-child(2),
.pricing .pricinglist .pricinglist__number:nth-child(3) {
  font-size: 16px
}

.pricing .pricinglist .pricinglist__link {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px #3369E7 dashed
}

.pricing .pricinglist .tick {
  vertical-align: super;
  color: #698dfd
}

.pricing .pricinglist .tick--center {
  vertical-align: middle;
  display: inline-block;
  top: 0;

}

.pricing .pricinglist .tick--center+p {
  white-space: nowrap;
  padding-left: 12px;
  font-size: 13px;
  color: #182359;
  display: inline-block;
  -webkit-transform: translate(0, -13px);
  transform: translate(0, -13px)
}

.pricing .pricinglist .pricinglist__title {
  color: #9d9dbd;
  font-size: 12px;
  font-weight: 600;
  margin: 0
}

.pricing .pricing-trusted {
  position: relative;
  padding: 70px 20px 80px 20px;
  text-align: center
}

@media (max-width: 600px) {
  .pricing .pricing-trusted {
    padding: 50px 10px 80px 10px
  }
}

.pricing .pricing-trusted:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 400px;
  background: #fff;
  -webkit-transform: skewY(-6deg);
  transform: skewY(-6deg);
  z-index: 0;
  top: 0%;
  -webkit-transform: skewY(-6deg) translate(0, -250px);
  transform: skewY(-6deg) translate(0, -250px)
}

.pricing .pricing-trusted p {
  letter-spacing: 1px;
  margin: 0;
  font-size: 12px;
  color: #9d9dbd;
  font-weight: 600;
  text-align: center;
  margin-bottom: 1.66667em;
  position: relative;
  z-index: 10
}

.pricing .pricing-trusted button {
  text-decoration: none;
  line-height: 35px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 25px;
  padding: 0 30px;
  position: relative;
  z-index: 10;
  background-color: #FFF;
  border: 2px solid #9d9dbd;
  color: #182359;
  margin-top: 3.125em
}

.pricing .pricing-trusted button svg {
  -webkit-transform: translateX(6px) rotate(-90deg);
  transform: translateX(6px) rotate(-90deg)
}

@media (min-width: 600px) {
  .pricing .pricing-trusted button {
    display: none
  }
}

.pricing .pricing-trusted .pricing-logos {
  color: #182359;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.pricing .pricing-trusted .pricing-logos .pricing-logos__logo {
  margin-bottom: 14px
}

@media (max-width: 600px) {
  .pricing .pricing-trusted .pricing-logos .pricing-logos__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%
  }

  .pricing .pricing-trusted .pricing-logos .pricing-logos__logo svg {
    max-width: 80%;
    max-height: 18px
  }
}

@media (min-width: 600px) {
  .pricing .pricing-trusted .pricing-logos .pricing-logos__logo:not(:last-child) {
    margin-right: 32px
  }
}

.pricing .pricing__table {
  margin-top: 60px;
  z-index: 10;
  position: relative;
  padding: 0 20px
}

@media (max-width: 768px) {
  .pricing .pricing__table {
    padding: 0 0
  }
}

.pricing .pricing__table header {
  width: 100%
}

.pricing .pricing__table header .column--label {
  color: #182359;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0.35714em
}

.pricing .pricing__table header button {
  padding: 7px 13px;
  border: none;
  border-radius: 25px;
  font-weight: 300;
  min-width: 90px;
  color: white;
  font-size: 13px;
  color: white;
  cursor: pointer
}

.pricing .pricing__table header button:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96)
}

.pricing .pricing__table header button:focus {
  outline: none
}

.pricing .pricing__table header .column--price {
  color: #9d9dbd;
  font-size: 14px;
  margin-top: 0.5em
}

.pricing .pricing__table header .column--narrow--business button {
  background-color: #1cc7d0
}

.pricing .pricing__table header .column--narrow--business button:hover {
  background-color: #3adce5
}

.pricing .pricing__table header .column--narrow--starter button {
  background-color: #9c58e5
}

.pricing .pricing__table header .column--narrow--starter button:hover {
  background-color: #b684ec
}

.pricing .pricing__table header .column--narrow--enter button {
  background-color: #00b5fe
}

.pricing .pricing__table header .column--narrow--enter button:hover {
  background-color: #32c4ff
}

.pricing .pricing__table header .column--narrow--pro button {
  background-color: #0076e5
}

.pricing .pricing__table header .column--narrow--pro button:hover {
  background-color: #1990ff
}

.pricing .pricing__table header .column--narrow--enterprise button {
  background-color: #0b2959
}

.pricing .pricing__table header .column--narrow--enterprise button:hover {
  background-color: #113e86
}

.pricing .pricing__table .comparisoncontainer--mobile {
  display: none
}

.pricing .pricing__table .comparisoncontainer--mobile .pricingfeatures {
  max-width: 500px;
  margin: 0 auto
}

.pricing .pricing__table .comparisoncontainer--mobile .pricingfeatures>li {
  border-bottom: 0 !important
}

.pricing .pricing__table .comparisoncontainer--mobile div {
  width: 100%
}

.pricing .pricing__table .comparisoncontainer--mobile .pricingfeature__maintitle {
  padding-left: 10px;
  padding-bottom: 4px;
  border-bottom: 0;
  text-align: center;
  font-size: 22px;
  color: #9d9dbd;
  margin-bottom: 30px;
  width: 100%
}

.pricing .pricing__table .comparisoncontainer--mobile .pricingfeature__title {
  padding: 0 10px 6px 10px;
  border-bottom: 1px solid #dedef8;
  font-size: 16px
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) {
  padding: 0 20px;
  margin-bottom: 40px;
  border-bottom: none
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) li {
  border-bottom: 1px solid #dedef8;
  padding-bottom: 4px;
  position: relative
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) li span {
  width: 40%;
  text-align: center;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) li span:not(.emptydash) {
  color: #182359
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) li .pricingamount--converted {
  display: none
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) li:not(:last-child) {
  margin-bottom: 4px
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) li:first-child {
  color: #21c7d0
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) li:nth-child(2) {
  color: #8e43e7
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) li:nth-child(3) {
  color: #1daefc
}

.pricing .pricing__table .comparisoncontainer--mobile ul:not(.pricingfeatures) li:nth-child(4) {
  color: #3369e7
}

@media (max-width: 768px) {
  .pricing .pricing__table .comparisoncontainer--mobile {
    display: block
  }
}

.pricing .pricing__table .comparisoncontainer {
  background-color: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  position: relative;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 20px;
  border-radius: 4px;
  margin-top: -80px;
  overflow: hidden;
  padding-top: 20px
}

@media (max-width: 768px) {
  .pricing .pricing__table .comparisoncontainer {
    display: none
  }
}

.pricing .pricing__table .comparisoncontainer .column--narrow {
  position: relative
}

.pricing .pricing__table .comparisoncontainer .pricinglistcontainer {
  padding-top: 110px
}

.pricing .pricing__table .comparisoncontainer #comparisonheader--fixed {
  max-width: 1160px;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  background-color: #FFF;
  box-shadow: 0 2px 4px 0 transparent;
  -webkit-transition: box-shadow 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 400ms cubic-bezier(0.4, 0, 0.2, 1)
}

.pricing .pricing__table .comparisoncontainer #comparisonheader--fixed .column--price {
  margin: 0;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden
}

.pricing .pricing__table .comparisoncontainer #comparisonheader--fixed button {
  font-weight: 600
}

.pricing .pricing__table .comparisoncontainer #comparisonheader--fixed .comparisonheader__container {
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px
}

.pricing .pricing__table .comparisoncontainer #comparisonheader--fixed.comparisonheader--fixed {
  position: fixed;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  top: 60px;
  z-index: 10;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 600ms 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 600ms 200ms cubic-bezier(0.4, 0, 0.2, 1)
}

@media (max-width: 1200px) {
  .pricing .pricing__table .comparisoncontainer #comparisonheader--fixed.comparisonheader--fixed {
    max-width: calc(100% - 40px)
  }
}

.pricing .pricing__table .comparisoncontainer #comparisonheader--fixed.comparisonheader--fixed.comparisonheader--fixed--animateout {
  -webkit-transform: translate(-50%, -30%);
  transform: translate(-50%, -30%);
  -webkit-transition: opacity 400ms ease, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: opacity 400ms ease, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 400ms ease;
  transition: transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 400ms ease, -webkit-transform 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
  opacity: 0
}

.pricing .pricing__table .comparisoncontainer:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
  background: #4a2f93;
  background: -webkit-linear-gradient(180deg, #4a2f93 0%, #3760d8 100%);
  background: linear, 180deg, #4a2f93 0%, #3760d8 100%;
  border-radius: 4px 4px 0 0
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions {
  text-align: center;
  margin: 37px 0
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions a {
  text-decoration: none
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions a button {
  cursor: pointer;
  text-decoration: none;
  line-height: 35px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 25px;
  padding: 0 30px
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions a button:focus {
  outline: none
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions a button:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96)
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions a button svg {
  -webkit-transform: translateX(6px) rotate(-90deg);
  transform: translateX(6px) rotate(-90deg)
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions a button {
  background-color: #FFF;
  border: 2px solid #9D9DBD;
  color: #182359;
  margin-right: 25px
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions a button:hover {
  background-color: #9D9DBD
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions a:first-child button {
  background-color: #698dfd;
  border: 2px solid #698dfd;
  color: white
}

.pricing .pricing__table .comparisoncontainer .pricinglistactions a:first-child button:hover {
  background-color: #59e5ae
}

.pricing .pricing__table .pricingfeatures {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 40px
}

@media (max-width: 600px) {
  .pricing .pricing__table .pricingfeatures .pricingamount {
    display: none
  }
}

.pricing .pricing__table .pricingfeatures .pricingamount--converted {
  display: none
}

@media (max-width: 600px) {
  .pricing .pricing__table .pricingfeatures .pricingamount--converted {
    display: block
  }
}

.pricing .pricing__table .pricingfeatures .pricingfeatures--feature {
  margin: 0.64286em 0
}

.pricing .pricing__table .pricingfeatures .emptydash {
  color: #9d9dbd
}

.pricing .pricing__table .pricingfeatures:last-child {
  margin-bottom: 0
}

.pricing .pricing__table .pricingfeatures .tooltip {
  position: relative
}

.pricing .pricing__table .pricingfeatures .tooltip .tooltip__indicator {
  border-radius: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #1DAEFC;
  background-color: #D0EEFF;
  cursor: pointer;
  margin-left: 6px
}

.pricing .pricing__table .pricingfeatures .tooltip .tooltip__message {
  position: absolute;
  left: 38px;
  top: 50%;
  -webkit-transform: translate3d(8px, -20px, 0);
  transform: translate3d(8px, -20px, 0);
  background-color: #182359;
  padding: 0.57143em;
  color: white;
  border-radius: 4px;
  width: 200px;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 300ms cubic-bezier(0.4, 0, 0.2, 1)
}

.pricing .pricing__table .pricingfeatures .tooltip .tooltip__message:before {
  content: "";
  left: -6px;
  top: 16px;
  position: absolute;
  width: 0;
  height: 0;
  border-right: 6px solid #182359;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent
}

.pricing .pricing__table .pricingfeatures li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  color: #182359
}

.pricing .pricing__table .pricingfeatures li:not(:first-child) {
  border-bottom: solid 1px #dedef8
}

.pricing .pricing__table .column--wide {
  width: 33%
}

.pricing .pricing__table .column--wide .column--info {
  font-size: 20px;
  font-weight: 600;
  color: #9d9dbd
}

.pricing .pricing__table .column--narrow {
  text-align: center;
  width: 13%
}

.pricing .whatispricing {
  padding-top: 600px;
  background: #3369e6;
  background: -webkit-linear-gradient(50deg, #3369e6 0%, #4b2e91 100%);
  background: linear, 50deg, #3369e6 0%, #4b2e91 100%;
  margin-top: -600px;
  position: relative
}

@media (max-width: 768px) {
  .pricing .whatispricing {
    display: none
  }
}

.pricing .whatispricing:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 600px;
  background: #f7f7ff;
  -webkit-transform: skewY(-6deg);
  transform: skewY(-6deg);
  -webkit-transform: translate(0, -325px) skewY(-6deg);
  transform: translate(0, -325px) skewY(-6deg);
  top: 0
}

.pricing .whatispricing .whatispricing__container {
  max-width: 1160px;
  margin: 7.57143em auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 40px 110px 40px
}

.pricing .whatispricing .whatispricing__column {
  color: #fff;
  width: 45%
}

.pricing .whatispricing .whatispricing__column header {
  text-align: center
}

.pricing .whatispricing .whatispricing__column header svg {
  width: 58px;
  height: 58px
}

.pricing .whatispricing .whatispricing__column h2 {
  font-size: 30px;
  font-weight: 300;
  text-align: center
}

.pricing .whatispricing .whatispricing__column p {
  font-size: 14px;
  line-height: 1.93
}

.pricing .whatispricing .whatispricing__record {
  padding-top: 2.57143em
}

.pricing .whatispricing .whatispricing__recordblock {
  background-color: #FFF;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
  max-width: 330px;
  position: relative;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: translate(0, 10px) scale(0.96);
  transform: translate(0, 10px) scale(0.96);
  -webkit-transform-origin: center top;
  transform-origin: center top;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
}

.pricing .whatispricing .whatispricing__recordblock--animate-enter {
  opacity: 1;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1);
  -webkit-transition: 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 400ms cubic-bezier(0.4, 0, 0.2, 1)
}

.pricing .whatispricing .whatispricing__recordblock:before,
.pricing .whatispricing .whatispricing__recordblock:after {
  content: " ";
  display: table
}

.pricing .whatispricing .whatispricing__recordblock:after {
  clear: both
}

.pricing .whatispricing .whatispricing__recordblock .whatispricing__recordimage {
  background-color: #DFE4EB;
  border-radius: 4px;
  width: 56px;
  height: 56px;
  float: left;
  margin-right: 8px
}

.pricing .whatispricing .whatispricing__recordblock p {
  margin: 0
}

.pricing .whatispricing .whatispricing__recordblock p:nth-child(2) {
  font-size: 12px;
  color: #9d9dbd;
  line-height: 1;
  margin-top: 0.85714em
}

.pricing .whatispricing .whatispricing__recordblock p:nth-child(3) {
  font-size: 16px;
  color: #284D70;
  line-height: 1.4
}

.pricing .whatispricing .whatispricing__sortcontainer {
  max-width: 292px;
  margin: 0 auto;
  padding-top: 80px;
  position: relative
}

.pricing .whatispricing .whatispricing__sortcontainer:before,
.pricing .whatispricing .whatispricing__sortcontainer:after {
  content: " ";
  display: table
}

.pricing .whatispricing .whatispricing__sortcontainer:after {
  clear: both
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__recordtext {
  position: absolute;
  font-size: 16px;
  color: #DFE4EB;
  top: 0;
  margin-top: 1.78571em;
  font-weight: 300;
  opacity: 0;
  -webkit-transform: translate(0, -3px);
  transform: translate(0, -3px);
  -webkit-transition: 700ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 700ms cubic-bezier(0.4, 0, 0.2, 1)
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__recordtext--animate-enter {
  opacity: 1;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
  -webkit-transform: translate(0, 0) scale(1);
  transform: translate(0, 0) scale(1)
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__recordtext--left {
  left: 0
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__recordtext--right {
  right: 0
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__placeholdertext {
  background-color: #DFE4EB;
  height: 8px;
  margin-bottom: 8px
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__placeholdertext:nth-child(2) {
  width: 84%
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__placeholdertext:nth-child(4) {
  width: 70%
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__placeholdertext:nth-child(5) {
  width: 76%
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__placeholdertext:nth-child(6) {
  width: 37%
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__placeholdertext:nth-child(7) {
  width: 90%
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__leftline {
  right: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translate(1px, 0);
  transform: translate(1px, 0)
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__leftline path {
  stroke-dashoffset: 150;
  stroke-dasharray: 150;
  -webkit-transition: 500ms 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 500ms 400ms cubic-bezier(0.4, 0, 0.2, 1)
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__leftline--enter path {
  stroke-dashoffset: 0
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__rightline {
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-1px, 0);
  transform: translate(-1px, 0)
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__rightline path {
  stroke-dashoffset: -150;
  stroke-dasharray: 150;
  -webkit-transition: 500ms 400ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 500ms 400ms cubic-bezier(0.4, 0, 0.2, 1)
}

.pricing .whatispricing .whatispricing__sortcontainer .whatispricing__rightline--enter path {
  stroke-dashoffset: -300
}

.pricing .whatispricing .whatispricing__operation {
  max-width: 330px;
  margin: 0 auto;
  padding-top: 7.5em
}

.pricing .whatispricing .whatispricing__operation input {
  padding: 0.6875em 1.5625em 0.6875em 2.5em;
  font-size: 16px;
  width: 100%;
  border: none;
  border-radius: 4px;
  background-color: #FFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: #262626;
  background-image: url("data:image/svg+xml, %3Csvg%20width%3D%2217%22%20height%3D%2217%22%20viewBox%3D%220%200%2017%2017%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12.15%2010.692h-.768l-.272-.263c.952-1.11%201.526-2.547%201.526-4.112C12.636%202.828%209.806%200%206.318%200%202.828%200%200%202.828%200%206.318c0%203.49%202.828%206.318%206.318%206.318%201.565%200%203.003-.574%204.11-1.526l.264.272v.768l4.86%204.85L17%2015.552l-4.85-4.86zm-5.832%200c-2.42%200-4.374-1.954-4.374-4.374s1.954-4.374%204.374-4.374%204.374%201.954%204.374%204.374-1.954%204.374-4.374%204.374z%22%20fill%3D%22%23AAA%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E");
  background-position: left 12px center;
  background-repeat: no-repeat
}

.pricing .whatispricing .whatispricing__operation input:focus {
  outline: none
}

.pricing .whatispricing .whatispricing__operation .whatispricing__results {
  width: 100%;
  background-color: #FFF
}

.pricing .whatispricing .whatispricing__sort {
  background-color: #FFF;
  color: #284D70;
  border-radius: 4px;
  font-size: 16px;
  float: left;
  width: 130px;
  padding: 0.5em;
  opacity: 0;
  -webkit-transform: translate(0, 20px);
  transform: translate(0, 20px);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
}

.pricing .whatispricing .whatispricing__sort--animate-enter {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: 1000ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: 1000ms cubic-bezier(0.4, 0, 0.2, 1)
}

.pricing .whatispricing .whatispricing__sort--left {
  float: left
}

.pricing .whatispricing .whatispricing__sort--right {
  float: right
}

.pricing .whatispricing .whatispricing__sort p {
  margin: 0 0 0.5em
}

.pricing .whatispricing .whatispricing__help {
  text-align: center;
  padding-bottom: 70px
}

.pricing .whatispricing .whatispricing__help a {
  text-decoration: none
}

.pricing .whatispricing .whatispricing__help button {
  color: white;
  padding: 0.5625em 1.4375em;
  background-color: transparent;
  border: 2px solid white;
  font-size: 16px;
  border-radius: 25px
}

.pricing .whatispricing .whatispricing__help button:hover {
  background-color: #FFF;
  color: #3563de
}

.pricing .whatispricing .whatispricing__help button:focus {
  outline: none
}

.pricing .whatispricing .whatispricing__help button:active {
  -webkit-transform: scale(0.96);
  transform: scale(0.96)
}

.pricing .pricingquestion {
  background-color: #FFF;
  padding: 0 20px
}

.pricing .pricingquestion header {
  text-align: center;
  padding-top: 60px
}

.pricing .pricingquestion header .pricingquestion__team {
  position: relative;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  max-width: 1480px;
  margin: 0 auto
}

@-webkit-keyframes animateAlgoliaPerson {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1)
  }

  30% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }

  80% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1)
  }
}

@keyframes animateAlgoliaPerson {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1)
  }

  30% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }

  80% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
  }

  100% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0.1);
    transform: translate(-50%, -50%) scale(0.1)
  }
}

.pricing .pricingquestion header .pricingquestion__team .person__qa {
  position: absolute;
  -webkit-transform: translate(-40%, -40%) scale(0.1);
  transform: translate(-40%, -40%) scale(0.1);
  -webkit-transform-origin: center;
  transform-origin: center;
  width: 50px;
  height: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100%;
  -webkit-animation: animateAlgoliaPerson 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  animation: animateAlgoliaPerson 2s cubic-bezier(0.4, 0, 0.2, 1) forwards
}

@media (max-width: 950px) {
  .pricing .pricingquestion header .pricingquestion__team .person__qa {
    width: 16px;
    height: 16px
  }
}

@media (max-width: 768px) {
  .pricing .pricingquestion header .pricingquestion__team .person__qa {
    display: none
  }
}

.pricing .pricingquestion header .pricingquestion__team:before,
.pricing .pricingquestion header .pricingquestion__team:after {
  position: absolute;
  width: 100%;
  height: 20%;
  content: "";
  left: 0;
  z-index: 10
}

.pricing .pricingquestion header .pricingquestion__team:before {
  top: 0;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background-image: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.pricing .pricingquestion header .pricingquestion__team:after {
  bottom: 0;
  background-color: rgba(255, 255, 255, 0);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 100%);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.pricing .pricingquestion header svg {
  width: 100%
}

@media (max-width: 768px) {
  .pricing .pricingquestion header svg {
    display: none
  }
}

.pricing .pricingquestion header h1 {
  margin-top: 0;
  color: #182359;
  font-size: 28px;
  position: relative;
  margin-bottom: 64px
}

.pricing .pricingquestion header h1:after {
  position: absolute;
  width: 50px;
  height: 3px;
  background-color: #fb366e;
  left: 50%;
  bottom: -32px;
  content: "";
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0)
}

.pricing .pricingquestion header p {
  font-size: 30px;
  color: #182359;
  font-weight: 300
}

.pricing .pricingquestion .pricing__nonprofit {
  text-align: center;
  margin-bottom: 0;
  padding-bottom: 2.85714em;
  font-size: 14px;
  color: #9D9DBC
}

.pricing .pricingquestion .pricing__nonprofit a {
  text-decoration: none;
  color: #3369E7
}

.pricing .pricingquestion .pricing-qa {
  max-width: 1200px;
  padding: 0 0 20px 0px;
  margin: 2.14286em auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.pricing .pricingquestion .pricing-qa .pricing-qa__column {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 48%;
  flex: 0 0 48%
}

@media (max-width: 768px) {
  .pricing .pricingquestion .pricing-qa .pricing-qa__column {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
  }
}

.pricing .pricingquestion .pricing-qa h3 {
  font-size: 15px;
  font-weight: 600;
  color: #182359
}

.pricing .pricingquestion .pricing-qa p {
  font-size: 15px;
  line-height: 1.8;
  color: #17215a;
  margin-bottom: 2.66667em
}

.pricing .pricingquestion .pricing-qa ul {
  list-style-type: none
}

.pricing .pricingquestion .pricing-qa li:before {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  border-radius: 100%;
  margin-top: 10px;
  margin-left: -22px;
  background-color: #becce0
}

.pricing .pricingquestion .pricing-qa li p {
  margin-bottom: 0
}

.pricing .lastenterprise {
  background-color: #050F2C;
  padding: 3.28571em 1.42857em
}

.pricing .lastenterprise .lastenterprise__container {
  max-width: 1160px;
  margin: 0 auto
}

.pricing .lastenterprise .lastenterprise__container .enterprise__features {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.pricing .lastenterprise .lastenterprise__container p {
  position: relative;
  padding-left: 20px
}

.pricing .lastenterprise .lastenterprise__container p:before {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  content: "";
  background-color: #698dfd;
  border-radius: 12px
}

@media (min-width: 600px) and (max-width: 950px) {
  .pricing .lastenterprise .lastenterprise__container p {
    display: inline-block
  }

  .pricing .lastenterprise .lastenterprise__container p:not(:last-child) {
    margin-right: 10px
  }
}

@media (max-width: 950px) {
  .pricing .lastenterprise .lastenterprise__container p:before {
    width: 9px;
    height: 9px
  }
}

@media (max-width: 600px) {
  .pricing .lastenterprise .lastenterprise__container p {
    padding-left: 0
  }

  .pricing .lastenterprise .lastenterprise__container p:before {
    display: none
  }
}

.pricing .lastenterprise .lastenterprise__container .enterprise__feature__column {
  min-width: 24%
}

@media (max-width: 950px) {
  .pricing .lastenterprise .lastenterprise__container .enterprise__feature__column {
    min-width: 100%;
    text-align: center
  }
}

.pricing .lastenterprise .lastenterprise__container .enterprise__feature__column:last-child {
  width: 28%;
  text-align: right
}

@media (max-width: 950px) {
  .pricing .lastenterprise .lastenterprise__container .enterprise__feature__column:last-child {
    min-width: 100%;
    text-align: center;
    margin-top: 14px
  }
}

.pricing .lastenterprise .lastenterprise__container .enterprise__feature__column button {
  color: white;
  border: 2px solid #698dfd;
  border-radius: 25px;
  padding: 0.5625em 1.4375em;
  background-color: transparent;
  font-size: 16px !important;
  letter-spacing: normal;
  line-height: normal;
  white-space: nowrap;
  font-weight: 600
}

.pricing .lastenterprise .lastenterprise__container .enterprise__feature__column button:hover {
  background-color: #59e5ae
}

@media (max-width: 992px) {
  .pricing .lastenterprise .lastenterprise__container .enterprise__feature__column button {
    width: auto !important;
    line-height: 100% !important
  }
}

.pricing .lastenterprise .lastenterprise__container .enterprise__feature__column button svg {
  -webkit-transform: translate(6px, 0) rotate(-90deg);
  transform: translate(6px, 0) rotate(-90deg)
}

.pricing .lastenterprise .lastenterprise__container .enterprise__feature__column button:focus {
  outline: none
}

.pricing .lastenterprise h1 {
  color: #698dfd;
  font-size: 16px;
  position: relative
}

.pricing .lastenterprise h1:after {
  position: absolute;
  bottom: 0;
  width: 10px;
  height: 2px;
  left: 0;
  bottom: -4px;
  content: "";
  -webkit-transition: 380ms ease;
  transition: 380ms ease;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  background-color: #698dfd
}

@media (max-width: 950px) {
  .pricing .lastenterprise h1:after {
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
  }
}

.pricing .pricing .container-cta {
  float: none;
  margin: 0;
  background: -webkit-linear-gradient(305deg, #4b2e91 0%, #3369e6 100%);
  background: linear, 305deg, #4b2e91 0%, #3369e6 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4b2e91', endColorstr='#3369e6', GradientType=0)
}

.pricing .pricing .container-cta .col-md-12,
.pricing .pricing .container-cta .col-md-6 {
  padding: 0
}

.pricing .pricing .container-cta .btn {
  font-size: 16px;
  text-transform: none;
  letter-spacing: normal;
  padding: 0.5625em 1.4375em;
  font-weight: bold
}

@media (max-width: 992px) {
  .pricing .pricing .container-cta .btn {
    max-width: 70%;
    width: auto;
    font-size: 16px !important;
    padding: 0.25em 2em;
    min-height: 0;
    line-height: 165%
  }
}

.pricing .pricing .container-cta .btn svg {
  -webkit-transform: translate(6px, 0) rotate(-90deg);
  transform: translate(6px, 0) rotate(-90deg)
}

.pricing figure.what-is-a-record {
  width: 320px;
  margin: 7.5em auto
}

.pricing .music-holder {
  position: relative;
  height: 52px
}

.pricing .record-music {
  position: absolute;
  width: 100%;
  height: 52px;
  border-radius: 4px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1), 0 6px 16px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-align: left;
  background: #fff;
  -webkit-transition: width 0.28s ease, height 0.28s ease, background 0.28s ease, margin 0.28s ease, border-radius 0.28s ease, opacity 0.28s ease 0.28s, -webkit-transform 0.28s ease;
  transition: width 0.28s ease, height 0.28s ease, background 0.28s ease, margin 0.28s ease, border-radius 0.28s ease, opacity 0.28s ease 0.28s, -webkit-transform 0.28s ease;
  transition: width 0.28s ease, height 0.28s ease, background 0.28s ease, margin 0.28s ease, border-radius 0.28s ease, transform 0.28s ease, opacity 0.28s ease 0.28s;
  transition: width 0.28s ease, height 0.28s ease, background 0.28s ease, margin 0.28s ease, border-radius 0.28s ease, transform 0.28s ease, opacity 0.28s ease 0.28s, -webkit-transform 0.28s ease
}

.pricing .record-music .record-type,
.pricing .record-music .record-name,
.pricing .record-music .record-artist,
.pricing .record-music .record-length {
  height: 52px;
  float: left
}

.pricing .record-music .record-type {
  width: 20%;
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/64/icon-note.svg") no-repeat center center/20px 24px
}

.pricing .record-music .record-name,
.pricing .record-music .record-artist {
  width: 30%;
  line-height: 52px;
  font-size: 15px;
  color: #262626
}

.pricing .record-music .record-name {
  text-align: right
}

.pricing .record-music .record-length {
  width: 20%;
  line-height: 52px;
  text-align: center;
  font-size: 15px;
  color: #9bb2c9
}

.pricing .record-music:nth-child(1) {
  opacity: 0.25
}

.pricing .record-music:nth-child(2) {
  opacity: 0.5
}

.pricing .record-music:nth-child(3) {
  opacity: 0.75
}

.pricing .record-music:nth-child(4) {
  opacity: 1
}

.pricing .record-music.fifth-position {
  z-index: 0.25;
  -webkit-transform: translateY(-36px) scale(0.8);
  transform: translateY(-36px) scale(0.8)
}

.pricing .record-music.fourth-position {
  opacity: 0.5;
  z-index: 1;
  -webkit-transform: translateY(-28px) scale(0.85);
  transform: translateY(-28px) scale(0.85)
}

.pricing .record-music.third-position {
  opacity: 0.75;
  z-index: 2;
  -webkit-transform: translateY(-20px) scale(0.9);
  transform: translateY(-20px) scale(0.9)
}

.pricing .record-music.second-position {
  opacity: 1;
  z-index: 3;
  -webkit-transform: translateY(-10px) scale(0.95);
  transform: translateY(-10px) scale(0.95)
}

.pricing .record-music.first-position {
  opacity: 1;
  z-index: 4;
  -webkit-transform: translateY(0) scale(1);
  transform: translateY(0) scale(1)
}

.pricing .record-music:not(.first-position).no-anim {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition: opacity 0.28s ease 0s;
  transition: opacity 0.28s ease 0s
}

.pricing .record-music.minified {
  position: absolute;
  width: 22px;
  height: 22px;
  margin: 46px auto;
  left: 0;
  right: 0;
  opacity: 0;
  border-radius: 100%;
  background: #fff;
  -webkit-animation: slipDown 1s ease;
  animation: slipDown 1s ease;
  z-index: 5
}

.pricing .record-music.minified * {
  opacity: 0
}

.pricing .record-music.hide {
  opacity: 0
}

@-webkit-keyframes slipDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(16px) scale(0);
    transform: translateY(16px) scale(0)
  }
}

@keyframes slipDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(16px) scale(0);
    transform: translateY(16px) scale(0)
  }
}


@-webkit-keyframes transmission-one {
  33% {
    background-color: #fafcff
  }

  66% {
    background-color: rgba(255, 255, 255, 0.2)
  }

  99% {
    background-color: rgba(255, 255, 255, 0)
  }
}

@keyframes transmission-one {
  33% {
    background-color: #fafcff
  }

  66% {
    background-color: rgba(255, 255, 255, 0.2)
  }

  99% {
    background-color: rgba(255, 255, 255, 0)
  }
}

@-webkit-keyframes transmission-two {
  33% {
    background-color: rgba(255, 255, 255, 0)
  }

  66% {
    background-color: #fafcff
  }

  99% {
    background-color: rgba(255, 255, 255, 0.2)
  }
}

@keyframes transmission-two {
  33% {
    background-color: rgba(255, 255, 255, 0)
  }

  66% {
    background-color: #fafcff
  }

  99% {
    background-color: rgba(255, 255, 255, 0.2)
  }
}

@-webkit-keyframes transmission-three {
  33% {
    background-color: rgba(255, 255, 255, 0)
  }

  66% {
    background-color: rgba(255, 255, 255, 0.2)
  }

  99% {
    background-color: #fafcff
  }
}

@keyframes transmission-three {
  33% {
    background-color: rgba(255, 255, 255, 0)
  }

  66% {
    background-color: rgba(255, 255, 255, 0.2)
  }

  99% {
    background-color: #fafcff
  }
}

@-webkit-keyframes activated {
  66% {
    background: #c0cad7
  }
}

@keyframes activated {
  66% {
    background: #c0cad7
  }
}

@-webkit-keyframes blink {
  66% {
    opacity: 0
  }

  88% {
    opacity: 0
  }
}

@keyframes blink {
  66% {
    opacity: 0
  }

  88% {
    opacity: 0
  }
}

.pricing .label-icon-input {
  position: relative;
  margin: 1em auto;
  max-width: 330px
}

.pricing .label-icon-input input {
  min-width: 100%;
  max-height: 40px;
  padding: 0.75em 0.75em;
  padding-left: 40px;
  border-radius: 4px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background: #fff url("../images/pricing/icon-search-872a8332.svg.html") no-repeat center left 12px/17px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1), 0 6px 16px rgba(0, 0, 0, 0.2);
  font-size: 15px;
  color: #262626
}

.pricing .label-icon-input label {
  position: absolute;
  display: block;
  width: 54px;
  height: 35px;
  margin: 3px;
  top: 0;
  right: 0;
  border-radius: 4px;
  background: #00b7e5;
  z-index: 9
}

.pricing .label-icon-input label span {
  margin-left: 0.75em;
  float: left;
  content: attr(data-value);
  text-align: left;
  line-height: 35px;
  color: #fff
}

.pricing .label-icon-input label:after {
  display: block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-top: 8px;
  float: right;
  content: '';
  line-height: 35px;
  background: url("../images/pricing/operations-white-f6dbe797.svg.html") no-repeat center center/16px 16px
}

.pricing .label-icon-input .input-results {
  position: relative;
  padding: 0.75em;
  margin: 6px 0 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1), 0 6px 16px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  list-style: none;
  text-align: left;
  background: #fff;
  color: #000
}

.pricing .label-icon-input .input-results span.artist-name {
  color: rgba(0, 0, 0, 0.4)
}

.pricing .label-icon-input .input-results div.ais-hits--item {
  padding: 0;
  margin: 0;
  max-height: 20px;
  margin-bottom: 16px;
  font-size: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.pricing .label-icon-input .input-results div.ais-hits--item:last-of-type {
  margin-bottom: 0
}

.pricing .label-icon-input .input-results em {
  padding: 0 0.1em;
  font-style: normal;
  background: rgba(36, 179, 228, 0.2);
  color: #24b3e4
}