/* Theme Name: MM Level Pro 
Description: Responsive WordPress Theme based on swup and locomotive. 
Version: 1.1.62
Author: Mauro Mandalari 
Author URI: https://www.mauromandalari.it/chi-sono/ 
Site: https://www.mauromandalari.it 
Text Domain: nakedpress 
Domain Path: /languages 
Tags: grid-layout, blog, custom-menu, featured-images, right-sidebar 
License: GNU General Public License v3.0 
License URI: http://www.gnu.org/licenses/gpl-3.0.html This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */
/* -------------------------------------------------------------------------------- */
/* ! Base */
/* -------------------------------------------------------------------------------- */
/* video interno ad articolo */
.video-container {
    text-align: center;
}
span.a2a_label, #a2a_modal, div#a2apage_dropdown, div#a2apage_full {
    display: none !important;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content {
    display: none;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-list .slick-slide .item .col-sx a.play img {
    position: absolute;
    top: calc(50% - 75px) !important;
    left: calc(50% - 70px) !important;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transform: scale(0.8);
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-list .slick-slide .item .col-sx a.play:hover img {
    transform: scale(1);
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .slick-slide .dcjoy-gallery-item img {
    width: 100%;
    height: auto;
    max-height: 650px;
    object-fit: cover;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots li {
    width: auto !important;
    margin: 0 5px;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots li button {
    opacity: .4;
    width: 15px;
    height: 15px;
    padding: 0;
    border: 1px solid #000;
    border-radius: 50%;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots li.slick-active button,
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots li button:hover {
    opacity: 1;
    background: #000;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots li button:before {
    display: none;
    font-size: 22px;
    line-height: 12px;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots li.slick-active button:before,
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots li button:hover:before {
    padding-top: 2px !important;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots li button:hover:before,
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots li.slick-active button:before {
    font-size: 15px;
}
@font-face {
    font-family: "Raleway";
    src: url("fonts/Raleway/Raleway-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Raleway";
    src: url("fonts/Raleway/Raleway-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "Raleway";
    src: url("fonts/Raleway/Raleway-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: "Nunito";
    src: url("/wp-content/themes/levelpro/fonts/Nunito-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "NunitoSans";
    src: url("/wp-content/themes/levelpro/fonts/NunitoSans-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
html, body {
    height: 100vh;
}
body {
    font-family: 'Nunito', sans-serif;
    color: #000;
}
/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Header */
/* --------------------------------------------------------------------------------------------------------------------------- */
/* Button interno */
a.buttoninterno {
    display: block;
    width: 30%;
    margin: 0 auto;
    padding: 15px 30px;
    background-color: #f29300;
    border: none;
    border-radius: 8px;
    font-size: 24px;
    text-align: center;
    color: #fff;
}
a.buttoninterno:hover {
    background-color: #D17F00;
    color: #fff;
}
/* widget categories */
.widget_categories ul, .widget_categories ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.widget_categories ul li a {
    display: none;
    font-size: 1.2em;
}
.widget_categories ul li ul li a {
    display: block;
    font-size: 1.2em;
}
.widget_categories ul li ul li ul li a {
    display: block;
    font-size: 0.9em;
}
.widget_categories ul li > ul {
    margin: 10px 0 10px 10px;
}
.widget_categories ul li > ul li > ul {
    margin: 10px 0 15px 0;
    padding: 0 0 0 10px;
    border-left: 1px solid #C7C7C7;
}
.fixed {
    position: fixed;
    z-index: 10;
    width: 100%;
}
.header {
    top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.header__icon {
    position: relative;
    display: none;
    width: 130px;
    color: #fff;
}
.header__tel {
    margin: 20px 0 0 0;
}
.header__logo {
    width: 180px;
    background-color: #F29400;
}
.header__cta .button {
    width: 100%;
}
.site-nav {
    position: relative;
    padding: 0;
    list-style-type: none;
}
.site-nav > li {
    display: inline-block;
}
.cover-text img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
/* Section sevices hp */
.title--service {
    position: absolute;
    top: 0px;
    left: 25px;
    z-index: 2;
    font-family: Raleway, sans-serif;
    font-size: 34px;
    line-height: 32px;
    color: #fff;
}
.title--service span {
    font-size: 26px;
    font-weight: 200;
}
.link--service {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 2;
    font-size: 13px;
    color: #fff;
}
.link--service a {
    display: block;
    padding: 10px 10px 10px 10px;
    line-height: 30px;
    color: #fff;
}
@media (min-width: 768px) {
    .has-cover .site-nav > li a {
        color: #fff;
    }
}
.logo {
    display: block;
    margin-top: 0px;
    padding: 10px;
    text-align: center;
}
.logo img {
    width: auto;
    height: auto;
}
/* Active state */
.header__menu {
    position: relative;
}
.line-menu {
    position: absolute;
    bottom: 35px;
    height: 2px;
    background: #F29400;
}
.active a {
    opacity: 1 !important;
}
@media (max-width: 767px) {
    .line-menu {
        display: none;
    }
}
/* ! Transitions */
.transition-fade {
    opacity: 1;
    transition: 0.4s;
}
/* .transition-fade {
     opacity: 1;
     transform: translateY(0px);
}
 */
html.is-animating .transition-fade {
    opacity: 0;
}
/* html.is-animating .transition-fade {
     opacity: 0;
     transform: translateY(250px);
}
 */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff url('img/oval.svg') no-repeat center center;
    background-size: 200px;
}
.scroll-container {
    overflow: hidden;
}
.page-template-page-preventivi .scroll-container {
    overflow: auto;
}
.container {
    max-width: 1200px;
    margin: 0 auto;
    line-height: 1.5;
}
.container-xl {
    max-width: 1600px;
    margin: 0 auto;
    line-height: 1.5;
}
@media screen and (max-width: 991px) {
    .container {
        padding: 0 20px;
    }
}
.grid {
    padding: 0 20px;
}
/* ! Typography */
.single-architetti .panel div, p {
    font-size: 18px;
    line-height: 28px
}
h1, h2, h3, h4, blockquote, .header-footer-blog ul.site-nav li a {
    font-family: 'Raleway', sans-serif;
    font-weight: 500
}
blockquote {
    position: relative;
    font-size: 28px;
    font-weight: 500;
}
blockquote::before {
    content: '"';
    position: absolute;
    top: -10px;
    left: -50px;
    font-family: 'Palanquin Dark', sans-serif;
    font-size: 120px;
    line-height: 90px;
    color: #D2D2D2;
}
.headline {
    margin: 0 0 20px 0;
    font-size: 90px;
}
.subheadline {
    margin: 0 0 20px 0;
    font-size: 60px;
}
.title {
    margin: 0 0 20px 0;
    font-size: 50px;
    font-weight: 600;
}
.subtitle {
    margin: 0 0 20px 0;
    font-size: 25px;
}
body.page-template-privacy .intro-text {
    padding: 100px 0 20px 0;
}
body.page-template-privacy .headline {
    font-size: 30px;
    text-align: center;
}
.headline-arch {
    margin: 0 0 0 0;
    font-size: 40px;
}
.panel-top-arch, .panel-top-storeman {
    font-family: 'Raleway', sans-serif;
}
.panel-top-arch .title, .panel-top-storeman .title, .panel-top-sede .title {
    margin: 0 0 0 0;
    font-size: 42px;
}
.panel-top-arch .path, .panel-top-storeman .path, .panel-top-sede .path {
    margin: 0 0 20px 0;
    font-size: 20px;
}
.panel-top-arch p, .panel-top-storeman p {
    font-size: 20px;
}
.panel-top-prog .title {
    margin: 0 0 0 0;
    font-size: 34px;
}
/* ! Pagine FAQ */
.faq-wrap {
    margin-bottom: 100px;
    padding: 30px 60px;
    background-color: #f29400;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.faq-wrap .faq-question {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}
.faq-wrap .faq-question h2 {
    margin: 0px;
    font-size: 22px;
}
#fr_certfaq .faq-wrap .faq-question h2 {
    font-weight: bold;
}
.faq-wrap .faq-answer:not(.open) {
    display: none;
}
.faq-wrap .faq-question:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    background: url(img/chevron-down-black.svg) no-repeat left top !important;
    background-size: contain;
}
.page-template-faq #dcjoy-search-page-extra .content-wrap:before,
.page-template-faq #dcjoy-search-page-extra .content-wrap:after {
    display: none;
}
.page-template-faq #dcjoy-search-page-extra .content-wrap {
    padding-top: 0px;
}
.page-template-faq #dcjoy-search-page-extra .faq-wrap,
.faq-wrap {
    background-color: #E5E5E5;
}
.page-template-faq #dcjoy-search-page-extra .faq-wrap .faq-question,
.page-template-faq #dcjoy-search-page-extra .faq-wrap .faq-answer,
.faq-wrap .faq-question,
.faq-wrap .faq-answer {
    color: #000;
}
.page-template-faq #dcjoy-search-page-extra .faq-wrap .faq-question,
.faq-wrap .faq-question {
    border-color: #000;
    font-weight: 800;
}
.page-template-faq #dcjoy-search-page-extra .faq-wrap .faq-question:after,
.faq-wrap .faq-question:after {
    background: url(img/chevron-down-black.svg) no-repeat left top !important;
}
#fr_certfaq .faq-wrap {
    margin: 70px 0 0;
}
@media (max-width: 767px) {
    .headline {
        font-size: 50px;
    }
    .subheadline {
        font-size: 40px;
    }
    .title {
        font-size: 28px;
    }
    .subtitle {
        font-size: 20px;
    }
    .panel-top-prog .title {
        margin: 0 10px 0 10px;
        font-size: 24px;
    }
    .panel-top-arch .title, .panel-top-storeman .title, .panel-top-sede .title {
        padding: 0 10px;
        font-size: 36px;
    }
    .grid .firstcol {
        order: 2;
        padding-top: 20px;
    }
    .grid .secondcol {
        order: 1;
    }
    .single-architetti .panel div, p {
        font-size: 16px;
        line-height: 24px;
    }
}
/* ! Subtitle border */
.container--subtitle--border {
    position: relative;
    margin: 0 0 40px 0;
    text-align: center;
}
.container--subtitle--border h2 {
    position: relative;
    z-index: 3;
    display: inline;
    padding: 0 20px;
    background-color: #fff;
    font-size: 30px;
    font-weight: 600;
}
.horizontal-separator-right {
    position: absolute;
    top: 14px;
    left: 0;
    width: calc(100% - 50%);
    height: 4px;
    background: #000;
}
.horizontal-separator-left {
    position: absolute;
    top: 14px;
    right: 0;
    width: calc(100% - 50%);
    height: 4px;
    background: #000;
}
.container--subtitle--bordersede {
    max-width: 50%;
    margin: 0 auto 50px auto;
}
/* ! Helpers */
.margin-top {
    margin-top: 50px !important;
}
.margin-bottom {
    margin-bottom: 50px !important;
}
.margin-right {
    margin-right: 50px !important;
}
.margin-left {
    margin-left: 50px !important;
}
.margin-top-big {
    margin-top: 150px !important;
}
.margin-top-biggest {
    margin-top: 250px !important;
}
.margin-bottom-big {
    margin-bottom: 150px !important;
}
.padding-bottom-small {
    padding-bottom: 30px !important;
}
.padding-top-small {
    padding-top: 30px !important;
}
.padding-bottom-big {
    padding-bottom: 350px !important;
}
.padding-top-0 {
    padding-top: 0px !important
}
.padding-zero {
    padding: 0px !important;
}
.img-res {
    width: 100%;
    height: auto;
}
.text-center {
    text-align: center !important;
}
.text-right {
    text-align: right !important;
}
.text-left {
    text-align: left !important;
}
.padding-all {
    padding: 20px;
}
.panel-text-white {
    color: #fff;
}
.panel-text-center {
    text-align: center;
}
.padding-20 {
    padding: 0 20px;
}
.padding-30 {
    padding: 0 30px;
}
.padding-50 {
    padding: 0 0;
}
.fill {
    object-fit: fill;
}
.contain {
    object-fit: contain;
}
.cover {
    object-fit: cover;
}
.none {
    object-fit: none;
}
.scale-down {
    object-fit: scale-down;
}
@media only screen and (min-width: 440px) {
    .padding-50 {
        padding: 0 50px;
    }
}
.padding-left-20 {
    padding-left: 20px !important;
}
.text-red {
    color: #FF274F
}
img.aligncenter {
    display: block;
    width: 100%;
    height: auto;
    clear: both;
    margin: 0 auto;
}
/* body{
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
 .bg-red{
    background: #FF284F;
}
 .bg-yellow{
    background: #FFCC01;
}
 .bg-green{
    background: #09F4A5;
}
 */
.store-manager-card {
    overflow: hidden;
    text-align: center;
}
.store-manager-card .left, .store-manager-card .right {
    padding: 10px;
}
.store-manager-card h3 {
    font-size: 28px;
}
.store-manager-card h3 a {
    color: #000;
    transition: color 0.5s ease;
}
.store-manager-card h3 a:hover {
    color: #f3920b;
}
.store-manager-card p {
    text-align: left;
}
.responsabile-slide-scheda-store .store-manager-card {
    display: flex !important;
}
.responsabile-slide-scheda-store .store-manager-card .left, .responsabile-slide-scheda-store .store-manager-card .right {
    padding: 30px;
}
/* ! Helpers mobile */
@media (max-width: 767px) {
    .responsabile-slide-scheda-store .store-manager-card {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }
    .margin-top-big {
        margin-top: 50px !important;
    }
    .padding-30 {
        padding: 0 10px;
    }
    .responsabile-slide-scheda-store .store-manager-card .left, .responsabile-slide-scheda-store .store-manager-card .right {
        padding: 10px;
    }
}
/* Link color */
a {
    color: #f3920b;
    text-decoration: none;
}
a:focus, a:hover {
    color: #f3920b;
}
a.button {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 8px 28px;
    background-color: #F29400;
    border: 4px solid #fff;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
a.button:hover {
    background-color: #d18000;
}
.page-template-page-progetti a.button:hover {
    background-color: #ca7c00;
    color: #fff;
}
a.button:focus {
    outline: none;
}
#scheda_sede a.button {
    margin-left: calc(50% - 125px);
}
/*.panel-top-prog a{
    color: #fff;
}
*/
/* Form filtri */
.filtro-progetti {
    width: 100%;
    max-width: 38rem;
    margin: 0 auto;
}
.filtro-progetti fieldset select {
    position: relative;
    border: none;
}
.filtro-progetti fieldset {
    padding: 0 0 0 8px;
    border: 0;
    border-radius: 1rem;
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}
/*.filtro-progetti fieldset select::after {
    position: absolute;
     content: "";
     width: 2px;
     height: 80vh;
     background-color: #000;
}
*/
/* ! Animations */
.fade-left {
    opacity: 0;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0.5s;
    transform: translateX(-30%);
}
.fade-left.is-inview {
    opacity: 1;
    transform: translateX(0px)
}
.fade-right {
    opacity: 0;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0.5s;
    transform: translateX(30%);
}
.fade-right.is-inview {
    opacity: 1;
    transform: translateX(0px)
}
.fade-up {
    opacity: 0;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0.5s;
    transform: translateY(30%);
}
.fade-up.is-inview {
    opacity: 1;
    transform: translateY(0px);
}
.fade-down {
    opacity: 0;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0.5s;
    transform: translateY(-30%);
}
.fade-down.is-inview {
    opacity: 1;
    transform: translateY(0px);
}
.fade {
    opacity: 0;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0.5s;
}
.fade.is-inview {
    opacity: 1;
}
.reveal-top {
    height: 0;
    overflow: hidden;
    transition: all 1.5s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0.5s
}
.reveal-top.is-inview {
    height: 100%;
}
.reveal-left {
    width: 0;
    overflow: hidden;
    transition: all 1.5s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0.5s
}
.reveal-left.is-inview {
    width: 100%;
}
.zoom-in {
    opacity: 0;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transition-delay: 0.5s;
    transform: scale(1.2);
}
.zoom-in.is-inview {
    opacity: 1;
    transform: scale(1);
}
.zoom-out {
    opacity: 0;
    transition: all 0.6s cubic-bezier(.215, .61, .355, 1);
    transform: scale(0);
}
.zoom-out.is-inview {
    opacity: 1;
    transform: scale(1);
}
.zoom-fade-right {
    opacity: 0;
    transition: all 0.6s cubic-bezier(.215, .61, .355, 1);
    transform: scale(0.8);
}
.zoom-fade-right.is-inview {
    opacity: 1;
    transform: scale(1);
}
.text-reveal {
    display: block;
    overflow: hidden;
}
.text-reveal b {
    display: inline-block;
    transition: all 1.2s cubic-bezier(.4, .0, .0, 1);
    transform: translate3d(0, 100%, 0);
    will-change: transform;
}
.text-reveal.is-inview b {
    transform: none;
}
.marker {
    position: relative
}
.marker:after {
    content: " ";
    position: absolute;
    bottom: 2px;
    left: 0;
    width: 0;
    height: 9px;
    background: #FF274F;
    animation: subliner 5s cubic-bezier(.215, .61, .355, 1) infinite;
}
.marker--1:after {
    animation-delay: 0.5s
}
.marker--2:after {
    background: #FFCC01;
    animation-delay: 1s;
}
.marker--3:after {
    background: #49EEA5;
    animation-delay: 1.5s;
}
@keyframes subliner {
    0% {
        width: 0;
        opacity: 1
    }
    25% {
        width: 0;
    }
    50% {
        width: 100%;
        opacity: 1
    }
    75% {
        width: 100%;
        opacity: 1
    }
    100% {
        width: 100%;
        opacity: 0
    }
}
.delay-1 {
    transition-delay: .1s !important
}
.delay-2 {
    transition-delay: .2s !important
}
.delay-3 {
    transition-delay: .3s !important
}
.delay-4 {
    transition-delay: .4s !important
}
.delay-5 {
    transition-delay: .5s !important
}
.delay-6 {
    transition-delay: .6s !important
}
.delay-7 {
    transition-delay: .7s !important
}
.delay-8 {
    transition-delay: .8s !important
}
.delay-9 {
    transition-delay: .9s !important
}
.delay-10 {
    transition-delay: 1s !important
}
.delay-12 {
    transition-delay: 1.2s !important
}
.delay-15 {
    transition-delay: 1.5s !important
}
.delay-20 {
    transition-delay: 2s !important
}
/* ! Header */
.fixed {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
    transition: all .5s cubic-bezier(.4, .0, .0, 1);
}
body.logged-in .fixed {
    top: 32px;
}
.header {
    top: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    transition: all 1.2s cubic-bezier(.4, .0, .0, 1);
}
.header__icon {
    position: relative;
    display: none;
    width: 130px;
    color: #fff;
}
.header__logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    background-color: #F29400;
    border-bottom-right-radius: 12px;
    transition: all 1.2s cubic-bezier(.4, .0, .0, 1);
}
@media (max-width: 767px) {
    .header__logo {
        width: 120px;
    }
}
.header__cta {
    position: absolute;
    top: 0;
    right: 0;
    transition: all 1.2s cubic-bezier(.4, .0, .0, 1);
}
.header__cta .button {
    width: 100%;
}
.header__cta .phone {
    display: block;
    margin-top: 10px;
    margin-right: 20px;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
    font-size: 32px;
    font-weight: 800;
    color: #fff;
    text-decoration: none;
}
.header__cta span {
    display: block;
    padding-top: 5px;
    font-size: 14px;
    color: #fff;
}
.header__cta::before {
    content: url(img/contattaci-header.svg);
    position: absolute;
    top: -145px;
    left: -70px;
    display: none;
    width: 40px;
    height: 135px;
    transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);
}
.header__cta:hover::before {
    content: url(img/contattaci-header.svg);
    position: absolute;
    top: -25px;
    left: -70px;
    width: 40px;
    height: 135px;
}
.header-footer-blog {
    text-align: center;
}
.header-footer-blog ul.site-nav li a {
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    text-transform: capitalize;
}
.header-footer-blog ul.site-nav li a:hover {
    opacity: 1;
}
.site-nav {
    position: relative;
    padding: 0;
    list-style-type: none;
}
.site-nav > li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.site-nav > li > a {
    opacity: 1;
    display: block;
    padding: 20px 5px;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
    text-transform: uppercase;
}
.site-nav > li > a:hover {
    opacity: 0.8;
}
.site-nav > li > ul.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 50px;
    left: 0;
    min-width: 100%;
    padding: 15px;
    background-color: #F29400;
    transition: all 0.5s ease;
}
.site-nav > li > ul.dropdown-menu:before {
    content: '';
    position: absolute;
    top: -7px;
    left: 20px;
    display: block;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-bottom: 7px solid #F29400;
    border-left: 10px solid transparent;
}
.site-nav > li > ul.dropdown-menu > li,
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li {
    position: relative;
    display: block;
    padding: 5px 0;
}
.site-nav > li > ul.dropdown-menu > li > a {
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
}
.site-nav > li > ul.dropdown-menu > li > a:hover {
    opacity: 0.7;
}
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu,
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul.dropdown-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -10px;
    left: 100%;
    width: 125%;
    margin: 0;
    padding: 20px;
    background-color: #fff;
    list-style: none;
}
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul.dropdown-menu {
    border-left: 1px solid #eee;
}
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu:before,
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul.dropdown-menu:before {
    content: '';
    position: absolute;
    top: 17px;
    left: -7px;
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 7px solid #fff;
    border-bottom: 10px solid transparent;
}
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul.dropdown-menu:before {
    border-right: 7px solid #eee;
}
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li,
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul.dropdown-menu > li {
    padding: 5px 0;
}
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li:first-child {
    padding-top: 0;
}
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a,
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a {
    font-size: 15px;
    color: #F29400;
}
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a:hover,
.site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu > li > ul.dropdown-menu > li > a:hover {
    opacity: 0.7;
}
@media (min-width: 1024px) and (max-width: 1380px) {
    .site-nav > li > a {
        padding: 20px 4px;
        font-size: 14px;
    }
    .header__cta .phone {
        font-size: 22px;
    }
    .header__cta span {
        font-size: 13px;
    }
}
@media (min-width: 1025px) {
    .site-nav > li:hover > ul.dropdown-menu,
    .site-nav > li > ul.dropdown-menu > li:hover > ul.dropdown-menu,
    .site-nav > li > ul.dropdown-menu > li:hover > ul.dropdown-menu > li:hover > ul.dropdown-menu {
        opacity: 1;
        visibility: visible;
    }
}
@media (max-width: 1135px) {
    .site-nav > li > a {
        padding: 20px 1px;
        font-size: 11px;
    }
}
@media (min-width: 1136px) and (max-width: 1249px) {
    .site-nav > li > a {
        padding: 20px 1px;
        font-size: 13px;
    }
}
/* ! Header scroll-down */
.scroll-down .fixed,
.privacy-policy .fixed,
body.page-template-privacy .fixed {
    background-color: #f29305;
}
.scroll-down .header {
    /*    width: 100%;
        max-width: 100%;
        padding: 0 120px 0 20px;*/
}
.scroll-down .header__logo {
    transform: scale(0.9);
}
/* ! Crumbs */
#crumbs a {
    font-weight: 800;
}
#crumbs a:hover {
    /*color: #f3f3f3;
    */
    color: #f29305;
}
/* ! Tab sedi */
#tab-sedi {
    width: 14em;
    padding: 4px 0;
}
#tab-sedi li {
    width: 46%;
    margin-right: 0;
}
#tab-sedi li a.inactive {
    background: none;
}
#tab-sedi li a {
    background: #fff;
    border-radius: 50px;
    font-size: 16px;
    /*color: #f29305;
    */
}
@media (min-width: 768px) {
    .has-cover .site-nav > li a {
        color: #fff;
    }
}
.logo {
    display: block;
    margin-top: 5px;
    padding: 0px 10px;
    text-align: center;
}
/* Active state */
.header__menu {
    position: relative;
    display: flex;
}
.line-menu {
    position: absolute;
    bottom: 10px;
    height: 2px;
    background: transparent;
}
.active > a {
    opacity: 0.7 !important;
}
@media (max-width: 767px) {
    .line-menu {
        display: none;
    }
}
/* ! Social icons */
.social-icons {
    position: fixed;
    right: 30px;
    bottom: 50%;
    z-index: 99;
    width: 100px;
    transform: translateY(50%);
}
.social-icons a {
    display: block;
    width: 100%;
    padding: 20px;
    text-align: center;
}
.social-icons a img {
    width: 30px;
}
@media (max-width: 767px) {
    .social-icons {
        display: none;
    }
}
/* ! Bottom icons */
.bottom-icon-left, .bottom-icon-right {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    cursor: pointer
}
.bottom-icon-left img, .bottom-icon-right img {
    width: 40px;
}
.bottom-icon-left {
    left: 20px;
}
.bottom-icon-right {
    right: 20px;
}
@media (max-width: 767px) {
    .bottom-icon-left img, .bottom-icon-right img {
        width: 25px;
    }
    .bottom-icon-left {
        left: 0px;
    }
    .bottom-icon-right {
        right: 0px;
    }
}
/* ! Button */
.button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-top: 15px;
    padding: 10px 20px;
    border: 3px solid #000;
    text-align: center;
    color: #000;
    transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);
}
.button:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: calc(100% + 0.2rem);
    background: #000;
    transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);
    transform: translateY(100%);
}
.button:hover:before {
    transform: translateY(0%);
}
.button:hover {
    color: #fff !important;
}
/* ! Button Frame */
.button-frame {
    position: relative;
    display: inline-block;
    margin-top: 15px;
    padding: 20px 60px 20px 40px;
    font-size: 18px;
    text-align: center;
    color: #000;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);
}
.button-frame:after, .button-frame:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 2px solid #000;
    transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);
}
.button-frame:after {
    transform: translate(3px, 3px);
}
.button-frame:before {
    transform: translate(-3px, -3px);
}
.button-frame:hover:after, .button-frame:hover:before {
    transform: translate(0px, 0px);
}
.button-frame span {
    position: relative;
}
.button-frame span:after {
    content: " ";
    position: absolute;
    top: -3px;
    right: -40px;
    width: 30px;
    height: 30px;
    background: url(img/arrow-right.svg) no-repeat center center;
    transition: all 0.3s cubic-bezier(0.28, 0.44, 0.49, 1);
}
.button-frame:hover span:after {
    right: -50px;
}
.button-frame--small {
    padding: 10px 20px;
    font-size: 16px;
}
/* ! Bubble */
.bubble {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #eee;
    border-radius: 100%
}
.bubble--1 {
    top: 3%;
    left: -7%;
    width: 254px;
    height: 254px;
    background: #BEFAE0;
}
.bubble--2 {
    top: 1%;
    right: -7%;
    width: 204px;
    height: 204px;
    background: #BEFAE0;
}
.bubble--3 {
    right: -7%;
    bottom: 1%;
    width: 354px;
    height: 354px;
    background: #BEFAE0;
}
.bubble--4 {
    bottom: 10%;
    left: 10%;
    width: 154px;
    height: 154px;
    background: #BEFAE0;
}
@media (max-width: 767px) {
    .bubble--1 {
        left: -50%;
    }
    .bubble--2 {
        right: -27%;
    }
    .bubble--3 {
        right: -80%;
    }
    .bubble--4 {
        left: -20%;
    }
}
/* ! Scroll Down */
.scroll-down-icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100px;
    height: 100px;
    margin-left: -50px;
}
.line-center {
    opacity: 0;
    position: absolute;
    left: 50%;
    width: 3px;
    height: 0px;
    margin-top: 10px;
    background: #000;
    animation: vertical_line_growth 4s cubic-bezier(.215, .61, .355, 1) infinite;
}
.line-center span {
    position: absolute;
    bottom: -20px;
    left: -50px;
    display: block;
    width: 100px;
    font-size: 11px;
    text-align: center;
    color: #000;
    text-transform: uppercase;
}
@keyframes vertical_line_growth {
    0% {
        height: 0;
        opacity: 0;
    }
    20% {
        height: 0;
        opacity: 0;
    }
    40% {
        height: 0;
        opacity: 1;
    }
    60% {
        height: 30px;
        opacity: 1;
    }
    80% {
        height: 30px;
        opacity: 1;
    }
    100% {
        height: 30px;
        opacity: 0;
    }
}
/* Has Cover */
/*.has-cover .header .button{
    color:#fff;
     border-color: #fff
}
*/
/*.has-cover .logo{
    filter: invert(1);
}
*/
/*.scroll-down.has-cover .site-nav > li a{
    color:#000;
}
 .scroll-down.has-cover .header .button{
    color:#000;
     border-color: #000
}
 .scroll-down.has-cover .logo{
    filter: invert(0);
}
*/
@media (max-width: 1024px) {
    .header__icon {
        display: block;
    }
    .header__menu {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        width: calc(100% - 80px);
        height: 100vh;
        background: #f29305;
        transition: all 1s cubic-bezier(.215, .61, .355, 1);
        /*border-right: 1px solid #000;
        */
        transform: translateX(-100%);
    }
    .header__menu--open {
        transform: translateX(0%);
    }
    .site-nav > li {
        width: 100%;
        margin: 0;
    }
    .site-nav > li > a {
        position: relative;
        display: block;
        width: 100%;
        margin: 4px 0 4px 0;
        padding: 10px 14px;
        border-bottom: 1px dashed #fff;
        font-size: 18px;
        color: #fff;
    }
    .site-nav > li > ul.dropdown-menu:before,
    .site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu:before,
    .site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu:before {
        display: none;
    }
    .site-nav > li > ul.dropdown-menu > li > ul.dropdown-menu {
        display: none;
        margin-top: 10px;
    }
    .site-nav > li > ul.dropdown-menu > li.active > ul.dropdown-menu {
        display: block;
    }
    .site-nav > li.active > ul.dropdown-menu,
    .site-nav > li > ul.dropdown-menu > li.active > ul.dropdown-menu {
        opacity: 1;
        visibility: visible;
        position: static;
        width: auto;
        overflow: hidden;
    }
    /*.site-nav li::after{
        content="";
         height: 1px;
         width: 40%;
         background-color: #000;
         position:absolute;
    }
    */
    .icon-hamburger {
        position: absolute;
        top: 22px;
        right: 25px;
        width: 30px;
        height: 30px;
    }
    .icon-hamburger span {
        position: absolute;
        top: 11px;
        width: 100%;
        height: 4px;
        background: #fff;
        transition: all 0.2s ease-in-out;
    }
    .icon-hamburger span:before, .icon-hamburger span:after {
        content: ' ';
        position: absolute;
        width: 100%;
        height: 4px;
        margin-top: -10px;
        background: #fff;
        transition: all 0.3s cubic-bezier(.215, .61, .355, 1);
    }
    .icon-hamburger span:after {
        margin-top: 10px
    }
    .has-cover .icon-hamburger span, .has-cover .icon-hamburger span:before, .has-cover .icon-hamburger span:after {
        background: #fff;
    }
    .icon-hamburger--open span {
        background: transparent !important;
    }
    .icon-hamburger--open span:before {
        margin-top: 0;
        transform: rotate(45deg);
    }
    .icon-hamburger--open span:after {
        margin-top: 0;
        transform: rotate(-45deg);
    }
    /*.scroll-down .icon-hamburger span, .scroll-down .icon-hamburger span:before, .scroll-down .icon-hamburger span:after{
        background: #000;
    }
    */
}
@media (min-width: 769px) and (max-width: 1024px) {
    .header__icon {
        right: 80px;
    }
    .scroll-down .header__icon {
        right: -50px;
    }
    .header__menu {
        width: calc(100% - 180px);
    }
}
/* ! Cover */
.cover {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: #333;
}
.cover__content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 20px;
    text-align: center;
    color: #fff;
}
.cover:before {
    content: ' ';
    opacity: 0.5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #000;
}
.cover-arch {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 40vh;
    background: #333;
}
/* ! Cover */
.cover-text {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100vh;
}
.cover-text__content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 20px;
    text-align: center;
    color: #000;
}
/* Section sevices hp */
.title--service {
    position: absolute;
    top: 0px;
    left: 25px;
    z-index: 2;
    font-family: Raleway;
    line-height: 32px;
    color: #fff;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.title--service a {
    font-size: 29px;
}
.title--service span {
    font-size: 39px;
    font-weight: 800;
}
.link--service {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 2;
    font-size: 13px;
    color: #fff;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.link--service a {
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: Raleway, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
}
/* ! Container slide - plugin */
.container-slide a h2 {
    font-size: 28px;
}
.container-slide #tabs li a {
    padding-bottom: 0;
    border-bottom: 4px solid #000;
}
.tab-content {
    margin-top: 4em;
}
/* ! intro text */
.intro-text {
    padding: 150px 0 50px 0;
}
.intro-text h1 {
    min-width: 700px;
}
/* ! Panel */
/* ! Panel Footer Copy */
.panel-footer-copy a {
    color: #000;
}
.panel-footer-copy .menunavfooter {
    margin: 16px 0;
}
.panel-footer-copy .menunavfooter a {
    padding: 0 5px;
    font-size: 16px;
}
.panel-footer-copy .menunavfooter a:hover {
    color: #aa6608;
}
/* da inserire su style-custom.scss */
.servizi-impiegati .servizio-card {
    vertical-align: top;
}
.servizi-impiegati .servizio-card {
    width: 32% !important;
}
.servizi-impiegati-sede .servizio-card {
    width: 10% !important;
}
.servizi-impiegati .servizio-card p {
    margin: 0 0 18px;
}
@media (max-width: 767px) {
    .servizi-impiegati {
        margin-bottom: 50px;
    }
    .servizi-impiegati .servizio-card {
        width: 33% !important;
    }
    .servizi-impiegati .servizio-card a img {
        width: 70%;
    }
    .servizi-impiegati .servizio-card a p {
        font-size: 12px;
    }
}
/* fine inserimento su style-custom.scss */
.panel {
    position: relative;
    padding: 100px 0;
}
.panel-top-img {
    /*background-color: #000;
    */
}
.panel-top-img .panelcontainer {
    padding: 0;
    /*max-width: 1920px;
     margin: 0 auto;
    */
}
.panel-top-img .panel__img img {
    display: block;
    width: 100%;
    min-height: 680px;
    /*max-width: 550px;
    */
    max-height: 80vh;
    margin: 0 auto;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    object-fit: cover;
}
body.home .panel-top-img .panel__img img {
    height: 680px;
}
.panel-top-img .panel__img a {
    color: #fff;
}
.panel-top-img .panel__img::before {
    content: "";
    opacity: .4;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.panel-top-img .panel__img:hover::before {
    opacity: .2;
}
.panel-top-img .panel__img:hover .title--service {
    left: 40px;
    transition: all 1s cubic-bezier(.215, .61, .355, 1)
}
.panel-top-img .panel__img:hover .link--service {
    right: 30px;
    transition: all 1s cubic-bezier(.215, .61, .355, 1)
}
/*.panel-top-img .panel__img:hover img{
    transform: scale(0.99);
}
*/
.panel__text {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 550px;
    height: 100%;
    padding: 20px;
}
.panel__img__arch img {
    display: block;
    width: 100%;
    max-width: 550px;
    height: 268px;
    margin: 0 auto;
    object-fit: cover
}
.panel--grey {
    background: #eee;
}
.panel-top-hp {
    position: relative;
    height: 100vh;
    min-height: 970px;
    overflow: hidden;
    padding: 150px 0 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-bottom: 6px solid #F19302;
}
.panel-top-hp img {
    /*    position: absolute;
        bottom: 0;
        z-index: 5;
        margin-left: -140px;*/
}
.panel-top-hp::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, #000000BE, #00000000);
    pointer-events: none;
}
.panel-top-hp .panel-right img {
    position: relative;
    margin: 0;
    padding: 0;
}
/* Panel preventivo pagina */
.page-template-page-preventivi .panel-top-sedi::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    z-index: 2;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 25px 18px 25px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
/* Panel testimonianze */
.pagina-testimonianze {
    background-color: #EFEFEF;
}
@media (min-width: 1024px) and (max-width: 1366px) {
    .panel-top-hp {
        min-height: 768px;
        padding: 60px 0 0 0;
    }
}
.panel-top-hp p.calc-prev-hp {
    position: relative;
    top: 20px;
    z-index: 3;
    font-size: 22px;
}
.panel-top-hp p.calc-prev-hp span {
    font-size: 30px;
    font-weight: 500;
    color: #F19302;
}
.panel-top-hp .panel-right {
    position: absolute;
    right: 50%;
    bottom: 60px;
    z-index: 4;
    width: 480px;
    height: 310px;
    margin-right: -418px;
    /*background: url("img/bordo-panel-left-opaco-hp.svg")*/;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.4), rgba(00, 00, 00, 0.4));
    border: 4px solid #fff;
}
.panel-top-hp .panel-right img.icon {
    position: absolute;
    top: -42px;
    left: 30%;
    display: none;
    width: 78px;
    height: 78px;
    margin-left: -39px;
}
.panel-top-hp .panel-right .scontoinfatt {
    margin-top: 42px;
    margin-right: 20px;
    margin-left: 35%;
    font-size: 40px;
    font-weight: 900;
    line-height: 20px;
    text-align: center;
}
.panel-top-hp .panel-right .scontoinfatt span {
    display: block;
    font-size: 31px;
    font-weight: 600;
}
.home__requisitilegge {
    position: relative;
    z-index: 10;
    display: inline-block;
    margin-top: 1.5rem;
    padding: 10px;
    border: 1px solid #fff;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
}
.scontoinfattmobile .home__requisitilegge {
    margin-top: 0;
}
.panel-top-hp .panel-right p.description {
    margin-left: -330px;
    padding: 0;
    line-height: 12px;
}
.panel-top-hp .panel-right p.price {
    margin-top: 38px;
    padding: 0;
    padding-right: 39px;
    font-family: 'Nunito sans', sans-serif;
    font-size: 100px;
    font-weight: 900;
    line-height: 20px;
    text-align: right;
}
.panel-top-hp .panel-right p.price span {
    position: relative;
    top: -20px;
    left: -20px;
    font-size: 69px;
}
.panel-top-hp .panel-right img.firmapaola {
    bottom: 7%;
    left: 90%;
}
.panel-top-hp .panel-left {
    position: absolute;
    bottom: 60px;
    left: 50%;
    z-index: 4;
    width: 400px;
    height: 312px;
    margin-left: -438px;
    padding-left: 86px;
    border: 4px solid #fff;
    font-family: 'Raleway', sans-serif;
    text-align: left;
}
.panel-top-hp .panel-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.4), rgba(00, 00, 00, 0.4));
}
.panel-top-hp .panel-left img {
    top: -5%;
    left: 42%;
    margin: 0 0 0 0;
}
.panel-top-hp .panel-left li {
    position: relative;
    z-index: 5;
    margin: 50px 0;
    padding-left: 20px;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    list-style: none;
}
.panel-top-hp .panel-left li.first::before {
    content: url("img/addetti.svg");
    position: absolute;
    top: -22px;
    left: -90px;
    width: 91px;
    height: 69px;
    border-right: 2px solid #fff;
}
.panel-top-hp .panel-left li.second::before {
    content: url("img/arch-prog.svg");
    position: absolute;
    top: -4px;
    left: -85px;
    width: 86px;
    height: 61px;
    border-right: 2px solid #fff;
}
.panel-top-hp .panel-left li.third::before {
    content: url("img/cantieri.svg");
    position: absolute;
    top: -8px;
    left: -89px;
    width: 90px;
    height: 59px;
    border-right: 2px solid #fff;
}
.panel-top-arch {
    position: relative;
    height: 450px;
    padding: 180px 0 0 0;
    background-image: url("img/bg-hp-febb.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.panel-top-arch h1 {
    position: relative;
    z-index: 3;
    text-shadow: 0px 0px 9px rgba(00, 00, 00, 0.3);
}
.panel-top-arch p.path {
    position: relative;
    z-index: 3;
}
.panel-top-arch::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 1), rgba(00, 00, 00, 0.3));
}
.panel-top-arch img {
    position: relative;
    z-index: 3;
    width: 200px;
    height: 200px;
    margin: 80px 0 0 0;
    border: 4px solid #fff;
    border-radius: 200px;
}
.panel .raiting {
    display: block;
    margin-top: 5px;
}
.panel-top-blog-post {
    position: relative;
    height: 340px;
    padding: 180px 0 0 0;
    background-image: url("img/sf-arch-panel-top.jpg");
    background-repeat: no-repeat;
    background-position: 50% 20%;
    background-size: cover;
}
.panel-top-blog-post img {
    width: 200px;
    height: 200px;
    margin: 50px 0 0 0;
    border: 4px solid #fff;
    border-radius: 200px;
}
.panel-top-blog-post h1 {
    position: relative;
    z-index: 3;
    margin: 0 20%;
    font-size: 34px;
    text-shadow: 0px 0px 9px rgba(00, 00, 00, 0.3);
}
.panel-top-blog-post p.path {
    position: relative;
    z-index: 3;
}
.panel-top-blog-post::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.9), rgba(00, 00, 00, 0.4));
}
.panel-top-blog-post img {
    position: relative;
    z-index: 3;
    width: 200px;
    height: 200px;
    margin: 50px 0 0 0;
    border: 4px solid #fff;
    border-radius: 200px;
}
.panel-top-blog-post::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    z-index: 2;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 25px 18px 25px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.testointroduttivo {
    padding: 15px;
    /*background-color: #000;
    */
    border-left: 2px solid #000;
    font-weight: 800;
    color: #000;
}
.panel-top-storeman {
    position: relative;
    height: 450px;
    padding: 180px 0 0 0;
    background-image: url("img/bg-hp-febb.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.panel-top-storeman h1 {
    position: relative;
    z-index: 3;
    text-shadow: 0px 0px 9px rgba(00, 00, 00, 0.3);
}
.panel-top-storeman h4 {
    font-size: 28px;
    font-weight: 800;
}
.panel-top-storeman p.path {
    position: relative;
    z-index: 3;
}
.panel-top-storeman::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 1), rgba(00, 00, 00, 0.3));
}
.panel-top-storeman img {
    position: relative;
    z-index: 3;
    width: 200px;
    height: 200px;
    margin: 80px 0 0 0;
    border: 4px solid #fff;
    border-radius: 200px;
}
.panel-top-prog {
    position: relative;
    height: 350px;
    margin: 0 0 50px 0;
    padding: 160px 0 0 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-family: 'Raleway', sans-serif;
}
.panel-top-prog h1 {
    position: relative;
    z-index: 3;
    text-shadow: 0px 0px 9px rgba(00, 00, 00, 0.3);
}
.panel-top-prog .dividers {
    position: relative;
    z-index: 3;
    width: 40%;
    border: 0.5px dashed #ccc;
}
.panel-top-prog .tipostile {
    position: relative;
    z-index: 3;
}
.panel-top-prog::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.9), rgba(00, 00, 00, 0.4));
}
.panel-top-prog span {
    font-weight: 700;
}
.panel-top-prog a {
    transition: color 0.5s ease;
}
.panel-top-prog a:hover {
    color: #ffffff;
}
.panel-top-prog-cat {
    position: relative;
    height: 300px;
    margin: 0 0 50px 0;
    padding: 200px 0 0 0;
    background-repeat: no-repeat;
    /*background-image: url("img/demo-progetto.jpg");
    */
    background-position: 100% 60%;
    background-size: cover;
    font-family: 'Raleway', sans-serif;
}
.panel-top-prog-cat img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
.panel-top-prog-cat h1 {
    position: relative;
    z-index: 3;
    text-shadow: 0px 0px 9px rgba(00, 00, 00, 0.3);
}
.panel-top-prog-cat::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 1), rgba(00, 00, 00, 0.2));
}
.panel-arch-prog {
    position: relative;
    max-width: 690px;
    margin: 150px auto 30px auto;
    padding: 65px 30px 0px 30px;
    border: 4px solid #000;
    text-align: center;
}
.panel-arch-prog img {
    position: absolute;
    top: -110px;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    padding: 20px;
    background-color: #fff;
}
.panel-arch-prog h2 {
    font-size: 32px;
    font-weight: 700;
}
.panel-arch-prog p {
    line-height: 24px;
    text-align: left;
}
.panel-arch-prog a {
    position: relative;
    top: 25px;
    display: inline-block;
    padding: 12px 28px;
    background-color: #F29400;
    border: 4px solid #fff;
    border-radius: 100px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
}
.panel-arch-prog a:hover {
    background-color: #b97100;
}
.panel-footer-blog,
.panel-footer-video {
    position: relative;
    padding: 50px 0 100px;
    background-color: #DB8600;
}
.panel-footer-blog .cat-description,
.panel-footer-video .cat-description {
    max-width: 1600px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding: 0 10px;
    color: #fff;
}
.panel-footer-blog .baloon {
    position: absolute;
    top: -160px;
    width: 200px;
    height: 200px;
    padding: 74px 25px 20px 40px;
    background-color: #fff;
    border-radius: 200px;
    -webkit-box-shadow: -6px -6px 10px 3px #D9D9D9;
    box-shadow: -6px -6px 10px 3px #D9D9D9;
}
.panel-footer-blog .baloon:after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: calc(60% - 15px);
    left: -webkit-calc(65% - 15px);
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 20px 20px 20px;
    border-style: solid;
    border-color: transparent #fff transparent transparent;
    transform: rotate(120deg);
}
.panel-footer-blog .baloon span.first {
    display: block;
    margin: 0 0 8px 0;
    font-family: 'Raleway', sans-serif;
    font-size: 32px;
    font-weight: 900;
}
.panel-footer-blog .baloon span.second {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.panel-footer-blog .baloon h2 {
    margin: 0;
    line-height: 18px;
}
.panel-footer-blog .panel__img,
.panel-footer-video .panel__img {
    position: relative;
    margin: 8px;
    cursor: pointer;
}
.panel-footer-video .panel__img {
    cursor: default;
}
.panel-footer-blog .panel__img img,
.panel-footer-video .panel__img img {
    display: block;
    width: 100%;
    max-width: 550px;
    min-height: 320px;
    max-height: 320px;
    margin: 0 auto;
    object-fit: cover;
}
.panel-footer-blog .panel__img::before,
.panel-footer-video .panel__img::before {
    content: "";
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(00, 00, 00, 0.4), rgba(00, 00, 00, 0.6));
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.panel-footer-blog:not(.panel-footer-video) .panel__img:hover::before {
    opacity: .4;
    /*background: linear-gradient(0deg, rgba(00, 00, 00, 0.2), rgba(00, 00, 00, 0.2));*/
}
.panel-footer-blog .panel__img:hover .title--article p {
    opacity: 0;
    transform: scale(0.9);
}
.panel-footer-blog .title--article,
.panel-footer-video .title--article {
    opacity: 1;
    position: absolute;
    top: 10px;
    left: 40px;
    z-index: 2;
    padding: 0 40px 0 0;
    font-family: Raleway, sans-serif;
    font-size: 26px;
    line-height: 30px;
    color: #fff;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.panel-footer-blog .title--article h4,
.panel-footer-video .title--article h4 {
    margin: 25px 0 10px 0;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.panel-footer-blog .title--article p,
.panel-footer-video .title--article p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.panel-footer-blog .title--article span,
.panel-footer-video .title--article span {
    font-size: 18px;
    font-weight: 200;
}
.panel-footer-blog .link--article,
.panel-footer-video .link--article {
    position: absolute;
    right: 45px;
    bottom: 15px;
    z-index: 2;
    font-size: 13px;
    color: #fff;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.panel-footer-blog:not(.panel-footer-video) .panel__img:hover .link--article {
    transform: scale(1.1);
}
.panel-footer-blog:not(.panel-footer-video) .panel__img:hover .link--article a {
    background: rgba(0, 0, 0, 0.5);
    /*border: 2px solid #fff;
    */
}
.panel-footer-blog .panel__img:hover .link--article p,
.panel-footer-video .panel__img:hover .link--article p {
    border: none;
}
.panel-footer-blog .link--article p,
.panel-footer-video .link--article p {
    padding: 0 0 0 10px;
    line-height: 36px;
    /*border-left: 2px solid #fff;
    */
}
.panel-footer-blog .link--article a,
.panel-footer-video .link--article a {
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.panel-footer-blog .abstract--article,
.panel-footer-video .abstract--article {
    position: absolute;
    top: 90px;
    left: 40px;
    z-index: 2;
    color: #fff;
}
.panel-footer-blog .abstract--article p,
.panel-footer-video .abstract--article p {
    padding: 0 40px 0 0;
    font-size: 16px;
    font-weight: 200;
    line-height: 20px;
}
.panel-footer-blog a.linkconsigli,
.panel-footer-video a.linkconsigli {
    position: relative;
    top: 25px;
    display: inline-block;
    padding: 12px 28px;
    background-color: #fff;
    border: 4px solid #fff;
    border-radius: 100px;
    font-size: 24px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
/* ! Mini footer per cta */
.mini_footer::before {
    content: url(img/paola-hp-mini.png);
    position: absolute;
    bottom: 0;
    left: 0;
    /*width: 240px;
     height: 274px;
    */
}
.mini_footer {
    position: fixed;
    bottom: 0;
    z-index: 99;
    width: 100%;
    background-color: #f3920b;
    border-top: 4px solid #e2870a;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
    transform: translateY(400%);
}
.mini_footer.footer_fix {
    z-index: 100;
    transform: translateY(0%);
}
.mini_footer p.leftside {
    padding-right: 50px;
    font-size: 28px;
    text-align: right;
    color: #fff;
}
.mini_footer p.rightside a.vaipreventivo {
    display: inline-block;
    padding: 8px 22px;
    background-color: #fff;
    border-radius: 6px;
    font-size: 22px;
    box-shadow: 2px 2px #888888;
    transition: all 1s cubic-bezier(.215, .61, .355, 1);
}
.mini_footer p.rightside a.vaipreventivo:hover {
    transform: scale(1.1);
}
/* ! Magazine page */
.flex-magazine {
    /*float: left;
    */
    display: inline-block;
    width: 33%;
    padding: 20px;
    text-align: center;
}
.flex-magazine h3 {
    margin: 5px 0;
    font-size: 34px;
    font-weight: 300;
}
.flex-magazine h4 {
    margin: 10px 0 20px 0;
    padding: 8px 20px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    font-size: 22px;
}
.flex-magazine img {
    max-width: 280px;
}
.flex-magazine a {
    display: block;
    margin: 30px 0 30px 0;
}
@media (max-width: 980px) {
    .flex-magazine {
        /*float: left;
        */
        display: inline-block;
        width: 46%;
        padding: 20px;
        text-align: center;
    }
}
@media (max-width: 767px) {
    .flex-magazine {
        /*float: left;
        */
        display: inline-block;
        width: 100%;
        padding: 20px;
        text-align: center;
    }
    .sedi-template-default .panel {
        padding: 0px;
    }
}
/* ! Eventi e Stampa */
.eventistampa {
    margin: 0 0 20px 0;
    padding: 40px 0 40px 0;
    border-bottom: 1px dashed #000;
}
.eventistampa:last-child {
    border: none;
}
.eventistampa img {
    width: 100%;
    /*max-width: 340px;
    */
    border: 8px solid #D3D3D3;
}
.eventistampa .content {
    margin-bottom: 30px;
    /*border-right: 2px solid #ccc;
    */
    padding: 2px 25px;
    color: #fff;
}
.eventistampa .content .title {
    font-size: 22px;
    font-weight: 800;
    line-height: 22px;
    text-transform: uppercase;
}
.eventistampa .content .title a {
    color: #fff;
    transition: opacity 0.5s ease;
}
.eventistampa .content .title a:hover {
    opacity: 0.6;
}
.eventistampa .content .data {
    margin: 10px 0 10px 0;
    font-size: 14px;
    color: #fff;
}
.eventistampa .content p {
    font-size: 16px;
    line-height: 18px;
}
.eventistampa .architetto span {
    display: block;
    margin: 10px 0 0 0;
    font-weight: 800;
}
.eventistampa .architetto img {
    width: 65%;
    border-radius: 200px;
}
/* Display none */
.page-template-page-preventivi .mini_footer {
    display: none;
}
@media (max-width: 767px) {
    .panel-top-blog-post {
        padding: 150px 0 0 0;
    }
    .panel-top-blog-post h1 {
        margin: 0 10% 5% 10%;
        font-size: 24px;
    }
    .mini_footer {
        /*display: none;
        */
    }
    .mini_footer::before {
        left: 0px;
        transition: all 1s cubic-bezier(.215, .61, .355, 1);
        transform: scale(0.8);
    }
    body.home .mini_footer::before {
        opacity: 0;
    }
    .scroll-down .mini_footer::before {
        opacity: 1;
        bottom: -10px;
        left: -10px;
        transform: scale(0.6);
    }
    .mini_footer .leftside {
        display: none;
    }
    .mini_footer p.rightside a.vaipreventivo {
        display: block;
        margin: 0 auto;
        padding: 8px 12px;
        font-size: 15px;
        text-align: center;
        text-transform: uppercase;
    }
    .panel-top-prog .tipostile .text-right {
        margin-bottom: 8px;
        text-align: left !important;
    }
    .panel-footer-newsletter p {
        padding-right: 0px !important;
        font-size: 16px;
    }
}
.panel-footer-newsletter {
    position: relative;
    padding: 80px 0;
    border-top: 12px solid #e6e6e6;
    border-bottom: 12px solid #e6e6e6
}
.panel-footer-newsletter:after {
    content: '';
    position: absolute;
    bottom: -30px;
    left: 50%;
    z-index: 8;
    width: 0;
    height: 0;
    margin-left: -15px;
    margin-left: -42px;
    border-top: 30px solid #fff;
    border-right: 42px solid transparent;
    border-left: 42px solid transparent;
}
.panel-footer-newsletter h4 {
    position: relative;
    display: inline-block;
    margin: 0;
    font-size: 44px;
    font-weight: 800;
    line-height: 38px;
}
.panel-footer-newsletter h4 span {
    position: absolute;
    top: 18px;
    right: -50px;
    font-size: 100px;
    color: #F19302;
}
.panel-footer-newsletter p {
    padding-right: 100px;
}
.panel-footer-newsletter .left {
    position: relative;
}
.panel-footer-newsletter .left:before {
    display: none;
    /*content: url("img/freccia.svg");
     position: absolute;
     top: -170px;
     left: 150px;
     width: 80%;
    */
}
.panel-footer-sedi {
    position: relative;
    padding: 20px 0 50px 0;
    background-color: #2E2E2E;
}
.panel-footer-sedi h3 {
    font-size: 58px;
    font-weight: 300;
    text-align: center;
    color: #fff;
}
.panel-footer-sedi h3 span {
    font-weight: 600;
}
.panel-footer-copy {
    padding: 70px 0 100px 0;
    background-color: #F29400;
    line-height: 1.5;
    text-align: center;
    
}
.panel-top-sede {
    position: relative;
    height: 300px;
    margin: 0 0 50px 0;
    padding: 145px 0 0 0;
    background-image: url("img/sf-arch-panel-top.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.panel-top-sede img {
    position: relative;
    z-index: 1;
    width: 70px;
    height: 110px;
    margin: 20px 0 0 0;
    padding: 8px;
}
.panel-top-sede h1 {
    position: relative;
    z-index: 3;
    text-shadow: 0px 0px 9px rgba(00, 00, 00, 0.3);
}
.panel-top-sede p.path {
    position: relative;
    z-index: 3;
}
.panel-top-sede::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.8), rgba(00, 00, 00, 0.4));
}
.panel-info-sede {
    margin: 80px 0 40px 0;
}
.panel-top-testimonianze {
    position: relative;
    margin: 0 0 10px 0;
    padding: 180px 0 50px 0;
    background-image: url("img/sf-arch-panel-top.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.panel-top-testimonianze::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.8), rgba(00, 00, 00, 0.4));
}
.panel-top-testimonianze h1 {
    position: relative;
    z-index: 3;
    text-shadow: 0px 0px 9px rgba(00, 00, 00, 0.3);
}
/*.pagina-testimonianze {
    padding: 50px 0;
}
*/
.page-template-testimonianze .panel-footer-blog.margin-top-biggest,
.page-template-testimonianze .panel-footer-video.margin-top-biggest {
    margin-top: 0px !important;
}
.pagina-testimonianze {
    padding-bottom: 250px;
}
.pagina-testimonianze .testimone {
    position: relative;
    width: 30%;
    margin-right: 1%;
    margin-bottom: 1%;
    transition: all 0.4s cubic-bezier(.215, .61, .355, 1);
}
.pagina-testimonianze .progetto {
    position: relative;
    width: 69%;
    margin-bottom: 1%;
    transition: all 0.4s cubic-bezier(.215, .61, .355, 1);
}
.pagina-testimonianze .progetto::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.3), rgba(00, 00, 00, 0.6));
}
.pagina-testimonianze .progetto a {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 3;
    padding: 4px 6px;
    border: 2px solid transparent;
    color: #fff;
    transition: all 0.4s cubic-bezier(.215, .61, .355, 1);
}
.pagina-testimonianze .progetto:hover a {
    right: 30px;
    /*background-color: #fff;
     color: #000;
    */
    border: 2px solid #fff;
}
.pagina-testimonianze .grid {
    margin-bottom: 50px;
}
.pagina-testimonianze .grid .imgtestimone {
    max-width: 100%;
    height: 280px;
    border-left: 6px solid #F29400;
    object-fit: none;
}
.pagina-testimonianze .grid .imgprogetto {
    max-width: 100%;
    height: 280px;
}
.pagina-testimonianze .contenuto {
    width: 100%;
    padding: 20px 30px;
    background-color: #fff;
    border-bottom: 8px solid #000;
}
.pagina-testimonianze .contenuto a {
    font-weight: 800;
    color: #000;
}
.pagina-testimonianze .contenuto a:hover {
    color: #F29400;
}
.pagina-testimonianze .contenuto h2 {
    font-size: 30px;
    color: #000;
}
.pagina-testimonianze .contenuto h3 {
    position: relative;
    margin-top: 50px;
}
.pagina-testimonianze .contenuto h3:before {
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    width: 6%;
    height: 2px;
    background-color: #F29400;
}
.pagina-testimonianze .contenuto p {
    position: relative;
    padding: 0 30px 0 30px;
    font-size: 20px;
    color: #000;
}
.pagina-testimonianze .contenuto p:before {
    content: "''";
    position: absolute;
    top: -5px;
    left: 0;
    font-size: 48px;
    color: #ccc;
}
.pagina-testimonianze .contenuto img.star {
    width: 32px;
}
.panel-top-sedi {
    position: relative;
    height: 290px;
    margin: 0 0 10px 0;
    padding: 150px 0 0 0;
    background-image: url("img/sf-hp.jpg");
    background-repeat: no-repeat;
    background-position: 100% 60%;
    background-size: cover;
}
.panel-top-sedi h1 {
    position: relative;
    z-index: 3;
    text-shadow: 0px 0px 9px rgba(00, 00, 00, 0.3);
}
.panel-top-sedi img {
    position: relative;
    z-index: 3;
    width: 70px;
    height: 110px;
    margin: 0 0 0 0;
}
.panel-top-sedi::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 1), rgba(00, 00, 00, 0.2));
}
#map-sedi {
    width: 100%;
    height: 700px;
}
#map-sedi .infobox-content h2 {
    margin: 0 0 5px;
}
#map-sedi .infobox-content p {
    margin: 0 0 5px;
    font-size: 14px;
    line-height: 20px;
}
#map-sedi .infobox-content a.btn {
    display: inline-block;
    margin-top: 10px;
    padding: 5px 10px;
    background: #db8604;
    border: none;
    border-radius: 30px;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
}
.panel-top-blog {
    position: relative;
    height: 300px;
    margin: 0 0 10px 0;
    padding: 130px 0 0 0;
    background-image: url("img/bg-hp-febb.jpg");
    background-repeat: no-repeat;
    background-position: 100% 60%;
    background-size: cover;
    font-family: 'Raleway', sans-serif;
}
.panel-top-blog.nobread {
    padding-top: 180px;
}
.panel-top-blog h1 {
    position: relative;
    z-index: 3;
    font-size: 40px;
    text-shadow: 0px 0px 9px rgba(00, 00, 00, 0.3);
}
.panel-top-blog::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.8), rgba(00, 00, 00, 0.4));
}
.panel-top-blog::after,
.panel-top-sede::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    z-index: 2;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 25px 18px 25px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
body.single-sedi .panel-top-sede::after {
    display: none;
}
.pannello-sedi > .tab-content > .grid.loading:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
}
.pannello-sedi > .tab-content > .grid.loading:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 9;
    z-index: 9;
    width: 100px;
    height: 100px;
    background: url(img/oval.svg) no-repeat center center;
    background-size: cover;
    transform: translate(-50%, -50%);
}
.sede-elenco {
    display: inline-block;
    width: 42%;
    float: left;
    margin: 0 20px;
    padding: 15px;
}
.sede-elenco a {
    display: block;
    font-size: 18px;
    text-align: center;
    color: #000;
}
.sede-elenco a.current {
    color: #F29400;
}
.elenco-sedi-scroll {
    position: relative;
    max-height: 56em;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 20px 0 0 0;
}
.elenco-sedi-scroll::after {
    content: "";
    position: fixed;
    bottom: -42px;
    display: none;
    width: 100%;
    height: 20%;
    /*background-color: #000;
    */
    background-image: linear-gradient(0deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4));
}
.elenco-sedi-scroll #myUL {
    display: flex;
    flex-wrap: wrap;
}
.padding-50.scrollsedi {
    padding-right: 0px;
}
.sede-gallery .image-gallery {
    display: flex;
}
.sede-gallery .image-gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.sede-gallery .image-gallery,
.sede-gallery .image-gallery li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sede-gallery .image-gallery > li {
    flex-basis: 30%; /* width: 350px; */
}
.sede-gallery .image-gallery li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    border-radius: 0;
    object-fit: cover;
}
@media (max-width: 767px) {
    .sede-elenco {
        display: inline-block;
        width: 43%;
        float: left;
        margin: 0 10px;
        padding: 15px;
    }
    #scheda_sede {
        margin: 50px 0 50px 0;
    }
    .panel-footer-sedi h3 {
        font-size: 38px;
    }
    .panel-top-sede img {
        position: absolute;
        left: calc(50% - 30px);
        margin: 20px 0 0 0;
    }
    .panel-top-sede {
        height: auto;
        padding: 130px 0 80px 0;
    }
    .img-servizio {
        display: none;
    }
    .pagina-testimonianze .testimone {
        width: 50%;
    }
    .pagina-testimonianze .progetto {
        width: 49%;
    }
    .pagina-testimonianze .contenuto h2 {
        font-size: 24px;
    }
    .pagina-testimonianze .contenuto p {
        font-size: 16px;
    }
    .pagina-testimonianze .grid .imgtestimone, .pagina-testimonianze .grid .imgprogetto {
        height: 200px;
    }
}
.address a {
    font-weight: 800;
    color: #000;
}
/* ! Triangolo */
.panel-top-prog::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    z-index: 2;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 25px 18px 25px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.panel-top-prog-cat::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    z-index: 2;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 25px 18px 25px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
/* ! Catfeed */
.catfeed {
    position: relative;
    margin: 0 0 20px 0;
    padding: 40px 0 40px 0;
    border-bottom: 1px dashed #000;
}
/*.catfeed:last-child{
    border: none;
}
*/
.catfeed img {
    width: 100%;
    border: 8px solid #D3D3D3;
    object-fit: cover;
}
.catfeed .content {
    padding: 2px 25px;
    border-right: 2px solid #ccc;
}
.catfeed .content .title {
    font-size: 22px;
    font-weight: 800;
    line-height: 22px;
}
.catfeed .content p {
    font-size: 16px;
    line-height: 18px;
}
.catfeed .architetto span {
    display: block;
    margin: 10px 0 0 0;
    font-weight: 800;
}
.catfeed .architetto img {
    width: 65%;
    border-radius: 200px;
}
@media only screen and (max-width: 600px) {
    .catfeed .architetto {
        position: absolute;
        top: 0;
    }
    .catfeed .architetto img {
        width: 110px;
        border-radius: 200px;
    }
    .catfeed .architetto img {
        border: 4px solid #D3D3D3;
    }
    .catfeed .architetto span {
        display: none;
    }
}
/* ! Info Sede per PM */
.panel-info-sede-pm {
    margin: 10px 0 0 0;
}
.panel-info-sede-pm p {
    font-size: 18px;
}
.panel-info-sede-pm img {
    width: 75px;
}
#sede_note {
    width: 100%;
    text-align: center;
}
/* ! Pagina statica */
.panel-top-pagina {
    position: relative;
    height: 300px;
    margin: 0 0 100px 0;
    padding: 150px 0 0 0;
    /*background-image: url(img/sf-arch-panel-top.jpg);
    */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.page-template-chi-siamo .panel-top-pagina {
    position: relative;
    height: 300px;
    margin: 0 0 100px 0;
    padding: 150px 0 0 0;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
}
.page-template-chi-siamo .panel-top-pagina h1 {
    margin: 0 0 10px 0
}
.panel-top-pagina::after,
body .panel-top-testimonianze::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(50% - 30px);
    left: -webkit-calc(50% - 30px);
    z-index: 2;
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0 25px 18px 25px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}
.panel-top-pagina::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.8), rgba(00, 00, 00, 0));
}
.panel-top-pagina h1,
.panel-top-pagina h2,
.panel-top-pagina h3 {
    position: relative;
    z-index: 2;
}
.panel-top-pagina .subtitle {
    font-size: 20px;
}
/* ! Sticky element */
.form-box {
    position: sticky;
    top: 0
}
#page-partner-nazionale-inner {
    padding-top: 50px;
}
.page-partner-nazionale figure.wp-block-video {
    margin: 50px auto 45px;
}
.page-partner-nazionale figure.wp-block-video.video-2 {
    margin-top: 0;
}
#page-partner-nazionale .panel-info-sede {
    display: none;
}
#page-partner-nazionale .panel-top-pagina {
    margin-bottom: 10px;
    padding: 140px 0 0 0;
    background-position: center;
}
#page-partner-nazionale .panel-top-pagina::before {
    height: 100%;
    background: rgba(0, 0, 0, .5);
}
#header-logo-figcpartner {
    position: relative;
    display: block;
    margin-bottom: 20px;
}
#header-logo-figcpartner img {
    width: 300px;
    margin-left: 68px;
}
#page-partner-nazionale .panel-top-pagina .title {
    font-size: 40px;
}
#page-partner-nazionale-video-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 50px;
    padding: 35px 0;
    background-color: #DB8600;
}
#page-partner-nazionale-video-wrapper figure {
    position: relative;
    margin: 0;
}
#page-partner-nazionale-video-wrapper figure:before {
    content: '';
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    width: 40px;
    height: 40px;
    background: transparent url(img/icons/play-bianca.svg) center no-repeat;
    transition: all 0.6s cubic-bezier(.215, .61, .355, 1);
    transform: scale(1);
}
#page-partner-nazionale-video-wrapper figure:hover:before {
    transform: scale(1.2);
}
#page-partner-nazionale-video-wrapper figure.wp-block-image img {
    width: 400px;
    height: auto;
}
#page-partner-nazionale-video-title {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 0;
    margin-left: 55px;
    font-size: 35px;
    font-weight: bold;
    text-align: right;
    color: #fff;
}
#page-partner-nazionale-video-title::after {
    content: '';
    position: relative;
    display: block;
    width: 30px;
    height: 50px;
    margin: 0 16px;
    background: transparent url(img/icons/chevron-right-bianca.svg) no-repeat center;
    background-size: cover;
    color: #fff;
}
#page-partner-nazionale .wp-block-gallery {
    margin: 40px 0;
}
#page-partner-nazionale .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) a,
#page-partner-nazionale .wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image) img {
    height: 370px;
}
#page-partner-nazionale .wp-block-gallery.has-nested-images.is-cropped.partner-nazionale-gallery.gallery-2 figure.wp-block-image:not(#individual-image) a,
#page-partner-nazionale .wp-block-gallery.has-nested-images.is-cropped.partner-nazionale-gallery.gallery-2 figure.wp-block-image:not(#individual-image) img {
    height: auto;
}
#page-partner-nazionale .wp-block-gallery.has-nested-images.is-cropped.partner-nazionale-gallery.gallery-2 {
    margin-bottom: 10px;
}
/* ++++++++++++++++ */
.page-partner-nazionale-variante #page-partner-nazionale-video-title {
    display: none;
}
.page-partner-nazionale-variante #page-partner-nazionale-video-wrapper figure.wp-block-image img {
    width: 100%;
    height: auto;
}
.page-partner-nazionale-variante #page-partner-nazionale-video-wrapper figure.wp-block-video {
    max-width: 1140px;
    margin: 0 auto;
}
/* ++++++++++++++++ */
body .fancybox__html5video {
    outline: none !important;
}
body .carousel__button.is-close {
    top: calc(env(safe-area-inset-top, 0px) + 30px);
    right: 40px;
}
body .fancybox__content {
    /*width:68% !important;
	height:auto !important;*/
}
@media (min-width: 768px) {
    .panel-top-prog .col-50 {
        padding: 0 10px !important;
    }
    .panel--text-left .subheadline {
        position: relative;
        z-index: 10;
        width: 140%;
    }
    .panel--text-right .subheadline {
        position: relative;
        position: relative;
        left: -30%;
        z-index: 10;
        width: 140%;
    }
    .border-right {
        border-right: 4px solid #e3e3e3;
        border-right-width: 8px;
        /*border-image:linear-gradient(to bottom,#E5E5E5,rgba(0, 0, 0, 0)) 1 100%;
        */
    }
    .panel--text-white h3, .panel--text-white p, .panel--text-white .button-frame {
        color: #fff
    }
    .panel--text-white .button-frame:after, .panel--text-white .button-frame:before {
        border: 2px solid #fff;
    }
    .panel--text-white .button-frame span:after {
        background: url(img/arrow-right-white.svg) no-repeat center center;
    }
    /* ! Panel Info */
    .panel-info {
        position: relative;
        padding: 200px 0 300px 0;
        background: #fff;
    }
    .panel-info__image {
        width: 100%;
        height: 500px;
        object-fit: cover
    }
    .panel-info .headline {
        color: #fff;
        mix-blend-mode: difference;
    }
    .panel-info__intro {
        padding-right: 0;
        text-align: center;
        letter-spacing: 2px;
        text-transform: uppercase;
    }
    .vertical-separator {
        width: 2px;
        height: 80px;
        margin: 40px auto;
        background: #000;
    }
    .headline--right {
        margin-top: 250px;
    }
    .headline--left {
        margin-top: 100px;
        text-align: right;
    }
    .panel-info .button-frame {
        position: absolute;
        top: 100px;
        left: 30px;
    }
    .panel-info .col-33:nth-child(2) {
        order: -1;
    }
}
/* ! Mobile style */
@media (min-width: 768px) {
    .mobile-panel {
        display: none;
    }
    .mobile-panel-html {
        display: none;
    }
}
@media (max-width: 767px) {
    /* per slider-style.scss*/
    .container-slide {
        margin-top: 4em !important;
    }
    .container-slide #tabs li a h2 {
        font-size: 16px;
    }
    /* Sf Panel Pagina */
    .page-template-chi-siamo .panel-top-pagina {
        background-position: 55%;
    }
    /* fine slider-style.scss*/
    .preform_home_page, #home__form__disclaimer {
        display: none;
    }
    .panel-footer-blog .panel__img,
    .panel-footer-video .panel__img,
    .panel__img {
        min-height: 240px;
        max-height: 340px;
        overflow: hidden;
    }
    .panel-top-img .panel__img img {
        max-height: 340px;
    }
    .container {
        padding: 0 20px;
    }
    @media screen and (max-width: 767px) {
        .panel-top-img .panel__img img {
            min-height: 280px;
        }
        /*immagine donna*/
        .panel__img.load-hidden-3-bottom img {
            /*min-height: 580px !important;*/
        }
        /*fine immagine donna*/
    }
    /* ! Header Mobile */
    .header__cta, .calc-prev-hp, .panel-top-hp .panel-left, .bottom-icon-right {
        display: none;
    }
    .scroll-down .header {
        width: 100%;
        max-width: 100%;
        padding: 0px;
    }
    .logo {
        /*width: 40px;
        */
        overflow: hidden;
    }
    /*.panel-top-hp img{
        left:30%;
         width: 90%;
    }
    */
    .panel-top-hp .panel-right {
        bottom: 0px;
        left: 20%;
        display: none;
        width: 50%;
        border: none;
    }
    .panel-top-hp {
        height: auto;
        min-height: 0;
        border-bottom: none;
    }
    .mobile-panel {
        position: absolute;
        top: 40px;
        top: calc(40% - 130px);
        left: calc(48% - 150px);
        z-index: 9;
        /*width: 100%;
         height: 297px;
        */
        padding: 10px 20px;
        /*background: rgba(0,0,0,0.8);
        */
    }
    .mobile-panel img {
        position: relative;
        left: 0;
        display: block;
        width: 100%;
        margin-left: 0;
    }
    .mobile-panel-html {
        position: relative;
        top: 0%;
        z-index: 9;
        width: 300px;
        /*display: flex;
         flex-direction: column;
        flex-wrap: nowrap;
        align-content: center;
        align-items: center;
        */
        margin: 0 auto;
        padding: 20px;
        background-image: linear-gradient(180deg, rgba(00, 00, 00, 0.4), rgba(00, 00, 00, 0.4));
        border: 4px solid #fff;
    }
    .mobile-panel-html ul {
        margin-top: -10px;
        margin-bottom: -10px;
        padding-left: 110px;
    }
    .mobile-panel-html li {
        position: relative;
        z-index: 5;
        margin: 40px 0;
        padding-left: 20px;
        font-family: 'Raleway';
        font-size: 20px;
        font-weight: 900;
        line-height: 24px;
        text-align: left;
        list-style: none;
    }
    .mobile-panel-html li.first::before {
        content: url("img/addetti.svg");
        position: absolute;
        top: -22px;
        left: -90px;
        width: 91px;
        height: 69px;
        border-right: 2px solid #fff;
    }
    .mobile-panel-html li.second::before {
        content: url("img/arch-prog.svg");
        position: absolute;
        top: -4px;
        left: -85px;
        width: 86px;
        height: 61px;
        border-right: 2px solid #fff;
    }
    .mobile-panel-html li.third::before {
        content: url("img/cantieri.svg");
        position: absolute;
        top: -8px;
        left: -89px;
        width: 90px;
        height: 59px;
        border-right: 2px solid #fff;
    }
    @media screen and (max-width: 390px) {
        .mobile-panel-html li {
            display: none;
        }
        .mobile-panel-html ul {
            margin-top: 20px;
            margin-bottom: -10px;
            padding-left: 110px;
        }
    }
    .mobile-panel-html p.price {
        margin-top: 40px;
        margin-bottom: 40px;
        padding: 0;
        padding-right: 0px;
        font-family: 'Nunito sans', sans-serif;
        font-size: 119px;
        /* margin-left: -140px;
         */
        font-weight: 900;
        line-height: 22px;
        text-align: center;
    }
    .mobile-panel-html p.price:after {
        content: "";
        display: block;
        margin: 50px 0 0 0;
        padding: 5px 20px 8px 0px;
        background-color: #F19302;
        font-size: 28px;
    }
    .mobile-panel-html p.price span {
        position: relative;
        top: -10px;
        font-size: 69px;
    }
    .mobile-panel-html h1 {
        margin-top: 0px;
        margin-right: 0px;
        padding: 0;
        padding-top: 20px;
        border-top: 1px solid #fff;
        font-size: 40px;
        font-weight: 900;
        line-height: 20px;
        text-align: center;
    }
    @media screen and (max-width: 390px) {
        .mobile-panel-html h1 {
            border-top: none;
        }
    }
    .mobile-panel-html h1 span {
        display: block;
        font-size: 28px;
        font-weight: 600;
    }
    /* ! Footer */
    .panel-footer-newsletter h4 {
        font-size: 34px;
    }
    /* ! News */
    .news__intro {
        text-align: center;
    }
    .news__item {
        margin-top: 40px;
        padding: 20px;
    }
    .date {
        position: relative;
        padding-left: 30px;
        font-size: 14px;
        font-weight: bold;
    }
    .date:after {
        content: " ";
        position: absolute;
        position: absolute;
        top: 12px;
        left: 0;
        width: 25px;
        height: 3px;
        background: #000
    }
    /* ! Panel Cta */
    .panel-cta {
        position: relative;
        padding: 200px 0;
    }
    .panel-cta__content {
        position: relative;
        z-index: 10;
        max-width: 900px;
        margin: auto;
        text-align: center;
    }
    /* ! Mini Footer mobile */
    .home .mini_footer {
        position: fixed;
        bottom: 0;
        z-index: 9;
        width: 100%;
        background-color: transparent;
        border: none;
        transition: all 1s cubic-bezier(.215, .61, .355, 1);
        transform: translateY(0%);
    }
    /* ! Media Affix */
    .media-affix {
        padding: 200px 0 300px 0;
    }
    .media-affix__item {
        position: relative;
        position: relative;
        margin-bottom: 200px;
    }
    .media-affix__image {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 250px;
        height: 400px;
        object-fit: cover
    }
    .media-affix__text {
        position: relative;
        z-index: 1
    }
    .media-affix__item h4 {
        position: relative;
        z-index: 1;
        margin-bottom: 20px;
        margin-left: 230px;
        padding-top: 40px;
        font-size: 35px;
    }
    .media-affix__item p, .media-affix__item ul {
        margin-left: 280px;
    }
    .media-affix .button-frame {
        position: absolute;
        top: 380px;
        left: 60px;
    }
    .media-affix {
        padding-bottom: 50px;
    }
    .media-affix__image {
        width: 160px;
    }
    .media-affix__item h4 {
        margin-left: 140px;
    }
    .media-affix__item p, .media-affix__item ul {
        margin-left: 180px;
    }
    /* ! Catfeed mobile */
    .catfeed {
        padding: 60px 10px !important;
        border: none;
    }
    .catfeed .content {
        border: none !important;
    }
    .catfeed img {
        margin: 0 20px 20px 0;
    }
    .catfeed.margin-top {
        margin-top: 0px !important;
    }
    /*.catfeed .arch{
        position: absolute;
         left: 50%;
    }
     .catfeed .arch img{
        border: none;
         width: 50%;
        display: block;
    }
    */
    /* ! Footer Blog mobile */
    .category-news .panel-footer-blog,
    .category-news .panel-footer-video {
        padding: 30px 0;
    }
    body.archive.category #tabs-archivio li,
    .category-news #tabs-archivio li {
        display: inline-block;
        width: 46%;
        margin: 0 5px;
    }
    body.archive.category #tabs-archivio li a,
    .category-news #tabs-archivio li a {
        padding: 10px 0 !important;
        font-size: 17px !important;
        text-align: left;
    }
    body.archive.category #tabs-archivio li a.prett:after,
    .category-news #tabs-archivio li a.prett:after {
        top: 20px !important;
        /*right: 50px!important;
        */
    }
    .category-arredamento #tabs-archivio {
        overflow: hidden;
    }
    .category-arredamento #tabs-archivio li {
        width: 98%;
        float: left;
        margin: 0 5px;
    }
    .category-arredamento #tabs-archivio li a {
        padding: 6px 0 !important;
        font-size: 17px !important;
        text-align: left;
        white-space: normal;
    }
    .category-arredamento #tabs-archivio li a.prett:after {
        top: 20px !important;
        /*right: 50px!important;
        */
    }
    /* ! Baloon */
    .panel-footer-blog .baloon {
        top: -120px;
        width: 150px;
        height: 150px;
        padding: 40px 10px 0px 30px;
    }
    .panel-footer-blog .baloon span.first {
        font-size: 24px;
    }
    .panel-footer-blog .baloon span.second {
        font-size: 14px;
        line-height: 14px;
    }
    /* ! Progetti stili titoli */
    .container--subtitle--border h2 {
        font-size: 26px;
    }
    /* ! Template Architetto */
    .single-architetti .panel {
        padding: 50px 0;
    }
}
/* ! Footer */
.footer {
    position: relative;
}
.footer__logo {
    width: 150px;
    height: auto;
}
.horizontal-separator {
    position: absolute;
    top: 10px;
    right: 0;
    width: calc(100% - 180px);
    height: 2px;
    background: #000;
}
.footer__final-text {
    margin-top: 80px;
    text-align: center;
}
/* ! Blog */
.post-template-default img {
    width: 100%;
    height: 100%;
}
.panel-footer-copy img {
    width: auto !important;
    height: auto !important;
}
/* ! Grid System */
.grid {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
}
.grid--center {
    justify-content: center;
}
.grid--100 {
    max-width: 100%;
}
.grid-100 {
    max-width: 100%;
    padding: 20px;
}
.grid-footer-blog {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    max-width: 1600px;
    margin: 0 auto;
}
.col {
    flex: 1;
}
[class*='col-'] {
    position: relative;
}
.col-20 {
    width: 20%;
}
.col-25 {
    width: 25%;
}
.col-30 {
    width: 30%;
}
.col-33 {
    width: 33.33%;
}
.col-40 {
    width: 40%;
}
.col-50 {
    width: 50%;
}
.col-60 {
    width: 60%;
}
.col-70 {
    width: 70%;
}
.col-80 {
    width: 80%;
}
.col-90 {
    width: 90%;
}
.col-100 {
    width: 100%;
}
@media (max-width: 991px) {
    .tab-20 {
        width: 20%;
    }
    .tab-25 {
        width: 25%;
    }
    .tab-33 {
        width: 33.33%;
    }
    .tab-50 {
        width: 50%;
    }
    .tab-100 {
        width: 100%;
    }
}
@media (max-width: 767px) {
    [class*='col-'] {
        width: 100%;
    }
    .articolicorrelati .grid .col-30 {
        width: 30%;
    }
    .articolicorrelati .grid .col-70 {
        width: 70%;
    }
    .sma-20 {
        width: 20%;
    }
    .sma-25 {
        width: 25%;
    }
    .sma-33 {
        width: 33.33%;
    }
    .sma-50 {
        width: 50%;
    }
    .sma-65 {
        width: 65%;
    }
    .sma-100 {
        width: 100%;
    }
    .sma-hide {
        display: none
    }
}
@media (min-width: 768px) {
    .desk-hide {
        display: none;
    }
}
*, *:before, *:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* ! Grid categoria architetti/store manager */
.catarch {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    padding: 0 8%;
}
/*.catarch a img{
    width: 100%;
     height: 100%;
}
*/
/* Create four equal columns that sits next to each other */
.catarch .column {
    position: relative;
    flex: 10%;
    max-width: 10%;
    overflow: hidden;
    padding: 4px;
}
.catarch .column a {
    display: block;
    height: 152px !important;
    overflow: hidden;
}
.catarch .column img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    object-fit: cover;
}
.catarch .column img:hover {
grayscale(0 %);
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.catarch .column p.nome {
    position: absolute;
    bottom: -50%;
    z-index: 3;
    padding: 4px 12px;
    background-color: #fff;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    transition: all 1.2s cubic-bezier(.4, .0, .0, 1);
}
.catarch .column a:hover p.nome {
    bottom: 12%;
}
/* ! Articoli correlati */
.articolicorrelati h4 {
    margin: 8px 0 0 5px;
    padding-left: 6px;
    font-family: Nunito;
    font-size: 20px;
    color: #000;
    text-transform: capitalize;
}
.articolicorrelati h4 a {
    color: #000;
}
/*#articoli-correlati .articolicorrelati li .grid{
    padding: 10px 0;
     border-bottom: 1px solid #000;
}
*/
/* Responsive layout - makes a two column-layout instead of four columns */
@media (max-width: 800px) {
    .catarch {
        flex-flow: row wrap;
    }
    .catarch .column {
        flex: 33%;
        max-width: 33%;
    }
    .catarch .column a {
        height: 100% !important;
    }
    .catarch .column p.nome {
        display: none;
    }
    #articoli-correlati img {
        height: 90px !important;
        margin: 5px 0 0 0;
    }
    .articolicorrelati h4 {
        font-size: 16px;
    }
    .articolicorrelati p {
        font-size: 14px;
    }
}
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other @media (max-width: 600px) {
     .catarch .column {
         flex: 50%;
         max-width: 50%;
    }
}
*/
/* ! Social icons */
.social-icons {
    position: fixed;
    right: 0px;
    bottom: 50%;
    z-index: 9;
    width: 100px;
    transform: translateY(50%);
}
.social-icons a {
    display: block;
    width: 100%;
    padding: 6px;
    text-align: center;
}
.social-icons a img {
    width: 40px;
    margin: 0;
    padding: 10px;
    background-color: #fff;
    border-radius: 10px;
}
.social-icons a.youtube img {
    padding: 8px;
}
@media (max-width: 767px) {
    .social-icons {
        display: none;
    }
    /*.catarch div {
        width:24%;
         height: 100%;
    }
    */
}
/* ! Bottom icons */
.bottom-icon-left, .bottom-icon-right {
    position: fixed;
    bottom: 40px;
    z-index: 999;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    cursor: pointer
}
.bottom-icon-left img, .bottom-icon-right img {
    width: 40px;
}
.bottom-icon-left {
    left: 20px;
}
.bottom-icon-right {
    top: 20px;
    right: -30px;
    z-index: 1000
}
.bottom-icon-left {
    display: none;
}
@media (max-width: 767px) {
    .bottom-icon-left img, .bottom-icon-right img {
        width: 25px;
    }
    .bottom-icon-left {
        left: 0px;
    }
    .bottom-icon-right {
        right: 0px;
    }
}
@media (min-width: 769px) and (max-width: 1024px) {
    .bottom-icon-right {
        top: 20px;
        right: -25px;
    }
}
@media (min-width: 1024px) and (max-width: 1441px) {
    .scroll-down .bottom-icon-right {
        top: 0px;
    }
    .bottom-icon-right {
        top: 120px;
    }
}
/* ! Search icon */
.search-button {
    display:none;
    position: relative;
    top: 17px;
    width: 50px;
    height: 50px;
    margin-left: 40px;
    background-color: #F29400;
    border-radius: 4rem;
    transition: all 0.3s cubic-bezier(.215, .61, .355, 1);
    cursor: pointer;
}
.search-button:before {
    content: " ";
    position: absolute;
    top: 22.5%;
    right: 23.5%;
    width: 0;
    height: 4px;
    margin-top: -2px;
    background: #fff;
    transform: rotate(-45deg);
    transform-origin: right top;
}
.search-button:after {
    content: " ";
    position: absolute;
    right: 23.5%;
    bottom: 22.5%;
    width: 25%;
    height: 4px;
    margin-top: -2px;
    background: #fff;
    transform: rotate(45deg);
    transform-origin: right bottom;
}
.search-icon {
    position: absolute;
    top: 20%;
    left: 20%;
    width: 50%;
    height: 50%;
    border: 4px solid #fff;
    border-radius: 50%;
}
.search-button--active:before,
.search-button--active:after {
    width: 77.5%
}
.search-button--active .search-icon {
    width: 0;
    height: 0;
    border-color: transparent;
}
.search-button:before, .search-button:after, .search-button .search-icon {
    transition: all 0.3s ease-in-out;
}
@-webkit-keyframes intervalSearchBorder {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}
@keyframes intervalSearchBorder {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    80% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.6);
        transform: scale(1.6);
    }
}
/*.hamburger-wrapper {
     position: relative;
     display: flex;
     z-index: 999999;
     align-items: center;
     justify-content: center;
}
 .hamburger {
     width: 64px;
     height: 64px;
     display: block;
     cursor: pointer;
     position: relative;
     border-radius: 50%;
     background-color: #fff;
     pointer-events: auto;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
}
*/
.search-icon:not(.anim-off)::after {
    content: '';
    position: absolute;
    top: -14px;
    left: -14px;
    display: block;
    width: 50px;
    height: 50px;
    border: 4px solid #aa6608;
    border-radius: 50%;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-animation-name: intervalSearchBorder;
    animation-name: intervalSearchBorder;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@media (max-width: 767px) {
    .search-button {
        top: 20px;
        right: -30px;
        width: 45px;
        height: 45px;
    }
}
/* ! Search Panel */
.search-panel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 0;
    overflow-y: scroll;
    background: #F29400;
    transition: all 0.5s cubic-bezier(.215, .61, .355, 1);
}
.search-panel h3 {
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}
.search-panel form.search-ajax {
    margin-bottom: 60px;
    text-align: center;
}
.search-form-custom {
    position: relative;
}
.search-panel #searchInput {
    width: 100%;
    margin: 0 auto;
    padding: 25px 50px;
    background: #e6e6e6;
    border: 1px solid #707070;
    border-radius: 50px;
    font-size: 22px;
    cursor: text !important;
}
.search-form-custom button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px 8px 5px 0;
    padding: 22px 50px;
    background-color: #f29400;
    border: 0px;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
    cursor: pointer;
}
.search-form-custom button:hover {
    background-color: #C47800;
}
.search-panel #searchInput:focus {
    outline: none;
}
.search-panel .search-result {
    display: flex;
    margin-top: 20px;
}
.search-panel .search-result h3 {
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    text-transform: uppercase;
}
.search-panel .search-result .thumbnail-small {
    width: 80px !important;
    height: 80px !important;
    margin: 10px 10px 0 0;
}
.search-panel--open {
    opacity: 1;
    height: 100vh;
}
/* ! Search Result */
.search-results .fixed {
    background-color: #f4920b;
}
.search-results .subheadline {
    margin: 0 0 50px 0;
    padding: 10px 0;
    border-bottom: 1px solid #000;
    font-size: 34px;
    text-align: center;
}
.search-results h1.subheadline {
    font-size: 32px;
    text-align: center;
}
.search-results h3 {
    font-size: 32px;
}
.search-results .pagination {
    margin-top: 20px;
    text-align: center;
}
/* scroll Reveal */
.load-hidden {
    /*visibility: hidden;*/
}
.load-hidden-3-bottom, .load-hidden-right, .load-hidden-left {
    /*visibility: hidden;*/
}
/* ! Footer slider Sedi */
.slider-sedi .slick-prev {
    left: -25px;
}
.slider-sedi .slick-next {
    right: -25px;
}

