/*!DA TESTARE L'ORDINAMENTO DEL CSS*/
*, ::after, ::before {
    margin: 0;
    padding: 0;
    line-height: 0;
    box-sizing: border-box;
    /*  user-select: none;*/
  }

html{font-size: 62.5%;scroll-behavior: auto;}
h1,h2,h3,h4,h5,h6,p,a,li{
    line-height: 1;
  }
img{width: 100%;}
a{text-decoration: none;}
ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}


   .sizing{width: var(--width, 100%);height: var(--height, 100vh)}
.bg-red{background-color: red;}
.bg-black{background-color: black;}
.bg-blue{background-color: blue;}
.bg-fixed{background-attachment: fixed;}
.bg-img {background-size: cover;background-repeat: no-repeat;}
    
   .navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.8rem;padding-bottom:.8rem}
   .navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}
  .list-inline li{
    display: inline-block;
  }
  .container,.container-fluid{width:100%;padding-right:var(--x,1.2rem);padding-left:var(--x,1.2rem);margin-right:auto;margin-left:auto}
  @media (min-width:576px){.container{max-width:540px}}
  @media (min-width:768px){.container{max-width:720px} :root{--responsive:0.05rem}}
  @media (min-width:992px){.container{max-width:960px} :root{--responsive:0.1rem}}
  @media (min-width:1200px){.container{max-width:1140px} :root{--responsive:0.15rem}}
  @media (min-width:1400px){.container{max-width:1320px} :root{--responsive:0.2rem} }
  /*1.5rem*/
  .row{--x:2.4rem;--y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--y));margin-right:calc(-.5 * var(--x));margin-left:calc(-.5 * var(--x))}
  .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--x) * .5);padding-left:calc(var(--x) * .5);margin-top:var(--y)}
  .col{flex:1 0 0%}
  /*8.4 - 7.2 - 6 - 4.8 - 3.6 - 3 - 2.4 - 1.8 - 1.6 - 1.4 - 1.2*/
  #simicasa-aside .simicasa-logo .fs-special{font-size: calc(1.8rem + var(--responsive, 0rem) * 9);}
  .fs-1{font-size: calc(7.2rem + var(--responsive, 0rem) * 6);}
  .fs-2{font-size: calc(6rem + var(--responsive, 0rem) * 6);}
  .fs-3{font-size: calc(2.4rem + var(--responsive, 0rem) * 18);}
  .fs-4{font-size: calc(3.6rem + var(--responsive, 0rem) * 6);}
  .fs-5{font-size: calc(3rem + var(--responsive, 0rem) * 3);}
  .fs-6{font-size: calc(2rem + var(--responsive, 0rem) * 8);}
  .fs-7{font-size: calc(1.8rem + var(--responsive, 0rem) * 3);}
  .fs-8{font-size: calc(1.6rem + var(--responsive, 0rem) * 1);}
  .fs-9{font-size: calc(1.4rem + var(--responsive, 0rem) * 1);}
  .fs-10{font-size:calc(1.2rem + var(--responsive, 0rem) * 1);}
  .fs-11{font-size: 1rem;} 
