html {
margin: 0;
overflow-x:hidden;
}
body, .body {
overscroll-behavior-y: none !important;
overflow-x:hidden;
}
a:link {color:#acd6ed;}
a:visited {color:#acd6ed;}
a:hover {color:#acd6ed;}
a:active {color:#acd6ed;}
@media screen
and (min-device-width: 1200px)
and (max-device-width: 1950px)
and (-webkit-min-device-pixel-ratio: 2)
and (min-resolution: 192dpi) {
.bullet-text{height:50px !important;}
.column h3{font-size:40px!important;letter-spacing:2px!important;}
.Indirizzo {font-weight:500!important;letter-spacing:1px!important;line-height:20px!important;font-size:16px!important;}
.Indirizzo span{font-weight:300!important;}
.Indirizzo1 {font-weight:500!important;letter-spacing:1px!important;line-height:20px!important;font-size:16px!important;}
.Indirizzo1 span{font-weight:300!important;}
.footer-legale{font-size: 12px!important;margin-top: 30px!important;}
.slogan h2{font-size:80px!important;line-height:80px!important;letter-spacing:1px!important;font-weight:600px!important;}
.first-section p{font-size:20px!important;}
.slogan p{font-size:20px!important;width:80%!important;}
.img-revisioni img {width:80px!important;}
.img-revisioni {width: 7%!important;margin-bottom: 50px;}
.revisioni h3 {font-size: 40px!important;letter-spacing: 2px!important;}
.second-section p {font-size:20px!important;}
.img-officina img{width:80px!important;}
.column p{font-size:20px!important;}
.column h6 {font-size:20px!important;}
.close1{display:none !important;}
.menu-list{display:none !important;}
}
@media (min-width: 1550px) {
/*.head-container{padding:0 10vw;}*/
.slogan{padding:0 10vw;}
.first-section p{padding:0 9vw !important;}
.second-section {padding-left:248px !important;}
.columns{padding:0 13vw !important;padding-bottom:90px!important;}
.footer{padding-left: 175px;
padding-right: 175px;}
.column h3{font-size:40px!important;letter-spacing:2px!important;}
.bullet-text{height:50px !important;margin-bottom:10px!important;}
.revisioni h3 {font-size: 40px!important;letter-spacing: 2px!important;}
.second-section p {font-size:20px!important;}
.img-officina img{width:80px!important;}
.img-revisioni img {width:80px!important;}
.revisioni{margin-left:40px !important;}
}
@media (max-width: 1600px) {
.anchor{margin-left:20% !important;}
}
@media (max-width: 1450px) {
.bullet-text{height:70px !important;}
.container-tunnel{padding-top: 130px !important;}
}
@media (min-width: 768px){
.col-md-6 { max-width: 100%;}
}
.head-container{margin:0px;}
.head{
display: flex;
justify-content: space-between;
align-items:flex-end;
padding-left:13.5%;
padding-right:13%;
padding-top: 30px;
padding-bottom:30px;
position: fixed;
width: 100%;
z-index:99;
left:0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.color-nav{
background-color: #2595D1;
padding-top:10px;
padding-bottom:20px;
width:100%;
}
.height-nav{
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
@media (min-width: 500px) {
.head { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 990px) {
.footer-legale { margin-left:20px!important; }
}
@media (min-width: 1500px) {
.slogan h2, .slogan p{width:80%!important;margin-top: 50px!important;}
.slogan{height: 80vh!important;}
}
@media (min-width: 1120px) {
.my-modal-content{padding: 50px 80px 50px 80px !important;}
.logo img{width:250px!important;}
.my-button1{font-size: 16px !important;padding:15px 30px!important;}
.my-modal h2{font-size:40px !important;}
.subtitle-modale {font-size: 18px !important;letter-spacing: 1px !important;font-weight: 300 !important;}
.input-form input {font-size: 18px !important;height: 50px !important;}
.input-form { font-weight: 300 !important; padding-right: 20px !important;}
.input-form select{height: 50px !important;padding-left: 20px !important;}
.upload{height: 50px !important;align-items: center !important;}
.yourBtn{height: 48px !important; padding-top: 10px !important;}
.btn-invia{ margin-top: 30px !important;padding: 15px 30px 15px 30px !important;}
}
@media (min-width: 771px) {
.second-section p{ width:75%!important;}
}
@media (min-width: 750px) {
.second-section p{ width:70%!important;}
}
@media (max-width: 950px) {
.second-section { padding-left: 32px !important;}
.first-section { padding-left: 32px !important;}
.slogan { padding-left: 33px !important;margin-top:30px !important;padding-top: 160px !important;}
.head {position: fixed;
width: 100%;
z-index: 1;top:0 !important;padding-left: 43px !important;padding-right: 18px !important;padding-top: 15px !important;padding-bottom: 35px !important;}
.columns { padding-left: 35px !important;padding-right: 35px !important;}
.a{padding:0px!important;}
.footer-logo {margin-left: 1% !important;}
.my-button1{ display:none!important;}
.menu{display:block!important;}
.anchor{display:none!important;}
.Indirizzo, .Indirizzo1{font-size:16px !important;}
.head-container{padding-left: 0px !important;padding-right: 0px !important;margin-top: -30px!important;}
.footer-legale p{font-size:16px !important;}
.footer-legale {top:0px;!important;}
.footer-second-column{margin-left: 3% !important; width:70% !important;}
}
@media (max-width: 590px) {
.footer-logo {
margin-left: 1% !important;
}
.Indirizzo{margin-left:-10px !important;font-size: 14px !important;}
.Indirizzo1{margin-left:-10px !important;font-size: 14px !important;}
.footer-legale p{margin-left:-10px !important;font-size: 11px !important;}
}
@media (max-width: 600px) {
.footer-second-column{ margin-left: 30px !important;}
}
@media (min-width: 950px) {
.close1{display:none !important;}
.menu-list{display:none !important;}
}
@media (max-width: 992px) {
.footer-logo-container {width:100%!important; margin-bottom: 30px;}
.footer-logo{margin-left: 3% !important;}
.Indirizzo{margin-bottom:20px!important;}
.footer-second-column{float:none;}
.footer-legale{margin-left:20px !important;font-size:16px !important;}
}
@media (max-width: 500px) {
.head-container{padding-right: 0px !important; padding-left:0px !important;}
.head { padding:10px 0px 30px 0px !important; padding-left: 5px !important;}
.height-nav{height:75px !important;}
.logo{margin-bottom: -1px !important;padding-left: 5px !important;}
.logo img{width: 150px!important;}
.slogan { padding:150px 35px 35px 35px !important;}
.slogan h2{padding-bottom:30px;padding-left:13px !important; font-size: 45px !important;}
.slogan p{padding-bottom:30px;padding-left:13px !important;}
.first-section { padding:50px 35px 50px 35px !important;}
.second-section{flex-direction: column;padding:80px 30px 40px 30px !important; background-size: 150% !important; background-position: 138px 95px !important;}
.second-section p{font-size: 16px !important;}
.revisioni{margin-top: -30px;padding-right:10px;}
.img-revisioni{margin-top: -30px;margin-bottom: 30px;}
.my-button1{margin-bottom: 15px;}
.my-button{padding: 15px 25px !important; font-size: 16px !important;}
.logo-scale1{transform:scale(0.6) !important;}
/*.row{margin-right: 0px; margin-left:0px;}*/
.columns{padding: 0px 38px 80px 38px !important;gap:3rem !important; }
.footer-legale{margin-left:20px !important;}
.btn-invia{width:100%;height:50px;margin-bottom: 25px;}
.my-modal-content{padding:20px !important;}
.input-form{padding-right: 0px !important;}
.input-form input, select, .allegaCv{height:40px !important;}
.yourBtn, .allegaCv{padding-top: 10px !important;}
/*.close1{top: 30px !important;}*/
.close1-js{margin-top: -14px;}
.menu-list{padding-left:30px !important; margin-top: 70px !important;transition: all 1s cubic-brezier(.215, .16, .355, .1);}
.container-tunnel{padding-top:150px !important;}
.logo-left{margin-left: -35px !important;}
.footer-flex-inner{display: flex!important; flex-direction: column !important;}
.footer-img{width:150px!important;}
.legale{padding-top: 0px !important;}
.img-officina{margin-bottom: 30px !important;}
}
@media (max-width: 500px) {
.my-modal { height:100% !important; overflow-y:scroll!important ;}
}
@media (max-width: 700px) {
.dot-left{border:0px !important;padding:0px !important;}
.footer-legale p{font-size:12px !important;}
.footer-second-column{justify-content:none !important; }
.Indirizzo{margin-right: 50px !important;}
}
@media (min-width: 700px) {
.second-block:after{visibility: hidden;}
}
/*div.col-sm-4{margin-top: -50px;}*/
.logo{ background-color:transparent;text-align:left;}
.logo img{width:170px;}
.btn-lavora{margin-top:40px; width:200px;}
.my-button1, .my-button2 {
font-size: 12px;
padding: 15px 25px;
color: white;
border: none;
cursor: pointer;
color: #2196f3; background-color: white;
border-radius: none;
font-family: Rubik;
font-style:italic;
font-weight:bold;
letter-spacing: 1px;
border:none;
border-radius:0px;
}
.my-button2{ font-size: 16px !important;width:100%;}
.menu{
display:none;
}
.bar1, .bar2, .bar3{
width: 40px;
height: 3px;
margin-bottom: 7px;
background-color: white;
display:block
}
.bar1{margin-left: 6px;}
.bar2{margin-left: 3px;}
.menu-list{
font-size: 16px!important;
display:none;
font-weight:600;
color: white;
background-color:#2595d1;
padding-left: 33px;
padding-right: 40px;
position: fixed;
width: 100%;
z-index: 1;
margin-top: 77px;
}
.logo-left{margin-left: -45px;}
.menu-list ul{list-style-type: none !important; margin-left: -42px!important;}
.logo-scale1{transform:scale(0.7);margin-bottom: -16px;}
.menu-scale1{transform:scale(0.7);margin-bottom: -10px;}
.anchor-scale1{transform:scale(0.8);margin-bottom: -9px;}
.button-scale1{transform:scale(0.8);margin-bottom: -9px;margin-right: -20px;}
.menu-list li{
padding-bottom:20px;
padding-top:30px;
letter-spacing: 1px;
font-family: Rubik;
font-style: italic;
}
.menu-list a{
text-decoration:none;
color: white;
}
@media (max-width: 660px) {
.slogan h2{margin-left:12px!important;}
.slogan p{margin-left:12px!important;}
}
@media (max-width: 850px) {
.slogan{left: 9px !important;}
}
@media (max-width: 950px) {
.slogan{margin-left: -23px !important;}
}
@media (max-width: 1050px) {
.slogan{padding-left:5% !important;}
}
@media (max-width: 1300px) {
.anchor{margin-left: 10% !important;}
}
@media (max-width: 1550px) {
.Indirizzo{font-size: 16px !important;}
.head{padding-left:6% !important;}
.footer-legale p{font-size: 16px !important;}
.my-button {padding: 15px 25px !important; font-size: 16px !important; width:250px !important;}
.logo-left{margin-left: -30px !important;}
}
@media (min-width: 960px) and (max-width: 1550px) {
.Indirizzo1{font-size: 16px !important;margin-right: 100px !important;}
}
@media (max-width: 1120px) {
.anchor p{font-size: 14px !important;}
/*.hover-anchor{margin-bottom: -15px!important;}*/
}
@media (max-width: 800px) {
.Indirizzo1{margin-right: none !important;}
}
.anchor{
display:flex;
gap: 80px;
margin-left: 30%;
}
.anchor a{
display:flex;
font-weight:bold;
color: white;
letter-spacing:2px;
font-family: Rubik;
font-style:italic;
font-size: 16px;
margin-bottom: -4px;
text-decoration:none;
}
.anchor p{
font-size: 16px;
}
.anchor p:after{
content: '';
text-align: center;
display:none!important;
height: 4px;
width: 100%;
opacity: 0.9;
display: flex;
border-bottom: 4px solid white;
justify-content: center;
align-items: center;
margin-bottom:-10px;
}
.anchor p:hover::after{
display:block!important;
text-underline:none;
}
@media (max-width: 900px) {
.imgSlide-tunnel{max-height:50vh!important;}
}
@media (max-width: 800px) {
.imgSlide-tunnel{max-height:40vh!important;}
}
@media (max-width: 700px) {
.imgSlide-tunnel{max-height:30vh!important;}
}
.imageSlide-tunnel{text-align: center;}
.imgSlide-tunnel{
height: 70vh;
width: auto !important;
overflow-anchor: none !important;
}
.slogan{
color: white;
padding-left:13%;
padding-right: 13%;
padding-bottom: 40px;
font-family: Rubik;
font-weight: 300;
letter-spacing: 1px;
padding-top: 200px;
}
@media (max-width: 1550px) {
.slogan{padding-left:5%;}
}
.first-section p {
opacity:0.8;
font-family: Rubik;
font-size: 18px;
}
.slogan p{
opacity:0.8;
font-size: 18px;
letter-spacing:1px;
font-weight:300;
}
.slogan h2{
font-style: italic;
font-size: 60px;
}
.first-section{
padding:80px;
margin-top:-10px;
background-color:#2595D1;
color: white;
}
.first-section p{
font-weight: 300;
letter-spacing: 1px;
}
.second-section{
gap:20px;
padding: 80px;
display:flex;
width:100%; background-color:#0e5d85;
background-image: url('Img/brz_brozzi-forma-scura.png');
background-size: 90%;
background-repeat: no-repeat;
background-position:240px 0px;
}
.second-section p{
opacity:0.8;
font-family: Rubik;
font-size: 16px;
font-weight: 300;
letter-spacing: 1px;
}
.img-revisioni{width: 50px;}
.img-revisioni img{width:100%;}
.revisioni{
color:white;
width:100%;
padding-bottom: 60px;
}
.revisioni h3{
margin-top:0px;
margin-bottom: 2px;
font-family: Rubik;
font-style: italic;
font-weight: bold;
font-size: 30px;
}
.third-section{
padding-bottom:50px;
padding-left:80px;
padding-right:80px;
color:white;
background-color: #2595D1;
}
.block{display: flex;flex-direction: column;}
.img-officina{width:50px; margin-bottom: 30px;}
.first-block{margin-bottom: 30px; width: 100%; padding: 0; }
.first-block:after{
content: '';
text-align: center;
margin-top: 30px;
height: 1px;
width: 100%;
opacity: 0.9;
display: flex;
border-bottom: 2px dotted #68b5df;
justify-content: center;
align-items: center;
}
.first-block p{opacity:0.7;}
.second-block{ width: 100%; padding: 0; }
.second-block p{opacity:0.7;}
.column-section-right{
width: 100%;
padding-left:0px;
padding-right:0px;}
.second-block:after{
content: '';
text-align: center;
margin-top: 30px;
height: 2px;
width: 100%;
opacity: 0.9;
display: flex;
border-bottom: 2px dotted #68b5df;
justify-content: center;
align-items: center;
}
.bullet-text{display: flex; align-items: center;}
.bullet-text img{ width:15%; margin-left: -5px;}
.footer{background-color:#0e5d85; padding-bottom: 20px;padding-top: 40px;}
.columns {
width: 100%;
padding-left: 80px;
padding-right: 80px;
display: grid;
gap: 5rem;
padding-bottom: 80px;
text-align: left;
}
.column {
color: white;
}
.column p{
opacity:0.7;
font-family: Rubik;
font-size: 18px;
font-weight: 300;
letter-spacing: 1px;
}
.column h3{
font-family: Rubik;
font-style:italic;
font-weight:bold;
letter-spacing: 1px;
font-size: 30px;
}
.column h6{
font-family: Rubik;
font-style:italic;
font-size: 18px;
letter-spacing: 1px;
}
.dot-left {
border-left-style: dotted;
border-color: #68b5df;
padding-left: 40px;
border-left-width: 2px;
}
@media (min-width: 1550px) {
.my-button{font-size: 16px !important;padding: 15px 20px!important;width: 70%!important;}
}
.my-button {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
border:none;
border-radius:0px;
color:#2595D1 ;
padding: 5px 20px;
font-size: 12px;
font-family: Rubik;
font-style:italic;
font-weight:bold;
letter-spacing: 1px;
}
.container, .columns{
background-color: #2595D1;
}
.gallery{
background-image: url('Img/brz_brozzi-forme-chiare.png');background-repeat: no-repeat;background-position: -4px 1280px;
}
@media (min-width: 600px) {
.columns { grid-template-columns: repeat(1, 1fr); }
}
@media (min-width: 700px) {
.columns { grid-template-columns: repeat(2, 1fr); }
}
.logos{
width: 30%;
margin-bottom: 20px;
}
.footer-legale{
margin-left: 67px;
font-size: 10px;
color:#7192ab;
font-family: Rubik;
}
.footer-legale span{
margin-right: 15px;
}
.stretta{
}
.query{
display: flex;
gap:30px;
}
.iktome{
margin-left: 3px;
text-decoration: underline;
}
/* Stile della modale */
.my-modal {
display: none;
position: fixed;
z-index: 1;
left: 0;
bottom:0;
width: 100%;
transform: translate(-0%, -0%);
background-color: rgba(0, 0, 0, 0.88);
}
@media (max-width: 1750px) {
.footer-flex-inner{gap: 250px !important;}
}
@media (max-width: 1550px) {
.head{padding-right:5% !important;}
.footer2{padding-left: 6% !important;padding-right: 6% !important;}
.footer-flex{gap: 250px !important;}
}
@media (max-width: 1350px) {
.footer-flex-inner{gap: 200px !important;}
.footer-flex{gap: 200px !important;}
}
@media (max-width: 1250px) {
.footer-flex{gap: 130px !important;}
.footer-flex-inner{gap: 130px !important;}
}
@media (max-width: 1050px) {
.footer-flex{flex-direction:column !important; gap:33px !important}
.info1 p{font-size:16px !important;}
.info p{font-size:16px !important;}
.footer-legale2 p{font-size:16px !important;}
}
@media (max-width: 680px) {
.info1 p{font-size:14px !important;}
.info p{font-size:14px !important;}
.footer-legale2 p{font-size:14px !important;}
.footer-flex-inner{gap: 0px !important;}
}
.footer2{
background-color:#0e5d86;
padding-left: 13%;
padding-right: 13%;
padding-top: 50px;
}
.footer-flex{
display:flex;
width:100%;
gap: 350px
}
.footer-flex-inner{
display:flex;
gap: 350px;
}
.footer-logo2{
width:250px;
}
.footer-img{
width:250px;
}
.legale{
display: flex;
background-color:#0e5d86;
padding-top:30px;
}
.info{
width:250px;
font-size:16px;
}
.info1{
width:270px;
font-size:16px;
}
.info2 p{
font-size:16px;
}
.info p{
color:white;
}
.info1 p{
color:white;
}
.info span{
color:#acd6ed;
}
.info1 span{
color:#acd6ed;
font-size:16px;
}
.footer-legale2 p{
color:#acd6ed;
font-size:16px;
}
/* Stile del contenuto della modale */
.my-modal-content {
background-color:#2595D1;
padding: 50px;
color:#f9fcfb;
width: 100%;
text-align: left;
}
.my-modal h2{
font-family: Rubik;
font-style: italic;
font-weight:bold;
font-size: 30px;
}
.my-modal p{
font-family: Rubik;
}
/* Stile del bottone di chiusura della modale */
.my-modal-close {
color:white;
float: right;
font-size: 28px;
font-weight: bold;
cursor: pointer;
}
.my-modal-close img{
width: 10%;
float: right;
}
.subtitle-modale{
color:#cfe4f5;
font-size: 18px;
}
.elemento-nascosto{
height: 0px;width: 0px; overflow:hidden;
}
.input-form {
padding-left:0px;
padding-right:15px;
margin-bottom: 20px;
font-family: Rubik;
font-size: 16px;
letter-spacing: 2px;
font-weight:500;
color:#f9fcfb;
}
@media (max-width: 768px) and (min-width: 500px) {
.input-form { max-width:100%!important;}
}
.input-form input{
border: 1px solid#cfe4f5;
background-color: transparent;
height: 40px;
width: 100%;
font-size: 16px;
padding-left:20px;
letter-spacing: 2px;
border-radius:0px;
}
.input-form select{
width:100%;
height: 42px;
background-color: transparent;
border: 1px solid#cfe4f5;
padding-left: 21px;
letter-spacing: 2px;
}
select {
display: block;
width: 100%;
/** for the dropdown indicator */
appearance: none;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 2em;
}
input:focus, textarea:focus, select:focus{
outline: none;
}
.input-form input::placeholder{
color: white;
font-size: 16px;
letter-spacing: 2px;
}
input[type=checkbox]{
margin-right: 10px;
border:1px solid white;
}
input[type=file]{
border: 1px solid white;
}
.btn-invia{
letter-spacing: 2px;
font-size: 16px;
font-weight: bold;
font-family: Rubik;
font-style: italic;
color:#2595D1;
background-color: white;
border: none;
margin-top: 20px;
padding: 8px 30px 8px 30px;
}
.yourBtn {
position: relative;
letter-spacing: 2px;
font-size: 16px;
font-weight:bold;
font-style: italic;
border-left: 1px solid#cfe4f5;
padding-top: 8px;
width: 200px;
text-align: center;
background-color: #4dbcea;
cursor: pointer;
}
.upload{
display: flex;
border: 1px solid#cfe4f5;
}
.allegaCv{
width: 100%;
padding-left: 22px;
padding-top: 8px;
height: 40px;
}
.privacy-policy{
display: flex;
width:100%;
align-items: center;
letter-spacing: 2px;
font-size: 16px;
font-weight:400;
}
.privacy-policy p{
margin-left: 10px;
margin-bottom: -4px;
color:#cfe4f5;
font-size:12px;
}
input[type=checkbox]:focus
{
outline: none
}
input[type=checkbox]
{
background-color: transparent;
border-radius:0px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 27px;
height: 27px;
cursor: pointer;
position: relative;
}
input[type=checkbox]:checked
{
outline: 1px solid white;
background: url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 6px 6px no-repeat;
}
option {
font-size: 30px;
display: block;
white-space: wrap;
height: 10.2em;
width: 100%;
padding: 100px;
}
.size{
width: 30px;
height: 30px;
}
.Indirizzo{
color:white;
font-family:Rubik;
}
.Indirizzo span{
color:#c0e0f2;
}
.Indirizzo1{
color:white;
font-family:Rubik;
}
.Indirizzo1 span{
color:#c0e0f2;
}
.footer-second-column{
display: flex;
justify-content: space-between;
}
.footer-logo{
width:200px;
margin-left:6%;
}
.footer-logo img{
width: 100%;
}
.a{
padding:0px 30px 0px 30px;
}
/*galleria*/
.gallery{
background-color: #2595D1;
}
@media (max-width: 500px ) {
.row{padding-left: 30px!important;padding-right: 30px!important;}
.apri{height:196px!important;margin-bottom: 40px!important;}
.my-button{width:250px!important; margin-bottom: -15px!important;}
/*.prima, .seconda, .terza{margin-bottom:90px !important;}*/
}
@media (min-width: 900px) and (max-width: 1050px) {
.imgSlide-tunnel {height: 60vh !important;}
}
@media (min-width: 500px) and (max-width: 950px) {
.col-sm-4{width: 100% !important;flex:none!important;max-width: none!important;}
.apri{height:297px !important;}
/*.prima, .seconda{margin-bottom:70px !important;}*/
}
@media (min-width: 650px) and (max-width: 950px) {
.head{padding-left: 30px !important;}
}
@media (min-width: 1550px) {
.row{padding-left: 250px!important;padding-right: 250px!important;}
}
.prima, .seconda, .terza{
margin-top: -50px;
margin-bottom: 50px;
}
.cursor{
cursor:pointer;
}
.cursor:hover,
.cursor:focus{
color:#999;
text-decoration: none;
cursor:pointer;
}
.close{
color:white;
position: absolute;
top:10px;
right: 25px;
font-size: 35px;
font-weight: bold;
margin-top: -110px;
}
.box,
.box1,
.box2,
.box3{
height:297px ;
margin-bottom: 20px;
position: relative;
}
.box4,
.box5,
.box6{
height:191px ;
margin-bottom: 20px;
position: relative;
}
.row{
justify-content: center;
align-items: center;
position: relative;
padding-right: 50px;
padding-left: 50px;
}
.colore{
background-color: red;
}
.my-button {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
border: none;
border-radius: 0px;
color:#2595D1 ;
padding: 10px 30px;
font-size: 12px;
font-family: Rubik;
font-style:italic;
font-weight:bold;
letter-spacing: 1px;
}
.box:hover:before,
.box1:hover:before,
.box2:hover:before,
.box3:hover:before,
.box4:hover:before,
.box5:hover:before,
.box6:hover:before{
filter: none;
}
.box::before{
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-image: url('Img/bobst SP 104-ER/Bobst SP 104-ER-1.jpg');
background-size: cover;
filter: grayscale(100%) brightness(50%);
}
.box1::before{
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-image: url('Img/SP 900 E/SP 900 E-1.jpg');
background-size: cover;
filter: grayscale(100%) brightness(50%);
}
.box2::before{
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-image: url('Img/SP 102 E II /SP 102 E II .jpg');
background-size: cover;
filter: grayscale(100%) brightness(50%);
}
.box3::before{
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-image: url('Img/SP 1420 E/SP 1420 E.jpg');
background-size: cover;
filter: grayscale(100%) brightness(50%);
}
.box4::before{
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-image: url('Img/SP 142 E /SP 142 E-1.jpeg');
background-size: cover;
filter: grayscale(100%) brightness(50%);
}
.box5::before{
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-image: url('Img/SP 1600 E /SP 1600 E .jpg');
background-size: cover;
filter: grayscale(100%) brightness(50%);
}
.box6::before{
content: "";
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
background-image: url('Img/SP 142 E Vite, corona/SP-142-E-vite-corona-13.jpg');
background-size: cover;
filter: grayscale(100%) brightness(50%);
}
.apri h3{
color:white;
left: 50%;
top: 30%;
position: absolute;
transform: translateX(-50%);
text-align: center;
font-family: Rubik;
letter-spacing: 2px;
width: 100%;
font-size: 25px;
font-weight: 600;
}
/*+++++++++++++++++++++++*/
:root {
--main-blk-color: #25282b;
scroll-behavior: smooth;
}
.mySlides {
display: none;
}
.mySlides img {
margin:0!important;
}
.gallery-container {
position: relative;
}
.caption-container {
text-align: center;
font-family: Rubik;
padding: 2px 16px;
}
.imgSlide-tunnel img {
display:block;
overflow-anchor: none !important;
}
.prev,
.next {
cursor: pointer;
position: absolute;
top: 40%;
width: auto;
padding: 16px;
margin-top: -50px;
color: #89afc3 !important;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}
.next {
right: 0;
border-radius: 3px 0 0 3px;
}
.prev:hover,
.next:hover {
color: white !important;
}
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
margin-top: -100px;
background-color: rgba(0, 0, 0, 0.5);
}
#caption {
color: white!important;
margin: 1rem auto;
}
@media (min-width: 1450px) {
.container-tunnel {padding-top: 100px !important;}
}
.container-tunnel {
width:100%;
margin:auto;
position:fixed;
display:none;
z-index: 1;
height: 100vh;
position:absolute;
background-color: #0e5d86;
top:0;
}
p {
font-size:20px;
padding:1rem 0;
}
.cursor{
cursor:pointer;
}
.cursor:hover,
.cursor:focus{
color:white;
text-decoration: none;
cursor:pointer;
}
.close{
color:white;
position: absolute;
top:10px;
right: 25px;
font-size: 35px;
font-weight: bold;
margin-top: -110px;
}
.cursor1{
cursor:pointer;
}
.close1{
color:white;
position: absolute;
top:18px;
right: 37px;
font-size: 45px;
font-weight: 200;
display:none;
}
.fullscreen-display-hide {
display:none;
}
.fullscreen-display-hide i {
display:none;
}
.fullscreen-display-show {
position:fixed; /* takes up whole viewport */
left:0; /*snaps div to left*/
top:0;/*snaps div to left*/
display:flex;
z-index:1000;
width: 100%;
height:100%;
background-color:rgba(0, 0, 0, 0.9);
}
.fullscreen-display-show img {
height: fit-content;
margin:auto!important
}
.fullscreen-display-show i {
display: block;
font-size: 3rem;
color:white;
cursor:pointer;
padding:1rem 1.5rem;
background-color:#dc3545!important;
height: fit-content;
border-radius: 10px;
margin:0.5rem;
position:absolute;
right:0;
}
.uno,
.due,
.tre,
.quattro,
.cinque,
.sei,
.sette{
z-index:999;
}