:root {
  --crossfit: #05ce7c;
  --military: #ffb359;
  --special: #fb3449;
  --functional: #e58e1a;
  --postural: #f6bf26;
  --calisthenics: #27348b;
  --crossfitteen: #36a9e1;
  --gym: #3a87ad;
  --sport-performance: #8de503;
  --personal-group: #e6007e;
}

html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  text-align: left;
  color: #000;
  font-family: "museo-sans";
  /*font-size: 12px;*/
  width: 100%;
  height: 100%;
  background: #fff;
}

#ccm-cookiesDisclosure {
  display: none !important;
}

h1 {
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 21px;
}

h3 {
  font-size: 13px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

h4 {
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 10px;
}

img {
  border: none;
}

a {
  text-decoration: none;
}

p {
  margin: 0;
  padding: 0;
}

ul {
  margin: 0;
  padding: 0;
}

input {
  padding: 4px;
  border: 1px solid #54545e;
  /* Here */
  background: #dfdfdf;
}

textarea {
  border: 1px solid #54545e;
  /* Here */
  background: #dfdfdf;
}

::-webkit-input-placeholder {
  font-weight: 200;
  font-size: 20px;
  font-family: "museo-sans";
  color: #c6c6c6;
}

:-moz-placeholder {
  /* older Firefox*/
  font-weight: 200;
  font-size: 20px;
  font-family: "museo-sans";
  color: #c6c6c6;
}

::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 200;
  font-size: 20px;
  font-family: "museo-sans";
  color: #c6c6c6;
}

:-ms-input-placeholder {
  font-weight: 200;
  font-size: 20px;
  font-family: "museo-sans";
  color: #c6c6c6;
}

.ccm-toolbar-visible .edit {
  top: 48px !important;
}

.clear {
  clear: both;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.tablecell {
  text-align: center;
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

/* Arrows */
/* a:hover .arrow:before,
a:hover .arrow:after,
a:focus .arrow:before,
a:focus .arrow:after,
a:active .arrow:before,
a:active .arrow:after {
    background: white;
} */
.arrow {
  width: 16px;
  height: 16px;
  position: relative;
}

.arrow:before,
.arrow:after {
  content: "";
  position: absolute;
  width: 15%;
  height: 50%;
  background-color: #fff;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(135deg, 0deg);
  -ms-transform: skew(135deg, 0deg);
  transform: skew(135deg, 0deg);
}

.arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-135deg, 0deg);
  -ms-transform: skew(-135deg, 0deg);
  transform: skew(-135deg, 0deg);
}

.arrow.right {
  transform: rotate(180deg);
}

.ccm-ui .arrow:before,
.ccm-ui .arrow:after {
  background: none;
  transform: none;
}

/*ACCORDION BEGIN*/
.accordion {
  width: 100%;
  height: 700px;
  overflow: hidden;
  /*margin: 50px auto;*/
  margin: 0 auto;
}

.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 33.333%;
  height: 700px;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 500ms ease;
}

.accordion ul li>div {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.accordion ul li>div a {
  display: block;
  width: 100%;
  height: 700px;
  position: relative;
  z-index: 3;
  vertical-align: bottom;
  padding: 15px 15%;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  font-family: "museo-sans";
  transition: all 200ms ease;
}

.accordion ul li div a * {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  /*white-space: nowrap;*/
  overflow: hidden;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.accordion ul li div a h2 {
  font-family: "museo-sans";
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.accordion ul li div a p {
  margin: 0 auto;
  max-width: 300px;
  padding-top: 25px;
  font-size: 13.5px;
}

.accordion ul:hover li {
  width: 30%;
}

.accordion ul:hover li:hover {
  width: 40%;
}

/*.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }*/

.accordion ul:hover li:hover a * {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.accordion img {
  max-width: 150px;
}

/*Statistiche begin*/
.statistiche td {
  border: 3px solid #64c5f0;
}

.registro th {
  background: #64c5f0;
  border: 3px solid #64c5f0;
  border-right: 3px solid #fff;
  color: #fff;
  padding: 15px 25px;
  text-align: center;
}

.registro.registro-2 th {
  padding: 12px 2px;
}

.registro th:last-child {
  border-right: 3px solid #64c5f0;
}

.registro .quarterly td {
  background: #043f59;
  color: #fff;
}

.registro .annual td {
  background: #0c2b3c;
  color: #fff;
}

.page-template-staff #ccontenuto {
  margin: 0 auto;
  max-width: 1200px;
  padding: 50px 65px 0 25px;
  text-align: center;
}

/*Statistiche end*/
@media screen and (max-width: 600px) {
  .accordion {
    height: auto;
  }

  .accordion ul li,
  .accordion ul li:hover,
  .accordion ul:hover li,
  .accordion ul:hover li:hover {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: none;
    transition: none;
  }

  .accordion ul li>div a {
    padding: 15px 90px 15px 50px;
  }

  .accordion ul li {
    height: 500px;
  }

  .accordion ul li>div a {
    height: 500px;
  }

  .accordion ul li a * {
    opacity: 1 !important;
  }

  .accordion ul li div a p {
    padding: 0;
    height: 0;
  }
}

/*ACCORDION END*/
#header {
  background: rgba(12, 43, 60, 0.8);
  position: fixed;
  top: 0;
  right: -270px;
  /* left: 0; */
  bottom: 0;
  /* height: 80px; */
  padding: 0 50px;
  z-index: 9;
}

#cheader {
  position: relative;
  /*max-width: 1200px;
	margin: 0 auto;
	height: 80px;*/
  display: table;
  width: 100%;
  height: 100%;
}

#logo {
  padding-top: 20px;
}

#logo img {
  width: 100%;
  max-width: 150px;
  height: auto;
}

#menu {
  display: table-cell;
  width: 100%;
  max-width: 210px;
  /*position: absolute;
	top: 40px;
	right: 0;
	bottom: 0;*/
  height: 100%;
  vertical-align: middle;
}

#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu ul li {
  position: relative;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}

#menu ul li a {
  font-size: 20px;
  display: inline-block;
  padding: 10px 0;
  color: #5e8497;
  font-family: "museo-sans";
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#menu ul li a:hover,
#menu ul li a.nav-selected,
#menu ul li.nav-path-selected a {
  color: #cfd9df;
}

#header .nav {
  display: inline-block;
  vertical-align: top;
}

.ccm-block-social-links {
  display: inline-block;
  vertical-align: top;
}

#menu .ccm-block-social-links {
  margin-top: 30px;
  display: inline-block;
  vertical-align: top;
}

#menu .ccm-block-social-links ul li a {
  padding: 0;
  border-bottom: none;
}

#menu .ccm-block-social-links ul li a:hover {
  background: none;
  border-bottom: none;
}

#menu .ccm-block-social-links ul li i {
  width: 25px;
  height: 20px;
  padding-top: 6px;
  font-size: 20px;
  /*background: #f2f2f2;*/
  text-align: center;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#menu .ccm-block-social-links ul li i:hover {
  /*background: #002856;*/
  color: #fff;
}

#footer {
  background: #0c2b3c;
}

#footer .ccm-block-social-links ul li a {
  padding: 0;
  border-bottom: none;
}

#footer .ccm-block-social-links ul li a:hover {
  background: none;
  border-bottom: none;
}

#footer .ccm-block-social-links ul li i {
  width: 25px;
  height: 20px;
  padding-top: 6px;
  font-size: 15px;
  background: #f2f2f2;
  text-align: center;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#footer .ccm-block-social-links ul li i:hover {
  background: #002856;
  color: #fff;
}

