.p-p8-1{height:300px}
.p-p8-2{padding:88px 24px}
.p-p8-3{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.p-p8-6{transition:opacity .8s ease 0.12s, transform .8s cubic-bezier(.2,.7,.2,1) 0.12s, box-shadow .3s ease}
.p-p8-9{transition:opacity .8s ease 0.24s, transform .8s cubic-bezier(.2,.7,.2,1) 0.24s, box-shadow .3s ease}
.p-p8-c{transition:opacity .8s ease 0.36s, transform .8s cubic-bezier(.2,.7,.2,1) 0.36s, box-shadow .3s ease}
.p-p8-h{transition:opacity .8s ease 0.12s, transform .8s cubic-bezier(.2,.7,.2,1) 0.12s, box-shadow .3s ease}
.p-p8-k{transition:opacity .8s ease 0.24s, transform .8s cubic-bezier(.2,.7,.2,1) 0.24s, box-shadow .3s ease}
.p-p8-n{transition:opacity .8s ease 0.36s, transform .8s cubic-bezier(.2,.7,.2,1) 0.36s, box-shadow .3s ease}
.p-p8-s{transition:opacity .8s ease 0.12s, transform .8s cubic-bezier(.2,.7,.2,1) 0.12s, box-shadow .3s ease}
.p-p8-v{transition:opacity .8s ease 0.24s, transform .8s cubic-bezier(.2,.7,.2,1) 0.24s, box-shadow .3s ease}
.p-p8-y{transition:opacity .8s ease 0.36s, transform .8s cubic-bezier(.2,.7,.2,1) 0.36s, box-shadow .3s ease}
.p-p8-13{transition:opacity .8s ease 0.12s, transform .8s cubic-bezier(.2,.7,.2,1) 0.12s, box-shadow .3s ease}
.p-p8-16{transition:opacity .8s ease 0.24s, transform .8s cubic-bezier(.2,.7,.2,1) 0.24s, box-shadow .3s ease}
.p-p8-19{transition:opacity .8s ease 0.36s, transform .8s cubic-bezier(.2,.7,.2,1) 0.36s, box-shadow .3s ease}
.p-p8-h4:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-h5:hover{transform:scale(1.08) !important}
.p-p8-h7:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-h8:hover{transform:scale(1.08) !important}
.p-p8-ha:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-hb:hover{transform:scale(1.08) !important}
.p-p8-hd:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-he:hover{transform:scale(1.08) !important}
.p-p8-hf:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-hg:hover{transform:scale(1.08) !important}
.p-p8-hi:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-hj:hover{transform:scale(1.08) !important}
.p-p8-hl:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-hm:hover{transform:scale(1.08) !important}
.p-p8-ho:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-hp:hover{transform:scale(1.08) !important}
.p-p8-hq:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-hr:hover{transform:scale(1.08) !important}
.p-p8-ht:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-hu:hover{transform:scale(1.08) !important}
.p-p8-hw:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-hx:hover{transform:scale(1.08) !important}
.p-p8-hz:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-h10:hover{transform:scale(1.08) !important}
.p-p8-h11:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-h12:hover{transform:scale(1.08) !important}
.p-p8-h14:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-h15:hover{transform:scale(1.08) !important}
.p-p8-h17:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-h18:hover{transform:scale(1.08) !important}
.p-p8-h1a:hover{box-shadow:rgba(0,0,0,0.18) 0px 10px 28px !important}
.p-p8-h1b:hover{transform:scale(1.08) !important}
.p-p8-h1c:hover{background:#DEB271 !important;color:#fff !important}
.p-p8-h1d:hover{background:#DEB271 !important;color:#fff !important}
@media (max-width:1099px){
.p-p8-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.p-p8-9{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-c{transition:opacity .8s ease 0.12s, transform .8s cubic-bezier(.2,.7,.2,1) 0.12s, box-shadow .3s ease}
.p-p8-k{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-n{transition:opacity .8s ease 0.12s, transform .8s cubic-bezier(.2,.7,.2,1) 0.12s, box-shadow .3s ease}
.p-p8-v{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-y{transition:opacity .8s ease 0.12s, transform .8s cubic-bezier(.2,.7,.2,1) 0.12s, box-shadow .3s ease}
.p-p8-16{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-19{transition:opacity .8s ease 0.12s, transform .8s cubic-bezier(.2,.7,.2,1) 0.12s, box-shadow .3s ease}
}
@media (max-width:819px){
.p-p8-1{height:200px}
.p-p8-2{padding:48px 20px}
.p-p8-3{grid-template-columns:repeat(1,minmax(0,1fr));gap:20px}
.p-p8-6{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-c{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-h{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-n{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-s{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-y{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-13{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
.p-p8-19{transition:opacity .8s ease 0s, transform .8s cubic-bezier(.2,.7,.2,1) 0s, box-shadow .3s ease}
}