html, body{height: 100%;}
body{background: #F0F0F0;}

.animate{
  -webkit-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.button{padding: 10px 20px; border-radius: 5px; text-align: center; font-family: "oswald", sans-serif; background: #fff; color: #000;}
.button__atl{padding: 10px 20px; border-radius: 5px; text-align: center; font-family: "oswald", sans-serif; background: #000;color: #fff;}
.button__coach{padding: 10px 20px; border-radius: 5px; text-align: center; font-family: "oswald", sans-serif; background: #000; color: #fff;}
.buttons__scelta{text-align: center; padding: 7px;}
.buttons__scelta input{padding: 10px 20px; border-radius: 5px; text-align: center; font-family: "oswald", sans-serif; background: #fff;}
.buttons__scelta input:hover{background: #EEE5DE;}
p{line-height: 22px;}

/*---HEADER---*/
.header{width: 100%;position: relative;top:0;left:50%;transform: translateX(-50%);display: flex;background-color: #000;}
.header__menu{width: 100%; text-align: center; margin-top: 10px;}
.header__menu li{display: inline-block;}
.header__menu__item a{color: #fff;display: block;padding: 15px; text-decoration: none;font-family: "oswald", sans-serif; font-size: 23px;}
.header__menu__item a:hover{border-radius: 20px; color: #000; background: #EEE5DE;}
.header__icon-bar{display: block;float: right;padding: 20px;display: none;}
.header__icon-bar span{display: block;height: 3px; width: 30px; background: #8B8386; margin-bottom: 5px;}


/*---CREDENZIALI---*/
.credenziali{display: none; text-align: center;}
.credenziali__coach{display: none; text-align: center;}
.cred__content{display: block; padding: 10px;}
.credText{padding: 5px; font-family: "oswald", sans-serif;}
.cred--open{display: block; padding-top: 5%; z-index: 1; text-align: center;}


/*---COVER---*/

.cover{
  height: 50%;
  position: relative;
  background: #F0F0F0;
}

.cover__caption{
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  background: #F0F0F0;
}

.cover__caption a{color: #000; text-decoration: none;}

.text1{
  display: block;
  text-transform: uppercase;
  font-size: 50px;
  font-weight: 400;
  letter-spacing: 5px;
  margin-bottom: 20px;
  position: relative;
  color: #8F745B;
  background: #F0F0F0;
  animation: text 3s 1;

}

@keyframes text {
  0%{
    background: #F0F0F0;
    margin-bottom: -40px;
  }
  30%{
    letter-spacing: 15px;
    margin-bottom: -40%;
  }
  85%{
    letter-spacing: 1px;
    margin-bottom: -40px;
  }

}
.cover__caption a:hover{
  box-shadow: 20vw 0 0 	#C9C9C9 inset;
  color: #000;
  -webkit-transition: all 600ms cubic-bezier(0.755, 0.05, 0.855, 0.06);
}

.cover--single{height: 50%;}

/*---LOGO---*/

/*---CARDS---*/
.cards.animate{ background-color: #292421 ; max-width: 1200px; margin: 40px;}
.card{width: 30%; margin: 0 1.5%; background: white; float: left; border-radius: 10px; z-index: 1;}
.card__image{width: 100%; height: auto; border-radius: 10px}
.card__copy{padding: 5px 20px; margin-bottom: 10px; border: 5px;  font-family: "oswald", sans-serif;}
.card__copy h3{margin-bottom: 0; color: #8B7355; font-style: italic}
.card__copy a{color: #9C661F;}
.card__copy a:hover{color: #EE9A49;}


/*---TABLE---*/
.amm{height: 100%;}
.amm__table{margin-top: 10px; padding: 10px;}
.amm__table__select{padding: 5px; text-align: center; font-size: 20px;}
.amm__table__table select{padding: 15px; color: #000;}
.amm__table tr:hover{background-color: #FFEFD5;}
.amm__table__graph{margin-top: 30px;width: 40%;float: left;}
.amm__table__table{width: 60%; max-height: 400px; float: right; overflow: scroll;}
.amm__table__table table{border: 2px solid black; border-radius: 10px; width: 100%;font-size: 20px; font-family: "oswald", sans-serif;}
.amm__table__table table th{background: #FFDEAD;}
.tableFixHead {overflow-y: auto;height: 106px;}
.tableFixHead thead th {position: sticky;top: 0;}
table {width: 100%;}
th,td {padding: 8px 16px;border: 1px solid #ccc;}
th {background: #eee;}

/*---NEWREGISTER---*/
.newregister__copy{max-width: 800px; margin: 40px auto; background: #fff; padding: 20px; border-radius: 20px; border: 3px dotted #aaa;}
.newregister__copy__text{display: table-cell; vertical-align: middle; text-align: center;}
.newregister__copy__save{padding: 10px;}
.newregister__copy__save form{text-align: left;}
.newregister__copy__submit input{padding: 4px 10px 4px 10px; border: 1px solid #665544; border-radius: 10px; text-align: right; color: #000; background-color: #E3A869; cursor: pointer;}
.newregister__copy__submit input:hover{background-color: #ff7f00; color: #000;}


/*---DOUBLE---*/
.double{height: 100%; padding: 20px;}
.double__grafico{height: 100%;}
.double__gara{height: 100%;}
.double__copy form{padding: 5px;}
.double__copy__text{text-align: center;font-family: "oswald", sans-serif}
.double__copy__submit{font-family: "oswald", sans-serif; display: flex;}
.double__copy__submit input{padding: 10px 20px; border-radius: 5px; text-align: center; font-family: "oswald", sans-serif; background: #fff;}
.double__copy__submit input:hover{background: #EEE5DE;}
.double__copy__confim{padding: 5px; height: 10px; width: 10px; background: red;}

/*---TRIPLE---*/
.triple__copy{font-family: "oswald", sans-serif;}
.triple__copy__selection{margin-left: 50px;padding: 5px; height: 50%;}
.triple__copy__selection input{padding: 10px 20px; border-radius: 5px; text-align: center; font-family: "oswald", sans-serif; background: #fff;}
.triple__copy__selection input:hover{background: #EEE5DE;}


/*---ELEMENTS---*/

.section__item{margin: auto;border-bottom: 1px solid #000;width: 100%;padding: 0px 20px 0px 20px;height: 60px;}
.section__item ul{padding: 0px;list-style: none;}
.section__item ul li{float: left;font-size: 16px;font-weight: bold;margin-right: 10px;}
.section__item ul li a{text-decoration: none;color: #000;background: #FFDEAD;border: 1px solid #000;border-bottom: none;padding: 20px 20px 20px 20px;text-align: center;display: block; font-family: "oswald", sans-serif}
.section__item ul li a:hover{text-decoration: none;color: #000;background: white;border: 1px solid #000;border-bottom: none;}
.main__conteiner{display: inline-block;margin: auto;width: 100%;padding: 20px; border: 1px solid #000;min-height: 400px; border-top: none;background: #fff; font-family: "oswald", sans-serif;}
.select {display: grid;grid-template-columns: repeat(6, 1fr);max-width: 300px;gap: 1px;}
.select__item {padding: 10px;cursor: pointer;font-family: "oswald", sans-serif;text-align: center;border-radius: 3px;background: #FFDEAD;transition: background 0.1s;}
.select__item--selected {background: #CDAD00;color: #ffffff;}
.custom-select{padding: 20px;}

/*---FOOTER---*/
.footer__contact {height: 80px;bottom: 0;color: #fff;left: 0;position: relative;width:100%; background: #000; font-family: "oswald", sans-serif;}
.footer__contact p{color: #fff; padding-left: 0px;}
.footer__contact a{color: #fff;}
.footer__contact a:hover{color: #8C8C8C;}


/*---PROGRAMMAZIONE---*/
.selected {
    background-color: rgba(0,0,0,0.4);
    color: #fff;
}
/*---TABLET---*/
@media (max-width: 998px){

}
/*---SMARTPHONE---*/
@media (max-width: 480px){
  .header__icon-bar{display: block;}
  .header__menu{width: 100px; height: 0px; overflow: hidden;}
  .header__menu__item{overflow: auto;}
  .cover{height: 70%;}
  .is-open{height: 300px; overflow: auto;}
  .card{ width: 90%; margin: 5%;}
  .newregister__copy__text{width: 100%; margin-bottom: 5%;}
  .amm__copy__text h2{padding-left: 20px;}
  .double__copy__text h2{padding-left: 20px;}
  .double__copy__access input{width: 90%;}
  .amm__table__table{margin-top: 30px;width: 60%; float: none;}
  .amm__table__graph{width: 100%;}
  .triple__copy__selection{margin-left: 0px;}
  .main__conteiner{width: 100%;}
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}



* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */