@import url(../bootstrap/css/bootstrap-reboot.css);
@import url(../bootstrap/css/bootstrap-grid.css);
@import url(../bootstrap/css/bootstrap-utilities.css);
:root {
  --color-white: #fff;
  --color-black: #231F20;
  --color-gray-a: #A7A9AC;
  --color-gray-7: #7B7B7B;
  --color-gray-e: #E8E8E8;
  --color-primary: #2B6FB7;
  --color-secondary: #259659;
  --color-danger: #CC4145;
  --page-block-y: 140px; }

body {
  font-family: 'Montserrat', sans-serif;
  line-height: 1.375;
  color: var(--color-black); }
  body.body-overflow-on {
    overflow: hidden; }

@media (max-width: 992px) {
  .container {
    max-width: 100%; } }
@media (max-width: 1200px) {
  .container {
    --bs-gutter-x: 48px; } }

.mt-32 {
  margin-top: 32px; }

.mt-60 {
  margin-top: 60px; }

.color--black {
  color: var(--color-black); }

img {
  max-width: 100%; }

a {
  color: var(--color-black); }
  a:hover {
    color: var(--color-secondary); }

h1, h2, h3, h4, h5, h6 {
  font-weight: 600; }

h1 {
  margin-bottom: 24px;
  font-size: 65px;
  line-height: 67px; }
  @media (max-width: 1200px) {
    h1 {
      font-size: 50px; } }

h2 {
  margin-bottom: 32px;
  font-size: 50px;
  line-height: 55px; }
  @media (max-width: 1200px) {
    h2 {
      font-size: 40px;
      line-height: 1.2; } }

h3 {
  margin-bottom: 32px;
  font-size: 30px;
  line-height: 35px; }

h4 {
  margin-bottom: 16px;
  font-size: 21px;
  line-height: 26px; }

h5 {
  font-size: 12px;
  line-height: 17px; }

.body-text {
  color: var(--color-gray-7); }

.brand--header {
  height: 76px;
  margin: 1rem 0;
  flex: 0 0 257px;
  z-index: 2; }
.brand--footer {
  opacity: 0.2; }
  @media (max-width: 468px) {
    .brand--footer {
      display: block;
      width: 33%;
      margin: 24px auto 0; } }

header {
  position: sticky;
  top: 0;
  margin-bottom: 32px;
  background-color: var(--color-white);
  z-index: 4; }

.mobile-burger {
  display: none;
  --burger-border-color: var(--color-black);
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  height: 24px;
  z-index: 2; }
  .mobile-burger:before, .mobile-burger:after {
    display: block;
    content: '';
    width: 100%;
    height: 2px;
    background-color: var(--burger-border-color);
    position: absolute; }
  .mobile-burger span {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--color-black);
    transform: translateY(-50%); }
  .mobile-burger:before {
    top: 0;
    left: 0;
    transform-origin: top left; }
  .mobile-burger:after {
    bottom: 0;
    left: 0;
    transform-origin: bottom left; }
  .mobile-burger--close:before {
    transform: rotate(45deg); }
  .mobile-burger--close:after {
    transform: rotate(-45deg); }
  .mobile-burger--close span {
    display: none; }
  @media (max-width: 1200px) {
    .mobile-burger {
      display: block; } }

.navbar {
  display: flex; }
  header .navbar {
    align-items: stretch;
    justify-content: space-between; }
  footer .navbar {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px; }

.navbar__list {
  margin: 0;
  padding: 0;
  list-style: none; }
  header .navbar__list {
    display: flex;
    align-items: stretch;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1.2px; }
    @media (max-width: 1200px) {
      header .navbar__list {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 24px;
        border-top: 108px solid var(--color-white);
        flex-direction: column;
        background-color: var(--color-white);
        align-items: flex-start;
        justify-content: flex-start;
        gap: 24px;
        display: none;
        z-index: 1;
        overflow: auto; }
        header .navbar__list.open {
          display: flex; } }
  @media (max-width: 1200px) {
    footer .navbar__list {
      flex: 1 1 100%; } }

header .navbar__item {
  display: flex;
  margin-left: 24px;
  align-items: center; }
  @media (max-width: 1200px) {
    header .navbar__item {
      position: relative;
      width: 100%;
      align-items: flex-start;
      flex-direction: column;
      margin-left: 0; }
      header .navbar__item.navbar__item--subnav:after {
        content: '';
        position: absolute;
        top: 4px;
        right: 0;
        width: 12px;
        height: 7px;
        background-image: url("/static/assets/images/arrow-down.svg");
        background-repeat: no-repeat;
        background-size: contain; }
      header .navbar__item.navbar__item--subnav--active:after {
        transform: rotate(180deg); } }