/*#slide{
	margin-top: 79px;
}*/
#statoasta {
  text-align: center;
}

#statoasta .padding {
  padding: 50px 25px;
}

#statoasta h2 {
  font-family: "museo-sans";
  color: #002856;
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 300;
}

#statoasta .padding a {
  font-weight: bold;
  text-transform: uppercase;
  /*font-family: 'Montserrat';*/
  font-size: 15px;
  color: #b3b3b3;
}

#statoasta .padding a:hover,
#statoasta .padding a.nav-selected {
  color: #002d73;
}

#statoasta .padding a div {
  font-weight: normal;
  font-size: 13px;
}

#statoasta .padding ul {
  margin: 0;
  list-style-type: none;
  font-size: 0;
}

#statoasta .padding ul li {
  display: inline-block;
  vertical-align: top;
  padding: 0 50px;
  margin: 0 0 20px 0;
}

#menubutton {
  width: 40px;
  position: absolute;
  top: 0;
  left: 0;
}

#menubutton img {
  width: 100%;
  height: auto;
}

#mobilemenu {
  text-align: center;
  background: #fff;
  display: none;
  position: absolute;
  top: 80px;
  right: 0;
  left: 0;
}

#mobilemenu ul {
  margin: 0;
  padding: 0;
  width: 100%;
  list-style-type: none;
}

#mobilemenu ul li {
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}

#mobilemenu ul li a {
  display: inline-block;
  vertical-align: top;
  width: 90%;
  padding: 15px 5%;
  color: #99a4ae;
  text-transform: uppercase;
  /*font-family: 'Montserrat';*/
  font-weight: bold;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#mobilemenu ul li a:hover,
#mobilemenu ul li a.nav-selected,
#mobilemenu ul li.nav-path-selected a {
  background: #002856;
  color: #fff;
}

.ccm-block-page-list-pages.aste {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 1200px;
  font-size: 0;
}

.immobileelenco {
  text-align: left;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
  margin: 0 10px 10px 10px;
  max-width: 370px;
  width: 100%;
}

.immobileelenco.grande {
  max-width: 744px;
  width: 100%;
}

.immobileelenco .padding {
  padding: 20px 0 0 0;
}

.immobileelenco .titolo {
  width: 100%;
}

.immobileelenco .titolo h3 {
  line-height: 23px;
  margin: 0;
  padding: 0;
  font-weight: 300;
  letter-spacing: 0;
  color: #002856;
  width: 100%;
  text-transform: uppercase;
  font-family: "museo-sans";
  font-size: 18px;
  height: 46px;
}

.immobileelenco .titolo p {
  height: 90px;
  overflow: hidden;
  line-height: normal;
  margin: 0;
  padding: 15px 0;
  font-weight: 400;
  letter-spacing: 0;
  color: #99a4ae;
  width: 100%;
  font-family: "museo-sans";
  font-size: 13px;
}

.immobileelenco .immagine {
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  height: 370px;
}

.immobileelenco .immagine:hover {
  opacity: 0.8;
}

.immobileelenco .immagine img {
  width: 100%;
  height: auto;
}

.immobileelenco .dati {
  font-size: 12px;
  color: #002d73;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  /*font-family: 'Montserrat';*/
  font-weight: bold;
}

.immobileelenco .dati .padding {
  padding: 0 0 15px 0;
}

.immobileelenco .dati img {
  width: 15px;
  height: auto;
  vertical-align: middle;
  margin: 0 5px 0 0;
}

.immobileelenco .dati .pin {}

.immobileelenco .pulsante {
  text-align: right;
  font-size: 13px;
  color: #002d73;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  font-family: "Montserrat";
  font-weight: bold;
  min-width: 110px;
}

.immobileelenco .pulsante a {
  color: #fff;
  display: inline-block;
  background: #002856;
  width: 90%;
  padding: 0 5%;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.immobileelenco .pulsante a:hover {
  background: #fff;
  color: #002856;
}

#lotti {
  text-align: center;
  font-size: 0;
  margin: 0 auto;
  padding: 25px;
  max-width: 1200px;
}

.lotto {
  display: inline-block;
  vertical-align: top;
  font-family: "museo-sans";
  font-weight: bold;
  text-align: center;
  margin: 3px 2px;
  font-size: 0;
  width: 100%;
  max-width: 380px;
}

.lotto .left {
  font-size: 15px;
  color: #fff;
  background: #fff;
  display: inline-block;
  vertical-align: top;
  width: 30%;
  height: 40px;
  line-height: 40px;
}

.lotto .right {
  font-size: 15px;
  color: #002856;
  background: #002d73;
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 40px;
  line-height: 40px;
}

.lotto .full {
  text-align: left;
  font-size: 15px;
  color: #002d73;
  background: #f2f2f2;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  height: 60px;
  line-height: 60px;
}

.lotto .full .padding {
  padding: 0 25px;
}

#galleria {
  text-align: center;
  margin: 0 auto;
  padding: 50px 25px;
  max-width: 1200px;
}

#datiasta {
  color: #002d73;
  /*font-family: 'Montserrat';*/
  max-width: 1200px;
  margin: 0 auto;
  font-size: 0;
}

#datiasta strong {
  font-weight: 900;
}

#datiasta>.padding {
  padding: 50px 25px 50px 25px;
}

#datiasta .left,
#datiasta .right {
  width: 50%;
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}

#datiasta>.padding>.right {
  font-size: 0;
}

#datiasta .right .left,
#datiasta .right .right {
  line-height: 25px;
  font-size: 18px;
}

#datiasta .right .left h3,
#datiasta .right .right h3 {
  font-size: 16px;
}

#datiasta .right .left img,
#datiasta .right .right img {
  width: 15px;
  height: auto;
  vertical-align: middle;
  margin-right: 15px;
}

#datiasta .right .left hr,
#datiasta .right .right hr {
  background: #f2f2f2;
  width: 100%;
  height: 2px;
  border: none;
}

#prefooter {
  padding: 0 0 113px 0;
  background: #fff;
}

#prefooter .padding {
  font-weight: 300;
  font-size: 25px;
  font-family: "museo-sans";
  color: #000;
  padding: 80px 65px 80px 25px;
  text-align: center;
}

#prefooter .padding h2 {
  font-size: 20px;
  font-weight: 200;
  margin: 0;
  padding: 0;
}

#prefooter .padding input[type="email"] {
  display: inline-block;
  vertical-align: top;
  margin: 30px 1px 0 1px;
  padding: 15px;
  background: #fff;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
  width: 100%;
  max-width: 500px;
  font-weight: 200;
  font-size: 20px;
  font-family: "museo-sans";
  color: #002d73;
}

#prefooter .padding input[type="submit"] {
  border: none;
  display: inline-block;
  vertical-align: top;
  margin: 30px 1px 30px 1px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  color: #99a4ae;
  line-height: 45px;
  /*font-family: 'Montserrat';*/
  font-weight: bold;
  display: inline-block;
  background: #e6e6e6;
  width: 100%;
  max-width: 100px;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#prefooter .padding input[type="submit"]:hover {
  background: #fff;
}

#newsletter {
  margin-top: 85px;
  background: #4bbded;
}

#newsletter .padding {
  font-family: "museo-sans";
  color: #fff;
  padding: 50px 65px 50px 25px;
  text-align: center;
}

#newsletter .padding h2 {
  font-weight: 200;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 43px;
  text-align: center;
  font-size: 36px;
  font-family: "museo-sans";
}

