/*
==========================================================
COVER SLIDER
==========================================================
*/

div.cover.swiper div.swiper-slide {
    height: 83%;
}

/*
==========================================================
COVER TESTO
==========================================================
*/

div.cover div.text {
    max-width: -webkit-calc(820vw / 19.2);
    max-width: -moz-calc(820vw / 19.2);
    max-width: calc(820vw / 19.2);
}

div.cover div.text div.description {
    max-width: -webkit-calc(680vw / 19.2);
    max-width: -moz-calc(680vw / 19.2);
    max-width: calc(680vw / 19.2);
}

/*
==========================================================
SOTTO COPERTINA
==========================================================
*/

div.cover div.subcover {
    bottom: -webkit-calc(90vw / 19.2);
    bottom: -moz-calc(90vw / 19.2);
    bottom: calc(90vw / 19.2);
    height: 90vh;
}

div.cover div.subcover div.box {
    max-width: max(1426px, -webkit-calc(1426vw / 19.2));
    max-width: max(1426px, -moz-calc(1426vw / 19.2));
    max-width: max(1426px, calc(1426vw / 19.2));
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 max(30px, calc(30vw / 19.2)) 0 max(30px, calc(30vw / 19.2));
}

div.cover div.subcover div.box div.title {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: max(30px, calc(70vw / 19.2));
    text-align: right;
}

div.cover div.subcover div.box div.services {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-row-gap: max(40px, -webkit-calc(100vw / 19.2));
    grid-row-gap: max(40px, -moz-calc(100vw / 19.2));
    grid-row-gap: max(40px, calc(100vw / 19.2))
}

div.cover div.subcover div.box div.services div.service {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(40px, -webkit-calc(100vw / 19.2));
    gap: max(40px, -moz-calc(100vw / 19.2));
    gap: max(40px, calc(100vw / 19.2));
}

div.cover div.subcover div.box div.services div.service div.service-icon svg {
    display: block;
    width: auto;
    height: max(60px, -webkit-calc(85vw / 19.2));
    height: max(60px, -moz-calc(85vw / 19.2));
    height: max(60px, calc(85vw / 19.2));
}

div.cover div.subcover div.box div.services div.service div.service-text span {
    display: block;
}

div.cover div.subcover div.box div.services div.service div.service-text span.name {
    font-size: max(18px, -webkit-calc(28vw / 19.2));
    font-size: max(18px, -moz-calc(28vw / 19.2));
    font-size: max(18px, calc(28vw / 19.2));
    font-weight: 500;
}

div.cover div.subcover div.box div.services div.service div.service-text span.description {
    font-size: max(16px, -webkit-calc(22vw / 19.2));
    font-size: max(16px, -moz-calc(22vw / 19.2));
    font-size: max(16px, calc(22vw / 19.2));
    font-weight: 400;
}

div.cover div.subcover div.box div.services div.service div.service-text span.description:empty {
    display: none;
}

div.cover div.subcover div.box div.contacts {
    margin-top: max(50px, -webkit-calc(180vw / 19.2));
    margin-top: max(50px, -moz-calc(180vw / 19.2));
    margin-top: max(50px, calc(180vw / 19.2));
    text-align: center;
}

div.cover div.subcover div.box div.contacts a {
    color: white;
    text-transform: uppercase;
    text-decoration-thickness: max(1px, -webkit-calc(1vw / 19.2));
    text-decoration-thickness: max(1px, -moz-calc(1vw / 19.2));
    text-decoration-thickness: max(1px, calc(1vw / 19.2));
    text-underline-offset: max(2px, -webkit-calc(2vw / 19.2));
    text-underline-offset: max(2px, -moz-calc(2vw / 19.2));
    text-underline-offset: max(2px, calc(2vw / 19.2));
}

/*
==========================================================
SOTTO COPERTINA MOBILE
==========================================================
*/

div.subcover.mobile {
    background: var(--marrone);
}

div.subcover.mobile div.box div.services {
    display: -ms-grid;
    display: grid;
    gap: 30px;
    margin-bottom: 60px;
}

