@font-face {
    font-family: eurostyle;
    src: url(../fonts/WeberSerifLight_20130908.otf);
    font-weight: lighter;
}

@font-face {
    font-family: eurostyle;
    src: url(../fonts/Eurostile_Medium.otf);
    font-weight: normal;
}

@font-face {
    font-family: eurostyle;
    src: url(../fonts/Eurostile_Bold.otf);
    font-weight: bold;
}

@font-face {
    font-family: eurostyle-black;
    src: url(../fonts/Eurostile_Black.otf);
}

@font-face {
    font-family: minion;
    src: url(../fonts/MinionPro-Regular.otf);
    font-weight: bold;
}

html,body {
    font-family: 'eurostyle', sans-serif;
    font-size: 20px;
}

input::placeholder {
    color: lightslategrey;
}

.no-cursor{
    cursor:default!important;
}

.lang-link.actives {
    font-weight: bold;
    /*text-decoration: underline;*/
    color: #178b49 !important;
}

.search-romboide::placeholder {
    color: #fff;
    transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
}

.oltre-i-limiti-text-container {
    line-height: 23px;
}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "\f068";
    float: right;
    color: #178b49;
    font-weight: normal;
}

.settore-active .voci-footer {
    color: #178b49;
    padding-left: 10px;
}

.settore-active .voci-footer .verde-link-footer {
    height: 10px;
    background-color: #178b49;
    width: 10px;
    transition: margin, width 0.2s;
    transition-timing-function: ease-out;
    -webkit-transition: margin, width 0.2s;
    -webkit-transition-timing-function: ease-out;
    float: left;
    margin-top: 7px;
    margin-right: 3px;
    padding-right: 5px;
    padding-top: 5px;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
    color: #178b49;
    font-weight: normal;
}

.titolo-accordion {
    width: 49%;
    font-weight: bold;
    float: left;
    color: #000;
    font-size: 22px;
}

.card {
    border: 0px;
}

.card-body {
    border-bottom: 2px solid #178b49 !important;
}

.card-header {
    background-color: #fff;
    border-bottom: solid #178b49 3px;
}

.accordion .card-header1.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067";
    color: #178b49;
    font-weight: normal;
}

.titolo-accordion1 {
    font-weight: bold;
    float: left;
    color: #000;
    font-size: 22px;
}

.card1 {
    border: 0px;
}

.card-body1 {
    border-bottom: 1px solid #000 !important;
}

.card-header1 {
    background-color: transparent;
    border-bottom: solid #000 1px;
}

.testo-news {
    column-count: 2;
}

.header-video {
    position: relative;
    width: 100%;
}

.fascia-menu {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
}

/*.video-container {
    width: 98vw;
    height: 100vh;
}*/

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.video-wrapper {
    position: relative;
    /*width: 100vw;*/
    padding-bottom: 39.84%; /* = 100 / 2.39 */
    height: 0;
    overflow: hidden;
    margin: 0;
}

.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
}


iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 99vw;
    height: 100vh;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