#newsletter .padding h3 {
  letter-spacing: 0;
  margin: 0;
  padding: 0;
  line-height: 43px;
  text-align: center;
  font-family: "museo-sans";
  line-height: 25px;
  font-size: 21px;
  font-weight: 400;
}

#newsletter .padding input[type="email"] {
  display: inline-block;
  vertical-align: top;
  margin: 50px 1px 0 1px;
  padding: 15px;
  background: #fff;
  border-radius: 0;
  border: none;
  box-sizing: border-box;
  width: 100%;
  max-width: 500px;
  font-weight: 200;
  font-size: 20px;
  font-family: "museo-sans";
  color: #333e48;
}

#newsletter .padding input[type="submit"] {
  display: inline-block;
  vertical-align: top;
  margin: 50px 1px 30px 1px;
  box-sizing: border-box;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 46px;
  font-family: "museo-sans";
  font-weight: bold;
  color: #fff;
  display: inline-block;
  background: #0c2b3c;
  width: 100%;
  max-width: 100px;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: none;
}

#newsletter .padding input[type="submit"]:hover {
  color: #333e48;
  background: #fff;
}

#info {
  margin: 0 0 -50px 0;
  background: #002856;
}

#info .padding {
  font-family: "museo-sans";
  color: #fff;
  padding: 50px 25px;
  text-align: center;
}

#info .padding h2 {
  font-size: 20px;
  font-weight: 200;
  margin: 0 0 30px 0;
  padding: 0;
}

#info .padding img {
  width: 100%;
  max-width: 50px;
  height: auto;
}

#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  font-size: 0;
  font-weight: bold;
  color: #99a4ae;
  /*font-family: 'Montserrat';*/
}

#cfooter {
  padding: 30px 50px 20px 50px;
}

#footer .top {
  font-size: 0;
}

#footer .top .left,
#footer .top .right {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}

#footer .top .left {
  text-align: center;
  width: 20%;
}

#footer .top .right {
  width: 80%;
}

#footer .top .right .padding {
  text-align: right;
  padding: 50px 25px 0 25px;
}

#footer .top .left img {
  width: 100%;
  max-width: 100px;
  height: auto;
}

#footer .top .left .padding {
  padding: 0 25px 0 0;
}

#footer .top .right .padding {
  padding: 0 0 0 0;
}

#footer .top .right .padding ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 0;
  text-align: right;
  display: inline-block;
  vertical-align: top;
}

#footer .top .right .padding li {
  margin: 0 0 25px 0;
  padding: 0 15px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  /*width: 25%;*/
  font-size: 15px;
}

#footer .top .right .padding a {
  color: #99a4ae;
  text-transform: uppercase;
}

#footer .bottom {
  text-align: center;
}

#footer .bottom>.padding {
  font-weight: 100;
  text-align: left;
  padding: 15px;
  font-size: 13px;
}

#footer .bottom>.padding a {
  color: #99a4ae;
}

#footer .bottom>.padding img {
  margin: 0 30px 35px 30px;
  max-width: 50px;
  height: auto;
}

#contenuto.page {
  margin-top: 80px;
}

#contenuto.page #ccontenuto {
  /*font-family: 'Montserrat';*/
  font-size: 15px;
  color: #002d73;
  max-width: 1200px;
  margin: 0 auto;
  padding: 25px;
}

#contenuto.page #ccontenuto a {
  color: #002d73;
}

#contenuto.page h1,
#contenuto.page h2,
#contenuto.page h3 {
  margin: 0;
  padding: 0;
  color: #002d73;
}

#contenuto.page h1 {
  font-size: 30px;
  text-align: center;
  margin: 70px 0 70px 0;
}

#contenuto.page h2 {
  margin: 25px 0 15px 0;
}

#contenuto.page .contenuto1 {
  font-family: "museo-sans";
  font-size: 19px;
  font-weight: 300;
  color: #99a4ae;
}

#contenuto.page .contenuto1 h2 {
  text-align: center;
  margin: 25px 0 50px 0;
  padding: 0;
  font-family: "museo-sans";
  font-size: 35px;
  color: #002856;
}

#contenuto.page .contenuto2 {
  margin: 100px 0 0 0;
  font-family: "museo-sans";
  font-size: 19px;
  font-weight: 300;
  color: #99a4ae;
}

#contenuto.page .contenuto2 h3 {
  text-align: left;
  margin: 35px 0 20px 0;
  padding: 0;
  font-family: "museo-sans";
  font-size: 25px;
  color: #002856;
  font-weight: 700;
}

#contenuto.page h3 {
  margin: 0 0 15px 0;
  font-size: 15px;
  font-weight: normal;
}

/*#contenuto.page .ccm-layout-column img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width:50px;
	height: auto;
}*/
#contenuto.page .ccm-layout-column h3 {
  color: #002856;
  font-size: 25px;
  font-weight: 700;
}

#contenuto.page .ccm-layout-column a {
  font-weight: 500;
  color: #002856;
}

#contenuto.page hr {
  margin: 50px 0;
  border: none;
  height: 3px;
  background: #f2f2f2;
}

#contenuto.page .ccm-block-social-links li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 50px;
  line-height: 50px;
}

#contenuto.page .ccm-block-social-links a {}

#contenuto.page .ccm-block-social-links i {
  width: 50px;
  font-size: 30px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  /* padding-top: 5px; */
  background: #f2f2f2;
  text-align: center;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 3px solid #fff;
}

#contenuto.page .ccm-block-social-links i:hover {
  background: #002d73;
  color: #fff;
  border-bottom: 3px solid #002856;
}

.tfm {
  width: 100%;
  max-width: 300px;
  margin: 0 0 0 auto;
}

#contenuto.page .ccm-block-social-links {
  text-align: center;
  display: block;
  width: 100%;
  max-width: 300px;
  margin: 0 auto;
}

#slide #cslide .well {
  text-align: center;
  padding: 25px 0;
}

#contenuto.immobile {
  margin: 0 auto;
  max-width: 1250px;
}

#ccontenuto.immobile {
  padding: 80px 25px;
}

#ccontenuto>#dati {
  text-align: center;
}

#ccontenuto>#dati>.pin {
  width: 100%;
  max-width: 50px;
  height: auto;
}

#ccontenuto>#dati>h3 {
  margin: 15px 0 50px 0;
  padding: 0;
  font-family: "museo-sans";
  font-size: 30px;
  color: #002856;
}

#ccontenuto>#dati .descrizione {
  text-align: left;
  color: #99a4ae;
  font-size: 15px;
  font-family: "museo-sans";
  font-weight: 300;
}

#ccontenuto>#basedasta {
  text-align: center;
  color: #99a4ae;
  font-size: 19px;
  font-family: "museo-sans";
  font-weight: 300;
}

#ccontenuto>#basedasta>h3 {
  text-align: center;
  margin: 15px 0 0 0;
  padding: 0;
  font-family: "museo-sans";
  font-size: 30px;
  color: #002856;
}

.third {
  font-size: 15px;
  width: 33.3333% !important;
  display: inline-block;
  vertical-align: top;
}

.ccm-block-social-links i {
  color: #fff;
  font-size: 25px;
}

#footer .ccm-block-social-links ul li i {
  background: none;
  font-size: 35px;
}

div.scopribtn {
  width: auto !important;
  color: #fff;
  background: #043f59;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 10px 50px;
  margin: 30px 0 0 0 !important;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-transform: uppercase;
}

div.scopribtn:hover {
  color: #043f59;
  background: #fff;
}

.table {
  display: table;
  width: 100%;
  height: 100%;
}

.tablecell {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
  height: 100%;
}

#slide.sezione {
  height: 450px;
}

