/* 
#183883   --> blu

 */
body, html{
  overflow-x: hidden;
}
p {
  margin: 0;
}

.btn.focus, .btn:focus{
  box-shadow: none;
}

#nav-header_info {
  background-color: #45637b !important;
}

#navbar_fixed,
#nav-header_info {
  transition: margin-top 0.5s ease;
  -moz-transition: margin-top 0.5s ease;
  -o-transition: margin-top 0.5s ease;
  -webkit-transition: margin-top 0.5s ease;
}

#nav-header_info ul p {
  font-size: 15px;
}




.navbar_fix {

  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99999;
}

img.navbar-brand {
  width: 18rem;
  margin: 1rem 0;
}


#loading {
  background-color: #e4e6f1 !important;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 2000000000;
  margin-top: 0px;
  top: 0px;
}

#loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#loading-center-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 150px;
  width: 150px;
  margin-top: -75px;
  margin-left: -75px;
}

.objectimg {
  width: 130px;
  height: 130px;
  display: block;
  margin: 0 auto;
}

.objectimg img {
  height: 100%;
  -webkit-animation: object_one 2.5s linear infinite;
  -moz-animation: object_one 2.5s linear infinite;
  -o-animation: object_one 2.5s linear infinite;
  animation: object_one 2.5s linear infinite;
}

.carousel-control-prev,
.carousel-control-next {
  z-index: 99;
}


@-webkit-keyframes object_one {
  25% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }

  50% {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform : rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);

  }

  75% {
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
  }

  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -moz-transform:rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform:rotate(-360deg);
  }
}

@keyframes object_one {
  25% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform : rotate(0deg);

  }

  50% {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform:rotate(-180deg);

  }

  75% {
    transform: rotate(-270deg);
    -webkit-transform: rotate(-270deg);
    -o-transform: rotate(-270deg);
    -moz-transform: rotate(-270deg);
    -ms-transform:rotate(-270deg);

  }

  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform:rotate(-360deg);

  }
}

.nav-item {
  padding: 0 1rem;
  text-transform: uppercase;
  font-weight: 600;
}

.overline {
  width: 0;
  height: 3px;
  background-color: #183883;
  transition: width .6s;
  -o-transition:  width .6s;
  -moz-transition: width .6s;
  -webkit-transition: width .6s;
}

/* ----- GESTIONE OVERLINE NAV -----*/
.overline_on {
  width: 100%;
}

.overline_color {
  color: #183883 !important;
}


/* .carousel-item {
    transition: transform 2.6s ease-in-out;
  }
  
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: opacity 0s 2.6s;
  }
   */



/* CAROUSEL CARDS */
#btn_next_card,
#btn_next_card5 {
  position: absolute;
  top: 50%;
  z-index: 999;
  right: 30px;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

#btn_prev_card,
#btn_prev_card5 {
  position: absolute;
  top: 50%;
  z-index: 999;
  left: 30px;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform:  translateY(-50%);
}

#btn_prev_card::before,
#btn_prev_card5::before {
  display: block;
  font-family: "FontAwesome" !important;
  content: "\f104";
  text-decoration: none;
  color: #dc3545;
  font-size: 50px;
}

#btn_next_card::before,
#btn_next_card5::before {
  display: block;
  font-family: "FontAwesome" !important;
  content: "\f105";
  color: #dc3545;
  font-size: 50px;
  text-decoration: none;
}

#btn_next_card:active,
#btn_prev_card:active,
#btn_next_card:hover,
#btn_prev_card:hover,
#btn_next_card:visited,
#btn_prev_card:visited,
#btn_next_card:link,
#btn_prev_card:link,
#btn_next_card5:active,
#btn_prev_card5:active,
#btn_next_card5:hover,
#btn_prev_card5:hover,
#btn_next_card5:visited,
#btn_prev_card5:visited,
#btn_next_card5:link,
#btn_prev_card5:link {
  text-decoration: none;
}


#info_numbers_home-img::before {
  border-bottom: 832px solid #f5f5f5;
  border-left: 200px solid transparent;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}

#section_info_numbers-home {
  background-color: #f7f8fa;
  margin: 100px auto;
}


.number_story {
  display: block;
  margin: 0 auto;
  color: #45637b !important
}

.number_story span {
  font-weight: 700;
  font-size: 3.5rem;
  display: block;
}


.section_info_number-singlecontainer p {
  font-size: 20px;
  font-weight: 450;
  color: #45637b
}

.loghi_sponsor_home {
  height: auto;
  max-width: 200px;
  object-fit: contain;
  max-height: 50px;
}

