* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 150vh;
  height: auto;
  position: relative;
  left: 0;
  box-sizing: border-box;
  font-family: Helvetica;
  z-index: 0;
  background: linear-gradient(133deg, #075bbd, #ec361e);
}

.container-carica {
    width: 101%;
    height: 101%;
    position: fixed;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    left: 50%;
    overflow: hidden;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(133deg, #075bbd, #ec361e);
    z-index: 1000;
    padding-bottom: 50px;
    z-index: 1000;
}
.container-carica h4 {
    font-size: 25px;
    margin-bottom: 85px;
    font-family: 'Racing Sans One', cursive;
    color: #ffffff;
    text-shadow: 1px 2px 3px #F44336;
}
.container-carica p {
    width: 50%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
img.pencil {
    width: 50%;
    min-width: 250px;
    height: auto;
    margin: auto;
    max-width: 300px;
}
div.parallax {
    position: absolute;
    width: 100%;
    height: 101vh;
    z-index: -1;
    background: url(../img/removals.jpg) top center no-repeat;
    background-size: cover;
    margin: 0;
    top: 0px;
    left: 0px;
    transition: .5s;
    overflow: hidden;
    /* animation: sfondoZoom 20s linear both; */
    transform: translateX(0);
}
.body {
  overflow: hidden;
}
.bodyAnimation {
  animation: body .8s linear;
}
@keyframes body {
  0% {
    height: auto;
    overflow-y: visible;
    overflow-x: hidden;
  }
  95%{
    height: auto;
    overflow-y: visible;
    overflow-x: hidden;
  }
  100%{
    height: auto;
    overflow-x: visible;
    overflow-y: visible;
  }
}
img {
  margin: 0;
  padding: 0;
}
.overflow {
  overflow: overlay !important;
}
.invisibile {
  opacity: 0;
  pointer-events: none;
}
nav.col-menu {
    height: 99vh;
    width: 350px;
    position: fixed;
    z-index: 0;
    right: 0;
    top: 0;
    justify-content: flex-end;
    display: flex;
    overflow: hidden;
    overflow-y: auto;
    z-index: -2;
    transition: 1s;
}
nav.col-menu ul {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    top: 15px;
    right: -300px;
    transition: 1s;
    border-radius: 10px;
    height: fit-content;
}
#x-chiudi {
    position: relative;
    top: 20px;
    color: white;
    display: flex;
    font-size: 45px;
    cursor: pointer;
    transition: .5s;
    justify-content: flex-end;
    font-weight: 300;
    margin: 0 20px 30px 0;
    right: 0px;
}
p#x-chiudi i {
    font-size: 40px;
    opacity: .6;
    transition: .5s;
}
p#x-chiudi i:hover {
    opacity: 1;
    transform: rotate(180deg) scale(1.2);
}
nav.col-menu li {
    list-style: none;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin: 30px 30px 0 0;
    right: 0;
}
.col-menu ul li a {
    color: white;
    font-size: 28px;
    font-weight: 200;
    letter-spacing: 5px;
    transition: .5s;
    opacity: .6;
}
a#li2 {
    text-decoration: underline;
    cursor: pointer;
}
a#li2 i {
    padding-left: 10px;
    transform: rotate(90deg);
    transition: .5s;
}
.li2Hidden i {
    transform: rotate(
0deg
) !important;
}
.col-menu ul li a:hover {
    letter-spacing: 3px;
    opacity: 1;
}
li.li-social a {
    margin: 5px 10px;
}
li.li-social {
    display: flex;
}
.li-social .fab {
    color: white;
    opacity: .5;
    padding: 0 0 0 4px;
}
.li-social .fab:hover {
  opacity: 1;
  transform: rotate(360deg);
}
ul.sottMenu {
    right: 0 !important;
    height: auto !important;
    width: 270px !important;
    z-index: 1;
    overflow: hidden;
    max-height: 450px;
    margin: 0 10px 0 0;
    background: #ffffff78;
    padding-right: 20px;
}
ul.sottMenuHidden {
    max-height: 0px;
}
ul.sottMenu li {
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    position: relative;
    margin: 10px 0;
    padding: 5px 0;
    display: flex;
    align-items: center;
}
ul.sottMenu li a {
    text-decoration: none;
}
.compari {
  animation: compari .5s linear .2s both;
}
.translateOut {
  animation: translateOut .4s linear both;
}
@keyframes translateOut {
  100%{
    transform: translateX(150%);
  }
}
.fa-times-circle{
  transition: .5s;
}
.fa-times-circle:hover {
    transform: rotate(180deg);
    color: #0f5768;
}
.fa-times {
    margin-right: 5px;
    font-size: 30px;
}