@media (min-aspect-ratio: 16/9) {
    .video-container iframe {
        /* height = 100 * (9 / 16) = 56,25 */
        height: 56, 25vw;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-container iframe {
        /* width = 100 / (9 / 16) = 177,777777 */
        width: 177, 78vh;
    }
}

.padding-fluid {
    padding: 20px 80px;
    position: absolute;
    z-index: 100;
}

.search-romboide {
    transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    background-color: #000;
    color: #fff;
    padding: 0px 5px;
    height: 40px;
}

.button-search {
    background: #fff;
    color: #000;
    margin-left: -6px;
    transition: background, color, 0.2s;
    transition-timing-function: ease-out;
    -webkit-transition: background, color, 0.2s;
    -webkit-transition-timing-function: ease-out;
    padding: 0px 10px;
    height: 40px;
}

.button-search:hover {
    background: #178b49;
    color: #fff;
    margin-left: -6px;
}

.search-romboide > * {
    display: inline-block;
    transform: skewX(14deg);
    -webkit-transform: skewX(14deg);
    position: relative;
    z-index: 1;
    vertical-align: middle;
    line-height: normal;
    border: 2px solid #000;
}

.romboide {
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    overflow: hidden;

    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    -o-transition: width 1s ease;
    transition: width 1s ease;
}

.contattaci {
    border: 2px solid #000 !important;
    color: #000;
    height: 40px;
    padding: 0px 10px;
    /*padding-top: 1px !important;
    padding-bottom: 5px !important;*/
}

.testo-bot-contattaci {
    transition: color 0.3s;
    transition-timing-function: ease-out;
    -webkit-transition: color 0.3s;
    -webkit-transition-timing-function: ease-out;
}

.contattaci:hover .testo-bot-contattaci {
    color: #fff;
}

.bg-romboide {
    background: linear-gradient(to right, #000000 60%, #009544 40%);
}

.romboide-hover:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #009A44;
    z-index: 0;

    -webkit-transition: width 1s ease;
    -moz-transition: width 1s ease;
    -o-transition: width 1s ease;
    transition: width 1s ease;
}

.romboide-hover:hover:after {
    width: 0;
}

.border-white-romboide:after {
    border: 1px solid white;
}

.border-white-romboide:hover:after {
    border: 1px solid black;
}

/* Corregge la distorsione del testo */
.romboide > * {
    display: inline-block;
    transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
    position: relative;
    z-index: 1;
    vertical-align: middle;
    line-height: normal;
}

.hover-effect {
    position: relative;
    display: inline-block;
    color: white;
}

.hover-effect::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    color: black;
    /*white-space: nowrap;*/
    overflow: hidden;
    transition: width 1s ease-in-out;
    -webkit-transition: width 1s ease-in-out;
    clip-path: inset(0 0 0 0);
}

