/* --- TYPOGRAPHY --- */
@import url('https://fonts.googleapis.com/css?family=Karla:400,400i,700|Montserrat:700');
.Karla,
body { font-family: 'Karla', sans-serif; font-weight: 400; }
.Montserrat,
h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; font-weight: 700; text-transform: uppercase; }
body { font-size: 15px; }
strong, b { font-weight: 700; }
h1, .title-lg { font-size: 60px; }
h2, .title-md { font-size: 40px; }
h3, .title-sm { font-size: 32px; }
h4, .title-xs { font-size: 18px; }

@media screen and (max-width: 767px) {
	h1, .title-lg { font-size: 48px; }
	h2, .title-md { font-size: 32px; }
	h3, .title-sm { font-size: 20px; }
	h4, .title-xs { font-size: 16px; }
}



/* --- COLORS --- */
body { color: #666; }
a { color: #3DAFCF; }
a:hover { color: #2f7e9b; }
h2, h3, h4, h5, h6,
.text-special { color: #FC6800; }
.secondary-title { color: #3DAFCF; }
.text-light { color: #ddd; }
.text-grey { color: #ccc; }
.text-invert { color: #fff; }
.text-dark { color: #333; }
.bg-lightgrey { background-color: #f3f3f3; }


/* --- GENERIC --- */
.clear { clear: both; }
.no-padding { padding: 0; }
.no-margin { margin: 0; }
.margin-bottom { margin-bottom: 30px; }
.margin-block { margin-top: 30px; margin-bottom: 30px; }
.display-block { display: block; }
.opacity75 { opacity: .75; }



/* --- BUTTONS --- */
.btn { border-radius: 2px; border: none; transition-duration: .2s; }
.btn.btn-primary { background-color: #1EAFD5; }
.btn.btn-inverted { background-color: #fff; color: #1EAFD5; }
.btn.btn-primary:hover,
.btn.btn-primary:active,
.btn.btn-inverted:hover,
.btn.btn-inverted:active { opacity: .75; }



/* --- HEADER --- */
header { height: 100px; overflow: visible; padding: 10px 0; background: #fff; position: relative; z-index: 20; }
.logo-brand {  }
.navbar-default { background: transparent; border: none; }
.navbar-default .navbar-nav { padding-top: 15px; }
.navbar-default .navbar-nav > li > a,
.dropdown-menu > li > a { color: #333; text-transform: uppercase; transition-duration: .2s; }
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover { background: none; color: #3DAFCF; }
.navbar-default .navbar-toggle { margin-top: 25px; }
.navbar-default .navbar-collapse { background: #fff; border: none; }
@media screen and (max-width: 767px) {
	.logo-brand { margin-left: 15px; }
}



/* --- FOOTER --- */
footer .social-block { background: #333; padding: 30px 0; }
footer .social-icon { display: inline-block; margin: 0 5px; }
footer .social-icon a { display: block; color: #333; font-size: 28px; background-color: #ccc; border-radius: 50%; width: 50px; height: 50px; padding: 5px; transition-duration: .3s; }
footer .social-icon a:hover { background-color: #fff; }
footer .copyright-block { background: #222; padding: 30px 0; }
footer .copyright-text { margin: 0; }



/* --- COMMON --- */
.banner { height: 300px; color: #fff; background: #000 no-repeat center / cover; position: relative; text-transform: uppercase; text-align: center; }
.banner-double { height: 500px }
.banner:after { content: ''; background-color: rgba(0,0,0,.4); position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.banner .banner-content { padding-top: 90px; position: relative; z-index: 10; }
.banner-double .banner-content { padding-top: 180px; }
.block-box { padding: 60px 0; }
.block-box h2,
.block-box h3,
.block-box p { margin-bottom: 30px; word-wrap: break-word; }
.block-box img { display: block; width: 100%; border: 1px solid #ddd; }
.block-content-max-width { max-width: 720px; }

.block-contacts-list { list-style: none; padding: 0; }
.block-contacts-list > li { padding: 0; display: block; margin-bottom: 10px; position: relative; }
.block-contacts-list > li > .list-icon { position: absolute; top: 2px; width: 30px; text-align: center; }
.block-contacts-list > li > .list-info { display: block; margin-left: 40px; }
.block-contacts-form { padding: 0 60px; }
.block-contacts-form label { display: none; }
.block-contacts-form input,
.block-contacts-form textarea { display: block; border: none; border-bottom: 1px solid #ccc; background-color: transparent; width: 100%; height: 32px; padding: 5px 0; margin: 0 0 10px; }
.block-contacts-form textarea { resize: vertical; height: 64px; min-height: 64px; }

.trainer-box { display: inline-block; border: 1px solid #ddd; margin: 0 13px 30px; position: relative; background: #fff no-repeat center top / cover; height: 200px; width: 200px; transition-duration: .3s; }
.trainer-box:hover { opacity: .7; }
.trainer-box .trainer-label { position: absolute; bottom: 0; padding: 10px; background-color: #1EAFD5; left: 0; right: 0; color: #fff; }

.block-more { background-color: #1EAFD5; color: #fff; padding: 40px 0; }
.block-more p { line-height: 1; margin-bottom: 20px; }



/* --- INDEX --- */
.page_index .banner { background-image: url(../_img/hero-index.jpg); }
.block-corsi { background: #fff url(../_img/index-corsi-bg.jpg) no-repeat bottom center / 100%; padding-bottom: 150px; }
.block-personaltrainer .list-unstyled li { display: inline-block; }

@media screen and (min-width: 1200px) {
	.block-corsi { background-position: center; }
}
@media screen and (max-width: 767px) {
	.block-corsi { background-image: none; padding-bottom: 60px; }
}


/* --- CHI SIAMO --- */
.page_chi-siamo .banner { background-image: url(../_img/hero-chi-siamo.jpg); }


/* --- TRAINER --- */
.page_personal-trainer .banner { background-image: url(../_img/hero-trainer.jpg); }

.banner-trainer { background-image: url(../_img/hero-trainer.jpg);  }
.banner-trainer .trainer-image { max-width: 100%; border: 1px solid #fff; box-shadow: 0 0 10px -2px rgba(0,0,0,.5); margin-bottom: -80px; }
.banner-trainer .trainer-data { text-align: left; }
.banner-trainer .trainer-data > * { line-height: 1; margin: 0 0 10px; }

@media screen and (max-width: 767px) {
	.banner-trainer { height: auto; }
	.banner-trainer .trainer-image { margin-bottom: 0; }
	.banner-trainer .banner-content { padding: 20px; }
	.banner-trainer .trainer-data { text-align: center; margin: 20px 0 0; }
}


/* --- CORSI --- */
.page_corsi .banner { background-image: url(../_img/hero-corsi.jpg); }
.page_corsi .class-block { padding: 30px 0; }
.page_corsi .class-block:nth-child(odd) { background-color: #f3f3f3; }
.page_corsi .class-cover { display: block; margin: 0 auto; text-align: center; border: 1px solid #ddd; max-width: 100%; }
.page_corsi p.class-cover { border: none; margin-top: 60px; color: #ccc; }
.page_corsi .class-title a { color: #FC6800; }

@media screen and (max-width: 767px) {
	.page_corsi .class-cover { margin-bottom: 30px; }
	.page_corsi p.class-cover { display: none; }
}

.page_corso .thumb { display: block; background: #fff no-repeat center / cover; height: 150px; }
.page_corso .youtube-video { display: block; width: 100%; height: 400px; margin-bottom: 60px; }

@media screen and (max-width: 767px) {
	.page_corso .youtube-video { height: 240px; }
}


/* --- SALA ATTREZZI --- */
.page_sala-attrezzi .banner { background-image: url(../_img/hero-sala-attrezzi.jpg); }


/* --- SQUASH --- */
.page_squash .banner { background-image: url(../_img/hero-squash.jpg); }
.page_squash .youtube-video { display: block; width: 100%; height: 400px; margin-bottom: 60px; }

@media screen and (max-width: 767px) {
	.page_squash .youtube-video { height: 240px; }
}


/* --- SAUNA --- */
.page_sauna .banner { background-image: url(../_img/hero-sauna.jpg); }


/* --- CALENDARIO --- */
.page_calendario .banner { background-image: url(../_img/hero-calendario.jpg); }
.page_calendario .nav-pills > li {  }
.page_calendario .nav-pills > li > a { border-radius: 0; }
.page_calendario .nav-pills > li.active > a,
.page_calendario .nav-pills > li.active > a:focus,
.page_calendario .nav-pills > li.active > a:hover { background-color: #09c; }
.page_calendario .tab-content { padding: 30px 40px; border: 1px solid #09c; margin: 0 15px; }
.page_calendario .activity-block { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; }
.page_calendario .activity-block:last-child { border: none; margin-bottom: 0; padding-bottom: 0; }
.page_calendario .activity-block > * { margin: 0 0 5px; }
.page_calendario .activity-block a { color: #FC6800; }
.page_calendario .opening-time { margin-top: 60px; }

@media screen and (min-width: 768px) {
	.page_calendario .tab-nav { padding-right: 0; }
	.page_calendario .nav-pills > li { margin-bottom: 15px; }
	.page_calendario .tab-content { margin: 0; }
}


/* --- EVENTI --- */
.page_eventi .banner { background-image: url(../_img/hero-eventi.jpg); }
.page_eventi .event-block { background: #333 no-repeat center / cover; display: block; height: 300px; margin-bottom: 30px; position: relative; }
.page_eventi .event-info { display: block; background-color: rgba(0,0,0,.7); position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 10px; }
.page_eventi .class-title { color: #FC6800; display: block; }

.page_evento .event-date { margin: 0; }
.page_evento h1 { margin: 0 0 40px; }
.page_evento .thumb { display: block; background: #fff no-repeat center / cover; height: 150px; }
.page_evento .youtube-video { display: block; width: 100%; height: 400px; margin-bottom: 60px; }

@media screen and (max-width: 767px) {
	.page_evento .youtube-video { height: 240px; }
}


/* --- CONTATTI --- */
.page_contatti .banner { background-image: url(../_img/hero-contatti.jpg); }
.page_contatti .map-container iframe { width: 100%; height: 400px; margin: 0; border: none; }