div.subcover.mobile div.box div.services div.service {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50px auto;
    grid-template-columns: 50px auto;
    gap: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.subcover.mobile div.box div.services div.service div.service-icon svg {
    display: block;
    width: auto;
    height: 40px;
}

div.subcover.mobile div.box div.services div.service div.service-text span {
    display: block;
}

div.subcover.mobile div.box div.services div.service div.service-text span.name {
    font-size: 16px;
    font-weight: 500;
}

div.subcover.mobile div.box div.services div.service div.service-text span.description {
    font-size: 14px;
    font-weight: 400;
    margin-top: 3px;
}

div.subcover.mobile div.box div.services div.service div.service-text span.description:empty {
    display: none;
}

div.subcover.mobile div.box div.contacts a {
    color: white;
    text-transform: uppercase;
    text-decoration-thickness: max(1px, -webkit-calc(1vw / 19.2));
    text-decoration-thickness: max(1px, -moz-calc(1vw / 19.2));
    text-decoration-thickness: max(1px, calc(1vw / 19.2));
    text-underline-offset: max(2px, -webkit-calc(2vw / 19.2));
    text-underline-offset: max(2px, -moz-calc(2vw / 19.2));
    text-underline-offset: max(2px, calc(2vw / 19.2));
}

/*
==========================================================
RESALE
==========================================================
*/

div.resale {
    padding: max(60px, -webkit-calc(180vw / 19.2)) max(30px, -webkit-calc(30vw / 19.2)) max(60px, -webkit-calc(130vw / 19.2)) max(30px, -webkit-calc(30vw / 19.2));
    padding: max(60px, -moz-calc(180vw / 19.2)) max(30px, -moz-calc(30vw / 19.2)) max(60px, -moz-calc(130vw / 19.2)) max(30px, -moz-calc(30vw / 19.2));
    padding: max(60px, calc(180vw / 19.2)) max(30px, calc(30vw / 19.2)) max(60px, calc(130vw / 19.2)) max(30px, calc(30vw / 19.2));
}

div.resale div.box {
    width: 100%;
    max-width: max(1360px, -webkit-calc(1360vw / 19.2));
    max-width: max(1360px, -moz-calc(1360vw / 19.2));
    max-width: max(1360px, calc(1360vw / 19.2));
    margin: 0 auto;
}

div.resale div.box div.top,
div.resale div.box div.bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: max(30px, -webkit-calc(40vw / 19.2));
    gap: max(30px, -moz-calc(40vw / 19.2));
    gap: max(30px, calc(40vw / 19.2));
}

div.resale div.box div.top {
    margin-bottom: max(26px, -webkit-calc(30vw / 19.2));
    margin-bottom: max(26px, -moz-calc(30vw / 19.2));
    margin-bottom: max(26px, calc(30vw / 19.2));
}

div.resale div.box div.top div.title {
    font-size: max(28px, -webkit-calc(50vw / 19.2));
    font-size: max(28px, -moz-calc(50vw / 19.2));
    font-size: max(28px, calc(50vw / 19.2));
    font-weight: 900;
}

div.resale div.box div.top div.icon svg {
    display: inline-block;
    width: auto;
    height: max(50px, -webkit-calc(70vw / 19.2));
    height: max(50px, -moz-calc(70vw / 19.2));
    height: max(50px, calc(70vw / 19.2));
}

div.resale div.box div.bottom div.subtitle {
    font-size: max(18px, -webkit-calc(20vw / 19.2));
    font-size: max(18px, -moz-calc(20vw / 19.2));
    font-size: max(18px, calc(20vw / 19.2));
}

div.resale div.box div.bottom div.link a {
    font-size: max(16px, -webkit-calc(20vw / 19.2));
    font-size: max(16px, -moz-calc(20vw / 19.2));
    font-size: max(16px, calc(20vw / 19.2));
    color: var(--blu);
    text-decoration: none;
    text-transform: uppercase;
}

