/* VARIBLES */
:root {
--bs-blue:#03045E;
}

body {
	margin: 0;padding: 0;font-size: 15px;line-height: 1.5;-webkit-text-size-adjust:100%;
	font-family: "Roboto Condensed", sans-serif;
	color:#000000;
	font-weight:300;
	overflow-x: hidden;
}

a {color:#FBB900; text-decoration: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s; }
a:hover, a:focus {text-decoration: none; outline: none; color:#D39C00}
button {-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}

/* TYPOGRAPHY */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;@
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAgM9QPFUex17.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLCwM9QPFUex17.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAwM9QPFUex17.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDAM9QPFUex17.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAAM9QPFUex17.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLAQM9QPFUex17.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVj2ZhZI2eCN5jzbjEETS9weq8-19eLDwM9QPFUew.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19-7DQk6YvNkeg.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19a7DQk6YvNkeg.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-1967DQk6YvNkeg.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19G7DQk6YvNkeg.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-1927DQk6YvNkeg.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DQk6YvNkeg.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotocondensed/v27/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: 'HC Lugano Sans Bold';
    src: local('Lugano Sans Bold'), local('Lugano-Sans-Bold'),
        url('../fonts/Lugano-Sans-Bold.woff') format('woff'),
				url('../fonts/Lugano-Sans-Bold.ttf') format('truetype');;
    font-weight: 400;
    font-style: normal;
  }
	@font-face {
	    font-family: 'HC Lugano Sans Black';
	    src: local('Lugano Sans Black'), local('Lugano-Sans-Black'),
	        url('../fonts/Lugano-Sans-Black.woff') format('woff'),
					url('../fonts/Lugano-Sans-Black.ttf') format('truetype');;
	    font-weight: 400;
	    font-style: normal;
	  }
		@font-face {
		    font-family: 'HC Lugano Sans Test Black';
		    src: local('Lugano Sans test Black'), local('HCL_TEST_BLACK'),
		        url('../fonts/HCL_TEST_BLACK.woff') format('woff'),
						url('../fonts/HCL_TEST_BLACK.ttf') format('truetype');;
		    font-weight: 400;
		    font-style: normal;
		  }
.rob {font-family: 'Roboto Condensed';}

/* CLASSI PER RESPONSIVE */
.show-desktop {display:block}
.show-mobile {display:none}
.hide-smobile {display:block}
.show-smobile {display:none}
.no-resp {display:block}
.resp {display:none}
.mobile {display:none}
.no-mobile {display:block}

/* IMPOSTAZIONI GENERALI */
.float_left, .fl{float:left;}
.float_right, .fr{float:right;}
.clear_both, .clear{clear:both;}
.pointer, .cursor_pointer{cursor:pointer!important;}
.modal {z-index:9999}
.v-none {visibility:hidden}
/* POSIZIONI */
.rel-up {position:relative; z-index:1}
.rel-2 {position:relative; z-index:2}
.rel-sup {position:relative; z-index:3}
.rel {position:relative}
.flex-center {display: flex;align-items: center;justify-content: center;}
.flex-center-left {display: flex;align-items: center;}
.flex-center-col {display: flex;align-items: center;justify-content: center; flex-direction:column}
.flex-center-col-left {display: flex; flex-direction:column; justify-content: center;}
.flex-display {display:flex}
.flex-align {display:flex; align-items: center;}
.allinea-dx {display:flex; justify-content: flex-end;}
.flex-end {display: flex; justify-content: flex-end;}

/* MARGIN E PADDING */
.no-mar, .nomar {margin:0!important;}
.no-mar-l, .nomarl {margin-left:0 !important}
.no-mar-t, .nomart {margin-top:0 !important}
.no-mar-b, .nomarb {margin-bottom:0 !important}
.no-mar-r, .nomarr {margin-right:0 !important}
.no-pad, .nopad {padding:0!important;}
.no-pad-l, .nopadl {padding-left: 0 !important;}
.no-pad-t, .nopadt {padding-top: 0 !important;}
.no-pad-b, .nopadb {padding-bottom: 0 !important;}
.no-pad-r, .nopadr {padding-right: 0 !important;}

.m-10 {margin:10px}
.mr-15 {margin:15px}
.m-20 {margin:20px}
.m-25 {margin:25px}
.m-30 {margin:30px}
.m-35 {margin:35px}
.m-40 {margin:40px}
.m-45 {margin:45px}
.m-50 {margin:50px}
.m-55 {margin:55px}
.m-60 {margin:60px}
.m-65 {margin:65px}
.m-70 {margin:75px}
.m-75 {margin:75px}
.m-80 {margin:80px}
.m-100 {margin:100px}
.m-120 {margin:120px}
.m-140 {margin:140px}

.mtb-10 {margin:10px 0}
.mtb-15 {margin:15px 0}
.mtb-20 {margin:20px 0}
.mtb-25 {margin:25px 0}
.mtb-30 {margin:30px 0}
.mtb-35 {margin:35px 0}
.mtb-40 {margin:40px 0}
.mtb-45 {margin:45px 0}
.mtb-50 {margin:50px 0}
.mtb-55 {margin:55px 0}
.mtb-60 {margin:60px 0}
.mtb-65 {margin:65px 0}
.mtb-70 {margin:70px 0}
.mtb-75 {margin:75px 0}
.mtb-80 {margin:80px 0}
.mtb-100 {margin:100px 0}
.mtb-120 {margin:120px 0}
.mtb-140 {margin:140px 0}

.mrl-10 {margin:0 10px}
.mrl-15 {margin:0 15px}
.mrl-20 {margin:0 20px}
.mrl-25 {margin:0 25px}
.mrl-30 {margin:0 30px}
.mrl-35 {margin:0 35px}
.mrl-40 {margin:0 40px}
.mrl-45 {margin:0 45px}
.mrl-50 {margin:0 50px}
.mrl-55 {margin:0 55px}
.mrl-60 {margin:0 60px}
.mrl-65 {margin:0 65px}
.mrl-70 {margin:0 70px}
.mrl-75 {margin:0 75px}
.mrl-80 {margin:0 80px}
.mrl-100 {margin:0 100px}
.mrl-120 {margin:0 120px}
.mrl-140 {margin:0 140px}

.mr-2 {margin-right:2px !important}
.mr-10 {margin-right:10px}
.mr-5imp {margin-right:10px !important}
.mr-15 {margin-right:15px}
.mr-20 {margin-right:20px}
.mr-25 {margin-right:25px}
.mr-30 {margin-right:30px}
.mr-35 {margin-right:35px}
.mr-40 {margin-right:40px}
.mr-45 {margin-right:45px}
.mr-50 {margin-right:50px}
.mr-55 {margin-right:55px}
.mr-60 {margin-right:60px}
.mr-65 {margin-right:65px}
.mr-70 {margin-right:70px}
.mr-75 {margin-right:75px}
.mr-80 {margin-right:80px}
.mr-100 {margin-right:100px}
.mr-120 {margin-right:120px}
.mr-140 {margin-right:140px}

.ml-10 {margin-left:10px}
.ml-15 {margin-left:15px}
.ml-20 {margin-left:20px}
.ml-25 {margin-left:25px}
.ml-30 {margin-left:30px}
.ml-35 {margin-left:35px}
.ml-40 {margin-left:40px}
.ml-45 {margin-left:45px}
.ml-50 {margin-left:50px}
.ml-55 {margin-left:55px}
.ml-60 {margin-left:60px}
.ml-65 {margin-left:65px}
.ml-70 {margin-left:70px}
.ml-75 {margin-left:75px}
.ml-80 {margin-left:80px}
.ml-100 {margin-left:100px}
.ml-120 {margin-left:120px}
.ml-140 {margin-left:140px}

.mt-10 {margin-top:10px}
.mt-15 {margin-top:15px}
.mt-20 {margin-top:20px}
.mt-25 {margin-top:25px}
.mt-30 {margin-top:30px}
.mt-35 {margin-top:35px}
.mt-40 {margin-top:40px}
.mt-45 {margin-top:45px}
.mt-50 {margin-top:50px}
.mt-55 {margin-top:55px}
.mt-60 {margin-top:60px}
.mt-65 {margin-top:65px}
.mt-70 {margin-top:70px}
.mt-75 {margin-top:75px}
.mt-80 {margin-top:80px}
.mt-100 {margin-top:100px}
.mt-120 {margin-top:120px}
.mt-140 {margin-top:140px}

.mb-10 {margin-bottom:10px}
.mb-15 {margin-bottom:15px}
.mb-20 {margin-bottom:20px}
.mb-25 {margin-bottom:25px}
.mb-30 {margin-bottom:30px}
.mb-35 {margin-bottom:35px}
.mb-40 {margin-bottom:40px}
.mb-45 {margin-bottom:45px}
.mb-50 {margin-bottom:50px}
.mb-55 {margin-bottom:50px}
.mb-60 {margin-bottom:60px}
.mb-65 {margin-bottom:65px}
.mb-70 {margin-bottom:70px}
.mb-75 {margin-bottom:75px}
.mb-80 {margin-bottom:80px}
.mb-100 {margin-bottom:100px}
.mb-120 {margin-bottom:120px}
.mb-140 {margin-bottom:140px}

.p-10 {padding:10px}
.p-15 {padding:15px}
.p-20 {padding:20px}
.p-25 {padding:25px}
.p-30 {padding:30px}
.p-35 {padding:35px}
.p-40 {padding:40px}
.p-45 {padding:45px}
.p-50 {padding:50px}
.p-55 {padding:55px}
.p-60 {padding:60px}
.p-65 {padding:65px}
.p-70 {padding:70px}
.p-75 {padding:75px}
.p-80 {padding:80px}
.p-100 {padding:100px}
.p-120 {padding:120px}
.p-140 {padding:140px}

.ptb-10 {padding:10px 0}
.ptb-15 {padding:15px 0}
.ptb-20 {padding:20px 0}
.ptb-25 {padding:25px 0}
.ptb-30 {padding:30px 0}
.ptb-35 {padding:35px 0}
.ptb-40 {padding:40px 0}
.ptb-45 {padding:45px 0}
.ptb-50 {padding:50px 0}
.ptb-55 {padding:55px 0}
.ptb-60 {padding:60px 0}
.ptb-65 {padding:65px 0}
.ptb-70 {padding:70px 0}
.ptb-75 {padding:75px 0}
.ptb-80 {padding:80px 0}
.ptb-100 {padding:100px 0}
.ptb-120 {padding:120px 0}
.ptb-140 {padding:140px 0}

.prl-10 {padding:0 10px}
.prl-15 {padding:0 15px}
.prl-20 {padding:0 20px}
.prl-25 {padding:0 25px}
.prl-30 {padding:0 30px}
.prl-35 {padding:0 35px}
.prl-40 {padding:0 40px}
.prl-45 {padding:0 45px}
.prl-50 {padding:0 50px}
.prl-55 {padding:0 55px}
.prl-60 {padding:0 60px}
.prl-65 {padding:0 65px}
.prl-70 {padding:0 70px}
.prl-75 {padding:0 75px}
.prl-80 {padding:0 80px}
.prl-100 {padding:0 100px}
.prl-120 {padding:0 120px}
.prl-140 {padding:0 140px}

.pr-10 {padding-right:10px}
.pr-15 {padding-right:15px}
.pr-20 {padding-right:20px}
.pr-25 {padding-right:25px}
.pr-30 {padding-right:30px}
.pr-35 {padding-right:35px}
.pr-40 {padding-right:40px}
.pr-45 {padding-right:45px}
.pr-50 {padding-right:50px}
.pr-55 {padding-right:55px}
.pr-60 {padding-right:60px}
.pr-65 {padding-right:65px}
.pr-70 {padding-right:70px}
.pr-75 {padding-right:75px}
.pr-80 {padding-right:80px}
.pr-100 {padding-right:100px}
.pr-120 {padding-right:120px}
.pr-140 {padding-right:140px}

.pl-10 {padding-left:10px}
.pl-15 {padding-left:15px}
.pl-20 {padding-left:20px}
.pl-25 {padding-left:25px}
.pl-30 {padding-left:30px}
.pl-35 {padding-left:35px}
.pl-40 {padding-left:40px}
.pl-45 {padding-left:45px}
.pl-50 {padding-left:50px}
.pl-55 {padding-left:55px}
.pl-60 {padding-left:60px}
.pl-65 {padding-left:65px}
.pl-70 {padding-left:70px}
.pl-75 {padding-left:75px}
.pl-80 {padding-left:80px}
.pl-100 {padding-left:100px}
.pl-120 {padding-left:120px}
.pl-140 {padding-left:140px}

.pt-10 {padding-top:10px}
.pt-15 {padding-top:15px}
.pt-20 {padding-top:20px}
.pt-25 {padding-top:25px}
.pt-30 {padding-top:30px}
.pt-35 {padding-top:35px}
.pt-40 {padding-top:40px}
.pt-45 {padding-top:45px}
.pt-50 {padding-top:50px}
.pt-55 {padding-top:55px}
.pt-60 {padding-top:60px}
.pt-65 {padding-top:65px}
.pt-70 {padding-top:70px}
.pt-75 {padding-top:75px}
.pt-80 {padding-top:80px}

.pb-10 {padding-bottom:10px}
.pb-15 {padding-bottom:15px}
.pb-20 {padding-bottom:20px}
.pb-25 {padding-bottom:25px}
.pb-30 {padding-bottom:30px}
.pb-35 {padding-bottom:35px}
.pb-40 {padding-bottom:40px}
.pb-45 {padding-bottom:45px}
.pb-50 {padding-bottom:50px}
.pb-55 {padding-bottom:55px}
.pb-60 {padding-bottom:60px}
.pb-65 {padding-bottom:65px}
.pb-70 {padding-bottom:70px}
.pb-75 {padding-bottom:75px}
.pb-80 {padding-bottom:80px}
.pb-100 {padding-bottom:100px}
.pb-120 {padding-bottom:120px}
.pb-140 {padding-bottom:140px}

/* ALTEZZE E LARGEZZE */
.w-auto {width:auto}
.h-auto {height:auto}

/* TITOLI, TESTI, LISTE */
.h1, .h2, .h3, h1, h2, h3, h4 {margin-top: 20px;margin-bottom: 20px; font-family: 'HC Lugano Sans Bold'; text-transform:uppercase;}
.title-h1 {font-size:40px; font-weight:500; margin-top:0; margin-bottom:0}
.title-h2 {font-size:40px; font-weight:500; margin-top:0; margin-bottom:15px}
.title-h3 {font-size:30px; font-weight:500; margin-top:0; margin-bottom:0;}
.title-h4	{font-size:18px; color:#021A30; margin-top:0; margin-bottom:10px}
.title-h2 span, .title-h3 span {color:#FBB900}
.intro .title-h1 {color:#B08D57}
ul.checked {list-style-type: none; padding-left:10px;}
.checked li {position: relative; padding-left: 20px; margin-bottom:10px}
.checked li:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
.upper{text-transform:uppercase;}
.bold{font-weight:700;}
.underline{text-decoration:underline;}
.light-text {color:#fff;}
.text-small {font-size:14px}
.text-xsmall {font-size:13px}

/* CONTENITORI E SFONDI*/
.container {padding-right: 15px;padding-left: 15px;}
.container-fluid {padding-left:0px;padding-right:0px;}
.row{margin-left:0;margin-right:0;}
.centered {text-align:center}
.rightend {text-align:right}
.leftend {text-align:left}
.white-bg{background-color:#fff;}
.grey-bg{background-color:#f1f1f1}
.light-grey-bg{background-color:#fbfbfb}
.white-bg-sfuma {background: linear-gradient(#fefefe, #fff);}
.white-bg-sfumatrasp {background: linear-gradient(0.25turn, #fff 40%, rgba(255,255,255,0));}
.border-dark {border-color: #979797!important;}
.dark-blu {background-color:#03045E}
.blu {background-color:#023E8A}
.azz {background-color:#0077B6}
.grigio {background-color:#EFEFEF; color:#000}
/* BOTTONI */
.button a {text-decoration:none;}
a.btn-out-b, span.btn-out-b, button.btn-out-b, input.btn-out-b {border-radius:8px; padding:10px 40px; background-color:transparent; border:1px solid #000; color:#000; font-size:30px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-out-b:hover, span.btn-out-b:hover, button.btn-out-b:hover, input.btn-out-b:hover {background-color:#FBB900; border:1px solid #FBB900; color:#000}
a.btn-out-w, span.btn-out-w, button.btn-out-w {border-radius:8px; padding:10px 40px; background-color:transparent; border:1px solid #fff; color:#fff; font-size:30px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-out-w:hover, span.btn-out-w:hover, button.btn-out-w:hover {background-color:#FBB900; border:1px solid #FBB900; color:#000}
a.btn-main-b, span.btn-main-b, button.btn-main-b, input.btn-main-b {border-radius:8px; padding:10px 40px; background-color:#000; border:1px solid #000; color:#fff; font-size:30px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-main-b:hover, span.btn-main-b:hover, button.btn-main-b:hover, input.btn-main-b:hover {background-color:#FBB900; border:1px solid #FBB900; color:#000}
a.btn-main-w, span.btn-main-w, button.btn-main-w {border-radius:8px; padding:10px 40px; background-color:#fff; border:1px solid #fff; color:#000; font-size:30px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-main-w:hover, span.btn-main-w:hover, button.btn-main-w:hover {background-color:#FBB900; border:1px solid #FBB900; color:#000}
/* MEDI */
a.btn-med-out-b, span.btn-med-out-b, button.btn-med-out-b {border-radius:8px; padding:5px 30px; background-color:transparent; border:1px solid #000; color:#000; font-size:26px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-med-out-b:hover, span.btn-med-out-b:hover, button.btn-med-out-b:hover {background-color:#FBB900; border:1px solid #FBB900}
a.btn-med-out-w, span.btn-med-out-w, button.btn-med-out-w {border-radius:8px; padding:5px 30px; background-color:transparent; border:1px solid #fff; color:#fff; font-size:26px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-med-out-w:hover, span.btn-med-out-w:hover, button.btn-med-out-w:hover {background-color:#FBB900; border:1px solid #FBB900}
a.btn-med-main-b, span.btn-med-main-b, button.btn-med-main-b {border-radius:8px; padding:5px 30px; background-color:#000; border:1px solid #000; color:#fff; font-size:26px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-med-main-b:hover, span.btn-med-main-b:hover, button.btn-med-main-b:hover {background-color:#FBB900; border:1px solid #FBB900}
a.btn-med-main-w, span.btn-med-main-w, button.btn-med-main-w {border-radius:8px; padding:5px 30px; background-color:#fff; border:1px solid #fff; color:#000; font-size:26px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-med-main-w:hover, span.btn-med-main-w:hover, button.btn-med-main-w:hover {background-color:#FBB900; border:1px solid #FBB900}
/* SMALL */
a.btn-small-out-b, span.btn-small-out-b, button.btn-small-out-b {border-radius:8px; padding:5px 20px; background-color:transparent; border:1px solid #000; color:#000; font-size:18px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-small-out-b:hover, span.btn-small-out-b:hover, button.btn-small-out-b:hover {background-color:#FBB900; border:1px solid #FBB900}
a.btn-small-out-w, span.btn-small-out-w, button.btn-small-out-w {border-radius:8px; padding:5px 20px; background-color:transparent; border:1px solid #fff; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-small-out-w:hover, span.btn-small-out-w:hover, button.btn-small-out-w:hover {background-color:#FBB900; border:1px solid #FBB900}
a.btn-small-main-b, span.btn-small-main-b, button.btn-small-main-b {border-radius:8px; padding:5px 20px; background-color:#000; border:1px solid #000; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-small-main-b:hover, span.btn-small-main-b:hover, button.btn-small-main-b:hover {background-color:#FBB900; border:1px solid #FBB900}
a.btn-small-main-w, span.btn-small-main-w, button.btn-small-main-w {border-radius:8px; padding:5px 20px; background-color:#fff; border:1px solid #fff; color:#000; font-size:18px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
a.btn-small-main-w:hover, span.btn-small-main-w:hover, button.btn-small-main-w:hover {background-color:#FBB900; border:1px solid #FBB900}
/* EFFETTI */
.zoom{transform: perspective(1px) translateZ(0px);transition-duration: 0.6s;}
.zoom:hover{transform: scale(1.1);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);	}

/* CSS SCRIPT */
.blueimp-gallery>.close, .blueimp-gallery>.next, .blueimp-gallery>.play-pause, .blueimp-gallery>.prev, .blueimp-gallery>.slides>.slide>.slide-content {color:#fff !important}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background:#FBB900 !important}
.owl-theme .owl-dots .owl-dot span {width:20px !important; background:rgba(253, 185, 19, 0.3) !important;}
.flickity-page-dots .dot {background:#E9E9E9; opacity:1 !important; width:30px;height:8px; border-radius:4px}
.flickity-page-dots .dot.is-selected {background:#FBB900 !important;}
.flickity-prev-next-button.previous {left:-60px}
.swal2-icon.swal2-success {border-color: #B08D57; color:#B08D57}
.swal2-icon.swal2-success .swal2-success-ring {border:.25em solid rgba(183,153,97,.3) !important}
.swal2-title {font-weight:400 !important}
.swal2-styled.swal2-confirm {background-color:#B08D57 !important; border-radius:50px !important; padding:10px 35px; border:0 !important; box-shadow:none !important}
.swal2-icon.swal2-success [class^=swal2-success-line] {background-color:#B08D57 !important}
/* HEADER TOOLBAR */
.header-toolbar {position:absolute; top:10px; right:260px; display: flex;align-items: center;justify-content: center;}
.droopmenu-showbg .header-toolbar {right:15px}
.header-toolbar .nav-link {color:#03045E;font-size:13px; text-transform:uppercase; font-family:'Sofia Pro'}
.header-toolbar .nav-link:hover {color:#FBB900}
.header-toolbar .nav-link:before {content:"|"; padding: 0 8px}
.header-toolbar .nav-link:nth-child(1):before {display:none}
.pronto-soccorso-menu {display: flex;align-items: center;}
.pronto-soccorso-menu img {width:30px; margin-right:10px}
.pronto-soccorso-menu .num-sos {font-size:16px; font-weight:600}
/* HEADER*/
.header-menu {background-color:#fff;position:relative}
.header-menu .logo-header {width:180px}
.droopmenu .special-item {height:69px; display: flex; align-items: center; justify-content: center;}
.droopmenu .special-item > a {background-color:transparent; border:1px solid #fff; color:#fff; border-radius:8px; padding: 0px 30px; font-size:22px; text-transform:uppercase}
.droopmenu .special-item > a.yellow-link {border:1px solid #FBB900; color:#FBB900;}
.droopmenu .special-item:hover > a, .droopmenu .special-item > a.yellow-link:hover {background-color:#FBB900; border:1px solid #FBB900; color:#000}
.banner-img-home {min-height: 840px; height: 100%; width: 100%; position:absolute; top:0; left:0;  background-size:cover; background-repeat:no-repeat; background-position:center}
.ham-menu {display: flex; align-items: center; justify-content: center; position:absolute; top:0;right:0; background-color:#E40522; border-radius:0 0 0 8px; padding:40px 35px 180px 35px}
.droopmenu-showbg .ham-menu {background-color:transparent; padding:0 35px; -webkit-transition: padding 1s ease;
-moz-transition: padding 1s ease;
transition: padding 1s ease;}
.droopmenu-showbg .ham-menu .colorlib-nav-toggle {display: flex; align-items: center; justify-content: center;}
.row-hcl-menu {display:flex}
.li-foto-menu {height:100%; display: flex; align-items: stretch;}
.li-foto-menu img {object-fit: cover; width: 100%; height: auto; max-height: 100%;}
.li-hcl-menu {padding:50px 40px; display: flex; flex-direction: column; justify-content: space-between;}
.li-hcl-menu h4 {font-size:28px; margin-bottom:20px; color:#000}
.droopmenu > li .li-hcl-menu a {font-family: "Roboto Condensed", sans-serif; font-size:15px; font-weight:300;}
.second-menu-pad {padding-top:36px}
.droopmenu-megamenu.mega-test.droopmenu-grid {left: 0; opacity: 1; visibility: visible;}
.template-ticket .droopmenu-navbar {background-color:#000; padding-bottom:20px}
.hb-menu {padding:40px 0 80px 0}
.hb-menu .row-menu {width:100%}
.hb-menu .row-menu .menu-col {padding:60px 0}
.hb-menu a {color:#fff;}
.hb-menu .menu-col.in-col {padding-left:40px}
.hb-menu .menu-col a {display:block; font-size:22px; text-transform:uppercase; margin-bottom:20px}
.hb-menu .menu-col a:hover {text-decoration:underline;}
.hb-menu .menu-col a.sub-link {text-transform:inherit; padding-left:20px; font-size:20px}
.hb-menu .menu-col a.sub-link i {margin-left:-20px}
.hb-menu .menu-col a.sub-link span {padding-right:5px}
.ham-menu .ham-menu-cont {position:relative;}
.ham-menu a.text-rotate {color:#fff; text-transform:uppercase; -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
	position: absolute;
	top: 165px;
	left: 3px;
	width: 120px;
	font-size: 18px;}
.ham-menu a.text-rotate:hover {letter-spacing:.7px}
.droopmenu-showbg .ham-menu a.text-rotate	{display:none}
.game-center-mobile {display:none}
/* ICON TOGGLER MENU*/
.animated-icon1, .animated-icon2, .animated-icon3 {width: 30px;height: 20px;position: relative;margin: 0px;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.animated-icon1 span, .animated-icon2 span, .animated-icon3 span {display: block;position: absolute;height: 3px;width: 100%;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.animated-icon2 span {background: #2F7AD8;}
.animated-icon2 span:nth-child(1) {top: 0px;}
.animated-icon2 span:nth-child(2), .animated-icon2 span:nth-child(3) {top: 10px;}
.animated-icon2 span:nth-child(4) {top: 20px;}
.animated-icon2.open span:nth-child(1) {top: 11px;width: 0%;left: 50%;}
.animated-icon2.open span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.animated-icon2.open span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.animated-icon2.open span:nth-child(4) {top: 11px;width: 0%;left: 50%;}

/* HOME */
.cont-video {height: 100vh; position:relative}
.cont-video:before {content:""; width:100%; height:130px; background: linear-gradient(#000, transparent); position:absolute; top:0; left:0; z-index:2}
.cont-video .carousel-control-next, .cont-video .carousel-control-prev {border-radius:50%; width:70px; height:70px; border:1px solid #fff; background-color:transparent; color:#fff; font-size:32px; line-height:0; margin-top:-35px}
.cont-video .carousel-control-next {top:calc( 50% + 35px); right:50px}
.cont-video .carousel-control-prev {top:calc( 50% - 50px); left:inherit; right:50px}
.carousel-item.carousel-video {background-size:cover; background-position:center center;}
.carousel-item.carousel-image {height: 100vh; min-height: 25rem; background-size:cover; background-position:center center; overflow: hidden; z-index: 1;}
.video-home {
    position: relative;
    height: 100vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}
/*.video-home:after {content:""; width:60%; height:1px; background-color:#B08D57; position:absolute; bottom:20%; right:0}*/
.video-home video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.video-home .container, .carousel-item.carousel-image .container{
    position: relative;
    z-index: 2
}

.video-home .overlay, .carousel-item.carousel-image .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color:rgba(0,0,0,0.3);
    z-index: 1
}

.video-home .overlay-bottom, .carousel-item.carousel-image .overlay-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 200px;
    width: 100%;
    background: linear-gradient(transparent, #000);
    z-index: 1
}

.header-title {width:60%;}
.header-title h1.title-h1, .header-title h2.title-h1{font-size:90px; margin-top:0; color:#fff; font-family: 'HC Lugano Sans Black'; line-height:1}
.header-title h1.title-h1 span, .header-title h2.title-h1 span {color:#FBB900}
.header-title .lead {font-size:26px; font-weight:300; margin-bottom:0; color:#fff}
.header-title .lead span {color:#4CB09C}
.header-title .custom-btn {margin-top:50px;}
.header-title .custom-btn a, .header-title .custom-btn button, .section-mdotm .custom-btn a, .section-mdotm .custom-btn button, .section-form .custom-btn button {background:#4CB09C; border:0}
.header-title .custom-btn a:hover, .header-title .custom-btn button:hover, .section-mdotm .custom-btn a:hover, .section-mdotm .custom-btn button:hover, .section-form .custom-btn button:hover {text-decoration: none; background:#419484;}
.banner-home .carousel-control-next, .banner-home .carousel-control-prev {width:70px; height:70px; background-color:transparent; border:2px solid #fff; border-radius:100%; color:#fff; font-size:32px; line-height:0; margin-top:-35px}
.banner-home .carousel-control-next:hover, .banner-home .carousel-control-prev:hover {width:110px; height:110px; margin-top:-55px; font-size:50px}
.banner-home .carousel-control-next {top:50%; right:20px}
.banner-home .carousel-control-prev {top:50%; left:inherit; right:140px}
.banner-home .carousel-control-prev:hover {right:100px}
.section-game-center {background-color:#000; color:#fff; position:relative; min-height:178px;z-index:1}
.box-next-game {background-color:#fff; border-radius:4px; padding:40px 30px; color:#000; position:relative; z-index:2; margin-top:-125px}
.box-next-game h2.title-h2 {margin-bottom:0}
.box-next-game .next-game {font-weight:600; font-size:18px; text-transform:uppercase; margin-bottom:10px}
.at-corner {display: flex;align-items: center;}
.at-corner img {width:22px; margin-right:5px}
.col-next-game {display:flex}
.col-next-game .data-next-game {width:50px; background-color:#fff; color:#000; padding:10px; display:flex; flex-direction:column; border-radius:0 0 4px 4px}
.col-next-game.home-game .data-next-game {background-color:#FBB900}
.col-next-game .data-next-game .data-num {font-size:25px; font-family: 'HC Lugano Sans Bold'; display: flex; align-items: center; justify-content: center; flex-direction: column; line-height:1}
.col-next-game .data-next-game .ico-stadio {margin-top:auto}
.col-next-game .data-next-game .ico-stadio img {height:17px;}
.info-next-game {display: flex; justify-content: center; flex-direction:column; flex:auto; padding-left:20px}
.info-next-game .box-nome-squadra {display: flex;align-items: center;}
.info-next-game .box-nome-squadra:nth-child(1) {margin-bottom: 20px;}
.info-next-game .box-nome-squadra img {width:40px; margin-right:15px}
.info-next-game .box-nome-squadra .nome-squadra {font-size:22px; font-family: 'HC Lugano Sans Bold';}
.info-next-game .box-nome-squadra .punteggio {margin-left:auto; font-size:22px; font-family: 'HC Lugano Sans Bold'; color:#FBB900; padding-right:20px}
.info-next-game .link-partita {padding-left:55px}
.section.section-home-dark {padding:0 0 80px 0; background-image:url(../images/bg-dark-home.webp); background-size:cover; background-position:center center;}
.section.section-home-dark:before {content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.90); position:absolute; top:0; left:0; z-index:0}
.section.section-home-dark:after {content:""; width:100%; height:200px; background: linear-gradient(#000, transparent); position:absolute; top:0; left:0; z-index:0}
.fascia-classifica {background-color:#fff; padding:20px; position:relative; z-index:1; font-weight:400; border-radius:0 4px 4px 0; display:flex}
.fascia-classifica::after {
    content: "";
    position: absolute;
    top: 0;
    left: -9999px; /* A large enough value to ensure it goes off screen */
    bottom: 0;
    width: 9999px;
    background-color: #fff;
    z-index: -1;
}
.fascia-classifica .title-h2 {margin-bottom:0}
.fascia-classifica p {margin-bottom:0}
.fascia-classifica .national-league {padding-right:60px}
.classifica-home {border-left: 1px solid rgba(0,0,0,0.4); display: flex;align-items: center;justify-content: center; flex:auto}
.team-classifica-home {display: flex;flex:auto; align-items: center;justify-content: center;}
.team-classifica-home img {height:40px; margin-right:10px}
.team-classifica-home .punti-team {display:flex; flex-direction:column; align-items: center; padding:0 5px; border-left:1px solid rgba(0,0,0,0.1)}
.team-classifica-home .punti-team .punti {font-size:30px; font-family: 'HC Lugano Sans Bold'; line-height:1}
.container-news-home {position:relative; z-index:1}
.page-list-item.in-evidenza .item-list {height:560px}
.page-list-item.in-evidenza .item-list a .img-box-list {height:560px}
.carousel-news-home .carousel-cell {width:48%; margin-right:20px}
.carousel-news-home .page-list-item .item-list {margin-bottom:0}
.carousel-news-home  .flickity-prev-next-button, .carousel-news-home .flickity-prev-next-button, .carousel-hcltv-home  .flickity-prev-next-button, .carousel-hcltv-home .flickity-prev-next-button {top:inherit; bottom:-110px}
.carousel-news-home .flickity-prev-next-button.previous, .carousel-hcltv-home .flickity-prev-next-button.previous {left:0}
.carousel-news-home .flickity-prev-next-button.next, .carousel-hcltv-home .flickity-prev-next-button.next {left:76px} {left:76px}
.carousel-news-home .flickity-button, .carousel-hcltv-home .flickity-button {border:1px solid #fff; color:#fff; background:transparent; width:50px; height:50px;}
.carousel-news-home .flickity-prev-next-button .flickity-button-icon, .carousel-in-evidenza .flickity-prev-next-button .flickity-button-icon, .carousel-hcltv-home .flickity-prev-next-button .flickity-button-icon {width:35%; height:35%; top:30%; left:30%}
.carousel-shop {padding:40px 60px 40px 0}
.carousel-shop .carousel-cell {width:49%; margin-right:10px}
.page-list-item .item-list.box-shop {height:288px; margin-bottom:0; border:1px solid #000}
.page-list-item .item-list.box-shop a .img-box-list {height:288px}
.page-list-item .item-list.box-shop a .img-box-list:before {display:none}
.page-list-item .item-list.box-shop a .img-box-list img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.page-list-item .item-list.box-shop a .cont-box-list {background-color:#fff; color:#000; padding:15px; bottom:-98px; transition: transform 250ms;}
.page-list-item .item-list.box-shop a:hover .cont-box-list {transform: translateY(-98px);}
.page-list-item .item-list.box-shop a .cont-box-list h3 {color:#000; font-family: "Roboto Condensed", sans-serif; font-size:15px; font-weight:400; text-transform:uppercase}
.page-list-item .item-list.box-shop a:hover .cont-box-list h3 {color:#000}
.section-cta-shop.home-shop .col-cta .box-cta {margin-bottom:-200px; position: relative; z-index: 1;}
.prezzo-cta {display: flex;align-items: center;}
.prezzo-cta .prezzo-prod {font-weight:600; color:#FBB900}
.prezzo-cta .btn-small-out-b {margin-left:auto}
.prezzo-cta .prezzo-noof {text-decoration: line-through;; font-size:13px; padding-left:5px}
.page-list-item .item-list.box-shop a:hover .prezzo-cta .btn-small-out-b {background-color:#FBB900; border:1px solid #FBB900}
.carousel-shop .flickity-prev-next-button, .carousel-shop .flickity-prev-next-button {right:0;}
.carousel-shop .flickity-prev-next-button.previous {top:40%; right:0; left:inherit}
.carousel-shop .flickity-prev-next-button.next {top:calc(40% + 60px)}
.carousel-shop .flickity-button {border:1px solid #000; color:#000; background:transparent; width:50px; height:50px;}
.carousel-shop .flickity-prev-next-button .flickity-button-icon, .carousel-shop .flickity-prev-next-button .flickity-button-icon {width:35%; height:35%; top:30%; left:30%}
.carousel-in-evidenza .carousel-cell {width:49%; margin-right:20px}
.carousel-in-evidenza .page-list-item .item-list {height:510px; margin-bottom:0}
.carousel-in-evidenza .page-list-item .item-list a .img-box-list {height:510px}
.col-list-ev, .col-car-ev {display: flex; flex-direction: column; justify-content: space-between;}
.col-list-ev .page-list-item .item-list {display: flex; flex-direction: column; justify-content: space-between; margin-bottom:inherit;}
.col-list-ev .page-list-item .item-list.mb-20 {margin-bottom:20px !important}
.col-list-ev .page-list-item .item-list a .cont-box-list {width:80%}
.col-list-ev .page-list-item .item-list .img-box-list:before {background:linear-gradient(0.25turn, #000, transparent)}
.section-hcltv-home {background-color:#000; color:#fff; position:relative}
.carousel-hcltv-home .carousel-cell {width:23.8%; margin-right:20px}
.section-con-banner .banner-pub {padding:40px 0 0 0}
.cont-con-icon {background-image:url(../images/ico-hcl-home.svg); background-position:top right; background-repeat:no-repeat;}
.prima-home {display:none}
/* INTERNE */
.banner-interno {background-size:cover; height:520px; position:relative; background-position:center center; overflow:hidden}
.banner-interno.stile-pag-12, .banner-interno.stile-pag-7 {background-position:top center}
.banner-interno:after {content:""; width:100%; height:130px; background: linear-gradient(#000, transparent); position:absolute; top:0; left:0; z-index:2}
.banner-interno:before {content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0; left:0}
.banner-interno .title-h3 {font-size:40px; margin-bottom:30px}
.titolo-int {padding-top:40px; position:relative; z-index:1;}
.titolo-int h1 {font-size:90px; font-family: 'HC Lugano Sans Black'; color:#fff}
.titolo-int h2 {color:#fff}
.titolo-int span {color:#fff; font-weight:400; font-size:18px; text-transform: uppercase;}
.titolo-int hr {border-top:1px solid rgba(255,255,255,0.4); margin:1rem 0 2rem 0}
.section {padding:80px 0; position:relative}
.page-list-item .item-list {position:relative; height:412px; border:1px solid #fff; overflow:hidden; border-radius:4px; margin-bottom:20px}
.page-list-item .item-list .img-box-list:before {content:""; width:100%; height:100%; background: linear-gradient(transparent, #000); position:absolute; bottom:0; left:0; z-index:1}
.page-list-item .item-list span .img-box-list, .page-list-item .item-list a .img-box-list {height:410px}
.page-list-item .item-list span .cont-box-list, .page-list-item .item-list a .cont-box-list {position:absolute; bottom:0; left:0; display: flex; flex-direction:column; width:100%; z-index:2; padding:0 30px 40px 30px}
.page-list-item .item-list span .cont-box-list h3, .page-list-item .item-list a .cont-box-list h3 {font-size:30px; color:#fff; margin-bottom:20px; margin-top:0;}
.page-list-item .item-list span .cont-box-list p, .page-list-item .item-list a .cont-box-list p {color:#fff; padding-right:40px}
.page-list-item .item-list span:hover .cont-box-list h3, .page-list-item .item-list a:hover .cont-box-list h3 {color:#D39C00}
.page-list-item .item-list span .cont-box-list .btn-small-out-w, .page-list-item .item-list a .cont-box-list .btn-small-out-w {width:100px; text-align:center}
.page-list-item .item-list span:hover .cont-box-list .btn-small-out-w, .page-list-item .item-list a:hover .cont-box-list .btn-small-out-w {background-color:#FBB900; color:#000; border:1px solid #FBB900}
.page-list-item .item-list.box-news span .cont-box-list, .page-list-item .item-list.box-news a .cont-box-list {padding:0 30px 20px 30px}
.page-list-item .item-list.box-news .cat-blog {color:#FBB900; font-size:24px; font-family: 'HC Lugano Sans Bold'; width:100%; text-align:right;}
.page-list-item .item-list.box-news .cat-blog .cat-id {display: inline-block; padding-left: 15px;}
.page-list-item .item-list.box-news .img-box-list:before {height:70%}
.page-list-item .item-list.box-news .cat-blog {margin-top:30px; position:relative; right:-20px}
.page-list-item .item-list.box-news .cat-blog:before {content:""; height:3px; width:var(--before-width, 10%); background-color:#fff; position:absolute; top:50%; margin-top:-2px; left:-50px}
.banner-pub {padding:50px 0; position:relative; text-align:center}
.banner-ret {position:relative; text-align:center}
.section.section-altre-pagine {background-image:url(../images/logo-bg.svg); background-size:cover; background-position:top right; position:relative; padding:80px 0 0 0}
.section-altre-pagine:before {content:""; width:100%; height:100%;  background: linear-gradient(#f7f7f7, transparent); position:absolute; top:0; left:0; z-index:0 }
.section-altre-pagine .arrow-cont .custom-nav {display:none}
.section-altre-pagine .arrow-cont .custom-nav .owl-prev, .section-altre-pagine .arrow-cont .custom-nav .owl-next {color: rgba(0, 0, 0, 0.5); border: 1px solid rgba(0, 0, 0, 0.5);}
.section-altre-pagine .arrow-cont .custom-nav .owl-prev:hover, .section-altre-pagine .arrow-cont .custom-nav .owl-next:hover {color: rgba(0, 0, 0, 1); border: 1px solid rgba(0, 0, 0, 1);}
.partner-int {padding:40px 0 280px 0; position:relative}
.partner-int-no-ban {padding:80px 0 280px 0; position:relative}
.cont-partner {padding-top:60px}
.cont-partner.gio-part-list {padding-top:40px}
.cont-partner .flex-center-col {justify-content: space-between;}
.cont-partner .col-partner {height:65px; display: flex;align-items: center;justify-content: center;}
.cont-partner .col-partner.arena-partner {height:auto}
.cont-partner .col-partner img {filter: grayscale(100%); -webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-o-object-fit: contain;
object-fit: contain;
object-position: center center;
width: 100%;}
.cont-partner .col-partner:hover img {filter: none;}
.cont-partner.gio-part-list .col-partner:hover img {filter: none;}
.section-testo-interno {background-image:url(../images/bg-interno-hcl.svg); background-position:top right; background-repeat:no-repeat;}
.section-contenuto-sidebar {padding-top:80px}
.sidebar {position: sticky; top:80px;}
.torna {margin-top:60px; padding-top:40px; border-top:1px solid rgba(0,0,0,0.5);}
.torna a {font-weight:400; color:#000}
.torna a:hover {color:#FBB900}
.carousel-foto-interne.carousel a {display:block; position:relative;}
.carousel-foto-interne.carousel img {display: block; height: 460px; margin-right:2px}
.carousel-foto-interne .flickity-prev-next-button.previous {left:10px}
.section.section-player-news {background-color:#000; color:#fff}
.arrow-cont {position:relative}
.arrow-cont .custom-nav {position: relative; cursor:pointer; top: -45px; left: 0; right: 0; z-index:9999;}
.arrow-cont .custom-nav .owl-prev, .arrow-cont .custom-nav .owl-next {
  position: absolute;
  height: 46px;
	width:46px;
  color: rgba(255, 255, 255, 0.5);
	display: flex;align-items: center;justify-content: center;
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius:100px;
  z-index: 9999;
}
.section-player-news .arrow-cont .custom-nav .owl-prev, .section-player-news .arrow-cont .custom-nav .owl-next, .arrow-cont .custom-nav .owl-prev, .arrow-cont .custom-nav .owl-next {top:-15px}
.arrow-cont .custom-nav .owl-prev:hover, .arrow-cont .custom-nav .owl-next:hover {color: rgba(255, 255, 255, 1); border: 1px solid rgba(255, 255, 255, 1);}
.arrow-cont .custom-nav .owl-prev i, .arrow-cont .custom-nav .owl-next i {font-size: 28px;}
.arrow-cont .custom-nav .owl-prev {right: 106px;}
.arrow-cont .custom-nav .owl-next {right: 31px;}
.section-player-news .arrow-cont .custom-nav .owl-prev {right: 60px;}
.section-player-news .arrow-cont .custom-nav .owl-next {right: 0;}
.section-cta-shop {padding:120px 0; position:relative; background-size:cover; background-position:center center}
.section-cta-shop .col-cta {position:relative}
.section-cta-shop .col-cta .box-cta {background-color:#fff; border-radius:4px; padding:60px 40px; margin-right:30px; -webkit-box-shadow: 2px 0px 23px -1px rgba(0,0,0,0.41);
-moz-box-shadow: 2px 0px 23px -1px rgba(0,0,0,0.41);
box-shadow: 2px 0px 23px -1px rgba(0,0,0,0.41);}
.section-cta-shop .col-cta .box-cta span.subtit {color:#FBB900; font-size:18px; font-weight:400}
.section-loghi-sponsor .col-partner {background-color:#fff; height:auto; display: flex; align-items: center; justify-content: center; overflow: hidden; position: relative;}
.section-loghi-sponsor .col-partner a {pointer-events: none; cursor: default;}
.section-loghi-sponsor .col-partner.partner-sec {height:auto}
.section-loghi-sponsor .col-partner img {filter: grayscale(100%); -webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-o-object-fit: contain;
object-fit: contain;
object-position: center center;
width: 100%;
height: 110px;}
.section-loghi-sponsor .col-partner:hover img {filter: none; -webkit-transform: scale(1.1); transform: scale(1.1);}
.section-loghi-sponsor .border-dark {border-color: rgba(0,0,0,0.25)!important;}
.section-loghi-sponsor hr {margin:60px 0}
.section.section-big-padding {padding: 180px 0 80px 0;}
.testo-societa {padding-top:60px}
.intro-giovanile {padding:40px; background-color:#fff; margin-top:-350px; border-radius:4px; position:relative; z-index:1}
.logo-corner-mob {display:none}
/* CLASSIFICA */
.table-classifica .table>:not(caption)>*>* {padding:0.5rem; border-bottom:1px solid rgba(0,0,0,0.5)}
.table-classifica tr {height:70px; vertical-align: middle}
.table-classifica th {position:relative}
.table-classifica .tool-leg {position:absolute; top:16px}
.hcl-row th, .hcl-row td {background-color:#FBB900; font-weight:500}
.table-classifica .team-image img {height:40px}
.table-classifica .table-pts {font-weight:600}
.table-classifica .tool-leg i {font-size:13px; cursor:pointer;}
.table-classifica .tool-leg i:hover {color:#FBB900}
/*.class-playout .pos-class {background-color:#c6ffbe}
.class-playin .pos-class {background-color:#e0e0e0}
.class-playoff .pos-class {background-color:#ffbebe}*/
.table-classifica tbody tr:nth-child(6) {border-bottom: 4px solid #209810;}
.table-classifica tbody tr:nth-child(10) {border-bottom: 4px solid #656565;}
.table-classifica tbody tr:nth-child(13) {border-top: 4px solid #a71326;}
.col-tag-classifica {padding-top:70px}
.col-tag-classifica img {width:50px}
.tag-playout, .tag-playin, .tag-playoff {width:70px; display: flex;align-items: center;justify-content: flex-end;;}
.tag-playout {height:420px}
.tag-playin {height:280px;}
.tag-playoff {height:140px; margin-top:140px}
/* CALENDARIO */
.filters-button-group button.nav-link {display: inline-block; font-family: 'HC Lugano Sans Bold'; font-size:26px; padding: 30px 18px; background-color: transparent; border-top:0; border-bottom:0; border-right:0; border-radius:0; border-left: 1px solid rgba(0,0,0,0.3); color: #000; cursor: pointer; width:32%; text-align:center; text-transform:uppercase}
.filters-button-group button.nav-link:nth-child(1) {border-left:0}
.filters-button-group button.nav-link:hover {color: #FBB900;}
.filters-button-group button.nav-link.active {color: #FBB900;}
.tab-content .tab-pane .mese {position:relative;color:#000; font-size:28px; font-family: 'HC Lugano Sans Black'; width:100%; text-align:left;}
.tab-content .tab-pane .mese:before {content:""; height:3px; width:var(--before-width, 70%);; background-color:#000; position:absolute; top:50%; transform: translateY(-50%); right: 0;}
.mese-row {padding-top:40px}
.game-row {position:relative}
.acquista-calendario {position:absolute; left:250px; top:50%; margin-top:-14px; z-index:2}
.mese-row .game-row, .primo-mese-row .game-row  {padding:30px 0; border-bottom:1px solid rgba(0,0,0,0.5)}
.mese-row .game-row:last-child, .primo-mese-row .game-row:last-child {border-bottom:0}
.game-row a .game-detail {color:#000; position:relative}
.game-row a .game-detail .data-game {color:#000; font-size:22px; font-family: 'HC Lugano Sans Black';}
.game-row a:hover .game-detail .data-game {color:#FBB900}
.game-row a .game-detail .col-home-team {display: flex;align-items: center;justify-content: flex-end; padding-right:40px;}
.game-row a .game-detail .col-home-team .team-name {padding-right:15px}
.game-row a .game-detail .team-name.luga-name {font-weight:500}
.game-row a .game-detail .img-team-game {width:50px; height:50px}
.game-row a .game-detail .img-team-game img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
.game-row a .game-detail .col-away-team {display: flex;align-items: center;justify-content: flex-start; padding-left:40px;}
.game-row a .game-detail .col-away-team .team-name {padding-left:15px}
.game-row a .game-detail .vs-icon {width:25px}
.game-row a .game-detail .result {font-size:24px; font-family: 'HC Lugano Sans Black'; text-align:center}
.game-row a:hover .game-detail .result {color:#FBB900}
.game-row a .game-detail .logo-league {display: flex;align-items: center;justify-content: flex-end;}
.game-row a .game-detail .logo-league img {width:30px}
.partita-speciale {padding-right:30px}
.partita-speciale {font-size:13px}
.partita-speciale .nome-partita {font-family: 'HC Lugano Sans Bold'; font-size:22px}
.calendario-partite .filters-button-group {position: -webkit-sticky; position: sticky; top: 70px;}
/* DETTAGLIO CALENDARIO */
.game-page .banner-interno {height:580px; background-image:url(../images/bg-dettaglio-player.webp); background-size:cover; background-position:center bottom; position:relative}
.game-page .banner-interno:before {background-color:rgba(0,0,0,0.7)}
.game-page .banner-interno.banner-partita-speciale:before {opacity:0.9}
.game-page .banner-interno.banner-partita-speciale:after {content:""; width:100%; height:100%; background-color:rgba(0,0,0,0.2); position:absolute; top:0; left:0; z-index:1}
.game-page .banner-interno .logo-league {width:30px;}
.game-page .banner-interno .game-teams {display: flex;align-items: center;justify-content: center; margin-bottom:20px}
.game-page .banner-interno .game-teams .img-team-game {width:130px; height:130px}
.game-page .banner-interno .game-teams .img-team-game img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
.game-page .banner-interno .game-teams .vs-icon {width:40px; margin:0 60px}
.game-page .banner-interno .info-game {color:#fff; font-size:22px; font-family: 'HC Lugano Sans Black'; margin-top:20px; margin-bottom:20px}
.game-page .banner-interno .info-game span {font-size:28px;}
.parziali {display: flex;align-items: center;justify-content: center;}
.parziali .part-res {background-color:#FBB900; font-size:22px; font-family: 'HC Lugano Sans Black'; color:#000; border-radius:4px; padding:5px 10px 5px 25px; position:relative; margin:0 5px}
.parziali .part-res.lost-part {background-color:#eee}
.parziali .part-res.part-1:before {content:"1"; font-family: "Roboto Condensed", sans-serif; font-size:15px; font-weight:600; position:absolute; top:0; left:5px; opacity:0.3}
.parziali .part-res.part-2:before {content:"2"; font-family: "Roboto Condensed", sans-serif; font-size:15px; font-weight:600; position:absolute; top:0; left:5px; opacity:0.3}
.parziali .part-res.part-3:before {content:"3"; font-family: "Roboto Condensed", sans-serif; font-size:15px; font-weight:600; position:absolute; top:0; left:5px; opacity:0.3}
.parziali .part-res.part-4:before {content:"OT"; font-family: "Roboto Condensed", sans-serif; font-size:15px; font-weight:600; position:absolute; top:0; left:5px; opacity:0.3}
.parziali .part-res.part-5:before {content:"PEN"; font-family: "Roboto Condensed", sans-serif; font-size:13px; font-weight:600; position:absolute; top:0; left:5px; opacity:0.3}
.game-page .button-group {padding:20px 0}
.game-page .filters-button-group {width:60%}
.info-game-data .flex-center-col {justify-content: inherit}
.info-game-data .ico-data {height:40px}
.info-game-data .ico-data img {width: 30px; height: 100%; -o-object-fit: contain; object-fit: contain;}
.info-game-data .info-game {margin-top:10px; font-size:22px; font-family: 'HC Lugano Sans Black'; text-transform:uppercase;}
.info-game-data .info-game span {font-size:15px; font-family: "Roboto Condensed", sans-serif; font-weight:300; text-transform:none;}
.section-statistiche .tab-content {padding-top:40px}
.section-statistiche .nav-tabs .nav-link {border:0; border-bottom:2px solid transparent !important; border-radius:0; font-size:22px; font-family: 'HC Lugano Sans Black'; color:#000}
.section-statistiche .nav-tabs .nav-link.active, .section-statistiche .nav-tabs .nav-link.active:hover {color:#FBB900; border-bottom:2px solid #FBB900 !important}
.section-statistiche .nav-tabs .nav-link:hover {border-bottom:2px solid #000 !important}
.row-dett-team {position: -webkit-sticky; position: sticky; top: 70px;}
.row-dett-team .col-team {padding:15px 0; background-color:#eee}
.row-dett-team .col-team .img-team-game {width:40px; height:40px; margin-right:10px}
.row-dett-team .col-team .img-team-game img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
.row-dett-team .col-team .team-name {font-size:22px; font-family: 'HC Lugano Sans Black';}
.row-title-stat {background-color:#000; color:#fff; font-size:22px; padding:10px 0; font-family: 'HC Lugano Sans Black';}
.row-dett-stat {padding:15px 0; border-bottom:1px solid rgba(0,0,0,0.4); text-align:center; font-weight:500}
.row-dett-stat span {font-weight:300}
.row-dett-player {padding:15px 0; border-bottom:1px solid rgba(0,0,0,0.4);}
.row-dett-player .col-team .img-team-game {width:60px; height:60px; border-radius:50%; overflow:hidden; margin-bottom:10px}
.row-dett-player .col-team .img-team-game img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.evento-game {display: flex; align-items: center; justify-content: space-around; width:100%}
.evento-game .tipo-evento {text-align:center; display:flex; align-items: center; flex-direction:column; width:25%}
.evento-game .tipo-evento img {width:20px; margin-bottom:5px}
.evento-game .desc-evento {display:flex; flex-direction:column;align-items: baseline; width:75%}
.ms-auto .evento-game .desc-evento {align-items: flex-end;}
.evento-game .desc-evento .scorer {font-weight:600}
.team-giocatore {display: flex; align-items: center; margin-bottom:15px; padding:0 40px}
.row-team-player {padding:15px 0;}
.row-team-player .col-team .team-giocatore .img-team-game {width:60px; height:60px; overflow:hidden; border-radius:50%; flex-shrink: 0; margin-bottom:0}
.row-team-player .col-team .team-giocatore .img-team-game img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.row-team-player .col-team .team-giocatore .team-name {padding-left:20px; font-weight:500}
.row-team-player .col-team .team-giocatore .team-name span {font-size:22px; font-family: 'HC Lugano Sans Black'; color:#FBB900;}
.col-ref {padding:15px 0}
.col-ref .ref-name {display: flex;align-items: center;justify-content: center;}
.col-ref .ref-name span {font-size:22px; font-family: 'HC Lugano Sans Black'; padding-right:10px}
.desc-partita-speciale {padding:0 0 60px 0}
.desc-partita-speciale h2 {font-size:40px; font-weight:500; margin-top:0; margin-bottom:15px}
.desc-partita-speciale h3 {font-size:30px; font-weight:500; margin-top:0; margin-bottom:15px;}
.desc-partita-speciale h4	{font-size:22px; color:#000; margin-top:0; margin-bottom:15px}
.desc-partita-speciale img {max-width: 100%; height: auto; margin-bottom:1rem}
.risultato-finale {font-size:50px; font-family: 'HC Lugano Sans Black'; padding:0 20px; color:#FBB900}
/* TEAM */
.section-listing-team {background-color:#000}
.grid-sizer, .grid-item { width: 24.25%; }
.gutter-sizer {width:1%}
.player-list-item .item-list {position:relative; height:380px; border:1px solid #fff; overflow:hidden; border-radius:4px; margin-bottom:20px}
.player-list-item .item-list a .img-box-list {height:380px}
.player-list-item .item-list a .img-box-list:before {content:""; width:100%; height:60%; background: linear-gradient(transparent, #000); position:absolute; bottom:0; left:0; z-index:1}
.player-list-item .item-list a .cont-box-list {position:absolute; bottom:0; left:0; display: flex;align-items: center; width:100%; z-index:2}
.player-list-item .item-list a .nome-player, .u20-team .player-list-item .item-list span .nome-player  {display:flex; flex-direction:column;justify-content: center; padding-left:10px; border-left: 1px solid rgba(255,255,255,0.4)}
.player-list-item .item-list a .nome-player h3 {font-size:28px; color:#fff; margin-bottom:0; margin-top:0}
.player-list-item .item-list a:hover .nome-player h3 {color:#D39C00}
.player-list-item .item-list a .nome-player p {font-weight:300; color:#fff; text-transform:uppercase; margin-bottom:0}
.player-list-item .item-list a .numero-player {color:#FBB900; font-family: 'HC Lugano Sans Bold'; font-size:40px; padding-right:10px;}
.lista-staff {padding-top:80px; padding-bottom:40px}
.player-list-item .item-list span .img-box-list {height:380px}
.player-list-item .item-list span .img-box-list:before {content:""; width:100%; height:60%; background: linear-gradient(transparent, #000); position:absolute; bottom:0; left:0; z-index:1}
.player-list-item .item-list span .cont-box-list {position:absolute; bottom:0; left:0; display: flex;align-items: center; width:100%; z-index:2}
.player-list-item .item-list a .cont-box-list img, .player-list-item .item-list span .cont-box-list img {width:18px; height:18px}
.player-list-item .item-list span .nome-player {display:flex; flex-direction:column;justify-content: center; padding-left:0px; border-left:0}
.player-list-item .item-list span .nome-player h3 {font-size:28px; color:#fff; margin-bottom:0; margin-top:0}
.player-list-item .item-list span:hover .nome-player h3 {color:#D39C00}
.player-list-item .item-list span .nome-player p {font-weight:300; color:#fff; text-transform:uppercase; margin-bottom:0}
.player-list-item .item-list span .numero-player {color:#FBB900; font-family: 'HC Lugano Sans Bold'; font-size:40px; padding-right:10px;}
.player-list-item .item-list span span.btn-small-out-w {text-align:center; cursor:pointer;}
.player-list-item .item-list span span.btn-small-out-w:hover {color:#000; border:1px solid #FBB900; background-color:#FBB900}
.filters-button-group {text-align:center; margin-bottom:80px; background-color:#eee; border-radius:4px; width: 60%; margin: -130px auto 80px auto; position: relative; z-index:9}
.filters-button-group .button {display: inline-block; font-family: 'HC Lugano Sans Bold'; font-size:26px; padding: 30px 18px; background-color: transparent; border-top:0; border-bottom:0; border-right:0; border-left: 1px solid rgba(0,0,0,0.3); color: #000; cursor: pointer; text-align:center; text-transform:uppercase}
.filters-button-group .button:nth-child(1) {border-left:0}
.filters-button-group .button:hover {color: #FBB900;}
.filters-button-group .button:active, .filters-button-group .button.is-checked {color: #FBB900;}
.modal .dato-contatto {display: flex;align-items: center;}
.modal .dato-contatto {align-items: start}
.info-player-u20 {display: flex;align-items: center;}
.info-player-u20 p {padding-left:5px}
/* DETTAGLIO PLAYER */
.dettaglio-player .banner-interno {background-image:url(../images/bg-dettaglio-player.webp); background-size:cover; background-position:center center; position:relative; height:100vh; min-height:650px}
.dettaglio-player .banner-interno:before {background-color:rgba(0,0,0,0.8)}
.dettaglio-player .titolo-int {padding-top:0}
.dettaglio-player .titolo-int h1 {font-size:80px; font-family: 'HC Lugano Sans Bold'; color:#fff}
.dettaglio-player .titolo-int span.numero {color:#FBB900; font-family: 'HC Lugano Sans Bold'; font-size:90px; text-transform: uppercase; line-height:1}
.dettaglio-player .titolo-int hr {border-top:1px solid rgba(255,255,255,0.6)}
.banner-player-info {display: flex;align-items: center;}
.banner-player-info img {width:21px; margin-right:15px}
.banner-player-info .ruolo {color:#FBB900; font-family: 'HC Lugano Sans Bold'; font-size:30px;}
.col-foto-player {align-content: end;}
.foto-player {height:100vh; min-height:650px; position: relative; z-index: 2; display: flex; align-items: flex-end;}
.foto-player img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; object-position: bottom;}
.dati-player {margin-top:30px; margin-bottom:40px; display: flex;align-items: center;}
.dati-player .dato-player {padding:5px 15px; color:#fff; text-transform:uppercase; text-align: center}
.dati-player .dato-player.border-end {border-right:1px solid rgba(255,255,255,0.3) !important}
.dati-player .dato-player .dato-small {font-size:15px}
.dati-player .dato-player .dato-big {font-size:26px}
.row-stats {position:relative; margin-top:-160px; z-index:3}
.cont-stats {background-color:#000; border-radius:4px; padding:30px; color:#fff; display: flex;align-items: center;}
.cont-stats .dato-stat {padding:20px 30px; color:#fff; text-transform:uppercase; text-align: center; flex:1}
.cont-stats .dato-stat.border-end {border-right:1px solid rgba(255,255,255,0.3) !important}
.cont-stats .dato-stat .dato-small {font-size:18px}
.cont-stats .dato-stat .dato-big {font-size:50px; font-family: 'HC Lugano Sans Bold';}
.cont-stats .dato-stat.stat-btn {flex: 0;padding: 0 20px;}
.box-dati-player-side {background-color:#000; border-radius:4px; padding:40px; color:#fff; margin-bottom:40px}
.box-dati-player-side h4 {font-size:22px; margin-bottom:15px}
.box-dati-player-side hr {margin:2rem 0}
.box-dati-player-side a {color:#fff; display:block; margin-bottom:10px}
.box-dati-player-side a:hover {color:#FBB900}
.player-audio {background-color: #000; margin-top:60px; padding: 20px; border-radius: 4px;}
.mejs__container {background-color: #000; color: #fff;}
.mejs__controls {background-color: #000;}
.mejs__button, .mejs__time, .mejs__volume-button, .mejs__mute {color: #fff !important;}
.carousel-other, .carousel-other-2 {padding-top:30px}
.dettaglio-player .page-list-item .item-list.box-news .cat-blog:before {margin-top:-7px}
/* LISTING PAGINE */
.section.section-intro-listing {background-color:#000; color:#fff;}
.section.section-intro-listing .intro {padding-right:60px}
.section.section-intro-listing h2 {color:#fff}
.section.section-intro-listing .img-intro {height:530px; border-radius:4px; border:1px solid #fff; overflow:hidden}
.col-immagine-intro {margin-bottom:-180px}
.section.section-intro-listing .img-intro img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.section.section-listing-pagine {padding:180px 0 0px 0; background-image:url(../images/bg-interno-hcl.svg); background-position:top right; background-repeat:no-repeat;}
.section-listing-pagine .page-list-item {margin-bottom:20px}
/* DETTAGLIO PAGINE */
.section-dettaglio-pagina {background-image:url(../images/bg-interno-hcl.svg); background-position:top right; background-repeat:no-repeat;}
.section-dettaglio-pagina .testo-interno h2, .section-dettaglio-news .testo-interno h2 {font-size:40px; font-weight:500; margin-top:0; margin-bottom:15px}
.section-dettaglio-pagina .testo-interno h3, .section-dettaglio-news .testo-interno h3 {font-size:30px; font-weight:500; margin-top:0; margin-bottom:15px;}
.section-dettaglio-pagina .testo-interno h4, .section-dettaglio-news .testo-interno h4 {font-size:22px; color:#000; margin-top:0; margin-bottom:15px}
.section-dettaglio-pagina .testo-interno img, .section-dettaglio-news .testo-interno img {max-width: 100%; height: auto; margin-bottom:1rem}
.section-dettaglio-pagina .testo-interno ul, .section-dettaglio-news .testo-interno ul {list-style-type: none; padding-left:10px;}
.section-dettaglio-pagina .testo-interno ul li, .section-dettaglio-news .testo-interno ul li {position: relative; padding-left: 20px; margin-bottom:10px}
.section-dettaglio-pagina .testo-interno ul li:before, .section-dettaglio-news .testo-interno ul li:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
.section-dettaglio-pagina .testo-interno ol, .section-dettaglio-news .testo-interno ol {padding-left:10px;}
.section-dettaglio-pagina .testo-interno ol li, .section-dettaglio-news .testo-interno ol li {position: relative; padding-left: 20px; margin-bottom:10px}
.video-responsive, .section-dettaglio-pagina .testo-interno .video-responsive, .section-dettaglio-news .testo-interno .video-responsive {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000; margin-bottom:1rem}
.video-responsive iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.box-info-dettaglio {background-color:#000; border-radius:4px; padding:40px; color:#fff; margin-bottom:40px}
.box-info-dettaglio ul {list-style-type: none; padding-left:10px;}
.box-info-dettaglio ul li {position: relative; padding-left: 20px; margin-bottom:10px}
.box-info-dettaglio ul li:before {content: "\f375"; font-family: Ionicons; font-style: normal; font-weight: 400; text-decoration: inherit; position: absolute; left: 0;}
.box-info-dettaglio h4, .section-dettaglio-pagina .testo-interno .box-info-dettaglio h4 {font-size:22px; margin-bottom:15px; color:#fff}
.box-info-dettaglio hr {margin:2rem 0}
.box-info-dettaglio a {display:block; margin-bottom:10px;}
.box-info-dettaglio a.active {color:#FBB900}
.box-info-dettaglio p a, .box-info-dettaglio ul a {display:unset}
.testo-foto, .foto-testo {padding-bottom:20px; padding-top:20px}
.testo-foto img, .foto-testo img {margin-bottom:20px}
/*.box-info-dettaglio a:hover {color:#D39C00}*/
.box-info-dettaglio.wide-box {margin-top:40px}
.box-form {background-color:#eee; background-image:url(../images/bg-hcl-menu.svg); background-repeat:no-repeat; background-position: -100px 100px; border-radius:4px; padding:40px; margin-bottom:40px}
.box-form button.btn-out-b:hover {background-color:#000; border:1px solid #000; color:#fff}
.box-form .title-h3 {margin-bottom:20px}
.box-form.form-wide {margin-bottom:0; padding:80px 0}
/* LANDING PAGE TEMPLATE */
.landing-page .banner-interno {position:relative; height:100vh; min-height:650px}
.landing-page .titolo-int {padding-top:0}
.landing-page .testo-interno {padding:60px 40px 0 40px}
.landing-page .col-dettaglio-news {margin: -160px auto 0 auto; position: relative; z-index:3}
/* SPONSOR */
.cat-sponsor-main {padding:0 0 20px 0}
.cat-sponsor-sec {padding:40px 0 20px 0}
.section-loghi-sponsor .mese {position:relative;color:#000; font-size:28px; font-family: 'HC Lugano Sans Bold'; width:100%; text-align:left;}
.section-loghi-sponsor .mese:before {content:""; height:3px; width:var(--before-width, 70%); background-color:#000; position:absolute; top:50%; transform: translateY(-50%); right: 0;}
.logo-partner-pagina {width:250px; height:250px; border:5px solid #000; background-color:#fff; border-radius:50%; display: flex;align-items: center;justify-content: center;}
.logo-partner-pagina img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
/* LISTING NEWS */
.section.section-intro-listing.cat-testo-listing {background-image:url(../images/bg-black.svg); background-repeat:no-repeat; background-position: right;}
.section-listing-news .page-list-item {margin-bottom:20px}
.section-chiusura-news {background-image:url(../images/logo-bg.svg); background-size:cover; background-position:top right; position:relative}
.section-chiusura-news .partner-int {padding:80px 0 280px 0}
.section-listing-news .page-list-item .item-list {height:380px}
.section-listing-news .page-list-item .item-list .img-box-list {height:380px}
.section-listing-news .page-list-item .item-list .img-box-list:before {display:none}
.section-listing-news .page-list-item .item-list a {display:flex}
.section-listing-news .page-list-item .item-list a .img-box-list {width:50%}
.section-listing-news .page-list-item .item-list a .cont-box-list {width:50%; position:relative; left:inherit; bottom:inherit; background-color:#000; padding:30px 30px 20px 30px}
.section-listing-news .page-list-item .item-list.box-news .cat-blog-page {margin-top:auto; display: flex; justify-content: flex-end;}
.page-list-item .item-list.box-news .cat-blog-page {margin-top:30px; position:relative; right:-20px; color:#FBB900; font-size:24px; font-family: 'HC Lugano Sans Black'; width:100%; text-align:right;}
.page-list-item .item-list.box-news .cat-blog-page .cat-id-page {background-color:#000; position:relative; padding-left:10px}
.page-list-item .item-list.box-news .cat-blog-page:before {content:""; height:3px; width:100%; background-color:#fff; position:absolute; top:50%; margin-top:-1.5px; left:-50px}
.section-listing-news .box-info-dettaglio a {color:#fff}
.section-listing-news .box-info-dettaglio a:hover, .section-listing-news .box-info-dettaglio a.active {color:#FBB900}
/* DETTAGLIO NEWS */
.dettaglio-news-page .banner-interno {position:relative; height:100vh; min-height:650px}
.meta-news {padding-top:2px; font-weight:400; color:#fff; text-transform: uppercase;}
.section.section-dettaglio-news {padding:0 0 80px 0}
.col-dettaglio-news {margin:-55px auto 0 auto; position:relative;}
.bg-dettaglio-news {background-color:#fff; position:relative; margin-top:-4px}
.dettaglio-news-page .testo-interno {padding:60px 40px 0 40px}
.sticky-menu-cat {position: -webkit-sticky; position: sticky; top: 70px; z-index: 3}
.sticky-menu-cat .menu-cat-cont {background-color: #eee; border-radius:4px; padding: 30px 0; transition: all .5s ease-in-out}
.cat-menu {margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; width: 100%}
.cat-menu .cat-item {color: #000; font-weight: 400; display: block; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; padding: 0 15px}
.cat-menu .cat-item:hover {color:#D39C00}
.cat-menu .cat-item.active {color:#FBB900}
.sticky-menu-cat.sticky-active .menu-cat-cont {padding:10px 0}
.dettaglio-news-page .section-altre-pagine .arrow-cont .custom-nav {display:block}
.dettaglio-news-page .arrow-cont .custom-nav .owl-prev, .dettaglio-news-page .arrow-cont .custom-nav .owl-next {color: rgba(0, 0, 0, 0.5);border: 1px solid rgba(0, 0, 0, 0.5);}
.dettaglio-news-page .arrow-cont .custom-nav .owl-next:hover {color: rgba(0, 0, 0, 1); border: 1px solid rgba(0, 0, 0, 1);}
/* HCL TV */
.hcl-tv-page .title-h3 {margin-bottom:10px}
.section-listing-hcltv {background-color:#000; color:#fff}
a .box-latest-video {margin-bottom:20px; background-color:#171717; border-radius:4px; overflow: hidden;}
a .box-latest-video .img-video {height:105px; position:relative}
a .box-latest-video .img-video img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
a .box-latest-video .info-video {display: flex; justify-content: center; flex-direction:column}
a .box-latest-video .info-video .titolo-video {color:#fff; padding:0 15px 5px 15px}
a:hover .box-latest-video .info-video .titolo-video {color:#FBB900}
a .box-latest-video .info-video i {margin-left:15px}
a:hover .box-latest-video .info-video i {color:#fff}
.video-list-item {border-radius:4px; position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;}
.video-list-item iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.custom-play-button, .custom-stop-button {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 36px; width:80px; height:80px; border-radius:50%; display: flex;align-items: center;justify-content: center; background-color: rgba(0,0,0,0.7); color: #fff; border: none; cursor: pointer; opacity:0;}
.custom-stop-button {display: none; opacity:0;}
.video-list-item:hover .custom-play-button, .video-list-item:hover .custom-stop-button {opacity:1}
.box-video-item .title-h3 {margin-top:10px}
.section-hcl-video {background-color:#000; padding-bottom:80px}
.section-hcl-video .box-video-item a h3, .container-list-video .box-video-item a h3, .carousel-hcltv-home .box-video-item a h3 {display: flex;align-items: center; color:#fff; font-family: "Roboto Condensed", sans-serif; font-weight:300; font-size:15px; margin-bottom:10px; text-transform:inherit;}
.section-hcl-video .box-video-item a:hover h3, .container-list-video .box-video-item a:hover h3, .carousel-hcltv-home .box-video-item a:hover h3 {color:#FBB900}
.section-hcl-video .box-video-item a h3 i, .container-list-video .box-video-item a h3 i, .carousel-hcltv-home .box-video-item a h3 i {padding-right:5px}
.section.arrow-cont {padding: 40px 0}
.semi-section-bot.arrow-cont {padding:0 0 40px 0}
.semi-section-up.arrow-cont {padding:40px 0 0 0}
.hcltv-cat-list {padding-top:80px}
.container-list-video {padding-top:40px}
.container-list-video .box-video-item {margin-bottom:30px}
.hcl-tv-page .box-info-dettaglio {background-color:#171717}
.hcl-tv-page .box-info-dettaglio a {color:#fff}
.hcl-tv-page .box-info-dettaglio a:hover, .hcl-tv-page .box-info-dettaglio a.active {color:#FBB900}
.hcl-tv-page .torna {margin-top:60px; padding-top:40px; border-top:1px solid rgba(255,255,255,0.5);}
.hcl-tv-page .torna a {font-weight:400; color:#fff}
.hcl-tv-page .torna a:hover {color:#D39C00}
/* VOTA BEST PLAYER */
.game-page.vota-best .banner-interno {background-color:#000; background-image:none}
.game-page.vota-best .banner-interno .info-game {margin-bottom:0}
.game-page.vota-best .banner-interno .best-luogo {color:#fff; font-weight:400; margin-bottom:20px}
.section.section-classifica-best {padding:80px 0 120px 0}
.carousel-best-player .carousel-cell {width:25%; margin-right:25px}
.game-best {position:relative; height:80px; background-color:#eee; display: flex;align-items: center; width:100%}
.game-best .game-teams {display: flex;align-items: center; padding:0 10px; width:50%;}
.game-best .game-teams .img-team-game {width:30px; height:30px}
.game-best .game-teams .img-team-game img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
.game-best .game-teams .vs-icon {width:20px; margin:0 10px}
.game-page.vota-best .player-list-item .item-list {height:460px}
.game-page.vota-best .player-list-item .item-list a .cont-box-list {bottom:80px}
a .best-score .score {font-size:18px; font-family: 'HC Lugano Sans Bold'; color:#000; line-height:1; display:flex; padding:0 10px 2px 10px}
a .best-score .score span {margin-left:auto}
.best-score {width:50%; padding-right:10px}
.bar--outer {margin: auto; height: 20px; background-color: #000; border-radius: 10px; padding: 0 2px; display: grid; box-sizing: border-box;}
.bar--inner {width: 0; height: 80%; background-color: #FBB900; margin: auto 0; padding:2px; font-size:14px;border-radius: 10px;}
.game-page.vota-page .banner-interno {background-color:#000; background-image:none; height:auto; min-height:400px}
.game-page.vota-page .banner-interno .titolo-int {padding-top:120px}
.game-page.vota-page .banner-interno .game-teams {margin-bottom:0;}
.game-page.vota-page .banner-interno .info-game {margin-bottom:20px}
.game-page.vota-page .banner-interno .best-luogo {color:#fff; font-weight:400; margin-bottom:20px}
.game-page.vota-page .row-team-player .col-team .team-giocatore .img-team-game {width:80px; height:80px}
.game-page.vota-page .team-giocatore {border-bottom:1px solid rgba(0, 0, 0, 0.1); padding-bottom:15px}
.game-page.vota-page .row-team-player .col-team .team-giocatore .team-name {font-size:18px}
.row-team-player .col-team .team-giocatore .team-name span {font-size:28px}
.vota-padding-bottom {padding-bottom:280px}
/* STORIA */
.section-dettaglio-pagina .testo-interno.testo-storia ul {list-style-type: none; padding-left:10px;}
.section-dettaglio-pagina .testo-interno.testo-storia ul li {position: relative; padding-left: 00px; margin-bottom:10px}
.section-dettaglio-pagina .testo-interno.testo-storia ul li:before {display:none}
.section-dettaglio-pagina .testo-interno.testo-storia ul li .anno-pres {font-size:20px; font-family: 'HC Lugano Sans Bold';}
.presidente-intro .col-immagine-intro {margin-bottom:0; margin-top:-180px}
.section-trofei-intro {background-color:#FBB900; color:#000; background-image:url(../images/bg-tifosi.webp); background-size:cover; background-position:bottom center; background-repeat:no-repeat; text-align:center}
.item-trofeo .img-trofeo {height:135px; width:135px; margin:auto}
.item-trofeo .img-trofeo img {width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain;}
.item-trofeo .trofeo {font-size:22px; font-family: 'HC Lugano Sans Bold'; margin-bottom:5px}
.item-trofeo .anno-trofeo {font-weight:400}
.section-trofei-intro .arrow-cont .custom-nav {position: relative; cursor:pointer; top: 50px; left: 0; right: 0; z-index:9999;}
.section-trofei-intro .arrow-cont .custom-nav .owl-prev, .section-trofei-intro .arrow-cont .custom-nav .owl-next {
  position: absolute;
  height: 46px;
	width:46px;
  color: rgba(0, 0, 0, 0.5);
	display: flex;align-items: center;justify-content: center;
  background: none;
  border: 1px solid rgba(0, 0, 0, 0.5);
	border-radius:100px;
  z-index: 9999;
}
.section-trofei-intro .arrow-cont .custom-nav .owl-prev, .section-trofei-intro .arrow-cont .custom-nav .owl-next {top:15px}
.section-trofei-intro .arrow-cont .custom-nav .owl-prev:hover, .section-trofei-intro .arrow-cont .custom-nav .owl-next:hover {color: rgba(0, 0, 0, 1); border: 1px solid rgba(0, 0, 0, 1);}
.section-trofei-intro .arrow-cont .custom-nav .owl-prev {left: -30px;}
.section-trofei-intro .arrow-cont .custom-nav .owl-next {right: -30px;}
.hall-list .player-list-item .item-list span .numero-player {margin-right:10px; border-right:1px solid rgba(255,255,255,0.4)}
.bio-hall span {font-size:22px; font-family: 'HC Lugano Sans Bold';}
.img-hall-modal {height:350px; position:relative}
.img-hall-modal img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; object-position: top center}
h5.modal-title {font-size:28px; font-family: 'HC Lugano Sans Bold';}
h5.modal-title span {color:#FBB900}
.section-trofei .swiper-slide {background-image:none}
.section.section-listing-storia {padding:80px 0 40px 0; background-image:url(../images/bg-interno-hcl.svg); background-position:top right; background-repeat:no-repeat;}
.section-listing-storia .page-list-item {margin-bottom:20px}
.container-time{
	display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
	padding-left:0;
	padding-right:0;
	height: 100%;
	display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.timeline {
  width: 100%;
  background-color: #fff;
  box-shadow: 0 5px 25px 5px rgba(0, 0, 0, 0.2);
}
.timeline .swiper-container {
  height: 100vh;
	min-height:900px;
  width: 100%;
  position: relative;
}
.timeline .swiper-wrapper {
  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.timeline .swiper-slide {
  position: relative;
  color: #fff;
  overflow: hidden;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.timeline .swiper-slide::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: -115%;
  bottom: -10%;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.8);
  border-radius: 100%;
}
.timeline .swiper-slide-content {
  position: absolute;
  text-align: center;
  width: 100%;
  max-width: 80%;
  right: 50%;
  top: 13%;
  -webkit-transform: translate(50%, 0);
          transform: translate(50%, 0);
  font-size: 12px;
  z-index: 2;
	font-weight:300;
}
.timeline .swiper-slide .timeline-year {
  display: block;
  font-size: 40px;
  margin-bottom: 50px;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  color: #FBB900;
  opacity: 0;
  transition: .2s ease .4s;
	font-family: 'HC Lugano Sans Bold';
}
.timeline .swiper-slide .timeline-title {
	font-family: 'HC Lugano Sans Bold';
	text-transform:uppercase;
  font-size: 30px;
  margin: 0 0 30px;
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  transition: .2s ease .5s;
}
.timeline .swiper-slide .timeline-text {
  line-height: 1.5;
  opacity: 0;
  -webkit-transform: translate3d(20px, 0, 0);
          transform: translate3d(20px, 0, 0);
  transition: .2s ease .6s;
}
.timeline .swiper-slide .timeline-text span.btn-small-out-w {cursor:pointer}
.timeline .swiper-slide-active .timeline-year {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .4s ease 1.6s;
}
.timeline .swiper-slide-active .timeline-title {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .4s ease 1.7s;
}
.timeline .swiper-slide-active .timeline-text {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  transition: .4s ease 1.8s;
}
.timeline .swiper-pagination {
  right: 10% !important;
  height: 100%;
  display: none;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
	font-size:28px;
	font-family: 'HC Lugano Sans Bold';
	letter-spacing:1px;
}
.timeline .swiper-pagination::before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.2);
}
.timeline .swiper-pagination-bullet {
  width: auto;
  height: auto;
  text-align: center;
  opacity: 1;
  background: transparent;
  color: #d8d8d8;
  margin: 5px 0 !important;
  position: relative;
}
.timeline .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 12px;
  left: -32.5px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background-color: #FBB900;
  -webkit-transform: scale(0);
          transform: scale(0);
  transition: .2s;
}
.timeline .swiper-pagination-bullet-active {
  color: #FBB900;
}
.timeline .swiper-pagination-bullet-active::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.timeline .swiper-button-next,
.timeline .swiper-button-prev {
  background-size: 20px 20px;
  top: 15%;
  width: 20px;
  height: 20px;
  margin-top: 0;
  z-index: 2;
  transition: .2s;
}
.timeline .swiper-button-prev {
  left: 8%;
  background-image: url(../images/arrow-time-up.svg);
}
.timeline .swiper-button-prev:hover {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}
.timeline .swiper-button-next {
  right: 8%;
  background-image: url(../images/arrow-time.svg);
}
.timeline .swiper-button-next:hover {
  -webkit-transform: translateX(3px);
          transform: translateX(3px);
}

/* CONTATTI */
.section.section-page-contatti {padding:180px 0 115px 0; background-color:#000; color:#fff; position:relative}
.section.section-page-contatti:before {content:""; width:100%; height:130px; background: linear-gradient(#000, transparent); position:absolute; top:0; left:0; z-index:2}
.section-page-contatti .intro-text {padding-right:60px; padding-top:0px}
.section-page-contatti .lead {margin-top:20px}
.bg-contatti {width:45%; height:100%; background-image:url(../images/bg-contatti-page.webp); background-size:cover; background-position:right center; position:absolute; top:0; right:0}
.box-orari {display: flex; margin: 20px 0}
.box-orari a {color:#fff}
.box-orari a:hover {color:#D39C00}
.box-orari ul {margin-bottom:0}
.contatto-info i {background-color:#FBB900; border-radius:4px; color:#000; padding:2px; height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; margin-right:15px}
.form-orari {background-color:#fff; border-radius:4px; color:#000;padding:60px 30px; -webkit-box-shadow: 0px -2px 18px 9px rgba(0,0,0,0.37); box-shadow: 0px -2px 18px 9px rgba(0,0,0,0.37);}
.box-contatto span {background-color:#eee; border-radius:8px; display:block; overflow:hidden; position:relative;}
.box-contatto span .img-box-list {height: 180px; overflow: hidden; position: relative;}
.box-contatto span .img-box-list img {-o-object-fit: cover; object-fit: cover; object-position: center center; width: 100%; height: 100%; filter: grayscale(100%); transition: all 1.3s;}
.box-contatto span:hover .img-box-list img {transform: scale(1.4); filter: inherit;}
.box-contatto span .cont-box-list {padding:20px; color:#000; font-weight:400; min-height:140px}
.box-contatto span .cont-box-list h3 {margin-bottom:10px; margin-top:0}
.box-contatto span .cont-box-list a {color:#000; display:block}
.box-contatto span .cont-box-list a:hover {color:#D39C00}
.contatti-page .section.section-altre-pagine {padding:80px 0 280px 0}
/* RICERCA */
.search-page .section-listing-news .page-list-item .item-list a .img-box-list {width:40%}
.search-page .section-listing-news .page-list-item .item-list a .cont-box-list {width:60%}
.search-page .section-listing-news .page-list-item .item-list .img-box-list {height:300px}
.search-page .section-listing-news .page-list-item .item-list {height:auto}
/* MERCATINO */
.section-listing-mercatino .item-list, .dettaglio-annuncio-mercatino .item-list {background-color:#f2f2f2; border:2px solid #000; border-radius:4px; margin-bottom:20px}
.section-listing-mercatino .item-list .img-box-list, .dettaglio-annuncio-mercatino .item-list .img-box-list {height:280px}
.section-listing-mercatino .item-list a .cont-box-list h3, .dettaglio-annuncio-mercatino .item-list a .cont-box-list h3{font-size:30px; margin-bottom:10px}
.section-listing-mercatino .item-list a .cont-box-list .prezzo-annuncio, .dettaglio-annuncio-mercatino .item-list a .cont-box-list .prezzo-annuncio {color:#FBB900; font-size:30px; font-family: 'HC Lugano Sans Bold';}
.section-listing-mercatino .item-list a:hover .cont-box-list .prezzo-annuncio, .dettaglio-annuncio-mercatino .item-list a:hover .cont-box-list .prezzo-annuncio {color:#D39C00;}
.section-listing-mercatino .item-list a .cont-box-list .info-annuncio, .dettaglio-annuncio-mercatino .item-list a .cont-box-list .info-annuncio {display:flex; color:#000; margin-bottom:20px}
.section-listing-mercatino .item-list a span.btn-small-out-b, .dettaglio-annuncio-mercatino .item-list a span.btn-small-out-b {display:unset}
.section-listing-mercatino .item-list a:hover span.btn-small-out-b, .dettaglio-annuncio-mercatino .item-list a:hover span.btn-small-out-b {background-color: #FBB900; border: 1px solid #FBB900; color:#000}
.section-listing-mercatino .filters-button-group {position: -webkit-sticky; position: sticky; top: 70px; height:80px; margin:-120px auto 80px auto}
.section-listing-mercatino .sidebar {top:180px}
.ricerca-mercatino {width:100%}
.ricerca-mercatino .input-group, .ricerca-mercatino form {display: flex; width:100%}
.ricerca-mercatino .input-group {padding:0; width:100%}
.ricerca-mercatino .input-group .form-control {border:1px solid #000; border-radius:20px}
.ricerca-mercatino .input-group .input-group-append {width:38px; margin-left:-38px}
.ricerca-mercatino .input-group .btn {border-radius:50%; background:#000; border:1px solid #000; z-index:999}
.ricerca-mercatino .input-group .btn:hover {color:#000; background:#FBB900; border:1px solid #FBB900}
.ricerca-mercatino .form-control::placeholder, .section-listing-mercatino .form-select::placeholder { color:#000;opacity: 1;}
.ricerca-mercatino .form-control:-ms-input-placeholder, .section-listing-mercatino .form-select:-ms-input-placeholder {color: #000;}
.ricerca-mercatino .form-control::-ms-input-placeholder, .section-listing-mercatino .form-select::-ms-input-placeholder {color: #000;}
.section-listing-mercatino .input-group select {width:100%; border-radius:20px; background: #fff; color:#000; height:38px; border:1px solid #000; font-size:15px;padding:0 10px 0 10px;margin-bottom:0; -webkit-appearance: none; -webkit-border-radius: 20px;}
/* DETTAGLIO MERCATINO */
.dettaglio-annuncio-mercatino .droopmenu-navbar {background-color:#000}
.section.section-dettaglio-mercatino {padding:170px 0 80px 0}
.dettaglio-annuncio-mercatino .breadcrumb-cont {color:#000; background-color:#eee; padding:10px; border-radius:4px; margin-bottom:30px}
.dettaglio-annuncio-mercatino .breadcrumb-cont a {color:#000}
.dettaglio-annuncio-mercatino .breadcrumb-cont a:hover {color:#D39C00}
.dettaglio-annuncio-mercatino .breadcrumb-cont a img {filter: invert(100%);}
.carousel-annuncio .carousel {background: #FAFAFA;margin-bottom: 20px;}
.carousel-annuncio .carousel-cell {width: 100%; height: 500px; background:#FBB900; border-radius: 4px; overflow:hidden}
.carousel-annuncio .carousel-cell img {-o-object-fit: cover; object-fit: cover; object-position: center center; width: 100%; height: 100%;}
.carousel-annuncio .carousel.carousel-nav  {background: #eee; border-radius:4px}
.carousel-annuncio .carousel-nav .carousel-cell {height: 60px;width: 80px; margin-right: 10px;}
.carousel-annuncio .carousel-nav .carousel-cell img {opacity:0.6}
.carousel-annuncio .carousel-nav .carousel-cell.is-nav-selected img {opacity:1}
.carousel-annuncio .flickity-prev-next-button, .carousel-annuncio .flickity-prev-next-button {right:15px;}
.carousel-annuncio .flickity-prev-next-button.previous {top:40%; right:15px; left:inherit}
.carousel-annuncio .flickity-prev-next-button.next {top:calc(40% + 60px)}
.carousel-annuncio .flickity-button {border:1px solid #000; color:#000; background:transparent; width:50px; height:50px;}
.carousel-annuncio .flickity-prev-next-button .flickity-button-icon, .carousel-annuncio .flickity-prev-next-button .flickity-button-icon {width:35%; height:35%; top:30%; left:30%}
.box-info-dettaglio .info-annuncio {display:flex}
.box-info-dettaglio .prezzo {color:#FBB900; font-size:30px; font-family: 'HC Lugano Sans Bold';}
.dettaglio-annuncio-mercatino .box-info-dettaglio hr {margin:1rem 0}
.dettaglio-annuncio-mercatino .box-info-dettaglio a {display:inherit}
.dettaglio-annuncio-mercatino .descrizione-annuncio {padding-top:40px}
.dettaglio-annuncio-mercatino .descrizione-annuncio h3.title-h3 {margin-bottom:30px}
.dettaglio-annuncio-mercatino .section-altre-pagine .arrow-cont .custom-nav {display:block}
.dettaglio-annuncio-mercatino.arrow-cont .custom-nav .owl-prev, .dettaglio-annuncio-mercatino .arrow-cont .custom-nav .owl-next {color: rgba(0, 0, 0, 0.5);border: 1px solid rgba(0, 0, 0, 0.5);}
.dettaglio-annuncio-mercatino .arrow-cont .custom-nav .owl-next:hover {color: rgba(0, 0, 0, 1); border: 1px solid rgba(0, 0, 0, 1);}
.dettaglio-annuncio-mercatino #shortcut {background-color: #000; border-radius: 4px;}
/* MAPPA */
.mappa {padding-right:0 !important; padding-left: 0 !important; z-index:999;}
#container-map{height: 550px;left: 0;position: relative;width: 100%;}
#map-canvas{height: 100%;position: relative;width: 100%;z-index: 10;}
.box-pop h5{font-family: 'Frank Ruhl Libre', serif; color:#333; font-weight:900; font-size:18px; text-transform:uppercase;}
.box-pop a{color:#2F7AD8;text-decoration:underline;font-size:10px;}
/* NEWSLETTER */
.box-newsletter {background-color:#F8F6F2; color:#000; border:3px solid #000; border-radius:8px; padding:0px; margin-top:-80px}
.box-newsletter h2.title-h2 {color:#000}
.box-newsletter a.btn-out-b, .box-newsletter a.btn-med-out-b {color:#000}
.box-newsletter a.btn-out-b:hover, .box-newsletter a.btn-med-out-b:hover {color:#000}
.contenuto-box-newsletter {padding-right:30px}
.col-img-newsletter {height:300px; margin-top:-120px}
.col-img-newsletter img {-o-object-fit: cover; object-fit: cover; object-position: bottom center; width: 100%; height: 100%; margin-left:-20px;}
.newsletter-page.landing-page .banner-interno {position:relative; height:600px;}
#mc_embed_signup input {border:1px solid #000; border-radius:40px; }
input.btn-main-b {color:#fff}
input.btn-main-b:hover {background-color:#fff; color:#000}
.indicates-required {padding-bottom:20px; text-align:right}
.mc-field-group label {padding-left:20px}
#mce-responses {padding:20px 0; font-size:24px; font-family: 'HC Lugano Sans Bold';}
/*FOOTER*/
.footer {background-color:#000; color:#fff; padding:0 0 20px 0; font-size:14px; font-weight:300; position:relative}
.footer-container {position:relative; padding-top:60px}
.footer:before {content:"#NONMOLLAREMAI"; font-family: 'HC Lugano Sans Black'; font-size:19vw; color:#fff; opacity:0.2; position:absolute; bottom:0; left:50%; line-height:1; text-transform:uppercase; transform: translateX(-50%); /* Centra il testo orizzontalmente */
    white-space: nowrap; text-shadow:
        -5px -5px 0 #BEBEBE,
        5px -5px 0 #BEBEBE,
        -5px 5px 0 #BEBEBE,
        5px 5px 0 #BEBEBE,
        0 5px 0 #BEBEBE,
        0 -5px 0 #BEBEBE,
        5px 0 0 #BEBEBE,
        -5px 0 0 #BEBEBE;}
.footer h4 {font-family: "Roboto Condensed", sans-serif; font-weight:600; font-size:15px; margin-bottom:30px}
.footer .list-unstyled {line-height:2}
.footer a {color:#fff}
.footer a:hover {color:#FBB900}
.footer .col-loghi-footer img {width:69px}
.blocco-special-footer {text-align:center}
.blocco-special-footer a {display:block; padding:10px; border-bottom:1px solid rgba(255,255,255, 0.4)}
.social-footer {padding-top:40px}
.social-footer {display: flex; align-items: center; justify-content: center;padding-bottom:10px; border-bottom:1px solid rgba(255,255,255, 0.4)}
.social-footer .social-font a {font-size:20px; padding:0 10px}
.social-footer .social-font.big-font a {font-size:25px}
.footer .contatti-social {display: flex; align-items: center;}
.footer .contatti-social i {background-color:#023E8A; color:#fff; border-radius:50px; height: 35px; width: 35px; display: flex; align-items: center; justify-content: center;}
.footer .contatti-social i:hover {background-color:#FBB900;}
.copy{font-size: 13px; padding-top:70px}
.copy a{color:#fff;}
.copy a span {color:#FBB900; text-transform: uppercase;}
.social-icon {color:#fff; font-weight:300; font-size:15px; line-height:1.5; font-family: 'Frank Ruhl Libre', serif; letter-spacing:1px}
.social-icon {margin-bottom:30px; text-align:right}
.circle-icon {background: #fff;width: 24px !important;height: 24px;text-align: center; vertical-align: middle;padding: 5px; color:#333; transition: all 500ms ease; margin-right:10px}
.circle-icon:hover {background: #2F7AD8; color:#fff; transition: all 500ms ease; transform: scale(0.9); transition: all 500ms ease;}

/* NEWSLETTER SUBSCRIPTION */
.bg_pre_footer {position:relative; margin-top:-195px; z-index:999}
.bordo-left {background-image:url(../images/bordo-left.svg); background-repeat:no-repeat; background-position:right; background-size:cover}
.titolo-newsletter {padding:40px 40px 84px 40px; text-align:right}
.titolo-newsletter h2 {font-family: 'Frank Ruhl Libre', serif; font-weight:900; font-size:32px; color:#fff; text-transform:uppercase; margin:0}

/* listing */
.carousel-latest {padding-top:60px}
.item-list a, .item-list span {display:block; overflow:hidden; position:relative;}
.item-list a .img-box-list, .item-list span .img-box-list {height: 280px; overflow: hidden; position: relative;}
.item-list a .img-box-list img, .item-list span .img-box-list img {-o-object-fit: cover; object-fit: cover; object-position: center center; width: 100%; height: 100%; transition: all 1.3s;}
.item-list a:hover .img-box-list img, .item-list span:hover .img-box-list img {transform: scale(1.2)}
.item-list a .cont-box-list, .item-list span .cont-box-list {padding:20px;}
.item-list a .cont-box-list .latest-meta, .item-list span .cont-box-list .latest-meta {color:#03045E}
.item-list a .cont-box-list h3, .item-list span .cont-box-list h3 {color:#000; font-size:24px; margin-bottom:40px; margin-top:20px}

/* dettaglio */
.tag-list {padding:30px 0 0 0;}
.tag-list span {font-weight:400}
.btn-fb {background-color: #3b5998!important;color: #fff!important;}
.btn-tw {background-color: #55acee!important;color: #fff!important;}
.btn-gplus {background-color: #dd4b39!important;color: #fff!important;}
.btn-li {background-color: #0082ca!important;color: #fff!important;}
.blog-meta {background-color:#023E8A; padding:40px; border-radius:20px; margin-top:40px}
a.btn-share i {background-color:#FBB900; color:#000; padding:2px; height: 44.5px; border-radius:50px; width: 44.5px; display: flex; align-items: center; justify-content: center;}
a.btn-share i:hover {background-color:#D39C00; color:#000}
.social-news .btn-outline-primary {color:#fff; border-radius:4px; border:1px solid #fff; padding:10px 20px}
.social-news .btn-outline-primary:hover{color:#000; border-radius:4px; border:1px solid #FBB900; background-color:#FBB900}

/* BREADCRUMBS */
.breadcrumb-cont {color:#fff; font-size:14px; font-weight:300}
.breadcrumb-cont span {color:#FBB900; font-size:14px; padding:0 5px}
.breadcrumb-cont a {color:#fff; padding:0 5px; text-transform: uppercase}}
.breadcrumb-cont a:hover {color:#D39C00; text-decoration:underline}
.breadcrumb-cont a img {width:20px; margin-right:5px}
/* PAGINAZIONE */
.pagination {
	text-align: center;
	margin: 24px 0; }
	.pagination ul {
		list-style: none;
		clear: both;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
		        justify-content: center; }
	.pagination__page {
		font-size: 0.875rem;
		display: inline-block;
		width: 40px;
		height: 40px;
		line-height: 36px;
		margin: 0 2px;
		text-align: center;
		color: #000;
		vertical-align: middle;
		white-space: nowrap;
		border: 1px solid #000;
		border-radius:4px;
		list-style: none;
		-webkit-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out; }
	.pagination a:hover,
	.pagination a:focus, .pagination__page--active {
		background-color: #000;
		color: #fff;
		border-color: transparent; }
	.pagination i {
		font-size: 0.75rem; }
		.pag-select {display:none}
	.section-listing-hcltv .pagination__page {color: #fff; border: 1px solid #fff;}
	.section-listing-hcltv .pagination a:focus, .section-listing-hcltv .pagination__page--active {background-color: #fff; color:#000}

/* FORM*/
.form-dettaglio button.btn-main:hover {background-color:#fff; color:#333}
.form-control::placeholder { color:#fff;opacity: 1;}
.form-control:-ms-input-placeholder {color: #fff;}
.form-control::-ms-input-placeholder {color: #fff;}
.input_home, .input_home.form-control {width:100%; border-radius:40px; background: transparent; color:#fff; font-size:15px;padding:10px 16px 10px 16px;margin-bottom:25px; font-weight:400; outline: none;}
select, select.form-control {width:100%; border-radius:40px; background: transparent; color:#fff; font-size:15px;padding:10px 16px 10px 16px;margin-bottom:25px; font-weight:300; -webkit-appearance: none;
  -webkit-border-radius: 0px;}
.textarea_home, .textarea_home.form-control {width:100%; border-radius:40px; background: transparent; color:#fff;font-size:15px;padding:10px 16px 10px 16px;margin-bottom:25px; outline: none;font-weight:400;}
::placeholder { color:#fff;opacity: 1;}
:-ms-input-placeholder {color: #fff;}
::-ms-input-placeholder {color: #fff;}
textarea::placeholder { color:#fff;opacity: 1;}
textarea:-ms-input-placeholder {color: #fff;}
textarea::-ms-input-placeholder {color: #fff;}
.form-select:focus {box-shadow:inherit}
.form-contatti ::placeholder { color:#000;opacity: 1;}
.form-contatti :-ms-input-placeholder {color: #000;}
.form-contatti ::-ms-input-placeholder {color: #000;}
.form-contatti textarea::placeholder { color:#000;opacity: 1;}
.form-contatti textarea:-ms-input-placeholder {color: #000;}
.form-contatti textarea::-ms-input-placeholder {color: #000;}
.form-contatti label {padding-left:20px}
.form-contatti .input_home, .form-contatti .input_home.form-control {border:1px solid #000; color:#000}
.form-contatti.was-validated .input_home.form-control:invalid {border:1px solid #dc3545}
.form-contatti select, select.form-control {color:#000; border-radius:40px}
.form-contatti .textarea_home, .form-contatti .textarea_home.form-control {border:1px solid #000; color:#000}
label.checkbox .form-check-input[type=checkbox], label.radio .form-check-input[type=checkbox] {border:1px solid #000}
input:focus, select:focus, textarea:focus {outline: none}
.privacy {color:#fff;font-size: 12px;cursor:pointer;}
.privacy a{color:#fff;text-decoration:underline;}

.form-contatti .privacy {color:#000;font-size: 12px;cursor:pointer;}
.form-contatti .privacy a{color:#000;text-decoration:underline;}
.form-contatti .privacy2 a{color:#000;text-decoration:underline;}
.form-contatti .privacy2 a:hover{color:#D39C00;}

.input-group.upload-cv input.form-control {border-radius:40px; border:1px solid #000; background-color:transparent}
.input-group.upload-cv>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {border-top-left-radius:40px; border-bottom-left-radius:40px}
.form-contatti .form-control:focus {box-shadow:none; border-color:#FBB900}
.form-control:focus {box-shadow:none; border-color:#fff}

.privacy2 {font-size: 14px; font-weight: 400;cursor:pointer;}
.section-title span.privacy2 {font-size: 14px}
.privacy2 a{color:#fff;text-decoration:underline;}
.privacy2 a:hover{color:#FBB900;}
label.checkbox, label.radio{padding-left: 0px;}
.checkbox, .radio{margin-top:0;margin-bottom:25px;}
.form-page .checkbox, .form-page .radio {margin-bottom:0}
.form-page label a {display:inherit}
.grecaptcha-badge {display:none}
#recaptcha {display:none}
#capatcha {display: block; }
#capatcha div iframe {width:100% !important}
.was-validated .form-select:invalid:not([multiple]):not([size]) {background-repeat:no-repeat}
.was-validated .form-select:valid:not([multiple]):not([size]) {background-repeat:no-repeat}
::backdrop, .section-checkout option {background-color: #254C47;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {color:#000}
/* RICERCA */
.form-control-borderless {border: none;}
.form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {border: none;outline: none;box-shadow: none;}
/* SHORTCUT */
#shortcut {position: fixed; top: 25px; right: 5px; width:40px; z-index: 999999;}
#shortcut .div-short {position:relative}
#shortcut .div-short a{
	font-size:20px;
	position:relative;
	color:#fff;
	margin-bottom:2px;
	padding:8px 5px;
	flex-direction:column;
	text-align:center;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
	line-height:1;
}


#shortcut .div-short a i {font-size:30px}
#shortcut .div-short.search-font a i {font-size:25px}
#shortcut .div-short.social-font a i {font-size:22px}
#shortcut .div-short a:hover {color:#FDB913}
#shortcut hr {border-top:1px solid rgba(255,255,255,0.6)}
#shortcut.scrolled {transition: background-color 0.6s ease; top: 90px; background-color:#000; border-radius:4px}
#shortcut.scrolled hr {border-top:1px solid rgba(255,255,255,0.7)}
#shortcut .div-short.lang-short {height:47px}
.menu-lang {
	font-size:30px;
	position:relative;
	color:#fff;
	margin-bottom:2px;
	padding:8px 5px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: width 0.6s ease-in-out;
	width:40px;
  overflow: hidden;
  position: relative;
	line-height:1;
}
.menu-lang:hover {color:#FDB913}
.menu-lang #open-button {display: block; font-size:30px; cursor: pointer; position:relative}
.menu-lang #open-button .label-lang {font-size:10px; font-weight:600; position:absolute; bottom:0; right:0}
.menu-lang #open-search {display: block; font-size:28px; cursor: pointer}
.menu-lang .item {display: none;color: #000; padding:0 15px}
.menu-lang .input-group {display:none}
.menu-lang #close-button, .menu-lang #close-search {display: none;color: #000;}
.menu-lang.open {border-radius:4px 0 0 4px; cursor:pointer; width: 300px; font-size:15px; height:47px; position: absolute; right: 0; background-color:#fff; color:#000; display: flex;align-items: center; justify-content:flex-start; padding-left:15px; transition: width 0.3s ease-in-out;}
.menu-lang.search-form.open {width:350px}
#shortcut .div-short .menu-lang.open .item a {color:#000; font-size:15px}
#shortcut .div-short .menu-lang.open .item a:hover {color:#FBB900}
#shortcut .div-short .menu-lang.open .item a.active {color:#D39C00}
#shortcut .div-short .menu-lang.open .item  {display: block;}
#shortcut .div-short .menu-lang.open form {width:95%}
#shortcut .div-short .menu-lang.open .input-group, #shortcut .div-short .menu-lang.open form {display: flex;}
#shortcut .div-short .menu-lang.open #close-button, #shortcut .div-short .menu-lang.open #close-search {display: block; color:#000}
#shortcut .div-short .menu-lang.open #close-button:hover, #shortcut .div-short .menu-lang.open #close-search:hover {color:#FDB913;}
#shortcut .div-short .menu-lang.open #open-button {display: block; position:absolute; right:12px; color:#000}
#shortcut .div-short .menu-lang.open #open-search {display: block; position:absolute; right:14px; color:#000}
#shortcut .div-short .menu-lang.open .input-group {padding:0 40px 0 15px}
#shortcut .div-short .menu-lang.open .input-group .form-control {border:1px solid #000; border-radius:20px}
#shortcut .div-short .menu-lang.open .input-group .input-group-append {width:38px; margin-left:-38px}
#shortcut .div-short .menu-lang.open .input-group .btn {border-radius:50%; background:#000; border:1px solid #000; z-index:999}
#shortcut .div-short .menu-lang.open .input-group .btn:hover {color:#000; background:#FBB900; border:1px solid #FBB900}
.menu-lang .form-control::placeholder { color:#000;opacity: 1;}
.menu-lang .form-control:-ms-input-placeholder {color: #000;}
.menu-lang .form-control::-ms-input-placeholder {color: #000;}
.ui-datepicker .ui-datepicker-next span {right: 2px; left: inherit; background-position: center; background-size: cover;}
.ui-datepicker .ui-datepicker-prev span {background-position: center; background-size: cover;}
/* 03.09.2024 SEZIONE CORNER BANCA */
.section.section-corner {background-color:#f1f1f1; padding: 180px 0 80px 0; margin-bottom:-80px}
.section-corner .intro {padding:40px 0 0 60px}
.section-corner .intro h3.title-h3 {margin-bottom:15px}
.section-corner .col-immagine-intro {margin-bottom:0}
.section-corner .img-intro {height:540px; border-radius:4px; border:1px solid #fff; overflow:hidden}
.section-corner .img-intro img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
/* VOTA LA MAGLIA FORM STEP */
.box-vota-maglia {border-radius:8px; border:1px solid #000; padding:20px}
.btn-step {border-radius:8px; padding:5px 20px; background-color:#000; border:1px solid #000; color:#fff; font-size:18px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
.btn-step.step-back {border-radius:8px; padding:5px 20px; background-color:transparent; border:1px solid #000; color:#000; font-size:18px; text-transform:uppercase; font-family: 'HC Lugano Sans Bold'; line-height:1}
.btn-step:hover {background-color:#FBB900; border:1px solid #FBB900}
.btn-step.step-back:hover {background-color:#FBB900; border:1px solid #FBB900}
.step.active {display: block;}
.jersey-box {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1; /* quadrato */
  background-color: #f5f5f5;
  border-radius: 10px;
  overflow: hidden;
  transition: all 0.3s ease;
  border: 3px solid transparent;
  cursor: pointer;
}

.jersey-box img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.btn-check:checked + .jersey-box {
  border-color: #FBB900; /* viola */
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.jersey-box:hover img {
  transform: scale(1.03);
}
.form-contatti label.jersey-box {padding-left:0; position:relative}
.numero-voti {padding:10px; font-family: 'HC Lugano Sans Bold'; color:#FBB900; font-size:24px; text-transform: uppercase;}
/* TEMPLATE SONDAGGIO */
.sondaggio-page.landing-page .banner-interno {height:auto; min-height:300px; border-bottom:10px solid #FBB900; background-color:#000}
.testo-label {width:100%; position:absolute; bottom:0; left:0; padding:10px; background-color:rgba(0,0,0,0.9); color:#fff; text-align:center}
/* NUOVA COOKIE BAR */
.show_banner_cookies {position: fixed;   bottom: 0px;   width: 50%;   background: #000; color: #fff; z-index: 1000; padding: 30px; left: 0px; font-size: 14px; font-weight:400}
.show_banner_cookies a {color:#FBB900}
.show_banner_cookies a:hover {color:#D39C00}
.show_banner_cookies a.btn {padding:15px 20px; min-width:210px}
.show_banner_cookies a.btn.btn-white, a.btn.btn-white {background-color:#fff; border:1px solid #fff; color:#333}
.show_banner_cookies a.btn.btn-outline, a.btn.btn-outline {background-color:transparent; border:1px solid #fff; color:#fff}
.show_banner_cookies a.btn.btn-outline-dark, a.btn.btn-outline-dark {background-color:transparent; border:1px solid #FBB900; color:#FBB900}
.show_banner_cookies a.btn.btn-color, a.btn.btn-color {background-color:#FBB900; border:1px solid #FBB900; color:#fff}
.show_banner_cookies a.btn:hover, .bottoni-accetta a.btn:hover {background-color:#FBB900; border: 1px solid #FBB900; color:#fff}
.show_banner_cookies.big-ban {width: 70%;}
.show_banner_cookies.big-ban .col-bottoni-cookie {display: flex; align-items: center; justify-content: center; flex-direction: column;}
.show_banner_cookies.big-ban .btn-foot {text-align:center}
.switch-cont {display:flex}
.switch-item {display: flex; align-items: center; justify-content: center;}
.switch-item-text {display: flex; align-items: center; justify-content: center; margin-left:auto}
.cmn-toggle {position: absolute; margin-left: -9999px; visibility: hidden;}
.cmn-toggle + label {display: block; position: relative; cursor: pointer; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
input.cmn-toggle-round-flat + label
{
  padding: 2px;
  width: 45px;
  height: 25px;
  background-color: #b7b7b7;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
	margin-bottom:0;
	margin-left:10px;
}
input.cmn-toggle-round-flat + label:before, input.cmn-toggle-round-flat + label:after {display: block; position: absolute; content: "";}
input.cmn-toggle-round-flat + label:before
{
  top: 2px;
  left: 2px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  -webkit-transition: background 0.4s;
  -moz-transition: background 0.4s;
  -o-transition: background 0.4s;
  transition: background 0.4s;
}
input.cmn-toggle-round-flat + label:after
{
  top: 4px;
  left: 4px;
  bottom: 4px;
  width: 18px;
  background-color: #b7b7b7;
  -webkit-border-radius: 52px;
  -moz-border-radius: 52px;
  -ms-border-radius: 52px;
  -o-border-radius: 52px;
  border-radius: 52px;
  -webkit-transition: margin 0.4s, background 0.4s;
  -moz-transition: margin 0.4s, background 0.4s;
  -o-transition: margin 0.4s, background 0.4s;
  transition: margin 0.4s, background 0.4s;
}
input.cmn-toggle-round-flat:checked + label {background-color: #FBB900;}
input.cmn-toggle-round-flat:checked + label:after {margin-left: 19px;background-color: #FBB900;}
.para-cookie {display: flex; flex-wrap: wrap; margin-bottom:30px}
.col-switch {display: flex; flex-direction:column; justify-content: center; border-left:1px solid #f2f2f2}
.col-switch .switch-label {font-size:13px; margin-bottom:10px}
.col-switch input.cmn-toggle-round-flat + label {margin-left:0}
.col-switch .switch-page {padding-left:30px}
.bot_ros {box-shadow:none; border:1px solid #040506}
.bottoni-accetta .bot_ros.bot-und {background:transparent; border:1px solid #FBB900; color:#FBB900}
.bottoni-accetta .bot_ros:hover, .bottoni-accetta .bot_ros.bot-und:hover {border:1px solid #ed3042}
.bottoni-accetta .bot_ros.bot-und:hover {background:#ed3042; color:#fff}
.col-custom {position: relative;min-height: 1px;padding-right: 5px;padding-left: 5px;width:20%;float:left;}
.col-custom a .box-scelta{padding:20px;}
/* FINE COOKIES */
/* NUOVA COOKIE BAR */
@media (max-width: 1024px) {
  .show_banner_cookies {position: fixed;  width: 100%;   background: #282B30; color: #fff; z-index: 999999; padding: 30px; left: 0px; font-size: 12px;}
  .switch-item.pl-20 {padding-left:10px}
}

@media only screen and (max-width : 998px) {
  .switch-label {font-size:11px}
}

@media (max-width: 991px) {
  .show_banner_cookies {width:50%}
  .col-switch {border-left:0; border-bottom:1px solid #f2f2f2; padding-bottom:30px}
  .col-switch .switch-page {padding-left:0}
  .show_banner_cookies.big-ban {width:80%}
  .cookiebar-page hr {border-top:0}
}

@media (max-width : 767px) {
  .show_banner_cookies {width:70%}
  .switch-cont {flex-wrap:wrap}
  .switch-item {width:50%; margin-bottom:10px}
  .switch-item.pl-20 {padding-left:0}
  .switch-item-text {margin-top:10px}
  .show_banner_cookies {padding:20px 10px}
  .show_banner_cookies.big-ban .col-bottoni-cookie {flex-direction:row}
  .show_banner_cookies.big-ban .col-bottoni-cookie .btn-foot.mb-20 {margin-bottom:0}
  .show_banner_cookies.big-ban .btn-foot {width:50%}
  .show_banner_cookies a.btn {padding:10px; min-width:90%; font-size:10px}
}

@media (max-width: 575px) {
  .show_banner_cookies {width:90%}
}


/* ERROR PAGE */
.error-page {margin-top:125px}
.error-page .error-span {font-family: 'Frank Ruhl Libre', serif;font-weight: 900;letter-spacing: 1px; font-size:18px; text-transform: uppercase;}
.error-page .error-img {padding-bottom:40px; border-bottom:1px solid #2F7AD8}
.error-page .box-testo-home h3 {font-family: 'Frank Ruhl Libre', serif;font-weight: 900;letter-spacing: 1px; font-size:28px; text-transform: uppercase;}
.error-page .box-testo-home a {display:block}
/* STANDARD */
.section-standard {padding:100px 0 280px 0}
/* 24 02 19 */
/* popup iscriviti alla newsletter*/
.popup{text-align:center;}
.popup p {font-size:18px}
#popup-article:target{
  display: flex;
}

.popup:before{
  content: "";
  box-sizing: border-box;
  width: 100%;
  background-color: #fff;

  position: fixed;
  left: 0;
  top: 50%;
  will-change: height, top;
  animation: open-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) .65s both;
}

.popup:after{
  content: "";
  width: 0;
  height: 2px;
  background-color: #f0f0f0;

  will-change: width, opacity;
  animation: line-animation .6s cubic-bezier(0.83, 0.04, 0, 1.16) both;

  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -1px;
}

@keyframes line-animation{

  0%{
    width: 0;
    opacity: 1;
  }

  99%{
    width: 100%;
    opacity: 1;
  }

  100%{
    width: 100%;
    opacity: 0;
  }
}

@keyframes open-animation{

  0%{
    height: 0;
    top: 50%;
  }

  100%{
    height: 600px;
    top: 0;
  }
}

.popup__block{
  height: calc(100vh - 40px);
  padding: 30px;
  box-sizing: border-box;
  position: relative;

  margin: auto;
  overflow: auto;
  animation: fade .5s ease-out 1.3s both;
}

@keyframes fade{

  0%{
    opacity: 0;
  }

  100%{
    opacity: 1;
  }
}

.popup__title{
  font-size: 2.5rem;
  margin: 0 0 1em;
}

.modal-footer ul li {
   display: inline-block;
   width: 50%;
   float:left;
}
.modal-footer ul li button {
   width: 100%;
   border-radius: 0;
}
ul li:first-of-type button {
   color:#000;
   font-size:12px;
   background-color:transparent;
}
ul li:last-of-type button {
   background: #43e97b;
}

.button_pop {
   display: inline-block;
   min-width: 200px;
   height: 60px;
   line-height: 60px;
   border: none;
   color: #fff;
   font-size: 15px;
   letter-spacing: 1px;
   cursor: pointer;
   transition: all .3s
}
.input_pop{border: 0;
	background:#f1f1f1);
	color: #000;
	font-size: 14px;
	border: 1px solid #e5e5e5;
	padding: 10px 15px;
	width: 100%;}

.nego{transition: all 0.3s;}
.nego:hover{color:red;}


/* BOOTSTRAP 5 EXAMPLES */
/* SEZIONE ICONE */
.marketing .col-lg-4 {
  margin-bottom: 1.5rem;
  text-align: center;
}
.marketing h2 {
  font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
  margin-right: .75rem;
  margin-left: .75rem;
}
/* rtl:end:ignore */


/* SEZIONE TESTO / FOTO */

.featurette-divider {
  margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  /* rtl:remove */
  letter-spacing: -.05rem;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.feature-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  font-size: 2rem;
  color: #fff;
  border-radius: .75rem;
}

.icon-link {
  display: inline-flex;
  align-items: center;
}
.icon-link > .bi {
  margin-top: .125rem;
  margin-left: .125rem;
  transition: transform .25s ease-in-out;
  fill: currentColor;
}
.icon-link:hover > .bi {
  transform: translate(.25rem);
}

.icon-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
  border-radius: .75rem;
}

.rounded-4 { border-radius: .5rem; }
.rounded-5 { border-radius: 1rem; }

.form-signIn {
  align-items: baseline;
}