/*
*320px — 480px: Mobile devices
*481px — 768px: iPads, Tablets
*769px — 1024px: Small screens, laptops
*1025px — 1200px: Desktops, large screens
*1201px and more —  Extra large screens, TV
*/
  .col-auto{flex:0 0 auto;width:auto}
  .col-1{flex:0 0 auto;width:8.33333333%}
  .col-2{flex:0 0 auto;width:16.66666667%}
  .col-3{flex:0 0 auto;width:25%}
  .col-4{flex:0 0 auto;width:33.33333333%}
  .col-5{flex:0 0 auto;width:41.66666667%}
  .col-6{flex:0 0 auto;width:50%}
  .col-7{flex:0 0 auto;width:58.33333333%}
  .col-8{flex:0 0 auto;width:66.66666667%}
  .col-9{flex:0 0 auto;width:75%}
  .col-10{flex:0 0 auto;width:83.33333333%}
  .col-11{flex:0 0 auto;width:91.66666667%}
  .col-12{flex:0 0 auto;width:100%}
  
  /*!Lìordine delle variabile influsice il cambiamento quindi metterlo sempre per l' ultimo le root invece pre prima*/
  .offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}
  .g-0,.gx-0{--x:0}
  .g-0,.gy-0{--y:0}
  .g-1,.gx-1{--x:0.4rem}
  .g-1,.gy-1{--y:0.4rem} /*0.25rem*/
  .g-2,.gx-2{--x:0.8rem}
  .g-2,.gy-2{--y:0.8rem} /*0.5rem*/
  .g-3,.gx-3{--x:1.6rem}
  .g-3,.gy-3{--y:1.6rem} /*1rem*/
  .g-4,.gx-4{--x:2.4rem}
  .g-4,.gy-4{--y:2.4rem} /*1.5rem*/
  .g-5,.gx-5{--x:4.8rem}
  .g-5,.gy-5{--y: 4.8rem} /*3rem*/ /*TODO fare un calc per il responsive*/
  .m-0{margin:0}
  .m-1{margin:.25rem}
  .m-2{margin:.5rem}
  .m-3{margin:1rem}
  .m-4{margin:1.5rem}
  .m-5{margin:3rem}
  .m-auto{margin:auto}
  .mx-0{margin-right:0;
    margin-left:0}
  .mx-1{margin-right:.25rem;
    margin-left:.25rem}
  .mx-2{margin-right:.5rem;
    margin-left:.5rem}
  .mx-3{margin-right:1rem;
    margin-left:1rem}
  .mx-4{margin-right:1.5rem;
    margin-left:1.5rem}
  .mx-5{margin-right:3rem;
    margin-left:3rem}
  .mx-auto{margin-right:auto;
    margin-left:auto}
  .my-0{margin-top:0;
    margin-bottom:0}
  .my-1{margin-top:.25rem;
    margin-bottom:.25rem}
  .my-2{margin-top:.5rem;
    margin-bottom:.5rem}
  .my-3{margin-top:1rem;
    margin-bottom:1rem}
  .my-4{margin-top:1.5rem;
    margin-bottom:1.5rem}
  .my-5{margin-top:3rem;
    margin-bottom:3rem}
  .my-auto{margin-top:auto;
    margin-bottom:auto}
  .mt-0{margin-top:0}
  .mt-1{margin-top:.25rem}
  .mt-2{margin-top:.5rem}
  .mt-3{margin-top:1rem}
  .mt-4{margin-top:1.5rem}
  .mt-5{margin-top:3rem}
  .mt-auto{margin-top:auto}
  .mr-0{margin-right:0}
  .mr-1{margin-right:.25rem}
  .mr-2{margin-right:.5rem}
  .mr-3{margin-right:1rem}
  .mr-4{margin-right:1.5rem}
  .mr-5{margin-right:3rem}
  .mr-auto{margin-right:auto}
  .mb-0{margin-bottom:0}
  .mb-1{margin-bottom:.25rem}
  .mb-2{margin-bottom:.5rem}
  .mb-3{margin-bottom:1rem}
  .mb-4{margin-bottom:1.5rem}
  .mb-5{margin-bottom:3rem}
  .mb-auto{margin-bottom:auto}
  .ml-0{margin-left:0}
  .ml-1{margin-left:.25rem}
  .ml-2{margin-left:.5rem}
  .ml-3{margin-left:1rem}
  .ml-4{margin-left:1.5rem}
  .ml-5{margin-left:3rem}
  .ml-auto{margin-left:auto}
  .p-0{padding:0}
  .p-1{padding:.25rem}
  .p-2{padding:.5rem}
  .p-3{padding:1rem}
  .p-4{padding:1.5rem}
  .p-5{padding:3rem}
  .px-0{padding-right:0;padding-left:0}
  .px-1{padding-right:.25rem;padding-left:.25rem}
  .px-2{padding-right:.5rem;padding-left:.5rem}
  .px-3{padding-right:1rem;padding-left:1rem}
  .px-4{padding-right:1.5rem;padding-left:1.5rem}
  .px-5{padding-right:3rem;padding-left:3rem}
  .py-0{padding-top:0;padding-bottom:0}
  .py-1{padding-top:.25rem;padding-bottom:.25rem}
  .py-2{padding-top:.5rem;padding-bottom:.5rem}
  .py-3{padding-top:1rem;padding-bottom:1rem}
  .py-4{padding-top:1.5rem;padding-bottom:1.5rem}
  .py-5{padding-top:3rem;padding-bottom:3rem}
  .pt-0{padding-top:0}
  .pt-1{padding-top:.25rem}
  .pt-2{padding-top:.5rem}
  .pt-3{padding-top:1rem}
  .pt-4{padding-top:1.5rem}
  .pt-5{padding-top:3rem}
  .pr-0{padding-right:0}
  .pr-1{padding-right:.25rem}
  .pr-2{padding-right:.5rem}
  .pr-3{padding-right:1rem}
  .pr-4{padding-right:1.5rem}
  .pr-5{padding-right:3rem}
  .pb-0{padding-bottom:0}
  .pb-1{padding-bottom:.25rem}
  .pb-2{padding-bottom:.5rem}
  .pb-3{padding-bottom:1rem}
  .pb-4{padding-bottom:1.5rem}
  .pb-5{padding-bottom:3rem}
  .pl-0{padding-left:0}
  .pl-1{padding-left:.4rem}
  .pl-2{padding-left:.8rem}
  .pl-3{padding-left:1.6rem}
  .pl-4{padding-left:2.4rem}
  .pl-5{padding-left:4.8rem }
  .text-center{text-align: center;}
  .text-left{text-align: left;}
  .text-right{text-align: right;}
  .text-uppercase{text-transform:uppercase}
  .text-capitalize{text-transform:capitalize}
  .d-flex{display: flex;}
  .justify-content-start{justify-content:flex-start}
  .justify-content-end{justify-content:flex-end}
  .justify-content-center{justify-content:center}
  .justify-content-between{justify-content:space-between}
  .justify-content-around{justify-content:space-around}
  .justify-content-evenly{justify-content:space-evenly}
  .align-items-start{align-items:flex-start}
  .align-items-end{align-items:flex-end}
  .align-items-center{align-items:center}
  .align-items-baseline{align-items:baseline}
  .align-items-stretch{align-items:stretch}
  .pos-relative{position: relative;}
  .pos-fixed{position: fixed;top: var(--top, 0);left: var(--left, 0);}
  .pos-absolute{
      margin: 0;
      position: absolute;
      width: var(--width, 100%);
      top: var(--top, 50%);
      left: var(--left, 50%);
      transform: translate(var(--translateX, -50%), var(--translateY, -50%));
      -webkit-transform: translate(var(--translateX, -50%), var(--translateY, -50%));
      -moz-transform: translate(var(--translateX, -50%), var(--translateY, -50%));
      -ms-transform: translate(var(--translateX, -50%), var(--translateY, -50%));
      -o-transform: translate(var(--translateX, -50%), var(--translateY, -50%));
}
  .z-index-0{z-index: -1;}.z-index-1{z-index: 1;}.z-index-2{z-index: 2;}.z-index-3{z-index: 3;}.z-index-4{z-index: 4;}.z-index-5{z-index: 5;}

  .bg-fixed {background-attachment: fixed;}
  .bg-img {
      background-size: cover;
      background-repeat: no-repeat;
     }
  .heading{
      letter-spacing: calc(2.5rem + var(--responsive, 0rem) * 12.5);
     }
    .overline{
      color: white;
      letter-spacing: calc(1.5rem + var(--responsive, 0rem) * 5);
      opacity: .5;
     }
  .vr{display:inline-block;
    align-self:stretch;
    width:1px;
    min-height:1.6em;
    background-color:currentColor;
    opacity:.25}
  .d-block{display: block;}
  .d-none{display: none;}
  .opacity-100{opacity: 1;}
  .opacity-75{opacity: .75;}
  .opacity-50{opacity: .5;}
  .opacity-25{opacity: .2;}
  .opacity-10{opacity: .1;}
  .opacity-0{opacity: 0;}
  .o-hidden{overflow: hidden;}
  .visible{visibility: visible;}
  .invisible{visibility: hidden;}
  .crs-pointer{cursor: pointer}
  .flt-grayscale{ filter:grayscale(1);-webkit-filter:grayscale(1);}
  .hr{
    width: 100%;
    height: 2px;
    background: white;
  }
  .section-padding{padding-top: calc(6rem + var(--responsive, 0rem) * 20);}
  .border{border: 2px solid rgba(251, 251, 248, 0.5);}
  .border-top{border-top: 2px solid rgba(251, 251, 248, 0.5);}
  .border-bottom{border-bottom: 2px solid rgba(251, 251, 248, 0.5);}
  .border-left{border-left: 2px solid rgba(251, 251, 248, 0.5);}
  .border-right{border-right: 2px solid rgba(251, 251, 248, 0.5);}
  .border-0{border: none !important;}


  /*!da controllare l'ordine !!!!!!!!*/
  @media (min-width:576px){.container{max-width:540px}}
  @media (min-width:768px){.container{max-width:720px} :root{--responsive:0.05rem}}
  @media (min-width:992px){.container{max-width:960px} :root{--responsive:0.1rem}}
  @media (min-width:1200px){.container{max-width:1140px} :root{--responsive:0.15rem}}
  @media (min-width:1400px){.container{max-width:1320px} :root{--responsive:0.2rem}}
  @media (min-width:576px){
    .col-sm{flex:1 0 0%}
    .col-sm-auto{flex:0 0 auto;width:auto}
    .col-sm-1{flex:0 0 auto;width:8.33333333%}
    .col-sm-2{flex:0 0 auto;width:16.66666667%}
    .col-sm-3{flex:0 0 auto;width:25%}
    .col-sm-4{flex:0 0 auto;width:33.33333333%}
    .col-sm-5{flex:0 0 auto;width:41.66666667%}
    .col-sm-6{flex:0 0 auto;width:50%}
    .col-sm-7{flex:0 0 auto;width:58.33333333%}
    .col-sm-8{flex:0 0 auto;width:66.66666667%}
    .col-sm-9{flex:0 0 auto;width:75%}
    .col-sm-10{flex:0 0 auto;width:83.33333333%}
    .col-sm-11{flex:0 0 auto;width:91.66666667%}
    .col-sm-12{flex:0 0 auto;width:100%}
    .offset-sm-0{margin-left:0}
    .offset-sm-1{margin-left:8.33333333%}
    .offset-sm-2{margin-left:16.66666667%}
    .offset-sm-3{margin-left:25%}
    .offset-sm-4{margin-left:33.33333333%}
    .offset-sm-5{margin-left:41.66666667%}
    .offset-sm-6{margin-left:50%}
    .offset-sm-7{margin-left:58.33333333%}
    .offset-sm-8{margin-left:66.66666667%}
    .offset-sm-9{margin-left:75%}
    .offset-sm-10{margin-left:83.33333333%}
    .offset-sm-11{margin-left:91.66666667%}
    }
    @media (min-width:768px){
    .col-md{flex:1 0 0%}
    .col-md-auto{flex:0 0 auto;width:auto}
    .col-md-1{flex:0 0 auto;width:8.33333333%}
    .col-md-2{flex:0 0 auto;width:16.66666667%}
    .col-md-3{flex:0 0 auto;width:25%}
    .col-md-4{flex:0 0 auto;width:33.33333333%}
    .col-md-5{flex:0 0 auto;width:41.66666667%}
    .col-md-6{flex:0 0 auto;width:50%}
    .col-md-7{flex:0 0 auto;width:58.33333333%}
    .col-md-8{flex:0 0 auto;width:66.66666667%}
    .col-md-9{flex:0 0 auto;width:75%}
    .col-md-10{flex:0 0 auto;width:83.33333333%}
    .col-md-11{flex:0 0 auto;width:91.66666667%}
    .col-md-12{flex:0 0 auto;width:100%}
    .offset-md-0{margin-left:0}
    .offset-md-1{margin-left:8.33333333%}
    .offset-md-2{margin-left:16.66666667%}
    .offset-md-3{margin-left:25%}
    .offset-md-4{margin-left:33.33333333%}
    .offset-md-5{margin-left:41.66666667%}
    .offset-md-6{margin-left:50%}
    .offset-md-7{margin-left:58.33333333%}
    .offset-md-8{margin-left:66.66666667%}
    .offset-md-9{margin-left:75%}
    .offset-md-10{margin-left:83.33333333%}
    .offset-md-11{margin-left:91.66666667%}
    }
    @media (min-width:992px){
    .col-lg{flex:1 0 0%}
    .col-lg-auto{flex:0 0 auto;width:auto}
    .col-lg-1{flex:0 0 auto;width:8.33333333%}
    .col-lg-2{flex:0 0 auto;width:16.66666667%}
    .col-lg-3{flex:0 0 auto;width:25%}
    .col-lg-4{flex:0 0 auto;width:33.33333333%}
    .col-lg-5{flex:0 0 auto;width:41.66666667%}
    .col-lg-6{flex:0 0 auto;width:50%}
    .col-lg-7{flex:0 0 auto;width:58.33333333%}
    .col-lg-8{flex:0 0 auto;width:66.66666667%}
    .col-lg-9{flex:0 0 auto;width:75%}
    .col-lg-10{flex:0 0 auto;width:83.33333333%}
    .col-lg-11{flex:0 0 auto;width:91.66666667%}
    .col-lg-12{flex:0 0 auto;width:100%}
    .offset-lg-0{margin-left:0}
    .offset-lg-1{margin-left:8.33333333%}
    .offset-lg-2{margin-left:16.66666667%}
    .offset-lg-3{margin-left:25%}
    .offset-lg-4{margin-left:33.33333333%}
    .offset-lg-5{margin-left:41.66666667%}
    .offset-lg-6{margin-left:50%}
    .offset-lg-7{margin-left:58.33333333%}
    .offset-lg-8{margin-left:66.66666667%}
    .offset-lg-9{margin-left:75%}
    .offset-lg-10{margin-left:83.33333333%}
    .offset-lg-11{margin-left:91.66666667%}
    }
    @media (min-width:1200px){
    .col-xl{flex:1 0 0%}
    .col-xl-auto{flex:0 0 auto;width:auto}
    .col-xl-1{flex:0 0 auto;width:8.33333333%}
    .col-xl-2{flex:0 0 auto;width:16.66666667%}
    .col-xl-3{flex:0 0 auto;width:25%}
    .col-xl-4{flex:0 0 auto;width:33.33333333%}
    .col-xl-5{flex:0 0 auto;width:41.66666667%}
    .col-xl-6{flex:0 0 auto;width:50%}
    .col-xl-7{flex:0 0 auto;width:58.33333333%}
    .col-xl-8{flex:0 0 auto;width:66.66666667%}
    .col-xl-9{flex:0 0 auto;width:75%}
    .col-xl-10{flex:0 0 auto;width:83.33333333%}
    .col-xl-11{flex:0 0 auto;width:91.66666667%}
    .col-xl-12{flex:0 0 auto;width:100%}
    .offset-xl-0{margin-left:0}
    .offset-xl-1{margin-left:8.33333333%}
    .offset-xl-2{margin-left:16.66666667%}
    .offset-xl-3{margin-left:25%}
    .offset-xl-4{margin-left:33.33333333%}
    .offset-xl-5{margin-left:41.66666667%}
    .offset-xl-6{margin-left:50%}
    .offset-xl-7{margin-left:58.33333333%}
    .offset-xl-8{margin-left:66.66666667%}
    .offset-xl-9{margin-left:75%}
    .offset-xl-10{margin-left:83.33333333%}
    .offset-xl-11{margin-left:91.66666667%}
    }
    @media (min-width:1400px){
    .col-xxl{flex:1 0 0%}
    .col-xxl-auto{flex:0 0 auto;width:auto}
    .col-xxl-1{flex:0 0 auto;width:8.33333333%}
    .col-xxl-2{flex:0 0 auto;width:16.66666667%}
    .col-xxl-3{flex:0 0 auto;width:25%}
    .col-xxl-4{flex:0 0 auto;width:33.33333333%}
    .col-xxl-5{flex:0 0 auto;width:41.66666667%}
    .col-xxl-6{flex:0 0 auto;width:50%}
    .col-xxl-7{flex:0 0 auto;width:58.33333333%}
    .col-xxl-8{flex:0 0 auto;width:66.66666667%}
    .col-xxl-9{flex:0 0 auto;width:75%}
    .col-xxl-10{flex:0 0 auto;width:83.33333333%}
    .col-xxl-11{flex:0 0 auto;width:91.66666667%}
    .col-xxl-12{flex:0 0 auto;width:100%}
    .offset-xxl-0{margin-left:0}
    .offset-xxl-1{margin-left:8.33333333%}
    .offset-xxl-2{margin-left:16.66666667%}
    .offset-xxl-3{margin-left:25%}
    .offset-xxl-4{margin-left:33.33333333%}
    .offset-xxl-5{margin-left:41.66666667%}
    .offset-xxl-6{margin-left:50%}
    .offset-xxl-7{margin-left:58.33333333%}
    .offset-xxl-8{margin-left:66.66666667%}
    .offset-xxl-9{margin-left:75%}
    .offset-xxl-10{margin-left:83.33333333%}
    .offset-xxl-11{margin-left:91.66666667%}
    }