#slide.sezione .overlay {
  opacity: 0.6;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

#slide.sezione #cslide {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
  bottom: 0;
}

#slide.sezione img {
  max-width: 250px;
  width: 100%;
  height: auto;
}

.fasciacontenuto {
  position: relative;
}

.fasciacontenuto>.coloresfondo>.padding {
  margin: 0 auto;
  max-width: 1200px;
  text-align: center;
  padding: 80px 90px 80px 50px;
}

.fasciacontenuto h2 {
  margin: 0;
  padding: 0;
  font-size: 35px;
}

.fasciacontenuto h3 {
  letter-spacing: 0;
  margin: 25px 0 10px 0;
  padding: 0;
  font-size: 30px;
}

.fasciacontenuto h4 {
  font-weight: 400;
  margin: 25px 0 25px 0;
  padding: 0;
  font-size: 24px;
}

.fasciacontenuto .descrizione {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 16px;
}

.fasciacontenuto .left {
  position: absolute !important;
  top: 0;
  right: 50%;
  bottom: 0;
  left: 0;
}

.fasciacontenuto .right {
  margin-left: 50%;
  text-align: left;
}

.fasciacontenuto .right>.padding {
  padding: 80px 80px 80px 50px;
}

.fasciacontenuto .descrizione>a {
  background: #48bced;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  margin: 25px 0 0 0;
  padding: 15px 50px;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.fasciacontenuto .descrizione>a:hover {
  background: #fff;
  color: #48bced;
}

.filmato {
  position: relative;
}

.filmato>.padding {
  margin: 0 auto;
  max-width: 1200px;
  text-align: center;
  padding: 80px 90px 80px 50px;
}

.filmato h2 {
  margin: 0;
  padding: 0;
  font-size: 35px;
}

.filmato h3 {
  letter-spacing: 0;
  margin: 25px 0 10px 0;
  padding: 0;
  font-size: 30px;
}

.filmato h4 {
  font-weight: 400;
  margin: 25px 0 25px 0;
  padding: 0;
  font-size: 24px;
}

.filmato .descrizione {
  margin: 0 0 0 0;
  padding: 0;
  font-size: 16px;
}

.filmato .left {}

.filmato .right {
  margin-left: 50%;
  text-align: left;
}

.filmato .right>.padding {
  padding: 50px 80px 50px 50px;
}

.filmato .descrizione>a {
  background: #48bced;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  margin: 25px 0 0 0;
  padding: 15px 50px;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.filmato .descrizione>a:hover {
  background: #fff;
  color: #48bced;
}

#wrapper {
  position: relative;
  min-height: 100%;
}

div.ccm-page {
  height: 100%;
}



.rigablocchi {
  padding: 25px 70px 25px 30px;
}

.blocco {
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
}

.blocco.uno {
  width: 100%;
}

.blocco.due {
  width: 50%;
}

.blocco.tre {
  width: 33.3333%;
}

.blocco.quattro {
  width: 25%;
}

.blocco.due>.padding {
  padding: 25px;
}

.blocco.tre>.padding {
  padding: 25px 20px 25px 20px;
}

.blocco.quattro>.padding {
  padding: 25px 20px 25px 20px;
}

.blocco h4 {
  letter-spacing: 0;
  font-weight: 300;
  font-size: 20px;
}

.link>a {
  font-size: 15px;
  background: #0c2b3c;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  margin: 35px 0 0 0;
  padding: 15px 50px 15px 15px;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid #0c2b3c;
}

p.link>a {
  padding: 15px 25px 15px 25px;
}

.link>a:hover {
  background: #fff;
  color: #0c2b3c;
}

p.link {
  padding: 0 65px 0 25px;
}

.blocco .descrizione {
  min-height: 72px;
}

.blocco .immagine img {
  width: 100%;
  height: auto;
}

#cover.contatti .contenuto h3 {
  color: #1e252b;
}

#cover.contatti .contenuto hr {
  background: #85898c;
}

#contatti>.csezioni {
  text-align: left;
  background: #f2f2f2;
  margin: 0 auto 0 auto;
  padding: 50px;
  max-width: 900px;
  font-size: 0;
}

#contatti h3 {
  letter-spacing: 0;
  font-weight: 400;
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 25px;
}

#contatti .formblock .padding {
  padding: 15px 25px 15px 30px;
}

#contatti .formblock .left .padding {
  padding: 15px 25px 15px 0;
}

#contatti .formblock .right .padding {
  padding: 15px 0 15px 25px;
}

#contatti .formblock .full .padding {
  padding: 15px 0 15px 0;
}

#contatti .formblock label {
  display: inline-block;
  vertical-align: top;
  margin: 0 0 10px 0;
}

#contatti .formblock span.required {
  color: #ff6c0c;
}

#contatti .formblock input {
  width: 100%;
  background: #fff;
  padding: 15px;
  box-sizing: border-box;
  margin: 0 0 5px 0;
  border: 1px solid #c9c9c9;
}

#contatti .formblock input::-webkit-input-placeholder {
  color: #d5d5d5;
  font-weight: 200;
  font-family: "effra";
}

#contatti .formblock input::-moz-placeholder {
  color: #d5d5d5;
  font-weight: 200;
  font-family: "effra";
}

/* firefox 19+ */
#contatti .formblock input:-ms-input-placeholder {
  color: #d5d5d5;
  font-weight: 200;
  font-family: "effra";
}

/* ie */
#contatti .formblock input:-moz-placeholder {
  color: #d5d5d5;
  font-weight: 200;
  font-family: "effra";
}

#contatti .formblock textarea {
  min-height: 250px;
  width: 100%;
  background: #fff;
  padding: 15px;
  box-sizing: border-box;
  border: 1px solid #c9c9c9;
}

#contatti .formblock .left,
#contatti .formblock .right,
#contatti .formblock .full {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
}

#contatti .formblock .left,
#contatti .formblock .right {
  width: 50%;
}

#contatti .formblock .full {
  width: 100%;
}

#contatti .formblock .left input {
  margin: 0 0 29px 0;
}

#contatti input[type="submit"] {
  color: #fff;
  background: #40b4e5;
  box-sizing: border-box;
  cursor: pointer;
  padding: 15px 100px 15px 25px;
  border: none;
  float: right;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-image: url("../images/vexa/freccia.svg");
  background-size: 15px auto;
  background-position: right 15px center;
  background-repeat: no-repeat;
}

#contatti input[type="submit"]:hover {
  opacity: 0.8;
}

#cover.azienda.contatti {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: 0;
  padding-right: 50px;
  height: 200px;
  margin-bottom: 300px;
}

#topbackground {
  height: 500px;
}

#topbackground.new {
  height: 220px;
}

#cover h2 {
  margin-top: 100px;
  text-align: center;
  font-size: 45px;
}

#topcontent.contatti {
  text-align: center;
  font-size: 0;
  margin-right: 40px;
}

#topcontent.contatti>.padding {
  margin-bottom: 25px;
}

#topcontent.contatti .left,
#topcontent.contatti .right {
  font-size: 18px;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  max-width: 500px;
  margin: 0 0 25px 0;
}

#topcontent.contatti .left img,
#topcontent.contatti .right img {
  width: 100%;
  max-width: 100px;
  height: auto;
}

#topcontent.contatti .left a,
#topcontent.contatti .right a {
  color: #000;
}

#topcontent>.padding {
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  margin: 0 auto;
  max-width: 1250px;
  padding: 50px 25px 35px 25px;
}

#topcontent h2 {
  font-size: 45px;
}

.testo {
  margin: 0 auto;
  max-width: 500px;
  text-align: center;
  padding: 50px 75px 50px 25px;
}