.text-stroke-1 {
    -webkit-text-fill-color: var(--tst-text-stroke-fill-color, currentColor);
    -webkit-text-stroke-width: var(--tst-text-stroke-width, min(1vmin, .1rem));
    -webkit-text-stroke-color: var(--tst-text-stroke-color, #178b49);
}

.text-stroke {
    -webkit-text-fill-color: var(--tst-text-stroke-fill-color, currentColor);
    -webkit-text-stroke-width: var(--tst-text-stroke-width, thin);
    -webkit-text-stroke-color: var(--tst-text-stroke-color, black);
    transition: -webkit-text-stroke-color 1s;
    transition-timing-function: ease-out;
    -webkit-transition: -webkit-text-stroke-color 1s;
    -webkit-transition-timing-function: ease-out;
}

.text-stroke:hover {
    -webkit-text-fill-color: var(--tst-text-stroke-fill-color, currentColor);
    -webkit-text-stroke-width: var(--tst-text-stroke-width, thin);
    -webkit-text-stroke-color: var(--tst-text-stroke-color, #178b49);
    transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
}

.titolone-fill {
    font-size: 70px;
    font-family: 'eurostyle-black';
    /*line-height: 60px;*/
    margin-top: 20px;
    margin-bottom: 0px;
}

.hover-effect:hover::before {
    width: 100%;
}

.hover-effect-white {
    color: black;
}

.hover-effect-white::before {
    color: white;
}

.hover-effect-green {
    color: white;
}

.hover-effect-green::before {
    color: #178b49;
}

.titolo {
    font-size: 70px;
    font-family: 'eurostyle-black';
    display: block;
}

.news-titolo {
    font-size: 45px;
}

.titolone {
    font-size: 80px;
    font-family: 'eurostyle-black';
    line-height: 80px;
}

.sottotitolo {
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 50px;
}

.titoletto-footer {
    font-size: 20px;
    font-weight: bold;
}

.voci-footer {
    display: block;
    padding: 5px 0px;
    transition: padding, color, 0.2s;
    transition-timing-function: ease-out;
    -webkit-transition: padding, color, 0.2s;
    -webkit-transition-timing-function: ease-out;
    font-size: 15px;
}

.videofullscreen {
    position: absolute;
    overflow: hidden;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    z-index: -100;
}

.video {
    width: 100%;
}

.video-home {
    width: 100%;
    margin-top: 100px;
}

.video-settore {
    width: 100%;
    top: -200px;
    position: absolute
}

.content-video-tagliato {
    overflow: hidden;
    height: 550px;
}

.overvideo {
    position: absolute;
    top: -50px;
    background: linear-gradient(90deg, rgba(149, 149, 150, 1) 0%, rgba(213, 213, 213, 1) 100%);
    height: 150px;
    left: -65px;
}

.inclined-div {
    /* width: 300px;
     height: 200px;
     background-color: #3498db;*/
    clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
    padding: 20px;
    width: 50%;
}

.inclined-div-footer {
    /* width: 300px;
     height: 200px;
     background-color: #3498db;*/
    clip-path: polygon(0 0, 98% 0, 86% 100%, 0% 100%);
    width: 100%;
}

.inclined-div-img {
    /* width: 300px;
     height: 200px;
     background-color: #3498db;*/
    clip-path: polygon(0 0, 100% 0, 88% 100%, 0% 100%);
    width: 100%;
}

.inclined-div-img-home {
    /* width: 300px;
     height: 200px;
     background-color: #3498db;*/
    clip-path: polygon(0 0, 100% 0, 86% 100%, 0% 100%);
    width: 100%;
}

.inclined-div-img-right {
    /* width: 300px;
     height: 200px;
     background-color: #3498db;*/
    clip-path: polygon(14% 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 100%;
}

.inclined-div-img-right-settori {
    /* width: 300px;
     height: 200px;
     background-color: #3498db;*/
    clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 0% 100%);
    width: 100%;
}

.footer {
    /*background: rgb(253,253,255);*/
    background: linear-gradient(90deg, rgba(178, 178, 178, 1) 0%, rgba(230, 230, 230, 1) 100%);
    width: 100%;
    /*background-image: url("../imgs/grigio_footer.png");*/
    padding: 50px 0px;
    min-height: 200px;
    background-size: cover;
    background-position: left;
}

.breadcromb {
    font-size: 25px;
    /*margin-left: 80px;*/
    margin-left: 25%;
    display: block;
}

.breadcromb-active {
    color: #178b49;
}

.titolo-bordi {
    color: #fff;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: black;
}

.titolo-bordi-bianco {
    color: transparent;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #fff;
}

.verde {
    background-color: rgba(23, 139, 73, 0.8);
    padding: 40px;
}

.certificazioni {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #000;
    overflow: hidden;
}

.testo {
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 20px;
}

.spazio {
    padding: 50px;
}

.titolo-box {
    border-left: 3px solid green;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
    padding-left: 10px;
    display: block;
    color: #000;
    transition: color, font-size 0.3s;
    transition-timing-function: ease-out;
    -webkit-transition: color, font-size 0.3s;
    -webkit-transition-timing-function: ease-out;
}

.titolo-box a {
    color: #000;
    transition: color, font-size 0.3s;
    transition-timing-function: ease-out;
    -webkit-transition: color, font-size 0.3s;
    -webkit-transition-timing-function: ease-out;
}

.serv-home {
    line-height: 34px;
    padding: 20px;
    text-align: center;
    font-size: 33px;
    background-color: rgba(23, 139, 73, 0.8);
    transition: background-color 0.3s;
    transition-timing-function: ease-out;
    -webkit-transition: background-color 0.3s;
    -webkit-transition-timing-function: ease-out;
    height: 174px;
}

.serv-home .titolo {
    font-size: 35px;
}

.grigio {
    background-color: rgba(89, 86, 86, 0.8)
}

.serv-home:hover {
    background-color: rgba(23, 139, 73, 1);
}

.grigio:hover {
    background-color: rgba(89, 86, 86, 1)
}

.box:hover .titolo-box a {
    color: #178b49;
    font-size: 26px;
}

.titolo-box a:hover {
    text-decoration: none;
}

.testo-box {
    padding-left: 10px;
    font-size: 20px;
    display: block;
    margin-bottom: 30px;
}

.fascia-verde {
    background-color: #178b49;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 40px;
    padding-bottom: 40px;
}

.bottone-rombo {
    border: 2px solid #fff;
    padding: 0px 20px;
    height: 40px;
    width: fit-content;
    position: relative;
    font-size: 17px;
}

.piu {
    transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    display: inline-block;
}

.bottone-servizi {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -10px;
    height: 80px;
    background-image: url("/imgs/sfondo_bott.png");
    background-position: center center;
    width: 0px;
    transition: width, color, 0.5s;
    transition-timing-function: ease-out;
    -webkit-transition: width, color, 0.5s;
    -webkit-transition-timing-function: ease-out;
}

.piu-servizi {
    display: inline-block;
    transition: color 0.2s;
    transition-timing-function: ease-out;
    -webkit-transition: color 0.2s;
    -webkit-transition-timing-function: ease-out;
    color: transparent;
}

.bottone-serv {
    display: block;
    width: 400px;
    /*padding-top: 5px;
    padding-bottom: 5px;*/
    margin-bottom: 15px;
    line-height: 17px;
}

.serv-news {
    border: 2px solid #178b49;
}

.bottone-serv:hover .piu-servizi {
    color: #fff;

}

.cont-servizi-bott {
    display: inline-block;
    transition: margin, color, 0.2s;
    transition-timing-function: ease-out;
    -webkit-transition: margin, color, 0.2s;
    -webkit-transition-timing-function: ease-out;
    margin-left: -10px;
}

a:hover {
    text-decoration: none;
}

.bottone-serv:hover .cont-servizi-bott {
    color: #fff;
    margin-left: 0px;
}

.bottone-serv:hover .piu-servizi {
    color: #fff;

}

.contattaci:hover .bottone-servizi {
    width: 110%;
    color: #fff;
}

.bottone-rombo:hover .bottone-servizi {
    width: 110%;
    color: #fff;
}

.bottone-rombo:hover .piu {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.bottone-rombo:hover .nero {
    width: 120%;

}

.contattaci:hover .verde-bot {
    width: 120%;

}

.verde-bot {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -10px;
    height: 80px;
    background-color: #178b49;
    width: 0px;
    transition: width 0.5s;
    transition-timing-function: ease-out;
    -webkit-transition: width 0.5s;
    -webkit-transition-timing-function: ease-out;
}

.nero {
    position: absolute;
    z-index: -1;
    top: 0px;
    left: -10px;
    height: 80px;
    background-color: #000;
    width: 0px;
    transition: width 0.5s;
    transition-timing-function: ease-out;
    -webkit-transition: width 0.5s;
    -webkit-transition-timing-function: ease-out;
}

.verde-link-footer {
    height: 10px;
    background-color: #178b49;
    width: 0px;
    transition: margin, width 0.2s;
    transition-timing-function: ease-out;
    -webkit-transition: margin, width 0.2s;
    -webkit-transition-timing-function: ease-out;
    float: left;
    margin-top: 7px;
    margin-right: 3px;
}

.voci-footer:hover .verde-link-footer {
    width: 10px;
    padding-right: 5px;
    padding-top: 5px;
}

.voci-footer:hover {
    color: #178b49;
    padding-left: 10px;
}

.voci-footer a {
    color: #212529;
}

.voci-footer a:hover {
    text-decoration: none;
    color: #178b49;
}

/*slider*/
.swiper {
    width: 100%;
    height: 100%;
}

.swiper-button-next {
    color: #178b49;
}

.swiper-button-prev {
    color: #178b49;
}

.swiper-slide {
    text-align: center !important;
}

.campoform {
    width: 100%;
    padding: 5px;
    margin-bottom: 15px;
    border: 0px;
    border-radius: 0px;
    color: lightslategrey !important;
}

.sfondo-slide {
    background-color: #000;
    background-image: url("/imgs/fondoxpirience.png");
    background-size: cover;
}

/*menu laterale*/
.icona {
    width: 35px;
    height: 2px;
    background-color: black;
    margin: 9px 0;
    position: relative;
    cursor: pointer;
    -webkit-transition: color, width 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition: color, width 0.2s;
    transition-timing-function: ease-out;
}

.header {
    /*position: relative;*/
    width: 100%;
    height: 120px;
    background-color: rgba(255, 255, 255, 1);
}

/*header{
    height:120px;
}*/

.container-nav {
    /*position: absolute;
    top: 5%;
    right:40px;
    border-radius: 100%;
    padding: 1%;*/
    width: 35px;
    -webkit-transition: width 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition: width 0.5s;
    transition-timing-function: ease-out;
}

.container-nav:hover {
    /*margin-top: 0.5%;
    margin-left: 0.5%;
    border-radius: 5%;
    border-color: black;
    padding: 0.5%;*/
}

.container-nav:hover .icona {
    background-color: #178b49;
    width: 20px;
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2000;
    right: 0;
    top: 0;
    background-color: rgb(23, 139, 73);
    background-color: rgba(23, 139, 73, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 80%;
    text-align: left;
    margin-top: 30px;
    margin-left: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 25px;
    color: #fff;
    display: block;
    transition: 0.3s;
    -webkit-transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #000;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    left: 35px;
    font-size: 60px;
}

/*select*/

/*stili index */

.img-fade {
    background-size: cover;
    background-position: center center;
    height: 400px;
}

.fade-verde {
    position: relative;
    overflow: hidden;
    height: 400px;
    width: 100%;
    background-color: rgba(23, 139, 73, 0);
    transition: background-color 0.5s;
    transition-timing-function: ease-out;
    -webkit-transition: background-color 0.5s;
    -webkit-transition-timing-function: ease-out;
}

.fade-verde:hover {
    background-color: rgba(23, 139, 73, 0.7);
}

.testo-fade-verde {
    position: absolute;
    bottom: -60px;
    width: 100%;
    text-align: center;
    transition: bottom 0.2s;
    transition-timing-function: ease-out;
    -webkit-transition: bottom 0.2s;
    -webkit-transition-timing-function: ease-out;
    color: #fff;
}

.fade-verde:hover .testo-fade-verde {
    bottom: 200px;
}

#oltre-i-limiti li {
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
    transform: skewX(-12deg);
    -webkit-transform: skewX(-12deg);
    overflow: hidden;
    padding-top: 4px;
}

#oltre-i-limiti li > * {
    display: inline-block;
    transform: skewX(12deg);
    -webkit-transform: skewX(12deg);
    position: relative;
    z-index: 1;
    vertical-align: middle;
}

.ipad {
    font-size: 20px;
}

.oltre-i-limiti-image-container {
    position: absolute;
    top: 33px;
    left: 355px;
    z-index: -1;
}

.image-container {
    width: 685px;
}

.contenitore-ipad {
    position: absolute;
    top: -50px;
    left: -125px;
    z-index: 50;
    max-width: 1220px;
    overflow: hidden;
}

.sfondo-ipad {
    background-image: url('/imgs/sfondoipad.svg');
    background-repeat: no-repeat;
    height: 1400px;
    overflow: hidden;
    padding-top: 130px;
}

.social {
    width: 500px;
}

/*css header menu */

/* Create a sticky/fixed navbar */
#navbar {
    overflow: hidden;
    background-color: #fff;
    padding: 0px 10px; /*Large padding which will shrink on scroll (using JS) */
    height: 100px;
    -webkit-transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    transition: 0.4s; /* Adds a transition effect when the padding is decreased */
    position: fixed; /* Sticky/fixed navbar */
    width: 100%;
    top: 0; /* At the top */
    z-index: 1000;
}

.logo-head {
    width: 300px;
}

/* Style the navbar links */
#navbar a {
    float: left;
    color: black;
    text-align: center;
    padding: 12px;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    border-radius: 4px;
}