div.resale div.box div.bottom div.link a span.icon {
    margin-right: max(10px, -webkit-calc(10vw / 19.2));
    margin-right: max(10px, -moz-calc(10vw / 19.2));
    margin-right: max(10px, calc(10vw / 19.2));
}

div.resale div.box div.bottom div.link a span.icon svg {
    display: inline-block;
    width: max(20px, -webkit-calc(20vw / 19.2));
    width: max(20px, -moz-calc(20vw / 19.2));
    width: max(20px, calc(20vw / 19.2));
    height: auto;
    -webkit-transition: .25s;
    -o-transition: .25s;
    -moz-transition: .25s;
    transition: .25s;
}

div.resale div.box div.bottom div.link a:hover span.icon svg {
    -webkit-transform: translateX(max(5px, -webkit-calc(5vw / 19.2)));
    -moz-transform: translateX(max(5px, -moz-calc(5vw / 19.2)));
    -ms-transform: translateX(max(5px, calc(5vw / 19.2)));
    -o-transform: translateX(max(5px, calc(5vw / 19.2)));
    transform: translateX(max(5px, calc(5vw / 19.2)))
}

div.resale div.box div.bottom div.link a span.label {
    text-decoration: underline;
    text-decoration-thickness: max(1px, -webkit-calc(1vw / 19.2));
    text-decoration-thickness: max(1px, -moz-calc(1vw / 19.2));
    text-decoration-thickness: max(1px, calc(1vw / 19.2));
    text-underline-offset: max(2px, -webkit-calc(2vw / 19.2));
    text-underline-offset: max(2px, -moz-calc(2vw / 19.2));
    text-underline-offset: max(2px, calc(2vw / 19.2));
}

div.resale div.box div.materials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(20px, -webkit-calc(20vw / 19.2));
    gap: max(20px, -moz-calc(20vw / 19.2));
    gap: max(20px, calc(20vw / 19.2));
    margin-top: max(30px, -webkit-calc(50vw / 19.2));
    margin-top: max(30px, -moz-calc(50vw / 19.2));
    margin-top: max(30px, calc(50vw / 19.2));
}

div.resale div.box div.materials div.item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: max(300px, calc(440vw / 19.2)) 1fr;
    grid-template-columns: max(300px, -webkit-calc(440vw / 19.2)) 1fr;
    grid-template-columns: max(300px, -moz-calc(440vw / 19.2)) 1fr;
    grid-template-columns: max(300px, calc(440vw / 19.2)) 1fr;
    gap: max(20px, -webkit-calc(20vw / 19.2));
    gap: max(20px, -moz-calc(20vw / 19.2));
    gap: max(20px, calc(20vw / 19.2));
}

div.resale div.box div.materials div.item div.title {
    height: 0;
    padding-top: 100%;
    position: relative;
    background: var(--marrone);
    color: white;
}

div.resale div.box div.materials div.item div.title span {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding-left: max(30px, -webkit-calc(40vw / 19.2));
    padding-left: max(30px, -moz-calc(40vw / 19.2));
    padding-left: max(30px, calc(40vw / 19.2));
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-size: max(20px, -webkit-calc(40vw / 19.2));
    font-size: max(20px, -moz-calc(40vw / 19.2));
    font-size: max(20px, calc(40vw / 19.2));
    font-weight: 900;
}

div.resale div.box div.materials div.item div.photo {
    position: relative;
}

div.resale div.box div.materials div.item div.photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1;
}

div.resale div.box div.materials div.item div.photo svg {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: inline-block;
    width: max(40px, -webkit-calc(60vw / 19.2));
    width: max(40px, -moz-calc(60vw / 19.2));
    width: max(40px, calc(60vw / 19.2));
    height: auto;
}

/* testo sostitutivo */

div.resale div.box div.materials-text {
    font-size: max(20px, -webkit-calc(40vw / 19.2));
    font-size: max(20px, -moz-calc(40vw / 19.2));
    font-size: max(20px, calc(40vw / 19.2));
    font-weight: 900;
    color: #94806F;
    margin: max(50px, 5vw) 0;
}

