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

@font-face {
  font-family: "Midlandluxury 100";
  src: url('../fonts/MidlandLuxury-Thin.otf') format("opentype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Midlandluxury 900";
  src: url('../fonts/MidlandLuxury-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Midlandluxury 400";
  src: url('../fonts/MidlandLuxury-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Midlandluxury 200";
  src: url('../fonts/MidlandLuxury-ExtraLight.otf') format("opentype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

:root {
  --black: black;
  --888888: #888;
  --white: white;
}

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

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

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

.w-commerce-commercecartapplepaybutton {
  color: #fff;
  cursor: pointer;
  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-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-commercecartitemimage {
  width: 60px;
  height: 0%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

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

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

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

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

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('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-commerce-commercecartiteminfo {
  flex-direction: column;
  flex: 1;
  margin-left: 16px;
  margin-right: 16px;
  display: flex;
}

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

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

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

@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-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
    font-size: 16px;
  }

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

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

.products-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

.collection-list-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 300px;
  height: 300px;
  display: flex;
}

.proizvod-wrapper {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.text-block {
  font-family: Ubuntu, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.link-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.proizvodi-details {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

.container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-14-400 {
  color: var(--black);
  font-family: Urbanist, sans-serif;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.text-14-400.capitalized {
  text-transform: uppercase;
}

.text-14-400.capitalized.color-4a4a4a._2px-text-spacing {
  letter-spacing: 2px;
}

.text-14-600 {
  color: #000;
  font-family: Urbanist, sans-serif;
  font-weight: 600;
  line-height: 100%;
  text-decoration: none;
}

.text-14-600.inter-font {
  font-family: Inter, sans-serif;
}

.text-14-600.color--4a4a4a {
  color: #4a4a4a;
}

.text-14-600.color--4a4a4a.capitalized-text {
  text-transform: uppercase;
}

.text-14-600.color--4a4a4a.capitalized-text._1px-text-spacing {
  letter-spacing: 1px;
  transition: color .3s;
}

.text-14-600.color--4a4a4a.capitalized-text._1px-text-spacing:hover {
  color: #8a6b28;
}

.text-16-300 {
  color: #000;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  line-height: 100%;
}

.text-16-300.white-text {
  color: #fff;
}

.text-16-300.capitalized {
  text-transform: uppercase;
  font-weight: 300;
}

.text-16-300.capitalized.white-text._2px-spacing {
  letter-spacing: 2px;
}

.text-16-300._130-line-height {
  line-height: 130%;
}

.text-16-300._130-line-height._333333-color {
  color: #333;
}

.heading-86-400 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Midlandluxury 400", sans-serif;
  font-size: 86px;
  font-weight: 400;
  line-height: 175%;
}

.heading-86-400.white-heading {
  color: #fff;
  font-family: Urbanist, sans-serif;
  line-height: 100%;
  position: relative;
}

.heading-86-400.white-heading._2px-spacing {
  letter-spacing: -2px;
}

.heading-86-400.white-heading._2px-spacing.center-heading {
  text-align: center;
  max-width: 1200px;
  font-family: Urbanist, sans-serif;
  font-weight: 500;
  line-height: 100%;
}

.heading-86-400._8f6406-color {
  z-index: 5;
  color: #8f6406;
  position: relative;
}

.heading-86-400.beige-color {
  color: linen;
  letter-spacing: -2px;
  font-family: Urbanist, sans-serif;
  font-weight: 500;
  line-height: 100%;
  position: relative;
}

.text-16-400 {
  color: #333;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
}

.text-16-400.white-text {
  color: #fff;
  text-decoration: none;
}

.text-16-400._4c4c4c-color {
  color: #4c4c4c;
}

.text-16-400._8a6b28-color {
  color: #8a6b28;
  display: block;
}

.text-16-400._160-line-height {
  line-height: 160%;
}

.text-16-400._160-line-height.max-height {
  max-height: 48px;
  overflow: hidden;
}

.text-16-400._170-spacing {
  margin-bottom: 0;
  line-height: 170%;
}

.text-16-400._170-spacing._6b6b6b-color {
  color: #6b6b6b;
}

.text-16-400.capitalized-wrap._4a4a4a-color {
  color: #4a4a4a;
}

.text-16-400.capitalized-wrap._4a4a4a-color._1px-spacing {
  letter-spacing: 1px;
}

.text-20-500 {
  color: #000;
  font-family: Urbanist, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
}

.text-20-500._1px-spacing {
  letter-spacing: 1px;
}

.text-20-500._2px-spacing {
  letter-spacing: 2px;
}

.text-20-500.center-text {
  text-align: center;
}

.text-20-500._888888-color {
  color: var(--888888);
}

.text-20-500._888888-color.capitalized {
  text-transform: uppercase;
}

.text-20-500._888888-color.capitalized._1px-spacing {
  z-index: 5;
  position: relative;
}

.text-20-500.white-text {
  color: #fff;
}

.text-20-500.capitalized {
  text-transform: uppercase;
}

.text-20-500._4a4a4a-color {
  color: #4a4a4a;
}

.text-20-500._4a4a4a-color._1px-spacing {
  z-index: 5;
  position: relative;
}

.text-20-500.white-color {
  color: #fff;
  position: relative;
}

.text-20-500.white-color._1px-spacing {
  z-index: 2;
  position: relative;
}

.heading-64-400 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Midlandluxury 400", sans-serif;
  font-size: 64px;
  font-weight: 400;
  line-height: 175%;
}

.heading-64-400._1px-spacing {
  letter-spacing: -1px;
  font-family: Urbanist, sans-serif;
  font-weight: 600;
  line-height: 100%;
}

.heading-64-400.center-heading {
  text-align: center;
}

.heading-64-400.white-heading {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-weight: 600;
  line-height: 100%;
}

.fonts {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-20-300 {
  color: #000;
  font-family: Urbanist, sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 100%;
}

.text-20-300._333333-color {
  color: #333;
}

.text-20-300._333333-color._200-spacing {
  line-height: 120%;
}

.text-20-300.beige-color {
  color: linen;
  position: relative;
}

.text-24-400 {
  color: #000;
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  line-height: 100%;
}

.text-24-400.white-text {
  color: #fff;
}

.par-18-400 {
  color: #000;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  line-height: 100%;
}

.par-18-400.white-paragraph {
  color: #fff;
}

.par-18-400.white-paragraph._200--spacing, .par-18-400._200--line-height {
  line-height: 200%;
}

.par-18-400.center-paragraph {
  text-align: center;
}

.par-18-400._1px-spacing {
  letter-spacing: 1px;
}

.navbar-wrapper {
  z-index: 999;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 2.5%;
  display: flex;
  position: relative;
}

.c_search_input {
  z-index: 1;
  color: #000;
  background-color: #0000;
  border: 0 solid #000;
  border-radius: .6em;
  height: auto;
  margin-bottom: 0;
  padding: 0 0;
  font-size: 14px;
  position: relative;
}

.c_search_input:focus {
  outline-offset: 0px;
  background-color: #0000;
  outline-style: none;
}

.c_search_input::placeholder {
  color: #000;
  background-color: #0000;
  font-size: 14px;
}

.c_search_input.text-14-400.white-text, .c_search_input.text-14-400.white-text::placeholder {
  color: #fff;
}

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

.search-icon.image-hide-mobile.search-icon-desktop {
  position: static;
}

.c_search_bar {
  margin-bottom: 0;
  position: relative;
}

.search {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 150px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.c_search_component {
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.search-line {
  background-color: #000;
  width: 100px;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
}

.search-wrapper {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.c_search_button {
  display: none;
}

.c_search_results {
  border-radius: 0 0 16px 16px;
  width: 30vw;
  height: 0;
  margin-left: -12px;
  padding: 30px 12px 12px;
  position: absolute;
  inset: 10px 0% 0%;
}

.c_search_results-container {
  background-color: #fff;
  border-top: 1.5px #e6e6e6;
  border-radius: 0 0 16px 16px;
  max-height: 25em;
  transition: opacity .2s;
  overflow: auto;
}

.navbar {
  background-color: #0000;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  height: auto;
  padding-left: 0%;
  padding-right: 0%;
  display: flex;
  position: fixed;
  top: 0;
}

.logo-image {
  min-width: 120px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

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

.navbar-icons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-end;
  align-items: center;
  width: 150px;
  display: flex;
}

.cart {
  position: relative;
}

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

.cart-count {
  color: #000;
  background-color: #ed1d24;
  border-radius: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  padding: 5px;
  font-size: 7px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.location {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.page-links-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 20px 2.5%;
  display: flex;
}

.ver-line-1 {
  background-color: #e5e5e5;
  width: 1px;
  height: 18px;
}

.categories-links-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.home-landing-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.landing-slider {
  z-index: 1;
  background-color: #0000;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.background-video, .slide, .slide-1 {
  width: 100%;
  height: 100%;
}

.slide-2 {
  background-image: url('../images/home-slide-2.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.slide-3 {
  background-image: url('../images/home-slide-3.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.slider-wrapper {
  z-index: 2;
  background-image: linear-gradient(#000000b3, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.slide-nav {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
  top: auto;
  bottom: -50px;
}

.landing-content-wrapper {
  z-index: 3;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.content-gradient-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.content-1-div {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding: 16px 32px;
  display: flex;
}

.gradient-line {
  background-image: linear-gradient(270deg, #fff0, #fff 50%, #fff0);
  height: 1px;
}

.landing-buttons-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: row;
  justify-content: center;
  display: flex;
}

.button-1 {
  color: #5b493a;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 40px;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 100%;
  text-decoration: none;
  transition: background-color .35s;
  display: flex;
}

.button-1:hover {
  background-color: #ffffffbf;
}

.button-1.izdvojeno-button {
  position: absolute;
}

.button-1.capitalized {
  text-transform: uppercase;
}

.button-2 {
  color: #fff;
  border: 1px solid #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 40px;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  transition: color .35s, background-color .35s;
  display: flex;
}

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

.home-izdvojeno-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 64px 2.5%;
  display: none;
}

.heading-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-wrapper.heading-wrapper-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
}

.izdvojeno-cards-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.izdvojeno-card {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.izdvojeno-card-image {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 700px;
  display: flex;
}

.izdvojeno-card-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-24-500 {
  color: #000;
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
}

.text-24-500.capitalized {
  text-transform: uppercase;
}

.text-24-500.capitalized.white-text {
  color: #fff;
}

.text-24-500.capitalized.white-text._4px-spacing {
  letter-spacing: 4px;
}

.text-24-500._8a6b28-color {
  color: #8a6b28;
}

.izdvojeno-card-image-1.izdvojeno-card-image {
  background-image: url('../images/izdvojeno-card-1.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.izdvojeno-card-image-2.izdvojeno-card-image {
  background-image: url('../images/izdvojeno-card-2.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.izdvojeno-card-image-3.izdvojeno-card-image {
  background-image: url('../images/izdvojeno-card-2_1.webp');
  background-position: 50%;
  background-size: cover;
}

.home-nova-kol-section {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 128px 2.5%;
  display: flex;
}

.nov-kol-cards-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1300px;
  display: grid;
}

.nov-kol-card {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 550px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
}

.nov-kol-card.nov-kol-card-1 {
  background-image: url('../images/nov-col-card-1.webp');
  background-position: 50%;
  background-size: cover;
  text-decoration: none;
}

.nov-kol-card.nov-kol-card-2 {
  background-image: url('../images/Nov-kol-card-2.webp');
  background-position: 50%;
  background-size: cover;
  text-decoration: none;
}

.nov-kol-card.nov-kol-card-3 {
  background-image: url('../images/gallery-5.webp');
  background-position: 50%;
  background-size: cover;
  text-decoration: none;
}

.nov-kol-card-content {
  z-index: 2;
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

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

.nov-kol-card-gradient-overlay {
  z-index: 1;
  background-image: linear-gradient(#d9b99b00 38%, #d9b99bb3);
  position: absolute;
  inset: 0%;
}

.home-online-shop-section {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 0% 128px;
  display: flex;
}

.online-shop-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ffffff80;
  background-image: url('../images/online-shop-1.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 75vh;
  padding-top: 40px;
  padding-left: 40px;
  display: flex;
}

.online-shop-content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.online-shop-wrapper-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 60vh;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.online-shop-content-1 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 40%;
  height: 100%;
  display: flex;
}

.online-shop-1-image {
  background-image: url('../images/online-shop-1_1.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.online-shop-1-content {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.online-shop-content-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 60%;
  height: 100%;
  display: flex;
}

.online-shop-2-image {
  background-image: url('../images/online-shop-2.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.online-shop-wrapper-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  width: 100%;
  height: 60vh;
  display: flex;
}

.online-shop-3-image {
  background-image: linear-gradient(90deg, linen, #faf0e600 65%), url('../images/online-shop-3.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-left: 2.5%;
  display: flex;
}

.online-shop-4-image {
  background-image: url('../images/online-shop-1_1.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.home-novosti-section {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #faf9f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 64px 2.5%;
  display: flex;
}

.home-novosti-section.about-novosti-section {
  margin-bottom: 128px;
}

.home-novosti-collection-wrapper {
  width: 100%;
  max-width: 1300px;
}

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

.home-novosti-collection-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.button-3 {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 40px;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  transition: color .35s, border-color .35s, background-color .35s;
  display: flex;
}

.button-3:hover {
  color: #000;
  background-color: #fff;
  border: 1px solid #000;
}

.home-novost-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 450px;
  display: flex;
  position: relative;
}

.home-novost-heading-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.home-novost-heading {
  color: #000;
  height: 64px;
  font-family: Urbanist, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
}

.home-galerija-section {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 128px;
  padding-bottom: 64px;
  display: flex;
}

.galerija-slider {
  background-color: #0000;
  width: 100%;
  display: none;
}

.slide-galerija {
  background-image: url('../images/online-shop-3.webp');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin-left: 12px;
  padding-bottom: 0;
  padding-right: 0;
}

.mask-2 {
  width: 20%;
  height: 300px;
  overflow: visible;
}

.nav__logo-img {
  flex: none;
  height: 100%;
}

.nav__logo-link {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 10em;
  height: auto;
}

.nav__logo-link.w--current {
  position: relative;
}

.section {
  z-index: 4;
  width: 100%;
  position: relative;
  overflow: visible;
}

.section.is--hero {
  z-index: 4;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: auto;
  min-height: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  display: flex;
}

.section.is--nav {
  z-index: 2000;
  background-image: linear-gradient(#00000080, #0000);
  position: fixed;
  inset: 0% 0% auto;
  overflow: visible;
}

.collection-list-wrapper-2 {
  position: relative;
  left: auto;
}

.overflow {
  width: 100%;
  overflow: hidden;
}

.global {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
}

.nav__right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.is--hero-wrapper {
  z-index: -1;
  opacity: 1;
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  min-height: 650px;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0%;
  overflow: hidden;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.internal-hero-overlay {
  z-index: 0;
  background-image: linear-gradient(#00000080, #0b4c9080);
  flex: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.internal-hero-overlay.multiply-item {
  background-image: linear-gradient(#000000e6, #000000e6);
}

.slick-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
}

.container-2 {
  width: 1140px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 10em 5em;
  position: relative;
}

.container-2.is--nav {
  justify-content: space-between;
  align-items: stretch;
  height: 8em;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
}

.image-100-ix {
  z-index: -1;
  object-fit: cover;
  object-position: 50% 50%;
  align-self: flex-end;
  width: 110%;
  max-width: none;
  height: 110%;
  position: absolute;
  top: -5%;
  bottom: 0%;
  left: -5%;
}

.image-100-ix.top {
  object-position: 50% 50%;
}

.slick-image-wrapper {
  width: 100%;
  height: 100%;
  box-shadow: none;
  color: #fff;
  border-radius: 0;
  justify-content: space-between;
  align-items: stretch;
  margin: 0;
  padding-top: 60%;
  font-size: 20px;
  line-height: 28px;
  text-decoration: none;
  transition: box-shadow .4s cubic-bezier(.215, .61, .355, 1);
  display: flex;
  position: relative;
  overflow: hidden;
}

.slick-image-wrapper:hover {
  box-shadow: inset 0 0 0 1px #fff0;
}

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

.home-team-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 0;
  display: flex;
}

.team-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#faf0e600, linen), url('../images/home-team.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border: 1px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
}

.footer {
  background-color: #faf9f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 48px 2.5%;
  display: flex;
}

.footer-part-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.footer-part-1-content-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 60%;
  display: flex;
}

.footer-links-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 30%;
  display: flex;
}

.text-18-700 {
  color: #4c4c4c;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 100%;
  text-decoration: none;
}

.text-18-700.capitalized {
  text-transform: uppercase;
}

.text-18-700.black-color {
  color: #000;
}

.footer-links {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-18-400 {
  color: #4c4c4c;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
}

.text-18-400.capitalized {
  text-transform: uppercase;
}

.text-18-400.capitalized._1px-spacing {
  letter-spacing: 1px;
  line-height: 24px;
  text-decoration: none;
}

.text-18-400.capitalized._1px-spacing._8a6b28-color {
  color: #8a6b28;
}

.text-18-400._1px-spacing {
  letter-spacing: 1px;
  text-decoration: none;
}

.text-18-400._6b6b6b-color {
  color: #6b6b6b;
}

.text-18-400._6b6b6b-color._200-line-height {
  line-height: 200%;
}

.text-18-400._6b6b6b-color._200-line-height._1px-spacing.center-text {
  text-align: center;
}

.text-18-400.white-text {
  color: #fff;
}

.text-18-400.white-text._200-spacing {
  margin-bottom: 0;
  line-height: 200%;
}

.text-18-400.white-text._200-spacing.center-text {
  text-align: center;
}

.text-18-400._200-spacing {
  line-height: 200%;
}

.footer-part-1-content-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.location-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  margin-top: 32px;
  display: flex;
}

.heading-32-500 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
}

.heading-32-500._333333-color {
  color: #333;
}

.heading-32-500._333333-color.capitalize-each {
  text-transform: capitalize;
}

.heading-32-500._231f20-color {
  color: #231f20;
}

.heading-32-500.extended-height {
  height: 64px;
}

.newsletter-form-wrapper {
  width: 100%;
}

.newsletter-form {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.text-field {
  border: 1px solid #b8b8b8;
  margin-bottom: 0;
  padding: 32px 24px;
}

.text-field::placeholder {
  color: #a3a3a3;
  letter-spacing: .16px;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  line-height: 100%;
}

.text-field.textarea {
  padding-top: 32px;
  padding-bottom: 96px;
}

.newsletter-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.social-media-icons {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  align-items: center;
  display: flex;
}

.social-media-icon {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-line {
  background-color: #8a6b28;
  width: 100%;
  height: 1px;
  margin-top: 32px;
  margin-bottom: 32px;
}

.footer-part-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer-part-2-content-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.footer-part-2-content-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-landing-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 16vh;
  padding-bottom: 128px;
  display: flex;
}

.contact-heading-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #faf9f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.heading-48-500 {
  color: var(--black);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
}

.heading-48-500.against-font {
  font-family: Against, sans-serif;
}

.heading-48-500.against-font._8a6b28-color {
  color: #8a6b28;
}

.heading-48-500._333333-color {
  opacity: 1;
  color: #333;
  text-shadow: 1px 1px 1px #0000;
}

.heading-48-500.haeading-font {
  font-family: "Midlandluxury 400", sans-serif;
  font-weight: 400;
  line-height: 175%;
}

.left-arrow, .right-arrow {
  z-index: 5;
}

.icon, .icon-2 {
  z-index: 5;
  display: none;
}

.contact-section-1 {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.contact-section-1-image {
  background-image: url('../images/contact-image-1.webp');
  background-position: 50%;
  background-size: cover;
  width: 50%;
}

.contact-section-1-info {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 64px 2.5%;
  display: flex;
}

.contact-info-div {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-32-400 {
  font-family: Urbanist, sans-serif;
  font-size: 32px;
  font-weight: 400;
  line-height: 100%;
}

.heading-32-400._8a6b28-color {
  color: #8a6b28;
  margin-top: 0;
  margin-bottom: 0;
}

.heading-32-400._8a6b28-color.center-heading {
  text-align: center;
}

.contact-section-2 {
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.contact-section-2-info {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 50%;
  padding: 128px 2.5% 0;
  display: flex;
}

.contact-section-2-image {
  background-image: url('../images/contact-image-2.webp');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: auto;
}

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

.contact-form {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.form-fields-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-locations-section {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.contact-locations-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#faf0e600, linen), url('../images/contact-locations-bg.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  display: flex;
}

.about-landing-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.background-video-2 {
  background-image: linear-gradient(#0009, #0000004d 37%, #faf0e600);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.about-info-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.about-paragraph-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 80%;
  padding: 48px 2.5%;
  display: flex;
}

.line-separator {
  opacity: .87;
  background-color: #616161;
  width: 100px;
  height: 1px;
}

.about-div {
  background-color: #faf9f7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-div-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.about-video-section {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  padding-bottom: 128px;
  display: flex;
}

.video-1 {
  background-image: linear-gradient(#000000b3, #0000);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.video-2 {
  background-image: linear-gradient(#000000b3, #0000);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100%;
  display: flex;
  position: static;
  overflow: hidden;
}

.background-video-3 {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 200%;
  height: 100%;
  display: flex;
  right: 50%;
}

.background-video-4 {
  object-fit: fill;
  width: 200%;
  height: 100%;
  left: 50%;
}

._256-heading {
  z-index: 2;
  color: #0000;
  letter-spacing: -5.12px;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #edd9c4;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Against, sans-serif;
  font-size: 256px;
  font-weight: 400;
  line-height: 100%;
  position: absolute;
}

._256-heading-2 {
  color: #edd9c4;
  letter-spacing: -5.12px;
  font-family: Against, sans-serif;
  font-size: 256px;
  font-weight: 400;
  line-height: 100%;
  position: absolute;
}

.about-cards-section {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 128px;
  display: flex;
}

.about-card {
  width: 100%;
  height: 70vh;
}

.about-card.about-card-1 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-image: url('../images/about-card-1.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 120px;
  padding-left: 100px;
  display: flex;
}

.about-card.about-card-2 {
  background-image: url('../images/about-card-2.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  padding-bottom: 48px;
  padding-left: 200px;
  display: flex;
}

.about-card.about-card-3 {
  background-image: url('../images/about-card-3.webp');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 150px;
  padding-right: 100px;
  display: flex;
}

.about-card-content-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.about-card-2-content {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 50%;
  display: flex;
}

.locations-landing-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-image: linear-gradient(#0009, #0000004d 37%, #0000), url('../images/contact-locations-bg.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
}

.locations-section {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 64px 2.5%;
  display: flex;
}

.location-country-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-48-400 {
  color: #000;
  text-align: left;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Midlandluxury 400", sans-serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 175%;
}

.locations-list {
  grid-column-gap: 16px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.location-details {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.location-info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.text-24-600 {
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-weight: 600;
  line-height: 100%;
}

.text-24-600.capitalize, .capitalized-wrap {
  text-transform: uppercase;
}

.text-16-600 {
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.text-16-600._130-line-height {
  line-height: 130%;
}

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

.gallery-landing-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.background-video-5 {
  background-image: linear-gradient(#0009, #0000004d 37%, #0000);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gallery-section {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 64px 2.5%;
  display: flex;
}

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

.gallery-box-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  display: flex;
}

.vertical-boxes {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 50%;
  height: 100%;
  display: flex;
}

.vertical-large-box {
  width: 50%;
  height: 100%;
}

.image-box-1-1 {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

.div-block-4 {
  width: 100%;
  height: 50%;
}

.gallery-box-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  width: 100%;
  height: 60vh;
  max-height: 60vh;
  display: flex;
  overflow: hidden;
}

.horizontal-large-box {
  width: 100%;
  height: 50%;
  max-height: 50%;
  overflow: hidden;
}

.horizontal-boxes {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  max-height: 50%;
  display: flex;
  overflow: hidden;
}

.gallery-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

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

.gallery {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.galllery-row {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60vh;
  max-height: 60vh;
  display: flex;
  overflow: hidden;
}

.vertical-large-box-2 {
  width: 25%;
  max-width: 25%;
  height: 100%;
  overflow: visible;
}

.vertical-boxes-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 75%;
  height: 100%;
  display: flex;
}

.horizontal-boxes-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50%;
  display: flex;
}

.horizontal-large-box-2 {
  width: 66.66%;
  height: 100%;
}

.image-box-1-2 {
  width: 33.33%;
  height: 100%;
}

.news-landing-section {
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 0 0%;
  display: flex;
}

.news-main-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #faf9f7;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 60vh;
  padding: 32px 2.5%;
  display: flex;
}

.main-news {
  width: 65%;
  display: flex;
}

.news-1-wrapper, .news-1-list {
  width: 100%;
  height: 100%;
}

.news-1-item {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-right: 32px;
  display: flex;
}

.news-1-content-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  flex-direction: column;
  align-items: flex-start;
  max-width: 50%;
  padding: 32px;
  display: flex;
}

.news-1-info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.side-news {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 35%;
  height: 100%;
  display: flex;
}

.side-news-wrapper {
  width: 100%;
  height: 100%;
}

.side-news-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: stretch stretch;
  width: 100%;
  height: 100%;
  display: grid;
}

.side-news-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.side-news-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 50%;
  height: 100%;
}

.side-news-content-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  height: 100%;
  display: flex;
}

.side-news-heading-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.all-news-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 2.5% 128px;
  display: flex;
}

.all-news-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.row-1-content-wrapper {
  width: 100%;
}

.row-1-content-list {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.content-item {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #000;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

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

.content-image.content-2-image {
  height: 25vh;
}

.content-data-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.row-2-content-wrapper {
  width: 100%;
}

.row-2-content-list {
  grid-column-gap: 24px;
  grid-row-gap: 48px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.content-landing-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 128px;
  display: flex;
}

.content-heading-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 900px;
  max-width: 900px;
  display: flex;
}

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

.content-share-wrapper {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-items: center;
  display: flex;
}

.content-main-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 80%;
  height: 50vh;
}

.content-content-wrapper {
  flex-direction: column;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.content-more-images-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: stretch;
  width: 100%;
  max-width: 100%;
  display: grid;
  overflow: hidden;
}

.content-more-images-wrapper {
  width: 65%;
}

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

.navbar-wrapper-2 {
  z-index: 998;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
  position: relative;
}

.projects-landing-section {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-image: linear-gradient(#0009, #0006 37%, #0000), url('../images/projekt-glavna-slika.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 85vh;
  display: flex;
}

.heading-48-700 {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  line-height: 100%;
  position: relative;
}

.main-project-wrapper {
  width: 100%;
  height: 100vh;
}

.main-project-list {
  width: 100%;
  height: 100%;
}

.main-project {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.main-projecct-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-image: linear-gradient(#0009, #0006 37%, #0000);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.other-projects-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 64px 2.5%;
  display: flex;
}

.all-projects-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.dropdown-list {
  width: 100%;
}

.dropdown-list.w--open {
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  min-width: 100%;
  height: 40vh;
  display: flex;
  position: absolute;
  inset: auto 0;
}

.dropdown-toggle {
  padding: 0;
  position: static;
}

.dropdown-navbar {
  position: static;
}

.landing-page-heading-wrapper {
  z-index: 3;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.products-landing-section {
  background-image: linear-gradient(#0009, #0006 37%, #0000);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
}

.products-categories-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 128px;
  padding: 64px 2.5%;
  display: flex;
}

.products-categories-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 64px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 80%;
  display: grid;
}

.category-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.category-image {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 30vh;
}

.products-bg-image {
  z-index: 1;
  object-fit: cover;
  background-image: linear-gradient(#000, #fff);
  width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
}

.linear-gradient {
  z-index: 2;
  background-image: linear-gradient(#0009, #0006 38%, #0000);
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  position: absolute;
}

.products-wrapper {
  width: 100%;
  padding: 64px 2.5% 128px;
}

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

.products-list.products-list-2 {
  grid-template-columns: 1fr 1fr 1fr;
}

.product {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.product-image {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 40vh;
}

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

.product-heading-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: flex-start;
  display: flex;
}

.product-price-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}

.product-price-wrapper.individual-price-wrapper {
  padding-bottom: 10px;
}

.price-posfix {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.product-3d-option {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.product-link {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  color: #000;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.product-link.product-link-2 {
  padding: 0;
}

.product-details-section {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70vh;
  padding-right: 2.5%;
  display: flex;
}

.product-images-wrapper {
  width: 60%;
  max-width: 60%;
  height: 100%;
  max-height: 100%;
}

.product-info-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  height: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  display: flex;
}

.c-main-img-lightbox-3 {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.c-sub-img-feed-wrapper {
  display: none;
}

.img-gallery-subs-slide {
  border: 1px #f59900;
  border-radius: 12px;
  width: 33.33%;
  padding: 5px;
  overflow: hidden;
}

.img-gallery-main-arrow {
  display: none;
}

.c-sub-img-feed-item {
  justify-content: center;
  align-items: center;
}

.sub-img-feed-item {
  opacity: .5;
  cursor: pointer;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0 #131313;
  width: 100%;
  height: 100%;
  transition: all .25s;
  position: relative;
}

.sub-img-feed-item:hover {
  opacity: 1;
  border-style: none;
  border-color: #eee;
}

.c-img-gallery {
  width: 100%;
  max-width: none;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.c-img-gallery-sub {
  position: relative;
  overflow: hidden;
}

.c-main-img-overlay-lightbox {
  z-index: 10;
  background-color: #131313bf;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.c-img-gallery-main-icon {
  display: none;
}

.cloneable-area {
  width: 100%;
  height: 100%;
  min-height: 0;
}

.c-img-gallery-subs-dots {
  display: none;
}

.main-img-overlay-icon {
  width: 5%;
}

._w-sub-img-feed-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.img-gallery-subs {
  background-color: #0000;
  height: 200px;
}

.c-img-gallery-main-dots, .c-main-img-feed-wrapper {
  display: none;
}

.c-main-img-feed-item {
  position: relative;
}

.c-img-gallery-main {
  height: 70%;
  margin-bottom: 20px;
}

.img-gallery-main-slide {
  height: 100%;
}

.img-gallery-main {
  background-color: #0000;
  height: 100%;
}

.mask-3 {
  height: 100%;
}

.product-info-part-1 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.product-info-heading-wrapper {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.product-info-details-1 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.product-info-share {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.heading-32-300 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 100%;
}

.price {
  display: flex;
}

.product-info-description {
  width: 100%;
}

.product-info-dimensions {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.product-info-details-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.product-info-buttons {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.product-info-buttons.product-info-buttons-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: auto;
}

.button-4 {
  color: #000;
  border: 1px solid #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 40px;
  text-decoration: none;
  transition: background-color .35s, color .35s;
  display: flex;
}

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

._8a6b28-color {
  color: #8a6b28;
}

.product-details-section-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 64px 0%;
  display: flex;
}

.tab {
  color: #6b6b6b;
  letter-spacing: 1px;
  background-color: #0000;
  padding: 16px 0 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 200%;
}

.tab.w--current {
  color: #333;
  background-color: #0000;
  border-bottom: 1px solid #8a6b28;
  padding-bottom: 0;
  font-weight: 700;
  text-decoration: none;
}

.tabs-menu {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
  display: flex;
}

.tabs {
  width: 100%;
}

.tabs-content {
  background-color: #f6f6f6;
  width: 100%;
  padding: 48px 2% 48px 2.5%;
}

.collection-list-wrapper-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-2 {
  object-fit: cover;
  min-width: 0%;
}

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

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

.product-recommenation-section {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.recommended-products-wrapper {
  width: 100%;
}

.recommended-products-list {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.recommended-product-link {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 30vh;
}

.product-materijali-section {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  padding: 64px 2.5% 128px;
  display: flex;
}

.product-materijal-image {
  background-image: url('../images/013dab50765df78954cae6012d46613b.png');
  background-position: 50%;
  background-size: cover;
  width: 450px;
  height: 270px;
}

.product-materijali-info {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.product-materijali-heading-wrapper {
  grid-column-gap: 23px;
  grid-row-gap: 23px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.navbar-dropdown-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  width: 100%;
  max-width: 1440px;
  height: 100%;
  padding-top: 48px;
  padding-bottom: 24px;
  display: grid;
  overflow: hidden;
}

.dropdown-link-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
  text-decoration: none;
  display: flex;
}

.dropdown-category-image {
  object-fit: cover;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  overflow: hidden;
}

.dropdown-category-image:hover {
  background-image: linear-gradient(#edd9c44d, #edd9c44d), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.dropdown-category-image.dropdown-category-image-1 {
  background-image: url('../images/drop-cat-1-1.webp');
  background-position: 50%;
  background-size: cover;
}

.dropdown-category-image.dropdown-category-image-2 {
  background-image: url('../images/drop-cat-2-1-1.webp');
  background-position: 50%;
  background-size: cover;
}

.dropdown-category-image.dropdown-category-image-3 {
  background-image: url('../images/drop-col-3-1-1.webp');
  background-position: 50%;
  background-size: cover;
}

.dropdown-category-image.dropdown-category-image-4 {
  background-image: url('../images/xconvert.com.webp');
  background-position: 50%;
  background-size: cover;
}

.dropdown-category-image.dropdown-category-image-5 {
  background-image: url('../images/0656ad96f58b4ef443404fc9d1379af6.webp');
  background-position: 50%;
  background-size: cover;
}

.dropdown-category-image.dropdown-category-image-6 {
  background-image: url('../images/a2b803a6416448a4aeb71fbacca87e75-1.webp');
  background-position: 50%;
  background-size: cover;
}

.dropdown-category-image.dropdown-category-image-7 {
  background-image: url('../images/side-view-cup-coffee-small-round-table-horizontal-1.webp');
  background-position: 50%;
  background-size: cover;
}

.dropdown-category-image.dropdown-category-image-8 {
  background-image: url('../images/luxury-dining-room-authentic-interior-design-1.webp');
  background-position: 50%;
  background-size: cover;
}

.dropdown-category-image.dropdown-category-image-9 {
  background-image: url('../images/served-dining-table-modern-scandinavian-kitchen-1.webp');
  background-position: 50%;
  background-size: cover;
}

.products-subcategory-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #faf9f7;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 64px;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.subcategories-div {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  max-width: 80%;
  height: 40vh;
  display: grid;
}

.subcategory {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  object-fit: fill;
  flex-flow: column;
  align-items: center;
  max-height: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.subcategory-image {
  object-fit: cover;
  width: 100%;
  height: 75%;
  max-height: 75%;
  overflow: hidden;
}

.subcategory-separator-wrapper {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-top: 1px #000;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  padding-top: 0;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.subcategory-separator {
  background-color: #000;
  width: 100%;
  height: 1px;
}

.recommended-categories {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #fff9f3;
  flex-flow: column;
  align-items: center;
  margin-bottom: 128px;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.heading-48-300 {
  color: #000;
  font-family: Urbanist, sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 100%;
}

.recommended-categories-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #fffbf5;
  flex-flow: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 128px;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.recommended-categories-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: flex-start;
  width: 80%;
  max-width: 1200px;
  height: 25vh;
  display: flex;
}

.small-category-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  align-items: center;
  width: 25%;
  max-width: 25%;
  height: 50%;
  max-height: 50%;
  text-decoration: none;
  display: flex;
}

.big-category-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  max-width: 50%;
  height: 100%;
  max-height: 100%;
  text-decoration: none;
  display: flex;
}

.recommended-categories-text-wrapper {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  align-items: center;
  display: flex;
}

.materijali-heading-wrapper {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: center;
  width: 60%;
  max-width: 1000px;
  margin-top: 0;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
}

.materijali-heading {
  background-color: #faf9f7;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 32px;
  padding-top: 15vh;
  display: flex;
}

.materijali-section {
  align-items: flex-start;
  width: 100%;
  padding: 32px 2.5% 128px;
  display: flex;
  position: relative;
}

.materijali-categories {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  flex-flow: column;
  align-items: flex-start;
  width: 20%;
  display: flex;
  position: sticky;
  top: 32px;
}

.materijali-group {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.materijali-div {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.materijal-link {
  color: #4a4a4a;
  letter-spacing: 1px;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  line-height: 200%;
  text-decoration: none;
}

.materijal-link.w--current {
  color: #8a6b28;
  border-bottom: 1px solid #8a6b28;
}

.materijali-wrapper {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.materijal-content {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.materijali-list-wrapper {
  width: 100%;
}

.materijali-list {
  grid-column-gap: 66px;
  grid-row-gap: 66px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.materijal {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.materijal-image {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.materijal-name.text-18-400._1px-spacing._200-spacing.center-text {
  text-align: center;
}

.image-wrapper {
  width: 100%;
  height: 40vh;
  padding: 0 100px 100px;
}

.tab-product {
  color: #000;
  background-color: #0000;
  padding-left: 30px;
  padding-right: 30px;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
}

.tab-product.w--current {
  background-color: #0000;
  border-bottom: 2px solid #000;
  padding-left: 30px;
  padding-right: 30px;
}

.tabs-content-2 {
  padding-top: 20px;
}

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

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

.cijena-upit.add-to-cart {
  cursor: pointer;
}

.modal-wrapper {
  z-index: 9999;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  background-color: #000000b3;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: auto;
}

.form-price-wrapper {
  z-index: 9;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.form-block {
  z-index: 10;
  position: relative;
  inset: 0%;
}

.form {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  flex-flow: column;
  padding: 48px;
  display: flex;
}

.form-fields {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.form-info {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  display: flex;
}

.heading-64-700 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 64px;
  line-height: 100%;
}

.text-18-500 {
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}

.modal-line {
  background-color: #b8b8b8;
  width: 100%;
  height: 1px;
}

.field-label.text-16-400 {
  font-weight: 400;
}

.selected-item-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.selprod {
  color: #000;
  border: 0 #000;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
}

.selprod::placeholder {
  color: #000;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 100%;
}

.form-fields-grid {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: stretch;
  display: flex;
}

.form-field-div {
  width: 100%;
}

.empty-state {
  color: #fff;
  background-color: #000;
  justify-content: center;
  align-items: center;
  padding: 30px;
  font-family: Urbanist, sans-serif;
  font-size: 30px;
  line-height: 100%;
  display: flex;
}

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

.success-message {
  color: #fff;
  background-color: #000;
  padding: 50px;
  font-family: Urbanist, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
}

.help-page-main-section {
  grid-column-gap: 128px;
  grid-row-gap: 128px;
  flex-flow: column;
  align-items: center;
  padding-top: 15vh;
  display: flex;
}

.help-section-heading-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #faf9f7;
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.help-section-main-content {
  align-items: flex-start;
  width: 100%;
  padding-left: 2.5%;
  padding-right: 2.5%;
  display: flex;
}

.help-section-tab-links {
  width: 20%;
}

.help-section-content {
  width: 80%;
}

.frame-1000004541 {
  grid-row-gap: 48px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 128px;
  text-decoration: none;
  display: flex;
}

.frame-1000004539 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.error-361b5327-208e-49b4-1e80-bfbdc17275ee {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.text {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.molimo-vas-da-kao-korisnici-pa-ljivo-pro-itate-ove-uvjete-kupovine-i-kori-tenja-web-stranice-u-daljnjem-tekstu-op-i-uvjeti-prije-kupovine-na-web-stranici-https-kalea-ba-korisnici-samovoljno-za-svoju-potrebu-i-na-svoju-odgovornost-prihvataju-kori-tenje-svih-sadr-aja-dostupnih-na-web-shopu-stranici-kalea-ba-prihvatanjem-op-tih-uslova-i-odredbi-izjavljujete-da-ste-pro-itali-razumeli-i-da-se-sla-ete-sa-na-im-uslovima-kupovine-i-kori-enja-web-stranice-i-da-prihvatate-odredbe-i-uslove-navedene-u-njima-ako-se-ne-sla-ete-sa-op-im-uvjetima-nemojte-koristiti-ovu-stranicu-web-stranica-https-kalea-ba-je-u-vlasni-tvu-firme-kalea-d-o-o-sarajevo {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.uslovi-dostave-proizvoda {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.prodava-se-obavezuje-da-e-isporu-iti-kupcu-dogovorenu-vrstu-i-koli-inu-proizvoda-robe-usluga-u-dogovorenom-roku-ukoliko-iz-opravdanih-razloga-kalea-d-o-o-nije-u-mogu-nosti-da-izvr-i-dogovorenu-isporuku-u-dogovorenom-roku-du-na-je-obavijestiti-kupca-najkasnije-24h-prije-dogovorenog-roka-isporuke-prodava-se-obavezuje-da-e-kupcu-isporu-iti-robu-u-dogovorenom-roku-isklju-ivo-kada-dan-prije-isporuke-kupac-potvrdi-termin-isporuke-ukoliko-kupac-ne-potvrdi-termin-prvobitne-isporuke-ili-se-ne-javi-na-telefon-isporuka-se-naknadno-dogovara-sa-kupcem-prodava-daje-mogu-nost-kupcu-da-izmjeni-prolongira-dogovoreni-rok-isporuke-proizvoda-robe-u-tom-slu-aju-prodava-mo-e-obra-unati-tro-kove-skladi-tenja-neisporu-enih-proizvoda-roba-te-ispostaviti-kupcu-na-pla-anje-u-skladu-sa-odlukom-o-cijeni-naknade-za-skladi-tenje-proizvoda-roba-prodava-daje-mogu-nost-usluge-prevoza-za-kupljene-proizvode {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.uslovi-kupovine-i-kori-tenja-uvjeti-kori-tenja-defini-u-pravila-pri-kori-tenju-kalea-web-shopa-i-kupovini-koja-su-osnova-za-kvalitetnu-uslugu-i-zadovoljstvo-kupaca-0 {
  color: #000;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 32px;
  text-decoration: none;
}

.uslovi-kupovine-i-kori-tenja-uvjeti-kori-tenja-defini-u-pravila-pri-kori-tenju-kalea-web-shopa-i-kupovini-koja-su-osnova-za-kvalitetnu-uslugu-i-zadovoljstvo-kupaca-1 {
  color: #000;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.frame-1000004542 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.error-a1c81081-eba8-61ba-a568-44c34865c324 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.text-2 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

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

.upustvo-za-pla-anje-upustvo-za-pla-anje-na-na-oj-web-stranici-mo-ete-prona-i-u-nastavku-0 {
  color: #000;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 32px;
  text-decoration: none;
}

.upustvo-za-pla-anje-upustvo-za-pla-anje-na-na-oj-web-stranici-mo-ete-prona-i-u-nastavku-1 {
  color: #000;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.frame-1000004543 {
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.error-13781208-cae1-cc22-f472-585d0f12efb1 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}

.text-3 {
  color: #000;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  text-decoration: none;
}

.obavezujemo-se-pru-ati-za-titu-osobnim-podacima-kupaca-na-na-in-da-prikupljamo-samo-nu-ne-osnovne-podatke-o-kupcima {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.politika-privatnosti-svrha-ove-politike-privatnosti-je-upoznavanje-kupaca-potencijalnih-kupaca-ili-posjetitelja-web-stranice-kalea-ba-u-svrhu-i-na-temelju-obrade-osobnih-podataka-cijenimo-va-u-privatnost-tako-da-sve-va-e-li-ne-podatke-uvamo-u-najstro-oj-tajnosti-sve-na-e-online-aktivnosti-su-u-skladu-sa-zakonom-o-za-titi-potro-a-a-u-vezi-sa-obradom-li-nih-podataka-i-upotrebom-takvih-podataka-politika-privatnosti-odre-uje-kori-tenje-informacija-koje-e-kalea-dobiti-od-vas-kada-posjetite-web-stranicu-registrujete-se-i-obavite-kupovinu-ili-podatke-koje-ete-podijeliti-sa-kalea-korisni-kom-slu-bom-0 {
  color: #000;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 32px;
  text-decoration: none;
}

.politika-privatnosti-svrha-ove-politike-privatnosti-je-upoznavanje-kupaca-potencijalnih-kupaca-ili-posjetitelja-web-stranice-kalea-ba-u-svrhu-i-na-temelju-obrade-osobnih-podataka-cijenimo-va-u-privatnost-tako-da-sve-va-e-li-ne-podatke-uvamo-u-najstro-oj-tajnosti-sve-na-e-online-aktivnosti-su-u-skladu-sa-zakonom-o-za-titi-potro-a-a-u-vezi-sa-obradom-li-nih-podataka-i-upotrebom-takvih-podataka-politika-privatnosti-odre-uje-kori-tenje-informacija-koje-e-kalea-dobiti-od-vas-kada-posjetite-web-stranicu-registrujete-se-i-obavite-kupovinu-ili-podatke-koje-ete-podijeliti-sa-kalea-korisni-kom-slu-bom-1 {
  color: #000;
  letter-spacing: undefinedundefined;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Urbanist, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
}

.navbar-home.navbar {
  display: none;
  position: fixed;
}

.navbar-wrapper-home.navbar-wrapper, .navbar-wrapper-2-home.navbar-wrapper-2 {
  background-color: #0000;
}

.button-5 {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  padding: 24px 40px;
  font-family: Urbanist, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
  transition: background-color .3s, color .3s;
}

.button-5:hover {
  color: #000;
  background-color: #0000;
}

.online-shop-content-1-heading {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 70%;
  display: flex;
}

.online-shop-content-1-heading-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.product-part-1-info {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .search-icon {
    background-color: #000;
    border-radius: 32px;
    padding: 6px;
  }

  .search {
    margin-bottom: 0;
  }

  .search-line {
    width: 100%;
  }

  .search-wrapper {
    width: 150px;
  }

  .home-link {
    flex-direction: row;
    align-items: center;
    display: flex;
  }

  .cart {
    position: static;
  }

  .cart-count {
    color: #fff;
    top: 0;
    left: 0;
    right: auto;
  }

  .is--hero-wrapper {
    min-height: 650px;
  }

  .container-2 {
    padding: 8em 3em;
  }

  .image-100-ix {
    object-fit: cover;
  }

  .slick-image-wrapper {
    font-size: 17px;
    line-height: 24px;
  }

  .img-gallery-main-icon {
    width: 20px;
  }

  .c-main-img-overlay-lightbox {
    display: none;
  }

  .c-img-gallery-main-icon {
    z-index: 10;
    background-color: #131313e6;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
    margin-right: 5px;
    padding: 5px;
    display: flex;
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .img-gallery-subs {
    height: 170px;
  }

  .img-gallery-main-slide {
    overflow: hidden;
  }

  .img-gallery-main {
    height: 370px;
  }
}

@media screen and (max-width: 767px) {
  .container-2.is--nav {
    height: 7em;
  }

  .slick-image-wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
    line-height: 20px;
  }

  .img-gallery-main-arrow {
    display: block;
  }

  .img-gallery-main-arrow.right {
    background-color: #13131380;
    width: 50%;
    height: 35px;
    font-size: 1em;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .img-gallery-main-arrow.left {
    background-color: #13131380;
    width: 50%;
    height: 35px;
    font-size: 1em;
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .img-gallery-main-icon {
    width: 15px;
  }

  .c-img-gallery-sub {
    display: none;
  }

  .c-img-gallery-main-icon {
    opacity: .75;
  }

  .img-gallery-main {
    height: 270px;
  }
}

@media screen and (max-width: 479px) {
  .search-icon {
    z-index: 2;
    position: relative;
  }

  .search-icon.image-hide-desktop {
    padding-left: 8px;
    padding-right: 8px;
  }

  .c_search_component {
    position: static;
  }

  .c_search_results {
    z-index: 1;
    width: 100%;
    margin-left: 0;
    padding-top: 0;
    top: auto;
    bottom: auto;
  }

  .is--hero-wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  .container-2 {
    padding-left: 2em;
    padding-right: 2em;
  }

  .slick-image-wrapper {
    height: 40vw;
  }

  .img-gallery-main {
    height: 250px;
  }
}

#w-node-_0d5b44b2-876a-6ef4-afe7-4d13db915fde-cbcd1d15, #w-node-c57ae6f5-0e02-e70e-90bc-b3df92e8fc88-cbcd1d15, #w-node-_7aa6eae6-01ee-4270-d2e0-2b9a1b1ed09c-cbcd1d15, #w-node-b132db96-c285-eb92-d713-a17f612861b8-cbcd1d15, #w-node-e4020d3d-8dda-0c56-b782-f411fbc5e03d-cbcd1d15, #w-node-_3b6b23f6-e9e1-f230-a637-54b7b11f38bd-cbcd1d15, #w-node-_6fd6727d-bc82-b5ff-e2c7-4695e271e88b-cbcd1d15, #w-node-_3b6f5fda-c50e-67b8-bf71-2f4986651d3e-cbcd1d15, #w-node-_3b6f5fda-c50e-67b8-bf71-2f4986651d62-cbcd1d15, #w-node-_3b6f5fda-c50e-67b8-bf71-2f4986651d86-cbcd1d15, #w-node-b973b8da-07c7-26a3-4075-6e646af80d2c-a9cc5bbf, #w-node-_9881da10-c085-ab68-9657-f6dc940ac04e-a9cc5bbf, #w-node-_74561252-2da8-bfa2-6383-51ae44a4cdb0-a9cc5bbf, #w-node-e1e15ffe-ef9c-a547-4e9b-212bae4726c0-a9cc5bbf, #w-node-e9d1c34d-dbc9-dfc9-fe85-2e888ec25440-a9cc5bbf, #w-node-_48719160-ab20-0715-78df-e32a8c912e01-a9cc5bbf, #w-node-_5f0115a6-f462-7f25-d812-d20de0ba1653-a9cc5bbf, #w-node-_3b88cea9-10e4-aa11-f172-ce2934cf3ec4-a9cc5bbf, #w-node-_3b88cea9-10e4-aa11-f172-ce2934cf3ecc-a9cc5bbf, #w-node-_3b88cea9-10e4-aa11-f172-ce2934cf3ec5-a9cc5bbf, #w-node-_3b88cea9-10e4-aa11-f172-ce2934cf3ec6-a9cc5bbf, #w-node-e37b9677-918c-a1ea-acdf-26c202d8ce72-a9cc5bbf, #w-node-_51e7f4c8-03d8-2377-4c33-28824f0c4548-9b3a124f, #w-node-_51e7f4c8-03d8-2377-4c33-28824f0c4552-9b3a124f, #w-node-_51e7f4c8-03d8-2377-4c33-28824f0c455c-9b3a124f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Against';
  src: url('../fonts/against-regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Midlandluxury 100';
  src: url('../fonts/MidlandLuxury-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Midlandluxury 900';
  src: url('../fonts/MidlandLuxury-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Midlandluxury 300';
  src: url('../fonts/MidlandLuxury-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Midlandluxury 400';
  src: url('../fonts/MidlandLuxury-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Midlandluxury 200';
  src: url('../fonts/MidlandLuxury-ExtraLight.otf') format('opentype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}