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

.w-commerce-commercecheckoutdiscountslabel {
  flex-basis: 100%;
  margin-bottom: 8px;
}

.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-commercecheckoutordersummarywrapper {
  margin-bottom: 20px;
}

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

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

.w-commerce-commercecheckoutplaceorderbutton {
  color: #fff;
  cursor: pointer;
  -webkit-appearance: none;
  -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-commercecartwrapper {
  display: inline-block;
  position: relative;
}

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

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

.w-commerce-commercecartcontainerwrapper {
  z-index: 1001;
  background-color: rgba(0, 0, 0, .8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

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

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

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

.w-commerce-commercecartcontainerwrapper--cartType-leftDropdown {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
}

.w-commerce-commercecartcontainerwrapper--cartType-rightDropdown {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 100%;
  bottom: auto;
  left: auto;
  right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

.w-commerce-commercecartquantity {
  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-commercecartquantity::-ms-input-placeholder {
  color: #999;
}

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

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

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

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

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

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

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

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

.w-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) {
  .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 {
    font-size: 16px;
  }

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

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

  .w-commerce-commercecartquantity, .w-commerce-commerceaddtocartquantityinput {
    font-size: 16px;
  }
}

h1 {
  color: #000;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  font-size: 42px;
  font-weight: 500;
  line-height: 52px;
}

h2 {
  color: #000;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
}

h3 {
  color: #000;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
}

h4 {
  color: #000;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}

h5 {
  color: #000;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}

h6 {
  color: #000;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
}

p {
  color: #333;
  text-transform: none;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 25px;
}

a {
  color: #67bf7f;
  text-decoration: underline;
}

a:hover {
  color: #000;
}

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

li {
  text-transform: uppercase;
  padding-top: 4px;
  padding-bottom: 4px;
  font-family: Oswald, sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
}

img {
  max-width: 100%;
  font-family: Oswald, sans-serif;
  display: inline-block;
}

strong {
  color: #000;
  font-weight: 700;
}

em {
  font-style: italic;
  font-weight: 700;
}

blockquote {
  color: #000;
  background-color: #f8f8f8;
  border-left: 5px solid #67bf7f;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  font-family: Oswald, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 34px;
}

figcaption {
  text-align: center;
  text-transform: none;
  margin-top: 5px;
  font-family: Oswald, sans-serif;
}

.licenses {
  padding: 0;
}

.contact-us-section {
  background-image: linear-gradient(135deg, rgba(59, 59, 59, .89), rgba(255, 255, 255, .9)), url('../images/vinicius-henrique-photography-Y7bikuDfSVA-unsplash-min.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-bottom: 10px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.form-field {
  min-width: 0;
  color: #737373;
  border: 1px solid rgba(0, 0, 0, 0);
  font-family: Lato, sans-serif;
}

.form-field.message {
  height: 120px;
}

.error-text {
  color: #fff;
  margin-bottom: 0;
}

.footer-section {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(73, 41, 13, .75), rgba(73, 41, 13, .75)), url('../images/sergio-silva-YA3IC4KcE4c-unsplash-min.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  margin-top: 10px;
  padding-top: 80px;
  padding-bottom: 60px;
}

.form-text {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Lato, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.about-us-div {
  text-align: center;
}

.about-us-div.half-side {
  width: 50%;
}

.features-section {
  margin-top: 10px;
}

.skills-title {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-weight: 400;
}

.section-title {
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 60px;
  font-family: Oswald, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 40px;
}

.section-title.less-padding {
  height: 70px;
  color: #fff;
  flex-direction: row;
  align-items: center;
  margin-bottom: 20px;
  font-size: 50px;
  display: flex;
}

.section-title.more-padding {
  margin-top: 19px;
  margin-bottom: 85px;
}

.success {
  color: #fff;
  background-color: #2a8241;
  font-family: Lato, sans-serif;
  line-height: 24px;
}

.working-process-wrapper {
  text-align: center;
  background-color: rgba(255, 255, 255, .4);
  border: 1px solid rgba(0, 0, 0, .09);
  border-top-color: #67bf7f;
  margin-bottom: 20px;
  padding: 0 20px 20px;
}

.button {
  color: #fff;
  text-align: center;
  letter-spacing: 4px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 15px;
  margin-top: 0;
  padding: 15px 20px;
  font-family: Oswald, sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: background-color .5s, color .5s;
  display: inline-block;
}

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

.button.outline {
  height: auto;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  margin-top: 0;
  margin-right: 0;
  transition: background-color .5s, border-color .5s, color .5s;
}

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

.button.outline.green {
  height: auto;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  background-color: rgba(0, 0, 0, 0);
  background-clip: border-box;
  margin-top: 30px;
  line-height: 22px;
  transition: background-color .5s, border-color .5s, color .5s;
  display: inline-block;
  box-shadow: 1px 1px 3px #000;
}

.button.outline.green:hover {
  color: #fff;
  background-color: #5100f7;
  border-color: #67bf7f;
}

.button.outline.green.padding {
  margin-right: 10px;
  line-height: 22px;
  display: block;
}

.button.outline {
  height: auto;
  color: #fdfdfd;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 20px;
  margin-top: 30px;
}

.button.outline:hover {
  background-color: #f8f8f8;
  border-color: #fff;
}

.button.padding {
  margin-top: 20px;
}

.submit-button {
  color: #000;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000;
  margin-top: 30px;
  padding: 15px 20px;
  font-family: Lato, sans-serif;
  font-size: 12px;
  transition: background-color .5s, border-color .5s, color .5s;
}

.submit-button:hover {
  color: #fff;
  background-color: #2a8241;
  border-color: #2a8241;
}

.project-name {
  width: 195px;
  height: auto;
  color: #fff;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, .2);
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 26px;
  text-decoration: none;
  transition: background-color .5s;
  display: inline-block;
}

.project-name:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .2);
}

.client-section {
  background-color: #f8f8f8;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 45px;
  padding-bottom: 45px;
}

.client-section.dark {
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/unsplash_524010c76b52a_1-min.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
}

.emphasized-text {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 20px;
  font-family: Lato, sans-serif;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 25px;
}

.emphasized-text.right {
  text-align: right;
  font-weight: 500;
}

.testimonials-text {
  color: rgba(255, 255, 255, .7);
  text-align: center;
  letter-spacing: 1px;
  margin-top: 20px;
  font-size: 17px;
  font-weight: 400;
  line-height: 26px;
}

.portfolio-section {
  padding-top: 120px;
  padding-bottom: 10px;
}

.skills-progress-line {
  width: 85%;
  height: 100%;
  background-color: #67bf7f;
}

.skills-progress-line.illustrations {
  width: 75%;
}

.skills-progress-line.photography {
  width: 65%;
}

.skills-progress-line.copywriting {
  width: 80%;
}

.skills-progress-line.design {
  width: 85%;
}

.skills-progress-line.photoshop {
  width: 95%;
}

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

.skills-wrapper {
  margin-bottom: 30px;
}

.skills-values {
  color: #fff;
  text-align: right;
  font-family: Oswald, sans-serif;
  font-weight: 400;
}

.hero-heading {
  color: #fff;
  letter-spacing: 10px;
  text-transform: uppercase;
  margin-top: 88px;
  margin-bottom: 9px;
  padding-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 60px;
  font-weight: 400;
  line-height: 70px;
}

.conatct-info-text {
  text-align: right;
  font-size: 14px;
  font-weight: 700;
}

.conatct-info-text.address {
  margin-top: 20px;
  margin-bottom: 20px;
}

.portfolio-link {
  width: 100%;
  height: 100%;
  padding: 0;
}

.brand {
  width: 500px;
  height: 92px;
  border-right: 1px solid rgba(255, 255, 255, .2);
  padding: 17px 40px 10px;
  display: flex;
}

.brand.w--current {
  border-left: 1px rgba(255, 255, 255, .22);
  border-right: 1px solid rgba(255, 255, 255, .22);
  padding-top: 18px;
  padding-bottom: 18px;
  transition: background-color .5s;
}

.brand.w--current:hover {
  background-color: rgba(255, 255, 255, .2);
}

.brand.footer {
  float: none;
  border: 1px solid rgba(255, 255, 255, .2);
  justify-content: center;
  align-items: center;
  transition: background-color .5s;
  display: flex;
}

.brand.footer:hover {
  background-color: rgba(255, 255, 255, .2);
}

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

.column {
  margin-top: 29px;
  padding-left: 0;
  padding-right: 0;
}

.form-wrapper, .contact-row {
  margin-top: 0;
}

.banner-section {
  height: 100%;
}

.colorbox {
  width: 100%;
  height: 100%;
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, .85), rgba(0, 0, 0, .85));
  padding-top: 130px;
}

.slider-nav {
  font-size: 10px;
}

.containner-slide {
  max-width: 1200px;
  text-align: center;
  position: relative;
  top: 40%;
}

.containner-slide.blog {
  top: auto;
}

.skills-containner {
  width: 100%;
  height: 3px;
  background-color: #fff;
}

.features-text {
  direction: ltr;
  color: #fff;
  text-align: justify;
  letter-spacing: 2px;
  text-indent: 0;
  white-space: pre-line;
  margin-bottom: 34px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-decoration: none;
}

.arrow {
  margin-top: 600px;
}

.arrow.left {
  width: 50px;
  height: 50px;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 20px;
  transition: background-color .5s;
  display: flex;
  top: 50%;
}

.arrow.left:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, .09);
  transition-property: none;
  transition-timing-function: ease;
}

.arrow.right {
  width: 50px;
  height: 50px;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  margin: 0 30px 0 0;
  padding-top: 5px;
  padding-bottom: 8px;
  font-size: 20px;
  transition: background-color .5s;
  display: flex;
  top: 50%;
}

.arrow.right:hover {
  opacity: 1;
  background-color: rgba(255, 255, 255, .09);
}

.hero-subheader {
  color: #fff;
  text-align: center;
  letter-spacing: 8px;
  text-transform: uppercase;
  margin-top: 30px;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}

.hero-subheader.percentual {
  width: 80%;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
}

.title-features {
  color: #fffefe;
  text-align: left;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 15px;
  font-family: Oswald, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28px;
}

.testimonials-slider {
  background-color: rgba(0, 0, 0, 0);
  border-right-style: none;
}

.icon-service {
  width: 50px;
  height: 50px;
  background-color: #f5f5f5;
  background-image: url('../images/timer_1timer.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  margin-left: auto;
  margin-right: auto;
}

.icon-service.planning {
  background-image: url('../images/icons8-timer-52_1icons8-timer-52.png');
}

.icon-service.develop {
  background-image: url('../images/icons8-design-60_1icons8-design-60.png');
  background-size: 30px;
}

.icon-service.idea {
  background-image: url('../images/icons8-light-on-96_1icons8-light-on-96.png');
  background-size: 35px;
}

.features-div {
  height: 75.9%;
  color: #000;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(22deg, rgba(38, 173, 164, .79) 42%, #626857 95%), url('../images/structure-min.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  flex-direction: column;
  align-items: flex-start;
  margin-left: 0;
  margin-right: 10px;
  padding: 40px;
  display: flex;
}

.features-div.second {
  height: 100%;
  background-color: #83cc97;
  background-image: linear-gradient(344deg, rgba(156, 173, 114, .69), rgba(156, 115, 79, .96)), url('../images/salva1.jpg');
  background-position: 0 0, 50% -10%;
  background-size: auto, cover;
  margin-right: 10px;
  padding-bottom: 14px;
  padding-left: 40px;
  padding-right: 40px;
}

.features-div.third {
  height: 100%;
  background-color: rgba(109, 83, 112, .15);
  background-image: linear-gradient(318deg, rgba(190, 193, 194, .28) 22%, #708db2), url('../images/Eo_nieve-min.jpg');
  background-position: 0 0, 100%;
  background-size: auto, cover;
  margin-right: auto;
  padding-bottom: 204px;
  padding-right: 50px;
}

.features-div.first {
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}

.social-wrapper {
  text-align: center;
  margin-top: 0;
}

.portfolio-post {
  width: 100%;
  height: 300px;
  background-image: url('../images/photo-1446575983799-470c50cfdd25-min.jpg');
  background-position: 50%;
  background-size: cover;
  margin-bottom: 0;
}

.portfolio-post._7 {
  background-image: url('../images/photo-1429277096327-11ee3b761c93.jpg');
  background-size: cover;
}

.portfolio-post._3 {
  background-image: url('../images/photo-1445796068163-f1115a21bbd9-min.jpg');
  background-position: 0 100%;
  background-size: cover;
}

.portfolio-post._6 {
  background-image: url('../images/photo-1442422502730-a90f72460717-min.jpg');
  background-position: 0 100%;
  background-size: cover;
}

.portfolio-post._2 {
  background-image: url('../images/photo-1430820937738-073612cc4c7e-min.jpg');
  background-position: 50% 0;
  background-size: cover;
}

.portfolio-post._5 {
  background-image: url('../images/Untitled-1.jpg');
  background-position: 0 0;
  background-size: cover;
}

.portfolio-post._4 {
  background-image: url('../images/photo-1446233925202-75508684808f-min.jpg');
  background-position: 100% 100%;
  background-size: cover;
}

.portfolio-post._8 {
  background-image: url('../images/L2NfDz5SOm7Gbf755qpw_DSCF0490-min.jpg');
  background-position: 0 100%;
  background-size: cover;
}

.success-text {
  color: #fff;
  font-weight: 500;
}

.main-slider {
  height: 100vh;
  background-image: linear-gradient(rgba(37, 35, 35, .49) 79%, rgba(0, 0, 0, 0)), url('../images/Futuro-manos-min.jpg');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-left: 10px;
  padding-right: 10px;
}

.skills-section {
  background-image: linear-gradient(5deg, rgba(18, 46, 54, .5), rgba(18, 46, 54, .5)), url('../images/photo-1413991322434-bbd3f33c3232-min.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  padding-top: 120px;
  padding-bottom: 120px;
}

.portfolio-row {
  margin-top: 0;
}

.portfolio-row.second {
  margin-top: 1px;
}

.slide-nav {
  display: block;
}

.slider-arrow {
  opacity: .5;
  margin-left: 0;
  margin-right: 0;
  transition: opacity .5s;
  display: block;
  top: 0;
  left: 0;
  right: 0;
}

.slider-arrow:hover {
  opacity: 1;
}

.slider-arrow.mobile {
  display: none;
  position: absolute;
  overflow: hidden;
}

.section {
  margin-top: 90px;
  padding-top: 104px;
  padding-bottom: 0;
}

.section.about {
  height: 700px;
  color: #000;
  background-image: linear-gradient(11deg, rgba(108, 108, 108, .89), rgba(215, 228, 134, .51)), url('../images/origami-remolino-min.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  margin-top: 83px;
  margin-bottom: 10px;
  padding-top: 120px;
  padding-bottom: 0;
}

.section.process {
  background-image: linear-gradient(#fff 64%, rgba(255, 255, 255, .35)), url('../images/1222.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, contain;
}

.section.gray {
  background-color: #f5f5f5;
}

.testimonials-section {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/photo-1442422502730-a90f72460717-min.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, fixed;
  border-right-style: none;
  margin-top: 10px;
  padding-top: 80px;
  padding-bottom: 40px;
}

.portfolio-column {
  min-height: 0;
  padding-left: 0;
  padding-right: 1px;
}

.upper-heading-white {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-weight: 400;
}

.important-text {
  color: #000;
  letter-spacing: 1px;
  padding-bottom: 0;
}

.error-message {
  text-align: center;
  background-color: red;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Lato, sans-serif;
  line-height: 24px;
}

.top-title {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  margin-top: 24px;
  padding-top: 0;
  font-family: Oswald, sans-serif;
  font-size: 28px;
  font-weight: 500;
}

.icon {
  margin-top: auto;
}

.nav-link {
  height: 92px;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0);
  border-left: 1px solid rgba(255, 255, 255, .2);
  border-right-style: none;
  align-items: center;
  padding: 27px 25px 25px;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 400;
  transition: background-color .5s;
  display: flex;
}

.nav-link:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .09);
}

.nav-link.w--current {
  height: 92px;
  color: #fff;
  background-color: rgba(255, 255, 255, .09);
  padding: 27px 25px;
  font-size: 18px;
  font-weight: 400;
}

.nav-menu {
  height: 92px;
  align-items: center;
  display: flex;
  position: relative;
}

.navigation-div {
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
}

.navbar {
  width: 100%;
  height: 92px;
  background-color: rgba(0, 0, 0, 0);
  border-bottom: 1px solid rgba(255, 255, 255, .2);
  align-items: center;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.navbar.subpages {
  margin-top: 0;
}

.team-title {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.team-title.position {
  height: 32px;
  clear: none;
  color: #fff;
  letter-spacing: 1px;
  text-indent: 1px;
  text-transform: uppercase;
  white-space: normal;
  background-color: #67bf7f;
  border-radius: 0;
  flex-direction: row;
  align-self: auto;
  align-items: center;
  margin-bottom: -1px;
  margin-left: auto;
  margin-right: auto;
  padding: 2px 10px;
  font-family: Oswald, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  display: flex;
}

.link-blog {
  z-index: 2;
  width: 100%;
  min-height: 250px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  border-radius: 0;
  margin-top: -40px;
  display: block;
  position: relative;
  box-shadow: 7px 7px 10px rgba(18, 28, 54, .17);
}

.link-blog.team {
  width: 150px;
  height: 150px;
  min-height: auto;
  box-shadow: none;
  background-image: url('../images/JFRE.jpg');
  border: 1px solid #67bf7f;
  border-radius: 1000px;
  margin-top: -60px;
}

.link-blog.team.third {
  width: 150px;
  box-shadow: none;
  background-image: linear-gradient(rgba(0, 0, 0, .09), rgba(0, 0, 0, .09)), url('../images/Profile-foto_JR-min.png');
  background-position: 0 0, 50% 0;
  background-repeat: repeat, repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  border-width: 1px;
  border-radius: 100px;
  flex: 0 auto;
  margin-top: -53px;
  top: -8px;
}

.link-blog.team.second {
  background-image: url('../images/JC.jpg');
  border-width: 1px;
  border-radius: 1000px;
  margin-top: -60px;
}

.social-icon-div {
  text-align: center;
  margin-top: 60px;
  padding-top: 0;
}

.social-icon-div.filter {
  filter: invert(30%);
  margin-top: 0;
  padding-bottom: 0;
}

.social-wrapper-div {
  width: 40px;
  height: 40px;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  background-image: url('../images/linkedin.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  border: 1px #fff;
  border-radius: 0;
  margin-bottom: 0;
  margin-left: -1px;
  margin-right: 0;
  padding-bottom: 0;
  padding-left: 0;
  transition: all .4s;
}

.social-wrapper-div:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}

.social-wrapper-div.be {
  background-image: url('../images/behance-1.png');
  border: 1px solid #fff;
}

.social-wrapper-div.twitter {
  background-image: url('../images/twitter_1twitter.png');
  background-size: 16px;
  border: 1px solid #fff;
}

.social-wrapper-div.twitter:hover {
  background-color: rgba(0, 0, 0, 0);
  border-color: #fff;
}

.social-wrapper-div.insta {
  background-image: url('../images/instagram-1.png');
}

.blog-title {
  color: #111;
  letter-spacing: 0;
  text-transform: uppercase;
  margin-top: 20px;
  font-family: Oswald, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 31px;
  text-decoration: none;
}

.blog-title.center {
  clear: none;
  text-align: center;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-weight: 400;
  position: relative;
}

.blog-card {
  min-height: auto;
  text-align: left;
  background-color: #fff;
  border: 1px solid #e2e8f8;
  border-bottom-width: 3px;
  border-radius: 6px;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
}

.blog-card.flex {
  background-color: rgba(240, 244, 255, .41);
  flex-direction: column;
}

.blog-card.flex.team {
  width: 100%;
  text-align: center;
  background-color: #fff;
  border-width: 1px;
  border-color: #67bf7f;
  border-radius: 0;
  align-items: center;
  margin-bottom: 13px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px;
  transition: transform .4s;
  display: flex;
}

.blog-card.flex.team:hover {
  transform: translate(0, -10px);
}

.blog-card.flex.team.last {
  letter-spacing: 1px;
  flex-flow: column wrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 13px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  display: flex;
}

.team-row {
  margin-left: 10px;
  margin-right: 10px;
}

.body {
  padding: 0;
  font-family: Oswald, sans-serif;
}

.logo {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-image: url('../images/R4.png');
  background-position: 50%;
  background-size: cover;
  font-family: Oswald, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 30px;
}

.container {
  max-width: 1200px;
  border-top-right-radius: 3px;
  margin-top: -28px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  display: block;
}

.container.blog {
  max-width: 800px;
}

.container.checkout {
  max-width: 1000px;
  display: flex;
}

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

.headline-div {
  margin-bottom: 0;
}

.big-divider {
  height: 1px;
  background-color: rgba(141, 150, 160, .3);
  margin-top: 80px;
  margin-bottom: 80px;
  padding-bottom: 0;
}

.div-info-rich-text {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.list {
  color: #000;
  margin-top: 10px;
}

.hero-section {
  background-image: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)), url('../images/photo-1446233925202-75508684808f-min.jpg');
  background-position: 0 0, 50% 86%;
  background-size: auto, cover;
  padding-top: 140px;
  padding-bottom: 100px;
}

.hero-section.categorie {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/photo-1430820937738-073612cc4c7e-min.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 140px 20px 100px;
  position: relative;
  overflow: hidden;
}

.hero-section.categorie.pricing {
  background-image: url('../images/photo-1519904981063-b0cf448d479e-1.jpg');
  background-position: 50%;
  background-size: cover;
}

.hero-section.blog {
  height: 600px;
  background-image: url('../images/photo-1446233925202-75508684808f-min.jpg');
  background-position: 50% 86%;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  overflow: hidden;
}

.hero-section.style-guide {
  background-image: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)), url('../images/L2NfDz5SOm7Gbf755qpw_DSCF0490-min.jpg');
  background-position: 0 0, 100% 100%;
  background-attachment: scroll, scroll;
  padding-top: 140px;
}

.hero-section.changelog {
  background-image: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)), url('../images/unsplash_524010c76b52a_1-min.jpg');
  padding-top: 140px;
}

.hero-section.licenses {
  background-image: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)), url('../images/mountains.jpg');
  background-position: 0 0, 50%;
  padding-top: 140px;
}

