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

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #1c8281c4;
}
::selection {
    color: #fff;
    background: #1c8281c4;
}
/*
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
}*/
strong{ font-weight: 700; }
.font-semibold{ font-weight: 600 }
.font-medium{ font-weight: 500 }

.h100{ height: 100%;}
.zindex-2{ z-index:2 }
/* Equal to height of footer */
/* But also accounting for potential margin-bottom of last child */
html{
  height:100%;
}
body{
  background-color:#ffffff;
  color: #3e3f47;

  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;

  height: 100%;
}
.wrapper {
  min-height: calc( 100% - 320px );
  position: relative;
}

a {
    color: #3e3f47;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}
a:hover, a:focus {
    color: #3e3f47;
    text-decoration:none;
}

.bg-primary{
  background-color:#282827!important;
}
.bg-primary-t{
  background-color:rgba(40, 40, 39,0.8);
}
/*
.border-primary{}
*/

.bg-ball-left{
  position: absolute;
  height: 6.875rem;
  bottom: -1.25rem;
  left: -6.5625rem;
  right: 0rem;

  background-image: url('/img/palla-sinistra.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}

.bg-ball-right{
  position: absolute;
  height: 6.875rem;
  bottom: -1.25rem;
  left: 0rem;
  right: 0rem;

  background-image: url('/img/palla-destra.png');
  background-repeat: no-repeat;
  background-position: right bottom;
}

a.text-primary:focus,
a.text-primary:hover,
.text-primary{ color:#282827!important; }

a.text-light:focus,
a.text-light:hover,
.text-light{ color:#d2d2d2!important; }

.btn-width100{ width: 100%; }
.btn {
  font-size: 0.875rem;
  line-height: 0.875rem;
  border-radius: 0rem;
  padding: 0.375rem 0.875rem 0.3125rem;
  font-weight: 400;
  text-transform: uppercase;

  border-width: 0.0625rem;
  border-radius: 1.125rem;

  font-weight: 700;
}
.btn.focus, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 3.2px rgba(18, 152, 201,0.5);
}
/*
.btn-tab{
  -webkit-border-radius: 0.625rem 0.625rem 0 0;
  border-radius: 0.625rem 0.625rem 0 0;
}
.btn-border{
  padding: 0.125rem 0.125rem!important
}
.btn-border.border{
  display: inline-block;
  border:0.0625rem solid rgba(255, 255, 255,0.50);
  display: inline-block;
  background-color:transparent;

  padding: 0.5rem 0.875rem 0.3125rem;
}*/

.btn-circle i{
  padding: 0.375rem;
  border-radius: 1.125rem;
  line-height: 0.875rem;
  font-size: 0.875rem;
  margin-left: 0.3125rem;
}

a.btn-primary,
.btn-primary{
  color: #fff;
  background-color: #139b66;
  border-color: #139b66;
}
a.btn-primary.btn-circle i,
.btn-primary.btn-circle i{
  background-color: #117b52;
}

a.btn-primary:focus,
a.btn-primary:hover,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle,
.btn-primary:focus{
  color: #fff;
  background-color: #117b52;
  border-color: #117b52;
}

a.btn-primary.btn-circle:focus i,
.btn-primary.btn-circle:hover i{
  background-color: #0f704b;
}
a.btn-primary:not(:disabled):not(.disabled).active:focus,
a.btn-primary:not(:disabled):not(.disabled):active:focus,
a.show>.btn-primary.dropdown-toggle:focus,
a.btn-primary.focus, .btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-primary.focus, .btn-outline-primary:focus {
  box-shadow: 0 0 0 3.2px rgba(17, 123, 82, 0.5);
}

a.btn-outline-primary,
.btn-outline-primary{
  color: #3e3f47;
  background-color: #fafafa;
  border-color: #c8c8c8;
}
a.btn-outline-primary:focus,
a.btn-outline-primary:hover,
.btn-outline-primary:hover,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle,
.btn-outline-primary:focus{
  color: #3e3f47;
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}
a.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
a.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
a.show>.btn-outline-primary.dropdown-toggle:focus,
a.btn-outline-primary.focus, .btn-outline-primary:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus,
.btn-outline-primary.focus, .btn-outline-primary:focus {
  box-shadow: 0 0 0 3.2px rgba(200, 200, 200, 0.5);
}

.btn-link,
a.btn-link {
  color: #139b66;
  background-color: transparent;
  padding-left: 0rem;

}

.btn-link:focus,
.btn-link:hover,
a.btn-link:focus,
a.btn-link:hover {
  color: #117b52;
  text-decoration: none;
  background-color: transparent;
  border-color: transparent;
}
/*
.btn-animated {
  position: relative;
  min-width: 0!important;
  padding-right: 2.5rem;
}
.btn-animated i {
  -webkit-transition: right 0.2s ease-in-out;
  -o-transition: right 0.2s ease-in-out;
  transition: right 0.2s ease-in-out;
  z-index: 3;
  right: 0.9375rem;
  position: absolute;
  line-height: 2.375rem;
  top: 0rem;
  min-width: 0.9375rem;
}
.btn-animated:hover i {
    right: 0.3125rem;
}

.btn-animated-left {
  position: relative;
  min-width: 0!important;
  padding-left: 2.5rem;
}
.btn-animated-left i {
  -webkit-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  z-index: 3;
  left: 0.9375rem;
  position: absolute;
  line-height: 2.375rem;
  top: 0rem;
  min-width: 0.9375rem;
}
.btn-animated-left:hover i {
    left: 0.3125rem;
}
*/

/*
.h-underline{
  position: relative;
  padding-bottom: 1.25rem;
}
.h-underline:after{
  content: " ";

  position: absolute;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  z-index: 1;

  height: 0.75rem;
  background-repeat: no-repeat;
  background-position: center center;
}
*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0rem;
  font-family: inherit;
  font-weight: 400;
  line-height: 2.0625rem;
  color: inherit;
}
.h1{
  font-family: 'Oswald', sans-serif;
  font-size: 3.75rem;
  line-height: 3.75rem;

  font-weight: 700;
}
.h2{
  font-family: 'Oswald', sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem;

}

.h3{
  font-family: 'Oswald', sans-serif;
  font-size: 1.125rem;
  line-height: 1.25rem;

}

.h4{
  font-family: 'Oswald', sans-serif;
  font-size: 1.875rem;
  line-height: 1.875rem;

  font-weight: 700;
}

label{
  font-weight: 400;
  color:#353535;
  margin-bottom: 0rem;
}
.form-group {
  margin-bottom: 0.5rem;
}
.form-control {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #aaaaaa;
    background-color: #fafafa;
    background-clip: padding-box;
    border: 0.0625rem solid #c8c8c8;
    border-radius: 0rem;
    min-height: 2.5rem;
    max-height: 5.9375rem;
}
.form-control:focus {
    color: #aaaaaa;
    background-color: #fff;
    border-color: #c8c8c8;
    outline: 0;

    box-shadow: 0 0 0 3.2px rgba(200, 200, 200, 0.5);
}
.testo-i{
  font-size: 0.6875rem;
  padding: 0rem 0rem 0.1875rem;
}
.js-contact-form .btn{
  width: 100%;
}
/*
.owl-theme .owl-nav.disabled+.owl-dots {
  margin-top: 3.125rem;
  display: flex;
  align-items: stretch;
}
.owl-theme .owl-dots .owl-dot span {
    width: 12.5rem;
    height: 0.3125rem;
    margin: 0rem 0.125rem;
    background: rgba(61, 61, 59, 0.1);
    border-radius: 0rem;
    border: 0rem;
    position: relative;
    z-index: 2;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #3d3d3b;
}
.owl-theme .owl-nav [class*=owl-]{
  color:#85979e;
  margin: 0rem;
  padding: 0.25rem 0.4375rem;
  background: transparent;
  border-radius: 0rem;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  font-size: 1.875rem;
  width: 2.1875rem;
  height: 2.1875rem;
  border-radius: 0rem;

  color: #85979e;
}
.owl-nav .owl-next:after{
  content:"\f178";
  margin: 0rem;
  font-family: "Font Awesome\ 5 Pro";
  padding: 0.25rem;
}
.owl-nav .owl-prev:after{
  content:"\f177";
  margin: 0rem;
  font-family: "Font Awesome\ 5 Pro";
  padding: 0.25rem;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: transparent;
  color: #85979e;
  text-decoration: none;
}
*/

.breadcrumb {
    padding: 0.3125rem;
    margin-bottom: 0rem;
    border-radius: 0rem;
    background: transparent;

    font-family: 'Oswald', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;

    justify-content: flex-start;

    color:#929292;
}

.breadcrumb-item+.breadcrumb-item{
  padding-left: 0.4375rem;
  color:#ffffff;

  text-transform: uppercase;
}
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    padding-right: 0.1875rem;
    content: "|";
    color:#ffffff;
}

.breadcrumb-item a:focus,
.breadcrumb-item a:hover,
.breadcrumb-item a{
  color:#ffffff;
}


#twitter-widget-0, #___plusone_0{
  vertical-align: bottom!important;
}
.fb_reset{
  display: inline-block;
}


/*CSS STRUTTURA SITO*/
.header{
  border-bottom:0.0625rem solid #c8c8c8;
}
.navbar {
  padding: 0rem;
  background:#fff;
}
.navbar-brand {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.navbar-nav{
  font-size: 1.125rem;
}
.navbar-expand-md .navbar-nav,
.navbar-expand-md .navbar-collapse{
  height: 100%;
  flex-wrap: nowrap;

  flex-grow:2;
}
.navbar-expand-md .navbar-nav .nav-item{
  height: 100%;
  display: flex;
  align-items: center;

  padding: 0rem;
  border-left: 0.0625rem solid #c8c8c8;
  width: 7.8125rem;
  justify-content: center;

}
.navbar-light .navbar-nav .nav-link {
  font-family: 'Oswald', sans-serif;

  text-transform: uppercase;

  color:#585858;
  padding-left: 0;
  padding-right: 0;
}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show>.nav-link{
  color: #000;
}
/* SOTTOMENU'
.dropdown-menu {
  position: absolute;
  top: 98%;
  left: 0;
  right: 0rem;
  z-index: 1000;
  padding: 1.5625rem 0;
  font-size: 0.875rem;
  color: #beeae6;
  border-radius: 0rem;
  background:#1c8281;
  text-align: center;
}
.dropdown-item {
  display: inline;
  padding: 4px 24px;
  clear: both;
  font-weight: 400;
  color: #beeae6;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #fff;
  text-decoration: none;
  background-color: transparent;
}
*/

.slide-item{
  padding-bottom: 21%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;

  position: relative;
}
/* FILTRO SLIDE
.slide-item:after{
  position: absolute;
  content: " ";
  top: 0rem;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  background-color: rgba(0, 0, 0, 0.10);
}
*/
.page-homepage .slide-item{
  position: relative;
  height: 100%;
  padding-bottom: 59%;
}

.bg-slider-intro{
  background:url('/img/bg-image.jpg') no-repeat center center;
  background-size:cover;
  position: relative;

  padding-left: 10.625rem;
  padding-right: 10.625rem;
}
.bg-slider-intro:before{
  position: absolute;
  top: 0rem;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  background-color: rgba(40, 40, 39,0.82);
  content:" ";
  z-index: 0;
}

.section-homepage-01{
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}
.section-homepage-02 .col-agenda{
  padding-top: 3.75rem;
  padding-bottom: 6.25rem;

}
.section-homepage-02 .col-agenda-image{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.section-homepage-03{
  padding-top: 7.5rem;
  padding-bottom: 9.375rem;
}

.club-image{
  height: 9.375rem;
  background-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center top;
}
.owl-clubs{
  padding-top: 4.0625rem;
}

.list-clubs{
  padding-top: 4.0625rem;
  overflow-x: auto;
  overflow-y: hidden;

  display: flex;

  padding-bottom: 2.5rem;
  /*
  transform: rotate(-90deg);
  transform-origin: right top;

  transform:rotate(-90deg) translateY(-6.25rem);
  */
}
.page-homepage .club-box{
  min-width: 10%;
  /*
  transform: rotate(90deg);
  transform-origin: right top;
  */
}


/* ACCORDION
.accordion_form{
  border-top:0.0625rem solid #61c2b2;
  padding-top: 1.25rem;
}

.accordion_form .btn-link:after {
  display: block;
  font-family: "Font Awesome\ 5 Pro";
  content: "\f107";
  font-weight: 700;
}
.accordion_form .btn-link.collapsed:after{
  content:"\f106";
}
*/

/* GALLERY :: ALT IN HOVER SULLE IMMAGINI
.photoAlt{
  opacity: 0;
  background-color: rgba(78, 89, 93, 0.8);

  position: absolute;
  top: 0rem;
  right: 0rem;
  left: 0rem;
  bottom: 0rem;

  display: flex;
  justify-content: center;
  text-align: center;
  flex-direction: column;

  -webkit-transition: opacity;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 800ms;
  -moz-transition: opacity;
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 800ms;

  padding: 1.25rem 2.5rem;

}
.photo:focus .photoAlt,
.photo:hover .photoAlt{
  opacity: 1;
}
*/
.card {
  background-clip: border-box;
  border: 0rem;
  border-radius: 0rem;
  background:transparent;
}
/* Link trasparente in absolute su tutto il box*/
.link-hover{
  position: absolute;
  top:0rem;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  display: block;
  z-index: 2;
}

.card .cart-body-bottoni .btn{
  position: relative;
  z-index:3;
}
.card-header {
  padding: 0rem;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0rem;
}
.card-header:first-child {
  border-radius: 0rem;
}
.card-body {
  flex: 1 1 auto;
  padding: 1rem;
  position: relative;
  background-color: transparent;
}

.itemOne .card{
  flex-direction: row;
}
.itemOne .card .card-header .box-bgimage-cover{
  padding-bottom: 57%;
}
.itemOne .card-body {
  padding: 0rem 1rem;
}
.section-agenda{
  padding-top: 3.75rem;
}
.element-agenda{
  display: flex;
}
.element-agenda .element-agenda-data{
  border:0.0625rem solid #3e3f47;
  text-align: center;
  font-family: 'Oswald', sans-serif;

  min-width: 5.625rem;
  min-height: 5.625rem;
  display: flex;
  justify-content: center;

  flex-direction: column;
}
.page-homepage .element-agenda .element-agenda-data{
  border:0.0625rem solid #fff;
  color:#fff;
}
.element-agenda .element-agenda-data .giorno{
  font-size: 2.125rem;
  font-weight: 700;

  line-height: 2.125rem;
}
.element-agenda .element-agenda-data .mese{
  font-size: 0.875rem;
  font-weight: 300;
}


.element-agenda-content p,
.element-agenda-content .testo{
  display: inline;
}
.element-agenda-content .btn-link{
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.page-homepage .element-agenda-content .h2{
  color:#fff;
}
.page-homepage .element-agenda-content .testo{
  color:#d2d2d2;
}

.element-news .card-header.box-bgimage-cover{
  padding-bottom: 36%;
}
.element-news .card-body{
  border:0.0625rem solid #c8c8c8;
  border-bottom:0.25rem solid #c8c8c8;
  border-top: 0rem;
}

.owl-news {
  padding-top: 3.75rem;
}
.footer{
  padding-top: 2.8125rem;

  font-size: 0.75rem;
  color:#7a7a7a;
}
.ico-social{
  font-size: 1.25rem;
  color:#3e3f47;
  border:0.0625rem solid #3e3f47;
  border-radius: 50%;
  display: inline-block;
  width: 2.8125rem;
  height: 2.8125rem;
  line-height: 2.8125rem;
  text-align: center;
}
.ico-social:hover,
.ico-social:focus{
  background-color:#139b66;
  color:#fff;
}
.footer .ico-social{
  color:#ffffff;
  border:0.0625rem solid #fff;
}
.footer .ico-social:hover,
.footer .ico-social:focus{
  background-color:#117b52;
  color:#ffffff;
}

.footer a{
  color:#7a7a7a;
}
.footer a:focus,
.footer a:hover{
  color:#7a7a7a;
}


a.btn-up{
  position: fixed;
  bottom: 1.875rem;
  right: 0.625rem;

  z-index: 15;
  opacity: 0;

  background: #3f8d6f;
  border:0rem;
  border-radius: 50%;
  line-height: 2.5rem;
  text-align: center;
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
  color:#ffffff;
}
.btn-up.affix{
  opacity: 1;
  background: rgba(63, 141, 111, 0.8);
  color:#fff;
}
a.btn-up:focus,
a.btn-up:hover{
  box-shadow: 0 0 0 3.2px rgba(63, 141, 111, 0.5);
  color:#fff;
}

.breadcrumb-absolute{
  position: absolute;
  z-index:1;
  bottom: 0rem;
  right: 0rem;
  left: 0rem;
}

.section-mappa{
  height: 18.125rem;
}

.section-01{
  padding-top: 6.25rem;
  padding-bottom: 8.75rem;
}
.no-slider .section-01{
  padding-top: 5rem;
}
.section-clubs{
  padding-top: 3.4375rem;
}
#map{
  height: 25rem;
}
.col-leggenda{
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.leggenda{
  font-family: 'Oswald', sans-serif;
  color: #fff;
  font-size: 1.125rem;
  text-transform: uppercase;
  display: flex;
  justify-content: start;
  align-items: center;
  text-align: left;
  height: 3.125rem;
  max-width: 7.5rem;
  margin: 0.625rem 1.25rem;

  background-repeat: no-repeat;
  background-position: center right;
  background-color: transparent;
  padding-right: 2.8125rem;
}

.leggenda-sede{
  background-image: url('/img/marker-sede.png');

}
.leggenda-stadio{
  background-image: url('/img/marker-stadio.png');
}
.leggenda-campi{
  background-image: url('/img/marker-campi.png');
}
.leggenda-horeca{
  background-image: url('/img/marker-horeca.png');
}

.section-boxtobox-dettaglio{
  padding-top: 5rem;
}
.col-boxtobox-news .testo,
.col-boxtobox-players .testo{
  padding-top: 1.5625rem;
}
.col-boxtobox-news ul,
.col-boxtobox-players ul{
  list-style-type: none;
  margin: 0rem;
  padding: 0rem;

}
.col-boxtobox-news ul li,
.col-boxtobox-players ul li{
  padding-bottom: 0.375rem;
}

.col-boxtobox-players ul li:before{
  font-family: "Font Awesome\ 5 Pro";
  content:"\f007";
  font-size: 1rem;
  font-weight: 700;

  padding-right: 0.625rem;
}

.col-boxtobox-news ul li:before{
  font-family: "Font Awesome\ 5 Pro";
  content:"\f0a1";
  font-size: 1rem;
  font-weight: 700;

  padding-right: 0.625rem;
}

.staff-image.box-bgimage-cover {
  padding-bottom: 62%;
}

.box-bgimage-cover.photo{
  padding-bottom: 50%;
}

.lang{
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
}
.lang li{
  text-transform: uppercase;
  padding: 0px 6px;
}
.lang li a.active{ font-weight: bold;}

.col-image {
  display: flex;
  flex-direction: column;
  align-items: stretch;

  width: 100%;
}
.element-news .box-bgimage-cover{
  background-position: top center;
}
/* 1200 */
@media( max-width: 1980px ) {
  .bg-slider-intro {
    padding-left: 6.25rem;
    padding-right: 6.25rem;
  }

  .club-image {
    height: 7.75rem;
  }
}
@media (max-width: 1400px) {
  .h1 {
    font-size: 3.125rem;
    line-height: 3.3125rem;
  }

  .bg-slider-intro {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .club-box {
    min-width: 17%;
  }
  .navbar-expand-md .navbar-nav .nav-item {
    padding: 0rem 2%;
  }

  .club-image {
    height: 6.25rem;
  }
}

@media (max-width: 1400px) and (min-width:1200px) {
  .section-01 .col-xl-10,
  .header .col-xl-10{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .section-01 .offset-xl-1,
  .section-homepage-02 .col-agenda.offset-xl-1,
  .header .offset-xl-1 {
    margin-left: 0px;
  }

  .section-homepage-02 .col-xl-5.col-agenda{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .navbar-expand-md .navbar-nav .nav-item {
    padding: 0px 20px;
  }
  .col-boxtobox-players.col-xl-5,
  .col-boxtobox-news.col-xl-5{
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
/* 980 */
@media (max-width: 1199px) {
  p { margin-bottom: 14px; }
  .wrapper {
    min-height: calc( 100% - 242px );
  }
  a.btn-up{
    line-height: 35px;
    width: 35px;
    height: 35px;
  }

  body{ font-size: 13px; }

  .navbar-brand {
    min-width: 10.625rem;
  }

  .navbar-expand-md .navbar-nav .nav-item {
    width: 7.125rem;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 0.875rem;
  }

  .btn {
    font-size: 0.75rem;
  }

  .h1 {
    font-size: 2.6875rem;
    line-height: 2.875rem;
  }

  .h2 {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .h3 {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }

  .h4 {
    font-size: 1.5625rem;
    line-height: 1.5625rem;
  }
  .bg-ball-left,
  .bg-ball-right{
    background-size: 10.75rem auto;
  }

  .section-homepage-01 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
  .club-image {
    height: 7.5rem;
  }

  .list-clubs {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .section-homepage-02 .col-agenda {
    padding-top: 2.8125rem;
    padding-bottom: 2.1875rem;
  }
  .section-agenda {
    padding-top: 1.875rem;
  }

  .section-homepage-03 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .owl-news {
    padding-top: 1.875rem;
  }

  .flogo{
    display: inline-block;
    width: 10rem;
  }

  .ico-social {
    font-size: 1rem;
    width: 2.1875rem;
    height: 2.1875rem;
    line-height: 2.1875rem;
  }

  .section-01 {
    padding-top: 2.5rem;
    padding-bottom: 6.25rem;
  }
  .no-slider .section-01 {
    padding-top: 1.875rem;
  }

  .section-clubs {
    padding-top: 2.1875rem;
  }

  .section-boxtobox-dettaglio {
    padding-top: 3.125rem;
  }
  .leggenda{
    height: 3rem;
    max-width: 6.8125rem;
    margin: 0.625rem 1.25rem;
    background-size: auto 2.25rem;
    padding-right: 2.25rem;
    font-size: 1rem;
  }

  #map {
    height: 18.75rem;
  }

  .breadcrumb {
    font-size: 0.875rem;
  }

  /*
  .element-agenda .element-agenda-data {
    min-width: auto;
    min-height: 5rem;
  }*/

}
/* 768 */
@media (max-width: 991px) {
  p { margin-bottom: 7px; }
  body{ font-size: 13px; }
  .wrapper {
    min-height: calc( 100% - 182px );
  }

  .navbar-brand {
    min-width: 8.125rem;
  }

  .btn {
    font-size: 0.75rem;
  }
  .btn-animated i {
    line-height: 1.9375rem;
  }
  .btn-animated-left i {
    line-height: 1.9375rem;

  }

  .navbar-expand-md .navbar-nav .nav-item {
    width: 5rem;
  }

  .h1 {
    font-size: 1.875rem;
    line-height: 2.0625rem;
  }

  .bg-slider-intro {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .bg-ball-left, .bg-ball-right {
    background-size: 8.125rem auto;
  }

  .section-homepage-01 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .list-clubs {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
  }

  .element-agenda .element-agenda-data {
    min-width: 4.0625rem;
    min-height: 4.375rem;
  }

  .element-agenda .element-agenda-data .giorno {
    font-size: 1.625rem;
    line-height: 1.625rem;
  }
  .element-agenda .element-agenda-data .mese {
    font-size: 0.6875rem;
  }

  .element-news .card-body,
  .element-agenda-content{
    font-size: 0.8125rem;
  }

  .section-homepage-03 {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
  .owl-news {
    padding-top: 1.5625rem;
  }

  .footer {
    padding-top: 1rem;
    font-size: 0.6875rem;
  }
  .flogo {
    display: inline-block;
    width: 7.8125rem;
  }

  .col-mappa{
    height: 11.875rem;
  }

  .section-01 {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
  }
  .no-slider .section-01 {
    padding-top: 2.5rem;
  }

  .section-clubs {
    padding-top: 1.5625rem;
  }

  #map {
    height: 12.5rem;
  }

  .col-boxtobox-news .testo, .col-boxtobox-players .testo {
    padding-top: 1rem;
  }
  .col-boxtobox-news{
    padding-top:1rem;
  }

  .breadcrumb {
    font-size: 0.75rem;
  }



}
/* MOBILE */
@media (max-width: 767px) {
  body{ font-size: 14px; }
  .wrapper {
    min-height: calc( 100% - 188px )
  }

  .navbar-brand {
    width: 7.1875rem;
    margin-right: 0rem;
  }

  .nav-contact {
    flex-grow: 2;
  }
  .navbar-toggler {
    padding: 0rem;
    background-color: transparent;
    border: 0rem;
    border-radius: 0rem;

    border-left: 0.0625rem solid #e8e8e8
  }

  .navbar-toggler button{
    border:0rem;
    background: transparent;
    padding:0rem 0rem 0rem 0.4375rem;
  }

  .animated-icon4 span {
    background: #7a7a7a;
  }
  .animated-icon4 span:nth-child(1) {
    top: 0.0625rem;
  }
  .animated-icon4 span:nth-child(2) {
    top: 0.5rem;
  }
  .animated-icon4 span:nth-child(3) {
    top: 0.9375rem;
  }

  /* Menù in hover */
  .overlay {
    height: 100vh;
    width: 100%;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-x: hidden;
    justify-content: center!important;
    display: flex;

    -webkit-transition: height 200ms ease-in;
    -moz-transition: height 200ms ease-in;
    -ms-transition: height 200ms ease-in;
    -o-transition: height 200ms ease-in;
    transition: height 200ms ease-in;
  }

  .navbar-expand-md .navbar-collapse {
    padding-top: 0rem;
  }

  .navbar-toggler.open button{
    position: fixed;
    z-index: 99999;
    right: 1rem;

    border:0rem;
    top: 1rem;
  }
  .navbar-nav .nav-item{ text-align: center; }
  .navbar-expand-md .navbar-nav .nav-link {
    font-size: 1.75rem;
    color:#585858;
  }
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: #fff;
  }

  .navbar-expand-md .navbar-nav{
    height: auto;
  }
  .navbar-expand-md .navbar-nav .nav-item {
    height: auto;
    display: block;
    border-left: 0rem;
    text-align: center;
    width: 100%;
  }

  .page-homepage .slide-item {
    padding-bottom: 27%;
    background-position: center bottom;
  }

  .h1 {
    font-size: 1.5625rem;
    line-height: 1.75rem;
  }
  .h2 {
    font-size: 1.0625rem;
    line-height: 1.25rem;
  }

  .h4 {
    font-size: 1.25rem;
    line-height: 1.25rem;
  }

  .bg-ball-left, .bg-ball-right{
    display: none;
  }

  .section-homepage-01 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .page-homepage .club-box{
    min-width: 25%;
  }
  .page-homepage .club-image {
    height: 4.375rem;
  }

  .section-homepage-02 .col-agenda {
    padding-top: 1.5625rem;
    padding-bottom: 0.625rem;
  }
  .section-agenda {
    padding-top: 1.25rem;
  }
  .section-homepage-02 .col-agenda-image {
    padding-bottom: 35%;
  }

  .section-homepage-03 {
    padding-top: 1.5625rem;
    padding-bottom: 1.5625rem;
  }

  .flogo {
    width: 6.25rem;
  }

  .breadcrumb {
    padding: 0.1875rem 0rem 0.1875rem;
    /*display: inline;*/
  }
  .breadcrumb .breadcrumb-item{ display: inline; }
  .breadcrumb-item+.breadcrumb-item::before {
    display: inline;
  }


  .section-01 {
    padding-top: 1.25rem;
    padding-bottom: 1.875rem;
  }
  .no-slider .section-01 {
    padding-top: 2.5rem;
  }


  .section-clubs {
    padding-top: 1rem;
  }
  .section-boxtobox-dettaglio {
    padding-top: 1rem;
  }


}

@media (max-width: 575px) {
  .col-leggenda {
    flex-wrap: wrap;
  }
  .leggenda {
      flex: 0 0 50%;
      max-width: 50%;
      margin: 0.625rem 0rem;
      padding: 0rem 2.1875rem 0rem 1rem;
      background-position: center right 0.5625rem;
  }
}