.card-sede {
    width: 13rem;
    padding: 0 40px;
    text-align: center;
}
.card-sede h5 {
    margin: 0 0 10px 0;
    padding-bottom: 20px;
    border-bottom: 2px dashed #fff;
    font-size: 1px;
    font-weight: 300;
    color: #2e2e2e;
    text-transform: uppercase;
}
.card-sede img {
    width: 120px;
    margin: 0 auto;
}
.card-sede ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.card-sede ul li {
    display: block;
    margin: 5px 0;
}
.card-sede ul li a {
    font-size: 16px;
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}
.card-sede ul li a:hover {
    color: #f3920b;
}


/* ! Filtro search progetti */
.filtro-progetti fieldset select {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 105% 50%;
    border-right: none !important;
    border-top-left-radius: 0em !important;
    border-bottom-left-radius: 0em !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
/* Partners */
body .panel-top-pagina::before,
body .panel-top-testimonianze::before {
    height: 100%;
    background: rgba(0, 0, 0, .5);
}
.partners-loghi.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
    margin: 0;
    padding: 20px;
}
.partners-loghi.wp-block-gallery.has-nested-images figure.wp-block-image img,
.partners-loghi.wp-block-gallery li img {
    max-width: 100px !important;
    margin: 0 auto;
}
.partners-loghi.wp-block-gallery li > figure {
    margin: 0;
    padding: 20px;
}
.partners-loghi.wp-block-gallery .blocks-gallery-item {
    align-items: center;
    align-self: center;
}
.partners-loghi.wp-block-gallery.has-nested-images figure.wp-block-image img {
    max-width: 100px !important;
    margin: 0 auto;
}
.grid .partnersitem {
    width: 24%;
    margin: 4px;
    padding: 10px 15px;
    /*border: 2px solid #e0e0e0;
    */
}
.grid .partnersitem h2 {
    padding-left: 10px;
    border-left: 6px solid #000;
    font-weight: bold;
}
@media (min-width: 1023px) {
    .partners-loghi {
        max-width: 90%;
        margin: 0 auto;
    }
}
@media (max-width: 991px) {
    .grid .partnersitem {
        width: 32%;
    }
}
@media (max-width: 767px) {
    .grid .partnersitem {
        width: 100%;
    }
}
/* ! Chiavi in mano */
.chiavi-in-mano .box-centrato {
    margin: 40px 0;
    text-align: center;
}
.chiavi-in-mano .box-centrato a.faiprev {
    display: inline-block;;
    margin: 35px auto 0 auto;
    padding: 15px 25px;
    background-color: #056e14 !important;
    color: #fff !important;
}
/* Enel luce e gas */
.gravitypagenel {
    max-width: 1200px;
    margin: 30px auto 0 auto;
    padding: 20px;
    background-color: #e2e2e2;
    border: 2px solid #8b8b8b !important;
}
.gravitypagenel .gform_wrapper ul.gform_fields li.gfield {
    padding-right: 20px;
}
.gravitypagenel .gform_wrapper .gform_page_footer .button {
    background-color: #f19207;
    border: none;
!important;
    color: #fff;
}
/* ! Chi siamo */
.chisiamo {
    padding: 30px 0;
    text-align: center;
}
.chisiamo h3 {
    font-size: 36px;
}
.chisiamo .mission p, .chisiamo .vision p {
    font-size: 22px;
}
.chisiamo .col-50 {
    padding: 30px 0;
}
.chisiamo .mission, .chisiamo .vision {
    padding: 50px;
    color: #fff;
}
.chisiamo .mission {
    background-color: #f5a325;
    border-right: 2px solid #fff;
}
.chisiamo .vision {
    background-color: #000000;
    border-left: 2px solid #fff;
}
.valori {
    text-align: center;
}
.valori h3 {
    display: block;
    display: inline-block;
    padding: 5px;
    border-bottom: 3px solid #000;
    font-size: 48px;
}
.valori img {
    margin: 20px;
    padding: 10px;
    border: 2px solid #000;
}
/* ! Comunicati stampa */
@media (max-width: 767px) {
    .single-comunicati img {
        width: 100%;
        height: 100%;
    }
    .single-comunicati .panel-top-blog-post {
        display: table-cell;
        vertical-align: bottom;
        padding: 0 0 20px 0;
    }
    .single-comunicati .panel-top-blog-post h1 {
        font-size: 20px;
    }
}
/* ! Lavora con noi */
.allibo .button {
    display: inline-block;
    width: 100%;
    margin: 4px 2px;
    padding: 15px;
    background-color: #f29206;
    border: 2px solid black;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color: white;
    text-decoration: none;
    text-decoration: blink;
    cursor: pointer;
}
.button-sinistra {
    -ms-transform: skewX(-13deg);
    -webkit-transform: skewX(-13deg);
    transform: skewX(-13deg);
}
.button-centrale {
    -ms-transform: skewX(-13deg);
    -webkit-transform: skewX(-13deg);
    transform: skewX(-13deg);
}
.button-destra {
    -ms-transform: skewX(-13deg);
    -webkit-transform: skewX(-13deg);
    transform: skewX(-13deg);
}
.allibo .button:hover {
    background-color: #f49401;
    border: 2px solid #f49401;
    color: #ffffff;
    text-decoration: blink;
}
.allibo {
    display: inline-block;
    width: 32.33%;
    padding: 8px;
}
.AHRP_adv {
    margin: 20px 0;
    padding: 10px 0 5px 20px;
    border-bottom: 1px solid #e7e7e7;
    border-left: 8px solid #e7e7e7;
}
@media screen and (max-width: 767px) {
    .button-destra, .button-centrale, .button-sinistra {
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
    }
}
/* ! Pagina sedi */
.sedi-template-default .responsabile-slide {
    position: relative;
}
.sedi-template-default .responsabile-slide .slick-next {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 9999;
    width: 40px;
    height: 40px;
    background-color: #000;
    border-radius: 100px;
    /*line-height: 50px;
    */
    text-align: center;
    color: #fff;
}
.sedi-template-default .responsabile-slide .slick-prev {
    position: absolute;
    top: 0px;
    right: 45px;
    left: auto;
    z-index: 9999;
    width: 40px;
    height: 40px;
    background-color: #000;
    border-radius: 100px;
    /*line-height: 50px;
    */
    text-align: center;
    color: #fff;
}
.sedi-template-default .responsabile-slide .slick-next:before, .sedi-template-default .responsabile-slide .slick-prev:before {
    line-height: 5px;
    color: #fff !important;
}
.responsabile-slide-scheda-store .slick-prev {
    top: calc(50% - 15px) !important;
    right: auto !important;
    left: -50px !important;
}
.responsabile-slide-scheda-store .slick-next {
    top: calc(50% - 15px) !important;
    right: -50px !important;
}
.page-template-page-sedi .sede-elenco h3 {
    display: none;
}
/* ! Plugin Dario */
body.single-progetto .dc-joystick-slider-wrap {
    min-height: 500px;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-list .slick-slide .item .col-dx h3 {
    font-size: 28px;
}
.dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-list .slick-slide .item .col-dx p {
    font-size: 18px;
    line-height: 24px;
}
@media screen and (max-width: 767px) {
    .dc-joystick-slider-wrap {
        min-height: 250px;
    }
    .responsabile-slide-scheda-store .slick-prev {
        top: calc(5% - 15px) !important;
        right: auto !important;
        left: 0px !important;
    }
    .responsabile-slide-scheda-store .slick-next {
        top: calc(5% - 15px) !important;
        right: 0px !important;
    }
    .dc-joystick-slider-wrap ul.dc-joystick-slider-tabs li a {
        font-size: 14px !important;
    }
}
/* ! Template preventivi */
.page-template-page-preventivi .panel-footer-blog,
.page-template-page-preventivi .panel-footer-video,
.page-template-page-preventivi .panel-footer-newsletter {
    display: none;
}
.page-template-page-preventivi .panel-footer-sedi {
    margin-top: 100px;
}
.page-template-page-preventivi .panel-footer-copy {
    margin-bottom: 0;
}
.page-template-page-preventivi .panel-footer-copy {
    padding-bottom: 50px;
}
/* ! Template Progetti Tipologia */
.page-template-page-progetti-tipologia .panel, .page-template-page-progetti-stili .panel, .post-type-archive-architetti .panel, .page-template-eventi-e-stampa .panel, .page-template-page-sedi .panel {
    padding-bottom: 0;
}
/* ! Tk page */
ol.tkpage li {
    font-size: 20px;
}
/* ! Gravity Form */
/* newsletter*/
/* titolo*/
#gform_wrapper_3 .gfield_label {
    font-family: Raleway, sans-serif;
    font-size: 20px;
    font-weight: 600;
}
/*allineamento checkbox*/
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {
    vertical-align: top;
    margin-top: 6px;
    margin-right: 5px;
}
/*testo checkbox*/
#input_3_3, #input_3_7 {
    font-family: Raleway, sans-serif;
    font-size: 18px;
    font-weight: 400;
}
/*
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 320px;
    padding-bottom: 5px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #1d1d1d;
    border-left: 0;
    transition: 0.15s all ease;
}*/
.gform_wrapper .gform_ajax_spinner {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}
#gform_submit_button_3 {
    background: #db8604;
    border: none;
    border-radius: 99px;
    font-size: 16px;
    color: white;
}
#input_3_4, #input_3_5 {
    font-size: 14px;
    color: #1d1d1d;
}
.validation_message {
    position: absolute;
    right: unset;
    bottom: -30px;
    left: 25%;
    z-index: 99;
    width: auto !important;
    padding: 5px 20px 6px 20px !important;
    background: #F44336;
    border-radius: 3px;
    font-size: 11px !important;
    font-weight: 300 !important;
    text-align: center;
    color: #fff !important;
}
@media screen and (max-width: 1024px) {
    .validation_message {
        right: unset;
        left: 25%;
    }
}
.box_newsletter .gform_wrapper .validation_message, .preform_home_page .gform_wrapper .validation_message, .sidebar .gform_wrapper .validation_message {
    display: none;
}
.gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: calc(100% - 0px) !important;
    padding: 0px 0px 0px 0px;
    background: none;
    border: none;
}
.box_newsletter .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .box_newsletter .gform_wrapper li.gfield_error textarea {
    width: 320px;
    padding-bottom: 5px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #F44336;
    border-left: 0;
    transition: 0.15s all ease;
}
.sidebar .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .sidebar .gform_wrapper li.gfield_error textarea {
    width: 320px;
    padding-bottom: 5px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #F44336 !important;
    border-left: 0;
    transition: 0.15s all ease;
}
.box_newsletter .gform_wrapper div.validation_error, .sidebar .gform_wrapper div.validation_error, .preform_home_page .gform_wrapper div.validation_error {
    display: block;
}
.box_newsletter .gform_wrapper li.gfield_error ::-webkit-input-placeholder, .sidebar .gform_wrapper li.gfield_error ::-webkit-input-placeholder, .preform_home_page .gform_wrapper li.gfield_error ::-webkit-input-placeholder, .pagina_preventivo .gform_wrapper li.gfield_error ::-webkit-input-placeholder {
    font-weight: 700;
    color: #F44336 !important;
}
/*placeholder errori*/
.validation_message ::placeholder {
/ Chrome, Firefox, Opera, Safari 10.1 + / color: #f44336 !important;
    opacity: 1;
/ Firefox /
}
.validation_message ::-ms-input-placeholder {
/ Internet Explorer 10 - 11 / color: #f44336 !important;
}
.validation_message ::-ms-input-placeholder {
/ Microsoft Edge / color: #f44336 !important;
}
.preform_home_page .gform_wrapper li.gfield.gfield_error {
    margin-bottom: 0px !important;
    padding-top: 0px;
    padding-bottom: 6px;
    background-color: transparent;
    border-top: 0px;
    border-bottom: 0px;
    box-sizing: border-box;
}
.gform_wrapper li.gfield_error ul.gfield_checkbox {
    font-weight: 700;
    color: #F44336;
}
.pagina_preventivo .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .pagina_preventivo .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
    padding: 0px 0px 0px 0px !important;
    padding-right: 0;
    background: none;
    border: none;
}
.pagina_preventivo .gform_wrapper .validation_message {
    display: block;
}
.pagina_preventivo .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    padding: 0px 0px 0px 0px !important;
    background: none;
    border: none;
}
.pagina_preventivo .gform_wrapper.gf_browser_chrome .gfield_error select {
    margin-left: 1px;
    border: 1px solid #F44336 !important;
    font-weight: 700;
    color: #F44336 !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: rgb(255 255 255 / 0%) !important;
}
/* ! Pre Form Preventivo Home */
#gform_2 .gform_footer.top_label {
    visibility: hidden !important;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