.carousel-inner.mobile .loghi_sponsor_home {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.spacer {
  margin-top: 100px;
  margin-bottom: 50px;
}


#footer_focus {
  height: 100%;
  width: 100%;
  background-color: #183883;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.9;
  z-index: 5;
}

.footer_content {
  z-index: 10;
  position: relative;
  background-color: #ffffffaf;
}

#footer {
  margin-top: 100px;
  padding: 4rem 2rem 4rem 2rem;
  background-image: url("./sfondo_footer.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}


#footer_legal {
  background-color: #1e263f;
  color: #f1f1f1;
  padding: 1.5rem 2rem;
  text-align: center;
  border-top: 0.1px solid #5f5f5f;
}


#img_carousel1 {
  background-image: url("./img/home/carosello1.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
}

#img_carousel2 {
  background-image: url("./img/home/carosello2.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
}

#img_carousel3 {
  background-image: url("./img/home/carosello3.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  height: 100%;
}

#img_carousel4 {
  background-image: url("./img/home/carosello4.avif");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
}


.focus_carousel {
  background-color: black;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 80;
  opacity: 0.45;
}


#carouselExampleIndicators .carousel-caption {
  z-index: 82;
  bottom: 50%;
  transform: translateY(50%);
  -o-transform: translateY(50%);
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%);
  -ms-transform:  translateY(50%);
}


#carouselExampleIndicators h1 {
  font-size: 50px;
  font-weight: 700;
}

#carouselExampleIndicators h5 {
  font-size: 25px;
}

#carouselExampleIndicators .carousel-caption div a {
  font-weight: 580;
  background-color: #da251c !important;
}




/* servizi */

/* #container_servizi h1 {
  color: #183883;
  font-weight: 700;
}

#container_servizi h1,
#container_servizi h5 {
  color: #183883;
}

#container_servizi h5 {
  font-weight: 600;
} */


.container_servizi-impianti {
  padding: 0 60px;
}




.icon_servizi-home {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  object-fit: contain;
  z-index: 3;
  padding: 1rem;
}


.text-align_center {
  text-align: center;
}

.section_info_numbers-text {
  font-weight: 500;
}



/* --------  AZIENDA -----*/

#first_container-azienda .container_main-copertina {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform:translateY(-50%);
  padding: 20px 0 20px 10%;
}

#first_container-azienda .container_text-copertina-azienda-mobile {
  /* left: 0;
  width: 100%;
  bottom: 50px;
  text-align: center;
  top: auto;
  transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  padding: 0; */
  position: relative;
  top : auto;
  left : auto;
  transform: none;
  padding: 0;
  text-align: center;
}


#first_container-azienda .container_main-copertina h1 {
  font-weight: 700 !important;
  font-size: 50px;
}

#first_container-azienda .container_main-copertina h5 {
  font-size: 25px;
  font-weight: 700 !important;
}



#focus_image-azienda {
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: black;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
  -o-transition:  opacity 0.2s linear;
  -moz-transition:  opacity 0.2s linear;
  -webkit-transition:  opacity 0.2s linear;
}

.focus_img_sfocato_main-copertina-azienda {
  position: absolute;
  top: 1px;
  left: -1px;
  height: 100%;
  width: 30%;
  background-image: linear-gradient(to right, #ffffff, #fffffff5, #ffffffdd, #ffffff98, #ffffff1f, #ffffff00);
}


.focus_img_sfocato_main-copertina-azienda_bottom {
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 50%;
  width: 100%;
  background-image: linear-gradient(to top, #ffffff, #fffffff5, #ffffffdd, #ffffff98, #ffffff1f, #ffffff00);
}


#focus_image-azienda:hover {
  opacity: 0.6;
}

#focus_image-azienda>div {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
}


#image-main_azienda {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform:  scale(1.1);
  -moz-transform:  scale(1.1);
  -ms-transform:scale(1.1);
  transition: transform 1s;
  -webkit-transition: transform 1s;
  -o-transition:  transform 1s;
  -moz-transition:  transform 1s;

}

.image-main_azienda-hover {
  -webkit-filter: blur(2px);
  filter: blur(2px);
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}


.container_block_azienda h2 {
  margin: 20px 0;
}





/* --------------  IMPIANTI INDUSTRIALI */

#img_copertina-impianti {
  width: 100%;
  height: 95vh;
  margin-top: 10vh;
  position: relative;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 65% 84%, 0% 100%);
  object-fit: cover;
}