div.resale div.box div.materials-text p:not(:first-child) {
    margin-top: max(20px, -webkit-calc(20vw / 19.2));
    margin-top: max(20px, -moz-calc(20vw / 19.2));
    margin-top: max(20px, calc(20vw / 19.2));
}

/*
==========================================================
INFOS
==========================================================
*/

div.infos {
    width: 100%;
    max-width: max(1360px, -webkit-calc(1360vw / 19.2));
    max-width: max(1360px, -moz-calc(1360vw / 19.2));
    max-width: max(1360px, calc(1360vw / 19.2));
    margin: 0 auto;
    background: var(--grigio);
    padding: max(30px, -webkit-calc(40vw / 19.2));
    padding: max(30px, -moz-calc(40vw / 19.2));
    padding: max(30px, calc(40vw / 19.2));
    margin-top: max(40px, -webkit-calc(70vw / 19.2));
    margin-top: max(40px, -moz-calc(70vw / 19.2));
    margin-top: max(40px, calc(70vw / 19.2));
    font-size: max(16px, -webkit-calc(20vw / 19.2));
    font-size: max(16px, -moz-calc(20vw / 19.2));
    font-size: max(16px, calc(20vw / 19.2));
}

div.infos div.title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: max(30px, -webkit-calc(40vw / 19.2));
    margin-bottom: max(30px, -moz-calc(40vw / 19.2));
    margin-bottom: max(30px, calc(40vw / 19.2));
    font-size: max(20px, -webkit-calc(20vw / 19.2));
    font-size: max(20px, -moz-calc(20vw / 19.2));
    font-size: max(20px, calc(20vw / 19.2));
}

div.infos div.description {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    gap: max(40px, -webkit-calc(60vw / 19.2));
    gap: max(40px, -moz-calc(60vw / 19.2));
    gap: max(40px, calc(60vw / 19.2));
}

div.infos div.description p:not(:first-child) {
    margin-top: max(16px, -webkit-calc(20vw / 19.2));
    margin-top: max(16px, -moz-calc(20vw / 19.2));
    margin-top: max(16px, calc(20vw / 19.2));
}

/*
==========================================================
CONTATTI
==========================================================
*/

div.contacts-hero {
    position: relative;
}

div.contacts-hero>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -3;
}

div.contacts-hero div.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--contacts-hero-bg);
    mix-blend-mode: multiply;
    z-index: -2;
}