.testo h2 {
  font-size: 45px;
}

.testo p {
  font-size: 15px;
}

.sezioni.news {
  background: #fff;
}

.csezioni {
  font-size: 0;
  padding: 50px 15% 50px 15%;
}

.sezioni.news .csezioni {
  padding: 0 15% 50px 15%;
}

.sezioni.news.grigio .csezioni {
  padding: 50px 15% 50px 15%;
}

a.sezione.news {
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.sezione.news:hover {
  opacity: 0.8;
}

a.sezione.news:hover {
  opacity: 1;
}

div.sezione.news {
  margin: 0 0.65%;
  position: relative;
  font-size: 15px;
  display: inline-block;
  vertical-align: top;
  width: 30%;
  max-width: 640px;
}

div.sezione.news {
  margin: 10px 0.65%;
}

/*div.sezione:after{
  padding-top: 110%;
  display: block;
  content: '';
}*/
div.sezione.news>.padding {
  /*position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;*/
  background-color: #fff;
  color: #000;
}

div.sezione.news>.padding {
  background-color: #f3f4f5;
  color: #000;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a.sezione.news:hover .padding {
  color: #fff;
  background-color: #40b4e5;
}

div.sezione.news img {
  width: 100%;
  height: auto;
  display: block;
}

div.sezione.news h3 {
  letter-spacing: 0;
  padding: 0;
  margin: 15px 25px 15px 25px;
  font-size: 23px;
  font-weight: 300;
  height: 50px;
}

div.sezione.news h3 {
  font-weight: 400;
}

div.sezione.news hr {
  margin: 0 auto 25px auto;
  border: none;
  max-width: 100px;
  height: 2px;
}

div.sezione.news .descrizione {
  /*height: 36px;*/
  padding: 0 25px 35px 25px;
}

div.sezione.news .descrizione {
  font-weight: 300;
  min-height: 54px;
}

#contenuto.news {
  padding: 0 40px 0 0;
  margin: 0 auto;
  max-width: 1200px;
}

#calendar {
  font-family: "museo-sans";
  font-size: 14px;
  margin-top: 50px;
  padding: 0;
}

a.crossfit {
  padding: 5px 15px;
  border: none;
  background: var(--crossfit);
}

a.military {
  padding: 5px 15px;
  border: none;
  background: var(--military);
}

a.special {
  padding: 5px 15px;
  border: none;
  background: var(--special);
}

a.functional {
  padding: 5px 15px;
  border: none;
  background: var(--functional);
}

/*a.postural{
	padding: 5px 15px;
	border: none;
	background: var(--postural);
}*/
a.calisthenics {
  padding: 5px 15px;
  border: none;
  background: var(--calisthenics);
}

a.crossfitteen {
  padding: 5px 15px;
  border: none;
  background: var(--crossfitteen);
}

a.gym {
  padding: 5px 15px;
  border: none;
  background: var(--gym);
}

a.sport_performance {
  padding: 5px 15px;
  border: none;
  background: var(--sport-performance);
}

a.personal_group,
a.girl_class {
  padding: 5px 15px;
  border: none;
  background: var(--personal-group);
}

.head.crossfit {
  --color: var(--crossfit);
  background: var(--crossfit);
}

.head.military {
  --color: var(--military);
  background: var(--military);
}

.head.special {
  --color: var(--special);
  background: var(--special);
}

.head.functional {
  --color: var(--functional);
  background: var(--functional);
}

/*.head.postural{
  --color: var(--postural);
	background: var(--postural);
}*/
.head.calisthenics {
  --color: var(--calisthenics);
  background: var(--calisthenics);
}

.head.crossfitteen {
  --color: var(--crossfitteen);
  background: var(--crossfitteen);
}

.head.gym {
  --color: var(--gym);
  background: var(--gym);
}

.head.sport_performance {
  --color: var(--sport-performance);
  background: var(--sport-performance);
}

.head.personal_group,
.head.girl_class {
  --color: var(--personal-group);
  background: var(--personal-group);
}

.data.crossfit {
  color: var(--crossfit);
}

.data.military {
  color: var(--military);
}

.data.special {
  color: var(--special);
}

.data.functional {
  color: var(--functional);
}

/*.data.postural{
	color: var(--postural);
}*/
.data.calisthenics {
  color: var(--calisthenics);
}

.data.crossfitteen {
  color: var(--crossfitteen);
}

.data.gym {
  color: var(--gym);
}

.data.sport_performance {
  color: var(--sport-performance);
}

.data.personal_group,
.data.girl_class {
  color: var(--personal-group);
}

.actions.crossfit button,
#risultato.crossfit {
  --color: var(--crossfit);
  background: var(--crossfit);
  color: #fff;
  border: 1px solid var(--crossfit);
}

.actions.military button,
#risultato.military {
  --color: var(--military);
  background: var(--military);
  color: #fff;
  border: 1px solid var(--military);
}

.actions.special button,
#risultato.special {
  --color: var(--special);
  background: var(--special);
  color: #fff;
  border: 1px solid var(--special);
}

.actions.functional button,
#risultato.functional {
  --color: var(--functional);
  background: var(--functional);
  color: #fff;
  border: 1px solid var(--functional);
}

/*.actions.postural button,#risultato.postural{
  --color: var(--postural);
	background: var(--postural);
	color: #fff;
	border: 1px solid var(--postural);
}*/
.actions.calisthenics button,
#risultato.calisthenics {
  --color: var(--calisthenics);
  background: var(--calisthenics);
  color: #fff;
  border: 1px solid var(--calisthenics);
}

.actions.crossfitteen button,
#risultato.crossfitteen {
  --color: var(--crossfitteen);
  background: var(--crossfitteen);
  color: #fff;
  border: 1px solid var(--crossfitteen);
}

.actions.gym button,
#risultato.gym {
  --color: var(--gym);
  background: var(--gym);
  color: #fff;
  border: 1px solid var(--gym);
}

.actions.sport_performance button,
#risultato.sport_performance {
  --color: var(--sport-performance);
  background: var(--sport-performance);
  color: #fff;
  border: 1px solid var(--sport-performance);
}

.actions.personal_group button,
#risultato.personal_group,
.actions.girl_class button,
#risultato.girl_class {
  --color: var(--personal-group);
  background: var(--personal-group);
  color: #fff;
  border: 1px solid var(--personal-group);
}

input.crossfit:hover {
  color: var(--crossfit);
  background: #fff;
}

input.military:hover {
  color: var(--military);
  background: #fff;
}

input.special:hover {
  color: var(--special);
  background: #fff;
}

input.functional:hover {
  color: var(--functional);
  background: #fff;
}

/*input.postural:hover{
	color: var(--postural);
	background: #fff;
}*/
input.calisthenics:hover {
  color: var(--calisthenics);
  background: #fff;
}

input.crossfitteen:hover {
  color: var(--crossfitteen);
  background: #fff;
}

input.gym:hover {
  color: var(--gym);
  background: #fff;
}

input.sport_performance:hover {
  color: var(--sport-performance);
  background: #fff;
}

input.personal_group:hover,
input.girl_class:hover {
  color: var(--personal-group);
  background: #fff;
}

#popup {
  width: 500px;
  font-size: 15px;
  text-align: center;
  background: #fff;
  left: 50%;
  position: fixed;
  top: 50%;
  z-index: 2;
}

#popup .head {
  text-align: left;
  box-sizing: border-box;
  padding: 20px 35px;
  color: #fff;
  font-size: 20px;
  width: 100%;
}