.img_copertina-impianti-ind {
  background-image: url(img/impianti/impianti_industriali_copertina.avif);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.img_copertina-impianti-osp {
  background-image: url(img/impianti/impianti_ospedalieri_copertina.avif);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.img_copertina-impianti-civili {
  background-image: url(img/impianti/impianti_civili_copertina.avif);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.img_copertina-assistenza {
  background-image: url(img/assistenza/assistenza_copertina.avif);
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}


.text_copertina-impianti {
  position: absolute;
  right: 15%;
  top: 50%;
  left: 15%;
  padding-top: 20px;
  padding-bottom: 20px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform:  translateY(-50%);
  -moz-transform:  translateY(-50%);
  -ms-transform:  translateY(-50%);
  text-align: left;
  z-index: 81;
}

.text_copertina-impianti h1 {
  font-size: 50px;
  font-weight: 700 !important;
  color: #ffff;
}



.text_copertina-impianti h3 {
  font-size: 28px;
  font-weight: 600 !important;
  color: #ffff !important;
  letter-spacing: 1.5px;
}


.text_servizi-impianti-ele {
  text-transform: uppercase;
  font-weight: 500;
  color: #183883 !important;
  text-align: center;
}


.icon_spunta-elenco {
  max-width: 3.5rem !important;
  object-fit: contain;
}


#img_copertina-realizzazion-impianti {
  width: 100%;
  height: 40vh;
  position: relative;
}


/* impianti industriali */

.img_copertina-realizzazion-impianti-ind {
  background-image: url(img/impianti/reliazzazioni_impainti_ospedalieri.avif);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}

.container_complessi-industriali {
  height: 50vh;
  width: 100%;
  background-image: url(img/impianti/complessi\ industriali.avif);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}





.banner-imp_industriali>div {
  background-image: linear-gradient(to right, #546d81, #405b73, #2d4a65, #193957, #002949);
  padding: 4rem 3rem;
  display: grid;
  grid-template-rows: 4fr 3fr 2fr;
  box-shadow: 0 10px 50px rgb(95, 95, 95);
}

.banner-imp_industriali h2 {
  padding: 15px 5px;
  color: #fff;
  font-weight: 650;
}

.banner-imp_industriali h5 {
  padding: 15px 5px;
  color: #fff;
  font-weight: 250;
  font-size: 22px;
}

.banner-imp_industriali .btn {
  padding: 15px 5px;
  color: #284762;
  font-weight: 700;
  font-size: 18px;
}



/* impianti ospedalieri */


#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
  font-weight: 800;
  color: #183883;
}



#footer .footer_animator-text:hover {
  color: #183883;
  font-weight: 700;
}

#footer a,
#footer p {
  font-weight: 500;
  color: #45637b;
  transition: color 0.3s linear;
  text-decoration: none;
}



#contatti-box a,
#contatti-box p {
  font-weight: 500;
  color: #45637b;
  transition: color 0.3s linear;
  -webkit-transition: color 0.3s linear;
  -o-transition:  color 0.3s linear;
  -moz-transition:  color 0.3s linear;
  -ms-transition:  color 0.3s linear;
  text-decoration: none;
}

#contatti-box h1,
#contatti-box h2,
#contatti-box h3,
#contatti-box h4,
#contatti-box h5,
#contatti-box h6 {
  font-weight: 800;
  color: #183883;
}

#contatti-box .footer_animator-text:hover {
  color: #183883;
  font-weight: 700;
}


/* ----- GESTIONE MODAL EXAMPLE -----*/

#imagecard {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition:  0.3s;
  -moz-transition:  0.3s;
  -ms-transition:  0.3s;
}

#section-description_text {
  /* padding: 0 !important; */
  text-align: justify;
}


#section-description_text h1 {
  font-weight: 700;
}


#section-description_text h5 {
  font-weight: 600;

}


#section-description_text h1,
#section-description_text h5 {
  color: #183883;
}


#section-description_text p {
  font-size: 18px;
  color: #5b5b5b;
}


#imagecard:hover {
  opacity: 0.7;
}

/* .modal {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 99999;
}

.modal-content {
  margin: auto;
  display: block;
  width: 100%;
  max-width: 700px;
}


/* Add Animation */
/*
.modal-content {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
} 

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(0)
  }

  to {
    -webkit-transform: scale(1)
  }
}

@keyframes zoom {
  from {
    transform: scale(0)
  }

  to {
    transform: scale(1)
  }
}
*/
/* 100% Image Width on Smaller Screens */
/*
@media only screen and (max-width: 700px) {
  .modal-content {
    width: 100%;
  }
}
*/


/* The Close Button */
.close-container_maps {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition:  0.3s;
  -moz-transition:  0.3s;
  -ms-transition:  0.3s;
}

