/* font */

/* 
font-family: "termina", sans-serif;
font-weight: 300;
font-style: normal;
 
font-family: "termina", sans-serif;
font-weight: 400;
font-style: normal;
 
font-family: "termina", sans-serif;
font-weight: 500;
font-style: normal;
 
font-family: "termina", sans-serif;
font-weight: 700;
font-style: normal;
*/
body {
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    background-color: #f3f1f1;
}

.covered {
  font-family: "Covered By Your Grace", cursive;
  font-weight: 400;
  font-style: normal;
}

::placeholder {
  color: rgb(233, 233, 233);
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: rgb(233, 233, 233);
}




/* colori */
.fondoblu{
    background-color:#2410AC ;
}
.fondobianco{
    background-color:#ffffff ;
}
.fondonero{
    background-color:#1D1D1B ;
}

.testoblu{
    color:#2410AC ;
}

.testobianco{
    color:#ffffff ;
}

.testonero{
    color:#1D1D1B ;
}

/* fine colori */
.modal{
    top:50%;
      transform:translateY(-30%);
}
.modal-dialog {
      max-width: 900px;
      margin: 30px auto;
  }

.modal-body {
  position:relative;
  padding:0px;
}
.btn-close {
  position:absolute;
  right:-30px;
  top:0;
}



.acquisto-blu{
    width: 245;
    height: 65;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    opacity: 1;
    border-radius: 70px;
    border-width: 2px;
    background: #2410AC;
    color:#ffffff;
}

.acquisto-bianco{
    width: 245;
    height: 65;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    opacity: 1;
    border-radius: 70px;
    border-width: 2px;
    background: #ffffff;
    color:#2410AC;
}

.invia-bianco{
    width: 155;
    height: 67;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    opacity: 1;
    border-radius: 70px;
    border-width: 2px;
    background: #ffffff;
    color:#2410AC;
}


.header1{
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 60px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
}
.header2{
        font-family: "termina", sans-serif;
    font-weight: 800;
    font-style: Bold;
    font-size: 40px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
}

.header3{
  font-family: "Covered By Your Grace", cursive;  
  font-style: normal;
  font-size: 28px;
  line-height: 110.00000000000001%;
  letter-spacing: -1%;
  vertical-align: middle;
  text-transform: uppercase;
}

.header4{
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: -1%;
    text-align: center;
}

