.imageWithPins{margin:2.4rem 0}.imageWithPins--singleImage-version>div{width:100%}.imageWithPins--singleImage-version>div img{width:100%}.imageWithPins--twoImage-version{display:grid;gap:8px;grid-template-columns:1fr}@media screen and (min-width:765px){.imageWithPins--twoImage-version{grid-template-columns:1fr 1fr}}.imageWithPins--twoImage-version>div img{width:100%;height:416px}@media screen and (min-width:765px){.imageWithPins--twoImage-version>div img{height:547px}}.imageWithPins__singleImage{width:100%;position:relative;text-align:center}@media screen and (min-width:765px){.imageWithPins__singleImage img{object-fit:cover}}.imageWithPins__singleImage__button{font-family:Lato,"Lato",sans-serif;font-weight:400;padding:10px 15px;color:#4f4f4f;display:inline-block;margin:0 2% 4%;border:1px solid #d4d4d4;transition:color .2s ease,border-color .2s ease;font-size:14px;box-shadow:none;text-decoration:none;text-transform:uppercase;letter-spacing:.075em;line-height:1.25em}.imageWithPins__singleImage__button:hover{color:#393939;border-color:#b2b2b2}.imageWithPins__singleImage__buttonWrapper{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:2em}.imageWithPins .pins{position:absolute;height:24px;width:24px;border-radius:50%;background-color:rgba(255,255,255,.5)}.imageWithPins .pins.active{background-color:#000}.imageWithPins .pins.active:after{color:#fff}.imageWithPins .pins:after{position:absolute;content:'+';top:39%;left:50%;transform:translate(-50%,-50%);font-size:16px;z-index:22;width:24px;height:24px;color:#fff;cursor:pointer}.imageWithPins .pins p{margin-bottom:0}.imageWithPins .pins a{margin:12px;display:block;text-decoration:none !important;padding:14px;border-radius:8px;background:#fcfcfc;box-shadow:0px 2px 8px rgba(0,0,0,.1);min-width:150px;text-align:left;z-index:1;transition:all ease}.imageWithPins .pins .title{font-size:15px;font-weight:400;color:#000}.imageWithPins .pins .text_button{font-size:12px;font-weight:400;line-height:14px;color:#000}.imageWithPins .pins--wrapper{width:max-content;display:none;padding:12px;transform:translate(-12px,-80%)}@media screen and (min-width:766px){.imageWithPins .pins--desktop:hover div{display:block;transform:translate(-12px,-80%)}}@media screen and (max-width:765px){.imageWithPins .pins--desktop:hover:after{color:#fff}.imageWithPins .pins--desktop:hover div{display:block;left:50%;top:28px;transform:translate(-42%,4%)}}