:root {
  --black: black;
  --silver: #bababa;
  --crimson: #ee3557;
  --white: white;
  --reskin-font: Nunito, sans-serif;
}

.w-commerce-commercecartwrapper {
  display: inline-block;
  position: relative;
}

.w-commerce-commercecartopenlink {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commercecartopenlinkcount {
  color: #3898ec;
  text-align: center;
  background-color: #fff;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  margin-left: 8px;
  padding-left: 6px;
  padding-right: 6px;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  display: inline-block;
}

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: #000c;
  position: fixed;
  inset: 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-modal {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftSidebar {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightSidebar {
  flex-direction: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% auto auto 0;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: #0000;
  position: absolute;
  inset: 100% 0 auto auto;
}

.w-commerce-commercecartcontainer {
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
  max-width: 480px;
  display: flex;
  overflow: auto;
  box-shadow: 0 5px 25px #00000040;
}

.w-commerce-commercecartheader {
  border-bottom: 1px solid #e6e6e6;
  flex: none;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  display: flex;
  position: relative;
}

.w-commerce-commercecartheading {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.w-commerce-commercecartcloselink {
  width: 16px;
  height: 16px;
}

.w-commerce-commercecartformwrapper {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.w-commerce-commercecartform {
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  display: flex;
}

.w-commerce-commercecartlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  padding: 12px 24px;
  overflow: auto;
}

.w-commerce-commercecartitem {
  align-items: flex-start;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

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

.w-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

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

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

.w-commerce-commercecartquantity {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

.w-commerce-commercecartfooter {
  border-top: 1px solid #e6e6e6;
  flex-direction: column;
  flex: none;
  padding: 16px 24px 24px;
  display: flex;
}

.w-commerce-commercecartlineitem {
  flex: none;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 16px;
  display: flex;
}

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

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  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;
  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-commercecartcheckoutbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  text-align: center;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 2px;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: block;
}

.w-commerce-commercecartemptystate {
  flex: 1;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.w-commerce-commercecarterrorstate {
  background-color: #ffdede;
  flex: none;
  margin: 0 24px 24px;
  padding: 10px;
}

.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-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-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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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 {
  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-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;
  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-commerceaddtocartform {
  margin: 0 0 15px;
}

.w-commerce-commerceaddtocartoptionpillgroup {
  margin-bottom: 10px;
  display: flex;
}

.w-commerce-commerceaddtocartoptionpill {
  color: #000;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #000;
  margin-right: 10px;
  padding: 8px 15px;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-selected {
  color: #fff;
  background-color: #000;
}

.w-commerce-commerceaddtocartoptionpill.w--ecommerce-pill-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartquantityinput {
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 60px;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 6px 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

.w-commerce-commerceaddtocartbutton {
  color: #fff;
  cursor: pointer;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

.w-commerce-commerceaddtocartbutton.w--ecommerce-add-to-cart-disabled {
  color: #666;
  cursor: not-allowed;
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  outline-style: none;
}

.w-commerce-commerceaddtocartoutofstock {
  background-color: #ddd;
  margin-top: 10px;
  padding: 10px;
}

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

.w-commerce-commerceorderconfirmationcontainer {
  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-commercecheckoutshippingsummarywrapper, .w-commerce-commercecheckoutpaymentsummarywrapper {
  margin-bottom: 20px;
}

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

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

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

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

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

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

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

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

@media screen and (max-width: 767px) {
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

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

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

  .w-layout-blockcontainer {
    max-width: none;
  }
}

@media screen and (max-width: 479px) {
  .w-commerce-commercecartcontainerwrapper--cartType-modal {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
  }

  .w-commerce-commercecartcontainerwrapper--cartType-leftDropdown, .w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    display: flex;
    position: fixed;
    inset: 0;
  }

  .w-commerce-commercecartquantity, .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, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

body {
  color: var(--black);
  padding-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 22px;
}

h1 {
  color: #000;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 58px;
  font-weight: 300;
  line-height: 73px;
}

h2 {
  color: #000;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  display: block;
}

h3 {
  letter-spacing: .3px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.33333;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--silver);
  font-family: Roboto, sans-serif;
  line-height: 26px;
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  max-width: 100%;
  display: inline-block;
}

figure {
  margin-bottom: 10px;
}

.logo {
  width: 190px;
  position: fixed;
  top: 20px;
  left: 30px;
}

.logo.w--current {
  cursor: default;
}

.logo.logo_new_props {
  width: 13vw;
  max-width: 190px;
}

.papaton {
  width: 100%;
}

.menu {
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  line-height: 35px;
  text-decoration: none;
  display: inline-block;
}

.menu.link:hover {
  color: var(--crimson);
  display: block;
}

.menu.link.works {
  color: #000;
  position: fixed;
  top: 30px;
  right: 30px;
}

.menu.link.works:hover {
  color: var(--crimson);
}

.menu.link.works.w--current {
  color: var(--silver);
}

.menu.link.about {
  color: #000;
  position: fixed;
  bottom: 20px;
  left: 30px;
}

.menu.link.about:hover {
  color: var(--crimson);
}

.menu.link.about.w--current {
  color: var(--silver);
}

.menu.link.about.burger-contact {
  display: none;
}

.menu.link.vacancy {
  color: #000;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: fixed;
  bottom: 20px;
  right: 30px;
}

.menu.link.vacancy:hover {
  color: var(--crimson);
}

.menu.link.vacancy.w--current {
  color: var(--silver);
}

.content {
  flex-direction: column;
  align-items: flex-start;
  margin: 0 15%;
  padding-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: relative;
}

.content.center {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
}

.content.no-padding {
  padding-left: 0;
  padding-right: 0;
  display: block;
  overflow: visible;
}

.content.preview-works {
  padding-left: 0;
  padding-right: 0;
}

.content.content_office {
  margin-bottom: 70px;
  padding-left: 0;
  padding-right: 0;
}

.content.logo-content {
  flex-direction: row;
  width: auto;
  margin-top: 0;
}

.content.stiky-content {
  display: flex;
}

.content.stiky-content.hide {
  display: none;
}

.h1 {
  color: #000;
  font-size: 48px;
  font-weight: 300;
  line-height: 63px;
}

.h1.link-in-text {
  font-weight: 500;
  line-height: 73px;
}

.h1.link-in-text:hover {
  color: var(--crimson);
}

.h1.link-in-text.chatra-link {
  display: none;
}

.h1.link {
  color: var(--silver);
  transition: color .2s;
}

.h1.link:hover {
  color: var(--crimson);
}

.h1.title-work {
  margin-left: 20px;
  margin-right: 20px;
}

.h1.margins-0 {
  margin-top: 0;
  margin-bottom: 0;
}

.video {
  margin: 0 0 40px;
  padding-left: 0;
  position: relative;
}

.masonry {
  text-align: left;
  flex-flow: wrap;
  place-content: flex-start;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
  position: relative;
}

.h2 {
  color: #000;
  max-width: 960px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
}

.h2.gray {
  color: var(--silver);
  font-weight: 400;
  display: block;
}

.h2.link {
  font-weight: 700;
  transition: color .1s;
}

.h2.link:hover {
  color: var(--crimson);
}

.h2.link.project-title {
  margin-top: 10px;
  margin-bottom: 0;
  display: inline;
}

.h2.name {
  margin-top: 15px;
  margin-bottom: 3px;
  font-weight: 700;
}

.h2.position {
  margin-top: 0;
}

.h2.team-role {
  text-align: right;
}

.h2.team-role.gray {
  color: var(--black);
  text-align: left;
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 18px;
  font-style: italic;
  line-height: 24px;
}

.h2.team-name {
  margin-top: 2px;
  margin-bottom: 2px;
  font-size: 18px;
  line-height: 24px;
}

.h2.team-name.bold {
  font-weight: 700;
}

.h2.link-black {
  color: #000;
  font-weight: 700;
  transition: color .1s;
  position: relative;
  inset: 0;
}

.h2.link-black:hover {
  color: var(--crimson);
}

.h2.clients {
  margin-top: 8px;
  margin-bottom: 8px;
}

.h2.about.grid-text {
  margin-top: 0;
  font-size: 22px;
}

.h2.work-cms-desc {
  max-width: none;
  font-size: 20px;
  line-height: 1.3;
}

.h3 {
  color: #000;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.h3.no-caps {
  letter-spacing: 0;
  text-transform: none;
}

.h3.no-caps.gray {
  color: var(--silver);
  margin-top: 0;
}

.h3.gray {
  color: var(--silver);
  margin-bottom: 2px;
}

.h3.link-footer {
  letter-spacing: .3px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 14px;
}

.h3.link-footer:hover {
  color: var(--crimson);
}

.h3.network {
  margin-right: 12px;
}

.h3.link {
  transition: color .2s;
}

.h3.link:hover {
  color: var(--crimson);
}

.h3.link-home-head {
  margin-left: 20px;
  margin-right: 20px;
}

.logo-and-menu {
  z-index: 100;
  position: relative;
}

.link.link-in-text:hover {
  color: var(--crimson);
}

._404-page-wrp {
  justify-content: center;
  align-items: center;
  width: 90%;
  height: 100vh;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

._404-page-content {
  text-align: center;
  flex-direction: column;
  width: 60%;
  max-width: 1024px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.preview-work {
  width: 100%;
  display: block;
  position: relative;
}

.button {
  text-transform: uppercase;
  background-color: #000;
  border-radius: 2px;
  justify-content: center;
  width: 31%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.button.h2 {
  color: #000;
  text-align: center;
  background-color: #0000;
  width: 30%;
  margin-top: auto;
  padding-top: 14px;
  padding-bottom: 14px;
  font-weight: 700;
  transition: background-color .2s, color .2s;
}

.button.h2:hover {
  background-color: var(--crimson);
  color: #fff;
}

.bg-our-projects {
  background-color: #00000005;
  margin-top: 100px;
  margin-bottom: 0;
  padding-top: 50px;
}

.our-projects {
  flex-flow: wrap;
  place-content: stretch flex-start;
  align-items: flex-start;
  margin: 10px 15% 30px;
  display: block;
  position: relative;
}

.footer {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin: 150px 15% 0;
  padding-bottom: 100px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: static;
  bottom: 0;
  left: 0;
  right: 0;
}

.link-preview {
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: visible;
}

.hover-image {
  z-index: 1;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.hover-character {
  z-index: 1;
  opacity: 0;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 80%;
  max-width: 60%;
  height: 148px;
  display: block;
  position: absolute;
  bottom: -26px;
  right: -27px;
}

.project-image {
  object-fit: cover;
}

.project-overlay-color {
  position: absolute;
  inset: 0;
}

.showreel {
  margin: 0 0 50px;
  padding-left: 0;
  position: relative;
}

.showreel.showreel_gif {
  flex: 1;
  height: 38.9vw;
  margin-top: 0;
  margin-bottom: 0;
}

.showreel.showreel_hide {
  display: none;
}

.empty-state {
  opacity: 0;
  display: none;
}

.masonry-item {
  float: none;
  width: 33.3333%;
  min-height: 150px;
  max-height: 800px;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.masonry-item.clients {
  margin-bottom: 0;
}

.masonry-item.office {
  margin-bottom: 40px;
}

.body {
  padding-top: 120px;
  padding-left: 0%;
  padding-right: 0%;
}

.our-project {
  float: none;
  flex: 0 auto;
  order: -1;
  padding-left: 20px;
  padding-right: 20px;
}

.collection-list {
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.about-text {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.about-text-column {
  width: 100%;
  margin-bottom: 50px;
  padding-right: 40px;
}

.team-photo {
  filter: grayscale();
  margin-top: 0;
  margin-bottom: 0;
}

.team-photo:hover {
  filter: grayscale(0%);
}

.section-old {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 120px;
  display: block;
}

.section-old.section_props_main-works {
  margin-top: 50px;
}

.section-old.s-contacts {
  margin-top: 100px;
}

.section-old.works-cms {
  padding-top: 140px;
  padding-bottom: 80px;
}

.list-vacancies {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vacancy {
  flex: 0 auto;
  order: -1;
  margin-top: 0;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

.collection-list-wrapper {
  margin-top: 80px;
}

.hover-team-image {
  opacity: 0;
  position: absolute;
  inset: 0;
}

.hover-team {
  margin-top: 10px;
  margin-bottom: 20px;
  position: relative;
}

.arrow-in-project {
  opacity: 0;
  background-color: #0000;
  display: none;
  position: relative;
  top: -3px;
  left: 5px;
}

.soon {
  opacity: 0;
  color: var(--silver);
  padding-left: 7px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  line-height: 36px;
  display: none;
}

.project-preview {
  position: relative;
}

.header-contacts {
  flex-direction: row;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
  top: -86px;
  left: 0;
  right: 0;
}

.team-line {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  display: grid;
}

.team-line-name {
  width: 70%;
}

.team-line-role {
  padding: 0;
}

.team {
  margin-top: 20px;
  margin-bottom: 20px;
}

.teams {
  margin-top: 70px;
  display: block;
}

.content-block {
  padding-left: 20px;
  display: block;
}

.hover-nav-next {
  opacity: 0;
  height: 210px;
  display: block;
  position: relative;
  left: -60px;
}

.link-app {
  margin-right: 20px;
}

.image {
  display: inline-block;
}

.app-google-play {
  display: none;
}

.hover-nav-previous {
  opacity: 0;
  height: 210px;
  display: none;
  position: relative;
  left: -60px;
}

.block-link {
  z-index: 1;
  position: absolute;
  inset: 0;
}

.pop-up {
  z-index: 1000;
  opacity: 1;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.form-block {
  z-index: 2;
  width: 400px;
  position: relative;
  inset: auto 0% 0% auto;
}

.submit-button {
  color: #000;
  text-transform: uppercase;
  background-color: #fff;
  width: 100%;
  height: 60px;
  font-size: 18px;
  line-height: 24px;
  transition: color .2s, background-color .2s;
}

.submit-button:hover {
  background-color: var(--crimson);
  color: #fff;
}

.text-field {
  color: #fff;
  background-color: #fff0;
  border: 1px #000;
  border-bottom: 1px solid #555;
  height: 50px;
  margin-bottom: 12px;
  padding-bottom: 15px;
  padding-left: 0;
  font-size: 18px;
  line-height: 24px;
}

.text-field:hover {
  color: silver;
}

.text-field:focus {
  color: #fff;
}

.text-field::placeholder {
  color: #757575;
}

.text-field.text-field-comment {
  height: 100px;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.pop-up__bg {
  color: #0a0a0a;
  background-color: #000000eb;
  position: absolute;
  inset: 0%;
}

.icons-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  margin-top: 20px;
  margin-right: 20px;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0% 0% auto auto;
}

.icons-close__line {
  background-color: #fff;
  width: 100%;
  height: 1px;
  position: absolute;
  transform: rotate(45deg);
}

.icons-close__line.line-2 {
  transform: rotate(-45deg);
}

.empty-state-2 {
  display: none;
}

.quote-icon-2 {
  color: #bababa;
  margin-bottom: -40px;
  font-family: Roboto, sans-serif;
  font-size: 74px;
  line-height: 54px;
  display: block;
}

.lightbox__showreel {
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
}

.lightbox__showreel.mb0 {
  margin-bottom: 0;
}

.showreel__play-button-box {
  z-index: 5;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 12vw;
  display: flex;
  position: absolute;
}

.showreel__play-button-box.showreel__play-button_inner {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.showreel__play-button__image {
  z-index: 2;
  width: 2.5vw;
  margin-left: .3vw;
  display: block;
  position: absolute;
}

.fixed-header {
  justify-content: space-between;
  align-items: center;
  padding: 20px 30px;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.burger-button {
  flex: none;
  width: 40px;
  height: 24px;
  display: none;
}

.popup-body {
  width: .1px;
  height: .1px;
  display: flex;
  position: fixed;
  inset: 0% auto auto 0%;
}

.collection-list-wrapper-2 {
  display: block;
}

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

.logo-row {
  filter: grayscale();
}

.logo-row.page-about {
  filter: none;
  max-width: 229px;
}

.logo-row.main-apge {
  filter: none;
  width: 220px;
}

.logo-row.main-apge.middle {
  margin-left: 75px;
  margin-right: 75px;
}

.collection-list-2 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.collection-list-wrapper-3 {
  flex-wrap: wrap;
  width: 100%;
}

.collection-list-wrapper-4 {
  display: none;
}

.logo-list {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: -30px;
  display: flex;
}

.contact-link {
  width: 100%;
}

.collection-item {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-4 {
  width: 100%;
}

.logo-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.row-container {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.logo-image {
  max-height: 80px;
}

.logo-item {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.image-wrap {
  width: 100%;
}

.image-wrap.reverse {
  margin-right: 0;
}

.image-wrap.reverse.grid {
  padding-left: 50px;
}

.image-6 {
  width: 100%;
}

.grid-wrap {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  display: flex;
}

.grid-wrap.reverse {
  margin-top: 40px;
}

.text-wrap {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-wrap.grid {
  position: relative;
  top: -5px;
}

.grid-col {
  padding-left: 0;
  padding-right: 0;
}

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

.image-7 {
  width: 100%;
  max-height: 700px;
}

.navbar {
  background-color: #fff;
  padding-top: 25px;
  padding-bottom: 25px;
  position: fixed;
  inset: 0% 0% auto;
}

.nav-logo {
  float: none;
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-menu {
  float: none;
  justify-content: center;
  align-items: center;
  margin-right: -24px;
  display: flex;
}

.container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 90%;
  max-width: 900px;
  min-height: 20px;
  margin-bottom: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.container.nav-container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin-bottom: 0;
  display: flex;
}

.container.reel {
  max-width: 1920px;
}

.container.block {
  display: block;
}

.nav-link {
  color: #00000080;
  border-bottom: 1px solid #0000;
  margin-left: 18px;
  margin-right: 18px;
  padding: 0 6px;
  font-size: 18px;
  line-height: 1.5;
  transition: all .3s;
}

.nav-link:hover {
  color: #000;
  border-bottom: 1px solid #000;
}

.nav-link.w--current {
  color: #000;
}

.nav-link.hidden {
  display: none;
}

.section {
  padding-top: 60px;
  padding-bottom: 60px;
  display: block;
  position: relative;
}

.section.footer-section {
  color: #000;
  padding-top: 60px;
  padding-bottom: 60px;
  line-height: 1.35;
}

.section.works-section {
  padding-top: 180px;
  padding-bottom: 80px;
}

.section.top-section {
  padding-top: 140px;
}

.section.clients-section {
  padding-bottom: 30px;
}

.section.hide {
  display: none;
}

.home-hero-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.3;
}

.home-hero-title.max-width-40ch {
  max-width: 40ch;
}

.text-link {
  color: var(--black);
  background-color: #0000;
  border-bottom: 1px solid #00000040;
  line-height: 1.3;
  transition: all .2s;
}

.text-link:hover {
  border-bottom-color: var(--black);
}

.text-link.big {
  margin-bottom: 4px;
  font-size: 28px;
  line-height: 1.3;
}

.text-link.big.nomb {
  border: 1px #000;
  margin-bottom: 0;
}

.text-link.arc-link {
  padding: 5px;
  font-size: 28px;
  transition-duration: .3s;
}

.text-link.order-button {
  border: 1px solid #00000040;
  margin-bottom: 0;
  font-size: 22px;
}

.text-link.order-button:hover {
  border-color: #000;
}

.text-link.hide {
  display: none;
}

.works-wrapper {
  margin-bottom: 60px;
}

.works-link {
  width: 100%;
  color: var(--black);
  display: block;
}

.works-content {
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.works-preivew {
  position: relative;
}

.works-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  line-height: 1.3;
}

.works-category {
  text-transform: lowercase;
  margin-bottom: 0;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
}

.works-testimonials {
  color: #000;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.works-preview-wrapper {
  margin-bottom: 12px;
  position: relative;
}

.works-preview-hover {
  z-index: 2;
  max-height: 110px;
  position: absolute;
  bottom: -25px;
  right: -25px;
}

.works-t-text {
  margin-bottom: 20px;
  font-size: 20px;
  font-style: italic;
  line-height: 1.3;
}

.works-t-author {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  line-height: 1.3;
}

.works-t-title {
  font-size: 18px;
  font-style: italic;
  line-height: 1.3;
}

.text-link-block {
  color: #000;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  font-size: 28px;
  line-height: 1.3;
  display: flex;
}

.text-link-block-arrow {
  margin-left: 20px;
}

.section-title {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.3;
}

.section-title.nomb {
  margin-bottom: 0;
}

.section-title.smaller {
  margin-bottom: 0;
  font-size: 28px;
}

.section-title.smaller.hide {
  display: none;
}

.projects-list {
  float: none;
  clear: none;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.projects-item {
  float: none;
  clear: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
  position: relative;
}

.projects-link {
  color: var(--black);
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.projects-preview {
  object-fit: cover;
  width: 100%;
  height: 205px;
  margin-bottom: 12px;
}

.projects-title {
  color: var(--black);
  border-bottom: 1px solid #00000040;
  margin-top: 0;
  margin-bottom: 6px;
  font-size: 22px;
  line-height: 1.3;
  transition: all .2s;
}

.projects-title:hover {
  border-bottom-color: var(--black);
}

.projects-category {
  text-transform: lowercase;
  margin-bottom: 12px;
  font-size: 18px;
  font-style: italic;
  line-height: 1.3;
}

.projects-desc {
  margin-bottom: 0;
  font-size: 20px;
  font-style: italic;
  line-height: 1.3;
}

.projects-title-wrapper {
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.footer-top {
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 80px;
  display: flex;
}

.footer-top.grid-footer-top {
  grid-column-gap: 46px;
  grid-row-gap: 32px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-top-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 218px;
  font-size: 18px;
  display: flex;
}

.footer-top-block.nomr {
  max-width: 244px;
  margin-right: 0;
}

.footer-top-block.mb-36 {
  margin-bottom: 36px;
  font-size: 24px;
}

.footer-link {
  color: #000;
  font-size: 18px;
  line-height: 1.35;
  transition: all .2s;
}

.footer-link:hover {
  box-shadow: inset 0 -1px #000;
}

.footer-link.mlr24 {
  margin-left: 24px;
  margin-right: 24px;
}

.footer-link.hide {
  display: none;
}

.footer-bottom {
  justify-content: flex-start;
  align-items: center;
  margin-left: -24px;
  display: flex;
}

.works-preview-hover-img {
  z-index: 2;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.mobile-nav-footer {
  display: none;
}

.image-link {
  color: #00000080;
  border-bottom: 1px solid #00000040;
  align-self: flex-end;
  margin-top: 12px;
  font-size: 14px;
  font-style: italic;
  line-height: 1.3;
  transition: all .2s;
}

.image-link:hover {
  border-bottom-color: #00000080;
}

.image-link.mt5 {
  margin-top: 5px;
}

.contact-wrapper {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}

.contact-left {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 50px;
  display: flex;
}

.contact-right {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 50%;
  display: flex;
}

.contact-form {
  width: 100%;
  margin-bottom: 0;
}

.contact-form.hide {
  display: none;
}

.contact-form-title {
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 50px;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.3;
}

.contact-form-container {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.contact-form-input {
  height: 44px;
  max-height: 44px;
  color: var(--black);
  border: 1px #000;
  border-bottom: 1px solid #00000040;
  margin-bottom: 30px;
  padding: 10px 0;
  font-size: 18px;
  line-height: 1.3;
  transition: all .2s;
}

.contact-form-input:hover, .contact-form-input:active, .contact-form-input:focus {
  border-bottom-color: var(--black);
}

.contact-form-input::placeholder {
  color: #00000080;
}

.contact-form-submit {
  background-color: var(--white);
  color: var(--black);
  border-bottom: 1px solid #00000040;
  align-self: flex-end;
  padding: 0;
  font-size: 28px;
  line-height: 1.3;
  transition: all .2s;
}

.contact-form-submit:hover {
  border-bottom-color: #000;
}

.about-hero-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-hero-wrapper.margin-top-48px {
  margin-top: 48px;
}

.img-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.img-wrapper.hide {
  display: none;
}

.paragraph {
  color: var(--black);
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.3;
}

.paragraph.w66 {
  max-width: 66%;
}

.paragraph.mb40 {
  margin-bottom: 40px;
}

.paragraph.team-info {
  max-width: 550px;
  margin-top: 40px;
}

.paragraph.desktop-hidden {
  display: block;
}

.paragraph.hide {
  display: none;
}

.team-list {
  float: none;
  clear: none;
  grid-column-gap: 70px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.team-item {
  float: none;
  clear: none;
  flex-direction: column;
  display: flex;
}

.team-img-block {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-height: 330px;
  margin-bottom: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-img-hover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
}

.team-name {
  color: var(--black);
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.3;
}

.team-name.title {
  font-style: italic;
}

.lab-list {
  float: none;
  clear: none;
  grid-column-gap: 40px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.lab-item {
  float: none;
  clear: none;
}

.works-content-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.work-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.3;
}

.work-category {
  text-transform: lowercase;
  font-size: 18px;
  font-style: italic;
  line-height: 1.3;
}

.work-cover {
  margin-top: 50px;
  margin-bottom: 50px;
}

.work-video {
  margin-bottom: 50px;
}

.work-video.non-standard {
  margin-bottom: 0;
}

.work-vid-desc {
  margin-bottom: 20px;
  font-size: 18px;
  font-style: italic;
  line-height: 1.3;
}

.work-desc {
  margin-bottom: 50px;
}

.work-desc p {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.3;
}

.work-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 80px;
  display: flex;
}

.work-content p {
  margin-bottom: 0;
  font-size: 20px;
  line-height: 1.3;
}

.work-content img {
  width: 100%;
}

.work-content.mobile {
  display: none;
}

.work-tes-wrapper {
  grid-column-gap: 50px;
  grid-row-gap: 40px;
  border-top: 1px solid #00000040;
  border-bottom: 1px solid #00000040;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-bottom: 80px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: grid;
}

.work-tes-wrapper.mt60 {
  margin-top: 80px;
}

.work-tes-wrapper.mb-0 {
  margin-bottom: 0;
}

.work-tes-text {
  margin-bottom: 0;
  font-size: 19px;
  font-style: italic;
  line-height: 1.3;
}

.work-tes-author {
  display: flex;
}

.work-tes-img {
  max-width: 180px;
  max-height: 180px;
  margin-right: 20px;
}

.work-tes-name {
  font-size: 24px;
  line-height: 1.3;
}

.work-tes-title {
  font-size: 18px;
  font-style: italic;
  line-height: 1.3;
}

.work-team-wrapper {
  grid-column-gap: 30px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.work-team-wrapper.margin-bottom-80px {
  margin-bottom: 80px;
}

.work-team-title {
  font-size: 18px;
  font-style: italic;
  line-height: 1.3;
}

.work-team-names {
  font-size: 18px;
  line-height: 1.3;
}

.work-team-names.hide {
  display: none;
}

.merch-info-bottom {
  width: 100%;
  margin-top: 16px;
}

.merch-q {
  text-align: center;
  background-color: #0000;
  border-style: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 46px;
  margin-bottom: 0;
  padding: 0 0 0 8px;
  font-size: 28px;
  line-height: 1.3;
  display: flex;
}

.q-group {
  justify-content: center;
  align-items: center;
  display: flex;
}

.q-dec, .q-inc {
  cursor: pointer;
}

.cart-button {
  width: 60px;
  height: 60px;
  color: var(--black);
  background-color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: box-shadow .2s;
  position: relative;
  box-shadow: 0 1px 2px #00000040;
}

.cart-button:hover {
  box-shadow: 0 1px 10px #00000040;
}

.cart-wrapper {
  justify-content: center;
  align-items: center;
}

.cart-wrapper.hide {
  display: none;
}

.cart-quantity {
  color: #fff;
  background-color: #000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 22px;
  min-width: 22px;
  height: 22px;
  min-height: 22px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.apple-pay {
  height: 47px;
}

.checkout-input {
  height: 40px;
  max-height: 40px;
  color: var(--black);
  background-color: #0000;
  border: 1px solid #00000040;
  padding: 10px 12px;
  font-size: 18px;
  line-height: 1.3;
  transition: all .2s;
}

.checkout-input:hover, .checkout-input:active, .checkout-input:focus, .checkout-input.-wfp-focus {
  border-color: var(--crimson);
}

.checkout-input::placeholder {
  color: #00000080;
}

.clients-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.clients-item {
  float: none;
  clear: none;
}

.clients-logo {
  max-height: 80px;
}

.team-img {
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.nav-logo-img {
  width: 200px;
  display: block;
}

.contacts-address {
  font-size: 24px;
  line-height: 1.3;
}

.contact-success {
  color: #5fa862;
  text-align: left;
  background-color: #0000;
  max-width: 280px;
  padding: 0;
  font-size: 32px;
  line-height: 40px;
}

.prev-work {
  filter: contrast(0%);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 20%;
  transition: all .2s;
  display: flex;
  position: fixed;
  top: 40%;
  left: 0%;
}

.prev-work:hover {
  filter: contrast();
}

.next-work {
  filter: contrast(0%);
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 20%;
  transition: all .2s;
  display: flex;
  position: fixed;
  top: 40%;
  right: 0%;
}

.next-work:hover {
  filter: contrast();
}

.showreel-wrapper {
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.showreel-video {
  z-index: 2;
  width: 100%;
  height: 30vw;
  display: block;
  position: relative;
  inset: 0%;
}

.work-gif {
  width: 100%;
  height: auto;
  margin-bottom: 80px;
  display: block;
}

.hidden-collection {
  display: block;
}

.collection-list-3 {
  display: flex;
}

.text-block-2 {
  z-index: 1;
  color: #bababa00;
  position: absolute;
  inset: 0%;
}

.empty-state {
  color: #0000;
}

.collection-list-wrapper-5 {
  position: relative;
}

.illustrations-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: minmax(30%, 1fr) minmax(30%, 1fr) minmax(30%, 1fr);
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  display: grid;
}

.illustration-item {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.illustration-name_box {
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 11px;
  display: flex;
}

.illustration_l-box {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 20vw;
  max-height: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.illustration-im {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.illustration-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
}

.illustration-category {
  text-transform: lowercase;
  font-size: 16px;
  font-style: italic;
  line-height: 1.3;
}

.illistration_pop-up {
  z-index: 1000;
  background-color: #fffffffa;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.illustration-full-size_wrapper {
  grid-row-gap: 26px;
  max-width: 90vw;
  max-height: 90vh;
  color: var(--black);
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.illustration-caption {
  flex: none;
  font-size: 20px;
  line-height: 1.3;
}

.illustration-pop-up_close {
  z-index: 2;
  width: 43px;
  height: 43px;
  color: var(--white);
  text-transform: uppercase;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 2% 2% auto auto;
}

.pop-up-close-icon {
  width: 100%;
}

.full-size-illustration {
  object-fit: contain;
  flex: none;
  height: auto;
  max-height: 80vh;
}

.illustration-next-box {
  z-index: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.illustration-next-box.hide {
  display: none;
}

.link-block-4 {
  opacity: .5;
  width: 50%;
  transition: all .4s;
}

.link-block-4:hover {
  opacity: .94;
}

.image-9 {
  width: 100%;
  display: block;
}

.illustration-last-box {
  z-index: 1;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.illustration-last-box.hide {
  display: none;
}

.image-10 {
  opacity: .1;
}

.image-11 {
  width: 100%;
  height: auto;
  max-height: 8vw;
}

.container-1440 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 90%;
  max-width: 1280px;
  min-height: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section_illustrations {
  padding-top: 140px;
  padding-bottom: 80px;
}

.shop-list {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.link-block-5 {
  grid-row-gap: 12px;
  width: 100%;
  color: var(--black);
  text-align: center;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-14 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #bababa40;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 30vw;
  max-height: 350px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.shop_hover-im {
  z-index: 2;
  opacity: 0;
  object-fit: cover;
  flex: none;
  width: 100%;
  height: 100%;
  transition: all .3s;
  position: relative;
}

.shop_hover-im:hover {
  opacity: 1;
}

.poster-block {
  float: none;
  clear: none;
  grid-column-gap: 40px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.poster-category {
  margin-top: 10px;
  font-size: 18px;
  font-style: italic;
  line-height: 1.3;
}

.poster-info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.poster-bottom-wrapper {
  margin-bottom: 0;
}

.poster-select {
  background-color: #0000;
  background-image: url('../images/down.svg');
  background-position: 97%;
  background-repeat: no-repeat;
  background-size: auto;
  border: 1px solid #a0a2a7;
  border-radius: 3px;
  height: 45px;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 1.3;
}

.poster-select:active, .poster-select:focus {
  border-color: #9ea0a3;
}

.poster-cta {
  border-bottom: 1px solid #d9d9d9;
  justify-content: space-between;
  align-items: center;
  padding-top: 0;
  padding-bottom: 40px;
  display: flex;
}

.tabs {
  flex-direction: column-reverse;
  display: flex;
}

.tabs-menu {
  grid-column-gap: 10px;
  grid-row-gap: 17px;
  grid-template-rows: 92.5px;
  grid-template-columns: repeat(auto-fit, 92.5px);
  grid-auto-rows: 92.5px;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  display: grid;
}

.tab-link {
  background-color: #0000;
  border: 1px solid #bababa33;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
}

.tab-link.w--current {
  border-color: #bababa80;
  box-shadow: 0 2px 10px #0000004d;
}

.tab-menu-im {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 100%;
}

.tabs-content {
  width: 100%;
  height: 535px;
  margin-bottom: 20px;
}

.tab-pane {
  width: 100%;
  height: 100%;
}

.poster-wrapper {
  background-image: url('../images/wall-art-size-guide_final_1.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #bababa33;
  width: 100%;
  height: 100%;
}

.l-box_poster {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.cathegory-wrapper {
  margin-bottom: 20px;
}

.div-block-15 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  align-items: flex-start;
  display: flex;
}

.footer_representation {
  grid-row-gap: 0px;
  color: #000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 36px;
  font-size: 24px;
  line-height: 1.3;
  display: flex;
}

.footer_representation.mt-0 {
  margin-top: 0;
}

.footer_representation.mt-0.hide {
  display: none;
}

.representation {
  color: var(--black);
  line-height: 1.3;
}

.representation.bold {
  margin-bottom: 8px;
  font-weight: 500;
}

.lable-hit {
  z-index: 4;
  width: 90px;
  height: 40px;
  color: var(--white);
  background-color: #59903f;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  line-height: 1.5;
  display: flex;
  position: absolute;
  inset: 16px auto auto 0%;
}

.lable-sale {
  z-index: 4;
  width: 90px;
  height: 40px;
  color: var(--white);
  background-color: #fd0000;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  line-height: 1.5;
  display: flex;
  position: absolute;
  inset: 16px auto auto 0%;
}

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

.shop_price-wrapper {
  grid-column-gap: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.price.sale {
  color: #d9d9d9;
  text-decoration: line-through;
}

.posters_author-wrapper {
  grid-column-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 16px;
  display: flex;
}

.div-block-17 {
  grid-column-gap: 5px;
  border-bottom: 1px solid var(--silver);
  align-items: center;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.3;
  transition: all .3s;
  display: flex;
  position: relative;
}

.div-block-17:hover {
  border-bottom-color: var(--black);
}

.poster_price-wrapper {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.poster-price {
  margin-top: 5px;
  font-size: 22px;
  line-height: 1.3;
}

.poster-price.sale {
  font-size: 18px;
  font-style: italic;
  text-decoration: line-through;
}

.poster-price.compare {
  color: #fd0000;
}

.poster_common-info {
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  margin-top: 40px;
  display: flex;
}

.poster-package-info {
  width: 100%;
}

.poster_title {
  margin-bottom: 12px;
  font-style: italic;
  text-decoration: underline;
}

.bold-18px {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
}

.bold-18px.link {
  color: var(--black);
  border-bottom: 1px solid #000;
  transition: all .2s;
}

.bold-18px.link:hover {
  border-bottom-color: var(--silver);
  color: var(--silver);
}

.author-link {
  position: absolute;
  inset: 0%;
}

.div-block-18 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.height-compensator {
  width: 100%;
  margin-top: -130px;
  padding-bottom: 0;
}

.more-posters-wrapper {
  margin-top: 80px;
}

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

.div-block-20 {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.bold-28px {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.5;
}

.link_italy {
  border-bottom: 1px solid var(--silver);
  color: var(--black);
  font-style: italic;
  transition: all .3s;
}

.link_italy:hover {
  border-bottom-color: var(--black);
}

.more-posters_box {
  margin-top: 40px;
}

.contacts-title {
  color: #000;
  max-width: 960px;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.5;
}

._404-lottie-wrp {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.lottie-animation {
  width: 90%;
}

._404-page_button-box {
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.awards-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr 1fr 1fr;
}

.award-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.award {
  object-fit: contain;
  width: 80%;
  height: 90%;
}

.link-block-6 {
  z-index: 10;
  position: absolute;
  inset: 0%;
}

.link_current-project, .link_current-work {
  position: absolute;
  inset: 0%;
}

.non-standard-video-wrp {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 260px;
  margin-bottom: 50px;
  display: flex;
  overflow: hidden;
}

.show-reel-code {
  margin-bottom: 20px;
  display: none;
}

.div-block-23 {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 80%;
  max-width: 1004px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.work-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto 2fr 1fr;
  grid-template-columns: 1fr 1.5fr 1.5fr 1fr;
}

.work-grid._1 {
  grid-template-rows: auto auto auto;
}

.work-grid_image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.text--mobile {
  color: var(--black);
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.3;
  display: none;
}

.text--mobile.w66 {
  max-width: 66%;
}

.text--mobile.mb40 {
  margin-bottom: 40px;
}

.text--mobile.team-info {
  max-width: 550px;
  margin-top: 40px;
}

.text--mobile.desktop-hidden {
  display: block;
}

.text--mobile.hide {
  display: none;
}

.work-grid_item {
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-video-1 {
  flex: none;
  width: 100%;
  height: 100%;
  overflow: clip;
}

.work-grid_item-2, .work-grid_item-3 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.grid-video-2, .grid-video-3, .grid-video-4 {
  flex: none;
  width: 100%;
  height: 100%;
}

.hide {
  display: none;
}

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

.flex-h {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.flex-h.hide {
  display: none;
}

.block-50 {
  width: 50%;
  overflow: hidden;
}

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

.table_cell {
  padding-top: 10px;
  padding-bottom: 10px;
}

.table_cell.is-left {
  width: 35%;
  padding-left: 8px;
  padding-right: 20px;
  font-style: italic;
  line-height: 1;
}

.table_component {
  width: 100%;
  font-size: 18px;
}

.bricks_video-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  height: 835px;
  display: flex;
  overflow: hidden;
}

.bricks_grid_block2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-start;
  width: 50%;
  display: flex;
}

.bricks_grid_block2_block {
  width: 100%;
  margin-bottom: auto;
  overflow: hidden;
}

.bricks_grid_block1 {
  flex-flow: column;
  justify-content: center;
  width: 57%;
  overflow: hidden;
}

.bricks_grid_block1.align-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.embed_border {
  border: 1px solid #e2e2e2;
}

.block-50-copy {
  width: 50%;
  overflow: hidden;
}

.block-50-copy.align-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.block-50-copy-copy {
  width: 45%;
  overflow: hidden;
}

.block-50-copy-copy.align-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-24 {
  flex-flow: column;
  justify-content: center;
  width: 45%;
  display: flex;
}

.div-block-25 {
  flex-flow: column;
  justify-content: center;
  width: 53%;
  display: flex;
}

.flex-h-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  height: 405px;
  display: flex;
  overflow: hidden;
}

.flex-h-2.hide {
  display: none;
}

.d4c_grid_pizza {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.d4c_grid_pizza.hide {
  display: none;
}

.d4c_left {
  width: 30%;
  overflow: hidden;
}

.d4c_left.align-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.d4c_right {
  width: 67%;
  overflow: hidden;
}

.d4c_right.align-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.d4c_grid_ice {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  overflow: hidden;
}

.d4c_grid_ice.hide {
  display: none;
}

.d4c_ice-left {
  width: 50%;
  overflow: hidden;
}

.d4c_ice-left.align-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.d4c-ice_right {
  width: 50%;
  overflow: hidden;
}

.d4c-ice_right.align-center {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.brickheadz-grid, .brickheadz-grid-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.brickheadz-grid-col {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  display: flex;
}

.brickheadz-grid-im {
  width: 100%;
  display: block;
}

.spacer-40 {
  width: 100%;
  height: 2.5rem;
}

.mr-video_cont {
  width: 100%;
  padding: 0;
  overflow: hidden;
}

.body-reskin {
  font-family: var(--reskin-font);
  color: var(--black);
  font-size: 1rem;
  line-height: 1.5;
}

.main-wrapper.overflow-x {
  overflow-x: hidden;
}

.about_team {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.about_team.is-hero {
  padding-top: 7.5rem;
  padding-bottom: 6.625rem;
}

.about_team.is-badges {
  padding-top: 10rem;
  padding-bottom: 7rem;
}

.about_team.about-text {
  padding-top: 10rem;
  padding-bottom: 12.5rem;
  display: block;
}

.padding-global {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.container--main {
  width: 100%;
  max-width: 100rem;
  margin-left: auto;
  margin-right: auto;
}

.h1-style {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nunito, sans-serif;
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 1.2;
}

.h1-style.max-width-35ch {
  max-width: 35ch;
}

.hero_main-im-wr {
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  margin-top: 7.5rem;
  display: flex;
  overflow: hidden;
}

.hero_main-im {
  width: 100%;
  display: block;
}

.grid_2col {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sg_header {
  background-color: #f4f5f7;
}

.sg_header-block {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center start;
  display: grid;
}

.sg_version {
  z-index: 5;
  color: #76879d;
  font-weight: 500;
  text-decoration: none;
}

.ts-h1 {
  font-family: var(--reskin-font);
  margin-top: 0;
  margin-bottom: 0;
  font-size: 3.125rem;
  font-weight: 500;
  line-height: 1.2;
}

.ts-h1.max-width-35ch {
  max-width: 35ch;
  font-family: var(--reskin-font);
}

.ts-subtitle {
  z-index: 1;
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.25;
}

.ts-subtitle.z-index-1 {
  position: relative;
}

.sg_section-gaps {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}

.container-l {
  width: 100%;
  max-width: 72.5rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-global-2 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.max-width-mango {
  width: 100%;
  max-width: 35rem;
}

.sg_label {
  color: #fff;
  background-color: #0073e6;
  border-radius: 4px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: .25rem .75rem .2rem;
  font-size: .8rem;
  font-weight: 300;
  line-height: 1.4;
  display: inline;
}

.sg_label.is-tag {
  background-color: #be4aa5;
}

.sg_item-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.sg_section {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  display: grid;
}

.ts-h5 {
  font-family: var(--reskin-font);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.ts-h5.is-white {
  color: var(--white);
}

.ts-h2 {
  font-family: var(--reskin-font);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.875rem;
  font-weight: 600;
  line-height: 1.33333;
}

.ts-h2.max-width-35ch {
  max-width: 35ch;
}

.ts-h2.align-center {
  text-align: center;
}

.ts-h2.is-white {
  color: var(--white);
}

.sg_subitile {
  color: #3a4554;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
}

.sg_item {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: .5rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  display: grid;
  position: relative;
}

.sg_section-header {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px solid #a6b1bf;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 3rem;
  line-height: 1.4;
  display: grid;
}

.ts-h6 {
  color: #3a4554;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.5;
}

.ts-h3 {
  color: #3a4554;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.25;
}

.ts-subtitle--small {
  opacity: .5;
  letter-spacing: 1px;
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.4;
}

.ts-subtitle--small.max-width-40ch {
  max-width: 40ch;
}

.ts-subtitle--small.max-width-32ch {
  max-width: 32ch;
}

.sg_2-col {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.ts-h4 {
  font-family: var(--reskin-font);
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.33333;
  transition: all .2s;
}

.ts-h4.is-white {
  color: #fff;
}

.sg_6col {
  grid-column-gap: 1rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.sg_empty-box {
  z-index: 0;
  background-color: #f5f5f5;
  border: 1px dashed #a6b1bf;
  border-radius: .25rem;
  height: 100%;
}

.sg_empty-box.is-jade {
  background-color: #66cba6;
  border-color: #0000;
}

.sg_empty-box.is-vanilla {
  background-color: #f3e5ab;
  border-color: #0000;
}

.sg_empty-box.is-emerald {
  background-color: #96deae;
  border-color: #0000;
}

.sg_empty-box.is-indigo {
  opacity: .6;
  background-color: #214cf6;
  border-color: #0000;
}

.sg_empty-box.is-ultraviolet {
  background-color: #8466c5;
  border-color: #0000;
}

.sg_empty-box.is-olive {
  background-color: #b3b366;
  border-color: #0000;
}

.sg_empty-box.is-teal {
  background-color: #66b3b3;
  border-color: #0000;
}

.sg_empty-box.is-blue {
  opacity: .6;
  background-color: #2196f3;
  border-color: #0000;
}

.sg_empty-box.is-red {
  background-color: #ff776d;
  border-color: #0000;
}

.sg_empty-box.is-kiwi {
  background-color: #b2c2a3;
  border-color: #0000;
}

.sg_empty-box.is-amber {
  opacity: .6;
  background-color: #ffc107;
  border-color: #0000;
}

.sg_empty-box.is-paprika {
  background-color: #bb677d;
  border-color: #0000;
}

.sg_empty-box.is-navy {
  background-color: #6666b3;
  border-color: #0000;
}

.sg_empty-box.is-lavender {
  background-color: #d2d2ff;
  border-color: #0000;
}

.sg_empty-box.is-cyan {
  opacity: .6;
  background-color: #00bcd4;
  border-color: #0000;
}

.sg_empty-box.is-fuchsia {
  background-color: #f6f;
  border-color: #0000;
}

.sg_empty-box.is-dust {
  background-color: #dfdad3;
  border-color: #0000;
}

.sg_empty-box.is-quartz {
  background-color: #979195;
  border-color: #0000;
}

.sg_empty-box.is-mango {
  background-color: #f7c687;
  border-color: #0000;
}

.sg_empty-box.is-salmon {
  background-color: #fcb3aa;
  border-color: #0000;
}

.sg_empty-box.is-gold {
  background-color: #dac180;
  border-color: #0000;
}

.sg_spacing {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  place-items: start;
  display: grid;
  position: relative;
}

.spacer {
  min-width: 1rem;
  height: 1rem;
}

.spacer.is-jade {
  min-width: 1.5rem;
  height: 1.5rem;
}

.spacer.is-vanilla {
  min-width: 8.75rem;
  height: 8.75rem;
}

.spacer.is-red {
  min-width: 5.5rem;
  height: 5.5rem;
}

.spacer.is-olive {
  min-width: 4rem;
  height: 4rem;
}

.spacer.is-amber {
  min-width: .125rem;
  height: .125rem;
}

.spacer.is-fuchsia {
  min-width: .875rem;
  height: .875rem;
}

.spacer.is-indigo {
  min-width: 1.25rem;
  height: 1.25rem;
}

.spacer.is-ultraviolet {
  aspect-ratio: 1;
  width: 7.5rem;
  min-width: auto;
  height: auto;
}

.spacer.is-lavender {
  min-width: 2.5rem;
  height: 2.5rem;
}

.spacer.is-paprika {
  min-width: 4.5rem;
  height: 4.5rem;
}

.spacer.is-teal {
  min-width: 6.25rem;
  height: 6.25rem;
}

.spacer.is-gold {
  min-width: 1.125rem;
  height: 1.125rem;
}

.spacer.is-navy {
  min-width: 3.5rem;
  height: 3.5rem;
}

.spacer.is-cyan {
  min-width: .5rem;
  height: .5rem;
}

.spacer.is-dust {
  min-width: .625rem;
  height: .625rem;
}

.spacer.is-mango {
  min-width: 3rem;
  height: 3rem;
}

.spacer.is-salmon {
  min-width: 6rem;
  height: 6rem;
}

.spacer.is-emerald {
  min-width: .75rem;
  height: .75rem;
}

.spacer.is-blue {
  min-width: .25rem;
  height: .25rem;
}

.spacer.is-kiwi {
  min-width: 2rem;
  height: 2rem;
}

.spacer.is-quartz {
  min-width: 5rem;
  height: 5rem;
}

.sg_row {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.ts-tag {
  text-align: center;
  border: 1px solid #0003;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  padding: .2rem .75rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
  display: flex;
  overflow: hidden;
}

.ts-tag.is-white {
  color: var(--white);
  border-color: #fff3;
}

.ts-allcaps {
  text-transform: uppercase;
}

.ts-italic {
  font-style: italic;
}

.tagline {
  text-align: left;
  display: inline-block;
}

.ts-strikethrough {
  text-decoration: line-through;
}

.ts-p--tiny {
  font-size: .75rem;
}

.ts-p--big {
  margin-bottom: 0;
  font-size: 1.875rem;
  line-height: 1.33333;
}

.ts-p--big.is-align-center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.ts-p--big.is-align-center.max-width-42ch {
  max-width: 42ch;
}

.ts-underline {
  text-decoration: underline;
}

.ts-link {
  font-family: var(--reskin-font);
  color: var(--black);
  font-size: 1.25rem;
  line-height: 1.4;
  transition: all .2s;
}

.ts-link:hover {
  opacity: .5;
}

.ts-link:active {
  opacity: .7;
}

.ts-link.is-wh {
  color: var(--white);
}

.ts-link.is-wh:where(.w-variant-4c6232be-7749-7bec-9510-36cb92c50ba2) {
  color: var(--black);
}

.sg_3-col {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.ts-stat {
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.5;
}

.ts-subtitle--small-2 {
  color: #76879d;
  font-size: 1.25rem;
}

.ts-p {
  margin-bottom: 0;
  font-size: 1.25rem;
  line-height: 1.6;
}

.ts-p.opacity-50 {
  opacity: .5;
}

.ts-p.opacity-50.max-width-30ch {
  max-width: 30ch;
}

.ts-p.is-medium {
  font-weight: 500;
}

.ts-p.is-white {
  color: var(--white);
}

.ts-p.is-white.opacity-50.max-width-30ch {
  max-width: 30ch;
}

.sg_item-header {
  grid-column-gap: 1rem;
  grid-row-gap: .5rem;
  border-bottom: 1px solid #0000001a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  padding-bottom: 2.5rem;
  display: grid;
}

.ts-p--small {
  font-family: var(--reskin-font);
  flex: none;
  font-size: 1rem;
}

.ts-p--small.opacity-50 {
  opacity: .5;
}

.ts-p--small.weight-500 {
  font-weight: 500;
}

.ts-p--small.is-withe {
  color: var(--white);
}

.ts-p--small.is-withe.opacity-50.lowcase {
  text-transform: lowercase;
}

.ts-opacity {
  opacity: .6;
}

.ts-eyebrow {
  color: #76879d;
  text-align: left;
  letter-spacing: .04rem;
  text-transform: uppercase;
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.33333;
}

.clients_component {
  max-width: 68.75rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.clients_component.mt-0 {
  margin-top: 0;
}

.clients_list {
  grid-column-gap: 3rem;
  grid-row-gap: 2.5rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.clients_logo-box {
  justify-content: center;
  align-items: center;
  height: 4.125rem;
  display: flex;
}

.clients_logo {
  object-fit: contain;
  width: auto;
  height: 100%;
  display: block;
}

.awards_component {
  max-width: 68.75rem;
  margin-top: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.awards_list {
  grid-column-gap: 3rem;
  grid-row-gap: 2.5rem;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.awards_item {
  height: 5.75rem;
}

.sec--hero_reskin {
  z-index: 3;
  background-color: #fff;
  padding-top: 7.5rem;
  padding-bottom: 6.25rem;
  position: relative;
}

.sec--hero_reskin.is-hero {
  padding-top: 7.5rem;
  padding-bottom: 6.625rem;
}

.sec--hero_reskin.is-badges {
  padding-top: 10rem;
  padding-bottom: 7rem;
}

.sec--hero_reskin.about-text {
  padding-top: 10rem;
  padding-bottom: 12.5rem;
  display: block;
}

.about_badges {
  padding-top: 10rem;
  padding-bottom: 7rem;
}

.about_badges.is-hero {
  padding-top: 7.5rem;
  padding-bottom: 6.625rem;
}

.about_badges.is-badges {
  padding-top: 10rem;
  padding-bottom: 7rem;
}

.about_badges.about-text {
  padding-top: 10rem;
  padding-bottom: 12.5rem;
  display: block;
}

.about_text {
  padding-top: 10rem;
  padding-bottom: 12.5rem;
}

.about_text.is-hero {
  padding-top: 7.5rem;
  padding-bottom: 6.625rem;
}

.about_text.is-badges {
  padding-top: 10rem;
  padding-bottom: 7rem;
}

.about_text.about-text {
  padding-top: 10rem;
  padding-bottom: 12.5rem;
  display: block;
}

.team--component {
  margin-top: 9.125rem;
}

.team_grid {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: grid;
}

.team_names-wr {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.team_job-wr {
  text-align: right;
  padding-top: .25rem;
}

.team_list {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.team_im {
  z-index: 1;
  filter: grayscale();
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.team_im.is-circle {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  height: auto;
}

.tr-title {
  opacity: .5;
  flex: none;
  font-size: 1rem;
}

.tr-title.opacity-50 {
  opacity: .5;
}

.tr-list {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.tr-wrap {
  display: block;
}

.tr-category {
  display: none;
}

.footer-reskin {
  z-index: 102;
  background-color: var(--black);
  height: 100vh;
  min-height: 906px;
  color: var(--white);
  position: relative;
}

.footer-reskin:where(.w-variant-4c6232be-7749-7bec-9510-36cb92c50ba2) {
  background-color: var(--white);
  color: var(--black);
}

.footer_main-part {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 28rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer_main-top {
  grid-column-gap: 3.75rem;
  grid-row-gap: 3.75rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_logo-wr {
  color: var(--white);
  transition: all .2s;
}

.footer_logo-wr:hover {
  opacity: .82;
}

.footer_logo:where(.w-variant-4c6232be-7749-7bec-9510-36cb92c50ba2) {
  color: var(--black);
}

.footer_main-bottom {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.icon_heart {
  width: 1.5rem;
}

.footer_bottom-part {
  margin-top: 0;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  position: relative;
}

.footer_menu {
  grid-column-gap: 3.125rem;
  grid-row-gap: 3.125rem;
  justify-content: center;
  align-items: center;
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.footer_copyright {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.footer_up {
  color: var(--white);
  transition: opacity .2s;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.footer_up:hover {
  opacity: .5;
}

.navigation-reskin {
  z-index: 100;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  position: sticky;
  top: 0;
}

.nav_cont {
  z-index: 2;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
  position: relative;
}

.nav_logo-wr {
  height: 4.375rem;
  transition: all .2s;
}

.nav_logo-wr:hover {
  opacity: .5;
}

.btn-reskin {
  background-color: var(--black);
  font-family: var(--reskin-font);
  color: var(--white);
  text-align: center;
  border: 1px solid #000;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.625rem;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  transition: all .2s;
  display: flex;
}

.btn-reskin:hover {
  color: var(--black);
  background-color: #0000;
  border: 1px solid #000;
}

.btn-reskin:active {
  background-color: var(--black);
  color: var(--silver);
}

.btn-reskin.is-nav {
  cursor: pointer;
  height: 2.8125rem;
  padding: 0 1.65625rem;
}

.btn-reskin.is-nav:hover {
  background-color: #fff;
}

.navigation_bg {
  z-index: 0;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffff80;
  position: absolute;
  inset: 0%;
}

.navigation_component {
  z-index: 100;
  position: relative;
}

.navigation_links-wr {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navigation_link {
  font-family: var(--reskin-font);
  color: var(--black);
  border-bottom: 1px solid #0000;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.2;
  transition: all .2s;
}

.navigation_link:hover {
  border-bottom-color: var(--silver);
}

.navigation_link.w--current {
  cursor: default;
}

.navigation_link.w--current:hover {
  border-bottom-color: #0000;
}

.navigation_burger-wr {
  justify-content: center;
  align-items: center;
  width: 2rem;
  display: none;
}

.navigation_burger {
  width: 100%;
}

.nav_menu-mob {
  display: none;
}

.navigatin_btn-wr {
  flex: none;
}

.top {
  z-index: 0;
  height: 1px;
  margin-top: -1px;
  padding: 0;
  position: relative;
}

.subtitle-wr {
  margin-top: 2.5rem;
}

.illustrations {
  padding-bottom: 9.375rem;
}

.ill_filters-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 2.5rem;
  display: flex;
}

.ill_filter-icon-wr {
  aspect-ratio: 1;
  opacity: .2;
  cursor: pointer;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 2.25rem;
  display: flex;
}

.ill_filter-icon-wr:hover {
  box-shadow: 0 4px 10px #00000026;
}

.ill_filter-icon-wr.is-active {
  opacity: 1;
  box-shadow: 0 4px 10px #00000026;
}

.ill_filter-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.ill_list {
  column-count: 3;
  column-gap: 1rem;
}

.ill_list.is-2col {
  column-count: 2;
}

.ill_item {
  margin-bottom: 1rem;
}

.ill_box {
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  overflow: hidden;
}

.ill_box-im {
  cursor: pointer;
  border-radius: .25rem;
  width: 100%;
  height: auto;
  transition: all .2s;
}

.ill_box-im:hover {
  opacity: .5;
}

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

.cms_loader-wr {
  justify-content: center;
  align-items: center;
  display: flex;
}

.cms_loader {
  justify-content: center;
  align-items: center;
  width: 2rem;
  display: flex;
}

.ill_modal {
  z-index: 110;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #fff9;
  flex-flow: column;
  justify-content: space-between;
  height: 100vh;
  padding: 1.5rem 1.5rem 4rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.ill_modal.active {
  opacity: 1;
  display: flex;
  inset: 0%;
}

.ill_modal-top {
  z-index: 3;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.ill_modal-mid {
  z-index: 1;
  grid-column-gap: 2.25rem;
  grid-row-gap: 2.25rem;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.ill_modal-logo {
  width: 4.5rem;
  height: auto;
}

.ill_mod-im {
  object-fit: contain;
  border-radius: .25rem;
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 90%;
  display: block;
}

.ill_modal-prev-wr {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  margin-left: 1rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.ill_modal-prev-arr {
  color: var(--black);
  cursor: pointer;
}

.ill_modal-prev-arr:hover {
  opacity: .5;
}

.ill_modal-next-wr {
  z-index: 2;
  justify-content: flex-start;
  align-items: center;
  margin-right: 1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.ill_modal-prev-empty, .ill_modal-next-empty {
  pointer-events: none;
  position: absolute;
}

.ill_modal-next-arr {
  cursor: pointer;
}

.ill_modal-next-arr:hover {
  opacity: .5;
}

.ill_modal-close {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
}

.ill_modal-close:hover {
  opacity: .5;
}

.ill_modal-wr {
  height: 0;
}

.slider {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.slide {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.div-block-26 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.swiper.ill-modal {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.swiper.gall-1 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.swiper.is-showreels {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  flex-flow: column;
  display: flex;
  position: sticky;
  top: 15%;
}

.swiper.gall-2 {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-wrapper.ill-modal {
  height: 100%;
  display: flex;
}

.swiper-wrapper.d-work {
  display: flex;
}

.swiper-wrapper.is-showreels {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.swiper-wrapper.side-projects {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.swiper-slide.ill-modal {
  flex: none;
  width: 100%;
}

.swiper-slide.d-work {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.swiper-slide.is-showreels {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  display: flex;
  position: relative;
}

.swiper-slide.is-showreels.is-2 {
  z-index: 2;
}

.slider-component {
  flex: 1;
  width: 100%;
  height: 100%;
  position: relative;
}

.slider-component.active {
  z-index: 100;
  display: block;
  position: fixed;
  inset: 0%;
}

.slider-component.is-showreels {
  height: 150vh;
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.slider-component.is-showreels.no-ani {
  height: auto;
}

.slider-component.side-projects {
  max-width: 652.5rem;
  margin-top: 4.375rem;
  margin-left: auto;
  margin-right: auto;
}

.slider-arrows-wrp {
  z-index: 2;
}

.slider-arrows-wrp.ill-modal {
  pointer-events: none;
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: 0%;
}

.slider-arrows-wrp.d-work {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.swiper-arrow {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.swiper-arrow:hover {
  opacity: .5;
}

.swiper-arrow.d-work-prev.is-disabled, .swiper-arrow.d-work-next.is-disabled {
  opacity: .3;
  pointer-events: none;
}

.ill_moda-crd {
  z-index: 100;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff9;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding: 1.5rem 1.5rem 4rem;
  display: flex;
  position: fixed;
  inset: 0%;
}

.ill_moda-crd.active {
  z-index: 100;
  opacity: 1;
  display: flex;
  inset: 0%;
}

.modal-item {
  flex-flow: column;
  height: 100%;
  display: flex;
}

.modal-top {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.modal-content {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.modal-close {
  cursor: pointer;
  transition: all .2s;
}

.modal-close:hover {
  opacity: .5;
}

.modal-logo {
  width: 4.5rem;
  height: auto;
}

.modal-im {
  object-fit: contain;
  border-radius: .25rem;
  max-width: 80%;
  max-height: 80%;
}

.team_im-wrp {
  z-index: 2;
  opacity: 0;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 15rem;
  height: 20rem;
  display: flex;
  position: absolute;
  top: -2rem;
  left: 5rem;
  overflow: hidden;
}

.team_sn-wrp {
  z-index: 2;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-end;
  align-items: flex-start;
  padding-top: 1rem;
  padding-right: 1rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.team_sn-item {
  aspect-ratio: 1;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team_sn-icon {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.team_name-box {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.container--blog {
  width: 100%;
  max-width: 44rem;
}

.blog_author-component {
  grid-column-gap: 1.125rem;
  grid-row-gap: 1.125rem;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1.5rem;
  display: flex;
}

.blog_author-component.mt-0 {
  margin-top: 0;
}

.blog_author-headshot {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  width: 3rem;
  overflow: hidden;
}

.blog_author-name {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.blog_hero-im {
  border-radius: .25rem;
  width: 100%;
  margin-top: 4.0625rem;
  margin-bottom: 3.75rem;
  display: block;
}

.blog-content.is-lp {
  padding-bottom: 9.375rem;
}

.blog_rich-text {
  font-family: var(--reskin-font);
  font-size: 1.25rem;
  line-height: 1.6;
}

.blog_rich-text p {
  margin-bottom: 1.375rem;
}

.blog_rich-text img {
  border-radius: .25rem;
}

.blog_rich-text figure {
  margin-top: 2.25rem;
  margin-bottom: 3.75rem;
}

.blog_rich-text h2 {
  font-family: var(--reskin-font);
  margin-top: 3.75rem;
  margin-bottom: 3rem;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.33333;
}

.blog_rich-text ul {
  margin-top: 2.5rem;
  margin-bottom: 3.75rem;
  padding-left: 20px;
}

.blog_rich-text h1 {
  font-family: Nunito, sans-serif;
  font-weight: 500;
}

.blog_rich-text h3 {
  font-family: var(--reskin-font);
  letter-spacing: normal;
  text-transform: none;
  margin-top: 3.75rem;
  margin-bottom: 2.5rem;
}

.sg_1-col {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.sg_heading-medium {
  font-size: 4rem;
}

.ts-subtitle--small-3 {
  color: #76879d;
  font-size: 1.25rem;
}

.figure-caption {
  text-align: left;
  font-size: 1rem;
  line-height: 1.5;
}

.heading {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5;
}

.blog_link-wr {
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.blog-relatives {
  padding-top: 8.75rem;
  padding-bottom: 9.1875rem;
}

.cms_list {
  grid-column-gap: 7%;
  grid-row-gap: 5rem;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.cms_list.is-projects {
  grid-column-gap: 7.5%;
}

.cms_list.is-category {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: flex-start;
  align-items: flex-start;
}

.cms_item {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  border-radius: .25rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
  position: relative;
}

.cms_item.is-blog {
  grid-column-gap: 1.8125rem;
  grid-row-gap: 1.8125rem;
}

.cms_item.is-fullscreen {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
}

.cms_thumb {
  border-radius: .75rem;
  display: block;
}

.cms_thumb.is-project {
  z-index: 1;
  aspect-ratio: 7 / 5;
  object-fit: cover;
  border-radius: .25rem;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.cms_thumb.is-hover {
  position: absolute;
  inset: 0%;
}

.cms_link {
  z-index: 5;
  position: absolute;
  inset: 0%;
}

.main--hero-showreel {
  z-index: 2;
  position: relative;
}

.main--hero-showreel.hide {
  z-index: 1;
}

.showreel_lbox {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.showreel_lbox.is-1 {
  border-radius: .25rem;
}

.showreel--video {
  z-index: 1;
  width: 100%;
  height: 50vw;
  max-height: 50rem;
  display: block;
  position: relative;
  inset: 0%;
}

.showreel--btn {
  z-index: 2;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  width: 6.5rem;
  height: 5.5rem;
  color: var(--black);
  background-color: #ffffff1a;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: absolute;
}

.showreel--btn:hover {
  color: #00000080;
}

.showreel--btn.is-small {
  width: 5.5rem;
  height: 4rem;
}

.showreel--btn-icon {
  justify-content: center;
  align-items: center;
  display: flex;
}

.main--projects {
  padding-top: 6.875rem;
  overflow-x: clip;
}

.filter--component {
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #ffffff4d;
  width: 100%;
  margin-top: 2.5rem;
  margin-bottom: 5.625rem;
  padding-top: 1.25rem;
  padding-bottom: 1rem;
  position: sticky;
  top: 118px;
  overflow: hidden;
}

.filter--block {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  justify-content: flex-start;
  align-items: center;
  display: block;
}

.filter--radio_field {
  float: left;
  background-color: var(--white);
  cursor: pointer;
  border: 1px solid #0003;
  border-radius: .5rem;
  margin-right: 12px;
  padding-left: 0;
  font-weight: 500;
  line-height: 1.25;
  transition: all .2s;
  display: inline-block;
  position: relative;
}

.filter--radio_field:hover {
  background-color: var(--silver);
}

.filter--radio_field.is-active {
  border-color: var(--black);
  background-color: var(--black);
  color: var(--white);
}

.filter--radio_btn {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.filter--radio_label {
  justify-content: center;
  align-items: center;
  min-height: 2rem;
  margin-bottom: 0;
  padding: .2rem .75rem;
  font-weight: 500;
  display: flex;
}

.collection-list-wrapper-6 {
  justify-content: flex-start;
  align-items: center;
}

.filter--wrp {
  width: 100%;
  max-width: 50rem;
  margin-bottom: 0;
}

.filter--block-item {
  display: inline-block;
}

.team_job-name {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.team_im-project {
  z-index: 3;
  opacity: 0;
  filter: grayscale();
  object-fit: cover;
  border-radius: .25rem;
  width: 15rem;
  height: 20rem;
  display: block;
  position: absolute;
  inset: -2rem auto auto 5rem;
}

.team_im-project.is-circle {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
  height: auto;
}

.team--component_project {
  margin-top: 3.75rem;
  margin-bottom: 6.875rem;
}

.project_rich-text {
  font-family: var(--reskin-font);
  font-size: 1.25rem;
  line-height: 1.6;
}

.project_rich-text p {
  margin-bottom: 1rem;
}

.project_rich-text img {
  border-radius: .25rem;
  margin-top: 0;
  margin-bottom: 0;
}

.project_rich-text figure {
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.project_rich-text h2 {
  font-family: var(--reskin-font);
  margin-top: 9.375rem;
  margin-bottom: 0;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 1.33333;
}

.project_rich-text ul {
  margin-top: 2.5rem;
  margin-bottom: 3.75rem;
  padding-left: 20px;
}

.project_rich-text h1 {
  font-family: Nunito, sans-serif;
  font-weight: 500;
}

.project_rich-text h3 {
  opacity: .5;
  font-family: var(--reskin-font);
  letter-spacing: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 1.875rem;
}

.projects--component {
  margin-bottom: 6.25rem;
}

.project_thumb-wrp {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.project_thumb-hover {
  z-index: 2;
  aspect-ratio: 7 / 5;
  opacity: 0;
  object-fit: cover;
  border-radius: .25rem;
  width: 100%;
  transition: all .2s;
  position: absolute;
  inset: 0%;
}

.project_pers-hover {
  z-index: 3;
  opacity: 0;
  max-height: 40%;
  transition: all .2s;
  position: absolute;
  inset: auto -1.5rem -1rem auto;
}

.cms_project-text {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: wrap;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.cms_project-text.is-fullscreen {
  z-index: 2;
  padding: 1.5rem;
  position: absolute;
  inset: auto 0% 0%;
}

.cms_project-category {
  display: block;
}

.d-work--video-wrp {
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 2rem;
}

.d-work--video {
  border-radius: .25rem;
  width: 100%;
  display: block;
  overflow: hidden;
}

.d-work--content {
  padding-top: 3.75rem;
}

.d-work--slider-component {
  padding-top: 2.875rem;
  padding-bottom: 2.875rem;
  display: block;
  position: relative;
}

.d-work--slider-component.hidden-slider {
  display: none;
}

.d-work_slide-in {
  border-radius: .25rem;
  overflow: hidden;
}

.d-work--videos-component {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  flex-flow: column;
  display: flex;
}

.team_job-name-wrp {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.d-work_team {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.d-work--awards {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.d-work--body-text {
  padding-top: 6rem;
  padding-bottom: 4rem;
}

.work-next_wrp {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #630dce;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 400px;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: grid;
  position: relative;
  overflow: hidden;
}

.work-next_title {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 1.5rem;
  padding-right: 1rem;
  display: flex;
}

.work-next_thumb {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.work-next_next {
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 1.5rem;
  display: flex;
}

.work-next_thumb-im {
  object-fit: contain;
  border-radius: .25rem;
  max-height: 90%;
  display: block;
  overflow: hidden;
}

.footer_layout {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
}

.main--showreels-ani {
  z-index: 1;
  border-radius: .25rem;
  padding-top: 1.75rem;
  padding-bottom: 3.5rem;
  position: relative;
  overflow-x: clip;
}

.showreels-ani_cont {
  height: 300vh;
  padding-top: 3rem;
  padding-bottom: 10rem;
  position: relative;
}

.showreels-ani_grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  position: relative;
}

.showreels-ani_item {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  text-align: center;
  flex-flow: column;
  display: flex;
  position: relative;
}

.showreels-ani_item.is-1 {
  z-index: 2;
}

.showreels-ani_item.is-2 {
  z-index: 3;
}

.showreels-ani_item.is-3 {
  z-index: 2;
}

.showrees-ani_thumb {
  z-index: 1;
  aspect-ratio: 3 / 2;
  border-radius: .25rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.main-showreel_thumb {
  aspect-ratio: 3 / 2;
  width: 100%;
  position: relative;
}

.main--hero_side-arrow-wr {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 12.75rem;
  padding-left: 1.5rem;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.main--hero_side-arrow {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 3.75rem;
  transition: opacity .2s;
  display: flex;
  position: sticky;
  top: 120px;
  transform: rotate(-90deg);
}

.main--hero_side-arrow:hover {
  opacity: .5;
}

.main--hero_side-arrow.w--current {
  position: sticky;
}

.showreels-ani_sticky-box {
  grid-column-gap: 7rem;
  grid-row-gap: 7rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: sticky;
  top: 15%;
}

.main--side-projects {
  background-color: var(--black);
  padding-top: 7.5rem;
  padding-bottom: 5.625rem;
  overflow-x: clip;
}

.footer_up-arrow {
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer_up-arrow:where(.w-variant-4c6232be-7749-7bec-9510-36cb92c50ba2) {
  color: var(--black);
}

.navigation_top-anchore {
  pointer-events: none;
  height: 1px;
  position: absolute;
  inset: 0% 0% auto;
}

.main--clients {
  padding-top: 7.8125rem;
  padding-bottom: 7.8125rem;
}

.layout-center {
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.side-pr_card {
  grid-column-gap: 1.25rem;
  grid-row-gap: 1.25rem;
  flex-flow: column;
  display: flex;
}

.sd-pr_thumb-wr {
  border-radius: .25rem;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  height: 16.74vw;
  max-height: 500px;
  display: flex;
  overflow: hidden;
}

.sd-pr_name-wr {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.swiper_pagination.side-projects {
  display: none;
}

.filter--empty {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.btn-text {
  height: 100%;
  color: inherit;
  flex: none;
}

.btn-text.default {
  z-index: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
  inset: 0%;
}

.btn-text.is-2 {
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.btn-text.is-3, .btn-text.mobile {
  z-index: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.work_pre-body-wrp {
  width: 77%;
}

.showreels-anchore {
  z-index: 0;
  pointer-events: none;
  background-color: #0000;
  width: 100%;
  height: 20px;
  margin-bottom: 60%;
  position: absolute;
  inset: auto 0% 0%;
}

.sec--new {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.cms_thumb-hover {
  z-index: 3;
  opacity: 0;
  border-radius: .75rem;
  display: block;
  position: absolute;
  inset: 0%;
}

.cms_thumb-hover.is-project {
  z-index: 1;
  aspect-ratio: 7 / 5;
  object-fit: cover;
  border-radius: .25rem;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.cms_thumb-hover.is-hover {
  position: absolute;
  inset: 0%;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 46px;
    line-height: 54px;
  }

  h2 {
    font-size: 22px;
    line-height: 28px;
  }

  .logo, .logo.w--current {
    width: 160px;
  }

  .logo.logo_new_props {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 160px;
    max-width: none;
    height: 70px;
    display: flex;
    top: 0;
  }

  .menu.link {
    margin-bottom: 30px;
  }

  .menu.link.works {
    font-size: 30px;
    line-height: 28px;
    position: static;
    top: 20px;
  }

  .menu.link.works.w--current {
    color: var(--crimson);
  }

  .menu.link.about {
    font-size: 30px;
    line-height: 28px;
    position: static;
  }

  .menu.link.about.w--current {
    color: var(--crimson);
  }

  .menu.link.about.burger-contact {
    margin-bottom: 15px;
    font-size: 19px;
    display: flex;
  }

  .menu.link.about.burger-contact.burger-contact_first-child {
    margin-top: 33px;
  }

  .menu.link.vacancy {
    font-size: 22px;
    line-height: 28px;
  }

  .content {
    margin-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .content.center {
    margin-top: 20px;
  }

  .content.content__home {
    margin-top: 0;
  }

  .content.content_office {
    margin-bottom: 50px;
  }

  .h1 {
    font-size: 42px;
    line-height: 50px;
  }

  .h1.link-in-text {
    line-height: 56px;
  }

  .h1.title-work {
    margin-left: 10px;
    margin-right: 10px;
  }

  .masonry {
    align-content: flex-start;
  }

  .h2, .h2.gray, .h2.link, .h2.link-black {
    font-size: 22px;
    line-height: 28px;
  }

  .h3 {
    font-size: 13px;
    line-height: 16px;
  }

  ._404-page-content {
    width: 80%;
  }

  .button.h2 {
    background-color: var(--crimson);
    color: #fff;
    width: 32%;
    font-size: 22px;
    line-height: 28px;
  }

  .bg-our-projects {
    margin-top: 80px;
    padding-top: 20px;
  }

  .our-projects {
    margin-left: 20px;
    margin-right: 20px;
  }

  .footer {
    flex-direction: column;
    align-items: center;
    margin-top: 100px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .showreel.showreel_gif {
    height: 54vw;
  }

  .footer-contacts {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .masonry-item {
    margin-bottom: 30px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .masonry-item.clients {
    margin-bottom: 0;
  }

  .masonry-item.office {
    padding-right: 20px;
  }

  .body {
    padding-top: 100px;
  }

  .section-old.works-cms {
    padding-bottom: 60px;
  }

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

  .header-contacts {
    top: -60px;
  }

  .header-contacts.header-contacts_hide {
    display: none;
  }

  .content-block {
    padding-left: 10px;
  }

  .fixed-opacity-story {
    background-image: linear-gradient(#fff, #fff 0%, #fff0 16% 84%, #fff 99%);
    position: fixed;
    inset: 0%;
  }

  .showreel__play-button-box {
    width: 17vw;
  }

  .showreel__play-button__image {
    width: 3.5vw;
  }

  .fixed-header {
    background-color: #fff;
    height: 70px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .burger-button {
    flex-direction: column;
    justify-content: space-between;
    width: 34px;
    height: 10px;
    display: flex;
  }

  .burger-button__line {
    background-color: var(--black);
    flex: none;
    width: 100%;
    height: 2px;
    padding: 0;
  }

  .click-area {
    z-index: 4;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 70px;
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  .popup-body {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    padding-top: 70px;
    padding-left: 30px;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .popup-body__text-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .logo-row.main-apge.middle {
    margin-left: 50px;
    margin-right: 50px;
  }

  .image-wrap {
    margin-right: 20px;
  }

  .image-wrap.reverse {
    margin-left: 20px;
  }

  .image-wrap.reverse.grid {
    padding-left: 0;
  }

  .grid-wrap.reverse {
    margin-top: 20px;
  }

  .grid-col.right {
    padding-left: 25px;
  }

  .grid-col.left {
    padding-right: 20px;
  }

  .nav-logo {
    z-index: 901;
  }

  .nav-menu {
    z-index: 900;
    background-color: #fff;
    width: 100%;
    margin-right: 0;
    padding: 90px 5vw 50px;
    bottom: auto;
    left: 0%;
    right: 0%;
    overflow: auto;
  }

  .container.nav-container {
    min-height: 50px;
  }

  .nav-link {
    color: #00000080;
    margin: 17px 0 17px -5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 28px;
    line-height: 1.3;
  }

  .nav-link.w--current {
    color: var(--black);
  }

  .section.top-section {
    padding-top: 150px;
  }

  .projects-preview {
    height: 27vw;
  }

  .footer-top.grid-footer-top {
    grid-template-columns: max-content;
    margin-bottom: 60px;
  }

  .footer-link.mlr24 {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-bottom {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-wrap: wrap;
    margin-left: 0;
  }

  .menu-button {
    z-index: 901;
    width: 44px;
    height: 40px;
    padding: 0;
    overflow: hidden;
  }

  .menu-button.w--open {
    background-color: var(--white);
  }

  .mobile-nav-footer {
    flex-direction: column;
    flex: 1;
    justify-content: flex-end;
    align-items: flex-start;
    display: flex;
  }

  .mobile-nav-footer-row {
    grid-column-gap: 24px;
    grid-row-gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    width: 80%;
    margin-top: 32px;
    display: flex;
  }

  .menu-button-lottie {
    width: 150px;
    position: absolute;
    top: -56px;
    left: -53px;
  }

  .team-list {
    grid-column-gap: 40px;
  }

  .cart-wrapper {
    right: 70px;
  }

  .prev-work {
    width: 170px;
    height: 100px;
  }

  .next-work {
    filter: contrast(0%);
    width: 170px;
    height: 100px;
  }

  .next-work:hover {
    filter: contrast();
  }

  .work-navigation-arrow {
    width: 25%;
  }

  .showreel-video {
    height: 35vw;
  }

  .hidden-collection {
    display: none;
  }

  .image-8 {
    width: 25%;
  }

  .next-prev-arrow_wrapper {
    justify-content: space-between;
    margin-left: 20px;
    margin-right: 20px;
    display: none;
  }

  .illustrations-list {
    grid-column-gap: 26px;
    grid-row-gap: 26px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .illustration_l-box {
    min-height: 30vw;
  }

  .illustration-title {
    font-size: 22px;
  }

  .illustration-pop-up_close {
    width: 36px;
    height: 36px;
  }

  .div-block-12 {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .image-11 {
    max-height: none;
  }

  .tabs-menu {
    justify-content: start;
  }

  .lable-hit {
    font-size: 20px;
  }

  .contacts-title {
    line-height: 28px;
  }

  .lottie-animation {
    width: 100%;
  }

  .non-standard-video-wrp {
    height: 26vw;
  }

  .work-grid_item.last {
    height: 60vw;
  }

  .table_cell.is-left {
    width: 40%;
  }

  .bricks_video-grid {
    height: 83vw;
  }

  .flex-h-2 {
    height: 40vw;
  }

  .about_team {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .container--main {
    width: 100%;
  }

  .hero_main-im-wr {
    margin-top: 5rem;
  }

  .grid_2col {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .ts-h1.max-width-35ch {
    font-size: 3rem;
  }

  .sg_section-gaps {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .sg_section {
    grid-column-gap: 2.5rem;
    grid-template-columns: 1fr;
  }

  .sg_2-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .sg_6col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .spacer.is-ultraviolet {
    width: 5rem;
  }

  .sg_3-col {
    grid-template-columns: 1fr 1fr;
  }

  .about_badges, .about_text {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .team--component {
    margin-top: 5rem;
  }

  .footer-reskin {
    padding-top: 8rem;
  }

  .footer_main-part {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
  }

  .footer_menu {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .nav_cont {
    z-index: 5;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .nav_logo-wr {
    height: 3.5625rem;
  }

  .nav_menu-desk {
    display: none;
  }

  .btn-reskin.is-nav {
    margin-left: auto;
    margin-right: auto;
  }

  .navigation_links-wr {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
  }

  .navigation_burger-wr {
    display: block;
  }

  .nav_menu-mob {
    z-index: 3;
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    background-color: var(--white);
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    width: 0%;
    height: 100vh;
    padding: 7rem 10% 2rem;
    display: none;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .nav_menu-mob.show {
    width: 100%;
    display: flex;
    inset: 0%;
  }

  .navigatin_btn-wr {
    display: none;
  }

  .swiper.is-showreels {
    top: 25%;
  }

  .slider-component.side-projects {
    width: 100%;
  }

  .swiper-arrow {
    margin-left: -1.5rem;
  }

  .swiper-arrow.is-next, .swiper-arrow.d-work-next {
    margin-left: 0;
    margin-right: -1.5rem;
  }

  .modal-im {
    max-width: 90%;
  }

  .sg_1-col {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .sg_heading-medium {
    font-size: 3rem;
  }

  .cms_list {
    grid-row-gap: 4rem;
  }

  .cms_list.is-category {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .cms_item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .showreel--video {
    height: 50vw;
    max-height: none;
  }

  .showreel--btn {
    aspect-ratio: 3 / 2;
    width: 12%;
    height: auto;
  }

  .showreel--btn.is-small {
    width: 4.5rem;
    height: 3rem;
  }

  .showreel--btn-icon {
    width: 25%;
  }

  .main--projects {
    padding-top: 5rem;
  }

  .filter--wrp {
    width: 70%;
  }

  .team--component_project {
    margin-bottom: 5rem;
  }

  .d-work--slider-component {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .work-next_wrp {
    grid-template-columns: .75fr 1fr .75fr;
  }

  .footer_layout {
    height: 100%;
  }

  .sd-pr_thumb-wr {
    height: 25vw;
  }

  .sec--new {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    line-height: 40px;
  }

  h2 {
    font-size: 20px;
    line-height: 26px;
  }

  .logo, .logo.w--current {
    width: 140px;
    top: 10px;
    left: 20px;
  }

  .logo.logo_new_props {
    width: 140px;
    height: 60px;
  }

  .logo.logo_new_props.w--current {
    top: 0;
  }

  .menu.link {
    margin-bottom: 30px;
  }

  .menu.link.works {
    top: 10px;
    right: 20px;
  }

  .menu.link.about {
    bottom: 10px;
    left: 20px;
  }

  .menu.link.vacancy {
    bottom: 10px;
    right: 20px;
  }

  .content {
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .h1 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 38px;
  }

  .h1.link-in-text {
    line-height: 42px;
  }

  .masonry {
    float: none;
    clear: none;
    flex-flow: wrap;
    place-content: flex-start center;
    align-items: flex-start;
  }

  .h2 {
    margin-top: 15px;
    font-size: 20px;
    line-height: 26px;
  }

  .h2.gray {
    display: block;
  }

  .h2.soon {
    opacity: 1;
    display: inline;
  }

  .h2.team-role.gray {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
  }

  .h2.team-name {
    margin-top: 0;
    margin-bottom: 0;
  }

  .h2.about.grid-text {
    font-size: 20px;
  }

  .h3.link-home-head {
    margin-bottom: 13px;
  }

  ._404-page-content {
    width: 100%;
  }

  .button.h2 {
    background-color: var(--crimson);
    color: #fff;
    width: 40%;
  }

  .our-projects {
    margin-left: 10px;
    margin-right: 10px;
  }

  .footer {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-top: 80px;
    padding-bottom: 60px;
  }

  .hover-image {
    width: 100%;
  }

  .showreel {
    margin-bottom: 40px;
  }

  .showreel.showreel_gif {
    height: 56vw;
  }

  .footer-contacts {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .masonry-item {
    order: -1;
    width: 70%;
    padding-left: 0;
    padding-right: 0;
  }

  .masonry-item.office {
    margin-bottom: 20px;
  }

  .body {
    padding-top: 80px;
  }

  .body.home {
    padding-top: 130px;
  }

  .our-project {
    padding-left: 10px;
    padding-right: 10px;
  }

  .about-text-column {
    padding-right: 20px;
  }

  .team-photo {
    margin-top: 0;
  }

  .vacancy {
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .collection-list-wrapper {
    margin-top: 50px;
  }

  .arrow-in-project {
    opacity: 1;
    display: inline;
  }

  .header-contacts {
    flex-direction: column;
    align-items: center;
    top: -60px;
  }

  .team-line {
    flex-direction: column;
    justify-content: flex-start;
  }

  .team-line-name {
    width: 100%;
    margin-bottom: 10px;
  }

  .team-line-role {
    width: 100%;
  }

  .lightbox__showreel {
    margin-bottom: 40px;
  }

  .fixed-header {
    height: 60px;
    padding: 0 20px;
  }

  .click-area {
    height: 60px;
    padding-right: 20px;
  }

  .popup-body {
    padding-left: 20px;
  }

  .logo-row {
    width: 170px;
  }

  .logo-row.page-about {
    width: auto;
  }

  .logo-row.main-apge {
    width: 170px;
  }

  .logo-item {
    width: 33%;
  }

  .image-wrap {
    margin-right: 0;
    position: relative;
    overflow: hidden;
  }

  .image-wrap.reverse {
    margin-left: 0;
  }

  .grid-wrap {
    flex-direction: column;
  }

  .grid-wrap.reverse {
    flex-direction: column-reverse;
  }

  .grid-col {
    margin-bottom: 20px;
  }

  .grid-col.right {
    padding-left: 0;
  }

  .grid-col.left {
    margin-bottom: 0;
    padding-right: 0;
  }

  .nav-logo {
    padding-left: 0;
  }

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

  .section.works-section {
    padding-top: 140px;
  }

  .projects-list {
    grid-template-columns: 1fr;
  }

  .projects-preview {
    height: 66vw;
    max-height: none;
  }

  .footer-top {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-bottom: 60px;
    display: grid;
  }

  .footer-top.grid-footer-top {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .footer-link.mlr24 {
    margin-top: 0;
  }

  .footer-bottom {
    flex-wrap: wrap;
  }

  .mobile-nav-footer-row {
    grid-row-gap: 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 80%;
    display: flex;
  }

  .contact-wrapper {
    flex-direction: column-reverse;
  }

  .contact-left {
    margin-bottom: 50px;
    margin-right: 0;
  }

  .contact-right {
    width: 100%;
  }

  .about-hero-wrapper {
    grid-template-columns: 1fr;
  }

  .paragraph.w66 {
    max-width: none;
    margin-bottom: 40px;
  }

  .paragraph.mb40 {
    margin-bottom: 0;
  }

  .team-list {
    grid-template-columns: 1fr 1fr;
  }

  .lab-list {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    column-count: auto;
    grid-template-columns: 1fr 1fr;
  }

  .work-tes-wrapper {
    grid-template-columns: 1fr;
  }

  .work-tes-img {
    max-width: 47%;
    margin-right: 6%;
  }

  .work-team-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .clients-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .illustrations-list {
    grid-template-columns: 1fr 1fr;
  }

  .illustration_l-box {
    height: auto;
    min-height: auto;
    padding-top: 100%;
  }

  .illustration-title {
    font-size: 20px;
  }

  .illustration-caption {
    font-size: 18px;
  }

  .illustration-pop-up_close {
    width: 28px;
    height: 28px;
  }

  .shop-list {
    grid-template-columns: 1fr 1fr;
  }

  .div-block-14 {
    height: 50vw;
    max-height: none;
  }

  .poster-block {
    grid-row-gap: 30px;
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .tabs-content {
    height: 100vw;
  }

  .lable-hit, .lable-sale {
    width: 80px;
  }

  .height-compensator {
    margin-top: 0;
  }

  .contacts-title {
    margin-top: 15px;
    font-size: 26px;
  }

  .awards-grid {
    grid-template-columns: 1fr 1fr;
  }

  .text--mobile.w66 {
    max-width: none;
    margin-bottom: 40px;
  }

  .text--mobile.mb40 {
    margin-bottom: 0;
  }

  .flex-h {
    flex-flow: column;
    height: auto;
  }

  .block-50 {
    width: 100%;
  }

  .table_cell.is-left {
    width: 45%;
  }

  .bricks_video-grid {
    flex-flow: column;
    height: auto;
  }

  .bricks_grid_block2, .bricks_grid_block1, .block-50-copy, .block-50-copy, .block-50-copy-copy, .div-block-24, .div-block-25 {
    width: 100%;
  }

  .flex-h-2, .d4c_grid_pizza {
    flex-flow: column;
    height: auto;
  }

  .d4c_left, .d4c_right {
    width: 100%;
  }

  .d4c_grid_ice {
    flex-flow: column;
    height: auto;
  }

  .d4c_ice-left, .d4c-ice_right {
    width: 100%;
  }

  .brickheadz-grid, .brickheadz-grid-2 {
    grid-template-columns: 1fr;
  }

  .brickheadz-grid-im {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .padding-global {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .grid_2col {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: 1fr;
  }

  .sg_version {
    font-size: .875rem;
  }

  .ts-h1 {
    font-size: 1.875rem;
  }

  .ts-h1.max-width-35ch {
    font-size: 1.875rem;
    line-height: 1.33333;
  }

  .ts-subtitle {
    font-size: 1.25rem;
  }

  .sg_section-gaps {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global-2 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }

  .ts-h5 {
    font-size: .875rem;
  }

  .ts-h2.align-center {
    text-align: left;
  }

  .sg_subitile {
    font-size: .75rem;
  }

  .sg_section-header {
    font-size: .875rem;
  }

  .ts-h6 {
    font-size: .75rem;
  }

  .sg_2-col {
    grid-template-columns: 1fr;
  }

  .sg_6col {
    grid-template-columns: 1fr 1fr;
  }

  .sg_row {
    flex-wrap: wrap;
  }

  .ts-p--big, .ts-p--big.is-align-center.max-width-42ch {
    font-size: 1.5rem;
  }

  .sg_3-col {
    grid-template-columns: 1fr;
  }

  .ts-p.is-white.opacity-50.max-width-30ch {
    font-size: 1rem;
    line-height: 1.5;
  }

  .ts-p--small.opacity-50 {
    text-align: left;
  }

  .clients_component, .awards_component {
    margin-top: 4rem;
  }

  .sec--hero_reskin {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .empty-box {
    display: none;
  }

  .team_list {
    justify-content: flex-start;
    align-items: stretch;
  }

  .footer-reskin {
    height: auto;
    padding-top: 7.875rem;
  }

  .footer_main-part {
    grid-column-gap: 4.375rem;
    grid-row-gap: 4.375rem;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
  }

  .footer_main-top {
    margin-bottom: 3.125rem;
  }

  .footer_bottom-part {
    margin-top: 7.5rem;
    padding-bottom: 8rem;
  }

  .footer_menu {
    grid-column-gap: 3.75rem;
    grid-row-gap: 3.75rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .footer_copyright {
    padding-bottom: 1rem;
    inset: auto 0% 0% auto;
  }

  .footer_up {
    height: 3.75rem;
    inset: auto auto 0% 0%;
  }

  .nav_logo-wr {
    height: 3.4rem;
  }

  .navigation_links-wr {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex: 1;
    justify-content: space-around;
    align-items: center;
    max-height: 480px;
  }

  .nav_menu-mob {
    align-items: stretch;
    width: 100%;
  }

  .ill_filters-row {
    display: none;
  }

  .ill_list {
    column-count: 1;
  }

  .ill_modal {
    padding-bottom: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .swiper.gall-1, .swiper.gall-2 {
    width: 100%;
  }

  .swiper-wrapper.is-showreels {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    height: 468px;
    display: flex;
  }

  .swiper-wrapper.side-projects {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

  .swiper-slide.is-showreels {
    flex: none;
    width: 80%;
    height: 406px;
  }

  .swiper-slide.is-showreels.is-1 {
    transition: all .3s;
  }

  .swiper-slide.side-projects {
    flex: none;
    width: 80%;
  }

  .slider-component.is-showreels {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .slider-arrows-wrp.ill-modal {
    align-items: flex-end;
    margin-bottom: 1.5rem;
  }

  .slider-arrows-wrp.d-work {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    position: relative;
  }

  .swiper-arrow.d-work-prev {
    margin-left: 0;
  }

  .swiper-arrow.d-work-next {
    margin-right: 0;
  }

  .modal-logo {
    width: 3.75rem;
  }

  .modal-im {
    max-width: 95%;
    max-height: 70%;
  }

  .sg_heading-medium {
    font-size: 2rem;
  }

  .cms_list {
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .cms_list.is-category {
    flex-flow: wrap;
  }

  .cms_item.is-blog {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
  }

  .filter--wrp {
    width: 100%;
  }

  .team_job-name {
    justify-content: flex-start;
    align-items: stretch;
  }

  .team--component_project {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }

  .cms_project-text {
    flex-flow: column;
  }

  .d-work--videos-component {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .work-next_wrp {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr;
    height: auto;
    padding: 1.5rem 1rem;
  }

  .work-next_wrp.w--current {
    grid-template-columns: .75fr;
  }

  .work-next_title {
    padding-bottom: 0;
    padding-right: 0;
  }

  .work-next_next {
    padding-bottom: 0;
  }

  .work-next_thumb-im {
    max-height: 100%;
  }

  .footer_layout {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .main--showreels-ani {
    padding-top: 1.5rem;
    padding-bottom: 2rem;
  }

  .showrees-ani_thumb {
    height: 100%;
  }

  .main-showreel_thumb {
    height: 37.5rem;
  }

  .main--hero_side-arrow-wr {
    padding-top: 1.5rem;
    padding-left: 1rem;
  }

  .main--side-projects {
    padding-top: 5rem;
    padding-bottom: 6.25rem;
  }

  .sd-pr_thumb-wr {
    height: 70vw;
  }

  .swiper_pagination.side-projects {
    grid-column-gap: 1.375rem;
    grid-row-gap: 1.375rem;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5.625rem;
    display: flex;
  }

  .swiper_bullet {
    aspect-ratio: 1;
    background-color: var(--white);
    opacity: .3;
    border-radius: 100%;
    width: .5rem;
  }

  .swiper_bullet.is-active {
    opacity: 1;
  }

  .sec--new {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 22px;
    line-height: 30px;
  }

  h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .logo {
    width: 120px;
    top: 5px;
    left: 15px;
  }

  .logo.w--current {
    width: 100px;
    top: 7px;
    left: 15px;
  }

  .logo.logo_new_props {
    width: 120px;
  }

  .menu.link {
    margin-bottom: 23px;
  }

  .menu.link.works {
    font-size: 25px;
    line-height: 24px;
    right: 15px;
  }

  .menu.link.about {
    font-size: 25px;
    line-height: 24px;
    left: 15px;
  }

  .menu.link.about.burger-contact {
    font-size: 15px;
  }

  .menu.link.vacancy {
    font-size: 18px;
    line-height: 24px;
    right: 15px;
  }

  .content {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .content.center {
    margin-top: 10px;
  }

  .content.preview-works {
    margin-left: 0;
    margin-right: 0;
  }

  .content.content_office {
    margin-bottom: 40px;
  }

  .h1 {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
  }

  .h1.link-in-text {
    line-height: 30px;
  }

  .h1.title-work {
    margin-left: 15px;
    margin-right: 15px;
  }

  .video {
    margin-bottom: 30px;
  }

  .masonry {
    place-content: stretch center;
    padding-left: 0;
    padding-right: 0;
  }

  .h2 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
  }

  .h2.gray {
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 24px;
  }

  .h2.link {
    font-size: 18px;
    line-height: 24px;
  }

  .h2.name {
    margin-top: 10px;
    margin-bottom: 5px;
  }

  .h2.soon {
    opacity: 1;
    padding-left: 4px;
    display: inline;
  }

  .h2.team-name {
    margin-top: 0;
    margin-bottom: 0;
  }

  .h2.link-black {
    font-size: 18px;
    line-height: 24px;
  }

  .h2.clients {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .h2.about {
    margin-top: 0;
    margin-bottom: 0;
  }

  .h2.about.grid-text {
    margin-top: 15px;
    font-size: 18px;
  }

  .h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 10px;
    line-height: 16px;
  }

  .h3.link-footer {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .h3.link-home-head {
    margin-bottom: -1px;
    font-size: 12px;
    line-height: 14px;
  }

  .preview-work {
    width: auto;
  }

  .button.h2 {
    background-color: var(--crimson);
    color: #fff;
    align-items: stretch;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
  }

  .bg-our-projects {
    margin-top: 70px;
    padding-top: 20px;
  }

  .our-projects {
    margin-left: 10px;
    margin-right: 10px;
  }

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

  .link-preview {
    justify-content: center;
    align-items: baseline;
    width: auto;
    display: flex;
    overflow: visible;
  }

  .hover-character {
    display: none;
  }

  .project-overlay-color {
    position: absolute;
  }

  .showreel {
    margin-bottom: 20px;
  }

  .footer-contacts {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .footer-contacts._2 {
    flex-direction: column;
    justify-content: center;
  }

  .masonry-item {
    flex: 0 auto;
    order: -1;
    width: 100%;
    margin-bottom: 40px;
  }

  .masonry-item.office {
    margin-bottom: 10px;
  }

  .body {
    padding-top: 60px;
  }

  .body.home {
    padding-top: 110px;
  }

  .our-project {
    flex: 0 auto;
    padding-left: 5px;
    padding-right: 5px;
  }

  .about-text {
    flex-direction: column;
    margin-bottom: 50px;
  }

  .about-text-column {
    width: auto;
    margin-top: 20px;
    margin-bottom: 0;
    padding-right: 0;
  }

  .team-photo {
    margin-bottom: 10px;
  }

  .section-old.section_props_main-works {
    margin-top: 20px;
  }

  .vacancy {
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .collection-list-wrapper {
    margin-top: 30px;
  }

  .hover-team {
    margin-bottom: 10px;
  }

  .arrow-in-project {
    opacity: 1;
    display: inline;
  }

  .project-preview {
    position: relative;
  }

  .header-contacts {
    top: -63px;
  }

  .teams {
    margin-top: 30px;
  }

  .content-block {
    padding-left: 15px;
  }

  .link-app {
    padding-top: 2px;
  }

  .apps {
    display: flex;
  }

  .app-google-play {
    flex: 0 auto;
    width: 43%;
  }

  .link-block {
    flex: 0 auto;
    width: 43%;
    margin-right: 10px;
    padding-right: 0;
  }

  .form-block {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .submit-button {
    height: 50px;
    font-size: 16px;
    line-height: 22px;
  }

  .text-field {
    font-size: 16px;
    line-height: 22px;
  }

  .icons-close {
    width: 40px;
    height: 40px;
    position: absolute;
  }

  .lightbox__showreel {
    margin-bottom: 20px;
  }

  .showreel__play-button-box {
    width: 22vw;
  }

  .showreel__play-button__image {
    width: 6vw;
    margin-left: .6vw;
  }

  .fixed-header {
    padding: 7px 15px;
  }

  .click-area {
    padding-right: 15px;
  }

  .popup-body {
    padding-left: 10px;
  }

  .logo-row {
    width: 140px;
  }

  .logo-row.main-apge {
    width: 170px;
  }

  .logo-row.main-apge.middle {
    margin-left: 0;
    margin-right: 0;
  }

  .row-container {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
  }

  .logo-item {
    width: 50%;
  }

  .grid-col.left {
    margin-bottom: 20px;
  }

  .navbar {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .container.nav-container {
    min-height: 0;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .works-preview-hover {
    max-height: 90px;
    bottom: -4vw;
    right: -4vw;
  }

  .projects-list {
    grid-row-gap: 60px;
  }

  .footer-top {
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-top.grid-footer-top {
    grid-row-gap: 40px;
    flex-direction: column;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .footer-top-block {
    margin-right: 0;
  }

  .footer-top-block.nomr {
    grid-row-gap: 10px;
    margin-bottom: 0;
  }

  .menu-button {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-button.w--open {
    background-color: #fff;
  }

  .mobile-nav-footer-row {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    width: 100%;
    margin-left: 0;
  }

  .contact-form-title {
    max-width: 300px;
    font-size: 28px;
  }

  .img-wrapper.mob-hidden {
    display: none;
  }

  .paragraph.desktop-hidden {
    display: block;
  }

  .paragraph.mobile-hidden {
    display: none;
  }

  .team-list {
    grid-template-columns: 1fr;
  }

  .team-img-block {
    max-height: none;
  }

  .lab-list {
    grid-template-columns: 1fr;
  }

  .cart-button {
    width: 50px;
    height: 50px;
  }

  .cart-wrapper {
    right: 50px;
  }

  .cart-icon {
    width: 25px;
    height: 25px;
  }

  .clients-list {
    grid-column-gap: 10px;
    grid-row-gap: 20px;
  }

  .showreel-video {
    height: 40vw;
  }

  .illustrations-list {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .illustration-category {
    font-size: 15px;
  }

  .illustration-caption {
    font-size: 16px;
  }

  .shop-list {
    grid-template-columns: 1fr;
  }

  .div-block-14 {
    height: 100vw;
  }

  .tabs-menu {
    grid-template-rows: 70px;
    grid-template-columns: repeat(auto-fit, minmax(70px, auto));
  }

  .tab-link, .tab-link.w--current {
    width: 70px;
    height: 70px;
  }

  .div-block-15 {
    grid-row-gap: 26px;
    flex-wrap: wrap;
  }

  .div-block-20 {
    grid-column-gap: 16px;
    grid-row-gap: 22px;
    flex-wrap: wrap;
  }

  .contacts-title {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .text--mobile, .text--mobile.desktop-hidden {
    display: block;
  }

  .text--mobile.mobile-hidden {
    display: none;
  }

  .table_cell.is-left {
    width: 50%;
    padding-right: 16px;
  }

  .brickheadz-grid-im {
    width: 100%;
  }

  .about_team {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .padding-global {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .grid_2col {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .sg_section {
    grid-row-gap: 4rem;
  }

  .sg_6col {
    grid-template-columns: 1fr 1fr;
  }

  .ts-tag {
    margin-left: auto;
    margin-right: auto;
  }

  .clients_component.mt-0 {
    width: 80%;
    max-width: 11.0625rem;
  }

  .clients_list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-items: center;
    display: grid;
  }

  .clients_logo-box {
    height: auto;
  }

  .clients_logo {
    width: 100%;
    height: auto;
  }

  .awards_list {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .awards_item {
    width: 100%;
    height: auto;
  }

  .nav_logo-wr {
    height: 3rem;
  }

  .btn-reskin.is-nav {
    width: 100%;
  }

  .swiper-wrapper.is-showreels {
    height: auto;
  }

  .swiper-slide.is-showreels, .swiper-slide.side-projects {
    width: 90%;
  }

  .slider-arrows-wrp.ill-modal {
    margin-bottom: 0;
  }

  .modal-im {
    max-width: 100%;
  }

  .team_im-wrp {
    top: -1rem;
    left: 4rem;
  }

  .showreel_lbox {
    height: 90%;
  }

  .showreel--video {
    height: 70vw;
  }

  .showreel--btn {
    width: 15%;
  }

  .showreel--btn.is-small {
    width: 3rem;
    height: 2rem;
  }

  .team_im-project {
    width: 12rem;
    height: 14rem;
  }

  .d-work--slider-component {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

  .sd-pr_thumb-wr {
    height: 82.95vw;
  }

  .sec--new {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

#w-node-_0f67a6d6-d5ba-5ddd-6e17-4c2e1623a25e-72158f55, #w-node-_918dfc04-1944-91fe-83f2-e7f629e55b59-72158f55 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b5d702bb-8c81-f8ca-e688-0f16915cee6e-72158f55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_23a1c2c1-8e6e-0fe4-44f2-a6ee6ab891d4-72158f55, #w-node-c5090a36-e038-d247-ecf7-9d8bff71a70d-72158f55 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c5090a36-e038-d247-ecf7-9d8bff71a70f-72158f55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-c5090a36-e038-d247-ecf7-9d8bff71a713-72158f55 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-c29cb644-e442-9c88-074c-d47fa112c3d9-72158f55, #w-node-e2af1f46-925e-3b6b-7adc-68ceaad8143b-72158f55, #w-node-_55ac018a-f124-722b-8d02-6fa143680390-72158f55, #w-node-_9613fb3e-6624-7af1-bf6c-79ec9b005a98-72158f55, #w-node-cb6df601-20d4-6a73-5591-8acb96d453ab-72158f55, #w-node-_25281964-1702-e548-f1b0-bd6e13eac034-72158f55, #w-node-_40acf68e-0ef6-e1c3-3129-04d5931190ab-72158f55 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_164ecb8b-0d1b-d061-ca61-6ff87fefe747-72158f60 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_77e6468a-4b58-aa3e-4683-fcb60336e564-72158f60 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_164ecb8b-0d1b-d061-ca61-6ff87fefe749-72158f60 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_164ecb8b-0d1b-d061-ca61-6ff87fefe74c-72158f60 {
  align-self: end;
}

#w-node-_05320732-4568-663c-8213-b24adecdda99-72158f66 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_51f32daf-f956-b318-2781-f0039674163c-72158f68 {
  align-self: stretch;
}

#w-node-_77b6d11e-777f-1234-2811-23d458e323ca-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e323d1-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e323d8-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e323df-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e323e6-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e323ed-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e323f4-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e323fb-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e32402-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e32409-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e32410-0afc6ac0, #w-node-_77b6d11e-777f-1234-2811-23d458e32417-0afc6ac0, #w-node-ad209edc-e737-f512-d422-440567e8e983-0afc6ac0, #w-node-ad209edc-e737-f512-d422-440567e8e98b-0afc6ac0, #w-node-ad209edc-e737-f512-d422-440567e8e993-0afc6ac0, #w-node-ad209edc-e737-f512-d422-440567e8e99b-0afc6ac0, #w-node-ad209edc-e737-f512-d422-440567e8e9a3-0afc6ac0, #w-node-ad209edc-e737-f512-d422-440567e8e9ab-0afc6ac0, #w-node-ad209edc-e737-f512-d422-440567e8e9b3-0afc6ac0, #w-node-ad209edc-e737-f512-d422-440567e8e9bb-0afc6ac0, #w-node-ad209edc-e737-f512-d422-440567e8e9c3-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b471-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b474-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b47a-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b47f-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b484-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b489-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b48e-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b493-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b498-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b49d-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4a2-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4a7-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4ac-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4b1-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4b6-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4bb-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4c0-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4c5-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4ca-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4cf-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4d4-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4d9-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4de-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4e3-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4e8-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4ed-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4f2-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4f7-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b4fc-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b501-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b506-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b50b-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b510-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b515-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b51a-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b51f-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b524-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b529-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b52e-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b533-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b538-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b53d-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b542-0afc6ac0 {
  justify-self: start;
}

#w-node-_4bdf2ec6-5e0a-5489-a737-06fd0549b547-0afc6ac0, #w-node-_6d804832-dba5-03f0-759b-07bd730f1591-0afc6ac0, #w-node-cb2575e0-1781-31e4-780d-6915835154f4-0afc6ac0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_0f67a6d6-d5ba-5ddd-6e17-4c2e1623a25e-72158f55 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_0f67a6d6-d5ba-5ddd-6e17-4c2e1623a25e-72158f55, #w-node-_918dfc04-1944-91fe-83f2-e7f629e55b59-72158f55, #w-node-_23a1c2c1-8e6e-0fe4-44f2-a6ee6ab891d4-72158f55, #w-node-c5090a36-e038-d247-ecf7-9d8bff71a70d-72158f55, #w-node-c5090a36-e038-d247-ecf7-9d8bff71a713-72158f55 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_164ecb8b-0d1b-d061-ca61-6ff87fefe747-72158f60 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_77e6468a-4b58-aa3e-4683-fcb60336e564-72158f60 {
    grid-column: 1 / 2;
  }

  #w-node-_164ecb8b-0d1b-d061-ca61-6ff87fefe749-72158f60, #w-node-f02a2d35-105d-d9be-a09a-7abadef386f0-72158f66 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_05320732-4568-663c-8213-b24adecdda99-72158f66 {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_9baa78de-6aec-a5f1-6903-05b41036119e-72158f66 {
    grid-area: 1 / 1 / 2 / 2;
  }
}