@charset "UTF-8";
/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
p {
    font-family: 'Poppins', sans-serif;
}

.box-titolo-head{
  padding-top:16rem;
  margin-left: -12rem;
}

.titolo-h1{
  color:#fff;
  font-weight: 600;
  font-size: calc(35px + (80 - 35) * ((100vw - 300px) / (1920 - 300)));
}

.pigi{
  color:#fff;
  font-weight: 600;
  font-size: calc(70px + (200 - 70) * ((100vw - 300px) / (1920 - 300)));
}

.nome{
  color:#fff;
  font-weight: 300;
  font-size: calc(15px + (30 - 15) * ((100vw - 300px) / (1920 - 300)));
  text-align:right;
}

.txt{
  color:#fff;
  font-weight: 400;
  font-size: calc(13px + (20 - 13) * ((100vw - 300px) / (1920 - 300)));
}
.riga-loghi{
  position: absolute;
  bottom:4rem;
}

.box-contatti{
  padding-top: 3rem;
  padding-bottom: 0rem;
  padding-left: 3rem;
  padding-right: 3rem;
}
.titolo-serv{
  color:#fff;
  font-weight: 600;
  font-size: calc(30px + (60 - 30) * ((100vw - 300px) / (1920 - 300)));
}

.vertical-txt{
  writing-mode: vertical-rl;
text-orientation: mixed;
margin-right:0px;
}

.txt-vertical{
  color:#f3df4c;
  font-weight: 400;
  font-size: calc(14px + (14 - 14) * ((100vw - 300px) / (1920 - 300)));
}
.txt-vertical:hover{
  color:#fff;
  font-weight: 400;
  font-size: calc(14px + (14 - 14) * ((100vw - 300px) / (1920 - 300)));
}
.bg-light {
    background-color: transparent!important;
    position: absolute;
    right: 0;
    z-index: 100000;
}
.nav-link{
  color:#fff!important;
  font-weight: 400;
  font-size: calc(12px + (20 - 12) * ((100vw - 300px) / (1920 - 300)));
  text-align:right;
}
.dropdown-item{
  color:#fff!important;
  font-weight: 400;
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1920 - 300)));
  text-align:right;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: -410px;
    right: 10;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #131212;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    box-shadow: 5px 5px 10px #000;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #131212!important;
    text-decoration: none;
    background-color: #f3df4c;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
    left: -403px;
    right:0px;
}
.top-nav{
  position: absolute;
  z-index: 1000;
  padding-right: 4rem;
}
.box-chisono{
  padding-top:2rem;
  padding-left: 8rem;
  padding-right: 8rem;
}
.img-cert{
  max-width: 450px;
  padding-bottom: 10px;
}

.img-cert-head{
  max-width: 350px;
}
.img-chisono{
  position: absolute;
}
.box-servizi{
  padding-left: 6rem;
  padding-right: 6rem;
  padding-top: 6rem;
  padding-bottom:6rem;
}

.box-1-serv{
  padding-left: 4rem;
  padding-right: 15rem;
  padding-top: 3rem;
  padding-bottom:3rem;
}

.box-2-serv{
  padding-left: 15rem;
  padding-right: 3rem;
  padding-top: 3rem;
  padding-bottom:3rem;
}

.box-3-serv {
    padding-left: 5rem;
    padding-right: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.img-back{
  height: 100vh;
}
.certificato-head{
  max-width: 300px;
}
.divid{
  width:100%;
}

 .brd-elementi{
  border-left: 3px solid #F1D51C;
  border-bottom: 3px solid #F1D51C;
 }

  .brd-follow{
  border-right: 3px solid #F1D51C;
  border-bottom: 3px solid #F1D51C;
 }

 .back-bn{
  background-image: url(../img/back-bn.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: cover;
}



.hr-dx {
  background: linear-gradient(to right, #FCC03C, #F2E853);
  height: 2px;
  margin-top: 0rem;
  margin-bottom: 0rem;
  margin-left:15rem; 
}

.black{
  color:white;
  mix-blend-mode: difference;
}

.sp-foot{
  padding-top:3rem;
  padding-bottom:2rem;
}

.sp-coach{
  padding-top:5rem;
  padding-bottom:7rem;
}

.hr-foot {
  background: linear-gradient(to right, #FCC03C, #F2E853);
  height: 2px;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.titolo-foot{
  color:#f3df4c;
  font-weight: 500;
  font-size: calc(16px + (22 - 14) * ((100vw - 300px) / (1920 - 300)));
}
.contatti{
  color:#fff;
  font-weight: 400;
  font-size: calc(16px + (18 - 14) * ((100vw - 300px) / (1920 - 300)));
}
.white{
  color:#fff;
}
a{
  color:#fff;
  text-decoration: none;
}
a:hover{
  color:#f3df4c;
  text-decoration: none;
}

.nopadding{
  padding:0px;
  margin:0px;
}

#mapid { height: 520px; }


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .back-bn {
    background-color:#131212;
    background-image: none;
    background-repeat: no-repeat;
    background-size: cover;
}
}
@media only screen and (max-width: 1300px) {
.txt-contatti-head{
  color:#fff;
  font-weight: 400;
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1920 - 300)));
  text-align:right;
  padding-top: 5px;
}

.box-titolo-head {
    padding-top: 14rem;
    margin-left: -12rem;
}

}

@media only screen and (max-width: 900px) {
  .img-back{
  height: auto;
}
.box-titolo-head{
  padding-top:6rem;
  margin-left: -6rem;
}
.pigi{
    color: #fff;
    font-weight: 600;
    font-size: calc(60px + (240 - 60) * ((100vw - 300px) / (1920 - 300)));
}
.titolo-h1{
  color:#fff;
  font-weight: 600;
  font-size: calc(25px + (100 - 25) * ((100vw - 300px) / (1920 - 300)));
}

.img-cert{
  max-width: 100px;
  padding-bottom: 10px;
}

.img-cert-head{
  max-width: 350px;
}
.box-servizi {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.box-1-serv {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.box-2-serv {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.box-3-serv {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.box-chisono {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.sp-phone{
  padding-bottom:3rem;
}
 .back-bn{
  background-image: url(../img/back-bn2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}


}


@media only screen and (max-width: 700px) {
  .img-back{
  height: auto;
}
.box-titolo-head{
  padding-top:1rem;
  margin-left: 0rem;
}
.pigi{
    color: #fff;
    font-weight: 600;
    font-size: calc(60px + (200 - 60) * ((100vw - 300px) / (1920 - 300)));
}
.titolo-h1{
  color:#fff;
  font-weight: 600;
  font-size: calc(25px + (80 - 25) * ((100vw - 300px) / (1920 - 300)));
}
.img-cert-head{
  max-width: 250px;
}

.box-servizi {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.box-1-serv {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.box-2-serv {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.box-3-serv {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.box-chisono {
    padding-top: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
.sp-phone{
  padding-bottom:3rem;
}
 .back-bn{
  background-image: url(../img/back-bn2.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bg-light {
    background-color: #000!important;
    position: relative;

}

}

@media only screen and (max-width: 900px) {
  .nav-link{
  color:#fff!important;
  font-weight: 400;
  font-size: calc(11px + (11 - 11) * ((100vw - 300px) / (1920 - 300)));
  text-align:right;
}
.riga-loghi-mobile{
  padding-top: 1rem;
}

}