/* width-tob default 1440*/
#section_top{
            background-image: url(../img/wp-1483945387046.jpg);
            background-repeat: no-repeat;
            background-size: cover;
        }
span.center_horizontal_arrow,
span.center_horizontal_up{
    display: block;
    position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
}
span.center_horizontal_arrow a,
span.center_horizontal_up a{
    text-decoration: none;
    color: #22244C;
}
span.center_horizontal_arrow{
    /*position: absolute;*/
    bottom: 0px;
}
.arrow_down{
    bottom: 0px;
}
.arrow_up{

    top: 0px;
}
 #section_bottom,
 #section_bottom_tablet{
    background-color:rgba(244, 242, 121, 0.8);
}
.centra{
     display: flex;
     align-items: center;
}

#centra_contenuto{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.palestrad{
    margin-top: 10%;
    margin-left: 45%;
    width: 40vw
}
.palestrad p{
    font-family: sans-serif;
    text-align: justify;
}
#corsi{
    background-color: white !important;
}
.col-sm-12 {
    margin: 0 !important;
    width: 100vw;
    padding: 0;
}
#corsi ul{
    /*float: left;*/
    margin: 1% auto;
    padding: 4% 0;
    display: inline-block;
    width: 98vw;
    text-align: center;
    list-style: none;

}
.ch-item {
    display:inline-block;
    margin-right: 5%;
    margin-left: 5%;
    z-index: 1;
    width: 9vw;
    height: 9vw;
    color: #676c8a;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.ch-info{
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: "pyjama_partyregular";
}
.ch-info > div {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-position: center center;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.ch-info-front{
}


.ch-img-1 {
    background-image: url(../img/icone/judo_bimbi-01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

.ch-img-2 { 
    background-image: url(../img/icone/judo_ragazzi-01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

.ch-img-3 { 
    background-image: url(../img/icone/judo_adulti-01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ch-img-4{ 
    background-image: url(../img/icone/aikido-01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ch-img-5{ 
    background-image: url(../img/icone/difesa_personale-01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}
.ch-img-6{ 
    background-image: url(../img/icone/yoga-01.jpg);
    background-repeat: no-repeat;
    background-size: contain;
}

.left{
    text-align: left;
    float: left
}   

.right{
    text-align: right;
    float: right
}

.leftText{
    text-align: left;
    float: left
}   

.rightText{
    text-align: right;
    float: right
}

.selectCorso{
    width: 49vw;
    height: 11vw;
    position: relative;
}

#corsi li {
    margin: 1% 0;
}
.choice p{
    font-size: 1.5em;
}
.selectCorso h1{
    font-size: 23px
}
.selectCorso h2{
      font-size: 18px
}

.orarioPalestra{
    text-align: center;
    background-color: #f4f279;
}
.orarioPalestra h1{
    font-size: 1.8em;
    text-align: left;
}
.orarioPalestra .containers{
    position: relative;
    margin: 0 auto;
    margin-bottom: 1%;
    display: block;
    width: 60vw;
}
.orarioPalestra .choice{
        display: block;
        margin-top: 3%;
      background-color: #f4f279;
      border: 0px !important;
}
.orarioPalestra button{
    color: white;
    border-radius: 10px;
    padding: 10px;
    background-color:  #676c8a;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;

}
.orarioPalestra button:hover {
    background-color: #4CAF50; /* Green */
    color: white;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.orarioPalestra table{
    margin-top: 3%;
    background-color: white;
    display: inline-block;
}

.orarioPalestra td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 0.5vw 0;
    text-align: center;
    font-size: 0.7em;
    line-height: 12px;
    width: 9vw;  
}

.border{
    width: 81px;
    border: 0px solid black !important;
    border-bottom: 2px solid black !important;
    border-right:  2px solid black !important;
}
.borderTable{
    border: 2px solid black !important;
    border-radius: 25px;
    border-collapse: separate;
}
.emptyorariogiorni{
    display: none;
}

/*prezzi corsi*/
.prezziPalestra{
    text-align: center;
    background-color: white;
}
.prezziPalestra h1{
    font-size: 1.8em;
}
.prezziPalestra .containers{
    position: relative;
    margin: 0 auto;
    margin-bottom: 1%;
    display: block;
    width: 100vw;
    text-align: center;
}
.prezzoCorso{
    width: 32vw;
    display: inline-block;
}
.prezziPalestra .titlePrezzo{
    margin-top: -163px;
    width: 60vw;
}
.prezziPalestra .choiceOrari{
    display: block;
    margin-top: 3%;
      background-color: white;
      border: 0px !important;
}

.prezziPalestra table{
    margin-top: 3%;
    background-color: white;
    display: inline-block;
}

.prezziPalestra td, th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 0.5vw 0;
    text-align: center;
    font-size: 0.7em;
    line-height: 12px;
    width: 9vw;  
}



@media (max-width: 2560px) and (min-width: 1445px){
    .orarioPalestra h1{
    font-size: 2.8em;
}
    .orarioPalestra td, th {
        font-size: 1.50em;
        width: 15vw;  
    }
    .orarioPalestra .containers{
        width: 70vw;
    }
    .prezziPalestra td, th {
        font-size: 1.50em;
        width: 15vw;  
    }
    prezziPalestra .titlePrezzo{
        width: 70vw;
    }
}

@media (max-width: 1024px){
    .selectCorso{
        height: 14vw;
        }
    .ch-item {
        width: 11vw;
        height: 11vw;
        }

    .orarioPalestra td, th {
        font-size: 0.60em;
        width: 12vw;  
    }
    .orarioPalestra .containers{
        width: 70vw;
    }
    .prezziPalestra td, th {
        font-size: 0.60em;
        width: 12vw;  
    }
    .prezziPalestra .titlePrezzo{
        width: 70vw;
    }
}

@media (max-width:768px){
    
    .selectCorso{
        height: 18vw;
        }
    .selectCorso h1 {
        font-size: 16px;
    }
    .selectCorso h2 {
        font-size: 14px;
    }

    .ch-item {
        width: 13vw;
        height: 13vw;
        margin-right: 2%;
        margin-left: 2%;
        }
    .orarioPalestra td, th {
        font-size: 0.50em;
        width: 15vw;  
    }
    .prezziPalestra td, th {
        font-size: 0.50em;
        width: 15vw;  
    }
    .orarioPalestra .containers{
        width: 90vw;
    }
    .prezziPalestra .titlePrezzo{
        width: 90vw;
    }

}

@media (max-width:600px){
    .selectCorso h1 {
        font-size: 10px;
    }
    .selectCorso h2 {
        font-size: 10px;
    }
    .orariogiorni{
        display: none;
    }
    .emptyorariogiorni{
        display: block;
    }
    .prezziPalestra .titlePrezzo{
        margin-top: 0;
        width: 90vw;
    }
    .prezzoCorso{
    width: 80vw;
}
}
  
@media (max-width:425px){
    .selectCorso{
        height: 40vw;
        text-align: center;
    }
    .ch-item{   
        width: 17vw;
        height: 17vw;
        float:none;
        display: inline-block;
    }
   .leftText {
        text-align: center;
        float: none!important;
    }
    .rightText {
        text-align: center;
        float: none!important;
    }
    .orarioPalestra button{
        font-size: 0.4em;
    }

    .centra{
         display: block
    }
    .orarioPalestra h1{
        font-size: 1.2em;
        margin-left: 15%;
    }
    .prezziPalestra h1{
        font-size: 1.2em;
        margin-left: 15%;
    }
    .orariogiorni{
        font-size: 0.4em;
    }
    .palestrad {
        width: 70vw;
        margin-top: 50%;
        margin-left:18%;
    }
    .palestrad p{
        font-size: 11px;
    }

}


@media (max-width:320px){

    }

}