.navbar__item.navbar__item--title {
  margin-bottom: 24px;
  text-transform: uppercase;
  color: var(--color-white);
  font-size: 12px;
  line-height: 17px;
  letter-spacing: 1.2px;
  font-weight: 600; }
  .navbar__item.navbar__item--title a {
    color: var(--color-white);
    text-decoration: none; }
    .navbar__item.navbar__item--title a:hover {
      color: var(--color-white); }

header .navbar__link {
  color: var(--color-black);
  text-decoration: none;
  border-bottom: 2px solid transparent;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1.2px; }
  header .navbar__link--active, header .navbar__link:hover {
    border-color: var(--color-black); }
footer .navbar__link {
  font-size: 13px;
  line-height: 17px;
  color: var(--color-gray-a);
  text-decoration: none; }
  footer .navbar__link:hover {
    color: var(--color-white); }

.subnav {
  display: none;
  position: absolute;
  top: 108px;
  left: 0;
  width: 100%;
  padding: 60px 0;
  background-color: var(--color-white);
  border-top: 2px solid var(--color-black);
  background-image: url("/static/assets/images/frog_half_40.png");
  background-position: right center;
  background-size: fit;
  overflow: auto; }
  @media (min-width: 769px) {
    .navbar__item:hover .subnav {
      display: block; } }
  .subnav.open {
    display: block; }
  @media (max-width: 1200px) {
    .subnav {
      --gutter-x: 24px;
      position: relative;
      top: unset;
      left: unset;
      padding: var(--gutter-x) 0 0;
      border-top-width: 0;
      margin: 0 calc(var(--gutter-x) * -1);
      width: calc(100% + (var(--gutter-x)*2)); } }

.subnav__list {
  margin: 0;
  padding: 0;
  list-style: none; }

.subnav__item {
  margin-bottom: 6px;
  font-size: 16px;
  text-transform: initial;
  font-weight: 400;
  line-height: 22px; }
  .subnav__item--title {
    margin-bottom: 24px;
    padding-top: 6px;
    font-size: 21px;
    line-height: 26px;
    font-weight: 600;
    text-transform: uppercase; }
    @media (max-width: 1200px) {
      .subnav__item--title {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 22px; } }
  .subnav__item--title-hidden {
    opacity: 0; }
    @media (max-width: 1200px) {
      .subnav__item--title-hidden {
        display: none; } }

.subnav__link {
  color: var(--color-gray-7);
  text-decoration: none; }
  .subnav__link:hover, .subnav__item--title:hover {
    color: var(--section-theme-color); }

.hero-off-canvas {
  display: grid;
  grid-template-columns: 1fr 870px 430px 1fr;
  margin-bottom: 60px; }
  @media (max-width: 1399px) {
    .hero-off-canvas {
      grid-template-columns: 60% 40%; } }
  @media (max-width: 1200px) {
    .hero-off-canvas {
      grid-template-columns: 100%; } }

.hero-off-canvas__media {
  grid-column-start: 1;
  grid-column-end: 3;
  align-self: center; }
  @media (max-width: 1399px) {
    .hero-off-canvas__media {
      grid-column-start: 1;
      grid-column-end: 2; } }
  @media (max-width: 1200px) {
    .hero-off-canvas__media {
      grid-column: 1;
      grid-row-start: 2;
      margin-top: 32px; } }

.hero-off-canvas__body {
  grid-column: 3;
  align-self: center;
  padding-left: 24px; }
  @media (max-width: 1399px) {
    .hero-off-canvas__body {
      grid-column: 2; } }
  @media (max-width: 1200px) {
    .hero-off-canvas__body {
      grid-column: 1;
      grid-row-start: 1;
      padding: 0 24px; } }

.hero {
  margin-bottom: 60px; }

.hero__body {
  line-height: 22px;
  color: var(--color-gray-7); }

