/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

@keyframes moveSlideshow {
    0% {
        transform: translateX(0)
    }
    to {
        transform: translateX(-100%) translateX(100vw)
    }
}

html,
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

audio:not([controls]) {
    display: none;
    height: 0
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    position: relative
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

b {
    font-weight: inherit
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

optgroup {
    font-weight: 700
}

fieldset {
    border: 0;
    padding: 0;
    margin: 0
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

.slider-detail {
    margin-top: -16px
}

@media (min-width:768px) {
    .slider-detail {
        margin-top: -32px
    }
}

@media (min-width:600px) {
    .slider-detail .slick-slide img {
        height: 40vw
    }
}

@media (min-width:1200px) {
    .page-progetto .slider-detail .slick-slide {
        margin: 0 16px
    }
}

@media (max-width:767px) {
    .slick-next,
    .slick-prev {
        width: 45px;
        height: 45px
    }
}

.slick-dots li {
    position: relative;
    width: 60px;
    height: 60px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    opacity: .75;
    background-color: #6cb3a7;
    border-radius: 50%
}

.slick-dots li button:before {
    font-family: 'slick';
    font-size: 60px;
    line-height: 60px;
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 60px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: #000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

aside,
details,
figcaption,
main,
menu,
summary {
    display: block
}

.slick-dots li,
audio,
canvas,
progress {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

[hidden],
template {
    display: none
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

button,
input,
select,
textarea {
    font: inherit
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=reset],
[type=submit],
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: 0
}

.slider-detail {
    margin-top: -16px
}

.slider-detail .slick-slide {
    display: none;
    float: left;
    min-height: 1px;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 8px
}

.slider-detail .slick-slide img {
    height: 50vw;
    max-height: 480px;
    cursor: pointer
}

@media (min-width:768px) {
    .slider-detail {
        margin-top: -32px
    }
}

@media (min-width:600px) {
    .slider-detail .slick-slide img {
        height: 40vw
    }
}

@media (min-width:1200px) {
    .page-progetto .slider-detail .slick-slide {
        margin: 0 16px
    }
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 60px;
    height: 60px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: 0;
    opacity: 1;
    border-radius: 50%
}

@media (max-width:767px) {
    .slick-next,
    .slick-prev {
        width: 45px;
        height: 45px
    }
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    color: transparent;
    outline: 0;
    opacity: .75
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before,
.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before,
.slick-prev:before {
    font-family: 'slick';
    font-size: 9px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding: 8px
}

.slick-prev {
    left: 30px;
    z-index: 1;
    transform: rotate(180deg)
}

[dir=rtl] .slick-prev {
    right: -20px;
    left: auto
}

.slick-next:before,
.slick-prev:before,
[dir=rtl] .slick-next:before,
[dir=rtl] .slick-prev:before {
    content: '';
    background-image: url(../images/freccia.svg);
    background-repeat: no-repeat;
    background-position: center
}

.slick-next {
    right: 30px
}

[dir=rtl] .slick-next {
    right: auto;
    left: -20px
}

[dir=rtl] .slick-next:before {
    transform: scaleX(-1)
}

.slider-category .slick-prev:before,
.slider-category slick-next:before {
    background-position: 4px center
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center
}

.slick-dots li.slick-active button:before {
    opacity: .75
}

@media (min-width:768px) {
    .slick-lightbox-close:before {
        width: 60px;
        height: 60px
    }
    .slick-lightbox-close:after {
        top: 10px;
        right: 5px;
        position: absolute
    }
}

@media (max-width:767px) {
    .single-post .slick-lightbox-slick-item-inner {
        max-height: none!important;
        height: 100vh;
        width: 100vw;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }
    .single-post .slick-lightbox-slick-item-inner img {
        width: initial;
        height: initial;
        max-height: none!important;
        max-width: none!important;
        object-fit: cover;
        object-position: center;
        display: block
    }
}

.red,
main a {
    color: #d16b76
}

.clearfix:after {
    clear: both;
    content: '';
    display: table
}

.is-hidden {
    display: none
}

.is-not-visible {
    visibility: hidden
}

.bordered+.bordered {
    border-top: none
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.left-floated {
    float: left;
    margin-left: 0;
    margin-right: .25em
}

.right-floated {
    float: right;
    margin-right: 0;
    margin-left: .25em
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.error {
    color: red
}

.bordered {
    border-top: 1px solid #dadfe8;
    border-bottom: 1px solid #dadfe8
}

.upper {
    text-transform: uppercase
}

.embed {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed .embed__item,
.embed iframe,
.embed object,
.embed video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.aspect-16by9 {
    padding-bottom: 56.25%
}

.aspect-4by3 {
    padding-bottom: 75%
}

.form-contatta-progettista form input[type=checkbox],
.sr-only,
.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.alignright {
    float: right;
    margin: 8px 0 16px 64px
}

.alignright img {
    max-height: 600px
}

@media all and (max-width:1023px) {
    .alignright img {
        max-width: 300px
    }
}

@media all and (min-width:768px) {
    .alignright {
        max-width: 60%
    }
}

.alignleft {
    float: left;
    margin: 16px 64px 16px 0
}

.alignleft img {
    max-height: 600px
}

@media all and (min-width:768px) {
    .alignleft {
        margin-left: -14%;
        max-width: 60%
    }
}

.aligncenter {
    display: block;
    margin: 16px auto
}

.template-status {
    position: fixed;
    right: 8px;
    bottom: 8px;
    z-index: 100;
    line-height: 1
}

.no-js img.lazyload,
.template-status .template-name {
    display: none
}

.template-status .status {
    position: relative
}

.template-status .status.status-green {
    background-color: #7cfc00
}

.template-status .status.status-orange {
    background-color: orange
}

.template-status .status.status-red {
    background-color: red
}

@media (max-width:767px) {
    .template-status .status {
        width: 30px;
        height: 30px;
        border-radius: 50%
    }
}

@media (min-width:768px) {
    .template-status .status {
        font-size: 14px;
        font-weight: 700
    }
    .template-status .status.status-green {
        width: 90px;
        height: 30px
    }
    .template-status .status.status-green:before {
        content: 'Approvato';
        position: absolute;
        top: 8px;
        width: 100%;
        text-align: center
    }
    .template-status .status.status-orange {
        width: 190px;
        height: 30px
    }
    .template-status .status.status-orange:before,
    .template-status .status.status-red:before {
        content: 'In attesa di approvazione';
        position: absolute;
        top: 8px;
        width: 100%;
        text-align: center
    }
    .template-status .status.status-red {
        width: 120px;
        height: 30px
    }
    .template-status .status.status-red:before {
        content: 'In lavorazione'
    }
    .template-status {
        right: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: end;
        justify-content: flex-end;
        background-color: #e5e5e5
    }
    .template-status:hover .template-name {
        display: block;
        font-size: 12px;
        text-transform: uppercase;
        padding: 0 12px
    }
}


@font-face {
    font-family: 'VeluxGothicLight';
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Light.eot");
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Light.eot") format("embedded-opentype"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Light.woff") format("woff"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Light.ttf") format("truetype");
    font-weight: 300
}

@font-face {
    font-family: 'VeluxGothicLightItalic';
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-LightItalic.eot");
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-LightItalic.eot") format("embedded-opentype"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-LightItalic.woff") format("woff"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-LightItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'VeluxGothic';
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Regular.eot");
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Regular.eot") format("embedded-opentype"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Regular.woff") format("woff"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Regular.ttf") format("truetype");
    font-weight: 400
}

@font-face {
    font-family: 'VeluxGothicItalic';
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-RegItalic.eot") format("embedded-opentype"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-RegItalic.woff") format("woff"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-RegItalic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'VeluxGothicBold';
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Bold.eot");
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Bold.eot") format("embedded-opentype"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Bold.woff") format("woff"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Bold.ttf") format("truetype");
    font-weight: 700
}

@font-face {
    font-family: 'VeluxGothicBoldItalic';
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-BoldItalic.eot");
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-BoldItalic.eot") format("embedded-opentype"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-BoldItalic.woff") format("woff"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: 'VeluxGothicBlack';
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Black.eot");
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Black.eot#iefix") format("embedded-opentype"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Black.woff") format("woff"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-Black.ttf") format("truetype");
    font-weight: 900
}

@font-face {
    font-family: 'VeluxGothicBlackItalic';
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-BlackItalic.eot");
    src: url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-BlackItalic.eot#iefix") format("embedded-opentype"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-BlackItalic.woff") format("woff"), url("https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/LP%20B2B/fonts/VeluxGothic-BlackItalic.ttf") format("truetype");
    font-weight: 900;
    font-style: italic
}



html {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

*,
::after,
::before {
    box-sizing: inherit
}

.likeH2,
body,
div,
footer,
form,
h4,
h5,
h6,
header,
html,
legend,
li,
nav,
object,
section {
    margin: 0;
    padding: 0
}

.likeH3,
figure,
h1,
h2,
h3,
iframe,
p,
table {
    padding: 0
}

blockquote,
label {
    margin: 0
}

.likeH2,
.likeH3,
article,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

body,
h1,
h2 {
    color: #202020
}

body {
    background-color: transparent;
    font-family: "IBM Plex Sans", sans-serif
}

body,
html {
    overflow-x: hidden
}

h1,
h2 {
    font-family: "VeluxGothicBlack"
}

h1 {
    font-size: calc(25px + (55 - 25)*((100vw - 320px)/(1400 - 320)));
    margin: 32px 0 16px
}

#respond form .comment-form-body p+p,
.breadcrumbs+h1 {
    margin-top: 0
}

blockquote,
h2 {
    font-size: 1.5rem
}

h2 {
    margin: 16px 0;
    line-height: 1.167
}

.likeH2, .rh-lp h2 {
    font-family: "VeluxGothic"
}

.likeH3,
h3 {
    font-size: 1.5rem;
    margin: 24px 0
}

h3 {
    font-family: "VeluxGothicBlack"
}

.block-cta h3+p,
.likeH3 {
    font-family: "VeluxGothic"
}

h4 {
    font-size: 1.188rem;
    font-weight: 400
}

body,
h5,
time {
    font-size: 1rem
}

blockquote cite,
h6 {
    color: #8b9db8;
    font-weight: 400
}

h6 {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: .875rem
}

blockquote {
    padding: 32px 8%;
    text-align: center;
    position: relative;
    border-top: 1px solid #8b9db8;
    border-bottom: 1px solid #8b9db8;
    line-height: 1.3
}

blockquote cite {
    display: block;
    font-size: 1rem;
    margin-top: 16px
}

blockquote cite:empty {
    display: none
}

blockquote:after,
blockquote:before {
    content: '';
    margin: 0 auto;
    height: 1px;
    border-top: 1px solid #d16b76;
    position: absolute;
    left: 0;
    right: 0
}

@media all and (min-width:768px) {
    blockquote:after,
    blockquote:before {
        width: 50%
    }
}

blockquote:before {
    top: -16px
}

blockquote:after {
    bottom: -16px
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.richtextonly ol, .richtextonly ul {
    margin: 0;
    padding: 15px;
    list-style: inherit
}
dl {
    overflow: hidden
}

dt,
strong {
    font-weight: 700
}

dd {
    margin-left: 0
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        overflow: hidden;
        clear: left;
        text-align: right;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .dl-horizontal dd {
        margin-left: 180px
    }
}

.bottom-link a {
    font-size: 1.5rem;
    color: #5f9ea0;
    display: block;
    text-decoration: underline
}

img,
object,
video {
    max-width: 100%;
    height: auto
}

object,
video {
    display: inline-block
}

svg.img-resp {
    width: 100% \9
}

img {
    display: block
}

dl,
iframe,
p {
    margin: 0 0 1em
}

figure {
    margin: 0 0 16px;
    text-align: center
}

figure button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

figure>div {
    position: relative;
    max-width: 816px
}

@media all and (max-width:767px) {
    figure.alignleft,
    figure.alignright {
        width: 100%;
        margin: 0 auto;
        float: none
    }
}

figure.multimage {
    overflow: hidden;
    margin: 0 auto 16px
}

figure.multimage>div {
    max-width: initial
}

figure.multimage img:nth-child(1) {
    margin: 0 0 16px
}

@media (min-width:768px) {
    figure.multimage>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center
    }
    figure.multimage img {
        max-height: 320px
    }
    figure.multimage img:nth-child(1) {
        margin: 0 16px 0 0
    }
}

figcaption {
    margin-top: 16px;
    color: #7f8280;
    font-size: .875rem
}

figcaption:empty {
    visibility: hidden;
    height: 4px
}

table,
tbody,
td {
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #dadfe8
}

table {
    margin: 0 0 32px
}

td {
    padding: 8px;
    font-size: 14px
}

.blur-up {
    filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    -webkit-filter: blur(4px);
    transition: filter .5s
}

.blur-up.lazyloaded {
    filter: blur(0);
    -webkit-filter: blur(0)
}

.newsletter fieldset {
    margin: 32px 0
}

.checkbox-field,
.radio-field {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: 32px;
    margin-right: 32px;
    position: relative
}

.checkbox-field label,
.radio-field label {
    padding: 8px;
    margin: 0 0 0 8px;
    font-size: 1rem
}

.form-field {
    margin-bottom: 16px;
    width: 100%
}

@media screen and (min-width:768px) {
    .form-field {
        margin-bottom: 16px
    }
}

.form-field.checkbox-field,
.form-field.radio-field {
    width: 45%
}

.submit-field {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.submit-field svg {
    width: 32px;
    height: 32px;
    fill: #d16b76;
    cursor: pointer
}

.submit-field svg#cerca-prj {
    margin-bottom: 20px;
    margin-left: 20px
}

.form-field.wide,
.privacy .form-field {
    float: none;
    width: 100%
}

.privacy .form-field label {
    font-weight: 400;
    font-size: 19px;
    color: #4e5680
}

.form-inline,
.form-inline.form-risultati,
.masthead.home .masthead__img ul,
.social ul {
    display: -ms-flexbox;
    display: flex
}

.form-inline.form-risultati {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 16px
}

.form-inline.form-risultati>div:nth-child(1) {
    -ms-flex-preferred-size: none;
    flex-basis: none;
    margin-right: 32px
}

.form-inline.form-risultati .submit-field {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.form-inline.form-risultati svg {
    width: 32px;
    height: 32px
}

.commenti-utenti {
    max-height: 250px;
    overflow: hidden;
    position: relative
}

.commenti-utenti:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 56%, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    z-index: 1
}

.commenti-utenti.is-complete {
    max-height: inherit
}

.commenti-utenti.is-complete:after,
.wrap-gallery .thumbnails .big .gallery-tags li:after {
    content: none
}

.commenti-options .commenti-anchor {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#respond,
.commenti .container,
 .hs_privacy1 .hs-form-booleancheckbox label span,
 .hs_privacy2 .hs-form-booleancheckbox label span {
    position: relative
}

#respond form #cancel-comment-reply-link {
    position: absolute;
    text-decoration: underline;
    font-weight: 700;
    font-size: 14px;
    right: 0;
    top: -30px
}

#respond form .comment-form-body {
    max-width: 410px
}

#respond form .comment-form-body label {
    padding-top: 0
}

#respond form .comment-form-body p {
    margin-bottom: 24px
}

@media (min-width:992px) {
    #respond form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
    #respond form h3 {
        margin-top: 0
    }
    #respond form .comment-form-header {
        max-width: 37%;
        margin-right: 10%
    }
    #respond form .comment-form-body p:first-child label {
        padding-top: 0
    }
}

.form-submit input[type=submit] {
    margin-top: 16px;
    width: auto
}

.form-submit input[type=submit]:focus,
.form-submit input[type=submit]:hover {
    background-color: #202020
}

.newsletter .form-inline>div:nth-child(1) {
    width: 100%
}

.newsletter .form-inline>div:nth-child(3) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 16px
}

.newsletter .form-inline>div:nth-child(2) {
    margin-top: 16px
}

@media all and (min-width:768px) {
    .newsletter .form-inline>div:nth-child(2) {
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-preferred-size: 78%;
        flex-basis: 78%
    }
    .newsletter .form-inline>div:nth-child(3) {
        -ms-flex-item-align: end;
        align-self: flex-end;
        margin: 0
    }
}

.settore .form-inline {
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:991px) {
    .settore .form-inline {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%
    }
    .settore .form-inline,
    .settore .form-inline .form-field.checkbox-field {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (max-width:479px) {
    .settore .form-inline {
        display: block
    }
}

.filtri .form-inline {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filtri .form-inline .form-field {
    width: 100%
}

label {
    display: block;
    text-align: left;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 16px
}

label.upper {
    font-style: normal
}

.newsletter label,
label {
    padding: 16px 0 4px
}

button,
input,
select,
textarea {
    margin: 0
}

input,
select {
    -webkit-appearance: none
}

input,
select,
textarea {
    width: 100%;
    transition: all .3s cubic-bezier(.64, .09, .08, 1);
    background: #fff;
    padding: 8px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 8px;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #202020;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.form-contatta-progettista input,
.form-contatta-progettista input[type=checkbox]+label:before,
.form-contatta-progettista input[type=radio]+label:before,
.form-contatta-progettista select,
.form-contatta-progettista textarea,
.newsletter input,
.newsletter select,
.newsletter textarea {
    border: 0
}

.filtri .form-inline .form-field,
.form-contatta-progettista .form-body,
 .hs_email,
 .hs_firstname {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media (max-width:599px) {
    .form-contatta-progettista label {
        padding: 0 0 4px
    }
}

input:focus {
    background-position: 0 0
}

select {
    background: #fff url( https://cdn2.hubspot.net/hubfs/427615/Mansarda%20new/frecciaDown.png) no-repeat 97% center
}

select::-ms-expand {
    display: none
}

input[type=number],
input[type=search],
input[type=text],
input[type=url],
textarea {
    -webkit-appearance: none
}

input {
    height: 40px
}

button,
input[type=submit] {
    display: inline-block;
    padding: 14px 32px 12px;
    text-align: center;
    font-family: "VeluxGothicBold";
    border: 0;
    transition: background .2s ease;
    cursor: pointer;
    background-color: #d16b76;
    color: #fff;
    height: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 8px;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

input[type=checkbox],
input[type=radio] {
    width: 20px;
    height: 20px;
    border: 0;
    background-position: center;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-shadow: 0 0 40px 0 #cbd3df;
}
input[type=checkbox]{  -webkit-appearance: checkbox;}
input[type=radio]{  -webkit-appearance: radio;}

input[type=search] {
    padding: 8px;
    background-color: transparent;
    color: #fff;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #fff;
    outline: 0;
    box-shadow: none
}

.search-form.mobile label {
    color: #fff;
    padding: 0;
    margin: 0;
    text-align: left;
    font-family: "VeluxGothic"
}

.search-form.mobile input {
    float: left;
    width: 90%;
    padding: 8px;
    font-family: "VeluxGothic"
}

.search-form.mobile a {
    position: absolute;
    right: 0;
    bottom: 0
}

.hs-error-msgs.inputs-list label,
span.form-error {
    text-transform: uppercase;
    font-size: 12px;
    color: red;
    margin-top: 8px;
    display: inline-block;
    font-weight: 700;
    font-family: "VeluxGothic"
}

.hs-error-msgs.inputs-list label {
    display: block
}

input.error {
    border: 1px solid #d16b76
}

.checkbox-field.has-error .help-block.form-error {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-left: -32px
}

input[type=range] {
    -webkit-appearance: none;
    border: 0;
    height: 35px;
    padding: 0;
    background: 0 0;
    position: absolute;
    margin: 0 10% 64px;
    width: 80%;
    top: 0;
    z-index: 10
}

@media all and (max-width:991px) {
    input[type=range] {
        margin: 0 15% 64px 10%;
        width: 70%
    }
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    box-sizing: content-box;
    height: 32px;
    width: 32px;
    border: 0;
    border-radius: 50%;
    background-color: #d16b76;
    cursor: pointer;
    margin-top: -16px
}

input[type=range]::-moz-range-thumb {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    background-color: #d16b76;
    cursor: pointer;
    margin-top: -16px;
    border: 0
}

input[type=range]::-ms-thumb {
    height: 32px;
    width: 32px;
    border: 0;
    border-radius: 50%;
    background-color: #d16b76;
    cursor: pointer;
    margin-top: 0
}

input[type=range]::-webkit-slider-runnable-track {
    height: 1px;
    border: 0;
    color: transparent;
    background-color: #d16b76
}

input[type=range]::-moz-range-track {
    height: 1px;
    background-color: #d16b76;
    border: 0;
    color: transparent
}

input[type=range]::-ms-track {
    border: 0;
    color: transparent;
    height: 1px;
    background-color: #d16b76
}

input[type=range]::-ms-fill-lower {
    background-color: #d16b76;
    border: 0
}

input[type=range]::-moz-range-progress {
    background-color: #d16b76;
    height: 1px
}

input[type=range]::-ms-tooltip {
    display: none
}

p.range {
    margin-top: 25px;
    position: relative
}

p.range output {
    position: absolute;
    top: -32px;
    margin: 0 10.5%;
    height: 20px;
    text-align: center;
    font-weight: 700
}

@media all and (max-width:991px) {
    p.range output {
        margin: 0 11%
    }
}

p.range span {
    position: absolute;
    top: 0;
    left: 6.5%;
    width: 88%
}

@media all and (max-width:991px) {
    p.range span {
        left: 3%
    }
}

p.range span:before {
    content: attr(data-min)
}

p.range span:after {
    position: absolute;
    right: 0;
    content: attr(data-max)
}

div.range-input {
    position: relative;
    height: 64px
}

.js .range-insert,
.no-js .range-input {
    display: none
}

.no-js .range-insert {
    display: block
}

@media screen and (max-width:767px) {
    .form-footer {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between
}

 .hs_privacy1,
 .hs_privacy2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 16px
}

 .hs_privacy1 div.input,
 .hs_privacy2 div.input {
    margin-left: 24px;
    position: relative
}

 .hs_privacy1 div.input label,
 .hs_privacy2 div.input label {
    padding: 0 8px
}

 .hs_privacy1 div.input label span,
 .hs_privacy2 div.input label span {
    display: inline;
    line-height: 1.4
}

 .hs_privacy1 div.input label span a,
 .hs_privacy2 div.input label span a {
    color: #202020;
    text-decoration: underline
}

 .hs_privacy1>label,
 .hs_privacy2>label {
    padding: 0
}

 .hs_privacy1 input[type=checkbox],
 .hs_privacy2 input[type=checkbox] {
    margin-left: -40px;
    padding-top: 4px;
    opacity: 0
}

 .hs_privacy1 .hs-form-booleancheckbox label,
 .hs_privacy2 .hs-form-booleancheckbox label {
    font-size: 12px;
    cursor: pointer
}

.form-contatta-progettista form .checkbox-field input[type=checkbox]:checked+label:before,
.form-contatta-progettista form .checkbox-field input[type=radio]:checked+label:before,
 .hs_privacy1 .hs-form-booleancheckbox-display input[type=checkbox]:checked+span:before,
 .hs_privacy1 input[type=radio]:checked+label:before,
 .hs_privacy2 .hs-form-booleancheckbox-display input[type=checkbox]:checked+span:before,
 .hs_privacy2 input[type=radio]:checked+label:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff url(https://427615.fs1.hubspotusercontent-na1.net/hubfs/427615/Mansarda%20new/check.png) no-repeat center;
    background-size: 75%;
    z-index: 50;
    top: 0
}

 .hs_privacy1 .hs-form-booleancheckbox-display input[type=checkbox]+span:before,
 .hs_privacy2 .hs-form-booleancheckbox-display input[type=checkbox]+span:before {
    position: absolute;
    left: -32px;
    top: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 1em;
    padding: 2px 2px 4px 4px;
    background: #fff;
    content: " ";
    margin-top: -.08333333333em;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    border-radius: 4px;
    border: 2px solid #d8d8d8
}

.legal-consent-container .hs-form-booleancheckbox-display>span {
    display: block;
    margin-left: 30px !important;
}

 .hs_submit {
    margin-top: 32px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    display: -ms-flexbox;
    display: flex
}

 input[type=checkbox]+label:before,
 input[type=radio]+label:before {
    position: absolute;
    left: -32px;
    top: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 1em;
    padding: 2px 2px 4px 4px;
    background: #fff;
    content: " ";
    margin-top: -.08333333333em;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    border-radius: 8px;
    box-shadow: inset 0 0 1px #fff
}

 input[type=radio]+label:before {
    border-radius: 50%
}

#privacy-comment-wrap input[type=checkbox]:checked+label:before,
 input[type=checkbox]:checked+label:before,
 input[type=radio]:checked+label:before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fff url( https://cdn2.hubspot.net/hubfs/427615/Mansarda%20new/check.png) no-repeat center;
    background-size: 75%;
    z-index: 50
}

 input:disabled+label:before {
    background: #f0f0f0
}

 input[type=checkbox]:focus+label:before,
 input[type=radio]:focus+label:before {
    box-shadow: 0 0 5px #1082e6;
    border-color: #1082e6;
    color: #1082e6
}

.search-form.mobile {
    margin-top: 32px;
    position: relative;
    overflow: hidden
}

#privacy-comment-wrap {
    position: relative;
    margin-top: 4space-m
}

#privacy-comment-wrap label {
    margin-left: 40px;
    padding-top: 0;
    width: auto
}

#privacy-comment-wrap input,
#privacy-comment-wrap label:before {
    position: absolute;
    left: 0;
    margin-left: 0
}

.search button,
.search-mobile button {
    background-color: transparent;
    padding: 0;
    border-radius: 0
}

.js .search-form-wrapper,
.search-form-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}

.search-form-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    bottom: 0;
    right: 0
}

@media (max-width:767px) {
    .search-form-wrapper {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.js .search-form-wrapper {
    pointer-events: none;
    transition: all .5s;
    z-index: -1
}

.js .search-form-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transition: opacity .5s
}

.btn--search-close {
    font-size: 2em;
    position: absolute;
    top: 1.25em;
    right: 1.25em;
    display: none
}

.js .btn--search-close {
    display: block
}

.search__form {
    margin: 5em 0
}

.search__input {
    font-family: inherit;
    font-size: 10vw;
    line-height: 1;
    display: inline-block;
    box-sizing: border-box;
    width: 75%;
    padding: .05em 0;
    color: #eaba82;
    border-bottom: 8px solid;
    font-weight: 200;
    opacity: 0
}

.search__input::-webkit-input-placeholder {
    color: #4a319e
}

.search__input::-moz-placeholder {
    opacity: 1;
    color: #4a319e
}

.search__input:-ms-input-placeholder {
    color: #4a319e
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
    -webkit-appearance: none
}

.search__input::-ms-clear {
    display: none
}

.search__info {
    font-size: 90%;
    font-weight: 700;
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: .85em 0;
    text-align: right;
    color: #39455c
}

@media (max-width:991px) {
    .search__info {
        display: none
    }
}

.search__related {
    display: -ms-flexbox;
    display: flex;
    width: 75%;
    text-align: left;
    pointer-events: none;
    margin-top: 6vw
}

.search__suggestion {
    width: 50%
}

.search__suggestion:first-child {
    padding: 0 2em 0 0
}

.search__suggestion:last-child {
    padding: 0 0 0 2em
}

.footer .container.extra .search .search__suggestion .likeH3,
.footer .container.extra .search .search__suggestion h3 {
    font-size: 1.35em;
    margin: 32px 0 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer .container.extra .search .search__suggestion .likeH3 svg,
.footer .container.extra .search .search__suggestion h3 svg {
    width: 20px;
    height: 20px;
    fill: #4f5d75;
    margin: 0 8px 0 0
}

.footer .container.extra .search .search__suggestion .likeH3 a,
.footer .container.extra .search .search__suggestion h3 a {
    color: #4f5d75;
    text-decoration: underline
}

.footer .container.extra .search .search__suggestion .likeH3 a:hover,
.footer .container.extra .search .search__suggestion h3 a:hover,
.risultati article .risultati__txt .likeH3,
.risultati article .risultati__txt h3 {
    color: #39455c
}

.search__suggestion p {
    font-size: 1.15em;
    line-height: 1.4;
    margin: .75em 0 0
}

main {
    transition: all .5s;
    position: relative;
    margin-top: 75px
}

.js .main-wrap--move {
    transition: all .5s;
    transform: scale3d(.7, .7, 1)
}

.js .main-wrap--move .btn--search {
    pointer-events: none;
    opacity: 0
}

.js .search--open {
    pointer-events: auto;
    transition: all .5s;
    z-index: 1000;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.js .search--open::before {
    opacity: 1;
    background: rgba(209, 107, 118, .96)
}

.btn--search-close {
    opacity: 0;
    transition: opacity .5s
}

.search--open .btn--search-close {
    opacity: 1;
    pointer-events: auto
}

.search--open .search__related {
    pointer-events: auto
}

.search-form label,
.search__info,
.search__suggestion {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: opacity .4s, transform .4s
}

.search--open .search-form label,
.search--open .search__info,
.search--open .search__suggestion {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.search--open .search__suggestion:first-child {
    transition-delay: .15s
}

.search--open .search__suggestion:nth-child(2) {
    transition-delay: .2s
}

.js .search-form label,
.js .search__input {
    transform: scale3d(0, 1, 1);
    transform-origin: 0% 50%;
    transition: transform .3s
}

.js .search-form label {
    width: 75%;
    font-style: normal;
    color: #fff;
    opacity: 0;
    font-size: 1.5rem;
    position: absolute;
    margin: 6px auto 0 12%;
    padding-left: 16px
}

.js .search--open .search-form label,
.js .search--open .search__input {
    transform: scale3d(1, 1, 1);
    transition-duration: .5s;
    opacity: 1
}

@media screen and (max-width:40em) {
    .btn--search-close {
        font-size: 1.25em
    }
    .search__suggestion {
        font-size: 80%;
        width: 100%
    }
    .search__suggestion:nth-child(1),
    .search__suggestion:nth-child(3) {
        display: none
    }
}

p.lead {
    font-size: 1.4375rem;
    margin-bottom: 1.5em
}

.categoria,
.title {
    font-size: 1rem;
    color: #7f8280
}

.subtitle {
    margin-bottom: 16px;
    font-size: 16px;
    display: block;
    line-height: 1.4
}

.subheading, .rh-lp h2 {
    font-weight: 300;
    text-align: left;
    font-size: 1.188rem;
    padding: 0;
    margin: 2vh 0
}

.font-secondary,
.masthead.home .masthead__txt p {
    font-family: "IBM Plex Sans", sans-serif
}

p.no-results {
    margin-top: -32px;
    margin-bottom: 32px;
    text-align: center
}

@media (max-width:320px) {
    h1 {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    h1 {
        font-size: 55px
    }
}

h1.heading, .rh-lp h1 {
    font-size: calc(25px + (45 - 25)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    h1.heading, .rh-lp h1 {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    h1.heading, .rh-lp h1 {
        font-size: 45px
    }
}

.likeH2.subheading, .rh-lp h2 {
    font-size: calc(18px + (25 - 18)*((100vw - 320px)/(1400 - 320)));
    line-height: 1.2
}

@media (max-width:320px) {
    .likeH2.subheading, .rh-lp h2 {
        font-size: 18px
    }
}

@media (min-width:1400px) {
    .likeH2.subheading, .rh-lp h2 {
        font-size: 25px
    }
}

.likeH2.subheading+p, .rh-lp h2+p {
    max-width: 70ch;
    margin-bottom: 0
}

.likeH2:not(.subheading) {
    font-family: "VeluxGothicBlack"
}

.centrale h2,
h3 {
    font-size: calc(25px + (30 - 25)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .centrale h2,
    h3 {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    .centrale h2,
    h3 {
        font-size: 30px
    }
}

.centrale .article__body h2 {
    font-size: calc(20px + (25 - 20)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .centrale .article__body h2 {
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .centrale .article__body h2 {
        font-size: 25px
    }
}

h3 {
    line-height: 1.26;
    margin-bottom: 16px
}

.optional-block .optional-block__txt p,
p {
    font-size: 1rem;
    line-height: 1.5
}

masthead__txt h1 {
    font-family: "IBM Plex Sans", sans-serif;
    margin: 16px 0;
    font-size: 1.95rem;
    line-height: calc(1.1em + .2*1rem);
    text-align: center
}

a.vedi,
a.vedi-tutti {
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 1px
}

.accordion__header {
    cursor: pointer
}

.accordion__content {
    display: none;
    padding: 16px 32px;
    line-height: 1.6;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out
}

.accordion__item:focus>.accordion__content {
    animation: show .3s ease-in-out
}

.js .accordion__item:focus>.accordion__content {
    display: none
}

.js .accordion .accordion__item:first-child .accordion__content {
    display: block
}

.accessible__panel[aria-hidden=true],
.optional-block figure {
    display: none
}

.accessible__header {
    display: block
}

.accessible__header[aria-expanded=true]:before {
    content: "- "
}

.accessible__header[aria-expanded=false]:before {
    content: "+ "
}

.accessible__header[aria-selected=true]:after {
    content: " (sel)"
}

.accessible__header[aria-selected=false]:after {
    content: " (unselc)"
}

.accessible__panel {
    display: block;
    overflow: hidden;
    opacity: 1;
    transition: visibility 0s ease, max-height 1s ease, opacity 1s ease;
    max-height: 100em;
    visibility: visible;
    transition-delay: 0s;
    margin: 0;
    padding: 0
}

.accessible__panel [aria-hidden=true] {
    display: block;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    transition-delay: 1s, 0s, 0s;
    margin: 0;
    padding: 0
}

.optional-block {
    background-color: #d16b76;
    padding: calc(56px + 3vw) 16px 24px
}

.optional-block figure img {
    border-radius: 50%;
    width: 120px;
    height: 120px
}

@supports (object-fit:cover) {
    .optional-block figure img {
        object-fit: cover;
        max-height: 120px;
        height: 120px
    }
}

.optional-block .optional-block__txt {
    color: #fff
}

.optional-block .optional-block__txt h4 {
    font-size: 1.188rem;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 700
}

.optional-block .optional-block__txt .btn-primary {
    background-color: #39455c;
    color: #fff;
    font-size: .875rem
}

.optional-block .optional-block__txt .btn-primary:focus,
.optional-block .optional-block__txt .btn-primary:hover {
    background-color: #252d3d
}

@media (max-width:767px) {
    .optional-block .optional-block__txt {
        text-align: center
    }
    .optional-block .optional-block__txt p {
        display: none
    }
    .optional-block .optional-block__txt .btn-primary,
    .optional-block .optional-block__txt h4 {
        margin-top: 8px
    }
}

@media (min-width:768px) {
    .optional-block .content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .optional-block .content figure {
        display: block;
        -ms-flex-preferred-size: 175px;
        flex-basis: 175px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 32px
    }
    .optional-block .content .optional-block__txt .btn-primary {
        width: auto
    }
}

.masthead:not(.home) {
    padding: 0;
    margin: 0;
    width: 100%
}

.masthead:not(.home) img {
    display: block;
    z-index: 10;
    max-height: 50vh
}

@supports (object-fit:cover) {
    .masthead:not(.home) img {
        min-height: 120px;
        object-fit: cover
    }
}

@media all and (max-width:767px) {
    .masthead:not(.home) img {
        margin-top: 20px
    }
}

.masthead:not(.home).horizontal,
.masthead:not(.home).horizontal img {
    width: 100%
}

.masthead:not(.home).vertical img {
    box-shadow: 0 0 80px 0 #cbd3df;
    float: right
}

@media (min-width:768px) {
    .masthead:not(.home) {
        margin-top: -32px
    }
}

@media (max-width:991px) {
    .masthead:not(.home)>div {
        max-width: 600px;
        margin: 0 auto
    }
    .masthead:not(.home) img {
        margin-bottom: 32px
    }
}

@media (max-width:647px) {
    .masthead:not(.home)>div {
        max-width: 92%
    }
}

@media (min-width:992px) {
    .masthead:not(.home) {
        max-height: 75vh;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-top: -64px;
        display: -ms-flexbox;
        display: flex
    }
    .masthead:not(.home).home .masthead__txt {
        left: 10%
    }
    .masthead:not(.home) picture,
    .masthead:not(.home)>div {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
    .masthead:not(.home) picture {
        -ms-flex-order: 2;
        order: 2
    }
    .masthead:not(.home)>div {
        padding: 0 5% 0 6.5%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .masthead:not(.home)>div div,
    .masthead:not(.home)>div h1,
    .masthead:not(.home)>div ul {
        max-width: 100%
    }
}

@media (min-width:1800px) {
    .masthead:not(.home)>div {
        padding: 0 3% 0 12.5%
    }
}

@media (min-width:1400px) {
    .page-progettista .masthead:not(.home) picture {
        -ms-flex-preferred-size: 67.5%;
        flex-basis: 67.5%;
        max-width: 67.5%
    }
    .page-progettista .masthead:not(.home)>div {
        -ms-flex-preferred-size: 32.5%;
        flex-basis: 32.5%
    }
}

@media (min-width:1800px) {
    .page-progettista .masthead:not(.home)>div {
        -ms-flex-preferred-size: 35%;
        flex-basis: 35%
    }
    .page-progettista .masthead:not(.home) picture {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%;
        max-width: 65%
    }
}

.masthead.home {
    min-height: inherit;
    max-height: inherit;
    position: relative;
    background: 0 0
}

.masthead.home .masthead__txt {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 3.85%;
    z-index: 2
}

.masthead.home .masthead__txt h1 {
    margin: 0;
    font-family: "VeluxGothicBlack";
    text-align: left
}

.masthead.home .masthead__txt .likeH2,
.masthead.home .masthead__txt h2 {
    margin-bottom: 16px;
    font-size: 28px;
    line-height: 1.25
}

.masthead.home .masthead__txt .likeH2 {
    font-family: "VeluxGothic";
    max-width: 40ch;
    margin-top: 8px
}

@media (max-width:767px) {
    .masthead.home .masthead__txt {
        position: relative;
        padding: 32px 0;
        top: 0;
        transform: none;
        margin-left: 0
    }
    .masthead.home .masthead__txt .likeH2,
    .masthead.home .masthead__txt h2 {
        font-size: 1.188rem
    }
}

@media (min-width:992px) {
    .masthead.home .masthead__txt {
        top: 62%
    }
}

@media (min-width:768px) {
    .masthead.home {
        height: 50vh
    }
}

@media (min-width:992px) {
    .masthead.home {
        height: 75vh
    }
}

.hero-carousel {
    min-height: 220px;
    margin-bottom: 32px;
    overflow: hidden
}

.hero-carousel .hero-carousel__wrap-container {
    opacity: 0;
    transition: all .1s
}

.hero-carousel,
.hero-carousel .slick-active {
    position: relative
}

.hero-carousel .slick-active .hero-carousel__wrap-container {
    opacity: 1;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    background: linear-gradient(to bottom, rgba(57, 69, 92, 0) 0%, rgba(57, 69, 92, .5) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0039455c', endColorstr='#a639455c', GradientType=0)
}

@media (min-width:768px) {
    .hero-carousel .slick-active .hero-carousel__wrap-container {
        background: linear-gradient(rgba(57, 69, 92, 0) 30%, rgba(57, 69, 92, .7) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0039455c', endColorstr='#a639455c', GradientType=0)
    }
}

.hero-carousel .container {
    position: absolute;
    bottom: 32px;
    text-align: left;
    z-index: 1000
}

@media (min-width:768px) {
    .hero-carousel .container {
        padding-left: 12%;
        padding-right: 12%;
        max-width: 1440px;
        bottom: 48px
    }
}

.hero-carousel .container .likeH2,
.hero-carousel .container a,
.hero-carousel .container h2 {
    color: #fff;
    padding: 0
}

@media (max-width:767px) {
    .hero-carousel .container .likeH2,
    .hero-carousel .container h2 {
        font-size: 24px
    }
}

.hero-carousel .container p {
    color: #fff
}

@media (max-width:599px) {
    .hero-carousel .container p {
        display: none
    }
}

@media (max-width:767px) {
    .hero-carousel .slick-next,
    .hero-carousel .slick-prev {
        display: none
    }
}

.hero-carousel .slick-prev {
    transform: rotate(-180deg)
}

.hero-carousel img {
    min-height: 220px;
    max-height: 590px;
    object-fit: cover
}

.author {
    font-size: 16px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.author img {
    border-radius: 50%;
    max-width: 65px;
    margin-right: 16px
}

@media (min-width:992px) {
    .author img {
        max-width: 90px
    }
}

.author span {
    color: #d16b76
}

.map {
    position: relative;
    margin-top: 32px;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden
}

@media (min-width:768px) {
    .map {
        padding-bottom: 45%
    }
}

@media (min-width:1150px) {
    .map {
        padding-bottom: 35%
    }
}

@media (min-width:1440px) {
    .map {
        padding-bottom: 25%
    }
}

.map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    pointer-events: none
}

.highlights article,
.logo-full span {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.logo-full span {
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    font-family: "IBM Plex Sans", sans-serif;
    margin-bottom: 16px
}

.logo-full span img {
    margin-left: 6px
}

.highlights article {
    text-align: center;
    margin-bottom: 64px
}

.highlights article .likeH3,
.highlights article h3 {
    margin-left: 16px;
    color: gray
}

@media (min-width:600px) {
    .highlights article {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        margin-bottom: 0
    }
}

.risultati p.location {
    color: #7f8280;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    margin-bottom: 4px
}

.risultati p.location span {
    font-family: "VeluxGothicBold";
    margin-right: 4px
}

.archivio-big .title+h3,
.article-list .archivio__txt h2.wasH3+p,
.risultati h3+p {
    margin-top: 8px
}

@media (min-width:1200px) {
    .risultati {
        max-width: 840px;
        margin-left: auto;
        margin-right: auto
    }
}

.risultati article,
.social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.risultati article {
    margin: 32px 0
}

.risultati article .risultati__recommended {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.risultati article .risultati__recommended p {
    font-family: "VeluxGothic";
    background-color: #d16b76;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 6px 4px 4px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    display: inline
}

.risultati article .risultati__recommended p span {
    font-size: 14.7px
}

.risultati article .risultati__img {
    margin-bottom: 16px
}

@media (max-width:599px) {
    .risultati article .risultati__img img {
        max-height: 200px
    }
}

@media (min-width:600px) {
    .risultati article {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .risultati article .risultati__recommended {
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px
    }
    .risultati article .risultati__recommended p {
        display: block
    }
    .risultati article .risultati__img {
        margin: 0 32px 0 0;
        width: 200px;
        -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative
    }
    .risultati article .risultati__img img {
        position: absolute
    }
}

@media (min-width:768px) {
    .risultati article .risultati__img {
        width: 320px;
        -ms-flex-preferred-size: 320px;
        flex-basis: 320px;
        height: 230px
    }
}

.risultati .specifiers-link .specifiers-link__content {
    position: initial
}

.social {
    font-size: 1.188rem
}

.social ul li {
    margin-right: 12px
}

.social ul li:last-child {
    margin-right: 0
}

.social h6 {
    font-family: "VeluxGothicBlack";
    color: #7f8280;
    margin-bottom: 4px
}

.social a {
    display: inline-block
}

.social a:hover {
    transform: translateY(-3px);
    transition: translateY .3 ease
}

.social object {
    pointer-events: none;
    fill: #d16b76
}

.social svg {
    fill: #7f8280;
    width: 32px;
    height: 32px
}

@media all and (max-width:767px) {
    .centrale header .social {
        display: none
    }
}

.centrale {
    margin: 5vh 0
}

.centrale .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.centrale h2 {
    margin-top: 2.5vh;
    margin-bottom: 8px
}

.centrale header {
    -ms-flex-preferred-size: 22%;
    flex-basis: 22%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 16px
}

.centrale .article__aside {
    -ms-flex-order: 3;
    order: 3
}

.centrale .article__body {
    -ms-flex-order: 2;
    order: 2;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.centrale .article__body h2:first-child {
    margin-top: 0
}

.centrale .article__body a.zoomIcon {
    display: inline-block;
    position: relative
}

.centrale .article__body a.zoomIcon:after {
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d16b76 url(../images/cd-icon-zoom.svg) no-repeat center;
    background-size: 20px 20px;
    position: absolute;
    top: 8px;
    right: 8px
}

.centrale .article__body a.zoomIcon:hover:after {
    background: #202020 url(../images/cd-icon-zoom.svg) no-repeat center;
    background-size: 20px 20px
}

@media (min-width:648px) and (max-width:991px) {
    .centrale {
        max-width: 600px;
        margin-left: auto;
        margin-right: auto
    }
    .centrale .container {
        max-width: 100%
    }
}

.centrale .tags {
    margin: 24px 0
}

@media (min-width:992px) {
    .centrale {
        margin: 10vh 0 7.5vh
    }
    .centrale .container {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 87.5%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .centrale h2:not(:first-child) {
        margin-top: 5vh
    }
    .centrale .article__body {
        margin: 0 5%;
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%
    }
    .centrale .social {
        margin-top: 8px
    }
}

@media (min-width:992px) and (max-width:1299px) {
    .centrale .article__aside {
        margin-left: 35%
    }
}

@media (min-width:1300px) {
    .centrale .article__body {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin: 0 3%;
        max-width: 600px
    }
    .centrale .article__aside {
        -ms-flex-preferred-size: 23%;
        flex-basis: 23%;
        max-width: 23%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media all and (min-width:1800px) {
    .centrale .container {
        max-width: 75%
    }
}

.archivio-big .archivio-big__txt h1,
.archivio-big h2.wasH3,
.archivio-big h3 a {
    font-size: calc(25px + (30 - 25)*((100vw - 320px)/(1400 - 320)));
    color: #d16b76;
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 2px;
    display: inline
}

@media (max-width:320px) {
    .archivio-big h2.wasH3,
    .archivio-big h3 a {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    .archivio-big h2.wasH3,
    .archivio-big h3 a {
        font-size: 30px
    }
}

.archivio-big .archivio-big__txt h1+p,
.archivio-big h2+p {
    margin-top: 16px
}

.archivio-big img {
    margin: 0 0 16px;
    max-height: 50vh
}

.archivio-big .archivio-big__txt h1 {
    font-size: calc(18px + (30 - 18)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .archivio-big .archivio-big__txt h1 {
        font-size: 18px
    }
}

@media (min-width:1400px) {
    .archivio-big .archivio-big__txt h1 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .archivio-big {
        margin-bottom: 10vh
    }
    .archivio-big .archivio-big__txt h1 {
        padding-bottom: 1px
    }
}

@media (min-width:768px) {
    .archivio-big {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .archivio-big .archivio-big__img {
        margin-right: 5%
    }
    .archivio-big .archivio-big__img img {
        margin-bottom: 0
    }
    .archivio-big .archivio-big__txt {
        -ms-flex-preferred-size: 37%;
        flex-basis: 37%;
        max-width: 37%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .archivio-big.archivio-video .archivio-big__img {
        -ms-flex-preferred-size: 62%;
        flex-basis: 62%;
        max-width: 62%
    }
}

.archivio-small {
    margin-bottom: 5vh
}

.archivio-small .archivio__txt .likeH3,
.archivio-small .archivio__txt h2.wasH3,
.archivio-small .archivio__txt h3 {
    font-size: 18px
}

.archivio-small .archivio__txt .likeH3 a,
.archivio-small .archivio__txt h2.wasH3 a,
.archivio-small .archivio__txt h3 a,
.article-list .archivio__txt h2.wasH3 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #d16b76;
    display: inline;
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 2px
}

.archivio-small .archivio__txt ul,
.article-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.archivio-small .archivio__txt ul li a {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 16px 16px 0;
    color: #4f5d75;
    text-decoration: none;
    background-color: #dadfe8
}

.archivio-small .archivio__txt ul li a:active,
.archivio-small .archivio__txt ul li a:focus,
.archivio-small .archivio__txt ul li a:hover {
    background-color: #d16b76;
    color: #fff
}

.archivi .archivio__txt,
.article-list h2 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.article-list h2 {
    font-size: 1.188rem
}

.article-list .archivio__img {
    margin-bottom: 16px;
    height: 150px
}

.article-list .archivio__img a {
    display: block;
    height: 100%
}

.article-list .archivio__img img {
    width: 100%;
    height: 100%
}

@supports (object-fit:cover) {
    .article-list .archivio__img img {
        object-fit: cover
    }
}

.article-list .archivio__txt h2.wasH3 a {
    color: #d16b76
}

.article-list .archivio__txt a.vedi,
.article-list .archivio__txt p {
    font-size: .875rem
}

@media (min-width:480px) {
    .article-list article {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 48.5%;
        -ms-flex-preferred-size: 48.5%;
        flex-basis: 48.5%;
        margin-right: 3%
    }
    .article-list article:nth-of-type(2n+2) {
        margin-right: 0
    }
    .article-list article article {
        display: -ms-flexbox;
        display: flex
    }
    .article-list article article,
    .article-list.progetti-correlati article {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .article-list.progetti-correlati article a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .article-list.progetti-correlati article .archivio__img {
        margin-right: 3%;
        max-width: 28%;
        margin-bottom: 0
    }
    .article-list.progetti-correlati article .archivio__txt {
        max-width: 40ch
    }
}

@media (min-width:768px) {
    .article-list article {
        max-width: 31%;
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
        margin-right: 3%
    }
    .article-list article:nth-of-type(2n+2) {
        margin-right: 3%
    }
    .article-list article:nth-of-type(3n+3) {
        margin-right: 0
    }
}

@media (min-width:992px) {
    .article-list article {
        max-width: 22.5%;
        -ms-flex-preferred-size: 22.5%;
        flex-basis: 22.5%
    }
    .article-list article:nth-of-type(3n+3) {
        margin-right: 3%
    }
    .article-list article:nth-of-type(4n+4) {
        margin-right: 0
    }
}

@media (min-width:1400px) {
    .article-list.progetti-correlati article .archivio__img {
        height: 200px
    }
}

.archivi .archivio__txt {
    padding-left: 0
}

.archivio-video.archivio-big .article-list .archivio__img {
    height: auto
}

.overlay {
    display: none;
    position: fixed;
    max-width: 300px;
    bottom: 0;
    padding: 8px;
    font-size: 1rem;
    background-color: #fff;
    border-top: 4px solid #d16b76;
    border-left: 4px solid #d16b76;
    z-index: 10;
    transition: all .3s ease-out
}

.overlay a {
    text-decoration: none;
    color: #65758e
}

.overlay a:active,
.overlay a:focus,
.overlay a:hover {
    color: inherit
}

.overlay svg {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    fill: #d16b76
}

.faq-list article>div,
.overlay div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.overlay p {
    margin: 0 16px;
    font-size: 1rem;
    line-height: 1.2
}

.overlay img,
.overlay span {
    display: -ms-flexbox;
    display: flex
}

.overlay span {
    font-family: "IBM Plex Sans", sans-serif;
    color: #d16b76;
    margin-top: 8px;
    -ms-flex-align: center;
    align-items: center
}

.overlay span strong {
    margin-left: 4px
}

.overlay img {
    border-radius: 50%;
    -ms-flex-preferred-size: 56px;
    flex-basis: 56px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media all and (max-width:767px) {
    .overlay {
        width: 100%;
        right: 0
    }
    .overlay img,
    .overlay p {
        display: none
    }
}

@media all and (min-width:768px) {
    .overlay {
        display: none;
        right: -212px
    }
    .overlay:hover {
        right: 0
    }
}

.faq-list article {
    margin-bottom: 2.5vh
}

.faq-list article a,
.faq-list article p {
    max-width: 100%
}

.faq-list article>div {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px
}

@media (max-width:767px) {
    .faq-list article>div {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .faq-list article>div>div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center
    }
}

.faq-list .faq-list__question {
    background-color: #dadfe8
}

.faq-list .faq-list__question .likeH2,
.faq-list .faq-list__question h2 {
    margin: 0;
    padding: 0;
    font-size: 18px
}

.faq-list .faq-list__question svg,
.header .container .btn--search-close svg {
    fill: #fff
}

.faq-list .faq-list__question a {
    color: #fff;
    text-decoration: none
}

.faq-list .faq-list__answer p {
    padding: 0;
    margin-bottom: 4px
}

.faq-list .faq-list__answer a {
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 1px
}

@media (min-width:600px) {
    .faq-list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .faq-list article {
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        max-width: 47%;
        margin-right: 3%
    }
    .faq-list article:nth-of-type(2n+2) {
        margin-right: 0
    }
}

@media (min-width:992px) {
    .faq-list article {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%
    }
    .faq-list article:nth-of-type(2n+2) {
        margin-right: 3%
    }
    .faq-list article:nth-of-type(3n+3) {
        margin-right: 0
    }
}

.faq-detail-wrap,
.two-blocks.container.overlapped .two-blocks__txt .likeH3 {
    margin-top: 0
}

.faq-detail svg {
    width: 32px;
    height: 32px
}

@media (min-width:992px) {
    .faq-detail {
        margin-left: auto;
        margin-right: auto;
        max-width: 55%
    }
}

.fascetta {
    background-color: #d16b76;
    font-family: "VeluxGothic";
    padding: 4px 0;
    transition: all .3 ease-out
}

.fascetta .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.fascetta,
.fascetta a {
    color: #fff
}

.fascetta.hidden,
.pagination-block ul {
    display: none
}

.fascetta svg {
    fill: #fff;
    width: 14px
}

.specifiers-link-wrap {
    background-repeat: no-repeat;
    background-position: left bottom
}

.specifiers-link {
    font-family: "VeluxGothic";
    min-height: 300px;
    position: relative;
    background: linear-gradient(180deg, rgba(57, 69, 92, 0) 0, rgba(57, 69, 92, .8) 40%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0039455c", endColorstr="#a639455c", GradientType=0)
}

@media (min-width:480px) {
    .specifiers-link {
        background: linear-gradient(180deg, rgba(57, 69, 92, 0) 0, rgba(57, 69, 92, .8) 80%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0039455c", endColorstr="#a639455c", GradientType=0)
    }
}

@media (min-width:768px) {
    .specifiers-link {
        padding-bottom: 32px
    }
}

.specifiers-link .specifiers-link__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #fff;
    padding: 32px
}

.specifiers-link .specifiers-link__content .likeH2,
.specifiers-link .specifiers-link__content h2 {
    font-family: "VeluxGothic";
    font-size: 2.25rem;
    padding: 0;
    color: #fff
}

.specifiers-link .specifiers-link__content p {
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 1em
}

.specifiers-link .specifiers-link__content a {
    color: #fff;
    margin-right: 32px;
    display: inline-block
}

@media (max-width:767px) {
    .specifiers-link .specifiers-link__content>div span {
        display: block;
        margin-top: 16px
    }
}

@media (min-width:768px) {
    .specifiers-link .specifiers-link__content {
        padding: 0 32px;
        position: absolute;
        bottom: 32px
    }
    .specifiers-link .specifiers-link__content>div:not(.likeH2):not(.likeH3) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
}

@media (min-width:992px) {
    .specifiers-link .specifiers-link__content {
        width: 90%;
        left: 32px;
        right: 32px;
        margin: 0 auto;
        max-width: 840px;
        padding: 0 16px
    }
}

.home .specifiers-link {
    padding: 32px 0;
    margin-bottom: 0;
    min-height: 400px;
    background: #dadfe8
}

.home .specifiers-link .specifiers-link__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
    color: #39455c;
    position: relative;
    bottom: 0;
    width: auto;
    max-width: 960px;
    margin: 0 auto
}

.home .specifiers-link .specifiers-link__content .likeH2,
.home .specifiers-link .specifiers-link__content h2 {
    font-family: "VeluxGothic";
    font-size: 2.25rem;
    color: #39455c
}

.home .specifiers-link .specifiers-link__content .likeH3,
.home .specifiers-link .specifiers-link__content h3,
.home .specifiers-link .specifiers-link__content p {
    margin-top: 8px
}

.home .specifiers-link .specifiers-link__content p {
    font-size: 1.25rem;
    line-height: 1.6rem
}

.home .specifiers-link .specifiers-link__content a {
    color: #39455c;
    font-weight: 700
}

.home .specifiers-link .specifiers-link__content a.btn-primary {
    color: #fff;
    margin: 0 32px 0 0
}

.home .specifiers-link .specifiers-link__content a.btn-primary:active,
.home .specifiers-link .specifiers-link__content a.btn-primary:focus,
.home .specifiers-link .specifiers-link__content a.btn-primary:hover {
    color: #fff;
    text-decoration: none
}

@media (max-width:767px) {
    .home .specifiers-link .specifiers-link__content>div:not(.likeH2):not(.likeH3) span {
        display: block;
        margin-top: 16px
    }
    .home .specifiers-link .specifiers-link__content>div:not(.likeH2):not(.likeH3) span a {
        display: inline
    }
}

@media (min-width:768px) {
    .home .specifiers-link .specifiers-link__content>div:not(.likeH2):not(.likeH3) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        margin-top: 16px
    }
    .home .specifiers-link .specifiers-link__content>div:not(.likeH2):not(.likeH3) a.btn {
        margin-right: 32px
    }
}

@media (min-width:992px) {
    .home .specifiers-link .specifiers-link__content {
        margin-left: 320px
    }
    .home .specifiers-link {
        background: #dadfe8 url(../images/progettisti.png) no-repeat left bottom;
        padding: 64px 0
    }
}

.pagination-wrap {
    margin-top: 2.5vh
}

.cta-box article,
.pagination-block {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination-block>a {
    content: "Indietro";
    border: 1px solid #d16b76;
    padding: 12px 16px;
    color: #d16b76;
    font-family: "VeluxGothicBold";
    border-radius: 8px;
    margin: 0 24px
}

.pagination-current {
    font-size: 14px;
    margin-top: 32px;
    text-align: center;
    margin-bottom: 2.5vh
}

@media (min-width:425px) {
    .pagination-current {
        display: none
    }
    .pagination-block li,
    .pagination-block ul,
    .pagination-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .pagination-block ul,
    .pagination-wrap {
        font-size: 1rem;
        -ms-flex-pack: center;
        justify-content: center
    }
    .pagination-block>a {
        margin: 0 48px
    }
    .pagination-block li {
        color: #202020;
        padding: 0 4px;
        font-size: 14px
    }
    .pagination-block li a {
        color: #d16b76
    }
    .pagination-block li:first-child a,
    .pagination-block li:last-child a {
        text-decoration: underline
    }
    .pagination-block li.current:first-child a,
    .pagination-block li.current:last-child a {
        text-decoration: none
    }
}

.cta-box {
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 400;
    color: #fff;
    margin: 0 0 16px;
    break-inside: avoid;
    overflow: hidden
}

.cta-box article {
    padding: 8px 16px;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.cta-box article span {
    font-family: "IBM Plex Sans", sans-serif;
    display: block;
    max-width: 100%
}

.cta-box article .btn {
    background-color: #fff;
    margin-top: 16px;
    color: #d16b76
}

.cta-box:hover {
    opacity: .9
}

.cta-box article,
.cta-box:hover article {
    background-color: #d16b76
}

.block-cta__container {
    background-color: #f0f0f0;
    padding: 2.5vh 4% 0
}

.block-cta__container .block-cta__content .block-cta__contentTxt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 32px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

.block-cta__container .block-cta__content .block-cta__contentTxt a {
    margin-bottom: 8px;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.block-cta__container .block-cta__content .block-cta__contentTxt span a,
.two-blocks.container.aligned p a {
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 2px
}

.block-cta__container .block-cta__content .block-cta__contentTxt a.btn-primary {
    margin-bottom: 24px
}

@media (min-width:768px) and (max-width:991px) {
    .block-cta__container .block-cta__content .block-cta__contentTxt {
        max-width: 70%;
        margin-left: auto;
        margin-right: auto
    }
}

.block-cta__container .block-cta__content .block-cta__contentImg {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:992px) {
    .block-cta__container .block-cta__content {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .block-cta__container .block-cta__content .block-cta__contentImg {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: 5%
    }
    .block-cta__container .block-cta__content .block-cta__contentTxt {
        -ms-flex-order: 2;
        order: 2;
        padding: 12px 32px
    }
}

@media (min-width:1200px) {
    .block-cta__container {
        max-width: 992px;
        margin: 0 auto;
        padding: 32px 4%
    }
}

@media (min-width:1700px) {
    .block-cta__container {
        max-width: 1200px
    }
}

iframe[name=google_conversion_frame] {
    height: 0!important;
    width: 0!important;
    line-height: 0!important;
    font-size: 0!important;
    margin-top: -13px;
    float: left
}

.slideshow {
    height: 100%;
    height: 40vh;
    position: relative;
    overflow: hidden
}

.slideshow .slides {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    animation: moveSlideshow 480s linear infinite alternate;
    -webkit-animation: moveSlideshow 480s linear infinite alternate;
    display: -ms-flexbox;
    display: flex;
    width: intrinsic;
    width: -moz-max-content;
    width: -webkit-max-content
}

.slideshow img {
    height: 100%;
    width: auto;
    margin: 0 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:768px) {
    .slideshow {
        max-height: 75vh;
        height: inherit
    }
    .slideshow:before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        background: rgba(255, 255, 255, .3);
        z-index: 1
    }
}

.two-blocks.container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.two-blocks.container.aligned p {
    font-size: 16px;
    max-width: 50ch;
    line-height: 1.5;
    margin: 20px 0
}

.two-blocks.container.aligned p a {
    font-family: "VeluxGothic";
    color: #d16b76;
    font-size: 18px
}

.tags ul li a:hover,
.two-blocks.container.aligned p a:hover {
    color: #202020
}

.two-blocks.container.aligned .likeH3 {
    max-width: 30ch;
    line-height: 1.32;
    margin-top: 10px;
    font-size: calc(20px + (25 - 20)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .two-blocks.container.aligned .likeH3 {
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .two-blocks.container.aligned .likeH3 {
        font-size: 25px
    }
}

.two-blocks.container.aligned .likeH2,
.two-blocks.container.overlapped .two-blocks__txt h2 {
    line-height: 1.26;
    margin: 0;
    font-size: calc(25px + (30 - 25)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .two-blocks.container.aligned .likeH2 {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    .two-blocks.container.aligned .likeH2 {
        font-size: 30px
    }
}

.two-blocks.container.aligned span {
    font-size: 16px;
    margin-right: 8px
}

.two-blocks.container img,
.why-progettisti-after .why-progettisti__content-after>div .why__content p {
    width: 100%
}

@supports (object-fit:cover) {
    .two-blocks.container img {
        object-fit: cover;
        height: 100%
    }
}

.correlati-sidebar article a,
.two-blocks.container.overlapped .two-blocks__txt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.two-blocks.container.overlapped .two-blocks__txt .likeH3 p {
    line-height: 1.32;
    margin: 10px 0 0;
    font-size: calc(20px + (25 - 20)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .two-blocks.container.overlapped .two-blocks__txt .likeH3 p {
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .two-blocks.container.overlapped .two-blocks__txt .likeH3 p {
        font-size: 25px
    }
}

@media (max-width:320px) {
    .two-blocks.container.overlapped .two-blocks__txt h2 {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    .two-blocks.container.overlapped .two-blocks__txt h2 {
        font-size: 30px
    }
}

.two-blocks.container.overlapped .two-blocks__txt span {
    display: block;
    margin-top: 24px
}

@media (max-width:767px) {
    .two-blocks.container .two-blocks__txt {
        -ms-flex-order: 2;
        order: 2;
        margin: 16px 0
    }
    .two-blocks.container.overlapped img:last-child {
        display: none
    }
}

@media (min-width:768px) {
    .two-blocks.container {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: center;
        justify-content: center
    }
    .two-blocks.container.aligned .two-blocks__txt {
        padding: 32px 0
    }
    .two-blocks.container.aligned a.btn-primary {
        margin-bottom: 16px
    }
    .two-blocks.container.aligned .two-blocks__img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-left: 64px
    }
    .two-blocks.container.overlapped .two-blocks__txt {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        max-width: 45%;
        z-index: 1
    }
    .two-blocks.container.overlapped .two-blocks__txt>div {
        padding: 55px;
        background-color: #fff
    }
    .two-blocks.container.overlapped .two-blocks__img {
        margin: 0 -128px 0 0;
        width: calc(50% + 640px);
        z-index: -1;
        overflow: hidden;
        display: -ms-flexbox;
        display: flex
    }
    .two-blocks.container.overlapped .two-blocks__img img {
        transform: translateX(0);
        transition: .6s ease-in-out;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .two-blocks.container.overlapped .two-blocks__img.move img {
        transform: translateX(-100%);
        transition: .6s ease-in-out
    }
}

@media (min-width:1200px) {
    .two-blocks.container {
        max-width: calc(992px + 10%)
    }
}

@media (min-width:1400px) {
    .two-blocks.container {
        max-width: 75vw
    }
}

@media (min-width:1920px) {
    .two-blocks.container {
        max-width: 1500px
    }
}

.error404 main img {
    margin: 32px 0 16px
}

.btn,
.btn-primary {
    display: inline-block;
    text-align: center;
    font-family: "VeluxGothicBold";
    border: 0;
    transition: background .25s ease;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 8px;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

.btn.disabled,
.btn[disabled=disabled],
.btn[disabled] {
    cursor: default;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .5
}

.btn.disabled:hover,
.btn[disabled=disabled]:hover,
.btn[disabled]:hover {
    cursor: default
}

.btn.disabled:active,
.btn[disabled=disabled]:active,
.btn[disabled]:active {
    top: 0
}

.btn.small {
    font-size: .8em
}

.btn.large {
    font-size: 1.2rem
}

.btn-primary {
    color: #fff;
    background-color: #d16b76;
    transition: .25s ease-in-out;
    padding: 14px 12px 12px;
    padding-bottom: 15px !important
}

.btn-primary.disabled,
.btn-primary[disabled=disabled],
.btn-primary[disabled] {
    cursor: default;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .5
}

.btn-primary.disabled:hover,
.btn-primary[disabled=disabled]:hover,
.btn-primary[disabled]:hover {
    cursor: default
}

.btn-primary.disabled:active,
.btn-primary[disabled=disabled]:active,
.btn-primary[disabled]:active {
    top: 0
}

@media (min-width:425px) {
    .btn-primary {
        padding-left: 32px;
        padding-right: 32px
    }
}

.btn-primary.btn-big {
    padding: 18px 48px;
    font-size: 24px
}

.btn-primary:hover {
    background-color: #202020
}

.guida__content .hs-cta-node .cta_button {
    color: #fff;
    background-color: #d16b76
}

.btn-primary.btn-variant {
    color: #d16b76;
    background-color: #fff;
    transition: .15s ease-in-out
}

.btn-primary.btn-variant:focus,
.btn-primary.btn-variant:hover {
    background-color: #d16b76;
    color: #fff;
    transition: .15s ease-in-out
}

.btn-secondary {
    display: inline-block;
    text-align: center;
    font-family: "VeluxGothicBold";
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 8px;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    color: #202020;
    background-color: #fff;
    border: 3px solid #202020;
    transition: .25s ease-in-out;
    padding: 12px 32px 8px
}

.btn-secondary.disabled,
.btn-secondary[disabled=disabled],
.btn-secondary[disabled],
.guida__content .hs-cta-node .cta_button.disabled,
.guida__content .hs-cta-node .cta_button[disabled=disabled],
.guida__content .hs-cta-node .cta_button[disabled],
a.btn.disabled,
a.btn[disabled=disabled],
a.btn[disabled] {
    cursor: default;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .5
}

.btn-secondary.disabled:hover,
.btn-secondary[disabled=disabled]:hover,
.btn-secondary[disabled]:hover,
.guida__content .hs-cta-node .cta_button.disabled:hover,
.guida__content .hs-cta-node .cta_button[disabled=disabled]:hover,
.guida__content .hs-cta-node .cta_button[disabled]:hover,
a.btn.disabled:hover,
a.btn[disabled=disabled]:hover,
a.btn[disabled]:hover {
    cursor: default
}

.btn-secondary.disabled:active,
.btn-secondary[disabled=disabled]:active,
.btn-secondary[disabled]:active,
.guida__content .hs-cta-node .cta_button.disabled:active,
.guida__content .hs-cta-node .cta_button[disabled=disabled]:active,
.guida__content .hs-cta-node .cta_button[disabled]:active,
a.btn.disabled:active,
a.btn[disabled=disabled]:active,
a.btn[disabled]:active {
    top: 0
}

.btn-secondary:focus,
.btn-secondary:hover {
    border-color: #d16b76;
    color: #d16b76;
    transition: .25s ease-in-out
}

a.btn {
    border: 0;
    border-radius: 8px
}

.btn-inverted,
.guida__content .hs-cta-node .cta_button,
a.btn,
a.btn-inverted {
    display: inline-block;
    text-align: center;
    font-family: "VeluxGothicBold";
    transition: background .25s ease;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-size: 20px;
    line-height: 1;
    text-decoration: none;
    -webkit-font-smoothing: antialiased
}

.guida__content .hs-cta-node .cta_button {
    border-radius: 32px!important;
    border: 0
}

.btn-inverted,
a.btn-inverted {
    border-radius: 8px;
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff
}

.btn-inverted.disabled,
.btn-inverted[disabled=disabled],
.btn-inverted[disabled],
a.btn-inverted.disabled,
a.btn-inverted[disabled=disabled],
a.btn-inverted[disabled] {
    cursor: default;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: .5
}

.btn-inverted.disabled:hover,
.btn-inverted[disabled=disabled]:hover,
.btn-inverted[disabled]:hover,
a.btn-inverted.disabled:hover,
a.btn-inverted[disabled=disabled]:hover,
a.btn-inverted[disabled]:hover {
    cursor: default
}

.btn-inverted.disabled:active,
.btn-inverted[disabled=disabled]:active,
.btn-inverted[disabled]:active,
a.btn-inverted.disabled:active,
a.btn-inverted[disabled=disabled]:active,
a.btn-inverted[disabled]:active {
    top: 0
}

.btn-inverted:focus,
.btn-inverted:hover,
a.btn-inverted:focus,
a.btn-inverted:hover {
    background-color: #070707
}

.guide .hs-cta-node a {
    text-decoration: underline;
    border-bottom: 0 none!important
}

.carousel-horizontal {
    margin-bottom: 1em;
    overflow: hidden;
    position: relative
}

.carousel-island-container {
    overflow: hidden
}

.carousel-container {
    position: relative
}

.carousel-controls {
    display: table;
    width: 100%;
    margin: -.5em 0 1em
}

.carousel-controls a,
.carousel-controls div {
    display: table-cell;
    padding: .5em
}

.carousel-controls .carousel-pagination,
.correlati a.vedi-tutti,
.correlati h3 {
    text-align: center
}

.carousel-controls .carousel-next {
    text-align: right
}

.bullet-list {
    list-style: square;
    margin-left: 24px;
    padding-bottom: 32px;
    line-height: 1.3
}

.bullet-list li {
    margin-bottom: 1em;
    list-style: none;
    line-height: 1.5
}

.bullet-list li:before {
    content: "\2022";
    color: #d16b76;
    font-weight: 700;
    display: inline-block;
    width: 24px;
    margin-left: -24px
}

.tag-list li:not(last-child):after {
    content: '|'
}

.inline-list li {
    float: left
}

.social-list li {
    margin: 0 .4rem 1em 0
}

.social-list a {
    font-size: 1.6em
}

.text-list {
    margin: 0 0 1em;
    line-height: 1.3
}

.text-list li {
    margin-bottom: 1em
}

section.background {
    padding: 32px 0
}

section.background .likeH3,
section.background h3 {
    padding: 0
}

@media (min-width:768px) {
    section.background {
        padding: 20px 0
    }
}

section.bordered {
    padding: 16px 0;
    margin: 0
}

@media (min-width:768px) {
    section.bordered {
        padding: 32px 0
    }
}

section.newsletter {
    margin-bottom: 0
}

section {
    margin: 20px 0
}

@media (min-width:768px) {
    section {
        margin: 20px 0
    }
}

section.carousel,
section.project__hero {
    padding: 0
}

.project__hero {
    position: relative
}

.project__hero .btn {
    position: absolute;
    right: 32px;
    bottom: 32px;
    font-weight: 400
}

.project__info,
.project__info .description {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.project__info {
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:992px) {
    .project__info {
        display: block;
        overflow: hidden
    }
}

.project__info .description {
    width: 100%;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width:992px) {
    .project__info .description {
        width: 60%;
        float: left
    }
}

.project__info .specifier {
    width: 100%;
    padding: 32px;
    background-color: #fff8dc;
    -ms-flex-order: 3;
    order: 3
}

.project__info .specifier span {
    display: block;
    margin: 16px
}

@media (min-width:992px) {
    .project__info .specifier {
        width: 35%;
        padding: 64px;
        float: right;
        margin-top: -10px;
        position: relative;
        z-index: 1
    }
}

.project__info .highlights {
    width: 100%;
    background-color: #f0f8ff;
    padding: 32px;
    margin-bottom: 32px
}

.banner-link-foto img,
.commenti .container .commenti-utenti #respond,
.project__info .highlights article {
    margin-bottom: 16px
}

@media (min-width:992px) {
    .project__info .highlights {
        display: -ms-flexbox;
        display: flex
    }
    .project__info .highlights article {
        margin-bottom: 0
    }
}

@media (min-width:1440px) {
    .project__info .highlights {
        width: 60%;
        float: left
    }
}

.correlati .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-direction: column;
    flex-direction: column
}

.correlati .likeH2,
.correlati h2 {
    margin-bottom: 0;
    font-size: calc(25px + (30 - 25)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .correlati .likeH2,
    .correlati h2 {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    .correlati .likeH2,
    .correlati h2 {
        font-size: 30px
    }
}

@media (min-width:992px) {
    .correlati .likeH2,
    .correlati h2 {
        max-width: 960px;
        margin: 0 auto 16px;
        text-align: center
    }
}

@media (min-width:768px) {
    .correlati a.vedi-tutti {
        text-align: right;
        padding-right: 16px
    }
}

.correlati .slick-slide img {
    max-height: 200px
}

.correlati-sidebar {
    display: none
}

.correlati-sidebar h4 {
    font-weight: 800
}

.correlati-sidebar article {
    margin-top: 24px
}

.correlati-sidebar article a .correlato__img {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    margin-right: 16px
}

.correlati-sidebar article a .correlato__txt {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    color: #202020
}

.correlati-sidebar article a .correlato__txt p {
    font-size: .9rem;
    line-height: 1.3
}

@media (min-width:1300px) {
    .correlati-sidebar {
        display: block
    }
}

.bottom-link {
    margin-bottom: 32px
}

@media (min-width:992px) {
    .bottom-link {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.tags h4 {
    color: #7f8280;
    font-family: "VeluxGothicBlack";
    font-size: 1rem;
    margin-bottom: 4px
}

.tags ul {
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.tags ul li a {
    text-decoration: underline;
    line-height: 1.26;
    font-size: 14px
}

.tags li:after {
    padding: 0 5px;
    content: "/"
}

.tags li:last-child:after {
    content: ''
}

@media all and (max-width:767px) {
    .commenti-anchor {
        margin-bottom: 16px
    }
}

.commenti-anchor svg {
    width: 32px;
    height: 32px;
    fill: #d16b76;
    vertical-align: middle;
    margin-right: 4px
}

.commenti-anchor a {
    text-decoration: underline;
    font-weight: 700
}

.article-list article h3+p,
.page-progettista .fluid article header .studio-cta a.btn,
.sharing>div {
    margin-top: 16px
}

@media all and (min-width:650px) {
    .sharing>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.sharing>div .social ul {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.case-history .content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.case-history .content .case-history__txt .title {
    color: #202020
}

.case-history .content .case-history__txt .likeH3,
.case-history .content .case-history__txt h3 {
    padding: 0
}

.case-history,
.case-history .content .case-history__txt .likeH3 a,
.case-history .content .case-history__txt h3 a,
.start a,
.start p,
.start span {
    color: #fff
}

@media all and (min-width:768px) {
    .case-history .content .case-history__txt {
        padding: 0 0 0 32px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 60ch
    }
}

.case-history .content .case-history__img {
    display: none
}

@media all and (min-width:768px) {
    .case-history .content .case-history__img {
        display: block;
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        min-width: 32%
    }
    @supports (object-fit:cover) {
        .case-history .content .case-history__img img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }
    }
}

.case-history,
.start {
    background-color: #d16b76
}

@media (min-width:768px) {
    .start {
        padding: 64px 0
    }
    .start .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .start .container>figure {
        -ms-flex-preferred-size: 320px;
        flex-basis: 320px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .start .container>div {
        padding: 0 32px
    }
    .start .container>div span {
        font-size: 1.5rem
    }
}

.guide {
    background: rgba(169, 202, 229, .35);
    padding: 32px 0;
    margin-bottom: 0
}

.guide .subtitle,
.guide h3 {
    font-family: "VeluxGothicBlack";
    text-align: center;
    margin-bottom: 0;
    line-height: 1.26;
    font-size: calc(25px + (30 - 25)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .guide h3 {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    .guide h3 {
        font-size: 30px
    }
}

.guide .subtitle {
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 32px;
    font-family: "VeluxGothic";
    line-height: 1.32;
    font-size: calc(20px + (25 - 20)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .guide .subtitle {
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .guide .subtitle {
        font-size: 25px
    }
}

.guide .guide__txt {
    padding-right: 24px;
    padding-top: 8px;
    color: #202020
}

.guide .guide__txt h4 {
    color: #d16b76;
    font-family: "VeluxGothicBlack";
    font-size: 18px;
    margin: 16px 0;
    display: inline;
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 2px;
    line-height: 1.3
}

.guide .guide__txt p {
    font-size: 16px;
    line-height: 1.4;
    padding-top: 4px
}

.guide .guide__img,
.guide .guide__txt h4,
.guide a:hover .guide__img {
    transition: .15s ease-in-out
}

.guide a:hover .guide__txt h4 {
    color: #202020;
    transition: .15s ease-in-out
}

.guide a:hover .guide__img {
    transform: rotate(-2deg)
}

.foto-mansarde-categoria .categoria__others ul,
.foto-mansarde-categoria .tags-selected ul,
.guide .guide-list,
main .categoria__selection ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width:475px) {
    .guide .guide-list {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.guide .guide-list article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 16px 0;
    max-width: 50%
}

.guide .guide-list article>a {
    max-width: 100%
}

.guide .guide-list article:last-child {
    border-bottom: none
}

@media (max-width:475px) {
    .guide .guide-list article {
        -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
        max-width: 46%
    }
}

@media all and (min-width:600px) {
    .guide .guide-list article {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        max-width: 33%
    }
}

@media all and (min-width:768px) {
    .guide .guide-list article {
        border-bottom: none;
        margin: 0 0 4px;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0
    }
}

@media all and (min-width:992px) {
    .guide .guide-list article {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width: 20%
    }
}

.guide .guide-list article .guide__img {
    margin-right: 16px;
    width: 150px;
    height: 210px
}

.guide .guide-list article .guide__img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.prefooter {
    background-color: #f0f0f0;
    padding: 3vh 0
}

.prefooter .container>section {
    color: #39455c;
    margin: 0
}

.prefooter .container>section .subtitle {
    display: block;
    margin-bottom: 8px;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 16px
}

.prefooter .newsletter__img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 50%;
    margin-right: 64px
}

@media (max-width:767px) {
    .prefooter .newsletter__img {
        display: none
    }
}

.prefooter .newsletter h3 {
    font-family: "VeluxGothicBlack";
    font-size: calc(25px + (30 - 25)*((100vw - 320px)/(1400 - 320)));
    line-height: 1.26;
    margin-bottom: 0
}

@media (max-width:320px) {
    .prefooter .newsletter h3 {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    .prefooter .newsletter h3 {
        font-size: 30px
    }
}

@media (max-width:767px) {
    .prefooter .newsletter h3 {
        margin-top: 0
    }
}

.prefooter .newsletter .subtitle {
    margin: 15px 0
}

@media (min-width:768px) {
    .prefooter {
        padding: 7.5vh 0
    }
    .prefooter .container {
        display: -ms-flexbox;
        display: flex
    }
    .prefooter .container>section {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        color: #39455c;
        margin: 0
    }
}

.guida {
    min-height: 241px
}

.banner,
.guida {
    max-width: 816px;
    margin: 0 auto
}

@media (max-width:767px) {
    .banner,
    .guida {
        margin-bottom: 32px
    }
}

.guida__container {
    background-image: url(../images/scaricaguida_foto.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 16px;
    color: #fff;
    min-height: 215px
}

.guida__container .guida__content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 90%
}

.guida__container .guida__content a:hover {
    color: inherit
}

@media all and (min-width:768px) {
    .guida__container .guida__content {
        width: 50%
    }
}

.guida__container .title {
    color: #fff;
    text-transform: uppercase
}

.guida__container .likeH3,
.guida__container h3 {
    padding: 16px 0 0
}

@media all and (min-width:600px) {
    .guida__container {
        padding: 32px
    }
}

.guida__container button {
    max-width: 300px
}

.banner,
.banner .banner__container .specifiers-link {
    min-height: 160px
}

.banner .banner__container {
    background-position: center;
    padding-top: 16px;
    background: linear-gradient(to bottom, rgba(57, 69, 92, .2) 0%, rgba(57, 69, 92, .8) 40%), url(../images/heroricerca.jpg) no-repeat center center;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#0039455c', endColorstr='#a639455c', GradientType=0);
    background-size: cover
}

.banner .specifiers-link__content {
    padding: 16px 16px 0
}

@media (max-width:767px) {
    .banner .specifiers-link__content .likeH2,
    .banner .specifiers-link__content h2 {
        font-size: 28px
    }
}

article+#respond {
    margin-top: 48px
}

@media (min-width:992px) {
    article+#respond form {
        display: block
    }
    article+#respond form .comment-form-header {
        max-width: 100%;
        margin-right: 0
    }
    article+#respond form .comment-form-body {
        max-width: 410px;
        margin: 0 auto
    }
}

@media (min-width:1400px) {
    article+#respond form {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: start;
        align-items: flex-start
    }
    article+#respond form h3 {
        margin-top: 0
    }
    article+#respond form .comment-form-header {
        max-width: 30%;
        margin-right: 5%
    }
    article+#respond form .comment-form-body p:first-child label {
        padding-top: 0
    }
}

.commenti .container .commenti-utenti .commenti__risposta #respond {
    border-bottom: none;
    margin-bottom: 0
}

@media (min-width:992px) {
    .commenti .container {
        max-width: 800px
    }
}

#commenti-utenti {
    border-top: 1px solid #dadfe8;
    padding: 48px 0 16px
}

.commenti article {
    margin-bottom: 32px;
    padding: 0 0 32px;
    border-bottom: 1px solid #dadfe8
}

.commenti article:nth-child(2) {
    margin-top: 0
}

.commenti article a.comment-reply-link {
    display: block;
    margin-top: 8px;
    text-decoration: underline
}

.commenti article .commenti__risposta {
    border-left: 8px solid #dadfe8;
    margin-top: 32px;
    padding: 16px 24px
}

.commenti article .commenti__risposta article {
    margin: 0;
    padding: 0;
    border: 0
}

.commenti article .commenti__risposta article+article,
.guida-foto .container .guida-wrap .guida .guida__content a.btn,
.guida-foto .container .guida-wrap .guida__container .guida__content a.btn {
    margin-top: 32px
}

.comment-respond {
    display: none;
    position: relative
}

@media (max-width:479px) {
    #cancel-comment-reply-link {
        display: block
    }
}

@media (min-width:480px) {
    #cancel-comment-reply-link {
        float: right
    }
}

.no-js .comment-respond {
    display: block
}

@media (min-width:768px) {
    .budget,
    .faq {
        display: -ms-flexbox;
        display: flex
    }
    .budget .budget__img,
    .budget .faq__img,
    .faq .budget__img,
    .faq .faq__img {
        width: 30%;
        padding-left: 3%;
        text-align: left
    }
}

.budget .budget__img svg,
.budget .faq__img svg,
.faq .budget__img svg,
.faq .faq__img svg {
    width: 124px;
    height: 95px
}

@media (max-width:767px) {
    .budget .budget__img svg,
    .budget .faq__img svg,
    .faq .budget__img svg,
    .faq .faq__img svg {
        margin-bottom: 16px
    }
}

.budget .budget__txt,
.budget .faq__txt,
.faq .budget__txt,
.faq .faq__txt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.budget .budget__txt h2,
.budget .faq__txt h2,
.faq .budget__txt h2,
.faq .faq__txt h2 {
    line-height: 1.26;
    margin-bottom: 0;
    max-width: 100%;
    font-size: calc(25px + (30 - 25)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .budget .budget__txt h2,
    .budget .faq__txt h2,
    .faq .budget__txt h2,
    .faq .faq__txt h2 {
        font-size: 25px
    }
}

@media (min-width:1400px) {
    .budget .budget__txt h2,
    .budget .faq__txt h2,
    .faq .budget__txt h2,
    .faq .faq__txt h2 {
        font-size: 30px
    }
}

.budget .budget__txt p,
.budget .faq__txt p,
.faq .budget__txt p,
.faq .faq__txt p {
    font-family: "VeluxGothic";
    line-height: 1.32;
    margin-top: 10px;
    max-width: 100%;
    font-size: calc(20px + (25 - 20)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .budget .budget__txt p,
    .budget .faq__txt p,
    .faq .budget__txt p,
    .faq .faq__txt p {
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .budget .budget__txt p,
    .budget .faq__txt p,
    .faq .budget__txt p,
    .faq .faq__txt p {
        font-size: 25px
    }
}

@media (min-width:768px) {
    .budget .budget__txt,
    .budget .faq__txt,
    .faq .budget__txt,
    .faq .faq__txt {
        width: 70%
    }
    .budget .budget__txt p,
    .budget .faq__txt p,
    .faq .budget__txt p,
    .faq .faq__txt p {
        font-size: 25px
    }
}

.budget .budget__img,
.faq .budget__img {
    padding-left: 0;
    text-align: left
}

@media (min-width:768px) {
    .budget .budget__img,
    .faq .budget__img {
        text-align: center
    }
}

.faq {
    padding: 0
}

.faq .faq__img,
.faq .faq__txt {
    padding: 0;
    text-align: left
}

.faq .faq__txt {
    padding: 16px 0
}

@media (min-width:768px) {
    .faq .faq__txt {
        padding: 32px
    }
}

article .likeH3,
article h2.wasH3,
article h3,
article:not(.centrale) h1 {
    margin: 0 0 8px
}

@media (max-width:599px) {
    article .likeH3,
    article h2.wasH3,
    article h3,
    article:not(.centrale) h1 {
        margin-top: 8px
    }
}

article .likeH3,
article h3,
h2.wasH3 {
    padding: 0
}

.correlati__list {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0
}

.correlati__list article {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5vh
}

.correlati__list article .correlato__img {
    overflow: hidden;
    width: auto;
    position: relative;
    height: 175px
}

.correlati__list article .correlato__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    transition: transform .15s linear
}

@media (min-width:600px) {
    .correlati__list article .correlato__img img {
        object-fit: cover;
        width: 100%;
        height: 100%;
        object-position: top
    }
}

@media all and (min-width:600px) and (max-width:991px) {
    .correlati__list article .correlato__img {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
}

@media (min-width:992px) {
    .correlati__list article .correlato__img {
        height: 200px
    }
}

.correlati__list article .correlato__txt {
    padding: 16px 0 0
}

.correlati__list article .correlato__txt a,
.foto-mansarde-categoria .categoria__others ul a:hover,
.foto-mansarde-categoria .tags-selected ul a:hover,
main .categoria__selection ul li:hover a {
    color: #d16b76
}

.correlati__list article .correlato__txt .likeH3,
.correlati__list article .correlato__txt h3 {
    text-decoration: none;
    background-size: 1px 1em;
    box-shadow: inset 0 -1px currentColor;
    -webkit-appearance: none;
    line-height: 1.25;
    padding: 0 0 2px;
    font-family: "VeluxGothicBlack";
    color: #d16b76;
    font-size: calc(20px + (23 - 20)*((100vw - 320px)/(1400 - 320)));
    margin: 4px 0 8px;
    display: inline;
    text-align: left;
    transition: .33s linear
}

@media (max-width:320px) {
    .correlati__list article .correlato__txt .likeH3,
    .correlati__list article .correlato__txt h3 {
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .correlati__list article .correlato__txt .likeH3,
    .correlati__list article .correlato__txt h3 {
        font-size: 23px
    }
}

.correlati__list article .correlato__txt .categoria,
.progettisti__list .archivio__txt p.location {
    position: relative;
    color: #7f8280;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-family: "VeluxGothic";
    margin-bottom: 4px
}

.correlati__list article .correlato__txt p {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 14px;
    color: #202020;
    line-height: 1.5;
    margin: 8px 0 0
}

@media (min-width:600px) {
    .correlati__list article .correlato__txt {
        padding: 16px 0 0
    }
}

@media all and (min-width:600px) and (max-width:991px) {
    .correlati__list article .correlato__txt {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%
    }
}

.correlati__list article>a {
    text-decoration: none;
    max-width: 100%
}

.correlati__list article>a:hover .correlato__txt h3 {
    color: #202020;
    transition: .33s linear
}

.correlati__list article>a:hover .correlato__img img {
    transform: scale(1.05);
    transition: transform .15s ease-in-out
}

@media (min-width:480px) {
    .correlati__list article {
        margin-right: 3%;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        max-width: 47%
    }
    .correlati__list article:nth-of-type(2n+2) {
        margin-right: 0
    }
}

@media (min-width:768px) {
    .correlati__list article {
        margin-right: 3%;
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%;
        max-width: 31%
    }
    .correlati__list article:nth-of-type(2n+2) {
        margin-right: 3%
    }
    .correlati__list article:nth-of-type(3n+3) {
        margin-right: 0
    }
    .correlati__list article .correlato__img {
        height: 200px
    }
}

@media all and (min-width:992px) {
    .correlati__list article .correlato__txt h3 {
        margin: 4px 0 16px
    }
    .correlati__list article.realizzazione .correlato__txt {
        padding-left: 8px;
        padding-right: 8px
    }
}

@media all and (min-width:600px) and (max-width:991px) {
    .correlati__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.why-progettisti-wrap {
    background-color: #dadfe8;
    padding: 32px 0
}

.why-progettisti-wrap .why-progettisti {
    text-align: center;
    padding: 8px;
    color: #39455c
}

.why-progettisti-wrap .why-progettisti h2 {
    font-family: "VeluxGothicBlack";
    font-size: 1.5rem;
    margin-bottom: 16px;
    margin-top: 0;
    padding: 0
}

.why-progettisti-wrap .why-progettisti h3 {
    font-family: "VeluxGothicBlack";
    text-align: left;
    color: #39455c;
    text-transform: none;
    padding: 0;
    margin-top: 0
}

@media (max-width:767px) {
    .why-progettisti-wrap .why-progettisti h3 {
        margin-bottom: 0
    }
}

.why-progettisti-wrap .why-progettisti .why-progettisti__txt {
    text-align: left
}

.why-progettisti-after .why-progettisti__content-after>div .why__number,
.why-progettisti-wrap .why-progettisti .number {
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.why-progettisti-wrap .why-progettisti .number {
    border: 2px solid currentColor;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    width: 30px;
    height: 30px
}

.why-progettisti-wrap .why-progettisti li {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .why-progettisti-wrap {
        padding: 64px
    }
    .why-progettisti-wrap .why-progettisti {
        padding: 0;
        display: -ms-flexbox;
        display: flex
    }
    .why-progettisti-wrap .why-progettisti form,
    .why-progettisti-wrap .why-progettisti>div {
        -ms-flex: 1;
        flex: 1
    }
    .why-progettisti-wrap .why-progettisti>div {
        padding-right: 8%
    }
}

.why-progettisti-wrap-after {
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: calc(100% - 45vw);
    background-size: contain;
    margin-bottom: 32px
}

@media (min-width:768px) {
    .why-progettisti-wrap-after {
        padding-top: 0
    }
}

.why-progettisti-after {
    text-align: center;
    background-color: #d16b76;
    padding: 8px
}

@supports ((-webkit-clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%)) or (clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%))) or (-webkit-clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%)) {
    .why-progettisti-after {
        -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
        clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
        transition: all .33s ease
    }
}

.why-progettisti-after .why-progettisti__content-after {
    padding: 0 32px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

@supports ((-webkit-clip-path:polygon(0 10%, 100% .4%, 100% 90%, 0 99.6%)) or (clip-path:polygon(0 10%, 100% .4%, 100% 90%, 0 99.6%))) or (-webkit-clip-path:polygon(0 10%, 100% .4%, 100% 90%, 0 99.6%)) {
    .why-progettisti-after .why-progettisti__content-after {
        -webkit-clip-path: polygon(0 10%, 100% .4%, 100% 90%, 0 99.6%);
        clip-path: polygon(0 10%, 100% .4%, 100% 90%, 0 99.6%);
        transition: all .33s ease
    }
}

.why-progettisti-after .why-progettisti__content-after>div {
    position: relative;
    margin: 64px 16px;
    width: 100%
}

.why-progettisti-after .why-progettisti__content-after>div.why-two {
    margin: -16px 16px
}

.why-progettisti-after .why-progettisti__content-after>div .why__number {
    width: 65px;
    height: 65px;
    background-color: #d16b76;
    color: #fff;
    z-index: 10;
    margin: 0 auto 16px;
    font-size: 32px;
    font-weight: 700
}

@media (min-width:768px) {
    .why-progettisti-after,
    .why-progettisti-after .why-progettisti__content-after {
        background-color: transparent;
        -webkit-clip-path: none;
        clip-path: none;
        padding: 0
    }
    .why-progettisti-after .why-progettisti__content-after {
        padding: 32px;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .why-progettisti-after .why-progettisti__content-after>div {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%
    }
    .why-progettisti-after .why-progettisti__content-after>div.why-two {
        margin: 200px 0 0
    }
    .why-progettisti-after .why-progettisti__content-after>div .why__number {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: -24px
    }
    .why-progettisti-after .why-progettisti__content-after>div .why__container {
        position: relative;
        background-color: #d16b76;
        padding: 8px
    }
    @supports ((-webkit-clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%)) or (clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%))) or (-webkit-clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%)) {
        .why-progettisti-after .why-progettisti__content-after>div .why__container {
            -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
            clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
            transition: all .33s ease
        }
    }
    .why-progettisti-after .why-progettisti__content-after>div .why__content {
        width: 100%;
        height: 100%;
        padding: 48px 32px 32px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff
    }
    @supports ((-webkit-clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%)) or (clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%))) or (-webkit-clip-path:polygon(0 10%, 100% 0%, 100% 90%, 0% 100%)) {
        .why-progettisti-after .why-progettisti__content-after>div .why__content {
            -webkit-clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
            clip-path: polygon(0 10%, 100% 0%, 100% 90%, 0% 100%);
            transition: all .33s ease
        }
    }
    .why-progettisti-after .why-progettisti__content-after>div .why__content p {
        margin-bottom: 0
    }
}

#form-cerca-prj .likeH3 {
    text-transform: uppercase;
    color: #d16b76
}

#form-cerca-prj .submit-field {
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 10px;
    text-align: left
}

@media (max-width:767px) {
    #form-cerca-prj {
        margin-top: 32px
    }
}

main #progettisti_results_container .risultati__img img {
    display: block;
    width: 100%;
    height: 100%
}

@supports (object-fit:cover) {
    main #progettisti_results_container .risultati__img img {
        object-fit: cover;
        object-position: 50% top
    }
}

main #progettisti_results_container h3 {
    font-family: "VeluxGothicBlack";
    box-shadow: inset 0 -1px currentColor;
    padding: 0 0 2px;
    color: #d16b76;
    margin: 4px 0 8px;
    display: inline;
    font-size: 18px
}

main #progettisti_results_container.loading {
    opacity: .5;
    background: url(../images/loader_slide.gif) no-repeat center 15%
}

.results-hint {
    font-family: "VeluxGothic";
    font-size: 1.5rem
}

.results-hint>span {
    font-size: calc(16px + (24 - 16)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .results-hint>span {
        font-size: 16px
    }
}

@media (min-width:1400px) {
    .results-hint>span {
        font-size: 24px
    }
}

.results-hint p {
    margin-bottom: 0;
    font-size: calc(18px + (36 - 18)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .results-hint p {
        font-size: 18px
    }
}

@media (min-width:1400px) {
    .results-hint p {
        font-size: 36px
    }
}

.results-hint p span {
    font-weight: 700
}

.results-hint p a {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: underline;
    font-size: 16px
}

@media (min-width:600px) {
    .results-hint {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: baseline;
        align-items: baseline;
        margin-bottom: 48px
    }
    .results-hint>span {
        width: 200px;
        margin-right: 32px
    }
}

@media (min-width:768px) {
    .results-hint>span {
        width: 320px
    }
}

@media (min-width:768px) and (max-width:1399px) {
    .results-hint {
        display: -ms-flexbox;
        display: flex
    }
}

.article-list article p.location {
    margin-top: 0;
    color: #7f8280;
    font-size: 14px;
    line-height: 1.2;
    font-family: "VeluxGothic";
    margin-bottom: 4px
}

.article-list article p.location span {
    font-family: "VeluxGothicBlack";
    color: #7f8280;
    margin-right: 8px
}

.form-contatta-progettista,
.more {
    background-color: #dadfe8;
    margin-bottom: 0
}

.form-contatta-progettista h3 {
    font-family: "VeluxGothicBlack";
    font-size: calc(16px + (26 - 16)*((100vw - 320px)/(1400 - 320)));
    margin-bottom: 16px
}

@media (max-width:320px) {
    .form-contatta-progettista h3 {
        font-size: 16px
    }
}

@media (min-width:1400px) {
    .form-contatta-progettista h3 {
        font-size: 26px
    }
}

.form-contatta-progettista form .checkbox-field label {
    padding: 0 0 8px;
    font-size: 14px;
    margin-left: 0
}

.form-contatta-progettista form .checkbox-field input[type=checkbox]+label:before,
.form-contatta-progettista form .checkbox-field input[type=radio]+label:before {
    left: -32px
}

.form-contatta-progettista form .checkbox-field.has-error .help-block.form-error {
    margin-left: -32px;
    margin-top: 0;
    margin-bottom: 8px
}

.form-contatta-progettista form .submit-field {
    margin-top: 12px
}

.form-contatta-progettista .form-inline {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (min-width:600px) {
    .form-contatta-progettista .form-inline {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .form-contatta-progettista .form-inline>div {
        width: 48%
    }
    .form-contatta-progettista .form-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .form-contatta-progettista h3 {
        -ms-flex-preferred-size: 32%;
        flex-basis: 32%;
        margin-top: 16px;
        margin-right: 5%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.more {
    color: #39455c;
    margin-bottom: 32px
}

.more>.container>div:not(:last-child) {
    margin-bottom: 64px;
    padding-bottom: 16px
}

.more>.container h3 {
    margin-top: 0;
    margin-bottom: 8px;
    color: #39455c
}

.more>.container .more__list {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    border-top: 1px solid #39455c;
    margin-bottom: 16px;
    padding-top: 16px
}

@media (min-width:600px) {
    .more>.container .more__list {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:768px) {
    .more>.container .more__list {
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.more>.container .more__list h3 {
    font-size: 18px;
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 2px;
    display: inline
}

.more>.container .more__list h3+p {
    margin-top: 8px;
    font-size: 14px
}

.more>.container article,
.wrap-slider>div {
    margin-bottom: 32px
}

@media (min-width:600px) {
    .more>.container article {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        max-width: 48%;
        margin-right: 4%
    }
    .more>.container article:nth-child(2) {
        margin-right: 0
    }
}

@media (min-width:768px) {
    .more>.container article {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        max-width: 30%;
        margin-bottom: 0;
        margin-right: 0
    }
}

.more>.container>section>.likeH3,
.more>.container>section>h3 {
    color: #39455c;
    border-bottom: 1px solid #39455c;
    padding-bottom: 8px;
    margin-bottom: 16px;
    -ms-flex-align: stretch;
    align-items: stretch
}

.more>.container .likeH3,
.more>.container .likeH3:hover,
.more>.container a,
.more>.container a:hover,
.more>.container h3:hover {
    color: #39455c
}

.more>.container a.vedi {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 700;
    float: right
}

@media (min-width:1600px) {
    .more>.container>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #39455c;
        padding-top: 8px
    }
    .more>.container>div>h3 {
        -ms-flex-preferred-size: calc(25% - 48px);
        flex-basis: calc(25% - 48px);
        max-width: calc(25% - 48px);
        padding-right: 48px;
        margin-top: 14px
    }
    .more>.container>div>div {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .more>.container .more__list {
        border-top: none
    }
}

.half .content,
.wrap-gallery {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.half .content article, article.half {
    padding: 15px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.half .content article p, article.half p {
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.banner-link-foto span,
.half .content article a, article.half a {
    font-weight: 700;
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 2px;
    text-decoration: none !important;
}

.half .content article a, article.half a,
.half .content article h3, article.half h3 {
    max-width: 100%
}

@media (max-width:599px) {
    .half .content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:600px) {
    .half .content article, article.half {
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        max-width: 47%
    }
}

.banner-link-foto .content {
    text-align: center
}

.banner-link-foto .content a {
    display: inline-block
}

.banner-link-foto .content a img {
    transition: all .2s ease;
    transform: scale(1)
}

.banner-link-foto .content a:hover img {
    transform: scale(.95)
}

.guida-foto .container .guida-wrap {
    margin: 0;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%
}

.guida-foto .container .guida-wrap .guida .guida__content,
.guida-foto .container .guida-wrap .guida__container .guida__content {
    width: 90%
}

@media (min-width:992px) {
    .guida-foto .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.banner-link-foto a {
    color: #202020
}

.banner-link-foto span {
    color: #d16b76
}

@media (max-width:599px) {
    .banner-link-foto img {
        margin-left: auto;
        margin-right: auto;
        max-height: 50vh
    }
}

@media (min-width:600px) {
    .banner-link-foto a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center
    }
    .banner-link-foto a>div {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .banner-link-foto img {
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: 0;
        -ms-flex-negative: 1;
        flex-shrink: 1;
        margin-left: 4%;
        -ms-flex-preferred-size: calc(50% - 32px);
        flex-basis: calc(50% - 32px);
        max-width: calc(50% - 32px)
    }
}

.wrap-gallery {
    position: relative;
    height: 100%;
    margin-top: 2vw;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 64px
}

.wrap-gallery a.nav-filters {
    text-transform: uppercase;
    font-size: 12px;
    margin: 16px 8px;
    font-weight: 700;
    display: block
}

@media (min-width:768px) {
    .wrap-gallery a.nav-filters {
        display: none
    }
}

.wrap-gallery aside,
.wrap-gallery section {
    margin-top: 0
}

.wrap-gallery .thumbnails {
    position: relative;
    column-width: 100vw;
    padding-bottom: 128px;
    width: 100%;
    margin: 0
}

@media (min-width:480px) {
    .wrap-gallery .thumbnails {
        column-width: 48vw
    }
}

@media (min-width:768px) {
    .wrap-gallery .thumbnails {
        column-gap: 8px;
        column-width: 31vw
    }
}

@media (min-width:1150px) {
    .wrap-gallery .thumbnails {
        column-width: 23vw
    }
}

@media (min-width:1600px) {
    .wrap-gallery .thumbnails {
        column-width: 18vw
    }
}

@media (min-width:768px) {
    .wrap-gallery .thumbnails {
        width: calc(100vw - 320px);
        margin-right: 16px
    }
}

.wrap-gallery .thumbnails a.thumb {
    display: block;
    margin: 0 0 16px 8px;
    color: #fff;
    text-decoration: none;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.wrap-gallery .thumbnails a.thumb img {
    max-width: 100%;
    height: auto
}

.wrap-gallery .thumbnails .cta-box article {
    margin-left: 8px;
    margin-right: 8px
}

.wrap-gallery .thumbnails .big {
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    overflow: hidden;
    overflow-y: scroll;
    width: 100vw;
    height: 100%;
    left: 0;
    z-index: -1;
    transition: all 1s;
    top: 100vh
}

.wrap-gallery .thumbnails .big a.close {
    opacity: 0;
    transition: opacity 2s;
    position: absolute;
    width: 45px;
    height: 45px;
    top: 16px;
    right: 16px;
    z-index: 1000;
    cursor: pointer;
    fill: #fff;
    border-radius: 50%
}

.wrap-gallery .thumbnails .big a.close svg {
    width: 24px;
    height: 24px;
    margin: 13px
}

.wrap-gallery .thumbnails .big a.close:hover {
    background-color: rgba(57, 69, 92, .75)
}

@media (min-width:768px) {
    .wrap-gallery .thumbnails .big a.close {
        width: 60px;
        height: 60px
    }
    .wrap-gallery .thumbnails .big a.close svg {
        width: 30px;
        height: 30px;
        margin: 18px
    }
}

.wrap-gallery .thumbnails .big .slick-initialized .slick-slide {
    margin: 0;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    width: 100vw;
    max-width: 100vw;
    max-height: 100vh
}

.wrap-gallery .thumbnails .big .slick-initialized .slick-slide img {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
    max-height: calc(100vh - 30px);
    object-fit: contain
}

@media (min-width:425px) {
    .wrap-gallery .thumbnails .big .slick-initialized .slick-slide img {
        max-height: calc(100vh - 75px)
    }
}

.wrap-gallery .thumbnails .big .social-share {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%)
}

.wrap-gallery .thumbnails .big .gallery-tags {
    position: absolute;
    bottom: 0;
    margin: 32px;
    left: 0;
    right: 0
}

.wrap-gallery .thumbnails .big .gallery-tags ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.wrap-gallery .thumbnails .big .gallery-tags li {
    background-color: rgba(209, 107, 118, .7);
    color: #fff;
    padding: 4px 8px;
    margin-right: 8px;
    margin-bottom: 4px;
    font-size: 14px
}

@media (max-width:424px) {
    .wrap-gallery .thumbnails .big .gallery-tags {
        display: none
    }
}

.wrap-gallery .thumbnails .big .bottom {
    position: absolute;
    bottom: 0;
    margin: 8px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 12px;
    color: #fff
}

.wrap-gallery .thumbnails .big .bottom a {
    color: #fff;
    text-decoration: underline
}

.wrap-gallery .thumbnails .big.openThumb {
    z-index: 2000;
    transition: all 1s;
    top: 0
}

.wrap-gallery .thumbnails .big.openThumb a.close {
    opacity: 1
}

.wrap-gallery .thumbnails .big.openThumb .slick-next,
.wrap-gallery .thumbnails .big.openThumb .slick-prev {
    position: absolute;
    top: 50%
}

@media (max-width:424px) {
    .wrap-gallery .thumbnails .big.openThumb .slick-next,
    .wrap-gallery .thumbnails .big.openThumb .slick-prev {
        top: 80%
    }
}

.foto-mansarde-categoria .categoria__selected .categoria__selected__list a.cta-box article,
.wrap-gallery .cta-box article {
    padding: 16px
}

.wrap-gallery #close:target,
.wrap-gallery aside {
    position: relative;
    width: 320px;
    background-color: #dadfe8;
    z-index: 20;
    padding: 8px 16px 0
}

@media (max-width:767px) {
    .wrap-gallery #close:target,
    .wrap-gallery aside {
        overflow: hidden;
        position: fixed;
        overflow-y: scroll;
        top: 0;
        left: 0;
        padding-top: 65px;
        height: 100%;
        transform: translateX(-100%);
        transition: transform .3s ease
    }
}

.wrap-gallery #close:target>a.nav-filters,
.wrap-gallery aside>a.nav-filters {
    display: block;
    margin: 8px 0 16px
}

@media (min-width:768px) {
    .wrap-gallery #close:target>a.nav-filters,
    .wrap-gallery aside>a.nav-filters {
        display: none
    }
}

.wrap-gallery #close:target article,
.wrap-gallery aside article {
    width: 100%;
    margin: 0
}

.wrap-gallery #close:target article:not(:first-child),
.wrap-gallery aside article:not(:first-child) {
    border-top: 1px solid #202020
}

.wrap-gallery #close:target article .accordion__header,
.wrap-gallery aside article .accordion__header {
    padding: 8px 0;
    margin-bottom: 0;
    font-size: 24px
}

.wrap-gallery #close:target article .accordion__header:after,
.wrap-gallery aside article .accordion__header:after {
    content: '-';
    float: right
}

.wrap-gallery #close:target article .accordion__header.active:after,
.wrap-gallery aside article .accordion__header.active:after {
    content: '+'
}

.wrap-gallery #close:target article .accordion__content,
.wrap-gallery aside article .accordion__content {
    padding: 0 0 16px;
    -moz-column-width: 118px;
    -webkit-column-width: 118px;
    -moz-column-gap: 16px;
    -webkit-column-gap: 16px;
    column-width: 118px;
    column-gap: 16px
}

.wrap-gallery #close:target article .accordion__content>div,
.wrap-gallery aside article .accordion__content>div {
    position: relative;
    padding-left: 16px;
    line-height: 24px;
    padding-top: 4px;
    padding-bottom: 4px
}

.wrap-gallery #close:target article .accordion__content label,
.wrap-gallery aside article .accordion__content label {
    font-style: normal;
    padding: 0 0 0 4px;
    font-size: 14px;
    cursor: pointer;
    line-height: 16px
}

.wrap-gallery #close:target article .accordion__content input[type=checkbox]+label:before,
.wrap-gallery aside article .accordion__content input[type=checkbox]+label:before {
    position: absolute;
    top: 4px;
    left: 0;
    width: 16px;
    height: 16px;
    padding: 2px 2px 4px 4px;
    background: 0 0;
    content: " ";
    margin-top: -.08333333333em;
    cursor: pointer;
    text-align: center;
    vertical-align: top;
    border-radius: 0;
    box-shadow: none
}

.wrap-gallery #close:target article .accordion__content input[type=checkbox]:checked+label:before,
.wrap-gallery aside article .accordion__content input[type=checkbox]:checked+label:before {
    content: '';
    background: #d16b76 url(../images/check-white.png) no-repeat center;
    background-size: 10px;
    border: 0
}

.wrap-gallery #close:target article .accordion__content input,
.wrap-gallery aside article .accordion__content input {
    box-shadow: none;
    width: 16px;
    height: 16px;
    margin: 4px 0 0 -16px;
    display: none
}

@media (min-width:768px) {
    .wrap-gallery aside {
        margin-right: 8px
    }
    .wrap-gallery .cta-box article {
        padding: 32px 24px 32px 16px
    }
}

@media (min-width:992px) {
    .wrap-gallery .cta-box article {
        padding: 32px 32px 32px 24px
    }
    .wrap-gallery .cta-box article span {
        font-size: 20px
    }
}

.wrap-gallery #filtri:target {
    transform: translateX(0)
}

.wrap-gallery .gallery-pagination {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100vw;
    margin: 0
}

@media (min-width:768px) {
    .wrap-gallery .gallery-pagination {
        width: calc(100vw - 320px);
        left: 300px;
        margin-bottom: 32px
    }
}

.no-js .accordion__content {
    display: block
}

.wrap-slider {
    background-color: #dadfe8;
    font-family: "IBM Plex Sans", sans-serif;
    padding: 32px 4%;
    margin-top: 0
}

.wrap-slider h4 {
    font-family: "VeluxGothicBlack";
    color: #39455c;
    margin-bottom: 0;
    font-size: 24px
}

.wrap-slider .slider-category {
    margin-bottom: 48px;
    padding-bottom: 16px
}

.wrap-slider .slider-category .slick-list {
    padding: 0!important
}

.wrap-slider .slider-category .slick-next,
.wrap-slider .slider-category .slick-prev {
    width: 45px;
    height: 45px;
    top: 38%
}

@media (max-width:767px) {
    .wrap-slider .slider-category .slick-next,
    .wrap-slider .slider-category .slick-prev {
        display: none
    }
}

.wrap-slider .slider-category .slick-next:before,
.wrap-slider .slider-category .slick-prev:before {
    background-size: 70%
}

.wrap-slider .slider-category .slick-prev {
    left: 16px
}

.wrap-slider .slider-category .slick-next {
    right: 16px
}

.wrap-slider .slider-category .slick-slide {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 32px 0 0;
    -ms-flex-align: start;
    align-items: flex-start
}

.wrap-slider .slider-category .slick-slide img {
    width: 200px;
    height: 200px
}

@supports (object-fit:cover) {
    .wrap-slider .slider-category .slick-slide img {
        object-fit: cover
    }
}

.wrap-slider .slider-category .slick-slide a {
    font-weight: 700;
    color: #39455c;
    font-size: 1rem;
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 1px;
    margin: 8px 0 0;
    display: inline-block
}

.wrap-slider .slider-category .slick-slide a:first-child {
    display: block;
    width: 200px;
    height: 200px
}

.foto-mansarde-categoria .categoria__selected .categoria__selected__list a:hover,
.wrap-slider .slider-category .slick-slide:hover img {
    opacity: .8
}

.wrap-slider .slider-category .slick-slide:hover a:last-child {
    color: #d16b76
}

@media (min-width:1200px) {
    .wrap-slider {
        padding-left: 32px;
        padding-right: 32px
    }
}

.foto-mansarde-categoria {
    font-family: "IBM Plex Sans", sans-serif
}

.foto-mansarde-categoria .categoria__others ul li:after {
    padding: 0 5px
}

.foto-mansarde-categoria .categoria__others ul li:last-child:after,
.foto-mansarde-categoria .tags-selected ul li:last-child:after {
    content: none
}

.foto-mansarde-categoria .categoria__others ul a,
.foto-mansarde-categoria .tags-selected ul a {
    color: #7f8280;
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: .2px;
    display: inline
}

.foto-mansarde-categoria .categoria__selected .categoria__selected__list a.cta-box span,
.foto-mansarde-categoria .tags-selected li a {
    font-size: 14px
}

.foto-mansarde-categoria .categoria__selected {
    padding: 7.5vh 0
}

.foto-mansarde-categoria .categoria__selected .container,
.foto-mansarde-categoria .tags-selected {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center
}

.foto-mansarde-categoria .categoria__selected .categoria__selected__list {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

@media (max-width:1023px) {
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list {
        padding: 0
    }
}

.foto-mansarde-categoria .categoria__selected .categoria__selected__list a {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-bottom: 16px;
    height: 175px;
    display: block
}

.foto-mansarde-categoria .categoria__selected .categoria__selected__list a.cta-box {
    display: -ms-flexbox;
    display: flex
}

.foto-mansarde-categoria .categoria__selected .categoria__selected__list a.cta-box .btn {
    font-size: 16px;
    padding: 8px 16px;
    line-height: 1.2
}

.foto-mansarde-categoria .categoria__selected .categoria__selected__list a.cta-box:hover {
    opacity: 1;
    color: #fff;
    text-decoration: none
}

@media (min-width:425px) {
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a {
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-preferred-size: calc(50% - 8px);
        flex-basis: calc(50% - 8px);
        max-width: calc(50% - 8px);
        margin-right: 16px
    }
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a.cta-box article {
        padding: 24px
    }
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a:nth-of-type(2n+2) {
        margin-right: 0
    }
}

@media (min-width:600px) {
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a {
        -ms-flex-preferred-size: calc(33% - 9px);
        flex-basis: calc(33% - 9px);
        max-width: calc(33% - 9px)
    }
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a:nth-of-type(2n+2) {
        margin-right: 16px
    }
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a:nth-of-type(3n+3) {
        margin-right: 0
    }
}

@media (min-width:768px) {
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a.cta-box span {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a {
        -ms-flex-preferred-size: calc(25% - 12px);
        flex-basis: calc(25% - 12px);
        max-width: calc(25% - 12px)
    }
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a:nth-of-type(3n+3) {
        margin-right: 16px
    }
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a:nth-of-type(4n+4) {
        margin-right: 0
    }
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a.cta-box span {
        font-size: 18px
    }
}

@media (min-width:1700px) {
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a {
        -ms-flex-preferred-size: calc(20% - 13px);
        flex-basis: calc(20% - 13px);
        max-width: calc(20% - 13px)
    }
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a:nth-of-type(4n+4) {
        margin-right: 16px
    }
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list a:nth-of-type(5n+5) {
        margin-right: 0
    }
}

.foto-mansarde-categoria .categoria__selected .categoria__selected__list img {
    width: 100%;
    height: 100%
}

@supports (object-fit:cover) {
    .foto-mansarde-categoria .categoria__selected .categoria__selected__list img {
        object-fit: cover
    }
}

@media (min-width:992px) {
    .foto-mansarde-categoria .categoria__others .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .foto-mansarde-categoria .categoria__others .container>div {
        max-width: 31%;
        -ms-flex-preferred-size: 31%;
        flex-basis: 31%
    }
}

.foto-mansarde-categoria .categoria__others .tags li:after,
.foto-mansarde-categoria .tags-selected ul li:after {
    padding: 0 5px;
    content: "\2022";
    color: #d16b76;
    display: inline-block
}

.foto-mansarde-categoria .categoria__others .tags li {
    margin-bottom: 8px
}

.foto-mansarde-categoria .tags-selected {
    margin: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.foto-mansarde-categoria .tags-selected span {
    color: #39455c;
    font-weight: 700;
    margin-right: 4px;
    font-size: 14px
}

.foto-mansarde-categoria .tags-selected ul {
    display: -ms-inline-flexbox;
    display: inline-flex
}

.foto-mansarde-categoria .tags-selected .post-link {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-bottom: 32px
}

.foto-mansarde-categoria .tags-selected .post-link>div {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 8px
}

.foto-mansarde-categoria .tags-selected .post-link>div img {
    max-width: 120px;
    margin-right: 16px;
    height: auto
}

.foto-mansarde-categoria .tags-selected .post-link>div a {
    font-family: "VeluxGothicBlack";
    text-decoration: underline;
    max-width: 20ch;
    line-height: 1.2
}

.foto-mansarde-categoria .tags-selected>div:not(.post-link) {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: baseline;
    align-items: baseline
}

@media (max-width:599px) {
    .foto-mansarde-categoria .tags-selected {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

@media (min-width:768px) and (max-width:991px) {
    .foto-mansarde-categoria .tags-selected {
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .foto-mansarde-categoria .tags-selected>div {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 23%
    }
    .foto-mansarde-categoria .tags-selected .post-link {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:768px) {
    .foto-mansarde-categoria .tags-selected span {
        display: block
    }
}

.foto-mansarde-categoria .foto-selected {
    margin-top: 32px;
    text-align: center
}

.foto-mansarde-categoria .foto-selected img {
    max-height: 60vh
}

.foto-mansarde-categoria .wrap-tb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.foto-mansarde-categoria .back {
    margin-top: 16px;
    font-size: 14px
}

.foto-mansarde-categoria .back a {
    text-decoration: underline
}

.foto-mansarde-categoria .credits {
    word-break: break-all
}

@media (min-width:992px) {
    .foto-mansarde-categoria .foto-categoria-wrap {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .foto-mansarde-categoria .foto-categoria-wrap h1 {
        margin-top: 0
    }
    .foto-mansarde-categoria .foto-categoria-wrap .foto-selected {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        max-width: 60%;
        margin: 0 0 0 3%;
        -ms-flex-order: 2;
        order: 2
    }
}

.page-template-pagina-foto-categoria-dettaglio .foto-mansarde-categoria .categoria__selected,
.single-attachment .foto-mansarde-categoria .categoria__selected {
    background-color: transparent
}

main .categoria__selection {
    padding: 16px 0 8px;
    border-top: 1px solid #7f8280;
    border-bottom: 1px solid #7f8280
}

main .categoria__selection ul li {
    background-color: transparent;
    padding: 2px 8px;
    margin-right: 8px;
    margin-bottom: 4px;
    font-size: 1rem
}

main .categoria__selection ul li a {
    color: #7f8280;
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 1px;
    display: block;
    font-weight: 400
}

main .categoria__selection ul li.selected {
    background-color: #d16b76;
    color: #fff
}

main .categoria__selection ul li.selected a {
    color: #fff;
    box-shadow: none
}

.progettisti__list article,
.wistia_responsive_padding {
    margin-bottom: 32px
}

.article-list .wistia_responsive_padding,
.text ol ol,
.text ul ul {
    margin-bottom: 0
}

.progettisti__list h3 {
    text-align: left
}

.progettisti__list .archivio__img {
    height: 175px
}

.progettisti__list .archivio__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: top
}

.progettisti__list .archivio__txt {
    padding: 16px 0 0
}

.progettisti__list .archivio__txt h3 {
    text-decoration: none;
    box-shadow: inset 0 -1px currentColor;
    line-height: 1.25;
    padding: 0 0 2px;
    font-family: "VeluxGothicBlack";
    color: #d16b76;
    margin: 4px 0 8px;
    display: inline;
    text-align: left;
    font-size: 18px
}

.progettisti__list .progettisti__txt {
    background-color: #dadfe8;
    padding: 8px 16px;
    z-index: 10
}

.progettisti__list .progettisti__txt h2 {
    color: #476996;
    font-size: 20px;
    font-family: "VeluxGothic";
    font-weight: 400;
    margin-right: 16px;
    margin-bottom: 16px;
    text-align: left;
    line-height: 1.2
}

.progettisti__list .progettisti__txt li {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px
}

.progettisti__list .progettisti__txt .number {
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16px;
    width: 24px;
    height: 24px;
    background-color: #476996;
    color: #fff;
    font-size: 14px;
    line-height: 1
}

@media (min-width:428px) {
    .progettisti__list {
        display: grid;
        display: -ms-grid;
        grid-column-gap: 3%;
        -ms-grid-columns: 1fr 16px 1fr;
        grid-template-columns: repeat(2, 1fr)
    }
    .progettisti__list article:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/3;
        -ms-grid-row: 1;
        grid-row: 1
    }
    .progettisti__list article:nth-child(2) {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }
    .progettisti__list article:nth-child(3) {
        -ms-grid-column: 3;
        -ms-grid-row: 2
    }
    .progettisti__list article:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .progettisti__list article:nth-child(5) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }
    .progettisti__list article:nth-child(6) {
        -ms-grid-column: 1;
        -ms-grid-row: 4
    }
    .progettisti__list article:nth-child(7) {
        -ms-grid-column: 3;
        -ms-grid-row: 4
    }
    .progettisti__list article:nth-child(8) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
    .progettisti__list article:nth-child(9) {
        -ms-grid-column: 3;
        -ms-grid-row: 5
    }
    .progettisti__list article:nth-child(10) {
        -ms-grid-column: 1;
        -ms-grid-row: 6
    }
    .progettisti__list article:nth-child(11) {
        -ms-grid-column: 3;
        -ms-grid-row: 6
    }
    .progettisti__list article:nth-child(12) {
        -ms-grid-column: 1;
        -ms-grid-row: 7
    }
    .progettisti__list article:nth-child(13) {
        -ms-grid-column: 3;
        -ms-grid-row: 7
    }
    .progettisti__list article:nth-child(14) {
        -ms-grid-column: 1;
        -ms-grid-row: 8
    }
}

@media (min-width:768px) {
    .progettisti__list {
        grid-template-columns: repeat(3, 1fr);
        -ms-grid-columns: 1fr 16px 1fr 16px 1fr
    }
    .progettisti__list article:nth-child(1) {
        -ms-grid-column: 1;
        -ms-grid-row: 1;
        -ms-grid-column-span: 3
    }
    .progettisti__list article:nth-child(2) {
        -ms-grid-column: 5;
        -ms-grid-row: 1;
        -ms-grid-column-span: 1
    }
    .progettisti__list article:nth-child(3) {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }
    .progettisti__list article:nth-child(4) {
        -ms-grid-column: 3;
        -ms-grid-row: 2
    }
    .progettisti__list article:nth-child(5) {
        -ms-grid-column: 5;
        -ms-grid-row: 2
    }
    .progettisti__list article:nth-child(6) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .progettisti__list article:nth-child(7) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }
    .progettisti__list article:nth-child(8) {
        -ms-grid-column: 5;
        -ms-grid-row: 3
    }
    .progettisti__list article:nth-child(9) {
        -ms-grid-column: 1;
        -ms-grid-row: 4
    }
    .progettisti__list article:nth-child(10) {
        -ms-grid-column: 3;
        -ms-grid-row: 4
    }
    .progettisti__list article:nth-child(11) {
        -ms-grid-column: 5;
        -ms-grid-row: 4
    }
    .progettisti__list article:nth-child(12) {
        -ms-grid-column: 1;
        -ms-grid-row: 5
    }
    .progettisti__list article:nth-child(13) {
        -ms-grid-column: 3;
        -ms-grid-row: 5
    }
    .progettisti__list article:nth-child(14) {
        -ms-grid-column: 5;
        -ms-grid-row: 5
    }
}

@media (min-width:992px) {
    .progettisti__list {
        grid-template-columns: repeat(4, 1fr);
        -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr
    }
    .progettisti__list article {
        margin-bottom: 48px
    }
    .progettisti__list .progettisti__txt {
        padding: 32px 16px;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3
    }
    .progettisti__list .archivio__txt h3 {
        margin-bottom: 8px
    }
    .progettisti__list article:nth-child(2) {
        -ms-grid-column: 5;
        -ms-grid-row: 1
    }
    .progettisti__list article:nth-child(3) {
        -ms-grid-column: 7;
        -ms-grid-row: 1
    }
    .progettisti__list article:nth-child(4) {
        -ms-grid-column: 1;
        -ms-grid-row: 2
    }
    .progettisti__list article:nth-child(5) {
        -ms-grid-column: 3;
        -ms-grid-row: 2
    }
    .progettisti__list article:nth-child(6) {
        -ms-grid-column: 5;
        -ms-grid-row: 2
    }
    .progettisti__list article:nth-child(7) {
        -ms-grid-column: 7;
        -ms-grid-row: 2
    }
    .progettisti__list article:nth-child(8) {
        -ms-grid-column: 1;
        -ms-grid-row: 3
    }
    .progettisti__list article:nth-child(9) {
        -ms-grid-column: 3;
        -ms-grid-row: 3
    }
    .progettisti__list article:nth-child(10) {
        -ms-grid-column: 5;
        -ms-grid-row: 3
    }
    .progettisti__list article:nth-child(11) {
        -ms-grid-column: 7;
        -ms-grid-row: 3
    }
    .progettisti__list article:nth-child(12) {
        -ms-grid-column: 1;
        -ms-grid-row: 4
    }
    .progettisti__list article:nth-child(13) {
        -ms-grid-column: 3;
        -ms-grid-row: 4
    }
    .progettisti__list article:nth-child(14) {
        -ms-grid-column: 5;
        -ms-grid-row: 4
    }
}

@media (min-width:1200px) {
    .progettisti__list .progettisti__txt {
        display: -ms-flexbox;
        display: flex
    }
    .progettisti__list .progettisti__txt h2,
    .progettisti__list .progettisti__txt ul {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width:1700px) {
    .progettisti__list .correlato__img {
        height: 200px
    }
}

.progettisti-form h3 {
    margin-bottom: 0;
    font-size: calc(24px + (36 - 24)*((100vw - 320px)/(1440 - 320)))
}

@media (max-width:320px) {
    .progettisti-form h3 {
        font-size: 24px
    }
}

@media (min-width:1440px) {
    .progettisti-form h3 {
        font-size: 36px
    }
}

.progettisti-form form {
    max-width: 600px
}

.progettisti-form form label {
    font-size: 14px;
    padding-bottom: 8px
}

.progettisti-form form input {
    border-color: #7f8280;
    height: 45px
}

@media (min-width:480px) {
    .progettisti-form .project-search {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .progettisti-form .project-search .form-field {
        margin-bottom: 0;
        margin-right: 16px
    }
}

@media (min-width:768px) {
    .progettisti-form form {
        margin: 0 auto;
        padding: 32px 0
    }
    .progettisti-form form h3 {
        margin-top: 0
    }
    .progettisti-form form .submit-field,
    .progettisti-form form input {
        height: 50px
    }
}

.js .tabs-accordion .accordion__content,
.js .tabs-accordion .accordion__header,
.tabs-accordion .accordion__content,
.tabs-accordion .accordion__header {
    float: none;
    margin: 0
}

.tabs-accordion .accordion__header:first-child {
    border: 0
}

.tabs-accordion .accordion__header.active,
.tabs-accordion .accordion__header:hover {
    background: #202020
}

.tabs-accordion .accordion__header:before {
    content: "+";
    text-align: center;
    width: 2em;
    display: inline-block
}

.tabs-accordion .accordion__header.active:before {
    content: "-"
}

.tabs-accordion .accordion__content {
    display: none;
    transition: transform .3s ease-in-out, opacity .3s ease-in-out;
    border: 2px solid #f0f0f0
}

.tabs-accordion .accordion__item:focus>.accordion__content {
    animation: show .3s ease-in-out
}

.js .tabs-accordion .accordion__header:focus>.accordion__content {
    display: none
}

.js .tabs-accordion .accordion__item:first-child .accordion__content {
    display: block
}

@media (min-width:48em) {
    .tabs-accordion {
        padding: 0;
        margin: 2em 0;
        width: 100%;
        overflow: hidden;
        position: relative
    }
    .tabs-accordion .accordion__header {
        font-size: .7rem;
        text-transform: uppercase;
        letter-spacing: 2px;
        padding: 16px 32px;
        background: #7f8280;
        color: #fff;
        cursor: pointer;
        margin-right: .25em;
        float: none
    }
    .tabs-accordion .accordion__header:before {
        display: none
    }
    .tabs-accordion .accordion__header.active {
        background: #202020;
        color: #fff
    }
    .tabs-accordion .accordion__item:focus>.accordion__content {
        animation: none
    }
    .js .tabs-accordion .accordion__content {
        display: block;
        float: right;
        width: 100%;
        margin: 44px 0 0 -100%;
        padding: 32px;
        transition: none
    }
    .js .tabs-accordion .accordion__header {
        float: left
    }
}

.tab_wrapper {
    position: relative
}

.tab_wrapper>ul {
    clear: both;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #d16b76
}

.tab_wrapper>ul li {
    float: left;
    cursor: pointer;
    font-weight: 700;
    padding: 8px 18px;
    text-transform: uppercase;
    border: 1px solid #ff011f;
    border-bottom: 0;
    position: relative;
    border-top: 3px solid #ff011f;
    margin: 0 5px 0 0
}

.tab_wrapper>ul li.active {
    border-color: #d16b76;
    color: #d16b76
}

.tab_wrapper>ul li.active:after {
    content: "";
    position: absolute;
    bottom: -1px;
    height: 1px;
    left: 0;
    background: #fff;
    width: 100%
}

.tab_wrapper .controller {
    display: block;
    overflow: hidden;
    clear: both;
    position: absolute;
    top: 0;
    right: 0
}

.tab_wrapper .controller span {
    padding: 8px 22px;
    background: #d16b76;
    color: #fff;
    text-transform: uppercase;
    display: inline-block
}

.tab_wrapper .controller span.next {
    float: right;
    margin-left: 10px
}

.tab_wrapper .content_wrapper {
    float: left;
    width: 100%;
    border: 1px solid #d16b76;
    border-top: 0;
    box-sizing: border-box;
    margin-top: -7px
}

.tab_wrapper .content_wrapper .tab_content {
    display: none;
    padding: 15px 20px
}

.tab_wrapper .content_wrapper .tab_content.active {
    display: block
}

.tab_wrapper .content_wrapper .tab_content .error {
    color: red
}

.tab_wrapper .content_wrapper .accordian_header {
    display: none;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight: 700;
    border-top: 1px solid #ff011f;
    border-bottom: 1px solid #fff;
    position: relative;
    cursor: pointer
}

.tab_wrapper .content_wrapper .accordian_header.active {
    color: #d16b76;
    border-bottom: 1px solid #ff011f
}

.tab_wrapper .content_wrapper .accordian_header.active:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 5px;
    height: 100%;
    background: #d16b76
}

.tab_wrapper .content_wrapper .accordian_header .arrow {
    float: right;
    display: inline-block;
    width: 12px;
    height: 12px;
    position: relative;
    border-radius: 2px;
    transform: rotate(-135deg);
    background: #fff;
    border-top: 3px solid #ff011f;
    border-left: 3px solid #ff011f
}

.tab_wrapper .content_wrapper .accordian_header.active .arrow {
    transform: rotate(45deg);
    margin-top: 5px;
    border-top: 3px solid #d16b76;
    border-left: 3px solid #d16b76
}

.tab_wrapper.left_side>ul,
.tab_wrapper.right_side>ul {
    width: 25%;
    float: left;
    border-bottom: 1px solid #ff011f
}

.tab_wrapper.left_side>ul li,
.tab_wrapper.right_side>ul li {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 12px 18px;
    border-width: 1px;
    border-right: 0;
    border-left: 0
}

.tab_wrapper.left_side>ul li:after,
.tab_wrapper.right_side>ul li:after {
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 5px;
    height: 100%;
    background: #ff011f
}

.tab_wrapper.left_side>ul li.active,
.tab_wrapper.right_side>ul li.active {
    border-color: #ff011f
}

.tab_wrapper.left_side>ul li.active:after {
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #d16b76
}

.tab_wrapper.left_side>ul li.active:before {
    right: -1px;
    position: absolute;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff
}

.tab_wrapper.left_side .content_wrapper {
    width: 75%;
    border: 1px solid #ff011f;
    float: left
}

.tab_wrapper.left_side .controller {
    top: -50px
}

.tab_wrapper.right_side>ul {
    float: right
}

.tab_wrapper.right_side>ul li {
    text-align: right
}

.tab_wrapper.right_side>ul li:after {
    right: 0;
    left: inherit
}

.tab_wrapper.right_side>ul li.active:after {
    right: 0;
    left: inherit;
    top: 0;
    width: 5px;
    height: 100%;
    content: "";
    background: #d16b76
}

.tab_wrapper.right_side>ul li.active:before {
    left: -2px;
    right: inherit;
    position: absolute;
    top: 0;
    content: "";
    width: 2px;
    height: 100%;
    background: #fff
}

.tab_wrapper.right_side .content_wrapper {
    width: 75%;
    float: left;
    border: 1px solid #ff011f
}

.tab_wrapper.right_side .controller {
    top: -50px
}

.tab_wrapper.accordion .content_wrapper {
    border-color: #ff011f
}

.header__brand img,
.tab_wrapper.accordion .content_wrapper .accordian_header {
    display: block
}

.tab_wrapper.accordion>ul {
    display: none
}

@media only screen and (max-width:736px) {
    .tab_wrapper .content_wrapper {
        border: 0
    }
    .tab_wrapper .content_wrapper .accordian_header {
        display: block
    }
    .tab_wrapper.left_side .content_wrapper,
    .tab_wrapper.right_side .content_wrapper {
        width: 100%;
        border-top: 0
    }
    .tab_wrapper .controller,
    .tab_wrapper>ul {
        display: none
    }
}

p+p {
    margin-top: 1.5em
}

.text ul {
    list-style: disc;
    margin: 0 0 1em 1.2em
}

.text ol {
    list-style: decimal;
    margin: 0 0 1em 1.5em
}

.pagination {
    overflow: hidden
}

.pagination li {
    float: left;
    border-right: 1px solid #f0f0f0
}

.pagination li:last-child {
    border: 0
}

.pagination a {
    padding: 1em
}

main .breadcrumbs {
    padding: 0 0 32px;
    overflow: hidden;
    color: #39455c;
    font-family: "IBM Plex Sans", sans-serif
}

main .breadcrumbs li {
    float: left;
    line-height: 1.3;
    font-size: .875rem;
    color: #7f8280
}

main .breadcrumbs li a {
    color: #7f8280;
    text-decoration: underline
}

main .breadcrumbs li+li:before {
    padding: 0 0 0 5px;
    content: "/\00a0";
    color: #7f8280
}

@media all and (max-width:1023px) {
    main .breadcrumbs {
        display: none;
        margin: 8px
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transition: all .3s ease-in-out;
    z-index: 100
}

.header a {
    color: #202020
}

.header .header-wrap {
    background-color: #fff
}

@media (min-width:1024px) {
    .home .header .header-wrap {
        background-color: transparent;
        transition: all .3s ease-in-out
    }
    .home .header:hover .header-wrap {
        background-color: #fff;
        transition: all .25s ease-in-out
    }
}

.header .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 0;
    max-width: 92%
}

.header .container svg {
    width: 32px;
    height: 32px;
    fill: #d16b76
}

.header .container .search__suggestion svg {
    width: 32px;
    height: 32px;
    fill: #4f5d75
}

.header .container .search a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end
}

.header .container .search a svg {
    margin-left: 12px;
    width: 17px;
    height: 17px;
    fill: currentColor
}

@media all and (max-width:767px) {
    .header .container>div {
        display: -ms-flexbox;
        display: flex
    }
    .header .container>div:nth-child(2) {
        -ms-flex-pack: center;
        justify-content: center;
        z-index: 2010
    }
}

@media (min-width:1440px) and (min-height:900px) {
    .header .container {
        padding: 16px 0
    }
}

.home .header-wrap,
.home .header-wrap.whiteBg {
    background-color: transparent;
    transition: all .25s ease-in-out
}

.home .header-wrap.whiteBg {
    background-color: #fff
}

@media (max-width:1023px) {
    .home .header-wrap {
        background-color: #fff
    }
    .home .header-wrap .container {
        padding: 16px 0
    }
}

.velux-mobile {
    display: none
}

.header__menu {
    z-index: 20
}

.header__menu .secondary-nav-tablet {
    text-transform: uppercase
}

.header__brand a {
    font-family: "VeluxGothicBlack";
    font-size: 32px;
    transition: .25s ease-in-out
}

.header__brand a:hover {
    color: #d16b76;
    transition: .25s ease-in-out
}

@media all and (max-width:1199px) {
    .header__brand {
        max-width: 200px;
        z-index: 30
    }
    .header__brand a {
        font-size: 28px
    }
    .header__brand .logo-full {
        display: none
    }
}

.footer .container.sections>div,
.nav {
    display: -ms-flexbox;
    display: flex
}

.primary-nav a,
.primary-nav-tablet a {
    display: block;
    padding: 8px 1vw 8px 0;
    font-size: 1rem;
    font-family: "VeluxGothic"
}

.primary-nav .menu,
.primary-nav-tablet .menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

.primary-nav-tablet,
.secondary-nav-tablet {
    display: none
}

.fluid article header .author,
.velux,
.velux-mobile {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: .875rem
}

.tablet-only {
    display: none
}

@media screen and (max-width:991px) {
    .primary-nav .menu {
        -ms-flex-direction: column;
        flex-direction: column
    }
    .primary-nav {
        width: 100%;
        margin-bottom: 8px
    }
    .primary-nav a {
        color: #fff
    }
    .primary-nav a:active,
    .primary-nav a:focus,
    .primary-nav a:hover {
        color: #fff
    }
    .primary-nav a.btn {
        font-size: 1rem
    }
    .primary-nav .velux {
        display: none
    }
    .primary-nav .btn-primary {
        background-color: #fff;
        color: #d16b76;
        padding: 8px 12px 4px 
    }
    .secondary-nav.mobile-nav li {
        line-height: .789em
    }
    .secondary-nav.mobile-nav li a {
        color: #fff;
        font-family: "IBM Plex Sans", sans-serif;
        font-weight: 400;
        padding: 8px 0;
        font-size: 1rem;
        display: block
    }
    .secondary-nav.mobile-nav .search a {
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 16px
    }
    .secondary-nav.mobile-nav .search a svg {
        width: 24px;
        height: 24px
    }
    .secondary-nav.mobile-nav a.btn {
        background-color: #fff;
        color: #d16b76;
        display: inline-block;
        margin: 32px 0;
        padding: 16px 32px
    }
    .secondary-nav.mobile-nav .social {
        margin-top: 4px
    }
    .header .social ul {
        -ms-flex-pack: center;
        justify-content: center
    }
    a.nav-expander {
        display: inline-block;
        padding: 4px 12px 5px;
        right: 0;
        z-index: 3000;
        color: #fff;
        background-color: #202020;
        font-size: .875rem;
        border-radius: 6px;
        transition: right, .3s, ease-in-out
    }
    a.nav-expander:active,
    a.nav-expander:focus,
    a.nav-expander:hover {
        text-decoration: none
    }
    a.nav-expander span {
        display: block;
        margin-top: 1px
    }
    a.nav-expander span:before {
        content: 'Menu'
    }
    a.nav-expander:hover {
        cursor: pointer
    }
    .nav-expanded a.nav-expander span:before {
        content: 'Chiudi'
    }
    .nav {
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 100%;
        width: 100%;
        overflow: auto;
        position: fixed;
        right: -100%;
        top: 0;
        z-index: 20;
        color: #fff;
        transition: right, .3s, ease-in-out;
        text-align: center;
        padding-top: 5vh;
        background-color: #d16b76;
        height: 100%
    }
    .nav-expanded .nav {
        right: 0;
        top: 65px
    }
    .nav-expanded .secondary-nav-wrap,
    body.nav-expanded .primary-nav-tablet,
    body.nav-expanded .secondary-nav-tablet {
        display: none
    }
    #nav-close {
        font-size: 24px;
        padding-right: 10px
    }
    .icon-bar {
        display: block;
        width: 24px;
        height: 3px;
        background-color: #fff;
        position: absolute;
        left: 8px
    }
    body.nav-expanded {
        margin-left: 0;
        transition: right, .3s, ease-in-out;
        overflow: hidden
    }
    body.nav-expanded .header .container svg {
        fill: #fff
    }
    body.nav-expanded .header .container .header__brand svg {
        column-fill: #fff
    }
    body.nav-expanded a.btn {
        margin: 16px 0;
        font-size: .875rem
    }
    body.nav-expanded .primary-nav li:last-child {
        padding: 4px 12px 5px;
        background-color: #fff;
        font-size: .875rem;
        border-radius: 6px;
        color: #d16b76
    }
    body.nav-expanded .primary-nav .menu {
        max-width: initial;
        margin-bottom: 8px
    }
    body.nav-expanded .velux-mobile {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 32px
    }
    body.nav-expanded .velux-mobile img {
        margin-left: 4px
    }
}

@media (max-width:767px) {
    .secondary-nav-wrap {
        display: none
    }
    .nav-expanded .nav {
        top: 65px
    }
}

@media (min-width:768px) {
    .secondary-nav-wrap {
        background-color: #f0f0f0
    }
    .secondary-nav:not(.mobile-nav) {
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%
    }
    .secondary-nav:not(.mobile-nav),
    .secondary-nav:not(.mobile-nav) ul {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
    .secondary-nav:not(.mobile-nav) ul:last-child {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .secondary-nav:not(.mobile-nav) li {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 1
    }
    .secondary-nav:not(.mobile-nav) li a {
        font-family: "VeluxGothicBlack";
        font-size: .875rem;
        font-size: 14px;
        padding: 0 0 0 2vw
    }
    .secondary-nav:not(.mobile-nav) li a:active,
    .secondary-nav:not(.mobile-nav) li a:focus,
    .secondary-nav:not(.mobile-nav) li a:hover {
        color: #d16b76
    }
    .secondary-nav:not(.mobile-nav) li:last-child a {
        padding-right: 0
    }
}

@media screen and (min-width:768px) and (min-width:768px) and (max-width:991px) {
    .secondary-nav:not(.mobile-nav) .search {
        display: none
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .header .tablet-only {
        display: block;
        background-color: #d16b76;
        padding: 8px;
        z-index: 200;
        position: relative;
        text-align: center
    }
    .header__menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .header__menu a.nav-expander,
    .primary-nav-tablet {
        -ms-flex-order: 2;
        order: 2
    }
    .primary-nav-tablet {
        margin-top: 0;
        display: block;
        overflow: hidden;
        height: 35px
    }
    .primary-nav-tablet .menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    .primary-nav-tablet a {
        padding: 10px 3vw 10px 0
    }
    .primary-nav-tablet a.btn {
        display: none
    }
    .primary-nav-tablet a.btn-primary {
        font-size: 18px;
        padding: 12px 16px;
        color: #fff
    }
}

@media screen and (min-width:768px) and (max-width:991px) and (max-width:991px) {
    .primary-nav-tablet {
        margin: 0 2vw 0 7.5vw
    }
}

@media screen and (min-width:992px) {
    .header_menu {
        -ms-flex-preferred-size: 80%;
        flex-basis: 80%
    }
    .nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .secondary-nav.mobile-nav,
    a.nav-expander {
        display: none
    }
    .primary-nav li.active a,
    .secondary-nav li.active a {
        font-weight: 700
    }
    .secondary-nav-wrap {
        background-color: #f0f0f0
    }
    .primary-nav {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-order: 2;
        order: 2
    }
    .primary-nav li {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .primary-nav a:not(.btn-primary) {
        font-family: "VeluxGothic";
        font-size: 18px;
        padding: 0 2vw 0 0
    }
    .primary-nav a:not(.btn-primary):active,
    .primary-nav a:not(.btn-primary):focus,
    .primary-nav a:not(.btn-primary):hover {
        color: #d16b76
    }
    .primary-nav a.btn-primary {
        font-size: 18px;
        padding: 12px 16px;
        color: #fff
    }
    .primary-nav .velux {
        color: #8b9db8;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .primary-nav .velux span {
        display: block;
        margin-top: 6px
    }
    .primary-nav .velux img {
        margin: 6px 0 0 4px
    }
    .header .social,
    .header a.btn,
    .primary-nav .velux-mobile {
        display: none
    }
}

@media screen and (min-width:1440px) {
    .primary-nav a,
    .secondary-nav li a {
        padding-right: 4vw
    }
}

.velux {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8px
}

.velux img {
    margin-left: 8px;
    max-width: 90px
}

.footer {
    clear: both;
    background-color: #f0f0f0;
    position: relative;
    padding: 32px 0 64px;
    font-size: 12px;
    font-weight: 400
}

.footer .container {
    max-width: 95%
}

.footer .footer-nav li {
    padding: 8px 0
}

.footer .footer-nav li a {
    font-family: "VeluxGothicBlack";
    color: #202020;
    font-size: 14px;
    line-height: 1.2
}

.fluid article header .author span,
.footer .footer-nav li a:hover {
    color: #d16b76
}

.footer h5 {
    font-family: "VeluxGothicBlack";
    color: #7f8280;
    padding-top: 16px;
    margin-bottom: 8px;
    border-top: 4px solid #d8d8d8;
    font-size: 18px
}

.footer .logo-full {
    margin-bottom: 24px;
    text-align: center
}

.footer .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media (min-width:768px) {
    .footer .container {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer .container.sections>div {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 16px
}

.footer .container.bottom,
.footer .container.sections>div.search {
    margin: 16px 0 0;
    -ms-flex-align: center;
    align-items: center
}

.footer .container.sections>div.search svg {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

@media all and (min-width:425px) {
    .footer .container.sections>div {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        max-width: 48%
    }
}

@media all and (min-width:768px) {
    .footer .container.sections>div {
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .footer .container.sections>div:first-child {
        margin-top: 0
    }
    .footer .container.sections>div:last-child {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

@media (min-width:425px) and (max-width:991px) {
    .footer .container.sections>div.social-links {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    .footer .container.sections>div.social-links .footer-nav {
        display: -ms-flexbox;
        display: flex
    }
    .footer .container.sections>div.social-links .footer-nav li {
        margin-right: 5%
    }
}

@media all and (min-width:992px) {
    .footer .container.sections>div:nth-child(2),
    .footer .container.sections>div:nth-child(3) {
        -ms-flex-align: stretch;
        align-items: stretch
    }
    .footer .container.sections>div {
        -ms-flex-preferred-size: 16.5%;
        flex-basis: 16.5%;
        max-width: 16.5%;
        margin-left: 2%;
        margin-right: 2%;
        text-align: left
    }
    .footer .container.sections>div:first-child {
        margin-left: 0
    }
    .footer .container.sections>div:last-child {
        margin-right: 0;
        -ms-flex-preferred-size: 18%;
        flex-basis: 18%;
        max-width: 18%
    }
    .footer .container.sections>div.search {
        -ms-flex-align: start;
        align-items: flex-start;
        margin-left: 75%
    }
}

.footer .container.bottom {
    font-size: .875rem;
    display: -ms-flexbox;
    display: flex;
    font-family: "IBM Plex Sans", sans-serif;
    margin: 32px auto
}

.footer .container.bottom a {
    color: #d16b76;
    text-decoration: underline
}

.fluid article header,
.footer .container,
.footer .container.bottom,
.footer .container.extra {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer .container.extra {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer .container.extra .search,
.footer .container.extra .social,
.footer .container.sections>div {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

@media all and (min-width:768px) {
    .footer .container.extra .search,
    .footer .container.extra .social {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        margin-left: 5%;
        margin-right: 5%
    }
}

@media all and (min-width:1150px) {
    .footer .container.extra .search,
    .footer .container.extra .social {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        margin: 0
    }
}

.footer .container.extra .search svg {
    width: 32px;
    height: 32px;
    margin-left: 16px
}

.footer .container.extra,
.footer .container.extra button span,
.footer .social-links li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.footer .container.extra button span {
    font-family: "IBM Plex Sans", sans-serif;
    text-transform: none;
    margin-left: 12px
}

@media all and (min-width:1150px) {
    .footer .container {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.footer .social ul {
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer .social ul li {
    padding: 0
}

.footer .social svg,
.landing-header svg,
.page-progettista .correlati.studi .location svg {
    fill: #fff
}

@media all and (max-width:1149px) {
    .footer .social {
        margin: 16px 64px 16px 0
    }
}

.footer .social-links li a {
    -ms-flex-pack: start;
    justify-content: flex-start
}

.footer .social-links li a:hover polygon {
    fill: #d16b76
}

.footer .social-links span {
    width: 18px;
    height: 18px;
    margin-right: 8px;
    margin-top: -3px
}

.footer .social-links svg {
    fill: #7f8280;
    width: 100%;
    height: 100%
}

.footer a.btn {
    max-width: 300px;
    font-size: 12px;
    color: #d16b76;
    padding: 8px 12px;
    margin: 16px 0
}

@media all and (min-width:768px) {
    .footer a.btn {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

@media all and (min-width:1150px) {
    .footer a.btn {
        margin: 8px 0 0
    }
}

@media (min-width:480px) {
    .footer {
        padding: 32px 0
    }
}

@media (min-width:768px) {
    main {
        margin-top: 132px
    }
}

@media (min-width:992px) {
    main {
        margin-top: 120px
    }
}

.home main {
    margin-top: 65px
}

@media (min-width:768px) {
    .home main {
        margin-top: 84px
    }
}

@media (min-width:992px) {
    .home main {
        margin-top: -40px
    }
}

@media (min-width:768px) {
    .page-progettisti {
        margin-top: 116px
    }
}

@media (min-width:992px) {
    .page-progettisti {
        margin-top: 204px
    }
}

.container {
    max-width: 92%;
    margin-left: auto;
    margin-right: auto
}

@media all and (min-width:1200px) {
    .container {
        max-width: 992px
    }
}

@media all and (min-width:1700px) {
    .container {
        max-width: 1200px
    }
}

.container:before {
    content: none
}

.container.container-no-masthead {
    margin-top: 150px
}

@media all and (min-width:768px) {
    .container.container-no-masthead {
        margin-top: 180px
    }
}

@media all and (min-width:1024px) {
    .container.container-no-masthead {
        margin-top: 190px
    }
}

.content-wrap {
    position: relative
}

@media all and (min-width:1024px) {
    .content-wrap {
        margin-left: 14%
    }
}

@media all and (min-width:1380px) {
    .content-wrap {
        max-width: 1040px;
        margin-left: 18%
    }
}

.negative-m {
    top: -164px
}

@media all and (max-width:1200px) {
    .negative-m {
        margin-bottom: -124px;
        top: -148px
    }
}

@media all and (max-width:599px) {
    .negative-m {
        margin-bottom: -48px;
        top: -64px
    }
}

@media all and (max-width:1023px) {
    .negative-m {
        margin-left: 2.5%
    }
}

.negative-m .content {
    margin-top: -1px;
    background-color: #fff
}

.fluid article header {
    padding: 16px
}

.fluid article header .author {
    font-size: 1rem
}

.fluid article header .author img {
    border-radius: 50%;
    width: 56px;
    margin-right: 16px
}

@supports (object-fit:cover) {
    .fluid article header .author img {
        object-fit: cover;
        max-height: 56px;
        height: 56px
    }
}

.fluid article header .author address {
    padding: 0 16px 0 0
}

@media all and (min-width:992px) {
    .fluid article header {
        padding: 0
    }
}

.author-info,
.fluid article header,
.fluid article header .author {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.author-info img {
    border-radius: 50%;
    margin-right: 16px;
    display: inline-block
}

@supports (object-fit:cover) {
    .author-info img {
        object-fit: cover
    }
}

.page-progettista .fluid article header {
    display: block;
    padding-bottom: 64px
}

@media (max-width:767px) {
    .page-progettista .fluid article header .studio .studio__img {
        width: 100%;
        margin-bottom: 16px;
        text-align: center
    }
}

.page-progettista .fluid article header .studio .studio__info span {
    font-family: "VeluxGothic";
    font-weight: 700;
    display: block;
    line-height: 1.2
}

.page-progettista .fluid article header .studio .studio__info .v-card {
    line-height: 28px;
    font-weight: 300;
    margin: 8px 0
}

@media (min-width:480px) {
    .page-progettista .fluid article header .studio .studio__info {
        padding: 0 0 0 32px
    }
}

.page-progettista .fluid article header .studio .studio__ref a:not([class^=a2a_]) {
    display: block;
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 700;
    border-top: 1px solid #dadfe8;
    padding-top: 8px;
    margin-top: 8px
}

@media (min-width:480px) {
    .page-progettista .fluid article header .studio {
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left
    }
}

.page-progettista .fluid article header .studio-cta {
    text-align: center
}

.page-progettista .location {
    display: block;
    margin-top: 8px;
    margin-bottom: 0;
    color: #39455c
}

.page-progettista .location svg {
    width: 16px;
    height: 16px;
    margin: 5px 5px 0 0;
    fill: #39455c
}

.page-progettista .correlati.studi {
    background-color: #b1d4cb
}

.page-progettista .correlati.studi .likeH3,
.page-progettista .correlati.studi h3 {
    margin: 0 0 16px
}

.page-progettista .correlati.studi article {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

@media (min-width:600px) {
    .page-progettista .correlati.studi article {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin: 0
    }
    .page-progettista .correlati.studi article:nth-child(even) {
        -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
        margin-left: 4%
    }
}

.page-progettista .correlati.studi .likeH2,
.page-progettista .correlati.studi .location,
.page-progettista .correlati.studi article p,
.page-progettista .correlati.studi h2,
.page-progettista .correlati.studi span.categoria,
.page-progettisti .masthead .breadcrumbs a,
.page-progettisti .masthead .breadcrumbs li,
.page-progettisti .masthead .breadcrumbs li:before,
.page-progettisti .masthead h1,
.page-progettisti .masthead p {
    color: #fff
}

.page-progettista .correlati.studi article:hover .likeH3,
.page-progettista .correlati.studi article:hover h3 {
    color: #fff;
    box-shadow: inset 0 0, inset 0 -2px #fff
}

.page-progettista .correlati.studi p {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #fff
}

.page-progettista .correlati.studi .correlati__list {
    margin: 0
}

.page-progettista .correlati.studi .correlati__list article .correlato__txt {
    padding: 16px 0 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.page-progettista .correlati__list article.realizzazione {
    background-color: transparent
}

.page-progettista .correlati__list article.realizzazione .categoria {
    color: #8b9db8;
    font-weight: 400
}

.page-progettista .correlati__list article.realizzazione .likeH3,
.page-progettista .correlati__list article.realizzazione h3 {
    color: #39455c;
    box-shadow: inset 0 0, inset 0 -2px #39455c
}

.page-progettista .correlati__list article.realizzazione .likeH3:hover,
.page-progettista .correlati__list article.realizzazione h3:hover {
    color: #d16b76;
    box-shadow: inset 0 0, inset 0 -2px #d16b76
}

.studio__info {
    line-height: 1.5
}

.page-progettista .studio__info div,
.page-progettisti .studio__info div,
.studio__info a {
    margin-bottom: 16px
}

.page-progettisti .masthead {
    position: relative;
    background: #fff;
    background: linear-gradient(to bottom, #fff 1%, #fff 15%, #476996 15%, #476996 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
}

.page-progettisti .masthead:before {
    content: ''
}

.page-progettisti .masthead .masthead__txt {
    position: relative;
    max-width: 70ch
}

.page-progettisti .masthead .breadcrumbs {
    padding-bottom: 16px
}

.page-progettisti .masthead img {
    max-height: 40vh
}

@media (max-width:991px) {
    .page-progettisti .masthead img {
        max-height: 300px;
        width: auto
    }
}

.page-progettisti .masthead img,
.page-progettisti .masthead picture {
    height: 100%
}

@media (min-width:992px) {
    .page-progettisti .masthead {
        background: #fff;
        background: linear-gradient(to bottom, #fff 1%, #fff 6%, #476996 6%, #476996 94%, #476996 94%, #fff 94%, #fff 94%, #fff 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0)
    }
    .page-progettisti .masthead:not(.home)>div.container {
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .page-progettisti .masthead:not(.home)>div.container .masthead__txt {
        position: relative;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 32px
    }
    .page-progettisti .masthead:not(.home)>div.container picture {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .page-progettisti .masthead:not(.home)>div.container .breadcrumbs {
        padding-top: 0
    }
}

.page-progettista h1,
.page-progettisti h1 {
    font-size: calc(20px + (40 - 20)*((100vw - 320px)/(1400 - 320)))
}

@media (max-width:320px) {
    .page-progettista h1,
    .page-progettisti h1 {
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .page-progettista h1,
    .page-progettisti h1 {
        font-size: 40px
    }
}

@media (min-width:600px) {
    .page-progettista .content-header,
    .page-progettisti .content-header {
        margin-left: 7.5%
    }
}

.page-progettista .studio__ref span,
.page-progettisti .studio__ref span {
    display: block;
    margin-top: 16px
}

.page-progettista .studio__info>a,
.page-progettista .studio__ref span,
.page-progettisti .studio__info>a,
.page-progettisti .studio__ref span {
    font-family: "VeluxGothic"
}

.page-progettista .studio__info>a,
.page-progettisti .studio__info>a {
    text-decoration: underline
}

.page-progettista .studio__info span,
.page-progettisti .studio__info span {
    display: block;
    margin-bottom: 8px
}

@media (max-width:767px) {
    .page-progettista .studio__info span,
    .page-progettisti .studio__info span {
        margin-bottom: 0
    }
    .page-progettista .studio__info a,
    .page-progettisti .studio__info a {
        display: block;
        margin-bottom: 16px
    }
    .page-progettista .v-card,
    .page-progettisti .v-card {
        margin-bottom: 4px
    }
}

@media (min-width:768px) {
    .page-progettista .studio,
    .page-progettisti .studio {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .page-progettista .studio__info,
    .page-progettisti .studio__info {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .page-progettista .studio__ref,
    .page-progettisti .studio__ref {
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media (min-width:992px) {
    .page-progettista section .container,
    .page-progettisti section .container {
        max-width: 87%
    }
}

@media (min-width:1200px) {
    .page-progettista .studio__info,
    .page-progettisti .studio__info {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%
    }
    .page-progettista .studio__ref,
    .page-progettisti .studio__ref {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .page-progettista .studio__ref div,
    .page-progettisti .studio__ref div {
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .page-progettista .studio__ref p,
    .page-progettisti .studio__ref p {
        -ms-flex-preferred-size: 65%;
        flex-basis: 65%
    }
    .page-progettista .studio__ref a,
    .page-progettisti .studio__ref a {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media (min-width:1800px) {
    .page-progettista section .container,
    .page-progettisti section .container {
        max-width: 75%
    }
}

@media (max-width:424px) {
    .page-progettisti .breadcrumbs,
    .page-progettisti p.city {
        display: none
    }
    .page-progettisti h1 {
        margin: 16px 0 0
    }
    .page-progettisti .masthead img {
        min-height: 0;
        height: 175px;
        margin: 0
    }
    .page-progettisti .masthead .masthead__txt {
        top: 66%;
        width: 100%
    }
}

@media (max-width:991px) {
    .page-progettisti .masthead__txt {
        padding-bottom: 16px
    }
}

@media (min-width:992px) {
    .page-progettisti p.city {
        margin-bottom: 0
    }
}

.progettista__progetti .container {
    padding: 24px 0;
    border-top: 1px solid #7f8280
}

.progettista__progetti .container>h3 {
    font-size: calc(18px + (26 - 18)*((100vw - 320px)/(1400 - 320)));
    margin-top: 0
}

@media (max-width:320px) {
    .progettista__progetti .container>h3 {
        font-size: 18px
    }
}

@media (min-width:1400px) {
    .progettista__progetti .container>h3 {
        font-size: 26px
    }
}

.progettista__progetti .archivio__txt h3 {
    font-size: 18px;
    margin-bottom: 8px;
    color: #d16b76;
    display: inline;
    box-shadow: inset 0 -1px currentColor;
    padding-bottom: 2px
}

@media (min-width:992px) {
    .progettista__progetti .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .progettista__progetti .container>h3 {
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
        max-width: 27%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
    .progettista__progetti .article-list {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        max-width: 70%
    }
    .progettista__progetti .article-list article {
        max-width: 31.3%;
        -ms-flex-preferred-size: 31.3%;
        flex-basis: 31.3%
    }
    .progettista__progetti .article-list article:nth-of-type(3n+3) {
        margin-right: 0
    }
    .progettista__progetti .article-list article:nth-of-type(4n+4) {
        margin-right: 3%
    }
    .progettista__progetti .article-list.progetti-correlati article {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
    .progettista__progetti .article-list.progetti-correlati article h3 {
        font-size: 24px
    }
}

.form-contatta-progettista {
    padding: 16px 16px 32px
}

@media (min-width:992px) {
    .form-contatta-progettista {
        margin-left: 30%;
        max-width: 700px
    }
}

.page-progetto.progetto-dettaglio .masthead {
    background: 0 0
}

.landing-contatti main,
.landing-wrapper main .masthead img,
.page-progetto.progetto-dettaglio .container-fluid {
    margin-top: 0
}

.page-progetto.progetto-dettaglio .content {
    max-width: 98%;
    margin-left: 2%;
    margin-right: 2%
}

.page-progetto.progetto-dettaglio .studio__body {
    padding-bottom: 32px
}

.page-progetto.progetto-dettaglio .studio__info span {
    line-height: 1.2;
    display: block
}

.page-progetto.progetto-dettaglio .wrap-content-progetto {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-progetto.progetto-dettaglio .wrap-content-progetto .breadcrumbs {
    padding-top: 0
}

.page-progetto.progetto-dettaglio .wrap-content-progetto .studio__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start
}

.page-progetto.progetto-dettaglio .wrap-content-progetto a:not(.btn) {
    text-decoration: underline
}

.page-progetto.progetto-dettaglio .wrap-content-progetto a.btn {
    margin-bottom: 16px
}

@media (max-width:767px) {
    .page-progetto.progetto-dettaglio .studio__info {
        -ms-flex-order: 2;
        order: 2
    }
}

@media (min-width:768px) {
    .page-progetto.progetto-dettaglio .wrap-content-progetto {
        -ms-flex-direction: row;
        flex-direction: row
    }
    .page-progetto.progetto-dettaglio .studio__info {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 5%;
        max-width: 37%
    }
}

@media (min-width:992px) {
    .page-progetto.progetto-dettaglio .studio__info {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
}

@media (max-width:1700px) {
    .page-progetto.progetto-dettaglio a.btn {
        font-size: 18px;
        padding-left: 16px;
        padding-right: 16px
    }
}

@media (min-width:1800px) {
    .page-progetto.progetto-dettaglio .studio__body {
        max-width: 50%;
        margin-right: 5%
    }
}

address {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    align-items: flex-start;
    font-style: normal
}

address time {
    font-weight: 300;
    margin: 4px 0;
    color: #7f8280
}

.column {
    -moz-column-width: 320px;
    -webkit-column-width: 320px;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    -moz-column-rule: 1px solid #444;
    -webkit-column-rule: 1px solid #444;
    column-width: 320px;
    column-gap: 2em;
    column-rule: 1px solid #444
}

.flex-container,
address {
    display: -ms-flexbox;
    display: flex
}

.page-header__title {
    padding: 32px 0 16px
}

@media all and (min-width:1200px) {
    figure.video {
        margin: 32px 8%
    }
}

@media all and (min-width:992px) {
    .mobile-only {
        display: none
    }
}

.fluid,
.full-width img {
    display: block;
    width: 100%;
    height: auto
}

.full-width img {
    max-height: 650px
}

@supports (object-fit:cover) {
    .full-width img {
        object-fit: cover
    }
}

.fluid,
.landing-wrapper aside .landing__form .hs-error-msgs.inputs-list label,
.landing-wrapper aside .landing__form span.form-error {
    padding: 0
}

@media all and (max-width:767px) {
    .fluid .content-wrap {
        padding: 0
    }
    .fluid .container {
        padding: 0;
        margin: 0
    }
}

@media all and (min-width:768px) {
    .indent {
        margin: 0 6%
    }
}

@media all and (min-width:1150px) {
    .indent {
        margin: 0 12%
    }
}

.content {
    position: relative;
    width: 100%
}

.content.centrale-wrap {
    background-color: #fff
}

.content .centrale {
    margin: 0 auto
}

@media all and (min-width:1024px) {
    .content .centrale {
        padding: 0
    }
}

.content .centrale header {
    padding: 16px 0;
    margin-top: -32px
}

.centered-wrap {
    display: -ms-flexbox;
    display: flex
}

@media (min-width:992px) {
    .centered-wrap>div {
        -ms-flex-preferred-size: 55%;
        flex-basis: 55%;
        margin-left: auto;
        margin-right: auto
    }
}

.correlati.evidenza h2 {
    font-size: 20px;
    margin-bottom: 0
}

.correlati.evidenza .correlati__list .correlato__img {
    height: 200px
}

.correlati.evidenza .correlati__list h3 {
    font-size: calc(20px + (23 - 20)*((100vw - 320px)/(1400 - 320)));
    margin-bottom: 8px
}

@media (max-width:320px) {
    .correlati.evidenza .correlati__list h3 {
        font-size: 20px
    }
}

@media (min-width:1400px) {
    .correlati.evidenza .correlati__list h3 {
        font-size: 23px
    }
}

.correlati.evidenza .correlati__list p,
address time {
    font-size: .875rem
}

@media (min-width:480px) {
    .correlati.evidenza .correlati__list article {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 47%;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        margin-right: 5%
    }
    .correlati.evidenza .correlati__list article:nth-of-type(2n+2) {
        margin-right: 0
    }
}

@media (min-width:992px) {
    .correlati.evidenza .correlati__list .correlato__img {
        height: 250px
    }
    .correlati.evidenza .correlati__list p {
        font-size: 1rem
    }
}

@media (min-width:1400px) {
    .correlati.evidenza .correlati__list .correlato__img {
        height: 300px
    }
}

@media (min-width:1700px) {
    .correlati.evidenza .container {
        max-width: 992px
    }
}

.content .centrale .centrale__body,
.page-base,
.page-progettista,
.page-progetto {
    font-family: "IBM Plex Sans", sans-serif
}

.page-base span.categoria,
.page-progettista span.categoria,
.page-progetto span.categoria {
    font-family: "VeluxGothic";
    font-size: 14px;
    display: block;
    margin-bottom: 4px
}

.page-articolo .subheading {
    margin: 0
}

.content-header {
    margin-top: -116px;
    height: 120px;
    background-color: #fff;
    width: 100vw;
    margin-left: 2%;
    position: relative
}

@supports ((-webkit-clip-path:polygon(0 66%, 100% calc(78px - 2.8vw), 100% 100%, 0% 100%)) or (clip-path:polygon(0 66%, 100% calc(78px - 2.8vw), 100% 100%, 0% 100%))) or (-webkit-clip-path:polygon(0 66%, 100% calc(78px - 2.8vw), 100% 100%, 0% 100%)) {
    .content-header {
        -webkit-clip-path: polygon(0 66%, 100% calc(78px - 2.8vw), 100% 100%, 0% 100%);
        clip-path: polygon(0 66%, 100% calc(78px - 2.8vw), 100% 100%, 0% 100%)
    }
}

@media all and (min-width:600px) {
    .content-header {
        margin-left: 6%
    }
}

@media all and (min-width:1024px) {
    .content-header {
        margin-left: 10%
    }
}

@media all and (min-width:1200px) {
    .content-header {
        margin-left: 15%
    }
}

@media all and (min-width:1380px) {
    .content-header {
        margin-left: 20%
    }
}

.container.fluid {
    overflow: hidden;
    padding-top: 120px;
    margin-top: -120px
}

.content.fluid {
    max-width: 98%;
    margin-left: 2%;
    margin-right: 2%
}

.content.fluid article {
    max-width: 100%;
    margin: 0 2%
}

.landing-contatti {
    background: url(../images/baselanding.jpg) no-repeat center -200px
}

@media (min-width:1024px) {
    .landing-contatti {
        background: url(../images/baselanding.jpg) no-repeat center -400px
    }
}

@media (min-width:1150px) {
    .landing-contatti {
        background: url(../images/baselanding.jpg) no-repeat center -390px
    }
}

.landing-contatti h1 {
    text-align: center;
    color: #fff;
    margin: 32px;
    padding-top: 0
}

.landing-contatti .landing-wrap,
.landing-contatti .landing-wrap .landing__info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.landing-contatti .landing-wrap {
    padding-bottom: 64px
}

.landing-contatti .landing-wrap>div {
    padding: 32px 16px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.landing-contatti .landing-wrap .landing__info {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 50%
}

@media (max-width:1023px) {
    .landing-contatti .landing-wrap .landing__info {
        color: #fff;
        height: 100px;
        -ms-flex-align: end;
        align-items: flex-end;
        width: auto
    }
}

@media (max-width:599px) {
    .landing-contatti .landing-wrap .landing__info {
        -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
        max-width: 400px
    }
}

@media (min-width:600px) {
    .landing-contatti .landing-wrap .landing__info {
        min-width: 400px;
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center
    }
}

@media (min-width:1024px) {
    .landing-contatti .landing-wrap .landing__info {
        min-width: auto;
        width: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -ms-flex-negative: 1;
        flex-shrink: 1
    }
}

.landing-contatti .landing-wrap .landing__form {
    box-shadow: 0 0 10px 0 #cbd3df;
    background-color: #fff;
    border-radius: 12px
}

.landing-contatti .landing-wrap .landing__form .likeH3,
.landing-contatti .landing-wrap .landing__form h3 {
    color: #d16b76;
    font-family: "VeluxGothic";
    text-align: center;
    padding-top: 0
}

.landing-contatti .landing-wrap .landing__form .submit-field {
    text-align: center;
    margin: 32px
}

.landing-contatti .landing-wrap .landing__highlights,
.landing-wrapper main article ul {
    padding-bottom: 0
}

.landing-contatti .landing-wrap a.anchor {
    text-align: center
}

@media (min-width:1024px) {
    .landing-contatti .landing-wrap {
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 128px
    }
    .landing-contatti .landing-wrap h1 {
        margin: 32px
    }
    .landing-contatti .landing-wrap>div {
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        padding: 32px
    }
    .landing-contatti .landing-wrap .landing__form {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%
    }
    .landing-contatti .landing-wrap .landing__highlights {
        padding-top: 128px
    }
    .landing-contatti .landing-wrap a.anchor {
        display: none
    }
}

.landing-header {
    padding-top: 32px
}

.landing-header .header__brand {
    height: auto
}

.landing-header .header__brand .logo-full,
.landing-header .header__brand .logo-mono {
    text-align: center
}

@media (min-width:1024px) {
    .landing-header .logo-full {
        display: block
    }
    .landing-header .logo-mono {
        display: none
    }
}

.landing-footer {
    margin: 32px 0 16px;
    font-size: .875rem
}

@media (min-width:600px) {
    .landing-footer .container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: center;
        align-items: center
    }
}

.landing-wrapper .masthead:not(.home) {
    margin-top: 0
}

.landing-wrapper .landing-header {
    padding-bottom: 115px;
    position: absolute;
    z-index: 100;
    width: 100%;
    text-align: center
}

.landing-wrapper .landing-header h1 {
    margin: 5vw;
    font-weight: 900;
    color: #fff
}

.landing-wrapper .landing-header a:hover {
    color: #fff
}

.landing-wrapper main {
    margin-top: 0;
    margin-bottom: 32px
}

.landing-wrapper main a.btn {
    font-size: 1.5rem
}

.landing-wrapper main article .likeH2,
.landing-wrapper main article .likeH3 {
    padding-bottom: 16px;
    font-weight: 900
}

.landing-wrapper main article .likeH2,
.landing-wrapper main article h2 {
    font-size: 2.25rem;
    padding-top: 0
}

.landing-wrapper main article .likeH3,
.landing-wrapper main article h3 {
    font-size: 1.5rem
}

.landing-wrapper main article>div {
    margin-top: 32px;
    margin-bottom: 32px
}

.landing-wrapper main article .info-block:first-child li {
    color: #8b9db8
}

.landing-wrapper main article .info-block__img {
    text-align: center
}

.landing-wrapper main article .info-block__img img {
    border-radius: 50%;
    margin-bottom: 16px
}

.landing-wrapper main.divider {
    padding-bottom: 64px
}

.landing-wrapper main li {
    font-size: 16px!important
}

.landing-wrapper main p {
    font-size: 16px
}

.landing-wrapper aside .landing__form {
    max-width: 450px;
    border-radius: 12px
}

.landing-wrapper aside .landing__form form>div:first-child {
    width: 100%
}

.landing-wrapper aside .landing__form .likeH3,
.landing-wrapper aside .landing__form h3 {
    padding-top: 0;
    text-align: center
}

.landing-wrapper aside .landing__form .submit-field {
    text-align: center;
    margin: 32px
}

.landing-wrapper aside .landing__form .hs-richtext {
    font-family: "VeluxGothicBlack"
}

.landing-wrapper aside .landing__form .hs-richtext p {
    font-size: 1.5rem;
    margin-bottom: 0;
    margin-top: 40px
}

.landing-wrapper aside .landing__form .hs-form-field {
    width: 100%
}

.landing-wrapper aside .landing__form  .hs_email,
.landing-wrapper aside .landing__form  .hs_firstname {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%
}

.landing-wrapper aside .landing__form  .hs_privacy1 div.input label,
.landing-wrapper aside .landing__form  .hs_privacy2 div.input label {
    font-size: .875rem;
    line-height: 22px
}

@media (min-width:768px) {
    .landing-wrapper .landing-header h1 {
        font-size: 60px;
        margin: 32px
    }
}

@media (min-width:992px) {
    .landing-wrapper  {
        padding: 0
    }
}

@media (min-width:1024px) {
    .landing-wrapper .masthead img {
        min-height: 400px
    }
    .landing-wrapper main>.container {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 992px
    }
    .landing-wrapper main>.container>article {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        padding-right: 64px
    }
    .landing-wrapper .intro a {
        display: none
    }
}

@media (min-width:1200px) {
    .landing-wrapper .masthead img {
        min-height: 400px
    }
    .landing-wrapper .content,
    .landing-wrapper .content-header {
        max-width: 9659px;
        margin-left: auto;
        margin-right: auto
    }
}

.slick-list,
.slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    overflow: hidden
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-initialized .slick-slide,
.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #000;
    transition: transform .5s ease
}

.slick-lightbox .slick-loading .slick-list {
    background-color: transparent
}

.slick-lightbox .slick-prev {
    left: 15px
}

.slick-lightbox .slick-next {
    right: 15px
}

.slick-lightbox-hide,
.slick-lightbox-hide-init {
    transform: translateY(-100%)
}

.slick-lightbox-hide-init.slick-lightbox-ie,
.slick-lightbox-hide.slick-lightbox-ie {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.slick-lightbox-hide-init {
    position: absolute;
    top: -9999px
}

.slick-lightbox-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.slick-lightbox-slick-item {
    text-align: center;
    overflow: hidden
}

.slick-lightbox-slick-item:before {
    content: '';
    height: 100%;
    margin-right: -.25em
}

.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}

.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-item .slick-lightbox-slick-caption {
    display: block;
    text-align: center
}

.slick-lightbox-slick-item-inner,
.slick-lightbox-slick-item:before {
    display: inline-block;
    vertical-align: middle
}

.slick-lightbox-slick-img {
    margin: 0 auto;
    display: block
}

.slick-lightbox-slick-caption {
    margin: 10px 0 0;
    color: #fff
}

.slick-lightbox-close {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    color: transparent;
    padding: 0;
    border: 0;
    background-color: transparent
}

.slick-lightbox-close:focus {
    outline: 0
}

.slick-lightbox-close:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    top: -8px;
    right: -12px;
    z-index: 0;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(57, 69, 92, .75)
}

.slick-lightbox-close:after {
    opacity: .85;
    content: url(../images/x.svg);
    z-index: 1000
}

.slick-lightbox-slick-item-inner img {
    height: auto
}

@media (min-width:768px) {
    .slick-lightbox-close:before {
        width: 60px;
        height: 60px
    }
    .slick-lightbox-close:after {
        top: 10px;
        right: 5px;
        position: absolute
    }
}

.single-post .slick-lightbox {
    transition: opacity .3s ease
}

.single-post .slick-lightbox-hide {
    opacity: 0;
    transition: opacity .3s ease;
    transform: none
}

.single-post .slick-lightbox-hide-init {
    position: absolute;
    top: -9999px;
    opacity: 0;
    transform: none
}

@media (max-width:767px) {
    .single-post .slick-lightbox-slick-item-inner {
        max-height: none!important;
        height: 100vh;
        width: 100vw;
        overflow: scroll;
        -webkit-overflow-scrolling: touch
    }
    .single-post .slick-lightbox-slick-item-inner img {
        width: initial;
        height: initial;
        max-height: none!important;
        max-width: none!important;
        object-fit: cover;
        object-position: center;
        display: block
    }
}


/*# sourceMappingURL=bundle.css.map */