#popup .head h2 {
  margin: 0;
  padding: 0;
  font-weight: 300;
}

#popup>.padding {
  padding: 25px;
}

#popup h3 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 18px;
}

#popup .testo {
  font-weight: 300;
  font-size: 15px;
  margin: 5px 0 25px 0;
  max-width: none;
  text-align: center;
  padding: 0;
}

#popup .data {
  font-size: 25px;
  margin: 0 0 25px 0;
  font-weight: bold;
}

#popup button {
  font-size: 15px;
  cursor: pointer;
  font-family: "museo-sans";
  padding: 10px 15px;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#popup button+button {
  margin-left: 10px;
}

#risultato {
  font-size: 15px;
  cursor: pointer;
  font-family: "museo-sans";
  padding: 10px 15px;
  -ms-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#risultato>a {
  display: block;
  background: white;
  width: auto;
  max-width: 200px;
  padding: 9px 10px;
  margin: 0 auto;
  border-radius: 20px;
  margin-top: 10px;
  color: var(--color);
  border: 2px solid white;
  transition: all 0.3s ease-in-out;
  font-weight: 600;
}

#risultato>a:hover,
#risultato>a:focus,
#risultato>a:active {
  background: var(--color);
  color: white;
}

#fade {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.8);
}

.registro {
  margin: 100px auto 50px auto;
  border-collapse: collapse;
  font-size: 15px;
}

.registro td {
  border: 3px solid #64c5f0;
  padding: 15px 25px;
}

.registro.registro-2 td {
  border: 3px solid #64c5f0;
  padding: 6px 4px;
}

#ccontenuto.sezione>h2 {
  font-size: 45px;
  margin: 0 auto;
  padding: 50px 25px 0 25px;
  max-width: 950px;
}

#ccontenuto.sezione>.abbonamenti {
  font-size: 25px;
  padding: 25px 0;
}

#ccontenuto.sezione>.abbonamenti>div>ul {
  margin: 15px 0;
  font-size: 15px;
  list-style-position: inside;
}

#ccontenuto.sezione>.abbonamenti>div {
  display: inline-block;
  vertical-align: top;
  margin: 15px 50px 25px 0;
}



#ccontenuto.sezione table.registro a {
  color: #64c5f0;
}

.filmato .left,
.filmato .right {
  position: static;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin: 0;
  padding: 0;
}

#ccontenuto .ftesto {
  margin: 0 auto;
  font-size: 15px;
  max-width: 950px;
  padding: 50px 65px 50px 25px;
}

#contenuto.news .testo {
  padding: 50px 25px 50px 25px;
}

.page-template-new #ccontenuto.sezione>h2 {
  padding: 50px 65px 0 25px;
}

.fc-time-grid .fc-slats td {
  height: 30px !important;
}

#prehome {
  display: none;
  background: #0c2b3c;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 6;
}

#prehome img {
  height: 70px;
  width: auto;
  /*-webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;*/
}

/*@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }*/
#prehome>.padding {
  padding-right: 40px;
  height: 100%;
}

#cprehome {
  display: table;
  width: 100%;
  height: 100%;
}

#cprehome .valign {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

body.followtheenergy #newsletter {
  margin-top: 0;
}

#slide.staffpage {
  height: auto;
}

#contenuto.staffpage p {
  color: #0c2b3c;
  font-size: 16px;
}

#contenuto.staffpage .fasciacontenuto>.coloresfondo>.padding {
  max-width: 900px;
  padding-bottom: 0;
  padding-top: 50px;
}

#slide.staffpage img {
  display: block;
  margin: 0 auto;
  max-width: 900px;
}

.staffpage div.sezione.news .padding img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.staffpage div.sezione.news .padding h3 {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.staffpage div.sezione.news .padding:hover img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.staffpage div.sezione.news .padding:hover h3 {
  color: #51beeb;
}

#slide.staffpage #cslide {
  background: #111310;
  padding-right: 40px;
  position: static;
}

#contenuto.staffpage .nome {
  color: #40b4e5;
  font-size: 50px;
  font-weight: 700;
  text-transform: uppercase;
}

#contenuto.staffpage .titolo {
  color: #0c2b3c;
  font-size: 25px;
  text-transform: uppercase;
}

#contenuto.staffpage .fasciacontenuto hr {
  background: #40b4e5;
  border: 0;
  height: 1px;
  margin: 45px 0;
}

.news.staffpage .sezione.news>.padding {
  background: none;
}

.staffpagetitle .fasciacontenuto>.coloresfondo>.padding {
  padding-bottom: 60px;
  padding-top: 50px;
}

.news.staffpage h3 {
  text-align: center;
  text-transform: uppercase;
}

a.sezione.news.staffpage:hover .padding {
  color: #111310;
}

.staffpage.ccm-block-page-list-wrapper {
  padding-right: 40px;
}

.staffpage .ccm-block-page-list-pages {
  margin: 0 auto;
  max-width: 1200px;
  text-align: center;
}

.orari #ccontenuto {
  padding-right: 40px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.orari #contenuto h2 {
  color: #32c4fd;
  font-size: 30px;
  padding: 25px 15px 0 15px;
  text-align: center;
}

.orari #contenuto .orari-table {
  width: 100%;
  overflow: auto;
  padding: 0 20px;
  max-width: 76vw;
}

.orari #contenuto table {
  margin: 0 auto;
  font-size: 15px;
  max-width: 800px;
  /* table-layout: fixed; */
  width: 100%;
  overflow: auto;
}

.orari #contenuto table th {
  background: #32c4fd;
  color: #fff;
  font-weight: 700;
  padding: 15px 5px;
  text-align: center;
}

.orari #contenuto table td {
  background: #e8f0f3;
  color: #4b5860;
  padding: 15px 3px;
  text-align: center;
  /* word-break: break-all; */
}

.redsquare {
  background: #fc6777;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  margin-top: 25px;
  padding: 25px;
}

.crossfit .fc-event-dot {
  background: var(--crossfit);
}

.military .fc-event-dot {
  background: var(--military);
}

.special .fc-event-dot {
  background: var(--special);
}

.functional .fc-event-dot {
  background: var(--functional);
}

/*.postural .fc-event-dot{
  background: var(--postural);
}*/
.calisthenics .fc-event-dot {
  background: var(--calisthenics);
}

.crossfitteen .fc-event-dot {
  background: var(--crossfitteen);
}

.gym .fc-event-dot {
  background: var(--gym);
}

.sport_performance .fc-event-dot {
  background: var(--sport-performance);
}

.personal_group .fc-event-dot,
.girl_class .fc-event-dot {
  background: var(--personal-group);
}

.fc table td {
  font-size: 15px;
}

.condividi {
  font-size: 25px;
  margin: 0 auto;
  max-width: 950px;
  padding: 50px 65px 0 25px;
  text-align: right;
}

.condividi span {
  font-size: 18px;
}

.condividi a {
  color: #000;
}

/* Archivio WOD */
.archiviowod #newsletter,
.categoria-wod #newsletter {
  margin-top: 0;
}

.archiviowod .fasciacontenuto h2,
.categoria-wod .fasciacontenuto h2,
.categoria-wod .fasciacontenuto h3 {
  color: white;
  font-family: "Khand", Helvetica, Arial, sans-serif;
  font-size: 40px;
  text-transform: uppercase;
}

.categoria-wod .fasciacontenuto h3 {
  position: absolute;
  margin: 0;
  line-height: 1;
  bottom: 10px;
  left: 0;
  right: 0;
  padding-right: 40px;
  font-size: 30px;
}