/*#gform_submit_button_2 {
     display:none !important;
     opacity: 0!important;
}
*/
#gform_wrapper_2 {
    display: inline-block;
    justify-content: center;
    width: 870px;
}
#gform_wrapper_2 ul.gform_fields {
    text-align: center;
}
#home__form__disclaimer {
    width: 670px;
    margin: 0 auto;
    font-size: 15px;
    line-height: 1.3;
    text-align: left;
}
/* superficie*/
#input_2_1 {
    margin-top: 0px;
    border-radius: 7px 0px 0px 7px;
}
.preform_home_page ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 1;
    color: black;
    /* Firefox */
}
.preform_home_page ::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: black;
}
.preform_home_page ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: black;
}
/* pulsante */
#field_2_5 {
    width: 262px;
    margin-top: 24px;
}
/*tendine*/
#input_2_3, #input_2_2, #input_2_1 {
    width: 100% !important;
    height: 68px;
    padding-left: 40px;
    border: none;
    font-family: 'Nunito';
    font-size: 16px;
}
#field_2_1, #field_2_2, #field_2_3 {
    width: 163px;
    height: 68px;
}
@media screen and (min-width: 575px) and (max-width: 1024px) {
    #gform_2 ul.gform_fields {
        text-align: center;
    }
    #input_2_3, #input_2_2, #input_2_1 {
        width: 156px !important;
    }
    #field_2_1, #field_2_2, #field_2_3 {
        width: 156px;
    }
    #home__form__disclaimer {
        width: 90%;
    }
}
#field_2_2 {
    margin-left: -1px !important;
}
.preform_home_page :focus {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.preform_home_page .gfield_select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.39' height='7.2' viewBox='0 0 11.39 7.2'%3E%3Cpath id='Tracciato_103' data-name='Tracciato 103' d='M-13929-2680.294l5.387,6.108,5.249-6.108' transform='translate(13929.375 2680.625)' fill='none' stroke='%23000' stroke-width='1'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 114px;
    -webkit-appearance: none !important;
    appearance: none !important;
}
.avanti-home :focus {
    background-color: #ff9c04;
    color: #fff;
}
.preform_home_page .gform_wrapper {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}
/* test gravity */
/*#gform_wrapper_1 {
    display: block !important;
}*/
/* iscrizione newsletter articoli*/
#gform_wrapper_6 {
    width: 364px;
    padding: 30px;
    background-color: #F29400;
    border: 6px solid lightgray;
    text-align: center;
    color: #ffffff;
}
/*#gform_widget-6:before {
    content: "";
    position: relative;
    top: 31px;
    left: 4px;
    z-index: 9;
    display: inline-block;
    width: 364px;
    height: 218px;
    margin-bottom: -16px;
    background-image: url(https://www.facileristrutturare.it/wp-content/themes/levelpro/img/paolamarella-newletter.png) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    -webkit-text-size-adjust: 100%;
}*/
#input_6_4, #input_6_5 {
    width: 100%;
    background-color: transparent;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #fff;
    border-left: 0;
}
#gform_submit_button_6 {
    width: 9rem;
    height: 2rem;
    padding-top: 2px;
    padding-left: 25px;
    background-color: green;
    border: 0;
    border-radius: 4rem;
    line-height: 30px;
    text-align: left;
    color: white;
}
#gform_submit_button_6:hover {
    background-color: #008000bd;
}
#gform_wrapper_6 .gform_footer.top_label {
    text-align: center;
}
#field_6_4 ::-webkit-input-placeholder, #field_6_5 ::-webkit-input-placeholder {
    font-size: 15px;
    color: white;
}
#field_6_8 {
    width: 102%;
    padding-bottom: 8px;
    font-size: 1.5em;
    text-align: center;
}
/* contatti */
#gform_wrapper_5 {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}
#input_5_2, #input_5_4, #input_5_7, #input_5_3, #input_5_5, #input_5_8 {
    width: 100%;
}
#input_5_10 {
    margin-top: 36px;
}
#gform_submit_button_5 {
    width: 100%;
    height: 57px;
    background: #056E11;
    border: none;
    border-radius: 3px;
    font-family: 'Nunito';
    font-size: 18px;
    color: white;
    text-transform: uppercase;
}
/*errori*/
.gform_wrapper li.gfield_error ::-webkit-input-placeholder {
    font-weight: 700;
    color: #F44336 !important;
}
.gform_wrapper div.validation_error {
    display: none;
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    width: 320px;
    padding-bottom: 5px;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #F44336;
    border-left: 0;
    transition: 0.15s all ease;
}
.gform_wrapper li.gfield.gfield_error {
    margin-bottom: 0px !important;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: rgb(255 223 224 / 0%);
    border-top: none;
    border-bottom: none;
    box-sizing: border-box;
}
/*campo mq in preventivo*/
/*#field_1_5 {
    width: 92px;
    margin-right: 25px;
}*/
.avanti-home, .button, input, select {
    cursor: pointer !important;
}
/*usato per nome, cognome, email, telefono*/
.validation_message {
    position: absolute;
    right: unset;
    bottom: -20px !important;
    left: 43% !important;
    z-index: 99;
    width: auto !important;
    padding: 5px 20px 6px 20px !important;
    background: #F44336;
    border-radius: 3px;
    font-size: 11px !important;
    font-weight: 300 !important;
    text-align: center;
    color: #fff !important;
}
/*rev home*/
div#validation_message_2_1 {
    left: 10%;
    width: 100% !important;
}
.pagina_preventivo .gform_wrapper .validation_message {
    display: block !important;
}
.box_newsletter .gform_wrapper .validation_message, .preform_home_page .gform_wrapper .validation_message, .sidebar .gform_wrapper .validation_message {
    display: block !important
}
/*ogni field - label*/
.gfield, .gform_fields {
    position: relative;
}
.validation_message::after {
    content: '';
    position: absolute;
    top: -10px;
    left: 5%;
    width: 0;
    height: 0;
    clear: both;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f44336;
    border-left: 10px solid transparent;
}
/*tolgo il margine, che si genera alla comparsa di errori*/
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 8px;
}
/*ogni field - label*/
.gfield {
    position: relative;
}
/* errore field indica la superficie*/
li#field_1_2 .validation_message {
    left: 54% !important;
    text-align: right;
}
/* errore field numero bagni*/
li#field_1_3 .validation_message {
    right: unset;
    left: 17% !important;
    width: auto;
}
/*tolgo il margine, che si genera alla comparsa di errori*/
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 8px;
}
/*spinner*/
img.gform_ajax_spinner {
    display: block !important;
    margin: 15px auto !important;
}
.gform_ajax_spinner {
    position: absolute;
    right: 0;
    left: 0;
    width: 30px;
    height: 30px;
    margin-left: 20px;
    border: 4px solid #f29305;
    border-left: 4px solid #f29305;
    border-radius: 50%;
    animation: spinner 1.1s infinite linear;
}
@keyframes spinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*tolgo il margine al campo "provincia"*/
.gform_wrapper ul.gform_fields li.gfield {
    padding-right: 0;
}
/* vaidazione errori, ul#gform_fields_1_2*/
ul#gform_fields_1_2 .validation_message {
    bottom: -20px;
    width: auto !important;
}
div#validation_message_1_154, div#validation_message_1_155, div#validation_message_1_156 {
    right: 25%;
    bottom: -30px;
    width: auto !important;
}
/*errore reCAPTCHA*/
div#validation_message_5_21 {
    left: 0 !important;
    /* right: 0;
     */
}
/*newsletter*/
div#validation_message_3_4, div#validation_message_3_5, div#validation_message_3_7 {
    left: 20% !important;
}
/*errore in alto generico*/
.validation_error {
    display: none !important;
}
/*errore bordo del field*/
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #f44336 !important;
}
/* errore placeholder */
.ginput_container .gfield_error input:-moz-placeholder, .ginput_container .gfield_error select:-moz-placeholder, .ginput_container .gfield_error textarea:-moz-placeholder {
    color: #f44336 !important
}
.ginput_container .gfield_error input::-moz-placeholder, .ginput_container .gfield_error select::-moz-placeholder, .ginput_container .gfield_error textarea::-moz-placeholder {
    color: #f44336 !important
}
.ginput_container .gfield_error input:-ms-input-placeholder, .ginput_container .gfield_error select:-ms-input-placeholder, .ginput_container .gfield_error textarea:-ms-input-placeholder {
    color: #f44336 !important
}
.ginput_container .gfield_error input::-webkit-input-placeholder, .ginput_container .gfield_error select::-webkit-input-placeholder, .ginput_container .gfield_error textarea::-webkit-input-placeholder {
    color: #f44336 !important
}
ul.wp-block-categories-list.wp-block-categories {
    padding-left: 0;
    list-style: none;
}
ul.wp-block-categories-list.wp-block-categories li {
    margin-bottom: 6px;
}
ul.wp-block-categories-list.wp-block-categories li a {
    font-weight: bold;
    color: #f3920b;
    text-transform: uppercase;
    transition: color .3s ease-in-out;
}
ul.wp-block-categories-list.wp-block-categories li a:hover {
    color: #000;
}
.relatedPosts {
    margin-top: 40px;
}
@media screen and (max-width: 1024px) {
    /* errore field indica la superficie*/
    li#field_1_2 .validation_message {
        left: 14% !important;
    }
    li#field_1_7 {
        width: 22%;
    }
    /*tolgo i margine al field numero di bagni, che si genera agli errori*/
    .gform_wrapper ul.gform_fields li.gfield.gfield_error + li.gfield.gfield_error {
        margin-top: 17px;
    }
    /*allineo il messaggio di errore al campo "indica la superficie" e "numero bagni"*/
    li#field_1_2 .validation_message, li#field_1_3 .validation_message {
        margin: 0 auto;
        text-align: center;
    }
    li#field_1_3 .validation_message {
        right: unset;
        left: 25%;
        width: auto;
    }
    .validation_message {
        left: 40%;
    }
    /*allineo i campi "nome" e "cognome"*/
    /*.top_label div.ginput_complex.ginput_container.gf_name_has_1, .top_label div.ginput_complex.ginput_container.gf_name_has_2, .top_label div.ginput_complex.ginput_container.gf_name_has_3 {
        width: unset
    }
    span#input_1_11_3_container {
        margin: 0 auto;
    }*/
    div.ginput_container_name span {
        margin-right: 0px;
        padding-right: 0px;
    }
    .validation_message {
        right: 0;
        left: 0;
        width: 30% !important;
        margin: 0 auto;
    }
    /*errori articoli newsletter*/
    div#validation_message_6_4, div#validation_message_6_5, div#validation_message_6_7 {
        left: 30% !important;
    }
    div#validation_message_3_4, div#validation_message_3_5, div#validation_message_3_7 {
        left: 15% !important;
    }
}
@media screen and (max-width: 769px) {
    .validation_message {
        width: 40% !important;
    }
    .validation_message {
        bottom: -10px;
        font-size: 12px !important;
    }
    li#field_1_3 .validation_message {
        right: unset;
        left: 32%;
        width: auto;
    }
    .validation_message {
        left: 30%;
    }
    /* errore field indica i bagni*/
    li#field_1_2 .validation_message, li#field_1_3 .validation_message {
        left: 30% !important;
    }
}
/* preventivo */