.close-container_maps:hover,
.close-container_maps:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

iframe.modal-content_maps {

  width: 80vw;
  max-width: 600px;
  max-height: 400px;
  height: 70vh;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform:  translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform:  translateY(-50%);
}



.icon_footer-svg path:first-child:hover {
  fill: #45637b;
}

.icon_footer-svg path:last-child:hover {
  stroke: #45637b;
}




.background_radial-focus-right {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  /* background: linear-gradient(90deg, rgb(248, 251, 255, 0 ) 0%, rgba(248, 251, 255, 0.51) 50%, rgba(248, 251, 255, 1) 90%); */
}

.background_radial-focus-left {
  width: 50%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  /* background: linear-gradient(90deg, rgb(248, 251, 255) 15%, rgba(248, 251, 255, 0.51) 70%, rgba(248, 251, 255, 0) 100%); */
}


.img_background_azienda {
  background-image: url(img/azienda/simbolo.avif);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  position: absolute;
  top: 23px;
  left: 0;
  height: 90%;
  width: 43.666667%;
  z-index: -1;
}

.container_text_azienda {
  padding: 3rem 6rem;
}


.focus_img_background_azienda {
  width: 100%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  z-index: 0;
  opacity: 0.87;
}

#svg_facebook,
#svg_instagram,
#svg_linkedin {
  display: block;
  margin: 0 auto;
}


#svg_facebook:hover path,
#svg_linkedin:hover path,
#svg_instagram:hover path {
  fill: #45637b;
}






.dropdown-menu {
  border: none;
  background-color: #f8f9fa !important
}

.dropdown-menu a {
  padding: 0.8rem 2.7rem;
  color: #183883;
  font-weight: 600;
  position: relative;
}

.dropdown-menu a:hover {
  background-color: #45637b;
  color: #ffff;
}




.dropdown-menu a::after {
  content: '';
  width: 85%;
  height: 0.5px;
  background-color: #da251c;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  -webkit-transform:  translateX(-50%);
  -moz-transform:   translateX(-50%);
  -o-transform:    translateX(-50%);
  -ms-transform:  translateX(-50%);
}



.general_p p {
  font-size: 18px;
  color: #5b5b5b;
}



.general_p_small p {
  font-size: 15px;
  color: #5b5b5b;
}



.general_title h1 {
  color: #183883 !important;
  font-weight: 550;
}

.general_subtitle h5 {
  color: #183883 !important;
  font-weight: 550;
}

.general_h2 h2 {
  color: #183883 !important;
  font-weight: 500;
}

.general_h3 h3 {
  color: #183883 !important;
  font-weight: 500;
}


.general_h5_light h5 {
  color: #183883 !important;
  font-weight: 400;
}



.general_title-cover {
  color: #183883 !important;
  font-weight: 700 !important;
  font-size: 50px !important;
}


.container_text-padding-assistenza {
  padding: 0 80px;
}

.container_partner-assistenza {
  margin: 100px auto;
}

.container_partner-assistenza .card {
  border: none;
}

.assistenza_partner_daikin,
.assistenza_partner_galletti,
.assistenza_partner_hitachi {
  height: 90px;
  width: 100%;
}



.assistenza_partner_daikin img {
  width: 95%;
  height: 50px;
  margin: 0 auto;
  display: block;
  object-fit: contain;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform:   translateY(-50%);
  -moz-transform:   translateY(-50%);
  -o-transform:   translateY(-50%);
  -ms-transform:  translateY(-50%);
}


.assistenza_partner_hitachi img {

  width: 100%;
  height: 90px;
  margin: 0 auto;
  display: block;
  object-fit: contain;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform:  translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform:translateY(-50%);
  padding: 10px 5px;
}


.assistenza_partner_galletti img {
  width: 100%;
  height: 70px;
  margin: 0 auto;
  display: block;
  object-fit: contain;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform:  translateY(-50%);
  -moz-transform:  translateY(-50%);
  -o-transform:  translateY(-50%);
  -ms-transform:translateY(-50%);
}


.imageA_realizzazione {
  background-color: red;
  height: 300px;
}

.imageB_realizzazione {
  background-color: blue;
  height: 300px;
}


.imageC_realizzazione {
  background-color: green;
  height: 300px;
}



.block_servizi-impianti {
  border: 1px solid #45637b;
  padding: 2.5rem 1.5rem;
  border-radius: 20px;
}