.footer-paese{
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.footer-indirizzo{
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.paragrafo{
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -1%;
    vertical-align: middle;
}

.bottone{
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 25px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
}

.controlliform{
    font-family: "termina", sans-serif;
    font-weight: 400;
    padding-top: 15px;
    font-style: normal;
    font-size: 20px;
    letter-spacing:-1%;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 30px;
    border-radius: 50px;
    border:2px solid #ffffff;
    width:100%;
    background-color:transparent;
    color:#ffffff;
    outline:none;
}


.acquisto-blu{
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    opacity: 1;
    border-radius: 70px;
    border:2px solid #2410AC;
    background: #2410AC;
    color:#ffffff;
    outline:none;
}
.acquisto-blu svg{
    width:26px;
    margin-left:25px;
    color:#ffffff;
}

.acquisto-bianco{
    width: 164;
    height: 42;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    opacity: 1;
    border-radius: 70px;
    border-width: 2px;
    top: 88px;
    left: 20px;
    background: #ffffff;
    color:#2410AC;
}

.invia-bianco{
    padding-top: 15px;
    padding-right: 35px;
    padding-bottom: 15px;
    padding-left: 35px;
    opacity: 1;
    border-radius: 70px;
    border:2px solid #ffffff;
    color:#2410AC;
}

.sezione-header{
    min-height:100vh;
    padding-top:20px;
    padding-bottom:50px;
    background-image:url("../image/sfondoheader_mobile.jpg");
    background-position:top center;
    background-size:cover;
}
.sezione-palestra{
    padding-top:100px;
    padding-bottom:100px;
    background-image:url("../image/sfondo_bianco_mobile.jpg");
    background-position:top center;
    background-size:cover;
}
.sezione-video{
   padding-top:350px;
   padding-bottom:350px;
   background-image:url("../image/sfondovideo_mobile.jpg");
   background-position:top center;
   background-size:cover;
}

.sezione-motto{
    padding-top:100px;
    padding-bottom:100px;
    background-image:url("../image/sfondo_bianco2_mobile.jpg");
    background-position:top center;
    background-size:cover;
}
.sezione-immagini{
    padding-top:100px;
    padding-bottom:50px;
    background-image:url("../image/sfondo_blu_mobile.jpg");
    background-position:top center;
    background-size:cover;
}
.footer{
    padding-top:50px;
    padding-bottom:100px;
    background-image:url("../image/sfondo_bianco_mobile_footer.jpg");
    background-position:top center;
    background-size:cover;
}
.padbot50{
    padding-bottom:50px;
}
.padbot0{
    padding-bottom:0px;
    margin-bottom:0px;
}
.padbot20{
    padding-bottom:20px;
    margin-bottom:0px;
}
.padbotm20{
    padding-bottom:20px;
    margin-bottom:0px;
}
.logofooter{
    width:90px;
}
.logoheader{
    width:90px;
}
.testo-footer{
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: -1%;
    vertical-align: middle;
    color:#ffffff;
}
.link-footer{
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 114.99999999999999%;
    letter-spacing: -1%;
    vertical-align: middle;
    color:#ffffff;
}
.footer-blu{
   padding-top:30px;
   padding-bottom:30px;
   background: #2410AC;
}

#scrollpage{
    width:36px;
    cursor:pointer;
}


.sopraheader{
font-family: "termina", sans-serif;
font-weight: 700;
font-style: Bold;
font-size: 20px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
}

.headergrassetto{
font-family: "termina", sans-serif;
font-weight: 700;
font-style: Bold;
font-size: 40px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
}

.header{
font-family: "termina", sans-serif;
font-weight: 300;
font-style: Light;
font-size: 40px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: uppercase;
}

.testoheader{
font-family: "termina", sans-serif;
font-weight: 400;
font-size: 20px;
line-height: 30px;
letter-spacing: 0%;
vertical-align: middle;
}
.nuovaapertura{
font-family: "termina", sans-serif;
  font-style: normal;
  font-size: 35px;
  font-weight: 400;
}
.sezionepromo{
    padding-top:50px;
    padding-bottom:60px;
}

@media screen and (min-width: 992px) {
.padbotm20{
    padding-bottom:0px;
    margin-bottom:0px;
}
.sopraheader{
font-family: "termina", sans-serif;
font-weight: 700;
font-style: Bold;
font-size: 25px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
}


.headergrassetto{
font-family: "termina", sans-serif;
font-weight: 700;
font-style: Bold;
font-size: 70px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
}

.header{
font-family: "termina", sans-serif;
font-weight: 300;
font-style: Light;
font-size: 70px;
line-height: 110.00000000000001%;
letter-spacing: 0%;
vertical-align: middle;
text-transform: uppercase;
}

.testoheader{
font-family: "termina", sans-serif;
font-weight: 400;
font-size: 25px;
line-height: 35px;
letter-spacing: 0%;
vertical-align: middle;
}




#scrollpage{
    width:75px;
    cursor:pointer;
}


.header1{
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 60px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
}
.header2{
        font-family: "termina", sans-serif;
    font-weight: 800;
    font-style: Bold;
    font-size: 50px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    vertical-align: middle;
    text-transform: uppercase;
}

.header3{
  font-family: "Covered By Your Grace", cursive;  
  font-style: normal;
  font-size: 28px;
  line-height: 110.00000000000001%;
  letter-spacing: -1%;
  vertical-align: middle;
  text-transform: uppercase;
}

.header4{
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    line-height: 130%;
    letter-spacing: -1%;
    text-align: center;
}

.footer-paese{
    font-family: "termina", sans-serif;
    font-weight: 700;
    font-style: Bold;
    font-size: 20px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
    vertical-align: middle;
}
.footer-indirizzo{
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0%;
    vertical-align: middle;
}

.testo-footer{
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: -1%;
    vertical-align: middle;
    color:#ffffff;
}
.link-footer{
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    line-height: 114.99999999999999%;
    letter-spacing: -1%;
    vertical-align: middle;
    color:#ffffff;
}

.paragrafo{
    font-family: "termina", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -1%;
    vertical-align: middle;
}

.bottone{
    font-family: "termina", sans-serif;
    font-weight: 500;
    font-style: Medium;
    font-size: 25px;
    line-height: 110.00000000000001%;
    letter-spacing: 0%;
}

.controlliform{
    font-family: "termina", sans-serif;
    font-weight: 400;
    padding-top: 15px;
    font-style: normal;
    font-size: 20px;
    letter-spacing:-1%;
    padding-right: 20px;
    padding-bottom: 15px;
    padding-left: 30px;
    border-radius: 50px;
    border:2px solid #ffffff;
    width:100%;
    background-color:transparent;
    color:#ffffff;
    outline:none;
}

.acquisto-blu{
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    opacity: 1;
    border-radius: 70px;
    border:2px solid #2410AC;
    background: #2410AC;
    color:#ffffff;
    outline:none;
}
.acquisto-blu svg{
    width:26px;
    margin-left:25px;
    color:#ffffff;
}

.acquisto-bianco{
    width: 164;
    height: 42;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    opacity: 1;
    border-radius: 70px;
    border-width: 2px;
    top: 88px;
    left: 20px;
    background: #ffffff;
    color:#2410AC;
}

.invia-bianco{
    padding-top: 15px;
    padding-right: 35px;
    padding-bottom: 15px;
    padding-left: 35px;
    opacity: 1;
    border-radius: 70px;
    border:2px solid #ffffff;
    color:#2410AC;
}

.sezione-header{
    min-height:100vh;
    padding-top:50px;
    padding-bottom:50px;
    background-image:url("../image/sfondoheader.jpg");
    background-position:top center;
    background-size:cover;
}
.sezione-palestra{
    padding-top:100px;
    padding-bottom:100px;
    background-image:url("../image/sfondo_bianco.jpg");
    background-position:top center;
    background-size:cover;
}
.sezione-video{
   padding-top:350px;
   padding-bottom:350px;
   background-image:url("../image/sfondovideo.jpg");
   background-position:top center;
   background-size:cover;
}

.sezione-motto{
    padding-top:100px;
    padding-bottom:100px;
    background-image:url("../image/sfondo_bianco2.jpg");
    background-position:top center;
    background-size:cover;
}
.sezione-immagini{
    padding-top:100px;
    padding-bottom:50px;
    background-image:url("../image/sfondo_blu1.jpg");
    background-position:top center;
    background-size:cover;
}
.footer{
    padding-top:50px;
    padding-bottom:100px;
    background-image:url("../image/sfondo_bianco_footer.jpg");
    background-position:top center;
    background-size:cover;
}
.footer-blu{
   padding-top:30px;
   padding-bottom:30px;
   background: #2410AC;
}
.padbot50{
    padding-bottom:50px;
}
.padbot0{
    padding-bottom:0px;
    margin-bottom:0px;
}
.padbot20{
    padding-bottom:20px;
    margin-bottom:0px;
}
.logofooter{
    width:90px;
}
.logoheader{
    width:90px;
}

}