.categoria-wod .intestazione {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.archivio-wod-intestazione .fasciacontenuto>.coloresfondo>.padding {
  padding-bottom: 9.5vw;
}

/* Template WOD */
.wodpage {
  margin-right: 40px;
}

.wodpage .main-inner {
  width: 90%;
  max-width: 980px;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 70px;
}

.wod-header .info {
  font-size: 1.4em;
  background: #4bbded;
  color: white;
  padding: 38px 10px 28px 30px;
  box-sizing: border-box;
}

.wod-header h3 {
  margin: 0;
  font-size: 1.5em;
  font-weight: 100;
}

.wod-header h1 {
  margin: 0;
  font-size: 2em;
  font-family: "Khand", Helvetica, Arial, sans-serif;
}

.wod-header .divider {
  width: 58px;
  height: 2px;
  background: white;
  margin-top: 15px;
}

.wod-header .socials a {
  display: inline-block;
  margin-right: 5px;
}

.wod-header .socials img {
  height: 20px;
}

.wod-header .socials {
  margin-top: 20px;
}

.wod-header .image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.wod-description {
  padding: 20px 0;
  font-size: 1.3em;
}

.wodpage .goback {
  color: #4e5861;
  font-weight: 700;
  margin-top: 25px;
  display: block;
}

.wodpage .goback div,
.wodpage .goback p {
  display: inline-block;
  vertical-align: middle;
}

.wodpage .goback .arrow:before,
.wodpage .goback .arrow:after {
  background: #4bbded;
  width: 30%;
}

.darkgreybg .fasciacontenuto {
  background: rgba(12, 43, 60, 0.8) !important;
}

.darkgreybg2 .fasciacontenuto .coloresfondo,
.archivio-wod-intestazione .fasciacontenuto .coloresfondo {
  background: rgba(12, 43, 60, 0.8);
}

/* Categorie WOD */
.wod-items {
  margin-right: 40px;
  padding-top: 40px;
  padding-bottom: 70px;
}

.wod-items-inner {
  width: 80%;
  max-width: 980px;
  margin: 0 auto;
}

.wod-item-container {
  padding: 0 5px;
  box-sizing: border-box;
}

.wod-item {
  color: #4d4d4d;
  display: block;
  padding: 50px 20px 40px 20px;
  transition: all 0.2s ease;
}

.wod-item:hover,
.wod-item:focus,
.wod-item:active {
  background: #4bbded;
  color: white;
}

.wod-item h1 {
  margin: 0;
  font-size: 2.6em;
  font-family: "Khand", Helvetica, Arial, sans-serif;
}

.wod-item p {
  font-size: 16px;
}

.wod-item .divider {
  width: 65px;
  height: 2px;
  background: #4bbded;
  margin-top: 28px;
  margin-bottom: 16px;
}

.wod-item:hover .divider,
.wod-item:focus .divider,
.wod-item:active .divider {
  background: white;
}

.wod-items-header div,
.wod-items-header h2 {
  display: inline-block;
}

.wod-items-header .arrow:before,
.wod-items-header .arrow:after {
  background: #4bbded;
  width: 35%;
}

.wod-items-header {
  text-align: center;
}

.wod-items-header h2 {
  margin: 0 15px;
  color: #4e5861;
}

/* Tasti header */
.tasti-header {
  display: none;
  position: fixed;
  bottom: 0;
  top: auto;
  width: 100%;
  background: #0c2b3c;
  text-align: center;
  padding: 10px;
  box-sizing: border-box;
  padding-right: 50px;
  z-index: 5;
}

.tasti-header a {
  color: #4bbded;
  background: white;
  font-size: 1.2em;
  padding: 10px 25px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
}

.tasti-header a:hover,
.tasti-header a:focus,
.tasti-header a:active {
  background: #4bbded;
  color: white;
}

.tasti-header a:last-child:hover,
.tasti-header a:last-child:focus,
.tasti-header a:last-child:active {
  color: #4bbded;
  background: white;
}

.tasti-header a:last-child {
  background: #4bbded;
  color: white;
  margin-left: 5px;
}

.floatingWA {
  margin-top: -25px;
  position: fixed;
  right: 10px;
  top: 50%;
  width: 50px;
  z-index: 999;
}

.floatingWA img {
  display: block;
  height: 100%;
  width: 100%;
}

.errore {
  margin: 0 auto;
  color: white;
  font-size: 18px;
  text-align: center;
  font-weight: 300;
}

.errore span {
  color: #52BEEB;
}

.rinnova {
  font-size: 20px;
  text-decoration: none;
  font-weight: 300;
  outline: none;
  border: 0;
  border-radius: 50px;
  background: #52BEEB;
  padding: 10px 40px;
}

.rinnova a {
  color: white;
}

.blocco-errore {
  background-color: #002B3E;
  border-radius: 50px;
  padding: 50px;
}

@media screen and (max-width: 768px) {
  .floatingWA {
    bottom: 50px;
    margin-top: 0;
    top: auto;
  }
}

@media only screen and (max-width: 568px) {
  .wod-items-inner {
    width: 100%;
  }

  .wod-item {
    padding: 30px 20px 20px 20px;
  }

  .wod-item h1 {
    font-size: 20px;
  }

  /* Tasti header */
  .tasti-header {
    display: block;
  }
}

@media only screen and (max-width: 400px) {
  .immobileelenco .titolo h3 {
    text-align: center;
  }

  .immobileelenco .titolo p {
    text-align: center;
  }

  .immobileelenco .dati {
    text-align: center;
    width: 100%;
  }

  .immobileelenco .pulsante {
    text-align: center;
    width: 100%;
  }

  .lotto .left {
    width: 100%;
  }

  .lotto .right {
    width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  #statoasta .padding ul li {
    padding: 0 25px;
  }

  #contenuto.page #ccontenuto>.contenuto1>.ccm-layout-column-wrapper>.ccm-layout-column>.ccm-layout-column-inner {
    margin: 0 !important;
    padding: 0 !important;
  }

  #contenuto.page #ccontenuto>.contenuto1>.ccm-layout-column-wrapper>.ccm-layout-column>.ccm-layout-column-inner>.ccm-layout-column-wrapper {
    margin: 0 0 50px 0;
  }

  #contenuto.page #ccontenuto>.contenuto1>.ccm-layout-column-wrapper>.ccm-layout-column>.ccm-layout-column-inner>.ccm-layout-column-wrapper>.ccm-layout-column {
    text-align: center;
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }

  .vivid-simple-slider .slide-title {
    font-size: 20px;
  }

  .fasciacontenuto .left {
    min-height: 250px;
    position: relative !important;
    right: 0;
  }

  .fasciacontenuto .right {
    margin-left: 0;
    text-align: center;
  }

  .fasciacontenuto .right>.padding {
    padding: 50px 65px 50px 25px;
  }

  .fasciacontenuto>.coloresfondo>.padding {
    padding: 50px 65px 50px 25px;
  }

  .categoria-wod .fasciacontenuto>.coloresfondo>.padding {
    padding-bottom: 100px;
  }

  #popup {
    width: 300px !important;
    margin-top: -200px !important;
    margin-left: -170px !important;
  }

  #ccontenuto.sezione>h2 {
    font-size: 35px;
  }
}

@media only screen and (max-width: 450px) {
  #statoasta .padding ul li {
    padding: 0 10px;
  }
}

@media only screen and (max-width: 700px) {
  .third {
    width: 100% !important;
    margin-bottom: 15px;
  }

  .third .padding {
    text-align: center !important;
  }

  #prefooter {
    padding: 0 0 291px 0;
  }

  #footer .bottom>.padding {
    height: 48px;
  }
}