.pagina_preventivo .gform_wrapper .gf_page_steps {
    display: inline-flex;
    justify-content: center;
    width: 100%;
    margin: 0 0 8px 0;
    padding: 0 0 4px 0;
    border-bottom: none;
}
.pagina_preventivo .gform_wrapper .gf_step {
    display: -moz-inline-stack;
    display: inline-block;
    width: 311px;
    height: 63px;
    margin: 16px 15px 16px 0;
    padding-top: 15px;
    background-color: #E5E5E5;
    font-family: 'Nunito';
    font-size: 18px;
    text-align: center;
}
.pagina_preventivo .gform_wrapper .gf_step span.gf_step_number {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: initial;
    padding-top: 8px;
}
.pagina_preventivo .gform_wrapper .gf_step span.gf_step_number {
    width: 36px;
    height: 36px;
    margin-right: 4px;
    background: white;
    border-radius: 50%;
    font-family: 'Nunito';
    font-size: 18px;
}
.pagina_preventivo .gform_body {
    max-width: 1000px;
    margin: 0 auto;
}
#field_1_164, #field_1_166, #field_1_167 {
    padding-bottom: 21px;
    border-bottom: 2px dashed black;
}

.pagina_preventivo .gform_wrapper .gf_step span.gf_step_label, .pagina_preventivo .gform_wrapper .gf_step span.gf_step_number {
    display: inline-block;
    vertical-align: inherit;
}
.pagina_preventivo .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    width: 292px;
    height: 52px;
    padding-left: 16px !important;
    border: 1px solid black;
    border-radius: 0px;
    font-size: 20px !important;
    color: black !important;
    transition: 0.15s all ease;
}
.pagina_preventivo .instruction {
    display: none;
}
#input_1_3, #input_1_7 {
    max-width: 292px;
    height: 52px;
    margin-top: 12px;
    padding-left: 16px !important;
    background-position-x: 256px;
    border: 1px solid black;
    font-size: 20px !important;
    color: black;
}
#field_1_2, #input_1_5 {
    text-align: right;
}
#input_1_5, #input_1_2 {
    border-radius: 0px !important;
    text-align: left;
}
#input_1_5, #input_1_7 {
    width: 99px !important;
    height: 39px;
    padding-left: 11px !important;
    font-size: 14px !important;
}
#input_1_175 {
    width: 610px;
    height: 39px;
    padding-left: 11px !important;
    border-color: #000;
    font-size: 20px !important;
}
#field_1_17 {
    display: inline-flex;
    width: 194px;
    padding-top: 30px;
    font-family: 'Nunito';
    font-size: 18px;
}
#field_1_4 {
    display: inline-flex;
    width: 194px;
    margin-left: 191px !important;
    padding-top: 30px;
    font-family: 'Nunito';
    font-size: 18px;
}
#choice_1_17_1, #choice_1_4_1, #choice_1_9_1, #choice_1_9_2, #choice_1_9_3, #choice_1_9_4 {
    width: 27px !important;
    height: 27px;
    margin-top: 10px;
}
#choice_1_17_1, #choice_1_4_1, #choice_1_9_1, #choice_1_9_2, #choice_1_9_3, #choice_1_9_4 :focus {
    outline: 0px !important;
}
#label_1_9_1, #label_1_9_2, #label_1_9_3, #label_1_9_4 {
    padding-top: 6px;
    font-family: 'Nunito';
    font-size: 18px;
    font-weight: 700;
}
#label_1_17_1, #label_1_4_1 {
    display: none;
}
#input_1_9 .gchoice_1_9_1, #input_1_9 .gchoice_1_9_3 {
    padding-right: 88px !important;
    padding-bottom: 35px !important;
    text-align: right;
}
#input_1_9 .gchoice_1_9_3 {
    padding-right: 125px !important;
}

