@font-face {
  font-family: "Fa brands 400";
  src: url('../fonts/fa-brands-400.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa solid 900";
  src: url('../fonts/fa-solid-900.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --black-2: #111;
  --black-50: #11111180;
  --black: black;
  --white: white;
}

.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-commercecartopenlinkicon {
  margin-right: 8px;
}

.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-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-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-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-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;
}

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

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

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

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

.w-commerce-commercebuynowbutton.w--ecommerce-buy-now-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-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.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-users-userformpagewrap {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: 340px;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.w-users-userloginformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformheader {
  text-align: center;
}

.w-users-userformbutton {
  text-align: center;
  width: 100%;
}

.w-users-userformfooter {
  justify-content: space-between;
  margin-top: 12px;
  display: flex;
}

.w-users-userformerrorstate {
  margin-left: 20px;
  margin-right: 20px;
  position: absolute;
  top: 100%;
  left: 0%;
  right: 0%;
}

.w-users-usersignupformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.w-users-userformsuccessstate {
  display: none;
}

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

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

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

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

.w-users-usersignupverificationmessage {
  display: none;
}

.w-users-userresetpasswordformwrapper, .w-users-userupdatepasswordformwrapper {
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

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

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

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

.w-users-useraccountformsavebutton {
  text-align: center;
  margin-right: 8px;
}

.w-users-useraccountformcancelbutton {
  text-align: center;
  color: #333;
  background-color: #d3d3d3;
}

.w-users-useraccountsubscriptionlist {
  -webkit-overflow-scrolling: touch;
  flex: 1;
  overflow: auto;
}

.w-users-useraccountsubscriptionlistitem {
  align-items: flex-start;
  display: flex;
}

.w-users-gridrow {
  grid-column-gap: 8px;
  grid-template-columns: auto auto;
  justify-content: flex-start;
  display: grid;
}

.w-users-flexcolumn {
  flex-direction: column;
  display: flex;
}

.w-users-useraccountsubscriptioncancelbutton {
  color: #3898ec;
  cursor: pointer;
  appearance: none;
  background-color: #0000;
  padding: 0;
}

@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: #333;
  font-family: Bebas Neue, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: var(--black-2);
  letter-spacing: 3px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  color: var(--black-2);
  letter-spacing: 4.6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 45px;
  font-weight: 400;
  line-height: 1.2;
}

h3 {
  color: var(--black-2);
  letter-spacing: 4.6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.2;
}

h4 {
  color: var(--black-2);
  letter-spacing: 4.6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 27px;
  font-weight: 400;
  line-height: 1.2;
}

h5 {
  color: var(--black-2);
  letter-spacing: 4.6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}

h6 {
  letter-spacing: 4.6px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
}

p {
  color: var(--black-2);
  margin-bottom: 10px;
}

a {
  color: var(--black-2);
  letter-spacing: 4.4px;
  font-size: 17px;
  text-decoration: none;
  transition: opacity .3s;
}

a:hover {
  opacity: .8;
}

label {
  margin-bottom: 5px;
  font-weight: 400;
  display: block;
}

strong {
  font-weight: 400;
}

.top-banner-slider {
  background-color: #0000;
  height: 100%;
}

.top-banner-slider.full-height {
  height: 100vh;
  padding-top: 87px;
}

.slide-nav {
  display: none;
}

.slider-item {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  height: auto;
}

.slider-item-container {
  background-color: var(--black-50);
  opacity: 1;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding: 150px 95px 148px;
  transition: padding .2s;
  display: flex;
}

.mask {
  height: 100%;
}

.image {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.slider-item-wrapper {
  width: 100%;
  height: 100%;
}

.slider-item-wrapper.slide-backgroundg-first {
  background-image: url('../images/josh-olalde-X1P1_EDNnok-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-item-wrapper.slide-background-second {
  background-image: url('../images/jeriden-villegas-VLPUm5wP5Z0-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slider-item-wrapper.home-2-slide-1 {
  background-image: linear-gradient(#0006, #0006), url('../images/pexels-max-vakhtbovych-7031408-1-1-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.slider-item-wrapper.home-2-slide-2 {
  background-image: linear-gradient(#0006, #0006), url('../images/home-2-banner-image-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.left-arrow {
  justify-content: flex-start;
  align-items: center;
  width: 50px;
  height: 30px;
  display: flex;
  inset: 0 auto 0 100px;
}

.right-arrow {
  border-left: 1px #fff;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  height: 30px;
  display: flex;
  inset: 0 100px 0 auto;
}

.left-arrow-icon {
  font-family: "Fa solid 900", sans-serif;
  font-size: 18px;
}

.navbar {
  background-color: #fff;
  border-right: 1px solid #000;
  justify-content: center;
  align-items: flex-start;
  width: 80px;
  height: 100vh;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.container {
  flex-direction: column-reverse;
  width: 100%;
  height: 100vh;
  display: flex;
  overflow: visible;
}

.container.nav-menu-mobile {
  padding-bottom: 40px;
}

.features-block-container {
  width: 100%;
  max-width: 1200px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  top: -70px;
}

.features-blocks-item {
  width: 33%;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
}

.featuers-blocks-item-background {
  z-index: 10;
  background-color: var(--black);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.features-blocks-item-wrapper {
  z-index: 20;
  background-color: #fff;
  border: 1px solid #000;
  align-items: flex-end;
  height: 100%;
  padding-bottom: 20px;
  transition: transform .3s;
  display: flex;
  position: relative;
}

.features-blocks-item-wrapper:hover {
  transform: translate(-10px, -10px);
}

.features-blocks-item-title {
  color: #111;
  letter-spacing: 4.65px;
  margin-bottom: 20px;
  font-family: Bebas Neue, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
}

.features-blocks-info-text {
  color: #737373;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 22.5px;
}

.link-with-line {
  color: #000;
  letter-spacing: 4.4px;
  text-transform: uppercase;
  background-color: #0000;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 30px;
  font-family: Bebas Neue, sans-serif;
  font-size: 17px;
  line-height: 27px;
  text-decoration: none;
  transition: padding .3s, padding-left .3s;
  position: relative;
}

.link-with-line:hover {
  opacity: 1;
}

.link-with-line.send-button {
  padding-left: 30px;
  padding-right: 10px;
}

.link-with-line.send-button:hover {
  padding-left: 37px;
  padding-right: 3px;
}

.link-with-line.primary-button-container {
  padding-left: 0;
}

.link-with-line.we-bring-block.w--current, .link-with-line.home-with-video {
  color: var(--white);
}

.link-with-line.home-with-video:hover {
  opacity: 1;
}

.testimonials-slider {
  background-color: #0000;
  width: 100%;
  max-width: 1200px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 60px;
  padding-left: 10px;
}

.testimonials-slider-item {
  border-left: 4px solid #000;
  width: 100%;
  padding-top: 0;
  padding-left: 42px;
  padding-right: 42px;
}

.testimonials-item-author-info {
  align-items: flex-end;
  padding-top: 10px;
  display: flex;
}

.testimonials-item-author-name {
  color: #111;
  letter-spacing: 8px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.2;
}

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

.testimonials-item-author-position {
  letter-spacing: .5px;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 1.6;
}

.features-blocks-image-container {
  z-index: -1;
  justify-content: center;
  align-items: center;
  height: 240px;
  margin-bottom: 30px;
}

.features-blocks-number {
  color: #111;
  letter-spacing: 4.6px;
  font-family: Bebas Neue, sans-serif;
  font-size: 122px;
  line-height: 1.2;
  position: absolute;
  inset: -37px 15px auto auto;
}

.nav-menu {
  z-index: 100;
  text-align: left;
  background-color: #0009;
  width: 370px;
  height: 100vh;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.menu-button {
  z-index: 90;
  color: #fff;
  background-color: #000;
  width: 80px;
  height: 80px;
  margin-left: 0;
  padding: 0;
  transition: left .5s;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
}

.menu-button.w--open {
  z-index: 150;
  color: #fff;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin-left: 0;
  transition: left .5s;
  display: flex;
  top: 0;
  left: 290px;
  right: auto;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.link-block {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.menu-socials-links {
  justify-content: space-around;
  width: 100%;
  max-width: 130px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: absolute;
  inset: auto 0% 5%;
}

.menu-social-link {
  opacity: .7;
  color: #111;
  font-family: "Fa brands 400", sans-serif;
  text-decoration: none;
  transition: opacity .3s;
}

.menu-social-link:hover {
  opacity: 1;
}

.menu-logo-text {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translate(-10px)rotate(-90deg);
}

.logo-text {
  color: #111;
  margin-top: 5px;
  font-family: Bebas Neue, sans-serif;
  font-size: 45px;
  line-height: 1;
}

.container-for-border {
  letter-spacing: 0;
  width: 100%;
  padding-bottom: 34px;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
}

.container-for-border.background-shadow {
  background-color: #00000080;
}

.container-for-border.top-spacing-for-navigation {
  margin-top: 87px;
}

.title-container {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 70px;
  display: flex;
}

.title-container.home-video-title-wrapper {
  align-items: flex-start;
}

.undertitle-heading {
  z-index: 5;
  letter-spacing: 7.4px;
  object-fit: contain;
  object-position: 50% 50%;
  background-color: #fff;
  border: 1px solid #000;
  border-style: none solid solid none;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  padding: 7px 30px;
  font-size: 20px;
  display: flex;
  position: relative;
}

.undertitle-heading.dark-background {
  border-top-style: solid;
  border-left-style: solid;
}

.undertitle-heading-container {
  position: relative;
}

.undertitle-heading-container.margin-bottom-30 {
  margin-bottom: 30px;
}

.large-h2-heading {
  margin-top: 25px;
  margin-bottom: 0;
  font-size: 80px;
}

.large-h2-heading.white-text {
  color: var(--white);
}

.large-h2-heading.white-text.align-center {
  text-align: center;
}

.large-h2-heading.without-top-spacing {
  margin-top: 0;
}

.latest-project-first-slider {
  width: 100%;
}

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

.slide-container.slider-reverse {
  flex-direction: row-reverse;
}

.slide-image-wrapper {
  width: 48%;
  overflow: hidden;
}

.slide-image-wrapper:hover {
  opacity: 1;
}

.slide-info-container {
  border: 1px solid #000;
  border-left-style: none;
  flex-direction: column;
  justify-content: center;
  width: 55%;
  min-height: 400px;
  padding: 60px 50px 60px 100px;
  display: flex;
  position: relative;
}

.slide-info-container.reverse-slide-info {
  border-left-style: solid;
  border-right-style: none;
  flex-direction: column;
  align-items: flex-end;
  padding-left: 50px;
  padding-right: 100px;
  display: flex;
}

.slide-info-description {
  color: #737373;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

.slide-info-description.reverse-text-align {
  text-align: right;
  margin-top: 10px;
}

.slider {
  background-color: #0000;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 15px;
  display: flex;
  overflow: hidden;
}

.slider.k-home_slider-2 {
  padding-left: 20px;
  padding-right: 15px;
}

.portfolio-slider-mask {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.slide-image {
  object-fit: cover;
  width: 100%;
  height: 512px;
  margin-top: 136px;
  position: static;
}

.slide-nav-2 {
  color: #111;
  justify-content: center;
  align-items: flex-start;
  width: 34%;
  height: 50px;
  padding-top: 0;
  font-family: Bebas Neue, sans-serif;
  font-size: 15px;
  display: flex;
  top: 0;
  transform: rotate(-90deg);
}

.slide-nav-2.reverse-slide-nav {
  align-items: flex-end;
}

.latest-project-second-slider {
  margin-top: 80px;
}

.we-bring-container {
  background-image: linear-gradient(#000000b3, #000000b3), url('../images/we-bring-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  padding: 130px 20px 120px;
}

.we-bring-title {
  flex-direction: column;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.we-bring-features-blocks {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.we-bring-feature-block {
  width: 100%;
  position: relative;
}

.feature-block-content {
  z-index: 100;
  background-color: #fff0;
  border: 1px solid #fff;
  width: 100%;
  padding: 0;
  transition: background-color .3s, transform .3s;
  display: flex;
  position: relative;
}

.feature-block-content:hover {
  background-color: #fff;
  transform: translate(-10px, -10px);
}

.feature-block-content.associated-feature-block {
  background-color: #000;
  border-style: none;
  border-width: 0;
  padding: 0;
}

.feature-block-content-info {
  height: 50px;
  margin-bottom: 20px;
  overflow: hidden;
}

.feature-block-info-title {
  color: #fff;
  letter-spacing: 3.59px;
  height: 50px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebas Neue, sans-serif;
  font-size: 27px;
  line-height: 1;
}

.feature-block-info-text {
  color: #111111b3;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
}

.feature-block-content-image {
  border-right: 1px solid #fff;
  justify-content: center;
  align-items: center;
  width: 35%;
  display: flex;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
}

.feature-block-content-container {
  width: 65%;
  padding: 40px 20px;
}

.white-image {
  max-width: 70%;
  position: absolute;
  inset: auto 20px 20px;
}

.black-image {
  max-width: 70%;
  position: absolute;
  inset: auto 20px 15px;
}

.associated-features-bloks {
  flex-wrap: wrap;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  margin-bottom: -40px;
  display: flex;
}

.associated-feature-blok {
  width: 100%;
  position: relative;
}

.associated-feature-blok.buttom-space-20 {
  margin-bottom: 20px;
}

.socials-links {
  opacity: 0;
  background-color: #0000;
  justify-content: flex-start;
  align-items: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0%;
  transform: rotate(-90deg);
}

.socials-links:hover {
  opacity: 1;
  background-color: #0000001a;
}

.person-photo {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.socials-links-item {
  color: #fff;
  cursor: pointer;
  margin-right: 20px;
  font-family: "Fa brands 400", sans-serif;
  text-decoration: none;
  transition: opacity .3s;
  transform: translate(0);
}

.socials-links-item:hover {
  opacity: .6;
}

.associated-feature-blok-container {
  flex-direction: column;
  align-items: flex-start;
  width: 33.33%;
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.associated-feature-blok-author {
  margin-top: 10px;
}

.team-item-name.buttom-space-20 {
  margin-bottom: 20px;
}

.team-item-position {
  color: #111;
  letter-spacing: 8px;
  font-size: 18px;
  line-height: 1.2;
}

.feature-galery-container {
  grid-template-rows: minmax(auto, 1fr) minmax(auto, 1fr) minmax(auto, 1fr);
  grid-template-columns: 1fr 1fr 1fr 1fr;
  overflow: hidden;
}

.feature-galery-container.without-spacing {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.feature-galery-item {
  color: #0000000f;
  position: relative;
  overflow: hidden;
}

.item-hover-text-heading {
  color: #fff;
  letter-spacing: 4.65px;
  padding-left: 20px;
  font-family: Bebas Neue, sans-serif;
  font-size: 35px;
  font-weight: 400;
  line-height: 1.25;
  display: block;
}

.feature-galery-item-hover {
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.item-hover-text-heading {
  text-align: left;
  padding-left: 0;
}

.item-hover-info {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.hidden {
  opacity: 0;
  color: #0000004d;
  background-color: #000000b3;
  display: flex;
  position: absolute;
  inset: 0%;
}

.what-new-post-gallery {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.flex-horizontal {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.flex-horizontal.cpt-gallery-container {
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1.25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
}

.post-item-content-background {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 434px;
}

.post-category {
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 5px 20px;
  display: flex;
}

.link {
  color: #fff;
  letter-spacing: 7.44px;
  font-family: Bebas Neue, sans-serif;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
}

.post-title {
  padding-left: 20px;
}

.post-name-heading {
  color: #fff;
}

.post-item-content-info {
  opacity: 1;
  background-color: #0006;
  border: 1px solid #000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-bottom: 10px;
  padding-right: 5%;
  transition: background-color .3s;
  display: flex;
}

.post-item-content-info:hover {
  background-color: #0000;
}

.post-title-date-author {
  padding-bottom: 10px;
  display: flex;
}

.post-date-author {
  align-items: center;
  padding-left: 10px;
  display: flex;
}

.post-date {
  color: #fff;
  letter-spacing: .53px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 1;
}

.post-author-name, .vertical-line {
  color: #fff;
  letter-spacing: .52px;
  padding-left: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  line-height: 1;
}

.awards-progress-list {
  flex-wrap: wrap;
  width: 100%;
  max-width: 1140px;
  margin-bottom: -20px;
  display: flex;
}

.awards-progress-list-item {
  width: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.awards-item-years {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  width: 30%;
  display: flex;
}

.awards-item-years.home-with-video {
  z-index: 5;
  width: 20%;
  padding-top: 0;
  padding-right: 20px;
  position: relative;
}

.awards-item-description {
  flex-direction: column;
  justify-content: flex-start;
  width: 70%;
  padding-left: 40px;
  display: flex;
}

.awards-item-description.home-with-video {
  z-index: 5;
  width: 80%;
  padding-left: 0;
  position: relative;
}

.awards-item-description-title {
  letter-spacing: 3.5px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 20px;
}

.awards-item-description-title.home-with-video {
  margin-bottom: 0;
}

.awards-item-description-location {
  opacity: .7;
  color: #111;
  letter-spacing: 1.3px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}

.item-hover-element {
  z-index: 2;
  background-color: #3434340f;
  height: 105%;
  display: block;
  position: absolute;
  inset: -7% 0% 0%;
}

.item-hover-element.home-with-video {
  background-color: #f2f2f2;
}

.footer-container {
  background-color: #111;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 93px 40px 80px 80px;
  transition: color .4s, background-color .4s;
  display: flex;
}

.footer-list {
  flex-direction: column;
  margin-right: 20px;
  display: flex;
}

.footer-list.footer-list-last-child {
  margin-right: 0;
}

.footer-contacts-container {
  margin-right: 40px;
}

.footer-contacts-info-block {
  flex-wrap: wrap;
  display: flex;
}

.footer-link-text {
  color: #fff9;
  letter-spacing: normal;
  margin-top: 10px;
  margin-bottom: 0;
  padding-right: 10px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 1.5;
  text-decoration: none;
}

.footer-link-text:hover {
  color: #fff;
}

.footer-logo {
  margin-bottom: 20px;
}

.subscribe-form {
  margin-top: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.centered-container {
  text-align: center;
  flex: 1;
}

.subscribe-form-flex {
  z-index: 10;
  background-color: #1d1d1d;
  border: 1px solid #ffffff80;
  flex-direction: row;
  flex: 1;
  justify-content: center;
  align-items: flex-end;
  display: flex;
  position: relative;
}

.subscribe-form-input-wrapper {
  text-align: left;
  width: 100%;
}

.subscribe-form-input {
  color: #f5f5f599;
  background-color: #0000;
  border-style: none;
  width: 100%;
  height: 50px;
  margin-bottom: 0;
  padding: 12px 20px;
  font-family: Open Sans, sans-serif;
}

.submit-button {
  color: #fff;
  background-color: #0000;
  border: 1px #000;
  width: 50px;
  height: 50px;
  font-family: "Fa solid 900", sans-serif;
  transition: color .4s, background-color .4s;
}

.submit-button:hover {
  color: #000;
  background-color: #fff;
}

.form-block {
  margin-bottom: 0;
}

.footer-container-content {
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  max-width: 1330px;
  display: flex;
}

.about-us-banner {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/home-2-banner-image-2.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 87px;
  display: flex;
}

.top-banner-container {
  z-index: 10;
  border-right: 1px #fff;
  border-left: 1px none var(--white);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.top-banner-container.top-banner-vertical {
  flex-direction: column;
  height: 100vh;
}

.purpose-info-blocks {
  width: 100%;
  max-width: 1140px;
  display: flex;
}

.info-block-item {
  width: 33%;
  padding-left: 15px;
  padding-right: 15px;
}

.info-block-text {
  color: #111;
  margin-top: 20px;
  margin-bottom: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
}

.brand {
  padding-top: 21px;
  padding-bottom: 21px;
  padding-left: 20px;
}

.brand-container {
  flex: 1;
}

.nav-menu-2 {
  display: flex;
}

.primary-menu-tablet {
  align-items: center;
  min-height: 50px;
  display: flex;
}

.primary-menu-tablet.tablet-menu-title {
  display: none;
}

.primary-menu-tablet.navigation-menu {
  padding-top: 5px;
  padding-bottom: 5px;
}

.primary-menu-dropdown {
  align-items: center;
  height: 100%;
  padding: 0;
  display: flex;
}

.primary-menu-dropdown.w--open {
  align-items: center;
  height: 100%;
  display: flex;
}

.dropdown-list {
  margin-top: -5px;
}

.dropdown-list.w--open {
  background-color: #fff;
  min-width: 220px;
  padding-top: 10px;
  padding-bottom: 10px;
  top: 55px;
  box-shadow: 1px 1px 13px #00000017;
}

.dropdown-list.home-with-video {
  background-color: var(--black-2);
}

.dropdown {
  align-items: center;
  height: 100%;
  display: flex;
}

.form-contact-section {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 115px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.form-contact-form {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.form-contact-form.section-space-top {
  margin-top: 130px;
}

.contact-section-studio, .contact-section-office {
  width: 50%;
}

.contact-us-social-link {
  color: #111111b3;
  cursor: pointer;
  margin-right: 20px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 15px;
  text-decoration: none;
  transition: color .2s;
}

.contact-us-social-link:hover {
  color: #111;
}

.contact-us-social-link.link-ball {
  font-family: "Fa solid 900", sans-serif;
}

.contact-section-info {
  flex-direction: column;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.contact-section-info-link {
  color: #111111b3;
  letter-spacing: normal;
  margin-top: 15px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  text-decoration: none;
  transition: color .3s;
}

.contact-section-info-link:hover {
  color: #111;
}

.paragraph {
  color: var(--black);
  letter-spacing: normal;
  direction: ltr;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

.paragraph.services-portfolio-paragraph {
  margin-top: 30px;
  margin-bottom: 50px;
}

.paragraph.services-details-special-paragraph {
  display: none;
}

.paragraph.home-with-video {
  margin-left: 20px;
}

.paragraph.blog-post-date {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
  line-height: 20px;
}

.paragraph.without-spacing {
  margin-bottom: 0;
}

.paragraph.margin-bottom-30 {
  margin-bottom: 30px;
}

.paragraph.dark-text {
  color: var(--black-2);
}

.paragraph.bold {
  font-weight: 700;
}

.paragraph.landing-prefooter-section {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 50px;
  padding-left: 70px;
  padding-right: 70px;
}

.contact-form-container {
  margin-top: 40px;
}

.form-buttons {
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
  display: flex;
}

.form {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.buttons-checkbox-wrapper {
  justify-content: flex-start;
  display: flex;
}

.buttons-checkbox {
  cursor: pointer;
}

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

.text-span:hover {
  text-decoration: none;
}

.radio-button {
  margin-bottom: 5px;
  margin-left: 0;
  display: block;
}

.radio-button.w--redirected-checked {
  border-color: var(--black-2);
}

.radio-button.w--redirected-focus {
  box-shadow: none;
}

.radio-button-label {
  color: var(--black-2);
  letter-spacing: 7.22px;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 0;
  padding: 5px;
  font-family: Bebas Neue, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
}

.radio-buttons-container {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
}

.dropdown-list-2 {
  background-color: #fff;
  flex-direction: column;
  padding-left: 20px;
  transition: padding .5s;
  display: flex;
  position: static;
  overflow: hidden;
}

.dropdown-list-2.w--open {
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  overflow: hidden;
}

.dropdown-toggle {
  margin-left: 0;
  padding: 5px 10px 5px 0;
  left: 0;
}

.dropdown-toggle:hover {
  padding-right: 3px;
}

.dropdown-2 {
  width: 100%;
}

.menu-dropdown-link {
  letter-spacing: 4.4px;
  margin-left: 10px;
  font-family: Bebas Neue, sans-serif;
  font-size: 17px;
  transition: padding .3s;
}

.menu-dropdown-link:hover {
  opacity: 1;
  padding-left: 27px;
}

.menu-dropdown-link.w--current {
  color: var(--black);
}

.menu-dropdown-link.w--current:hover {
  opacity: 1;
}

.menu-dropdown-link.home-with-video {
  color: var(--white);
}

.menu-dropdown-link.home-with-video:hover {
  opacity: 1;
}

.latest-project-adition {
  justify-content: center;
  align-items: center;
  margin-top: 200px;
  margin-bottom: -20px;
  padding-top: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.we-bring-feature-block-container {
  width: 50%;
  padding: 13px;
}

.link-block-4 {
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.success-message, .error-message {
  z-index: 1;
  position: relative;
}

.dropdown-link-container {
  line-height: 16px;
}

.contact-top-banner {
  background-image: url('../images/Parallax-4.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
}

.heading-3 {
  color: #fff;
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  font-family: Bebas Neue, sans-serif;
  font-size: 80px;
  font-weight: 400;
  line-height: 1.2;
}

.style-guide-banner {
  background-image: linear-gradient(#0000004d, #0000004d), url('../images/Parallax-4.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 480px;
  padding-top: 87px;
  display: flex;
}

.style-guide-grid-system {
  padding-top: 0;
}

.grid-system-content-top, .grid-system-content-bottom {
  display: flex;
}

.base-container {
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.base-container.style-guide-spacing-container {
  padding-right: 15px;
}

.base-container.left-aligment, .base-container.left-align-desktop, .base-container.home-video-title-wrapper {
  align-items: flex-start;
}

.section-title {
  margin-top: 0;
  font-family: Bebas Neue, sans-serif;
  font-size: 35px;
}

.grid-system-container {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.size-sumbol-container {
  font-family: Bebas Neue, sans-serif;
  font-size: 24px;
}

.style-guide-title {
  margin-bottom: 70px;
}

.size-sumbols {
  margin-right: 8px;
  font-family: Bebas Neue, sans-serif;
  font-size: 24px;
}

.content-table-bottom-row-item {
  border-right: 1px solid #0000001a;
  padding: 20px 15px;
}

.content-table-bottom-row-item.last-item {
  border-right-style: none;
}

.content-table-bottom-row-item.content-table-row-item-title {
  color: #131c21;
  background-color: #fff;
  width: 190px;
  font-family: Bebas Neue, sans-serif;
  font-size: 24px;
}

.content-table-bottom-row-item.content-table-row-item-resolution {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 160px;
  font-family: Bebas Neue, sans-serif;
  font-size: 24px;
  display: flex;
}

.content-table-top-row-item {
  color: #fff;
  background-color: #ff3f39;
  border-bottom: 1px solid #000;
  border-right: 1px solid #0000001a;
  padding: 20px 15px;
  font-size: 18px;
}

.content-table-top-row-item.last-item {
  border-right-style: none;
}

.content-table-top-row-item.content-table-row-item-resolution {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 160px;
  display: flex;
}

.content-table-top-row-item.content-table-row-item-title {
  background-color: #000;
  width: 190px;
}

.content-title {
  color: #a8a8a8;
  font-family: Bebas Neue, sans-serif;
  font-size: 18px;
}

.style-guide-spacing {
  display: flex;
}

.spacing-number {
  color: #f56f5e;
  justify-content: center;
  align-items: center;
  font-family: Bebas Neue, sans-serif;
  font-size: 18px;
  line-height: 1;
  display: flex;
  position: absolute;
  inset: 20px 0 auto auto;
}

.spacing-number.middle {
  top: 33%;
  right: 40px;
}

.spacing-number.bottom {
  top: auto;
  bottom: 10px;
}

.spacing-image-container {
  margin-top: 60px;
  padding-right: 70px;
  position: relative;
}

.spacing-image-container.last-item {
  width: 250px;
}

.spacing-description {
  margin-top: 40px;
  font-family: Bebas Neue, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.spacing-description-number {
  color: #f56f5e;
}

.spacing-system {
  width: 100%;
  margin-right: 20px;
}

.spacing-system.last-item {
  margin-right: 0;
}

.colors-container {
  margin-top: 30px;
  display: flex;
}

.color-item {
  margin-right: 30px;
}

.color-text {
  color: #131c2199;
}

.colors-palette {
  margin-right: 40px;
}

.color-item-background {
  width: 80px;
  height: 80px;
  margin-bottom: 10px;
}

.color-item-background.darck-background {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}

.color-item-background.red-background {
  background-color: #111;
}

.heading-6-mobile {
  font-size: 16px;
}

.heading-3-tablet {
  font-size: 32px;
}

.item-content-font-family {
  font-size: 26px;
  line-height: 1.5em;
}

.item-content-font-family.link-typography {
  margin-bottom: 40px;
}

.left-aligment {
  text-align: left;
  line-height: 1;
}

.style-guide-paragraphs {
  width: 100%;
  margin-top: 70px;
  display: flex;
}

.typography-content {
  flex-direction: column;
  width: 36%;
  margin-right: 20px;
  display: flex;
}

.typography-content.last-item {
  width: 26%;
  margin-right: 0;
}

.heading-3-mobile {
  font-size: 28px;
  line-height: 1.2;
}

.heading-2-mobile {
  font-size: 35px;
}

.heading-2-mobile.left-aligment {
  line-height: 1;
}

.style-guide-typography-heading {
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.heading-4-mobile {
  font-size: 20px;
}

.heading-5-tablet {
  text-align: left;
}

.heading-size-description {
  color: #131c2199;
  margin-bottom: 20px;
  font-size: 22px;
  line-height: 1.8em;
}

.heading-size-description.link-size {
  margin-top: 10px;
  margin-bottom: 0;
}

.heading-5-mobile {
  text-align: left;
  font-size: 16px;
}

.heading-2-tablet {
  font-size: 40px;
}

.headings-container {
  flex-direction: column;
  margin-top: 30px;
  font-size: 15px;
  display: flex;
}

.heading-1-mobile {
  font-size: 50px;
}

.buttons-container {
  flex-direction: column;
  margin-top: 30px;
  display: flex;
}

.dark-button {
  background-color: var(--black);
  width: 175px;
  color: var(--white);
  letter-spacing: 4.4px;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  padding: 10px 17px;
  font-size: 17px;
  line-height: 27px;
  transition: color .2s, background-color .2s;
  display: flex;
}

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

.dark-button.large-button {
  width: auto;
  padding: 23px 78px;
}

.dark-button.large-button.margin-30-style-guide {
  margin-right: 30px;
}

.buttons-wrapper {
  margin-top: 40px;
  margin-right: 40px;
}

.button-with-border {
  z-index: 5;
  width: 175px;
  color: var(--black);
  text-align: center;
  letter-spacing: 4.4px;
  background-color: #0000;
  padding: 10px 17px;
  font-family: Bebas Neue, sans-serif;
  font-size: 17px;
  line-height: 27px;
  position: relative;
}

.button-with-border.white-text {
  color: var(--white);
}

.button-with-border.large-button {
  padding: 23px 78px;
}

.button-with-border.large-button.white-text {
  font-weight: 400;
}

.button-with-border-container {
  z-index: 10;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.button-with-border-container.margin-left-0 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
}

.button-with-border-container.margin-right-30-style-guide {
  margin-left: 0;
  margin-right: 30px;
}

.button-right-border {
  z-index: 1;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
  width: 30%;
  height: 30%;
  position: absolute;
  inset: auto 0% 0%;
}

.button-right-border.white-border {
  border-bottom-color: var(--white);
  border-left-color: var(--white);
}

.botton-left-border {
  z-index: 1;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  width: 30%;
  height: 30%;
  position: absolute;
  inset: 0% 0% auto auto;
}

.botton-left-border.white-border {
  border-top-color: var(--white);
  border-right-color: var(--white);
}

.white-button {
  z-index: 5;
  background-color: var(--white);
  width: 175px;
  color: var(--black);
  text-align: center;
  padding: 10px 17px;
  font-size: 17px;
  line-height: 27px;
  position: relative;
}

.white-button.large-button.margin-right-30-style-guide {
  margin-right: 30px;
}

.bottom-spacing-40 {
  margin-bottom: 40px;
}

.bottom-spacing-40.margin-top-30 {
  margin-top: 30px;
}

.bottom-spacing-40.align-center {
  text-align: center;
}

.simple-buttons {
  align-items: flex-end;
  margin-bottom: 40px;
  display: flex;
}

.buttons-with-border {
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.large-button {
  width: auto;
  padding: 23px 78px;
}

.testimonial-slide, .testimonials-slider-mask {
  height: auto;
}

.undertitle-heading-background {
  background-color: var(--black);
  transition: transform .2s linear;
  position: absolute;
  inset: 0%;
  transform: translate(5px, 5px);
}

.undertitle-heading-background.white-background {
  background-color: var(--white);
}

.link-with-line-container {
  padding-right: 20px;
  transition: padding .3s;
  position: relative;
}

.link-with-line-container:hover {
  padding-left: 7px;
  padding-right: 13px;
}

.link-with-line-container.we-bring-block {
  color: var(--white);
}

.link-line {
  border-top: 1px solid #000;
  width: 15px;
  transition: all .3s;
  position: absolute;
  top: 43%;
  bottom: 50%;
  left: 0%;
}

.link-line:hover {
  width: 20px;
}

.link-line.we-bring-block, .link-line.home-with-video {
  border-top-color: var(--white);
}

.nav-menu-content {
  background-color: var(--white);
  border-right: 1px solid #000;
  width: 370px;
  height: 100vh;
  padding-top: 120px;
  padding-left: 100px;
}

.menu-burger-top-line {
  background-color: var(--white);
  width: 40%;
  height: 2px;
  margin: auto;
  position: absolute;
  inset: 0;
  transform: rotate(90deg);
}

.menu-burger-bottom-line {
  background-color: var(--white);
  width: 40%;
  height: 2px;
  margin: auto;
  position: absolute;
  inset: 0;
}

.menu-burger-midle-line {
  background-color: var(--white);
  width: 40%;
  height: 1px;
  margin: auto;
  position: absolute;
  inset: 0;
  transform: rotate(135deg);
}

.menu-burger-lines-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.menu-link-container {
  padding-top: 5px;
  padding-bottom: 5px;
}

.menu-link-container.hide {
  display: none;
}

.primary-menu-wrapper {
  background-color: var(--white);
  height: 87px;
  position: fixed;
  inset: 0 0 auto;
}

.primary-menu-wrapper.home-3 {
  background-color: #0000;
  width: 100%;
  position: relative;
}

.primary-menu-wrapper.transparent-background {
  background-color: #0000;
  width: 100%;
  position: static;
}

.white-text {
  z-index: 20;
  color: var(--white);
}

.white-text.margin-bottom-60 {
  margin-bottom: 60px;
}

.white-text.qoute-author {
  margin-top: 80px;
}

.white-text.home-banner-title {
  font-size: 20px;
}

.text-center {
  text-align: center;
  font-size: 42px;
}

.section {
  padding-top: 130px;
  padding-bottom: 130px;
}

.section.borders {
  border-style: none solid solid;
  border-bottom-width: 1px;
  border-bottom-color: #000;
  border-left-width: 1px;
  border-left-color: #000;
  border-right-width: 1px;
  border-right-color: #000;
}

.section.borders.leadership-team-background {
  background-image: url('../images/team-bg.png');
  background-position: 100% 75%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
}

.section.right-bottom-borders {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  display: block;
}

.section.right-bottom-borders.dark-container {
  background-color: var(--black);
}

.section.background-letter-k {
  background-image: url('../images/K.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
}

.section.right-left-borders.top-border {
  border-top: 1px solid #000;
}

.section.services-what-we-do {
  background-image: linear-gradient(#00000080, #00000080), url('../images/christopher-burns-8KfCR12oeUM-unsplash-1.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  align-items: center;
  min-height: 600px;
  display: flex;
}

.section.pricing-section {
  margin-top: -440px;
}

.section.services-details-second-block {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.section.without-top-spacing {
  padding-top: 0;
}

.section.portfolio-page-section {
  background-image: linear-gradient(#0003, #0003), url('../images/portfolio-banner.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  justify-content: flex-start;
  align-items: flex-start;
  height: 50vh;
  margin-top: 87px;
}

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

.section.right-border.without-spacing, .section.without-spacing {
  padding-top: 0;
  padding-bottom: 0;
}

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

.heading-4 {
  color: var(--black-2);
}

.right-bottom-borders {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
}

.feature-galery-item {
  object-fit: cover;
  height: 100%;
  min-height: 100%;
}

.features-galery-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 250px;
}

.features-galery-image.big-image-item {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
  min-height: 500px;
}

.left-border {
  border-left: 1px solid #000;
  position: fixed;
  inset: 0% auto 0% 80px;
}

.space-right-20 {
  margin-right: 20px;
}

.logo-image-mobile {
  display: none;
}

.radio-button-wrapper {
  align-items: center;
  padding-left: 0;
  padding-right: 20px;
  display: flex;
}

.simple-navigation-menu {
  width: 100%;
  height: 87px;
  box-shadow: 0 0 8px 0 var(--black-50);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0% 0% auto;
}

.simple-navigation-menu-container {
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.section-with-background {
  background-image: url('../images/image-78-1.jpg');
  background-position: 0 0;
  background-size: auto;
  padding-top: 130px;
  padding-bottom: 130px;
}

.section-with-background.borders {
  border-style: none solid solid;
  border-bottom-width: 1px;
  border-bottom-color: #000;
  border-left-width: 1px;
  border-left-color: #000;
  border-right-width: 1px;
  border-right-color: #000;
}

.section-with-background.clients-section-borders {
  border-width: 1px;
  border-color: #000;
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
}

.section-with-background.right-left-borders.top-border {
  border-top: 1px solid #000;
}

.banner-slider {
  background-color: #0000;
  height: 100%;
}

.banner-slide {
  flex-direction: column;
  display: flex;
}

.banner-slider-left-arrow {
  border-right: 1px solid var(--white);
  width: 50px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 17px;
  inset: auto 200px 100px auto;
}

.banner-slider-right-arrow {
  width: 50px;
  color: var(--white);
  font-family: "Fa solid 900", sans-serif;
  font-size: 17px;
  inset: auto 150px 100px auto;
}

.full-width {
  max-width: 100%;
}

.section-spacing {
  margin-top: 130px;
  margin-bottom: 130px;
}

.counter-container {
  text-align: center;
  justify-content: center;
  padding: 40px;
}

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

.counters-with-info {
  display: flex;
}

.counter-info {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.counters {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #000;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  display: grid;
}

.special-section {
  background-image: url('../images/image-78-1.jpg');
  background-position: 50% 540px;
  background-repeat: repeat-x;
  background-size: auto;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  padding-top: 130px;
}

.testimonials-item-text {
  letter-spacing: 3.2px;
}

.right-arrow-icon {
  font-family: "Fa solid 900", sans-serif;
  font-size: 18px;
}

.counter-title {
  letter-spacing: 6px;
}

.contact-form-input {
  border: 1px #000;
  border-bottom-style: solid;
  width: 49%;
  min-height: 60px;
  margin-bottom: 15px;
  padding-left: 0;
  padding-right: 15px;
}

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

.contact-form-input.form-textarea {
  width: 100%;
  min-height: 160px;
}

.checkbox {
  border-style: none solid solid none;
  border-right-color: var(--black-2);
  border-bottom-color: var(--black-2);
  background-color: var(--white);
  border-radius: 0;
  width: 13px;
  height: 13px;
  transition: all .3s;
}

.checkbox.w--redirected-checked {
  background-color: var(--white);
  cursor: pointer;
  background-image: url('../images/checkbox-checked_1checkbox-checked.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px #000;
  transform: translate(-1px, -1px);
}

.checkbox.w--redirected-focus {
  box-shadow: none;
}

.checkbox-label {
  font-family: Open Sans, sans-serif;
  font-size: 13px;
}

.clients-banner {
  background-image: linear-gradient(#1111114d, #1111114d), url('../images/we-bring-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 87px;
  display: flex;
}

.clients-banner-title {
  color: var(--white);
  text-align: center;
  letter-spacing: 3px;
  margin-top: 30px;
}

.clients-quote-section {
  text-align: center;
  max-width: 940px;
  line-height: 1.5;
}

.clients-wrapper {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.clients-item {
  border: 1px solid #000;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  transition: all .3s;
  display: flex;
}

.clients-item:hover {
  background-color: var(--white);
}

.clients-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
}

.clients-item-link {
  opacity: .5;
  filter: contrast() saturate(0%) brightness();
}

.clients-item-link:hover {
  opacity: 1;
}

.banner-title {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 950px;
  display: flex;
}

.logo-image-desctop {
  margin-top: -25px;
  margin-left: -27px;
  padding-top: 0;
}

.logo-image-desctop.home-with-video {
  filter: invert();
}

.leadership-bottom-section {
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  display: flex;
}

.leadership-bottom-text {
  text-align: center;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 1.6;
}

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

.grid-leadership-team {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.leadership-team-item-content {
  background-color: #ececec;
  padding: 25px;
}

.leadership-team-position {
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-top: 4px;
  font-size: 16px;
  line-height: 1.2;
}

.process-banner {
  background-image: linear-gradient(#1111114d, #1111114d), url('../images/Work-process-banner.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 87px;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}

.process-item-wrapper {
  width: 100%;
  display: flex;
}

.process-item-wrapper.reverse {
  flex-direction: row-reverse;
}

.process-image-block {
  width: 33%;
}

.process-content {
  flex-direction: column;
  justify-content: center;
  width: 67%;
  padding-bottom: 60px;
  display: flex;
}

.process-content.right-block {
  padding-left: 70px;
}

.process-content.left-block {
  padding-right: 70px;
}

.process-content-title-wrapper {
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}

.process-item-title {
  font-size: 60px;
  line-height: 1.4;
}

.process-step-wrapper {
  border: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  padding: 25px 40px;
  display: flex;
}

.process-step-subtitle {
  letter-spacing: 6.4px;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 1.2;
}

.leadership-banner-subtitle {
  max-width: 900px;
  color: var(--white);
  text-align: center;
  margin-top: 40px;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 1.5;
}

.page-404-banner {
  filter: grayscale();
  background-image: linear-gradient(#1116, #1116), url('../images/home2-banner.jpg');
  background-position: 0 0, 0%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.title-404-page {
  color: var(--white);
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 190px;
}

.page-404-subtitle {
  color: var(--white);
  text-align: center;
  margin-bottom: 40px;
}

.leadership-banner {
  background-image: linear-gradient(#0006, #0006), url('../images/why-choose-us-bg.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 620px;
  padding-top: 87px;
  display: flex;
}

.display-hidden {
  display: none;
}

.about-us-quote-wrapper {
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  margin-bottom: -10px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.section-with-light-background {
  background-image: url('../images/bg-light.jpeg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 130px;
  padding-bottom: 130px;
}

.section-with-light-background.borders {
  border: 1px solid #000;
}

.footer-for-primary-nav {
  padding-right: 80px;
}

.width-max {
  width: 100%;
}

.heading-1-tablet {
  font-size: 60px;
}

.choose-us-image-wrapper {
  width: 50%;
  padding-right: 40px;
}

.choose-us-content-wrapper {
  width: 50%;
  padding-left: 40px;
}

.choose-us-wrapper {
  align-items: center;
  width: 100%;
  display: flex;
}

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

.advantages-wrapper {
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.advantages-item {
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}

.advantage-item-title {
  letter-spacing: 7.4px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.borders {
  border: 1px solid #000;
}

.right-left-borders {
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

.home-2-categories {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.slider-choose-us {
  background-color: #0000;
  width: 100%;
  min-height: 730px;
  position: relative;
  overflow: hidden;
}

.choose-us-mask {
  max-width: 1230px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  inset: auto 0% 100px;
}

.left-arrow-slider-choose-us {
  background-color: var(--white);
  width: 60px;
  height: 60px;
  color: var(--black-2);
  border-bottom: 1px solid #000;
  justify-content: center;
  align-items: center;
  transition: all .2s;
  display: flex;
  position: absolute;
  inset: auto auto 0% 0%;
}

.left-arrow-slider-choose-us:hover {
  background-color: var(--black-2);
  color: var(--white);
}

.right-arrow-slider-choose-us {
  background-color: var(--white);
  width: 60px;
  height: 60px;
  color: var(--black-2);
  border: 1px #000;
  border-style: none none solid solid;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  inset: auto auto 0% 60px;
}

.right-arrow-slider-choose-us:hover {
  background-color: var(--black-2);
  color: var(--white);
}

.choose-us-slider-content {
  background-color: var(--white);
  min-height: 360px;
  padding: 30px 30px 50px;
}

.choose-us-slider-title {
  margin-bottom: 20px;
}

.choose-us-slider-title:hover {
  opacity: .7;
}

.choose-us-slide-wrapper {
  display: flex;
}

.choose-us-slider-paragraph {
  color: #111111b3;
  height: 144px;
  margin-bottom: 30px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  overflow: hidden;
}

.get-quote-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.home-2-category-list {
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.home-2-category-wrapper {
  cursor: pointer;
  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;
  height: 316px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 0;
  transition: all .3s;
  display: flex;
  position: relative;
}

.home-2-category-wrapper:hover {
  transform: scale(1.05);
}

.home-2-category-background {
  z-index: 10;
  background-image: linear-gradient(#00000080, #00000080);
  transition-duration: .4s;
  position: absolute;
  inset: 0%;
}

.home-2-category-background:hover {
  opacity: 1;
}

.home-2-categories-title {
  z-index: 20;
  position: absolute;
}

.home-2-categories-title:hover {
  opacity: 1;
}

.leadership-team-name {
  letter-spacing: 1.6px;
}

.services-banner {
  background-image: linear-gradient(#00000080, #00000080), url('../images/blog-reverside-house.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 87px;
  display: flex;
}

.services-portfolio-wrapper {
  align-items: center;
  display: flex;
}

.services-portfolio-wrapper.children-reverse {
  padding-bottom: 0;
  padding-right: 16px;
}

.services-portfolio-image {
  width: 50%;
  padding-bottom: 0;
  padding-right: 35px;
}

.services-portfolio-content {
  width: 50%;
  padding-bottom: 60px;
  padding-left: 35px;
}

.services-portfolio-content.left-content {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 35px;
}

.display-flex-horizontal {
  display: flex;
}

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

.counter-heading {
  margin-bottom: 20px;
  font-size: 80px;
}

.left-arrow-slider-testimonials {
  width: 50px;
  height: 30px;
  color: var(--black-2);
  border-right: 1px solid #000;
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: auto;
  left: auto;
  right: 50px;
}

.left-arrow-slider-testimonials:hover {
  background-color: var(--black-2);
  color: var(--white);
}

.right-arrow-slider-testimonials {
  width: 50px;
  height: 30px;
  color: var(--black-2);
  justify-content: center;
  align-items: center;
  transition: all .3s;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.right-arrow-slider-testimonials:hover {
  background-color: var(--black-2);
  color: var(--white);
}

.choose-us-slider-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 300px;
  display: block;
}

.choose-us-slider-image:hover {
  opacity: 1;
}

.choose-us-slider-heading {
  letter-spacing: 7.4px;
}

.choose-us-list-wrapper {
  margin-left: 12px;
  margin-right: 12px;
}

.choose-us-slider-black-background {
  background-color: var(--black-2);
  height: 620px;
  position: absolute;
  inset: auto 0% 0%;
}

.section-services-with-backgrond {
  background-image: url('../images/K.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto;
  padding-top: 130px;
  padding-bottom: 130px;
}

.services-special-hidden-block {
  display: none;
}

.services-special-block-content {
  padding-right: 30px;
}

.features-block-wrapper {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.features-block-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.burger-menu-icon {
  display: none;
}

.section-space-top {
  margin-top: 130px;
}

.services-special-section-heading {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.services-features-wrapper {
  margin-top: -200px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-10.margin-bottom-10 {
  margin-bottom: 10px;
}

.pricing-banner {
  background-image: linear-gradient(#00000080, #00000080), url('../images/pricing-bg.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 87px;
  padding-bottom: 150px;
  display: flex;
}

.pricing-item-wrapper {
  background-color: var(--white);
  width: 33.33%;
  margin-left: 15px;
  margin-right: 15px;
  box-shadow: 0 15px 30px #0000001a;
}

.pricing-wrapper {
  width: 100%;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.pricing-header {
  background-color: #1111110d;
  justify-content: center;
  align-items: center;
  padding: 13px 30px;
  display: flex;
}

.pricing-content {
  flex-direction: column;
  align-items: center;
  padding: 40px 40px 55px;
  display: flex;
}

.pricing-cost-value {
  margin-bottom: 40px;
  font-size: 45px;
  line-height: 1.2;
}

.pricing-list {
  width: 100%;
}

.pricing-button {
  color: #111111b3;
  margin-top: 30px;
  padding: 18px 66px;
}

.pricing-list-item {
  background-image: url('../images/Ellipse_1Ellipse.jpg');
  background-position: 5px;
  background-repeat: no-repeat;
  background-size: auto;
  align-items: center;
  margin-bottom: 10px;
  padding-left: 25px;
  font-family: Open Sans, sans-serif;
  line-height: 1.5;
}

.pricing-list-item.work-done {
  font-size: 15px;
}

.services-portfolio-icon-wrapper {
  max-width: 30%;
}

.questions-accordion-wrapper {
  width: 100%;
  margin-bottom: -15px;
  margin-right: -15px;
  display: flex;
}

.questions-accordion-left {
  width: 50%;
  margin-right: 15px;
}

.questions-accordion-toggle {
  white-space: break-spaces;
  justify-content: space-between;
  align-items: flex-start;
  padding: 35px 40px 10px;
  display: flex;
}

.questions-accordion-shevron-icon {
  color: #1116;
  margin-left: 20px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 15px;
}

.questions-accordion-item {
  border: 1px solid #0003;
  width: 100%;
  margin-bottom: 15px;
  position: static;
}

.questions-accordion-list {
  background-color: #0000;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 20px;
  display: block;
  position: static;
  overflow: hidden;
}

.questions-accordion-list.w--open {
  background-color: #0000;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 20px;
  display: block;
}

.services-details-banner {
  background-image: url('../images/spencer-davis-SVfXlChg9HI-unsplash.jpg'), linear-gradient(#0000004d, #0000004d);
  background-position: 50%, 0 0;
  background-repeat: repeat, repeat;
  background-size: cover, auto;
  justify-content: center;
  align-items: center;
  min-height: 600px;
  padding-top: 87px;
  display: flex;
}

.services-details-wrapper {
  align-items: center;
  display: flex;
}

.services-details-content {
  width: 50%;
  padding-left: 35px;
}

.services-details-content.left-content {
  padding-left: 0;
  padding-right: 35px;
}

.home-with-video-banner {
  background-image: linear-gradient(#00000080, #00000080), url('../images/pricing-bg.jpeg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  margin-top: -87px;
  padding-top: 87px;
  display: flex;
}

.home-video-services-wrapper {
  display: flex;
}

.home-video-sevices-left-block {
  border: 1px #000;
  border-style: solid none none solid;
  width: 50%;
}

.home-with-video-services-right-block {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding-left: 70px;
  display: flex;
}

.home-with-video-heading {
  letter-spacing: 4.6px;
  font-size: 60px;
}

.home-with-video-services-item {
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  flex-direction: column;
  width: 50%;
  padding: 30px;
  display: flex;
}

.home-with-video-services-image {
  max-width: 20%;
  margin-bottom: 20px;
}

.home-video-awwards-wrapper {
  flex-wrap: wrap;
  width: 100%;
  max-width: 1140px;
  display: flex;
}

.awwards-item-title-link {
  border-left: 1px solid #000;
  margin-bottom: 10px;
  padding-left: 20px;
}

.contact-form-wrapper {
  display: flex;
}

.contact-form-left-block {
  flex-direction: column;
  align-items: flex-start;
  width: 50%;
  padding-right: 50px;
  display: flex;
}

.contact-form-social-wrapper {
  display: flex;
}

.contact-form-social-link {
  align-items: center;
  display: flex;
}

.contact-form-social-link:hover {
  margin-right: 10px;
}

.contact-form-social-icon {
  margin-right: 10px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 18px;
  line-height: 1.2;
}

.contact-form-2-style {
  border: 1px solid #000;
  width: 50%;
  padding: 20px;
}

.contact-form-2-input {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--black-2);
  width: 50%;
  height: 60px;
  margin-bottom: 0;
  margin-left: 15px;
  margin-right: 15px;
  padding-bottom: 20px;
  padding-left: 0;
  padding-right: 0;
}

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

.contact-form-2-input::placeholder {
  color: var(--black-50);
  font-family: Open Sans, sans-serif;
}

.contact-form-2-input.email-input {
  width: 94%;
}

.contact-form-2-textarea {
  border: 1px #000;
  border-bottom-style: solid;
  width: 94%;
  min-height: 160px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 20px 0;
}

.contact-form-2-textarea::placeholder {
  color: var(--black-50);
  font-family: Open Sans, sans-serif;
}

.form-2-wrapper {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.form-2-block-wrapper {
  width: 100%;
  margin-bottom: 10px;
}

.navbar-home-with-video {
  background-color: #0000;
  height: 87px;
  display: flex;
  position: relative;
}

.parallax-banner-title {
  font-size: 150px;
}

.parallax-content-right-block {
  background-color: var(--white);
  flex-direction: column;
  width: 50%;
  padding: 50px;
  display: flex;
  position: relative;
}

.parallax-title-margin-bottom {
  margin-bottom: 50px;
}

.parallax-content-left-block {
  width: 50%;
}

.parallax-content-wrapper {
  width: 70%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.parallax-content-wrapper.flex-reverse {
  flex-direction: row-reverse;
}

.parallax-content-line {
  border-bottom: 2px solid #000;
  width: 20%;
  position: absolute;
  inset: 23% auto auto -15%;
}

.parallax-content-line.tools-used {
  top: 17%;
}

.parallax-banner-1 {
  z-index: -1;
  background-image: url('../images/Parallax-1.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.parallax-banner-1-overlay {
  background-image: linear-gradient(#0000004d, #0000004d);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.parallax-banner-2 {
  background-image: url('../images/Parallax-5.jpeg');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  min-height: 800px;
  padding-top: 130px;
  padding-bottom: 130px;
  display: flex;
}

.parallax-banner-3 {
  background-image: url('../images/we-bring-bg.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 800px;
  padding-top: 130px;
  padding-bottom: 130px;
}

.parallax-banner-4 {
  background-image: url('../images/Parallax-4.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  min-height: 800px;
  padding-top: 130px;
  padding-bottom: 130px;
  display: flex;
}

.parallax-banner-5 {
  background-image: url('../images/Parallax-5.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 800px;
}

.parallax-banner-6 {
  background-image: url('../images/Parallax-6.jpeg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  justify-content: center;
  align-items: center;
  min-height: 800px;
  padding-top: 130px;
  padding-bottom: 130px;
  display: flex;
}

.navbar-transparent {
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 87px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.navbar-transparent.project-template {
  border-bottom: 1px solid #0000000d;
}

.body-with-background {
  background-color: #f3f3f3;
}

.blog-post-wrapper {
  background-color: var(--white);
  flex-direction: column;
  width: 100%;
  margin-top: 50px;
  margin-bottom: 100px;
  padding: 50px 120px;
  display: flex;
}

.blog-post-date-wrapper {
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
}

.blog-post-author {
  margin-left: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.5;
}

.dash-icon {
  border-top: 1px solid #000;
  width: 15px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 8px;
}

.dash-icon.white-borders {
  border-top-color: var(--white);
  margin-top: 5px;
  padding-bottom: 5px;
}

.featured-blog-wrapper {
  width: 100%;
  margin-bottom: 100px;
  display: flex;
}

.featured-blog-left {
  justify-content: flex-end;
  align-items: stretch;
  width: 50%;
  margin-right: 30px;
  display: flex;
}

.featured-blog-right {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.featured-blog-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 30%;
  height: 100%;
}

.featured-blog-left-content {
  background-color: var(--white);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  width: 70%;
  height: 100%;
  padding: 30px;
  display: flex;
}

.featured-blog-link {
  border-bottom: 1px solid #000;
  margin-bottom: 15px;
  font-size: 14px;
}

.featured-blog-right-content {
  background-color: var(--white);
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  padding: 30px;
  display: flex;
}

.collection-item-blog {
  width: 100%;
}

.footer-copyright-link {
  color: var(--white);
  letter-spacing: 2px;
  margin-left: 5px;
  margin-right: 5px;
  font-family: Bebas Neue, sans-serif;
  font-size: 15px;
  text-decoration: none;
}

.footer-copyright {
  color: #ffffffb3;
  font-family: Open Sans, sans-serif;
}

.display-flex-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.display-flex-vertical.left-aligment {
  align-items: flex-start;
}

.footer-rights {
  color: #ffffffb3;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
}

.footer-rights-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 80px;
  display: flex;
}

.blog-banner {
  padding-top: 90px;
  padding-bottom: 90px;
}

.blog-wrapper {
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 80px;
}

.blog-post-item {
  flex-flow: row;
  align-items: flex-start;
  width: 30%;
  margin-bottom: 30px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.blog-collection-list {
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
}

.collection-list-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.blog-post-content {
  background-color: var(--white);
  padding: 20px 30px 30px;
  position: absolute;
  inset: auto 0% 0%;
}

.blog-post-date {
  align-items: center;
  margin-top: 10px;
  margin-bottom: 15px;
  display: flex;
}

.clock-icon-blog-post {
  color: #1119;
  margin-bottom: 0;
  margin-right: 10px;
  font-family: "Fa 400", sans-serif;
}

.blog-post-paragraph {
  color: #111111b3;
  border-bottom: 1px solid #0003;
  margin-top: 15px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

.blog-post-link-image {
  object-fit: cover;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  width: 100%;
  min-height: 260px;
}

.blog-post-link-image:hover {
  opacity: 1;
}

.pagination-next-button {
  border-color: var(--black-2);
  background-color: var(--black-2);
  color: var(--white);
  border-radius: 0;
}

.pagination {
  margin-top: 60px;
}

.pagination-previous-button {
  border-color: var(--black-2);
  background-color: var(--black-2);
  color: var(--white);
  border-radius: 0;
}

.margin-left-10 {
  margin-left: 10px;
}

.blog-post-item-wrapper {
  height: 40em;
  position: relative;
}

.title-container-project-template {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.project-template-banner {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
}

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

.project-content-left-block {
  flex-direction: column;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.project-content-right-block {
  flex-direction: column;
  justify-content: center;
  width: 40%;
  padding-left: 80px;
  display: flex;
}

.project-right-block-item {
  margin-bottom: 20px;
}

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

.project-right-block-social-wrapper {
  align-items: center;
  display: flex;
}

.project-social-item {
  border: 1px solid #111111b3;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  margin-left: 4px;
  margin-right: 4px;
  display: flex;
}

.project-social-item:hover {
  opacity: 1;
}

.project-social-link {
  color: #111111b3;
  margin-left: 3px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 14px;
}

.project-portfolio-image-wrapper {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.project-content-block {
  width: 50%;
}

.project-content-block.right-block {
  padding-left: 80px;
  padding-right: 110px;
}

.project-quote-right-block {
  background-color: var(--black-2);
  flex-direction: column;
  align-items: flex-end;
  width: 50%;
  padding: 200px 140px 150px 100px;
  display: flex;
}

.project-quote-left-block {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.project-previous-block, .project-next-block {
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: 100%;
  display: flex;
}

.title-exhibitions {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.exhibition-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  width: 100%;
  display: grid;
}

.exhibition-list-item {
  transition: all .3s;
  position: relative;
  overflow: hidden;
}

.exhibition-list-item:hover {
  box-shadow: 0 0 35px #00000017;
}

.exhibition-list-image {
  object-fit: cover;
  height: 340px;
}

.exhibition-list-content-wrapper {
  background-color: var(--white);
  padding: 20px;
  position: absolute;
  bottom: -120px;
  left: 0%;
  right: 0%;
}

.exhibition-item-overlay {
  z-index: 0;
  background-color: #1111114d;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.project-portfolio-image {
  object-fit: cover;
  min-width: 100%;
  max-height: 500px;
}

.exhibition-item-link:hover {
  opacity: 1;
}

.exhibition-list-wrapper {
  margin-bottom: -60px;
}

.changelog-banner {
  background-image: linear-gradient(#00000080, #00000080);
  margin-top: 87px;
}

.changelog-banner.section {
  filter: grayscale();
  background-image: linear-gradient(#00000080, #00000080), url('../images/blog-reverside-house.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  min-height: 440px;
  display: flex;
}

.portfolio-image-wrapper {
  transition-property: all;
  overflow: hidden;
}

.portfolio-image-wrapper:hover {
  opacity: 1;
  transform: scale(.9);
}

.portfolio-content-wrapper {
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding-left: 60px;
  padding-right: 80px;
  display: flex;
}

.collection-list-wrapper-portfolio {
  width: 100%;
}

.collection-item-portfolio {
  align-items: center;
  margin-bottom: 130px;
  display: flex;
}

.collection-item-portfolio:nth-child(2n) {
  flex-direction: row-reverse;
  justify-content: space-between;
  margin-left: -60px;
}

.collection-item-portfolio:last-child {
  margin-bottom: 0;
}

.portfolio-image {
  object-fit: cover;
  min-width: 100%;
  min-height: 440px;
}

.project-pagination-wrapper {
  border-top-width: 1px;
  border-top-color: #1113;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1140px;
  height: 125px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.project-pagination-center {
  border-left: 1px solid #1113;
  border-right: 1px solid #1113;
  justify-content: center;
  align-items: center;
  width: 33.33%;
  height: 100%;
  display: flex;
}

.left-arrow-pagination {
  margin-right: 10px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 14px;
  transform: rotate(0);
}

.project-pagination-container {
  border-top: 1px solid #1113;
}

.project-previous-button {
  display: flex;
}

.project-previous-button:hover {
  opacity: 1;
}

.project-next-button {
  display: flex;
}

.project-next-button:hover {
  opacity: 1;
}

.right-arrow-pagination {
  margin-left: 10px;
  font-family: "Fa solid 900", sans-serif;
  font-size: 14px;
}

.gallery-item-paragraph {
  color: var(--white);
  letter-spacing: 4.6px;
  font-size: 15px;
}

.collection-list-project-gallery {
  height: 100%;
}

.licensing-title-wrapper {
  border-bottom: 1px #5e5e5e80;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.licensing-paragraph {
  padding-top: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  line-height: 1.5;
}

.licensing-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  border-bottom: 1px solid #5e5e5e80;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100%;
  padding-bottom: 60px;
}

.licensing-image-link {
  width: 100%;
  height: 100%;
}

.licensing-image-link:hover {
  opacity: 1;
}

.license-link {
  color: var(--black-2);
  letter-spacing: normal;
  margin-top: 10px;
  margin-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.license-link.last-child {
  margin-right: 0;
}

.licensing-images-block {
  width: 100%;
  margin-top: 40px;
}

.licensing-title {
  border-bottom: 1px solid #5e5e5e80;
  width: 100%;
  padding-bottom: 20px;
}

.exhibition-list-item-title {
  margin-bottom: 5px;
}

.product-image-wrapper {
  width: 50%;
  padding-left: 15px;
  padding-right: 15px;
}

.product-wrapper {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 50px;
  display: flex;
}

.product-item-wrapper {
  padding-top: 90px;
  padding-bottom: 90px;
}

.product-description {
  flex-direction: column;
  width: 46%;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.product-price {
  font-family: Open Sans, sans-serif;
  font-size: 1.7em;
  font-weight: 600;
}

.quantity {
  background-color: #0000;
  border-style: none none solid;
  border-color: #000;
  border-radius: 0;
  width: 100%;
  margin-bottom: 35px;
  padding-left: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
}

.quantity:focus {
  border-style: solid;
  border-width: 0 0 1px;
  border-color: var(--black-2);
}

.add-to-cart-button {
  background-color: var(--black-2);
  text-align: center;
  letter-spacing: 4px;
  border: 1px solid #000;
  border-radius: 0;
  justify-content: center;
  width: 100%;
  font-size: 17px;
  line-height: 1.2;
  transition: all .3s;
}

.add-to-cart-button:hover {
  color: var(--black-2);
  background-color: #0000;
  border: 1px solid #000;
}

.product-details {
  border: 1px solid #000;
  width: 100%;
  padding: 50px 50px 40px;
}

.featured-products-section {
  padding-bottom: 90px;
}

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

.featured-product-wrapper {
  background-color: var(--white);
  flex-direction: column;
  align-items: center;
  display: flex;
}

.featured-product-category {
  text-align: center;
  letter-spacing: 2px;
  font-size: 14px;
}

.featured-product-price {
  text-align: center;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.2;
}

.add-to-cart-featured-product {
  background-color: var(--black-2);
  letter-spacing: 4px;
  border: 1px solid #000;
  padding: 12px 18px;
  transition: all .3s;
}

.add-to-cart-featured-product:hover {
  color: var(--black-2);
  background-color: #0000;
}

.featured-product-image-wrapper {
  width: 100%;
  min-width: 100%;
}

.featured-product-image-wrapper:hover {
  opacity: 1;
}

.shop-banner {
  padding-top: 70px;
  padding-bottom: 90px;
}

.shop-products-section {
  margin-bottom: 90px;
}

.cart-button {
  color: var(--black-2);
  background-color: #0000;
  border-radius: 0;
}

.cart-button.navigation-menu {
  padding-left: 20px;
}

.cart-quantity {
  color: var(--black-2);
  background-color: #0000;
  margin-left: 0;
  font-family: Open Sans, sans-serif;
}

.cart-quantity.navigation-menu {
  min-width: auto;
  padding-right: 0;
}

.cart-quantity.white-text {
  color: var(--white);
}

.checkout-title {
  letter-spacing: 2px;
  font-size: 17px;
  font-weight: 400;
}

.checkout-price {
  letter-spacing: .5px;
  font-size: 17px;
}

.checkout-button {
  color: var(--black-2);
  background-color: #0000;
  border: 1px solid #000;
  transition: all .3s;
}

.checkout-button:hover {
  background-color: var(--black-2);
  opacity: 1;
  color: var(--white);
}

.cart-title {
  letter-spacing: 3px;
  font-size: 17px;
  font-weight: 400;
}

.cart-price {
  margin-top: 5px;
  margin-bottom: 5px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.cart-price.bold {
  font-weight: 600;
}

.cart-remove-button {
  letter-spacing: 1px;
  font-size: 16px;
}

.cart-continue-button {
  color: var(--black-2);
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 0;
  transition: all .3s;
}

.cart-continue-button:hover {
  background-color: var(--black-2);
  opacity: 1;
  color: var(--white);
}

.licensing-image {
  object-fit: cover;
  width: 100%;
  height: 320px;
}

.licensing-image.big-image {
  height: 100%;
}

.display-flex-horizontal-2 {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-width: 100%;
  display: flex;
}

.checkout-form {
  background-color: #0000;
  margin-bottom: -20px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.order-summary-sticky {
  top: 120px;
}

.paypal-checkout-form, .order-confirmation {
  background-color: #0000;
  margin-bottom: -20px;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.landing-page-banner {
  background-image: url('../images/landing-page-banner.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: -87px;
  padding-top: 87px;
  display: flex;
}

.landing-page-heading {
  max-width: 650px;
  color: var(--white);
  text-align: center;
  margin-top: 50px;
  margin-bottom: 45px;
}

.landing-home-pages-section {
  background-image: url('../images/landing-page-bg.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 130px;
}

.landing-count-of-home-pages {
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  width: 160px;
  height: 160px;
  padding: 0;
  display: flex;
}

.landing-section-title-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 640px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.landing-section-title {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 60px;
}

.landing-home-pages-grid {
  grid-column-gap: 50px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.landing-home-image {
  margin-bottom: 50px;
  transition: all .4s;
}

.landing-home-image:hover {
  transform: scale(1.1);
}

.landing-home-image-link:hover {
  opacity: 1;
}

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

.landing-prefooter-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  display: flex;
}

.landing-dark-logo {
  margin-bottom: 60px;
}

.landing-inner-pages-wrapper {
  margin-right: -60px;
  display: flex;
}

.landing-inner-pages-item {
  flex-direction: column;
  width: 33.33%;
  margin-bottom: -60px;
  display: flex;
}

.landing-inner-pages-item.first-child, .landing-inner-pages-item.last-child {
  padding-top: 50px;
}

.landing-inner-pages-container {
  max-width: 1720px;
  padding-left: 80px;
  padding-right: 80px;
}

.landing-inner-page-link {
  flex-direction: column;
  align-items: center;
  margin-bottom: 70px;
  margin-right: 60px;
  display: flex;
}

.landing-inner-page-link:hover {
  opacity: 1;
}

.featured-product-content {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-bottom: 30px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.product-image {
  object-fit: cover;
  height: 100%;
}

.shop-product-image {
  object-fit: cover;
  width: 100%;
  height: 260px;
}

.collection-list-wrapper-shop, .collection-item {
  width: 100%;
}

.features-blocks-content-wrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.licensing-icon-link {
  margin-bottom: 20px;
}

.width-half {
  width: 50%;
  padding: 10px;
}

.licensing-font-title {
  color: #5e5e5e80;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 400;
}

.icon-style-guide {
  margin-right: 10px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 18px;
}

.icon-style-guide.large {
  font-size: 26px;
  line-height: 40px;
}

.icon-style-guide.large.dribble-icon {
  font-family: "Fa solid 900", sans-serif;
}

.licensing-icon-link-wrapper {
  margin-bottom: 15px;
  margin-right: 15px;
}

.margin-bottom-medium {
  margin-bottom: 35px;
}

.landing-inner-page {
  margin-bottom: 50px;
  transition: all .4s;
  box-shadow: 0 0 20px #00000012;
}

.landing-inner-page:hover {
  transform: scale(1.1);
}

.choose-us-slide {
  width: 33.33%;
}

.base-container-clients {
  flex-direction: column;
  align-items: center;
  max-width: 1200px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.product-title {
  margin-bottom: 20px;
  font-size: 45px;
}

.buy-now-fixed {
  z-index: 1000;
  color: #131c21;
  letter-spacing: .3px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  padding: 6px 8px 6px 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: fixed;
  inset: auto 12px 12px auto;
  box-shadow: 0 1px 3px #0000001a;
}

.buy-now-fixed:hover {
  opacity: 1;
  color: #000;
}

.buy-now-webflow-icon {
  margin-right: 8px;
}

.view-our-templates {
  z-index: 1000;
  color: #131c21;
  letter-spacing: .3px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  border-radius: 3px;
  justify-content: flex-start;
  align-items: center;
  width: 147px;
  padding: 6px 8px 6px 6px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 14px;
  display: flex;
  position: fixed;
  inset: auto 12px 48px auto;
  box-shadow: 0 1px 3px #0000001a;
}

.view-our-templates:hover {
  opacity: 1;
  color: #000;
}

.hire-popup {
  z-index: 1000;
  color: #fff;
  background-color: #1c276d;
  border-radius: 4px;
  width: 100%;
  max-width: 296px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.2em;
  position: fixed;
  inset: auto auto 5px 5px;
}

.hire-popup-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  padding: 15px;
  display: flex;
  position: relative;
}

.contact-us {
  max-width: 93%;
  font-size: 12px;
}

.hire-link {
  color: #fff;
  letter-spacing: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: underline;
}

.hire-buttons-wrap {
  grid-column-gap: 20px;
  display: flex;
}

.hire-buttons {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 5px 15px;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2em;
}

.hire-popup-close {
  cursor: pointer;
  padding: 10px 20px;
  position: absolute;
  top: -7px;
  right: -14px;
}

.close-popup-image-2 {
  width: 12px;
  height: 12px;
}

.heading-6 {
  color: #fffffffa;
  letter-spacing: 1px;
  flex: 0 auto;
  font-family: Bebas Neue, sans-serif;
  font-size: 450px;
}

.text-block {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  color: var(--white);
  letter-spacing: normal;
  text-indent: 5px;
  text-transform: uppercase;
  border-radius: 0;
  font-size: 30px;
}

.heading-7 {
  background-color: var(--black);
  color: var(--white);
  text-align: center;
  padding-top: 29px;
  padding-bottom: 29px;
  font-size: 30px;
}

.paragraph-2 {
  font-size: 35px;
}

.paragraph-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  display: flex;
}

.heading-8, .heading-9 {
  font-size: 46px;
}

.paragraph-4 {
  font-size: 15px;
}

.heading-10 {
  margin-bottom: -34px;
  padding-bottom: 0;
  font-size: 36px;
}

.paragraph-5 {
  color: #111111d1;
  font-size: 15px;
}

.paragraph-6 {
  color: #111111ab;
}

.column {
  border: 1px solid #000;
  margin-top: 48px;
  margin-bottom: -122px;
}

.text-block-2 {
  margin-top: 161px;
  margin-bottom: -135px;
  padding-bottom: 55px;
}

.heading-11 {
  letter-spacing: 4px;
  margin-top: 114px;
  margin-bottom: -25px;
  font-size: 32px;
}

.paragraph-7 {
  color: #737373;
  text-transform: capitalize;
  font-size: 15px;
}

.columns {
  margin-top: 174px;
}

.columns-2 {
  margin-top: 57px;
  margin-bottom: 10px;
  padding-bottom: 0;
}

.heading-12 {
  margin-top: 200px;
  font-size: 46px;
}

.columns-3 {
  margin-top: -88px;
}

.paragraph-8 {
  border: 5px solid var(--black);
  text-align: center;
  letter-spacing: normal;
  text-indent: 1px;
  text-transform: none;
  direction: ltr;
  border-radius: 0;
  padding-bottom: 11px;
  padding-left: 14px;
  font-size: 20px;
  font-style: normal;
}

.paragraph-9 {
  border: 4px solid var(--black);
  color: #111111ed;
  text-align: center;
  -webkit-text-stroke-color: var(--black-2);
  background-color: #00000008;
  border-radius: 12px;
  padding-top: 6px;
  padding-bottom: 11px;
  padding-left: 14px;
  font-size: 20px;
}

.paragraph-10 {
  border: 2px solid var(--black);
  text-align: center;
  white-space: normal;
  border-radius: 3px;
  padding-left: 14px;
  font-size: 20px;
}

.paragraph-11 {
  border: 4px solid var(--black);
  text-align: center;
  border-radius: 9px;
  padding-top: 7px;
  padding-bottom: 14px;
  padding-left: 14px;
  font-size: 20px;
}

.paragraph-12 {
  margin-bottom: 13px;
  padding-top: 85px;
  padding-bottom: 0;
}

.nav-link {
  text-decoration: none;
}

.page-wrapper {
  overflow: hidden;
}

.hero-heading-left {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-2 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

@media screen and (min-width: 1280px) {
  .slide-nav {
    display: none;
  }

  .left-arrow {
    inset: 0 auto 0 90px;
  }

  .right-arrow {
    border-left-style: none;
    top: 0;
    bottom: 0;
    right: 100px;
  }

  .navbar {
    background-color: #fff;
    border-right: 1px solid #000;
  }

  .base-container {
    border-width: 1px;
    border-color: #000;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
  }

  .section.services-what-we-do {
    position: relative;
  }

  .clients-quote-section {
    max-width: 1040px;
  }

  .about-us-quote-wrapper {
    max-width: 1300px;
  }

  .services-features-wrapper {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media screen and (min-width: 1440px) {
  a {
    color: var(--black-2);
    letter-spacing: 4.4px;
    font-size: 17px;
    text-decoration: none;
    transition: opacity .3s;
  }

  a:hover {
    opacity: .8;
  }

  .left-arrow {
    inset: auto 150px 30px auto;
  }

  .right-arrow {
    border-left-style: solid;
    top: auto;
    bottom: 30px;
    right: 100px;
  }

  .features-block-container {
    top: -70px;
  }

  .testimonials-slider-item {
    padding: 0 0 0 30px;
  }

  .we-bring-features-blocks {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }

  .feature-block-content {
    width: 100%;
    padding: 0;
    display: flex;
  }

  .feature-block-content-image {
    border-right: 1px solid #fff;
    justify-content: center;
    align-items: center;
    width: 38%;
    display: flex;
    position: relative;
  }

  .feature-block-content-container {
    width: 62%;
    padding: 40px 0 40px 20px;
  }

  .white-image, .black-image {
    object-fit: contain;
    width: 65%;
    max-width: 100%;
    height: 90%;
    margin: auto;
    position: absolute;
    inset: auto;
  }

  .we-bring-feature-block-container {
    width: 50%;
  }

  .heading-3 {
    color: #fff;
    font-family: Bebas Neue, sans-serif;
    font-weight: 400;
  }

  .style-guide-banner {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    min-height: 540px;
  }

  .section-title {
    padding-bottom: 10px;
    font-size: 48px;
    line-height: 40px;
  }

  .content-table-top-row-item.content-table-row-item-resolution {
    font-size: 24px;
  }

  .content-title {
    color: #727272;
    font-size: 25px;
  }

  .item-content-font-family {
    font-family: Bebas Neue, sans-serif;
  }

  .style-guide-paragraphs {
    width: 100%;
  }

  .simple-navigation-menu-container {
    padding-left: 110px;
    padding-right: 110px;
  }

  .clients-wrapper {
    display: flex;
  }

  .about-us-quote-wrapper {
    max-width: 1300px;
  }

  .choose-us-wrapper {
    align-items: center;
  }

  .parallax-content-right-block {
    width: 45%;
  }

  .parallax-content-line {
    top: 17%;
  }

  .display-flex-horizontal-2 {
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1920px) {
  .we-bring-feature-block-container {
    width: 25%;
  }

  .slider-choose-us {
    max-width: none;
  }

  .parallax-content-right-block, .portfolio-image-wrapper {
    width: 50%;
  }

  .portfolio-image {
    object-fit: cover;
    min-width: 100%;
    min-height: 100%;
  }

  .product-wrapper {
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 60px;
  }

  h2 {
    font-size: 40px;
  }

  h3 {
    font-size: 32px;
  }

  .sbi-top-banner {
    padding-left: 0;
  }

  .left-arrow {
    left: 20px;
  }

  .right-arrow {
    right: 20px;
  }

  .navbar {
    border-right-style: none;
    height: 100vh;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
  }

  .container {
    border-right: 1px solid #000;
    flex-direction: column-reverse;
    display: flex;
  }

  .features-block-container {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -10px;
    top: -70px;
  }

  .features-blocks-item {
    width: 46%;
    margin-bottom: 20px;
  }

  .link-with-line {
    margin-left: 0;
  }

  .testimonials-slider {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .features-blocks-item-content {
    padding-top: 0%;
  }

  .features-blocks-image-container {
    position: static;
  }

  .features-blocks-number {
    line-height: 80px;
    display: none;
  }

  .container-for-border {
    padding-left: 0;
    padding-right: 0;
  }

  .title-container {
    margin-bottom: 40px;
  }

  .large-h2-heading {
    text-align: center;
    margin-top: 25px;
  }

  .slide-container {
    flex-direction: column;
  }

  .slide-container.slider-reverse {
    flex-direction: column-reverse;
  }

  .slide-image-wrapper {
    width: 80%;
    max-width: 512px;
  }

  .slide-info-container {
    border-top-style: none;
    border-left-style: solid;
    width: 70%;
    max-width: 448px;
    min-height: 300px;
    padding: 80px 40px 30px;
  }

  .slide-info-container.reverse-slide-info {
    border-top-style: solid;
    border-bottom-style: none;
    border-right-style: solid;
    padding: 30px 40px 80px;
  }

  .slide-info-description {
    margin-bottom: 20px;
  }

  .slider {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .slider.k-home_slider-2 {
    padding: 10px 0 0;
  }

  .slide-nav-2 {
    position: absolute;
    inset: 65% 0% auto;
    transform: rotate(0);
  }

  .slide-nav-2.reverse-slide-nav {
    inset: auto 0% 65%;
  }

  .latest-project-second-slider {
    margin-top: 80px;
  }

  .we-bring-container {
    padding: 80px 10px 50px;
  }

  .we-bring-title {
    margin-bottom: 30px;
  }

  .we-bring-features-blocks {
    flex-wrap: wrap;
    margin-bottom: 0;
  }

  .we-bring-feature-block {
    width: 100%;
    margin-bottom: 0;
    display: flex;
  }

  .feature-block-content {
    width: 100%;
    padding: 0;
    display: flex;
  }

  .feature-block-content-image {
    border-right: 1px solid #fff;
    justify-content: center;
    align-items: center;
    width: 35%;
    display: flex;
    position: relative;
  }

  .feature-block-content-container {
    width: 65%;
    padding: 40px 20px;
  }

  .white-image, .black-image {
    width: 80%;
    max-width: 100%;
    position: absolute;
    inset: auto;
  }

  .associated-features-bloks {
    justify-content: flex-start;
    padding-bottom: 30px;
  }

  .associated-feature-blok-container {
    width: 50%;
    margin-bottom: 30px;
  }

  .feature-galery-container {
    grid-template-columns: 1fr 1fr;
  }

  .what-new-post-gallery {
    grid-template-columns: 1fr;
  }

  .flex-horizontal.cpt-gallery-container {
    display: block;
  }

  .post-category {
    padding-left: 8px;
    padding-right: 5px;
  }

  .post-name-heading {
    font-size: 26px;
  }

  .post-title-date-author {
    display: flex;
  }

  .post-date-author {
    flex-wrap: wrap;
    padding-left: 20px;
    display: flex;
  }

  .post-date {
    color: #fff;
    letter-spacing: .52px;
    padding-top: 5px;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
  }

  .post-author-name {
    color: #fff;
    letter-spacing: .52px;
    padding-top: 5px;
    padding-left: 0;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    line-height: 1;
  }

  .vertical-line {
    color: #fff;
    letter-spacing: .52px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Open Sans, sans-serif;
    font-size: 13px;
    line-height: 1;
  }

  .awards-progress-list-item {
    width: 100%;
  }

  .awards-item-years.home-with-video {
    width: auto;
    padding-left: 0;
    padding-right: 15px;
  }

  .item-hover-element {
    display: none;
  }

  .kunst-footer {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-container {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-right: 40px;
  }

  .footer-list {
    flex: 1;
    width: 31%;
    margin-bottom: 30px;
    margin-right: 20px;
  }

  .footer-list.footer-link-first-child {
    width: 31%;
  }

  .footer-contacts-container {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 20px;
  }

  .footer-link-text {
    letter-spacing: normal;
    font-size: 14px;
  }

  .subscribe-form {
    max-width: 380px;
  }

  .centered-container {
    max-width: 100%;
  }

  .footer-container-content {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .top-banner-container {
    border-left-style: none;
    border-right-style: none;
  }

  .top-banner-container.top-banner-vertical {
    padding-left: 15px;
    padding-right: 15px;
  }

  .purpose-info-blocks {
    margin-top: 40px;
  }

  .info-block-item {
    padding-right: 30px;
  }

  .features-blocks-container {
    border-left-style: none;
    border-right-style: none;
  }

  .simple-navigation-menu-button {
    padding: 13px 0;
  }

  .simple-navigation-menu-button.w--open {
    background-color: var(--white);
  }

  .brand-container {
    flex-direction: row-reverse;
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .nav-menu-2 {
    background-color: #fff;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 320px;
    height: 100%;
    position: fixed;
  }

  .nav-menu-2.home-with-video {
    background-color: var(--black-2);
  }

  .primary-menu-tablet {
    border-bottom: 1px #0000001a;
    height: auto;
    min-height: 55px;
    margin-left: 40px;
  }

  .primary-menu-tablet.tablet-menu-title {
    margin-left: 0;
    display: flex;
  }

  .primary-menu-tablet.tablet-menu-title.home-with-video, .primary-menu-tablet.home-with-video {
    border-bottom-color: #ffffff1a;
  }

  .primary-menu-tablet.navigation-menu {
    margin-left: 0;
  }

  .primary-menu-dropdown {
    width: 100%;
    min-height: 55px;
    padding: 0;
  }

  .dropdown-list {
    background-color: #0000;
    width: 100%;
    display: block;
    position: static;
    overflow: hidden;
  }

  .dropdown-list.w--open {
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    transition: height .3s;
    position: static;
  }

  .dropdown {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    display: flex;
    position: static;
  }

  .form-contact-section {
    padding-bottom: 60px;
    padding-left: 15px;
  }

  .form-contact-form {
    padding-left: 15px;
  }

  .form-contact-form.section-space-top {
    margin-top: 80px;
  }

  .paragraph.services-details-special-paragraph {
    margin-top: 30px;
    display: block;
  }

  .paragraph.home-with-video {
    margin-left: 10px;
  }

  .paragraph.landing-prefooter-section {
    margin-top: 10px;
  }

  .menu-dropdown-link {
    margin-left: 0;
    padding-left: 30px;
    transition: padding .3s;
  }

  .menu-dropdown-link.home-with-video:hover {
    padding-left: 40px;
  }

  .latest-project-adition {
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
    padding-bottom: 10px;
  }

  .we-bring-feature-block-container {
    width: 50%;
  }

  .dropdown-link-container {
    border-top: 1px solid #0000001a;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .grid-system-content-top, .grid-system-content-bottom {
    flex-direction: column;
  }

  .base-container.left-align-desktop {
    align-items: center;
  }

  .grid-system-container {
    display: flex;
  }

  .style-guide-title {
    margin-bottom: 50px;
  }

  .content-table-bottom-row-item.last-item.content-table-row-item-resolution {
    border-right-style: solid;
  }

  .content-table-bottom-row-item.content-table-row-item-title {
    border-top: 1px solid #0000001a;
    border-bottom: 1px solid #0000001a;
  }

  .content-table-bottom-row-item.content-table-row-item-resolution {
    border-bottom: 1px solid #0000001a;
    width: 190px;
  }

  .content-table-top-row-item.content-table-row-item-resolution {
    height: 65px;
  }

  .content-table-top-row-item.content-table-row-item-title {
    text-align: center;
    width: 160px;
    height: 66px;
  }

  .style-guide-spacing {
    flex-wrap: wrap;
  }

  .spacing-image-container {
    width: 250px;
    margin-top: 40px;
  }

  .spacing-image-container.last-item {
    margin-top: 40px;
  }

  .spacing-system {
    width: 47%;
    margin-bottom: 40px;
  }

  .typography-content {
    width: 45%;
  }

  .typography-content.last-item {
    width: 40%;
  }

  .style-guide-typography-heading {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .button-with-border-container.margin-right-30-style-guide {
    margin-left: 0;
  }

  .bottom-spacing-40.align-center {
    text-align: center;
  }

  .white-text.qoute-author {
    margin-top: 40px;
  }

  .white-text.text-center-tablet {
    text-align: center;
  }

  .text-center.margin-bottom-20 {
    white-space: break-spaces;
  }

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

  .section.borders {
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .section.borders.leadership-team-background {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
    padding-bottom: 0;
  }

  .section.right-bottom-borders {
    border-bottom-style: none;
    border-right-style: none;
  }

  .section.right-bottom-borders.without-spacing-tablet {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.background-letter-k {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .section.right-left-borders {
    border-left-style: none;
    border-right-style: none;
  }

  .section.right-left-borders.top-border {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    padding-top: 0;
  }

  .section.services-what-we-do {
    min-height: 520px;
  }

  .section.services-details-second-block {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    padding-top: 0;
  }

  .section.portfolio-page-section {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .right-bottom-borders {
    border-bottom-style: none;
    border-right-style: none;
  }

  .body-for-primary-nav-menu {
    padding-left: 80px;
  }

  .left-border {
    display: none;
  }

  .logo-image-mobile {
    margin-top: -18px;
    display: block;
  }

  .logo-image-mobile.home-with-video {
    filter: invert();
  }

  .icon-3 {
    color: var(--black);
    display: none;
  }

  .simple-navigation-menu {
    background-color: var(--white);
  }

  .simple-navigation-menu-container {
    justify-content: space-between;
    height: 100%;
  }

  .section-with-background {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-with-background.borders {
    border-bottom-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .section-with-background.clients-section-borders {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .section-with-background.right-left-borders {
    border-left-style: none;
    border-right-style: none;
  }

  .section-with-background.right-left-borders.top-border {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .section-spacing {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .counter-container {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 25px;
    display: flex;
  }

  .counters-wrapper {
    margin-bottom: 40px;
    margin-right: 30px;
  }

  .counters {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .special-section {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    padding-top: 80px;
  }

  .clients-grid {
    grid-template-rows: auto auto auto;
  }

  .simple-navigation-menu-title {
    letter-spacing: 3.4px;
    margin-left: 20px;
    font-size: 20px;
  }

  .simple-navigation-menu-title.home-with-video {
    color: var(--white);
  }

  .logo-image-desctop {
    display: none;
  }

  .margin-top-30.text-center-tablet {
    text-align: center;
  }

  .grid-leadership-team {
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }

  .process-image-block {
    width: 40%;
  }

  .process-image-block.left-block {
    margin-left: 0;
  }

  .process-image-block.right-block {
    margin-right: 0;
  }

  .process-content.right-block {
    padding-bottom: 0;
    padding-left: 30px;
  }

  .process-content.left-block {
    padding-bottom: 0;
    padding-right: 30px;
  }

  .process-item-title {
    font-size: 45px;
  }

  .process-step-wrapper {
    margin-right: 30px;
    padding: 20px 30px;
  }

  .footer-for-primary-nav {
    padding-right: 0;
  }

  .choose-us-image-wrapper {
    justify-content: center;
    width: 100%;
    padding-right: 0;
    display: flex;
  }

  .choose-us-content-wrapper {
    text-align: center;
    width: 100%;
    margin-top: 40px;
    padding-left: 0;
  }

  .choose-us-wrapper {
    flex-wrap: wrap;
  }

  .advantages-wrapper {
    flex-wrap: wrap;
    margin-top: -30px;
  }

  .advantages-item {
    width: 50%;
    margin-top: 30px;
  }

  .choose-us-mask {
    overflow: visible;
  }

  .choose-us-slider-content {
    min-height: auto;
  }

  .home-2-category-wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }

  .services-portfolio-wrapper {
    align-items: flex-start;
  }

  .services-portfolio-image {
    padding-right: 0;
  }

  .services-portfolio-content, .services-portfolio-content.left-content {
    padding-bottom: 0;
  }

  .display-flex-horizontal.wrap-tablet {
    flex-wrap: wrap;
  }

  .left-arrow-slider-testimonials, .right-arrow-slider-testimonials {
    bottom: 20px;
  }

  .hidden-tablet {
    display: none;
  }

  .section-services-with-backgrond {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .section-services-with-backgrond.right-left-borders {
    border-left-style: none;
    border-right-style: none;
  }

  .services-special-hidden-block {
    margin-top: 40px;
    display: flex;
  }

  .features-block-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: -20px;
    inset: 400px 0% auto;
  }

  .section-space-top {
    margin-top: 80px;
  }

  .services-special-section-heading {
    min-width: auto;
  }

  .pricing-banner {
    height: 80vh;
    padding-bottom: 200px;
  }

  .services-special-block-image-wrapper {
    max-width: 15%;
  }

  .pricing-item-wrapper, .pricing-wrapper {
    margin-left: 0;
  }

  .pricing-content {
    padding: 30px 30px 40px;
  }

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

  .questions-accordion-wrapper {
    flex-wrap: wrap;
  }

  .questions-accordion-left {
    width: 100%;
  }

  .align-center-tablet {
    text-align: center;
  }

  .services-details-wrapper {
    flex-wrap: wrap;
  }

  .home-video-services-wrapper {
    flex-wrap: wrap-reverse;
  }

  .home-video-sevices-left-block {
    width: 100%;
    margin-top: 55px;
  }

  .home-with-video-services-right-block {
    width: 100%;
    padding-left: 0;
  }

  .home-with-video-heading {
    font-size: 45px;
  }

  .awwards-item-title-link {
    padding-left: 10px;
  }

  .contact-form-social-wrapper {
    flex-wrap: wrap;
  }

  .contact-form-social-link.margin-right-30 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .contact-form-2-input {
    width: 100%;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
  }

  .contact-form-2-input.email-input {
    width: 100%;
    margin-left: 0;
  }

  .contact-form-2-textarea {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-home-with-video {
    position: relative;
  }

  .parallax-banner-title.white-text {
    font-size: 110px;
  }

  .parallax-content-right-block {
    width: 80%;
  }

  .parallax-title-margin-bottom {
    margin-bottom: 40px;
  }

  .parallax-content-left-block {
    width: 20%;
  }

  .parallax-content-wrapper.flex-reverse {
    width: 79%;
  }

  .parallax-content-line {
    top: 17%;
  }

  .parallax-content-line.work-done {
    top: 22%;
    left: 90%;
  }

  .parallax-banner-2 {
    justify-content: flex-end;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .parallax-banner-3, .parallax-banner-4 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .parallax-banner-6 {
    justify-content: flex-end;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .navbar-transparent {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-wrapper {
    margin-top: 20px;
    margin-bottom: 80px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .featured-blog-wrapper {
    margin-bottom: 80px;
  }

  .featured-blog-image {
    display: none;
  }

  .featured-blog-left-content {
    justify-content: flex-start;
    width: 100%;
  }

  .featured-blog-right-content {
    width: 100%;
  }

  .display-flex-vertical.left-aligment {
    align-items: center;
  }

  .footer-rights-wrapper {
    margin-top: 40px;
  }

  .blog-wrapper {
    flex-wrap: wrap;
    margin-right: 0;
  }

  .blog-post-item {
    width: 46%;
  }

  .blog-collection-list {
    column-count: 2;
    margin-left: -15px;
    margin-right: -15px;
  }

  .collection-list-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-link-image {
    min-width: 100%;
    display: block;
  }

  .project-template-banner {
    min-height: 500px;
  }

  .project-content-wrapper {
    flex-wrap: wrap;
  }

  .project-content-left-block {
    width: 65%;
  }

  .project-content-right-block {
    width: 35%;
    padding-left: 45px;
  }

  .project-social-item {
    width: 40px;
    height: 40px;
  }

  .project-content-block {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .project-content-block.right-block {
    margin-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .project-quote-right-block {
    padding: 80px 60px 60px;
  }

  .exhibition-list {
    grid-template-columns: 1fr 1fr;
  }

  .project-portfolio-image {
    max-height: 320px;
  }

  .exhibition-list-wrapper {
    margin-bottom: -80px;
  }

  .portfolio-image-wrapper {
    width: 50%;
  }

  .portfolio-content-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }

  .collection-item-portfolio {
    margin-bottom: 80px;
    margin-left: 0;
  }

  .collection-item-portfolio:nth-child(2n) {
    margin-left: -15px;
  }

  .text-center-tablet {
    text-align: center;
  }

  .product-item-wrapper {
    padding-top: 15px;
    padding-bottom: 60px;
  }

  .product-description {
    width: 50%;
  }

  .featured-products-section {
    padding-bottom: 60px;
  }

  .collection-list-grid {
    grid-row-gap: 30px;
    grid-template-columns: 1fr 1fr;
  }

  .shop-banner {
    padding-top: 50px;
    padding-bottom: 70px;
  }

  .shop-products-section {
    margin-bottom: 70px;
  }

  .cart-button {
    padding-right: 0;
  }

  .landing-home-pages-section {
    padding-top: 80px;
  }

  .landing-count-of-home-pages {
    width: 140px;
    height: 140px;
  }

  .landing-home-pages-grid {
    grid-column-gap: 30px;
  }

  .landing-home-image {
    margin-bottom: 30px;
  }

  .landing-dark-logo {
    margin-bottom: 50px;
  }

  .choose-us-slide {
    width: 50%;
  }

  .container-2 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 50px;
  }

  h2 {
    font-size: 30px;
  }

  h3 {
    font-size: 28px;
  }

  h6 {
    font-size: 16px;
  }

  .sbi-top-banner {
    padding-left: 0;
  }

  .top-banner-slider.full-height {
    padding-top: 55px;
  }

  .slider-item-wrapper.home-2-slide-1 {
    flex-direction: column;
  }

  .left-arrow, .right-arrow {
    display: none;
  }

  .navbar {
    width: 100%;
    height: 55px;
    box-shadow: 0 0 8px 0 var(--black-50);
    border-bottom: 1px #000;
  }

  .container {
    border-right-style: none;
    flex-direction: row-reverse;
    height: 55px;
    margin-left: 0;
    margin-right: auto;
    inset: auto 0;
  }

  .container.nav-menu-mobile {
    z-index: 10;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-right: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .features-block-container {
    margin-bottom: -60px;
    top: -70px;
  }

  .features-blocks-item {
    width: 54%;
    margin-bottom: 30px;
  }

  .testimonials-slider {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .testimonials-slider-item {
    padding-left: 20px;
    padding-right: 10px;
  }

  .testimonials-item-author-info {
    flex-direction: column;
    align-items: flex-start;
  }

  .testimonials-item-author-name {
    margin-bottom: 10px;
  }

  .testimonials-item-author-position {
    padding-left: 0;
  }

  .features-blocks-image-container {
    inset: 0% 0% auto;
  }

  .features-blocks-number {
    line-height: 80px;
    display: block;
    top: 0;
  }

  .nav-menu {
    background-color: #0000;
    width: 100%;
    max-width: 320px;
    margin-top: 50px;
    padding-left: 0;
    position: fixed;
  }

  .menu-button {
    z-index: auto;
    background-color: #0000;
    justify-content: center;
    align-items: center;
    height: 50px;
    display: flex;
    position: static;
  }

  .menu-button.w--open {
    background-color: #0000;
    height: 50px;
    left: 0;
  }

  .link-block {
    padding: 20px;
    display: none;
  }

  .menu-socials-links {
    padding-right: 0;
    left: 0%;
  }

  .menu-logo-text {
    flex: 1;
    justify-content: center;
    position: static;
    transform: rotate(0);
  }

  .logo-text {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 30px;
  }

  .container-for-border {
    padding-bottom: 0;
    padding-left: 0;
  }

  .container-for-border.top-spacing-for-navigation {
    margin-top: 55px;
  }

  .title-container {
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .title-container.home-video-title-wrapper {
    align-items: center;
  }

  .large-h2-heading {
    font-size: 35px;
  }

  .slide-info-container {
    width: 75%;
    padding-left: 20px;
    padding-right: 20px;
  }

  .slide-image {
    height: 300px;
  }

  .slide-nav-2 {
    padding-top: 0;
    top: 55%;
  }

  .slide-nav-2.reverse-slide-nav {
    bottom: 55%;
  }

  .latest-project-second-slider {
    margin-top: 40px;
  }

  .we-bring-container {
    padding: 60px 15px 40px;
  }

  .we-bring-title {
    margin-bottom: 15px;
  }

  .we-bring-feature-block {
    width: 100%;
  }

  .feature-block-content-image {
    width: 30%;
  }

  .white-image, .black-image {
    width: 60%;
  }

  .associated-features-bloks {
    justify-content: center;
    margin-top: 40px;
    padding-bottom: 20px;
  }

  .associated-feature-blok-container {
    width: 100%;
    max-width: 450px;
  }

  .team-item-name {
    font-size: 28px;
  }

  .feature-galery-container {
    grid-template-columns: 1fr;
  }

  .post-title-date-author {
    flex-direction: column;
  }

  .post-date-author {
    padding-top: 20px;
  }

  .awards-progress-list {
    margin-top: 0;
    margin-bottom: -10px;
  }

  .awards-progress-list-item {
    width: 100%;
    margin-bottom: 10px;
  }

  .kunst-footer {
    padding-left: 0;
  }

  .footer-container {
    padding: 40px 15px;
  }

  .footer-list {
    flex: none;
    width: 100%;
    margin-bottom: 30px;
    padding-right: 10px;
  }

  .footer-list.footer-list-last-child {
    flex: none;
  }

  .footer-list.footer-link-first-child {
    flex: none;
    width: 100%;
  }

  .subscribe-form {
    padding: 0 0 30px;
  }

  .footer-container-content {
    flex-wrap: wrap;
  }

  .about-us-banner {
    padding-top: 55px;
  }

  .purpose-info-blocks {
    flex-flow: column wrap;
    margin-top: 20px;
  }

  .info-block-item {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
    padding-right: 0;
    display: flex;
  }

  .info-block-text {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .features-blocks-container {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .simple-navigation-menu-button {
    transition: all .3s;
  }

  .simple-navigation-menu-button:active {
    filter: invert(0%);
  }

  .nav-menu-2 {
    bottom: auto;
  }

  .primary-menu-tablet.navigation-menu {
    border-bottom-style: solid;
    min-height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
  }

  .form-contact-section {
    padding-bottom: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-contact-form {
    padding-left: 0;
    padding-right: 0;
  }

  .form-contact-form.section-space-top {
    align-items: center;
    margin-top: 50px;
  }

  .paragraph.services-portfolio-paragraph {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .paragraph.services-details-special-paragraph {
    margin-top: 0;
    margin-bottom: 60px;
  }

  .paragraph.margin-bottom-20.text-center-mobile-landscape, .paragraph.text-center-mobile-landscape {
    text-align: center;
  }

  .paragraph.landing-prefooter-section {
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .form-buttons {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }

  .buttons-checkbox-wrapper {
    flex-direction: row;
    justify-content: space-between;
    display: flex;
  }

  .radio-buttons-container {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
  }

  .dropdown-list-2 {
    margin-left: -20px;
    padding: 0;
    position: static;
  }

  .dropdown-list-2.w--open {
    box-shadow: none;
    padding: 0;
    position: static;
  }

  .dropdown-toggle {
    margin-left: -20px;
    margin-right: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    display: flex;
  }

  .dropdown-toggle.w--open {
    width: 100%;
  }

  .dropdown-2 {
    flex-direction: column;
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .menu-dropdown-link {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 50px;
    padding-left: 40px;
    display: flex;
  }

  .menu-dropdown-link:hover {
    padding-left: 40px;
  }

  .menu-dropdown-link.home-with-video:hover {
    padding-left: 80px;
  }

  .menu-dropdown-link.navigation-menu {
    padding-left: 60px;
  }

  .latest-project-adition {
    margin-top: 40px;
  }

  .we-bring-feature-block-container {
    width: 100%;
  }

  .dropdown-link-container {
    border-top: 1px solid #0000001a;
    padding-top: 0;
    padding-bottom: 0;
  }

  .style-guide-banner {
    padding-top: 55px;
  }

  .base-container.home-video-title-wrapper {
    align-items: center;
  }

  .section-title {
    margin-top: 0;
  }

  .style-guide-spacing {
    flex-wrap: wrap;
  }

  .spacing-image-container, .spacing-image-container.last-item, .spacing-description {
    margin-top: 20px;
  }

  .spacing-system {
    width: 100%;
  }

  .style-guide-palette {
    flex-wrap: wrap;
  }

  .style-guide-paragraphs {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .typography-content {
    width: 100%;
    margin-top: 30px;
  }

  .style-guide-typography-heading {
    flex-direction: column;
    margin-top: -30px;
    margin-bottom: 40px;
  }

  .headings-container {
    margin-top: 10px;
  }

  .dark-button.large-button.margin-30-style-guide {
    margin-bottom: 30px;
  }

  .buttons-wrapper {
    margin-top: 0;
    margin-right: 0;
  }

  .button-with-border-container {
    margin-left: 0;
    margin-right: 0;
  }

  .button-with-border-container.margin-left-0 {
    margin-left: 0;
  }

  .button-with-border-container.margin-right-30-style-guide, .white-button.large-button.margin-right-30-style-guide {
    margin-bottom: 30px;
  }

  .simple-buttons, .buttons-with-border {
    flex-wrap: wrap;
  }

  .nav-menu-content {
    border-right-style: none;
    width: 320px;
    padding: 0;
    box-shadow: 1px 0 50px #0000001a;
  }

  .menu-burger-lines-container {
    display: none;
  }

  .menu-link-container {
    border-bottom: 1px solid #0000001a;
    align-items: center;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    display: flex;
    overflow: hidden;
  }

  .primary-menu-wrapper {
    width: 100%;
    height: 55px;
    position: relative;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .section.right-left-borders.top-border {
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
  }

  .section.pricing-section {
    margin-top: -110px;
  }

  .section.portfolio-page-section {
    margin-top: 55px;
  }

  .features-galery-image, .features-galery-image.big-image-item {
    min-height: auto;
  }

  .body-for-primary-nav-menu {
    padding-top: 50px;
    padding-left: 0;
  }

  .simple-navigation-menu {
    height: 55px;
  }

  .section-with-background {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .banner-slide {
    align-items: flex-start;
    margin-bottom: 40px;
  }

  .banner-slider-left-arrow {
    margin-right: 25px;
    right: 50%;
  }

  .banner-slider-right-arrow {
    margin-right: -25px;
    right: 50%;
  }

  .section-spacing {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .counter-container {
    align-items: center;
    width: 100%;
    height: 100%;
  }

  .counter-container.counter-right-border {
    border-right: 1px solid #000;
  }

  .counters-wrapper {
    width: 100%;
  }

  .counters-with-info {
    flex-direction: column;
  }

  .counter-info {
    align-items: center;
    width: 100%;
  }

  .counters {
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .special-section {
    border-top-style: none;
    padding-top: 50px;
  }

  .clients-banner {
    padding-top: 55px;
  }

  .clients-banner-title {
    font-size: 45px;
  }

  .clients-grid {
    grid-template-rows: auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .banner-title {
    padding-left: 15px;
    padding-right: 15px;
  }

  .leadership-bottom-text {
    font-size: 15px;
  }

  .grid-leadership-team {
    grid-template-columns: 1fr;
  }

  .process-banner {
    padding-top: 55px;
    padding-left: 0;
    padding-right: 0;
  }

  .process-item-wrapper {
    flex-wrap: wrap-reverse;
    justify-content: center;
  }

  .process-image-block.left-block, .process-image-block.right-block {
    width: auto;
    margin-top: 35px;
  }

  .process-content.right-block {
    width: 100%;
    padding-left: 0;
  }

  .process-content.left-block {
    width: 100%;
  }

  .process-content-title-wrapper {
    margin-bottom: 30px;
  }

  .process-item-title {
    font-size: 35px;
  }

  .process-step-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }

  .heading-5 {
    letter-spacing: 3.2px;
  }

  .leadership-banner {
    padding-top: 55px;
  }

  .choose-us-content-wrapper {
    margin-top: 30px;
  }

  .slider-choose-us {
    min-height: 680px;
  }

  .choose-us-mask {
    width: 100%;
  }

  .choose-us-slider-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .choose-us-slider-paragraph {
    height: 96px;
  }

  .get-quote-wrapper {
    flex-wrap: wrap;
  }

  .home-2-category-list {
    flex-wrap: wrap;
    margin-left: 0;
    margin-right: 0;
  }

  .home-2-category-wrapper {
    margin-bottom: 15px;
    margin-left: 0;
    margin-right: 0;
  }

  .services-portfolio-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .services-portfolio-wrapper.children-reverse {
    flex-wrap: wrap-reverse;
    margin-bottom: -40px;
  }

  .services-portfolio-image {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .services-portfolio-content {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-left: 0;
    display: flex;
  }

  .services-portfolio-content.left-content {
    padding-right: 0;
  }

  .display-flex-horizontal.wrap-mobile-landscape {
    flex-wrap: wrap;
  }

  .left-arrow-slider-testimonials, .right-arrow-slider-testimonials {
    bottom: 10px;
  }

  .section-services-with-backgrond {
    padding-bottom: 0;
  }

  .services-special-hidden-block {
    flex-direction: column;
    align-items: center;
    margin-bottom: -30px;
  }

  .services-special-block-content {
    flex-direction: column;
    align-items: center;
    margin-bottom: 30px;
    margin-right: 0;
    padding-right: 0;
    display: flex;
  }

  .features-block-wrapper {
    margin-bottom: -30px;
  }

  .features-block-image {
    max-height: 240px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .burger-menu-icon {
    width: 24px;
    margin-top: 15px;
    display: block;
  }

  .section-space-top {
    margin-top: 50px;
  }

  .pricing-banner {
    height: 66vh;
    margin-top: 55px;
    padding-bottom: 30px;
  }

  .pricing-item-wrapper {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0;
  }

  .pricing-wrapper {
    flex-wrap: wrap;
    margin-bottom: -40px;
    margin-right: 0;
  }

  .pricing-button {
    margin-top: 20px;
  }

  .services-details-banner {
    min-height: 440px;
    padding-top: 55px;
  }

  .services-details-wrapper {
    margin-bottom: 0;
  }

  .services-details-content {
    width: 100%;
    margin-top: 30px;
    padding-left: 0;
  }

  .home-with-video-banner {
    margin-top: -55px;
    padding-top: 55px;
  }

  .home-with-video-services-right-block {
    align-items: center;
  }

  .home-with-video-heading {
    font-size: 35px;
  }

  .home-with-video-heading.margin-bottom-20 {
    text-align: center;
  }

  .home-with-video-services-item {
    align-items: center;
    width: 100%;
    padding: 20px;
  }

  .contact-form-wrapper {
    flex-wrap: wrap;
  }

  .contact-form-left-block {
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }

  .contact-form-2-style {
    width: 100%;
  }

  .navbar-home-with-video {
    height: 55px;
  }

  .parallax-banner-title.white-text {
    font-size: 50px;
  }

  .parallax-content-right-block {
    width: 90%;
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .parallax-content-left-block {
    width: 10%;
  }

  .parallax-content-wrapper, .parallax-content-wrapper.flex-reverse {
    width: 90%;
  }

  .parallax-content-line {
    top: 22%;
  }

  .parallax-banner-1 {
    padding-left: 0;
  }

  .parallax-banner-2, .parallax-banner-3, .parallax-banner-4, .parallax-banner-6 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .navbar-transparent {
    height: 55px;
    padding-left: 0;
    padding-right: 0;
  }

  .blog-post-wrapper {
    margin-bottom: 50px;
  }

  .featured-blog-wrapper {
    flex-wrap: wrap;
    margin-bottom: 60px;
  }

  .featured-blog-left {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
  }

  .featured-blog-right {
    width: 100%;
  }

  .featured-blog-left-content {
    align-items: flex-start;
  }

  .featured-blog-right-content {
    align-items: flex-end;
  }

  .footer-copyright.margin-top-10 {
    margin-top: 10px;
  }

  .footer-rights-wrapper {
    flex-wrap: wrap;
    margin-top: 20px;
  }

  .blog-banner {
    padding-top: 50px;
    padding-bottom: 80px;
  }

  .blog-wrapper {
    margin-right: 0;
  }

  .blog-post-item {
    width: 100%;
    height: auto;
    position: static;
  }

  .blog-collection-list {
    column-count: 1;
  }

  .collection-list-wrapper {
    width: 100%;
    margin-right: 0;
  }

  .blog-post-content {
    position: static;
  }

  .blog-post-link-image {
    min-height: auto;
    max-height: 400px;
  }

  .blog-post-item-wrapper {
    height: auto;
  }

  .project-content-left-block {
    align-items: center;
    width: 100%;
  }

  .project-content-right-block {
    width: 100%;
    margin-top: 50px;
    padding-left: 0;
  }

  .project-right-block-item {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .project-portfolio-image-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }

  .collection-list-project-portfolio {
    margin-bottom: -30px;
  }

  .project-content-block.right-block {
    text-align: center;
    margin-top: 30px;
  }

  .project-quote-right-block {
    width: 100%;
    padding: 50px 15px 40px;
  }

  .project-quote-left-block {
    width: 100%;
  }

  .exhibition-list {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr;
  }

  .exhibition-list-item {
    background-image: none;
  }

  .exhibition-list-image {
    height: 260px;
  }

  .text-center-mobile-landscape {
    text-align: center;
  }

  .exhibition-list-wrapper {
    margin-bottom: -60px;
  }

  .changelog-banner.section {
    margin-top: 55px;
  }

  .portfolio-image-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }

  .portfolio-content-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .collection-item-portfolio {
    flex-wrap: wrap;
    margin-bottom: 60px;
  }

  .collection-item-portfolio:nth-child(2n) {
    margin-left: 0;
  }

  .project-pagination-wrapper {
    height: 86px;
    padding-left: 15px;
  }

  .licensing-grid {
    grid-template-columns: 1fr 1fr;
    padding-bottom: 40px;
  }

  .product-image-wrapper {
    width: 100%;
    margin-bottom: 30px;
    padding-left: 0;
    padding-right: 0;
  }

  .product-wrapper {
    flex-wrap: wrap;
  }

  .product-description {
    width: 100%;
  }

  .product-details {
    padding: 30px 30px 20px;
  }

  .collection-list-grid {
    grid-template-columns: 1fr;
  }

  .shop-banner {
    padding-bottom: 70px;
  }

  .shop-products-section {
    margin-bottom: 50px;
  }

  .display-flex-horizontal-2.wrap-mobile-landscape {
    flex-wrap: wrap;
  }

  .landing-page-banner {
    margin-top: -55px;
    padding-top: 55px;
  }

  .landing-page-heading {
    font-size: 24px;
  }

  .landing-home-pages-section {
    padding-top: 60px;
  }

  .landing-count-of-home-pages {
    width: 100px;
    height: 100px;
  }

  .landing-section-title-wrapper {
    margin-bottom: 0;
  }

  .landing-home-pages-grid {
    grid-template-columns: 1fr;
  }

  .landing-home-image {
    margin-bottom: 35px;
  }

  .landing-banner-image {
    max-width: 70%;
  }

  .landing-dark-logo {
    max-width: 80%;
  }

  .landing-inner-pages-wrapper {
    flex-wrap: wrap;
    margin-right: 0;
  }

  .landing-inner-pages-item {
    width: 100%;
    margin-bottom: 0;
  }

  .landing-inner-pages-item.first-child {
    width: 100%;
    padding-top: 35px;
  }

  .landing-inner-pages-item.last-child {
    margin-bottom: -60px;
    padding-top: 0;
  }

  .landing-inner-pages-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .landing-inner-page-link {
    margin-bottom: 60px;
    margin-right: 0;
  }

  .width-half {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .licensing-font-title {
    margin-bottom: 10px;
  }

  .choose-us-slide {
    width: 100%;
  }

  .product-title {
    text-align: center;
  }

  .hire-popup {
    max-width: 300px;
  }

  .hire-buttons-wrap {
    grid-row-gap: 20px;
    flex-flow: column wrap;
    align-items: stretch;
  }

  .hero-heading-left {
    padding: 60px 15px;
  }
}

@media screen and (max-width: 479px) {
  .sbi-top-banner {
    padding-left: 0;
  }

  .slider-item-container {
    height: 650px;
    padding-top: 200px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .image.bottom-spacing-40 {
    object-fit: fill;
    border-radius: 0;
    flex: 0 auto;
    margin-top: -94px;
  }

  .slider-item-wrapper.slide-background-second {
    background-position: 50%;
    background-size: cover;
    background-attachment: scroll;
  }

  .slider-item-wrapper.home-2-slide-1, .slider-item-wrapper.home-2-slide-2 {
    flex-direction: column;
  }

  .navbar {
    bottom: auto;
    right: 0;
  }

  .container {
    flex-direction: row-reverse;
  }

  .container.nav-menu-mobile {
    padding-left: 15px;
    padding-right: 15px;
  }

  .features-block-container {
    margin-bottom: -40px;
  }

  .features-blocks-item {
    width: 100%;
  }

  .link-with-line.primary-button-container {
    justify-content: flex-end;
    display: flex;
  }

  .testimonials-slider {
    padding-bottom: 70px;
  }

  .testimonials-item-author-info {
    margin-bottom: -144px;
    padding-bottom: 0;
  }

  .nav-menu {
    width: 100%;
    max-width: 260px;
  }

  .menu-socials-links {
    left: 0;
    right: 0;
  }

  .container-for-border {
    padding-bottom: 0;
  }

  .title-container {
    padding-left: 0;
    padding-right: 0;
  }

  .latest-project-first-slider {
    padding-left: 15px;
    padding-right: 15px;
  }

  .slide-container.slider-reverse {
    justify-content: flex-start;
  }

  .slide-image-wrapper, .slide-info-container {
    width: 100%;
  }

  .slide-info-container.reverse-slide-info {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .slide-info-description.space-right-20.text-center-mobile-landscape {
    margin-top: 86px;
  }

  .slide-nav-2 {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    top: 49%;
  }

  .slide-nav-2.reverse-slide-nav {
    inset: auto 0% 55%;
  }

  .latest-project-second-slider {
    margin-top: 40px;
    margin-bottom: -60px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .we-bring-container {
    padding-bottom: 50px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .associated-features-bloks {
    margin-top: 1px;
    padding-top: 0;
  }

  .associated-feature-blok-container {
    align-items: center;
    width: 100%;
  }

  .team-item-position {
    text-align: center;
  }

  .awards-item-years {
    text-align: right;
    justify-content: flex-start;
  }

  .footer-container {
    padding-top: 40px;
    padding-bottom: 20px;
  }

  .footer-contacts-container {
    margin-bottom: 20px;
  }

  .subscribe-form {
    margin-top: 0;
    padding: 30px 0;
  }

  .centered-container {
    text-align: left;
  }

  .subscribe-form-input-wrapper {
    flex: 1;
    align-self: stretch;
  }

  .subscribe-form-input {
    width: 100%;
  }

  .info-block-item {
    padding-left: 0;
  }

  .info-block-text {
    padding-left: 9px;
    padding-right: 20px;
  }

  .nav-menu-2 {
    max-width: 260px;
  }

  .primary-menu-tablet {
    margin-left: 20px;
  }

  .form-contact-section {
    flex-direction: column;
    padding-bottom: 20px;
  }

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

  .contact-section-studio {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: 30px;
    display: flex;
  }

  .contact-section-office {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .contact-section-socials {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .contact-section-info {
    align-items: center;
  }

  .paragraph.landing-prefooter-section {
    margin-bottom: 30px;
  }

  .form-buttons {
    flex-direction: column;
    align-items: flex-end;
    margin-top: 10px;
  }

  .buttons-checkbox-wrapper {
    flex-direction: column;
    width: 100%;
    margin-bottom: 30px;
  }

  .radio-buttons-container {
    place-content: space-around center;
    align-items: center;
  }

  .grid-system-content-top, .grid-system-content-bottom {
    flex-direction: column;
  }

  .grid-system-container {
    justify-content: center;
    display: flex;
  }

  .style-guide-title {
    margin-bottom: 30px;
  }

  .content-table-bottom-row-item.content-table-row-item-title {
    text-align: center;
    border-bottom: 1px solid #0000001a;
    border-right-style: solid;
    width: 130px;
    height: 80px;
  }

  .content-table-bottom-row-item.content-table-row-item-resolution {
    border-bottom: 1px solid #0000001a;
    border-right-style: solid;
    width: 130px;
  }

  .content-table-top-row-item.last-item.content-table-row-item-resolution {
    border-bottom-style: none;
  }

  .content-table-top-row-item.content-table-row-item-resolution {
    width: 130px;
  }

  .content-table-top-row-item.content-table-row-item-title {
    width: 130px;
    height: 80px;
  }

  .item-content-font-family.link-typography {
    margin-bottom: 20px;
  }

  .typography-content.last-item {
    width: 100%;
  }

  .buttons-container {
    flex-wrap: wrap;
  }

  .dark-button.large-button.margin-30-style-guide {
    margin-right: 0;
  }

  .button-with-border.large-button {
    padding-left: 60px;
    padding-right: 60px;
  }

  .button-with-border-container.margin-left-0 {
    margin-left: 0;
  }

  .button-with-border-container.margin-right-30-style-guide, .white-button.large-button.margin-right-30-style-guide {
    margin-right: 0;
  }

  .simple-buttons {
    flex-wrap: wrap;
  }

  .nav-menu-content {
    width: 240px;
  }

  .text-center {
    font-size: 28px;
  }

  .section.borders {
    margin-top: 7px;
    padding-top: 105px;
  }

  .section.right-bottom-borders {
    margin-bottom: 32px;
  }

  .banner-slider-left-arrow, .banner-slider-right-arrow {
    right: 40%;
  }

  .counter-container {
    padding: 25px 5px;
  }

  .contact-form-input {
    width: 100%;
  }

  .banner-title {
    padding-left: 0;
    padding-right: 0;
  }

  .leadership-bottom-text {
    margin-bottom: 30px;
  }

  .grid-leadership-team {
    grid-template-rows: auto;
  }

  .process-content-title-wrapper {
    flex-wrap: wrap;
  }

  .process-step-wrapper {
    margin-bottom: 15px;
  }

  .advantages-item {
    text-align: center;
    width: 100%;
  }

  .choose-us-slider-item {
    width: 100%;
  }

  .display-flex-horizontal.full-width.wrap-mobile {
    flex-wrap: wrap;
    justify-content: center;
  }

  .features-block-wrapper {
    margin-top: 10px;
  }

  .text-center-mobile {
    text-align: center;
  }

  .contact-form-social-wrapper {
    justify-content: center;
  }

  .contact-form-social-link:hover {
    margin-right: 0;
  }

  .contact-form-social-link.margin-right-30 {
    margin-right: 24px;
  }

  .parallax-content-right-block {
    width: 90%;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .parallax-title-margin-bottom {
    margin-bottom: 20px;
  }

  .parallax-content-left-block {
    width: 20%;
  }

  .parallax-content-wrapper {
    justify-content: flex-end;
    width: 100%;
  }

  .parallax-content-wrapper.flex-reverse {
    width: 100%;
  }

  .navbar-transparent {
    height: 55px;
  }

  .dash-icon.white-borders {
    display: none;
  }

  .footer-copyright {
    justify-content: center;
    width: 100%;
    display: flex;
  }

  .footer-rights {
    margin-bottom: 10px;
  }

  .footer-rights-wrapper {
    flex-wrap: wrap;
    margin-top: 0;
  }

  .collection-list-wrapper {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .project-previous-block {
    padding-right: 15px;
  }

  .project-next-block {
    padding-left: 15px;
  }

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

  .exhibition-list-image {
    height: 320px;
  }

  .changelog-banner.section {
    min-height: 380px;
  }

  .project-pagination-wrapper {
    padding-right: 15px;
  }

  .licensing-grid {
    grid-template-columns: 1fr;
  }

  .product-wrapper {
    margin-bottom: 40px;
  }

  .product-item-wrapper {
    padding-bottom: 40px;
  }

  .cart-button {
    padding-left: 0;
  }

  .cart-quantity, .cart-quantity.white-text {
    padding-right: 0;
  }

  .landing-page-heading {
    font-size: 20px;
  }

  .heading-11 {
    margin-top: 111px;
    font-size: 46px;
  }

  .heading-12 {
    margin-top: 73px;
  }

  .image-3 {
    margin-top: 1px;
  }

  .paragraph-8 {
    margin-right: -36px;
    padding-right: 9px;
  }

  .paragraph-9 {
    margin-left: -8px;
    margin-right: -5px;
    padding-bottom: 14px;
    padding-left: 3px;
    padding-right: 8px;
  }

  .paragraph-10 {
    margin-right: -39px;
    padding-top: 4px;
    padding-right: 9px;
  }

  .paragraph-11 {
    margin-left: -11px;
    margin-right: -61px;
    padding-right: 3px;
  }

  .paragraph-12 {
    margin-top: -100px;
    font-size: 16px;
  }

  .paragraph-13 {
    margin-bottom: -9px;
    padding-bottom: 0;
  }

  .container-2 {
    max-width: none;
  }
}

#w-node-_698e34e5-3ae9-f9b1-bd0c-d3252da03bc2-814f77c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-_344a9e57-bbb2-9295-b546-4ac63cf6eb1e-814f77c0, #w-node-_424f5eae-869f-8b07-2890-5f3ff28a6ae6-814f77c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-a76701f1-4f53-fde0-6046-a017c3ab2f11-814f77c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: center;
}

#w-node-b48da305-e8c9-fbe4-c3c5-cae7cae4facc-814f77cf {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_5c47e26f-902a-206a-d2f9-5aea2d379884-814f77cf, #w-node-_69c65c5a-39f5-a30f-cda0-c5b8c44c0fc6-814f77cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-be5e9f34-3a8b-d47f-bc8e-7ad6b8428cfb-814f77cf {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_73a01bdc-eb8f-7f28-ecbc-2c6d1a8150b1-814f77cf, #w-node-b4e5c833-eb30-b7ea-1f60-8bd8eafd3a4d-814f77cf, #w-node-d4982159-0e9a-569d-2107-1673c7cc64c2-814f77cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4982159-0e9a-569d-2107-1673c7cc64e1-814f77cf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d4982159-0e9a-569d-2107-1673c7cc64e3-814f77cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d4982159-0e9a-569d-2107-1673c7cc64ce-814f77cf {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d4982159-0e9a-569d-2107-1673c7cc64d0-814f77cf, #w-node-d4982159-0e9a-569d-2107-1673c7cc64f6-814f77cf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed46fa33-3293-acb8-a7f8-26f777839d6d-814f77d0 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-ed46fa33-3293-acb8-a7f8-26f777839d7a-814f77d0, #w-node-ed46fa33-3293-acb8-a7f8-26f777839d87-814f77d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ed46fa33-3293-acb8-a7f8-26f777839d94-814f77d0 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-ed46fa33-3293-acb8-a7f8-26f777839da1-814f77d0, #w-node-ed46fa33-3293-acb8-a7f8-26f777839dae-814f77d0, #w-node-_74e19a7f-6d5f-98ee-8273-98854e1499ce-814f77d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_297ae1c5-0cac-d6b2-674c-99c83f7dc153-814f77d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_297ae1c5-0cac-d6b2-674c-99c83f7dc155-814f77d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_555b1f43-a4f0-07be-def2-fb690b0e751c-814f77d0 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_555b1f43-a4f0-07be-def2-fb690b0e751e-814f77d0, #w-node-_5048046c-84d2-d055-0a3f-c989b51c3862-814f77d0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ad57ee8-1041-c120-ce75-8f2d9aba6471-814f77d1 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_2ad57ee8-1041-c120-ce75-8f2d9aba647e-814f77d1, #w-node-_2ad57ee8-1041-c120-ce75-8f2d9aba648b-814f77d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_2ad57ee8-1041-c120-ce75-8f2d9aba6498-814f77d1 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_2ad57ee8-1041-c120-ce75-8f2d9aba64a5-814f77d1, #w-node-_2ad57ee8-1041-c120-ce75-8f2d9aba64b2-814f77d1, #w-node-_6398c3fe-da8c-3a77-a5e0-42a4b00f2e64-814f77d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6398c3fe-da8c-3a77-a5e0-42a4b00f2e83-814f77d1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6398c3fe-da8c-3a77-a5e0-42a4b00f2e85-814f77d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6398c3fe-da8c-3a77-a5e0-42a4b00f2e70-814f77d1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_6398c3fe-da8c-3a77-a5e0-42a4b00f2e72-814f77d1, #w-node-_6398c3fe-da8c-3a77-a5e0-42a4b00f2e98-814f77d1, #w-node-_0ba0aa88-f84d-43aa-1f21-c661b8de01bc-814f77d3, #w-node-_14eb9ae1-43b2-24ee-265f-953cd23eef91-814f77d4, #w-node-_93c4c00d-111e-b833-115e-c8010d1a9179-814f77d4, #w-node-_3c36cf86-d387-7cff-2b62-3d152c9cf6eb-814f77d4, #w-node-_2c2ad7eb-310d-a6f5-9e99-12afad681868-814f77d4, #w-node-b852ebdf-814d-faba-5273-f5537b00b7b3-814f77d4, #w-node-c1c0dd3d-577e-17b8-d67f-c21c1e297abf-814f77d4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_157c9f2f-fab4-800e-a0a7-3e7089bacc5a-814f77d4, #w-node-_684d9a14-6d65-b50b-b856-4aa6ef65f3fc-814f77d4, #w-node-b4ff4fe0-e1a1-121c-f17a-000d78452406-814f77d4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_735ebfc2-6036-d3a2-07ba-1f5494f3851d-814f77d4, #w-node-ace6fdeb-a1f0-2ccf-7b02-079b02cb4d63-814f77d4, #w-node-_112f3296-f452-aa53-779d-ab707a43aafd-814f77d4, #w-node-af945b93-19c6-4772-b2f2-9d87a49f3ca2-814f77d4, #w-node-_9781e937-721f-aaf2-80f7-8891a2148ab4-814f77d4, #w-node-ebda543f-67b9-09da-f0f3-b9b9cbe905b6-814f77d4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7da19576-6961-f3f1-67af-1e69c349788b-814f77d4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7f8f9430-1b1d-d2f2-2ca4-547130cf13d1-814f77d4, #w-node-a7bec85c-23ce-9f28-58fa-84f2a6708ec6-814f77d4, #w-node-d53bf40d-eae0-6880-3bc5-56b2a18a5411-814f77d4, #w-node-c7c25eb1-9744-b28f-4a39-c4408c773f2b-814f77d4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70b894ae-7284-0330-43f9-6621b237600e-814f77d4, #w-node-eb75feac-840b-de1a-cd37-b7d55fa12453-814f77d4, #w-node-e0df20b7-86e5-b6f3-6f74-99d31c24182a-814f77d4, #w-node-cc206586-2694-125c-1f8d-54a8428db242-814f77d4, #w-node-_79295d99-9f01-f28c-7d5d-d776e3098072-814f77d4, #w-node-a0185758-7e97-1ae9-d750-d4fe40d53d07-814f77d4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_708aaa3d-3b21-76a1-3332-c1148c404a09-814f77d4, #w-node-_78974e39-2043-f20a-9e28-4fb32cbcae85-814f77d4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d67c6517-cedd-b799-aa5b-5005b8cc4327-814f77d4, #w-node-_0260223d-1f81-5b0f-d79e-a7d60280734b-814f77d4, #w-node-_57644db8-581d-0864-7caf-a0eda33c1ed4-814f77d4, #w-node-b283dcad-31a2-4f98-ca98-99738bea66b4-814f77d4, #w-node-_51e2999a-9c34-c38f-94a7-c0f7d8a5b52b-814f77d4, #w-node-_4448f7ba-88df-f6f3-dc1b-f9fee91e48db-814f77d4, #w-node-_5a8792e8-ce3e-022d-e8f7-ffa862a438ef-814f77d4, #w-node-_5a8792e8-ce3e-022d-e8f7-ffa862a438f1-814f77d4, #w-node-_3ac600e4-745f-f219-87f7-69b26db465bb-814f77d4, #w-node-_4ce129dc-0aad-2af2-917f-1a27f30738ed-814f77d4, #w-node-_95dcc9fb-64d6-7541-6c88-582dc0fc49a3-814f77d4, #w-node-d5c63f64-a51e-2d6d-4c87-55f5b10e9818-814f77d4, #w-node-_5ec0e69a-76f4-2d06-d143-46d0c69b4622-814f77d4, #w-node-eac901e0-1d02-815b-4d5d-d2e37f2ae2f2-814f77d4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_498d94c1-a861-d7b8-ba08-8d8a55a94ffe-814f77d4 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_8c50eeaf-091d-803f-d497-97398fc748a2-814f77d4, #w-node-b3f73be3-cfc1-976a-fc16-53bfd984d7d0-814f77d4, #w-node-_1f4b4df7-1ecf-8a91-5a4a-30e7312f7d7f-814f77d4 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_70d0498f-f4e3-390b-bef7-61e4b6ebd47a-814f77d4, #w-node-_44ce4834-0a8c-d612-defd-af9037b637b2-814f77d4 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_5e083f61-e268-9399-85ed-eb5d020ccd9d-814f77db {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_5e083f61-e268-9399-85ed-eb5d020ccdaa-814f77db, #w-node-_5e083f61-e268-9399-85ed-eb5d020ccdb7-814f77db {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5e083f61-e268-9399-85ed-eb5d020ccdc4-814f77db {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_5e083f61-e268-9399-85ed-eb5d020ccdd1-814f77db, #w-node-_5e083f61-e268-9399-85ed-eb5d020ccdde-814f77db {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-d4982159-0e9a-569d-2107-1673c7cc64c0-814f77cf, #w-node-d4982159-0e9a-569d-2107-1673c7cc64f4-814f77cf, #w-node-_74e19a7f-6d5f-98ee-8273-98854e1499cc-814f77d0, #w-node-_5048046c-84d2-d055-0a3f-c989b51c3860-814f77d0, #w-node-_6398c3fe-da8c-3a77-a5e0-42a4b00f2e62-814f77d1, #w-node-_6398c3fe-da8c-3a77-a5e0-42a4b00f2e96-814f77d1 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_14eb9ae1-43b2-24ee-265f-953cd23eef91-814f77d4, #w-node-_93c4c00d-111e-b833-115e-c8010d1a9179-814f77d4, #w-node-_3c36cf86-d387-7cff-2b62-3d152c9cf6eb-814f77d4, #w-node-_2c2ad7eb-310d-a6f5-9e99-12afad681868-814f77d4, #w-node-b852ebdf-814d-faba-5273-f5537b00b7b3-814f77d4, #w-node-c1c0dd3d-577e-17b8-d67f-c21c1e297abf-814f77d4, #w-node-_735ebfc2-6036-d3a2-07ba-1f5494f3851d-814f77d4, #w-node-ace6fdeb-a1f0-2ccf-7b02-079b02cb4d63-814f77d4, #w-node-_112f3296-f452-aa53-779d-ab707a43aafd-814f77d4, #w-node-af945b93-19c6-4772-b2f2-9d87a49f3ca2-814f77d4, #w-node-_9781e937-721f-aaf2-80f7-8891a2148ab4-814f77d4, #w-node-ebda543f-67b9-09da-f0f3-b9b9cbe905b6-814f77d4, #w-node-_7f8f9430-1b1d-d2f2-2ca4-547130cf13d1-814f77d4, #w-node-a7bec85c-23ce-9f28-58fa-84f2a6708ec6-814f77d4, #w-node-d53bf40d-eae0-6880-3bc5-56b2a18a5411-814f77d4, #w-node-c7c25eb1-9744-b28f-4a39-c4408c773f2b-814f77d4, #w-node-a0185758-7e97-1ae9-d750-d4fe40d53d07-814f77d4, #w-node-_708aaa3d-3b21-76a1-3332-c1148c404a09-814f77d4, #w-node-_78974e39-2043-f20a-9e28-4fb32cbcae85-814f77d4 {
    grid-column: span 2 / span 2;
  }

  #w-node-_498d94c1-a861-d7b8-ba08-8d8a55a94ffe-814f77d4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_8c50eeaf-091d-803f-d497-97398fc748a2-814f77d4, #w-node-b3f73be3-cfc1-976a-fc16-53bfd984d7d0-814f77d4, #w-node-_1f4b4df7-1ecf-8a91-5a4a-30e7312f7d7f-814f77d4 {
    grid-column: span 2 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-b48da305-e8c9-fbe4-c3c5-cae7cae4facc-814f77cf, #w-node-be5e9f34-3a8b-d47f-bc8e-7ad6b8428cfb-814f77cf, #w-node-ed46fa33-3293-acb8-a7f8-26f777839d6d-814f77d0, #w-node-ed46fa33-3293-acb8-a7f8-26f777839d94-814f77d0, #w-node-_2ad57ee8-1041-c120-ce75-8f2d9aba6471-814f77d1, #w-node-_2ad57ee8-1041-c120-ce75-8f2d9aba6498-814f77d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_8c50eeaf-091d-803f-d497-97398fc748a2-814f77d4, #w-node-b3f73be3-cfc1-976a-fc16-53bfd984d7d0-814f77d4, #w-node-_1f4b4df7-1ecf-8a91-5a4a-30e7312f7d7f-814f77d4 {
    grid-column: span 1 / span 1;
  }

  #w-node-_5e083f61-e268-9399-85ed-eb5d020ccd9d-814f77db, #w-node-_5e083f61-e268-9399-85ed-eb5d020ccdc4-814f77db {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_14eb9ae1-43b2-24ee-265f-953cd23eef91-814f77d4, #w-node-_93c4c00d-111e-b833-115e-c8010d1a9179-814f77d4, #w-node-_3c36cf86-d387-7cff-2b62-3d152c9cf6eb-814f77d4, #w-node-_2c2ad7eb-310d-a6f5-9e99-12afad681868-814f77d4, #w-node-b852ebdf-814d-faba-5273-f5537b00b7b3-814f77d4, #w-node-c1c0dd3d-577e-17b8-d67f-c21c1e297abf-814f77d4, #w-node-_157c9f2f-fab4-800e-a0a7-3e7089bacc5a-814f77d4, #w-node-_684d9a14-6d65-b50b-b856-4aa6ef65f3fc-814f77d4, #w-node-b4ff4fe0-e1a1-121c-f17a-000d78452406-814f77d4, #w-node-_735ebfc2-6036-d3a2-07ba-1f5494f3851d-814f77d4, #w-node-ace6fdeb-a1f0-2ccf-7b02-079b02cb4d63-814f77d4, #w-node-_112f3296-f452-aa53-779d-ab707a43aafd-814f77d4, #w-node-af945b93-19c6-4772-b2f2-9d87a49f3ca2-814f77d4, #w-node-_9781e937-721f-aaf2-80f7-8891a2148ab4-814f77d4, #w-node-ebda543f-67b9-09da-f0f3-b9b9cbe905b6-814f77d4, #w-node-_7da19576-6961-f3f1-67af-1e69c349788b-814f77d4, #w-node-_7f8f9430-1b1d-d2f2-2ca4-547130cf13d1-814f77d4, #w-node-a7bec85c-23ce-9f28-58fa-84f2a6708ec6-814f77d4, #w-node-d53bf40d-eae0-6880-3bc5-56b2a18a5411-814f77d4, #w-node-c7c25eb1-9744-b28f-4a39-c4408c773f2b-814f77d4, #w-node-_70b894ae-7284-0330-43f9-6621b237600e-814f77d4, #w-node-eb75feac-840b-de1a-cd37-b7d55fa12453-814f77d4, #w-node-e0df20b7-86e5-b6f3-6f74-99d31c24182a-814f77d4, #w-node-cc206586-2694-125c-1f8d-54a8428db242-814f77d4, #w-node-_79295d99-9f01-f28c-7d5d-d776e3098072-814f77d4, #w-node-a0185758-7e97-1ae9-d750-d4fe40d53d07-814f77d4, #w-node-_708aaa3d-3b21-76a1-3332-c1148c404a09-814f77d4, #w-node-_78974e39-2043-f20a-9e28-4fb32cbcae85-814f77d4, #w-node-d67c6517-cedd-b799-aa5b-5005b8cc4327-814f77d4, #w-node-_0260223d-1f81-5b0f-d79e-a7d60280734b-814f77d4, #w-node-_57644db8-581d-0864-7caf-a0eda33c1ed4-814f77d4, #w-node-b283dcad-31a2-4f98-ca98-99738bea66b4-814f77d4, #w-node-_51e2999a-9c34-c38f-94a7-c0f7d8a5b52b-814f77d4, #w-node-_4448f7ba-88df-f6f3-dc1b-f9fee91e48db-814f77d4, #w-node-_5a8792e8-ce3e-022d-e8f7-ffa862a438ef-814f77d4, #w-node-_5a8792e8-ce3e-022d-e8f7-ffa862a438f1-814f77d4, #w-node-_3ac600e4-745f-f219-87f7-69b26db465bb-814f77d4, #w-node-_4ce129dc-0aad-2af2-917f-1a27f30738ed-814f77d4, #w-node-_95dcc9fb-64d6-7541-6c88-582dc0fc49a3-814f77d4, #w-node-d5c63f64-a51e-2d6d-4c87-55f5b10e9818-814f77d4, #w-node-_5ec0e69a-76f4-2d06-d143-46d0c69b4622-814f77d4, #w-node-eac901e0-1d02-815b-4d5d-d2e37f2ae2f2-814f77d4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_498d94c1-a861-d7b8-ba08-8d8a55a94ffe-814f77d4 {
    grid-area: span 2 / span 2 / span 2 / span 2;
  }

  #w-node-_8c50eeaf-091d-803f-d497-97398fc748a2-814f77d4, #w-node-b3f73be3-cfc1-976a-fc16-53bfd984d7d0-814f77d4, #w-node-_1f4b4df7-1ecf-8a91-5a4a-30e7312f7d7f-814f77d4, #w-node-_70d0498f-f4e3-390b-bef7-61e4b6ebd47a-814f77d4, #w-node-_44ce4834-0a8c-d612-defd-af9037b637b2-814f77d4 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}


@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}