div.contacts-hero div.shape {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

div.contacts-hero div.shape svg {
    display: block;
    width: max(60px, -webkit-calc(200vw / 19.2));
    width: max(60px, -moz-calc(200vw / 19.2));
    width: max(60px, calc(200vw / 19.2));
    height: auto;
}

div.contacts-hero div.text {
    min-height: 45.3125vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 4;
    color: white;
    text-align: center;
    padding: max(80px, -webkit-calc(80vw / 19.2)) max(60px, -webkit-calc(60vw / 19.2));
    padding: max(80px, -moz-calc(80vw / 19.2)) max(60px, -moz-calc(60vw / 19.2));
    padding: max(80px, calc(80vw / 19.2)) max(60px, calc(60vw / 19.2));
}

div.contacts-hero div.text div.box {
    width: 100%;
    max-width: max(880px, -webkit-calc(880vw / 19.2));
    max-width: max(880px, -moz-calc(880vw / 19.2));
    max-width: max(880px, calc(880vw / 19.2));
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: max(60px, -webkit-calc(150vw / 19.2));
    gap: max(60px, -moz-calc(150vw / 19.2));
    gap: max(60px, calc(150vw / 19.2));
}

div.contacts-hero div.text div.box div.title {
    font-size: max(26px, -webkit-calc(40vw / 19.2));
    font-size: max(26px, -moz-calc(40vw / 19.2));
    font-size: max(26px, calc(40vw / 19.2));
    font-weight: 700;
}

div.contacts-hero div.text div.box div.description {
    font-size: max(18px, -webkit-calc(28vw / 19.2));
    font-size: max(18px, -moz-calc(28vw / 19.2));
    font-size: max(18px, calc(28vw / 19.2));
}

div.contacts-hero div.text div.box div.description p:not(:first-child) {
    margin-top: max(18px, -webkit-calc(28vw / 19.2));
    margin-top: max(18px, -moz-calc(28vw / 19.2));
    margin-top: max(18px, calc(28vw / 19.2));
}

/*
==========================================================
DOVE SIAMO
==========================================================
*/

div.where {
    margin: max(40px, -webkit-calc(230vw / 19.2)) 0 max(80px, -webkit-calc(180vw / 19.2)) 0;
    margin: max(40px, -moz-calc(230vw / 19.2)) 0 max(80px, -moz-calc(180vw / 19.2)) 0;
    margin: max(40px, calc(230vw / 19.2)) 0 max(80px, calc(180vw / 19.2)) 0;
}

div.where div.box {
    width: 100%;
    max-width: max(1360px, -webkit-calc(1360vw / 19.2));
    max-width: max(1360px, -moz-calc(1360vw / 19.2));
    max-width: max(1360px, calc(1360vw / 19.2));
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.where div.box div.title {
    font-weight: 900;
    font-size: max(30px, -webkit-calc(50vw / 19.2));
    font-size: max(30px, -moz-calc(50vw / 19.2));
    font-size: max(30px, calc(50vw / 19.2));
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

div.where div.box div.link {
    text-align: right;
}

div.where div.box div.link a {
    font-size: max(16px, -webkit-calc(20vw / 19.2));
    font-size: max(16px, -moz-calc(20vw / 19.2));
    font-size: max(16px, calc(20vw / 19.2));
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    color: var(--blu);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: max(20px, -webkit-calc(20vw / 19.2));
    gap: max(20px, -moz-calc(20vw / 19.2));
    gap: max(20px, calc(20vw / 19.2));
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 0 0 auto
}

div.where div.box div.link a span.text {
    text-decoration: underline;
}

div.where div.box div.map {
    width: 100%;
    height: 0;
    padding-top: 40%;
    position: relative;
    grid-column: 1;
    -ms-grid-column: 1;
    grid-column-start: 1;
    grid-column-end: 3;
    margin: max(30px, -webkit-calc(45vw / 19.2)) 0;
    margin: max(30px, -moz-calc(45vw / 19.2)) 0;
    margin: max(30px, calc(45vw / 19.2)) 0;
}

div.where div.box div.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*
==========================================================
INFO ACCESSO
==========================================================
*/

div.access {
    padding: 0 max(30px, -webkit-calc(30vw / 19.2));
    padding: 0 max(30px, -moz-calc(30vw / 19.2));
    padding: 0 max(30px, calc(30vw / 19.2));
    margin-bottom: max(50px, -webkit-calc(90vw / 19.2));
    margin-bottom: max(50px, -moz-calc(90vw / 19.2));
    margin-bottom: max(50px, calc(90vw / 19.2));
}

div.access div.box {
    width: 100%;
    max-width: max(1360px, -webkit-calc(1360vw / 19.2));
    max-width: max(1360px, -moz-calc(1360vw / 19.2));
    max-width: max(1360px, calc(1360vw / 19.2));
    margin: 0 auto;
}

div.access div.box div.title {
    font-size: max(22px, -webkit-calc(30vw / 19.2));
    font-size: max(22px, -moz-calc(30vw / 19.2));
    font-size: max(22px, calc(30vw / 19.2));
    font-weight: 900;
    color: #94806F;
    margin-bottom: max(50px, -webkit-calc(90vw / 19.2));
    margin-bottom: max(50px, -moz-calc(90vw / 19.2));
    margin-bottom: max(50px, calc(90vw / 19.2));
}

div.access div.box div.list {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: max(40px, -webkit-calc(125vw / 19.2));
    grid-column-gap: max(40px, -moz-calc(125vw / 19.2));
    grid-column-gap: max(40px, calc(125vw / 19.2));
    grid-row-gap: max(40px, -webkit-calc(40vw / 19.2));
    grid-row-gap: max(40px, -moz-calc(40vw / 19.2));
    grid-row-gap: max(40px, calc(40vw / 19.2));
}

div.access div.box div.list div.item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

div.access div.box div.list div.item div.name {
    font-size: max(18px, -webkit-calc(22vw / 19.2));
    font-size: max(18px, -moz-calc(22vw / 19.2));
    font-size: max(18px, calc(22vw / 19.2));
    font-weight: 700;
    line-height: 1.5;
    min-height: max(60px, -webkit-calc(60vw / 19.2));
    min-height: max(60px, -moz-calc(60vw / 19.2));
    min-height: max(60px, calc(60vw / 19.2));
}

div.access div.box div.list div.item div.description {
    font-size: max(16px, -webkit-calc(20vw / 19.2));
    font-size: max(16px, -moz-calc(20vw / 19.2));
    font-size: max(16px, calc(20vw / 19.2));
    line-height: 1.5;
    margin-top: max(30px, -webkit-calc(40vw / 19.2));
    margin-top: max(30px, -moz-calc(40vw / 19.2));
    margin-top: max(30px, calc(40vw / 19.2));
    display: none;
}

div.access div.box div.list div.item div.btn {
    margin-top: max(10px, -webkit-calc(40vw / 19.2));
    margin-top: max(10px, -moz-calc(40vw / 19.2));
    margin-top: max(10px, calc(40vw / 19.2));
}

div.access div.box div.list div.item div.btn a {
    display: block;
}

div.access div.box div.list div.item div.btn a svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .35s;
    -o-transition: .35s;
    -moz-transition: .35s;
    transition: .35s;
}

div.access div.box div.list div.item.show div.btn a svg {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .35s;
    -o-transition: .35s;
    -moz-transition: .35s;
    transition: .35s;
}

/*
==========================================================
RESPONSIVE
==========================================================
*/

@media only screen and (max-width: 1440px) {
    div.where div.box div.title {
        padding-left: 30px;
    }

    div.where div.box div.link {
        padding-right: 30px;
    }
}

@media only screen and (max-width: 1279px) {
    div.cover div.text {
        max-width: -webkit-calc(740vw / 19.2);
        max-width: -moz-calc(740vw / 19.2);
        max-width: calc(740vw / 19.2);
    }

    div.cover div.text div.description {
        max-width: 100%;
    }
}

@media only screen and (max-width: 1023px) {
    div.cover.swiper div.swiper-slide {
        height: 100%;
    }

    div.cover div.text {
        max-width: -webkit-calc(1024vw / 19.2);
        max-width: -moz-calc(1024vw / 19.2);
        max-width: calc(1024vw / 19.2);
    }

    div.resale div.box div.bottom div.link a:hover span.icon svg {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }

    div.access div.box div.list {
        grid-template-columns: repeat(1, 1fr);
    }

    div.access div.box div.list div.item div.name {
        min-height: auto;
    }
}

@media only screen and (max-width: 768px) {
    div.resale div.box div.bottom {
        display: block;
    }

    div.resale div.box div.bottom div.subtitle {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 639px) {
    div.cover div.text {
        max-width: 100%;
    }

    div.resale div.box div.materials div.item {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    div.infos div.description {
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }

    div.where div.box div.map {
        padding-top: 100%;
    }
}

@media only screen and (max-width: 527px) {
    div.resale div.box div.materials {
        gap: 30px;
    }

    div.resale div.box div.materials div.item {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 2px;
    }

    div.resale div.box div.materials div.item div.title {
        padding-top: 35%;
    }

    div.resale div.box div.materials div.item div.photo {
        position: relative;
        height: 0;
        padding-top: 50%;
    }

    div.where div.box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    div.where div.box div.title {
        padding: 0;
    }

    div.where div.box div.link {
        padding: 0;
        -webkit-box-ordinal-group: 100;
        -webkit-order: 99;
        -moz-box-ordinal-group: 100;
        -ms-flex-order: 99;
        order: 99;
    }
}