.pagina_preventivo :focus {
    border: none !important;
    outline: 2px solid #f29206 !important;
}

#gform_next_button_1_110 {
    width: 292px;
    height: 57px;
    background: #056E11;
    border: none;
    border-radius: 3px;
    font-family: 'Nunito';
    font-size: 18px;
    color: white;
    text-transform: uppercase;
}
#gform_next_button_1_110 :hover {
    background: #02550C;
}
#field_1_165 {
    padding-top: 32px;
    padding-bottom: 20px;
}
.pagina_preventivo .gform_page_footer {
    border: none;
    text-align: center;
}

#input_1_13, #input_1_12 {
    width: 610px;
}
#input_1_15 {
    width: 610px;
    height: 52px;
    padding-left: 10px;
    border: 1px solid black;
    font-family: 'Nunito';
    font-size: 18px;
}
#gform_page_1_2 {
    text-align: center;
}
#input_1_11_3_container {
    padding-right: 21px;
    text-align: right;
}
#input_1_11_6_container {
    padding-left: 4px;
    text-align: left;
}
#input_1_12 {
    margin-top: 2px;
}
#field_1_13 {
    margin-top: -14px;
}
#gform_previous_button_1_151, #gform_previous_button_1 {
    width: 292px;
    height: 57px;
    margin-right: 20px;
    background: #B7B7B7;
    border: none;
    border-radius: 3px;
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    color: white;
    text-transform: uppercase;
}
#gform_next_button_1_151, #gform_submit_button_1 {
    width: 292px;
    height: 57px;
    margin-right: 13px;
    background: #056E11;
    border: none;
    border-radius: 3px;
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    color: white;
    text-transform: uppercase;
}
#gform_fields_1_3 {
    max-width: 610px;
    margin: 0 auto !important;
}