@media only screen and (max-width: 650px) {
  #footer .top .right .padding ul {
    width: 100%;
  }

  #footer .top .right .padding li {
    width: 100%;
  }

  #footer .top .right .padding li {
    padding: 0;
  }

  #prefooter {
    padding: 0 0 354px 0;
  }

  #cover.azienda.contatti {
    height: 100px;
  }

  #topbackground {
    height: 300px;
  }

  #ccontenuto.sezione>.abbonamenti>div {
    width: 100%;
    margin: 15px 0 25px 0;
  }
}

@media only screen and (max-width: 520px) {
  .orari #contenuto table {
    font-size: 13px;
  }
}

@media only screen and (max-width: 500px) {
  .immobileelenco {
    margin: 0 0 25px 0;
  }

  .immobileelenco>.padding {
    padding: 0 25px;
  }

  .immobileelenco.grande {
    max-width: 744px;
    width: 100%;
  }

  .immobileelenco.normale {
    max-width: 744px;
    width: 100%;
  }

  #contatti .formblock .left,
  #contatti .formblock .right {
    width: 100%;
  }

  #contatti .formblock .left .padding,
  #contatti .formblock .right .padding {
    padding: 15px 0;
  }

  #contatti>.csezioni {
    padding: 50px 25px;
  }

  #contenuto.staffpage .nome {
    font-size: 40px;
  }

  #contenuto.staffpage .titolo {
    font-size: 15px;
  }

  #contenuto.staffpage h4 {
    font-size: 20px;
  }
}

@media only screen and (max-width: 860px) {
  .wod-header .info {
    font-size: 1em;
  }
}

@media only screen and (max-width: 750px) {
  .blocco.due {
    width: 100%;
  }

  .blocco.due>.padding {
    padding: 25px 0;
  }

  .blocco.tre {
    width: 100%;
  }

  .blocco.tre>.padding {
    padding: 25px 0;
  }

  .blocco.quattro {
    width: 100%;
  }

  .blocco.quattro>.padding {
    padding: 25px 0;
  }
}

@media only screen and (min-width: 751px) {}

@media only screen and (max-width: 800px) {

  .filmato .left,
  .filmato .right {
    width: 100%;
  }

  .filmato .left .youtubeBlock {
    margin-right: 40px;
  }

  .filmato .right {
    text-align: center;
  }

  .filmato .right>.padding {
    padding: 50px 65px 50px 25px;
  }

  .filmato>.padding {
    padding: 50px 65px 50px 25px;
  }
}

@media only screen and (max-width: 850px) {

  #datiasta .left,
  #datiasta .right {
    text-align: center;
    width: 100%;
  }

  #datiasta .right .left,
  #datiasta .right .right {
    text-align: left;
    width: 50%;
  }
}

@media only screen and (max-width: 920px) {}

@media only screen and (min-width: 921px) {}

@media only screen and (max-width: 1000px) {
  #footer .top .left {
    width: 100%;
  }

  #footer .top .right {
    width: 100%;
  }

  #footer .top .right .padding {
    text-align: center;
  }

  .tfm {
    margin: 0 auto;
  }

  #footer .top .left .padding {
    padding: 0 25px 0 25px;
    text-align: center;
  }

  #contenuto.page #ccontenuto>.contenuto1>.ccm-layout-column-wrapper>.ccm-layout-column {
    text-align: center;
    width: 100%;
  }

  #contenuto.page #ccontenuto h2 {
    margin-top: 0;
  }

  #contenuto.page #ccontenuto>.contenuto1>.ccm-layout-column-wrapper>.ccm-layout-column>.ccm-layout-column-inner>.ccm-layout-column-wrapper {
    margin: 0 0 50px 0;
  }

  #contenuto.page .ccm-block-social-links {
    margin: 30px auto 0 auto;
  }

  #slide .vivid-simple-slider .slide-btn {
    margin: 1%;
    max-width: 200px;
    min-height: 0;
  }

  #cover.azienda.contatti {
    margin-bottom: 200px;
  }

  #topbackground {
    height: 400px;
  }

  div.sezione.news {
    width: 48.65%;
  }

  div.sezione.news h3 {
    margin: 15px 15px 15px 15px;
  }

  div.sezione.news .descrizione {
    padding: 0 15px 35px 15px;
  }
}

@media only screen and (max-width: 650px) {
  div.sezione.news {
    width: 98.7%;
  }

  div.sezione.news h3 {
    margin: 15px 15px 15px 15px;
  }

  div.sezione.news .descrizione {
    padding: 0 15px 35px 15px;
  }

  .wod-header .info {
    padding: 30px 10px 20px 20px;
    font-size: 0.9em;
  }
}

@media only screen and (max-width: 500px) {
  #slide .vivid-simple-slider .slide-btn {
    max-width: 150px;
    min-height: 0;
  }
}

@media only screen and (min-width: 201px) and (max-width: 340px) {}

@media only screen and (min-width: 341px) and (max-width: 417px) {}

@media only screen and (min-width: 418px) and (max-width: 800px) {}

@media only screen and (min-width: 801px) and (max-width: 1040px) {}

@media only screen and (min-width: 1041px) and (max-width: 1270px) {}

@media only screen and (min-width: 1201px) {
  .fasciacontenuto>.coloresfondo>.padding {
    padding: 120px 90px 120px 50px;
  }

  .fasciacontenuto .right>.padding {
    padding: 120px 80px 120px 50px;
  }

  .filmato>.padding {
    padding: 120px 90px 120px 50px;
  }

  .filmato .right>.padding {
    padding: 80px 80px 120px 50px;
  }
}

@media screen and (min-width: 1280px) {
  .wod-header .info {
    padding: 46px 10px 36px 30px;
  }
}



#lavora-con-noi-img,
#lavora-con-noi {
  padding: 0 48px 0 8px;

}

@media screen and (min-width: 480px) {

  #lavora-con-noi-img,
  #lavora-con-noi {
    padding: 0 48px;
  }
}


#lavora-con-noi-img {
  max-width: 600px;
  margin: 0 auto;
}

#lavora-con-noi {
  max-width: 480px;
  margin: 0 auto;
}

#lavora-con-noi-img>img {
  width: 100%;
  height: auto;
  border-radius: 0 0 12px 12px;
}

#lavora-con-noi {
  padding-top: 40px;
  padding-bottom: 300px;
}

#lavora-con-noi .ccm-dashboard-express-form>fieldset {
  border: none;
}

#lavora-con-noi .form-group {
  margin-top: 20px;
  position: relative;
}


#lavora-con-noi input,
#lavora-con-noi textarea {
  width: 100%;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #ccc;
  background: white;
  box-sizing: border-box;
}

#lavora-con-noi input[type="checkbox"] {
  width: auto;
  margin-right: 10px;
}

#lavora-con-noi a {
  color: #37b1e3;
  text-decoration: underline;
}

#lavora-con-noi .ccm-file-selector {
  border-radius: 8px;
}

#lavora-con-noi label {
  font-size: 16px;
  padding-left: 10px;
  padding-bottom: 6px;
  display: block;
}

#lavora-con-noi .form-group>label {
  color: #48484a;
  padding-right: 76px;

}

#lavora-con-noi span.text-muted {
  position: absolute;
  right: 10px;
  top: 0;
  color: #ced1d6;
}


#lavora-con-noi .form-actions button {
  margin-top: 8px;
  background: #111;
  color: white;
  border: none;
  padding: 12px 36px;
  border-radius: 8px;
  cursor: pointer;
  margin-left: 20px;
}