@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');


body{
     font-size: 16px;
     font-family: 'Open Sans', sans-serif !important;
}
.form-floating > label {
    color: #6f7880 !important;
}

.contenitoretabella > div {
    overflow-x: scroll;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
.contenitoretabella > div {
    scrollbar-width: auto;
    scrollbar-color: #5457a0 #ffffff;
    padding-bottom: 12px;
}

    /* Chrome, Edge, and Safari */
    .contenitoretabella > div::-webkit-scrollbar {
        width: 16px;
    }

    .contenitoretabella > div::-webkit-scrollbar-track {
        background: #ffffff;
    }

    .contenitoretabella > div::-webkit-scrollbar-thumb {
        background-color: #5457a0;
        border-radius: 10px;
        border: 3px solid #ffffff;
    }
    .contenitoretabella > div table {
        width: 100% !important;
        min-width: 766px !important;
        max-width: 100% !important;
        table-layout: auto !important;
    }

    .contenitoretabella > div table td{
        padding: 5px !important;
        word-wrap: normal !important;
        width: auto !important;
    }



    h1, h2, h3, h4, h5, h6 {
        font-family: 'Poppins', sans-serif !important;
        font-weight: 300 !important;
    }
    table *{
      font-family: "Noto Sans", sans-serif !important;
    }
    table p {
    margin: 0;
}
.glax_tm_main_title_holder .title_holder h1 {
    margin: 0px;
    padding: 0px;
    font-size: 48px;
    letter-spacing: 0px;
    font-weight: 300;
    color: #14141c;
    line-height: 1;
    position: relative;
    left: -1px;
}
.justified-gallery > a, .justified-gallery > div,
.justified-gallery > a > img {
    display: block !important;
    position: relative !important;
}
table, table * {
  font-size: 12px;
}
.downloadprodotto {
    background-color: #587aaa33;
    padding: 12px;
    margin-bottom: 24px;
}
.downloadprodotto *,
.downloadprodotto *:hover,
.downloadprodotto *:focus{

  margin-bottom: 0;
}
 .lead{
     font-weight: inherit !important;
}
 hr {
     border-top: 1px solid rgba(0,0,0,.5);
}
/* HERO CON VIDEO HOME */
.video-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.video-container::before {
    content: " ";
    width: 100%;
    position: absolute;
    top: 0;
    padding-top: 56.25%;
    background-color: #00000040;
    z-index: 1;
}
.videohero5-4.video-container::before {
padding-top: 125%;
}
.videohero5-4.video-container {
    padding-top: 125% !important;
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.textonherovideo * {
    color: #fff;
    text-shadow: 0px 6px 15px #000;
}
.prima-lettera {
    color:#587aaa;
  }
.textonherovideo h1{
  font-size: 45px;

    line-height: 1.3;
    color: #fff;
    letter-spacing: 0px;
    font-weight: 400;
    margin-bottom: 30px;
}
.videohero5-4{
  display: none;
}
.swiper_content{
  max-width: 550px;
}
@media (max-width: 1300px){
  .textonherovideo h1{
    font-size: 20px;
  }
  .swiper_content{
    max-width: 800px;
  }
}





 .justify-content-center:before, .justify-content-center:after {
     margin: 0 auto !important;
     left: auto !important;
}
 footer hr {
     margin-top: 1rem;
     margin-bottom: 1rem;
     border: 0;
     border-top: 2px dotted rgb(255 255 255);
}
 .glax_tm_share_wrap li {
     margin: 0 !important;
}
 .downloadprodotto a, .downloadprodotto a:hover {
     text-decoration:none;
     display: flex;
     margin: auto;
     border-radius: 10px;
     align-items: center;
}
 .downloadprodotto a i{
     margin-right:12px;
}
 .nav-link[aria-selected="false"]{
     color:inherit !important;
}
 .bg-light{
     background-color:#f1f1f1;
}
 .paginareferenze hr {
     margin-top: 30px;
     margin-bottom: 20px;
}
 .text-uppercase{
     text-transform: uppercase;
}
 form label {
     color: black !important;
}
.form-check .form-check-input {
    float: left;
    margin-left: -1.5em;
    border: 0px;
    margin-top: 1px;
}
.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
    color: #dc3545 !important;
}
.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
    padding: 0 3px;
    width: auto;
    height: 23px;
    border: solid 1px var(--bs-form-invalid-border-color) !important;
}
 .glax_tm_about_counter_wrap .inner_counter{
     display: block;
}
 .glax_tm_header_wrap .logo_wrap {
     padding: 5px 20px;
}
 .pt-150{
     padding-top: 150px;
}
 .pb-150{
     padding-bottom: 150px;
}
 .bottone {
     background-color: #587aaa;
     border: none;
     border-radius: 10px;
     color: white;
     padding: 10px 18px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     cursor: pointer;
     font-family: inherit;
     font-weight: bold;
     font-size: 16px;
}
 .bottone.btn-disable{
     opacity: 0.6;
}
 .lead{
     font-size: 1.4em;
}
 .listadownloads > .row:nth-child(even) {
     background-color: #f1f1f1 !important;
}
 .listadownloads > .row:last-child {
     margin-bottom: 20px !important;
}
 .linkcontatti a{
     font-weight: bold;
     text-decoration: none;
     color: #587aaa;
}
 .listacontatti li{
     padding: 10px;
}
 .listacontatti li .singolocontatto{
}
 input, textarea{
     min-width: 100%;
     font-family: inherit;
}
 input[type="checkbox" i] {
     min-width: 0 !important;
}
 .italic{
     font-style: italic ;
}
 .progettazione-titolo{
     font-weight: 300 !important;
}
 .glax_tm_main_contact_wrap{
     margin-bottom: 30px !important;
}
.glax_tm_projects_wrap .glax_tm_portfolio_list .inner .title_holder {
    bottom: 20px;
}
.glax_tm_projects_wrap .glax_tm_portfolio_list .inner .image_wrap .overlay_color{
    background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);

}
.glax_tm_projects_wrap .glax_tm_portfolio_list .inner .title_holder p,
.glax_tm_projects_wrap .glax_tm_portfolio_list .inner .title_holder h3{
    text-shadow: 0 5px 5px #000 !important;
}



