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

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

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

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

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

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

.w-commerce-commercecartquickcheckoutbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 38px;
  background-color: #000;
  border-width: 0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 0;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: text;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

.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 {
  height: 38px;
  width: 100%;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  margin-bottom: 16px;
  padding: 8px 12px;
  line-height: 20px;
  display: block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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: -webkit-sticky;
  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-commercecheckoutdiscounts {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  flex-wrap: wrap;
  padding: 20px;
  display: flex;
}

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

.w-commerce-commercecheckoutdiscountsinput::-ms-input-placeholder {
  color: #999;
}

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

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

.w-commerce-commercecheckoutdiscountsbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  height: 38px;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 3px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  margin-left: 8px;
  padding: 9px 15px;
  text-decoration: none;
  display: flex;
}

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

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

.w-commerce-commerceaddtocartform {
  margin: 0 0 15px;
}

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercebuynowbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background-color: #3898ec;
  border-width: 0;
  border-radius: 0;
  align-items: center;
  margin-top: 10px;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .blog{
    height: 600px !important;
  }
  .blog1{
    height: 800px !important;
  }
   .blog2{
    height: 1500px !important;
  } .blog3{
    height: 800px !important;
  } .blog4{
    height: 700px !important;
  } .blog5{
    height: 600px !important;
  } .blog6{
    height: 800px !important;
  } .blog7{
    height: 600px !important;
  }
  
  .w-commerce-commercelayoutcontainer {
    flex-direction: column;
    align-items: stretch;
  }

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

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

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

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

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

body {
  color: #36473b;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  color: #45474f;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Newyork, sans-serif;
  font-size: 6em;
  font-weight: 400;
  line-height: 1.2;
}

h2 {
  color: #45474f;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Newyork, sans-serif;
  font-size: 5em;
  font-weight: 400;
  line-height: 1.3em;
}

h3 {
  color: #45474f;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: Newyork, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1.5em;
}

h4 {
  color: #45474f;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Newyork, sans-serif;
  font-size: 2.6em;
  font-weight: 400;
  line-height: 1.5em;
}

h5 {
  color: #45474f;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Newyork, sans-serif;
  font-size: 2em;
  font-weight: 400;
  line-height: 1.3em;
}

h6 {
  color: #45474f;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Newyork, sans-serif;
  font-size: 1.5em;
  font-weight: 400;
  line-height: 1.3em;
}