.pagina_preventivo .container--subtitle--border h2 {
    background-color: #fff !important;
}
.pagina_preventivo .horizontal-separator-left {
    right: 150px;
    background: #EAEAEA;
}
.pagina_preventivo .horizontal-separator-right {
    left: 150px;
    background: #EAEAEA;
}

#label_1_162_1 {
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
#field_1_153, #field_1_154, #field_1_155, #field_1_156, #field_1_157, #field_1_158, #field_1_159, #field_1_160 {
    padding-top: 15px;
}
.pagina_preventivo ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 1;
    color: black;
    /* Firefox */
}
.pagina_preventivo ::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: black;
}
.pagina_preventivo ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: black;
}
@media (max-width: 767px) {
    .pagina_preventivo .gform_wrapper .gf_step {
        margin: 0px 0px 0px 0;
    }
    #field_1_164 {
        padding-bottom: 6px;
    }
    #field_1_2, #field_1_3 {
        text-align: center;
    }
    /* controsoffitto */

    #field_1_4 {
        display: inline-flex;
        width: 194px;
        margin-left: 42px !important;
        padding-top: 30px;
        font-family: 'Nunito';
        font-size: 18px;
    }
    #field_1_5 {
        display: inline-flex;
    }
    #input_1_4 {
        margin-left: 10px;
    }
    /* condizionatori */

    #field_1_7 {
        display: inline-flex;
    }
    #field_1_17 {
        margin-left: 42px !important;
    }
    #input_1_9 .gchoice_1_9_1, #input_1_9 .gchoice_1_9_3 {
        padding-right: 0px !important;
        padding-bottom: 0px !important;
        text-align: left;
    }
    .pagina-preventivi .gf_step_label {
        display: none !important;
    }
    #input_1_9 {
        padding: 0 25px 0px 27px;
        direction: rtl;
    }
    #gform_previous_button_1_151 {
        margin-right: 0px;
    }
    #input_1_11_3_container {
        padding-right: 0px !important;
        text-align: center !important;
    }
    #input_1_13, #input_1_12 {
        width: 100%;
    }
    #input_1_11_6_container {
        padding-left: 0px !important;
        text-align: center !important;
    }
    #input_1_15 {
        width: 292px !important;
        padding-left: 14px;
        font-size: 20px;
    }
    #input_1_11_3 {
        margin-bottom: 0px;
    }
    #input_1_13, #input_1_12 {
        width: 292px !important;
    }
    #gform_next_button_1_151, #gform_submit_button_1 {
        margin-right: 0px;
    }
    #gform_fields_1_3 {
        max-width: 100% !important;
        margin: 0 auto !important;
        padding-top: 25px !important;
        padding-right: 0px;
        padding-left: 10px !important;
        direction: rtl;
    }
    #label_1_162_1 {
        padding-left: 0px !important;
        font-family: 'Nunito';
        font-size: 18px;
        font-weight: 700;
    }
    #gform_previous_button_1 {
        margin-right: 0px;
    }
    .gform_wrapper.gf_browser_safari .gfield_checkbox li input, .gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio] {
        margin-top: 4px;
        margin-right: 11px;
    }
    #choice_1_162_1 .gform_wrapper.gf_browser_safari .gfield_checkbox li input, .gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_safari .gfield_radio li input[type=radio] {
        width: 27px !important;
        height: 27px;
        margin-top: 0px;
        margin-right: 0px;
        margin-left: 5px;

    }
    /*pagina*/
    .pagina-preventivi {
        margin-top: -16px !important;
    }
}