#navbar #voci {
    float: left;
    color: black;
    text-align: center;
    margin: 0px 20px;
    text-decoration: none;
    font-size: 18px;
    line-height: 25px;
    border-radius: 4px;
}

/* Style the logo */
#navbar #logo {
    /*font-size: 35px;*/
    max-width: 300px;
    padding: 0px 0px;
    font-weight: bold;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

#voci-menu {
    padding: 30px 0px;
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

/* Links on mouse-over */
#navbar a:hover {
    background-color: #fff;
    color: black;
}

/* Style the active/current link */
#navbar a.active {
    background-color: dodgerblue;
    color: white;
}

/* Display some links to the right */
#navbar-right {
    float: right;
}

.menu-mob {
    background-color: #fff;
}

.contenitore-breadcromb {
    position: relative;
    height: 120px;
}

.verde-fitness {
    position: absolute;
    z-index: 100;
    left: -200px;
}

.verde-fitness-mob {
    /*position:absolute;
    z-index:100;*/
    left: 0px;
}

.contenitore-fade-fitness {
    overflow: hidden;
}

.contenitore-fade-fitness1 {
    overflow: hidden;
}

.contenitore-fade-chisiamo1 {
    overflow: hidden;
}

.bottone-mit-media {
    padding-top: 40px;
    text-align: right;
}

