/* FONT */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap'); /* CSS Document */ @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css'); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} /* Basic Styles*/ /*html {height: 100%;}*/ body {font-family: 'Inter', sans-serif!important; background:#F4F7FA; color:black;-webkit-font-smoothing: antialiased;/* Fix for webkit rendering */-webkit-text-size-adjust: 100%; margin:0;} /* Typography */ :root { --fucsia-color: #4e42d4; --blue-color: #0080EE; --yellow-color: #fee433; --yellow-light-color:#ffe649; --green-color: #13b389; --green-aef:#44e412; --red-color: red; --cyan-color:#42acd4; --clr-neutral-900: hsl(207, 19%, 9%); --clr-neutral-100: hsl(0, 0%, 100%); --clr-accent-400: hsl(142, 90%, 61%); --clr-button: hsl(326, 79%, 44%); --padding: 1.5rem; /* les MILLS */ --clr-lesmills-button: hsl(155, 81%, 38%); --bs-body-bg-rgb: 255,255,255; --bs-primary-rgb: 13,110,253; --bd-accent-rgb: 255,228,132; --bd-violet-rgb: 112.520718,44.062154,249.437846; --bd-pink-rgb: 214,51,132; --violet: #4e42d4; --orange:#f36f21; --gray:#848593; --cyan:#42acd4; --fcs:#ca187e; --rose: #f36f2157; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {font-weight: inherit;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: none;} h1, h2, h3, h4, h5, h6 {margin-bottom: 15px;} p {margin: 0 0 15px;line-height: 26px;} em, i {font-style: italic;} b, strong {font-weight: 600;} big, .big {font-size: 110%;line-height: 180%;} a:hover {color: black;} h2 {font-size: 30px;line-height: 66px;font-weight: 400;letter-spacing: 0px;} .titleText{font-size: 38px;line-height: 66px;font-weight: 400;letter-spacing: 0px;} .titleText span {display:block} .sub-title{font-size: 16px; font-weight: 300;margin:10px 0;} .no-gutters {margin-right: 0;margin-left: 0;} .clear{clear:both;} .alCenter{text-align:center;} .alLeft{text-align:left;} .alRight{text-align:right;} .fl-right{float:right;} .fl-left{float:left;} .upCase{text-transform:uppercase;} .inline{display:inline !important;} .capit{text-transform:capitalize} .noPadding{padding:0 !important;} .noMargin{margin:0 !important;} .error{color:#e30613; font-size:12px;} .dispNone{display:none;} .dispBlock {display:block;} .dispInlineBlock {display: inline-block;} .borderGray { border:solid 4px #141414;} .innerSite{max-width:1200px;margin:0 auto;} .margin-top-40 { margin-top:40px !important;} .margin-top-20 { margin-top:20px !important;} .margin-left-10p { margin-left:10% !important;} .margin-bottom-20{ margin-bottom:20px;} .p-0 {padding:0!important;} .pad-20 {padding:20px;} .radioBig {width:22px;height:22px;} .lblPointer {cursor:pointer;} .color-white {color:white;} .my-20 { margin:20px 0;} .bg-black {background:black} .bg-green {background:var(--green-color);} .bg-yellow {background:var(--yellow-color);} .bg-yellow-light {background:var(--yellow-light-color);} .bg-orange {background:var(--orange);} .bg-fucsia {background:var(--violet);} .bg-white {background:white;} .bg-white-transparent {background:#ffffff9c;} .card-body {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1.25rem;text-align: center;} .card-body p {margin: 12% auto;font-size: 33px!important} .p-5 {padding: 3rem!important;} .p-3 {padding: 1rem!important;} .btn-border-white{background:white; color:black!important} .bd-masthead {--bd-pink-rgb: 214,51,132;padding: 3rem 0;background-image: linear-gradient(180deg, rgba(var(--bs-body-bg-rgb), 0.01), rgba(var(--bs-body-bg-rgb), 1) 85%),radial-gradient(ellipse at top left, rgba(var(--bs-primary-rgb), 0.5), transparent 50%),radial-gradient(ellipse at top right, rgba(var(--bd-accent-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center right, rgba(var(--bd-violet-rgb), 0.5), transparent 50%),radial-gradient(ellipse at center left, rgba(var(--bd-pink-rgb), 0.5), transparent 50%);} .bd-masthead h1 {font-size: 3rem;font-weight: 200;} label {display:block;} .m-biografia h1, .m-chisiamo h1, .m-testimoni h1, .m-news h1 {font-size: 3rem;font-weight: 200;} .m-programma h1 {font-size: 1.1rem;font-weight: 200;} label {display:block;} input[type=text], input[type=number], input[type=file], select {width:100%;} textarea {width:100%; height:7vw !important;} .NT-newPalestre .NT-boxPalestre {display: flex; justify-content: center;} .NT-newPalestre .NT-boxPalestre .card-body {height: auto;} .NT-newPalestre .NT-boxPalestre.banColumn .my-btn-class { align-self: center;} .btnBorder {padding: 9px 18px;border: solid 1px black;border-radius: 5px;display: inline-block;font-size: 19px;} .btnBorder a{color: black;} .border-dark {border: 1px solid #141414!important;} .blueTitle.small {font-size: 30px;} .menuMob {display: none;} .line-height-40 {line-height: 40px;} .border-top-black {border-top: solid 1px black} .color-red{color:var(--red-color);} .bg-light{background-color: #fff;} .bg-violet{background-color: var(--violet);} .bg-cyan{background-color: var(--cyan);} .text-black{color: #221f1f} .text-black a {color: #221f1f} .text-gray {color: var(--gray);} .text-green-aef {color: var(--green-aef);} .text-violet {color: var(--violet)!important;} .fs-06 {font-size:0.6em; } .fs-08 {font-size:0.8em; } .font-weight-400 {font-weight:400} .font-weight-200 {font-weight:200} .line-height-med{line-height: 22px;} /* TABELLE CF*/ table.cfdump_struct {color:black;} s { color: var(--red-color); font-size: small; } .headItem {float:right; margin: 10px 50px;} /* HAMBURGHER */ .hamburger{background:none;position:absolute;top:0;right:0;line-height:45px;padding:5px 15px 0px 15px;color:#999;border:0;font-size:2em;font-weight:bold;cursor:pointer;outline:none;z-index:10000000000000;} .cross{background:none;position:absolute;top:0px;right:0;padding:7px 15px 0px 15px;color:#999;border:0;font-size:3em;line-height:65px;font-weight:bold;cursor:pointer;outline:none;z-index:10000000000000;} .menu{z-index:1000000; font-weight:bold; font-size:0.8em; width:100%; background:#f1f1f1; position:absolute; text-align:center; font-size:12px;} .menu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none;} .menu li {display: block; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;} .menu li:hover{display: block; background:#ffffff; padding:15px 0 15px 0; border-bottom:#dddddd 1px solid;} .menu ul li a { text-decoration:none; margin: 0px; color:#666;} .menu ul li a:hover { color: #666; text-decoration:none;} .menu a{text-decoration:none; color:#666;} .menu a:hover{text-decoration:none; color:#666;} /* Links*/ a, a:visited, a:focus {text-decoration: none;outline: 0;} a:hover {text-decoration: underline;} p a, p a:visited {line-height: inherit;} a {color:black} .button {border: none;color: white;padding: 8px 15px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;} a.action-button {display: block;padding: 11px 20px;line-height: 21px;position: relative;box-sizing: border-box;border-radius: 5px;overflow: hidden;} .btn {border: none;color: white;padding: 15px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;/*margin: 4px 2px;*/cursor: pointer;} .fucsia {background:var(--fucsia-color)!important; color:white!important;} .green {background-color: var(--green-color)!important;} .yellow {background-color: var(--yellow-color)!important; color:black;} .dark-yellow{background-color:#f1b732!important;color: black!important;} .pink { background:#b629b1; color:white} .rosa { background-color: var(--rose) !important} .annullato {top: 51px!important;z-index: 15 !important;background: #f44336 !important;color: #f0e4e4!important;font-size: 9px!important;font-weight: 600!important;} /*.annullato {top: 40% !important;left: 0px !important;right: 0px !important;transform: skewY(160deg);z-index: 15 !important;background: var(--red-color) !important;}*/ .fucsia-txt {color:var(--fucsia-color)!important;} .green-txt {color: var(--green-color)!important;} .yellow-txt {color: var(--yellow-color)!important;} .dark-yellow-txt {color: #f1b732!important;} .orange-txt {color:var(--orange)!important;} .pink-txt { color:#b629b1;} .fucsia-small {background:var(--fucsia-color);color:white;padding: 2px 8px;font-size: 13px;;border-radius: 2px;} .title-fucsia {text-align: center;color:var(--fucsia-color);;text-transform: uppercase;font-size: 42px;letter-spacing: 5px;} .bodyPage .title-fucsia-small {text-align: center;color: var(--fucsia-color);text-transform: uppercase;font-size: 24px;letter-spacing: 5px;} .btnSmall{font-size:11px;} a.action-button.fucsia{display: inline-block;color:white} a.action-button.btnGray{display: inline-block;color:white} .btnBoxB{background:var(--fucsia-color); color:white;display: inline-block;line-height: 21px;padding:8px 11px;position: relative;box-sizing: border-box;border-radius: 5px;overflow: hidden;border:0} .itemTravel .btnBoxB{margin-top:10px} input[type=button]{padding: 8px 11px;line-height: 21px;box-sizing: border-box;border-radius: 5px;} input[type=button].btnBoxB.btn-danger {padding: 8px 11px;} .btnCreCes { text-align: center} .action-button-remove {color:white; border:solid 1px white;padding: 7px 10px;position: relative;box-sizing: border-box;border-radius: 5px;font-size:12px} .btn-check:focus+.btn, .btn:focus {outline: 0;box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0%);} /* Images */ img.scale-with-grid, img {max-width: 100%;height: auto;} /* Avatar */ .avatar {text-align: center; overflow: hidden; margin: auto; max-height: 50px;} /*.avatar img { background-color: #d6dadc; border-radius: 25em; color: #4d4d4d; cursor: pointer; height: 50px; width: 50px; -moz-user-select: none; -ms-user-select: none; z-index: 0; }*/ .avatar img { width: 60px;margin: 0;} .avatar.leftCont {margin-top: 9px; vertical-align: middle; margin-right: 10px;} #imgAvtX {clip-path: circle(25px at center);} .column,.columns {float: left;margin: 0 1% 40px;} /* Base Grid*/ .one-sixth.column {width: 14.666%;} /* 1/6 */ .one-fifth.column {width: 18%;} /* 1/5 */ .four.columns,.one-fourth.column {width: 23%;} /* 1/4 */ .one-third.column {width: 31.333%;} /* 1/3 */ .one-second.column {width: 48%;} /* 1/2 */ .two-third.column {width: 64.666%;} /* 2/3 */ .three-fourth.column {width: 73%;} /* 3/4 */ .one.column {width: 98%;} .three-third{width: 31.333%;float: left;} /* 1/1 */ /* without horizontal margin */ .no-margin-h .column {margin-left: 0;margin-right: 0;} .no-margin-h .one-sixth.column {width: 16.666%;} /* 1/6 */ .no-margin-h .one-fifth.column {width: 20%;} /* 1/5 */ .no-margin-h .one-fourth.column {width: 25%;} /* 1/4 */ .no-margin-h .one-third.column {width: 33.333%;} /* 1/3 */ .no-margin-h .one-second.column {width: 50%;} /* 1/2 */ .no-margin-h .two-third.column {width: 66.666%;} /* 2/3 */ .no-margin-h .three-fourth.column {width: 75%;} /* 3/4 */ .no-margin-h .one.column {width: 100%;} /* clearing*/ /* Self Clearing Goodness */ .container:after {content: "\0020";display: block;height: 0;clear: both;visibility: hidden;} /* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a
*/ .clearfix:before, .clearfix:after, .row:before, .row:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .row:after, .clearfix:after {clear: both;} .row, .clearfix {zoom: 1;} /* You can also use a
to clear columns */ /*#wrapper {width: 100% !important;margin: 0 !important;}*/ .container p {font-size: 23px} /*.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}*/ .section-wrapper,.container {max-width: 1200px;margin: 0 auto;/*position: relative;*/} .content {width: 100%;} /*Header*/ #header {position: relative;min-height: 90px;} #top-bar { position: absolute;left: 0;top: 2px;width: 100%;z-index: 30;} #top-bar .container {width: 100%;} #top-bar .top-bar-left {position: relative;float: left;} #top-bar .top-bar-right {float: right;height: 90px;position: relative;top: 23px;padding: 0 10px 0 20px;right: 15px;} #top-bar .top-bar-right .headItem a {margin-right:0} /*#top-bar .top-bar-right .headItem .nome{position: relative;top: -13px;left: -24px;}*/ /*#top-bar .top-bar-right .headItem {position: relative;top: -18px;right: -26px;}*/ /*.headItem .box{position: relative;top: -15px;right: 10px;}*/ .headItem .box{position: relative;top: -8px;right: 10px;} .headItem .box .crediti .ico{position: absolute;top: -16px;right: 50px;} .headItem .box .nome a { text-decoration: underline; } .top-bar-left #logo img {width: 80%;} /*tipo di pagina*/ .pageHpVa #header {position: relative;min-height: 170px;} .pageAreaRiservata #header, .bodyLesMills #header, .bodyTrx #header, .bodySM #header, .bodyMingarelli #header{min-height: 0!important;} .pageMod {padding:20px 0; clear:both;} .pageMod.m-slider, .pageMod.m-palinsesto, .pageMod.m-faq,.pageMod.m-slider-lesmills, .pageMod.m-sliderHome, .pageMod.m-slider-mingarelli, .pageMod.m-slider-suat-group{padding:0;} .pageHpVa .action-top a.action-button.pink {display: block;padding: 6px 20px;line-height: 21px;position: relative;box-sizing: border-box;border-radius: 5px;overflow: hidden;margin: 5px 0;} .pageHpVa .action-top {text-align:center;margin-top: 20px;} .pageHpVa .box-articolo-divider {color: #222222;} .pageHpVa #top-bar .top-bar-right .headItem a {color: black} .pageHpVa #top-bar .top-bar-right .headItem .box {color: black} body.pageHpVa {background-color:#F4F7FA!important;} .bodyPage.pageBasic .containerMain{clear: both;background-color: #F4F7FA;color:#221f1f} .bodyPage.pageSmartBox.pageBasic .containerMain{clear: both;background-color: black;color:white} .bodyPage.pageBasic .containerMain a {color:#221f1f} .bodyPage.pageBasic.pageAreaRiservata .containerMain {color:white} .bodyPage.pageBasic.pageAreaRiservata .containerMain a {color:white} .containerMain{clear: both;} /*Motore*/ #motore .motore-wrapper {position: absolute;z-index: 1;right: 50%;top: 35%;width: 800px;margin-right: -400px;text-align: center;} #motore .motore-wrapper.claim {position: absolute;z-index: 1;right: 50%;top: 70%;width: 800px;margin-right: -400px;text-align: center;} #motore .motore-wrapper .input-motore input {min-width: 500px;height: 55px!important;display: inline-block;} #motore .motore-wrapper button{height: 56px!important;} #motore .motore-wrapper .sub-text{margin: 25px 0 15px;} #motore .motore-wrapper .sub-text .text {font-size: 22px;font-weight: 300;line-height: 32px;display:block;} #motore .motore-wrapper .sub-text .text .color-white {font-size: 32px;font-weight: 300;line-height: 32px;display:block;color:white} .sub-title-home.position-home{margin-top: 65px; position:relative} .sub-title-home.position-home img.ico{position: absolute;top: -80%;left: 42%;} /* FORM */ .txt {border:1px solid #dadada;font-size:14px; padding:0px 10px;border-radius:2px;color:#5e5e5e; font-weight:500;} .txt, select, textarea, .sbHolder {box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; height:36px} .txt:focus, textarea:focus {border-color: rgb(255 230 73); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgb(255 230 73); outline: 0 none;} .txtBig{width:100%;} .txt::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #aec1bf;} .txt::-moz-placeholder { /* Firefox 19+ */ color: #aec1bf; } .txt:-ms-input-placeholder { /* IE 10+ */ color: #aec1bf;} .txt:-moz-placeholder { /* Firefox 18- */ color: #aec1bf;} /* RISCRITTURA http://mastergroup/share/js/utils/css/easy-autocomplete.css */ .easy-autocomplete input {border: none; box-shadow: none;} /*Footer*/ #footer {clear: both; margin:0; border-top: 8px solid #222;padding: 20px 0; background:black} img.logo-opentur {position: relative;top: 8px;margin-left: 10px;} .inner {max-width: 1200px;margin: 0 auto;} /*#footer .widgets-wrapper .one-third {margin-bottom: 20px;padding-top: 30px;}*/ #footer .footer-link {margin: 5px 10px;text-transform: uppercase;} #footer .footer-link a {margin: 5px;} /*Slider*/ /* HOME PAGE */ /* GOOGLE TRANSLATE */ #google_translate_element{display:none;} /*.imgHome {margin-top: 12%;}*/ .slider{position: relative;display: block} .slider-wrapper-login{background-color: transparent;background-repeat: no-repeat;background-image: url(/img/demo-02-2000x1125.jpg);background-size: cover;background-position: 50% 50%;width: 100%;height: 100%;opacity: 1;top: 0px;left: 0px;visibility: inherit;z-index: 20;} .slider-wrapper{background-color: transparent;background-repeat: no-repeat;background-image: url(/img/demo-2000x1125.jpg);background-size: cover;background-position: 50% 50%;width: 100%;height: 100%;opacity: 1;top: 0px;left: 0px;visibility: inherit;z-index: 20;} .slider-wrapper .img-home{height: 550px;max-height: 550px;margin-top: 0px;margin-bottom: 0px; background: rgba(0,0,0,.5); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,.7))),radial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%),-webkit-radial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%); background-image: -moz- oldlinear-gradient(bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%),-moz- oldradial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%),-o-radial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%); background-image: linear-gradient(to top,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%),radial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%);} .slider-wrapper-login .img-home{height: 720px;max-height: 720px;margin-top: 0px;margin-bottom: 0px; } .slider-wrapper.aef{background-color: transparent;background-repeat: no-repeat;background-image: url(/img/demo-2000x1125.jpg);background-size: cover;background-position: 50% 50%;width: 100%;height: 60%;opacity: 1;top: 0px;left: 0px;visibility: inherit;z-index: 20;} .slider-wrapper-login.aef .img-home {height: 420px;} .slider-wrapper-palestra{background-color: transparent;background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;width: 100%;height: 100%;opacity: 1;top: 0px;left: 0px;visibility: inherit;z-index: 20;} .slider-wrapper-palestra .img-home{height: 750px;max-height: 750px;margin-top: 0px;margin-bottom: 0px; background: rgba(0,0,0,.5); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(50%,rgba(0,0,0,0)),to(rgba(0,0,0,.7))),radial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%); background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%),-webkit-radial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%); background-image: -moz- oldlinear-gradient(bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%),-moz- oldradial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%); background-image: -o-linear-gradient(bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%),-o-radial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%); background-image: linear-gradient(to top,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%),radial-gradient(50% 100%,rgba(0,0,0,0) 50%,rgba(0,0,0,.7) 100%);background-repeat: repeat-x;} .slider-wrapper-palestra .img-home.mob-img {margin-top: 174px;} .bodyPage.evento.palestra .slider-wrapper-palestra .img-home {height: 450px;max-height: 450px;} /* Error 404 */ body.error404 {height: 100%;} #error-404 {overflow: hidden;position: absolute;top: 50%;margin-top: -150px;left: 30px;} #error-404 .error-pic {width: 30%;float: left;text-align: center;margin-top: 5%;} #error-404 .error-desk {width: 70%;float: left;padding-top: 40px;} #error-404 .error-desk h2 {font-size: 45px;line-height: 45px;color: white;} #error-404 .error-desk h4 {font-size: 26px;line-height: 30px;color:white;} #error-404 .error-desk p .check {line-height: 45px;font-size: 16px;color: white;} #error-404 .error-desk p em {font-style: italic;font-size: 17px;padding: 0 15px;} #error-404 .error-desk p .button {margin: 0;display: inline;color:var(--fucsia-color);font-size: x-large;} .error-desk a.button {color:black!important} /* COOKIE */ #cookieBox{z-index: 999999;position:fixed; bottom: 0; width:100%; background:#1a1b1b; color:white; border-bottom:1px solid #ffffff; font-size:11px; text-align:center;} #cookieBox .innerCook{padding:8px 0;} #cookieBox .message{display:inline-block; padding: 15px} #closeCookie{color:white; padding:4px 12px; border:1px solid #fff; font-size:14px; text-decoration:none; text-transform:uppercase;} #cookieBox #closeCookie:hover{color:#fff; background:#42B5EB} #cookieBox .simpleLink{color:white; padding:4px 12px; border:1px solid #fff; font-size:14px; text-decoration:none; text-transform:uppercase; margin-right: 15px} /* LOGIN */ .loginCont {max-width: 520px;margin: 10px auto;} .loginMain{min-height: 450px;position: relative;} .formTitleBig{ font-size:45px;color: white;font-weight: 500;margin-bottom: 10px;} .formTitleBig span{margin-bottom: 20px;display:block} .formTitle strong{color: #17375f; font-weight: 700; font-size: 22px; display:block;} .formTitle span{font-weight:300; font-size:18px;display:block;} .formTitle.small strong{font-size: 18px;} .formTitle.small span{font-size:13px;} .formRow label{font-size:13px; color:white; font-weight:600; text-transform:uppercase;} .formRow .formCaptcha img{width:90%;} .formCont .formRow{margin-bottom:10px; overflow:hidden;} .formCont .formBox2{width:50%; float:left;} .formCont .formBox3{width:33%; float:left;} .formCont .formBox4{width:22%; float:left;} .formCont .obbl{color:#ba0012; font-weight:900; font-size:15px; margin:0 2px} .formCont .smallText{font-size:13px;font-weight:200;} .formCont .formBox {position:relative;} .formCont .formBoxBlock label{display:block; margin-bottom:5px} .formCont .formBoxBlock .txt{display:block; width:90%;} .pageAreaRiservata .formCont .formBoxBlock .txt{display:block; width:100%;} .pageAreaRiservata h1.title-home {font-size: 32px;} .formCont .formBox2:last-child .txt{float:right;} .formCont .formBox2:last-child label{padding-left:10%;} .formCont .formBox.formBt{margin-top:30px; display:flex} .formCont .formBoxBlock .txt-100{display:block; width:110%;border: 1px solid #dadada;font-size: 14px;padding: 0px 10px;color: #9b9b9b;} label.error{ background:white; font-size:15px; padding:1px 10px; position:absolute; color:#e30613} .pageAreaRiservata label.error{ background:white; font-size:9px!important;position:absolute;color:#e30613!important;padding:1px 10px;position:absolute;bottom:-4px;left: 109px;} .itemTravel label.error{ background:white; font-size:9px;position:absolute;color:#e30613;padding:1px 10px;position:absolute;bottom:10px;left: 5px;} .formCont .formBox2:last-child label.error{right:0px} .formCont .formBoxBlock.formBox1 .txt{display:block; width:100%;} .formCont .formTextareaBig .txt{min-height:120px} .formCont .formTextareaBig .txtMail{min-height:220px} .formCont .formRow.formAction{text-align:center; margin:20px auto; padding:20px 0} .formCont .formRow.formAction.formActionBig .btnBlue {font-size: 18px;padding: 5px 25px;border-radius: 24px;} .formCont .formRow.formAction.formActionBig .btnBlue.disabled{background:#ededed;border:1px solid #ededed;} .formCont .formRow.formAction.formActionBig .btnBlue.disabled:hover{color:#fff; cursor:default;} .msgSendResult{max-width:720px; margin:30px auto; text-align:center; border:1px solid #CCC;} .msgSendResult .inner{padding:30px;} .msgSendResult .icoOk{width:50px; height:50px;} .msgSendResult .blueTitle{font-size:32px; line-height:32px} .rowForm .row-doc {line-height: 31px;width:95%;padding: 20px 0;margin-top: 10px;} .rowForm100 .row-doc {line-height: 31px;padding: 20px 0;} .rowForm100.tags, .rowForm100.tipologia {overflow:hidden;} .rowForm .row-doc .text, .rowForm100 .row-doc .text{margin-top: 10px;} .rowForm .row-doc .bot-cta,.rowForm100 .row-doc .bot-cta {border: solid 1px var(--fcs);padding: 15px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;color: white !important;background: transparent;} .rowForm .tipologia{margin:10px 0 10px 0;color:var(--fucsia-color);font-weight:400;} #domrisp .rowForm textarea.tenda100.form-txt{height: 85px;padding: 10px;} #domrisp .rowForm {padding: 0 20px 50px 0;margin-top: 40px;} .line {border-bottom: 1px solid #ededed;} .lineTop {border-top: 1px solid #ededed;} .rowForm100.line {margin: 20px 0;} .rowForm label.dispInlineBlock{display:inline-block;} .rowForm100 label.no-margin { margin: 0;} h2.accordion-header {margin-bottom: 2px;line-height: 22px;} h2.accordion-header .accordion-button{padding: 0.6rem 1rem;font-size: 1.1rem;font-weight: 300;line-height: 30px;border-top: solid 1px #9e9e9e52;} .accordion-header .accordion-button:not(.collapsed) {color: #4e42d4;background-color: #4e42d400;box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);font-weight: 500;} .accordion-header .accordion-button:focus {border-color: white;} .accordion-button:focus { z-index: 3; border-color: white; outline: 0; box-shadow: 0 0 0 0;} .accordion-body {font-weight: 300;} #login-area .motore-wrapper {position: absolute;z-index: 1;right: 50%;top: 20%;width: 800px;margin-right: -400px;text-align: center;} h1.title-home {margin-bottom:0;font-size: 49px;font-weight: 400;letter-spacing: 3px;text-shadow: -1px -1px 0 var(--fucsia-color), 1px -1px 0 var(--fucsia-color), -1px 1px 0 var(--fucsia-color), 1px 1px 0 var(--fucsia-color);} h2.sub-title-home {font-size: 48px;font-weight: 400;letter-spacing: 3px;text-shadow: -1px -1px 0 var(--fucsia-color), 1px -1px 0 var(--fucsia-color), -1px 1px 0 var(--fucsia-color), 1px 1px 0 var(--fucsia-color);} #login-area .motore-wrapper .input-motore input {display: inline-block;} #login-area .motore-wrapper button{height: 56px!important;} #login-area .motore-wrapper .sub-text{margin: 5px 0 15px;} #login-area .motore-wrapper .sub-text .text {font-size: 22px;font-weight: 300;line-height: 32px;display:block;} #login-area .motore-wrapper .sub-text .text strong{font-weight: 400;} /* PALINSESTO */ .palinsesto { /*overflow-x: scroll;*/ clear:both;overflow-x: auto;} .palinsesto .contPalinsesto { position:relative; /*height: 303px;*/ } .palinsesto .contBoxes { background-color: #eee; position: relative;background-image: url("/img/bck-50x2.png");background-repeat: repeat;overflow: hidden;} .palinsesto .boxCorso { position: absolute; min-height: 60px; padding:5px; background-color:white;color:black;border-right: solid 1px #ccc;border-left: solid 1px #ccc;cursor:pointer} .palinsesto .orario { float: left; border-left: 1px solid; padding: 0 5px;margin-bottom: 10px; } .palFiltro { clear: both; overflow: hidden; border-bottom: 1px solid #757575; /*margin: 0 0 30px; */} /* .palFiltro .filtroBox { float: left; width: 16.5%; text-align: center; min-height: 45px; vertical-align: middle; border: #292929 solid 1px; background-color: #141414; padding-top: 25px;cursor: pointer;text-transform: uppercase;} .palFiltro .filtroBox.active {border: #292929 solid 1px;background-color: #ca187e;text-transform: uppercase;}*/ .palFiltroCorsi {overflow: hidden; margin: 20px auto; width: 100%; display: flex; justify-content: space-between;} .palFiltroCorsi .filtroBoxCorso { float: left; width: 200px; text-align: center; border: #292929 solid 1px; background-color: #000000; cursor: pointer; padding: 10px; margin: 0px auto;} .palFiltroCorsi .filtroBoxCorso.active { border: #ffffff solid 2px;} .palinsesto .boxCorso .ptCorso{ color:var(--fcs);font-size: 14px;} .palinsesto .boxCorso .titoloCorso{font-weight: 500;font-size: 14px;text-transform: uppercase; margin-top: 15px;min-height: 35px;} .palinsesto .boxCorso .orarioCorso{font-weight: 300;font-size: 14px;} .palinsesto .boxCorso .postiCorso{ font-size: 11px; border: 1px solid var(--fucsia-color); margin: 10px 0px 0px 0px; padding: 5px; min-height: 40px;} .palinsesto .boxCorso.tooltip_.tab-black{ background: black;color: white;text-transform: uppercase;padding: 15px;} .palinsesto .boxCorso.tooltip_.tab-black:hover{ background: white;color: var(--fcs);text-transform: uppercase;padding: 15px;} #ajxContPT .palinsestoCont .palinsesto .contPalinsesto .boxCorso {width:132px;} .palinsesto .contPalinsesto .row {overflow:hidden; text-transform:uppercase} .palinsesto .contPalinsesto .row .one-third.column span {display: inline-block;} .palinsesto .contPalinsesto .row .one-third.column a {text-decoration:none} .palinsesto .contPalinsesto .row .one-third.column span:first-child {margin-right: 10px;} .palinsesto .contPalinsesto .row .one-third.column span:last-child {margin-left: 10px;} .palinsesto .contPalinsesto .row .column{margin: 0 1% 20px;} .palinsesto .contPalinsesto .row .one-third.column.cor{text-align:center} .palinsesto .contPalinsesto .row .one-third.column.next{text-align:right} .palinsesto .contPalinsesto .row .one-third.column.prec{text-align:left} .palinsesto .contPalinsesto .row .one-third.column.cor a {color:var(--fucsia-color) } .filtroBoxCorso .star svg{width: 100px;height:100px} .palinsesto .boxCorso svg {width: 35px;height:35px} .contPalinsesto #no-more-tables thead {background-color: #141414; text-transform: uppercase;} .contPalinsesto #no-more-tables thead th {background-color: #141414;height: 45px;vertical-align: middle;} .filtroBox.active {border: #292929 solid 1px;background-color: var(--fcs);text-transform: uppercase;} /*.filtroBox { float: left; width: 16.5%; text-align: center; min-height: 45px; vertical-align: middle; border: #292929 solid 1px; background-color: #141414; padding-top: 25px;cursor: pointer;text-transform: uppercase;color:white}*/ .filtroBox { float: left; width: 16.5%; text-align: center; vertical-align: middle; border: #292929 solid 1px; background-color: #141414; padding-top: 12px;padding-bottom: 12px;cursor: pointer;text-transform: uppercase;color:white} .contPalinsesto #no-more-tables thead th {padding:0} .contPalinsesto #no-more-tables thead th .filtroBox.active {border: #292929 solid 1px;background-color: var(--fcs);text-transform: uppercase;} .contPalinsesto #no-more-tables .ico-padlock {position:absolute; bottom: -1px;right: -1px;} .contPalinsesto #no-more-tables .icon-lock {position:absolute;left: 46px;width:28px;height:28px;top: 21px;} .contPalinsesto #no-more-tables .rigaPriv {position: relative!important;} .contPalinsesto #no-more-tables .ico-padlock svg {width:28px; height:28px} .contPalinsesto #no-more-tables .icon-lock svg {width:28px; height:28px} .rigaPriv img.ico-cancella {max-width: fit-content;} .pos-center {margin: 0 45%;} .icoWhite.ico-padlock{position: relative; top:5px} .icoWhite.ico-padlock svg {width:23px; height:23px} .ribbon-percent-landing { white-space: nowrap;top: 0;left: 90px;background: #7952b3;color:#fff;font-size:11px;font-weight:500;letter-spacing:0.02em;padding:3px 5px;position: absolute;z-index: 10;} .ribbon-percent-landing.fucsia { background: var(--fucsia-color) } .icoWhite.icon-unlock{position: relative; top:10px} .icoWhite.icon-unlock svg {width:23px; height:23px} /* today PALINSESTO */ .palinsesto .contPalinsesto .row.to-day .titoloCorso {width: 125px;font-size: 12px; text-overflow: ellipsis; overflow: hidden; height: 1.24em; white-space: nowrap;padding-left: 5px;} .palinsesto .contPalinsesto .row.to-day .orarioCorso{min-width: 35px; border-right:1px solid #141414; padding-right: 5px;margin-right: 2px;} .palinsesto .contPalinsesto .row.to-day .ptCorso {font-size: 10px;padding-left: 5px;} .palinsesto .contPalinsesto .row.to-day .cont{max-width:70%;padding: 2px 5px;} .ribbon-percent-landing-today{background: #7952b3;color:#fff;font-size:11px;font-weight:500;letter-spacing:0.02em;padding:3px 5px;} /* tabella */ .ribbon-table {background: #7952b3;color:#fff;font-size:11px;font-weight:500;letter-spacing:0.02em;padding:3px 5px;width: 41%;float: right;z-index: 10;} .ribbon-table.fucsia {background: var(--fucsia-color);} /*.ribbon-palestra {background: var(--fucsia-color);font-size: 11px;font-weight: 500;letter-spacing: 0.02em;padding: 3px 5px;width: 41%;float: right;z-index: 10;margin-bottom: 5px;display: block;}*/ /* REGISTRAZIONE */ /*.boxForm {margin-bottom: 20px; display: table; width: 100%; font-size: 18px;background:#141414; border: 1px solid #757575;padding: 0; overflow: hidden;}*/ #introReg { padding: 5px 10px; font-size: 1.3em; text-align:center; display:block} #registrazioneUtenteContent {padding: 10px;overflow: hidden} /*.rowForm {float: left; padding: 0 0 20px; width: 50%;}*/ .rowForm {float: left;padding: 0 20px 20px;width: 45%;position: relative;} .rowForm label {font-weight: 600; color: #3f4040; display: block;} .rowForm.checkRow label {display: inline; font-weight:400; color:inherit } .rowForm.checkRow .title {color: #3f4040;font-weight: 600;} .rowForm label.error {color: var(--red-color); font-weight: 600} .rowForm input[type="text"], .rowForm input[type="file"], .rowForm select, .rowForm textarea {width: 100%} .rowForm input[type="file"] {background-color:white;} /*.rowForm:nth-child(2n+1) {clear: both;}*/ .rowForm .input-cont {padding-right: 20px} .rowForm.big {float: none; width: auto; clear: both} .rowForm.captcha {margin-top:20px} .rowForm a {color:var(--fucsia-color)} .rowForm a.btnBlue {color: #ffffff} .actionForm {text-align: center} /*.boxForm .rowForm:nth-child(odd) {clear:both}*/ .formIntro {padding:10px 0 20px} .rowForm label {display:table;color:#fff;} .rowForm label.checkRadio {color:#535353} .rowForm .txt, .rowForm .form-txt ,.rowForm select {border: 1px solid #dadada; font-size: 14px; padding: 0px 10px; border-radius: 2px; color: #5e5e5e; height: 36px; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .rowForm em, .nota em, .rowForm100 em{color:var(--fucsia-color)} .row em {color:var(--fucsia-color)} /*.boxForm .action {clear: both;overflow: hidden;padding-bottom: 20px;padding-right:20px;width: auto;} .boxForm .subForm {text-decoration: none;text-transform: uppercase;} .boxForm label.error {color:#ff0000}*/ .action {clear: both;overflow: hidden;padding-bottom: 20px;padding-right:20px;width: auto;} .subForm {text-decoration: none;text-transform: uppercase;} label.error {color:#ff0000} .rowForm label.tipo{display:inline; margin-left:5px;} .rowTextArea {width:100%} .rowTextArea textarea {width:100%;height:200px;margin-bottom:10px} .totem div {padding-bottom:10px} .totem label {display:inline; padding-left: 5px} .rowForm100 {padding: 0 20px 20px;clear: both;} .rowForm100 label { margin-right: 5%;} .formElChk { float: left; width: 170px; margin: 5px;} .formElChk label { margin-left: 10px; } .formElChk2 { float: left; width: 210px; margin: 5px;} .formElChk2 label { margin-left: 5px; } .rowForm100 .contatti-label {font-weight: 600;} .imgCaptcha { background-color: white; height: 35px; overflow: hidden; width: 200px; float: left; margin-right: 30px;} .bot-cta { border: none;color: white;padding: 15px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer; background:var(--fucsia-color); color:white !important; } .content-pad {padding: 10px 20px 20px;} .formElChk label,.formElChk2 label {font-weight: 600;} .rowForm a.icon-captcha {color:white; font-size:22px;margin: 5px;text-decoration:none} #registrazioneUtenteContent .imgCaptcha{ margin-right: 10px;} #no_piva_content.text {font-size:18px} /* SCROLL x PALINSESTO */ /* width */ .palinsesto::-webkit-scrollbar {width: 10px;} /* Track */ .palinsesto::-webkit-scrollbar-track {background: #f1f1f1; } /* Handle */ .palinsesto::-webkit-scrollbar-thumb {background: var(--fucsia-color) } /* Handle on hover */ .palinsesto::-webkit-scrollbar-thumb:hover {background: #555;} /* width */ .personal-trainer .pt::-webkit-scrollbar {width: 10px;} /* Track */ .personal-trainer .pt::-webkit-scrollbar-track {background: #f1f1f1; } /* Handle */ .personal-trainer .pt::-webkit-scrollbar-thumb {background: var(--fucsia-color) } /* Handle on hover */ .personal-trainer .pt::-webkit-scrollbar-thumb:hover {background: #555;} /* fancybox-container */ .fancybox-container {color:black; } /* FANCY CONFIRM */ #confirmAlert {padding-top: unset; padding-left: unset; padding-right: unset; border-radius: 5px;} #confirmAlert .titleBig {text-align: center; background-color: #60153b;padding: 15px;color:white; font-size:30px;} #confirmAlert .corpo {margin-top:20px; padding: 0 100px;} #confirmAlert .actionAlert { width: 80%; margin: 20px auto;} #confirmAlert .innerAlert { padding-top:0; } #confirmAlert .actionAloneAlert{ text-align: center; margin-top: 30px; } #confirmAlert .btn { background: #ffffff; border: 1px solid var(--fucsia-color); color: var(--fucsia-color); font-weight: 700;} #confirmAlert .action-button { float: right; } #confirmAlert .btnGray { float: left; } #confirmAlert .btnGreen {background: #FEB612; border-radius: 3px; color: #fff; font-weight: 500; font-size: 18px; padding: 8px 12px; text-transform: uppercase; white-space: nowrap; margin: auto 80px } #confirmAlert .btnRed {border-radius: 3px; color: #043954; font-weight: 400; font-size: 12px; padding: 8px 12px; text-transform: uppercase; white-space: nowrap; margin: auto 80px; } #confirmAlert .actionAlert {line-height: normal;} /* FANCY ALERT */ #errorAlert {padding-top: unset; padding-left: unset; padding-right: unset; border-radius: 5px;} #errorAlert .titleBig { text-align: center; background-color: #60153b;padding: 15px;color:white; font-size:30px;} #errorAlert .corpo {margin-top:20px; padding: 0 100px;} #errorAlert .actionAlert { width: 50%; } #errorAlert .innerAlert { padding-top:0; } #errorAlert .actionAloneAlert{ text-align: center; margin-top: 30px; } #errorAlert .btn { background: #ffffff; border: 1px solid var(--fucsia-color); color: var(--fucsia-color); font-weight: 700;} /* FANCY NORMAL TEMP*/ #normalAlert {padding-top: unset; padding-left: unset; padding-right: unset; border-radius: 5px;} #normalAlert .titleBig { text-align: center; background-color: #10a6ea;padding: 15px;color:white; font-size:30px; text-shadow: 1px 1px #c5c5c5} #normalAlert .subtitle {color: black;font-weight: 400;font-size: 16px;} #normalAlert .corpo {margin-top:20px; padding: 0 100px; font-size: 18px;line-height: 26px;} #normalAlert .actionAlert { width: 50%; } #normalAlert .innerAlert { padding-top:0; } #normalAlert .actionMsg{ text-align: center; margin-top: 30px; } #normalAlert .btn { background: #ffffff; border: 1px solid var(--fucsia-color); color: var(--fucsia-color); font-weight: 700;} #normalAlert .corpo .btn.fucsia.tab { width: 80%; } #normalAlert .actionMsg.tab{ text-align: center; margin-top: 10px; } /* DASHBOARD */ /*.dashMenu{background:#000;}*/ /*.dashMain{padding: 0 50px;min-height: 500px;}/* min-height temp */ .dashContainer{padding-bottom:70px} .dashMain{padding: 0 0;min-height: 500px;} .dashCont{} /*.dashTitle{color:#043954; }*/ .dashTitle .titleBig{color:#043954; line-height:40px} .dashTitle .titleBig strong{color:#043954;font-size:50px; font-weight:500;} .dashTitle .titleCursive{color:#888;font-size:22px; margin-bottom:0px;} /*.lsMenuCont{margin-bottom:20px; border-bottom: 1px solid #757575; padding-top:10px;}*/ .lsMenuCont{margin-bottom:20px; padding-top:10px; background:white;border-bottom: solid 1px #141414;} .lsMenuCont .lsMenu{text-align:left; padding: 0 50px;} .lsLink{padding:0 5px; margin-right: 6px; border-radius: 3px 3px 0 0; display: inline-block; line-height:50px} .lsLink:focus{outline:none} .lsLink .nameLink{color:#000;font-weight: 400;font-size: 16px;letter-spacing: 0.2em;padding: 0 12px;} .lsLink .nameLink .logoMy svg{width: 50px;height:auto;position:relative;top:9px; padding: 0 10px;vertical-align: top;} .lsLink.sel{background:var(--violet); position:relative; top:1px; border:1px solid #292929; border-bottom:1px solid #fff;color:white;font-weight:400;} .lsLink.sel .nameLink {color: white;} .lsLink.sel:hover .nameLink .logoMy svg path{fill:black} .lsLink:hover .nameLink .logoMy svg path{fill:var(--fucsia-color)} .lsLink:hover{background:white;position:relative; top:1px; border:1px solid #292929; border-bottom:1px solid #fff;} .lsLink:hover .nameLink{color:var(--violet)} .lsLink.sel:hover{background:#F4F7FA; cursor:default;} /*.lsLink.sel .nameLink{color:#000;}*/ a.lsLink {text-decoration: none;} .dashHomeText {text-align:left;} .dashHomeText .mainText{margin:0;} .dashHomeText .actions{ margin:10px 0;} .dashHomeText .actions .btnBlue{font-size:0.75em; padding:3px 8px; margin-right:10px;} .dashPropCont{margin: 40px 10px 40px;width: 100%;float: left;border: solid 1px #9E9E9E;} .dashPropCont .row{margin-bottom:10px;display:table; width:100%;} .dashPropCont .row .box-2 .whiteBox{line-height:44px; margin:0;} .dashPropCont .row .box-2 .inWhite{padding:0 15px;} .dashPropCont .row .box-2 .title{line-height:44px; color:#000000; font-weight:400; float:left;} .dashPropCont .row .box-2 .title:hover{color:#999; text-decoration:underline; cursor:pointer;} .dashPropCont .row .box-2 {position:relative;margin-bottom:12px;} .dashPropCont .row .box-2 .arrow{position:absolute; right:5px; top:5px;} .dashPropCont .row .inWhite .priceCont{float:right; padding-right:40px;} .dashPropCont .row .inWhite .priceCont .label{color:#CCC; font-size:0.7em;} .dashPropCont .row .inWhite .priceCont .price{color:#fd7c08; font-size:1.2em;} .dashPropCont .actions{text-align:center;display:inline-block; margin:20px auto;width:100%;} .dashPropCont .actions a{text-align:center;} .dashPropCont .actions .label {color: black;} .generalTable .actions .label {color: black;} #no-more-tables .generalTable .actions a .label{color:white!important} #no-more-tables .generalTable .actions a {border-radius: 5px;border: solid 1px var(--fucsia-color);font-weight: 600;padding: 11px 20px;text-transform: uppercase;background: var(--fucsia-color);text-decoration: none;} #no-more-tables .generalTable .actions.mod a {font-size:12px;display:inline-block;padding: 5px 12px;margin:5px;line-height: 25px;} #no-more-tables .generalTable .actions.mod.mod2 a {width:25px; height:25px; padding: 5px 5px; vertical-align: middle;} /*#no-more-tables .tooltip.tooltipstered {opacity: inherit!important;position:inherit!important;} #no-more-tables .boxCorso.tooltip {opacity: inherit!important;position:inherit!important;} .boxCorso.tooltip.tooltipstered {opacity: inherit!important;} */ .dashMsgText{text-align:center;} .dashMsgText .titleBig.small{color:#fff;} .dashMsgText .mainText{color: #f5f5f5;font-size: 15px; line-height: 25px; margin: 5px 0; font-weight: 400;} .dashMsgText a:hover{opacity:0.8} .dashPropContX{margin: 20px 10px 10px;border: solid 1px #9E9E9E;background-color:#141414;} .dashPropContX .row{margin-bottom:10px;display:table; width:100%;} .dashPropContX .actions{text-align:center;display:inline-block; margin:20px auto;width:100%;} .dashPropContX .actions a{text-align:center;} .dashPropContX .actions .label {color: black;} .dashPropContX .content-pad.foto{padding:0} .dashPropContX .content-pad .sub-title{margin-bottom:10px} .column.one-second .dashPropContX{min-height: 604px;} .dashMtrCont{} .dashPropCont .content-pad h2 {text-align:center;} .dashPropCont .content-pad h3 { padding-left:20px; margin:0; font-size: 32px;line-height: 66px;font-weight: 400;letter-spacing: 0px;text-align: center;} .dashPropCont .content-pad .sub-title {font-size: 23px;margin-bottom:20px; padding-left:20px;text-align: center;} .dashPropContX .content-pad h2 {text-align:center;line-height: 45px;} .dashPropContX .content-pad h2.nome {margin-top:20px} .circle {width: 70px;height: 70px;border-radius: 50%;margin: 0 auto;border: solid 2px var(--fucsia-color);text-align: center;display: block;} .circle span {top: 20px;position: relative;font-size: 23px;} .circleBig {width: 150px;height: 150px;border-radius: 50%;margin: 0 auto;border: solid 2px var(--fucsia-color);text-align: center;display: block;} .circleBig span {top: 55px;position: relative;font-size: 23px;} .circle-mod {width: 70px;height: 70px;border-radius: 50%;margin: 0 auto;border: solid 2px white;text-align: center;display: block;background:var(--fucsia-color);color:white} .circle-mod span {top: 23px;position: relative;font-size: 20px;} /* TABELLE */ thead {background-color: white;} thead th {background-color: white;border: 1px solid #757575;} th {padding:10px} td {background-color:white;border: 1px solid #ded0d0;padding: 10px;color: black;} #dashMainContent .titoloGreen {display:none;} .h1greenTitle {text-align: center;text-transform: uppercase;font-size:38px;color: white;font-weight: 400;margin-bottom: 15px; line-height: 66px; letter-spacing: 0px} .btnDefault {border: none;color: white;font-size: 16px;margin: 4px 2px;cursor: pointer; background:var(--fucsia-color); padding: 11px 20px;line-height: 21px;position: relative;border-radius: 5px;overflow: hidden;} .btnGray {border: none;color: white;font-size: 16px;margin: 4px 2px;cursor: pointer; background:#9a9598;padding: 11px 20px;line-height: 21px;position: relative;border-radius: 5px;overflow: hidden;} .btnGray.small{padding: 4px 20px} .btnDefault.btn-small {padding: 7px 11px} #topGestCont {margin-bottom: 20px;} #topGestCont .row_ {text-align: center; padding: 14px 0; overflow: hidden;} #topGestCont form {background-color: #60153b; border: 1px solid #757575;margin-top: 10px;padding: 10px 0;} #topGestCont .row_:before, #topGestCont .row_:after {content: '\0020';display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;} .noRighe { text-align: center;} .NT-newPal {width: 100% !important;} .NT-newPal form {border: 1px solid #757575;padding: 30px; overflow: hidden; background-color: #141414;} .NT-newPal form .lineX {margin: 15px 0;position: relative;} .NT-newPal form .rowForm {float: left;padding: 0 20px 20px;width: 20%;position: relative;} .NT-newPal form .rowTextArea textarea {width:98%;height:200px;} .NT-newPal form .rowTextArea label {font-weight:600} .NT-newPal form .rowForm .txtData { margin:0 } .NT-newPal form .rowForm100 label {font-weight:600} .NT-newPrd {width: 100% !important;} .NT-newPrd form {border: 1px solid #757575;padding: 30px; overflow: hidden; background-color: #141414;} .NT-newPrd form .lineX {margin: 15px 0;position: relative;} .NT-newPrd form .rowForm {float: left;padding: 0 20px 20px;width: 20%;position: relative;} .NT-newPrd form .rowTextArea textarea {width:98%;height:200px;} .NT-newPrd form .rowTextArea label {font-weight:600} .NT-newPrd form .rowForm .txtData { margin:0 } .NT-newPrd form .rowForm100 label {font-weight:600} form .txtNome{ width: 20%; } form .txtData { width: 10%; } .txtNome, .txtData, .txtSelect { border: 1px solid #dadada; font-size: 14px; padding: 0px 10px; border-radius: 2px; color: #5e5e5e; height: 36px; font-weight: 500; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin: 0 15px; } input[type='checkbox'], input[type='radio'] { height: 20px; width: 20px; } span.line { margin-right: 20px; } .rigaPriv {} /*.rigaPriv {background-color: beige !important;}*/ /* FAQ */ .m-faq .pageModCont { width: 60%; margin: auto; } .m-faq .extraScheda { border: 1px solid #757575; overflow: hidden; cursor:pointer;margin: 15px;} .m-faq .expandBtn { background-color: #333; padding: 15px; font-size: 20px;background-image: url(/img/bg-ico-plus.png);background-repeat: no-repeat;background-position: 97% 12px;} .m-faq .expandBox {display:none;padding: 10px 15px;} .m-faq .expandBox .closeExpand { margin-top: 20px; } .m-faq .expandBox .simpleLink { border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; margin: 4px 2px; cursor: pointer;} .m-faq .expandBox .right { float:right; } .extraScheda.expandContainer.open{ border:1px solid #dadada;} .extraScheda.expandContainer.open .expandBtn{background-image: url('/img/bg-ico-minus.png');} .extraScheda.expandContainer.open .expandBox{display:block;} #middleCont {overflow:hidden;} /* articolo mod */ .articleMod{margin:5px 0 10px; overflow:hidden;} .articleMod .galleryMod{width:350px;} .articleMod .galleryMod ul{margin:0; padding:0;} .articleMod .galleryMod ul li{margin:0; padding:0;} .articleMod .galleryMod.galSx{float:left; margin-right:30px;} .articleMod .galleryMod.galDx{ float:right; margin-left:30px;} .articleMod .galleryMod .bx-controls-direction a{opacity:0.6;} .articleMod .galleryMod .bx-controls-direction a:hover{opacity:1;} .articleMod .galleryMod.galFull{width:100%;} .artLeft .slick-slider,.gallery .slick-slider{margin:0; padding:0;} .box-articolo-divider {position: relative;border-top: 8px solid #222;margin-bottom: 0;background: 0 0;color: #fff;padding: 70px 45px;clear: both;} /* menu mobile */ header.mob {display: none;float:right;} /* Screen reader only */ header.mob .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;} /* Button styling */ header.mob .menu-toggle {display: inline-block;padding: .75em 15px;line-height: 1em;font-size: 1em;color: #333;-webkit-tap-highlight-color: rgba(255, 255, 255, 0); } header.mob .menu-toggle:hover, header.mob .menu-toggle:focus {color: #c00;} header.mob .menu-toggle .ico-burg {width: 28px;height: 4px;background-color: white;margin: 6px 0;display: block;border-radius: 10% / 40%;} /*Default styles + Mobile firstOffscreen menu style */ header.mob .main-menu {position: absolute;display: none;right: -200px;top: 0;height: 100%;overflow-y: scroll;overflow-x: visible;transition: left 0.3s ease,box-shadow 0.3s ease;z-index: 9;} header.mob .main-menu ul {list-style: none;margin: 0;padding: 3.5em 0 0; /* Hide shadow w/ -8px while 'closed' */ -webkit-box-shadow: -8px 0 8px rgba(0,0,0,.5); -moz-box-shadow: -8px 0 8px rgba(0,0,0,.5); box-shadow: -8px 0 8px rgba(0,0,0,.5); min-height: 100%;width: 70vw;background: var(--fucsia-color);} header.mob .main-menu ul .text {color:white;padding: .95em 20px;font-weight: 600;} header.mob .main-menu ul .ico {padding: .95em 20px 0;width:220px;height:50px} header.mob .main-menu ul.head-ico svg path {fill:#ffffff;} header.mob .main-menu ul.head-ico svg polygon {fill:#ffffff;} header.mob .main-menu ul.head-ico .ico {padding: 0;} header.mob .main-menu a {display: block;padding: .95em 20px;line-height: 1em;font-size: 23px;color: #fff;text-decoration: none;border-bottom: none;text-transform:uppercase} header.mob .main-menu li:first-child a {border-top: none;} header.mob .main-menu a:hover, header.mob .main-menu a:focus {background: #333;text-decoration: underline;} header.mob .main-menu .menu-close {position: absolute;left: 0;top: 0;} header.mob .main-menu .menu-close .close {font-weight: 600;} header.mob .menu-toggle .ico-profile svg {width:30px; height:30px;} /*On small devices, allow it to toggle...*/ /*:target for non-JavaScript[aria-expanded] will be used if/when JavaScript is added to improve interaction, though it's completely optional.*/ header.mob .main-menu:target, header.mob .main-menu[aria-expanded="true"] {display: block;right: 0;outline: none;-moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);-webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);box-shadow: 3px 0 12px rgba(0,0,0,.25);} header.mob .main-menu:target .menu-close, header.mob .main-menu[aria-expanded="true"] .menu-close {z-index: 11;} header.mob .main-menu:target ul, header.mob .main-menu[aria-expanded="true"] ul {position: relative;z-index: 10;} header.mob .main-menu strong {text-transform:uppercase; font-weight:300} header.mob .menu-toggle .first-logo svg {width: 35px; height:35px } /* We could us `.main-menu:target:after`, but it wouldn't be clickable. */ header.mob .main-menu:target + .backdrop, header.mob .main-menu[aria-expanded="true"] + .backdrop{position: absolute;display: block; right: 0;top: 0;width: 100%;height: 100%;z-index: 998;background: #000;background: rgba(0,0,0,.45);cursor: default;} @supports (position: fixed) { header.mob .main-menu, header.mob .main-menu:target + .backdrop, header.mob .main-menu[aria-expanded="true"] + .backdrop{position: fixed;} } .trailer-box {text-align: center;position: relative;line-height: 0; } .trailer-box a {display: block; color:white;} .trailer-box a:after {content: "";display: block;position: absolute;left: 0;bottom: 0;z-index: 1;width: 100%;height: 100%;filter: alpha(opacity=0);opacity: 0;background: rgba(0, 0, 0, .15)} .trailer-box:hover a:after {filter: alpha(opacity=100);opacity: 100} .trailer-box .desc {position: absolute;left: 0;bottom: -19px;z-index: 2;width: 100%;padding: 20px 15px 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box} .trailer-box .desc .title {margin: 0;position: relative;bottom: 0;font-size: 22px;line-height: 30px;text-shadow: 0 2px 5px rgba(0, 0, 0, 0.92);} .trailer-box:hover .desc h2 {bottom: 20px} .trailer-box .desc .subtitle {line-height: 21px;font-size: 12px;border: solid 1px white;background-color: var(--fucsia-color);display: inline-block;position: relative;bottom: 0;letter-spacing: 1px;padding: 4px 8px;text-transform: uppercase;margin-bottom: 15px;-webkit-border-radius: 3px;border-radius: 3px;background-image: url(/img/stripes_10_w.png)} .trailer-box:hover .desc .subtitle {bottom: 20px} .trailer-box .desc .line {height: 2px;width: 0;margin: 15px auto;background: var(--fucsia-color);overflow: hidden;display: block} .trailer-box:hover .desc .line {width: 60%} img.scale-with-grid, #Content img {max-width: 100%;height: auto;} .trailer-box .star-ico svg {width: 60px;height:60px} .trailer-box .star-ico {position: absolute;top: 6px;right: 1px;} .trailer-box img.pt-foto {width: 290px;height:290px} .content-pad.foto .desc .line {height: 1px;width: 50%;margin: 5px auto;background: var(--fucsia-color);} .content-pad.foto .desc .loc{font-size:22px; margin-bottom:10px} .personal-trainer .slider-item {margin: 0 0.2% 40px;display:inline-block} .personal-trainer .fascia{ border-top: solid 1px var(--fucsia-color);} .personal-trainer .fascia .action{padding:20px 0 } .personal-trainer .pt{margin: 20px 0; clear:both;} a.action-button.link{background-color: #141414;color:white;display: inline-block;text-transform:uppercase;border: solid 1px;margin: 0 6px;} .personal-trainer .fascia .action a.action-button{margin: 5px;} .modCont.istruttori {padding: 0 50px;min-height: 500px;} .trailer-box .desc h2 {position: relative;bottom: 0;font-weight: 400;text-shadow: 0 2px 5px rgba(0,0,0,0.7); opacity: 0.9;line-height: 21px;font-size: 12px; border: solid 1px white;background-color: var(--fucsia-color);display: inline-block;letter-spacing: 1px;padding: 4px 8px;text-transform: uppercase;margin-bottom: 15px;-webkit-border-radius: 3px;border-radius: 3px;background-image: url(/img/stripes_10_w.png);} /* ALLEGATI */ .attachments { /*margin: 0 0 20px 68px;*/} .attachments ul { list-style: none; margin: 0; padding: 0;} .attachments ul li { background: #fff; border: 1px solid #e0e0e0; display: inline-block; margin-right: 5px; position: relative; width: 200px;} .attachments ul li div.deleteAttachment { background: #ffffff; float: right; line-height: 1em; margin: 0; padding: 4px 2px; position: absolute; right: 0; z-index: 90;} .attachments ul.attached-files .deleteAttachment, .attachments .deleteAttachment { cursor: pointer; margin: 5px 0;} .attachments ul li a { display: block; text-decoration: none;} .attachments ul li .preview {height: 88px; line-height: 88px; overflow: hidden; text-align: center;} .attachments ul li .name {background: #f5f5f5; border-top: 1px solid #eee; padding: 4px 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: black;} .attachments ul li .name .underline {text-decoration: underline;} .attachments ul li .preview .fiv-viv { font-size: 64px; padding: 12px;} .fiv-viv { line-height: 1em; width: .75em;} .fiv-background, .fiv-viv { background-size: contain; background-position: 50%; background-repeat: no-repeat;} .fa, .fa-stack, .fiv-viv, .minicolors-inline, .minicolors-swatch { display: inline-block;} .fa-ul > li, .fiv-viv { position: relative;} .attached-files { margin: 0;list-style: none;} .attached-files { border: 1px solid #ddd; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-top: 0; border-bottom: 0;list-style: none; margin: 0 0 15px; padding: 0;} .attached-files li { background: #f3f5f5; border-bottom: 1px solid #ddd; padding: 5px 12px; position: relative;} .ellipsis { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap;} /* corsi privati */ .corsiPrivatiSx { width: 47%; border: 1px solid; float: left; margin: 15px 5px; padding: 10px;} .corsiPrivatiSx .boxCorso { min-height: 60px; padding: 9px; background-color: #60153b;color:white;border: solid 1px #655a5a; margin: 5px 0;line-height:22px} .corsiPrivatiSx .boxCorso.sel { background-color: #f5f5f1;color:black;} .corsiPrivatiSx .orario { float: left; border-left: 1px solid; padding: 0 5px;margin-bottom: 10px; } .corsiPrivatiSx .boxCorso .ptCorso{ color:var(--fucsia-color);font-size: 18px;text-transform:uppercase;} .corsiPrivatiSx .boxCorso .titoloCorso{font-weight: 500;font-size: 18px;} .corsiPrivatiSx .boxCorso .orarioCorso{font-weight: 300;font-size: 16px;} .corsiPrivatiSx .boxCorso .dataCorso{font-weight: 300;font-size: 16px;} .corsiPrivatiSx .boxCorso svg {width: 80px;height: 80px;} .corsiPrivatiSx .row {margin: 20px 0;} .corsiPrivatiDx { width: 46%; float: right; border: 1px solid; margin: 15px 5px; padding: 10px;min-height: 226px;} .corsiPrivatiDx .box {padding: 9px;} .corsiPrivatiDx .NT-selCorsi .creditiCorso { float: right; } .corsiPrivatiDx .boxCorsiDx { border: 1px solid; padding: 9px; margin-bottom: 10px;background-color: #f5f5f1;color:black; } .corsiPrivatiDx .totCred { width: 100%; text-align: right; padding: 5px;font-size: 25px;} .corsiPrivatiDx #NT-totCreditiSum {font-weight: 600;} .corsiPrivatiDx .btnCrsPri {text-align: center;} .corsiPrivatiDx .box .dataCorso{font-weight: 300;font-size: 16px;} .corsiPrivatiSx .box .titoloCorso{font-weight: 500;font-size: 18px;} .corsiPrivatiDx .box h4 {font-size: 25px;text-align: center} #nomeMC.title {font-size: 25px;margin-top:5px} .palFiltroCorsi.strisce .filtroBoxCorso{display: inline-block;margin: 6px 3px;width:auto;padding: 11px 20px;} .palFiltroCorsi.strisce .filtroBoxCorso.active {border: #ffffff solid 1px;} .palFiltroCorsi.strisce .filtroBoxCorso .star {} .palFiltroCorsi.strisce .filtroBoxCorso .star svg {width: 50px;height: 50px;} .box-white {background:white; border:solid 1px #ededed; border-radius:5px;text-align:center; color:black} .box-white svg {width: 150px;height: 150px;} .box-white .inner{max-width: 90%;margin: auto 31%;} .box-white .ico{margin:10px 0; display:block} .icoWhite svg path{fill:white} .icoBlack svg path{fill:black} .boxCorso.NT-crsPac .dataCorso{font-weight: 500;font-size: 23px;line-height: 52px;} .boxCorso.NT-crsPac .titoloCorso{font-size: 23px;color: #ee1893;} .boxCorso.NT-crsPac .ptCorso{font-size: 18px;display:inline-block;line-height: 52px;margin-right: 5px} .boxCorso.NT-crsPac .ptCorso span{font-weight: 600;} .boxCorso.NT-crsPac .creditiCorso {font-size: 18px;display:inline-block; line-height: 52px;} /* RATING */ .rating-cont {width:600px;margin: auto;} .rating-cont .inner {text-align:center;} .rating-cont .riepilogo { border: 1px solid; padding: 10px; margin: 10px 0; } .rating-cont .titolo {font-size: 25px;} .rating-cont .valutazione { margin: 15px 0;clear: both; overflow: hidden; } .rating-cont .recensione { text-align: left; } .rating-cont #i_recensione { width:100%;min-height:120px; } .rating-cont .disclaimer { text-align: left; font-size: 14px; } .rating-cont .risposta { font-size: 20px; line-height: 2; margin: 20px 0;} /* ACQUISTO CORSI */ #corsoAcq {width:600px;text-align:center;} #corsoAcq .label-clr{display: block;border: solid 1px;margin: 10px 0;padding: 10px;border-radius: 5px;text-transform: uppercase;font-weight: 500;} #corsoAcq .riepilogo {border: 1px solid black;padding: 10px;margin: 10px 0;border-radius: 5px;} #corsoAcq .titolo {font-size: 25px; margin:15px 0;} #corsoAcq .crediti { font-size: 20px; } img.logo-crediti {position: relative;top: -5px;margin-right: 5px;} img.logo-crediti-stripe { width:50%;} .input-cont.contatti-input .btnGray:hover {border: none;color: white; background:var(--fucsia-color)} .input-cont.contatti-input .btnGray{margin: 4px 3px;} .first-table #no-more-tables table .actions a {border-radius: 5px;color:var(--fucsia-color);border: solid 1px var(--fucsia-color);font-weight: 600;display: block; padding: 10px;text-transform: uppercase;background: var(--fucsia-color); text-decoration:none;} .first-table #no-more-tables table .actions .label {color:white;} .first-table #no-more-tables table.generalTable .actions.mod a.acquista-lezione{position: absolute;left: 30%;top: 8px;font-size: 14px!important;letter-spacing: 0.2em;padding:9px 18px!important; } .first-table #no-more-tables table.generalTable .actions.mod a.unsettingPos{ position: unset !important; } /* Media Query per il No More Tables PER LA PRIMA TABELLA */ /* Forza la tabella a non comportarsi come una normale tabella */ .first-table #table, .first-table #no-more-tables thead, .first-table #no-more-tables tbody, .first-table #no-more-tables th, .first-table #no-more-tables td, .first-table #no-more-tables tr {display: block; } /* Nasconde le intestazioni della tabella */ .first-table #no-more-tables thead tr { position: absolute; top:-9999px; left:-9999px;} .first-table #no-more-tables tr { border: 1px solid #ccc; } .first-table #no-more-tables td { /* Inserisce il comportamento come una riga */ border: none; border-bottom: 1px solid #e2dcdc; position: relative; padding-left: 50%; white-space: normal; text-align:left; } .first-table #no-more-tables td:before { /* Inserisce il comportamento come un'intestazione di tabella */ position: absolute; /* I valori top/left agiscono come padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left;} /* Aggiunge l'etichetta ai dati della tabella */ .first-table #no-more-tables td:before { content: attr(data-title);} .first-table #no-more-tables table .actions {text-align:left; } /*.first-table #no-more-tables table .actions a {}*/ .first-table #no-more-tables td.lz{height: 32px;} .first-table #no-more-tables td.lz .title-first {margin-bottom:2px;} /* overlay */ .content-pad.foto .container {position: relative;width: 100%;max-width: 400px;} .content-pad.foto .image {display: block;width: 100%;height: auto;} .content-pad.foto .overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;opacity: 0;transition: .3s ease;background-color: #141414;} .content-pad.foto .container:hover .overlay {opacity: 1;} .content-pad.foto .icon {color: #ededed;font-size: 100px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);text-align: center;} .content-pad.foto .fa-user:hover {color: #eee;} /* */ .slider_nav{font-size: 15px;height: 80px;line-height: 80px;position: absolute;text-align: center;z-index: 5;width: 35px;top: 4%;margin-top: -45px;} .slider_next {right: 19px;} .slider_prev {left: 680px;} .arrows_hover:hover .slider_nav {display: block} .arrows_always .slider_nav {display: block} /* custom-file-upload */ #registrazioneUtenteContent .row .custom-file-upload {border: 1px solid #ccc;display: inline-block;padding: 6px 12px;cursor: pointer;margin-top: 10px;} /*.row.file-upload {padding:0 20px}*/ #registrazioneUtenteContent .row label {font-weight: 600;} .subtitleFile {margin: 10px 0 10px 10px;font-weight: 300;} /*#registrazioneUtenteContent .rowForm100{margin: 20px 0;}*/ .starCont {margin-top: 10px;display: block;} .dashCont .row .custom-file-upload {border: 1px solid #ccc;display: inline-block;padding: 6px 12px;cursor: pointer;margin-top: 10px;} .ui-datepicker table {color:white;font-weight: 300;} /* container-ntf */ div.items {white-space: nowrap;flex-flow: row nowrap;justify-content: space-between;overflow: hidden;display: flex; /*align-self: center;*/ margin-top: 3%;} div.items:hover .item {opacity: 0.3;} div.items:hover .item:hover {opacity: 1;} div.control-container {height: 300px;position: absolute;width: 100%;overflow: hidden;box-sizing: border-box;} div.container-ntf {user-select: none;min-height: 300px;position: relative; width: 100%;box-sizing: border-box;overflow: hidden;display: flex;flex-flow: row nowrap;justify-content: center;} div.left-scroll {left: 0;} div.left-scroll i {transform: translate(-60%, -50%);} div.right-scroll {right: 0;} div.right-scroll i {transform: translate(-40%, -50%);} div.scroll {position: absolute;display: inline-block;color: #f6f6f6;top: 50%;transform: translate(0, -50%);width: 60px;height: 60px;border: 1px solid #f6f6f6;border-radius: 60px;margin: 0 5px;z-index: 951;} div.scroll i {font-size: 30px;position: relative;left: 50%;top: 50%;} .item {position: relative;align-self: center;width: 98%;height: 98%;margin: 0 3px;transition: all 0.3s ease-in-out;cursor: pointer;z-index: 899;} /*.item:hover {transform: scale(1.5);margin: 30px;opacity: 1;z-index: 950;}*/ /*.item:hover {opacity: 1;}*/ /*.item:hover {transform: scale(1.2);margin: 0;opacity: 1;z-index: 950;}*/ .item:hover .opacity-none {opacity: 1;} .item .item-load-icon {left: 85%;top: 21%;transform: translate(-50%, -50%);} .item .opacity-none {opacity: 0;} /*.item img.item-image {width: 98%;height:200px;object-fit: cover;}*/ .item img.item-image {width: 100%;border-radius: 20px;} .item .item-title {text-transform: capitalize;color: #f6f6f6;position: absolute;margin: 5px 0;padding: 10px 0;width: 100%;left: 50%;top: 61%;transform: translate(-50%, 0);background: rgba(0, 0, 0, 0.5);text-align: center;} .item .item-description {color: #f6f6f6;font-size: 12px;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);white-space: pre-wrap;width: 100%;background: rgba(0, 0, 0, 0.5);margin: 5px 0;padding: 10px 0;} .button-ntf {position: absolute;color: #f6f6f6;font-size: 15px;border: 1px solid #f6f6f6;width: 30px;height: 30px;border-radius: 30px;z-index: 950;background-color: rgba(0, 0, 0, 0.7);transition: all 0.3s ease-in-out;} .button-ntf i {position: relative;top: 17%;left: 28%;transform: translate(-35%, -55%);z-index: 950;} .button-ntf:hover {box-shadow: 0px 0px 50px #fff;} .istrCarousel { position: relative; } #nexArr.slick-next {right: 10px;top: 120px;} #preArr.slick-prev {left: 10px;top: 120px;} #carousel {width:90%; margin-top:60px; margin: auto;} #carousel .slick-cloned[aria-hidden="true"] { visibility: hidden } /* restyle fancy pt */ .MOD .item .item-title{ display:none } .MOD .item img.item-image {width: 100%;height: 200px;object-fit: cover;border-radius: 20px;} .MOD .item:hover {transform: scale(1);margin: 0;opacity: 1;z-index: 950;} .MOD .item:hover .opacity-none {opacity: 1;} /* fancy pt */ .column .img {padding: 20px 0px;margin: 10px 20px;display: block;line-height: 22px;} .column .text {padding: 20px 0px;margin: 10px 20px;display: block;line-height: 22px;} .dates {border: 1px solid #ebeff2; border-radius: 5px;padding: 20px 0px;margin: 10px 20px;overflow: auto;} .dates div {float: left;width: 50%;text-align: center;position: relative;} .start, .end {font-size: 16px;color: #5aadef;font-weight: 600;} .column .text strong {display: block;margin-top:10px;letter-spacing: 2px;text-transform: uppercase;font-weight: 500;} .column .text h3 {display: block;margin:15px 0 0;letter-spacing: 2px;text-transform: uppercase;font-weight: 500;} .border-title span {/*background: #fff;*/padding: 0 15px 0 15px;} .border-title{ line-height: 35px!important;background:url(/img/title-pattern.png) repeat-x scroll 0 10px rgba(0, 0, 0, 0); display:block; font-size:35px; text-transform: capitalize; clear:both;} /*.prenota-corso {background: #f1f1f1;padding: 20px;}*/ .prenota-corso .fl-right {float:none} span.action-button.link {background-color: #141414;color:white;display: inline-block;/*text-transform:uppercase;*/border: solid 1px;margin: 0 6px;padding: 11px 20px;line-height: 21px;position: relative;box-sizing: border-box;border-radius: 5px;overflow: hidden;} span.action-button.link.purple{background-color: #7952b3;} span.action-button.link.purple.disabled{background-color: #f5f5f1} span.action-button.link.purple.disabled a {color:#bdbbbb} .one-third.no-corsi {width: 65.666%;} .two-third.no-corsi {width: 34.333%;} .one-third.no-corsi .dashPropContX{width: 47%; float:left;} .two-third.no-corsi .NT-palB2C .TEST .column.one-second{width: auto;margin: 0 0 40px;} .no-corsi .dashPropContX {min-height: 312px!important;} .column.two-third.no-corsi{margin: 0 0 40px;} .column.one-third.no-corsi { margin: 0 0 40px;} .NT-schedaPt span.action-button.link { background-color: white; color:black; } .NT-schedaPt span.action-button.link.pngLogo {background-color: black;} /*.palestra .palFiltroCorsi .filtroBoxCorso {background-color: #ffffff;}*/ /* form */ fieldset {border: solid 1px var(--fucsia-color);padding: 20px 20px;margin: 20px 0;} legend {padding: 15px 32px;box-sizing: border-box;border-radius: 2px;text-transform: uppercase;font-weight: 500;border: solid 1px var(--fucsia-color);} .cedCerSx { width: 49%; float: left; } .cedCerDx { width: 49%; float: right; } .cedCerDx .totCred { width: 100%; text-align: right; padding: 5px;font-size: 25px;} .cedCerDx #NT-totCreditiSum {font-weight: 600;} #NT-clnumMails, #NT-cltotcreditiDispo, #NT-totCreditiMail, #NT-totCreditiDist, #NT-totCreditiRim { font-weight: 600; } .cedCerDx .rowForm{padding: 20px 10px 20px;} fieldset .tipo{border:none;margin-top: 10px;border-bottom: 1px solid var(--fcs);/* border-top:1px solid #ca187e; */} fieldset .totCred h4{text-align:left;} .innerSite.white {background-color: #f5f5f1;clear:both;color: black;width: 100%;margin: 40px auto;} fieldset.bot-cta {border: solid 1px var(--fcs);padding: 15px 32px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;color: white !important;background: transparent;} .cedCerSx fieldset .custom-file-upload {border: 1px solid #ccc;display: inline-block;padding: 6px 12px;cursor: pointer;margin-top: 10px;} .cedCerDx fieldset h2 {text-align: left!important;} /* PRODOTTI */ .tablePrd td { vertical-align: middle;} /* scroll mouse*/ .middle { position:absolute;top:50%;left:50%;transform: translateX (-50%,-50%);} .mouse {width:100px; height:180px; border:solid 4px #ededed; border-radius:60px} .mouse::before {content:"";width:25px; height:25px; position:absolute; top:30px;background:#ededed;left:50%;transform: translateX (-50%); border-radius:50%; opacity:1; animation:mouse 2s infinite } @keyframes mouse { from { opacity:1; top:30px } to { opacity:0; top:150px } } .canvas-container {position: relative;padding-bottom: 80%; /*// (720 ÷ 1680 = 0.4286 = 43%);*/height:0;overflow:hidden} .canvas-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} hr {border-top: 1px dotted #fff;border-bottom: none;} /* mosaico */ .filters-group .title-filter-label {display:block;font-size:23px; margin-bottom:20px} .filters-group { margin: 10px 0} .btn.NT-btn--primary{background-color: #141414;color:white;display: inline-block;text-transform:uppercase;border: solid 1px;margin: 0 6px;padding: 11px 20px;line-height: 21px;position: relative;box-sizing: border-box;border-radius: 5px;overflow: hidden;margin: 5px;} .btn.NT-btn--primary.color-trx{ background-color: var(--yellow-color); color:black} .btn.btn--primary{background-color: #141414;color:white;display: inline-block;text-transform:uppercase;border: solid 1px;margin: 0 6px;padding: 11px 20px;line-height: 21px;position: relative;box-sizing: border-box;border-radius: 5px;overflow: hidden;margin: 5px;} .btn.btn--primary.fucsia{ background-color: var(--fucsia-color)} .btn.btn--primary.btn-welness, .btn.btn--primary.btn-lesmills {background-color: #33cccc;color:white;display: inline-block;text-transform:uppercase;border: solid 1px;margin: 0 6px;padding: 11px 20px;line-height: 21px;position: relative;box-sizing: border-box;border-radius: 5px;overflow: hidden;margin: 5px;} .btn.btn--primary.btn-lesmills { background-color: var(--green-color); } figcaption.picture-item__title {text-overflow: ellipsis;overflow-x: hidden;margin: 0 10px;} figure {white-space: nowrap;width: 200px;} .mosaico {position: relative;max-height: 720px;overflow-y: auto;max-width: 100%;} .container.pt-width{max-width: 1059px;} .contMeseCre {border: 1px solid #757575; margin: 15px 0;overflow: hidden;} .rigaMaturati { background-color: bisque; } .w50 { width:50%} .w40 { width:40%} .h30 {height:30px} .bgColorB { background-color: #60153b; } .pointer {cursor:pointer} /*banner in home*/ .one-second.column.banner-home{background-color: #f0b641;color:#221f1f; } .one-second.column.banner-home p{padding:22px 20px 0; font-size:17px} .one-second.column.banner-home .btnBorder {padding: 15px 58px;border:solid 1px black;border-radius:5px;display: inline-block;margin: 0 20px;font-size: 19px;} .one-second.column.banner-home .btnBorder a {color:black; } .one-second.column.banner-home {min-height: 330px;border: solid 1px black;border-radius: 2px;} .one-second.column.banner-home-color {min-height: 324px;border: solid 1px black;border-radius: 2px;background-color: #f0b641;padding: 0;} .one-second.column.banner-home h2 {font-size: 32px;line-height: 54px;font-weight: 500;letter-spacing: 0px; color:white;padding: 20px;} .pageMod.m-banner-tre-box {padding:0 } /* LESMILLS */ /*.bodyLesMills #header .top-bar-left {display:none;} .bodyLesMills.homePage #header .top-bar-left {display:block;}*/ .bodyLesMills #header .top-bar-left #logo img {width:35%;} .bodyLesMills.homePage #header .top-bar-left #logo img {width:100%;} /*.bodyLesMills #header #btnReg {display:none;}*/ .bodyLesMills #header .fucsia { background:var(--green-color);} .bodyLesMills #motore .motore-wrapper.claim {position: absolute;z-index: 1;right: 50%;top: 200px;width: 800px;margin-right: -400px;text-align: center;} .bodyLesMills #motore .motore-wrapper .sub-text .text {font-size: 33px;font-weight: 300;line-height: 42px;display:block;} .bodyLesMills .title-fucsia {color:var(--green-color);} .bodyLesMills.pageBasic .containerMain{clear: both;background-color: black; color:white;/*#221f1f*/} .bodyLesMills.pageBasic .containerMain a {color:white;} .bodyLesMills .palinsesto .contPalinsesto .row .one-third.column.cor a {color:var(--green-color);} .bodyLesMills .palFiltroCorsi .filtroBoxCorso {background-color: white;} .bodyLesMills .filtroBoxCorso .star svg {width: 130px;height: 85px;} .bodyLesMills .contPalinsesto #no-more-tables thead th .filtroBox.active {background-color: var(--green-color);} .bodyLesMills .palinsesto .boxCorso .ptCorso {color: var(--green-color);} .bodyLesMills .btn.btn--primary.fucsia {background-color: var(--green-color);} .bodyLesMills span.action-button.link {margin-bottom:5px} .bodyLesMills span.action-button.link svg {width:150px; height:90px} .bodyLesMills #top-bar .top-bar-right {height: 0;top: 7px;} .bodyLesMills figcaption.picture-item__title a {display:block; padding-bottom:15px} .bodyLesMills .contPalinsesto #no-more-tables .icon-lock {position:absolute;left: 130px;width:28px;height:28px;top: 102px;} .bodyLesMills .contPalinsesto #no-more-tables .rigaPriv {position: relative!important;} .bodyLesMills .contPalinsesto #no-more-tables .ico-padlock svg {width:28px; height:28px} .bodyLesMills .contPalinsesto #no-more-tables .icon-lock svg {width:28px; height:28px} .bodyLesMills .palFiltroCorsi.strisce .filtroBoxCorso .star svg {width: 130px;height: 90px;} /* Handle */ .bodyLesMills .palinsesto::-webkit-scrollbar-thumb {background: var(--green-color); } /*.bodyLesMills .palinsesto .boxCorso svg {width: 85px;height: 35px;}*/ .bodyLesMills .palinsesto .boxCorso svg {width: 70%;height: 60%;} /* slider */ .bodyLesMills .sliderPrd{background-color: gray;width: 100%;height: 400px;visibility: inherit;z-index: 20;} .bodyLesMills .personal-trainer .fascia {border-top: solid 1px white;} #NT-schedaIstruttore.bodyLesMills .column .img {padding: 0;margin: 0;display: block;background: none;} /* mosaico lesmills */ .bodyLesMills .m-prodotti .mosaico {margin: auto 2%;} .bodyLesMills .item-image svg {width:100%} .bodyLesMills .item-image { border:solid 1px white} .bodyLesMills .item-image .image{background:white; padding: 0 10px; } .bodyLesMills .m-prodotti .mosaico .item-image {background:white; padding: 0 10px;border:none } .bodyPage.bodyLesMills .title-fucsia-small {color: var(--green-color)!important;text-align: center;text-transform: uppercase;font-size: 24px;letter-spacing: 5px;} .bodyLesMills .m-prodotti .mosaico figure {white-space: nowrap;width: 250px;margin-bottom:5px;border-radius: 5px;} /* Prodotto */ .bodyLesMills .Prodotto {margin: 2% 0.5%;} .bodyLesMills .Prodotto .image {background-color: white;/* border: 5px double #13b389; */padding: 0;width: 100%;margin:0} /*.bodyLesMills .Prodotto .image svg{width:60%;}*/ .bodyLesMills .Prodotto .column .text{ padding: 0 10px; } .bodyLesMills .Prodotto .column .text h3 {display: block;margin: 0;} /*.homeClaimCont .b-cont {position:absolute; top:10px; left:10px}*/ .bodyLesMills .homeClaimCont .b-cont {position: absolute;top: 80px;z-index: 33;width: 30%;left: 20px} .bodyLesMills .b-cont-logo {position: relative;top: 5px;z-index: 33;left: 20px; margin-bottom:10px} .bodyLesMills .column .img {padding: 10px 0;margin: 20px 0;display: block;background-color: white;} .pageMod.m-slider-gen {padding:0} #NT-schedaIstruttore.bodyLesMills .title-fucsia-small {color:var(--green-color);} .bodyPage #NT-schedaIstruttore.bodyLesMills #NT-palinsestoScheda .title-fucsia-small {color: var(--green-color);} #NT-schedaIstruttore.bodyLesMills .fucsia {background: var(--green-color);} .bodyPage.bodyLesMills.pageBasic #top-bar {height: 2px;} .bodyPage.bodyTrx.pageBasic #top-bar {height: 2px;} .bodyPage.bodySM.pageBasic #top-bar {height: 2px;} .bodyPage.bodyMingarelli.pageBasic #top-bar {height: 2px;} /* TXR */ /*.bodyTrx #header .top-bar-left {display:none;} .bodyTrx.homePage #header .top-bar-left {display:block;}*/ .bodyTrx #header .top-bar-left #logo img {width:35%;} .bodyTrx.homePage #header .top-bar-left #logo img {width:100%;} /*.bodyTrx #header #btnReg {display:none;}*/ .bodyTrx #header .fucsia { background:var(--yellow-color); color:black;} .bodyTrx #motore .motore-wrapper.claim {position: absolute;z-index: 1;right: 50%;top: 50%;width: 800px;margin-right: -400px;text-align: center;} .bodyTrx.pageBasic .containerMain{clear: both;background-color: black; color:white} .bodyTrx.pageBasic .containerMain a {color:white;} .bodyTrx .title-fucsia {color:var(--yellow-color);} .bodyTrx .logo-wrapper.claim {position: absolute;z-index: 1;left: 45%;top: 10%;} .bodyTrx #motore .motore-wrapper.claim-trx {position: absolute;z-index: 1;right: 50%;top: 15%;width: 800px;margin-right: -400px;text-align: center;} .bodyTrx .palinsesto .contPalinsesto .row .one-third.column.cor a {color:var(--yellow-color);} /*.bodyTrx .palFiltroCorsi .filtroBoxCorso {background-color: white;}*/ .bodyTrx .contPalinsesto #no-more-tables thead th .filtroBox.active {border: #292929 solid 1px;background-color: var(--yellow-color);text-transform: uppercase;color:black} .bodyTrx .palinsesto .boxCorso .ptCorso {color: #646a6c;text-shadow: 0px 3px 4px rgb(20 20 20 / 29%);} .bodyTrx .btn.btn--primary.fucsia {background-color: var(--yellow-color);color: black;} .bodyTrx span.action-button.link {margin-bottom:5px} .bodyTrx span.action-button.link svg {width:150px; height:90px} .bodyTrx #top-bar .top-bar-right {height: 0;top: 7px;} .bodyTrx figcaption.picture-item__title a {display:block; padding-bottom:15px} .bodyTrx .item img.item-image {width: 100%;border-radius: 0;} .bodyTrx .palFiltroCorsi .filtroBoxCorso {border: none;background-color: none;cursor: pointer;padding: 10px;margin: 0px auto;} .bodyTrx .contPalinsesto #no-more-tables .icon-lock {position:absolute;left: 133px;width:28px;height:28px;bottom: -8px;top:auto;} .bodyTrx .contPalinsesto #no-more-tables .rigaPriv {position: relative!important;} .bodyTrx .contPalinsesto #no-more-tables .ico-padlock svg {width:28px; height:28px} .bodyTrx .contPalinsesto #no-more-tables .icon-lock svg {width:28px; height:28px} .logo-bck {width:100%; height:100%; background:white;opacity:0.8} #NT-schedaIstruttore.bodyTrx .NT-schedaPt span.action-button.link {background:black} #NT-schedaIstruttore.bodyTrx #ajxContPT .palinsestoCont .palinsesto .contPalinsesto .boxCorso {width:auto;} #NT-schedaIstruttore.bodyTrx .title-fucsia-small {color:var(--yellow-color);text-shadow: 0px 3px 4px rgb(20 20 20 / 29%);} .bodyPage #NT-schedaIstruttore.bodyTrx #NT-palinsestoScheda .title-fucsia-small {color: var(--yellow-color);text-shadow: 0px 3px 4px rgb(20 20 20 / 29%);} #NT-schedaIstruttore.bodyTrx .fucsia {background: var(--yellow-color);color:black} /* Prodotto */ .bodyTrx .Prodotto {margin: 2% 0.5%;} .bodyTrx .Prodotto .image { padding: 0;margin:0} /*.bodyLesMills .Prodotto .image svg{width:60%;}*/ .bodyTrx .Prodotto .column .text{ padding: 0 10px; } .bodyTrx .Prodotto .column .text h3 {display: block;margin: 0;} /*.homeClaimCont .b-cont {position:absolute; top:10px; left:10px}*/ .bodyTrx .homeClaimCont .b-cont {position: absolute;top: 80px;z-index: 33;width: 30%;left: 20px} .bodyTrx .b-cont-logo {position: relative;top: 5px;z-index: 33;left: 20px; margin-bottom:10px} .bodyTrx .column .img {padding: 10px 0;margin: 20px 0;display: block;/*background-color: white;*/} .pageMod.m-slider-trx{padding:0} .bodyPage.bodyTrx .title-fucsia-small {color: var(--yellow-color)!important;text-align: center;text-transform: uppercase;font-size: 24px;letter-spacing: 5px;} /* Handle */ .bodyTrx .palinsesto::-webkit-scrollbar-thumb {background: var(--yellow-color);} .bodyTrx .palinsesto .boxCorso svg {width: 85px;height: 35px;} .bodyTrx .personal-trainer .fascia {border-top: solid 1px var(--yellow-color);} /* mosaico TXR .bodyTrx .m-prodotti .mosaico {margin: auto 2%;} .bodyTrx .item-image svg {width:100%} .bodyTrx .item-image { border:solid 1px white} .bodyTrx .item-image .image{background:white; padding: 0 10px; } .bodyTrx .m-prodotti .mosaico .item-image {background:white; padding: 0 10px;border:none } .bodyTrx .m-prodotti .mosaico figure {white-space: nowrap;width: 250px;margin-bottom:5px;border-radius: 5px;}*/ /* MINGARELLI*/ /* mosaico lesmills */ .bodyMingarelli .m-prodotti .mosaico {margin: auto 2%;} .bodyMingarelli .item-image svg {width:100%} .bodyMingarelli .item-image { border:solid 1px white} .bodyMingarelli .item-image .image{background:white; padding: 0 10px; } .bodyMingarelli .m-prodotti .mosaico .item-image {background: black;padding: 0 10px;/* border:none; */border-radius: 0.5em;} .bodyMingarelli .m-prodotti .mosaico figure {white-space: nowrap;width: 250px;margin-bottom:5px;border-radius: 5px;} .bodyMingarelli .column .img {padding: 10px 0;margin: 20px 0;display: block;background-color:black; border:solid 1px white;border-radius: 0.5em;} .bodyMingarelli .Prodotto .image {background-color:black;padding: 0;width: 100%;margin:0} .bodyMingarelli.pageBasic .containerMain{clear: both;background-color: black; color:white;} .bodyPage.bodyMingarelli .title-fucsia-small {color: var(--blue-color)!important;text-align: center;text-transform: uppercase;font-size: 24px;letter-spacing: 5px;} .bodyMingarelli .title-fucsia {color:var(--blue-color);} .bodyMingarelli #header .top-bar-left #logo img {width:35%;} .bodyMingarelli .homeClaimCont .b-cont {position: absolute;top: 80px;z-index: 33;width: 27%;left: 213px;} .bodyMingarelli .b-cont-logo {position: relative;top: 5px;z-index: 33;left: 20px; margin-bottom:10px} .bodyPage.bodyMingarelli .palinsesto .contPalinsesto .row .one-third.column.cor a {color:var(--blue-color) } /* Handle */ .bodyMingarelli .palinsesto::-webkit-scrollbar-thumb {background: var(--blue-color);} .bodyMingarelli .palinsesto .boxCorso svg {width: 78px;height: 67px;} .bodyMingarelli .personal-trainer .fascia {border-top: solid 1px var(--blue-color);} .bodyMingarelli .fucsia {background: var(--blue-color)!important;} .bodyMingarelli .contPalinsesto #no-more-tables thead th .filtroBox.active {border: #292929 solid 1px;background-color: var(--fcs);text-transform: uppercase;} /* TUTORIALS */ .videoTutSx { width: 33%; border: 1px solid; float: left; margin: 15px 5px; padding: 10px;} .videoTutSx .boxCorso { min-height: 60px; padding: 9px; background-color: #60153b;color:white;border: solid 1px #655a5a; margin: 5px 0;line-height:22px; overflow: hidden;} .videoTutSx .boxCorso.sel { background-color: #f5f5f1;color:black;} .videoTutSx .orario { float: left; border-left: 1px solid; padding: 0 5px;margin-bottom: 10px; } .videoTutSx .boxCorso .ptCorso{ color:var(--fcs);font-size: 18px;text-transform:uppercase;} .videoTutSx .boxCorso .titoloCorso{font-weight: 500;font-size: 18px;} .videoTutSx .boxCorso .orarioCorso{font-weight: 300;font-size: 16px;} .videoTutSx .boxCorso .dataCorso{font-weight: 300;font-size: 16px;} .videoTutSx .boxCorso svg {width: 80px;height: 80px;} .videoTutSx .rowTut {/*margin: 20px 0;*/ width: 75%;} .videoTutDx { width: 60%; float: right; border: 1px solid; margin: 15px 5px; padding: 10px;min-height: 226px;} .videoTutDx .box {padding: 9px;} .videoTutDx .NT-selCorsi .creditiCorso { float: right; } .videoTutDx .boxCorsiDx { border: 1px solid; padding: 9px; margin-bottom: 10px;background-color: #f5f5f1;color:black; } .videoTutDx .totCred { width: 100%; text-align: right; padding: 5px;font-size: 25px;} .videoTutDx #NT-totCreditiSum {font-weight: 600;} .videoTutDx .btnCrsPri {text-align: center;} .videoTutDx .box .dataCorso{font-weight: 300;font-size: 16px;} .videoTutSx .box .titoloCorso{font-weight: 500;font-size: 18px;} .videoTutDx .box h4 {font-size: 25px;text-align: center} .videoTutDx .NT-selCorsi .titoloCorso {margin: 5px;} .videoTutDx .NT-selCorsi .titoloCorso a {color: black; font-weight:600;text-decoration:underline;} /* BANNERS */ .banContainer {max-width: 1200px;margin: 2% auto; text-align: center;} .banContainer .one-third.banColumn {width: 31%;float:left;border: solid 1px black;border-radius:2px} .banContainer .one-third.banColumn:last-child {background:black} .m-bannersPalestre .banColumn {margin: 0 0.8% 40px;border: solid 1px black;border-radius: 2px;} .banColumn { margin: 0 1% 40px; display: inline-block; float:left} .banColumn .my-btn-class{ position: relative; display: block; } .banColumn .my-btn-class img{ max-width: 100%; } .banColumn .my-btn-class:hover > .btn-over{ display: flex; } .banColumn .btn-over{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none; top: 0px; align-items: center; justify-content: center; color:#fff; font-weight: 600; font-size:2rem; } .banColumn .neon {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px var(--fucsia-color), 0 0 15px #fff, 0 0 20px var(--fucsia-color), 0 0 25px #fff, 0 0 30px var(--fucsia-color), 0 0 35px #fff, 0 0 40px var(--fucsia-color); } .banColumn .neonEntra {color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px var(--yellow-color), 0 0 15px #fff, 0 0 20px var(--yellow-color), 0 0 25px #fff, 0 0 30px var(--yellow-color), 0 0 35px #fff, 0 0 40px var(--yellow-color); } /* MAPS */ .mapCont { height: 300px; width: 500px; } .homeMap { height: 300px; } /* BOX PACCHETTI */ .cardPac {position:relative; margin:0 10px; color: var(--clr-neutral-100); background-size: cover; padding: 10rem 0 0; max-width: 35ch; border-radius: 0.5rem; overflow:hidden; transition: transform 500ms ease; background-repeat: no-repeat; background-size: contain; background-position-y: top; border: 1px solid var(--clr-button); } .cardPac:hover { transform:scale(1.05); } .cardPac-content { padding: var(--padding); background: linear-gradient( hsl(0 0% 0% / 0), hsl(20 0% 0% / 1) 50%, hsl(0 0% 0% / 1) ); } .cardPac-istruttore { font-weight: 500; } .cardPac-title{position: relative; width: max-content; font-weight: 500;} .cardPac-title::after { content:""; position: absolute; height: 4px; left: calc( var(--padding) * -1 ); bottom: 0; width: calc( 100% + var(--padding) ); background: var(--clr-button); transform: scaleX(0); transform-origin: left; transition: transform 500ms ease;} .cardPac:hover .cardPac-title::after { transform: scaleX(1);} .cardPac-body { color: rgb(255 255 255 / 0.85); font-size: 100% !important;} .buttonPac { cursor: pointer; display: inline-block; text-decoration: none; color: white; background-color: var(--clr-button); padding: 0.5em 1.25em; border-radius: 0.25em;} .cardPac-body strong { color: var(--clr-button);font-size: 20px;} /* LES MILLS */ .bodyLesMills.cardPac { border: 1px solid var(--clr-lesmills-button);} .bodyLesMills .buttonPac { background-color: var(--clr-lesmills-button);} .bodyLesMills .cardPac-title::after { background: var(--clr-lesmills-button);} .bodyLesMills .cardPac-body strong { color: var(--clr-lesmills-button);} /* BOX PACCHETTI ORIZZIONTALI */ .cardPac.horiz {max-height: 26ch; max-width: 75ch; padding: 0; margin: auto;} .cardPac.horiz .cardPac-content { text-align:right; background: linear-gradient(to right, hsl(0 0% 0% / 0), hsl(20 0% 0% / 1) 50%, hsl(0 0% 0% / 1) ); } .cardPac.horiz .cardPac-title { text-align: right; display: inline-block;} .cardPac.horiz .cardPac-title::after { right: calc( var(--padding) * -1 ); left:0; width: calc( 100% + var(--padding) ); transform-origin: right; } /* BOX SMARTBOX */ .carta-sb { position: relative; overflow: hidden; float: left; width: 500px; height: 260px; border: 1px solid var(--fucsia-color); border-radius: 20px; margin:5px; } .smartbox-card { position: absolute; top: 50%; left: 50%; display: flex; height: 260px; width: 500px; transform: translate(-50%, -50%); flex-wrap: wrap; cursor: pointer; border-radius: 20px; } .sb-icona{ flex: 1 100%; height: 60%; border-top-left-radius: 20px; border-top-right-radius: 20px; background: #FAFAFA; display: flex; align-items: center; justify-content: space-around; } .sb-body{ flex: 0 0 70%; height: 40%; background: #080705; border-bottom-left-radius: 20px; display: flex; align-items: center; color: white; } .sb-sx{ flex: 0 0 100%; width: 100%; font-size: 65px; display: flex; justify-content: space-around; } .sb-descr{ flex: 0 90%; display: flex; flex-direction: column; width: 100%; height: 100%; justify-content: center; } .sb-titolo{ text-transform: uppercase; font-size: 2rem; font-weight: 100;} .sb-sottotitolo{ font-size: 0.8rem; } .sb-prezzo{ flex: 0 0 30%; height: 40%; background: var(--fucsia-color); border-bottom-right-radius: 20px; display: flex; justify-content: space-around; align-items: center; color: white; font-size: 1.5em; font-weight: 800; text-align:center; } .sb-subprztitolo { text-transform: uppercase; font-size: 1rem; font-weight: 400; } .sb-subprz { text-transform: uppercase; font-size: 1.5rem; font-weight: 500; } .pageSmartBox .carta-sb .smartbox-card .sb-icona .ico.ico-star svg {width:150px; height:150px} .bodyPage.pageSmartBox.pageBasic .on-page{padding: 0 6%;} .msgErr { margin-bottom: 10px; } .user-ico-pt {background-color: white;padding: 0;border-radius: 5.5em;margin: 5px 10px 5px 0;} .getSchede a.link { color:var(--fucsia-color);font-weight: 600;text-decoration: none;} /* LOADING */ .lds-ripple {display: inline-block;position: relative;width: 80px;height: 80px;} .lds-ripple div {position: absolute;border: 4px solid #e8e1e1;opacity: 1;border-radius: 50%;animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;} .lds-ripple div:nth-child(2) {animation-delay: -0.5s;} @keyframes lds-ripple { 0% {top: 36px;left: 36px;width: 0;height: 0;opacity: 1;} 100% {top: 0px;left: 0px;width: 72px;height: 72px;opacity: 0;} } /* LOADING */ #LoadingScheda.loading {position: fixed; width: 100%; height: 100%; z-index: 7999;top: 0; left: 0;} #LoadingScheda.loading .icoDark{display:block;} #LoadingScheda.loading .icoLight{display:none} #LoadingScheda .loadMsgCont{text-align:center; padding:15px 0; position:absolute; top:40%; left:0; right:0} .loadPage{height:100%;} .load-cont{height:100%;background:rgba(0,0,0,0.7); padding-top: 110px;} .load-panel{background:rgba(255,255,255,0.9); max-width:320px; border-radius:5px; border:1px solid var(--gray-ed); text-align:center; margin:auto;} .load-panel-inner{padding:40px} .load-panel .title{color:#0067A5; font-weight:100; font-size:26px; margin-bottom:12px;} .load-panel .subtitle{color:#999; font-weight:300; font-size:14px; text-transform:uppercase;margin-top:12px;} .loadMsgCont center{margin:2px 0 0; font-size:11px; text-transform:uppercase; letter-spacing:0.05em; font-weight:300; color:#999} /* PALESTRA */ .palestra #header{min-height: 0!important;} /* temp */ .pageMod.m-slider-san-marco, .pageMod.m-slider-palestra{padding:0} .pageMod.m-articolo-home{padding:0} .pageMod.m-articolo-home .widgets-wrapper .box-articolo-divider{padding: 20px 45px 0;} .palestra #motore .motore-wrapper.claim-pls {position: absolute;z-index: 1;right: 50%;top: 15%;width: 800px;margin-right: -400px;text-align: center;} .palestra .title.pls {font-size: 35px;text-transform: capitalize;margin-top:40px} .pageMod.m-articolo-card a {color:black} .pageMod.m-articolo-card {color:black} .pageMod.m-articolo-card .box-articolo-divider {padding: 30px 45px;} /*.pageMod.m-articolo-card .col-md-12 {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}*/ .pageMod.m-articolo-card .col-md-12 .home-links {display: flex;width: 100%;justify-content: space-between;margin: 50px 0px 20px;} .pageMod.m-articolo-card .col-md-12 .pane {display: block;background-color: white;padding: 15px;border:solid 1px var(--fucsia-color)} .pageMod.m-articolo-card .col-md-12 .home-links .pane i {vertical-align: middle;border-style: none;font-size: 62px;max-width: 600px;background: linear-gradient(90deg,#1688A2 12.33%,#1875CA 33.75%,#D231B1 60.02%,#DD2A4B 89.93%); -webkit-text-fill-color: transparent;-webkit-background-clip: text;margin-right: auto;margin-left: auto;margin-bottom: 0;} .pageMod.m-articolo-card .col-md-12 .home-links .pane i {display: block;position: absolute;top: 15px;left: 12px;} .home-links a {flex: 0 0 calc(25% - 10px);color: var(--color-slate);font-size: 16px;text-decoration: none;} .home-links .pane::before {display: block;content: '';width: 100%;padding-bottom: 30%;} .pageMod.m-articolo-card .col-md-12 .home-links a>div:not(.pane) {padding: 12px 15px;} .palestra .text{line-height: 38px;font-size: 22px;} .cont-ico-pal {font-size: 22px;position:relative; top:2px; left:5px} .m-articolo-home .one.column .btnBorder:hover {background:white;} /* box abbonamenti palestra */ .m-abbonamenti .content-pad {padding: 10px } .containerAbb { display: flex; justify-content: center; align-items: center; max-width: 1200px; margin: 40px 0;flex-wrap: wrap;} .containerAbb .card { position: relative; min-width: 250px; height: 300px; border-radius: 15px; margin: 0px;background-color: inherit!important;} .containerAbb .card .box { position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; background: #2a2b2f; border-radius: 15px; display: flex; justify-content: center; align-items: center; overflow: hidden;} .containerAbb .card .box:before { content: ""; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: rgba(255, 255, 255, 0.03);} .containerAbb .card .box .content { padding: 20px; text-align: center;} .containerAbb .card .box .content h2 { position: absolute; top: -10px; right: 30px; font-size: 8rem; color: rgba(255, 255, 255, 0.1);} .containerAbb .card .box .content h3 { font-size: 1.5rem; color: #fff; z-index: 1; transition: 0.5s; margin-bottom: 15px;} .containerAbb .card .box .content p { font-size: 2.4rem; font-weight: 600; color: rgba(255, 255, 255, 0.9); z-index: 1;} .containerAbb .card .box .content p span{ font-size: 2rem;} .containerAbb .card .box .content a { position: relative; display: inline-block; padding: 8px 20px; background: var(--fucsia-color); border-radius: 5px; text-decoration: none; color: white; margin-top: 20px; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);} .containerAbb .card .box .content a:hover { box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6); background: #fff; color: #000;} /* BROWSER */ #msgBrowser { max-width: 50%; position: absolute; top: 10px; left: 0; right: 0; margin: auto; text-align: center; padding: 20px; border: 1px solid; z-index: 999; } /* SLIDER HOME */ .NT-bottoniSlider{position:absolute;left:0; right:0; margin:auto; bottom:10px;width: 100%; text-align:center} .NT-bottoniSlider .btn-dots {margin-right:8px;} .NT-bottoniSlider .btn-dots button {display: inline-block; margin: 30px 0;padding: 5px; border: 2px solid #043954; border-radius: 50%; cursor: pointer; background: none} .NT-bottoniSlider .btn-dots button.sel {display: inline-block; margin: 30px 0;padding: 5px; border-radius: 50%;background: white} .homeClaimCont{position:absolute;left:0;right:1px;margin:auto;top:55px;color:#ffffff;width: 100%;} .homeClaimCont .didascalia{display:block;color:#fff;font-weight:300; font-size:62px;text-shadow: 0px 3px 4px rgba(150, 150, 150, 0.64);text-decoration:none} .homeClaimCont .descrizione{display:block;font-weight:400; font-size:32px;text-shadow: 0px 3px 4px rgba(150, 150, 150, 0.64);margin-bottom:50px;width:40%;text-decoration:none} .homeClaimCont .subTitle{display:inline-block; font-size:18px;background:#ffffff; border:1px solid #043954; padding:8px 16px;border-radius: 5px;} .homeClaimCont .didascalia:hover{opacity:0.8} .homeClaimCont .descrizione:hover{opacity:0.8} .homeClaimCont .subTitle:hover{ color:#043954;border:2px solid #043954; } .bodyTrx .homeClaimCont{position:absolute;left:0;right:1px;margin:auto;top:0;color:#ffffff;width: 100%;} .homeClaimCont .homeBtnClaim {color:#fff; font-weight:400; font-size:15px; line-height:14px; letter-spacing:0.05em;text-decoration:underline; } .homeClaimCont .homeBtnClaim:hover{text-decoration:underline;color:#ededed;} /* PALLINI */ .swiper-pagination-bullet {margin-right:8px;} .swiper-pagination-bullet {display: inline-block; margin: 30px 0;padding: 1px; border: 2px solid var(--fucsia-color); border-radius: 50%; cursor: pointer; background: none} .swiper-pagination-bullet.swiper-pagination-bullet-active {display: inline-block; margin: 30px 0;padding: 1px; border-radius: 50%;background: white} /* HOME PAGE */ .swiper-container.slider, .imgHome {padding: 0;z-index: 1;min-height: 420px;position: relative;background: url(/img/bg-sliderHome.jpg);/*overflow: hidden;*/background-size: cover;} /*.swiper-container.slider, .imgPage {padding: 0;z-index: 1;min-height: 420px;position: relative;background: url(/img/bg-sliderHome.jpg); background-size: cover;} */ .msgFancy.fancyWCol{width: 14.3%!important;} .pageMod.m-articolo-card .card .card-body .card-title i.color{vertical-align: top;border-style: none;font-size: 62px;max-width: 600px;background: linear-gradient(90deg,#1688A2 12.33%,#1875CA 33.75%,#D231B1 60.02%,#DD2A4B 89.93%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;margin-right: auto;margin-left: auto;margin-bottom: 0;} .pageMod.m-articolo-card .card {border: 1px solid var(--fucsia-color)!important;} .pageMod.m-articolo-card .card .card-body p {font-size: 28px!important;} .pageMod.m-articolo-card .card .card-body .card-title {line-height:0;} /* TAB */ .tabBlock{margin:10px 0 20px} .tabCont {padding:20px 10px 20px; border:1px solid #ededed; background:#fff; overflow: hidden; border-radius: 0px 4px 4px 4px;} .tabTopDest {margin:0;padding:0;list-style-type:none;display:table;} .tabTopDest li {float:left; margin-right: 5px; margin-top:5px;} .tabTopDest li a {background-color: #ced5dc; border: 1px solid #ededed; border-radius: 4px; display: block; height: 42px; line-height: 42px; padding:0 15px; text-decoration: none; } .tabTopDest li .label{font-weight:400; font-size:18px; color:#000} .tabTopDest li a:hover {background-color:#f5f5f5; border:1px solid #ededed;} .tabTopDest li a.active{border: 1px solid #ededed;border-bottom:1px solid #fff;background-color:#fff;position: relative; top: 1px; color:#01538D;} .tabCont .fotoTab{float:left; max-width:280px; margin-right:30px;} .tabCont .fotoTab img{width:100%;border:5px solid #fff;} .tabCont .fotoTab:hover img{opacity:0.9; border-color:#223346; cursor:pointer;} .tabCont .text,.expandBox .text{line-height:24px;font-size:15px; overflow:hidden; font-weight:200;} .tabCont .basicText{font-size:18px; color:#221f1f; text-align:left;} .evento .card-body p {font-size: 22px!important;margin: 5% auto;} .evento .col-lg-3 {width: 20%;} .evento .card-body {text-align: left;} .evento .col-lg-3 .card.active {border:solid 3px var(--fucsia-color);} .evento.palestra #messageRegContent .title-fucsia {text-align: center;color: black;text-transform: inherit;font-size: 28px;letter-spacing: 1px;line-height:50px;font-weight: 300;} .evento.palestra #messageRegContent .title-fucsia a {color:var(--fucsia-color);} .evento.palestra .rowForm label {color:#212529;font-weight: 400;font-size: 16px;} .evento.palestra .rowForm a.icon-captcha {color:#212529!important} .evento.palestra .rowForm label.error {color: var(--red-color);font-weight: 600;font-size: 12px;} #no-more-tables *, #no-more-tables::after, #no-more-tables::before {box-sizing: content-box} .trainer-content {position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);} .trainer-content .sub-title {font-size: 32px;font-weight: 300;margin: 10px 0;} .inner-trainer {bottom: 0;left: 0;position: absolute;right: 0;top: 0;height: 100%;z-index: 10;} .inner-trainer h1.title {font-size: 55px;line-height: 1.2;} .inner-trainer h4.sub-title {font-weight: 500;text-transform: capitalize;letter-spacing: 1px;font-size: 22px;} .inner-trainer .formCont .formRow.formAction {text-align: center;margin: 20px auto;padding: 0 0;} .inner-trainer a.action-button{display: grid!important;} .block-subscribe {background: #ffffffab;padding: 1em 2em;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;-o-border-radius: 6px;max-width: 460px;} .block-subscribe-name {padding: 5px;margin-bottom:10px} #CookiebotWidget :focus-visible, #CookiebotWidget:not(.CookiebotWidget-open) .Cookiebotwidget-logo {outline: 0!important;outline-offset: 0!important;} /* bossoni robin */ /*.card .btn{padding: 6px 22px; border:solid 1px #ee5708}.video-wrap h1 {text-shadow: 2px 2px 4px black;}.video-wrap {background: url(../img/videoBossoni.jpg) no-repeat top;} .card-body.news .card-title a {font-size: 22px!important; color: var(--orange);text-decoration: none;} .accordion-header .accordion-button:not(.collapsed) {color: var(--orange)} .rowForm em, .nota em, .rowForm100 em { color: var(--orange); } .lsLink:hover .nameLink {color: var(--orange);} .lsLink.sel{background:var(--orange); position:relative; top:1px; border:1px solid #292929; border-bottom:1px solid #fff;color:white;font-weight:400;} .btnBoxB {background: var(--orange);} header.bg-dark {border-bottom: solid 1px white;} .bg-violet { background-color: var(--orange); } .fucsia {background: var(--orange)!important; font-weight: 600;} h1.title-home {color:var(--orange)!important;text-align:center;text-shadow: none} .fucsia {background:var(--orange)!important; color:white!important;} .slider-wrapper-login{background-color: transparent;background-repeat: no-repeat;background-image: url(/img/demo-bossoni.jpg);background-size: cover;background-position: 2% 2%;width: 100%;height: 100%;opacity: 1;top: 0px;left: 0px;visibility: inherit;z-index: 20;}*/ /* VIDEO */ .NT-contVideo{position: relative;} .NT-contVideo>.player-buttons{ background: url('http://cdn1.iconfinder.com/data/icons/iconslandplayer/PNG/64x64/CircleBlue/Play1Pressed.png') center center no-repeat; height: 128px; left: 50%; margin: -64px 0 0 -64px; position: absolute; top: 50%; width: 128px; z-index: 1;} .number {color: white;font-size: 70px;font-weight: 500;line-height: 100px;} .video-wrap {background: url(../img/video.jpg) no-repeat top;background-size: cover;padding: 100px 0;width:100%;overflow: hidden; } .video-wrap p{font-size:24px; color:#fff; line-height:36px; text-align:center; padding:0 100px;} .video-wrap h1 {color: #fff;margin-bottom: 38px;display: inline-block; font-size: 65px;} .playbtn {text-align:center; margin-top:80px; position:relative;} .playbtn:before{content:""; background:#fff; width:600px; height:2px; position:absolute; top:50%; left:50%; margin-left:-300px;} .playbtn a {box-sizing: content-box;display: inline-block;width: 32px;height: 44px;background: #fff;border-radius: 50%;padding: 18px 20px 18px 28px;position: relative;} .playbtn a:before { content: ""; position: absolute; z-index: 0; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; background: #fff; border-radius: 50%; -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } .playbtn a span { display: inline-block; position: relative; z-index: 3; width: 0; height: 0; border-left: 32px solid var(--orange); border-top: 22px solid transparent; border-bottom: 22px solid transparent; } .playbtn a:after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: block; width: 80px; height: 80px; border-radius: 50%; -webkit-transition: all 200ms; transition: all 200ms; } .tooltip_ { border-bottom: 1px dashed; text-decoration: none; cursor: pointer;} @-webkit-keyframes pulse-border { 0% { -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity:1; } 100% { -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity:0; } } @keyframes pulse-border { 0% { -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1); transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity:1; } 100% { -webkit-transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity:0; } } .full-box table{ width: 100%;} .boxFormX ul {list-style: disc;padding-left: 2rem;margin-top: 0;margin-bottom: 1rem;} .news .card-body p {margin: 12% auto;} .card-body.news p.card-text{margin: 12% auto;font-size:20px!important;font-weight: 300;} .card-body.news .card-title a{color:var(--fucsia-color);font-size:28px!important} /*responsive*/ @media only screen and (max-width: 1600px){ .msgFancy.fancyWCol {width: auto!important;} } @media only screen and (max-width : 1200px) { .one-second.column.banner-home p {font-size: 18px;} .homeClaimCont .descrizione { width: 90%;padding-left: 5%;} .homeClaimCont .didascalia {padding-left: 5%;margin-top:10px} .homeClaimCont .subTitle {margin-left: 5%;} } @media only screen and (max-width : 1100px) { .pageArt .inner {padding: 0 15px} .pageBasic .inner {padding: 0 15px;} .modCat .cont {width: 100%;float: none;} .palFiltro{width: 50%;float: left;} .palFiltro .filtroBox { float: none;} .videoTutSx { width: 100%; float: none} .videoTutDx { width: 100%; float: none} } @media only screen and (max-width : 1024px) { header.mob {display:block;} .headItem .no-mob{display:none!important} .dashPropCont {width: 98%; margin: 5px;} .m-faq .pageModCont {width: 98%;} #topGestCont .row_ label {display:block;margin:10px;border-bottom:solid 1px white; overflow: hidden;padding:10px 0} #topGestCont .row_ input {width:50%} #topGestCont .row_ .txtNome, #topGestCont .row_ .txtData, #topGestCont .row_ .txtSelect{width:50%; margin:15px 0} .headItem .box .nome-code { display:block; margin-top:10px} .rowForm {padding: 0 15px 15px;} .canvas-container {position: relative;padding-bottom: 70%; /*// (720 ÷ 1680 = 0.4286 = 43%);*/height:0;overflow:hidden;} .container.pt-width {max-width: 88%;} .carta-sb {width: 350px;} .smartbox-card {width: 350px;} .sb-subprz {font-size: 0.9rem;} .sb-titolo {font-size: 1.2rem;} .evento .col-lg-3 {width: 50%;} } @media only screen and (max-width : 880px) { /* Media Query per il No More Tables */ /* Forza la tabella a non comportarsi come una normale tabella */ #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {display: block; } /* Nasconde le intestazioni della tabella */ #no-more-tables thead tr { position: absolute; top:-9999px; left:-9999px;} #no-more-tables tr { border: 1px solid #ccc; margin-top: 10px;} #no-more-tables td { /* Inserisce il comportamento come una riga */ border: none; border-bottom: 1px solid #e2dcdc; position: relative; padding-left: 50%; white-space: normal; text-align:left; } #no-more-tables td {padding-top: 15px; padding-bottom:15px;min-height: 21px;box-sizing: content-box;} #no-more-tables td:before { /* Inserisce il comportamento come un'intestazione di tabella */ position: absolute; /* I valori top/left agiscono come padding */ top: 16px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold; } /* Aggiunge l'etichetta ai dati della tabella */ #no-more-tables td:before { content: attr(data-title); } #no-more-tables table .actions {text-align:left; } #no-more-tables table .actions a {text-decoration: underline; color:black } #no-more-tables table .actions {text-align:left;} #no-more-tables table .actions a {border-radius: 5px;color:var(--fucsia-color);border: solid 1px var(--fucsia-color);font-weight: 600;display: block; padding: 10px;text-transform: uppercase;background: var(--fucsia-color);} #no-more-tables table .actions .label {color:white;} #no-more-tables .op-video td {padding: 0!important;} .column.one-second .dashPropContX{min-height: auto;} .one-third.column {width: 100%;} .one-second.column {width: 100%;} .two-third.column {width: 100%;} .one-fourth.column {width: 100%;} .pageBasic.pageImage.pageHpVa #no-more-tables td:before { top: 6px;} .NT-newPal form .rowForm {width: 100%;float: none;padding: 0 0 10px;} /*.NT-newPal form .rowForm {padding: 0 0 0;} */ /*.NT-newPal form .rowForm100 {padding: 0 0 0;} */ .container p {font-size: 18px;} .box-articolo-divider {padding: 20px 45px;} .headItem .box .nome-code { display:inline-block; margin-top:10px} .palinsesto .contPalinsesto .row .one-third.column.next{text-align:center} .palinsesto .contPalinsesto .row .one-third.column.prec{text-align:center} .pageArt .article.basicText {padding: 0 15px;} .bodyLesMills .swiper-container.no-login ,.bodyTrx .swiper-container.no-login {margin-top: 60px;} .bodyLesMills .swiper-container.login,.bodyTrx .swiper-container.login {margin-top: 160px;} .bodyLesMills #top-bar .top-bar-right .headItem a, .bodyLesTrx #top-bar .top-bar-right .headItem a {margin-right: 0;} .bodyTrx .homeClaimCont .b-cont {top: 9px;width: 14%;} .banContainer .one-third.banColumn {width: 98%;float: none;} .banColumn {margin: 0 0 10px;} .bodyTrx #motore .motore-wrapper.claim-trx {position: absolute;z-index: 1;right: 39%;top: 27%;max-width: 20%;margin-right: 0;text-align: center;margin-bottom: 40px;} .bodyTrx #motore .motore-wrapper.claim {display:none} .palestra #motore .motore-wrapper.claim-pls {top: 40%;} .evento.palestra #motore .motore-wrapper.claim-pls {top: 60%;} .pageMod.m-articolo-home .widgets-wrapper .box-articolo-divider {padding: 10px 15px 0;} .home-links .pane::before {padding-bottom: 15%;} .swiper-container.slider, .imgHome {padding: 0;z-index: 1;min-height: 420px;position: relative;background: url(/img/bg-sliderHome.jpg);background-size:contain;background-repeat:repeat-x;} .headItem {float:none; display: block!important;text-align:center; padding: 10px 0;margin: 10px 0 0;} } @media only screen and (max-width: 768px) { #error-404 .error-pic {width: 100%;float: none;} #error-404 .error-desk {width: 100%;float: none;} .m-articolo-home .one-second.column {width: 98%;} #motore .motore-wrapper .input-motore input {min-width: 300px;} .lsMenuCont .lsMenu {padding: 0 5px;} td { padding: 6px;font-size: 14px;} .formCont .formBox2{width:98%; float:none; margin-bottom:10px} .formCont .formBox3{width:98%; float:none; margin-bottom:10px} .formCont .formBox4{width:98%; float:none; margin-bottom:10px} .formCont .formBox2 .txt{width:60%;} .formCont .formBox2:last-child{margin-bottom:0;} .formCont .formBox2:last-child .txt{float:none;} .formCont .formBox2:last-child label{padding-left:0;} .palFiltroCorsi.strisce .filtroBoxCorso{padding: 5px 8px;} .dashTitle .titleCursive {margin-bottom: 15px;} /*#top-bar .top-bar-right {float: none;}*/ #login-area .motore-wrapper .sub-text .text {font-size: 18px;} .palFiltroCorsi.strisce .filtroBoxCorso .star {display:none} .bodyLesMills .palFiltroCorsi.strisce .filtroBoxCorso .star {display:inline-block; width:100%; height:100%} .palFiltroCorsi.strisce .filtroBoxCorso{ padding: 5px 8px;} .palFiltroCorsi.strisce {display: inline-block;} input[type=button] {font-size: 12px;} /*#top-bar .top-bar-right {z-index: -1;}*/ .dashPropCont .content-pad .row .link-reg {font-size: 0.8em;color: var(--fucsia-color);} #topGestCont .row_ .txtNome, #topGestCont .row_ .txtData, #topGestCont .row_ .txtSelect {width: 90%;margin: 15px 10px;} .rowForm {padding: 0 10px 10px;} .personal-trainer h2 {font-size: 27px;} .personal-trainer a.action-button.link, .personal-trainer a.action-button.fucsia {margin: 6px 6px;font-size: 12px;} .btnGray.NT-btnCredits {padding: 5px 8px;} .one-third.no-corsi .dashPropContX {width: 100%;} .cedCerSx,.cedCerDx { width: 100%; float: none; } .corsiPrivatiSx, .corsiPrivatiDx{ width: 100%; float: none;padding: 0; margin:10px 0; min-height: auto;} #corsoAcq {width: 100%;} #corsoAcq .actions{margin-top: 15px;} h2 {line-height: 35px;} .title-fucsia {font-size: 28px;} .formTitleBig {font-size: 28px;} #normalAlert .corpo {margin-top:5px; padding: 0; font-size: 12px;} #normalAlert .corpo .btn.fucsia.tab {width: 70%;} #normalAlert .subtitle {color: black;font-weight: 400;font-size: 12px;} .canvas-container {position: relative;padding-bottom: 70%; /*// (720 ÷ 1680 = 0.4286 = 43%);*/height:0;overflow:hidden;max-width: 60%;margin: 15% auto 0;} .btn.btn--primary,.btn.btn--primary.btn-welness{padding: 5px 8px;font-size: 12px;} span.action-button.link {padding: 5px 8px;font-size: 12px;margin-bottom:5px} .text-mob {display:block} .dashPropCont {margin: 5px 0 15px;width: 100%;border:none} .lsLink .nameLink { padding: 0 0;} .four.columns, .one-fourth.column {width: 100%;} .xs-flex-wrap .xs-flex-item {flex: 0 0 calc(100% - 5px);margin-bottom: 25px;} .xs-flex-wrap {flex-wrap: wrap;} .lsMenuCont {margin-top:100px; border-bottom:solid 1px #141414} .palestra .title.pls {font-size: 30px;} .inner-trainer h1.title {font-size: 35px;} } @media only screen and (max-width: 645px) { .top-bar-left #logo img {width: 58%;} .pageHpVa .action-top.no-mob{display:none!important} .title-fucsia {font-size: 22px;} .container.pt-width{max-width: 220px;} .boxCorso.NT-crsPac .ptCorso, .boxCorso.NT-crsPac .creditiCorso{line-height: 32px;} .canvas-container {position: relative;padding:0;overflow: hidden;max-width: 40%;margin-top: 29%;} .canvas-container {position: relative;padding: 20%;} .slider-wrapper .img-home {height: 650px;} .box-articolo-divider {border-top: 0;padding: 10px 15px;} .titleText {font-size: 38px;line-height: 33px;} .lsLink .nameLink .logoMy svg {width: 25px;padding: 0 5px;} .one-second.column.banner-home-color {min-height:auto;} .bodyLesMills #motore .motore-wrapper .sub-text .text, .bodyTrx #motore .motore-wrapper .sub-text .text {font-size: 23px;line-height: 30px;} .bodyLesMills #motore .motore-wrapper.claim img.logo, .bodyTrx #motore .motore-wrapper.claim img.logo {max-width: 40%;} .bodyLesMills figure,.bodyTrx figure {white-space: nowrap;width: 98%;margin-bottom:5px;} .bodyLesMills .m-prodotti .mosaico figure, .bodyTrx .m-prodotti .mosaico figure {white-space: nowrap;width: 98%;margin-bottom:5px;} .homeClaimCont .didascalia {margin-top: 12%;font-size: 42px;} .homeClaimCont .descrizione {font-size: 22px;} .bodyMingarelli #motore .motore-wrapper {position: absolute;z-index: 1;right: 0;top: 35%;margin-right: 0;text-align: center;margin: 18% 1%;width: 98%;} .home-links {margin: 20px 0px 0px;} .elLegend {display: inline-block;margin: 8px 0!important;} .home-links .pane::before {padding-bottom: 22%;} .homeClaimCont .didascalia {margin-top: 12%;} #top-bar .top-bar-right {padding: 0;} .evento .col-lg-3 {width: 100%;} .trainer-content {top: 37%;} .lsLink:hover{border-bottom:1px solid #F4F7FA;} footer .rights {font-size:12px} .rowForm100 .contatti-label {display: block;margin-bottom: 10px;} .mainHp.dt .slider-wrapper-login {background-position: 50% 50%;} .mainHp.dt .slider-wrapper-login.aef {background-position: 80% 50%;} .mainHp.dt .trainer-content {top: 54%;} .strip-border {border-bottom: 1px solid #dee2e6!important;} } @media only screen and (max-width: 540px) { h1.title-home {font-size: 22px;padding: 0;width: 100%;margin: 2px auto; overflow: hidden;} h2.sub-title-home {font-size: 18px;} .title-fucsia {font-size: 23px;letter-spacing: 0;line-height: 1.5;} #motore .motore-wrapper .sub-text {padding: 0 240px; font-size: 20px;} .headItem .box .crediti .ico {display:none} a.action-button {display: block;padding: 5px 8px;} .lsLink .nameLink {font-size: 12px;letter-spacing: 0;padding: 0 1px;font-weight: 500;} .rowForm {width: 100%;} .rowForm .row-doc .bot-cta,.rowForm100 .row-doc .bot-cta{font-size: 12px;} .titleText {font-size: 27px;} #top-bar .top-bar-right {float: none;text-align: center;right: 0} #top-bar .top-bar-left {float: none;text-align: center;} .top-bar-left #logo img {width: 27%;} .dashMain {padding: 0 10px;} #motore .motore-wrapper .input-motore input {min-width: 190px; height: 45px!important;} #motore .motore-wrapper button {height: auto!important;line-height: 16px;} .canvas-container {padding: 15%;} .slider-wrapper .img-home {height: 590px;} .one-third.no-corsi .dashPropContX {margin: 5px 0;} .content-pad {padding: 5px 5px 5px;} .bodyLesMills .title-fucsia,.bodyTrx .title-fucsia {font-size: 23px;letter-spacing: 0;line-height: 1.5;} .bodyLesMills #motore .motore-wrapper.claim {top: 134px;} .bodyTrx #motore .motore-wrapper.claim {top: 270px;} .bodyLesMills #top-bar .top-bar-right, .bodyTrx #top-bar .top-bar-right {float: right;} .bodyTrx.bodySuat #top-bar .top-bar-right{float: none;} .slider-wrapper-suat-group .img-home {height: 450px;} .bodyLesMills .homeClaimCont .b-cont {top: 64px;z-index: 33;width: 30%;left: 5px;} .bodyTrx .homeClaimCont .b-cont {top: 14px;z-index: 33;width: 10%;left: 5px;} /*.bodyTrx #top-bar .top-bar-right {top: 64px;z-index: 33;width: 30%;left: 5px;}*/ .bodyLesMills #header .top-bar-left #logo img,.bodyTrx #header .top-bar-left #logo img{width: 13%;} .bodyLesMills.homePage #header .top-bar-left #logo img,.bodyTrx.homePage #header .top-bar-left #logo img {width: 13%;} #top-bar .top-bar-right {float: none;} .bodyTrx #motore .motore-wrapper.claim-trx {top: 38%;} .bodyPage.pageSmartBox.pageBasic .on-page {padding: 0 2%;} .pageHpVa .containerMain{margin-top:75px} .homeClaimCont .didascalia {margin-top: 18%;font-size: 42px;} .lsLink {line-height: 35px;} .bodySuat #motore .motore-wrapper.claim-trx {right: 25%;max-width: 50%;} /*.lsMenuCont {margin-top:50px;}*/ .lsMenuCont {margin-top:0;} .m-biografia h1, .m-chisiamo h1, .m-testimoni h1, .m-news h1 {font-size: 2rem;} .pageAreaRiservata h1.title-home {font-size: 20px;} .container p {font-size: 14px;} .user-ico-pt {margin: 15px 10px 15px 0;} } @media only screen and (max-width: 414px) { .bodyLesMills #motore .motore-wrapper.claim img.logo, .bodyTrx #motore .logo-wrapper.claim img.logo {max-width: 30%;} .bodyLesMills #motore .motore-wrapper .sub-text .text, .bodyTrx #motore .logo-wrapper .sub-text .text {font-size: 17px;} .bodyLesMills #motore .motore-wrapper.claim, .bodyLesMills #motore .logo-wrapper.claim {top: 115px;} .bodyTrx .logo-wrapper.claim {left: 42%;top: 36%;} .bodyTrx .contPalinsesto #no-more-tables .icon-lock {left: 122px;} .carta-sb {width: 310px;} .smartbox-card {width: 310px;} }