@font-face {
  font-family: Majesty;
  src: url('../fonts/Majesty-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Arimo Variablefont Wght;
  src: url('../fonts/Arimo-VariableFont_wght.ttf') format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Nexa;
  src: url('../fonts/Nexa-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: Nexa;
  src: url('../fonts/Nexa-Bold.otf') format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

:root {
  --colors-interface--byflow-black: #333;
  --colors-interface--byflow-blue: #0d99ff;
  --colors-interface--black: black;
  --yellow-green\<deleted\|variable-25a51fcc\>: #a0cd4e;
  --royal-blue\<deleted\|variable-e64a1b1a\>: #546cc3;
  --navbar-height: 54px;
  --colors-brand--byflow-red: #fa3343;
  --colors-interface--byflow-cream: #fcf9f6;
  --medium: 654px;
  --default-border-radius: 6px;
  --large: 980px;
  --colors-brand--choco-background: #835d49;
  --colors-interface--white-smoke: whitesmoke;
  --colors-interface--white: #fff;
  --colors-interface--dark-slate-grey: #3f3f3f;
  --container: 1200px;
  --steel-blue\<deleted\|variable-2bd2c34a\>: #0079e3;
  --medium-border-radius: 10px;
  --colors-interface--byflow-beige: #ede1d5;
  --colors-interface--byflow-grey: #f1f1f1;
  --colors-interface--button-hover: #c2c2c2;
  --container-large: 1380px;
  --colors-interface--border-dark: #0000001a;
  --larger-border-radius: 20px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-backgroundvideo-backgroundvideoplaypausebutton:focus-visible {
  outline-offset: 2px;
  border-radius: 50%;
  outline: 2px solid #3b79c3;
}

.w-commerce-commercecheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercelayoutcontainer {
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.w-commerce-commercelayoutmain {
  flex: 0 800px;
  margin-right: 20px;
}

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  height: 38px;
  min-height: 30px;
  margin-bottom: 8px;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartapplepayicon {
  width: 100%;
  height: 50%;
  min-height: 20px;
}

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  height: 38px;
  margin-bottom: 8px;
  padding: 0 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
  margin-right: 8px;
  display: block;
}

.w-commerce-commercecheckoutcustomerinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutblockcontent {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 20px;
}

.w-commerce-commercecheckoutlabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutemailinput {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutemailinput::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutemailinput:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingaddresswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutrow {
  margin-left: -8px;
  margin-right: -8px;
  display: flex;
}

.w-commerce-commercecheckoutcolumn {
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
}

.w-commerce-commercecheckoutshippingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutshippingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutshippingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutshippingmethodswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutshippingmethodslist {
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
}

.w-commerce-commercecheckoutshippingmethoditem {
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
  padding: 16px;
  font-weight: 400;
  display: flex;
}

.w-commerce-commercecheckoutshippingmethoddescriptionblock {
  flex-direction: column;
  flex-grow: 1;
  margin-left: 12px;
  margin-right: 12px;
  display: flex;
}

.w-commerce-commerceboldtextblock {
  font-weight: 700;
}

.w-commerce-commercecheckoutshippingmethodsemptystate {
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  padding: 64px 16px;
}

.w-commerce-commercecheckoutpaymentinfowrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutcardnumber {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardnumber::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardexpirationdate {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardexpirationdate::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutcardsecuritycode {
  -webkit-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutcardsecuritycode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingaddresstogglewrapper {
  flex-direction: row;
  display: flex;
}

.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
  margin-top: 4px;
}

.w-commerce-commercecheckoutbillingaddresstogglelabel {
  margin-left: 8px;
  font-weight: 400;
}

.w-commerce-commercecheckoutbillingaddresswrapper {
  margin-top: 16px;
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutbillingfullname {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingfullname::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingfullname:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddress {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddress:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcity {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcity::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcity:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingstateprovince {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingstateprovince::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingstateprovince:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingzippostalcode {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingzippostalcode:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutbillingcountryselector {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 100%;
  height: 38px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

.w-commerce-commercecheckoutbillingcountryselector::placeholder {
  color: #999;
}

.w-commerce-commercecheckoutbillingcountryselector:focus {
  border-color: #3898ec;
  outline-style: none;
}

.w-commerce-commercecheckoutorderitemswrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryblockheader {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  justify-content: space-between;
  align-items: baseline;
  padding: 4px 20px;
  display: flex;
}

.w-commerce-commercecheckoutorderitemslist {
  margin-bottom: -20px;
}

.w-commerce-commercecheckoutorderitem {
  margin-bottom: 20px;
  display: flex;
}

.w-commerce-commercecartitemimage {
  width: 60px;
  height: 0%;
}

.w-commerce-commercecheckoutorderitemdescriptionwrapper {
  flex-grow: 1;
  margin-left: 16px;
  margin-right: 16px;
}

.w-commerce-commercecheckoutorderitemquantitywrapper {
  white-space: pre-wrap;
  display: flex;
}

.w-commerce-commercecheckoutorderitemoptionlist {
  margin-bottom: 0;
  padding-left: 0;
  text-decoration: none;
  list-style-type: none;
}

.w-commerce-commercelayoutsidebar {
  flex: 0 0 320px;
  position: sticky;
  top: 20px;
}

.w-commerce-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 8px;
  display: flex;
}

.w-commerce-commercecheckoutsummarytotal {
  font-weight: 700;
}

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  align-items: center;
  margin-bottom: 20px;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commercepaypalcheckoutformcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutcustomerinfosummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
  margin-bottom: 8px;
}

.w-commerce-commercecheckoutsummaryflexboxdiv {
  flex-direction: row;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecheckoutsummarytextspacingondiv {
  margin-right: .33em;
}

.w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

.w-commerce-commercepaypalcheckouterrorstate {
  background-color: #ffdede;
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 10px 16px;
}

.w-commerce-commerceorderconfirmationcontainer {
  background-color: #f5f5f5;
  width: 100%;
  min-height: 100vh;
  padding: 20px;
}

.w-commerce-commercecheckoutshippingsummarywrapper {
  margin-bottom: 20px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }

  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

  .w-commerce-commercelayoutmain {
    flex-basis: auto;
    margin-right: 0;
  }

  .w-commerce-commercelayoutsidebar {
    flex-basis: auto;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

  .w-commerce-commercecheckoutrow {
    flex-direction: column;
  }

  .w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
    font-size: 16px;
  }
}

body {
  color: #121212;
  background-color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

h1 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.3;
  display: block;
}

h2 {
  color: #2c2b2b;
  margin-top: auto;
  margin-bottom: auto;
  font-family: Raleway;
  font-size: 16px;
  font-weight: 500;
  line-height: 30px;
}

h3 {
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
}

h4 {
  color: #3f3f3f;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Raleway;
  font-size: 19px;
  font-weight: 700;
  line-height: 30px;
}

h5 {
  color: #3f3f3f;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  font-family: Raleway;
  font-size: 28px;
  font-weight: 600;
  line-height: 28px;
}

h6 {
  color: var(--colors-interface--byflow-black);
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 26px;
}

p {
  color: #3f3f3f;
  margin-bottom: 10px;
  font-family: Raleway;
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}

a {
  color: var(--colors-interface--byflow-blue);
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  line-height: 1.4;
  text-decoration: none;
}

ul {
  color: #767676;
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: Lora;
  font-style: italic;
  font-weight: 400;
}

label {
  color: var(--colors-interface--black);
  text-align: left;
  letter-spacing: 0;
  margin-bottom: 12px;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}

blockquote {
  color: #929292;
  text-transform: none;
  border-left: 2px solid #d4d4d4;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0 20px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-style: italic;
  font-weight: 300;
  line-height: 34px;
}

.navigation-style-3 {
  background-color: #fff;
  display: block;
}

.nav-link {
  float: none;
  color: #000;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 37px 9px 35px;
  font-family: Nexa, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
  transition: all .4s;
  display: inline-block;
  position: static;
  bottom: 0;
  left: 39px;
  right: 0;
  overflow: visible;
}

.nav-link:hover {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
  font-weight: 700;
}

.nav-link:active {
  font-weight: 700;
}

.nav-link:focus {
  color: #3f3f3f;
  font-weight: 700;
}

.nav-link.w--current {
  color: #3f3f3f;
  letter-spacing: 3px;
  font-family: Nexa, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 700;
  position: static;
}

.nav-link.w--current:hover {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
}

.nav-link.w--open {
  color: #3f3f3f;
  font-weight: 700;
}

.nav-link.dropdown {
  padding-left: 15px;
  padding-right: 20px;
  display: none;
}

.nav-link.white {
  color: #fff;
}

.nav-link.en {
  border: 1px solid var(--yellow-green\<deleted\|variable-25a51fcc\>);
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
  border-radius: 3px;
  margin-top: 35px;
  margin-left: 10px;
  padding: 2px 5px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  display: inline-block;
}

.nav-link.en.higher {
  border-color: var(--colors-interface--black);
  color: var(--colors-interface--black);
  border-radius: 20px;
  margin-top: 27px;
  padding: 10px 15px;
  font-family: Raleway;
  font-size: 13px;
  font-weight: 600;
}

.nav-link.en.higher.disappear, .nav-link.en.higher.disappear.w--current {
  display: none;
}

.nav-link.first {
  letter-spacing: 3px;
  font-size: 13px;
  font-style: normal;
}

.nav-link.first.w--current {
  margin-left: 0;
}

.nav-link.july {
  float: none;
  letter-spacing: 1px;
  margin-right: 0;
  padding-left: 12px;
  padding-right: 12px;
  font-family: Poppins;
  font-size: 16px;
  font-weight: 300;
}

.nav-link.july:hover {
  color: var(--royal-blue\<deleted\|variable-e64a1b1a\>);
  font-style: normal;
  font-weight: 300;
  transform: translate(0, -2px);
}

.nav-link.july.nocapital {
  height: var(--navbar-height);
  color: var(--colors-interface--black);
  text-transform: none;
  padding-top: 20px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 500;
  transition-duration: .25s;
}

.nav-link.july.nocapital:hover {
  font-style: normal;
  font-weight: 500;
  transform: translate(2px);
}

.nav-link.july.nocapital.disappear._2 {
  font-size: 14px;
  display: inline;
}

.nav-link.july.nocapital.less-low {
  letter-spacing: -.01em;
  margin-left: 12px;
  margin-right: 12px;
  padding: 18px 3px 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  transition-property: none;
}

.nav-link.july.nocapital.less-low:hover {
  border-bottom: 2px solid #000;
  transform: none;
}

.nav-link.july.nocapital.less-low._1 {
  display: none;
}

.nav-link.july.nocapital._2 {
  letter-spacing: 0;
  margin-left: 12px;
  margin-right: 12px;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 14px;
  transition-property: none;
}

.nav-link.july.nocapital._2:hover {
  border: 0 solid #000;
  border-bottom-width: 2px;
  transform: none;
}

.nav-link.july.nocapital._2.w--current {
  letter-spacing: 0;
  font-size: 14px;
}

.nav-link.july.nocapital._2.w--current:hover {
  transform: none;
}

.nav-link.july.nocapital._2.nav-tech {
  display: none;
}

.dropdown-arrow {
  margin-top: 41px;
  margin-right: 6px;
  font-size: 10px;
}

.logo-brand {
  margin-top: 17px;
}

.logo-brand.no-margin {
  margin-top: 0;
}

.logo-brand.scroll {
  margin-top: 16px;
}

.nav-menu-style-2 {
  float: none;
  text-align: center;
}

.align-center {
  text-align: left;
  position: static;
  top: -40px;
}

.align-center.ingredients {
  margin-top: 37px;
}

.top-logo {
  text-align: center;
  padding-top: 30px;
}

.top-navigation {
  border-bottom: 1px solid #ededed;
  padding-top: 20px;
  padding-bottom: 20px;
  display: none;
}

.top-left-text {
  color: #767676;
  margin-right: 15px;
  font-family: Lora;
  font-style: italic;
  font-weight: 400;
  line-height: 32px;
  display: inline-block;
}

.align-right {
  text-align: right;
}

.social-icon {
  opacity: .6;
  background-image: url('/media/website/images/font-awesome_4-7-0_facebook_100_0_313131_none-2_1font-awesome_4-7-0_facebook_100_0_313131_none (2).png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-right: 5px;
  transition: all .4s;
}

.social-icon:hover {
  opacity: 1;
}

.social-icon.twitter {
  background-image: url('/media/website/images/font-awesome_4-7-0_twitter_100_0_313131_none-1_1font-awesome_4-7-0_twitter_100_0_313131_none (1).png');
  background-size: 16px;
}

.social-icon.google {
  background-image: url('/media/website/images/font-awesome_4-7-0_google_100_0_313131_none_1font-awesome_4-7-0_google_100_0_313131_none.png');
  background-size: 16px;
}

.social-icon.insta {
  background-image: url('/media/website/images/font-awesome_4-7-0_instagram_100_0_313131_none_1font-awesome_4-7-0_instagram_100_0_313131_none.png');
  background-size: 18px;
}

.social-icon.white {
  background-image: url('/media/website/images/font-awesome_4-7-0_facebook_100_0_ffffff_none-1_1font-awesome_4-7-0_facebook_100_0_ffffff_none (1).png');
  background-size: 16px;
}

.social-icon.white.twitter {
  background-image: url('/media/website/images/font-awesome_4-7-0_twitter_100_0_ffffff_none-1_1font-awesome_4-7-0_twitter_100_0_ffffff_none (1).png');
  background-size: 16px;
}

.social-icon.white.twitter.color {
  opacity: 1;
  background-color: #55acee;
  border-radius: 6px;
  width: 40px;
  height: 40px;
}

.social-icon.white.insta {
  background-image: url('/media/website/images/font-awesome_4-7-0_instagram_100_0_ffffff_none-1_1font-awesome_4-7-0_instagram_100_0_ffffff_none (1).png');
  background-size: 18px;
}

.social-icon.white.insta.color {
  opacity: 1;
  background-color: #32506d;
  border-radius: 6px;
  width: 40px;
  height: 40px;
}

.social-icon.white.google {
  background-image: url('/media/website/images/font-awesome_4-7-0_google_100_0_ffffff_none_1font-awesome_4-7-0_google_100_0_ffffff_none.png');
  background-size: 16px;
}

.social-icon.white.google.color {
  opacity: 1;
  background-color: #cb2027;
  border-radius: 6px;
  width: 40px;
  height: 40px;
}

.social-icon.white.facebook-color {
  opacity: 1;
  background-color: #3b5998;
  border-radius: 6px;
  width: 40px;
  height: 40px;
}

.navigation-style-4 {
  background-color: #fff;
  padding-left: 20px;
  padding-right: 20px;
}

.social-navigation {
  float: right;
  position: relative;
  top: 30px;
}

.nav-menu-style-6 {
  float: left;
}

.button {
  background-color: var(--colors-brand--byflow-red);
  color: #fff;
  letter-spacing: 0;
  text-transform: none;
  cursor: pointer;
  border-radius: 200px;
  height: 50px;
  padding: 9px 24px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4em;
  text-decoration: none;
}

.button:hover {
  background-color: var(--colors-brand--byflow-red);
  opacity: .8;
}

.button.other-color {
  float: none;
  text-align: center;
  background-color: #3f3f3f;
  margin-top: 16px;
  display: inline-block;
  position: relative;
  right: 0;
}

.button.other-color:hover {
  background-color: #5f79d8;
}

.button.other-color.full {
  background-color: #404042;
  width: 100%;
  margin-top: 0;
  font-family: Nexa, sans-serif;
  position: static;
}

.button.other-color.full.gradient {
  background-image: linear-gradient(45deg, var(--royal-blue\<deleted\|variable-e64a1b1a\>), #c35466);
}

.button.other-color.full.gradient.in-pasword {
  float: left;
  background-image: none;
  width: 30%;
}

.button.other-color.full.gradient.black {
  background-color: #212127;
  background-image: none;
}

.button.other-color.full.land {
  background-color: #22aac4;
  border-radius: 8px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 9px;
  padding-bottom: 9px;
}

.button.other-color.in-intro {
  float: right;
  background-color: #404042;
  flex: 0 auto;
  justify-content: center;
  margin-top: 27px;
  margin-left: 11px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 15px;
  display: block;
  position: absolute;
  top: 0;
  right: 60px;
}

.button.other-color.in-intro.download-gcode {
  float: none;
  background-color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
  border-radius: 3px;
  width: 250px;
  margin: 34px auto 40px;
  padding-top: 16px;
  padding-left: 20px;
  padding-right: 20px;
  font-style: normal;
  display: block;
  position: static;
}

.button.other-color.in-intro.ingredients-link {
  float: none;
  clear: none;
  width: 350px;
  margin: 42px auto 24px;
  display: block;
  position: static;
}

.button.other-color.gradient {
  background-image: linear-gradient(45deg, var(--royal-blue\<deleted\|variable-e64a1b1a\>), #c35466);
}

.button.dark {
  background-color: #3f3f3f;
  margin-top: 15px;
  font-style: normal;
  transition: all .3s;
}

.button.dark:hover {
  background-color: #414141;
}

.navigation-style-6 {
  background-color: #0000;
  padding-left: 30px;
  padding-right: 30px;
}

.section {
  background-color: #fff;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.section.gray {
  background-color: var(--colors-interface--byflow-cream);
  margin-top: 0;
  padding-top: 50px;
  padding-bottom: 0;
  display: block;
  position: static;
  top: 0;
}

.section.color {
  background-color: var(--royal-blue\<deleted\|variable-e64a1b1a\>);
  padding: 140px 20px;
}

.section.color.more {
  background-color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
  padding-top: 50px;
  padding-bottom: 180px;
  top: 0;
}

.section.color.more.password-background {
  background-color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
}

.section.light-grey-bg {
  background-color: #fafafa;
  height: 95.3vh;
  display: block;
  overflow: visible;
}

.top-title {
  z-index: 1;
  text-align: center;
  width: 100%;
  margin-bottom: 20px;
  display: block;
  position: relative;
}

.top-title.less {
  margin-top: 25px;
  margin-bottom: 30px;
}

.top-title.contact {
  margin-bottom: 34px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 62px;
  display: block;
  position: static;
  top: 0;
  left: 40%;
}

.top-title.blog {
  margin-bottom: 0;
}

.sub-text {
  float: none;
  color: #767676;
  text-align: center;
  text-transform: none;
  flex-direction: row;
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  display: none;
  position: relative;
  inset: 9px 0 0;
}

.sub-text.white {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 20px;
  margin-left: 30px;
  margin-right: 30px;
  font-size: 21px;
  font-style: italic;
  text-decoration: none;
  display: block;
}

.sub-text.date-blog {
  max-width: var(--medium);
  color: #0009;
  text-align: left;
  margin-top: 0;
  margin-bottom: 18px;
  padding-top: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4em;
  display: block;
}

.sub-text.sorted-by {
  color: #3f3f3f;
  font-family: Raleway;
  font-size: 18px;
  font-style: italic;
  font-weight: 600;
  display: none;
  position: static;
  top: 74px;
}

.sub-text.sorted-by.categories {
  margin-bottom: 3px;
  padding-bottom: 0;
}

.container-fluid {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  font-family: Nexa, sans-serif;
  display: flex;
  position: static;
  left: -2px;
}

.container-fluid.media-title {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 48px;
  padding-bottom: 90px;
}

.container-fluid.v2 {
  background-color: #0000;
}

.container-fluid.v2.center-users, .container-fluid.colection {
  justify-content: center;
}

.container-fluid.center-users {
  justify-content: center;
  align-items: center;
}

.top-margin {
  background-color: #fff;
  display: block;
  position: static;
}

.top-margin.less {
  background-color: #0000;
  justify-content: space-around;
  width: 90%;
  height: 100px;
  margin-top: 5px;
  padding-left: 0;
  display: block;
  position: relative;
}

.top-margin.less.more {
  margin-top: 30px;
}

.top-margin.less.narrow {
  color: #902222;
  margin-top: 30px;
  margin-left: 50px;
  margin-right: 50px;
  font-size: 30px;
  display: block;
  position: static;
}

.top-margin.less.narrow.new {
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  font-family: Montserrat, sans-serif;
}

.top-margin.more {
  margin-top: 86px;
  font-family: Nexa, sans-serif;
  display: inline;
}

.small-divider {
  background-color: #a0cd4e;
  width: 50px;
  height: 2px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.small-divider.blog {
  max-width: var(--medium);
  color: #9b2d2d;
  background-color: #dcd8d8;
  width: 100%;
  height: 1px;
  margin-top: 27px;
  margin-bottom: 30px;
  position: static;
  top: 13px;
  left: -273px;
}

.small-divider.ingredients {
  margin-top: 67px;
  margin-bottom: 14px;
}

.small-divider.after-ingredients {
  margin-top: 36px;
}

.paragraph {
  color: #414141;
  letter-spacing: 1px;
  text-transform: none;
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.paragraph.pricing {
  background-color: #0000;
  font-size: 16px;
  line-height: 30px;
}

.paragraph.pricing.deal {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
  font-family: Nexa, sans-serif;
  font-weight: 700;
}

.paragraph.pricing.popup {
  margin-bottom: 5px;
  line-height: 30px;
}

.paragraph.in-dollar {
  color: #121212;
  font-size: 30px;
  font-weight: 300;
  line-height: 30px;
  display: inline-block;
  position: relative;
  top: -17px;
  left: -10px;
}

.paragraph.copyright {
  font-size: 14px;
}

.paragraph.copyright.whiter {
  color: #ffffffb3;
  line-height: 36px;
}

.paragraph.copyright.style-5 {
  background-color: #0000;
  line-height: 40px;
}

.paragraph.white {
  color: #fff;
}

.paragraph.white.in-footer {
  color: #fffc;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 30px;
}

.paragraph.text-field {
  background-color: #fff;
  border: 1px #000;
  height: 56px;
  padding-left: 14px;
  font-family: Nexa, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.paragraph.text-field:hover, .paragraph.text-field:focus {
  background-color: #fafafa;
}

.paragraph.text-field.in-password {
  float: left;
  width: 70%;
}

.paragraph.text-field.area {
  border-style: none;
  border-color: #8a8a8a;
  height: auto;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 50px;
}

.paragraph.text-field.area.smaller {
  margin-bottom: 10px;
  padding-bottom: 20px;
}

.paragraph.text-field.area.landing {
  height: 100px;
  font-size: 17px;
}

.paragraph.text-field.second {
  background-color: #f8f8f8;
}

.paragraph.text-field.second:hover, .paragraph.text-field.second:focus {
  background-color: #f5f5f5;
}

.paragraph.text-field.landing {
  background-color: #f5f5f5;
  border-radius: 8px;
  height: 45px;
}

.paragraph.form-text {
  color: #fff;
  font-family: Lora;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}

.heading-white {
  color: #fff;
  text-align: center;
  position: relative;
}

.link {
  color: #313131;
  cursor: pointer;
  text-decoration: none;
}

.link:hover {
  text-decoration: underline;
}

.link.white {
  color: #fff;
}

.pricing-style-1-wrapper {
  text-align: center;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  padding: 45px 30px;
  display: block;
}

.pricing-style-1-wrapper.style-2 {
  opacity: 1;
  background-color: #fff;
}

.pricing-style-1-wrapper.style-2.first {
  opacity: .31;
}

.pricing-style-1-wrapper.style-2.first.basic {
  opacity: 1;
  border: 1px solid #e1e1e1;
  width: auto;
  margin-bottom: 21px;
  margin-left: 30%;
  margin-right: 30%;
  padding-top: 45px;
  padding-bottom: 45px;
  display: block;
}

.biger {
  color: #121212;
  letter-spacing: 2px;
  font-size: 43px;
  font-weight: 600;
  line-height: 60px;
  position: relative;
}

.biger.deal-regular-price {
  margin-top: -3px;
  margin-bottom: -12px;
  font-size: 22px;
  text-decoration: line-through;
}

.biger.deal-regular-price.popup {
  color: #757575;
  margin-top: -15px;
  margin-bottom: -24px;
  padding-top: 0;
}

.biger.deal {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
}

.biger.deal.popup {
  font-size: 35px;
}

.biger.special-offer-title {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
  text-align: center;
  margin-top: 46px;
}

.biger.special-offer-title.popup {
  margin-top: 3px;
  padding-top: 27px;
}

.pricing-line {
  background-color: #e1e1e1;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 25px;
}

.footer {
  padding-top: 80px;
  padding-bottom: 60px;
}

.social-long {
  float: left;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed;
  width: 25%;
  height: 120px;
  transition: all .4s;
}

.social-long.facebook {
  background-image: url('/media/website/images/font-awesome_4-7-0_facebook_100_0_313131_none-2_1font-awesome_4-7-0_facebook_100_0_313131_none (2).png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
}

.social-long.facebook:hover {
  background-color: #3b5998;
  background-image: url('/media/website/images/font-awesome_4-7-0_facebook_100_0_ffffff_none-1_1font-awesome_4-7-0_facebook_100_0_ffffff_none (1).png');
  background-size: 30px;
}

.social-long.twitter {
  background-image: url('/media/website/images/font-awesome_4-7-0_twitter_100_0_313131_none-1_1font-awesome_4-7-0_twitter_100_0_313131_none (1).png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
}

.social-long.twitter:hover {
  background-color: #2aa9e6;
  background-image: url('/media/website/images/font-awesome_4-7-0_twitter_100_0_ffffff_none-1_1font-awesome_4-7-0_twitter_100_0_ffffff_none (1).png');
  background-size: 30px;
}

.social-long.insta {
  background-image: url('/media/website/images/font-awesome_4-7-0_instagram_100_0_313131_none_1font-awesome_4-7-0_instagram_100_0_313131_none.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.social-long.insta:hover {
  background-image: url('/media/website/images/font-awesome_4-7-0_instagram_100_0_ffffff_none-1_1font-awesome_4-7-0_instagram_100_0_ffffff_none (1).png'), linear-gradient(45deg, #112be9, #6736e6 28%, #ee9e54);
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 32px, auto;
}

.social-long.google {
  background-image: url('/media/website/images/vimeo_black.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 30px;
  border-right-style: none;
  transition: all .4s;
}

.social-long.google:hover {
  background-color: #2aa9e6;
  background-image: url('/media/website/images/vimeo_white.png');
  background-size: 30px;
}

.social-long.no-bottom-line {
  border-bottom-style: none;
}

.copyright {
  font-size: 15px;
}

.portfolio-overlay {
  z-index: 1;
  background-color: #546cc3f2;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: 0;
}

.portfolio-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
}

.column-without-padding {
  padding-left: 0;
  padding-right: 0;
  position: relative;
  bottom: 0;
  right: 0;
}

.footer-style-2 {
  background-color: var(--royal-blue\<deleted\|variable-e64a1b1a\>);
  border-top: 1px solid #ffffff1c;
  padding-top: 80px;
  padding-bottom: 30px;
}

.footer-brand {
  margin-bottom: 30px;
}

.line-divider {
  background-color: #ffffff1c;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.line-divider.more-margin {
  margin-top: 50px;
}

.footer-title {
  color: #fff;
  letter-spacing: 2px;
  margin-bottom: 30px;
  font-size: 13px;
  font-weight: 500;
}

.left-padding {
  padding-right: 50px;
}

.footer-style-3 {
  padding-top: 60px;
  padding-bottom: 40px;
}

.logo-footer {
  margin-right: 30px;
}

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

.email-link {
  color: #fff;
  border-bottom: 2px solid #fff;
  display: inline-block;
}

.email-link:hover {
  border-bottom-style: solid;
  border-bottom-color: #0000;
}

.email-link.in-footer {
  text-decoration: none;
}

.team-overlay {
  color: #fff;
  text-align: center;
  background-image: linear-gradient(to top, #000, #00000063);
  position: absolute;
  inset: 0;
}

.team-content {
  position: absolute;
  bottom: 20px;
  left: 30px;
  right: 30px;
}

.success-message {
  color: #121212;
  background-color: #0000;
  padding: 0;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.error-message {
  border-radius: var(--default-border-radius);
  opacity: .8;
  text-align: center;
  background-color: #ffdede;
  padding: 12px;
}

.footer-style-5 {
  padding-top: 30px;
  padding-bottom: 20px;
}

.go-top {
  opacity: .25;
  background-image: url('/media/website/images/arrow-up-inside-a-circular-button-.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 38px;
  width: 40px;
  height: 40px;
}

.go-top:hover {
  opacity: .5;
}

.footer-style-6 {
  background-color: #212127;
  padding-top: 80px;
  padding-bottom: 40px;
}

.subscribe-wrapper {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.navigation-style-7 {
  background-color: #0000;
  border-bottom: 1px solid #d8d8d8;
  padding-left: 30px;
  padding-right: 30px;
}

.toggle-icon {
  float: right;
  background-image: url('/media/website/images/down-arrow-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 12px;
  width: 18px;
  height: 18px;
  position: relative;
  right: 10px;
}

.toggle-content {
  overflow: hidden;
}

._404-icon {
  background-image: url('/media/website/images/browser-4.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90px;
  height: 90px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.lock {
  margin-bottom: 30px;
}

.pasword-wrapper {
  width: 60%;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blog-content {
  padding: 20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.blog-post {
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.blog-post.new {
  max-width: var(--large);
  margin-top: 10px;
}

.image-rounded {
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.image-rounded.blog-image {
  border-radius: 20px;
  width: auto;
  height: auto;
  margin-left: 50px;
  margin-right: 50px;
}

.form-wrapper {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.form-wrapper.in-column {
  width: 50%;
}

.dropdown-list.w--open {
  background-color: #212127;
  width: 400px;
  padding: 15px;
}

.dropdown-list.normal.w--open {
  width: auto;
}

.dropdown-list.second.w--open {
  width: 550px;
}

.dropdown-link {
  color: #969696;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  padding: 10px 20px;
  font-size: 11px;
  font-weight: 500;
  transition: all .2s;
}

.dropdown-link:hover {
  color: #fff;
  transform: translate(5px);
}

.dropdown-link.w--current {
  color: #f1f1f1;
}

.alert-remove-first {
  color: #de5959;
  background-color: #ffe9e9;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.alert-remove-second {
  color: #5f9025;
  background-color: #ebf6e0;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.alert-remove-third {
  color: #8f872e;
  background-color: #fbfadd;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.alert-remove-four {
  color: #4587a9;
  background-color: #e9f7fe;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.color {
  background-color: var(--royal-blue\<deleted\|variable-e64a1b1a\>);
  color: #fff;
  padding: 2px 4px;
}

.nav-menu {
  float: right;
  background-color: #0000;
  width: auto;
  font-size: 14px;
  display: block;
  top: 10px;
}

.scroll-navigation {
  z-index: 1100;
  background-color: #fff;
  width: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 5px 20px #0000001a;
}

.contact-pop-up-1 {
  z-index: 100;
  background-color: #546cc3fc;
  padding: 50px 20px 20px;
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.close-button {
  opacity: .4;
  cursor: pointer;
  background-image: url('/media/website/images/error.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 45px;
  width: 50px;
  height: 50px;
  transition: all .4s;
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
}

.close-button:hover {
  opacity: 1;
}

.contact-pop-up-2 {
  z-index: 9999;
  background-color: #000000d9;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
}

.pop-up-wrapper {
  background-color: #fff;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 50%;
  left: 0;
  right: 0;
  overflow: visible;
  transform: translate(0, -50%);
}

.remove-pop-up {
  opacity: .2;
  cursor: pointer;
  background-image: url('/media/website/images/error-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 45px;
  width: 45px;
  height: 45px;
  transition: opacity .4s;
  position: absolute;
  top: 10px;
  right: 10px;
}

.remove-pop-up:hover {
  opacity: .6;
}

.remove-pop-up.in-subscribe {
  background-image: url('/media/website/images/multiply.svg');
  background-size: 17px;
}

.row {
  height: 440px;
}

.left-pop-up {
  padding: 60px 30px;
}

.pop-up-image-wrapper {
  background-image: url('/media/website/images/seco-nd.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 440px;
}

.tooltip {
  background-color: var(--royal-blue\<deleted\|variable-e64a1b1a\>);
  border-radius: 100%;
  width: 40px;
  height: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.valid-until {
  color: #6e6e6e;
  text-align: center;
  margin-top: 1px;
  margin-bottom: 10px;
  font-family: Nexa, sans-serif;
  font-weight: 300;
}

.valid-until.popup {
  color: #8c8c8c;
  margin-bottom: 20px;
  font-weight: 300;
}

.div-block-8 {
  display: block;
}

.icon-13 {
  display: none;
  position: relative;
  top: -18px;
  right: -29px;
}

.dropdown-menu {
  color: #3f3f3f;
  letter-spacing: 2px;
  background-color: #fff;
  border: 0 solid #3f3f3f;
  font-family: Nexa, sans-serif;
  font-style: normal;
  font-weight: 300;
  top: 1px;
}

.dropdown-menu:hover {
  color: var(--royal-blue\<deleted\|variable-e64a1b1a\>);
}

.dropdown-menu.resellers-drop, .dropdown-menu.resellers-drop.w--current, .dropdown-list-2 {
  display: none;
}

.dropdown-list-2.w--open {
  position: absolute;
  top: 68px;
}

.heading-17 {
  font-size: 29px;
}

.heading-17.ingredients {
  letter-spacing: 5px;
  margin-bottom: 20px;
  font-size: 26px;
}

.container-fluid-manual {
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  font-family: Nexa, sans-serif;
  display: block;
  position: static;
}

.manual-header {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 33px;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: static;
}

.manual-category-header {
  float: none;
  color: #afafaf;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: block;
  position: static;
}

.manual-header-image {
  float: none;
  height: 250px;
  display: block;
  overflow: hidden;
}

.right-padding-manual {
  padding-left: 50px;
}

.right-padding-manual.on-tab {
  padding-top: 5%;
  padding-left: 7%;
  padding-right: 7%;
}

.tab-logo-2 {
  opacity: .6;
  text-align: center;
  background-color: #0000;
  background-image: url('/media/website/images/partner3-w.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 120px;
  width: 20%;
  min-height: 100px;
  transition: all .4s;
}

.tab-logo-2:hover {
  opacity: 1;
}

.tab-logo-2.w--current {
  opacity: 1;
  background-color: #0000;
}

.tab-logo-2.logo-2 {
  background-image: url('/media/website/images/partner7-w.png');
  background-size: 120px;
}

.tab-logo-2.logo-2.w--current {
  background-color: #0000;
}

.tab-logo-2.logo-2.dark-2 {
  background-image: url('/media/website/images/imageedit_8_7678663785.png');
  background-position: 50%;
  background-size: contain;
}

.tab-logo-2.logo-2.dark-2.chocotales {
  background-image: url('/media/website/images/imageedit_9_4251881254.png');
}

.tab-logo-2.logo-3.dark-3.radboud-uni {
  background-image: url('/media/website/images/imageedit_4_9456833804.png');
  background-position: 50%;
  background-size: auto;
  position: static;
  left: -21px;
}

.tab-logo-2.dark {
  background-image: url('/media/website/images/imageedit_2_8028273982.png');
  background-size: contain;
  border-radius: 15px;
  padding-left: 0;
}

.tab-logo-2.logo-3 {
  background-image: url('/media/website/images/partner1-2.png');
  background-size: 35px;
}

.tab-logo-2.logo-3.dark-3 {
  background-image: url('/media/website/images/Radboud.png');
  background-size: cover;
}

.tab-logo-2.logo-3.dark-3.radboud-uni {
  background-image: url('/media/website/images/imageedit_4_9456833804.png');
  background-position: 50%;
  background-size: auto;
  position: static;
  left: -21px;
}

.tab-logo-2.logo-3.dark-3.radboud-uni.maassen {
  background-image: url('/media/website/images/imageedit_5_8005235845.png');
  background-size: contain;
}

.tab-logo-2.dark {
  background-image: url('/media/website/images/imageedit_2_8028273982.png');
  background-size: contain;
  border-radius: 15px;
  padding-left: 0;
}

.tab-logo-2.dark.deseo {
  background-image: url('/media/website/images/deseo-logo.png');
}

.tab-logo-2.logo-4 {
  background-image: url('/media/website/images/partner5-w.png');
  background-size: 150px;
}

.tab-logo-2.logo-4.dark-4 {
  background-image: url('/media/website/images/winery.png');
  background-size: contain;
  position: static;
  left: -19px;
}

.tab-logo-2.logo-4.dark-4.christiaan {
  background-image: url('/media/website/images/imageedit_7_9245363929.png');
  background-size: cover;
}

.navbar {
  float: none;
  position: relative;
}

.nav-menu-2 {
  float: none;
  background-color: #fff;
  position: relative;
}

.row-7 {
  background-color: #fff;
  width: 950px;
  height: 95.3vh;
  margin-left: auto;
  margin-right: auto;
  position: static;
}

.column-12 {
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.column-13 {
  border-left: 1px solid #f2f2f2;
  height: 100%;
  padding-left: 0;
  padding-right: 0;
  overflow: scroll;
}

.nav-link-2 {
  letter-spacing: 1px;
  background-color: #0000;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  font-size: 15px;
  font-weight: 700;
  display: block;
}

.nav-link-2:hover {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
}

.nav-link-2:focus {
  background-color: #f2f2f2;
}

.dropdown-toggle-2 {
  float: none;
  letter-spacing: 1px;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 18px;
  padding-bottom: 12px;
  padding-left: 18px;
  font-size: 15px;
  display: block;
}

.dropdown-toggle-2:hover {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
}

.icon-16 {
  float: none;
}

.dropdown-2 {
  display: block;
}

.dropdown-list-3 {
  background-color: #0000;
  display: none;
  position: relative;
}

.dropdown-link-2 {
  color: #707070;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-left: 36px;
  font-size: 12px;
  display: block;
}

.dropdown-link-2:hover {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
  font-weight: 700;
}

.recipes-email-request {
  color: #fff;
}

.mobile {
  display: none;
}

.image-120 {
  float: none;
  text-align: center;
  width: 100%;
  max-height: 500px;
  display: inline-block;
  position: relative;
  inset: -144px auto 0;
}

.manual-footer {
  color: #ccc;
  font-size: 12px;
  font-weight: 700;
}

.manual-content {
  font-size: 16px;
  font-weight: 300;
}

.manual-navbar {
  background-color: #aaa;
  height: 4.7vh;
}

.div-block-28 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.heading-22 {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Nexa, sans-serif;
  font-weight: 700;
  display: block;
  overflow: visible;
}

.body-3 {
  overflow: hidden;
}

.dropdown-support {
  color: #1d1d1d;
  text-decoration: none;
}

.dropdown-support:hover {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
}

.text-block-10 {
  color: #000;
  font-style: normal;
  text-decoration: none;
}

.text-block-10:hover {
  color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
  font-weight: 700;
}

.support {
  letter-spacing: 1px;
  font-family: Nexa, sans-serif;
  font-style: normal;
  display: block;
}

.image-122 {
  margin-top: 11px;
}

.icon-19 {
  display: block;
}

.scroll-navigation-nl {
  z-index: 1100;
  background-color: #fff;
  width: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 5px 20px #0000001a;
}

.brand-2 {
  margin-top: 16px;
  margin-right: 25px;
  display: block;
}

.image-123 {
  display: block;
  position: relative;
  top: 2px;
}

.container-7 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-29 {
  float: right;
  position: relative;
  top: 10px;
  overflow: visible;
}

.form-block {
  margin-top: auto;
}

.form-block.contact-form {
  background-color: #0000;
  padding: 10px 5%;
}

.post-category {
  max-width: var(--medium);
  color: var(--colors-brand--byflow-red);
  text-align: left;
  letter-spacing: 2.9px;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4em;
  display: block;
}

.post-lead {
  max-width: var(--medium);
  color: var(--colors-interface--byflow-black);
  text-align: left;
  text-transform: none;
  margin-bottom: 26px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}

.text-block-11 {
  margin-top: 5px;
  margin-right: 37px;
  font-family: Raleway;
  font-weight: 400;
}

.text-block-11.image-description {
  color: #0009;
  text-align: center;
  letter-spacing: -.12px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  line-height: 1.4em;
  display: block;
}

.media-title {
  color: var(--colors-interface--byflow-black);
  text-align: left;
  text-transform: none;
  margin-top: 42px;
  margin-bottom: 12px;
  font-family: Montserrat, sans-serif;
  font-size: 21px;
  font-weight: 700;
  display: block;
}

.contact {
  letter-spacing: 0;
  margin-bottom: 6px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.blog-list {
  transform-style: preserve-3d;
  max-width: 33.333%;
  height: 365px;
  margin-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
  transition: all .4s;
  display: block;
}

.blog-list:hover {
  opacity: 1;
  transform: scale3d(1.02, 1.02, 1.02);
}

.title-blog-list {
  color: var(--colors-interface--black);
  text-align: left;
  letter-spacing: 1px;
  text-transform: none;
  margin-top: 10px;
  margin-left: 0;
  padding-right: 0;
  font-family: Nexa, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}

.heading-24 {
  max-width: var(--medium);
  direction: ltr;
  color: var(--colors-brand--choco-background);
  text-align: left;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2em;
  display: inline-block;
}

.image-130 {
  text-align: left;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.title-details-database {
  color: #3f3f3f;
  text-align: justify;
  margin-top: 8px;
  font-size: 14px;
  font-style: normal;
}

.data-database {
  color: #000;
  margin-top: 8px;
  font-size: 14px;
  font-style: normal;
}

.collection-blogs {
  flex-flow: wrap;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.cartridge {
  margin-left: 9px;
  font-size: 14px;
  display: block;
  position: relative;
  top: 8px;
  left: 0;
}

.cartridge.main-page-gcode {
  margin-top: 11px;
  position: relative;
  left: 8px;
}

.image-131 {
  position: relative;
  top: 8px;
}

.brand-3 {
  margin-top: 0;
}

.brand-3.w--current {
  margin-top: 7px;
}

.image-database-block {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}

.background-database {
  background-color: var(--colors-interface--white-smoke);
}

.short-description-gcode {
  box-shadow: none;
  background-color: #fff;
  width: 280px;
  margin-top: 19px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 12px;
  padding-bottom: 20px;
  display: none;
}

.viscosity {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.collection-list {
  flex-direction: row;
  justify-content: center;
  height: 300px;
  display: flex;
}

.collection-list.ingredients {
  height: auto;
}

.collection-item-3 {
  border: 1px solid #000;
  border-radius: 6px;
  flex: none;
  width: 230px;
  margin-left: 7px;
  margin-right: 7px;
}

.printing-options {
  text-align: center;
}

.rich-text-block-2 {
  margin-bottom: 11px;
}

.no-ingredients {
  text-align: center;
  display: none;
  position: relative;
  top: -226px;
}

.list-ingredients {
  text-align: center;
  margin-top: 26px;
  margin-bottom: 9px;
  font-size: 10px;
  line-height: 10px;
}

.heading-25 {
  text-align: center;
  margin-top: 21px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 18px;
}

.references-to-ingredients {
  letter-spacing: 2px;
  font-family: Raleway;
  font-weight: 400;
  line-height: 30px;
  display: none;
}

.references-ingredients {
  position: relative;
  top: -49px;
}

.nozzle-color {
  border-radius: 5px;
  justify-content: flex-start;
  width: 50px;
  height: 12px;
  margin-top: 18px;
  display: inline-block;
  position: relative;
  top: 12px;
  left: 33px;
}

.left-column-text-gcode {
  color: #000;
  text-align: right;
  margin-top: 11px;
  margin-left: 9px;
  margin-right: 9px;
  font-family: Raleway;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
}

.left-column-text-gcode.right {
  text-align: left;
  width: 110px;
  font-size: 15px;
}

.left-column-text-gcode.right.inner {
  width: auto;
  margin-top: 23px;
}

.left-column-text-gcode.inner {
  margin-top: 23px;
  font-size: 22px;
  line-height: 22px;
}

.left-column {
  padding-right: 0;
}

.main-row-gcode {
  margin-top: 27px;
}

.nozzle-text {
  font-family: Raleway;
  position: relative;
  top: 49px;
}

.no-mobile {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 18px;
  font-weight: 300;
}

.tab-sorting {
  justify-content: center;
  margin-bottom: 17px;
  display: flex;
}

.tab-sorting.categories {
  margin-bottom: 19px;
  display: none;
  overflow: visible;
}

.note-privacy {
  color: var(--colors-interface--black);
  text-align: left;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.note-privacy.white {
  color: #f5f5f5;
  display: none;
}

.basket {
  margin-left: 10px;
  position: relative;
  top: 35px;
}

.contact-us {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  background-color: var(--colors-interface--byflow-cream);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 96px 5% 144px;
  display: flex;
}

.bolded {
  font-weight: 400;
}

.footer-new {
  background-color: var(--colors-brand--choco-background);
  color: #333;
  padding: 20px 0;
  position: static;
}

.contact-us-footer {
  color: #fff;
  margin-top: 0;
  font-family: Poppins;
  font-size: 28px;
  font-weight: 500;
}

.contact-form {
  padding-left: 5%;
  padding-right: 5%;
}

.light {
  color: #22aac4;
}

.button-holder {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.footer-block {
  width: 20%;
  margin-bottom: 27px;
  display: inline-block;
}

.main-category-footer {
  color: #fff;
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 500;
}

.title-footer-link {
  color: #f5f5f5;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.subcategory-link {
  color: #afafaf;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  transition: all .3s;
  display: block;
}

.subcategory-link:hover {
  color: #fff;
  transform: none;
}

.footer-block-holder {
  border-bottom: 1px #666;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: auto;
  margin-top: 15px;
  padding-bottom: 0;
  padding-left: 4vw;
  display: flex;
}

.column-contact-landing {
  border-right: 1px #666;
  padding-left: 0;
}

.right-column {
  padding-left: 10px;
}

.company-details-box {
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.logo-details {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.byflow {
  color: #f5f5f5;
  text-align: center;
  margin-top: 0;
  margin-bottom: 19px;
  padding-left: 0;
  font-size: 27px;
  font-weight: 300;
}

.company-details {
  color: #afafaf;
  text-align: center;
  padding-bottom: 8px;
  padding-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.text-block-14 {
  font-size: 13px;
}

.social-media-block {
  justify-content: center;
  margin-top: 0;
  padding-top: 5px;
  display: flex;
}

.sm {
  margin-left: 8px;
  margin-right: 8px;
}

.columns {
  border-bottom: 1px solid #afafaf;
  margin-left: auto;
  padding-bottom: 8px;
  display: none;
}

.intro-companyjuly {
  background-color: #f5f5f7;
  padding-top: 115px;
  padding-bottom: 66px;
}

.timeline-line {
  background-color: #000;
  height: 2px;
}

.events-timeline {
  justify-content: center;
  display: flex;
}

.holder-event-timeline {
  flex-direction: column;
  align-items: center;
  width: 33%;
  padding-left: 4%;
  padding-right: 4%;
  display: flex;
}

.holder-event-timeline.lower {
  justify-content: flex-end;
  width: 33%;
}

.vertical-line {
  background-color: #000;
  align-self: auto;
  width: 2px;
  height: 30px;
}

.vertical-line.vertical-line-left {
  align-self: flex-start;
  margin-left: 40px;
}

.vertical-line.vertical-line-right {
  background-color: #000;
  align-self: flex-end;
  margin-right: 40px;
}

.below {
  margin-top: 10px;
  margin-bottom: 10px;
}

.below.border {
  border-radius: 8px;
}

.listing-education {
  color: #121212;
  text-align: left;
  margin-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  list-style-type: none;
}

.age-edu {
  text-align: center;
  align-self: stretch;
  margin-bottom: 34px;
  font-family: Montserrat, sans-serif;
  font-size: 19px;
  font-style: italic;
  font-weight: 400;
}

.listing-benefits-edu {
  color: #121212;
  margin-top: 14px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 23px;
  list-style-type: none;
}

.small-image {
  width: auto;
  margin-top: 40px;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
}

.small-image.disappear {
  display: none;
}

.section-how-to-apply {
  background-color: #f5f5f5;
  margin-top: 0;
  padding-top: 58px;
  padding-bottom: 28px;
}

.section-how-to-apply.edu {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}

.section-how-to-apply.edu.low-border {
  background-color: #f5f5f5;
  border-top: 1px solid silver;
  border-bottom: 1px #bbb7b7;
  padding-bottom: 25px;
}

.descrtiuption-workshops {
  margin-top: 43px;
}

.rest-apps-marketing-ben {
  padding-top: 38px;
  padding-bottom: 34px;
}

.title-rest {
  margin-top: 25px;
  margin-bottom: 52px;
  font-family: Montserrat, sans-serif;
  font-size: 2.6vw;
  font-weight: 300;
  line-height: 3.1vw;
}

.title-rest.edu {
  text-align: left;
}

.marketing-benefits {
  letter-spacing: 1px;
  margin-bottom: auto;
  font-family: Montserrat, sans-serif;
  font-size: 2.6vw;
  font-weight: 500;
}

.marketing-description {
  color: #3f3f3f;
  margin-top: 14px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 25px;
  list-style-type: none;
}

.container-apps-rest {
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.container-apps-rest.more-padding {
  padding-left: 5px;
  padding-right: 5px;
}

.types-apps-rest {
  letter-spacing: 0;
  margin-top: 7px;
  font-size: 22px;
  font-weight: 400;
}

.types-apps-rest.ps {
  margin-top: 11px;
  margin-bottom: 16px;
}

.types-apps-rest.less-high {
  margin-top: 8px;
}

.marketing-benefits-image {
  height: auto;
  margin-top: 13px;
  margin-bottom: 8px;
}

.food-concepts-rest {
  margin-bottom: 7px;
  padding-top: 59px;
  font-family: Montserrat, sans-serif;
}

.food-concepts-rest.how-to-do-it-title {
  margin-bottom: 17px;
  padding-top: 58px;
}

.food-conc-specific-rest {
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  font-size: 28px;
}

.food-conc-specific-rest.bolded.workflow {
  margin-top: 55px;
  margin-bottom: 70px;
  font-size: 40px;
  font-weight: 500;
}

.food-conc-specific-rest.needed-goal {
  margin-top: 22px;
}

.how-can-i-do-it-rest {
  border-top: 1px solid #a19d9d;
  padding-top: 52px;
  padding-bottom: 29px;
}

.how-can-i-do-it-rest.pastry {
  border-top-style: none;
  padding-top: 14px;
}

.x30dishes {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  margin-left: 1vw;
  padding-bottom: 37px;
  display: flex;
}

.workflow-rest-dish {
  width: 100%;
  margin-top: 27px;
  margin-left: 0;
}

.list-needed {
  text-align: center;
  font-weight: 500;
}

.workflow-rest {
  margin-top: 32px;
}

.workflow-holder-rest {
  flex-wrap: wrap;
  justify-content: center;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.workflow-holder-rest.v2 {
  display: none;
}

.workflow-step-box-rest {
  width: 25%;
  margin-top: 19px;
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}

.title-step-rest {
  letter-spacing: 1px;
  font-size: 18px;
  display: inline-block;
}

.title-step-rest.v2 {
  margin-top: 16px;
  font-weight: 700;
  line-height: 25px;
}

.time-step-rest {
  float: none;
  text-transform: lowercase;
  margin-left: 15px;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
}

.time-step-rest.v2 {
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 25px;
}

.description-step-rest {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  line-height: 25px;
}

.description-step-rest.v2 {
  float: none;
  text-align: right;
  padding-top: 17px;
  padding-left: 31px;
  padding-right: 56px;
}

.summary-workflow {
  text-align: center;
  letter-spacing: 1px;
  margin-top: 49px;
  font-family: Poppins;
  font-size: 30px;
  font-weight: 500;
  line-height: 50px;
}

.summary-workflow.v2 {
  margin-top: 27px;
}

.summary-workflow.small {
  margin-top: 36px;
  font-size: 25px;
  line-height: 40px;
}

.summary-workflow.small.test {
  text-align: left;
  margin-top: 69px;
  padding-left: 41px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  line-height: 35px;
}

._500 {
  font-weight: 600;
}

._500._25 {
  font-size: 20px;
}

.conclusions-workflow {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.conclusion-workflow {
  color: #3f3f3f;
  margin-top: 9px;
  font-family: Poppins;
  font-style: normal;
}

.detailed-food-concepts.pastry {
  background-color: #fff;
  padding-top: 43px;
  padding-bottom: 57px;
}

.detailed-food-concepts.pastry.end {
  padding-bottom: 0;
}

.detailed-food-concepts.pastry.end.demo {
  padding-top: 0;
  display: none;
  position: relative;
  top: 0;
}

.tabs-menu-2 {
  width: 200px;
  margin-top: -47px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: block;
  left: 269px;
}

.tabs-menu-2.workflow-patissiers {
  margin-top: -169px;
  padding-left: 0;
  position: static;
}

.see-more-tab {
  letter-spacing: 1px;
  text-transform: none;
  font-family: Raleway;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

.list-2 {
  margin-top: 27px;
  padding-right: 40px;
}

.images-holnder {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.image-text {
  padding-left: 10px;
  padding-right: 10px;
}

.image-text.portrait {
  padding-right: 28px;
}

.portraits-handdrawing {
  padding-bottom: 53px;
  padding-left: 4vw;
  padding-right: 4vw;
}

.fields-of-research {
  width: 1100px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}

.fields-holder {
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.ingredients {
  background-color: #0000;
  padding-top: 50px;
  padding-bottom: 50px;
}

.holder-need-extra {
  justify-content: space-around;
  margin-top: 57px;
  display: flex;
}

.checkout-webshop {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 20px;
  width: 350px;
  margin: 70px auto 45px;
  padding: 18px 20px 15px;
  font-size: 30px;
  font-style: normal;
}

.checkout {
  margin-top: 64px;
  padding-top: 43px;
}

.appear-access {
  margin-top: 36px;
}

.ap-exacc-tr {
  margin-top: 39px;
}

.footer-lowest {
  float: left;
  color: #fff9;
  -webkit-text-stroke-color: var(--colors-interface--dark-slate-grey);
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: relative;
}

.step1 {
  margin-top: 33px;
}

.how-back {
  background-color: #f5f5f5;
  border: 1px #3f3f3f;
  border-radius: 50px 20px 0 50px;
  width: 75%;
  height: 100px;
}

.step-time {
  flex-direction: column;
  width: 30%;
  padding-top: 20px;
  display: flex;
}

.smaller {
  font-size: 25px;
}

.tab-pane-tab-1 {
  padding-top: 33px;
}

.im-seasonal {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 5px;
  padding-right: 5px;
}

.im-seasonal._90 {
  border-radius: 20px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.see-apps-for {
  text-transform: uppercase;
  margin-top: 43px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.navbar-blur {
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background-color: #ffffff38;
  height: auto;
  position: fixed;
  top: 0%;
  left: 0%;
  right: 0%;
}

.brand-4 {
  width: 200px;
  padding-top: 15px;
  display: flex;
}

.products-down {
  z-index: 1;
  background-color: var(--colors-interface--white);
  border-bottom: 1px solid #afafaf;
  width: 100%;
  height: 160px;
  margin-top: 0;
  margin-bottom: 37px;
  display: none;
  position: fixed;
  inset: 60px 0% auto;
}

._3dprinter-menu {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

._3dprinter-menu.applic {
  width: 150px;
  display: flex;
}

.text-block-20 {
  text-align: center;
  margin-top: 6px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-weight: 600;
}

.image-187 {
  z-index: 5;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.how-it-works-down {
  z-index: 1;
  background-color: var(--colors-interface--white);
  border-bottom: 1px solid #afafaf;
  height: 160px;
  margin-top: 0;
  padding-bottom: 20px;
  display: none;
  position: fixed;
  inset: 60px 0% auto;
}

.container-20 {
  justify-content: center;
  padding-left: 0;
  display: flex;
}

.image-188 {
  margin-left: 0;
  padding-top: 2px;
  display: none;
}

.applications-down {
  z-index: 4;
  background-color: var(--colors-interface--white);
  border-bottom: 1px solid #afafaf;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: fixed;
  inset: 92px 0% auto;
}

.applications-down.new {
  z-index: 1;
  height: 160px;
  display: none;
  top: 60px;
}

.container-22 {
  justify-content: center;
  padding-bottom: 20px;
  padding-left: 0;
  display: flex;
}

.container-23 {
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 5px;
  padding-left: 0;
  display: flex;
}

.company-down {
  z-index: 3;
  background-color: var(--colors-interface--white);
  border-bottom: 1px solid #afafaf;
  position: fixed;
  inset: 92px 0% auto;
}

.container-24 {
  padding-bottom: 20px;
  padding-left: 304px;
}

.section-19 {
  border-bottom: 1px solid #000;
}

.link-block-8, .link-block-9 {
  color: var(--colors-interface--black);
  font-family: Poppins;
  font-style: normal;
  font-weight: 600;
}

.works-for {
  text-transform: uppercase;
  margin-top: 47px;
  padding-left: 20px;
  font-size: 18px;
}

.works-for.cenetered {
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.works-for.disappear {
  display: none;
}

.works-for.lower {
  margin-top: 102px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.header-column {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 8%;
  padding-right: 8%;
  display: flex;
  position: relative;
}

.header-column.education {
  background-color: #0000;
  width: 50%;
  padding-bottom: 20px;
  top: 17%;
  left: 7%;
}

.header-column.pastry {
  background-color: #0000;
  background-image: linear-gradient(84deg, #fff, #ffffff36);
  justify-content: flex-end;
  height: 100vh;
  padding-top: 17px;
  padding-bottom: 10%;
  left: 0%;
  box-shadow: 0 0 20px 20px #ffffff80;
}

.disappear {
  display: none;
}

.trial-no-stories {
  padding-right: 15px;
}

.image-217 {
  float: right;
  padding-top: 0;
  position: absolute;
  inset: 5px 0% auto auto;
}

.smaller-text {
  font-size: 15px;
}

.small {
  font-size: 15px;
  position: static;
  left: 9px;
}

.size-paste {
  font-size: 15px;
  position: relative;
  left: 71px;
}

.nav-menu-new.landing-sample {
  float: left;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.navbar-section-landing {
  z-index: 50;
  position: fixed;
  inset: 0% 0% auto;
}

.link-navbar {
  color: var(--colors-interface--black);
  font-family: Poppins;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}

.link-navbar.wide {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-24 {
  padding-left: 21px;
  font-size: 16px;
  display: block;
}

.div-block-131 {
  height: var(--navbar-height);
  max-width: var(--container);
  background-color: #0000;
  margin-left: auto;
  margin-right: auto;
  padding-left: 22px;
  padding-right: 22px;
  display: flex;
  position: relative;
}

.login-navbar {
  color: var(--colors-interface--black);
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 20px;
  margin-top: 30px;
  margin-right: auto;
  padding: 8px 17px;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  inset: 0% 8% auto auto;
}

.login-navbar.v2 {
  color: var(--colors-interface--black);
  background-color: #ffffff80;
  border-style: none;
  margin-top: 10px;
  margin-left: 10px;
  padding: 6px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  transition: all .3s ease-in-out;
  display: inline-block;
  position: static;
  box-shadow: 0 1px 3px #0003;
}

.login-navbar.v2:hover {
  background-color: var(--steel-blue\<deleted\|variable-2bd2c34a\>);
  color: var(--colors-interface--white-smoke);
}

.container-29 {
  justify-content: flex-start;
  display: block;
}

.container-29.sample-container-navbar {
  justify-content: center;
  width: 600px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
  position: relative;
}

.first-navbar {
  display: none;
}

.store-login-holder {
  order: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 200px;
  display: flex;
  position: relative;
}

.icon-22 {
  display: none;
}

.link-5 {
  color: var(--colors-interface--black);
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500;
}

.link-5.w--current {
  display: inline;
}

.dropdown-menu-list {
  color: var(--colors-interface--black);
  text-align: left;
  background-color: #0000;
  border: 1px #000;
  border-bottom-width: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: all .3s;
  display: block;
}

.dropdown-menu-list:hover {
  background-color: #0000000a;
  transform: none;
}

.dropdown-menu-list.w--current {
  color: var(--colors-interface--black);
  font-weight: 400;
  display: block;
}

.dropdown-menu-list.w--current:hover {
  z-index: 999;
  background-color: #0000000a;
}

.navbar-final {
  display: block;
  position: static;
}

.navbar-official {
  z-index: 5;
  display: block;
  position: relative;
}

.intro-education-section {
  justify-content: center;
  align-items: flex-end;
  height: 100vh;
  display: flex;
}

.image-main-pastry {
  float: right;
  height: 100vh;
  padding-top: 60px;
}

.timing-find-out {
  color: var(--colors-interface--black);
  letter-spacing: 1px;
  border: 1px solid #171717;
  border-radius: 20px;
  margin-top: 13px;
  padding: 5px 17px;
  font-size: 13px;
  font-style: normal;
}

.subtitle {
  font-family: Montserrat, sans-serif;
  font-size: 2.6vw;
  font-weight: 500;
}

.subtitle.space-divier {
  margin-bottom: 17px;
  font-size: 2.6vw;
}

.subtitle.space-divier.larger, .subtitle.s {
  font-size: 2.6vw;
}

.subtitle.space {
  color: #333;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 50px;
  margin-bottom: 52px;
  font-weight: 300;
}

.sub1title {
  letter-spacing: 1.85px;
  font-family: Montserrat, sans-serif;
  font-size: 1.85vw;
  line-height: 2.8vw;
}

.sub1title.bit-less1 {
  font-size: 25px;
  line-height: 40px;
}

.sub1title.less-height {
  line-height: 40px;
}

.sub2title {
  font-family: Montserrat, sans-serif;
  font-size: 2vw;
  font-weight: 600;
}

.sub2title.spacing {
  margin-top: 60px;
  margin-bottom: 20px;
}

.des-18 {
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.des-18.space-i-center {
  color: #000;
  text-align: center;
  text-align: center;
  margin-top: 26px;
  margin-bottom: 44px;
}

.sub3title {
  margin-bottom: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 2.2vw;
}

.sub3title.rd-main-3-titles {
  letter-spacing: 1px;
  font-weight: 700;
}

.des17._900-width {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.des17._900-width.spacing-2 {
  margin-top: 22px;
  margin-bottom: 41px;
  font-size: 17px;
}

.des16 {
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
}

.des16.toright {
  padding-left: 19px;
}

.image-320 {
  margin-bottom: 10px;
}

.seemore-pastry-pers {
  position: relative;
  top: -108px;
}

.dropdown-3._2 {
  display: none;
}

.logo-black {
  color: var(--colors-interface--black);
  font-family: Montserrat, sans-serif;
  font-size: 1.25em;
  font-style: normal;
  font-weight: 300;
}

.dropdown-list-5 {
  background-color: var(--colors-interface--white);
  transition-property: none;
}

.dropdown-list-5.w--open {
  z-index: 10;
  border-bottom-left-radius: var(--medium-border-radius);
  border-bottom-right-radius: var(--medium-border-radius);
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all .3s;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  box-shadow: 0 8px 16px #0000001a;
}

.nav-background-blur {
  object-fit: fill;
  width: 100%;
  height: 60px;
  display: inline;
  position: absolute;
}

.section-25 {
  display: block;
  position: relative;
}

.body-5 {
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.blog-main-text {
  max-width: var(--medium);
  margin-left: auto;
  margin-right: auto;
}

.blog-main-text p {
  color: var(--colors-interface--byflow-black);
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  line-height: 24px;
}

.blog-main-text h4 {
  color: var(--colors-interface--byflow-black);
  font-family: Montserrat, sans-serif;
  font-size: 18px;
}

.container-41 {
  background-image: url('/media/website/images/2.png');
  background-position: 50%;
  background-size: cover;
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
}

.form-block-2 {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.text-field-2 {
  border: 0 solid #000;
  border-radius: 20px 0 0 20px;
  height: 40px;
  padding-left: 20px;
  position: relative;
  left: 0;
}

.submit-button {
  color: #adadad;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 0 20px 20px 0;
  height: 40px;
  font-weight: 700;
  display: block;
  position: relative;
  left: 0;
}

.div-block-153 {
  display: flex;
}

.field-label-3 {
  text-align: center;
  text-transform: uppercase;
  margin-top: 20px;
  font-size: 12px;
  font-weight: 300;
  text-decoration: none;
}

.image-338 {
  margin-top: 50px;
}

.form-2 {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.section-27 {
  justify-content: space-between;
  height: 70px;
  display: flex;
  position: absolute;
  inset: auto 0 0;
}

.text-block-42 {
  text-align: left;
  width: 300px;
  margin-left: 50px;
  font-size: 16px;
  position: relative;
  right: auto;
}

.text-block-43 {
  text-align: right;
  margin-right: 50px;
  font-size: 16px;
  font-weight: 300;
  position: relative;
  right: auto;
}

.link-7 {
  color: var(--colors-interface--black);
  font-style: normal;
}

.main-section {
  box-sizing: border-box;
  background-color: var(--colors-interface--white);
  height: 100svh;
  position: static;
  overflow: hidden;
}

.section-29 {
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-33.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100svh;
  position: relative;
  overflow: hidden;
}

.image-339 {
  z-index: 1;
  float: left;
  object-fit: contain;
  position: relative;
  left: 100px;
  overflow: visible;
}

.div-block-155 {
  align-self: flex-end;
  width: 50%;
  height: 80%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  right: 0%;
  overflow: hidden;
}

.image-340 {
  z-index: 0;
  float: left;
  max-width: 120%;
  position: absolute;
  inset: 41% 4% auto auto;
}

.text-block-44 {
  float: none;
  text-align: left;
  flex-flow: column;
  flex: 0 auto;
  order: -1;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 200px;
  font-size: 10em;
  display: flex;
  position: relative;
}

.bold-text-10 {
  color: var(--colors-interface--black);
  letter-spacing: -8px;
  padding-top: 0;
  font-family: Arimo;
  font-size: 1em;
  display: block;
  position: relative;
}

.columns-40 {
  width: 100%;
  height: 100vh;
}

.column-104 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.text-block-45 {
  clear: none;
  color: var(--colors-brand--choco-background);
  text-transform: none;
  flex-flow: column;
  flex: 0 auto;
  order: 2;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: -100px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.15;
  display: flex;
}

.masterpiece-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--colors-brand--byflow-red);
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  order: 3;
  align-items: flex-start;
  padding-top: 20px;
  font-family: Majesty, sans-serif;
  font-size: 50px;
  display: flex;
  transform: rotate(-5deg);
}

.button-primary {
  background-color: var(--colors-brand--byflow-red);
  color: var(--colors-interface--white);
  text-align: center;
  letter-spacing: -.022em;
  border-radius: 50px;
  order: 5;
  padding: 14px 25px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4em;
  transition: background-color .3s ease-in-out;
  display: flex;
}

.button-primary:hover {
  background-color: var(--colors-brand--byflow-red);
  filter: contrast(110%);
  color: var(--colors-interface--white);
}

.button-primary.button-subscribe {
  padding-left: 40px;
  padding-right: 40px;
}

.button-secondary {
  border: 1px solid var(--colors-brand--byflow-red);
  color: var(--colors-brand--byflow-red);
  text-align: center;
  letter-spacing: -.022em;
  background-color: #ffffff80;
  border-radius: 50px;
  order: 5;
  padding: 14px 25px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 1.4;
  transition: color .3s ease-in-out, background-color .3s ease-in-out;
}

.button-secondary:hover {
  background-color: var(--colors-brand--byflow-red);
  color: var(--colors-interface--white);
}

.columns-41 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.image-341, .image-342, .image-343 {
  border-radius: 20px;
}

.div-block-158 {
  color: var(--colors-interface--white);
  text-align: center;
  background-color: #978781;
  border-radius: 20px;
  margin-bottom: 10px;
  padding: 20px;
  font-family: Majesty, sans-serif;
  font-size: 22px;
}

.container-standard {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 1200px;
  height: 100%;
  padding-left: 22px;
  padding-right: 22px;
  display: flex;
}

.container-standard.text-align-top {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1100px;
}

.column-105 {
  overflow: hidden;
}

.text-block-46 {
  float: left;
  font-family: Arimo;
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}

.div-block-159 {
  padding-top: 20px;
  padding-bottom: 50px;
  padding-left: 15px;
}

.pro-text {
  float: left;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fa3343;
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  order: 3;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 15px;
  font-family: Majesty, sans-serif;
  font-size: 50px;
  display: block;
  position: relative;
  transform: rotate(-5deg);
}

.bold-text-12 {
  letter-spacing: 0;
  font-size: 60px;
  line-height: 57px;
}

.section-31 {
  background-color: #000;
  justify-content: center;
  align-items: flex-start;
  height: 100svh;
  display: block;
  overflow: visible;
}

.div-block-160 {
  z-index: 1;
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-32.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto 100vh;
  justify-content: center;
  align-items: flex-start;
  width: 100vw;
  height: 100svh;
  display: flex;
  position: static;
  overflow: hidden;
}

.div-block-157-copy {
  z-index: 2;
  float: left;
  flex: 0 auto;
  order: 3;
  justify-content: center;
  align-items: center;
  padding-top: 30px;
  display: flex;
  position: static;
}

.masterpiece-text-large {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fa3343;
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  order: 2;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 50px;
  font-family: Majesty, sans-serif;
  font-size: 60px;
  display: flex;
  transform: rotate(-5deg);
}

.div-block-161 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100svh;
  display: flex;
}

.text-block-opus-large {
  float: none;
  color: var(--colors-interface--white);
  text-align: left;
  flex-flow: column;
  flex: 0 auto;
  order: 2;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 180px;
  margin-top: -10px;
  font-size: 12em;
  display: flex;
  position: relative;
}

.text-block-47 {
  color: #fcf8f799;
  letter-spacing: -1px;
  order: 1;
  justify-content: flex-end;
  align-self: flex-end;
  align-items: center;
  padding-right: 20px;
  font-family: Arimo;
  font-size: 50px;
  font-style: italic;
  font-weight: 400;
  display: flex;
}

.column-106 {
  order: 0;
  padding-left: 0;
  padding-right: 0;
}

.column-107, .column-108 {
  padding-left: 0;
  padding-right: 0;
}

.section-full-height {
  background-color: #fff;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.section-full-height.bg-choco {
  background-color: var(--colors-brand--choco-background);
  background-image: none;
  display: block;
}

.section-full-height.bg-white {
  background-color: #fcf8f7;
}

.section-full-height.bg-beige {
  background-color: var(--colors-interface--byflow-beige);
}

.section-full-height.bg-black {
  background-color: #000;
}

.section-full-height.bg-grey {
  background-color: #f1f1f1;
}

.section-full-height.bg-cream {
  background-color: var(--colors-interface--byflow-cream);
}

.section-full-height.bg-gradient-beige {
  background-image: linear-gradient(180deg, var(--colors-interface--byflow-beige), var(--colors-interface--byflow-cream));
}

.section-full-height.bg-gradient-cream {
  background-color: var(--colors-interface--byflow-cream);
}

.image-345 {
  border-radius: 20px;
}

.grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: wrap;
  grid-template: "Area" 1fr
                 "." 1fr
                 "." 1fr
                 / 1fr;
  grid-auto-flow: column dense;
  place-items: center start;
  min-height: 100%;
  display: flex;
}

.column-109 {
  min-height: 100%;
  padding-left: 50px;
}

.text-block-48 {
  float: left;
  font-family: Arimo;
  font-size: 60px;
  font-weight: 700;
  line-height: 57px;
}

.div-block-162 {
  padding-bottom: 50px;
}

.professional-text {
  float: left;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fa3343;
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  order: 3;
  justify-content: center;
  align-items: center;
  height: 60px;
  padding-left: 25px;
  font-family: Majesty, sans-serif;
  font-size: 50px;
  display: flex;
  position: relative;
}

.columns-42 {
  width: 100%;
}

.text-block-49 {
  float: none;
  font-family: Arimo;
  font-size: 25px;
  font-weight: 700;
  line-height: 24px;
}

.image-346 {
  float: left;
  padding-right: 30px;
}

.text-block-50 {
  padding-top: 10px;
  padding-left: 86px;
  font-family: Arimo;
  font-weight: 400;
}

.div-block-163 {
  align-items: center;
  display: flex;
}

.section-33 {
  background-color: #978781;
  height: 100vh;
}

.div-block-162-copy {
  padding-bottom: 30px;
}

.text-block-51 {
  color: var(--colors-interface--white);
  font-size: 18px;
}

.text-block-52 {
  color: #fff;
  text-align: center;
  font-family: Arimo;
}

.div-block-164 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  flex: 0 auto;
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-start;
  padding-top: 50px;
  display: flex;
}

.div-block-165 {
  justify-content: center;
  align-items: center;
  height: 150px;
  display: flex;
}

.benefit-column {
  flex: 1;
  display: block;
}

.container-center {
  max-width: 1100px;
  height: 100%;
  position: relative;
}

.div-block-171 {
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  display: flex;
}

.masterpiece-text-mini {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fa3343;
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  order: 3;
  align-items: flex-start;
  margin-left: -180px;
  padding-top: 52px;
  font-family: Majesty, sans-serif;
  font-size: 25px;
  display: flex;
  transform: rotate(-5deg);
}

.div-block-172 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-15.png');
  background-position: 0 96%;
  background-repeat: no-repeat;
  background-size: 300%;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.div-block-173 {
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-16.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 20px;
  height: 100%;
  display: flex;
}

.div-block-174 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template: "Area Area"
                 "Area Area"
                 ". ."
                 ". ."
                 ". ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 80%;
  padding-top: 50px;
  display: grid;
  position: relative;
}

.div-block-175 {
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-20.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 180%;
  border-radius: 20px;
  height: 100%;
}

.div-block-176 {
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-21.png');
  background-position: 47% 1%;
  background-repeat: no-repeat;
  background-size: 450%;
  border-radius: 20px;
  height: 100%;
}

.text-block-53 {
  text-align: center;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.bold-text-13 {
  color: #fff;
  font-family: Arimo;
  font-size: 25px;
  line-height: 25px;
}

.div-block-177 {
  background-image: url('/media/website/images/New-touchscreen-Echo-Test.71.png');
  background-position: 65% 17%;
  background-repeat: no-repeat;
  background-size: 294%;
  border-radius: 20px;
  height: 100%;
}

.div-block-178 {
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-18.png');
  background-position: 60% 29%;
  background-size: auto;
  border-radius: 20px;
  height: 100%;
  display: flex;
}

.text-block-53-copy {
  color: #000;
  text-align: center;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-family: Arimo;
  display: flex;
}

.bold-text-13-copy {
  color: #191919;
  padding-top: 50px;
  font-family: Arimo;
  font-size: 30px;
  line-height: 30px;
}

.text-block-53-copy-copy {
  color: #000;
  text-align: center;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-family: Arimo;
  display: flex;
}

.text-block-54 {
  text-align: center;
  font-family: Arimo;
  font-size: 12px;
  font-weight: 700;
}

.bold-text-13-copy-copy {
  color: #191919;
  padding-top: 40px;
  font-family: Arimo;
  font-size: 22px;
  line-height: 24px;
}

.text-block-53-copy-copy {
  color: #000;
  text-align: center;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Arimo;
  display: flex;
}

.div-block-179 {
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-19.png');
  background-position: 80% 73%;
  background-repeat: no-repeat;
  background-size: 250%;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-180 {
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-22.png');
  background-position: 80% 70%;
  background-repeat: no-repeat;
  background-size: 120%;
  border-radius: 20px;
  height: 100%;
  position: relative;
}

.div-block-181 {
  background-color: #f1f1f1;
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-23_1Masterpieces FINAL DOC-23.png');
  background-position: 50% 65%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 20px;
  height: 100%;
}

.image-347 {
  height: 250px;
  position: absolute;
  inset: auto -14% 0% auto;
}

.bold-text-13-copy-copy-copy {
  color: #191919;
  padding-top: 40px;
  font-family: Arimo;
  font-size: 35px;
  line-height: 24px;
}

.text-block-53-copy-copy-copy {
  color: #000;
  text-align: center;
  flex: 1;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Arimo;
  display: flex;
}

.image-348 {
  position: absolute;
  inset: -10% auto auto 5%;
}

.div-block-182 {
  position: absolute;
  inset: auto -155px -16% auto;
}

.div-block-162-copy {
  padding-top: 70px;
  padding-bottom: 30px;
}

.text-block-55 {
  width: 800px;
  font-family: Arimo;
  font-size: 26px;
  font-weight: 700;
  line-height: 30px;
}

.div-block-162-copy-copy {
  padding-bottom: 11px;
}

.text-block-48-copy {
  float: left;
  font-family: Arimo;
  font-size: 60px;
  font-weight: 700;
  line-height: 57px;
}

.plus-text {
  float: left;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fa3343;
  text-shadow: -6px 6px #fa33434d, -3px 3px #fa334399;
  order: 3;
  justify-content: center;
  align-items: center;
  height: 110px;
  margin-left: -11px;
  padding-top: 10px;
  padding-left: 0;
  font-family: Majesty, sans-serif;
  font-size: 170px;
  display: flex;
  position: relative;
  transform: rotate(-10deg);
}

.columns-44 {
  width: 100%;
}

.text-block-56 {
  margin-bottom: 20px;
  font-family: Arimo;
  font-size: 20px;
  line-height: 22px;
}

.text-block-57 {
  padding-bottom: 20px;
  font-family: Arimo;
  font-size: 24px;
  font-weight: 700;
  line-height: 25px;
}

.italic-text-7 {
  opacity: .3;
}

.columns-45 {
  width: 100%;
  height: 100vh;
  display: flex;
}

.column-110, .column-111 {
  align-self: center;
}

.div-block-162-copy-copy-copy {
  padding-bottom: 11px;
}

.text-block-48-copy-copy {
  float: left;
  font-family: Arimo;
  font-size: 60px;
  font-weight: 700;
  line-height: 57px;
}

.perfect-text {
  float: left;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fa3343;
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  order: 3;
  justify-content: center;
  align-items: center;
  height: 55px;
  margin-top: -10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Majesty, sans-serif;
  font-size: 50px;
  display: flex;
  position: relative;
  transform: rotate(-7deg);
}

.div-block-183 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  padding-top: 50px;
  display: grid;
}

.columns-46 {
  width: 100%;
  height: 100vh;
  display: flex;
}

.column-112 {
  align-self: center;
}

.text-block-58 {
  text-align: center;
  padding-left: 50px;
  padding-right: 50px;
  font-family: Arimo;
  font-size: 18px;
}

.div-block-184 {
  text-align: center;
  width: 300px;
}

.div-block-185 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-349 {
  padding-top: 30px;
}

.text-block-59 {
  font-family: Arimo;
  font-size: 65px;
  font-weight: 700;
  line-height: 50px;
}

.text-block-60 {
  font-family: Arimo;
}

.div-block-186 {
  padding-bottom: 100px;
}

.masterpiece-text-mini-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fa3343;
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  order: 3;
  align-items: flex-start;
  margin-top: -43px;
  padding-top: 0;
  padding-left: 10px;
  font-family: Majesty, sans-serif;
  font-size: 29px;
  display: block;
  transform: rotate(-12deg);
}

.div-block-187 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.columns-47 {
  width: 100%;
  height: 100vh;
  display: flex;
}

.column-113 {
  align-self: center;
}

.text-block-48-copy-copy-copy {
  float: left;
  font-family: Arimo;
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
}

.mission-text {
  float: left;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fa3343;
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  order: 3;
  justify-content: center;
  align-items: center;
  height: 60px;
  margin-top: -45px;
  padding-left: 205px;
  font-family: Majesty, sans-serif;
  font-size: 60px;
  display: flex;
  position: relative;
  transform: rotate(-6deg);
}

.text-block-58-copy {
  float: left;
  color: var(--colors-brand--choco-background);
  text-align: center;
  width: 100%;
  padding-top: 50px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
}

.popup-wrap {
  border-radius: var(--medium-border-radius);
  background-color: #fff;
  width: 100%;
  max-width: 680px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}

.input-label {
  z-index: 2;
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  margin-bottom: 0;
  padding-left: 6px;
  padding-right: 7px;
  font-family: Arimo;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 15px;
  display: inline-block;
  position: relative;
  bottom: -7px;
  left: 6px;
}

.input {
  color: #000;
  background-color: #fff;
  border: 1px solid #b7bbd1;
  border-radius: 6px;
  height: 48px;
  margin-bottom: 0;
  padding-top: 10px;
  padding-left: 18px;
  font-family: Arimo;
  font-size: 15px;
  font-weight: 400;
  transition: border-color .2s, box-shadow .2s;
  box-shadow: 0 3px 6px -2px #1d01501a;
}

.input:hover {
  box-shadow: none;
  border-color: #434de7;
}

.input:focus {
  border: 1px solid #434de7;
}

.input::placeholder {
  color: #6e6e6e;
}

.rte-label {
  color: #000;
  margin-top: 15px;
  margin-bottom: 12px;
  font-family: Arimo;
  font-size: 13.5px;
  font-weight: 700;
  line-height: 15px;
}

.form_100w {
  width: 100%;
}

.popup-close {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: block;
  position: relative;
}

.popup-close:hover {
  color: red;
}

.spacer-10 {
  width: 100%;
  height: 10px;
}

.popup-close_icon {
  color: #000;
  -webkit-text-stroke-color: #000;
  display: inline-block;
  overflow: clip;
}

.popup-close_icon:hover {
  color: var(--colors-brand--byflow-red);
}

.message_success {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  font-weight: 600;
}

.popup {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0006;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.button-12 {
  color: #fff;
  background-color: #434de7;
  border-radius: 10px;
  height: 50px;
  padding: 15px 35px;
  font-size: 15px;
  font-weight: 500;
  box-shadow: 0 10px 20px -3px #1d01501a;
}

.button-12:hover {
  box-shadow: none;
  background-color: #000;
}

.button-12.in-form {
  background-color: #4a90e2;
  width: 100%;
  height: 52px;
  margin-top: 0;
  margin-left: 0;
  font-family: Arimo;
  font-weight: 700;
}

.button-12.in-form:hover {
  background-color: #0079e3;
}

.paragraph-38 {
  opacity: .9;
  color: #000;
  font-family: Arimo;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.form-row {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.spacer-30 {
  width: 100%;
  height: 30px;
}

.custom-scrollbar {
  display: none;
}

.h3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arimo;
  font-size: 30px;
  font-weight: 700;
}

.text-red {
  color: #ff0004;
}

.form-separator {
  background-color: #f2f3ff;
  width: 100%;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.form-border {
  background-color: #fff;
  border: 1px solid #f2f3ff;
  border-radius: 15px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 400px;
  max-width: none;
  margin-bottom: 0;
  padding: 30px;
  display: flex;
  box-shadow: 0 20px 30px -10px #1d01501a;
}

.scrollbar {
  max-height: 80%;
  overflow: auto;
}

.input-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 12px;
  display: flex;
  position: relative;
}

.input-wrapper.mr-15 {
  margin-right: 15px;
}

.column-114 {
  flex-flow: row;
  order: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
}

.image-350 {
  border-radius: 20px;
}

.image-352 {
  float: right;
  max-width: 100%;
  height: 100%;
}

.image-353 {
  height: 760px;
}

.book-demo {
  z-index: 9999;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 0;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #0006;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
  position: fixed;
  inset: 0%;
}

.book-demo-wrap {
  background-color: var(--colors-interface--white);
  border-radius: 15px;
  width: 80%;
}

.book-demo-close {
  float: right;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin-top: 20px;
  margin-right: 20px;
  display: block;
  position: relative;
}

.book-demo-close:hover {
  color: red;
}

.book-demo-close_icon {
  color: #000;
  -webkit-text-stroke-color: #000;
  display: inline-block;
  overflow: clip;
}

.book-demo-close_icon:hover {
  color: var(--colors-brand--byflow-red);
}

.div-block-188 {
  justify-content: flex-end;
  align-self: flex-end;
  align-items: flex-end;
  width: 100%;
  height: 60vh;
  display: flex;
  position: relative;
}

.section-41 {
  height: 60px;
  position: relative;
}

.text-block-62 {
  width: 450px;
  padding-top: 60px;
  font-family: Arimo;
  font-size: 18px;
  font-weight: 400;
}

.text-block-63 {
  color: var(--colors-interface--white);
  font-weight: 400;
}

.div-block-189 {
  justify-content: center;
  margin-bottom: 25px;
  display: flex;
}

.byflow-title-2 {
  color: #333;
  letter-spacing: 0;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-weight: 300;
}

.company-description-2 {
  color: #333;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.section-42 {
  background-color: #fff;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
}

.section-42.less-space {
  padding-top: 70px;
  padding-bottom: 70px;
}

.section-42.less-space.with-line {
  border-top: 1px #ededed;
  margin-top: 0;
  padding-bottom: 33px;
}

.section-42.less-space.with-line.newsroom {
  background-color: var(--colors-interface--byflow-cream);
  padding-top: 50px;
}

.heading-62 {
  letter-spacing: 0;
  text-transform: capitalize;
  font-family: Montserrat, sans-serif;
  font-size: 29px;
  font-weight: 700;
}

.tab-link-4 {
  color: #3f3f3f;
  background-color: #0000;
  flex: 0 auto;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 2px;
  padding-left: 0;
  padding-right: 0;
}

.tab-link-4.w--current {
  color: #546cc3;
  background-color: #0000;
  border-bottom: 1px solid #546cc3;
  padding-left: 0;
  padding-right: 0;
}

.container-47 {
  flex-flow: column;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.collection-list-wrapper-3 {
  padding-bottom: 27px;
}

.link-block-19 {
  opacity: 1;
  border-bottom-right-radius: 12px;
  display: block;
  position: relative;
}

.category-list-2 {
  color: var(--colors-brand--byflow-red);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-top: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
}

.text-block-64 {
  color: #3f3f3f;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: -13px;
  margin-left: 0;
  font-family: Montserrat, sans-serif;
  font-size: 11px;
  font-style: normal;
  font-weight: 300;
}

.div-block-190 {
  background-color: var(--colors-interface--white);
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  height: 200px;
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-191 {
  background-color: var(--colors-interface--white);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  height: 160px;
  overflow: hidden;
}

.code-embed-3 {
  float: left;
  color: var(--colors-brand--choco-background);
  padding-top: 0;
  padding-left: 5px;
  position: relative;
}

.text-block-65 {
  float: left;
  color: var(--colors-brand--choco-background);
  letter-spacing: 0;
  font-style: normal;
  font-weight: 500;
  position: relative;
}

.div-block-192 {
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  inset: auto 0% 0%;
}

.tabs-7 {
  background-color: var(--colors-interface--byflow-cream);
}

.date-timeline-2 {
  color: #333;
  font-family: Montserrat, sans-serif;
  font-size: 23px;
  font-weight: 700;
  line-height: 35px;
}

.timeline-2 {
  background-color: #f5f5f5;
  padding: 49px 20px 67px;
}

.heading-63 {
  color: #333;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  align-self: flex-start;
  margin-bottom: 3px;
  font-family: Montserrat, sans-serif;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 35px;
}

.heading-63.align-left {
  color: #333;
  text-transform: none;
  font-weight: 700;
}

.heading-63.align-right {
  color: #333;
  text-transform: none;
  align-self: flex-end;
  font-weight: 700;
}

.description-timeline-2 {
  color: var(--colors-brand--choco-background);
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 15px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}

.description-timeline-2.align-right {
  text-align: right;
}

.typography-hero-intro {
  color: var(--colors-brand--choco-background);
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
}

.typography-hero-intro.intro-rest {
  color: #2a2a2a;
  margin-bottom: 0;
  padding-left: 42px;
  padding-right: 40px;
  font-size: 1.3vw;
  line-height: 2.2vw;
}

.typography-hero-intro.intro-rest.sample-black {
  color: #000;
  text-align: center;
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  line-height: 1.9vw;
}

.typography-hero-intro.intro-rest.sample-black._400 {
  text-align: left;
  font-weight: 400;
}

.typography-hero-intro.subtitle-restaurants {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 3vw;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.image-355 {
  width: 4vw;
  margin-top: 3px;
}

.image-356 {
  float: right;
  height: 100vh;
  padding-top: 60px;
}

.image-356.browser {
  height: 90vh;
}

.link-block-20 {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.div-block-193 {
  margin-top: 0;
  position: relative;
  left: -17px;
}

.learn-more-2 {
  color: #3f3f3f;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 33px;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  position: relative;
  left: 23%;
}

.learn-more-2.small {
  border-radius: 5px;
  margin-top: 18px;
  padding: 5px 8px;
  font-size: 15px;
  font-weight: 400;
  left: 10%;
}

.learn-more-2.small.first {
  margin-top: 19px;
  left: 10%;
}

.learn-more-2.small.first.turn-right {
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 20px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
}

.learn-more-2.small.turn-right {
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 20px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  position: relative;
}

.learn-more-2.small.turn-right.lower {
  margin-top: 32px;
  left: 3%;
}

.workshops-for-kids-2 {
  background-color: #fff;
  padding-top: 66px;
  padding-bottom: 67px;
}

.column-119 {
  padding-left: 35px;
}

.bold-text-14 {
  text-transform: none;
}

.list-10 {
  width: auto;
  margin: 13px auto 38px 45px;
  padding-left: 0;
}

.columns-49 {
  margin-top: 46px;
  position: relative;
  top: 0;
}

.image-358 {
  margin-top: 23px;
}

.text-block-67 {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 11px;
  font-size: 16px;
}

.text-block-67.workshops-titles {
  text-align: left;
  margin-top: 34px;
  padding-left: 42px;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.text-block-67.workshops-titles.more-space-top {
  margin-top: 26px;
}

.container-48 {
  padding-left: 20px;
  padding-right: 20px;
}

.columns-50 {
  margin-top: 46px;
  position: static;
  top: -18px;
}

.column-121 {
  padding-top: 40px;
}

.div-block-194 {
  flex-direction: column;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
  top: 38px;
  left: 73px;
}

.div-block-194.primary-edu {
  left: 31px;
}

.learn-more-3 {
  color: #3f3f3f;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 33px;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  position: relative;
  left: 23%;
}

.learn-more-3.small {
  border-radius: 5px;
  margin-top: 18px;
  padding: 5px 8px;
  font-size: 15px;
  font-weight: 400;
  left: 10%;
}

.learn-more-3.small.normal {
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 20px;
  margin-right: 40px;
  padding: 10px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 500;
  position: static;
}

.image-359 {
  margin-bottom: 49px;
  padding-left: 5px;
  padding-right: 5px;
}

.container-49 {
  padding-left: 20px;
  padding-right: 20px;
}

.div-block-195 {
  position: relative;
}

.div-block-196 {
  justify-content: center;
  align-items: center;
  padding-left: 43px;
  display: flex;
}

.list-11 {
  width: auto;
  margin: 13px auto 38px 45px;
  padding-left: 0;
}

.list-11.disappear {
  display: none;
}

.div-block-197 {
  padding-left: 17px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-197.edu-works-for {
  left: 10%;
}

.culinary-classes-2 {
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 74px;
}

.higher-education-section-2 {
  background-color: #fff;
  padding-top: 73px;
  padding-bottom: 41px;
}

.image-361 {
  margin-bottom: 22px;
}

.button-13 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #a0cd4e;
  padding: 18px 35px 16px;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.button-13:hover {
  background-color: #b3dd66;
  transform: translate(0, -5px);
  box-shadow: 0 20px 20px #00000026;
}

.button-13.other-color {
  float: none;
  text-align: center;
  background-color: #3f3f3f;
  margin-top: 16px;
  display: inline-block;
  position: relative;
  right: 0;
}

.button-13.other-color:hover {
  background-color: #5f79d8;
}

.button-13.other-color.ss-kit {
  color: #22aac4;
  background-color: #fff;
  border: 2px solid #22aac4;
  border-radius: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-style: normal;
  font-weight: 700;
  position: static;
  top: -8px;
}

.button-13.other-color.ss-kit.readmorenewsroom {
  color: #3f3f3f;
  background-color: #f5f5f5;
  border-width: 1px;
  border-color: #3f3f3f;
  border-radius: 6px;
  font-family: Nexa, sans-serif;
  font-weight: 700;
  position: static;
  top: -20px;
}

.button-13.other-color.ss-kit.readmorenewsroom.company-learn-more {
  float: none;
  letter-spacing: 2px;
  background-color: #0000;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Raleway;
  font-size: 15px;
  font-weight: 600;
  position: static;
  top: -20px;
  left: 0;
  right: auto;
}

.button-13.other-color.ss-kit.readmorenewsroom.company-learn-more.education-more-rd {
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 30px;
  margin-top: 11px;
  margin-left: 10px;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.button-13.other-color.ss-kit.readmorenewsroom.company-learn-more.education-more-rd:hover {
  box-shadow: none;
  transform: none;
}

.div-block-198 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.list-14 {
  width: auto;
  margin: 13px auto 38px 45px;
  padding-left: 0;
}

.container-50 {
  padding-left: 20px;
  padding-right: 20px;
}

.image-362 {
  margin-top: 54px;
}

.learn-more-4 {
  color: #3f3f3f;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 33px;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  position: relative;
  left: 23%;
}

.paragraph-41 {
  margin-bottom: 62px;
}

.paragraph-41.intro-rest {
  color: #2a2a2a;
  margin-bottom: 0;
  padding-left: 42px;
  padding-right: 40px;
  font-size: 1.3vw;
  line-height: 2.2vw;
}

.paragraph-41.intro-rest.sample-black {
  color: #000;
  text-align: center;
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  line-height: 1.9vw;
}

.app-rest-desc-2 {
  color: #000;
  text-align: justify;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
}

.field-of-research-2 {
  background-color: #f5f5f5;
  padding-top: 80px;
  padding-bottom: 84px;
}

.image-363 {
  margin-bottom: 10px;
}

.container-51 {
  display: none;
}

.paragraph-42 {
  margin-bottom: 62px;
}

.paragraph-42.intro-rest {
  color: #2a2a2a;
  margin-bottom: 0;
  padding-left: 42px;
  padding-right: 40px;
  font-size: 1.3vw;
  line-height: 2.2vw;
}

.paragraph-42.intro-rest.sample-black {
  color: #000;
  text-align: center;
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  line-height: 1.9vw;
}

.paragraph-42.subtitle-restaurants {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 3vw;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.image-364 {
  width: 4vw;
  margin-top: 3px;
}

.link-block-21 {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.link-block-21.less-up {
  margin-top: 10px;
}

.columns-51 {
  padding-left: 50px;
  padding-right: 50px;
}

.column-122, .column-123 {
  padding-left: 5px;
  padding-right: 5px;
}

.image-365 {
  padding-left: 10px;
  padding-right: 10px;
}

.app-rest-desc-3 {
  color: #000;
  text-align: justify;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
}

.app-rest-desc-3.images-decription {
  width: 80%;
  margin-bottom: 23px;
  margin-left: auto;
  margin-right: auto;
}

.app-rest-desc-3.images-decription.small {
  font-size: 13px;
}

.app-rest-desc-3.passs {
  padding-left: 10px;
}

.app-rest-desc-3.passs.small {
  font-size: 13px;
}

.app-rest-desc-3.pastry {
  padding-right: 11px;
}

.app-rest-desc-3.pastry.small {
  font-size: 13px;
}

.columns-52 {
  width: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 48px;
  padding-left: 3vw;
  padding-right: 4vw;
}

.columns-53 {
  margin-top: 66px;
}

.columns-54 {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.tab-link-tab-1-7 {
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 12px;
  margin-left: auto;
  margin-right: auto;
}

.tab-link-tab-1-7.w--current {
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 8px;
  margin-top: 30px;
  margin-bottom: 27px;
  padding-left: 15px;
  padding-right: 15px;
}

.tab-link-tab-1-7.demo-see-more {
  border-radius: 0;
  padding-left: 20px;
  padding-right: 20px;
  top: -23px;
  left: -63px;
}

.tab-link-tab-1-7.demo-see-more.personalized {
  position: absolute;
  inset: 0% 18% auto auto;
}

.tab-link-tab-1-7.demo-see-more.personalized.w--current {
  position: absolute;
  inset: -41px 18% auto auto;
}

.tab-link-tab-1-7.demo-see-more.personalized.pastry {
  border-radius: 20px;
  margin-top: 37px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  inset: 12% 0% auto 0;
}

.tab-link-tab-1-7.demo-see-more.personalized.pastry.w--current {
  position: relative;
  bottom: auto;
  left: 0;
  right: 0;
}

.container-52 {
  margin-top: 62px;
  margin-bottom: 32px;
}

.div-block-199 {
  background-color: #0000;
  padding-top: 62px;
  padding-bottom: 51px;
}

.divider-2 {
  background-color: #000;
  width: 100px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
}

.tabs-8 {
  margin-top: -12px;
  margin-bottom: 14px;
  padding-bottom: 1px;
}

.image-367 {
  float: right;
}

.heading-64 {
  color: #000;
  margin-top: 64px;
  margin-bottom: 11px;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 500;
}

.div-block-201 {
  background-color: #f5f5f5;
  margin-bottom: 59px;
  padding-bottom: 31px;
}

.image-368 {
  margin-top: 26px;
}

.div-block-202 {
  background-color: #f5f5f5;
  margin-top: 21px;
  padding-top: 59px;
  padding-bottom: 62px;
}

.tab-link-tab-1-8, .tab-link-tab-1-8.w--current {
  background-color: #0000;
  border: 1px solid #000;
  padding-left: 20px;
  padding-right: 20px;
  top: -36px;
  left: 165px;
}

.tab-link-tab-1-8.long-descriptiion {
  top: -15px;
}

.column-124 {
  padding-left: 41px;
}

.div-block-203 {
  background-color: #0000;
  border-bottom: 1px #999;
  padding-top: 38px;
  padding-bottom: 38px;
}

.more-inspirations-seasonal-4 {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 27px;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  display: none;
  position: relative;
  left: 36%;
}

.more-inspirations-seasonal-4.indiv {
  font-style: normal;
  left: 41%;
}

.more-inspirations-seasonal-4.contact-for-more {
  color: #fff;
  background-color: #3f3f3f;
  margin-top: 12px;
  position: relative;
  left: 33%;
}

.more-inspirations-seasonal-4.contact-for-more.learn-more-printer {
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  background-color: #0079e3;
  border-style: none;
  border-radius: 30px;
  padding: 11px 22px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  display: inline-block;
  left: -1%;
}

.more-inspirations-seasonal-4.contact-for-more.price-now {
  text-align: center;
  text-transform: none;
  border-radius: 30px;
  padding: 10px 22px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  display: inline-block;
  left: 6%;
}

.column-125 {
  padding-left: 5px;
  padding-right: 5px;
}

.columns-55, .image-369 {
  margin-top: 20px;
}

.tabs-content-4 {
  width: 100%;
  position: static;
}

.des-19 {
  color: #000;
  margin-top: 23px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
}

.image-370 {
  margin-top: 20px;
}

.text-block-68 {
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
}

.div-block-206 {
  justify-content: space-between;
  display: flex;
}

.sub-text-2 {
  float: none;
  color: #767676;
  text-align: center;
  text-transform: none;
  flex-direction: row;
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Nexa, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  display: block;
  position: relative;
  inset: 9px 0 0;
}

.sub-text-2.companies {
  color: #3f3f3f;
  text-align: center;
  margin-top: 0;
  margin-bottom: 43px;
  padding-top: 10px;
  font-size: 25px;
}

.sub-text-2.companies.font {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 23px;
  font-weight: 400;
}

.section-43 {
  padding-bottom: 40px;
  display: none;
  position: static;
  top: -25px;
  bottom: 17px;
}

.section-43.customers {
  background-color: #0000;
  margin-top: 34px;
  padding-bottom: 68px;
  display: block;
}

.section-43.customers.white {
  background-color: #0000;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 80px;
}

.descr-food-concepts-rest-2 {
  color: #000;
  text-align: center;
  width: auto;
  margin: 22px auto 49px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.tabs-content-5 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.button-14 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #a0cd4e;
  padding: 18px 35px 16px;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.button-14:hover {
  background-color: #b3dd66;
  transform: translate(0, -5px);
  box-shadow: 0 20px 20px #00000026;
}

.button-14.other-color {
  float: none;
  text-align: center;
  background-color: #3f3f3f;
  margin-top: 16px;
  display: inline-block;
  position: relative;
  right: 0;
}

.button-14.other-color:hover {
  background-color: #5f79d8;
}

.button-14.other-color.ss-kit {
  color: #22aac4;
  background-color: #fff;
  border: 2px solid #22aac4;
  border-radius: 2px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-style: normal;
  font-weight: 700;
  position: static;
  top: -8px;
}

.button-14.other-color.ss-kit.readmorenewsroom {
  color: #3f3f3f;
  background-color: #f5f5f5;
  border-width: 1px;
  border-color: #3f3f3f;
  border-radius: 6px;
  font-family: Nexa, sans-serif;
  font-weight: 700;
  position: static;
  top: -20px;
}

.button-14.other-color.ss-kit.readmorenewsroom.company-learn-more {
  float: none;
  letter-spacing: 2px;
  background-color: #0000;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Raleway;
  font-size: 15px;
  font-weight: 600;
  position: static;
  top: -20px;
  left: 0;
  right: auto;
}

.button-14.other-color.ss-kit.readmorenewsroom.company-learn-more.education-more-rd {
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 30px;
  margin-top: 11px;
  margin-left: 10px;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 25px;
}

.button-14.other-color.ss-kit.readmorenewsroom.company-learn-more.education-more-rd:hover {
  box-shadow: none;
  transform: none;
}

.button-14.other-color.ss-kit.readmorenewsroom.company-learn-more.education-more-rd.more-personal {
  margin-top: 25px;
}

.button-14.other-color.ss-kit.readmorenewsroom.company-learn-more.education-more-rd.more-personal.learn-more-timing {
  color: #000;
  letter-spacing: 1px;
  text-transform: none;
  border-radius: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  position: relative;
  top: -4px;
  left: 59px;
}

.div-block-207 {
  float: right;
  background-color: #dedede;
  border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;
  width: 75%;
  height: 100px;
  position: relative;
  top: -73px;
}

.div-block-207.v3 {
  border-radius: 0 50px 50px 0;
}

.heading-65 {
  margin-bottom: 34px;
  font-size: 28px;
}

.tabs-9 {
  margin-top: -12px;
  margin-bottom: 14px;
  padding-bottom: 1px;
}

.tabs-9.workflow-patissiers {
  margin-top: 1px;
}

.tabs-9.workflow-patissiers.disappear {
  display: none;
}

.more-inspirations-seasonal-5 {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 27px;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  display: none;
  position: relative;
  left: 36%;
}

.more-inspirations-seasonal-5.how-it-works-more {
  margin-top: 65px;
  left: 30%;
}

.more-inspirations-seasonal-5.indiv {
  font-style: normal;
  left: 41%;
}

.more-inspirations-seasonal-5.indiv.markeitng {
  margin-top: 26px;
  left: 27%;
}

.image-373 {
  float: right;
  height: 140px;
  margin-left: 12px;
  position: relative;
  top: -40px;
}

.image-373._3 {
  float: left;
  border-radius: 10px;
  height: 200px;
  margin-left: -1px;
  margin-right: 10px;
  top: -57px;
}

.container-53 {
  margin-top: 29px;
}

.bold-text-15, .bold-text-16, .bold-text-17 {
  letter-spacing: 1px;
}

.more-inspirations-seasonal-6 {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 0;
  margin-top: 27px;
  font-family: Poppins;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  position: relative;
  left: 36%;
}

.more-inspirations-seasonal-6.indiv {
  font-style: normal;
  left: 41%;
}

.more-inspirations-seasonal-6.indiv.markeitng {
  text-transform: none;
  border-radius: 20px;
  margin-top: 26px;
  padding: 10px 40px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 500;
  position: relative;
  left: 9%;
}

.marketing-3 {
  background-color: #f5f5f5;
  padding-top: 36px;
  padding-bottom: 91px;
}

.marketing-3.ww {
  background-color: #0000;
  border-bottom: 1px solid #adadad;
  padding-top: 57px;
}

.marketing-3.ww.patisiery {
  padding-top: 33px;
  padding-bottom: 78px;
}

.marketing-3.ww.patisiery.more-space-top {
  padding-top: 63px;
}

.div-block-208 {
  justify-content: center;
  display: flex;
}

.contact-description-2 {
  float: none;
  color: #333;
  text-align: center;
  width: auto;
  margin-top: 7px;
  margin-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
}

.button-15 {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #a0cd4e;
  padding: 18px 35px 16px;
  font-size: 11px;
  font-weight: 500;
  text-decoration: none;
  transition: all .3s;
}

.button-15:hover {
  background-color: #b3dd66;
  transform: translate(0, -5px);
  box-shadow: 0 20px 20px #00000026;
}

.button-15.other-color {
  float: none;
  text-align: center;
  background-color: #3f3f3f;
  margin-top: 16px;
  display: inline-block;
  position: relative;
  right: 0;
}

.button-15.other-color:hover {
  background-color: #5f79d8;
}

.button-15.other-color.full {
  background-color: #404042;
  width: 100%;
  margin-top: 0;
  font-family: Nexa, sans-serif;
  position: static;
}

.button-15.other-color.full.submit {
  text-transform: none;
  background-color: #4a90e2;
  border-radius: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.button-15.other-color.full.submit:hover {
  background-color: #3c79c0;
}

.button-15.other-color.full.newsletter_btn {
  width: 40%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.heading-66 {
  color: #333;
  letter-spacing: 1px;
  text-transform: none;
  margin-bottom: 35px;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-weight: 300;
}

.form-box {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: var(--colors-interface--white);
  border-radius: 20px;
  flex-flow: column;
  width: 100%;
  margin-bottom: 0;
  padding: 24px 32px;
  display: flex;
  box-shadow: 0 2px 6px #0000000f;
}

.form-box.contact-form {
  background-color: var(--colors-interface--white);
}

.paragraph-43 {
  background-color: #0000;
}

.paragraph-43.text-field {
  background-color: #fff;
  border: 1px #000;
  height: 56px;
  padding-left: 14px;
  font-family: Nexa, sans-serif;
  font-style: italic;
  font-weight: 400;
}

.paragraph-43.text-field:hover, .paragraph-43.text-field:focus {
  background-color: #fafafa;
}

.paragraph-43.text-field.area {
  border-style: none;
  border-color: #8a8a8a;
  height: auto;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 50px;
}

.paragraph-43.text-field.area.notes {
  border-radius: 20px;
  padding-left: 26px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.4;
}

.paragraph-43.text-field.contact-form-field {
  border-style: solid;
  border-color: #8a8a8a;
  border-radius: 28px;
  padding-left: 28px;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
}

.section-specifications {
  padding-top: 0;
  padding-bottom: 70px;
}

.heading-68 {
  color: #a6a6a6;
  text-align: center;
  letter-spacing: 0;
  text-transform: capitalize;
  padding-bottom: 30px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.heading-h3 {
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4em;
}

.techspecs-item {
  grid-column-gap: 10px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #d9d9d9;
  grid-template-rows: auto;
  grid-template-columns: 200px 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 30px;
  display: grid;
}

.techspecs-item-term {
  color: #a6a6a6;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  line-height: 15px;
}

.techspecs-item-description {
  justify-content: flex-start;
  align-items: center;
  line-height: 15px;
}

.techspecs-block {
  margin-bottom: 20px;
}

.container-54 {
  padding-top: 100px;
  padding-left: 150px;
  padding-right: 150px;
}

.white-marble-table {
  width: 100%;
  height: 85px;
  position: absolute;
  inset: auto 0% 0%;
}

.image-375 {
  max-width: 940px;
  max-height: 60vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 79px;
}

.header-h1 {
  color: var(--colors-brand--choco-background);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  font-size: 56px;
  font-weight: 900;
  line-height: 1.2;
}

.header-h1.color-white {
  color: var(--colors-interface--white);
}

.section-content {
  z-index: 10;
  max-width: var(--large);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding-top: 90px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
}

.section-content.section-laptop {
  padding-top: 0;
}

.find-out-more {
  color: var(--colors-interface--black);
  background-color: #fff;
  border-radius: 50px;
  order: 5;
  margin-top: 50px;
  padding: 15px 30px;
  font-family: Arimo;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.div-block-209 {
  flex-flow: row;
  order: 0;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
  position: static;
}

.div-block-210 {
  border-top: 1px solid #ffffff4a;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: static;
}

.black-marble-table {
  width: 100%;
  height: 85px;
  position: absolute;
  bottom: 0;
}

.link-block-22 {
  flex: 0 auto;
  margin-right: 0;
  padding: 12px;
  display: flex;
}

.image-378 {
  height: 20px;
}

.div-block-211 {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  padding-top: 6px;
  display: flex;
}

.div-block-212 {
  width: 100px;
}

.div-block-213 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.block-flex-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  justify-items: center;
  display: grid;
  position: relative;
}

.block-feature {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--colors-interface--white);
  border-radius: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px 24px;
  display: flex;
  position: relative;
}

.block-feature-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  overflow: clip;
}

.block-feature-title {
  text-transform: capitalize;
  padding-top: 20px;
  font-weight: 700;
}

.slider-4 {
  border-radius: var(--medium-border-radius);
  background-color: var(--colors-interface--white);
  height: 60%;
  margin-top: 32px;
}

.block-slide-template-main {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-rows: 100%;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  height: 100%;
  padding: 20px 20px 40px;
  display: grid;
  position: relative;
}

.image-379 {
  height: 100%;
  position: relative;
}

.block-slide-template-image {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 50px;
  display: flex;
  position: relative;
}

.block-slide-template-details {
  padding-bottom: 10px;
  padding-left: 50px;
}

.slider-icon {
  color: var(--colors-interface--byflow-grey);
}

.template-name {
  text-transform: none;
  font-weight: 700;
}

.template-specification {
  color: var(--colors-interface--button-hover);
  font-family: Montserrat, sans-serif;
}

.typography-headline-sub {
  max-width: var(--large);
  color: var(--colors-brand--choco-background);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  flex-flow: row;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  display: block;
}

.typography-headline-sub.white, .typography-headline-sub.color-white {
  color: var(--colors-interface--white);
}

.bold-text-18 {
  font-size: 55px;
  line-height: 1.05;
}

.text-span-12 {
  color: var(--colors-brand--byflow-red);
}

.text-span-13 {
  color: red;
  font-weight: 400;
}

.paragraph-44, .paragraph-38-copy {
  opacity: .9;
  color: #000;
  font-family: Arimo;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.div-block-214 {
  background-image: url('/media/website/images/printhead-with-hand-full.png');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 700px;
  display: flex;
  position: relative;
  bottom: 0;
}

.typography-headline-white {
  color: var(--colors-interface--white);
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.05;
  position: relative;
}

.div-block-214-copy {
  height: 600px;
  display: flex;
}

.image-352-copy {
  float: right;
  max-width: 100%;
}

.techspecs-rowheader {
  font-size: 24px;
  font-weight: 700;
}

.div-block-215 {
  padding-top: 50px;
}

.section-in-the-box.grid-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  display: grid;
}

.section-in-the-box.box-cover {
  background-color: var(--colors-interface--byflow-grey);
  transform: translate(0px, 0px) scale3d(1none, 1none, 1none);
  transform-style: preserve-3d;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300px;
  transition: all .3s ease-out;
  display: flex;
  position: relative;
  box-shadow: 0 0 0 1px #f5f5f7;
}

.section-in-the-box.box-cover:hover {
  transform: translate(0, -5px)scale(1.03);
}

.section-in-the-box.box-image {
  padding-left: 30px;
  padding-right: 30px;
}

.section-in-the-box.box-text {
  color: var(--colors-interface--black);
  padding-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
}

.image-380 {
  position: relative;
  overflow: visible;
}

.div-block-216 {
  background-image: url('/media/website/images/OPUS-touchscreen_1.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: 60%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  bottom: 0;
}

.typography-headline-medium {
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 45px;
  font-weight: 300;
  line-height: 1.05em;
}

.div-block-217 {
  background-image: url('/media/website/images/opus-events-medium.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 54px;
  right: 0;
}

.text-span-14 {
  text-transform: none;
  font-weight: 300;
}

.section-44 {
  height: 100vh;
}

.header-pastryclub {
  background-image: url('/media/website/images/jurgen-main.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 54px;
  right: 0;
}

.header-chocolatier {
  background-image: url('/media/website/images/opus-assistant-decoration_1.avif');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

.section-auto-height.bg-black {
  background-color: var(--colors-interface--black);
  padding-top: 150px;
}

.section-auto-height.bg-cream {
  background-color: var(--colors-interface--byflow-cream);
}

.section-auto-height.bg-grey {
  background-color: var(--colors-interface--byflow-grey);
  position: relative;
}

.section-auto-height.bg-beige {
  background-color: var(--colors-interface--byflow-beige);
}

.section-auto-height.bg-choco {
  background-color: var(--colors-brand--choco-background);
}

.div-block-218 {
  width: 60%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  position: relative;
  overflow: hidden;
}

.section-full-height-opus {
  background-color: #fff;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.section-full-height-opus.bg-choco {
  background-color: var(--colors-brand--choco-background);
  background-image: none;
  padding-top: 100px;
  display: block;
}

.section-full-height-opus.bg-white {
  background-color: #fcf8f7;
}

.section-full-height-opus.bg-beige {
  background-color: var(--colors-interface--byflow-beige);
  padding-top: 100px;
}

.section-full-height-opus.bg-grey {
  background-color: var(--colors-interface--byflow-grey);
}

.section-full-height-opus.bg-black {
  background-color: #000;
}

.div-block-219 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-218-copy {
  background-color: var(--colors-interface--byflow-grey);
  opacity: 1;
  background-image: linear-gradient(#fffc, #fff0 60%), url('/media/website/images/opus-cooling_1.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100%;
  position: absolute;
}

.block-feature-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding: 20px;
  display: block;
  position: relative;
}

.grid-images-block {
  border-radius: 20px;
  min-height: 400px;
}

.grid-images {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 50px;
  padding-bottom: 50px;
  display: grid;
}

.grid-decoration-image {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
}

.div-block-221 {
  background-image: url('/media/website/images/chocobar-happy-holiday.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.div-block-222 {
  background-image: url('/media/website/images/chocobar-santa.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.div-block-223 {
  background-image: url('/media/website/images/cookie-holiday-collection.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.div-block-224 {
  background-image: url('/media/website/images/foil-christmas-decorations_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.div-block-225 {
  background-image: url('/media/website/images/pralines-advent-calendar.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.div-block-226 {
  padding-top: 50px;
  display: flex;
}

.div-block-227 {
  width: 320px;
}

.heading-70 {
  color: var(--colors-interface--white);
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.div-block-228 {
  background-color: var(--colors-interface--dark-slate-grey);
  border-radius: 20px;
  margin-bottom: 50px;
  padding: 30px;
}

.text-span-15 {
  color: var(--colors-interface--button-hover);
  letter-spacing: .01em;
  font-size: 16px;
  line-height: 1.03;
}

.div-block-229 {
  display: flex;
}

.background-cartridge {
  background-color: var(--colors-interface--byflow-grey);
  opacity: 1;
  background-image: linear-gradient(#ffffffb3, #fff0 49%), url('/media/website/images/opus-cartridges_1.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-157-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  order: 5;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 48px;
  position: relative;
}

.masterpiece-text-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--colors-brand--byflow-red);
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  order: 3;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-left: 200px;
  font-family: Majesty, sans-serif;
  font-size: 50px;
  display: flex;
  transform: rotate(-5deg);
}

.intro-movie {
  height: 100vh;
  position: relative;
}

.background-video-3 {
  background-color: #00000045;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.icon-arrow-down.bounce {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  position: absolute;
  bottom: 0;
}

.div-block-126 {
  justify-content: center;
  width: 100%;
  display: block;
  position: relative;
  bottom: auto;
}

.intro-message {
  color: #ffffffe6;
  letter-spacing: .03em;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.1em;
  position: static;
  inset: 0% auto auto 0%;
}

.block-buttons-intro {
  justify-content: center;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.products-intro {
  color: #f5f5f5;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  background-color: #4a90e2;
  border: 1px #000;
  border-radius: 30px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 12px 60px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  display: block;
  position: static;
  inset: 59% auto auto 39%;
}

.products-intro:hover {
  background-color: #3c79c0;
}

.blog-preview-div {
  height: 100%;
  padding-left: 5%;
  padding-right: 5%;
}

.collection-list-4 {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.blog-preview {
  width: 33%;
  padding-left: 7px;
  padding-right: 7px;
}

.container-55, .collection-list-wrapper-4 {
  height: 100%;
}

.heading-blog-preview {
  color: #333;
  margin-top: 5px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 17px;
}

.service-wrapper {
  color: #121212;
  background-color: #fff;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  transition: all .4s;
  display: block;
}

.service-wrapper:hover {
  box-shadow: 0 0 20px #0000001a;
}

.service-wrapper.in-blog {
  border: 0 solid #b3b3b3;
  border-radius: 15px;
  flex-direction: column;
  width: 100%;
  margin-bottom: 29px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.service-wrapper.in-blog:hover {
  transform: translate(0, -5px);
  box-shadow: 0 20px 20px #0000001a;
}

.service-bottom {
  background-color: #f5f5f5;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 150px;
  padding: 7px 20px 20px;
}

.service-bottom.blog {
  height: 180px;
  padding-top: 15px;
}

.paragraph-45 {
  color: #414141;
  letter-spacing: 1px;
  text-transform: none;
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.paragraph-45.in-service {
  color: #8c8c8c;
  text-transform: none;
  background-color: #0000;
  margin-bottom: auto;
  font-family: Nexa, sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 100;
  line-height: 20px;
}

.paragraph-45.in-service.blog-date {
  letter-spacing: 0;
  margin-top: 11px;
  font-family: Montserrat, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 300;
}

.collection-list-wrapper-3-copy {
  padding-bottom: 27px;
  position: relative;
}

.latest-news {
  letter-spacing: 0;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 700;
}

.sub-text-3 {
  float: none;
  color: #767676;
  text-align: center;
  text-transform: none;
  flex-direction: row;
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  display: block;
  position: relative;
  inset: 9px 0 0;
}

.typography-headline-sub-black {
  color: var(--colors-interface--black);
  text-align: center;
  letter-spacing: .01em;
  flex-flow: row;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.image-375-copy {
  max-width: 940px;
  max-height: 60vh;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 79px;
}

.div-block-230 {
  float: left;
  width: 50%;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.div-block-231 {
  float: right;
  background-image: url('/media/website/images/byflow-studio-laptop-online-manual_1.avif');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 900px;
  height: 540px;
  position: relative;
  left: -47px;
}

.typography-callout {
  color: var(--colors-brand--choco-background);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.125;
}

.div-block-232 {
  float: left;
  width: 50%;
  position: relative;
}

.typography-callout-sub {
  float: left;
  color: #966c55cc;
  text-align: left;
  letter-spacing: .01em;
  flex-flow: row;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 30px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
  display: block;
}

.row-flex {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-233 {
  background-image: url('/media/website/images/Tom-with-opus_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 50%;
  height: 100%;
  position: absolute;
  top: 54px;
  right: 0;
}

.row-noflex {
  z-index: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.typography-hero-headline {
  color: var(--colors-brand--choco-background);
  text-align: left;
  letter-spacing: -.015em;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.3;
}

.div-block-234 {
  width: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.typography-hero-headline-white {
  color: var(--colors-interface--white);
  text-align: left;
  letter-spacing: -.015em;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.05;
}

.typography-hero-intro-white {
  color: var(--colors-interface--white);
  margin-top: 1em;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.5;
}

.typography-hero-intro-white.intro-rest {
  color: #2a2a2a;
  margin-bottom: 0;
  padding-left: 42px;
  padding-right: 40px;
  font-size: 1.3vw;
  line-height: 2.2vw;
}

.typography-hero-intro-white.intro-rest.sample-black {
  color: #000;
  text-align: center;
  margin-bottom: 1vw;
  font-family: Montserrat, sans-serif;
  font-weight: 300;
  line-height: 1.9vw;
}

.typography-hero-intro-white.intro-rest.sample-black._400 {
  text-align: left;
  font-weight: 400;
}

.typography-hero-intro-white.subtitle-restaurants {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 3vw;
  font-family: Montserrat, sans-serif;
  font-weight: 700;
}

.dropdown-menu-list-last {
  background-color: var(--colors-interface--white);
  color: var(--colors-interface--black);
  text-align: left;
  border: 1px #000;
  border-bottom-width: 0;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  transition: all .3s;
  display: block;
}

.dropdown-menu-list-last:hover {
  background-color: #0000000a;
  transform: none;
}

.dropdown-menu-list-last.w--current {
  color: var(--colors-interface--black);
  font-weight: 400;
  display: block;
}

.container-footer {
  max-width: 1200px;
  padding-left: 22px;
  padding-right: 22px;
}

.div-block-235 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.background-diamond {
  background-color: var(--colors-interface--byflow-grey);
  opacity: 1;
  background-image: linear-gradient(#000000b3, #0000 75%), url('/media/website/images/opus-diamonds_1.avif');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100%;
  position: absolute;
  inset: auto 0% 0%;
}

.image-381 {
  height: 50%;
  position: absolute;
  top: 15%;
  left: 10%;
  transform: rotate(-25deg);
}

.image-381-copy {
  height: 50%;
  position: absolute;
  top: 15%;
  right: 10%;
  transform: rotate(25deg);
}

.div-block-236 {
  background-image: url('/media/website/images/opus-tlab_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 170%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.div-block-237 {
  padding-top: 8%;
}

.section-hero-content {
  z-index: 10;
  max-width: var(--container-large);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: calc(100% - 54px);
  margin-top: 54px;
  padding-top: 48px;
  padding-left: 22px;
  padding-right: 22px;
  display: flex;
  position: relative;
}

.section-hero-content.section-laptop {
  padding-top: 0;
}

.row-hero-flex {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: calc(100% - 54px);
  margin-top: 54px;
  display: flex;
}

.hero-navbar-bg {
  z-index: 10;
  background-color: var(--colors-interface--byflow-cream);
  width: 100%;
  height: 54px;
  position: absolute;
  top: 0;
}

.block-timeline-main {
  display: flex;
  position: relative;
}

.div-block-238 {
  width: 30%;
  display: flex;
  position: relative;
}

.heading-71 {
  color: var(--colors-brand--choco-background);
  letter-spacing: 0;
  text-transform: none;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.05em;
}

.text-span-16 {
  font-weight: 300;
}

.text-block-70 {
  color: var(--colors-brand--byflow-red);
  padding-bottom: 5px;
  font-size: 14px;
  font-weight: 700;
}

.block-timeline-column-date {
  width: 35%;
  position: relative;
}

.div-block-239 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.block-timeline-column-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 65%;
  display: grid;
}

.section-content-full-width {
  max-width: var(--container-large);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding: 90px 22px 120px;
  display: flex;
  position: relative;
}

.section-content-full-width.align-center {
  justify-content: flex-start;
  align-items: center;
  top: 0;
}

.section-content-full-width.small-padding {
  padding-top: 32px;
  padding-bottom: 32px;
}

.timeline-image {
  background-color: #fff;
  border-radius: 20px;
  position: relative;
}

.timeline-image.border {
  border-radius: 8px;
}

.timeline-image.with-padding {
  padding: 20px;
}

.text-span-17 {
  font-weight: 300;
}

.button-byflow-studio {
  color: var(--colors-interface--black);
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 20px;
  margin-top: 30px;
  margin-right: auto;
  padding: 8px 17px;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  inset: 0% 8% auto auto;
}

.button-byflow-studio.v2 {
  color: var(--colors-interface--black);
  background-color: #ffffff80;
  border-style: none;
  margin-top: 10px;
  margin-right: 0;
  padding: 6px 20px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  transition: all .3s ease-in-out;
  display: inline-block;
  position: static;
  box-shadow: 0 1px 3px #0003;
}

.button-byflow-studio.v2:hover {
  background-color: var(--colors-brand--byflow-red);
  color: var(--colors-interface--white-smoke);
}

.grid-decoration-block-info {
  background-color: var(--colors-interface--white);
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  width: 100%;
  height: 100px;
  padding: 20px;
}

.decoration-name {
  text-align: center;
  letter-spacing: .05em;
  text-transform: none;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.05em;
}

.decoration-specification {
  float: left;
  text-align: center;
  width: 33%;
  position: relative;
}

.image-382 {
  background-image: url('/media/website/images/cake-christmastree.avif');
  background-position: 50%;
  background-size: auto;
  width: 100%;
  height: 100%;
}

.decoration-image {
  object-fit: cover;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  width: 100%;
  height: 350px;
  max-height: 100%;
  position: relative;
  overflow: clip;
}

.bold-text-19 {
  text-transform: uppercase;
  font-weight: 900;
}

.text-block-71 {
  color: var(--colors-brand--choco-background);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  width: 100%;
  padding-top: 100px;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.05em;
  position: absolute;
  top: 0;
}

.text-block-71-copy {
  color: var(--colors-brand--choco-background);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  width: 100%;
  padding-top: 64px;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.05em;
  position: relative;
  top: 0;
}

.header-majesty {
  color: var(--colors-brand--byflow-red);
  text-transform: none;
  text-shadow: -3px 3px #fa33434d, -1.5px 1.5px #fa334399;
  font-family: Majesty, sans-serif;
  font-size: 60px;
}

.header-majesty.byflow-studio-plus-red {
  justify-content: center;
  align-items: flex-end;
  font-size: 101px;
  line-height: .6;
  display: inline-flex;
  overflow: clip;
  transform: translate(0, 7px)rotate(-10deg);
}

.text-block-72 {
  color: var(--colors-brand--choco-background);
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding-top: 16px;
  font-size: 26px;
  font-weight: 900;
  position: relative;
}

.text-block-45-copy {
  clear: none;
  color: #966c55cc;
  text-transform: none;
  flex-flow: column;
  flex: 0 auto;
  order: 2;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 16px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.1em;
  display: flex;
}

.heading-72 {
  color: var(--colors-brand--choco-background);
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 60px;
  font-weight: 900;
  line-height: 1.05em;
}

.div-block-240 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.row-flex-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 80px;
  display: grid;
}

.image-rounded {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 400px;
  position: relative;
}

.text-span-18 {
  text-transform: capitalize;
}

.image-title {
  color: var(--colors-interface--white);
  text-transform: uppercase;
  text-shadow: 0 1px 1px #0003;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.05em;
  position: absolute;
  top: 18px;
  left: 20px;
}

.image-title.color-black {
  color: var(--colors-interface--black);
}

.block-image-title {
  border-radius: 20px;
  font-style: normal;
  transition: all .3s;
  position: relative;
  transform: translate(0);
  box-shadow: 2px 4px 12px #00000024;
}

.block-image-title:hover {
  transform: scale(1.03)translate(0, -5px);
}

.typography-feature-box {
  color: var(--colors-brand--choco-background);
  letter-spacing: 0;
  margin-bottom: 0;
  font-size: 29px;
  font-weight: 700;
  line-height: 1.05em;
}

.typography-feature-box.color-white {
  color: var(--colors-interface--white);
  font-size: 26px;
}

.text-span-19 {
  font-family: Arimo;
  font-size: 32px;
}

.div-block-218-copy {
  background-image: url('/media/website/images/OPUS-touchscreen.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}

.image-chocolate-assistant {
  border-radius: 20px;
  width: 50%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.text-block-45-copy {
  clear: none;
  color: var(--colors-brand--choco-background);
  text-align: center;
  text-transform: none;
  flex-flow: column;
  flex: 0 auto;
  order: 2;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 66.6666%;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
}

.text-block-45-copy-copy {
  clear: none;
  color: #835d49;
  text-transform: none;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.3;
  display: flex;
}

.text-block-45-3 {
  clear: none;
  color: #ffffffd1;
  text-transform: none;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4em;
  display: flex;
}

.row-flex-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 32px;
  display: grid;
}

.block-image-text {
  border-radius: var(--medium-border-radius);
  background-color: var(--colors-interface--white);
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  align-content: start;
  place-items: start;
  width: 100%;
  display: grid;
  box-shadow: 0 2px 6px #0003;
}

.background-cooling {
  background-color: var(--colors-interface--byflow-grey);
  opacity: 1;
  background-image: linear-gradient(#fffc, #fff0 60%), url('/media/website/images/opus-cooling_1.avif');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-small-rounded {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 300px;
  position: relative;
}

.tagline {
  clear: none;
  color: #966c55cc;
  letter-spacing: 2px;
  text-transform: uppercase;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.1em;
  display: flex;
}

.div-block-241 {
  background-color: var(--colors-brand--choco-background);
  border-radius: 20px;
  padding: 90px 140px;
}

.text-block-45-copy-copy-copy {
  clear: none;
  opacity: .79;
  color: var(--colors-interface--white);
  text-align: center;
  text-transform: none;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4em;
  display: flex;
}

.typography-headline-white-copy {
  color: var(--colors-interface--white);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.15em;
  position: relative;
}

.div-block-242 {
  justify-content: center;
  align-items: center;
  padding-top: 48px;
  display: flex;
}

.text-block-73 {
  color: var(--colors-interface--white);
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.4;
}

.row-grid-6 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin-top: 32px;
  display: grid;
}

.image-convert-bw {
  filter: contrast(200%) grayscale();
}

.image-convert-bw.logo-image {
  width: 150px;
}

.block-text-box {
  background-color: var(--colors-brand--choco-background);
  border-radius: 20px;
  padding: 44px 40px;
}

.block-text-and-image {
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: grid;
  position: relative;
}

.block-feature-info {
  border-radius: var(--medium-border-radius) 0px 0px var(--medium-border-radius);
  background-color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 5.5rem;
  padding-right: 5.5rem;
  display: flex;
}

.block-feature-visual {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: flex;
  position: relative;
}

.background-cooling-copy {
  background-color: var(--colors-interface--byflow-grey);
  opacity: 1;
  background-image: url('/media/website/images/opus-diamonds_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  height: 100%;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.section-auto-height-opus {
  background-color: #fff;
  position: relative;
  overflow: hidden;
}

.section-auto-height-opus.bg-choco {
  background-color: var(--colors-brand--choco-background);
  background-image: none;
  padding-top: 100px;
  display: block;
}

.section-auto-height-opus.bg-white {
  background-color: #fcf8f7;
}

.section-auto-height-opus.bg-beige {
  background-color: var(--colors-interface--byflow-beige);
}

.section-auto-height-opus.bg-grey {
  background-color: var(--colors-interface--byflow-grey);
}

.section-auto-height-opus.bg-black {
  background-color: #000;
}

.section-auto-height-opus.bg-cream {
  background-color: var(--colors-interface--byflow-cream);
}

.flex-image-h50 {
  border-top-left-radius: var(--medium-border-radius);
  border-top-right-radius: var(--medium-border-radius);
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.flex-text-h50 {
  padding: 24px 32px 32px;
  position: relative;
}

.image-383 {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.flex-image-contain {
  object-fit: fill;
  border-radius: 10px;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.typography-heading-3-cap-2 {
  color: var(--colors-brand--choco-background);
  letter-spacing: 0;
  text-transform: capitalize;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.05em;
}

.typography-heading-3-cap-2.color-white {
  color: var(--colors-interface--white);
}

.paragraph-text {
  color: var(--colors-interface--black);
  text-align: left;
  letter-spacing: .02em;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}

.paragraph-text.color-white {
  color: var(--colors-interface--white);
}

.paragraph-text.align-center {
  text-align: center;
  top: 0;
}

.div-block-248 {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  display: flex;
  position: relative;
}

.heading-h4 {
  color: var(--colors-brand--choco-background);
  text-align: left;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.14;
  position: relative;
}

.typography-headline-sub-feature {
  color: var(--colors-interface--black);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: none;
  flex-flow: row;
  margin-left: auto;
  margin-right: auto;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.47;
  display: block;
}

.typography-headline-sub-feature.white, .typography-headline-sub-feature.color-white {
  color: var(--colors-interface--white);
}

.image-feeding {
  border-radius: var(--medium-border-radius) 0px 0px var(--medium-border-radius);
  background-color: var(--colors-interface--white);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.section-content-full-width-feature {
  max-width: var(--container-large);
  height: 100%;
  padding: 30px 22px;
  position: relative;
}

.div-block-18.full-width {
  width: 100%;
  margin-top: 16px;
}

.link-8 {
  color: #313131;
  cursor: pointer;
  text-decoration: none;
}

.link-8:hover {
  text-decoration: underline;
}

.privacy-policy {
  opacity: .5;
  color: var(--colors-interface--black);
  font-weight: 300;
}

.privacy-policy.center-text {
  text-align: center;
}

.paragraph-46 {
  color: #414141;
  letter-spacing: 1px;
  text-transform: none;
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.paragraph-46.form-text {
  color: var(--colors-brand--choco-background);
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.paragraph-46.in-link {
  color: #969696;
  font-family: Nexa, sans-serif;
  font-size: 15px;
  font-style: italic;
  display: block;
}

.paragraph-46.text-field {
  color: var(--colors-brand--choco-background);
  letter-spacing: 0;
  background-color: #fff;
  border-radius: 28px;
  height: 56px;
  margin-bottom: 0;
  padding-left: 26px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.paragraph-46.text-field:hover {
  background-color: #fafafa;
}

.div-block-249 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-250 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 16px;
  display: grid;
}

.form-3 {
  max-width: var(--medium);
  margin-left: auto;
  margin-right: auto;
}

.link-9 {
  color: var(--colors-brand--byflow-red);
}

.link-10 {
  float: left;
  color: #fff9;
  margin-left: 20px;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  position: relative;
}

.link-10:hover {
  text-decoration: underline;
}

.div-block-251 {
  padding-top: 54px;
  padding-bottom: 54px;
}

.typography-headline-sub-2 {
  color: #966c55;
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  flex-flow: row;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4em;
  display: block;
}

.block-feature-badge {
  border-radius: 20px;
  width: 250px;
  margin-bottom: 30px;
  margin-left: auto;
  position: relative;
}

.block-feature-badge.align-left {
  margin-left: 0;
}

.typography-feature-badge-caption {
  clear: none;
  color: #966c55cc;
  text-transform: none;
  flex-flow: column;
  flex: 0 auto;
  order: 2;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  font-family: Montserrat, sans-serif;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.4em;
  display: flex;
}

.typography-feature-badge-caption.color-white {
  color: #fffc;
}

.typography-feature-value {
  color: var(--colors-brand--choco-background);
  letter-spacing: 0;
  text-transform: none;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 900;
  line-height: 1;
}

.typography-feature-value.color-white {
  color: var(--colors-interface--white);
}

.text-span-20, .text-span-21 {
  font-weight: 700;
}

.section-content-page-width {
  max-width: 100%;
  height: 100%;
  padding-top: 90px;
  padding-bottom: 120px;
  position: relative;
  overflow: clip;
}

.brand-logo-wrapper {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  overflow: visible;
}

.logo-slider-wrapper {
  flex: none;
  width: 100%;
  display: flex;
}

.logo-slider {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex: none;
  width: 100%;
  display: flex;
  position: relative;
}

.logo-slider-items {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.background-video-4 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-252 {
  margin-top: 32px;
}

.video-how-opus-works {
  z-index: 10;
  aspect-ratio: 3 / 4;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
}

.background-video-6 {
  z-index: 10;
  aspect-ratio: 3 / 4;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  max-width: 100%;
}

.background-video-7 {
  z-index: -1;
  background-color: #00000045;
  width: 100%;
  height: 100vh;
  position: absolute;
}

.background-video-8, .background-video-9 {
  z-index: 10;
  aspect-ratio: 3 / 4;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  max-width: 100%;
}

.play-pause-button {
  width: 20px;
}

.background-video-10 {
  z-index: 10;
  aspect-ratio: 16 / 9;
  border-top-left-radius: var(--medium-border-radius);
  border-bottom-left-radius: var(--medium-border-radius);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.play-pause-button-2 {
  width: 20px;
}

.section-bento {
  z-index: 10;
  flex-flow: column;
  max-width: 1380px;
  height: 100%;
  padding: 70px 22px;
  display: flex;
  position: relative;
}

.section-bento.section-laptop {
  padding-top: 0;
}

.section-bento.align-center {
  justify-content: flex-start;
  align-items: center;
  top: 0;
}

.div-block-253 {
  justify-content: center;
  align-items: center;
  margin-top: 50px;
  display: flex;
  position: relative;
}

.div-block-254 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 50%;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-255 {
  width: 50%;
  height: 100%;
}

.div-block-256 {
  background-image: linear-gradient(90deg, var(--colors-interface--byflow-grey), #fff0);
  width: 10%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.div-block-256-copy {
  background-image: linear-gradient(270deg, var(--colors-interface--byflow-grey), #fff0);
  width: 10%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.div-block-257 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.image-387 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.div-block-258 {
  width: 100%;
  height: 50vh;
}

.div-block-259 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section-content-copy {
  z-index: 10;
  justify-content: center;
  align-items: center;
  max-width: 980px;
  padding-top: 130px;
  display: flex;
  position: relative;
}

.section-content-copy.section-laptop {
  padding-top: 0;
}

.grid-benefits {
  background-color: var(--colors-interface--white);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  margin: 50px auto 10px;
  display: grid;
}

.benefits-left {
  padding: 24px 12px 24px 24px;
}

.text-block-75 {
  border-bottom: 1px solid var(--colors-interface--button-hover);
  justify-content: flex-start;
  align-items: center;
  height: 70px;
  padding-left: 24px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.4;
  display: flex;
  position: relative;
}

.text-block-76 {
  border-bottom: 1px solid var(--colors-interface--button-hover);
  justify-content: flex-start;
  align-items: center;
  padding: 20px 10px 20px 24px;
  font-size: 16px;
  line-height: 1.2;
  display: block;
}

.benefits-right {
  padding: 24px 24px 24px 12px;
}

.benefits-column {
  border-radius: var(--medium-border-radius);
  background-color: var(--colors-interface--byflow-grey);
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.benefits-column.background-choco {
  background-color: var(--colors-brand--choco-background);
  color: var(--colors-interface--white);
}

.div-block-263 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.form-field-single-row {
  color: #414141;
  letter-spacing: 1px;
  text-transform: none;
  background-color: #0000;
  font-family: Montserrat, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 25px;
}

.form-field-single-row.form-text {
  color: #fff;
  letter-spacing: 0;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
}

.form-field-single-row.in-link {
  color: #969696;
  font-family: Nexa, sans-serif;
  font-size: 15px;
  font-style: italic;
  display: none;
}

.form-field-single-row.text-field {
  color: var(--colors-brand--choco-background);
  letter-spacing: 0;
  background-color: #fff;
  border-radius: 28px;
  height: 56px;
  margin-bottom: 10px;
  padding-left: 26px;
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

.form-field-single-row.text-field:hover {
  background-color: #fafafa;
}

.text-block-76-copy {
  justify-content: flex-start;
  align-items: center;
  padding: 20px 10px 20px 24px;
  font-size: 16px;
  line-height: 1.2;
  display: block;
}

.background-video-11 {
  z-index: 10;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
}

.image-388 {
  width: 20px;
}

.image-389 {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.text-block-77 {
  color: var(--colors-brand--choco-background);
  text-align: left;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.4;
}

.italic-text-8 {
  color: var(--colors-brand--choco-background);
  font-size: 18px;
  font-weight: 700;
}

.div-block-264 {
  padding-top: 40px;
  display: flex;
}

.div-block-265 {
  width: 20%;
}

.div-block-266 {
  width: 80%;
}

.text-span-22 {
  opacity: .8;
  font-weight: 700;
}

.div-block-267 {
  aspect-ratio: 16 / 9;
  box-shadow: inset 0 5px 20px 9px var(--colors-interface--byflow-cream);
  background-image: url('/media/website/images/opus-multiprints-text_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
}

.div-block-268 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.section-content-no-bottom {
  z-index: 10;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 980px;
  height: 100%;
  padding-top: 90px;
  padding-bottom: 30px;
  display: flex;
  position: relative;
}

.section-content-no-bottom.section-laptop {
  padding-top: 0;
}

.decoration-specification-full-width {
  float: left;
  text-align: center;
  width: 100%;
  position: relative;
}

.div-block-157-copy-copy {
  order: 5;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 32px;
  display: flex;
  position: relative;
}

.hero-image-grid {
  width: 100%;
  max-width: 1380px;
  height: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 54px 22px 90px;
}

.hero-image {
  background-image: url('/media/website/images/chocobar-santa.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.hero-image.foil-santa {
  background-image: url('/media/website/images/foil-christmas-decorations_1.avif');
}

.hero-image.happy-holiday-bar {
  background-image: url('/media/website/images/chocobar-happy-holiday.avif');
}

.hero-image.christmas-tree-cake {
  background-image: url('/media/website/images/cake-christmastree.avif');
}

.hero-image.praline-advent-calendar {
  background-image: url('/media/website/images/advent-calendar-multiple_1.avif');
  background-position: 50% 70%;
}

.hero-image.christmas-tree-cookie {
  background-image: url('/media/website/images/cookie-holiday-collection.avif');
}

.hero-image.hand {
  background-image: url('/media/website/images/chocolate-ring_1.avif');
}

.hero-image.sven-cake {
  background-image: url('/media/website/images/sven-cake-flatter.jpg');
}

.hero-image.wedding-cake {
  background-image: url('/media/website/images/IMG-8209911.jpg');
  background-position: 50% 75%;
}

.hero-image.language-cookies {
  background-image: url('/media/website/images/cookies-text_1.avif');
}

.hero-image.logo {
  background-image: url('/media/website/images/DSC_8562v1-lighter.jpg');
}

.hero-image.happy-bd-bar {
  background-image: url('/media/website/images/chocobar-happy-birthday-james.png');
}

.hero-image.moai {
  background-image: url('/media/website/images/dual-color-moai_1.avif');
  background-position: 50%;
  background-size: cover;
}

.hero-image.jurgen-triangle {
  background-image: url('/media/website/images/jurgen-koens-cake-decoration_1.avif');
}

.hero-image.mini-vase {
  background-image: url('/media/website/images/Masterpieces-FINAL-DOC-19.png');
}

.hero-image.chocolate-texture {
  background-image: url('/media/website/images/ganache.jpg');
}

.hero-image.jurgen-cake {
  background-image: url('/media/website/images/IMG_40032.jpg');
  background-position: 50% 0;
  background-size: 700px;
}

.hero-image.rings-stand {
  background-image: url('/media/website/images/Snapseed-6_1.avif');
  background-position: 100%;
  background-size: 800px;
}

.hero-image._3-easter-eggs {
  background-image: url('/media/website/images/chocolate-easter-eggs_1.avif');
}

.hero-image.easter-bunny-pastry-club {
  background-image: url('/media/website/images/kkk1_1.avif');
}

.hero-image.happy-easter-robin-bar {
  background-image: url('/media/website/images/happy-easter-robin-bar_1.avif');
  background-position: 50% 35%;
}

.fs-cc_title {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
}

.popup-cookie {
  flex: 1;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.fs-cc_button {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  color: #fff;
  text-align: center;
  letter-spacing: -.01em;
  background-color: #1c1c1c;
  border: 1px solid #000;
  border-radius: 160px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 16px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.15;
  transition: background-color .1s;
  display: inline-flex;
}

.fs-cc_button:hover {
  opacity: .6;
}

.fs-cc_button.is-secondary {
  color: #292929;
  letter-spacing: -.01em;
  background-color: #f7f6f5;
  border-style: none;
  width: 100%;
}

.fs-cc_modal {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  width: 100%;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
  font-size: .9375rem;
  line-height: 1.4;
  display: flex;
  position: relative;
  box-shadow: inset 0 0 0 1px #fff0, 0 1px 2px #0003;
}

.fs-cc_checkbox {
  cursor: pointer;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.75rem;
  transition: color .15s cubic-bezier(.25, .46, .45, .94);
}

.fs-cc_checkbox.is--not-allowed {
  cursor: not-allowed;
}

.fs-cc_form {
  margin-bottom: 0;
}

.fs-cc_close-button {
  z-index: 5;
  cursor: pointer;
  background-color: #f8f8f8;
  justify-content: center;
  align-items: center;
  width: 2.5rem;
  height: 2.5rem;
  margin: 1.25rem 1.25rem -2.5rem auto;
  display: flex;
  position: relative;
}

.fs-cc_link {
  text-decoration: underline;
}

.cookie-preference_background {
  opacity: 1;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  cursor: pointer;
  background-color: #0006;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc_screen-reader-only {
  width: 1px;
  height: 1px;
  margin: -1px;
  position: absolute;
  overflow: hidden;
}

.fs-cc_checkbox-label {
  letter-spacing: 0;
  cursor: pointer;
  margin-bottom: .25rem;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.15;
}

.fs-cc_preference-buttons {
  z-index: 1;
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 16px;
  display: flex;
  position: sticky;
  bottom: -2rem;
}

.fs-cc_preference-component {
  z-index: 9525;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc_modal-buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.fs-cc_checkbox-description {
  color: #040301b0;
  cursor: pointer;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

.fs-cc_preferences {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  margin-top: 20px;
  display: flex;
}

.fs_cc-modal-content {
  padding: 16px;
}

.fs-cc_close-button-line {
  background-color: #000;
  width: 1rem;
  height: 2px;
  position: absolute;
  transform: rotate(-45deg);
}

.fs-cc_close-button-line.is-2nd {
  transform: rotate(45deg);
}

.fs-cc_cookie-component {
  z-index: 9500;
  max-width: 25rem;
  padding: 20px;
  display: none;
  position: fixed;
  bottom: 0;
  right: 0;
}

.fs-cc_description {
  color: #04030166;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.15;
}

.fs-cc_custom-code {
  display: none;
}

.cookie-preference_wrapper {
  z-index: 1;
  width: 100%;
  max-height: 100%;
  padding: 2rem;
  position: relative;
  overflow: auto;
}

.fs-cc_checkbox-button {
  float: left;
  border: 1px solid #0003;
  border-radius: .125rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: -1.75rem;
  transition: background-color .2s cubic-bezier(.25, .46, .45, .94);
}

.fs-cc_checkbox-button.w--redirected-checked {
  background-color: #146ef5;
  background-image: url('/media/website/images/radio__checkmark.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border: 1px solid #146ef5;
}

.fs-cc_checkbox-button.w--redirected-focus {
  box-shadow: none;
}

.fs-cc_checkbox-button.is-required {
  cursor: not-allowed;
  background-color: #146ef5;
  background-image: url('/media/website/images/radio__checkmark.svg');
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: .625rem;
  border-color: #146ef5;
}

.link-11 {
  color: var(--colors-interface--byflow-black);
  font-style: normal;
  font-weight: 400;
}

.play-pause-button-3 {
  width: 20px;
}

.background-video-12 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 100%;
  margin-top: 32px;
  overflow: hidden;
}

.faq-content {
  grid-column-gap: 5rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: start;
}

.typography-callout-copy {
  color: var(--colors-brand--choco-background);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: capitalize;
  text-align: left;
  letter-spacing: -.01em;
  text-transform: uppercase;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.125;
}

.typography-callout-copy-copy {
  opacity: .8;
  color: var(--colors-brand--choco-background);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: capitalize;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.125;
}

.typography-callout--faq {
  color: var(--colors-brand--choco-background);
  text-align: left;
  letter-spacing: -.01em;
  text-transform: capitalize;
  font-family: Montserrat, sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 1.125;
}

.faq-list {
  border-bottom: 1px solid #e5e5e5;
}

.faq-question {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  border-top: 1px solid #e5e5e5;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: flex;
}

.faq-icon-wrapper {
  cursor: pointer;
  width: 2rem;
  display: flex;
}

.icon-embed-small {
  color: var(--colors-interface--black);
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.text-block-78 {
  color: var(--colors-brand--choco-background);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
}

.faq-answer {
  overflow: hidden;
}

.text-block-79 {
  color: var(--colors-brand--choco-background);
  padding-bottom: 1.5rem;
}

.div-block-270 {
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  max-width: 64rem;
  height: 100%;
  display: flex;
}

.section-hero-content-copy {
  z-index: 10;
  max-width: 1200px;
  height: calc(100% - 54px);
  padding: 90px 22px 7rem;
  position: relative;
}

.section-hero-content-copy.section-laptop {
  padding-top: 0;
}

.text-block-80 {
  color: var(--colors-brand--choco-background);
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
}

.div-block-271 {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-image: url('/media/website/images/opus-tlab_1.avif');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  max-height: 600px;
}

.blur-top {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(#0009, #0009);
  position: absolute;
  inset: 0;
  -webkit-mask: linear-gradient(#000 0%, #0000 30%);
  mask: linear-gradient(#000 0%, #0000 30%);
}

.blur-left {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-image: linear-gradient(#0000001a, #0000001a);
  position: absolute;
  inset: 0%;
  -webkit-mask: linear-gradient(90deg, #000 10%, #0000 50%);
  mask: linear-gradient(90deg, #000 10%, #0000 50%);
}

.paragraph-47 {
  color: var(--colors-brand--choco-background);
  text-align: center;
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 300;
  line-height: 1.4;
}

.contact-details {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  background-color: var(--colors-interface--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 500px;
  padding: 24px;
  transition: all .3s;
  display: flex;
  transform: translate(0);
}

.contact-details:hover {
  transform: scale(1.03)translate(0, -5px);
}

.image-384-copy {
  background-color: var(--colors-interface--white);
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 350px;
}

.text-span-23 {
  font-weight: 300;
}

.typography-heading-3-center {
  color: var(--colors-interface--black);
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  font-family: Montserrat, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
}

.typography-heading-3-center.faded-heading {
  opacity: .4;
}

.typography-headline-sub-feature-copy {
  color: #0009;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  flex-flow: row;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  display: block;
}

.typography-headline-sub-feature-copy.white, .typography-headline-sub-feature-copy.color-white {
  color: var(--colors-interface--white);
}

.contact-methods {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.vertical-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.vertical-content.align-center {
  justify-content: flex-start;
  align-items: center;
}

.vertical-content.align-left {
  justify-content: flex-start;
  align-items: flex-start;
}

.vertical-content.hero-offset-negative {
  max-width: 400px;
  margin-top: -100px;
}

.vertical-content.small-gap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
}

.heading-h5 {
  color: var(--colors-brand--choco-background);
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
}

.heading-h5.link {
  opacity: .8;
  font-style: normal;
}

.heading-h5.link:hover {
  opacity: 100;
  text-decoration: none;
}

.content-m {
  width: 100%;
  max-width: 654px;
}

.vertical-section {
  grid-column-gap: 96px;
  grid-row-gap: 96px;
  flex-flow: column;
  display: flex;
}

.vertical-section.align-center {
  justify-content: flex-start;
  align-items: center;
}

.form-input {
  border: 1px solid var(--colors-interface--border-dark);
  border-radius: var(--default-border-radius);
  color: var(--colors-interface--black);
  height: 50px;
  margin-bottom: 0;
  padding: 8px 18px;
  font-size: 17px;
  line-height: 1.4;
  transition: border-color .2s;
}

.form-input:focus {
  border-color: #0000004d;
}

.form-input::placeholder {
  color: #00000080;
}

.form-input.text-area {
  min-height: 200px;
  padding-top: 18px;
  padding-bottom: 18px;
}

.form-input.text-area::placeholder {
  font-size: 16px;
  font-style: italic;
}

.form-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}

.form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
}

.form-pair {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.underline-link {
  color: var(--colors-interface--black);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--colors-interface--black);
  text-decoration-color: var(--colors-interface--black);
}

.quote-card {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: var(--larger-border-radius);
  background-color: var(--colors-interface--white);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 32px;
  display: grid;
  overflow: hidden;
}

.quote-card-body {
  flex-flow: column;
  justify-content: space-between;
  padding: 24px;
  display: flex;
}

.div-block-272 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: flex;
}

.bold-text {
  font-size: 17px;
  font-weight: 700;
}

.text-block-82 {
  font-size: 17px;
}

.image-390 {
  object-fit: cover;
  object-position: 50% 18%;
  width: 100%;
  height: 600px;
}

.content-l {
  max-width: var(--large);
  width: 100%;
}

.section-content-page-width-copy {
  max-width: 100%;
  height: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
  overflow: clip;
}

.typography-hero-headline-sub {
  color: #966c55;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  flex-flow: row;
  margin-bottom: -20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4em;
  display: block;
}

.div-block-273 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-274 {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
}

.div-block-275 {
  width: 100%;
  height: 100%;
}

.content-xl {
  max-width: var(--container);
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-276 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.image-391 {
  width: 30px;
}

.section-45 {
  background-color: var(--colors-interface--byflow-beige);
  height: calc(100vh - 130px);
}

.container-56 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.heading-73 {
  color: var(--colors-brand--choco-background);
  max-width: 700px;
}

.rich-text-element p {
  color: var(--colors-interface--byflow-black);
  letter-spacing: -.12px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4;
}

.rich-text-element a {
  color: #0009;
  font-weight: 400;
  text-decoration: underline;
}

.rich-text-element blockquote {
  border-left-color: var(--colors-interface--dark-slate-grey);
  opacity: .6;
  color: var(--colors-interface--dark-slate-grey);
  font-size: 17px;
  font-weight: 400;
  line-height: 1.4em;
}

.rich-text-element li {
  color: var(--colors-interface--byflow-black);
  letter-spacing: -.12px;
  font-family: Montserrat, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4em;
}

.link-12 {
  color: #0009;
  font-weight: 400;
  text-decoration: underline;
}

.code-embed-4 {
  display: none;
}

.hero-grid {
  z-index: 0;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: .8fr auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  max-height: 100%;
  display: grid;
  position: relative;
}

.row-hero-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-top: 54px;
  display: grid;
}

.row-hero-grid.hero-height {
  height: 75vh;
}

.header-innovation {
  background-image: url('/media/website/images/Tom-with-opus_1.avif');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

.header-patissiers-chocolatiers {
  background-image: url('/media/website/images/opus---patissier-small_1.avif');
  background-position: 60%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
}

.div-block-279 {
  color: var(--colors-brand--choco-background);
  margin-left: 16px;
  font-size: 16px;
  line-height: 1.4em;
}

.div-block-280 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  display: flex;
}

.div-block-281 {
  aspect-ratio: 2 / 1.519;
  background-image: url('/media/website/images/opus-choco-splash_1.avif');
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.text-block-83 {
  color: var(--colors-brand--choco-background);
}

.text-block-84 {
  color: var(--colors-brand--choco-background);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4em;
}

.heading-h5-copy {
  color: var(--colors-brand--choco-background);
  text-align: left;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
}

.heading-h5-copy.link {
  opacity: .8;
  font-style: normal;
}

.heading-h5-copy.link:hover {
  opacity: 100;
  text-decoration: none;
}

.div-block-282 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-392 {
  border-radius: 20px;
}

.heading-74 {
  color: var(--colors-interface--white);
  text-align: left;
}

.text-block-83-copy {
  color: var(--colors-interface--white);
}

.text-span-24, .text-span-25 {
  font-weight: 700;
}

.grid-benefits-3-col {
  background-color: var(--colors-interface--white);
  border-radius: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  margin: 50px auto 10px;
  display: grid;
}

.text-span-26 {
  font-weight: 300;
}

.block-feature-info-right {
  border-radius: 0px var(--medium-border-radius) var(--medium-border-radius) 0px;
  background-color: var(--colors-interface--white);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 5.5rem;
  padding-right: 5.5rem;
  display: flex;
}

.image-cooling {
  border-radius: 0px var(--medium-border-radius) var(--medium-border-radius) 0px;
  background-color: var(--colors-interface--white);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.header-h2 {
  color: var(--colors-brand--choco-background);
  text-align: center;
  letter-spacing: 0;
  text-transform: uppercase;
  justify-content: center;
  align-items: flex-start;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 1.2;
}

.header-h2.color-white {
  color: var(--colors-interface--white);
}

.heading-h2 {
  text-align: left;
}

.heading-h2.color-white {
  color: var(--colors-interface--white);
}

.div-block-283 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-284 {
  justify-content: flex-start;
  align-items: center;
}

.video-accuracy {
  z-index: 10;
  aspect-ratio: 16 / 9;
  border-top-right-radius: var(--medium-border-radius);
  border-bottom-right-radius: var(--medium-border-radius);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-left-borders {
  aspect-ratio: 4 / 3;
  border-top-left-radius: var(--medium-border-radius);
  border-bottom-left-radius: var(--medium-border-radius);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.image-right-borders {
  aspect-ratio: 4 / 3;
  border-top-right-radius: var(--medium-border-radius);
  border-bottom-right-radius: var(--medium-border-radius);
  background-color: var(--colors-interface--white);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-285 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  justify-content: center;
  display: flex;
}

.video-right-borders {
  z-index: 10;
  aspect-ratio: 4 / 3;
  border-top-right-radius: var(--medium-border-radius);
  border-bottom-right-radius: var(--medium-border-radius);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.video-left-borders {
  z-index: 10;
  aspect-ratio: 4 / 3;
  border-top-left-radius: var(--medium-border-radius);
  border-bottom-left-radius: var(--medium-border-radius);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.div-block-286 {
  border-radius: var(--medium-border-radius);
}

.div-block-286.background-choco {
  background-color: var(--colors-brand--choco-background);
  color: var(--colors-interface--white);
}

.choco-bullet {
  aspect-ratio: 1;
  width: 30px;
  height: 30px;
  margin-top: auto;
  margin-bottom: auto;
}

.block-text-and-image-gap {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: grid;
  position: relative;
}

.div-block-287 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  display: flex;
}

.image-393 {
  height: 70px;
}

.image-393.bg-black {
  border-radius: var(--medium-border-radius);
  background-color: var(--colors-interface--black);
  padding: 10px 12px;
}

.div-block-288 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  align-items: center;
  display: flex;
}

.image-393-copy {
  width: 200px;
  padding: 10px 12px;
}

.image-393-copy.bg-black {
  border-radius: var(--medium-border-radius);
  background-color: var(--colors-interface--black);
  padding: 10px 12px;
}

.div-block-289 {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}

.small-spacer {
  width: 100%;
  padding-top: 1.5rem;
}

.text-block-85 {
  color: var(--colors-brand--byflow-red);
  margin-top: -18px;
  font-weight: 400;
}

.div-block-290 {
  flex-flow: row;
  justify-content: space-between;
  width: 100%;
  display: inline-flex;
  position: relative;
}

.div-block-291 {
  display: flex;
}

.div-block-292 {
  width: 100%;
}

.div-block-293 {
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  display: flex;
}

.select-field {
  color: #000;
}

html.w-mod-js [data-ix="hide-project-overlay-on-initial"], html.w-mod-js [data-ix="hide-team-overlay-on-initial"] {
  opacity: 0;
}

html.w-mod-js [data-ix="move-portfolio-content-on-initial"], html.w-mod-js [data-ix="move-team-content-on-initial"] {
  opacity: 0;
  transform: translate(0, -20px);
}

html.w-mod-js [data-ix="slide-in-element-on-tab"] {
  opacity: 0;
  transform: translate(-100px);
}

html.w-mod-js [data-ix="slide-in-element-on-tab-2"] {
  opacity: 0;
  transform: translate(100px);
}

html.w-mod-js [data-ix="toggle-content-initial-appe"] {
  height: 0;
}

html.w-mod-js [data-ix="blog-content-om-initial"] {
  transform: translate(0, 74px);
}

html.w-mod-js [data-ix="progress-line-on-scroll"], html.w-mod-js [data-ix="progress-line-on-scroll-2"], html.w-mod-js [data-ix="progress-line-on-scroll-3"], html.w-mod-js [data-ix="progress-line-on-scroll-4"], html.w-mod-js [data-ix="progress-line-on-scroll-5"] {
  width: 0%;
}

html.w-mod-js [data-ix="hide-scroll-navigation-on-initial"] {
  display: none;
}

html.w-mod-js [data-ix="load-slider"] {
  width: 0;
}

html.w-mod-js [data-ix="move-web-mocukup"] {
  transform: rotateX(45deg)rotateY(0)rotateZ(-35deg);
}

html.w-mod-js [data-ix="display-none-footer-on-load"] {
  display: none;
  transform: translate(0, 100%);
}

html.w-mod-js [data-ix="display-none-subscribe-on-load"] {
  opacity: 0;
  display: none;
  transform: scale(1.09);
}

html.w-mod-js [data-ix="slide-out-tooltip-on-load"] {
  opacity: 0;
  transform: translate(0, -10px);
}

html.w-mod-js [data-ix="hide-popup"] {
  display: none;
}

html.w-mod-js [data-ix="initial-hide"] {
  opacity: 0;
}

html.w-mod-js [data-ix="initial-nothing"] {
  display: none;
}

html.w-mod-js [data-ix="landing-menu-initial"] {
  opacity: 0;
}

html.w-mod-js [data-ix="disappear"] {
  display: block;
}

@media screen and (max-width: 991px) {
  .navigation-style-3 {
    padding-bottom: 0;
  }

  .nav-link {
    padding-top: 17px;
    padding-bottom: 15px;
  }

  .dropdown-arrow {
    margin-top: 22px;
  }

  .logo-brand {
    margin-top: 10px;
  }

  .nav-menu-style-2 {
    background-color: #f1f1f7;
  }

  .nav-menu-style-2.darker {
    background-color: #000000f2;
  }

  .top-logo {
    margin-bottom: 15px;
  }

  .top-navigation {
    margin-bottom: 5px;
  }

  .social-navigation {
    top: 24px;
  }

  .social-navigation.add-left {
    float: left;
  }

  .nav-menu-style-6 {
    background-color: #f1f1f7;
  }

  .pricing-style-1-wrapper {
    padding-left: 15px;
    padding-right: 15px;
  }

  .pricing-style-1-wrapper.style-2.first.basic {
    margin-left: auto;
    margin-right: auto;
  }

  .footer {
    padding-top: 60px;
    padding-bottom: 40px;
  }

  .left-padding {
    padding-right: 0;
  }

  .team-content {
    left: 10px;
    right: 10px;
  }

  .pasword-wrapper {
    width: 100%;
  }

  .image-rounded.blog-image {
    max-width: var(--medium);
    margin-left: auto;
    margin-right: auto;
  }

  .form-wrapper {
    width: 90%;
  }

  .form-wrapper.in-column {
    width: 70%;
  }

  .dropdown-link {
    padding-left: 0;
  }

  .hamburger-style-1 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .hamburger-style-1.w--open {
    background-color: var(--royal-blue\<deleted\|variable-e64a1b1a\>);
    border-radius: 5px;
  }

  .hamburger-style-1.auto-center {
    float: none;
    text-align: center;
    display: block;
  }

  .hamburger-style-1.style-2 {
    color: #fff;
  }

  .hamburger-style-1.style-2.w--open {
    background-color: #212127;
  }

  .nav-menu {
    background-color: #f1f1f7;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-menu.dark {
    background-color: #000000f2;
  }

  .row {
    height: auto;
  }

  .right-padding-manual {
    padding-left: 0;
  }

  .right-padding-manual.on-tab {
    padding-left: 50px;
  }

  .tab-logo-2 {
    width: 33.333%;
  }

  .blog-list {
    flex-flow: wrap;
    max-width: 50%;
  }

  .collection-blogs {
    width: 100%;
  }

  .navbar-blur {
    max-width: 100%;
  }

  .brand-4 {
    z-index: 1;
    width: 100px;
  }

  .nav-menu-new.landing-sample {
    background-color: #d8d8d8;
    justify-content: center;
    display: flex;
  }

  .navbar-section-landing {
    max-width: 100%;
  }

  .div-block-131 {
    max-width: none;
    padding-right: 0;
  }

  .container-29.sample-container-navbar {
    justify-content: center;
    align-items: stretch;
    width: 100%;
    position: absolute;
  }

  .store-login-holder {
    display: none;
  }

  .icon-22 {
    display: inline;
  }

  .menu-button.w--open {
    display: flex;
  }

  .dropdown-list-5 {
    display: none;
  }

  .dropdown-list-5.w--open {
    display: block;
  }

  .image-339 {
    max-height: 600px;
  }

  .div-block-155 {
    width: 100%;
  }

  .image-340 {
    height: 400px;
    top: 37%;
    right: 19%;
  }

  .bold-text-10 {
    font-size: .7em;
  }

  .button-secondary {
    margin-top: 0;
    margin-left: 0;
  }

  .div-block-157 {
    align-self: auto;
  }

  .container-standard {
    max-width: 650px;
    padding-left: 0;
  }

  .container-standard.text-align-top {
    max-width: 650px;
  }

  .text-block-48 {
    font-size: 30px;
  }

  .div-block-174 {
    grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-left: 50px;
    padding-right: 50px;
  }

  .div-block-182 {
    inset: auto -50% -12% auto;
  }

  .text-block-55 {
    width: 600px;
    font-size: 20px;
    line-height: 20px;
  }

  .popup-close {
    top: 0%;
    right: 0%;
  }

  .image-353 {
    max-width: 70%;
    height: 500px;
  }

  .book-demo-close {
    top: 5%;
    right: 5%;
  }

  .div-block-188 {
    background-image: none;
    justify-content: flex-end;
    align-items: flex-end;
    height: 60%;
    display: flex;
  }

  .section-42.less-space.with-line.newsroom {
    padding-top: 0;
  }

  .button-13.other-color.ss-kit, .button-14.other-color.ss-kit {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container-54 {
    max-width: 720px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .image-375 {
    width: 95%;
    bottom: 81px;
  }

  .header-h1 {
    font-size: 44px;
  }

  .section-content {
    padding-left: 22px;
    padding-right: 22px;
  }

  .block-feature-image {
    height: 200px;
  }

  .typography-headline-sub {
    font-size: 20px;
  }

  .div-block-214 {
    height: 70%;
  }

  .typography-headline-white {
    margin-top: 20%;
  }

  .section-in-the-box {
    max-width: 720px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .section-in-the-box.grid-box {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .section-in-the-box.box-cover {
    height: 260px;
  }

  .section-in-the-box.box-image {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .section-in-the-box.box-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
  }

  .image-380 {
    top: auto;
    bottom: 0;
  }

  .typography-headline-medium {
    margin-top: 20%;
  }

  .header-chocolatier {
    background-position: 41%;
  }

  .div-block-157-copy {
    align-self: auto;
  }

  .heading-blog-preview {
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
  }

  .service-wrapper {
    width: 100%;
  }

  .paragraph-45.in-service.blog-date {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 300;
  }

  .latest-news {
    color: #333;
    letter-spacing: 0;
    text-transform: none;
    font-family: Montserrat, sans-serif;
    font-weight: 300;
  }

  .image-375-copy {
    width: 95%;
    bottom: 81px;
  }

  .typography-hero-headline-white {
    margin-top: 20%;
  }

  .container-footer {
    max-width: 720px;
  }

  .image-381, .image-381-copy {
    height: 30%;
    top: 25%;
  }

  .row-flex-3 {
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
  }

  .image-rounded {
    height: 300px;
  }

  .image-title {
    font-size: 18px;
  }

  .typography-feature-box.color-white {
    font-size: 20px;
  }

  .text-block-45-copy {
    font-size: 18px;
  }

  .text-block-45-3 {
    font-size: 14px;
  }

  .row-flex-4 {
    grid-template-columns: 1fr 1fr;
  }

  .typography-headline-white-copy {
    margin-top: auto;
  }

  .text-block-73 {
    font-size: 12px;
  }

  .row-grid-6 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .block-feature-info {
    padding: 2rem;
  }

  .block-feature-visual {
    display: block;
    overflow: hidden;
  }

  .section-auto-height-opus.bg-beige {
    padding-top: 60px;
  }

  .heading-h4 {
    font-size: 20px;
  }

  .typography-headline-sub-feature {
    font-size: 14px;
  }

  .image-feeding {
    height: 225px;
  }

  .typography-headline-sub-2 {
    font-size: 20px;
  }

  .block-feature-badge {
    width: 160px;
  }

  .typography-feature-badge-caption {
    font-size: 14px;
  }

  .typography-feature-value.color-white {
    font-size: 50px;
  }

  .section-bento {
    padding-left: 22px;
    padding-right: 22px;
  }

  .div-block-257 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .section-content-copy {
    padding-left: 22px;
    padding-right: 22px;
  }

  .grid-benefits {
    width: 100%;
  }

  .text-block-75 {
    display: flex;
  }

  .section-content-no-bottom {
    padding-bottom: 30px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .div-block-157-copy-copy {
    align-self: auto;
  }

  .hero-image-grid {
    height: 600px;
    padding-top: 30px;
    padding-bottom: 60px;
  }

  .image-384-copy {
    height: 225px;
  }

  .typography-heading-3-center {
    font-size: 20px;
  }

  .typography-headline-sub-feature-copy {
    font-size: 14px;
  }

  .vertical-content.hero-offset-negative {
    margin-top: 0;
  }

  .typography-hero-headline-sub {
    font-size: 20px;
  }

  .header-innovation, .header-patissiers-chocolatiers {
    background-position: 41%;
  }

  .div-block-280 {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .heading-74 {
    font-size: 24px;
  }

  .grid-benefits-3-col {
    width: 100%;
  }

  .block-feature-info-right {
    padding: 2rem;
  }

  .image-cooling {
    height: 225px;
  }

  .header-h2 {
    font-size: 44px;
  }
}

@media screen and (max-width: 767px) {
  .navigation-style-3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .nav-link.dropdown {
    padding-left: 10px;
  }

  .nav-link.july.nocapital.less-low {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 12px 8px 16px;
    display: flex;
    position: relative;
    left: 0;
  }

  .nav-link.july.nocapital.less-low:hover {
    border-bottom-style: none;
  }

  .nav-link.july.nocapital.less-low.w--open {
    font-weight: 700;
  }

  .dropdown-arrow {
    margin-right: 20px;
  }

  .logo-brand.no-margin.center {
    float: none;
    padding-left: 0;
    display: inline-block;
  }

  .align-right.align-left {
    text-align: left;
  }

  .align-right.align-center {
    text-align: center;
  }

  .navigation-style-4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sub-text {
    font-size: 21px;
  }

  .sub-text.date-blog {
    width: auto;
  }

  .sub-text.sorted-by.categories {
    top: 26px;
  }

  .container-fluid.media-title {
    margin-bottom: 48px;
  }

  .small-divider.blog {
    width: auto;
  }

  .pricing-style-1-wrapper {
    margin-bottom: 30px;
  }

  .blog-post {
    width: auto;
  }

  .form-wrapper {
    width: 95%;
  }

  .center-device {
    text-align: center;
  }

  .container {
    padding-right: 10px;
  }

  .pop-up-wrapper {
    width: 80%;
  }

  .left-pop-up {
    padding-bottom: 30px;
  }

  .tab-logo-2 {
    width: 33.333%;
  }

  .post-category, .post-lead {
    width: auto;
  }

  .text-block-11.image-description {
    max-width: var(--medium);
  }

  .heading-24 {
    width: auto;
  }

  .footer-lowest {
    justify-content: center;
    display: flex;
  }

  .brand-4 {
    z-index: 10;
    padding-left: 0;
  }

  .header-column {
    width: 100%;
    padding: 50px 20px;
  }

  .nav-menu-new {
    background-color: #0000;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }

  .div-block-131 {
    padding-left: 16px;
    padding-right: 0;
  }

  .container-29.sample-container-navbar {
    z-index: 10;
    justify-content: flex-end;
    align-items: stretch;
    width: 100%;
    position: relative;
  }

  .menu-button {
    height: var(--navbar-height);
  }

  .menu-button.w--open {
    z-index: 10;
    background-color: var(--colors-interface--white);
  }

  .dropdown-3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .hamburger-icon {
    color: var(--colors-interface--black);
  }

  .dropdown-list-5.w--open {
    position: relative;
  }

  .image-339 {
    max-height: 400px;
  }

  .text-block-45 {
    margin-top: 0;
  }

  .section-full-height.bg-beige {
    height: auto;
  }

  .section-full-height.bg-grey, .section-full-height.bg-cream {
    height: 100%;
  }

  .section-full-height.bg-gradient-beige, .section-full-height.bg-gradient-cream {
    height: 850px;
  }

  .div-block-174 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .popup-wrap {
    padding-left: 0;
  }

  .popup {
    opacity: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .scrollbar {
    padding-bottom: 0;
    padding-right: 0;
  }

  .column-115 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-188 {
    justify-content: flex-end;
    align-items: flex-end;
    width: 100%;
    height: 400px;
  }

  .section-42.less-space.with-line.newsroom {
    padding-bottom: 30px;
  }

  .sub-text-2 {
    font-size: 21px;
  }

  .white-marble-table {
    height: 50px;
  }

  .image-375 {
    bottom: 51px;
  }

  .header-h1 {
    font-size: 36px;
  }

  .section-content {
    padding: 50px 20px;
  }

  .block-flex-3 {
    grid-template-columns: 1fr;
    padding-bottom: 50px;
  }

  .block-feature {
    width: 100%;
  }

  .block-feature-image {
    object-fit: contain;
    display: block;
  }

  .slider-4 {
    height: 30%;
  }

  .template-name {
    font-size: 16px;
    line-height: 20px;
  }

  .template-specification {
    font-size: 14px;
    line-height: 16px;
  }

  .typography-headline-sub {
    font-size: 16px;
  }

  .typography-headline-white {
    margin-top: 30%;
    font-size: 45px;
    line-height: 55px;
  }

  .section-in-the-box {
    padding-left: 30px;
    padding-right: 30px;
  }

  .section-in-the-box.grid-box {
    grid-template-columns: 1fr 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .section-in-the-box.box-cover {
    height: 300px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-in-the-box.box-image {
    padding-left: 0;
    padding-right: 0;
  }

  .section-in-the-box.box-text {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .typography-headline-medium {
    margin-top: 30%;
    font-size: 32px;
    line-height: 1.05em;
  }

  .header-chocolatier {
    aspect-ratio: 16 / 9;
    width: 100%;
  }

  .section-full-height-opus.bg-grey {
    height: 100%;
  }

  .grid-images {
    grid-template-columns: 1fr 1fr;
  }

  .service-wrapper {
    margin-bottom: 50px;
  }

  .sub-text-3 {
    font-size: 21px;
  }

  .typography-hero-headline-white {
    margin-top: 10%;
    font-size: 45px;
    line-height: 55px;
  }

  .image-381, .image-381-copy {
    top: 30%;
  }

  .section-hero-content {
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .row-hero-flex {
    flex-flow: column;
    position: relative;
  }

  .block-timeline-column-content {
    grid-template-columns: 1fr;
  }

  .section-content-full-width {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .div-block-240 {
    padding-top: 0;
  }

  .row-flex-3 {
    grid-template-columns: 1fr 1fr;
  }

  .text-block-45-copy {
    font-size: 16px;
  }

  .typography-headline-white-copy {
    font-size: 30px;
    line-height: 1.05;
  }

  .block-text-and-image {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column dense;
    display: flex;
  }

  .block-feature-info {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .block-feature-visual {
    aspect-ratio: auto;
    object-fit: cover;
    order: -1;
    width: 100%;
    display: block;
  }

  .section-auto-height-opus.bg-grey {
    height: 100%;
  }

  .paragraph-text {
    font-size: 14px;
  }

  .heading-h4 {
    font-size: 18px;
  }

  .typography-headline-sub-feature {
    font-size: 16px;
  }

  .section-content-full-width-feature {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .typography-headline-sub-2 {
    font-size: 16px;
  }

  .block-feature-badge {
    width: 120px;
  }

  .section-content-page-width {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .background-video-10 {
    height: 100%;
  }

  .section-bento {
    padding: 50px 20px;
  }

  .div-block-253 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    width: 100%;
  }

  .div-block-254 {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-255 {
    width: 100%;
  }

  .div-block-257 {
    position: relative;
  }

  .section-content-copy {
    padding: 70px 20px 20px;
  }

  .benefits-left {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-75 {
    font-size: 16px;
  }

  .text-block-76 {
    justify-content: flex-start;
    align-items: center;
  }

  .benefits-right {
    padding-left: 0;
    padding-right: 0;
  }

  .section-content-no-bottom {
    padding: 50px 20px 30px;
  }

  .hero-image-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 400px;
    padding-bottom: 30px;
  }

  .hero-image.moai, .hero-image.jurgen-cake {
    background-size: 300px;
  }

  .hero-image.rings-stand {
    background-position: 100%;
    background-size: 400px;
  }

  .fs-cc_close-button {
    margin-right: 1.25rem;
  }

  .cookie-preference_wrapper {
    padding-top: 2rem;
  }

  .faq-content {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    width: 100%;
  }

  .div-block-270 {
    flex-flow: column;
    max-width: 100%;
    position: relative;
  }

  .section-hero-content-copy {
    height: auto;
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-details {
    width: 100%;
    max-width: none;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .typography-headline-sub-feature-copy {
    font-size: 16px;
  }

  .heading-h5 {
    font-size: 18px;
  }

  .form {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .quote-card {
    grid-template-columns: 1fr;
  }

  .div-block-272 {
    margin-top: 24px;
  }

  .image-390 {
    height: 400px;
  }

  .section-content-page-width-copy {
    padding-top: 0;
    padding-bottom: 0;
  }

  .typography-hero-headline-sub {
    font-size: 16px;
  }

  .heading-73 {
    max-width: 450px;
  }

  .div-block-277 {
    flex-flow: column;
    width: 100%;
    height: 100vh;
    display: flex;
    position: relative;
  }

  .div-block-278 {
    background-color: var(--colors-interface--white);
    flex-flow: column;
    height: 100%;
    margin-top: 54px;
    padding-top: 20px;
    display: flex;
  }

  .code-embed-4 {
    width: 40px;
    height: 40px;
    display: block;
  }

  .hero-grid {
    grid-template-rows: 200px;
  }

  .row-hero-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    position: relative;
  }

  .row-hero-grid.hero-height {
    height: 100%;
  }

  .header-innovation, .header-patissiers-chocolatiers {
    aspect-ratio: 16 / 9;
    width: 100%;
  }

  .div-block-280 {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
  }

  .grid-benefits-3-col {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .block-feature-info-right {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .header-h2 {
    margin-top: 0%;
    font-size: 36px;
    line-height: 55px;
  }

  .heading-h2.color-white {
    font-size: 28px;
  }

  .video-accuracy {
    border-top-left-radius: var(--medium-border-radius);
    border-bottom-right-radius: 0;
    height: 100%;
  }

  .image-left-borders {
    border-top-right-radius: var(--medium-border-radius);
    border-bottom-left-radius: 0;
  }

  .video-right-borders, .video-left-borders {
    border-top-left-radius: var(--medium-border-radius);
    border-bottom-right-radius: 0;
    height: 100%;
  }

  .choco-bullet {
    width: 30px;
    height: 30px;
  }

  .block-text-and-image-gap {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column dense;
    display: flex;
  }

  .div-block-287 {
    flex-flow: column;
  }

  .text-block-85 {
    margin-top: -10px;
  }
}

@media screen and (max-width: 479px) {
  label {
    font-size: 12px;
  }

  blockquote {
    font-size: 20px;
  }

  .navigation-style-3 {
    padding-bottom: 9px;
  }

  .nav-link {
    float: none;
    width: 100%;
    position: relative;
    overflow: visible;
  }

  .nav-link.w--current {
    color: #000;
    width: 100%;
  }

  .nav-link.en {
    float: left;
    color: #000;
    border-color: #000;
    width: auto;
    margin-top: 13px;
    padding-left: 8px;
    display: inline-block;
    position: relative;
    top: 0;
    left: 31px;
  }

  .nav-link.en.higher {
    top: -20px;
    left: 37px;
  }

  .nav-link.en.higher.disappear {
    display: none;
  }

  .nav-link.first {
    display: block;
  }

  .nav-link.first.w--current {
    margin-left: 31px;
    left: 72px;
  }

  .nav-link.first.bestel {
    top: -23px;
  }

  .nav-link.july.nocapital {
    display: block;
  }

  .nav-link.july.nocapital.w--current {
    position: relative;
    left: 19px;
  }

  .nav-link.july.nocapital.less-low {
    margin-left: 0;
    padding-left: 20px;
    left: 0;
  }

  .nav-link.july.nocapital.less-low._1 {
    display: block;
  }

  .nav-link.july.nocapital._2 {
    order: 0;
    margin-left: 0;
    padding-left: 20px;
    display: block;
    left: 0;
  }

  .align-center {
    float: none;
    margin-top: 0;
    position: relative;
    top: 0;
    left: 0;
  }

  .align-right.align-center {
    position: static;
    top: -30px;
  }

  .button.other-color.full.gradient.in-pasword {
    width: 100%;
  }

  .button.other-color.in-intro {
    float: none;
    border-radius: 3px;
    padding: 10px;
    position: absolute;
    top: 2px;
    right: 0;
  }

  .navigation-style-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .section {
    padding-left: 5px;
    padding-right: 5px;
  }

  .section.gray {
    padding-top: 50px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .top-title {
    width: 100%;
    margin-top: 16px;
  }

  .top-title.less {
    float: none;
    display: block;
  }

  .top-title.contact {
    z-index: 1;
    padding-top: 0;
    position: relative;
    left: 20%;
  }

  .sub-text {
    text-align: center;
    margin-top: 13px;
    font-size: 20px;
  }

  .sub-text.white {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 28px;
    padding-bottom: 0;
    display: block;
  }

  .sub-text.sorted-by.categories {
    margin-top: 13px;
    position: relative;
    top: 29px;
  }

  .container-fluid {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 30px;
  }

  .container-fluid.center-users {
    flex-direction: row;
  }

  .top-margin.less {
    margin-top: 19px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .top-margin.less.more {
    display: none;
  }

  .top-margin.less.narrow {
    margin-left: 10px;
    margin-right: 10px;
  }

  .small-divider {
    width: auto;
    height: auto;
  }

  .small-divider.blog {
    width: auto;
  }

  .paragraph.text-field.in-password {
    width: 100%;
  }

  .heading-white {
    position: static;
    top: 96px;
  }

  .pricing-style-1-wrapper.style-2.first.basic {
    margin-left: 21px;
    margin-right: auto;
  }

  .social-long {
    width: 50%;
  }

  .footer-style-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .subscribe-wrapper {
    width: 90%;
  }

  .navigation-style-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-post {
    width: auto;
    margin-left: 10px;
  }

  .blog-post.new {
    margin-left: auto;
  }

  .form-wrapper {
    width: 90%;
  }

  .form-wrapper.in-column {
    width: 100%;
  }

  .dropdown-link {
    display: none;
  }

  .hamburger-style-1.w--open {
    background-color: #3a3a3a;
  }

  .nav-menu {
    float: none;
    background-color: #f5f5f5;
    display: none;
  }

  .contact-pop-up-2 {
    display: none;
    position: fixed;
    top: 114px;
  }

  .pop-up-wrapper {
    width: 95%;
    top: 40%;
  }

  .remove-pop-up {
    top: 10px;
    right: 10px;
  }

  .left-pop-up {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .dropdown-menu {
    padding-left: 47px;
    left: 1px;
  }

  .right-padding-manual.on-tab {
    padding-left: 0;
  }

  .tab-logo-2 {
    width: 100%;
  }

  .tab-logo-2.logo-2.dark-2 {
    padding-left: 0;
    padding-right: 0;
    position: static;
    top: -29px;
  }

  .tab-logo-2.logo-3.dark-3.radboud-uni {
    background-size: contain;
    position: static;
  }

  .tab-logo-2.logo-3.dark-3.radboud-uni {
    background-size: contain;
    position: static;
  }

  .tab-logo-2.logo-3.dark-3.radboud-uni.maassen {
    margin-left: 5px;
    margin-right: 5px;
  }

  .tab-logo-2.dark {
    margin-top: -21px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .tab-logo-2.dark.deseo {
    margin-left: 5px;
    margin-right: 5px;
  }

  .tab-logo-2.logo-4.dark-4 {
    position: static;
  }

  .tab-logo-2.logo-4.dark-4.christiaan {
    background-size: contain;
    margin-left: 5px;
    margin-right: 5px;
  }

  .mobile {
    margin-top: 0;
    display: block;
    position: static;
    top: -73px;
  }

  .scroll-navigation-nl {
    display: none;
  }

  .lower {
    margin-top: 239px;
  }

  .post-lead {
    width: auto;
    font-size: 18px;
  }

  .blog-list {
    max-width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 0;
  }

  .blog-list:hover {
    box-shadow: none;
    transform: none;
  }

  .title-blog-list {
    margin-top: 23px;
    margin-bottom: 10px;
    font-family: Nexa, sans-serif;
    font-size: 16px;
    font-weight: 700;
  }

  .blog-main-images {
    border: 1px solid #e2dfdf;
    margin-bottom: 4px;
    position: static;
    top: 5px;
  }

  .heading-24, .collection-blogs {
    width: auto;
  }

  .tab-sorting {
    flex-wrap: wrap;
    place-content: stretch space-around;
    align-items: center;
  }

  .basket {
    top: 13px;
  }

  .warenkorb {
    position: relative;
    top: 0;
    left: -22px;
  }

  .warenkorb.eng {
    left: -52px;
  }

  .contact-us {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bolded {
    line-height: 25px;
  }

  .footer-new {
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .footer-block {
    text-align: center;
    width: auto;
    margin-top: 4px;
    line-height: 18px;
  }

  .main-category-footer {
    text-align: center;
    font-family: Montserrat, sans-serif;
  }

  .footer-block-holder {
    flex-direction: column;
    margin-top: 37px;
    padding-left: 0;
  }

  .text-block-14 {
    text-align: center;
  }

  .holder-event-timeline, .holder-event-timeline.lower {
    width: auto;
    margin-top: 45px;
  }

  .age-edu {
    margin-top: 7px;
  }

  .listing-benefits-edu {
    font-size: 15px;
    line-height: 21px;
  }

  .descrtiuption-workshops {
    margin-top: 20px;
  }

  .rest-apps-marketing-ben.pastry-first {
    padding-top: 0;
  }

  .title-rest {
    margin-top: 32px;
    font-size: 30px;
    line-height: 40px;
  }

  .title-rest.pastry {
    margin-top: 40px;
  }

  .title-rest.edu {
    margin-top: 39px;
  }

  .marketing-benefits {
    font-size: 25px;
    line-height: 35px;
  }

  .marketing-description {
    text-align: center;
    margin-top: 24px;
  }

  .container-apps-rest.more-padding {
    margin-top: 40px;
  }

  .types-apps-rest.less-high {
    font-size: 20px;
    font-weight: 500;
  }

  .how-can-i-do-it-rest {
    padding-bottom: 51px;
  }

  .how-can-i-do-it-rest.pastry {
    padding-bottom: 33px;
  }

  .workflow-rest-dish {
    margin-top: 10px;
  }

  .summary-workflow.small.test {
    margin-top: 7px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    line-height: 25px;
  }

  .tabs-menu-2 {
    width: auto;
    position: static;
  }

  .see-more-tab {
    text-align: center;
  }

  .list-2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fields-of-research {
    width: auto;
    margin-top: 6px;
  }

  .fields-holder {
    margin-top: 72px;
  }

  .footer-lowest {
    flex-wrap: nowrap;
    font-size: 9px;
    display: flex;
  }

  .im-seasonal {
    width: auto;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .im-seasonal._90 {
    width: 90%;
  }

  .see-apps-for {
    margin-bottom: 18px;
    line-height: 30px;
  }

  .brand-4 {
    width: auto;
    padding-left: 0;
    left: -1%;
  }

  .products-down, .how-it-works-down, .applications-down.new {
    display: none;
  }

  .works-for.cenetered {
    margin-top: 20px;
    padding-left: 0;
  }

  .works-for.lower {
    margin-top: 33px;
  }

  .header-column {
    background-color: #0000;
    width: auto;
    padding-bottom: 50px;
    padding-left: 16px;
    padding-right: 16px;
    position: static;
  }

  .header-column.education {
    flex-flow: column;
    width: auto;
    margin-bottom: 49px;
    padding-bottom: 0;
  }

  .header-column.pastry {
    background-color: var(--colors-interface--white-smoke);
    background-color: #f5f5f5;
    background-image: none;
    width: 100%;
    height: auto;
  }

  .image-217 {
    display: none;
  }

  .smaller-text {
    font-size: 13px;
  }

  .size-paste {
    font-size: 14px;
    left: 62px;
  }

  .nav-menu-new.landing-sample {
    background-color: #e4e4e4;
    justify-content: flex-start;
  }

  .div-block-131 {
    padding-right: 0;
  }

  .login-navbar.v2 {
    display: none;
  }

  .container-29.sample-container-navbar {
    width: 100%;
  }

  .link-5.w--current {
    display: block;
  }

  .dropdown-menu-list {
    color: #000;
    text-align: left;
    border-style: none;
    border-width: 1px;
    border-bottom-color: #909090;
    padding-left: 30px;
    display: block;
  }

  .dropdown-menu-list.w--current {
    font-weight: 600;
  }

  .intro-education-section, .image-main-pastry {
    height: auto;
  }

  .subtitle {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
  }

  .subtitle.space-divier, .subtitle.space-divier.larger {
    font-size: 25px;
  }

  .subtitle.s {
    font-size: 25px;
    font-weight: 500;
  }

  .subtitle.bit-smaller {
    font-size: 21px;
  }

  .subtitle.space {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .sub1title {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
  }

  .sub1title.bit-less1, .sub2title {
    font-size: 20px;
    line-height: 30px;
  }

  .des-18 {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 22px;
  }

  .des-18.space-i-center {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 25px;
  }

  .sub3title {
    margin-bottom: 5px;
    font-size: 15px;
    line-height: 18px;
  }

  .sub3title.rd-main-3-titles {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 30px;
  }

  .des17._900-width.spacing-2 {
    text-align: center;
    width: auto;
    font-size: 15px;
    line-height: 25px;
  }

  .des16 {
    font-size: 15px;
    line-height: 20px;
  }

  .des16.toright {
    padding-left: 0;
  }

  .seemore-pastry-pers {
    position: static;
  }

  .menu-button {
    clear: right;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .menu-button.w--open {
    background-color: var(--colors-interface--white);
  }

  .dropdown-3 {
    background-color: var(--colors-interface--white);
    font-weight: 400;
    display: block;
  }

  .dropdown-3._2 {
    display: inline;
  }

  .hamburger-icon {
    color: var(--colors-interface--dark-slate-grey);
    background-color: #0000;
  }

  .dropdown-list-4 {
    color: var(--yellow-green\<deleted\|variable-25a51fcc\>);
  }

  .dropdown-list-4.w--open {
    z-index: 1;
    color: var(--colors-interface--black);
    border-bottom: 1px #786f6f;
    margin-left: 0;
    margin-right: auto;
  }

  .browser {
    display: none;
  }

  .container-41 {
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    width: 100svw;
    height: 100svh;
  }

  .form-block-2 {
    width: 270px;
  }

  .form-2 {
    width: 250px;
  }

  .section-27 {
    height: 40px;
    display: flex;
  }

  .text-block-42 {
    text-align: center;
    flex: 0 auto;
    order: 0;
    width: 100%;
    margin-left: 0;
  }

  .text-block-43 {
    text-align: center;
    width: 100%;
    margin-right: 0;
    padding-top: 0;
    font-size: 16px;
  }

  .main-section {
    position: relative;
  }

  .section-29 {
    height: 100vh;
    position: relative;
  }

  .image-339 {
    max-height: 250px;
    position: static;
    top: auto;
    bottom: 0%;
    right: -11%;
  }

  .image-340 {
    width: 250px;
    position: absolute;
    top: auto;
    bottom: 0%;
    right: 10%;
  }

  .text-block-44 {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .bold-text-10 {
    letter-spacing: -1px;
    font-size: 60px;
  }

  .columns-40 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-104 {
    justify-content: flex-start;
    align-items: center;
    padding-top: 100px;
    display: flex;
  }

  .text-block-45 {
    text-align: center;
    font-size: 18px;
  }

  .masterpiece-text {
    align-self: flex-start;
    font-size: 33px;
  }

  .button-secondary {
    margin-top: 15px;
    margin-left: 0;
  }

  .div-block-157 {
    flex-flow: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
    width: 100%;
    padding-top: 20px;
    display: flex;
  }

  .columns-41 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-flow: column;
    justify-content: center;
    align-self: auto;
    align-items: center;
  }

  .container-standard {
    justify-content: center;
    align-items: center;
    height: auto;
    padding: 50px 20px;
  }

  .div-block-159 {
    width: 100%;
    padding-bottom: 20px;
  }

  .pro-text {
    padding-left: 0;
    font-size: 30px;
  }

  .bold-text-12 {
    font-size: 30px;
    line-height: 30px;
  }

  .div-block-160 {
    background-position: 50% 0;
    background-size: auto 100svh;
  }

  .div-block-157-copy {
    flex-flow: wrap;
    padding-left: 50px;
    padding-right: 50px;
  }

  .masterpiece-text-large {
    font-size: 35px;
  }

  .div-block-161 {
    position: relative;
  }

  .text-block-opus-large {
    text-align: center;
    justify-content: center;
    align-self: center;
    align-items: center;
    height: 100px;
    margin-top: -27px;
    font-size: 10em;
  }

  .text-block-47 {
    padding-top: 70px;
    padding-right: 25%;
    font-size: 22px;
  }

  .column-106 {
    order: 1;
  }

  .column-107 {
    flex: 1;
    order: 2;
    align-self: auto;
  }

  .column-108 {
    order: 3;
  }

  .section-full-height {
    height: 100%;
    overflow: hidden;
  }

  .section-full-height.bg-choco, .section-full-height.bg-white {
    height: 100%;
  }

  .section-full-height.bg-beige {
    position: relative;
  }

  .section-full-height.bg-grey {
    height: 100%;
  }

  .section-full-height.bg-gradient-beige, .section-full-height.bg-gradient-cream {
    height: 700px;
  }

  .grid {
    padding-top: 50px;
  }

  .column-109 {
    padding-left: 0;
  }

  .text-block-48 {
    width: 100%;
    line-height: 30px;
  }

  .professional-text {
    padding-left: 0;
    font-size: 30px;
  }

  .image-346 {
    width: 70px;
  }

  .text-block-50 {
    padding-left: 71px;
  }

  .section-33 {
    height: auto;
  }

  .div-block-164 {
    flex-flow: column wrap;
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-48-copy {
    font-size: 30px;
    line-height: 30px;
  }

  .container-center {
    height: auto;
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-171 {
    display: block;
  }

  .masterpiece-text-mini {
    margin-left: 0;
    padding-top: 38px;
    display: block;
  }

  .div-block-172 {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
  }

  .div-block-173 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-174 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template: "Area" 1fr
                   "." 1fr
                   "." 1fr
                   "." 1fr
                   "." 1fr
                   "." 1fr
                   "." 1fr
                   "." 1fr
                   "." 1fr
                   "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr;
    grid-auto-flow: column;
    place-content: stretch;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-175 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div-block-176 {
    background-position: 47% 10%;
  }

  .div-block-177 {
    background-position: 65% 22%;
  }

  .div-block-178 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .bold-text-13-copy-copy {
    padding-top: 0;
  }

  .text-block-53-copy-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
    padding-top: 20px;
  }

  .div-block-179 {
    height: 300px;
  }

  .div-block-180, .div-block-181 {
    height: 200px;
  }

  .image-347 {
    height: auto;
    right: -4%;
  }

  .bold-text-13-copy-copy-copy {
    padding-top: 20px;
  }

  .image-348 {
    top: -31%;
    left: 2%;
  }

  .div-block-182 {
    width: 100%;
    height: 100vh;
    inset: 0 0 0% auto;
    overflow: hidden;
  }

  .div-block-162-copy {
    padding-bottom: 10px;
  }

  .text-block-55 {
    width: 100%;
    padding-bottom: 20px;
  }

  .div-block-162-copy-copy {
    padding-top: 40px;
  }

  .plus-text {
    float: right;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-size: 100px;
    display: flex;
    position: absolute;
    top: 38px;
    left: 125px;
  }

  .text-block-56 {
    font-size: 18px;
  }

  .columns-45 {
    height: auto;
    display: block;
  }

  .div-block-162-copy-copy-copy {
    width: 100%;
    padding-top: 50px;
  }

  .text-block-48-copy-copy {
    font-size: 30px;
    line-height: 30px;
  }

  .perfect-text {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    font-size: 30px;
  }

  .columns-46 {
    height: auto;
    display: block;
  }

  .text-block-58 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-186 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .masterpiece-text-mini-copy {
    margin-top: -6px;
  }

  .div-block-187 {
    height: auto;
  }

  .columns-47 {
    height: auto;
    display: block;
  }

  .text-block-48-copy-copy-copy {
    font-size: 30px;
    line-height: 30px;
  }

  .mission-text {
    margin-top: -3px;
    padding-left: 10px;
    font-size: 30px;
  }

  .text-block-58-copy {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
  }

  .popup-close {
    top: 0;
    right: 0;
  }

  .popup {
    opacity: 0;
    display: none;
  }

  .form-row {
    flex-direction: column;
  }

  .form-border {
    min-width: auto;
    padding: 20px;
  }

  .scrollbar {
    padding: 20px;
  }

  .input-wrapper.mr-15 {
    margin-right: 0;
  }

  .column-114 {
    height: auto;
  }

  .image-351 {
    padding-top: 20px;
  }

  .image-352 {
    padding-top: 50px;
  }

  .image-353 {
    width: 400px;
    max-width: 90%;
    height: 250px;
    position: absolute;
    inset: auto -11% -5% auto;
  }

  .book-demo {
    opacity: 0;
    padding: 5px;
    display: none;
  }

  .book-demo-wrap {
    width: 100%;
  }

  .book-demo-close {
    top: 0;
    right: 0;
  }

  .div-block-188 {
    height: 210px;
    margin-top: 0;
  }

  .text-block-62 {
    width: 100%;
    padding-top: 0;
    font-size: 14px;
  }

  .column-116 {
    padding-left: 0;
    padding-right: 0;
  }

  .company-description-2 {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
  }

  .section-42 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .section-42.less-space.with-line {
    padding-top: 0;
  }

  .section-42.less-space.with-line.newsroom {
    padding-bottom: 30px;
  }

  .tab-link-4 {
    flex: 0 auto;
  }

  .container-47 {
    padding-top: 7px;
  }

  .text-block-64 {
    font-size: 10px;
  }

  .timeline-2 {
    padding-top: 8px;
  }

  .heading-63 {
    text-transform: none;
    font-size: 16px;
  }

  .description-timeline-2 {
    font-size: 14px;
  }

  .typography-hero-intro.intro-rest.sample-black {
    margin-top: -2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
  }

  .typography-hero-intro.intro-rest.sample-black._400 {
    margin-top: -2px;
    margin-bottom: 16px;
    display: block;
  }

  .image-356 {
    height: auto;
  }

  .image-356.mobile {
    float: none;
  }

  .link-block-20 {
    display: none;
  }

  .learn-more-2.small.first.turn-right {
    text-align: center;
    border-radius: 50px;
    margin-top: 27px;
    margin-bottom: 17px;
    font-size: 16px;
    left: 0%;
  }

  .learn-more-2.small.turn-right.lower {
    text-align: center;
    border-radius: 50px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 20px;
    font-size: 16px;
    position: static;
  }

  .column-119 {
    padding-left: 10px;
  }

  .columns-49 {
    margin-top: 19px;
  }

  .column-120 {
    margin-top: 21px;
  }

  .text-block-67.workshops-titles {
    padding-left: 0;
    font-size: 18px;
  }

  .container-48 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-121 {
    padding-top: 0;
  }

  .div-block-194.primary-edu {
    position: static;
  }

  .learn-more-3.small.normal {
    margin-right: 0;
    padding: 8px 40px;
  }

  .container-49 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-196 {
    flex-direction: column;
    padding-left: 0;
  }

  .list-12 {
    padding-left: 0;
  }

  .div-block-197.edu-works-for {
    margin-top: 22px;
    position: static;
  }

  .image-360 {
    margin-top: 30px;
  }

  .culinary-classes-2 {
    padding-bottom: 60px;
  }

  .higher-education-section-2 {
    padding-top: 60px;
    padding-bottom: 10px;
  }

  .list-13 {
    padding-left: 0;
  }

  .button-13.other-color.ss-kit {
    margin-top: 16px;
  }

  .button-13.other-color.ss-kit.readmorenewsroom {
    color: #3f3f3f;
    border-color: #3f3f3f;
    margin: 43px 10px 88px;
    position: relative;
    top: 591px;
  }

  .button-13.other-color.ss-kit.readmorenewsroom.company-learn-more {
    margin-top: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: static;
  }

  .button-13.other-color.ss-kit.readmorenewsroom.company-learn-more.education-more-rd {
    margin-bottom: 54px;
  }

  .container-50 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .paragraph-41.intro-rest.sample-black {
    margin-top: -2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
  }

  .app-rest-desc-2 {
    text-align: center;
    margin-top: 0;
    line-height: 18px;
  }

  .field-of-research-2 {
    background-color: #f5f5f5;
    padding-bottom: 60px;
  }

  .paragraph-42.intro-rest.sample-black {
    margin-top: -2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
  }

  .link-block-21 {
    display: none;
  }

  .app-rest-desc-3 {
    text-align: center;
    margin-top: 0;
    line-height: 18px;
  }

  .image-366 {
    margin-top: 19px;
  }

  .columns-54 {
    width: auto;
  }

  .tab-link-tab-1-7.demo-see-more.personalized.pastry {
    margin-left: 40px;
    margin-right: 40px;
    font-size: 17px;
    position: static;
  }

  .container-52 {
    margin-top: 48px;
  }

  .div-block-199 {
    padding-top: 36px;
  }

  .div-block-200 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .heading-64 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
    font-size: 25px;
  }

  .div-block-201.pas {
    padding-bottom: 65px;
  }

  .div-block-202 {
    margin-top: 43px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-124 {
    margin-top: 28px;
    padding-left: 10px;
  }

  .more-inspirations-seasonal-4.contact-for-more.learn-more-printer {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 16px;
    display: block;
    position: static;
  }

  .more-inspirations-seasonal-4.contact-for-more.price-now {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 18px;
    font-weight: 500;
    display: block;
    position: static;
  }

  .des-19 {
    text-align: center;
    font-size: 15px;
    line-height: 20px;
  }

  .div-block-204 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .text-block-68 {
    font-weight: 500;
  }

  .image-371, .image-372 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-372.mobile {
    padding-right: 0;
  }

  .div-block-205 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .div-block-206 {
    margin-top: 40px;
    padding-right: 10px;
  }

  .sub-text-2 {
    text-align: center;
    margin-top: 13px;
    font-size: 20px;
  }

  .sub-text-2.companies {
    text-align: center;
    margin: 29px 5px 63px;
  }

  .sub-text-2.companies.font {
    margin-bottom: 0;
    font-size: 18px;
    line-height: 25px;
  }

  .section-43.customers.white.grey {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .descr-food-concepts-rest-2 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 25px;
  }

  .button-14.other-color.ss-kit {
    margin-top: 16px;
  }

  .button-14.other-color.ss-kit.readmorenewsroom {
    color: #3f3f3f;
    border-color: #3f3f3f;
    margin: 43px 10px 88px;
    position: relative;
    top: 591px;
  }

  .button-14.other-color.ss-kit.readmorenewsroom.company-learn-more {
    margin-top: auto;
    padding-left: 15px;
    padding-right: 15px;
    position: static;
  }

  .button-14.other-color.ss-kit.readmorenewsroom.company-learn-more.education-more-rd {
    margin-bottom: 54px;
  }

  .button-14.other-color.ss-kit.readmorenewsroom.company-learn-more.education-more-rd.more-personal.learn-more-timing {
    border-radius: 50px;
    margin-bottom: 40px;
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 8px;
    padding-bottom: 8px;
    left: 0;
  }

  .more-inspirations-seasonal-6.indiv.markeitng {
    text-align: center;
    margin-left: 40px;
    margin-right: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-weight: 500;
    display: block;
    left: auto;
  }

  .contact-description-2 {
    font-size: 17px;
    position: relative;
    left: auto;
  }

  .button-15.other-color.full.newsletter_btn {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-66 {
    margin-top: 80px;
    font-size: 40px;
  }

  .heading-68 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.05em;
  }

  .heading-h3 {
    font-size: 16px;
    line-height: 18px;
  }

  .techspecs-item {
    grid-template-columns: 100px 1fr;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
  }

  .container-54 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .header-h1 {
    font-size: 25px;
  }

  .section-content {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .section-content.section-laptop {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div-block-209 {
    align-self: flex-start;
  }

  .div-block-210 {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .div-block-213 {
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .block-flex-3 {
    flex-flow: column;
  }

  .block-feature {
    max-width: 100%;
  }

  .typography-headline-white {
    font-size: 25px;
    line-height: 35px;
  }

  .image-352-copy {
    padding-top: 50px;
  }

  .section-in-the-box {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-in-the-box.grid-box {
    grid-template-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
  }

  .section-in-the-box.box-cover {
    height: 300px;
  }

  .section-in-the-box.box-image {
    width: auto;
    max-height: 245px;
  }

  .section-in-the-box.box-text {
    font-size: 12px;
  }

  .typography-headline-medium {
    font-size: 18px;
    line-height: 1.05em;
  }

  .section-full-height-opus {
    height: 100%;
    overflow: hidden;
  }

  .section-full-height-opus.bg-choco, .section-full-height-opus.bg-white {
    height: 100%;
  }

  .section-full-height-opus.bg-beige {
    position: relative;
  }

  .section-full-height-opus.bg-grey {
    height: 100%;
  }

  .block-feature-2 {
    max-width: 100%;
  }

  .grid-images {
    grid-template-columns: 1fr;
  }

  .div-block-157-copy {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row-reverse wrap;
    justify-content: center;
    align-self: auto;
    align-items: center;
    padding-top: 20px;
    display: flex;
  }

  .masterpiece-text-copy {
    align-self: flex-start;
    font-size: 33px;
  }

  .div-block-126 {
    justify-content: center;
    align-items: flex-start;
  }

  .intro-message {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 30px;
    line-height: 40px;
  }

  .block-buttons-intro {
    flex-direction: column;
    top: 61%;
  }

  .products-intro {
    justify-content: center;
    margin-top: 20px;
    display: flex;
  }

  .collection-list-4 {
    flex-direction: column;
  }

  .blog-preview {
    width: auto;
  }

  .latest-news {
    font-size: 25px;
  }

  .sub-text-3 {
    text-align: center;
    margin-top: 13px;
    font-size: 20px;
  }

  .div-block-230 {
    order: 1;
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

  .div-block-231 {
    background-image: url('/media/website/images/byflow-studio-laptop-online-manual_1.avif');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 188px;
    position: relative;
    left: auto;
  }

  .typography-callout {
    font-size: 24px;
  }

  .div-block-232 {
    width: 100%;
    position: static;
  }

  .typography-callout-sub {
    letter-spacing: -.02em;
    font-size: 15px;
    line-height: 1.4;
  }

  .row-flex, .row-noflex {
    flex-flow: column;
  }

  .typography-hero-headline-white {
    font-size: 25px;
    line-height: 35px;
  }

  .typography-hero-intro-white.intro-rest.sample-black {
    margin-top: -2px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    font-weight: 400;
    line-height: 25px;
  }

  .typography-hero-intro-white.intro-rest.sample-black._400 {
    margin-top: -2px;
    margin-bottom: 16px;
    display: block;
  }

  .dropdown-menu-list-last {
    color: #000;
    text-align: left;
    border-style: none;
    border-width: 1px;
    border-bottom-color: #909090;
    padding-left: 30px;
    display: block;
  }

  .dropdown-menu-list-last.w--current {
    font-weight: 600;
  }

  .container-footer {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-235 {
    justify-content: center;
    align-items: center;
  }

  .image-381, .image-381-copy {
    height: 20%;
    top: 45%;
  }

  .section-hero-content {
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .section-hero-content.section-laptop {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .row-hero-flex {
    flex-flow: column;
  }

  .block-timeline-main {
    flex-flow: column;
    margin-top: 32px;
  }

  .block-timeline-column-date, .block-timeline-column-content, .timeline-image {
    width: 100%;
  }

  .button-byflow-studio.v2 {
    display: none;
  }

  .header-majesty {
    font-size: 40px;
  }

  .text-block-45-copy {
    font-size: 30px;
    line-height: 30px;
  }

  .div-block-240 {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .row-flex-3 {
    grid-template-columns: 1fr;
    align-items: start;
    margin-top: 40px;
  }

  .image-chocolate-assistant {
    width: 100%;
  }

  .text-block-45-copy {
    width: 100%;
    font-size: 16px;
    line-height: 1.3;
  }

  .text-block-45-copy-copy {
    text-align: center;
    width: 100%;
    font-size: 14px;
  }

  .row-flex-4 {
    grid-template-columns: 1fr;
  }

  .div-block-241 {
    padding: 60px 20px;
  }

  .text-block-45-copy-copy-copy {
    width: 100%;
  }

  .typography-headline-white-copy {
    font-size: 18px;
  }

  .row-grid-6 {
    grid-template-columns: 1fr 1fr;
  }

  .block-text-and-image {
    flex-flow: column;
  }

  .block-feature-info, .block-feature-visual {
    width: 100%;
  }

  .section-auto-height-opus {
    height: 100%;
    overflow: hidden;
  }

  .section-auto-height-opus.bg-choco, .section-auto-height-opus.bg-white {
    height: 100%;
  }

  .section-auto-height-opus.bg-beige {
    padding-top: 0;
    position: relative;
  }

  .section-auto-height-opus.bg-grey {
    height: 100%;
  }

  .paragraph-text {
    font-size: 14px;
  }

  .div-block-18 {
    margin-top: -39px;
  }

  .privacy-policy.center-text {
    font-size: 12px;
  }

  .block-feature-badge {
    margin-left: 0;
  }

  .typography-feature-value {
    font-size: 48px;
  }

  .logo-slider-items {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .section-bento {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .section-bento.section-laptop {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div-block-253 {
    flex-flow: column;
  }

  .div-block-254 {
    max-width: 100%;
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-255 {
    width: 100%;
  }

  .div-block-257 {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 50px;
  }

  .section-content-copy {
    padding: 70px 20px 20px;
    position: relative;
  }

  .section-content-copy.section-laptop {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .grid-benefits {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .benefits-left {
    padding-right: 0;
  }

  .benefits-right {
    padding-left: 0;
  }

  .benefits-column {
    flex-flow: column;
  }

  .section-content-no-bottom {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .section-content-no-bottom.section-laptop {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div-block-157-copy-copy {
    flex-flow: row-reverse wrap;
    justify-content: center;
    align-self: auto;
    align-items: center;
    padding-top: 20px;
    display: flex;
  }

  .hero-image-grid {
    height: 250px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-image {
    border-radius: 10px;
  }

  .fs-cc_modal {
    max-width: 100%;
  }

  .fs-cc_close-button {
    margin-top: 1rem;
    margin-right: 1rem;
  }

  .fs-cc_preference-buttons {
    flex-flow: column;
    bottom: 0;
  }

  .fs-cc_preference-component {
    align-items: flex-end;
  }

  .fs-cc_modal-buttons {
    flex-flow: column;
  }

  .fs-cc_cookie-component {
    max-width: 100%;
    inset: auto 0% 0%;
  }

  .cookie-preference_wrapper {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .typography-callout-copy, .typography-callout-copy-copy, .typography-callout--faq {
    font-size: 24px;
  }

  .section-hero-content-copy {
    padding-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
  }

  .section-hero-content-copy.section-laptop {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .div-block-271 {
    height: 400px;
  }

  .contact-details {
    width: 100%;
  }

  .contact-methods {
    grid-template-columns: 1fr;
  }

  .heading-h5.text-align-center {
    text-align: center;
  }

  .vertical-section.align-center {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .form-pair {
    grid-template-columns: 1fr;
  }

  .div-block-273 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    grid-template-columns: 1fr;
  }

  .div-block-274 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-56 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-73 {
    font-size: 30px;
  }

  .bold-text-20 {
    font-size: 20px;
  }

  .bold-text-21 {
    font-size: 17px;
  }

  .row-hero-grid {
    flex-flow: column;
  }

  .div-block-280 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .heading-74 {
    text-align: center;
  }

  .grid-benefits-3-col {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .block-feature-info-right {
    width: 100%;
  }

  .header-h2 {
    font-size: 25px;
    line-height: 35px;
  }

  .div-block-285, .block-text-and-image-gap {
    flex-flow: column;
  }
}

#w-node-_153ad657-1356-b39f-29d5-6880c0ee2797-69af2a67 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6712ca42-cef4-bc03-bebe-87bd1e72c9c5-69af2a67 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-fdb17ff4-3a86-1a44-5207-658df8f72f2d-69af2a67 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-bc762561-f822-17f4-1750-0697b1da679e-69af2a67, #w-node-_28729155-f86b-6315-37f3-7e6e599c1af4-69af2a67 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e5366b8-5195-7d93-bdfa-b2b23575320c-69af2a67 {
  grid-area: Area;
  place-self: auto;
}

#w-node-_03a3c20f-8bae-b921-5aac-524b43842a3d-69af2a67 {
  grid-area: Area;
}

#w-node-ed34164e-bd10-d267-f5da-0b2757dc8f15-69af2a67 {
  grid-area: span 2 / span 4 / span 2 / span 4;
}

#w-node-_28633dab-fed7-c340-76a2-16c5236c4f5d-69af2a67, #w-node-_5422f842-13ae-e502-a65d-8ba68bfd6647-69af2a67, #w-node-_52cb622c-e482-9f2c-2684-946dc90d2220-69af2a67 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-_217b6e60-35ad-a59c-314a-5f124eda2d6b-69af2a67 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_499e9d63-50e1-1601-16ef-1c8ada5a359d-69af2a67 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-_910b28fd-8c94-c0d1-4a65-0d1d20d56dc6-69af2a67 {
  grid-area: span 2 / span 4 / span 2 / span 4;
}

#w-node-_25b15949-639e-af5d-f8fe-7d07c8dfc9cf-69af2a67 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c3746f-7646dd54 {
  grid-area: Area;
  place-self: auto;
}

#w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37470-7646dd54 {
  grid-area: Area;
}

#w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37473-7646dd54 {
  grid-area: span 2 / span 4 / span 2 / span 4;
}

#w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37479-7646dd54, #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c3747f-7646dd54, #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37485-7646dd54 {
  grid-area: span 3 / span 3 / span 3 / span 3;
}

#w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c3748d-7646dd54 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37491-7646dd54 {
  grid-area: span 2 / span 3 / span 2 / span 3;
}

#w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37493-7646dd54 {
  grid-area: span 2 / span 4 / span 2 / span 4;
}

#w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37495-7646dd54 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-bb899399-9473-0fb7-e464-8d2371d22327-f7c574d6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3e5ceaac-7e56-097b-3817-9df2f0a847e3-8c5fe731 {
  grid-area: 3 / 1 / 5 / 2;
}

#w-node-_7f5a0465-eb60-6ee7-453e-b61e435f374c-8c5fe731 {
  grid-area: 1 / 2 / 4 / 4;
}

#w-node-_5f706ee5-5c4f-fa9d-3267-a23d5f9b484a-8c5fe731 {
  grid-area: 4 / 2 / 6 / 3;
}

#w-node-d2aa7412-b444-c09b-7b15-96e00a2a5b75-8c5fe731 {
  grid-area: 2 / 4 / 4 / 5;
}

#w-node-d731c030-f017-e5f5-6525-f8947bc1c3ef-8c5fe731 {
  grid-area: 4 / 3 / 7 / 5;
}

#w-node-_2997c4da-3f67-8215-081f-a8ef87b34cf9-8c5fe731 {
  grid-area: 3 / 5 / 6 / 6;
}

#w-node-db56f56c-41f8-c1dd-8fa5-e2384a50d1f1-28708aff {
  grid-area: 3 / 1 / 5 / 2;
}

#w-node-db56f56c-41f8-c1dd-8fa5-e2384a50d1f2-28708aff {
  grid-area: 1 / 2 / 4 / 4;
}

#w-node-db56f56c-41f8-c1dd-8fa5-e2384a50d1f3-28708aff {
  grid-area: 4 / 2 / 6 / 3;
}

#w-node-db56f56c-41f8-c1dd-8fa5-e2384a50d1f4-28708aff {
  grid-area: 2 / 4 / 4 / 5;
}

#w-node-db56f56c-41f8-c1dd-8fa5-e2384a50d1f5-28708aff {
  grid-area: 4 / 3 / 7 / 5;
}

#w-node-db56f56c-41f8-c1dd-8fa5-e2384a50d1f6-28708aff {
  grid-area: 3 / 5 / 6 / 6;
}

#w-node-_9a404fdc-d1c9-185f-1036-b0fad11a36cb-050db257 {
  grid-area: 3 / 1 / 5 / 2;
}

#w-node-_9a404fdc-d1c9-185f-1036-b0fad11a36cc-050db257 {
  grid-area: 1 / 2 / 4 / 4;
}

#w-node-_9a404fdc-d1c9-185f-1036-b0fad11a36cd-050db257 {
  grid-area: 4 / 2 / 6 / 3;
}

#w-node-_9a404fdc-d1c9-185f-1036-b0fad11a36ce-050db257 {
  grid-area: 2 / 4 / 4 / 5;
}

#w-node-_9a404fdc-d1c9-185f-1036-b0fad11a36cf-050db257 {
  grid-area: 4 / 3 / 7 / 5;
}

#w-node-_9a404fdc-d1c9-185f-1036-b0fad11a36d0-050db257 {
  grid-area: 3 / 5 / 6 / 6;
}

@media screen and (max-width: 767px) {
  #w-node-_6712ca42-cef4-bc03-bebe-87bd1e72c9c5-69af2a67, #w-node-fdb17ff4-3a86-1a44-5207-658df8f72f2d-69af2a67 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-f9cfd393-29fd-97a0-014c-6163f1281341-14958e2f {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-ed34164e-bd10-d267-f5da-0b2757dc8f15-69af2a67 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_28633dab-fed7-c340-76a2-16c5236c4f5d-69af2a67 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: start;
  }

  #w-node-_5422f842-13ae-e502-a65d-8ba68bfd6647-69af2a67, #w-node-_52cb622c-e482-9f2c-2684-946dc90d2220-69af2a67 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_217b6e60-35ad-a59c-314a-5f124eda2d6b-69af2a67 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-_499e9d63-50e1-1601-16ef-1c8ada5a359d-69af2a67, #w-node-_910b28fd-8c94-c0d1-4a65-0d1d20d56dc6-69af2a67, #w-node-_25b15949-639e-af5d-f8fe-7d07c8dfc9cf-69af2a67 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37473-7646dd54 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37479-7646dd54 {
    grid-area: span 2 / span 1 / span 2 / span 1;
    align-self: start;
  }

  #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c3747f-7646dd54, #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37485-7646dd54 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c3748d-7646dd54 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }

  #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37491-7646dd54, #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37493-7646dd54, #w-node-ee2d0a3e-7c7f-8bb9-4797-3cd111c37495-7646dd54 {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }
}


@font-face {
  font-family: 'Majesty';
  src: url('../fonts/Majesty-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Arimo Variablefont Wght';
  src: url('../fonts/Arimo-VariableFont_wght.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nexa';
  src: url('../fonts/Nexa-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Nexa';
  src: url('../fonts/Nexa-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}