.menuClick {
  animation: menu 1s linear both;
}
.menuChiudi {
  animation: Chiudi .5s linear;
}
.boxMenu {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    box-shadow: 0 0 0 0 !important;
    width: 100%;
    transition: .5s;
    height: 120px;
    background: linear-gradient(45deg, #ffffffa8, #2196f38a);
    clip-path: polygon(0 0, 100% 0, 100% 55px, 0% 100%);
}
.boxMenu2{
  clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);
  transition: .8s;
}
/* .boxMenu_animationSu {
  animation: su .8s both;
}
.boxMenu_animationGiu {
  animation: giu .8s both;
}
@keyframes giu {
  0%{
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);
  }
  100%{
    clip-path: polygon(0 0, 100% 0, 100% 40%, 0% 100%);
  }
}
@keyframes su {
  100%{
    clip-path: polygon(0 0, 100% 0, 100% 0%, 0% 0%);
  }
} */
.digonaleBoxMenu {
    height: 110px;
    clip-path: polygon(0 0, 100% 0, 100% 50px, 0% 100%);
    background: linear-gradient(
49deg
, #ffffff 16%, #03a9f4 109%);
}
.inBoxMenu {
    position: absolute;
    top: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    max-width: 2560px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 15px;
    padding-top: 3px;
}
.divLogo {
    /* margin: 5px 0 0 8px; */
    margin-top: 15px;
}
.translate400 {
  left: -400px !important;
}
.tasto-menuTranslate {
    right: 400px !important;
}
.translateR0 {
  right: 0px !important;
}
.overflowHidden {
  overflow: hidden;
}
@keyframes menu {
  100%{
    transform: translateX(-400px);
    /* box-shadow: 0 0 50px 4px black; */
  }
}
@keyframes Chiudi {
  0%{
    transform: translateX(-400px);
    /* box-shadow: 0 0 50px 4px black; */
  }
  100%{
    transform: translateX(0);
    /* box-shadow: 0 0 0 0; */
  }
}
/***************Fine Menu*****************/

/****linear-gradient*****/
.div_title_zone,
.tit_partener,
.div_title_motivi,
.box_title_form {
  background: linear-gradient(90deg
, #2196f300 10%, #50b2ff 40% 60%, #2196f300 90%);
}


.container {
  position: relative;
  width: 100%;
  /* min-height: 100vh; */
  height: auto;
  box-sizing: border-box;
  transition: .5s;
  overflow: hidden;
  box-shadow: 0 0 30px 3px black;
  left: 0;
}

.pointerNo {
  pointer-events: none !important;
}

.tasto-menu {
    display: flex;
    overflow: hidden;
    width: 33px;
    transition: .5s;
    height: 40px;
    cursor: pointer;
    margin: 0px 8px 0 0;
    position: fixed;
    right: 15px;
    top: 5px;
    z-index: 100;
}
.tasto-menu:hover {
    width: 95px;
}
i#menu {
    font-size: 30px;
    transition: .5s;
    display: flex;
    align-items: center;
    padding: 5px;
    color: #ffffff;
    text-shadow: 0 0 4px #000000;
}

.tasto-menu:hover i {
  color: #0f5768;
  transform: scale(1.15) rotate(180deg);
}
.tasto-menu p {
    display: flex;
    align-items: center;
    margin-left: 5px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 0 0 4px #ffffff;
    color: #3f51b5;
}
.titoloBox {
    width: 100%;
    min-height: fit-content;
    height: auto;
    background: #ffffffc2;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 5px 0 2px 0;
    cursor: pointer;
    transform: scale(1.2) rotate(-7deg);
    transition: .5s;
}
.titoloBox:hover {
  letter-spacing: 3px;
  background-color: white;
}
.container-box {
    width: 100%;
    min-height: 1100px;
    height: auto;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    /* background: url(grafica_design_brescia.jpg) top center no-repeat;
    background-size: cover; */
}
img.logo {
    height: 65px;
}
img.line {
  height: 80px;
  width: 100%;
}
img.line2 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 60px;
    width: 100%;
    z-index: 0;
    transform: rotate(180deg);
}
.container-box1 {
    width: 100%;
    max-width: 1600px;
    position: relative;
    display: flex;
    padding: 0 10px;
    opacity: 0;
    transition-property: opacity;
    transition: 2s;
}
#ancora1 {
    position: absolute;
    bottom: 200px;
    left: 0;
    width: 100%;
    height: 1px;
}
.boxTitIngresso {
    width: 980px;
    margin: auto 20px auto auto;
}
.boxTitIngresso h1 {
    font-family: 'Racing Sans One', cursive;
    font-size: 110px;
    color: #ffffff;
    text-shadow: 1px 2px 3px #0d438f;
}