.verde-ipad {
    background-color: #178b49;
    margin-top: 50px;
}

.candidatura {
    background-color: #178b49;
    color: #fff;
    margin-top: 80px;
}

.cand-testo {
    padding-bottom: 50px;
}

.splide__arrow {
    background-color: transparent !important;
}

.splide__arrow svg {
    transition: 0.4s;
    -webkit-transition: 0.4s;
}

.splide__arrow svg:hover {
    fill: #178b49;
    transition: fill 0.4s;
    -webkit-transition: fill 0.4s;
}

.skew {
    transform: skewX(14deg);
}
.iubenda-footer{
    font-weight: normal !important;
 font-size: 11px !important;
 -webkit-box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0%), 0 0px 0px -0px rgb(0 0 0 / 0%) !important;
 box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0%), 0 1px 0px -0px rgb(0 0 0 / 0%) !important;
 color: rgba(0,0,0,0) !important;
 background-color: white !important;
}
/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
@media screen and (max-width: 580px) {
    #navbar {
        padding: 20px 10px !important; /* Use !important to make sure that JavaScript doesn't override the padding on small screens */
    }

    #navbar a {
        float: none;
        display: block;
        text-align: left;
    }

    /* #navbar #voci {
        *float: none;
         display: block;
         text-align: left;
     }
     #navbar-right {
         float: none;
     }*/
}