p {
  color: #36473b;
  letter-spacing: 0;
  margin-bottom: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

a {
  color: #45474f;
  text-decoration: none;
  transition: letter-spacing .4s;
}

a:hover {
  color: rgb(198, 46, 46);
  letter-spacing: 0;
  text-decoration: none;
}

ul {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

li {
  color: #45474f;
  letter-spacing: .5px;
  margin-bottom: 5px;
}

img {
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-block;
}

blockquote {
  border-left: 5px solid #e0bcb3;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px;
  font-family: Newyork, sans-serif;
  font-size: 2em;
  line-height: 1.5em;
}

figure {
  margin-bottom: 10px;
  font-family: Newyork, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 14px;
}

.sroll-link {
  width: 100px;
  color: #36473b;
  text-transform: capitalize;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 20px 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: background-color .4s;
  position: relative;
}

.sroll-link:hover {
  letter-spacing: normal;
  border-radius: 0;
}

.sroll-link.w--current {
  color: #fa7436;
  font-weight: 700;
}

.sroll-link.w--current:hover {
  color: #e0bcb3;
}

.sroll-link.footer {
  padding: 0;
  display: block;
}

.sroll-link.footer:hover {
  letter-spacing: .5px;
}

.text-content {
  z-index: 1;
  width: auto;
  height: 22px;
  color: #45474f;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-content:hover {
  letter-spacing: normal;
}

.text-content.footer {
  justify-content: flex-start;
}

.text-content.footer:hover {
  letter-spacing: .5px;
}

.nav-text {
  color: #000;
  letter-spacing: normal;
  font-family: 方正锐正圆, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: static;
}

.nav-text:hover {
  color: rgb(198, 46, 46);
  letter-spacing: normal;
}

.nav-text.footer {
  color: #45474f;
}

.nav-menu {
  justify-content: flex-end;
  align-items: center;
  padding-right: 20px;
  display: flex;
}

.logo-text {
  color: #fff;
  letter-spacing: 3px;
  text-transform: none;
  padding-top: 0;
  padding-bottom: 0;
  font-family: Newyork, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
  line-height: 1.3em;
  transition: letter-spacing .4s;
}

.logo-text:hover {
  letter-spacing: 6px;
}

.logo-text.dark {
  color: #45474f;
}

.branding {
  color: #fa7436;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: auto;
  padding: 20px 0 10px;
  display: block;
}

.wrapper {
  width: 100%;
  max-width: 1800px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0 60px 40px;
  display: flex;
}

.wrapper.nav {
  flex-direction: row;
  padding-top: 0;
  padding-bottom: 0;
}

.wrapper.footer {
  max-width: 100%;
}

.btn-primary {
  height: auto;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #e0bcb3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding: 10px 20px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .4s, letter-spacing .4s;
  display: inline-block;
}

.btn-primary:hover {
  letter-spacing: 2px;
  background-color: #924e52;
  border: 1px #fa7436;
}

.btn-primary:active {
  background-color: #924e52;
  border-width: 0;
  border-color: rgba(0, 0, 0, 0);
}

.btn-primary.card {
  background-color: #e0bcb3;
  border-style: none;
  border-radius: 0;
  font-weight: 400;
}

.btn-primary.card:hover {
  background-color: #924e52;
}

.btn-primary.newsletter {
  width: 50%;
  text-align: center;
  margin-top: 20px;
  margin-left: 0;
  margin-right: auto;
}

.btn-primary._2 {
  background-color: #45474f;
  margin-left: 0;
}

.btn-primary._2:hover {
  color: #fffdf9;
  background-color: #924e52;
}

.btn-primary._3 {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #e0bcb3;
}

.btn-primary._3:hover {
  color: #fffdf9;
  background-color: #e0bcb3;
}

.btn-primary.fullwidth {
  width: 100%;
}

.nav-text-name {
  color: rgb(198, 46, 46);
  letter-spacing: normal;
  text-transform: none;
  margin-top: 0;
  font-family: 方正锐正圆, sans-serif;
  font-weight: 400;
  display: none;
  position: absolute;
}

.nav-text-name:hover {
  letter-spacing: normal;
}

.nav-text-name.cart {
  position: relative;
}

.section {
  z-index: 1;
  background-color: #fffdf9;
  border: 0 #000;
  margin-top: 0;
  padding: 60px 100px 100px;
  position: relative;
  overflow: hidden;
}

.section.cta-section {
  z-index: 1;
  min-height: 60vh;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.section.features {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}

.section.visible {
  background-color: #fff;
  overflow: visible;
}

.section.white {
  background-color: #fffdf9;
  background-image: linear-gradient(rgba(236, 218, 209, .8) 70%, rgba(237, 225, 204, .7));
  border-top: 1px #e0bcb3;
  margin-bottom: 0;
  padding-bottom: 100px;
}

.section.fact.white {
  background-image: none;
  padding-top: 40px;
  padding-bottom: 40px;
}

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

.top-title-section {
  color: #e0bcb3;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 12px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  display: inline-block;
}

.max-w-center {
  color: #3c4153;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.max-w-center._50 {
  max-width: 50%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
}

.max-w-center._60 {
  max-width: 60%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
}

.bottom-margin-60px {
  width: 100%;
  margin: 0 auto;
  padding-top: 0;
}

.grid-faq {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  grid-template-rows: auto;
}

.grid-faq.top-align {
  grid-template-columns: 2fr 1fr;
  align-items: start;
}

.grid-faq.cta-grid {
  max-width: 100%;
  flex: 0 auto;
  grid-template-columns: 1fr 1fr;
  align-self: center;
  justify-items: stretch;
}

.accordion-card {
  text-align: left;
  border-top: 1px solid #45474f;
  border-bottom: 1px solid #45474f;
  margin-bottom: -1px;
  transition: box-shadow .4s, background-color .4s;
  display: block;
  overflow: hidden;
}

.vertical-line {
  width: 2px;
  height: 20px;
  color: #ff7839;
  background-color: #45474f;
  position: absolute;
}

.toggle-plus {
  z-index: 1;
  width: 32px;
  height: 32px;
  border: 1px solid #45474f;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: flex;
  position: absolute;
  right: 0;
}

.toggle-heading {
  z-index: 1;
  color: #36473b;
  text-transform: none;
  flex: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 16px;
  font-size: 20px;
  font-weight: 400;
}

.accordion-wrapper {
  width: 100%;
  margin-bottom: 8px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.accordion-wrapper._700px {
  max-width: 700px;
}

.accordion-head {
  min-height: 72px;
  color: #3c4153;
  text-transform: uppercase;
  cursor: pointer;
  justify-content: flex-end;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.horizontal-line {
  width: 20px;
  height: 2px;
  background-color: #45474f;
  position: absolute;
}

.bottom-margin-40px {
  width: 100%;
  margin-bottom: 40px;
}

.portfolio-image {
  z-index: 1;
  width: 100%;
  height: 420px;
  cursor: none;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: hidden;
}

.portfolio-image.vr-2 {
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  transform: translate(-50%);
}

.portfolio-content {
  height: auto;
  color: #3c4153;
  background-color: #fffdf9;
  border: 0 rgba(0, 0, 0, 0);
  flex-direction: column;
  align-items: flex-start;
  padding: 10px 20px;
  display: flex;
}

.portfolio-content.vr-2 {
  width: 40%;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  display: block;
  transform: translate(59%);
}

.portfolio {
  width: 100%;
  height: 450px;
  cursor: none;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: 0;
  margin-left: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.portfolio._1 {
  height: 570px;
  color: #3c4153;
  cursor: pointer;
  justify-content: flex-end;
}

.portfolio._2 {
  height: 500px;
  color: #3c4153;
  cursor: pointer;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.hero-grid-intro {
  height: 100vh;
  background-color: #e0bcb3;
  background-image: linear-gradient(to top, #e0bcb3, #fff);
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
}

.left-hero-content {
  max-width: 500px;
  padding-right: 40px;
}

.left-hero-content.left {
  width: 100%;
  height: auto;
  max-width: 500px;
  filter: none;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  border-style: none;
  border-width: 0;
  margin-top: 0;
  padding-right: 20px;
  position: absolute;
}

.hero-grid-image {
  z-index: auto;
  height: 100vh;
  background-color: #ecdad1;
  background-image: url('../images/丽醒华肤06210864-min_1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 0;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-grid-wrapper {
  position: static;
}

.hero-grid-wrapper.second {
  z-index: 4;
  height: 100%;
  -webkit-text-fill-color: inherit;
  background-color: #ecdad1;
  background-clip: border-box;
  padding-bottom: 0;
  position: relative;
  overflow: hidden;
}

.button-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}

.button-wrapper.center {
  justify-content: flex-end;
  align-items: flex-start;
}

.hero-grid-home-vr-5 {
  width: 100%;
  height: auto;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: rgba(0, 0, 0, 0);
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  align-items: center;
  margin-bottom: 0;
  display: grid;
  position: static;
}

.max-w {
  color: #3c4153;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  font-size: 18px;
  line-height: 28px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.max-w._60 {
  max-width: 60%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.dark {
  color: #0e476d;
}

.faq-overlay-color {
  color: #36473b;
  background-color: rgba(0, 0, 0, 0);
  margin-top: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.toggle-heading-div {
  z-index: 1;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.cta-title {
  color: #fff;
  margin-top: 0;
  font-family: 方正锐正圆, sans-serif;
  font-size: 55px;
  line-height: 1.2;
}

.cta-card {
  max-width: 770px;
  color: #fff;
  text-align: center;
  flex-direction: column;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.footer-copyright {
  width: 100%;
  color: #3c4153;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-top: 1px solid #fff;
  border-radius: 0;
  justify-content: space-between;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.team-social-link {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  padding: 5px;
  transition: opacity .4s;
  display: flex;
}

.team-social-link:hover {
  opacity: .6;
}

.footer-grid {
  width: 100%;
  height: auto;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #666;
  text-align: left;
  grid-template-rows: auto auto;
  grid-template-columns: 3fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.footer-column {
  margin:30px 0;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}
.footer{
  display:flex;
  align-items:center;   
}

.footer-white {
  z-index: 0;
  background-color: #fffdf9;
  /* background-image: url('../images/丽醒华肤_-01.svg'); */
  background-position: 0 0;
  background-size: contain;
  border-top: 1px solid #fff;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 60px 100px 20px;
  position: static;
  bottom: 0;
}

.footer-bottom {
  color: #ded6ff;
  text-align: center;
  flex-wrap: wrap;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  display: flex;
}

.footer-bottom.dark {
  color: #36473b;
  justify-content: space-between;
  font-weight: 600;
}

.social-icons-wrapper {
  margin-top: 20px;
  display: flex;
}

.socical-icon {
  width: 20px;
}

.socical-icon.small {
  width: 40px;
}

.socical-icon.invert {
  width: 24px;
  filter: invert();
  margin-left: 3px;
  margin-right: 3px;
}

.footer-side {
  width: 33%;
  padding-top: 98px;
  padding-bottom: 98px;
  padding-right: 60px;
}

.footer-side.left {
  /* width: 100%; */
  background-color: #100b47;
  background-image: linear-gradient(rgba(28, 24, 76, .96), rgba(28, 24, 76, .96)), url('../images/Untitled-15.png');
  background-position: 0 0, 0 100%;
  background-size: auto, cover;
  border-radius: 20px;
  padding: 20px;
}

.footer-side.left.gray {
  max-width: 500px;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  display: flex;
}

.logo-link {
  margin-bottom: 10px;
  text-decoration: none;
}

.white-paragraph {
  color: #fff;
  text-align: center;
  font-family: 方正锐正圆, sans-serif;
}

.inner-content {
  height: 100%;
  color: #3c4153;
  flex-direction: column;
  justify-content: space-between;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
}

.big-paragraph {
  color: #494848;
  margin-bottom: 10px;
  margin-left: 0;
  padding-left: 0;
  font-family: 方正锐正圆, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 30px;
}

.list {
  width: 100%;
  margin-top: 0;
}

.icon-list-item {
  border-bottom: 1px solid #e0bcb3;
  border-radius: 1px;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.icon-list-item.no-padding {
  border: 1px #000;
  margin-bottom: 0;
  padding-bottom: 0;
}

.check-circle {
  width: 20px;
  height: 20px;
  background-color: #e0bcb3;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 14px;
  display: flex;
}

.bullet-text {
  color: #3c4153;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 方正锐正圆, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.portfolio-link-post {
  color: #fff;
  text-align: left;
  cursor: none;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.portfolio-link-post:hover {
  text-decoration: none;
}

.position {
  text-align: center;
  text-transform: none;
}

.white {
  color: #fff;
  margin-bottom: 20px;
}

.features-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  background-image: url('../images/bg-01.png');
  background-position: 0 0;
  background-size: cover;
  border-top-left-radius: 0%;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-left: 0;
}

.feature-card {
  z-index: 1;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 0;
  flex-direction: column;
  flex: 270px;
  align-items: flex-start;
  margin-top: -1px;
  margin-left: -1px;
  padding: 40px;
  display: flex;
  position: relative;
}

.services-big-number {
  color: #e0bcb3;
  font-family: Newyork, sans-serif;
  font-size: 60px;
  font-style: italic;
  font-weight: 400;
  line-height: 1;
}

.empty {
  color: #ecdad1;
  margin-top: -1px;
  margin-left: -1px;
  padding: 0 40px 40px;
}

.pricing {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
}

.info {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-left: 4px;
  padding: 4px;
  transition: border .3s;
  display: flex;
  position: relative;
}

.info:hover {
  border-color: red;
}

.flex-wrapper {
  white-space: nowrap;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  top: 0;
  left: 0%;
  overflow: hidden;
}

.style-guide-content {
  width: 100%;
  border: 1px #000;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  padding-bottom: 0;
  display: flex;
}

.typography-details {
  color: #fff;
  margin-bottom: 20px;
}

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

.dot-list-item {
  align-items: center;
  margin-top: 12px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.paragraph-small {
  color: #494848;
  font-family: 方正锐正圆, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
}

.style-guide-content-group {
  width: 100%;
  margin-bottom: 0;
}

.list-dot {
  width: 6px;
  height: 6px;
  background-color: #62636b;
  border-radius: 50%;
  flex: none;
  margin-right: 12px;
}

.list-dot.bg-primary-1 {
  background-color: #00a838;
}

.text-small {
  color: #45474f;
  font-family: Newyork, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.style-guide-color {
  width: 100%;
  height: 140px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.style-guide-color.primary-1 {
  background-color: #e0bcb3;
  border-radius: 0;
}

.style-guide-color.primary-3 {
  background-color: #494848;
  border-radius: 0;
}

.style-guide-color.primary-2 {
  background-color: #924e52;
  border-radius: 1px;
}

.style-guide-color.primary-4 {
  color: #110e19;
  background-color: #45474f;
  border-bottom: 1px solid #251e38;
  border-radius: 0;
}

.style-guide-color.primary-5 {
  background-color: #fff;
  border-radius: 0;
}

.style-guide-color.primary-6 {
  background-color: #ecdad1;
  border-radius: 0;
}

.style-guide-color.primary7 {
  background-color: #fffdf9;
}

.style-guide-color.primary-8 {
  background-color: #fff;
  border-radius: 0;
}

.cms-info-card {
  padding-top: 0;
  padding-bottom: 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.rules {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  margin-bottom: 60px;
  display: grid;
}

.rules.style-guide-row {
  background-color: rgba(0, 0, 0, 0);
  grid-template-columns: .25fr 1fr;
  align-items: start;
  justify-items: start;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 0;
}

.card-body {
  color: #110e19;
  flex: 1;
  padding: 24px;
}

.grid-button {
  width: 100%;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-left: 0;
  margin-right: auto;
}

.style-guide-contents {
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  display: flex;
}

.icon-list-item-2 {
  border-bottom: 1px solid #fff;
  border-radius: 1px;
  flex-direction: row;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 20px;
  display: flex;
}

.icon-list-item-2.icon-list-item-last {
  border-bottom-style: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.typography-container {
  width: 100%;
}

.checkmark-circle {
  width: 24px;
  height: 24px;
  background-color: #e0bcb3;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  display: flex;
}

.display {
  z-index: 1;
  color: #45474f;
  letter-spacing: 0;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 32px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 10em;
  font-weight: 400;
  line-height: 1em;
  display: block;
  position: relative;
}

.display.white {
  color: #fff;
  text-align: left;
  align-self: flex-start;
  margin-bottom: 10px;
  font-size: 6em;
  line-height: 1.2em;
}

.display.white._1 {
  margin-bottom: 10px;
  font-size: 4em;
  transform: translate(-200px);
}

.display.white._2 {
  margin-bottom: 10px;
  font-family: Optima, sans-serif;
  font-size: 8.5em;
  transform: translate(20px);
}

.display.white._3 {
  margin-bottom: 10px;
  font-size: 8.5em;
  transform: translate(200px);
}

.card {
  background-color: #fff;
  border: 1px solid #ecebea;
  border-radius: 6px;
  flex-direction: column;
  display: flex;
  position: relative;
}

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

.card.style-guide-color-card {
  min-width: 150px;
  color: #3c4153;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-color: #fff;
  border-radius: 0;
  font-weight: 700;
  overflow: hidden;
}

.style-guide-title {
  width: 336px;
  height: 100%;
  background-color: #ecdad1;
  border: 1px #d4d4d4;
  border-radius: 0;
  margin-right: 48px;
  padding: 36px;
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
}

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

.divider {
  width: 100%;
  height: 1px;
  background-color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
}

.style-guide-iteam-wrapper {
  background-color: #1b1629;
  border: 1px #d4d4d4;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-right: 0;
  padding: 40px;
  display: flex;
}

.style-guide-iteam-wrapper.gray {
  background-color: #ecdad1;
}

.paragraph-5 {
  color: #45474f;
}

.list-div {
  width: 100%;
}

.list-div.awward {
  margin-top: 40px;
  margin-bottom: 0;
  display: block;
}

.list-item {
  border-top: 1px #000;
  border-bottom: 1px solid #45474f;
  border-left: 0 #000;
  border-right: 1px #000;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
  display: block;
}

.list-item.awward {
  color: #fff;
  border: 1px #924e52;
  border-bottom: 1px solid #e0bcb3;
  justify-content: space-between;
  display: block;
}

.author-big-image {
  height: 700px;
  background-image: url('../images/Untitled-15.jpg');
  background-position: 50%;
  background-size: cover;
}

.author-big-image._24px-margin {
  width: 100%;
  margin-bottom: 24px;
}

.page-header {
  width: 100%;
  height: 620px;
  max-width: none;
  text-align: center;
  background-image: url('../images/不够2-01.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.page-header.categorie-projects {
  z-index: 1;
  height: 700px;
  background-image: url('../images/06211100-min_1.jpg');
  background-position: 50%;
  background-size: cover;
}

.page-header.blog {
  z-index: 1;
  height: 620px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/丽醒华肤06212002-min_1.jpg');
  background-position: 0%;
  background-clip: border-box;
  justify-content: flex-end;
}
.page-header.blog1 {
  z-index: 1;
  height: 1200px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/丽醒华肤_02.jpg');
  background-position: 0%;
  background-clip: border-box;
  justify-content: flex-end;
}

.page-header.blog2 {
  z-index: 1;
  height: 2580px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/丽醒华肤_03.jpg');
  background-position: 0%;
  background-clip: border-box;
  justify-content: flex-end;
}
.page-header.blog3 {
  z-index: 1;
  height: 1200px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/丽醒华肤_04.jpg');
  background-position: 0%;
  background-clip: border-box;
  justify-content: flex-end;
}
.page-header.blog4 {
  z-index: 1;
  height: 1200px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/丽醒华肤_05.jpg');
  background-position: 0%;
  background-clip: border-box;
  justify-content: flex-center;
}
.page-header.blog5{
  z-index: 1;
  height: 1200px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/丽醒华肤_06.jpg');
  background-position: 0%;
  background-clip: border-box;
  justify-content: flex-center;
}
.page-header.blog6{
  z-index: 1;
  height: 1300px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/丽醒华肤_07.jpg');
  background-position: 0%;
  background-clip: border-box;
  justify-content: flex-center;
}
.page-header.blog7{
  z-index: 1;
  height: 1000px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/丽醒华肤_08.jpg');
  background-position: 0%;
  background-clip: border-box;
  justify-content: flex-center;
}
.page-header.blog8{
  z-index: 1;
  height: 400px;
  -webkit-text-fill-color: inherit;
  background-image: url('../images/丽醒华肤_09.jpg');
  background-position: 0%;
  background-clip: border-box;
  justify-content: flex-center;
}



.flex{
display: flex;
/* align-items: center; */
justify-content:flex-start;
}


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


.footer-left{
width: 45%;
display: flex;
align-items: center;
justify-content:space-between;

}
.footer-link{
font-size: 25px;
padding:0 10px;
box-sizing: border-box;
}
.footer-link a{
 margin-left:60px;
 letter-spacing: 13px;

}
.footer-right{
width: 55%;
display: flex;
justify-content:space-around;
align-items: center;
padding-top: 30px;
box-sizing: border-box;
}
.wx{
display: flex;
justify-content:flex-start;
align-items: flex-start;
}
.wx-icon{
margin: 15px 20px 0 0;
}
.wx-content-title{
margin-top: 5px;
width:80px;
text-align: center;
}

.contact{
font-size: 18px;
}





.page-header.blog-categories {
  z-index: 1;
  height: 700px;
  background-image: url('../images/matthew-ball-xVdIFT7_G0I-unsplash.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: flex-end;
  padding-left: 20px;
  padding-right: 20px;
}

.page-header.about {
  z-index: 1;
  height: 700px;
  background-image: url('../images/karim-ghantous-dxS2okXd-zo-unsplash.jpg');
  background-position: 0 0;
  background-size: 2000px;
}

.page-header.pricing {
  z-index: 1;
  height: 700px;
  background-image: url('../images/image32-min.jpeg');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
}

.page-header.cantact {
  z-index: 1;
  height: 700px;
  background-image: url('../images/丽醒华肤06211100-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.team-name {
  z-index: 2;
  color: #45474f;
  text-transform: none;
  margin-bottom: 0;
  padding: 0;
  font-family: Newyork, sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 55px;
}

.team-name.position {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 30px;
}

.team-name-link {
  z-index: 2;
  width: 100%;
  height: 600px;
  text-align: center;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-weight: 700;
  line-height: 50px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.team-name-link:hover {
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  text-decoration: none;
}

.team-name-link._4 {
  justify-content: flex-end;
  margin-left: 0;
  margin-right: 0;
}

.team-author-avatar {
  z-index: 0;
  width: 100%;
  height: 450px;
  filter: grayscale();
  background-image: url('../images/Portfolio38.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 0 rgba(0, 0, 0, 0);
  display: flex;
  position: absolute;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

.team-author-avatar._3 {
  width: 100%;
  height: 600px;
  filter: none;
  background-image: url('../images/Portfolio36.jpg');
  background-position: 50% 0;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.team-author-avatar._2 {
  width: 100%;
  height: 450px;
  background-image: url('../images/Portfolio39.jpg');
  background-position: 50% 0;
  background-size: cover;
  border-style: none;
  border-width: 0;
}

.team-author-avatar._4 {
  height: 600px;
}

.team-author-avatar._1 {
  background-image: url('../images/Portfolio35.jpg');
  border: 0 rgba(0, 0, 0, 0);
}

.team-author-avatar._2 {
  width: 100%;
  height: 600px;
  filter: none;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.team-author-avatar._1 {
  height: 600px;
  filter: none;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/Portfolio35.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.team-author-avatar._1:hover {
  background-image: url('../images/Portfolio35.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.team-author-avatar._4 {
  filter: none;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.video-back-ground {
  z-index: 1;
  height: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-info-div {
  width: 900px;
  flex: 0 auto;
  align-self: auto;
  margin: 120px auto 60px;
}

.hero-info-div.pricing-table {
  flex-direction: column;
  align-items: center;
  margin-top: 0;
  margin-bottom: 60px;
  display: flex;
}

.scroll-link {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: auto;
  bottom: 20px;
  left: 0%;
  right: auto;
}

.scroll-link.hide-mbl {
  width: 120px;
  height: 120px;
  padding: 9px;
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
}

.circle-btn {
  width: 100%;
  height: 100%;
  background-color: #924e52;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  transform: scale(0);
}

.circle-btn.dark {
  background-color: #924e52;
}

.mouse-scroll {
  z-index: 1;
  width: 20px;
  height: 30px;
  border: 1px solid #fff;
  border-radius: 10px;
  justify-content: center;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: absolute;
}

.mouse-dot {
  width: 2px;
  height: 8px;
  background-color: #fff;
  border-radius: 6px;
  margin-top: 5px;
}

.scroll-image {
  width: 100px;
  height: 100px;
  background-image: url('../images/Scrolldown.svg');
  background-position: 0 0;
  background-size: auto;
  margin: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.scroll-image.invert {
  width: 100px;
  height: 100px;
  background-image: url('../images/view-on-webflow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  margin: 0;
  position: relative;
}

.bubble-image {
  width: 90px;
  height: 90px;
  background-image: url('../images/Learn-More-white.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.bubble-icon {
  width: 120px;
  height: 120px;
  text-align: center;
  background-color: #110e19;
  background-image: linear-gradient(#110e19, #251e38);
  border-radius: 100%;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 12px;
  display: flex;
  position: absolute;
  overflow: hidden;
  transform: scale(0);
}

._60px-padding {
  height: auto;
  margin-bottom: 60px;
}

.success-message-2 {
  color: #fff;
  background-color: #11ac4c;
  margin-top: 20px;
  font-size: 14px;
}

.text-field {
  height: 48px;
  float: none;
  color: #000;
  text-align: center;
  background-color: rgba(255, 255, 255, .06);
  border: 1px solid #fff;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding: 20px;
  font-family: Newyork, sans-serif;
  display: inline-block;
}

.text-field:hover, .text-field:active {
  border-color: #e9e9e9;
}

.text-field:focus, .text-field.-wfp-focus {
  background-color: #fff;
  border-color: #e9e9e9;
}

.text-field.newsletter {
  height: 60px;
  color: #45474f;
  text-align: left;
  background-color: rgba(224, 188, 179, .34);
  border: 1px solid #fff;
  border-radius: 10px;
  margin-bottom: 0;
  font-family: Newyork, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}

.single-form {
  width: 500px;
  max-width: none;
  color: rgba(12, 21, 47, .6);
  text-align: center;
  border-radius: 0;
  margin: 0 auto;
  font-size: 12px;
  display: block;
}

.subscribe {
  color: #45474f;
  text-align: left;
  font-family: 方正锐正圆, sans-serif;
  font-size: 18px;
  line-height: 28px;
}

.error-message-2 {
  color: #fff;
  background-color: #e23c32;
  padding: 20px;
  font-size: 14px;
}

.form {
  width: 100%;
  color: #fff;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.animation-sponsor-wrapper {
  width: 100%;
  background-color: #161616;
  align-items: center;
  display: flex;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.sideparagraph {
  color: #494848;
  text-align: left;
  font-family: Newyork, sans-serif;
  font-size: 15px;
}

.hero-quotes {
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr .25fr;
  display: block;
}

.quotes-hero-wrapper {
  text-align: center;
  justify-content: center;
  display: flex;
}

.highlighted-text {
  color: #924e52;
  background-color: rgba(236, 218, 209, .5);
}

.display-3._1 {
  color: #e0bcb3;
  font-family: 方正锐正圆, sans-serif;
  transform: translate(40px);
}

.display-3._2 {
  color: #e0bcb3;
  font-family: 方正锐正圆, sans-serif;
  transform: translate(120px);
}

.sticky-position {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.sticky-position._80px {
  padding-right: 40px;
  top: 120px;
}

.display-2 {
  margin-bottom: 10px;
  font-family: 方正锐正圆, sans-serif;
}

.display-2._1-tittle {
  color: rgba(69, 71, 79, .7);
  align-self: center;
  margin-bottom: 10px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1;
  transform: translate(-80px);
}

.display-2._2-title {
  color: rgba(69, 71, 79, .7);
  font-family: 方正锐正圆, sans-serif;
  font-size: 4em;
  line-height: 1;
  transform: translate(80px);
}

.button-image {
  width: 100px;
  height: 100px;
  background-image: url('../images/Learn-More.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.button-image.cta {
  z-index: 1;
  background-image: url('../images/view-on-webflow.svg');
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.button-link {
  width: 132px;
  height: 132px;
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.bg {
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.overlay-bg {
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.footer-text {
  color: #494848;
  font-family: 方正锐正圆, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
}

.team-member-image {
  width: 120px;
  height: 120px;
  object-fit: cover;
  background-color: #110e19;
  background-image: url('../images/Gradient.jpg');
  background-position: 50%;
  background-size: cover;
  border-radius: 50%;
  margin-bottom: 24px;
}

.slider-right-arrow {
  width: 60px;
  height: 60px;
  background-color: #251e38;
  border-radius: 6px;
  font-size: 15px;
  display: block;
  right: -54%;
}

.slider-right-arrow:hover {
  background-image: linear-gradient(to left, #de39ff, #3982ff);
}

.slider-right-arrow._1 {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #fff;
  border-radius: 0;
  margin-right: -100px;
  display: block;
  right: 0%;
}

.slider-right-arrow._1:hover {
  background-image: none;
  border-color: #45474f;
}

.testimonial-container {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.testimonial-author-name {
  color: #142335;
  justify-content: center;
  margin-top: 30px;
  font-size: 15px;
  line-height: 24px;
  display: flex;
}

.testimonials {
  height: auto;
  max-width: 900px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #45474f;
  border-style: solid none;
  border-radius: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 0;
  display: block;
}

.slide-nav-second {
  justify-content: center;
  font-size: 10px;
  display: flex;
}

.slider-left-arrow {
  width: 60px;
  height: 60px;
  background-color: #251e38;
  border-radius: 6px;
  font-size: 13px;
  display: block;
  left: -54%;
}

.slider-left-arrow:hover {
  background-image: linear-gradient(to right, #de39ff, #3982ff);
}

.slider-left-arrow._1 {
  background-color: rgba(0, 0, 0, 0);
  border: 1px #fff;
  border-radius: 0;
  margin-left: -100px;
  display: block;
  left: 0%;
}

.slider-left-arrow._1:hover {
  background-image: none;
  border-color: #45474f;
}

.name-testimonials {
  color: rgba(69, 71, 79, .7);
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-top: 2px;
  margin-right: 5px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3em;
}

.testimonial-text {
  max-width: 570px;
  color: #45474f;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.5em;
  line-height: 1.6em;
}

.achivement-wapper {
  width: auto;
  max-width: 75%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  border: 1px #000;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.achivements-grid {
  width: 900px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  display: grid;
}

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

.achivement-block.lines {
  border-left: 1px solid #fff;
  border-right: 1px #fff;
  padding-left: 20px;
  padding-right: 20px;
}

.title-insights {
  color: #494848;
  margin-top: 0;
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.2em;
  font-weight: 500;
}

.body {
  border-bottom: 1px #000;
}

._100-px-padding {
  height: 100px;
}

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

.overlay-div {
  height: 100vh;
  background-image: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.overlay-div._2 {
  height: auto;
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
}

.richtext-presentation {
  flex-direction: column;
  align-items: flex-start;
  display: block;
}

.richtext-presentation h3, .richtext-presentation p {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.richtext-presentation blockquote {
  max-width: 700px;
  color: #494848;
  margin-left: auto;
  margin-right: auto;
}

.richtext-presentation h5, .richtext-presentation ul, .richtext-presentation h6, .richtext-presentation ol, .richtext-presentation h4, .richtext-presentation h2 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.categories {
  height: 100%;
  color: #924e52;
  background-color: #d2f0d3;
  border: 0 rgba(0, 0, 0, 0);
  justify-content: flex-start;
  align-items: stretch;
  padding: 4px 10px;
  display: flex;
}

.categories-list {
  z-index: 30;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -8px;
  padding-bottom: 8px;
  display: flex;
  position: relative;
}

.categories-list.blog {
  width: 100%;
  height: auto;
  border: 1px #000;
  border-top: 1px solid #fff;
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.category-direct-link {
  height: 100%;
  color: #45474f;
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  background-clip: border-box;
  border: 1px solid #45474f;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-right: -1px;
  padding: 4px 15px;
  font-family: Newyork, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  text-decoration: none;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.category-direct-link:hover {
  color: #fff;
  background-color: #1d1d1f;
}

.category-direct-link.w--current {
  color: #fff;
  background-color: #45474f;
  border-color: rgba(0, 0, 0, 0);
}

.category-direct-link.white {
  width: 25vw;
  height: auto;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border-style: none;
  border-color: #fff;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-weight: 400;
  box-shadow: 1px 1px 1px #fff;
}

.category-direct-link.white:hover {
  color: #45474f;
  background-color: #fffdf9;
}

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

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

.arrow-icon {
  filter: invert();
  margin-left: 371.5px;
}

.creation-date {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 1em;
}

.collection-blog-categories {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cta-quote {
  color: #45474f;
  text-transform: none;
  font-family: 方正锐正圆, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.2;
}

.skills-list-item {
  border-bottom: 1px solid #fff;
  padding: 35px 0;
}

.skills-text {
  font-family: Newyork, sans-serif;
  font-weight: 400;
}

.skill-bar {
  width: 100%;
  height: 4px;
  background-color: #fff;
  margin-top: 16px;
  overflow: hidden;
}

.skill-progress {
  height: 100%;
  background-color: #924e52;
}

.skill-progress._1 {
  width: 85%;
  background-color: #45474f;
}

.skill-progress._2 {
  width: 90%;
  background-color: #45474f;
}

.skill-progress._3 {
  width: 100%;
  background-color: #45474f;
}

.skill-progress._4 {
  width: 75%;
  background-color: #45474f;
}

.skill-list {
  width: 100%;
  margin-top: 20px;
}

.cta-social-wrapper {
  z-index: 3;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(214, 228, 214, .27);
  border-radius: 10px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
  padding: 5px 10px;
  font-family: PT Serif, serif;
  font-weight: 700;
  display: flex;
  position: relative;
  top: auto;
  bottom: 15%;
  left: auto;
  right: auto;
}

.social-icons-div {
  margin-top: 0;
  display: flex;
}

.follow-text {
  margin-top: 7px;
  margin-right: 0;
  font-family: 方正锐正圆, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

._40px-padding {
  height: 50px;
}

.team-grid {
  width: auto;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  margin-left: auto;
  margin-right: auto;
}

.team-wrapper {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.team-info-card {
  background-color: #fffdf9;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  display: flex;
}

.pricing-post-info {
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 10px;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 8px 0;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.small-pring-text {
  width: 100%;
  color: #181511;
  text-align: center;
  background-color: #45474f;
  justify-content: center;
  align-items: center;
  padding: 25px 31px;
  font-size: 12px;
  display: block;
}

.div {
  color: #fff;
}

.pricing-div {
  color: #45474f;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #45474f;
  border-radius: 0;
  flex-direction: column;
  align-items: flex-start;
  margin-right: -1px;
  padding: 70px 40px 40px;
  display: flex;
  overflow: hidden;
}

.pricing-div.line {
  background-color: #fff;
  border-style: solid;
  border-color: #fff;
  margin-right: -1px;
}

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

.pricing-list-wrapper {
  text-align: center;
  border-top: 1px solid #e2ddee;
  border-bottom: 1px solid #e2ddee;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.pricing-list-wrapper.center-text {
  width: 100%;
  color: #45474f;
  text-align: center;
  border: 1px #000;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 4px;
  padding-left: 20px;
  font-weight: 500;
  display: flex;
}

.contact-us {
  color: #45474f;
  text-transform: none;
  margin-bottom: 0;
}

.pricing-list-text {
  color: #000;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
}

.pricing-list-text.white {
  color: #45474f;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.monthly {
  color: #45474f;
  text-transform: none;
  margin-right: 20px;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.pricing-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #4b4136;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.pricing-grid.two-row {
  border-style: none;
  grid-template-columns: 1fr 1fr;
}

.text-block {
  color: #fff;
  font-family: Newyork, sans-serif;
}

.price-description {
  text-align: left;
}

.price-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px #000;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.price-grid.packages {
  grid-template-columns: 1fr 1fr 1fr;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  background-color: #fffdf9;
  justify-content: center;
  align-items: center;
  font-family: Newyork, sans-serif;
  display: flex;
}

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

.utility-page-form {
  width: 400px;
  flex-direction: column;
  align-items: stretch;
  font-family: Newyork, sans-serif;
  display: flex;
}

.cart-header {
  color: #6e3e2f;
  background-color: #45474f;
  border: 1px #000;
  border-top-color: #924e52;
  border-bottom: 1px solid #924e52;
}

.name-item {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.cart-quantity {
  height: 24px;
  min-width: 24px;
  color: #f6f1ed;
  background-color: rgba(0, 0, 0, 0);
  border: 0 solid #fff;
  border-width: 0 1px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  display: flex;
}

.cart-line-item {
  color: #fffdf9;
  font-family: Newyork, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.cart-footer {
  color: #290d04;
  border-top-color: #924e52;
}

.price-item {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.your-cart {
  color: #fff;
  font-size: 24px;
}

.cart-button {
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  font-size: 16px;
  line-height: 24px;
}

.cart-quantity-in-checkout {
  background-color: rgba(245, 252, 245, .05);
  border-color: #45474f;
  border-radius: 0;
}

.cart-list {
  color: #fff;
  text-align: left;
  font-weight: 500;
}

.empty-state {
  color: #290d04;
  flex-direction: column;
}

.error-state {
  color: #f6f1ed;
  text-align: center;
  background-color: red;
}

.navigation {
  width: 100%;
  color: #494848;
  /* background-color: rgba(0, 0, 0, 0); */
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  position: fixed;
  background-color: rgba(255, 255, 255, 0.6);
}

.menu-button {
  padding-top: 10px;
  padding-bottom: 10px;
}

.remove-button-style {
  color: #e0bcb3;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}

.card-price {
  font-family: Newyork, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.cart-container {
  box-shadow: none;
  color: #dce3fd;
  background-color: #45474f;
  border-left: 1px solid #924e52;
}

.cart-wrapper {
  background-color: rgba(17, 34, 23, .98);
}

.close-card {
  filter: invert();
}

.navigation-wrapper-link {
  z-index: 100;
  cursor: auto;
  justify-content: flex-start;
  align-items: center;
  margin-top: 18px;
  margin-bottom: 18px;
  display: flex;
  position: relative;
}

.button-4 {
  height: auto;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #095dff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
  transition: border-width .4s;
  display: inline-block;
}

.button-4:hover {
  color: #fff;
  background-color: #03235f;
  padding-top: 16px;
  padding-bottom: 16px;
  font-weight: 700;
  text-decoration: none;
}

.button-color-overlay {
  width: 0%;
  background-color: #000;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.button-text {
  font-family: 方正锐正圆, sans-serif;
  position: relative;
}

.link-footer-list {
  grid-column-gap: 16px;
  grid-row-gap: 6px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  display: grid;
}

.navbar-cart {
  margin-right: 20px;
  padding: 20px;
}

.div-block {
  font-family: Newyork, sans-serif;
}

.hero-grid-image-2 {
  z-index: 2;
  background-color: #fffdf9;
  background-image: url('../images/丽醒华肤06211880-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
}

.hero-grid-image-3 {
  z-index: 3;
  height: 100vh;
  background-color: #fffdf9;
  background-image: url('../images/丽醒华肤06212446-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 0;
  padding-right: 0;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-grid-image-4 {
  z-index: 4;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/丽醒华肤06211606-min.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.play-image {
  position: absolute;
}

.default-state {
  margin-top: 20px;
  margin-bottom: 20px;
}

.link {
  color: #45474f;
}

.block-quote, .italic-text {
  color: #494848;
  font-family: 方正锐正圆, sans-serif;
}

.bold-text {
  color: #45474f;
  font-family: 方正锐正圆, sans-serif;
}

.paragraph-6 {
  color: #494848;
  font-family: 方正锐正圆, sans-serif;
}

.text-field-contact {
  height: 60px;
  float: none;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 0;
  margin-top: -1px;
  margin-bottom: 0;
  margin-left: -1px;
  padding: 12px 20px;
  display: inline-block;
}

.text-field-contact:hover, .text-field-contact:active, .text-field-contact:focus {
  background-color: #ecdad1;
  border-color: #e9e9e9;
}

.text-field-contact.message {
  height: 120px;
  float: left;
  color: #000;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 0;
  flex: 1;
  margin: -1px 0 0;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  position: relative;
}

.text-field-contact.message:hover, .text-field-contact.message:active, .text-field-contact.message:focus {
  background-color: #ecdad1;
}

.text-field-contact.single {
  height: 60px;
  float: left;
  opacity: 1;
  color: #000;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 0;
  flex: 1;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 12px;
  padding-bottom: 12px;
  display: block;
  position: relative;
}

.text-field-contact.single:focus {
  background-color: #ecdad1;
}

.form-contact-wrapper {
  width: 100%;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #45474f;
  background-color: #fff;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
  font-family: Newyork, sans-serif;
  display: grid;
}

.success-message {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #924e52;
  border-radius: 0;
  margin-top: 20px;
  font-family: Newyork, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
}

.single-form-contact {
  max-width: 700px;
  color: rgba(12, 21, 47, .6);
  text-align: center;
  border-radius: 0;
  margin: 0 auto;
  font-size: 12px;
  display: block;
}

.error-message {
  width: 100%;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: red;
  border-radius: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Newyork, sans-serif;
  font-size: 10px;
  font-weight: 400;
}

.breadcrumbs-block {
  z-index: 3;
  width: 100%;
  color: #494848;
  background-color: #fff;
  border-top: 1px #000;
  border-bottom: 1px solid #fff;
  border-left: 1px #000;
  border-right: 1px #d4e4f0;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Newyork, sans-serif;
  font-size: 13px;
  line-height: 23px;
  display: flex;
  position: relative;
  top: auto;
  bottom: 0%;
  left: auto;
  right: 0%;
}

.label-link {
  width: 100%;
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px #e9e9e9;
  border-left-style: solid;
  margin: 0 0 0 -1px;
  padding: 10px 0;
  text-decoration: none;
  transition: background-color .4s;
  display: inline-block;
}

.label-link:hover {
  color: #000;
  background-color: #f1f1f1;
}

.label-link.w--current {
  color: #e64720;
  background-color: #fff;
}

.label-link.beadcrumbs {
  width: auto;
  color: #494848;
  border-style: none none none solid;
  border-color: #000 #000 #000 #fff;
  padding-left: 20px;
  padding-right: 20px;
}

.label-link.beadcrumbs:hover {
  background-color: #fffdf9;
}

.label-link.beadcrumbs.home {
  border-left-style: none;
}

.checkout-form {
  z-index: 1;
  color: #45474f;
  padding-top: 100px;
  padding-bottom: 100px;
  font-family: Newyork, sans-serif;
  position: relative;
}

.wrapper-checkout {
  width: 100%;
}

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

.sticky-bar {
  top: 120px;
}

.discount {
  flex-direction: column;
  margin-top: -1px;
  margin-bottom: 20px;
}

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

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

.hero-grid-image-last {
  z-index: 5;
  height: 100vh;
  background-color: #36473b;
  background-image: url('../images/丽醒华肤06210864-min_1.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-grid-image-5 {
  z-index: 5;
  height: 100vh;
  background-color: #fffdf9;
  background-image: url('../images/地图.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.no-iteam {
  color: #fffdf9;
  margin-bottom: 20px;
}

.cms-info-card-2 {
  padding-top: 20px;
  padding-bottom: 20px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.graphics {
  grid-template-columns: 1fr 1fr 1fr;
}

.wrapper-2 {
  width: 100%;
  max-width: 1200px;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.assets-card {
  height: 200px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.assets-card.three {
  background-image: url('../images/instagram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 48px;
}

.assets-card.two {
  background-image: url('../images/facebook.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 48px;
}

.assets-card.one {
  height: 200px;
  background-color: #fafafa;
  background-image: url('../images/twitter.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 48px;
  border-radius: 0;
}

.ads-grid {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  margin-bottom: 60px;
  display: grid;
}

.ads-grid.style-guide-row {
  grid-template-columns: .25fr 1fr;
  align-items: start;
  justify-items: start;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 0;
}

.image-unsplash {
  height: 200px;
  border-radius: 0;
}

.image-unsplash.five {
  background-image: url('../images/Portfolio34.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-unsplash.four {
  background-image: url('../images/Untitled-14.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-unsplash.two {
  background-image: url('../images/Project-10.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-unsplash.one {
  background-image: url('../images/Project-2.jpg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
}

.image-unsplash.six {
  background-image: url('../images/Untitled-7.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-unsplash.three {
  background-image: url('../images/5e4a66040928fffb58bc00ad_maksym-zakharyak-1155352-unsplash.jpeg');
  background-position: 50%;
  background-size: cover;
}

.dark-logo {
  filter: invert();
}

.image-team {
  height: 200px;
  background-color: #fff;
  border-radius: 0;
}

.image-team._3 {
  background-image: url('../images/Portfolio36.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-team._2 {
  background-image: url('../images/Portfolio35.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-team._4 {
  background-image: url('../images/Portfolio38.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-team._1 {
  background-color: #fff;
  background-image: url('../images/Untitled-15.jpg');
  background-position: 50%;
  background-size: cover;
}

.licenses {
  width: 100%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: center;
  justify-items: center;
  margin-bottom: 60px;
  display: grid;
}

.licenses.style-guide-row {
  grid-template-columns: .25fr 1fr;
  align-items: start;
  justify-items: start;
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 0;
}

.hero-blog-title {
  color: #fffdf9;
  text-align: center;
}

.mg-40px-top {
  margin-top: 40px;
}

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

.logo-grid {
  width: auto;
  max-width: 900px;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}

.logo {
  width: Infinity% ;
  height: 52px;
  margin-left: auto;
  margin-right: auto;
}

.preloader {
  z-index: 9999;
  background-color: rgba(0, 0, 0, .94);
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
  overflow: visible;
}

.preload-wrapper {
  width: 200px;
  height: auto;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.company-name-reload {
  color: #fff;
  letter-spacing: -2px;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 60px;
  font-weight: 500;
  line-height: 48px;
  text-decoration: none;
}

.underline {
  height: 1px;
  background-color: #ff6932;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.underline.darker {
  z-index: 2;
  width: 70%;
  background-color: #363636;
}

.loading-lottie {
  filter: invert();
  margin-right: 20px;
}

.image {
  display: inline-block;
}

.heading {
  color: #45474f;
  margin-bottom: 10px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.heading-2, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12, .heading-13, .list-2, .heading-14, .heading-15, .list-3, .heading-16 {
  font-family: 方正锐正圆, sans-serif;
}

.heading-18 {
  color: rgba(69, 71, 79, .7);
  font-family: 方正锐正圆, sans-serif;
}

.heading-19 {
  font-family: 方正锐正圆, sans-serif;
}

.image-2 {
  width: auto;
  object-fit: fill;
  overflow: visible;
}

.text-block-2 {
  border: 1px #000;
  font-family: 方正锐正圆, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.paragraph-7 {
  margin-top: 20px;
  margin-bottom: 0;
  font-family: 方正锐正圆, sans-serif;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: none;
}

.div-block-4, .list-4, .list-5 {
  font-family: 方正锐正圆, sans-serif;
}

.icon {
  color: #fff;
}

.heading-20 {
  color: rgba(69, 71, 79, .7);
  font-family: 方正锐正圆, sans-serif;
  font-size: 4em;
}

.paragraph-8 {
  color: rgba(69, 71, 79, .7);
  text-align: justify;
  font-family: 方正锐正圆, sans-serif;
  line-height: 1.3;
}

.div-block-5 {
  margin-left: auto;
  margin-right: auto;
}

.section-2 {
  -webkit-text-fill-color: inherit;
  background-color: #fffdf9;
  background-clip: border-box;
}

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

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

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

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

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

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

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

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

.shadow-two {
  box-shadow: 0 4px 24px rgba(150, 163, 181, .08);
}

.section-3 {
  background-color: #fff;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 140px;
  padding-bottom: 140px;
}

.grid {
  width: 80%;
  grid-column-gap: 28px;
  grid-row-gap: 29px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  margin-left: auto;
  margin-right: auto;
}

.heading-21 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: 方正锐正圆, sans-serif;
}

.grid-2 {
  grid-column-gap: 35px;
  grid-template-rows: minmax(auto, 6fr);
  grid-template-columns: 1fr 1.75fr;
}

.grid-3 {
  grid-template-rows: auto auto auto;
}

.paragraph-9 {
  margin-top: 20px;
}

.slider {
  height: 500px;
  object-fit: fill;
}

.paragraph-10 {
  color: #45474f;
  padding-left: 10px;
  font-family: 方正锐正圆, sans-serif;
}

.paragraph-11 {
  color: #45474f;
  font-family: 方正锐正圆, sans-serif;
}

.container-2, .mask {
  object-fit: fill;
}

.slide {
  object-fit: fill;
  background-image: url('../images/_INS8244.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-2 {
  object-fit: fill;
  background-image: url('../images/_INS8414-拷贝.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  overflow: visible;
}

.image-3 {
  object-fit: fill;
}

.paragraph-12 {
  color: #45474f;
  margin-top: 20px;
  font-family: 方正锐正圆, sans-serif;
  font-weight: 400;
  line-height: 1.5;
}

.paragraph-13 {
  color: #fff;
  text-align: left;
  letter-spacing: 1.5px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 2em;
}

.heading-22, .heading-23, .heading-24 {
  color: #e0bcb3;
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.2em;
}

.heading-25, .heading-26, .heading-27 {
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.2em;
}

.container-3 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 40px;
}

.div-block-7 {
  padding-top: 0;
}

.heading-28 {
  color: #e0bcb3;
  margin-bottom: 0;
  font-family: 方正锐正圆, sans-serif;
}

.heading-29, .heading-30, .heading-31 {
  margin-bottom: 0;
  font-family: 方正锐正圆, sans-serif;
}

.bold-text-2 {
  font-weight: 500;
}

.heading-32, .heading-33 {
  font-family: 方正锐正圆, sans-serif;
}

.heading-34 {
  color: rgba(69, 71, 79, .7);
  font-family: 方正锐正圆, sans-serif;
}

.feature-card-2 {
  z-index: 1;
  color: #924e52;
  text-align: left;
  background-color: rgba(0, 0, 0, 0);
  border: 0 #e0bcb3;
  border-radius: 0;
  flex-direction: column;
  flex: 270px;
  align-items: flex-start;
  margin-top: -1px;
  margin-left: -1px;
  padding: 0 30px 20px 20px;
  display: block;
  position: relative;
}

.services-big-number-2 {
  color: #e0bcb3;
  font-family: 方正锐正圆, sans-serif;
  font-size: 2em;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}

.top-title-section-2 {
  color: #45474f;
  letter-spacing: .8px;
  text-transform: uppercase;
  border-radius: 4px;
  margin-bottom: 12px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  display: inline-block;
}

.section-4 {
  z-index: 1;
  background-color: #fffdf9;
  border: 0 #000;
  padding: 60px 40px 100px;
  position: relative;
  overflow: hidden;
}

.wrapper-3 {
  width: 100%;
  max-width: 1200px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 60px;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.display-4 {
  margin-bottom: 10px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 2.5em;
}

.display-4._1-tittle {
  margin-bottom: 10px;
  font-family: 方正锐正圆, sans-serif;
  font-weight: 400;
  line-height: 1;
  transform: translate(-80px);
}

.display-4._2-title {
  color: #e0bcb3;
  font-family: 方正锐正圆, sans-serif;
  font-weight: 400;
  line-height: 1;
  transform: translate(80px);
}

.bold-text-3 {
  color: #e0bcb3;
}

.bold-text-4 {
  color: rgba(69, 71, 79, .7);
  font-weight: 400;
}

.bold-text-4.bigtitle {
  font-size: 1.3em;
}

.heading-35 {
  margin-top: 60px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.5em;
}

.paragraph-14 {
  font-family: 方正锐正圆, sans-serif;
  font-size: 15px;
}

.paragraph-15 {
  color: #45474f;
  font-family: 方正锐正圆, sans-serif;
  font-size: 15px;
}

.heading-36 {
  margin-top: 60px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.5em;
}

.heading-37 {
  color: #45474f;
  margin-top: 60px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.5em;
}

.heading-38 {
  margin-top: 60px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.5em;
}

.paragraph-16, .paragraph-17 {
  color: #45474f;
  font-family: 方正锐正圆, sans-serif;
  font-size: 15px;
}

.heading-39 {
  font-family: 方正锐正圆, sans-serif;
}

.image-4 {
  width: auto;
  height: auto;
}

.div-block-8 {
  height: auto;
}

.image-5 {
  height: 300px;
}

.container-4 {
  margin-top: 60px;
}

.section-1 {
  color: #fffdf9;
  background-image: linear-gradient(45deg, #e0bcb3, #fff);
  padding: 60px 40px;
}

.div-block-9 {
  width: 25%;
}

.paragraph-18 {
  margin-bottom: 0;
  padding-bottom: 10px;
}

.paragraph-19, .paragraph-20 {
  margin-bottom: 10px;
}

.section-5 {
  z-index: 1;
  background-color: #f5fcf5;
  border: 0 #000;
  padding: 100px 40px;
  position: relative;
  overflow: hidden;
}

.section-5.white {
  color: #fffdf9;
  background-color: #fff;
  margin-bottom: 0;
}

.div-block-10 {
  width: 100%;
  max-width: 1200px;
}

.div-block-11 {
  background-image: url('../images/birgith-roosipuu-W71jxsXrwyQ-unsplash.jpg');
  background-position: 50%;
  background-size: cover;
}

.div-block-12 {
  max-width: 100%;
  /* background-image: url('../images/丽醒华肤logo-B.png'); */
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 0;
  padding-bottom: 0;
}

.div-block-13 {
  padding: 40px 60px 140px;
}

.paragraph-21 {
  color: rgba(69, 71, 79, .6);
  text-align: center;
  padding-left: 300px;
  padding-right: 300px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 2em;
}

.heading-40 {
  color: #fff;
  margin-top: 40px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 4em;
}

.section-6 {
  background-image: linear-gradient(#ecdad1, #ecdad1);
}

.slide-3 {
  background-image: url('../images/_INS8605-拷贝.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.slide-4 {
  background-image: url('../images/_INS8519-拷贝.JPG');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.grid-4 {
  grid-template-columns: 1fr 1fr 1fr;
}

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

.heading-41 {
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.5em;
}

.section-7 {
  background-image: linear-gradient(rgba(237, 225, 204, .7) 70%, rgba(247, 243, 236, .7));
  padding: 100px 40px 140px;
}

.section-8 {
  background-image: linear-gradient(#fff, #fff);
  padding-top: 60px;
  padding-bottom: 100px;
}

.heading-42 {
  color: #e0bcb3;
  text-align: center;
  font-family: 方正锐正圆, sans-serif;
  font-size: 3em;
}

.section-9 {
  background-image: linear-gradient(#fffdf9, #fffdf9);
  padding: 0 40px 100px;
}

.container-5 {
  display: flex;
}

.image-6 {
  height: 25px;
  padding-left: 40px;
}

.text-span {
  color: rgba(69, 71, 79, .7);
}

.paragraph-22 {
  color: #45474f;
  text-align: center;
  margin-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
  font-family: 方正锐正圆, sans-serif;
}

.slide-5 {
  background-image: url('../images/IMG_1488.JPG');
  background-position: 0 0;
  background-size: contain;
}

.heading-44 {
  color: rgba(69, 71, 79, .7);
  font-family: 方正锐正圆, sans-serif;
  font-size: 4em;
}

.heading-46 {
  color: rgba(69, 71, 79, .7);
  font-family: 方正锐正圆, sans-serif;
}

.heading-46.product {
  color: #e0bcb3;
}

.section-10 {
  background-image: url('../images/丽醒华肤_辅助图形-01.svg'), linear-gradient(#fffdf9, #fffdf9);
  background-position: 0 0, 0 0;
  background-size: auto, auto;
}

.paragraph-23 {
  color: rgba(69, 71, 79, .7);
  text-align: center;
  padding-left: 100px;
  padding-right: 100px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.5em;
}

.container-6 {
  max-width: 100%;
}

.paragraph-24 {
  color: rgba(69, 71, 79, .7);
  padding-top: 0;
  padding-bottom: 40px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 2em;
  font-weight: 500;
}

.section-11 {
  background-image: linear-gradient(#fffdf9, #fffdf9);
}

.columns {
  padding-left: 100px;
  padding-right: 100px;
}

.heading-47 {
  color: rgba(69, 71, 79, .7);
  font-family: 方正锐正圆, sans-serif;
  font-size: 3em;
  font-weight: 500;
}

.paragraph-25 {
  color: #45474f;
  font-family: 方正锐正圆, sans-serif;
}

.section-12 {
  background-image: linear-gradient(rgba(247, 243, 236, .7) 70%, rgba(236, 218, 209, .8));
  padding: 100px 40px 140px;
}

.section-13 {
  background-image: linear-gradient(#fffdf9, #fffdf9);
  padding-top: 60px;
  padding-left: 60px;
  padding-right: 60px;
}

.nav-link.w--current {
  color:rgb(198, 46, 46);
  padding: 20px 20px 10px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 16px;
  line-height: 24px;
}

.nav-link.w--current:hover {
  color: rgb(198, 46, 46);
}

.nav-link.nav-text {
  cursor: pointer;
  mix-blend-mode: normal;
  padding: 0 20px;
  font-size: 15px;
  line-height: 15px;
}

.nav-link.nav-text:hover {
  color: rgb(198, 46, 46);
  font-size: 15px;
  line-height: 15px;
}

.nav-link.nav-text.w--current {
  padding-top: 0;
  padding-bottom: 0;
}

.section-14 {
  background-image: linear-gradient(#fffdf9, #fffdf9);
  padding: 60px 100px;
}

.text-block-3 {
  color: rgba(69, 71, 79, .7);
  padding-bottom: 10px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}

.grid-5 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-15 {
  background-image: linear-gradient(#fffdf9, #fffdf9);
  padding: 100px;
}

.div-block-14 {
  margin-left: auto;
  margin-right: auto;
  padding-left: 70px;
  padding-right: 70px;
}

.div-block-15 {
  width: 100%;
}

.text-block-4 {
  font-family: 方正锐正圆, sans-serif;
}

.text-block-4.heading-32 {
  color: #45474f;
  border-bottom: 1px #45474f;
  margin-top: 10px;
  padding-left: 0;
  font-size: 1.5em;
  line-height: 1.3em;
}

.column {
  padding-right: 20px;
}

.div-block-16 {
  margin-top: 0;
  padding-left: 5px;
  display: flex;
}

.text-block-5 {
  color: #e0bcb3;
  margin-top: 10px;
  margin-left: 0;
  font-family: 方正锐正圆, sans-serif;
  font-size: 1.5em;
  line-height: 1.3em;
}

.image-7 {
  width: auto;
  max-width: 100%;
  padding-top: 0;
}

.image-8 {
  max-width: 22%;
}

.image-9 {
  width: auto;
  max-width: 102%;
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
}

.text-block-6 {
  color: #45474f;
  margin-bottom: 10px;
  font-family: 方正锐正圆, sans-serif;
  font-size: 15px;
  line-height: 24px;
}

.div-block-19 {
  z-index: auto;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-20 {
  background-color: #fffdf9;
  background-image: url('../images/丽醒华肤06210902-min.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero-grid-wrapper-2.second {
  z-index: 4;
  height: 100%;
  background-color: #e8f5e8;
  position: relative;
  overflow: hidden;
}

.hero-grid-image-2 {
  height: 100vh;
  background-color: #36473b;
  background-image: url('../images/丽醒华肤06211880-min_1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.hero-last {
  z-index: 3;
  background-image: url('../images/丽醒华肤06210864-min_1.jpg');
  background-position: 0 0;
  background-size: cover;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-block-23 {
  background-image: url('../images/地图_1000_1700mm-制作文件_画板-1.png');
  background-position: 0 0;
  background-size: cover;
}

.text-block-7 {
  color: #e0bcb3;
}

.image-10 {
  max-width: 96%;
  padding-top: 3px;
  padding-bottom: 0;
}

.text-block-8 {
  color: #e0bcb3;
  text-align: center;
  font-family: 方正锐正圆, sans-serif;
  font-size: 5em;
}

.section-16 {
  padding-top: 60px;
  padding-left: 100px;
  padding-right: 100px;
}

.container-8 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.column-2, .column-3, .column-4, .column-5 {
  padding-left: 20px;
  padding-right: 20px;
}

.columns-2 {
  padding-top: 40px;
}

.paragraph-26 {
  color: #45474f;
  text-align: center;
  font-family: 方正锐正圆, sans-serif;
}

.paragraph-27 {
  color: #45474f;
  text-align: center;
  font-family: 方正锐正圆, sans-serif;
  font-weight: 400;
}

.paragraph-28, .paragraph-29 {
  color: #45474f;
  text-align: center;
  font-family: 方正锐正圆, sans-serif;
}

.paragraph-30 {
  color: #45474f;
  text-align: center;
  margin-bottom: 0;
  font-family: 方正锐正圆, sans-serif;
  font-size: 20px;
}

@media screen and (min-width: 1280px) {
  .blog{
    height: 600px !important;
  }
  .blog1{
    height: 800px !important;
  }
   .blog2{
    height: 1300px !important;
  } .blog3{
    height: 800px !important;
  } .blog4{
    height: 700px !important;
  } .blog5{
    height: 600px !important;
  } .blog6{
    height: 800px !important;
  } .blog7{
    height: 600px !important;
  }
  
  body {
    color: #45474f;
  }

  h1, p {
    color: #36473b;
  }

  .sroll-link {
    color: #36473b;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
  }

  .text-content {
    color: #36473b;
  }

  .nav-text {
    color: #000;
  }

  .logo-text {
    color: #fff;
    font-weight: 400;
  }

  .wrapper.footer {
    max-width: 100%;
  }

  .section {
    overflow: hidden;
  }

  .top-title-section {
    color: #e0bcb3;
  }

  .bottom-margin-60px {
    padding-top: 0;
  }

  .toggle-heading, .portfolio-content {
    color: #36473b;
  }

  .hero-grid-intro {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to top, #e0bcb3, #fff);
    margin-top: 0;
  }

  .footer-grid {
    grid-template-columns: 3fr 1fr 1fr;
  }

  .footer-white {
    margin: 0;
    padding: 60px 60px 20px;
  }

  .footer-bottom.dark {
    justify-content: space-between;
  }

  .social-icons-wrapper {
    margin-top: 10px;
  }

  .footer-side.left.gray {
    text-align: right;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    display: flex;
  }

  .logo-link {
    text-decoration: none;
    display: flex;
  }

  .white-paragraph {
    color: #fff;
  }

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

  .paragraph-small {
    color: #626a8a;
    line-height: 1.5em;
  }

  .list-dot.bg-primary-1 {
    background-color: #de39ff;
  }

  .grid-button {
    width: 100%;
    grid-template-rows: auto;
  }

  .style-guide-contents {
    width: 100%;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .icon-list-item-2 {
    border-bottom-color: #251e38;
  }

  .typography-container {
    width: 100%;
  }

  .checkmark-circle {
    background-color: #de39ff;
    background-image: linear-gradient(#de39ff, #3982ff);
  }

  .display {
    font-size: 120px;
  }

  .style-guide-title {
    height: 100%;
    background-color: #ecdad1;
    border-radius: 0;
    padding-top: 36px;
    padding-bottom: 35px;
  }

  .grid-thirds {
    grid-template-columns: 1fr;
  }

  .style-guide-iteam-wrapper {
    background-color: #1b1629;
    border-radius: 0;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

  .style-guide-iteam-wrapper.gray {
    border-radius: 0;
  }

  .list-item {
    border-bottom-style: solid;
  }

  .page-header {
    background-image: url('../images/不够2-01.jpg');
  }

  .team-name.position {
    margin-bottom: 0;
  }

  .team-name-link {
    justify-content: flex-end;
  }

  .video-back-ground {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  }

  .display-2._1-tittle {
    color: rgba(69, 71, 79, .7);
  }

  .achivement-wapper {
    border-style: none;
    border-radius: 0;
    margin-top: 0;
  }

  .team-info-card {
    height: auto;
  }

  .button-4 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .hero-grid-image-5 {
    background-image: url('../images/地图.jpg');
  }

  .heading-20 {
    color: rgba(69, 71, 79, .7);
  }

  .paragraph-8 {
    color: rgba(69, 71, 79, .7);
    text-align: left;
    font-family: 方正锐正圆, sans-serif;
    line-height: 1.4;
  }

  .top-title-section-2 {
    color: #36473b;
  }

  .section-4, .section-5 {
    overflow: hidden;
  }

  .text-block-4.heading-32 {
    text-align: left;
  }

  .column {
    padding-right: 20px;
  }

  .text-block-6 {
    display: flex;
  }

  .div-block-17, .div-block-18 {
    text-align: left;
  }
}

@media screen and (min-width: 1600px) {
  .blog{
    height: 600px !important;
  }
  .blog1{
    height: 900px !important;
  }
   .blog2{
    height: 2000px !important;
  } .blog3{
    height: 900px !important;
  } .blog4{
    height: 1000px !important;
  } .blog5{
    height: 800px !important;
  } .blog6{
    height: 1100px !important;
  } .blog7{
    height: 800px !important;
  }
}

@media screen and (max-width: 1700px) {
  .blog{
    height: 600px !important;
  }
  .blog1{
    height: 900px !important;
  }
   .blog2{
    height: 1900px !important;
  } .blog3{
    height: 800px !important;
  } .blog4{
    height: 900px !important;
  } .blog5{
    height: 700px !important;
  } .blog6{
    height: 800px !important;
  } .blog7{
    height: 800px !important;
  }
  .footer{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .footer-link{
    font-size: 18px;
  }
  .footer-link a{
    margin-left: 0px;
    width: 50%;
    text-align: center;
  }
  .footer-left{
    width: 100%;
    display:block;
  }
  .footer-link{
    width: 100%;
  }
  .footer-column{
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .footer-right{
    width: 100%;
    /* display:block;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center; */
  }
  .contact{
    font-size: 18px;
  }
}

@media screen and (max-width: 1024px) {

  .blog{
    height: 500px !important;
  }
  .blog1{
    height: 500px !important;
  }
   .blog2{
    height: 1100px !important;
  } .blog3{
    height: 600px !important;
  } .blog4{
    height: 500px !important;
  } .blog5{
    height: 400px !important;
  } .blog6{
    height: 600px !important;
  } .blog7{
    height: 400px !important;
  }

  .footer{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .footer-link{
    font-size: 18px;
  }
  .footer-link a{
    margin-left: 0px;
    width: 50%;
    text-align: center;
  }
  .footer-left{
    width: 100%;
    display:block;
  }
  .footer-link{
    width: 100%;
  }
  .footer-column{
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .footer-right{
    display:block;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .contact{
    font-size: 18px;
  }
}

/* @media screen and (min-width: 1240px) {

  .blog{
    height: 600px !important;
  }
  .blog1{
    height: 800px !important;
  }
   .blog2{
    height: 1500px !important;
  } .blog3{
    height: 800px !important;
  } .blog4{
    height: 700px !important;
  } .blog5{
    height: 600px !important;
  } .blog6{
    height: 800px !important;
  } .blog7{
    height: 600px !important;
  }
} */

@media screen and (max-width: 1440px) {

  .blog{
    height: 600px !important;
  }
  .blog1{
    height: 600px !important;
  }
   .blog2{
    height: 1300px !important;
  } .blog3{
    height: 700px !important;
  } .blog4{
    height: 600px !important;
  } .blog5{
    height: 600px !important;
  } .blog6{
    height: 700px !important;
  } .blog7{
    height: 600px !important;
  }

  figcaption {
    margin-bottom: 20px;
  }

  .sroll-link {
    text-transform: capitalize;
    margin-right: 0;
    font-size: 16px;
    font-weight: 500;
  }

  .sroll-link.w--current {
    color: #fa7436;
    font-weight: 500;
  }

  .sroll-link.w--current:hover {
    border: 1px #000;
    text-decoration: none;
  }

  .text-content {
    overflow: hidden;
  }

  .nav-text {
    font-weight: 500;
  }

  .logo-text {
    font-weight: 400;
  }

  .wrapper.nav, .wrapper.footer {
    max-width: 100%;
  }

  .btn-primary {
    background-color: #e0bcb3;
    border-radius: 10px;
    font-size: 12px;
  }

  .btn-primary:hover {
    color: #fff;
    background-color: #924e52;
  }

  .btn-primary.newsletter {
    border-radius: 10px;
  }

  .nav-text-name {
    color: #e0bcb3;
    font-weight: 500;
  }

  .section {
    padding-left: 60px;
    padding-right: 60px;
  }

  .section.features {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .section.visible {
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 220px;
  }

  .top-title-section {
    color: #e0bcb3;
    font-family: Optima, sans-serif;
  }

  .max-w-center {
    flex-flow: row;
  }

  .bottom-margin-60px {
    padding-top: 0;
  }

  .grid-faq.top-align {
    grid-template-columns: 2fr 1fr;
  }

  .portfolio {
    height: 500px;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
  }

  .hero-grid-intro {
    color: #fff;
  }

  .left-hero-content.left {
    max-width: 500px;
  }

  .hero-grid-image {
    background-image: url('../images/丽醒华肤06210864-min_1.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .hero-grid-wrapper.second {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to top, #e0bcb3, #fff);
    display: block;
  }

  .button-wrapper {
    align-items: flex-start;
  }

  .hero-grid-home-vr-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    display: grid;
  }

  .max-w {
    flex-flow: row;
  }

  .cta-card {
    max-width: 800px;
    color: #fff;
    text-align: center;
    background-color: rgba(0, 0, 0, 0);
  }

  .footer-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 3fr 1fr 1fr;
  }

  .footer-white {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    margin-top: 0;
    padding: 60px 150px 20px;
  }

  .footer-bottom {
    color: #cfd2ec;
  }

  .footer-side.left.gray {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    border-radius: 0;
    align-items: flex-start;
    margin-left: 0;
  }

  .white-paragraph {
    font-family: 方正锐正圆, sans-serif;
  }

  .big-paragraph {
    color: #3c4153;
    font-family: 方正锐正圆, sans-serif;
  }

  .list {
    width: 79.3935%;
  }

  .check-circle {
    background-color: #e0bcb3;
  }

  .pricing {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
  }

  .flex-wrapper {
    left: 0;
    overflow: visible;
  }

  .paragraph-small {
    color: #924e52;
    font-family: 方正锐正圆, sans-serif;
  }

  .style-guide-color.primary-1 {
    background-color: #e0bcb3;
  }

  .style-guide-color.primary-3 {
    background-color: #494848;
  }

  .style-guide-color.primary-2 {
    background-color: #924e52;
  }

  .style-guide-color.primary-4 {
    background-color: #45474f;
  }

  .style-guide-color.primary-5 {
    background-color: #fff;
  }

  .style-guide-color.primary-6 {
    background-color: #ecdad1;
  }

  .style-guide-color.primary7 {
    background-color: #fffdf9;
  }

  .grid-button {
    width: 100%;
  }

  .display {
    font-family: 方正锐正圆, sans-serif;
  }

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

  .display.white._1 {
    font-family: 方正锐正圆, sans-serif;
    font-size: 5em;
  }

  .style-guide-title {
    background-color: #ecdad1;
    border-radius: 0;
  }

  .style-guide-iteam-wrapper {
    text-align: center;
    border-radius: 0;
  }

  .list-div {
    width: auto;
  }

  .list-item {
    color: #000;
    border: 1px #000;
    border-top-width: 2px;
    border-bottom: 1px solid #e0bcb3;
    align-items: center;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 16px;
  }

  .list-item.awward {
    margin-top: 20px;
    margin-bottom: 80px;
    padding-bottom: 0;
    font-size: 18px;
  }

  .page-header {
    height: 700px;
    background-image: url('../images/不够2-01.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .page-header.categorie-projects {
    background-image: url('../images/丽醒华肤06212183-min.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .page-header.blog {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/丽醒华肤06212002-min_1.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: flex-end;
  }
  .page-header.blog1 {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/丽醒华肤_02.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: flex-end;
  }
 .page-header.blog2{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/丽醒华肤_03.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: flex-end;
  }
  .page-header.blog3{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/丽醒华肤_04.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: flex-end;
  }
  .page-header.blog4{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/丽醒华肤_05.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: flex-end;
  }
  .page-header.blog5{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/丽醒华肤_06.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: flex-end;
  }
  .page-header.blog6{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/丽醒华肤_07.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: flex-end;
  }
  .page-header.blog7{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/丽醒华肤_08.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: flex-end;
  }
  .page-header.blog8{
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/丽醒华肤_09.jpg');
    background-position: 0 0, 0%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
    justify-content: flex-end;
  }

  

  .page-header.blog-categories {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/matthew-ball-xVdIFT7_G0I-unsplash.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .page-header.about {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/karim-ghantous-dxS2okXd-zo-unsplash.jpg');
    background-position: 0 0, 0 0;
    background-size: auto, 2000px;
  }

  .page-header.pricing {
    background-image: url('../images/image32-min-p-800_1.jpeg');
  }

  .page-header.cantact {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/丽醒华肤06211100-min.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .team-name {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 45px;
  }

  .team-name.position {
    margin-bottom: 0;
  }

  .team-name-link {
    width: 500px;
    height: 600px;
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .team-name-link._4 {
    height: 600px;
    justify-content: flex-end;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
  }

  .team-author-avatar {
    height: 600px;
    background-image: url('../images/Portfolio35.jpg');
    justify-content: center;
  }

  .team-author-avatar._3 {
    height: 600px;
    background-image: url('../images/Portfolio36.jpg');
    justify-content: flex-end;
  }

  .team-author-avatar._2 {
    height: 600px;
    background-image: url('../images/Portfolio39.jpg');
    align-items: flex-end;
  }

  .team-author-avatar._1 {
    background-image: url('../images/Portfolio35.jpg');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
  }

  .team-author-avatar._4 {
    background-image: url('../images/Portfolio38.jpg');
  }

  .video-back-ground {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  }

  .hero-info-div {
    flex: 0 auto;
    align-self: auto;
    margin-left: 0;
  }

  .bubble-icon {
    background-color: #1b1629;
  }

  .highlighted-text {
    background-color: rgba(224, 188, 179, .43);
  }

  .display-3._1, .display-3._2 {
    font-family: 方正锐正圆, sans-serif;
  }

  .sticky-position._80px {
    top: 140px;
  }

  .display-2 {
    font-family: 方正锐正圆, sans-serif;
  }

  .display-2._1-tittle, .display-2._2-title {
    color: rgba(69, 71, 79, .7);
  }

  .overlay-bg {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5));
  }

  .team-member-image {
    max-height: none;
  }

  .slider-right-arrow._1 {
    margin-right: -400px;
  }

  .slider-left-arrow._1 {
    margin-left: -280px;
  }

  .achivement-wapper {
    border: 0 rgba(0, 0, 0, 0);
  }

  .overlay-div._2 {
    background-image: none;
  }

  .richtext-presentation h3, .richtext-presentation p, .richtext-presentation blockquote, .richtext-presentation h5, .richtext-presentation h6, .richtext-presentation h4, .richtext-presentation h2 {
    font-family: 方正锐正圆, sans-serif;
  }

  .arrow-icon {
    width: 80px;
  }

  .skill-list {
    width: 100%;
  }

  .team-info-card {
    width: 100%;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .navigation {
    background-color: rgba(0, 0, 0, 0.05);
    padding-left: 60px;
    padding-right: 60px;
  }

  .navigation-wrapper-link {
    margin-top: 18px;
    margin-bottom: 18px;
  }

  .button-4 {
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #0456f1;
    border-bottom-width: 4px;
    padding: 16px 30px;
    font-size: 12px;
    font-weight: 700;
    transition-property: border-width;
    display: inline-block;
  }

  .button-4:hover {
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 500;
  }

  .hero-grid-image-3 {
    background-image: url('../images/丽醒华肤06211880-min_1-p-800_1.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .hero-grid-image-4 {
    z-index: auto;
    background-image: url('../images/丽醒华肤06210902-min.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .block-quote, .italic-text, .bold-text, .paragraph-6 {
    font-family: 方正锐正圆, sans-serif;
  }

  .hero-grid-image-5 {
    background-position: 50%;
  }

  .preloader {
    display: none;
  }

  .underline.darker {
    background-color: #363636;
  }

  .image {
    max-width: 100%;
    padding-top: 0;
    padding-bottom: 0;
  }

  .heading, .heading-2, .heading-3, .heading-4, .heading-5, .heading-6, .heading-7, .heading-8, .heading-9, .heading-10, .heading-11, .heading-12, .list-item-2, .list-item-3, .list-item-4, .heading-13, .list-2, .heading-14, .div-block-3, .heading-15, .list-3, .heading-16, .heading-17 {
    font-family: 方正锐正圆, sans-serif;
  }

  .image-2 {
    object-fit: fill;
    position: static;
  }

  .text-block-2 {
    color: #45474f;
  }

  .heading-20, .paragraph-8 {
    color: rgba(69, 71, 79, .7);
  }

  .section-3 {
    background-color: #fff;
    padding-left: 0;
  }

  .grid-2 {
    grid-template-rows: minmax(100%, 2.5fr);
  }

  .paragraph-9 {
    color: #45474f;
  }

  .div-block-6 {
    padding-right: 26px;
  }

  .slider {
    height: auto;
  }

  .paragraph-10 {
    color: #45474f;
  }

  .paragraph-11 {
    letter-spacing: .8px;
    font-family: Optima, sans-serif;
    font-weight: 400;
    line-height: 2;
  }

  .slider-2 {
    height: 650px;
    object-fit: fill;
  }

  .mask {
    height: 500px;
  }

  .paragraph-12 {
    color: #45474f;
  }

  .paragraph-13 {
    color: #fff;
    text-align: left;
    margin-right: 0;
    font-family: 方正锐正圆, sans-serif;
    font-size: 2em;
  }

  .container-3 {
    border-top-color: #45474f;
    border-bottom-color: #45474f;
  }

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

  .paragraph-15 {
    font-family: 方正锐正圆, sans-serif;
    font-size: 15px;
  }

  .heading-36 {
    font-family: 方正锐正圆, sans-serif;
  }

  .paragraph-18, .paragraph-19, .paragraph-20 {
    color: #45474f;
  }

  .div-block-10 {
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-12 {
    max-width: 90%;
  }

  .dropdown-link {
    color: #45474f;
    background-image: linear-gradient(#fffdf9, #fffdf9);
  }

  .dropdown-link:visited {
    color: #e0bcb3;
    background-image: linear-gradient(#fffdf9, #fffdf9);
  }

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

  .heading-41 {
    color: #fff;
    margin-bottom: 0;
  }

  .section-7 {
    background-image: linear-gradient(rgba(237, 225, 204, .7) 70%, rgba(247, 243, 236, .7));
  }

  .section-8 {
    background-image: none;
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .heading-42 {
    color: #e0bcb3;
    text-align: center;
    font-family: 方正锐正圆, sans-serif;
    font-size: 3em;
  }

  .text-block-4.heading-32 {
    text-align: left;
  }

  .column {
    padding-right: 60px;
  }

  .div-block-22 {
    background-image: url('../images/丽醒华肤06210902-min.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .hero-grid-image-2 {
    background-image: url('../images/丽醒华肤06212446-min.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .hero-last {
    background-image: url('../images/丽醒华肤06210864-min_1.jpg');
    background-position: 0 0;
    background-size: cover;
  }
}

@media screen and (min-width: 1920px) {
  .blog{
    height: 600px !important;
  }
  .blog1{
    height: 1000px !important;
  }
   .blog2{
    height: 1980px !important;
  } .blog3{
    height: 1000px !important;
  } .blog4{
    height: 900px !important;
  } .blog5{
    height: 840px !important;
  } .blog6{
    height: 1100px !important;
  } .blog7{
    height: 850px !important;
  }
  

  h1, blockquote {
    color: #45474f;
  }

  .sroll-link {
    color: #45474f;
    padding-bottom: 10px;
  }

  .text-content, .nav-text {
    color: #000;
  }

  .nav-menu {
    margin-top: 0;
    padding-top: 30px;
  }

  .logo-text {
    color: #fff;
    position: relative;
  }

  .wrapper {
    text-align: center;
    align-items: flex-start;
    display: flex;
  }

  .wrapper.nav, .wrapper.footer {
    max-width: 100%;
  }

  .btn-primary {
    letter-spacing: 1px;
    background-color: #e0bcb3;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 600;
    transition: letter-spacing .4s, background-color .4s;
  }

  .btn-primary:hover {
    letter-spacing: 2px;
    background-color: #924e52;
  }

  .btn-primary.newsletter {
    width: 100%;
    border-radius: 10px;
    margin-top: 20px;
    display: block;
  }

  .section {
    color: #626a8a;
  }

  .section.features {
    padding-left: 0;
    padding-right: 0;
  }

  .section.white {
    background-image: linear-gradient(rgba(236, 218, 209, .8) 70%, rgba(237, 225, 204, .7));
  }

  .section.fact.white {
    padding-top: 0;
    padding-bottom: 0;
  }

  .top-title-section {
    color: #e0bcb3;
  }

  .bottom-margin-60px {
    padding-top: 0;
  }

  .accordion-card {
    border-top-color: #45474f;
    border-bottom-color: #45474f;
  }

  .accordion-head {
    background-color: rgba(0, 0, 0, 0);
  }

  .portfolio-image.vr-2 {
    background-size: cover;
  }

  .portfolio._2 {
    height: 550px;
  }

  .hero-grid-wrapper.second {
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(to top, #e0bcb3, #fff);
  }

  .faq-overlay-color, .cta-card {
    background-color: rgba(0, 0, 0, 0);
  }

  .footer-grid {
    grid-template-columns: 3fr 1fr 1fr;
  }

  .footer-white {
    border-radius: 0;
    margin-top: 0;
    padding: 60px 150px 20px;
  }

  .footer-side.left.gray {
    text-align: left;
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    align-items: flex-start;
    margin-left: 0;
  }

  .big-paragraph {
    color: #45474f;
    text-align: left;
  }

  .check-circle {
    background-color: #e0bcb3;
  }

  .feature-card {
    background-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-color: #fff;
  }

  .list-dot.bg-primary-1 {
    background-color: #e0bcb3;
  }

  .text-small {
    color: #fff;
  }

  .checkmark-circle {
    background-color: #e0bcb3;
    background-image: none;
  }

  .display {
    font-size: 10em;
  }

  .display.white {
    text-align: left;
  }

  .display.white._1, .display.white._2, .display.white._3 {
    margin-bottom: 0;
  }

  .card.style-guide-color-card {
    background-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-radius: 0;
  }

  .style-guide-title {
    background-color: #fff;
    border-style: none;
    border-radius: 0;
  }

  .divider {
    background-color: #fff;
  }

  .style-guide-iteam-wrapper {
    border-radius: 0;
  }

  .list-div.awward {
    text-align: left;
  }

  .list-item {
    border-bottom-width: 1px;
    border-bottom-color: #924e52;
  }

  .list-item.awward {
    border-bottom-style: solid;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .page-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url('../images/不够2-01.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .page-header.categorie-projects {
    background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3)), url('../images/丽醒华肤06212183-min-p-1600.jpg');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    background-attachment: scroll, scroll;
  }

  .page-header.blog {
    background-image: url('../images/丽醒华肤06212002-min_1.jpg');
    background-position: 0%;
    background-size: 100%;
  }
  .page-header.blog1 {
    background-image: url('../images/丽醒华肤_02.jpg');
    background-position: 0%;
    background-size: 100%;
  }
  .page-header.blog2 {
    background-image: url('../images/丽醒华肤_03.jpg');
    background-position: 0%;
    background-size: 100%;
  }
  .page-header.blog3 {
    background-image: url('../images/丽醒华肤_04.jpg');
    background-position: 0%;
    background-size: 100%;
  }
  .page-header.blog4 {
    background-image: url('../images/丽醒华肤_05.jpg');
    background-position: 0%;
    background-size: 100%;
  }
  .page-header.blog5 {
    background-image: url('../images/丽醒华肤_06.jpg');
    background-position: 0%;
    background-size: 100%;
  }
  .page-header.blog6 {
    background-image: url('../images/丽醒华肤_07.jpg');
    background-position: 0%;
    background-size: 100%;
  }
  .page-header.blog7{
    background-image: url('../images/丽醒华肤_08.jpg');
    background-position: 0%;
    background-size: 100%;
  }
  .page-header.blog8 {
    background-image: url('../images/丽醒华肤_09.jpg');
    background-position: 0%;
    background-size: 100%;
  }
  


  .page-header.blog-categories {
    margin-bottom: auto;
  }

  .page-header.about {
    z-index: 1;
    background-position: 50%;
    background-size: cover;
  }

  .page-header.pricing {
    background-position: 50%;
    background-size: cover;
  }

  .team-name.position {
    margin-bottom: 0;
  }

  .team-name-link, .team-name-link._4 {
    margin-left: 0;
    margin-right: 0;
  }

  .team-author-avatar._3 {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-author-avatar._2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-author-avatar._1 {
    background-image: url('../images/Portfolio35.jpg');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    padding-left: 20px;
    padding-right: 20px;
  }

  .team-author-avatar._4 {
    background-image: url('../images/Portfolio38.jpg');
    padding-left: 20px;
    padding-right: 20px;
  }

  .video-back-ground {
    height: 100vh;
    background-image: linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7));
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .scroll-link {
    left: 0;
  }

  .bubble-icon {
    background-color: #1b1629;
  }

  ._60px-padding {
    height: auto;
  }

  .hero-quotes {
    align-self: center;
    display: block;
  }

  .display-3._1 {
    color: #e0bcb3;
  }

  .display-2 {
    color: #45474f;
  }

  .display-2._1-tittle, .display-2._2-title {
    color: rgba(69, 71, 79, .7);
  }

  .button-link {
    left: 0;
  }

  .footer-text {
    font-weight: 400;
  }

  .team-member-image {
    width: 160px;
    height: 160px;
  }

  .testimonial-container {
    color: #626a8a;
  }

  .achivement-wapper {
    max-width: 900px;
    border: 1px #000;
  }

  .achivements-grid {
    width: 900px;
  }

  .achivement-block.lines {
    border-right-color: #45474f;
  }

  .title-insights {
    color: #45474f;
  }

  .project-image {
    justify-content: center;
    align-items: center;
    padding-top: 0;
    display: flex;
  }

  .overlay-div {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .overlay-div._2 {
    background-image: linear-gradient(rgba(0, 0, 0, .2), rgba(0, 0, 0, .2));
  }

  .richtext-presentation {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .categories-list.blog {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .category-direct-link.white {
    color: #fff;
    border-color: #fff;
    margin-bottom: 0;
  }

  .category-direct-link.white:hover {
    color: #45474f;
    background-color: #fff;
  }

  .collection-list-categories {
    grid-template-areas: ". . . Area";
  }

  .collection-blog-categories {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .cta-quote {
    text-align: left;
  }

  .skills-list-item, .skills-text {
    font-family: Newyork, sans-serif;
  }

  .skill-progress._1, .skill-progress._2, .skill-progress._3, .skill-progress._4 {
    background-color: #45474f;
  }

  .skill-list {
    width: 100%;
  }

  .team-info-card {
    width: 100%;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  .pricing-div.line {
    background-color: #fff;
    border-color: #fff;
  }

  .pricing-grid.two-row {
    border-style: none;
  }

  .navigation {
    flex: 1;
    justify-content: flex-end;
    padding-left: 60px;
    padding-right: 60px;
  }

  .cart-wrapper {
    background-color: rgba(17, 34, 23, .98);
  }

  .button-4 {
    background-color: #0259ff;
    border: 1px #000;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;
  }

  .button-4:hover {
    background-color: #03235f;
    border-radius: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 700;
  }

  .navbar-cart {
    background-color: rgba(0, 0, 0, 0);
  }

  .hero-grid-image-3 {
    background-image: url('../images/丽醒华肤06211606-min.jpg');
  }

  .form-contact-wrapper {
    background-color: #fff;
  }

  .breadcrumbs-block {
    background-color: #fff;
    border: 1px #000;
    border-bottom: 1px solid #fff;
    font-family: Newyork, sans-serif;
  }

  .label-link.beadcrumbs {
    border-style: none none none solid;
    border-color: #000 #000 #000 #fff;
  }

  .label-link.beadcrumbs:hover {
    background-color: #fffdf9;
  }

  .label-link.beadcrumbs.home {
    border-style: none;
    border-color: #000;
  }

  .label-link.beadcrumbs.home:hover {
    background-color: #fffdf9;
  }

  .div-block-2 {
    border-bottom: 1px #000;
  }

  .div-flex {
    text-align: left;
  }

  .logo-grid {
    width: 100%;
  }

  .underline {
    background-color: #778799;
  }

  .subscript {
    text-align: left;
  }

  .slider {
    width: 100%;
    height: 100%;
  }

  .mask {
    height: 600px;
  }

  .paragraph-12 {
    text-align: left;
  }

  .paragraph-13 {
    color: #fff;
    font-size: 2em;
  }

  .heading-34 {
    align-self: center;
    font-size: 5em;
    font-weight: 400;
  }

  .feature-card-2 {
    background-color: rgba(0, 0, 0, 0);
    border-style: solid;
    border-color: #d6e4d6;
  }

  .top-title-section-2 {
    color: #445c4c;
  }

  .section-4 {
    color: #626a8a;
  }

  .wrapper-3 {
    display: flex;
  }

  .display-4, .display-4._1-tittle, .display-4._2-title {
    color: #112217;
  }

  .section-5 {
    color: #626a8a;
  }

  .div-block-10 {
    justify-content: center;
    align-items: stretch;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .paragraph-21 {
    text-align: center;
    align-self: center;
  }

  .heading-40 {
    align-self: center;
  }

  .container-5 {
    flex-direction: row;
    flex: 0 auto;
    order: 0;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: stretch;
    display: flex;
  }

  .heading-43 {
    font-family: 方正锐正圆, sans-serif;
    font-size: 5em;
  }

  .heading-44 {
    color: rgba(69, 71, 79, .7);
    font-family: 方正锐正圆, sans-serif;
    font-size: 4em;
    font-weight: 400;
  }

  .heading-45 {
    display: block;
  }

  .heading-46 {
    color: rgba(69, 71, 79, .7);
    font-family: 方正锐正圆, sans-serif;
    font-weight: 500;
  }

  .paragraph-24 {
    align-self: center;
  }

  .div-block-14 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 100px;
    padding-right: 100px;
  }

  .column {
    padding-right: 220px;
  }

  .div-block-21 {
    background-image: url('../images/丽醒华肤06212517-min.jpg');
    background-position: 50%;
    background-size: cover;
  }
}

@media screen and (max-width: 3200px) and (min-width: 3001px) {
  .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
  .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1450px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 3100px !important;
    } 
    .blog3{
      height: 1800px !important;
    } .blog4{
      height: 1600px !important;
    } .blog5{
      height: 1250px !important;
    } .blog6{
      height: 1850px !important;
    } .blog7{
      height: 1400px !important;
    }.blog8{
      height: 156px !important;
    }
}

@media screen and (max-width: 3000px) and (min-width: 2801px) {
    /* 专门针对1921px-3200px的样式 */
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
    .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1450px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 2900px !important;
    } 
    .blog3{
      height: 1800px !important;
    } .blog4{
      height: 1600px !important;
    } .blog5{
      height: 1150px !important;
    } .blog6{
      height: 1650px !important;
    } .blog7{
      height: 1300px !important;
    }.blog8{
      height: 156px !important;
    }
}

@media screen and (max-width: 2800px) and (min-width: 2561px) {
    /* 专门针对1921px-3200px的样式 */
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
    .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1450px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 2650px !important;
    } 
    .blog3{
      height: 1600px !important;
    } .blog4{
      height: 1500px !important;
    } .blog5{
      height: 1000px !important;
    } .blog6{
      height: 1600px !important;
    } .blog7{
      height: 1150px !important;
    }.blog8{
      height: 156px !important;
    }
}

@media screen and (max-width: 2560px) and (min-width: 2241px) {
    /* 专门针对1921px-3200px的样式 */
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
    .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1200px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 2320px !important;
    } 
    .blog3{
      height: 1300px !important;
    } .blog4{
      height: 1300px !important;
    } .blog5{
      height: 1000px !important;
    } .blog6{
      height: 1400px !important;
    } .blog7{
      height: 1000px !important;
    }.blog8{
      height: 156px !important;
    }
}

@media screen and (max-width: 2240px) and (min-width: 1921px) {
    /* 专门针对1921px-3200px的样式 */
    .blog, .blog1, .blog2, .blog3, .blog4, .blog5, .blog6, .blog7, .blog8 {
        max-width: 100%;
        height: auto !important;
        object-fit: contain;
        width: auto;
    }
    .blog{
      height: 800px !important;
    }
    .blog1{
        height: 1050px !important;  /* 精确控制3200px时的样式 */
    }
     .blog2{
      height: 1950px !important;
    } 
    .blog3{
      height: 1200px !important;
    } .blog4{
      height: 1000px !important;
    } .blog5{
      height: 900px !important;
    } .blog6{
      height: 1200px !important;
    } .blog7{
      height: 800px !important;
    }.blog8{
      height: 156px !important;
    }
}


@media screen and (max-width: 991px) {
  .blog{
    height: 500px !important;
  }
  .blog1{
    height: 500px !important;
  }
   .blog2{
    height: 1100px !important;
  } .blog3{
    height: 600px !important;
  } .blog4{
    height: 500px !important;
  } .blog5{
    height: 400px !important;
  } .blog6{
    height: 600px !important;
  } .blog7{
    height: 400px !important;
  }.blog8{
    height: 156px !important;
  }
  .footer{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .footer-link{
    font-size: 18px;
  }
  .footer-link a{
    margin-left: 0px;
    width: 50%;
    text-align: center;
  }
  .footer-left{
    width: 100%;
    display:block;
  }
  .footer-link{
    width: 100%;
  }
  .footer-column{
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .footer-right{
    display:block;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .contact{
    font-size: 18px;
  }

  .sroll-link {
    width: 100%;
    color: #45474f;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    justify-content: flex-start;
    margin-bottom: -1px;
    padding: 14px;
    display: flex;
  }

  .sroll-link:hover {
    background-color: #fffdf9;
  }

  .sroll-link.w--current {
    width: 100%;
    color: #45474f;
    display: flex;
  }

  .sroll-link.w--current:hover {
    background-color: #fffdf9;
  }

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

  .text-content {
    width: 100%;
    flex: none;
    justify-content: flex-start;
  }

  .text-content.cart {
    width: auto;
  }

  .nav-text {
    color: #000;
  }

  .nav-menu {
    width: 100%;
    /* background-color: #ecdad1; */
    /* background-color:rgb(29, 35, 156,0.6) */
    flex: none;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    position: absolute;
  }

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

  .branding.w--current {
    padding-bottom: 10px;
  }

  .btn-primary {
    height: 30px;
    align-self: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.white {
    background-color: #fff;
    margin-bottom: 0;
  }

  .max-w-center {
    flex-wrap: wrap;
  }

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

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

  .grid-faq.top-align {
    grid-template-columns: 1fr;
  }

  .grid-faq.cta-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .accordion-wrapper {
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .portfolio-image {
    position: relative;
  }

  .portfolio-image.vr-2 {
    width: 100%;
    height: 500px;
    display: flex;
    overflow: visible;
    transform: translate(0%);
  }

  .portfolio-content.vr-2 {
    width: 100%;
    padding-top: 40px;
    position: relative;
    transform: translate(0%);
  }

  .portfolio._1 {
    height: auto;
  }

  .portfolio._2 {
    height: auto;
    flex-direction: column-reverse;
    align-items: flex-start;
    margin-bottom: 60px;
    display: flex;
  }

  .hero-grid-intro {
    width: 100%;
    height: 100%;
  }

  .left-hero-content {
    max-width: none;
    padding-right: 0;
  }

  .left-hero-content.left {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
  }

  .hero-grid-image {
    height: 100%;
  }

  .hero-grid-wrapper.second {
    width: 100%;
    height: 900px;
    background-size: contain;
  }

  .hero-grid-wrapper.first {
    width: 100%;
    height: 600px;
  }

  .hero-grid-home-vr-5 {
    height: 100%;
    flex-direction: column;
    display: flex;
  }

  .max-w {
    flex-wrap: wrap;
  }

  .max-w._60 {
    max-width: 100%;
  }

  .cta-title {
    font-size: 50px;
  }

  .cta-card {
    max-width: 100%;
    margin-left: 8px;
    margin-right: 8px;
  }

  .footer-grid {
    width: 100%;
    grid-row-gap: 0px;
    flex-direction: column;
    grid-template-columns: 1fr 1fr;
  }

  .footer-white {
    border-radius: 0;
  }

  .footer-side.left {
    width: 100%;
    height: auto;
  }

  .footer-side.left.gray {
    max-width: none;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    align-items: flex-start;
    margin-bottom: 40px;
    margin-left: 0;
    margin-right: auto;
    padding: 0 0 40px;
  }

  .features-grid {
    background-image: none;
    grid-template-columns: 1fr 1fr;
  }

  .feature-card {
    border-radius: 0;
    padding: 40px;
  }

  .empty {
    height: 0;
    display: none;
  }

  .pricing {
    grid-template-columns: 1fr;
  }

  .info {
    flex: none;
    display: none;
  }

  .style-guide-content {
    max-width: 100%;
  }

  .rules.style-guide-row {
    flex-direction: column;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .display.white {
    font-size: 5em;
  }

  .display.white._1 {
    font-size: 6.5em;
    transform: translate(-143px);
  }

  .display.white._2 {
    font-size: 6.5em;
  }

  .display.white._3 {
    font-size: 6.5em;
    transform: translate(143px);
  }

  .style-guide-title {
    width: 100%;
    border: 1px #000;
    margin-bottom: 36px;
    margin-right: 0;
    padding: 24px;
    position: static;
  }

  .grid-thirds {
    max-width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .team-name {
    z-index: 2;
    font-size: 32px;
    line-height: 42px;
    position: relative;
  }

  .team-name.position {
    margin-bottom: 0;
  }

  .team-name-link {
    z-index: 2;
    width: auto;
    justify-content: flex-end;
  }

  .team-name-link._4 {
    justify-content: flex-end;
  }

  .team-author-avatar {
    width: 100%;
    height: 450px;
    display: flex;
    top: auto;
    right: auto;
  }

  .video-back-ground {
    height: 90vh;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-info-div {
    width: 100%;
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .scroll-link.hide-mbl {
    display: flex;
  }

  .bubble-icon {
    width: 120px;
    height: 120px;
    transform: scale(1);
  }

  .single-form {
    max-width: 100%;
  }

  .form {
    width: 100%;
  }

  .sideparagraph {
    text-align: left;
  }

  .hero-quotes {
    grid-template-columns: 100fr;
  }

  .display-3._1, .display-3._2 {
    font-size: 3em;
  }

  .sticky-position._80px {
    position: relative;
    top: auto;
  }

  .display-2._1-tittle {
    margin-bottom: 0;
    font-size: 3em;
  }

  .display-2._2-title {
    font-size: 3em;
  }

  .button-image.cta {
    z-index: 1;
    position: relative;
  }

  .team-member-image {
    width: 160px;
    height: 160px;
  }

  .slider-right-arrow._1 {
    right: 9%;
  }

  .testimonial-container {
    padding-left: 100px;
    padding-right: 100px;
  }

  .slider-left-arrow._1 {
    left: 9%;
  }

  .testimonial-text {
    font-size: 20px;
    line-height: 36px;
  }

  .achivement-wapper {
    width: 100%;
    max-width: none;
    margin-top: 60px;
  }

  .achivements-grid {
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }

  .achivement-block {
    width: 100%;
  }

  .achivement-block.lines {
    width: auto;
    border: 1px #000;
    border-top: 1px solid #fff;
    border-bottom-color: #fff;
    padding: 20px 0;
  }

  .achivement-block.lines.top {
    border-top-style: none;
  }

  .categories-list.blog {
    flex-wrap: nowrap;
  }

  .category-direct-link, .category-direct-link.w--current {
    font-size: 16px;
  }

  .collection-list-projects {
    grid-template-columns: 1fr;
  }

  .cta-quote {
    font-size: 25px;
  }

  .team-grid {
    width: 80%;
    grid-template-columns: 1fr;
  }

  .team-wrapper, .team-info-card {
    width: auto;
  }

  .small-pring-text {
    width: 100%;
  }

  .pricing-div.line {
    margin-top: -1px;
    margin-right: -1px;
  }

  .pricing-list-wrapper.center-text {
    width: 100%;
    align-items: flex-start;
  }

  .pricing-grid {
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 60px;
  }

  .pricing-grid.two-row {
    grid-template-columns: 1fr;
  }

  .price-grid.packages {
    width: 100%;
    grid-template-columns: 1fr 1fr;
  }

  .navigation {
    width: 100%;
    height: 60px;
    background-color: rgba(0, 0, 0, 0.05);
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    font-family: Newyork, sans-serif;
    display: flex;
    position: fixed;
  }

  .menu-button {
    z-index: 100;
    width: 48px;
    height: 48px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0);
    order: 1;
    justify-content: center;
    align-items: center;
    /* padding: 10px; */
    display: flex;
  }

  .menu-button.w--open {
    color: #924e52;
    background-color: rgba(0, 0, 0, 0);
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .cart-wrapper {
    background-color: rgba(0, 0, 0, 0);
  }

  .navigation-wrapper-link {
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 20px;
  }

  .button-text {
    margin-bottom: 0;
    padding-top: 5px;
    padding-bottom: 0;
  }

  .hamburger-line-first {
    height: 2px;
    background-color: #000;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .menu-burger {
    width: 38px;
    padding: 10px 8px;
  }

  .hamburger-line-second {
    height: 2px;
    background-color: #000;
    margin-top: 4px;
    margin-bottom: 4px;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .hamburger-line-third {
    height: 2px;
    background-color: #000;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: block;
  }

  .hero-grid-image-2, .hero-grid-image-3, .hero-grid-image-4 {
    height: 100%;
  }

  .price-table {
    font-size: 3em;
  }

  .single-form-contact {
    max-width: 100%;
  }

  .breadcrumbs-block {
    justify-content: center;
  }

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

  .div-flex.center {
    align-items: center;
  }

  .hero-grid-image-last, .hero-grid-image-5 {
    height: 100%;
  }

  .ads-grid.style-guide-row, .licenses.style-guide-row {
    flex-direction: column;
    grid-template-columns: 1fr;
    padding-top: 0;
    padding-bottom: 0;
  }

  .logo-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .logo {
    height: 42px;
  }

  .container {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .feature-card-2 {
    border-radius: 0;
    padding: 40px 0;
  }

  .display-4 {
    font-size: 2em;
  }

  .display-4._1-tittle, .display-4._2-title {
    font-size: 5em;
  }

  .heading-35, .heading-36, .heading-37, .heading-38 {
    font-size: 1.5em;
  }

  .section-5.white {
    background-color: #fff;
    margin-bottom: 0;
  }

  .grid-5 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .div-block-14 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-7 {
    max-width: 100%;
  }

  .hero-grid-wrapper-2.second {
    width: 100%;
    height: 600px;
  }

  .hero-grid-image-2 {
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .blog{
    height: 300px !important;
  }
  .blog1{
    height: 400px !important;
  }
   .blog2{
    height: 800px !important;
  } .blog3{
    height: 400px !important;
  } .blog4{
    height: 400px !important;
  } .blog5{
    height: 300px !important;
  } .blog6{
    height: 500px !important;
  } .blog7{
    height: 300px !important;
  }.blog8{
    height: 156px !important;
  }

  .footer{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .footer-link{
    font-size: 18px;
  }
  .footer-link a{
    margin-left: 0px;
    width: 50%;
    text-align: center;
  }
  .footer-left{
    width: 100%;
    display:block;
  }
  .footer-link{
    width: 100%;
  }
  .footer-column{
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .footer-right{
    display:block;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .contact{
    font-size: 18px;
  }

  h2 {
    font-size: 4em;
  }

  .sroll-link, .sroll-link.w--current {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .sroll-link.footer {
    padding-top: 0;
    padding-bottom: 0;
  }

  .logo-text, .logo-text.dark {
    font-size: 32px;
    line-height: 42px;
  }

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

  .max-w-center._50, .max-w-center._60 {
    max-width: 80%;
  }

  .grid-faq {
    grid-template-columns: 1fr;
  }

  .toggle-plus {
    width: 14px;
    height: 14px;
  }

  .toggle-heading {
    font-size: 17px;
    line-height: 24px;
  }

  .accordion-head {
    min-height: 60px;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .portfolio-image {
    position: relative;
  }

  .portfolio-image.vr-2 {
    width: 100%;
  }

  .portfolio-content {
    height: 100%;
  }

  .portfolio-content.vr-2 {
    width: 100%;
  }

  .portfolio._1 {
    height: auto;
  }

  .left-hero-content.left {
    margin-top: 0;
    margin-bottom: 0;
  }

  .max-w._60 {
    max-width: 100%;
  }

  .cta-card {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12%;
    padding-right: 12%;
  }

  .footer-grid {
    grid-row-gap: 0px;
    flex-wrap: wrap;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    width: 100%;
    text-align: center;
    flex: 0 auto;
    justify-content: center;
    margin-bottom: 12px;
  }

  .footer-side {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 98px;
    padding-right: 20px;
  }

  .footer-side.left {
    width: 100%;
  }

  .footer-side.left.gray {
    margin-bottom: 40px;
    padding: 0 0 40px;
  }

  .icon-list-item {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }

  .features-grid {
    grid-template-columns: 1fr;
  }

  .feature-card {
    padding: 20px 20px 32px;
  }

  .grid-colors {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .style-guide-content-group {
    margin-bottom: 36px;
  }

  .rules {
    grid-template-columns: 1fr;
  }

  .card-body {
    padding: 16px;
  }

  .grid-button {
    width: 10084%;
    grid-template-columns: 1fr;
    align-items: center;
    justify-items: stretch;
  }

  .icon-list-item-2 {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }

  .icon-list-item-2.icon-list-item-last {
    padding-bottom: 0;
  }

  .display {
    font-size: 90px;
    line-height: 1;
  }

  .display.white {
    font-size: 6em;
  }

  .display.white._1, .display.white._2 {
    font-size: 5.5em;
    transform: none;
  }

  .display.white._3 {
    font-size: 5.5em;
    transform: translate(0);
  }

  .grid-thirds {
    grid-template-columns: 1fr;
  }

  .author-big-image._24px-margin {
    height: 550px;
  }

  .page-header {
    padding-top: 60px;
  }

  .team-name-link, .team-name-link._4 {
    height: 500px;
  }

  .team-author-avatar {
    height: 400px;
    display: flex;
    top: auto;
    right: auto;
  }

  .team-author-avatar._3 {
    height: 500px;
  }

  .team-author-avatar._2 {
    height: 400px;
    height: 500px;
  }

  .team-author-avatar._1, .team-author-avatar._4 {
    height: 500px;
  }

  .hero-info-div.pricing-table {
    padding-left: 20px;
    padding-right: 20px;
  }

  .bubble-icon {
    width: 120px;
    height: 120px;
  }

  .single-form {
    width: 100%;
  }

  .form {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }

  .hero-quotes {
    grid-template-columns: 1fr;
  }

  .display-3._1, .display-3._2 {
    transform: translate(0);
  }

  .display-2._1-tittle, .display-2._2-title {
    font-size: 4em;
    transform: translate(0);
  }

  .slider-right-arrow._1 {
    right: 13%;
  }

  .testimonial-container {
    padding-left: 80px;
    padding-right: 80px;
    display: flex;
  }

  .testimonials {
    max-width: 100%;
  }

  .slider-left-arrow._1 {
    left: 13%;
  }

  .testimonial-text {
    max-width: 366px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 17px;
    line-height: 32px;
  }

  .achivements-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .achivement-block {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .achivement-block.lines {
    border-style: solid none;
    border-top-width: 1px;
    border-top-color: #e9f6ff;
    border-bottom-width: 1px;
    border-bottom-color: #e9f6ff;
    padding: 20px 0;
  }

  .categories-list {
    width: 100%;
    flex-direction: column;
  }

  .categories-list.blog {
    flex-direction: row;
  }

  .category-direct-link {
    margin-top: -1px;
    margin-right: 0;
  }

  .collection-list-categories {
    flex-direction: column;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    display: flex;
  }

  .pricing-div {
    margin-bottom: 0;
  }

  .pricing-grid {
    grid-row-gap: 20px;
  }

  .price-grid.packages {
    grid-template-columns: 1fr;
  }

  .price-table {
    font-size: 4em;
  }

  .text-field-contact.message {
    width: 100%;
    min-width: auto;
    margin-bottom: 10px;
    margin-right: 0;
    display: block;
  }

  .text-field-contact.single {
    width: 100%;
    min-width: auto;
    margin-bottom: 0;
    margin-right: 0;
    display: block;
  }

  .form-contact-wrapper {
    flex-direction: column;
    align-items: center;
  }

  .single-form-contact {
    width: 70%;
  }

  .breadcrumbs-block {
    width: 100%;
    margin-top: 0;
  }

  .label-link {
    border-bottom-style: solid;
  }

  .label-link.w--current, .label-link.beadcrumbs.home {
    border-bottom-style: none;
  }

  .hero-grid-image-5 {
    background-size: contain;
  }

  .graphics {
    grid-template-columns: 1fr 1fr;
  }

  .ads-grid, .licenses {
    grid-template-columns: 1fr;
  }

  .hero-heading-left {
    padding: 60px 15px;
  }

  .feature-card-2 {
    padding: 20px 20px 32px;
  }

  .display-4._1-tittle, .display-4._2-title {
    font-size: 4em;
    transform: translate(0);
  }
}

@media screen and (max-width: 479px) {
  .footer{
    display:flex;
    flex-direction:column;
    align-items:center;
  }
  .footer-link{
    font-size: 18px;
  }
  .footer-link a{
    margin-left: 0px;
    width: 50%;
    text-align: center;
  }
  .footer-left{
    width: 100%;
    display:block;
  }
  .footer-link{
    width: 100%;
  }
  .footer-column{
    width: 100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .footer-right{
    display:block;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
  }
  .contact{
    font-size: 18px;
  }


  h2 {
    font-size: 2.5em;
  }

  h4 {
    font-size: 1.8em;
  }

  .sroll-link {
    padding-left: 20px;
    padding-right: 20px;
  }

  .logo-text, .logo-text.dark {
    font-size: 28px;
    line-height: 32px;
  }

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

  .wrapper {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .wrapper.nav {
    height: auto;
    max-height: 50px;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .wrapper.footer {
    padding-left: 0;
    padding-right: 0;
  }

  .section {
    padding: 0 20px 20px;
  }

  .section.cta-section {
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.white {
    margin-top: 0;
  }

  .portfolio-image {
    height: 350px;
  }

  .portfolio {
    height: 300px;
  }

  .hero-grid-intro {
    padding-left: 20px;
    padding-right: 20px;
  }

  .left-hero-content {
    max-width: none;
  }

  .left-hero-content.left {
    z-index: 15;
    max-width: none;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-grid-wrapper.second {
    height: 370px;
    background-size: cover;
  }

  .button-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-title {
    font-size: 28px;
  }

  .cta-card {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5%;
    padding-right: 5%;
  }

  .footer-copyright, .footer-grid {
    flex-direction: column;
  }

  .footer-white {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-side {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 60px;
    padding-right: 0;
  }

  .footer-side.left.gray {
    max-width: none;
    margin-left: auto;
    padding: 0 0 40px;
  }

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

  .features-grid {
    grid-template-columns: 1fr;
  }

  .feature-card {
    margin-left: 0;
  }

  .style-guide-content {
    width: 100%;
    max-width: none;
  }

  .grid-colors {
    grid-row-gap: 12px;
    grid-template-columns: 1fr;
  }

  .style-guide-content-group {
    margin-bottom: 24px;
  }

  .rules.style-guide-row {
    width: auto;
  }

  .card-body {
    padding: 12px;
  }

  .display {
    letter-spacing: -3px;
    font-size: 50px;
    line-height: 1;
  }

  .display.white {
    letter-spacing: 0;
    font-size: 3em;
  }

  .display.white._1, .display.white._2 {
    font-size: 4em;
    transform: none;
  }

  .display.white._3 {
    font-size: 4em;
  }

  .style-guide-title {
    width: 100%;
    border-radius: 0;
    margin-bottom: 24px;
  }

  .grid-thirds {
    grid-row-gap: 24px;
  }

  .author-big-image._24px-margin, .page-header.categorie-projects {
    height: 400px;
  }

  .page-header.blog,.page-header.blog1 ,.page-header.blog2,.page-header.blog3,.page-header.blog4,.page-header.blog5,.page-header.blog6,.page-header.blog7,.page-header.blog8,.page-header.blog9{
    background-position: 50%; 
    background-repeat: no-repeat; 
    background-size:  cover;
    /* background-size:  contain ;  */
    height:auto;
    display:block;
    width: 100%;
  /* width: 100vw;
  height: 70vh; 
  background-size: cover;
  background-position: center;
  display: inline-block; 
  vertical-align: top;  
  box-sizing: border-box; */
  }
  .blog{
    height: 220px !important;
  }
  .blog1{
    height: 238px !important;
  }
   .blog2{
    height: 428px !important;
  } .blog3{
    height: 275px !important;
  } .blog4{
    height: 218px !important;
  } .blog5{
    height: 174px !important;
  } .blog6{
    height: 258px !important;
  } .blog7{
    height: 191px !important;
  }.blog8{
    height: 156px !important;
  }

  .page-header.blog-categories {
    padding-left: 20px;
  }

  .page-header.about {
    background-position: 50%;
  }

  .team-name {
    font-size: 30px;
  }

  .team-name.position {
    line-height: 20px;
  }

  .team-name-link, .team-name-link._4 {
    width: 250px;
    height: 300px;
  }

  .team-author-avatar {
    width: 100%;
    height: 300px;
    display: flex;
    top: auto;
    right: auto;
  }

  .team-author-avatar._3, .team-author-avatar._2 {
    height: 300px;
    display: flex;
    top: auto;
    right: auto;
  }

  .team-author-avatar._1, .team-author-avatar._4 {
    height: 300px;
  }

  .video-back-ground {
    height: 90vh;
  }

  .scroll-link.hide-mbl {
    display: flex;
  }

  .bubble-icon {
    width: 120px;
    height: 120px;
  }

  .single-form {
    width: 100%;
  }

  .hero-quotes {
    grid-template-columns: 1fr;
  }

  .display-3._1, .display-3._2 {
    font-size: 2em;
  }

  .display-2._1-tittle {
    font-size: 2em;
    transform: translate(0);
  }

  .display-2._2-title {
    font-size: 1.8em;
    transform: translate(0);
  }

  .slider-right-arrow, .slider-right-arrow._1 {
    display: none;
  }

  .testimonial-container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .testimonial-author-name {
    text-align: center;
    flex-direction: column;
  }

  .slider-left-arrow, .slider-left-arrow._1 {
    display: none;
  }

  .name-testimonials {
    font-size: 18px;
  }

  .testimonial-text {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .achivement-wapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .categories {
    flex-direction: column;
  }

  .categories-list {
    width: 100%;
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border-top: 1px solid #000;
    border-radius: 0;
    flex-flow: column;
    justify-content: flex-start;
    margin-top: 8px;
    margin-bottom: -32px;
    padding-top: 0;
    padding-bottom: 0;
    overflow: hidden;
  }

  .categories-list.blog {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0;
    flex-direction: column;
    align-items: center;
  }

  .category-direct-link {
    height: 48px;
    box-shadow: none;
    text-align: left;
    border-style: solid;
    border-radius: 0;
    flex: none;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    margin-right: 0;
    padding: 0 15px;
    font-size: 15px;
    display: flex;
  }

  .category-direct-link.w--current {
    box-shadow: none;
  }

  .category-direct-link.white {
    width: 100vw;
    box-shadow: none;
    border-style: none none solid;
    justify-content: center;
  }

  .collection-blog-categories {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .cta-quote {
    font-size: 20px;
  }

  .team-wrapper {
    padding-top: 20px;
  }

  .pricing-post-info {
    width: auto;
  }

  .small-pring-text {
    text-align: center;
  }

  .pricing-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .pricing-div.line {
    width: 99.9999%;
  }

  .price-wrapper {
    width: auto;
  }

  .pricing-list-wrapper.center-text {
    font-weight: 400;
  }

  .pricing-list-text.white {
    font-size: 16px;
  }

  .pricing-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .cart-quantity {
    margin-left: 4px;
  }

  .navigation {
    height: 50px;
    padding-left: 10px;
    padding-right: 20px;
  }

  .menu-button {
    padding-right: 0;
  }

  .navigation-wrapper-link {
    flex-direction: column;
    align-items: flex-start;
    display: none;
  }

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

  .collection-list-wrapper {
    width: 107%;
  }

  .price-table {
    font-size: 3em;
  }

  .text-field-contact.message, .text-field-contact.single {
    margin-right: 0;
  }

  .single-form-contact {
    width: 100%;
  }

  .breadcrumbs-block {
    width: 100%;
    flex-wrap: wrap;
    margin-top: 0;
    right: auto;
  }

  .label-link, .label-link.w--current {
    border-bottom-style: solid;
  }

  .label-link.beadcrumbs {
    width: 100%;
    border-bottom-style: none;
    border-right-style: none;
    display: block;
  }

  .label-link.beadcrumbs.home {
    border-style: none none solid;
    border-color: #000 #000 #fff;
  }

  .hero-grid-image-5 {
    background-image: url('../images/地图.jpg');
    background-position: 50%;
    background-size: cover;
  }

  .graphics {
    grid-template-columns: 1fr;
  }

  .ads-grid.style-guide-row, .licenses.style-guide-row {
    width: auto;
  }

  .breadcrumbs-wrapper {
    width: 100%;
  }

  .logo-grid {
    width: 100%;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }

  .logo {
    height: 31px;
  }

  .image {
    max-width: 60%;
  }

  .heading-18 {
    font-size: 1em;
  }

  .heading-19 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.2em;
  }

  .heading-20 {
    font-size: 2em;
  }

  .paragraph-8 {
    margin-bottom: 0;
    font-size: 15px;
  }

  .container {
    max-width: none;
  }

  .grid-2 {
    display: block;
  }

  .paragraph-12 {
    font-size: 12px;
  }

  .container-3 {
    padding: 10px 0;
  }

  .feature-card-2 {
    margin-left: 0;
    padding-bottom: 0;
  }

  .services-big-number-2 {
    font-size: 1.5em;
  }

  .section-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .wrapper-3 {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .display-4._1-tittle, .display-4._2-title {
    font-size: 2.5em;
    transform: translate(0);
  }

  .bold-text-4.bigtitle {
    font-size: .8em;
  }

  .heading-35 {
    font-size: 1em;
    font-weight: 500;
  }

  .paragraph-14, .paragraph-15 {
    font-size: 12px;
  }

  .heading-36, .heading-37, .heading-38 {
    font-size: 1em;
    font-weight: 500;
  }

  .paragraph-16, .paragraph-17 {
    font-size: 12px;
  }

  .container-4 {
    margin-top: 0;
  }

  .section-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-5.white {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-12 {
    margin-left: 10px;
  }

  .section-7 {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-9 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-span {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.2em;
  }

  .paragraph-22 {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }

  .paragraph-24 {
    margin-bottom: 0;
    padding-bottom: 10px;
    font-size: 1.8em;
  }

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

  .heading-47 {
    font-size: 2em;
  }

  .section-12 {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-14 {
    padding-left: 0;
    padding-right: 0;
  }

  .section-15 {
    padding: 0;
  }
}



#w-node-ffecaa78-db11-48fd-8aed-9404e01946e3-2e91bf71 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_579445cb-1dfc-18b1-1ae7-bfb53926eeca-3926eea6 {
  grid-area: 1 / 1 / 2 / 2;
  justify-self: auto;
}

#w-node-eef19ab9-5398-5229-aa20-69691b72d208-3926eea6, #w-node-_579445cb-1dfc-18b1-1ae7-bfb53926eea9-3926eea6 {
  align-self: auto;
}

#w-node-_22237a3c-133e-eb88-8fe6-6b18be1bbe68-3926eea6, #w-node-_9027b3e1-6c14-004c-95f1-904574c3a5a0-df91bf98, #w-node-e909438f-8a09-f42b-69c2-0f7858bb2de4-df91bf98, #w-node-_1310dccc-36f5-513e-f05d-f9ebff78810c-df91bf98, #w-node-_1310dccc-36f5-513e-f05d-f9ebff78810d-df91bf98 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56fe2ec2-d9f8-2e59-3e76-c1ffe42e54da-6e91bfaf {
  align-self: start;
}

#w-node-_591d8d9d-023d-d499-e68d-364a08034964-6e91bfaf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-_579445cb-1dfc-18b1-1ae7-bfb53926eeca-3926eea6 {
    grid-area: 1 / 1 / 2 / 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_579445cb-1dfc-18b1-1ae7-bfb53926eeca-3926eea6 {
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-eef19ab9-5398-5229-aa20-69691b72d208-3926eea6 {
    align-self: auto;
  }
}


@font-face {
  font-family: '方正锐正圆';
  src: url('../fonts/方正锐正圆简_downyi.com_1.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Optima';
  src: url('../fonts/optima.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ptserif';
  src: url('../fonts/PTSerif-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Newyork';
  src: url('../fonts/NewYork.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}