.boxTitIngresso h2:nth-child(1) {
    margin-left: 5px;
    font-size: 28px;
    font-weight: 400;
    text-shadow: 1px 1px 2px white;
    color: #0660c7;
}

.boxTitIngresso h2:nth-child(4) {
    font-size: 25px;
    color: #006cda;
    /* text-shadow: 1px 1px 2px #065db9; */
    background: #ffffffb0;
    padding: 15px 10px;
    border-radius: 6px;
    line-height: 40px;
}

.boxTitIngresso hr {
    background: #0453ad;
    height: 3px;
    width: 100%;
    border: none;
    box-shadow: 2px 2px 2px white;
    margin: 5px 0 10px 0;
}

.boxWhite {
    background: white;
}
.backgroundBoxWhite {
    background: url(../img/patter.png);
}
/************************secondo box***************************/
section.box2 {
    width: 100%;
    /* background: white; */
    position: relative;
}
.boxCard {
    width: 100%;
    max-width: 2560px;
    /* min-height: 500px; */
    /* background: #00b8ff0f; */
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    position: relative;
    top: -100px;
}
.boxCardPari {
    flex-basis: 100%;
    max-width: 1600px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.card {
    max-width: 450px;
    min-width: 450px;
    height: 350px;
    margin: 7px;
    background-size: cover !important;
    flex-basis: 50%;
}
.testoCard {
    width: 100%;
    height: 100%;
    background: #00000094;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: white;
    line-height: 40px;
    padding-left: 15px;
    padding-bottom: 15px;
    transition: .5s;
    clip-path: polygon(0 0, 35% 0, 75% 100%, 0% 100%);
}
.card:hover .testoCard {
    clip-path: polygon(0 0, 100% 0, 120% 100%, 0% 100%);
}
.testoCard h2 {
    line-height: auto;
    font-weight: 200;
    margin-bottom: 5px;
}
.testoCard h2:nth-child(1) {
    font-size: 23px;
    line-height: 34px;
}
.testoCard h2 span {
    font-size: 38px;
    font-weight: 600;
}
.legPiu {
    display: flex;
    align-items: center;
    font-style: italic;
    color: #bce8f5;
    margin-top: 15px;
    transform: translateX(0px) scale(1);
    transition: .5s;
    cursor: pointer;
}
.legPiu a {
    text-decoration: none;
    color: #bce8f5;
    display: flex;
    transition: .3s;
    align-items: baseline;
}
.legPiu h2 {
    font-size: 22px !important;
}
.card:hover .legPiu {
    transform: translateX(55px) scale(1.2);
}

.legPiu:hover a {
    color: #fcf080;
    letter-spacing: 1px;
}
.legPiu i {
    margin-left: 5px;
    padding-top: 3px;
}
hr.hrCard {
    width: 40%;
    background: white;
    height: 2px;
    border: none;
}
/*********************fine secondo box************************/


/*********************terzo box************************/
section.box3 {
    /* background: white; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 10px;
}

.titleBox3 {
    text-align: center;
    top: -40px;
    position: relative;
    padding: 0 5px;
}

.titleBox3 h2 {
    font-family: 'Racing Sans One', cursive;
    font-size: 45px;
    color: #066cda;
}
.boxFlag {
    width: 100%;
    display: flex;
    margin: 15px 0;
}

.color1,
.color2,
.color3 {
    width: 100px;
    height: 20px;
}

.color1 {
    background: #00b800;
    margin-left: auto;
    border-radius: 10px 0 0 10px;
}

.color2 {
    background: white;
}

.color3 {
    background: red;
    margin-right: auto;
    border-radius: 0 10px 10px 0;
}
.boxStaffItaly {
    text-align: center;
    font-weight: 600;
    font-size: 25px;
    color: #116cda;
    max-width: 1000px;
}
.boxStaffItaly_descrizione {
    margin: 15px 0;
    overflow: hidden;
    height: auto;
    max-height: 300px;
    transition: .5s;
    font-size: 22px;
    font-weight: 100;
    color: black;
}
.boxStaffItaly_descrizione b {
    text-decoration: underline;
    /* text-shadow: 0 0 4px #03a9f4; */
    color: #116cda;
}
.titleBox3 hr {
    margin: 10px auto;
    width: 95%;height: 2px;
    background: black;
    border: none;
}
.titleBox3 h3 {
    font-size: 23px;
    text-transform: uppercase;
    font-style: italic;
    background: linear-gradient(86deg, #ffffff00 5%, #2196f3 25% 85%, #ffffff00 95%);
    padding: 5px 30px;
    text-shadow: 1px 1px 2px white;
    color: black;
}
.boxCaratteristiche {
    background: linear-gradient(91deg, #9be09e -20%, white 40% 60%, #ffb3ae 120%);
    width: 100%;
    max-width: 1100px;
    margin: 20px 0px;
    text-align: center;
    padding: 20px 5px;
    border-radius: 6px;
    box-shadow: 0 0 10px #0000002e;
}

.boxCaratteristiche h3 {
    font-size: 22px;
    color: white;
    text-shadow: 1px 2px 1px #0d438f;
    background: linear-gradient(86deg, #2196f300 10%, #50b2ff 50%, #2196f300 90%);
    width: fit-content;
    margin: auto;
    padding: 5px 100px;
    /* backdrop-filter: brightness(0.5); */
    border-radius: 25px;
}

.elencoCarat {
    width: 100%;
    margin-top: 20px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
}

.caratteristiche {
    flex-basis: 25%;
    padding: 20px;
    min-width: 195px;
}

.caratteristiche i {
    color: #0c6cda;
}

.caratteristiche p {
    margin-top: 20px;
    font-size: 18px;
}
/*********************fine terzo box************************/

/*********************quarto box************************/

section.box4 {
    max-width: 900px;
    margin: auto;
    padding: 10px 10px;
}

.box4Title h3 {
    text-align: center;
    font-weight: 200;
    font-size: 22px;
    color: #116cda;
}
.box4Title span {
    font-weight: 600;
}
section.box4 hr {
    height: 30px;
    background: black;
    border: none;
    width: 2px;
    margin: 8px auto;
}

.box4Testo p {
    font-size: 22px;
    font-weight: 100;
    text-align: center;
}
.contatti {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    /* background: #fdff5c; */
    /* border-top: 3px solid red; */
    /* border-bottom: 3px solid red; */
    padding: 10px;
    margin: 20px 0;
}
.contatti a {
    text-decoration: none;
}
.contatti a:hover h3 {
  letter-spacing: 2px;
}
.contatti h3 {
    font-size: 28px;
    color: #ff0100;
    transition: .5s;
    text-align: center;
    text-decoration: underline;
}
/*********************fine quarto box************************/

/*********************quinto box************************/
section.box5 {
    min-height: 500px;
    height: auto;
    width: 100%;
    max-width: 2560px;
    background: url(../img/trasloco1.jpg) center;
    background-size: cover;
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin: auto;
}
.divInterBox5 {
    width: 100%;
    /* max-width: 1700px; */
    min-height: 600px;
    /* background: #2196f347; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* top: 0; */
    /* left: 0; */
    margin: 50px 0;
}
.divInterBox5_1 {
    width: 40%;
    height: 101%;
    background: #000000a3;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0px;
    clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}
.divInterBox5_1 h3 {
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    margin: 15px 12% 15px 15px;
    line-height: 45px;
}
.divInterBox5_2 {
    width: 64%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0;
    clip-path: polygon(6.2% 0, 100% 0, 100% 100%, 0% 100%);
    background: #ffffffba;
}
.divInterBox5_2 p {
    padding: 10px 20px;
    padding-bottom: 0;
    font-size: 20px;
    max-width: 950px;
    margin: 0px 15px 0px 10%;
    line-height: 35px;
}
.divInterBox5_2 hr {
    height: 30px;
    background: black;
    border: none;
    width: 2px;
    margin: 8px auto;
}
.divInterBox5_2 p:nth-child(3) {
    padding-top: 0 !important;
    padding-bottom: 15px !important;
    font-weight: 600;
}

/*********************fin quinto box************************/

/********************* motivi ************************/
section.container_sec_motivi {
    width: 100%;
    /* max-width: 2560px; */
    position: relative;
    background: #ffffff5e;
    padding: 50px 0;
    margin: auto;
}
.box_motivi {
    width: 100%;
    max-width: 2560px;
    display: flex;
    flex-direction: column;
    margin: auto;
}
.div_title_motivi {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 35px;
    z-index: 1;
    text-shadow: 1px 2px 1px #0d438f;
    color: white;
    padding: 5px 0;
}
.div_title_motivi h2 {
    font-size: 32px;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    padding: 0 15px;
}
.div_title_motivi hr {
    background: #419aff;
    height: 3px;
    width: 95%;
    max-width: 1000px;
    border: none;
    box-shadow: 2px 2px 2px black;
    margin: auto;
}
.div_motivi {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* position: relative; */
}
.img_motivi {
    /* width: 50%; */
    display: flex;
}
.img_motivi img {
    max-height: 500px;
    height: 100%;
    margin: auto;
    margin-right: 0;
}
.test_motivi {
    width: 50%;
    display: flex;
    /* padding: 25px; */
    /* margin: 15px 30px; */
}
.test_motivi p {
    font-size: 20px;
    max-width: 800px;
    margin: auto;
    /* margin-left: 0; */
}
.test_motivi p span {
    font-weight: 600;
}
/********************* fine motivi ************************/

/********************* zone ************************/
.container_zone {
    background: #ebebebbd !important;
}
.div_title_zone {
    text-align: center;
    color: white;
    padding: 5px 10px;
    text-shadow: 1px 2px 1px #0d438f;
}

.div_title_zone h2:nth-child(1) {
    font-size: 35px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.div_title_zone h2:nth-child(2) {
    font-size: 25px;
    font-weight: 400;
}
.div_zone {
    display: flex;
    justify-content: center;
    position: relative;
    min-height: 600px;
}
.nome_zone {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 25px;
    font-size: 22px;
}
.nome_zone p {
    background: linear-gradient(90deg, #ffffff 75%, #ffffff00 90%);
    padding: 5px 20px;
    border-radius: 5px;
    z-index: 1;
}
.nome_zone p span {
    color: red;
    text-transform: uppercase;
}
.mappa_zone {
    margin: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mappa_zone img {
    max-width: 100%;
    max-height: 100%;
    /* width: 500px; */
}
.containerMap {
    width: 100%;
    margin: 0;
    border: 6px solid white;
    border-left: none;
    border-right: none;
}
.containerMap iframe {
    width: 100% !important;
}
/********************* fine zone ************************/

/********************* partener ************************/

.sec_partener {
    width: 100%;
    max-width: 2560px;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 30px 0;
}
.sec_pareri {
    padding-bottom: 150px;
}
.tit_partener {
    width: 100%;
    text-align: center;
    margin: 50px auto;
    color: white;
    padding: 5px 0;
    text-shadow: 1px 2px 1px #0d438f;
}

.tit_partener h2:nth-child(1) {
    text-transform: uppercase;
    font-size: 32px;
}
.tit_partener h2:nth-child(2) {
    font-size: 25px;
    text-transform: inherit;
    font-weight: 400;
}
.tit_partener hr {
    background: #419aff;
    height: 3px;
    width: 95%;
    max-width: 550px;
    border: none;
    box-shadow: 2px 2px 2px black;
    margin: auto;
}
.box_partener {
    /* min-height: 500px; */
    max-width: 1700px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: auto;
    min-height: 40vh;
}
.partener {
    padding: 15px;
    flex-basis: 30%;
    margin: 50px 10px;
}
.partener img {
    max-width: 300px;
    max-height: 300px;
}
/********************* fine partener ************************/

/********************** pareri **********************/
.box_pareri {
    height: 600px;
    position: relative;
    display: flex;
}
.freccia_sx, .freccia_dx {
    height: 100%;
    width: 12%;
    /* background: antiquewhite; */
    position: absolute;
    z-index: 2;
    display: flex;
    align-items: center;
}
.freccia_sx {
    left: 0px;
    justify-content: flex-start;
    padding-left: 20px;
}
.freccia_dx {
    right: 0px;
    justify-content: flex-end;
    padding-right: 20px;
}
.freccia_sx i,
.freccia_dx i {
    opacity: 0.4;
    cursor: pointer;
    color: #2196f3;
    text-shadow: 0 0 4px black;
    transition: .5s;
}
.freccia_sx:hover i {
    opacity: 1;
    transform: scale(1.3);
}
.freccia_dx:hover i {
    opacity: 1;
    transform: scale(1.3);
}
.div_pareri {
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
    display: flex;
    padding: 5px;
    overflow: hidden;
}
.div_cards_pareri {
    width: 200%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    transition: .8s;
}
.card_parere {
    width: 100%;
    display: flex;
}
.parere {
    width: 350px;
    height: 485px;
    background: #f0f0f0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 15px;
    box-shadow: 0 0 12px #0000005c;
}
.citazione {
    height: 50%;
    padding: 10px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.citazione p {
    background: white;
    padding: 10px 20px;
    border-radius: 10px;
}
.img_utente {
    height: 45%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.img_utente img {
    min-height: 140px;
}
.img_utente h4 {
    margin-top: 15px;
    font-size: 20px;
}
.stars {
    width: 100%;
    height: 7%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.stars img {
    height: 100%;
}
.div_altre_recensioni {
    width: 100%;
    text-align: center;
}
.div_altre_recensioni a {
    text-decoration: none;
}
.otherRw {
    display: flex;
    align-items: center;
    justify-content: center;
}
.otherRw:hover h3 {
    letter-spacing: 2px;
}
.otherRw h3 {
    transition: .5s;
}
.otherRw img {
    height: 50px;
    margin-right: 10px;
}
/********************** pareri fine **********************/

/**********************Form Contatti**********************/
section.section_form {
    width: 100%;
    /* background: #ebebeb; */
    position: relative;
}
.diagonale_grey {
    position: absolute;
    width: 100%;
    height: auto;
    top: -100px;
    bottom: 0;
    left: 0;
    background: #ebebeb;
    clip-path: polygon(0 0%, 100% 100px, 100% 100%, 0% 100%);
    z-index: 1;
}
.diagonale_grey_softGrey {
    background: #ebebeb75;
    z-index: 0;
    top: -110px;
}
#contatti {
    position: absolute;
    width: 100%;
    height: 3px;
    border: none;
    top: -100px;
}
.container_form {
    width: 100%;
    max-width: 2560px;
    margin: auto;
    padding: 50px 20px;
    z-index: 2;
    position: relative;
}
.box_title_form {
    width: 100%;
    text-align: center;
    color: white;
    padding: 5px 0;
    text-shadow: 1px 2px 1px #0d438f;
}
.box_form {
    max-width: 1500px;
    margin: auto;
    display: flex;
    background: #ffffff;
    position: relative;
    border-radius: 15px;
    box-shadow: 0px 0px 10px #00000052;
}
.box_title_form h2:nth-child(1) {
    text-transform: uppercase;
    font-size: 32px;
}
.box_title_form h2:nth-child(2) {
    font-size: 25px;
    font-weight: 400;
}
.box_card_title {
    width: 100%;
    max-width: 1400px;
    margin: auto;
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.car_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 280px;
    height: 100%;
    /* background: grey; */
    flex-basis: 25%;
    margin: 10px 0;
}
.car_title i {
    color: #116cda;
    /* height: 110px; */
    display: flex;
    align-items: center;
    margin: auto;
    margin-bottom: 25px;
    background: white;
    width: 130px;
    height: 130px;
    border-radius: 50%;
    justify-content: center;
    box-shadow: 0px 0px 5px;
    transition: .3s;
}
.car_title a {
    text-decoration: none;
}
.car_title p {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #ffffff;
    text-decoration: none;
    font-size: 20px;
    transition: 0.3s;
    text-shadow: 1px 1px 1px #156cda;
    word-break: break-all;
}
.car_title p span {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
    color: black;
    text-shadow: none;
}
.car_title:hover p {
    color: #03A9F4;
    text-shadow: 1px 1px 1px #ffffff;
    letter-spacing: 1px;
}
.car_title:hover i {
    transform: scale(1.05);
    box-shadow: 0px 0px 15px;
}

/****form*****/
.col_form {
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
    left: 0;
    top: 0;
}
form.form_sgombero {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 30px 20px;
}
.div_title_form {
    width: 100%;
}
.div_title_form h2:nth-child(1) {
    font-size: 30px;
    margin-bottom: 10px;
}
.div_title_form h2:nth-child(2) {
    font-size: 22px;
    font-weight: 100;
    margin-bottom: 20px;
}
form.form_sgombero input, .form_sgombero textarea {
    border: none;
    padding: 8px;
    border-radius: 10px;
    font-size: 18px;
    margin-bottom: 10px;
    background: whitesmoke;
    box-shadow: 0 0 2px #00000069;
}
form.form_sgombero label {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 8px;
}
.form_nome {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.form_nome_a {
    display: flex;
    flex-direction: column;
    width: 49%;
}
.form_sgombero textarea {
    resize: none;
}
::-webkit-input-placeholder {
    font-family: arial;
    color: #9e9e9e;
}
.div_btn_send {
    width: 100%;
}
.div_btn_send input {
    width: 100%;
    margin-top: 20px;
    background: #116cda !important;
    /* box-shadow: 0px 0px 2px white; */
    border: 2px solid #ffffff !important;
    font-size: 20px !important;
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    transition: .5s;
}
.div_btn_send input:hover {
   background: #ffffff !important;
    border: 2px solid #116cda !important;
    color: #116cda !important;
    letter-spacing: 2px;
}
.col_img_form {
    height: auto;
    background: url(../img/call/callcenter_small.jpg) top center;
    background-size: cover;
    width: 800px;
    right: 0;
    top: 0;
    border-radius: 0 15px 15px 0;
}


/****fine form*****/
/**********************fine Form Contatti**********************/
.box-footer {
    min-height: 200px;
    width: 100%;
    background: #212121;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    padding: 20px 10px;
}
.footer-text {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
    color: white;
    line-height: 28px;
    font-size: 16px;
}

.footer-text a {
    margin: 0 8px;
    color: #d54533;
    font-family: 'Racing Sans One', cursive;
}
.footer-social {
    margin-bottom: 20px;
    width: auto;
    display: flex;
}
.footer-social a {
    text-decoration: none;
}
.footer-social i {
    margin: 0 15px;
    display: flex;
    flex-direction: row !important;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    opacity: .5;
}
.fab{
  transition: .8s;
}
.iconRotation:hover{
    transform: rotate(360deg);
    opacity: 1;
    color: #2e63de
}
.fa-facebook {
    color: #234eb2;
}
.fa-instagram {
    color: #e3659f;
}
.inserisci {
    position: fixed;
    top: 0;
    left: 0;
    background: #000000e3;
    width: 100%;
    height: 100vh;
    z-index: 1;
    animation: compari .4s linear;
}
@keyframes compari {
  0%{
    display: visible;
    opacity: 0;
  }
  100%{
    display: visible;
    opacity: 1;
  }
}
.none{
  display: none;
}
.btnNascosto {
  position: fixed;
  z-index: -1;
  visibility: hidden;
}
.btnVisibile {
    z-index: 3 !important;
    visibility: visible !important;
    top: 15px;
    right: 20px;
    width: auto;
    height: auto;
    color: white;
    transition: .5s;
    cursor: pointer;
}
.btnVisibile:hover {
  transform: scale(1.2);
  color: #0f5768;
}
.btnVisibileBasso {
  z-index: 3 !important;
  visibility: visible !important;
  bottom: 20px;
  right: 20px;
  color: white;
}
.chiudi {
    position: fixed;
    right: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: black;
    cursor: pointer;
    z-index: 3;
}


/***************MEDIA_QUERY 1400****************/
@media (max-width: 1400px) {
  /****titolo ingresso*****/
.boxTitIngresso {
    margin: auto;
    text-align: center;
}
.boxTitIngresso h1 {
    font-size: 95px;
}
}
/***************MEDIA_QUERY 1100****************/
@media (max-width: 1100px) {

.div_title_zone,
.tit_partener,
.div_title_motivi,
.box_title_form {
    background: linear-gradient(
    90deg, #2196f300 0%, #50b2ff 25% 75%, #2196f300 100%);
}
  /****  box5  *****/
section.box5 {
    height: auto;
}

.divInterBox5 {
    flex-direction: column;
    margin: 0;
}

.divInterBox5_1 {
    width: 100%;
    min-height: 200px;
    justify-content: center;
    position: relative;
    clip-path: none;
}

.divInterBox5_2 {
    width: 100%;
    justify-content: center;
    position: relative;
    clip-path: none;
    text-align: center;
}
.divInterBox5_1 h3 {
    margin: auto;
}
.divInterBox5_2 p {
    margin: 20px;
}
/*****form******/
.car_title {
    flex-basis: 35%;
}
form.form_sgombero input, .form_sgombero textarea {
    background: #f2f2f2;
    box-shadow: 0 0 2px #000000ed;
}

.col_img_form {
    position: absolute;
    height: 100%;
    z-index: 1;
    right: 0;
    top: 0;
    opacity: 0.1;
    background: url(../img/call/Sgomberi_Brescia_callcenter.png) top right no-repeat;
    background-size: contain;
}
}


/***************MEDIA_QUERY 900****************/
@media (max-width: 990px) {
  /****titolo ingresso*****/
.boxTitIngresso h1 {
    font-size: 80px;
}

.boxTitIngresso h4 {
    font-size: 20px;
}

.boxTitIngresso h3 {
    font-size: 20px;
}
  /****fine titolo ingresso*****/
.boxCardPari {
    /* flex-basis: 100%; */
    /* flex-direction: column; */
}
/***********motivi***********/
.img_motivi {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 20px;
}
.test_motivi {
    width: 100%;
    padding: 50px 25px;
    z-index: 1;
}
.img_motivi img {
    opacity: 0.3;
    max-height: 800px;
}
.test_motivi p {
    font-size: 22px;
    text-align: center;
    margin-left: auto;
}
/***********fine motivi***********/
.mappa_zone {
    position: absolute;
    right: 0;
}
.mappa_zone {
    height: 100%;
}

.div_zone {
    justify-content: end;
}
/****form*****/
.container_form {
    padding: 50px 0;
    padding-bottom: 0;
}
.box_form,
.col_img_form {
    border-radius: 0;
    box-shadow: none;
}
}







/**************************ANIMAZIONI******************************/
@keyframes lineOffeset {
  45%{

    fill: transparent;
  }
  100%{
    stroke-dashoffset: 0;
    fill: transparent;
  }

}
@keyframes translateR {
  0%{
    transform: translateX(200%);
  }
  100%{
    transform: translateX(0%);
  }
}
@keyframes translateL {
  0%{
    transform: translateX(0%);
  }
  100%{
    transform: translateX(200%);
  }
}
@keyframes sfondoZoom {
  100%{
    transform: scale(1.3);
  }
}
@keyframes carica {
  0%{
    opacity: 1;
    clip-path: circle(100% at 50% 50%);
    z-index: 101;
  }
  60%{
    /* transform: translate(-50%, -50%) scale3d(0.3,0.3,0.3); */
    transform: translate(-50%, -50%);
    opacity: 1;
    clip-path: circle(20% at 50% 50%);
    z-index: 101;
  }
  98%{
    opacity: 0;
    clip-path: circle(100% at 50% 50%);
    z-index: 101;
  }
  100%{
    opacity: 0;
    clip-path: circle(100% at 50% 50%);
    z-index: -10;
  }
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  animation-name: zoomOut;
}
.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.rotate-center {
	   animation: rotate-center 1.5s linear infinite both;
}
@keyframes rotate-center {
  0% {
            transform: rotate(0);
  }
  100% {
            transform: rotate(360deg);
  }
}

}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  animation-delay: 1s;
}

.animated.delay-2s {
  animation-delay: 2s;
}

.animated.delay-3s {
  animation-delay: 3s;
}

.animated.delay-4s {
  animation-delay: 4s;
}

.animated.delay-5s {
  animation-delay: 5s;
}

.animated.fast {
  animation-duration: 800ms;
}

.animated.faster {
  animation-duration: 500ms;
}

.animated.slow {
  animation-duration: 2s;
}

.animated.slower {
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
}
.opacity {
  opacity: 1 !important;
}
.fixed {
  position: fixed !important;
}
.left {
  left: 0;
}

/**********COOKIE***********/