.testo-romboide-verde1 {
    max-width: 700px;
    /*top: 50px;*/
    /*height: 450px;*/
}

.testo-romboide-verde1-settori {
    max-width: 700px;
    /*top: 50px;*/
    /*height: 450px;*/
    transform: skewX(-14deg);
    -webkit-transform: skewX(-14deg);
}

.testo-romboide-verde2 {
    width: 700px;
    /*top: 50px;*/
    /*min-height: 400px;*/
    right: -500px;
}

.testo-romboide-verde2-settori {
    width: 700px;
    /*top: 50px;*/
    /*min-height: 400px;*/
    right: -500px;
    -webkit-transform: skewX(-14deg);
    transform: skewX(-14deg);
}

.line-verde {
    line-height: 57px;

}

.head-pagine {
    margin-top: 130px;
}

.dx-accordion-servizi {
    float: left;
    width: 50%;
}

.sx-accordion-servizi {
    float: left;
    width: 40%;
}

.sx-testo-accordion-servizi {
    float: left;
    width: 40%;
}

.dx-testo-accordion-servizi {
    float: left;
    width: 50%;
}

@media (max-width: 1590px) {
    /*gestione responsive ipad*/
    .testo-romboide-verde1 {
        max-width: 700px;
        /*top: 10px;*/
        /*min-height: 400px;*/
        left: -100pX;
    }

    .contenitore-ipad {
        left: -60px;
    }

    .ipad {
        width: 1000px;
    }

    .sfondo-ipad {
        height: 1400px;
        padding-top: 200px;
    }

    .oltre-i-limiti-image-container {
        position: absolute;
        top: 22px;
        left: 255px;
        z-index: -1;
    }

    .image-container {
        width: 490px;
    }

    .testo-romboide-verde2 {
        width: 700px;
        /*top: -40px;*/
        /*min-height: 400px;*/
        right: -350px;
    }

    .swiper-img {
        width: 700px !important;
    }

    .swiper-slide {
        text-align: center !important;
    }
}
.mobile{}
@media (max-width: 576px) {
    .video-wrapper {
        position: relative;
        /*width: 100vw;*/
        padding-bottom: 65%; /* = 100 / 2.39 */
        height: 0;
        overflow: hidden;
        margin: 0;
    }
    .dx-accordion-servizi {

        width: 100%;
    }
    .mobile{
        padding:0px;
    }
    .sx-accordion-servizi {

        width: 100%;
    }

    .sx-testo-accordion-servizi {
        width: 100%;
    }

    .head-pagine {
        margin-top: 70px;
    }

    .dx-testo-accordion-servizi {
        width: 100%;
    }

    .inclined-div-footer {
        background: linear-gradient(90deg, rgba(178, 178, 178, 1) 0%, rgba(230, 230, 230, 1) 100%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%)
    }

    .testo-romboide-verde2 {
        max-width: 350px;
        /*top: -40px;*/
        /* min-height: 400px;*/
        right: -300px;
    }

    .testo-romboide-verde1-settori {
        max-width: 700px;
        /*top: 50px;*/
        /*height: 450px;*/
        transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
    }

    .skew {
        transform: skewX(0deg);
    }

    .swiper-img {
        width: 300px !important;
    }

    .swiper-slide {
        text-align: center !important;
    }

    .sfondo-ipad {
        height: 700px;
        margin-top: 30px;
        padding-top: 0px;
    }

    .verde-ipad {
        background-color: #178b49;
        margin-top: 10px;
    }

    .titolone {
        font-size: 35px;
        line-height: 35px;
    }

    .titolo {
        font-size: 35px;
        line-height: 35px;
    }

    .sottotitolo {
        font-size: 30px;
        line-height: 30px;
        margin: 20px 0px;
    }

    .cont-titolo {
        padding-bottom: 20px;
    }

    .bottone-mit-media {
        padding-top: 10px;
        padding-bottom: 20px;
        text-align: center;
    }

    .titolone-fill {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 0px;
    }

    .social {
        width: 200px;
    }

    .container-nav {
        float: right;
    }

    .inclined-div {
        clip-path: polygon(0 0, 100% 0, 95% 100%, 0% 100%);
        padding: 20px;
        width: 100%;
    }

    .overvideo {
        position: initial;
        /*top: -50px;*/
        background: linear-gradient(90deg, rgba(149, 149, 150, 1) 0%, rgba(213, 213, 213, 1) 100%);
        height: 70px;
        left: -65px;
    }

    .contenitore-breadcromb {
        height: 150px;
    }

    .breadcromb {
        font-size: 17px;
        margin-left: 0px;
    }

    .spazio {
        padding: 20px;
    }

    .inclined-div-img {
        /* width: 300px;
         height: 200px;
         background-color: #3498db;*/
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        width: 100%;
    }

    .inclined-div-img-home {
        /* width: 300px;
         height: 200px;
         background-color: #3498db;*/
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
        width: 100%;
    }

    .inclined-div-img-right {
        /* width: 300px;
         height: 200px;
         background-color: #3498db;*/
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        width: 100%;
    }

    .contenitore-fade-fitness {
        /*height: 640px;*/
        overflow: inherit;
    }

    .contenitore-fade-fitness1 {
        /*height: 690px;*/
    }

    .verde-sicurezza {
        /*height: 900px !important;*/
    }

    .contenitore-fade-chisiamo1 {
        /*height: 600px;*/
    }

    .verde {
        padding: 15px;
    }

    .voci-footer {
        font-size: 15px;
    }

    .verde-link-footer {
        margin-top: 3px;
    }

    .titoletto-footer {
        font-size: 18px;
    }

    .ipad {
        font-size: 15px !important;
    }

    .bottone-serv {
        width: 280px;
        font-size: 15px;
        margin-left: 30px !important;
    }

    .candidatura {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .cand-testo {
        padding-bottom: 10px;
    }

    .testo-news {
        column-count: 1;
    }

    .menu-mob {
        height: 60px;
    }
}

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        left: 35px;
    }
}