#input_1_3, #input_1_7, #input_1_15 {
    background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
    appearance: none;
    -webkit-appearance: none !important;
}
#field_1_172 {
    display: none;
}
/*pagina*/
.pagina-preventivi {
    padding-top: 0 !important;
    padding-bottom: 0;
}
/*margine privacy accetta*/
#field_1_162 {
    margin-top: 43px;
}
#field_1_5 {
    width: 115px;
    margin-right: 0;
    text-align: left !important;
}
body .pagina-preventivi .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .pagina-preventivi .gform_wrapper ul li.field_description_below div.ginput_container_radio {
    margin-top: -16px;
    margin-bottom: 0;
    padding-left: 13px;
}
/* errore nome cognome larghezza*/
.gform_wrapper li.gfield_error .ginput_container_name input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error .ginput_container_name textarea, .gform_wrapper li.gfield_error .ginput_container_number input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error .ginput_container_number textarea {
    width: 292px;
}
/*pre form */
#input_2_2, #input_2_3 {
    border-radius: 0;
}
/* fix tablet */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    #input_1_9 {
        padding: 0 3% 33px 21% !important;
        direction: ltr;
    }
}
/*codice insierot oggi per form "Compila il form e ottieni subito informazioni Nome* Nome * Per piacere inserisci il tuo nome"*/
#field_5_16 {
    padding: 0px 0 15px 0 !important;
}
#validation_message_5_16 {
    top: 40px !important;
}
/*spinner newsletter*/
/*spinner*/
.preform_home_page .gform_ajax_spinner {
    display: none !important;
}
.box_newsletter .gform_ajax_spinner {
    position: absolute !important;
    right: 200px !important;
    bottom: 15px !important;
}
.gform_widget .gform_ajax_spinner {
    right: 200px !important;
    bottom: 50px !important;
    left: 0px !important;
    display: block !important;
}
#gform_5 {
    position: relative
}
#gform_5 .gform_ajax_spinner {
    position: absolute;
    right: 100px !important;
    bottom: 10px !important;
    left: unset !important;
}
@media screen and (max-width: 769px) {
    .validation_message {
        right: 50px;
        left: 50px !important;
        width: auto !important;
    }
    /*form newsletter*/
    #gform_6 .gform_ajax_spinner {
        right: 90px !important;
        bottom: 70px !important;
        left: unset !important;
    }
    #field_5_16 {
        padding: unset;
    }
    #validation_message_5_16 {
        top: unset;
    }
    .box_newsletter .gform_ajax_spinner {
        position: absolute !important;
        right: 0px !important;
        bottom: 37px !important;
        left: 180px
    }
    #gform_submit_button_6 {
        width: 80% !important;
        height: unset;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center
    }
    .gform_widget .gform_ajax_spinner {
        bottom: 67px !important;
        left: 170px !important;
    }
    #gform_5 .gform_ajax_spinner {
        right: 70px !important;
        bottom: 10px !important;
    }
    .gform_widget .gform_ajax_spinner {
        right: 0px !important;
        bottom: 67px !important;
    }
}
@media screen and (max-width: 1024px) {
    .gform_widget .gform_ajax_spinner {
        right: unset !important;
        bottom: 50px !important;
        left: 300px !important;
    }
}
/*#label_1_168_1 {
     font-size: 18px;
     font-family: 'Nunito';
     font-weight: 700;
     padding-left: 0px!important;
}
*/
/*
#field_1_168 {
    padding-top: 15px;
}
#field_1_168 .ginput_container_checkbox {
    max-width: 610px;
    margin: 0 auto;
}
#field_1_168 .ginput_container_checkbox li.gchoice {
    text-align: left;
}*/
@media screen and (min-width: 1024px) {
    /*pagina preventivatore*/
       .page-id-522891 .margin-top {
           margin-top: 10px !important;
       }
       .page-id-522891 .pagina_preventivo .gform_wrapper .gf_step {
           margin: 5px 15px 5px 0;
           padding-top: 15px;
       }
       .page-id-522891 .pagina_preventivo .gform_wrapper .gf_page_steps {
           margin: 0 0 0px 0;
           padding: 0 0 0px 0;
       }
       .page-id-522891 #field_1_164, #field_1_166, #field_1_167 {
           padding-bottom: 0px;
       }
       .page-id-522891 #field_1_2, .page-id-522891 #field_1_3, .page-id-522891 li#field_1_4, .page-id-522891 li#field_1_5, .page-id-522891 li#field_1_17, .page-id-522891 li#field_1_7 {
           margin: 7px 0
       }
       .page-id-522891 #field_1_165 {
           padding-top: 5px;
           padding-bottom: 5px;
       }
       .page-id-522891 .container--subtitle--border {
           margin: 0 0 10px 0;
       }
       .page-id-522891 #input_1_9 .gchoice_1_9_1, #input_1_9 .gchoice_1_9_3 {
           padding-bottom: 20px !important;
       }
       .page-id-522891 .gform_wrapper .gform_page_footer {
           margin: 40px 0 10px;
           padding: 0px 0 0 0;
       }
    /*fine pagina preventivatore*/
    /*pagina contattaci*/
    .page-id-523671 .panel-top-pagina {
        height: 440px;
        margin: 0 0 0px 0;
        padding: 250px 0 0 0;
    }
    .page-id-523671 .panel-info-sede {
        margin: 40px 0 40px 0;
    }
    /*fine pagina contattaci*/
}
/*pagina contattaci*/
.page-id-523671 input#gform_submit_button_5 {
    display: block;
    width: 292px;
    margin: 0 auto;
}
.page-id-523671 input#gform_submit_button_5:hover {
    background: #04600f;
}
/*fine pagina contattaci*/
/*pagina preventivatore*/
.page-id-522891 input#gform_next_button_1_110:hover {
    background: #04600f;
    /*verde*/
}
/*fine pagina preventivatore*/
#barra-dati {
    margin: 50px auto;
    padding: 50px;
    background: #F3920B;
    color: #fff;
}
#barra-dati ul,
#barra-dati ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#barra-dati ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: start;
}
#barra-dati ul li {
    display: flex;
    flex-direction: column;
    padding: 0px 35px;
}
#barra-dati ul li:not(:last-child) {
    border-right: 1px solid #fff;
}
#barra-dati ul li .dati-string {
    position: relative;
    top: -10px;
    display: block;
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    line-height: 1;
    text-align: center;
}
#barra-dati span.dati-num {
    display: flex;
    font-size: 34px;
}
#barra-dati ul li .dati-num::before {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    height: 35px;
    margin: 0 auto 7px;
    margin-right: 16px;
    border: none;
}
#barra-dati ul li.first .dati-num::before {
    content: url("img/icons2/progettisti.png");
}
#barra-dati ul li.second .dati-num::before {
    content: url("img/icons2/progetti-sviluppati.png");
}
#barra-dati ul li.third .dati-num::before {
    content: url("img/icons2/cantieri-conclusi.png");
}
/*home*/
button.avanti-home:hover {
    background-color: #d18000 !important;
    /*arancione*/
}
body .panel-top-hp .panel-left,
body .panel-top-hp .panel-right {
    background: #2059A6;
    border: none;
}
.panel-top-hp .panel-left::before {
    display: none;
}
body .panel-top-hp .panel-left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 450px;
    height: 300px;
    margin-left: -462px;
    padding: 0;
}
body .panel-top-hp .panel-right {
    width: 350px;
    height: 300px;
    margin-right: -432px;
    padding-left: 417px;
}
#temp-home-sx {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
}
#temp-home-dx {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 30px;
}
#pic-testo-nazristr {
    width: 236px;
    height: auto;
    margin-left: 40px;
}
#pic-logo-figc-fr {
    max-width: 264px;
    height: auto;
    margin-bottom: 30px;
    margin-left: 35px;
}
#pic-temp-numeri {
    width: auto;
    height: auto;
}
#pic-detr-fiscali {
    position: absolute;
    top: 14px;
    right: 45px;
    width: auto;
    height: 275px;
}
a#btn-home-detrfisc {
    position: absolute;
    right: 20%;
    bottom: 10%;
    z-index: 10;
    width: 175px;
    padding: 8px;
    background: #f3920b;
    border: 1px solid #f3920b;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}