.block_servizi-impianti>.servizi_impianti-container-img {
  border: 2px dotted #45637b;
  border-radius: 100%;
  width: 100px;
  height: 100px;
  position: relative;
  z-index: 1;
  transition: background-color 0.4s;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  -o-transition:background-color 0.4s;
  margin: 0 auto;
  margin-bottom: 20px;
}

.block_servizi-impianti>.servizi_impianti-container-img:hover {
  background-color: #45637b;
}

.block_servizi-impianti>.servizi_impianti-container-img>img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: 0.5s background-color ease;
  -moz-transform: 0.5s background-color ease;
  -o-transform:0.5s background-color ease;
  -ms-transform: 0.5s background-color ease;
  width: 80x;
  height: 80px;
  object-fit: contain;
  z-index: 3;
  padding: 1rem;
}


#impianti_container-occupiamo li,
#impianti_container-occupiamo p {
  margin: 6px 0;
  font-size: 19px;
}



#impianti_container-occupiamo a.btn {
  font-weight: 580;
  background-color: #da251c !important;
  text-transform: uppercase;
}


#impianti_container-occupiamo {
  margin-top: 100px !important;
}




.rounded-circle {
  fill: #252525;
  border: 3px dotted #45637b;
  padding: 15px;
  transition: 0.5s background-color ease;
  -webkit-transition: 0.5s background-color ease;
  -moz-transition: 0.5s background-color ease;
  -o-transition:0.5s background-color ease;
}

/* .rounded-circle:hover {
  background-color: #45637b;
  fill: #ffff;
}  */

.rounded-circle-hover {
  background-color: #45637b;
  fill: #ffff;
}


.rounded-circle path {
  stroke: #252525;
  stroke-width: 5px;
}



.rounded-circle-path-hover {
  stroke: #ffffff !important;
  stroke-width: 5px;
}





/* ------------------------------------------
      GESTIONE TEXT FOCUS IMAGE 
      
------------------------------------------  */
.container-focus {
  position: relative;
  color: #193957;
  font-size: 20px;
  font-weight: 500;
}

.container-focus img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  -ms-transition: .5s ease;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -o-transition: .5s ease; 
  backface-visibility: hidden;
}

.container-focus .middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform:translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}

.container-focus .middle h2 {
  font-weight: 700;
}



.nostre-realizzazioni-img-focus{
  opacity: 0.3 !important;

}
.nostre-realizzazioni-middle-focus{
  opacity: 1 !important;
}

/* .container-focus:hover img {
  opacity: 0.3;

}

.container-focus:hover .middle {
  opacity: 1;
} */



.reset-a,
.reset-a:active,
.reset-a:visited,
.reset-a:hover {
  text-decoration: none;
  color: #284762 !important;
}


/* 



  OROLOGIO

  



  TELEFONO
  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <path d="M6.67962 3.32038L7.29289 2.70711C7.68342 2.31658 8.31658 2.31658 8.70711 2.70711L11.2929 5.29289C11.6834 5.68342 11.6834 6.31658 11.2929 6.70711L9.50048 8.49952C9.2016 8.7984 9.1275 9.255 9.31653 9.63307C10.4093 11.8186 12.1814 13.5907 14.3669 14.6835C14.745 14.8725 15.2016 14.7984 15.5005 14.4995L17.2929 12.7071C17.6834 12.3166 18.3166 12.3166 18.7071 12.7071L21.2929 15.2929C21.6834 15.6834 21.6834 16.3166 21.2929 16.7071L20.6796 17.3204C18.5683 19.4317 15.2257 19.6693 12.837 17.8777L11.6286 16.9714C9.88504 15.6638 8.33622 14.115 7.02857 12.3714L6.12226 11.163C4.33072 8.7743 4.56827 5.43173 6.67962 3.32038Z" fill="white"/>
  </svg>


 */



/* ......contatti .....*/
.container_main_contatti {
  width: 60%;
  position: relative;
  top: -100px;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto;
  background-color: #f8f9fa;
  padding: 1px;
  max-width: 850px;
  margin: 0 auto;
}

.grid-item {
  background-color: none;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.8);
  padding: 8px 15px;
  font-size: 17px;
}

.grid-item.header {
  background-color: rgb(211 223 237);
  font-size: 19px;
}



#carouselExampleIndicators2 .carousel-item>div {
  height: 140px;
}


#carouselExampleIndicators2 .carousel-inner {
  overflow: visible;
}


#carouselExampleIndicators5 .carousel-item>div {
  height: 100px;
  margin: 0px;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #183883;
}


.navbar-toggler {
  border: none;
}




.animated-icon1 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform:  rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}


.animated-icon1 span {
  background: #002949;
}


.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
}