.hero-wide {
  padding-top: 196px;
  padding-bottom: 196px;
  background-color: var(--color-secondary);
  color: var(--color-white);
  background-image: url("/static/assets/images/frog_half_40.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: fit; }
  .hero-wide__cta {
    margin-top: 32px; }
  .hero-wide--gray {
    background-color: var(--color-gray-a); }
  .hero-wide--danger {
    background-color: var(--color-danger); }
  .hero-wide--perform {
    background-color: var(--color-primary); }

.hero-wide__subtitle {
  margin-bottom: 24px;
  font-size: 30px;
  line-height: 35px; }

footer {
  padding-top: 60px;
  background-color: var(--color-black);
  color: var(--color-gray-a); }
  footer .legal {
    display: flex;
    gap: 24px;
    margin-top: 60px;
    margin-bottom: 24px;
    font-size: 13px; }
    footer .legal a {
      color: var(--color-gray-a);
      text-decoration: none; }
      footer .legal a:hover {
        color: var(--color-white); }

.page-block {
  margin-bottom: var(--page-block-y); }
  .page-block--center {
    text-align: center; }
  .page-block__cta {
    margin-top: 24px; }
  .page-block__badge {
    position: absolute;
    top: 0;
    left: 0; }
    @media (max-width: 1200px) {
      .page-block__badge {
        position: relative;
        top: unset;
        left: unset;
        margin-bottom: 1.5rem; } }

.blockquote:before {
  content: '';
  display: block;
  width: 60px;
  height: 40px;
  margin-bottom: 32px;
  background-image: url("/static/assets/images/quotes.svg");
  background-repeat: no-repeat;
  background-size: contain; }
.blockquote blockquote {
  margin-bottom: 32px;
  font-weight: 600;
  font-size: 21px;
  line-height: 26px; }
.blockquote figcaption {
  font-weight: 600;
  line-height: 22px; }
  .blockquote figcaption cite {
    display: block;
    color: var(--color-gray-7);
    font-weight: 400;
    font-style: normal; }
@media (max-width: 1200px) {
  .blockquote {
    margin-top: 24px; } }

.card {
  position: relative;
  margin-bottom: 24px; }

.card-media {
  margin-bottom: 32px; }

.card-link {
  color: var(--color-black);
  text-decoration: none; }
  .card-link:hover {
    color: var(--color-secondary); }
  .card-link--overlay:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.card-body {
  color: var(--color-gray-7); }

.slick-slider {
  margin: 0 -10px; }

.slick-slide {
  margin: 0 10px; }

.slick-arrow {
  position: absolute;
  top: calc((60px + 32px) * -1);
  width: 60px;
  height: 60px;
  border-radius: 100%;
  border: 1px solid var(--color-black);
  background-color: var(--color-white); }

.slick-prev {
  right: calc(60px + 16px); }
  .slick-prev img {
    transform: rotate(180deg); }

.slick-next {
  right: 0; }

.slick-disabled {
  opacity: 0.2;
  cursor: default !important; }

.btn {
  display: inline-flex;
  align-items: center;
  height: 54px;
  padding-left: 45px;
  padding-right: 45px;
  font-size: 12px;
  border-radius: 29px;
  border: 1px solid transparent;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  letter-spacing: 1.2px; }
  .btn-primary {
    border-color: var(--color-black);
    color: var(--color-black); }
    .btn-primary:hover {
      background-color: var(--color-black);
      color: var(--color-white); }
  .btn-secondary {
    background-color: transparent;
    border-color: var(--color-white);
    color: var(--color-white); }
    .btn-secondary:hover {
      color: var(--color-white); }
  .btn-buy {
    background-color: var(--color-black);
    border-color: var(--color-black);
    color: var(--color-white); }
    .btn-buy:hover {
      color: var(--color-gray-7); }


.schema {
  position: relative;
  margin-top: 24px;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 100%; }
  .schema img {
    transition: opacity 0.3s ease-in-out; }
  @media (max-width: 1399px) {
    .schema {
      /* background-image:url('/images/bullfrog_schema-active.png');
      img:hover {
        opacity:0;
      }*/ } }

.schema-part {
  position: absolute;
  z-index: 3;
  background-size: 100%;
  background-repeat: no-repeat; }
  .schema-part:hover {
    background-position: left top; }

.schema-part-01 {
  /*top:25px;left:23px;
  width:305px;height:92px;*/
  top: 3.602305475504323%;
  left: 1.7692307692307692%;
  width: 23.46153846153846%;
  height: 13.256484149855908%; }
  .schema-part-01:hover {
    background-image: url("/static/images/schema/schema-part-01.png"); }

.schema-part-02 {
  /*top:122px;left:23px;
  width:306px;height:552px;*/
  top: 17.579250720461097%;
  left: 1.7692307692307692%;
  width: 23.53846153846154%;
  height: 79.53890489913545%;
  z-index: 2; }
  .schema-part-02:hover {
    background-image: url("/static/images/schema/schema-part-02.png"); }

.schema-part-mixer {
  /*top:500px;left:197px;
  width:408px;height:174px;*/
  top: 72.04610951008645%;
  left: 15.153846153846153%;
  width: 31.384615384615383%;
  height: 25.072046109510087%;
  z-index: 3; }
  .schema-part-mixer:hover {
    background-image: url("/static/images/schema/schema-part-mixer.png"); }

.schema-part-vcf {
  /*top:122px;left:331px;
  width:274px;height:377px;*/
  top: 17.579250720461097%;
  left: 25.461538461538463%;
  width: 21.076923076923077%;
  height: 54.32276657060518%;
  z-index: 2; }
  .schema-part-vcf:hover {
    background-image: url("/static/images/schema/schema-part-vcf.png"); }

.schema-part-sample-hold {
  /*top:500px;left:887px;
  width:388px;height:174px;*/
  top: 72.04610951008645%;
  left: 68.23076923076923%;
  width: 29.846153846153843%;
  height: 25.072046109510087%;
  z-index: 2; }
  .schema-part-sample-hold:hover {
    background-image: url("/static/images/schema/schema-part-sample-hold.png"); }

.schema-part-env-gen {
  /*top:122px;left:887px;
  width:388px;height:377px;*/
  top: 17.579250720461097%;
  left: 68.23076923076923%;
  width: 29.846153846153843%;
  height: 54.32276657060518%;
  z-index: 2; }
  .schema-part-env-gen:hover {
    background-image: url("/static/images/schema/schema-part-env-gen.png"); }

.schema-part-voicecard {
  /*top:41px;left:453px;
  width:324px;height:34px;*/
  top: 5.9077809798270895%;
  left: 34.84615384615385%;
  width: 24.923076923076923%;
  height: 4.899135446685879%;
  z-index: 2; }
  .schema-part-voicecard:hover {
    background-image: url("/static/images/schema/schema-part-voicecard.png"); }

.schema-part-vca-delay {
  /*top:122px;left:607px;
  width:279px;height:552px;*/
  top: 17.579250720461097%;
  left: 46.69230769230769%;
  width: 21.461538461538463%;
  height: 79.53890489913545%;
  z-index: 2; }
  .schema-part-vca-delay:hover {
    background-image: url("/static/images/schema/schema-part-vca-delay.png"); }

.schema-part-speaker {
  top: 103px;
  left: 537px;
  width: 143px;
  height: 134px;
  top: 14.84149855907781%;
  left: 41.30769230769231%;
  width: 11%;
  height: 19.30835734870317%;
  z-index: 3; }
  .schema-part-speaker:hover {
    background-image: url("/static/images/schema/schema-part-speaker.png"); }

.tooltip {
  max-width: 270px;
  padding: 1rem;
  background-color: var(--color-black);
  border-radius: 20px 20px 20px 0;
  color: var(--color-white);
  box-shadow: 5px 10px 20px #00000033;
  font-size: 13px;
  line-height: 17px; }

#myIframe iframe {
  display: block;
  margin: 0;
  padding: 0;
  border-width: 0;
  min-height: 510px; }

.scroll-down-icon {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  flex-direction: column;
  align-items: center; }
  .scroll-down-icon strong {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
    color: var(--color-black);
    font-weight: 600; }

.list-body {
  margin: 0;
  padding: 0;
  list-style: none; }
  .list-body li {
    margin-bottom: 12px; }
    .list-body li:before {
      content: '';
      display: inline-block;
      width: 7px;
      height: 10px;
      margin-right: 8px;
      background-image: url("/static/assets/images/bullet-ico.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%; }

.content-nav {
  padding: 60px 24px; }

.subnav__list {
  position: relative;
  padding-left: calc(32px + 24px); }

.subnav__item--title {
  text-transform: initial; }
  .subnav__item--title a {
    text-decoration: none; }
    .subnav__list-produce .subnav__item--title a:hover {
      color: var(--color-danger); }

.subnav__list-ico .subnav__item--title a:before {
  content: '';
  display: inline-block;
  position: absolute;
  top: 4px;
  left: 0;
  width: 32px;
  height: 32px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: var(--icon);
}

.subnav__list-ico .subnav__item--title a:hover:before {
  background-image: var(--icon-hover);
}

.anchor {
  position: relative;
  top: -128px;
  display: block;
  opacity: 0;
  width: 0;
  height: 0; }

/*# sourceMappingURL=main.css.map */