.hero-section.blog-categoties {
  background-image: linear-gradient(rgba(0, 0, 0, .55), rgba(0, 0, 0, 0)), url('../images/Untitled-3.jpg');
  background-position: 0 0, 50%;
}

.licenses-content {
  padding-top: 60px;
  padding-bottom: 60px;
}

.licence-items {
  width: 60%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: -24px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}

.licence-item-first {
  width: 100%;
  background-color: #fff;
  border: 1px solid #dde1e7;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding: 20px;
  display: flex;
}

.image-div {
  width: 100px;
  height: 100px;
  background-image: url('../images/shutterstock_178724276.jpg');
  background-position: 50%;
  background-size: cover;
}

.image-div.logo {
  width: 60px;
  height: 60px;
  background-image: url('../images/Untitled-22.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 20px;
}

.licence-link {
  color: #343e52;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}

.licence-link:hover {
  color: #fa7000;
  text-decoration: underline;
}

.licence-link.changelog:hover {
  color: #2a8241;
}

.date-time {
  border: 1px #000;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.date-time.single-line {
  border: 1px #000;
  margin-top: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}

.info-blog {
  width: 50%;
  border-left: 1px #cdd8da;
  padding-left: 10px;
}

.date-time-text {
  color: #576b6f;
  text-transform: uppercase;
  margin-right: 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  text-decoration: none;
  transition: color .4s;
  display: inline-block;
}

.date-time-text:hover {
  color: #67bf7f;
}

.date-icon {
  width: 15px;
  height: 15px;
  background-image: url('../images/icons8-marker-90_1icons8-marker-90.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
}

.date-icon.time {
  background-image: url('../images/icons8-clock-104_1icons8-clock-104.png');
  margin-left: 10px;
  margin-right: 5px;
}

.date-icon.time.no-padding {
  margin-left: 0;
}

.features-info {
  background-color: #fff;
  padding: 20px 40px 40px;
  overflow: visible;
}

.features-info.single-line {
  width: auto;
  height: auto;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #e2e8f8;
  border-left-color: #67bf7f;
  border-radius: 0;
  align-items: center;
  margin-top: -1px;
  margin-bottom: 0;
  padding: 20px;
  transition: box-shadow .4s;
  display: flex;
  overflow: hidden;
}

.features-info.single-line:hover {
  box-shadow: 0 6px 20px rgba(0, 0, 0, .1);
}

.image-blog {
  width: 200px;
  height: 200px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: cover;
  border-radius: 0;
  margin-right: 20px;
}

.collection-list {
  width: 100%;
  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.categorie, .collection-list.featured {
  grid-template-rows: auto;
}

.categories {
  color: #fff;
  text-transform: uppercase;
  background-color: #67bf7f;
  border-radius: 0;
  margin-left: 10px;
  padding: 2px 10px;
  font-family: Oswald, sans-serif;
  font-size: 12px;
  line-height: 22px;
  text-decoration: none;
}

.overlay {
  height: 600px;
  background-color: rgba(0, 0, 0, .39);
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.overlay.pricing {
  height: auto;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.grid-block-faq {
  width: 100%;
  grid-column-gap: 20px;
  background-color: rgba(0, 0, 0, 0);
  border: 1px rgba(0, 0, 0, .1);
  border-radius: 0;
  grid-template-rows: auto;
  padding: 0;
}

.question-info-block {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 0%;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  top: 120px;
}

.question-info-block.left {
  padding-right: 10%;
}

.toogle-icon {
  width: 25px;
  height: 25px;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  display: flex;
}

.plus {
  width: 18px;
  height: 2px;
  background-color: #0fa6ac;
  position: absolute;
  transform: rotate(90deg);
}

.toogle-answer {
  text-align: left;
  padding: 0;
  font-size: 17px;
  line-height: 26px;
  display: block;
}

.toogle-info {
  padding: 20px;
}

.heading {
  color: #202020;
  margin-bottom: 40px;
  font-size: 48px;
  font-weight: 700;
  line-height: 58px;
  text-decoration: none;
}

.heading.dark {
  color: #202020;
  text-align: left;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
  text-decoration: none;
}

.toogle-title {
  color: #202020;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paragraph {
  color: #30364d;
}

.toogle-wrapper {
  width: 100%;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .1);
  border-top-color: #67bf7f;
  border-radius: 0;
  margin-bottom: 16px;
  transition: transform .4s;
}

.toogle-wrapper:hover {
  background-color: rgba(103, 191, 127, .14);
  border-color: rgba(0, 0, 0, .1);
  transform: translate(0, -5px);
}

.toogle-wrapper.padding-top {
  border-color: #67bf7f rgba(0, 0, 0, .1) rgba(0, 0, 0, .1);
  margin-top: 60px;
}

.minus {
  width: 18px;
  height: 2px;
  background-color: #0fa6ac;
}

.toogle-questions {
  width: 100%;
  color: #202020;
  cursor: pointer;
  border-radius: 10px;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  display: flex;
}

.pricing-list-table {
  text-align: left;
  border-top: 1px solid #e3e3e3;
  border-bottom: 1px solid #e3e3e3;
  margin-top: 10px;
  margin-bottom: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.pricing-list {
  color: #000;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 24px;
}

.pricing-post-info {
  color: #666;
  text-align: left;
  text-transform: uppercase;
  flex-flow: column wrap;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 12px;
  font-weight: 500;
  display: flex;
}

.pricing-text {
  width: 160px;
  color: #f8f8f8;
  text-align: center;
  text-transform: none;
  background-color: #000;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.small-search-text {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
}

.pricing-card {
  width: 100%;
  color: #333;
  text-align: center;
  text-transform: capitalize;
  background-color: #fff;
  border: 1px solid #67bf7f;
  border-color: #67bf7f rgba(0, 0, 0, .1) #e6e6fa #e6e6fa;
  padding: 0 40px 50px;
  text-decoration: none;
  transition: transform .3s;
  position: relative;
}

.pricing-card:hover {
  transform: translate(0, -10px);
}

.default-state {
  width: auto;
  flex-direction: row;
  align-items: flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-text {
  color: #000;
}

.icon-image {
  margin-top: 40px;
}

.image {
  height: 200px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-size: cover;
  align-items: flex-end;
  margin-bottom: 0;
  display: flex;
}

.skills-progress-line-sec {
  width: 85%;
  height: 100%;
  background-color: #67bf7f;
}

.skills-progress-line-sec.photoshop {
  width: 95%;
}

.skills-progress-line-sec.illustrations {
  width: 75%;
}

.skills-progress-line-sec.copywriting {
  width: 80%;
}

.skills-progress-line-sec.design {
  width: 85%;
}

.skills-progress-line-sec.photography {
  width: 65%;
}

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

.faq {
  width: 60%;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
}

.checkout-form {
  color: #000;
  margin-top: 10px;
  padding-top: 120px;
  padding-bottom: 120px;
  font-family: Lato, sans-serif;
}

.name {
  width: 160px;
  color: #fff;
  text-align: center;
  background-color: #67bf7f;
  margin-top: 0;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 20px;
  line-height: 30px;
  display: block;
}

.collection-list-wrapper {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.drop-down {
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
  border-left: 1px solid rgba(255, 255, 255, .2);
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: Oswald, sans-serif;
  font-weight: 300;
  position: static;
}

.drop-down:hover {
  background-image: linear-gradient(rgba(255, 255, 255, .1), rgba(255, 255, 255, .1));
}

.dropdown-link {
  color: #000;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
}

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

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

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

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

.discount {
  margin-bottom: 20px;
}

.text-field {
  height: 44px;
  max-width: none;
  min-width: auto;
  float: left;
  color: #272830;
  background-color: #fff;
  border: 1px #d2d2f5;
  border-bottom: 1px solid #d4e4f0;
  border-radius: 0;
  margin-bottom: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px;
}

.text-field:hover {
  border-bottom-color: #e4e8ee;
}

.text-field.in {
  width: 70%;
  height: 38px;
  min-width: auto;
  background-color: #fafafa;
  border-style: solid;
  border-color: #ddd;
  border-radius: 3px;
  flex: 0 auto;
}

.button-right {
  width: 25%;
  height: 38px;
  letter-spacing: 1px;
  text-transform: uppercase;
  background-color: #272830;
  border-radius: 0;
  justify-content: center;
  font-size: 12px;
  font-weight: 400;
}

.button-right:hover {
  background-color: #67bf7f;
}

.field-label {
  text-transform: uppercase;
  font-family: Oswald, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.paypal {
  width: 100%;
  height: auto;
  max-width: 1200px;
  text-align: center;
  border-radius: 0;
  margin-bottom: 5px;
}

.apple-pay {
  height: 50px;
  border-radius: 3px;
}

.button-wrapper {
  margin-top: 40px;
}

.button-wrapper.center {
  text-align: center;
}

.cart-button {
  height: 70px;
  background-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-color: #000 rgba(255, 255, 255, .2) #000 #000;
  border-right-width: 1px;
}

.cart-button:hover {
  color: #67bf7f;
}

.icon-ecommerce {
  margin-right: 0;
}

.icon-ecommerce:hover {
  color: #f8f8f8;
}

.cart-quantity {
  width: 20px;
  height: 20px;
  min-width: auto;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, .4);
  border-radius: 0;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
}

.cart-wrapper {
  z-index: 999;
  text-transform: uppercase;
}

.empty-state {
  flex-direction: column;
}

.error-state {
  text-align: center;
}

.div-right {
  top: 100px;
}

.footer-bottom-div {
  color: #fff;
  justify-content: flex-end;
  font-family: Lato, sans-serif;
  font-weight: 400;
  display: flex;
}

.footer-copyright {
  width: 100%;
  color: #666;
  border-top: 1px solid rgba(255, 255, 255, .13);
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.link-div {
  color: #666;
  line-height: 30px;
  text-decoration: none;
}

.link-div.space {
  margin-left: 4px;
  margin-right: 4px;
}

.footer-bottom-text {
  color: #00cc58;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
}

.footer-link {
  color: #fff;
  text-transform: uppercase;
  border-bottom: 2px rgba(0, 0, 0, 0);
  margin-bottom: 0;
  font-family: Oswald, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 30px;
  text-decoration: none;
  transition: color .3s;
  display: inline-block;
}

.footer-link:hover {
  color: #67bf7f;
  border-bottom: 2px #4b39ef;
  text-decoration: none;
}

.grid-footer {
  width: 100776%;
  grid-template: "."
  / 1fr 1fr 1fr;
}

.icon-div {
  width: 50px;
  height: 50px;
  background-color: #67bf7f;
  background-image: url('../images/icons8-light-on-96_1icons8-light-on-96.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 32px;
}

.icon-div.image {
  width: 50px;
  height: 50px;
  max-width: none;
  background-image: url('../images/Team-4.jpg');
  background-position: 50%;
  background-size: cover;
  margin: 1px;
}

.icon-div.image.sec {
  max-width: none;
  background-image: url('../images/Team-1.jpg');
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.sec.pixels {
  background-image: url('../images/Untitled-3.jpg');
}

.icon-div.image.third {
  background-image: url('../images/Team-2.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.third.pexels {
  background-image: url('../images/1237-1.jpg');
  background-position: 100%;
}

.icon-div.image.four {
  background-image: url('../images/Team-3.jpg');
  background-position: 50%;
  background-size: cover;
  margin-top: 1px;
  margin-left: 1px;
}

.icon-div.image.four.pexels {
  background-image: url('../images/photo-1519904981063-b0cf448d479e-1.jpg');
}

.icon-div.image.pixels {
  background-image: url('../images/Untitled-1.jpg');
}

.icon-div.fourth {
  background-image: url('../images/icons8-design-60_1icons8-design-60.png');
}

.icon-div.grid-second {
  background-color: #000;
  background-image: url('../images/awesome.svg');
}

.icon-div.thid {
  background-color: #000;
  background-image: url('../images/pixel-perfect.svg');
}

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

.column-icons.no-padding {
  margin-bottom: 0;
}

.licence-item-wrapper {
  width: 60%;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #d4e4f0;
  border-radius: 0;
  align-items: center;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 40px;
  display: flex;
}

.licence-item-wrapper:hover {
  border-color: #41657f;
}

.image-div-sec {
  width: 100px;
  height: 100px;
}

.image-div-sec.icons {
  width: auto;
  height: 100px;
  background-color: #f8f8ff;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.licence-links-wrapper {
  color: #717177;
  flex: 1;
  justify-content: space-between;
  padding-left: 64px;
  padding-right: 64px;
  display: flex;
}

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

.grid-process {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
}

.collection-item {
  width: 100%;
}

._404, .password {
  filter: invert();
  margin-left: auto;
  margin-right: auto;
}

.italic-text {
  color: #49c96b;
  font-weight: 400;
}

.logotypes-grid {
  grid-column-gap: 60px;
  grid-row-gap: 0px;
  opacity: 1;
  filter: invert();
  grid-template: "."
  / 1fr 1fr 1fr 1fr 1fr;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}

.logotypes-grid.invert {
  filter: none;
}

.slide {
  border-radius: 18px;
}

.feature-section {
  padding-top: 100px;
  padding-bottom: 100px;
}

.flex-container {
  flex-direction: row;
  flex: 1;
  align-items: center;
  display: flex;
}

.feature-image-mask {
  width: 100%;
  margin-right: 40px;
}

.feature-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}

.slider {
  margin-top: -20px;
  margin-bottom: -2px;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}

.slide-1 {
  object-fit: fill;
}

.div-block-2 {
  clear: none;
  align-self: auto;
  position: relative;
}

.div-block-2.flex {
  width: 60%;
  height: 50px;
  flex-flow: row-reverse wrap;
  order: 0;
  align-content: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-right: 0;
  display: flex;
}

.text-block {
  width: 110%;
  text-align: justify;
  letter-spacing: 1px;
  padding-top: 4px;
  padding-bottom: 0;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
}

.text-block-3 {
  color: #fff;
  letter-spacing: 2px;
  padding-top: 28px;
  padding-bottom: 10px;
  font-family: Oswald, sans-serif;
  font-size: 20px;
  font-weight: 500;
}

.list-2 {
  color: #fff;
  margin-bottom: 17px;
}

.list-item {
  text-align: justify;
  letter-spacing: 2px;
  text-transform: none;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.list-item-2 {
  text-align: justify;
  letter-spacing: 2px;
  text-transform: none;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
  list-style-type: disc;
}

.list-item-4 {
  color: #fff;
  text-align: justify;
  letter-spacing: 2px;
  text-transform: none;
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.div-block-3 {
  width: 1300px;
  float: none;
  clear: right;
  object-position: 50% 50%;
  margin-top: 40px;
  margin-bottom: 125px;
  padding-top: 14px;
  padding-bottom: 0;
  position: relative;
  top: -72px;
  left: -77px;
}

.columns {
  object-fit: fill;
  margin-top: 25px;
}

.paragraph-2, .paragraph-3 {
  font-size: 18px;
}

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

.paragraph-5 {
  color: #fffdfd;
  text-align: center;
  background-color: rgba(0, 0, 0, 0);
  font-size: 26px;
  font-weight: 400;
  line-height: 30px;
}

.paragraph-6 {
  font-size: 28px;
  line-height: 28px;
}

.italic-text-2 {
  text-align: justify;
  font-style: normal;
}

.italic-text-3 {
  font-style: normal;
  font-weight: 400;
}

.italic-text-4 {
  font-style: normal;
}

.list-item-5 {
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.list-item-6 {
  color: #f8f8f8;
  font-family: Lato, sans-serif;
  font-weight: 700;
}

.italic-text-5, .italic-text-6 {
  font-style: normal;
}

.image-2 {
  margin-top: -9px;
  margin-bottom: -24px;
  padding-top: 0;
  padding-bottom: 0;
  position: static;
}

.div-block-4 {
  height: auto;
  justify-content: center;
  align-items: flex-end;
  padding-top: 12px;
  padding-bottom: 24px;
  display: flex;
}

.text-block-4 {
  color: #f8f8f8;
  justify-content: space-between;
  align-items: center;
  font-size: 40px;
  display: flex;
}

.paragraph-7 {
  color: #afafaf;
}

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

.link-block {
  width: 22px;
  height: 22px;
  background-image: url('../images/xing1.png');
  background-position: 0 0;
  background-size: cover;
}

.image-3 {
  padding-left: 0;
  padding-right: 0;
}

.sticky-nav {
  z-index: 1;
  background-color: #404040;
  margin-left: 0;
  margin-right: 0;
  padding: 7px 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.nav-bar {
  width: 120%;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr max-content max-content;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin: 0 1px 0 -167px;
  padding: 0;
  display: grid;
}

.nav-logo-link {
  height: 60px;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: block;
}

.nav-logo {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 0% 50%;
  margin-left: 0;
  padding-left: 0;
}

.nav-link-2 {
  color: #fff;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

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

.hero-overlay {
  height: 90vh;
  max-height: 780px;
  color: #fff;
  background-image: url('../images/FV-Express.JPG');
  background-position: 50%;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: flex;
}

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

.heading-2 {
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  margin-left: -55px;
  font-size: 52px;
  font-weight: 600;
}

.paragraph-8 {
  font-size: 26px;
}

.paragraph-9 {
  color: #fff;
  text-align: left;
  letter-spacing: 2px;
  text-indent: 6px;
  column-count: 1;
  column-gap: 0;
  margin-bottom: 168px;
  margin-left: -61px;
  margin-right: -99px;
  padding-left: 0;
  padding-right: 0;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
}

.button-2 {
  background-color: #bfec38;
}

.button-3 {
  color: #404040;
  background-color: #e5eb2b;
  border-radius: 9px;
  font-size: 18px;
  font-weight: 500;
}

.bold-text {
  color: #404040;
}

.cards-section {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0);
  background-image: linear-gradient(rgba(83, 71, 44, .63), rgba(83, 71, 44, .63)), url('../images/gene-jeter-ZLRTSUm6onI-unsplash-min.jpg');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

.centered-container-2 {
  text-align: center;
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

.cards-grid-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cards-image-mask {
  width: 100%;
  border-radius: 0%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.cards-image-1 {
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.paragraph-10 {
  color: #fff;
  margin-top: 16px;
  font-size: 24px;
  font-weight: 700;
}

.cards-image-2 {
  width: 80%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.cards-image-3 {
  width: 100%;
  height: 70%;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
  margin-top: 47px;
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.paragraph-11 {
  font-size: 24px;
}

.heading-3 {
  font-size: 48px;
}

.heading-4 {
  color: #fff;
}

.paragraph-12 {
  color: #fff;
  margin-top: 28px;
  margin-bottom: 26px;
  font-size: 24px;
  font-weight: 700;
}

.paragraph-13, .paragraph-14, .paragraph-15 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}

.heading-5 {
  color: #fff;
}

.heading-6 {
  color: #fafafa;
}

.heading-7 {
  color: #fffcfc;
}

.contact-form {
  padding-top: 100px;
  padding-bottom: 100px;
}

.contact-form-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.hero-overlay-2 {
  height: 60vh;
  max-height: 780px;
  color: #fff;
  background-image: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/FV-Express.JPG');
  background-position: 0 0, 50%;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 94px;
  display: flex;
}

.heading-8 {
  color: #fff;
  text-align: left;
  margin-left: -54px;
  font-size: 48px;
}

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

@media screen and (max-width: 991px) {
  img {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .form-field {
    font-weight: 300;
  }

  .form-field.message {
    height: 140px;
  }

  .footer-section {
    background-image: linear-gradient(rgba(18, 46, 54, .94), rgba(24, 32, 36, .95)), url('../images/mountains.jpg');
    margin-bottom: 0;
    padding-bottom: 60px;
  }

  .features-section {
    position: relative;
  }

  .button.outline.green {
    margin-top: 0;
  }

  .emphasized-text {
    font-size: 24px;
  }

  .hero-heading {
    letter-spacing: 2px;
    font-size: 52px;
    line-height: 62px;
  }

  .brand {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: stretch;
    padding-top: 11px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .banner-section {
    height: 100%;
  }

  .colorbox {
    padding-top: 160px;
  }

  .slider-nav {
    position: relative;
  }

  .features-text {
    text-align: left;
  }

  .arrow.left, .arrow.right {
    top: 87%;
  }

  .hero-subheader {
    margin-top: 0;
  }

  .hero-subheader.percentual {
    margin-bottom: 0;
  }

  .features-div {
    text-align: left;
  }

  .features-div.second {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .portfolio-post {
    height: 350px;
    margin-bottom: 1px;
  }

  .portfolio-row.second {
    margin-top: 0;
  }

  .slider-arrow.mobile {
    display: none;
  }

  .section {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    position: static;
  }

  .section.about {
    object-fit: fill;
    background-image: linear-gradient(166deg, rgba(146, 33, 5, .76) 43%, #fff), url('../images/origami-remolino-min.jpg');
    background-position: 0 0, 60% 100%;
    background-size: auto, cover;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .testimonials-section {
    padding-bottom: 80px;
  }

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

  .top-title {
    font-size: 24px;
  }

  .menu-button {
    width: 80px;
    height: 80px;
    border-left: 1px solid rgba(255, 255, 255, .2);
    padding-top: 22px;
  }

  .menu-button.w--open {
    background-color: rgba(0, 0, 0, 0);
  }

  .icon {
    width: auto;
    height: auto;
    color: #fff;
    text-align: center;
    margin-top: 0;
  }

  .icon.arrow {
    margin-top: 25px;
  }

  .nav-link {
    border: 1px solid rgba(255, 255, 255, 0);
    border-bottom-style: none;
  }

  .nav-link.w--current {
    background-color: rgba(255, 255, 255, .09);
  }

  .nav-menu {
    width: 100%;
    background-color: #000;
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-left: 0;
    margin-right: 0;
  }

  .navbar {
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
    margin-bottom: -1px;
    padding-bottom: 0;
  }

  .team-title.position {
    margin-left: auto;
    margin-right: auto;
  }

  .blog-card {
    width: 100%;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .blog-card.flex.team {
    width: 70%;
    margin-bottom: 100px;
    display: flex;
  }

  .blog-card.flex.team.last {
    margin-bottom: 0;
  }

  .team-row {
    margin-left: 0;
    margin-right: 0;
  }

  .container {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: start;
    justify-content: center;
    align-items: center;
    justify-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .container.checkout {
    flex-direction: column;
  }

  .container.footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .licence-items {
    width: 80%;
  }

  .date-time {
    flex-wrap: wrap;
  }

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

  .grid-block-faq {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    padding-bottom: 0;
  }

  .question-info-block {
    margin-bottom: 60px;
    position: relative;
    top: auto;
  }

  .question-info-block.left {
    padding-right: 0%;
  }

  .toogle-questions {
    text-align: left;
  }

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

  .default-state {
    flex-direction: row;
  }

  .icon-image {
    margin-left: 0;
    margin-right: 0;
  }

  .collection-list-pricing {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .faq {
    width: 80%;
  }

  .drop-down {
    align-items: center;
    display: flex;
  }

  .discount {
    width: 100%;
  }

  .text-field.in {
    width: 70%;
  }

  .button-right {
    width: 28%;
    text-align: center;
    justify-content: center;
  }

  .div-left, .div-right {
    width: 100%;
  }

  .licence-item-wrapper {
    width: 100%;
    margin-bottom: 20px;
  }

  .grid-process {
    grid-template-columns: 1.75fr;
  }

  .logotypes-grid {
    grid-column-gap: 60px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-3 {
    width: auto;
    text-align: center;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    margin-top: 2px;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
    position: static;
    top: 70px;
    left: 181px;
  }

  .columns {
    object-fit: fill;
    position: relative;
  }

  .paragraph-5 {
    float: none;
    clear: none;
    object-fit: fill;
    flex-wrap: wrap;
    align-content: flex-end;
    justify-content: center;
    align-items: center;
    padding-left: 0;
    font-size: 18px;
    display: flex;
    position: relative;
  }

  .div-block-4 {
    object-fit: none;
    padding-right: 47px;
  }

  .nav-bar {
    grid-template-columns: .75fr max-content max-content;
    margin-left: 0;
    margin-right: 0;
  }

  .heading-2 {
    margin-left: 48px;
  }

  .paragraph-9 {
    text-align: center;
    font-size: 16px;
  }

  .cards-grid-container {
    grid-column-gap: 20px;
  }

  .heading-8 {
    width: 80%;
    text-align: left;
    margin-left: 0;
    padding-left: 52px;
    font-size: 36px;
  }
}

@media screen and (max-width: 767px) {
  .contact-us-section {
    background-position: 0 0, 68% 100%;
    background-size: auto, cover;
  }

  .footer-section {
    padding-bottom: 10px;
  }

  .about-us-div.half-side {
    width: 100%;
  }

  .button {
    margin-bottom: 0;
  }

  .submit-button {
    margin-bottom: 70px;
  }

  .testimonials-text {
    margin-left: 10px;
    margin-right: 10px;
  }

  .hero-heading {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 48px;
  }

  .brand {
    padding-left: 30px;
    padding-right: 220px;
  }

  .brand.footer {
    padding-left: 40px;
    padding-right: 40px;
  }

  .banner-section {
    height: 660px;
  }

  .arrow.left {
    margin-bottom: 0;
    top: 87%;
  }

  .arrow.right {
    top: 87%;
  }

  .hero-subheader {
    margin-top: 0;
    font-size: 15px;
  }

  .hero-subheader.percentual {
    margin-bottom: 0;
  }

  .features-div {
    margin-bottom: 10px;
    margin-right: 0;
  }

  .features-div.second {
    margin-right: 0;
  }

  .social-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .portfolio-post {
    margin-bottom: 1px;
  }

  .main-slider {
    height: 100%;
  }

  .slider-arrow.mobile {
    display: none;
  }

  .section.about {
    height: auto;
    background-image: linear-gradient(rgba(122, 29, 10, .62) 36%, #fff), url('../images/origami-remolino-min.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
    background-attachment: scroll, fixed;
    margin-top: 0;
    padding-bottom: 120px;
  }

  .section.process {
    background-position: 0 0, 50% 100%;
    background-size: auto, auto;
  }

  .menu-button {
    padding-top: 20px;
  }

  .icon.arrow {
    margin-top: 25px;
  }

  .nav-link {
    width: 100%;
    max-width: 1500px;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .nav-menu {
    z-index: 1;
    width: auto;
    position: absolute;
  }

  .navigation-div {
    justify-content: space-around;
    align-items: center;
    display: flex;
  }

  .navbar {
    object-fit: fill;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .blog-card {
    width: 100%;
    margin-bottom: 0;
  }

  .blog-card.flex.team {
    width: 100%;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .licence-items, .licence-item-first {
    width: 100%;
  }

  .date-time.single-line {
    padding-top: 0;
    padding-bottom: 0;
  }

  .info-blog {
    width: 100%;
    flex-direction: column;
    display: flex;
  }

  .features-info.single-line {
    flex-direction: column;
    margin-top: 0;
    padding-right: 20px;
  }

  .image-blog {
    width: 100%;
    margin-right: 0;
  }

  .grid-block-faq {
    grid-template-columns: 1fr;
  }

  .toogle-questions {
    text-align: left;
  }

  .pricing-card, .faq {
    width: 100%;
  }

  .collection-list-wrapper {
    width: 80%;
  }

  .footer-copyright {
    flex-direction: column;
  }

  .grid-footer {
    width: 100%;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .licence-item-wrapper {
    width: 100%;
  }

  .logotypes-grid {
    grid-column-gap: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .feature-section {
    padding: 40px 20px;
  }

  .flex-container {
    flex-direction: column;
  }

  .feature-image-mask {
    margin-right: 0;
  }

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

  .div-block-2.flex {
    width: 40%;
    flex-flow: row-reverse;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-content: flex-start;
    justify-content: space-between;
    align-self: auto;
    align-items: stretch;
    display: flex;
  }

  .sticky-nav {
    position: relative;
  }

  .nav-bar {
    text-align: center;
  }

  .hero-overlay {
    padding: 40px 20px;
  }

  .paragraph-9 {
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
  }

  .cards-section {
    padding: 40px 20px;
  }

  .cards-grid-container {
    max-width: none;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    align-self: stretch;
  }

  .cards-image-mask {
    padding-top: 96%;
  }

  .cards-image-2 {
    width: 75%;
    height: 100%;
  }

  .cards-image-3 {
    width: 95%;
  }

  .heading-5 {
    margin-top: -89px;
  }

  .contact-form, .hero-overlay-2 {
    padding: 40px 20px;
  }
}

@media screen and (max-width: 479px) {
  .contact-us-section {
    background-position: 0 0, 78%;
    background-size: auto, cover;
  }

  .footer-section {
    padding-bottom: 20px;
  }

  .features-section {
    display: block;
  }

  .button.outline {
    margin-top: 20px;
    margin-right: 0;
  }

  .button.outline.green {
    margin-top: 20px;
  }

  .button.outline.green.padding {
    margin-right: 0;
  }

  .emphasized-text {
    font-size: 22px;
  }

  .testimonials-text {
    font-size: 17px;
  }

  .hero-heading {
    letter-spacing: 3px;
    font-size: 35px;
    line-height: 45px;
  }

  .brand {
    width: 50%;
    border-right-style: none;
    margin-left: -9px;
    padding-left: 0;
    padding-right: 88px;
  }

  .brand.footer {
    padding-right: 40px;
  }

  .slider-nav {
    padding-top: 45px;
  }

  .containner-slide.blog {
    padding-left: 20px;
    padding-right: 20px;
  }

  .arrow.left, .arrow.right {
    top: 87%;
  }

  .hero-subheader {
    margin-top: 10px;
    font-size: 14px;
    line-height: 25px;
  }

  .testimonials-slider {
    height: auto;
  }

  .features-div, .features-div.second {
    margin-right: 0;
  }

  .social-wrapper {
    margin-bottom: 40px;
  }

  .slider-arrow {
    opacity: .35;
  }

  .slider-arrow.mobile {
    display: none;
  }

  .section.about {
    background-image: linear-gradient(to top, rgba(202, 117, 117, .76) 12%, rgba(186, 108, 108, .7) 64%, rgba(0, 0, 0, 0) 87%), url('../images/origami-remolino-min.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, repeat;
    background-size: auto, cover;
  }

  .testimonials-section {
    padding-bottom: 80px;
  }

  .top-title {
    text-indent: 2px;
    font-size: 22px;
    font-style: normal;
  }

  .menu-button {
    padding: 27px 0 1px 51px;
  }

  .nav-link {
    height: auto;
  }

  .nav-menu {
    width: auto;
  }

  .link-blog {
    min-height: 180px;
  }

  .link-blog.team, .link-blog.team.third, .link-blog.team.second {
    margin-top: -100px;
  }

  .social-wrapper-div {
    opacity: 1;
    background-image: url('../images/linkedin.png');
    border-style: none;
  }

  .blog-card {
    padding-left: 25px;
    padding-right: 25px;
  }

  .blog-card.flex.team {
    padding: 40px;
  }

  .container {
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.checkout {
    padding-left: 0;
    padding-right: 0;
  }

  .licence-item-first {
    width: auto;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 15px 14px;
  }

  .image-div {
    width: 100px;
    flex: 0 auto;
  }

  .image-div.logo {
    margin-bottom: 20px;
    margin-right: 0;
  }

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

  .licence-link.changelog {
    text-align: center;
    margin-right: 0;
  }

  .date-time {
    flex-wrap: wrap;
  }

  .date-time.single-line {
    flex-wrap: wrap;
    padding-top: 0;
    padding-bottom: 0;
  }

  .info-blog {
    width: 100%;
    border-top: 1px solid #cdd8da;
    border-left-style: none;
    margin-top: 20px;
    padding-left: 0;
  }

  .features-info.single-line {
    flex-direction: column;
    align-items: flex-start;
    padding-right: 20px;
  }

  .image-blog {
    width: 100%;
    height: 200px;
  }

  .grid-block-faq {
    align-items: center;
    justify-items: center;
    padding-left: 0;
    padding-right: 0;
  }

  .question-info-block.left {
    padding-right: 0%;
  }

  .toogle-questions {
    text-align: left;
  }

  .pricing-card {
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }

  .default-state {
    flex-direction: column;
  }

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

  .button-right {
    background-color: #000;
  }

  .cart-button {
    border-right-style: none;
  }

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

  .second-image {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
  }

  .div-block {
    margin-left: 0;
  }

  .footer-copyright {
    flex-direction: column;
  }

  .licence-item-wrapper {
    width: auto;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 15px 14px;
  }

  .image-div-sec {
    width: 100px;
    flex: 0 auto;
  }

  .image-div-sec.icons {
    height: auto;
    margin-bottom: 40px;
  }

  .licence-links-wrapper {
    flex: 1;
    padding-left: 16px;
    padding-right: 16px;
  }

  .grid-process-boxes {
    grid-template-columns: 1fr;
  }

  .logotypes-grid {
    width: 70%;
    grid-column-gap: 0px;
    grid-row-gap: 50px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
  }

  .logotypes-grid.invert {
    filter: none;
  }

  .div-block-2.flex {
    width: 100%;
  }

  .list-item-2, .list-item-4 {
    text-align: left;
  }

  .paragraph-5 {
    font-size: 16px;
  }

  .italic-text-2, .italic-text-4 {
    text-align: left;
  }

  .text-block-4 {
    font-size: 20px;
  }

  .sticky-nav {
    padding: 0;
  }

  .nav-bar {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: 100px;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    padding-right: 60px;
  }

  .nav-logo-link {
    border-top: 1px solid #c4c4c4;
  }

  .nav-link-2 {
    border-top: 1px solid #c4c4c4;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
  }

  .centered-container {
    text-align: left;
  }

  .button-3 {
    text-align: center;
    padding-left: 16px;
    display: inline-block;
  }

  .centered-container-2 {
    text-align: left;
  }

  .cards-grid-container {
    grid-template-columns: 1fr;
    margin-left: 0;
    margin-right: 0;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .heading-5 {
    margin-top: -23px;
  }

  .div-block-7 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: center;
    display: grid;
  }
}

#w-node-_0d5e4f77-385b-c6bd-b37e-3a8a15db2933-07ff12df {
  justify-self: start;
}

#w-node-_089a962f-26b1-7606-a950-ba6b33df8d89-07ff12df {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_2a74f126-1ad1-3f50-9e54-d36b36d9a16c-d1e90473 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3398ef1b-b535-20cb-c807-02e52e45d2f1-07ff12df, #w-node-_3398ef1b-b535-20cb-c807-02e52e45d2f3-07ff12df, #w-node-_3398ef1b-b535-20cb-c807-02e52e45d2f8-07ff12df {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3398ef1b-b535-20cb-c807-02e52e45d2fa-07ff12df {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: start;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_0d5e4f77-385b-c6bd-b37e-3a8a15db2933-07ff12df {
    justify-self: center;
  }

  #w-node-c4a86dca-2260-8f9b-9446-17a65fd6ef92-07ff12df {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3398ef1b-b535-20cb-c807-02e52e45d2e7-07ff12df, #w-node-_3398ef1b-b535-20cb-c807-02e52e45d2ee-07ff12df, #w-node-_3398ef1b-b535-20cb-c807-02e52e45d2f5-07ff12df {
    grid-column: span 1 / span 1;
  }

  #w-node-_089a962f-26b1-7606-a950-ba6b33df8d79-07ff12df, #w-node-_089a962f-26b1-7606-a950-ba6b33df8d7d-07ff12df, #w-node-_089a962f-26b1-7606-a950-ba6b33df8d81-07ff12df, #w-node-_089a962f-26b1-7606-a950-ba6b33df8d85-07ff12df {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}