a#btn-home-detrfisc:hover {
    background: transparent;
}
#aster1,
#aster2 {
    position: absolute;
    bottom: -53px;
    max-width: 350px;
    font-family: "Raleway";
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}
#aster1 {
    left: 25px;
}
#aster2 {
    right: 0;
}
#aster1 a,
#aster2 a {
    font-weight: bold;
    color: #fff;
}
.mobile-panel-html {
    padding: 30px 20px;
    border: 2px solid #fff;
}
body.home #barra-dati {
    margin: 0 auto;
}
body.home #barra-dati ul li .dati-string {
    top: 0;
}
@media (max-width: 767px) {
    #barra-dati-wrapper {
        display: none !important;
    }
    .home .mini_footer {
    }
    body.home .panel-top-hp {
        padding: 0;
    }
    body.home .mobile-panel-html {
        width: auto;
        padding: 0;
        border: none;
    }
    body .panel-top-hp .panel-left,
    body .panel-top-hp .panel-right {
        display: none !important;
    }
    #temp-home-mobile-1 {
        height: 48vh;
        max-height: 450px;
    }
    #temp-home-mobile-2 {
        height: 22vh;
        max-height: 240px;
    }
    #temp-home-mobile-4 {
        display: flex;
        align-items: center;
        height: calc(12vh - 13px);
        max-height: 120px;
        padding: 5px 16px;
        background: #919191;
    }
    #temp-home-mobile-3 {
        display: flex;
        align-items: center;
        height: 20vh;
        background: #F3920B;
    }
    body.admin-bar #temp-home-mobile-1 {
        height: calc(49vh + 5px);
    }
    body.admin-bar #temp-home-mobile-3 {
        height: calc(27vh - 46px);
    }
    #temp-home-mobile-1 {
        position: relative;
        display: flex;
        align-items: end;
        padding-top: 85px;
    }
    #temp-home-mobile-2 {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: center;
        padding: 25px 30px;
        background: #2059A6;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    #pic-testo-nazristr {
        width: 153px;
        margin-top: 15px !important;
    }
    #pic-testo-mareman {
        height: 95%;
        object-fit: contain;
        object-position: bottom;
    }
    #temp-home-mobile img#pic-testo-mareman,
    img#pic-testo-nazristr,
    img#pic-logo-figc-fr {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        z-index: 11;
        display: inline-block;
        max-width: 100%;
        max-height: 100%;
        margin: 0;
    }
    #temp-home-mobile-1 a#btn-pic-detr-fiscali {
        position: absolute;
        right: 7%;
        bottom: 6%;
        z-index: 10;
        width: 58%;
        max-width: 270px;
        height: auto;
    }
    #barra-dati {
        padding: 20px 0;
    }
    .chiavi-in-mano #barra-dati {
        margin-right: -20px;
        margin-left: -20px;
    }
    #barra-dati ul li.first .dati-num::before {
        background: url("img/icons2/progettisti.png") center no-repeat;
    }
    #barra-dati ul li.second .dati-num::before {
        background: url("img/icons2/progetti-sviluppati.png") center no-repeat;
    }
    #barra-dati ul li.third .dati-num::before {
        background: url("img/icons2/cantieri-conclusi.png") center no-repeat;
    }
    #barra-dati ul li .dati-num::before {
        content: '' !important;
        width: 60px;
        margin: 0;
        background-size: contain !important;
    }
    #barra-dati ul li::before {
        content: '';
        display: none;
    }
    #barra-dati ul li {
        padding: 0px 10px;
    }
    #barra-dati span.dati-num,
    #barra-dati ul li .dati-string {
        font-size: 16px;
        font-weight: 500;
    }
    body.home #barra-dati ul li .dati-string {
        top: -10px;
    }
    body.home #barra-dati ul li .dati-num::before {
        width: 60px;
    }
    #pic-testo-nazristr {
    }
    #temp-home-mobile img {
        display: inline-block;
        max-width: 185px;
    }
    #temp-home-mobile-1 a#btn-pic-detr-fiscali img {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        display: inline-block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        margin: 0;
    }
    #btn-pic-detr-fiscali {
        padding: 10px;
        background: #2059A6;
        border-radius: 12px
    }
    #pic-logo-figc-fr-wrap {
        display: block;
        margin: 20px 0 30px;
        padding: 0 0 30px;
        border-bottom: 1px solid #fff;
    }
    body a#btn-home-detrfisc {
        right: 3%;
        bottom: 15px;
        width: 58%;
        border-radius: 12px;
    }
    #temp-home-mobile-4 * {
        font-family: 'Nunito sans', sans-serif;
        font-size: 12px;
        line-height: 16px;
        text-align: left;
        color: #fff;
    }
    #temp-home-mobile-4 p {
        margin: 0;
        padding: 5px 0;
    }
    #temp-home-mobile-4 a {
        font-weight: bold;
        color: #fff;
    }
    #temp-home-mobile-3 {
        border-top: 1px solid #fff;
    }
}
/*IPHONE 12 PRO*/
@media (max-width: 390px) {
    #temp-home-mobile-2 {
        justify-content: center;
        padding: 0 30px;
    }
    #temp-home-mobile-2 #pic-logo-figc-fr {
        right: 2%;
        width: auto;
        height: 63px;
    }
    #temp-home-mobile-2 img {
        margin: 10px 0 0;
    }
}
@media (max-width: 412px) {
    /*#temp-home-mobile-1 a {
		height: 57%;
		right: 3%;
	}*/
    #temp-home-mobile img#pic-testo-mareman {
        width: auto;
        height: 85%;
        max-height: 300px;
        margin-left: -5px !important;
    }
}
@media (min-width: 576px) and (max-width: 1024px) {
    body .panel-top-hp .panel-left {
        width: 420px;
        margin-left: -390px;
        border-right: none;
    }
    body .panel-top-hp .panel-right {
        justify-content: center;
        align-items: center;
        width: 420px;
        margin-right: -390px;
        padding-left: 150px;
        border-left: none;
    }
    #pic-logo-figc-fr {
        margin-left: 25px;
    }
    #pic-detr-fiscali {
        top: 45px;
        top: 33px;
        right: 8px;
        height: 150px;
        height: 229px;
    }
    a#btn-home-detrfisc {
        right: 6%;
        bottom: 15%;
        z-index: 10;
    }
    #aster1 {
        max-width: 250px;
    }
    #aster2 {
        max-width: 235px;
    }
    #aster1, #aster2 {
        bottom: -35px;
        font-size: 9px;
        line-height: 1.2;
    }
    body .panel-top-hp .panel-right:before {
        content: '';
        position: absolute;
        top: 10%;
        left: 0;
        width: 1px;
        height: 80%;
        background: #fff;
    }
    #marellaemancini {
        margin-left: 0;
    }
    #temp-home-sx img,
    #temp-home-dx img {
        display: inline-block;
        max-width: 100%;
    }
    #temp-home-sx {
        padding: 0;
    }
    #temp-home-dx {
        padding: 0;
    }
    #temp-home-sx img#pic-logo-figc-fr {
        max-width: 230px;
        margin-top: 10px;
    }
    #pic-testo-nazristr {
        width: 215px;
        margin-top: 10px;
    }
    #pic-temp-numeri {
        width: 160px;
        height: auto;
        object-fit: contain;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    #temp-home-sx {
        padding: 20px;
    }
    body .panel-top-hp .panel-left {
        opacity: 1 !important;
        top: 25%;
        bottom: auto;
        display: flex;
        width: 40%;
        margin-left: -40%;
        padding: 20px;
        border: none;
    }
    body .panel-top-hp .panel-right {
        opacity: 1 !important;
        top: 25%;
        left: auto;
        display: flex;
        width: 40%;
        margin-right: -40%;
        padding: 20px;
        /* right: 50%; */
        /* bottom: auto; */
        /* border: none; */
        /* border-left: 1px solid #fff; */
        /* visibility: visible; */
    }
    #pic-detr-fiscali {
        top: 30px;
        right: 30px;
        height: 160px;
    }
    a#btn-home-detrfisc {
        right: 19%;
        bottom: 21%;
    }
    #aster1, #aster2 {
        bottom: -66px;
    }
    #aster1 {
        left: 15px;
    }
    #aster2 {
        right: 12px;
    }
}
/*fine home*/
/*newsletter sibear*/
#gform_submit_button_6 {
    background-color: #056E11;
    /*verde*/
}
#gform_submit_button_6:hover {
    background: #04600f;
    /*verde*/
}
/*fine newsletter sidebar*/
#gform_submit_button_3:hover {
    background: #d18000
}
/* form enel*/
#gform_next_button_7_18 {
    width: 150px !important;
    height: 52px;
    float: right;
    margin-top: 15px !important;
    margin-right: 31px !important;
    background-color: #f29400;
    border: none;
    border-radius: 0px;
    font-size: 18px !important;
    color: #fff;
}
#gform_submit_button_7 {
    width: 135px !important;
    height: 52px;
    float: right !important;
    background: green;
    border: none;
    border-radius: 0px !important;
    color: white;
}
#gform_previous_button_7 {
    width: 150px !important;
    height: 52px;
    margin-right: 0px !important;
    margin-left: 5px !important;
    background: gray !important;
    border: none;
    border-radius: 0px !important;
    color: white;
}
#input_7_9, #input_7_17, #input_7_12 {
    height: 40px;
    border: 1px solid #767676;
    border-radius: 3px;
}
.gravitypagenel .gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]) {
    width: 100% !important;
    height: 40px;
    border: 1px solid #767676;
    border-radius: 3px;
}
.gravitypagenel .gform_wrapper .top_label li.gfield.gf_left_half div:not(.ginput_container_date) input.medium, .gravitypagenel .gform_wrapper .top_label li.gfield.gf_right_half div:not(.ginput_container_date) input.medium {
    width: 100% !important;
    height: 40px;
    border: 1px solid #767676;
    border-radius: 3px;
}
#input_7_27 {
    height: 40px;
}
#gform_wrapper_7 {
    min-height: 220px;
}
@media screen and (max-width: 769px) {
    #gform_wrapper_7 {
        min-height: 330px;
    }
}
/* GUTENBERG SLIDER */
body .slick-slider.partners-pics-slider .slick-next:before,
body .slick-slider.partners-pics-slider .slick-prev:before {
    content: '';
    display: none;
}
body .slick-slider.partners-pics-slider .slick-slide img {
    display: block;
    width: 100%;
    height: 500px;
    object-fit: cover;
}
body .slick-slider.partners-pics-slider .slick-dots {
    bottom: 10px;
}
body .slick-slider.partners-pics-slider .slick-dots li button:before {
    opacity: .4;
}
body .slick-slider.partners-pics-slider .slick-dots li.slick-active button:before {
    color: #fff;
}
body .slick-slider.partners-pics-slider .slick-next {
    right: 30px;
    background: url('img/icons/slider-sedi-prev.png') no-repeat left top;
}
body .slick-slider.partners-pics-slider .slick-prev {
    left: 30px;
    background: url('img/icons/slider-sedi-next.png') no-repeat left top;
}
body .slick-slider.partners-pics-slider .slick-next,
body .slick-slider.partners-pics-slider .slick-prev {
    top: calc(50% - 64px);
    z-index: 10;
    display: block;
    width: 53px;
    height: 138px;
    background-size: cover;
    transform: scale(0.6);
}
body .slick-slider.partners-pics-slider .slick-arrow {
    opacity: .6;
}
body .slick-slider.partners-pics-slider .slick-arrow:hover {
    opacity: 1;
}
body .slick-slider.partners-pics-slider .slick-arrow.slick-disabled {
    opacity: .3;
    cursor: default;
}
/* GUTENBERG SLIDER */
body .slick-slider.partners-pics-slider .slick-next:before,
body .slick-slider.partners-pics-slider .slick-prev:before {
    content: '';
    display: none;
}
body .slick-slider.partners-pics-slider .slick-slide img {
    display: block;
    width: 100%;
    height: 700px;
    object-fit: cover;
}
body .slick-slider.partners-pics-slider .slick-dots {
    bottom: 25px;
}
body .slick-slider.partners-pics-slider .slick-dots li button:before {
    opacity: .4;
}
body .slick-slider.partners-pics-slider .slick-dots li.slick-active button:before {
    color: #fff;
}
body .slick-slider.partners-pics-slider .slick-next {
    right: 30px;
    background: url('img/icons/slider-sedi-prev.png') no-repeat left top;
}
body .slick-slider.partners-pics-slider .slick-prev {
    left: 30px;
    background: url('img/icons/slider-sedi-next.png') no-repeat left top;
}
body .slick-slider.partners-pics-slider .slick-next,
body .slick-slider.partners-pics-slider .slick-prev {
    top: calc(50% - 64px);
    z-index: 10;
    display: block;
    width: 53px;
    height: 138px;
    background-size: cover;
    transform: scale(0.6);
}
body .slick-slider.partners-pics-slider .slick-arrow {
    opacity: .6;
}
body .slick-slider.partners-pics-slider .slick-arrow:hover {
    opacity: 1;
}
body .slick-slider.partners-pics-slider .slick-arrow.slick-disabled {
    opacity: .3;
    cursor: default;
}
/**/
.cert-title {
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    body .iubenda-tp-btn.iubenda-cs-preferences-link {
        opacity: 0 !important;
        pointer-events: none !important;
    }
}
@media (max-width: 575px) {
    body.single-progetto .dc-joystick-slider-wrap {
        min-height: 0;
    }
    #dcjoy-search-page-extra .faq-wrap {
        padding: 30px;
    }
    body #dcjoy-search-page-extra .faq-question h2 {
        padding-right: 30px;
        font-size: 18px;
    }
    .dc-joystick-slider-wrap .dc-joystick-tab-content .dcjoy-slick-slider .slick-dots {
        bottom: -45px;
    }
}
body .is-layout-flex {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -ms-flex-wrap: wrap; /* IE 10 */
    -webkit-flex-wrap: wrap; /* Chrome, Safari */
    flex-wrap: wrap; /* Standard syntax */
}