.portofliorealizzazioni .title_holder > p:last-child{
    display: none;
}
.portofliorealizzazioni .title_holder > p{
    margin-bottom: 0;
}

.architecture .zoom {
    transition: transform .6s;

  }
  .architecture:hover .zoom {
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2);
    transition: all 1s;
    -webkit-transition: all 1s;
  }
  .architecture .sottolineato{
	position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background-color: #587aaa;
    bottom: 5px;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.architecture:hover .sottolineato{
    width: 100%;
    transition: all 1s;
    -webkit-transition: all 1s;
}
.architecture:hover a {
    background-color: #0000003b;
    transition: all 1s;
    -webkit-transition: all 1s;
  }
.nomesingoloprodotto a:hover,
.architecture:hover .nomesingoloprodotto a {
    background-color: transparent !important;
}
.nomesingoloprodotto {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}
 .center{
     display: block ;
     margin-left: auto ;
     margin-right: auto ;
     margin-top: 40px;
     margin-bottom: 40px;
}
.architecture , .inner{
    overflow: hidden;
}
 .glax_tm_header_wrap_responsive .purchase_button a {
     text-decoration: none;
     text-transform: uppercase;
     font-weight: 500;
     color: #fff;
     font-family: "Rubik";
     border: 1px solid #a3a8ad;
     border-radius: 2px;
     padding: 16px 30px 14px 30px;
     display: inline-block;
     -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
     -ms-transition: all .3s ease;
     -o-transition: all .3s ease;
     transition: all .3s ease;
     width:100%;
}
footer{

background-color: #081225;
}

 .footer-99382 {
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     color: black;
     position: relative;
     font-family: inherit;
}
 .footer-99382 h3 {
     font-size: 16px;
     font-weight: bold;
     color: black;
     margin-bottom: 30px;
}
 .footer-99382 .footer-site-logo {
     font-size: 1.5rem;
     color: #fff;
}
 .footer-99382 .nav-links li {
     margin-bottom: 10px;
}
 .footer-99382 .nav-links li a {
     color: black;
}
 .footer-99382 .nav-links li a:hover {
     color: #587aaa;
}
 .footer-99382 .btn.btn-tertiary {
     background-color: #e42c64;
     color: #fff;
     border-radius: 30px;
     border: none;
     padding: 10px 20px;
}
.glax_tm_footer_wrap .helpful_links ul li{
    width: 100% !important;
}
.bg-dark{
    background-color: #1a1d21 !important;
}
 .footer-99382 .social li {
     display: inline-block;
}
 .footer-99382 .social li a {
     color: black;
     padding: 7px;
}
 .footer-99382 .social li a:hover {
     color: #fff;
}
 .footer-99382 .copyright {
     border-top: 1px solid #595959;
}
.glax_tm_footer_wrap .helpful_links ul li, .glax_tm_footer_wrap .helpful_links ul li a {
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
}
@media (max-width: 767px){
    .videohero16-9{
      display: none !important;
    }
    .videohero5-4{
      display: block !important;
    }
    h5.texts_wrap{
      text-align:center !important;
    }
    .architecture .sottolineato{
        position: absolute;
        content: "";
        width: 100%;
        height: 2px;
        background-color: #587aaa;
        bottom: 5px;
        transition: all 1s;
        -webkit-transition: all 1s;
    }

  }
 @media only screen and (min-width: 1401px) {
     .glax_tm_main_contact_wrap .office_list ul li{
         width: 50%;
    }
     .center{
         width: 50% ;
    }
}
@media only screen and (min-width: 1201px) {
    .glax_tm_portfolio_list > li {
        width: calc(100% / 3) !important;
    }
}
 @media only screen and (max-width: 1040px) {
     .nav{
         display:block !important;
    }
}
 @media only screen and (max-width: 1200px) and (min-width: 768px) {
     .glax_tm_portfolio_list > li{
         width:50%;
         float:left;
         position:relative;
         margin: 0px 0px 65px 0px;
         padding-left: 50px;
    }
}


.content-text-single-product ul {
    margin-left: 25px;
}

.testogrigioscuro12 {
background-color: #DEDEDD !important;
}
table * {
vertical-align: middle;
}
table td {
border: solid 2px #fff !important;
}