/* myvittorio.com */

:root {
	--bg:#050505;
    --room-w: 1600;
    --room-h: 900;
    --depth: 900;         
    --room-tilt-max: 5;   
    --overscan: 1.05;
    --red: #EC0027; 
}

* { box-sizing:border-box; }
html { overflow-x: clip; overflow-y: auto; }
body { margin:0; padding:0; }
.container-full { max-width: 100% !important; }
.blk-code { height: 0; overflow: hidden; }
.top-logo img { opacity: 0; }
.top-logo { background: transparent url('/custom/myvittorio/img/logo-vittorio-white.svg') 50% 50% no-repeat; background-size: width: 100%; height: auto; }

/* menu desktop */
.menu li a { margin: 0 10px; }
.menu li:nth-last-child(2) a { border: #fff 1px solid; }
.menu li:last-child a { background-color: var(--red); }
.menu li:last-child a:hover { color: var(--red) !important; background-color: #fff !important; }

/* menu mobile */
@media screen and (max-width: 1199px) {
	#top .top-elements { position: relative; margin: 0 !important; }
	#top .top-elements:before { content: ''; position: absolute; left: -18px; top: -20px; width: 500px; height: 75px; background-color: rgba(0,0,0,.7); }
    .top-icon-menu a:link,
    .top-icon-menu a:visited { color: #fff; }

	a.close-menu:link,
	a.close-menu:visited { font-size: 20px; color: #fff; background-color: #000; }
	#menu-container { background-color: #000; }
	#menu-container:before {  }

	.menu > li { border-bottom: 1px rgba(255, 255, 255, .3) solid; }
	.menu > li > a:link,
	.menu > li > a:visited { margin: 0; background-color: #000; }
	.menu > li > a:hover,
	.menu > a.active,
	.menu > li:hover > a { color: #ec0028; }
	.menu > li > ul { left: 0; background-color: #333; border-radius: 0 !important; box-shadow: none; }
	.menu > li > ul > li { border-bottom: 1px rgba(255, 255, 255, .3) solid; }

	.menu > li > ul > li a:link,
	.menu > li > ul > li a:visited { padding: 15px 15px 15px 27px; font-size: 14px; color: #fff !important; background-color: #333; }
	.menu li a.open-sub { text-align: center !important; line-height: 64px; }

	.menu li a { border-bottom: 0 !important; }

	.menu li:nth-last-child(2) a { border: 0; }
	.menu li:last-child a { background-color: transparent; }
	.menu li:last-child a:hover { color: var(--red) !important; background-color: transparent !important; }
} 

/* hero */
.hero { position: relative; width: 100%; height: 100vh; background: #000; overflow: visible; display:flex; align-items:center; justify-content:center; z-index: 1; }
.stage { position: relative; width:100%; height:100%; perspective: 1800px; perspective-origin: 50% 50%; transform-style: preserve-3d; overflow: hidden; }
.scaler { position: absolute; top:50%; left:50%; width:calc(var(--room-w) * 1px); height:calc(var(--room-h) * 1px); transform-origin: center center; transform-style: preserve-3d; overflow: visible; }
.room { position: absolute; inset:0; transform-style: preserve-3d; will-change: transform; overflow: visible; }
.panel { position: absolute; top:0; background-repeat: no-repeat; background-size: cover; backface-visibility: visible; }

/* --- SHADING E TEXTURE --- */
.wall-left { box-shadow: inset -80px 0 90px -40px rgba(0,0,0,0.9); }
.wall-left::after{ content:''; position:absolute; top:0; right:0; width:4px; height:100%; background:linear-gradient(to bottom, transparent, rgba(255,255,255,0.2) 45%, rgba(255,255,255,0.2) 55%, transparent); }
.wall-right { box-shadow: inset 80px 0 90px -40px rgba(0,0,0,0.9); }
.wall-right::after { content:''; position:absolute; top:0; left:0; width:4px; height:100%; background:linear-gradient(to bottom, transparent, rgba(255,255,255,0.2) 45%, rgba(255,255,255,0.2) 55%, transparent); }
.ceiling { box-shadow: inset 0 -80px 90px -40px rgba(0,0,0,0.9); }
.ceiling::after { content:''; position:absolute; bottom:0; left:0; width:100%; height:4px; background:linear-gradient(to right, transparent, rgba(255,255,255,0.15) 40%, rgba(255,255,255,0.15) 60%, transparent); }
.floor { box-shadow: inset 0 80px 90px -40px rgba(0,0,0,0.9), inset 0 50px 80px -40px rgba(200,30,44,0.12); }
.floor::after { content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:linear-gradient(to right, transparent, rgba(255,255,255,0.25) 40%, rgba(255,255,255,0.25) 60%, transparent); }
.wall-back { box-shadow: inset 80px 0 90px -40px rgba(0,0,0,0.8), inset -80px 0 90px -40px rgba(0,0,0,0.8), inset 0 80px 90px -40px rgba(0,0,0,0.8), inset 0 -80px 90px -40px rgba(0,0,0,0.8); }

/* Absolute per scrollare con la pagina */
.vignette { position:absolute; inset: 0; pointer-events: none; background: radial-gradient(50% 50% at 50% 50%, transparent 30%, rgba(0,0,0,0.8) 100%); z-index: 3; }
.figure-wrap{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; z-index: 2; }
.figure { position:absolute; inset:0; background-image: url('/custom/myvittorio/img/vittorio-04-sagoma.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; filter: drop-shadow(0 25px 50px rgba(0,0,0,0.85)); will-change: transform; }

.hero-cta { position: absolute; left: 50%; top: 50%; display: flex; gap: 20px; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 4; }
.hero-cta a { padding: 15px 30px; }
.hero-cta a:nth-child(1):link,
.hero-cta a:nth-child(1):visited { color: #000; background-color: #fff; }
.hero-cta a:nth-child(1):hover { color: #fff; background-color: var(--red); }
.hero-cta a:nth-child(2):link,
.hero-cta a:nth-child(2):visited { color: #fff; background-color: var(--red); }
.hero-cta a:nth-child(2):hover { color: var(--red); background-color: #fff; }

@media (max-width: 768px) {
	.hero { background-image: url('/custom/myvittorio/img/vittorio-04-x4.jpg'); background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; }
	.stage { display: none; }
	.vignette { background: radial-gradient(70% 70% at 50% 50%, transparent 50%, rgba(0,0,0,0.7) 100%); }
	.figure { background-image: url('/custom/myvittorio/img/vittorio-04-sagoma-mob.png'); }
}

/* hp marquee-container */
.marquee-container {  }
.marquee { width: 100%; overflow: hidden; white-space: nowrap; background: #000; color: var(--red); padding: 30px 0 40px 0; font-family: 'Barlow Condensed', 'arial', 'sans-serif'; font-size: 100px; font-weight: 700; line-height: 100px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.marquee__track { display: inline-flex; will-change: transform; animation: marquee-scroll var(--duration, 20s) linear infinite; }
.marquee__block { display: inline-flex; flex-shrink: 0; }
.marquee__item { padding: 0 15px 0 0; flex-shrink: 0; }
@keyframes marquee-scroll {
	from { transform: translate3d(0, 0, 0); }
	to { transform: translate3d(-50%, 0, 0); }
}
@media (prefers-reduced-motion: reduce) {
	.marquee__track { animation: none; }
}

/* hp presenze vittorio */
.presenze img { width: 100%; height: auto; }

@media (min-width: 769px){
	.primo-box-presenze .container .row,
	.secondo-box-presenze .container .row { display: flex; align-items: stretch; }
	.primo-box-presenze .container .row .col-md-6,
	.secondo-box-presenze .container .row .col-md-6 { display: flex; align-items: stretch; padding: 0; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt { flex: 1; padding: 40px 30px 80px 30px; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt h3,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt h3 { position: absolute; left: 30px; top: 30px; font-size: 70px; line-height: 70px; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt h4,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt h4 { padding: 0 0 0 70px; margin: 0 0 30px 0; font-size: 40px; font-weight: 800; line-height: 44px; text-align: right; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt p,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt p { text-align: right; }

	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt { color: #fff; background-color: var(--red); }
	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt h3,
	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt h4,
	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt a:link,
	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt a:visited { color: #fff; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt a:link,
	.primo-box-presenze .container .row .col-md-6 .blk-txt a:visited { text-decoration: underline !important; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt a:hover { text-decoration: none !important; }

	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt { color: #fff; background-color: #000; }
	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt h3,
	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt h4,
	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt a:link,
	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt a:visited { color: #fff; }
	.secondo-box-presenze .container .row .col-md-6 .blk-txt a:link,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt a:visited { text-decoration: underline !important; }
	.secondo-box-presenze .container .row .col-md-6 .blk-txt a:hover { text-decoration: none !important; }
}

@media (max-width: 768px){
	.primo-box-presenze .container .row .col-md-6 .blk-txt,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt { padding: 40px 30px 80px 30px; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt h3,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt h3 { position: absolute; left: 30px; top: 30px; font-size: 70px; line-height: 70px; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt h4,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt h4 { padding: 0 0 0 70px; margin: 0 0 30px 0; font-size: 40px; font-weight: 800; line-height: 44px; text-align: right; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt p,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt p { text-align: right; }

	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt { color: #fff; background-color: var(--red); }
	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt h3,
	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt h4,
	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt a:link,
	.primo-box-presenze .container .row .col-md-6:last-child .blk-txt a:visited { color: #fff; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt a:link,
	.primo-box-presenze .container .row .col-md-6 .blk-txt a:visited { text-decoration: underline !important; }
	.primo-box-presenze .container .row .col-md-6 .blk-txt a:hover { text-decoration: none !important; }

	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt { color: #fff; background-color: #000; }
	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt h3,
	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt h4,
	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt a:link,
	.secondo-box-presenze .container .row .col-md-6:first-child .blk-txt a:visited { color: #fff; }
	.secondo-box-presenze .container .row .col-md-6 .blk-txt a:link,
	.secondo-box-presenze .container .row .col-md-6 .blk-txt a:visited { text-decoration: underline !important; }
	.secondo-box-presenze .container .row .col-md-6 .blk-txt a:hover { text-decoration: none !important; }
}

/* hp contatori */
.vittorio-counters-top { padding: 100px 0 0 0; background-color: var(--red); }
.vittorio-counters-bottom { padding: 0 0 100px 0; color: #fff; background-color: var(--red); }
.vittorio-counters-bottom p { font-size: 16px; line-height: 26px; }
.counter,
.counter-val-container,
.counter-val-container .numero,
.counter-title-container { text-align: left; }
.counter-val-container .numero .sym { font-size: 36px; text-align: left; }
.counter { padding: 0 0 0 20px; margin: 0 0 30px 0; border-left: rgba(0,0,0,.3) 2px solid; }

/* hp pacchetto */
.vittorio-pacchetto { overflow: hidden; }
.vittorio-pacchetto .row .col-md-6 { position: relative !important; }
.vittorio-pacchetto .row .col-md-6:last-child { color: #fff; background-color: #000; }
.vittorio-pacchetto .row .col-md-6:last-child .blk-txt h3 { color: #fff; }

@media (min-width: 992px){
	.vittorio-pacchetto .row { display: flex; align-items: stretch; }
	.vittorio-pacchetto .row .col-md-6 { display: flex; flex-direction: column; align-items: center; padding: 60px; }

	.vittorio-pacchetto .row .col-md-6:last-child:after { content: ''; position: absolute; left: 100%; top: 0; width: 300%; height: 100%; background-color: #000; }
}

@media (max-width: 768px){
	.vittorio-pacchetto .row .col-md-6:last-child:before { content: ''; position: absolute; right: 100%; top: 0; width: 15px; height: 100%; background-color: #000; }
	.vittorio-pacchetto .row .col-md-6:last-child:after { content: ''; position: absolute; left: 100%; top: 0; width: 15px; height: 100%; background-color: #000; }
}

/* reset cta */
.blk-cta .container-cta { position: relative; max-width: 100%; top: auto; left: auto; transform: none; margin: 0; padding: 0; }
.blk-cta .container-cta .blk-txt { display: none; }
.blk-cta .container-cta .blk-btn { float: none; position: relative !important; left: auto; top: auto; transform: none !important; width: auto; padding: 0; text-align: left; }
.blk-cta .container-cta .blk-btn .btn-cta { position: relative !important; left: auto; top: auto; transform: none !important; font-family: 'Barlow Condensed', 'arial', 'sans-serif' !important; }

.vittorio-pacchetto .row .col-md-6 { padding: 30px !important; }
.vittorio-pacchetto .row .col-md-6:first-child .blk-cta .container-cta .blk-btn .btn-cta:link,
.vittorio-pacchetto .row .col-md-6:first-child .blk-cta .container-cta .blk-btn .btn-cta:visited { color: #fff; background-color: #000; border: #000 1px solid; }
.vittorio-pacchetto .row .col-md-6:first-child .blk-cta .container-cta .blk-btn .btn-cta:hover { color: #000; background-color: #fff !important; }

.vittorio-pacchetto .row .col-md-6:last-child .blk-cta .container-cta .blk-btn .btn-cta:link,
.vittorio-pacchetto .row .col-md-6:last-child .blk-cta .container-cta .blk-btn .btn-cta:visited { color: #fff; background-color: #000; border: #fff 1px solid; }
.vittorio-pacchetto .row .col-md-6:last-child .blk-cta .container-cta .blk-btn .btn-cta:hover { color: #fff !important; background-color: var(--red) !important; border: var(--red) 1px solid !important; }

/* vittorio form */
.vittorio-form { padding: 100px 0; background-color: #000; border-bottom: #666 1px solid; }
.vittorio-form .blk-txt h3 { color: #fff; }

.vittorio-form .form { border-top: #838383 1px solid; }
.vittorio-form .form .row .col-md-12 { padding: 0; }
.vittorio-form .form input,
.vittorio-form .form textarea { color: #fff; background-color: transparent; border: 0; border-bottom: #838383 1px solid; }
.vittorio-form .form ::placeholder { font-family: 'Barlow Condensed', 'arial', 'sans-serif' !important; font-size: 16px; color: #666; opacity: 1; }
.vittorio-form .form .control p { color: #fff; }
.vittorio-form .form .control__indicator { background-color: transparent; }
.vittorio-form .form .control--checkbox .control__indicator:after { border-color: #fff; }
.vittorio-form .form .control__indicator.obb { border-left: #666 1px solid !important; }
.vittorio-form .form .big-btn:link,
.vittorio-form .form .big-btn:visited { padding: 10px 40px; font-family: 'Barlow Condensed', 'arial', 'sans-serif' !important; font-weight: 400 !important; font-size: 20px; line-height: 26px; color: #000 !important; background-color: #fff !important; border-radius: 0; }

/* footer myvittorio desktop */
.footer-myvittorio { padding: 100px 0; background-color: #000; }
.footer-myvittorio .blk-txt h4 { margin: 0 !important; padding: 0 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 24px !important; text-align: left; color: #BCBCBC; }
.footer-myvittorio .colonna-1 { display: flex; justify-content: space-between; align-items: flex-start; }
.footer-myvittorio .colonna-1 p { margin: 0; font-size: 14px; line-height: 20px; text-align: left; color: #505050; }
.footer-myvittorio .colonna-1 ul { display: flex; margin: 0; padding: 0; list-style: none; align-items: center; }
.footer-myvittorio .colonna-1 ul li { margin: 0; font-size: 14px; line-height: 20px; color: #505050; }
.footer-myvittorio .colonna-1 ul li:not(:last-child)::after { content: "-"; margin: 0 15px; }
.footer-myvittorio a:link,
.footer-myvittorio a:visited { color: var(--red); }
.footer-myvittorio a:hover { color: #fff; }

/* footer myvittorio mobile */
@media (max-width: 767px) {
	.footer-myvittorio .blk-txt h4 { display: block; width: 100%; text-align: center; }
    .footer-myvittorio .colonna-1 { display: flex; flex-direction: column; align-items: center; }
    .footer-myvittorio .colonna-1 p { text-align: center; }
    .footer-myvittorio .colonna-1 ul { flex-direction: column; align-items: center; margin: 25px 0; }
    .footer-myvittorio .colonna-1 ul li:not(:last-child)::after { display: none; }
}

/* il sistema */
/* mosaic photo */
.mosaic-photo .container-full { padding-left: 0; padding-right: 0; background-color: #fff; }
.mosaic-photo .row { margin-left: 0; margin-right: 0; display: flex; flex-wrap: nowrap; gap: 1px; background-color: #fff; }
.mosaic-photo .row > .col-sm-6,
.mosaic-photo .row > .col-md-6 { padding-left: 0; padding-right: 0; }

/* desktop */
@media (min-width: 768px) {
    .mosaic-photo .row > .col-sm-6,
    .mosaic-photo .row > .col-md-6 { width: calc(50% - 0.5px); flex: 0 0 calc(50% - 0.5px); }
    .mosaic-photo .row > .col-sm-6:first-child,
    .mosaic-photo .row > .col-md-6:first-child { aspect-ratio: 1 / 1; }
    .mosaic-photo .row > .col-sm-6:first-child .blk-img,
    .mosaic-photo .row > .col-md-6:first-child .blk-img { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
    .mosaic-photo .row > .col-sm-6:first-child .blk-img picture,
    .mosaic-photo .row > .col-md-6:first-child .blk-img picture { display: block; width: 100%; height: 100%; }
    .mosaic-photo .row > .col-sm-6:first-child .blk-img img,
    .mosaic-photo .row > .col-md-6:first-child .blk-img img { display: block; width: 100%; height: 100%; object-fit: cover; }

    .mosaic-photo .row > .col-sm-6:nth-child(2),
    .mosaic-photo .row > .col-md-6:nth-child(2) { display: flex; flex-direction: column; aspect-ratio: 1 / 1; gap: 1px; background-color: #fff; }
    .mosaic-photo .row > .col-sm-6:nth-child(2) .blk-img,
    .mosaic-photo .row > .col-md-6:nth-child(2) .blk-img { width: 100%; height: calc(33.333333% - 0.666667px); flex: 0 0 calc(33.333333% - 0.666667px); margin: 0; padding: 0; overflow: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; }

    .mosaic-photo .didascalia { display: none; }

    .mosaic-photo .row > .col-sm-6:nth-child(2) .blk-img picture { display: block; width: 100%; height: 100%; }
    .mosaic-photo .row > .col-sm-6:nth-child(2) .blk-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
}

/* mobile */
@media (max-width: 767px) {
    .mosaic-photo .row { display: block; }
    .mosaic-photo .row > .col-sm-6,
    .mosaic-photo .row > .col-md-6 { width: 100%; flex: none; padding-left: 0; padding-right: 0; }

    .mosaic-photo .blk-img { width: 100%; height: auto; margin: 0; padding: 0; }
    .mosaic-photo .blk-img picture { display: block; width: 100%; height: auto; }
    .mosaic-photo .blk-img img { display: block; width: 100%; height: auto; }
    .mosaic-photo .didascalia { display: none; }
}

/* cta contatti */
.cta-contatti { padding: 100px 0; background-color: var(--red); }
.cta-contatti > .container { max-width: 1040px; }
.cta-contatti h3,
.cta-contatti p { color: #fff; }
.cta-contatti .row { display: flex;	align-items: center; }
.cta-contatti .col-sm-6 { display: flex; align-items: center; }

.cta-contatti ul { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 15px; margin: 0; padding: 0; list-style: none; }
.cta-contatti ul li { margin: 0; padding: 0; list-style: none; }
.cta-contatti ul li a:link,
.cta-contatti ul li a:visited { display: inline-block; padding: 15px 30px; font-family: 'Barlow Condensed', 'arial', 'sans-serif' !important; font-size: 20px; font-weight: 400; line-height: 26px; text-align: center; color: #000; background-color: #fff; }
.cta-contatti ul li a:hover { color: #fff; background-color: #000; }

@media (max-width: 991px) {
	.cta-contatti ul { flex-direction: column; align-items: flex-start; }
}

@media (max-width: 767px) {
	.cta-contatti .row { display: block; }
	.cta-contatti .col-sm-6 { display: block; }
	.cta-contatti .col-sm-6 + .col-sm-6 { margin-top: 30px; }
	.cta-contatti ul { flex-direction: column; align-items: stretch; }
	.cta-contatti ul li a:link,
	.cta-contatti ul li a:visited { display: block; text-align: center; }
}

/* come funziona */
/* hero text */
.hero-text { padding: 100px 0; }
.hero-text .blk-txt h1,
.hero-text .blk-txt p { display: block; width: 100%; text-align: center; }

.hero-text.black { background-color: #000; }
.hero-text.black h1,
.hero-text.black p { color: #fff; }

/* fluid image */
.fluid-image { background-color: #000; }

.fluid-image .row { display: flex; align-items: stretch; margin-left: 0; margin-right: 0; }
.fluid-image .row > [class*="col-"] { padding-left: 0; padding-right: 0; display: flex; align-items: stretch; }
.fluid-image .row > .col-sm-6:first-child { align-items: stretch; }
.fluid-image img { display: block; width: 100%; aspect-ratio: 1 / 1; height: auto; object-fit: cover; }
.fluid-image .blk-txt { width: 100%; display: flex; flex-direction: column; justify-content: center; padding: 40px; }
.fluid-image .blk-txt h3,
.fluid-image .blk-txt p { color: #fff; }

.fluid-image.text-right .blk-txt h3,
.fluid-image.text-right .blk-txt p { display: block; text-align: right; }

@media (max-width: 991px) {
    .fluid-image .row { display: block; }
    .fluid-image .row > [class*="col-"] { width: 100%; display: block; }
    .fluid-image img { width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
    .fluid-image .blk-txt { padding: 40px 20px; }
}

/* per le palestre */
/* sistema integrato */
.sistema-integrato { padding: 60px 0; }
.sistema-integrato img { display: block; width: 100%; height: auto; }
.sistema-integrato ul { width: 100%; padding: 60px 0; margin: 0; list-style: none; border-top: #707070 1px solid; }
.sistema-integrato li { position: relative; list-style: none; padding: 0 0 30px 34px; }
.sistema-integrato li span { position: absolute; left: 0; top: 0; font-family: 'Barlow Condensed', 'arial', 'sans-serif'; font-size: 38px; font-weight: 800; color: var(--red); }

@media (max-width: 767px) {
	.sistema-integrato ul { padding-left: 15px; padding-right: 15px; }
}

/* pacchetto unico */
.pacchetto-unico { padding: 100px 0; background-color: #000; }
.pacchetto-unico img { display: block; width: 100%; height: auto; }
.pacchetto-unico .blk-txt h3,
.pacchetto-unico .blk-txt p { color: #fff; }
.pacchetto-unico .blk-txt p a:hover { color: #fff !important; }

@media (min-width: 768px) {
    .pacchetto-unico .row { display: flex; align-items: center; }
    .pacchetto-unico .row > .col-md-4,
    .pacchetto-unico .row > .col-md-8 { display: flex; align-items: center; }
    .pacchetto-unico .row > .col-md-8 .blk-txt { width: 100%; }
}

@media (max-width: 767px) {
    .pacchetto-unico { padding: 60px 0; }
    .pacchetto-unico .row > .col-md-4 { margin-bottom: 30px; }
    .pacchetto-unico .row > .col-md-4,
    .pacchetto-unico .row > .col-md-8 { width: 100%; }
}

/* tecnologia */
/* box tecnologia */
.primo-box-tecnologia .row,
.secondo-box-tecnologia .row { display: flex; align-items: stretch; }
.primo-box-tecnologia .row > .col-sm-6,
.secondo-box-tecnologia .row > .col-md-6 { display: flex; align-items: stretch; }
.primo-box-tecnologia .blk-txt,
.secondo-box-tecnologia .blk-txt { width: 100%; padding: 50px 30px 70px 30px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.primo-box-tecnologia .blk-txt img,
.secondo-box-tecnologia .blk-txt img { display: block; width: 80px; height: 80px; margin: 0 auto 20px auto; }

.primo-box-tecnologia .row > .col-sm-6:last-child { background-color: var(--red); }
.primo-box-tecnologia .row > .col-sm-6:last-child .blk-txt p { color: #fff; }

.secondo-box-tecnologia .row > .col-sm-6:first-child { background-color: #000; }
.secondo-box-tecnologia .row > .col-sm-6:first-child .blk-txt p { color: #fff; }

@media (max-width: 767px) {
    .primo-box-tecnologia .row,
    .secondo-box-tecnologia .row { display: block; }
    .primo-box-tecnologia .row > .col-sm-6,
    .secondo-box-tecnologia .row > .col-md-6 { display: block; }
    .primo-box-tecnologia .blk-txt,
    .secondo-box-tecnologia .blk-txt { width: 100%; padding: 40px 20px 50px 20px; display: block; }
}

/* casi studio */
/* box gallery */
.box-gallery .blk-txt,
.box-gallery .blk-img { margin: 0 0 30px 0; }

@media (min-width: 992px) {
    .box-gallery .row {
        display: flex;
        flex-wrap: nowrap;
    }
    .box-gallery .col-md-4 {
        box-sizing: border-box;
        border: 1px solid #fff;
        padding: 0;
        margin-left: -1px;
        display: flex;
        flex-direction: column;
    }
    .box-gallery .col-md-4:first-child { margin-left: 0; }   
    .box-gallery .blk-img img { display: block; width: 100%; height: auto; }
    .box-gallery .blk-txt { padding: 0 30px 30px 30px; margin: 0; }
    .box-gallery .col-md-4 .blk-txt:last-child { margin-top: auto; }
}