@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0C4n.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4n.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4n.ttf) format('truetype'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: normal; font-display: swap; src: url(https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4n.ttf) format('truetype'); } @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v18/H4c2BXOCl9bbnla_nHIA47NMUjsNbCVrFhFTQ7Q.ttf) format('truetype'); } @font-face { font-family: 'Cormorant'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/cormorant/v18/H4c2BXOCl9bbnla_nHIA47NMUjsNbCVrFvZUQ7Q.ttf) format('truetype'); } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialicons/v139/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v71/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; } .bottoni { -webkit-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px -10px 10px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px -10px 10px rgba(0,0,0,0.2) inset; box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px -10px 10px rgba(0,0,0,0.2) inset; } .bottonihover { -webkit-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px 10px 10px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px 10px 10px rgba(0,0,0,0.2) inset; box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px 10px 10px rgba(0,0,0,0.2) inset; } .luce { -webkit-box-shadow: 0px 1px 2px #fff inset; -moz-box-shadow: 0px 1px 2px #fff inset; box-shadow: 0px 1px 2px #fff inset; } .ombra-int { -webkit-box-shadow: 0px -1px 1px #000 inset; -moz-box-shadow: 0px -1px 1px #000 inset; box-shadow: 0px -1px 1px #000 inset; } .ombra-ext { -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } .ombra-txt { -webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.2); text-shadow: 0px 1px 2px rgba(0,0,0,0.2); } .bianconero { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } .nobianconero { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } .relauto { position: relative; overflow-x: hidden; overflow-y: auto; } .relhide { position: relative; overflow: hidden; } .absauto { position: absolute; overflow-x: hidden; overflow-y: auto; } .abshide { position: absolute; overflow: hidden; } .relvis { position: relative; overflow: visible; } .absvis { position: absolute; overflow: visible; } .fixhide { position: fixed; overflow: hidden; } .margineg-sx { left: 50%; margin-left: -1260px / 2; } @media only screen and (max-width: 1250px) { .margineg-sx { margin-left: -1008px / 2; } } .margineg-dx { right: 50%; margin-right: -1260px / 2; } @media only screen and (max-width: 1250px) { .margineg-dx { margin-right: -1008px / 2; } } /*----------------------------------------------------------------*/ html, body { margin: 0; padding: 0; width: 100%; overflow-x: hidden; } html { height: 100%; } *:first-child + html { overflow: auto; } body { overflow: auto; height: 100%; font-size: 15px; } body::after { content: " "; position: relative; overflow: hidden; display: block; width: 100%; height: 1px; margin: 0 0 0 -1px; } h1, h2, h3, h4, h5 { margin: 0; padding: 0; } hr { clear: both; display: block; margin: 0; border: none; border-top: 1px solid #988f82; height: 1px; size: 1px; background: none; color: #988f82; } hr.margine { margin: 15px 0; } /**/ a { outline: none; color: #BC1823; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; } a:hover { color: #e32431; } a img { border: none; } a.tutti { position: relative; overflow: hidden; display: block; width: 15%; min-width: 80px; margin: 50px auto 0; border: 1px solid #dddad6; padding: 10px 50px; font-family: 'Open Sans', sans-serif; font-size: 1.2em; color: #dddad6; font-weight: 400; line-height: 1.2em; letter-spacing: 0.04em; text-transform: uppercase; text-align: center; } a.tutti:hover { background: #dddad6; color: #F9F7F3; } @media only screen and (max-width: 1000px) { a.tutti { width: 280px; max-width: 80%; padding: 10px; } } a.allegato { position: relative; overflow: hidden; display: inline-block; margin: 15px 0; padding: 0 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background: #e32431; font-family: 'Open Sans', sans-serif; font-size: 0.8em; color: #F9F7F3; font-weight: 700; line-height: 30px; letter-spacing: 0.04em; text-transform: uppercase; } a.allegato:hover { background: #988f82; color: #dddad6; } .btn { display: inline-block; padding: 0 30px; margin: 10px 0 0; border: none; background: #BC1823; font-family: 'Open Sans', sans-serif; font-size: 1em; color: #F9F7F3; font-weight: 400; line-height: 40px; letter-spacing: 0.02em; text-decoration: none; } .btn:hover { background: #988f82; color: #dddad6; } .btn.due { background: #afa89e; } .btn.due:hover { background: #988f82; color: #dddad6; } /*----------------------------------*/ .titolo { font-family: 'Open Sans', sans-serif; font-size: 3rem; color: #BC1823; font-weight: 700; line-height: 1.3em; letter-spacing: 0.02em; transition: 0.2s; } .titolo.due { color: #afa89e; } .titolo.azienda { position: relative; overflow: hidden; display: block; font-family: 'Open Sans', sans-serif; font-size: 2.4em; color: #dddad6; font-weight: 400; line-height: 1.2em; letter-spacing: 0.02em; } .titolo.azienda strong { font-size: 1.3em; } .titolo.azienda strong em { font-style: normal; color: #BC1823; } .sottotitolo, h3, h4 { font-family: 'Open Sans', sans-serif; font-size: 1.3em; color: #dddad6; font-weight: 400; line-height: 1.3em; letter-spacing: 0.02em; } .sottotitolo.small, h3.small, h4.small { font-family: 'Open Sans', sans-serif; font-size: 1.2em; color: #BC1823; font-weight: 400; line-height: 1.6em; letter-spacing: 0.04em; } .sx { float: left; max-width: 50%; margin: 0 50px 15px 0; } @media only screen and (max-width: 1000px) { .sx { max-width: 30%; margin: 0 5% 5px 0; } } @media only screen and (max-width: 480px) { .sx { width: 100%; max-width: 100%; float: none; margin: 0 0 20px 0; } } .dx { float: right; max-width: 50%; margin: 0 0 15px 50px; } @media only screen and (max-width: 1000px) { .dx { max-width: 40%; margin: 0 0 5px 5%; } } @media only screen and (max-width: 480px) { .dx { width: 100%; max-width: 100%; float: none; margin: 0 0 20px 0; } } /*-----------------------------*/ #contenitore { position: relative; z-index: 2 !important; margin: 0 auto; width: 100%; background: #F9F7F3; font-family: 'Open Sans', sans-serif; font-size: 1em; color: #000; font-weight: 400; line-height: 1.7em; letter-spacing: 0.04em; /*navigator fine */ } #contenitore::before { content: " "; position: relative; overflow: hidden; display: block; width: 100%; height: 110px; } @media only screen and (max-width: 900px) { #contenitore { z-index: 98 !important; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 auto; -webkit-box-shadow: 5px 0px 50px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 0px 50px rgba(0, 0, 0, 0.3); box-shadow: 5px 0px 50px rgba(0, 0, 0, 0.3); } #contenitore::before { height: 85px; } #contenitore::after { content: " "; position: fixed; overflow: hidden; display: block; z-index: 97; top: 0; width: 100%; height: 85px; background: #BC1823; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05); } } #contenitore #navigator { position: absolute; overflow: hidden; position: fixed; z-index: 999 !important; display: none; top: 28px; right: 28px; width: 32px; height: 32px; background: url(images/menu.png) 0 0 no-repeat; background-size: contain; cursor: pointer; } @media only screen and (max-width: 900px) { #contenitore #navigator { display: inline-block; } } /*contenitore fine */ #popup { padding: 30px; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #dddad6; font-weight: 400; line-height: 20px; letter-spacing: 0.04em; } #popup .sottotitolo { color: #716F6B; } #popup ul li { padding: 5px 30px 5px 0; } #popup .quad { padding: 25px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; background: #988f82; } #tornasu { position: fixed; z-index: 99; bottom: 15px; right: 15px; width: 40px; height: 40px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; background: #BC1823; cursor: pointer; } #tornasu b { position: absolute; overflow: hidden; left: 13px; top: 15px; width: 10px; height: 10px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-top: 4px solid #F9F7F3; border-right: 4px solid #F9F7F3; border-bottom: none; border-left: none; background: none; } /*------------------------------*/ #logo { position: absolute; overflow: hidden; position: fixed; z-index: 98 !important; top: 26px; left: 20px; width: 120px; height: 120px; background: url(images/logo.png) 0 50% no-repeat; background-size: contain; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } @media only screen and (min-width: 1460px) { #logo { left: 140px; } } @media only screen and (max-width: 900px) { #logo { z-index: 999 !important; top: 0px; left: 20px; margin: 0; width: 214px; height: 88px; } } @media only screen and (max-width: 780px) { #logo { left: 10px; } } #logo a { display: block; padding-top: 400px; } #logo.basso { top: 15px; height: 50px; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } /*--- fine logo ------*/ .bottone { display: inline-block; margin-top: 20px; background: #BC1823; color: #F9F7F3; transition: 0.2s; border-radius: 5px; font-size: 1.1em; text-align: center; vertical-align: bottom; font-size: 1.4rem; text-transform: uppercase ; letter-spacing: 0.1em; font-family: 'Open Sans', sans-serif; padding: 10px 40px; } .bottone:hover { color: #F9F7F3; background: #e32431; } @media only screen and (max-width: 550px) { .bottone { font-size: 1rem; padding: 10px 10px; min-width: 120px; } } .bottone.round { width: 60px; height: 60px; border-radius: 5px; padding: 0; margin: 0; } .bottone.round span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 42px; } .bottone.skip { position: absolute; top: -30px; left: calc(50% - 30px); z-index: 1; } @media only screen and (max-width: 1260px) { .bottone.skip { display: none; } } .bottone.skip.rev { top: auto; bottom: -30px; transform: rotate(180deg); } nav, #nav { position: fixed; z-index: 9; top: 0; left: 0; right: 0; height: 132px; background: #F9F7F3; box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.15); /*ul*/ } nav::before, #nav::before { content: " "; position: absolute; overflow: hidden; display: block; z-index: 90; top: 0; left: 0; right: 0; height: 40px; background: #F9F7F3; } @media only screen and (max-width: 900px) { nav, #nav { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; display: block; } } @media only screen and (max-width: 900px) { nav, #nav { position: fixed; overflow-y: auto !important; overflow-x: hidden; z-index: 0 !important; width: calc(100vw) !important; height: auto !important; top: 0; left: auto; bottom: 0; right: 0; margin: 0; padding: 0 20px 20px 20px; border: none; background: #7e7569; } nav::before, #nav::before { display: none; } } nav ul, #nav ul { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; padding: 0; margin: 0 auto; width: 1260px; padding: 0px 40px; /*sopra*/ /*sotto*/ } @media only screen and (max-width: 1410px) { nav ul, #nav ul { max-width: 100%; } } @media only screen and (max-width: 900px) { nav ul, #nav ul { position: relative; overflow: hidden; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; width: 100%; margin: 0; left: 0; padding: 0px 0px 0px 112px; } } nav ul li, #nav ul li { display: inline-block; /**/ list-style: none; margin: 0; padding: 0; text-align: center; cursor: pointer; } @media only screen and (max-width: 900px) { nav ul li, #nav ul li { border: none !important; width: 100%; padding: 10px 0 !important; margin: 0 !important; text-align: left; } nav ul li a, #nav ul li a { font-family: 'Open Sans', sans-serif; } } nav ul li ul, #nav ul li ul { display: none; padding: 10px; width: 180px; } @media only screen and (max-width: 900px) { nav ul li ul, #nav ul li ul { background: #8f121b; } } nav ul li ul li, #nav ul li ul li { padding: 5px 0 !important; } nav ul li ul li a, #nav ul li ul li a { font-size: 0.9em; } nav ul li sup, #nav ul li sup { line-height: 1em; } nav ul.sopra, #nav ul.sopra { justify-content: flex-end; -ms-flex-pack: end; /**/ -webkit-justify-content: flex-end; overflow: visible; height: 40px; z-index: 99 !important; background: #BC1823; width: calc(100% - 80px); } @media only screen and (max-width: 900px) { nav ul.sopra, #nav ul.sopra { /*.order(2) !important;*/ height: auto; } } nav ul.sopra li, #nav ul.sopra li { margin: 0 10px; font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #F9F7F3; font-weight: 400; line-height: 40px; letter-spacing: 0.04em; } @media only screen and (max-width: 900px) { nav ul.sopra li, #nav ul.sopra li { margin: 0; padding: 5px 0px 5px 132px font-family: 'Open Sans', sans-serif; font-size: 1em; color: #F9F7F3; font-weight: 400; line-height: 1.2em; letter-spacing: 0.04em;; text-transform: uppercase; } } nav ul.sopra li a, #nav ul.sopra li a { color: #F9F7F3; } nav ul.sopra li a:hover, #nav ul.sopra li a:hover { color: #BC1823; } @media only screen and (max-width: 900px) { nav ul.sopra li a, #nav ul.sopra li a { color: #F9F7F3; } nav ul.sopra li a:hover, #nav ul.sopra li a:hover { color: #716F6B; } } nav ul.sopra li.tel, #nav ul.sopra li.tel, nav ul.sopra li.mail, #nav ul.sopra li.mail { position: relative; overflow: hidden; display: block; height: auto; margin: 0 10px; padding: 0 0 0 25px; background: url(images/ico.png) 3px -344px no-repeat; background-size: 20px auto; font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #BC1823; font-weight: 400; line-height: 40px; letter-spacing: 0.04em; text-transform: none; } @media only screen and (max-width: 900px) { nav ul.sopra li.tel, #nav ul.sopra li.tel, nav ul.sopra li.mail, #nav ul.sopra li.mail { -webkit-box-ordinal-group: 0 !important; -moz-box-ordinal-group: 0 !important; -ms-flex-order: 0 !important; -webkit-order: 0 !important; order: 0 !important; width: 100%; margin: 0 !important; padding: 0 !important; background: none; font-family: 'Open Sans', sans-serif !important; font-size: 1.2rem !important; color: #BC1823 !important; font-weight: 700 !important; line-height: 1.2em !important; letter-spacing: 0.04em !important; } nav ul.sopra li.tel.tel, #nav ul.sopra li.tel.tel, nav ul.sopra li.mail.tel, #nav ul.sopra li.mail.tel { font-size: 1.2rem !important; margin-bottom: 10px !important; } } nav ul.sopra li.tel.tel, #nav ul.sopra li.tel.tel, nav ul.sopra li.mail.tel, #nav ul.sopra li.mail.tel { margin: 0 10px 0 auto; /**/ background-position: 0 -385px; } nav ul.sopra li.tel a, #nav ul.sopra li.tel a, nav ul.sopra li.mail a, #nav ul.sopra li.mail a { font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #F9F7F3; font-weight: 700; line-height: 40px; letter-spacing: 0.04em; } @media only screen and (max-width: 900px) { nav ul.sopra li.tel a, #nav ul.sopra li.tel a, nav ul.sopra li.mail a, #nav ul.sopra li.mail a { color: #F9F7F3 !important; } } nav ul.sopra li.tel a:hover, #nav ul.sopra li.tel a:hover, nav ul.sopra li.mail a:hover, #nav ul.sopra li.mail a:hover { color: #dddad6; } nav ul.sopra li.social, #nav ul.sopra li.social { margin-left: 20px; display: none; } @media only screen and (max-width: 900px) { nav ul.sopra li.social, #nav ul.sopra li.social { -webkit-box-ordinal-group: -2 !important; -moz-box-ordinal-group: -2 !important; -ms-flex-order: -2 !important; -webkit-order: -2 !important; order: -2 !important; margin: 0 0 0 120px !important; } } nav ul.sopra li.social ul, #nav ul.sopra li.social ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; width: auto; height: 24px; padding: 8px 0; margin: 0; background: none; } @media only screen and (max-width: 900px) { nav ul.sopra li.social ul, #nav ul.sopra li.social ul { flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-box-direction: row; -webkit-box-direction: row; } } nav ul.sopra li.social ul li, #nav ul.sopra li.social ul li { display: block; position: relative; overflow: hidden; width: 24px; height: 24px; margin: 0 2px; padding: 0 !important; background: url(images/ico.png) no-repeat; background-size: 25px auto; } nav ul.sopra li.social ul li.fb, #nav ul.sopra li.social ul li.fb { background-position: 0 -100px; } nav ul.sopra li.social ul li.gp, #nav ul.sopra li.social ul li.gp { background-position: 0 -125px; } nav ul.sopra li.social ul li.yt, #nav ul.sopra li.social ul li.yt { background-position: 0 -225px; } nav ul.sopra li.social ul li.tw, #nav ul.sopra li.social ul li.tw { background-position: 0 -200px; } nav ul.sopra li.social ul li.ig, #nav ul.sopra li.social ul li.ig { background-position: 0 -150px; } nav ul.sopra li.social ul li a, #nav ul.sopra li.social ul li a { display: block; padding: 50px 0 0 ; } @media only screen and (max-width: 900px) { nav ul.sopra li.social ul li, #nav ul.sopra li.social ul li { width: 24px; height: 24px; margin: 0 5px !important; padding: 0 !important; } } nav ul.sopra li.lingue, #nav ul.sopra li.lingue { margin-left: 0; } @media only screen and (max-width: 900px) { nav ul.sopra li.lingue, #nav ul.sopra li.lingue { -webkit-box-ordinal-group: -2 !important; -moz-box-ordinal-group: -2 !important; -ms-flex-order: -2 !important; -webkit-order: -2 !important; order: -2 !important; margin: 0 !important; } } nav ul.sopra li.lingue ul, #nav ul.sopra li.lingue ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; width: auto; height: 24px; padding: 8px 0; margin: 0; background: none; } @media only screen and (max-width: 900px) { nav ul.sopra li.lingue ul, #nav ul.sopra li.lingue ul { flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-box-direction: row; -webkit-box-direction: row; } } nav ul.sopra li.lingue ul li, #nav ul.sopra li.lingue ul li { display: block; position: relative; overflow: hidden; width: 24px; height: 24px; margin: 0 2px; padding: 0 !important; background-size: 20px auto; background-repeat: no-repeat; background-position: 50% 50%; } nav ul.sopra li.lingue ul li.it, #nav ul.sopra li.lingue ul li.it { background-image: url(images/flags/it.png); } nav ul.sopra li.lingue ul li.en, #nav ul.sopra li.lingue ul li.en { background-image: url(images/flags/en.png); } nav ul.sopra li.lingue ul li.pl, #nav ul.sopra li.lingue ul li.pl { background-image: url(images/flags/pl.png); } nav ul.sopra li.lingue ul li a, #nav ul.sopra li.lingue ul li a { display: block; padding: 50px 0 0 ; } @media only screen and (max-width: 900px) { nav ul.sopra li.lingue ul li, #nav ul.sopra li.lingue ul li { width: 24px; height: 24px; margin: 0 5px !important; padding: 0 !important; } } nav ul.sotto, #nav ul.sotto { overflow: visible; justify-content: flex-end; -ms-flex-pack: end; -webkit-justify-content: flex-end; padding: 0; } @media only screen and (max-width: 900px) { nav ul.sotto, #nav ul.sotto { /*.order(1) !important;*/ height: auto; padding: 0; margin-top: 30px; margin-left: 75px; padding-left: 35px; width: calc(100% - 55px); } } nav ul.sotto li, #nav ul.sotto li { margin: 0; padding: 0; font-size: 1em; color: #BC1823; font-weight: 700; line-height: auto; letter-spacing: 0.04em; font-family: 'Open Sans', sans-serif; /*text-transform:uppercase; vertical-align:top;*/ transition: 0.2s; /*ul*/ } nav ul.sotto li:hover, #nav ul.sotto li:hover { background-color: rgba(180, 0, 0, 0.2); } @media only screen and (max-width: 900px) { nav ul.sotto li, #nav ul.sotto li { margin: 0; padding: 15px 0px 15px ; margin-left: ; font-family: 'Open Sans', sans-serif; font-size: 1.4rem; color: #F9F7F3; font-weight: 400; line-height: 1.2em; letter-spacing: 0.04em; font-family: 'Cormorant', serif; text-transform: capitalize; } nav ul.sotto li:hover, #nav ul.sotto li:hover { background-color: transparent; } } nav ul.sotto li a, #nav ul.sotto li a { display: inline-block; padding: 16px 10px; color: #BC1823; line-height: 60px; } @media only screen and (max-width: 900px) { nav ul.sotto li a, #nav ul.sotto li a { border-left: none; line-height: 40px; margin: 0px; } } @media only screen and (max-width: 900px) { nav ul.sotto li a, #nav ul.sotto li a { padding: 0; color: #F9F7F3; /* &:hover{ color:@colore01scuro; } */ } } nav ul.sotto li ul, #nav ul.sotto li ul { display: none; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; position: absolute; overflow: hidden; margin-top: 0px; margin: -10px 0px 10px -10px; width: auto; background: transparent; } @media only screen and (max-width: 900px) { nav ul.sotto li ul, #nav ul.sotto li ul { display: block; position: relative; overflow: hidden; } nav ul.sotto li ul.aperto, #nav ul.sotto li ul.aperto { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; position: relative; width: 100%; border-bottom: none; padding: 10px 0 20px; margin: 0; } nav ul.sotto li ul.aperto li, #nav ul.sotto li ul.aperto li { background-color: transparent; transition: 0.2s; border-left: none; } } nav ul.sotto li ul li, #nav ul.sotto li ul li { padding: 7px 15px; margin: 0; background: #7e7569; text-align: left; line-height: 1.2em !important; } @media only screen and (max-width: 900px) { nav ul.sotto li ul li, #nav ul.sotto li ul li { background-color: transparent; } nav ul.sotto li ul li:hover, #nav ul.sotto li ul li:hover { background-color: transparent; } } nav ul.sotto li ul li a, #nav ul.sotto li ul li a { font-family: 'Open Sans', sans-serif; font-size: 0.7em; color: #dddad6; font-weight: 400; line-height: 1em; letter-spacing: 0.04em; transition: 0.2s; } @media only screen and (max-width: 900px) { nav ul.sotto li ul li a, #nav ul.sotto li ul li a { padding: 0 8px; } } @media only screen and (min-width: 1249px) { nav ul.sotto li:hover, #nav ul.sotto li:hover { color: #F9F7F3; } nav ul.sotto li:hover ul, #nav ul.sotto li:hover ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; } nav ul.sotto li:hover ul li, #nav ul.sotto li:hover ul li { transition: 0.2s; border-left: none; } nav ul.sotto li:hover ul li:hover, #nav ul.sotto li:hover ul li:hover { background-color: #e32431 !important; } nav ul.sotto li:hover ul li:hover a, #nav ul.sotto li:hover ul li:hover a { color: #F9F7F3; } } /*-----fine nav ------*/ section, #section { position: relative; overflow: hidden; width: 100%; /* fine article*/ /* fine big slide */ /* fine navigatore*/ /*fine highlight*/ /*fine blocchi-home*/ /* fine submenu*/ /*fine gen*/ /*fine contatti*/ } section article, #section article, section #article, #section #article { width: 1260px; margin: 0 auto; /*img-sx*/ /*img-dx*/ } @media only screen and (max-width: 1410px) { section article, #section article, section #article, #section #article { max-width: 100%; } } @media only screen and (max-width: 1440px) { section article, #section article, section #article, #section #article { padding: 0 20px; width: calc(100% - 40px); } } section article .img-sx, #section article .img-sx, section #article .img-sx, #section #article .img-sx, section article .img-dx, #section article .img-dx, section #article .img-dx, #section #article .img-dx { position: relative; overflow: hidden; margin-bottom: 45px; } section article .img-sx .int, #section article .img-sx .int, section #article .img-sx .int, #section #article .img-sx .int, section article .img-dx .int, #section article .img-dx .int, section #article .img-dx .int, #section #article .img-dx .int { position: relative; overflow: hidden; } section article .img-sx img, #section article .img-sx img, section #article .img-sx img, #section #article .img-sx img { float: left !important; max-width: 48% !important; margin: 0 4% 10px 0 !important; } @media only screen and (max-width: 900px) { section article .img-sx img, #section article .img-sx img, section #article .img-sx img, #section #article .img-sx img { float: none !important; max-width: 100% !important; margin: 0 0 30px 0 !important; } } section article .img-dx img, #section article .img-dx img, section #article .img-dx img, #section #article .img-dx img { float: right !important; max-width: 48% !important; margin: 0 0 10px 8% !important; } @media only screen and (max-width: 900px) { section article .img-dx img, #section article .img-dx img, section #article .img-dx img, #section #article .img-dx img { float: none !important; max-width: 100% !important; margin: 0 0 30px 0 !important; } } section article .duecolonne, #section article .duecolonne, section #article .duecolonne, #section #article .duecolonne, section article .trecolonne, #section article .trecolonne, section #article .trecolonne, #section #article .trecolonne { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; } @media only screen and (max-width: 900px) { section article .duecolonne, #section article .duecolonne, section #article .duecolonne, #section #article .duecolonne, section article .trecolonne, #section article .trecolonne, section #article .trecolonne, #section #article .trecolonne { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } section article .duecolonne div, #section article .duecolonne div, section #article .duecolonne div, #section #article .duecolonne div, section article .trecolonne div, #section article .trecolonne div, section #article .trecolonne div, #section #article .trecolonne div { width: 100% !important; margin: 0; } } section article .duecolonne img, #section article .duecolonne img, section #article .duecolonne img, #section #article .duecolonne img, section article .trecolonne img, #section article .trecolonne img, section #article .trecolonne img, #section #article .trecolonne img, section article .duecolonne iframe, #section article .duecolonne iframe, section #article .duecolonne iframe, #section #article .duecolonne iframe, section article .trecolonne iframe, #section article .trecolonne iframe, section #article .trecolonne iframe, #section #article .trecolonne iframe { max-width: 100%; margin: 0 !important; } section article .duecolonne div, #section article .duecolonne div, section #article .duecolonne div, #section #article .duecolonne div { width: 48%; } section article .trecolonne div, #section article .trecolonne div, section #article .trecolonne div, #section #article .trecolonne div { width: 30%; } section article .duecolonne table, #section article .duecolonne table, section #article .duecolonne table, #section #article .duecolonne table, section article .trecolonne table, #section article .trecolonne table, section #article .trecolonne table, #section #article .trecolonne table, section article .img-sx table, #section article .img-sx table, section #article .img-sx table, #section #article .img-sx table, section article img-dx table, #section article img-dx table, section #article img-dx table, #section #article img-dx table { padding: 0; border-spacing: 0; border: none; border-collapse: collapse; max-width: 100%; } section article .duecolonne table td, #section article .duecolonne table td, section #article .duecolonne table td, #section #article .duecolonne table td, section article .trecolonne table td, #section article .trecolonne table td, section #article .trecolonne table td, #section #article .trecolonne table td, section article .img-sx table td, #section article .img-sx table td, section #article .img-sx table td, #section #article .img-sx table td, section article img-dx table td, #section article img-dx table td, section #article img-dx table td, #section #article img-dx table td { vertical-align: top; max-width: auto; } section.bigslide, #section.bigslide { width: 100%; height: calc(100vh - 132px); /*slide*/ } section.bigslide video, #section.bigslide video { width: 100%; } section.bigslide ul#slidepreview, #section.bigslide ul#slidepreview { position: relative; overflow: hidden; z-index: 1 !important; width: 100%; height: 100%; margin: 0; padding: 0; display: flex; justify-content: space-between; align-items: center; } section.bigslide ul#slidepreview li, #section.bigslide ul#slidepreview li { position: relative; /*float:left;*/ list-style: none; width: 1260px; /*height:calc(~"100vh - 110px");*/ margin: 0; padding: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; overflow: hidden; /*fine intro*/ } @media only screen and (max-width: 1410px) { section.bigslide ul#slidepreview li, #section.bigslide ul#slidepreview li { max-width: 100%; } } @media only screen and (max-width: 1000px) { section.bigslide ul#slidepreview li, #section.bigslide ul#slidepreview li { height: calc(100vh - 85px); } } section.bigslide ul#slidepreview li .intro, #section.bigslide ul#slidepreview li .intro { /* LUIGI */ /* .abshide; z-index:99 !important; bottom:0; background-color: rgba(200, 0, 0, .7); height: calc(100% - 100px); width: calc(48% + 20px); .ombra(4px 0px 60px rgb(0 0 0 / 30%)); display: flex; align-items: center; padding: 20px; text-align: center; justify-content: center; */ /* IGOR */ position: absolute; overflow: hidden; z-index: 99 !important; top: 70px; right: 50px; /*background-color: rgba(200, 0, 0, .7);*/ height: auto; width: auto; /*.ombra(4px 0px 60px rgb(0 0 0 / 30%));*/ display: flex; align-items: center; padding: 20px; text-align: center; justify-content: center; /*animabox*/ /*fine animabox2*/ } @media only screen and (max-width: 1260px) { section.bigslide ul#slidepreview li .intro, #section.bigslide ul#slidepreview li .intro { top: 20px; right: 0px; width: 100%; } } @media only screen and (max-width: 780px) { section.bigslide ul#slidepreview li .intro, #section.bigslide ul#slidepreview li .intro { /*height:auto; width:calc(~"100% - 60px"); padding:60px 30px 60px; font-size:1.1em; */ } section.bigslide ul#slidepreview li .intro .txt, #section.bigslide ul#slidepreview li .intro .txt, section.bigslide ul#slidepreview li .intro .titolo::after, #section.bigslide ul#slidepreview li .intro .titolo::after { display: none; } } section.bigslide ul#slidepreview li .intro .testo, #section.bigslide ul#slidepreview li .intro .testo { font-family: 'Open Sans', sans-serif; font-size: 3rem; color: #F9F7F3; font-weight: 700; line-height: 1.2em; letter-spacing: 0.02em; font-family: 'Cormorant', serif; } section.bigslide ul#slidepreview li .intro .testo .titolo, #section.bigslide ul#slidepreview li .intro .testo .titolo { position: relative; overflow: hidden; display: block; font-family: 'Open Sans', sans-serif; font-size: 7rem; color: #F9F7F3; font-weight: 700; line-height: 1.2em; letter-spacing: 0.02em; font-family: 'Cormorant', serif; } @media only screen and (max-width: 780px) { section.bigslide ul#slidepreview li .intro .testo .titolo, #section.bigslide ul#slidepreview li .intro .testo .titolo { font-size: 1.8em; padding: 0 0 30px; } } section.bigslide ul#slidepreview li .intro a, #section.bigslide ul#slidepreview li .intro a { display: block; margin: 60px auto 0; text-align: center; /* left: 50%; */ max-width: 300px; } section.bigslide ul#slidepreview li .intro a.btn, #section.bigslide ul#slidepreview li .intro a.btn { display: table; margin: 70px 0 0 0; padding: 10px 30px; border: 1px solid #F9F7F3; background: none; font-size: 1.1em; text-align: center; } section.bigslide ul#slidepreview li .intro a.btn:hover, #section.bigslide ul#slidepreview li .intro a.btn:hover { background: #F9F7F3; color: #BC1823; } section.bigslide ul#slidepreview li .intro i, #section.bigslide ul#slidepreview li .intro i { display: block; font-style: normal; } section.bigslide ul#slidepreview li .intro.animabox, #section.bigslide ul#slidepreview li .intro.animabox { -webkit-animation: entra_intro 0.3s ease-in-out 0s; -moz-animation: entra_intro 0.3s ease-in-out 0s; -ms-animation: entra_intro 0.3s ease-in-out 0s; -o-animation: entra_intro 0.3s ease-in-out 0s; animation: entra_intro 0.3s ease-in-out 0s; top: 10%; opacity: 1; /**/ } section.bigslide ul#slidepreview li .intro.animabox .act 0%, #section.bigslide ul#slidepreview li .intro.animabox .act 0% { top: -200px; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox .act 100%, #section.bigslide ul#slidepreview li .intro.animabox .act 100% { top: 10%; opacity: 1; } @-webkit-keyframes entra_intro { 0% { top: -200px; opacity: 0; } 100% { top: 10%; opacity: 1; } } @-moz-keyframes entra_intro { 0% { top: -200px; opacity: 0; } 100% { top: 10%; opacity: 1; } } @-o-keyframes entra_intro { 0% { top: -200px; opacity: 0; } 100% { top: 10%; opacity: 1; } } @keyframes entra_intro { 0% { top: -200px; opacity: 0; } 100% { top: 10%; opacity: 1; } } section.bigslide ul#slidepreview li .intro.animabox .titolo, #section.bigslide ul#slidepreview li .intro.animabox .titolo, section.bigslide ul#slidepreview li .intro.animabox .titolino, #section.bigslide ul#slidepreview li .intro.animabox .titolino { -webkit-animation: entra_tit 0.6s ease-in 0s; -moz-animation: entra_tit 0.6s ease-in 0s; -ms-animation: entra_tit 0.6s ease-in 0s; -o-animation: entra_tit 0.6s ease-in 0s; animation: entra_tit 0.6s ease-in 0s; opacity: 1; /**/ } section.bigslide ul#slidepreview li .intro.animabox .titolo .act 0%, #section.bigslide ul#slidepreview li .intro.animabox .titolo .act 0%, section.bigslide ul#slidepreview li .intro.animabox .titolino .act 0%, #section.bigslide ul#slidepreview li .intro.animabox .titolino .act 0% { margin-left: 50px; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox .titolo .act 50%, #section.bigslide ul#slidepreview li .intro.animabox .titolo .act 50%, section.bigslide ul#slidepreview li .intro.animabox .titolino .act 50%, #section.bigslide ul#slidepreview li .intro.animabox .titolino .act 50% { margin-left: 50px; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox .titolo .act 100%, #section.bigslide ul#slidepreview li .intro.animabox .titolo .act 100%, section.bigslide ul#slidepreview li .intro.animabox .titolino .act 100%, #section.bigslide ul#slidepreview li .intro.animabox .titolino .act 100% { margin-left: 0; opacity: 1; } @-webkit-keyframes entra_tit { 0% { margin-left: 50px; opacity: 0; } 50% { margin-left: 50px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @-moz-keyframes entra_tit { 0% { margin-left: 50px; opacity: 0; } 50% { margin-left: 50px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @-o-keyframes entra_tit { 0% { margin-left: 50px; opacity: 0; } 50% { margin-left: 50px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @keyframes entra_tit { 0% { margin-left: 50px; opacity: 0; } 50% { margin-left: 50px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } section.bigslide ul#slidepreview li .intro.animabox .txt, #section.bigslide ul#slidepreview li .intro.animabox .txt { -webkit-animation: entra_txt 1s ease-out 0s; -moz-animation: entra_txt 1s ease-out 0s; -ms-animation: entra_txt 1s ease-out 0s; -o-animation: entra_txt 1s ease-out 0s; animation: entra_txt 1s ease-out 0s; opacity: 1; } section.bigslide ul#slidepreview li .intro.animabox .txt .act 0%, #section.bigslide ul#slidepreview li .intro.animabox .txt .act 0% { margin-left: -50px; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox .txt .act 70%, #section.bigslide ul#slidepreview li .intro.animabox .txt .act 70% { margin-left: -50px; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox .txt .act 100%, #section.bigslide ul#slidepreview li .intro.animabox .txt .act 100% { margin-left: 0; opacity: 1; } @-webkit-keyframes entra_txt { 0% { margin-left: -50px; opacity: 0; } 70% { margin-left: -50px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @-moz-keyframes entra_txt { 0% { margin-left: -50px; opacity: 0; } 70% { margin-left: -50px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @-o-keyframes entra_txt { 0% { margin-left: -50px; opacity: 0; } 70% { margin-left: -50px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } @keyframes entra_txt { 0% { margin-left: -50px; opacity: 0; } 70% { margin-left: -50px; opacity: 0; } 100% { margin-left: 0; opacity: 1; } } section.bigslide ul#slidepreview li .intro.animabox .btn, #section.bigslide ul#slidepreview li .intro.animabox .btn { -webkit-animation: entra_btn 1.5s ease-in-out 0s; -moz-animation: entra_btn 1.5s ease-in-out 0s; -ms-animation: entra_btn 1.5s ease-in-out 0s; -o-animation: entra_btn 1.5s ease-in-out 0s; animation: entra_btn 1.5s ease-in-out 0s; opacity: 1; bottom: 40px; /**/ } section.bigslide ul#slidepreview li .intro.animabox .btn .act 0%, #section.bigslide ul#slidepreview li .intro.animabox .btn .act 0% { bottom: -50px; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox .btn .act 70%, #section.bigslide ul#slidepreview li .intro.animabox .btn .act 70% { bottom: -50px; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox .btn .act 95%, #section.bigslide ul#slidepreview li .intro.animabox .btn .act 95% { bottom: 45px; opacity: 1; } section.bigslide ul#slidepreview li .intro.animabox .btn .act 100%, #section.bigslide ul#slidepreview li .intro.animabox .btn .act 100% { bottom: 40px; opacity: 1; } @-webkit-keyframes entra_btn { 0% { bottom: -50px; opacity: 0; } 70% { bottom: -50px; opacity: 0; } 95% { bottom: 45px; opacity: 1; } 100% { bottom: 40px; opacity: 1; } } @-moz-keyframes entra_btn { 0% { bottom: -50px; opacity: 0; } 70% { bottom: -50px; opacity: 0; } 95% { bottom: 45px; opacity: 1; } 100% { bottom: 40px; opacity: 1; } } @-o-keyframes entra_btn { 0% { bottom: -50px; opacity: 0; } 70% { bottom: -50px; opacity: 0; } 95% { bottom: 45px; opacity: 1; } 100% { bottom: 40px; opacity: 1; } } @keyframes entra_btn { 0% { bottom: -50px; opacity: 0; } 70% { bottom: -50px; opacity: 0; } 95% { bottom: 45px; opacity: 1; } 100% { bottom: 40px; opacity: 1; } } section.bigslide ul#slidepreview li .intro.animabox2, #section.bigslide ul#slidepreview li .intro.animabox2 { -webkit-animation: esci_intro 1s ease-in-out 0s; -moz-animation: esci_intro 1s ease-in-out 0s; -ms-animation: esci_intro 1s ease-in-out 0s; -o-animation: esci_intro 1s ease-in-out 0s; animation: esci_intro 1s ease-in-out 0s; top: -200px; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox2 .act 0%, #section.bigslide ul#slidepreview li .intro.animabox2 .act 0% { top: 10%; opacity: 1; } section.bigslide ul#slidepreview li .intro.animabox2 .act 100%, #section.bigslide ul#slidepreview li .intro.animabox2 .act 100% { top: -200px; opacity: 0; } @-webkit-keyframes esci_intro { 0% { top: 10%; opacity: 1; } 100% { top: -200px; opacity: 0; } } @-moz-keyframes esci_intro { 0% { top: 10%; opacity: 1; } 100% { top: -200px; opacity: 0; } } @-o-keyframes esci_intro { 0% { top: 10%; opacity: 1; } 100% { top: -200px; opacity: 0; } } @keyframes esci_intro { 0% { top: 10%; opacity: 1; } 100% { top: -200px; opacity: 0; } } section.bigslide ul#slidepreview li .intro.animabox2 .titolo, #section.bigslide ul#slidepreview li .intro.animabox2 .titolo, section.bigslide ul#slidepreview li .intro.animabox2 .titolino, #section.bigslide ul#slidepreview li .intro.animabox2 .titolino { -webkit-animation: esci_tit 0.5s ease-in 0s; -moz-animation: esci_tit 0.5s ease-in 0s; -ms-animation: esci_tit 0.5s ease-in 0s; -o-animation: esci_tit 0.5s ease-in 0s; animation: esci_tit 0.5s ease-in 0s; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox2 .titolo .act 0%, #section.bigslide ul#slidepreview li .intro.animabox2 .titolo .act 0%, section.bigslide ul#slidepreview li .intro.animabox2 .titolino .act 0%, #section.bigslide ul#slidepreview li .intro.animabox2 .titolino .act 0% { margin-left: 0; opacity: 1; } section.bigslide ul#slidepreview li .intro.animabox2 .titolo .act 100%, #section.bigslide ul#slidepreview li .intro.animabox2 .titolo .act 100%, section.bigslide ul#slidepreview li .intro.animabox2 .titolino .act 100%, #section.bigslide ul#slidepreview li .intro.animabox2 .titolino .act 100% { margin-left: 50px; opacity: 0; } @-webkit-keyframes esci_tit { 0% { margin-left: 0; opacity: 1; } 100% { margin-left: 50px; opacity: 0; } } @-moz-keyframes esci_tit { 0% { margin-left: 0; opacity: 1; } 100% { margin-left: 50px; opacity: 0; } } @-o-keyframes esci_tit { 0% { margin-left: 0; opacity: 1; } 100% { margin-left: 50px; opacity: 0; } } @keyframes esci_tit { 0% { margin-left: 0; opacity: 1; } 100% { margin-left: 50px; opacity: 0; } } section.bigslide ul#slidepreview li .intro.animabox2 .txt, #section.bigslide ul#slidepreview li .intro.animabox2 .txt { -webkit-animation: esci_txt 0.8s ease-out 0s; -moz-animation: esci_txt 0.8s ease-out 0s; -ms-animation: esci_txt 0.8s ease-out 0s; -o-animation: esci_txt 0.8s ease-out 0s; animation: esci_txt 0.8s ease-out 0s; opacity: 0; } section.bigslide ul#slidepreview li .intro.animabox2 .txt .act 0%, #section.bigslide ul#slidepreview li .intro.animabox2 .txt .act 0% { margin-left: 0; opacity: 1; } section.bigslide ul#slidepreview li .intro.animabox2 .txt .act 50%, #section.bigslide ul#slidepreview li .intro.animabox2 .txt .act 50% { margin-left: 0; opacity: 1; } section.bigslide ul#slidepreview li .intro.animabox2 .txt .act 100%, #section.bigslide ul#slidepreview li .intro.animabox2 .txt .act 100% { margin-left: -50px; opacity: 0; } @-webkit-keyframes esci_txt { 0% { margin-left: 0; opacity: 1; } 50% { margin-left: 0; opacity: 1; } 100% { margin-left: -50px; opacity: 0; } } @-moz-keyframes esci_txt { 0% { margin-left: 0; opacity: 1; } 50% { margin-left: 0; opacity: 1; } 100% { margin-left: -50px; opacity: 0; } } @-o-keyframes esci_txt { 0% { margin-left: 0; opacity: 1; } 50% { margin-left: 0; opacity: 1; } 100% { margin-left: -50px; opacity: 0; } } @keyframes esci_txt { 0% { margin-left: 0; opacity: 1; } 50% { margin-left: 0; opacity: 1; } 100% { margin-left: -50px; opacity: 0; } } section.bigslide ul#slidepreview li .intro.animabox2 .btn, #section.bigslide ul#slidepreview li .intro.animabox2 .btn { -webkit-animation: esci_btn 0.2s ease-in-out 0s; -moz-animation: esci_btn 0.2s ease-in-out 0s; -ms-animation: esci_btn 0.2s ease-in-out 0s; -o-animation: esci_btn 0.2s ease-in-out 0s; animation: esci_btn 0.2s ease-in-out 0s; opacity: 0; bottom: 400px; } section.bigslide ul#slidepreview li .intro.animabox2 .btn .act 0%, #section.bigslide ul#slidepreview li .intro.animabox2 .btn .act 0% { bottom: 40px; opacity: 1; } section.bigslide ul#slidepreview li .intro.animabox2 .btn .act 100%, #section.bigslide ul#slidepreview li .intro.animabox2 .btn .act 100% { bottom: 400px; opacity: 0; } @-webkit-keyframes esci_btn { 0% { bottom: 40px; opacity: 1; } 100% { bottom: 400px; opacity: 0; } } @-moz-keyframes esci_btn { 0% { bottom: 40px; opacity: 1; } 100% { bottom: 400px; opacity: 0; } } @-o-keyframes esci_btn { 0% { bottom: 40px; opacity: 1; } 100% { bottom: 400px; opacity: 0; } } @keyframes esci_btn { 0% { bottom: 40px; opacity: 1; } 100% { bottom: 400px; opacity: 0; } } section.bigslide ul#slidepreview li.immagine_slide, #section.bigslide ul#slidepreview li.immagine_slide { width: 100%; overflow: hidden; /* fine sezInterna*/ } section.bigslide ul#slidepreview li.immagine_slide img, #section.bigslide ul#slidepreview li.immagine_slide img { min-width: 100%; transform: scale(1.01); filter: brightness(60%); } @media only screen and (max-width: 1000px) { section.bigslide ul#slidepreview li.immagine_slide img, #section.bigslide ul#slidepreview li.immagine_slide img { height: 100%; } } section.bigslide ul#slidepreview li.immagine_slide.sezInterna, #section.bigslide ul#slidepreview li.immagine_slide.sezInterna { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } section.bigslide ul#slidepreview li.immagine_slide.sezInterna:before, #section.bigslide ul#slidepreview li.immagine_slide.sezInterna:before { padding-bottom: 50%; content: ""; display: block; } section.bigslide ul#slidepreview li.immagine_slide.sezInterna img, #section.bigslide ul#slidepreview li.immagine_slide.sezInterna img { position: absolute; min-width: 100%; object-fit: cover; transform: scale(1.01); filter: brightness(60%); top: 0; left: 0; } @media only screen and (max-width: 1000px) { section.bigslide ul#slidepreview li.immagine_slide.sezInterna img, #section.bigslide ul#slidepreview li.immagine_slide.sezInterna img { height: 100%; } } section.bigslide ul#slidepreview li.intro_slide, #section.bigslide ul#slidepreview li.intro_slide { position: relative; overflow: hidden; z-index: 99 !important; margin: 10% 5vw; width: 35%; height: auto; /*padding:20px 30px 70px; background:rgba(255,255,255,0.70);*/ font-family: 'Open Sans', sans-serif; font-size: 1.5rem; color: #F9F7F3; font-weight: 400; line-height: 1.5em; letter-spacing: 0.04em; } @media only screen and (max-width: 1000px) { section.bigslide ul#slidepreview li.intro_slide, #section.bigslide ul#slidepreview li.intro_slide { height: auto; width: 90%; font-size: 1.2rem; text-align: center; margin: 60px auto; } section.bigslide ul#slidepreview li.intro_slide .txt, #section.bigslide ul#slidepreview li.intro_slide .txt, section.bigslide ul#slidepreview li.intro_slide .titolo::after, #section.bigslide ul#slidepreview li.intro_slide .titolo::after { display: none; } } section.bigslide ul#slidepreview li.intro_slide .titolo_intro, #section.bigslide ul#slidepreview li.intro_slide .titolo_intro { font-weight: 800; display: block; margin-bottom: 20px; font-size: 2.6rem; line-height: 1.5em; } @media only screen and (max-width: 1250px) { section.bigslide ul#slidepreview li.intro_slide .titolo_intro, #section.bigslide ul#slidepreview li.intro_slide .titolo_intro { font-size: 1.8rem; } } @media only screen and (max-width: 550px) { section.bigslide ul#slidepreview li.intro_slide .intro_intro, #section.bigslide ul#slidepreview li.intro_slide .intro_intro { margin-bottom: 30px; display: block; } } section.bigslide ul#slidepreview li.intro_slide .titolo, #section.bigslide ul#slidepreview li.intro_slide .titolo { position: relative; overflow: hidden; display: block; padding: 0 0 20px; font-family: 'Open Sans', sans-serif; font-size: 2.7em; color: #F9F7F3; font-weight: 700; line-height: 1.2em; letter-spacing: 0.02em; } @media only screen and (max-width: 1250px) { section.bigslide ul#slidepreview li.intro_slide .titolo, #section.bigslide ul#slidepreview li.intro_slide .titolo { font-size: 2.2vw; } } @media only screen and (max-width: 780px) { section.bigslide ul#slidepreview li.intro_slide .titolo, #section.bigslide ul#slidepreview li.intro_slide .titolo { font-size: 1.8em; padding: 0 0 30px; } } section.bigslide ul#slidepreview li.intro_slide a, #section.bigslide ul#slidepreview li.intro_slide a { display: block; font-family: 'Open Sans', sans-serif; font-size: 2em; color: #F9F7F3; font-weight: 400; line-height: 1.2em; letter-spacing: 0.02em; } section.bigslide ul#slidepreview li.form_slide, #section.bigslide ul#slidepreview li.form_slide { position: relative; overflow: hidden; z-index: 99 !important; margin: 10% 12vw; width: 35%; max-width: 450px; height: auto; padding: 20px 30px; background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(4px); font-family: 'Open Sans', sans-serif; font-size: 0.8rem; color: #F9F7F3; font-weight: 400; line-height: 1.7em; letter-spacing: 0.04em; -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, .2); -moz-box-shadow: 0px 3px 20px rgba(0, 0, 0, .2); box-shadow: 0px 3px 20px rgba(0, 0, 0, .2); border-radius: 3px; color: #000; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease; } section.bigslide ul#slidepreview li.form_slide .openBottone, #section.bigslide ul#slidepreview li.form_slide .openBottone { width: 94%; margin: 0; font-size: 1rem; line-height: 1rem; padding: calc(50px - 1rem) 3% 50px; vertical-align: middle; text-align: center; color: #BC1823; font-weight: 700; display: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background-color: transparent; } section.bigslide ul#slidepreview li.form_slide .openBottone span, #section.bigslide ul#slidepreview li.form_slide .openBottone span { font-size: 2rem; transform: translateY(10px) rotate(0deg); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } section.bigslide ul#slidepreview li.form_slide .openBottone:hover, #section.bigslide ul#slidepreview li.form_slide .openBottone:hover { background-color: #BC1823; color: #F9F7F3; } @media only screen and (max-width: 1250px) { section.bigslide ul#slidepreview li.form_slide, #section.bigslide ul#slidepreview li.form_slide { font-size: 1.2vw; right: 5vw; } } @media only screen and (max-width: 1000px) { section.bigslide ul#slidepreview li.form_slide, #section.bigslide ul#slidepreview li.form_slide { padding: 0 40px; position: fixed; top: calc(100vh - 100px); width: calc(100% - 80px); max-width: none; margin: 0; left: 0; z-index: 9999; transform: translateY(calc(0% + 0px)); background: rgba(255, 255, 255, 0.9); } section.bigslide ul#slidepreview li.form_slide .openBottone, #section.bigslide ul#slidepreview li.form_slide .openBottone { display: block; } section.bigslide ul#slidepreview li.form_slide #form_results .sottotitolo, #section.bigslide ul#slidepreview li.form_slide #form_results .sottotitolo { display: none; } section.bigslide ul#slidepreview li.form_slide.attivo, #section.bigslide ul#slidepreview li.form_slide.attivo { transform: translateY(calc(-100% + 100px)); } section.bigslide ul#slidepreview li.form_slide.attivo::before, #section.bigslide ul#slidepreview li.form_slide.attivo::before { width: 100vw; height: 100wh; background-color: rgba(0, 0, 0, 0.2); } section.bigslide ul#slidepreview li.form_slide.attivo span, #section.bigslide ul#slidepreview li.form_slide.attivo span { transform: translateY(10px) rotate(180deg) !important; } } section.bigslide ul#slidepreview li.form_slide .titolo, #section.bigslide ul#slidepreview li.form_slide .titolo { position: relative; overflow: hidden; display: block; padding: 0 0 20px; font-family: 'Open Sans', sans-serif; font-size: 1.6rem; color: #F9F7F3; font-weight: 700; line-height: 1.2em; letter-spacing: 0.02em; } @media only screen and (max-width: 1250px) { section.bigslide ul#slidepreview li.form_slide .titolo, #section.bigslide ul#slidepreview li.form_slide .titolo { font-size: 2.2vw; } } @media only screen and (max-width: 780px) { section.bigslide ul#slidepreview li.form_slide .titolo, #section.bigslide ul#slidepreview li.form_slide .titolo { font-size: 1.8em; padding: 20px 30px; } } section.bigslide ul#slidepreview li.form_slide .testo, #section.bigslide ul#slidepreview li.form_slide .testo { font-size: 1rem; line-height: 1.3rem; } section.bigslide ul#slidepreview li.form_slide .sottotitolo, #section.bigslide ul#slidepreview li.form_slide .sottotitolo { font-size: 1.6rem; line-height: 2rem; } section.bigslide ul#slidepreview li.form_slide .privacy, #section.bigslide ul#slidepreview li.form_slide .privacy { line-height: 1.3rem; } section.bigslide ul#slidepreview li.form_slide a, #section.bigslide ul#slidepreview li.form_slide a { font-weight: 400; color: #000; } section.bigslide ul#slidepreview li.form_slide a.btn, #section.bigslide ul#slidepreview li.form_slide a.btn { display: table; margin: 70px 0 0 0; padding: 10px 30px; border: 1px solid #F9F7F3; background: #BC1823; color: #F9F7F3; transition: 0.2s; font-size: 1.1em; text-align: center; } section.bigslide ul#slidepreview li.form_slide a.btn:hover, #section.bigslide ul#slidepreview li.form_slide a.btn:hover { background: #000; } section.navigatore, #section.navigatore { margin: 0 auto 0; width: 1260px; } @media only screen and (max-width: 1410px) { section.navigatore, #section.navigatore { max-width: 100%; } } @media only screen and (max-width: 1000px) { section.navigatore, #section.navigatore { width: 94vw; } } section.navigatore.under-slide, #section.navigatore.under-slide { margin: 0 auto; } section.navigatore ul, #section.navigatore ul { position: relative; overflow: hidden; margin: 0 auto; padding: 10px 20px; border-top: 1px solid #988f82; border-right: none; border-bottom: 1px solid #988f82; border-left: none; } section.navigatore ul li, #section.navigatore ul li { list-style: none; display: inline; margin: 0 5px 0 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #000; font-weight: 400; line-height: 20px; letter-spacing: 0.04em; text-transform: uppercase; } section.navigatore ul li a, #section.navigatore ul li a { color: #000; text-decoration: none; } section.navigatore ul li a:hover, #section.navigatore ul li a:hover { color: #e32431; text-decoration: none; } section.navigatore ul li:after, #section.navigatore ul li:after { content: " ▶︎"; margin: 0 0 0 5px; font-size: 0.7em; color: #716F6B; } section.navigatore ul li:nth-last-child(1):after, #section.navigatore ul li:nth-last-child(1):after { content: none; } section.highlight, #section.highlight { background: #988f82; } section.highlight ul, #section.highlight ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -webkit-justify-content: justify; justify-content: space-between; -ms-flex-pack: justify; margin: 0 auto; padding: 0; width: 1260px; } @media only screen and (max-width: 1410px) { section.highlight ul, #section.highlight ul { max-width: 100%; } } @media only screen and (max-width: 780px) { section.highlight ul, #section.highlight ul { /*.direction(column);*/ display: none; } } section.highlight ul li, #section.highlight ul li { position: relative; overflow: visible; list-style: none; width: calc(25% - 80px); margin: 0 auto; padding: 20px; font-family: 'Open Sans', sans-serif; font-size: 1.5em; color: #F9F7F3; font-weight: 400; line-height: 1.2em; letter-spacing: 0.04em; letter-spacing: 50%; text-align: center; text-transform: uppercase; } section.highlight ul li .tit, #section.highlight ul li .tit { display: block; margin-bottom: 10px; font-family: 'Open Sans', sans-serif; font-size: 1.4em; color: #BC1823; font-weight: 700; line-height: 1.2em; letter-spacing: 0.04em; } section.highlight ul li::after, #section.highlight ul li::after { content: ""; position: absolute; overflow: hidden; width: 2px; right: 0; top: 20px; bottom: 20px; background: #988f82; transform: skewX(-20deg); } section.highlight ul li:nth-last-child(1)::after, #section.highlight ul li:nth-last-child(1)::after { display: none; } section.elencofoto, #section.elencofoto { margin: 20px 0 40px 0; padding-top: 20px; background-color: #ffffff; } section.elencofoto ul, #section.elencofoto ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: flex-start; -ms-flex-pack: start; -webkit-justify-content: flex-start; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 30px -15px 0; padding: 0; } @media only screen and (max-width: 700px) { section.elencofoto ul, #section.elencofoto ul { margin: 30px -10px 0; } section.elencofoto ul.index li:nth-child(1n + 9), #section.elencofoto ul.index li:nth-child(1n + 9) { display: none; } } section.elencofoto ul li, #section.elencofoto ul li { position: relative; overflow: hidden; list-style: none; margin: 15px; padding: 0; width: calc((100% / 5) - 50px); border: 5px solid #625b52; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); /*min-width:100px;*/ } @media only screen and (max-width: 700px) { section.elencofoto ul li, #section.elencofoto ul li { margin: 10px; width: calc((100% / 3) - 30px); border: 5px solid #625b52; } } section.elencofoto ul li a, #section.elencofoto ul li a { display: block; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } section.elencofoto ul li a::after, #section.elencofoto ul li a::after { content: " "; display: block; padding-top: 100%; } section.elencofoto ul li a:hover::before, #section.elencofoto ul li a:hover::before { content: "＋"; position: absolute; overflow: hidden; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; background: #afa89e; font-family: 'Open Sans', sans-serif; font-size: 1.4em; color: #F9F7F3; font-weight: 300; line-height: 50px; letter-spacing: 0.04em; text-align: center; } section.elencofoto ul li a.immagine, #section.elencofoto ul li a.immagine { margin: 0; } section.elencofoto ul li:nth-last-child(1), #section.elencofoto ul li:nth-last-child(1) { margin-right: auto; } section.blocchi-home, #section.blocchi-home { /* fine article */ } section.blocchi-home.rosso, #section.blocchi-home.rosso { background: #BC1823; } section.blocchi-home.rosso article .titolo, #section.blocchi-home.rosso article .titolo { color: #F9F7F3; } section.blocchi-home article, #section.blocchi-home article, section.blocchi-home #article, #section.blocchi-home #article { position: relative; overflow: hidden; width: 1260px; margin: 80px auto; text-align: center; } @media only screen and (max-width: 1410px) { section.blocchi-home article, #section.blocchi-home article, section.blocchi-home #article, #section.blocchi-home #article { max-width: 100%; } } @media only screen and (max-width: 1000px) { section.blocchi-home article, #section.blocchi-home article, section.blocchi-home #article, #section.blocchi-home #article { width: 90%; padding: 0 5%; margin: 40px auto; } } section.blocchi-home article ul, #section.blocchi-home article ul, section.blocchi-home #article ul, #section.blocchi-home #article ul { padding: 0; margin-top: 40px !important; } section.blocchi-home article ul li, #section.blocchi-home article ul li, section.blocchi-home #article ul li, #section.blocchi-home #article ul li { position: relative; overflow: hidden; list-style: none; width: calc((100% / 3) - 80px); margin: 0 20px 50px; padding: 20px; background: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 1em; color: #000; font-weight: 400; line-height: 1.8em; letter-spacing: 0.04em; text-align: left; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); border-radius: 5px; } section.blocchi-home article ul li a.titolo, #section.blocchi-home article ul li a.titolo, section.blocchi-home #article ul li a.titolo, #section.blocchi-home #article ul li a.titolo { display: block; margin: 0 0 25px; font-family: 'Open Sans', sans-serif; font-size: 1.8em; color: #dddad6; font-weight: 400; line-height: 1.2em; letter-spacing: 0.02em; } section.blocchi-home article ul li a.titolo:hover, #section.blocchi-home article ul li a.titolo:hover, section.blocchi-home #article ul li a.titolo:hover, #section.blocchi-home #article ul li a.titolo:hover { color: #BC1823; } section.blocchi-home article ul li a.link, #section.blocchi-home article ul li a.link, section.blocchi-home #article ul li a.link, #section.blocchi-home #article ul li a.link { position: absolute; overflow: hidden; bottom: 20px; padding: 0 0 0 22px; font-family: 'Open Sans', sans-serif; font-size: 1.1em; color: #dddad6; font-weight: 400; line-height: 20px; letter-spacing: 0.04em; text-transform: uppercase; } section.blocchi-home article ul li a.link::before, #section.blocchi-home article ul li a.link::before, section.blocchi-home #article ul li a.link::before, #section.blocchi-home #article ul li a.link::before { content: ""; position: absolute; overflow: hidden; left: 0; top: 5px; width: 10px; height: 10px; background: #BC1823; } section.blocchi-home article ul li a.link:hover, #section.blocchi-home article ul li a.link:hover, section.blocchi-home #article ul li a.link:hover, #section.blocchi-home #article ul li a.link:hover { color: #BC1823; } section.blocchi-home article ul li a.link:hover::before, #section.blocchi-home article ul li a.link:hover::before, section.blocchi-home #article ul li a.link:hover::before, #section.blocchi-home #article ul li a.link:hover::before { background: #988f82; } section.submenu, #section.submenu { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; width: 1260px; margin: 0 auto; padding: 50px 0 0 0; /*article*/ } @media only screen and (max-width: 1410px) { section.submenu, #section.submenu { max-width: 100%; } } @media only screen and (max-width: 700px) { section.submenu, #section.submenu { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } @media only screen and (max-width: 700px) { section.submenu, #section.submenu { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.submenu article, #section.submenu article, section.submenu #article, #section.submenu #article { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } @media only screen and (max-width: 1260px) { section.submenu article, #section.submenu article, section.submenu #article, #section.submenu #article { padding: 20px; } } @media only screen and (max-width: 700px) { section.submenu article, #section.submenu article, section.submenu #article, #section.submenu #article { width: calc(100% - 40px); } } section.submenu article img, #section.submenu article img, section.submenu #article img, #section.submenu #article img { display: block; max-width: 100%; margin-bottom: 30px; } section.submenu article img.dx, #section.submenu article img.dx, section.submenu #article img.dx, #section.submenu #article img.dx, section.submenu article img.sx, #section.submenu article img.sx, section.submenu #article img.sx, #section.submenu #article img.sx { margin-top: 0; margin-bottom: auto; max-width: 40%; } section.submenu article h1, #section.submenu article h1, section.submenu #article h1, #section.submenu #article h1 { font-family: 'Open Sans', sans-serif !important; font-size: 3rem !important; color: #BC1823 !important; font-weight: 900 !important; line-height: 1.3em !important; letter-spacing: 0.02em !important; margin: 0 0 24px 0; } section.submenu article h2, #section.submenu article h2, section.submenu #article h2, #section.submenu #article h2 { font-family: 'Open Sans', sans-serif !important; font-size: 1.6rem !important; color: #7e7569 !important; font-weight: 400 !important; line-height: 1.5em !important; letter-spacing: 0.02em !important; margin: 0 0 18px 0; } section.submenu.dettaglio, #section.submenu.dettaglio { padding: 100px 0 60px; /*ul.allegati*/ } section.submenu.dettaglio .servTitolo, #section.submenu.dettaglio .servTitolo { display: flex; align-items: center; flex-direction: column; text-align: center; } @media only screen and (max-width: 780px) { section.submenu.dettaglio .servTitolo, #section.submenu.dettaglio .servTitolo { flex-direction: column; } } section.submenu.dettaglio .servTitolo .cont-img, #section.submenu.dettaglio .servTitolo .cont-img { width: 180px; margin: 0; margin-right: 50px; } section.submenu.dettaglio .servTitolo.team .cont-img, #section.submenu.dettaglio .servTitolo.team .cont-img { width: 320px; } section.submenu.dettaglio .corpo, #section.submenu.dettaglio .corpo { clear: both; } section.submenu.dettaglio .corpo h1, #section.submenu.dettaglio .corpo h1, section.submenu.dettaglio .corpo h2, #section.submenu.dettaglio .corpo h2, section.submenu.dettaglio .corpo h3, #section.submenu.dettaglio .corpo h3, section.submenu.dettaglio .corpo h4, #section.submenu.dettaglio .corpo h4 { color: #BC1823; font-weight: 900; } section.submenu.dettaglio .cont-img, #section.submenu.dettaglio .cont-img { position: relative; overflow: visible; display: block; float: left; margin: 60px 0 60px 0; width: 100%; } section.submenu.dettaglio .cont-img picture, #section.submenu.dettaglio .cont-img picture, section.submenu.dettaglio .cont-img #picture, #section.submenu.dettaglio .cont-img #picture { position: relative; overflow: hidden; height: 100%; } section.submenu.dettaglio .cont-img picture img, #section.submenu.dettaglio .cont-img picture img, section.submenu.dettaglio .cont-img #picture img, #section.submenu.dettaglio .cont-img #picture img { display: block; margin: 0; width: 100%; } section.submenu.dettaglio .cont-img.quad::before, #section.submenu.dettaglio .cont-img.quad::before { content: ""; display: block; padding-top: 100%; } section.submenu.dettaglio .cont-img.quad picture, #section.submenu.dettaglio .cont-img.quad picture, section.submenu.dettaglio .cont-img.quad #picture, #section.submenu.dettaglio .cont-img.quad #picture { position: absolute; overflow: hidden; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } section.submenu.dettaglio .cont-img.quad picture img, #section.submenu.dettaglio .cont-img.quad picture img, section.submenu.dettaglio .cont-img.quad #picture img, #section.submenu.dettaglio .cont-img.quad #picture img { position: absolute; margin: auto auto; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; /*queste caratteristiche sotto x effetto COVER*/ max-width: 10000% !important; min-width: 1000%; min-height: 1000%; -webkit-transform: scale(0.1); transform: scale(0.1); object-fit: cover; /*queste caratteristiche sotto x effetto CONTAIN max-width: 10%; max-height: 10%; -webkit-transform:scale(10); transform: scale(10);*/ } @media only screen and (max-width: 1000px) { section.submenu.dettaglio .cont-img, #section.submenu.dettaglio .cont-img { float: none; width: 100%; } } section.submenu.dettaglio .cont-img img.big, #section.submenu.dettaglio .cont-img img.big { width: 100%; } section.submenu.dettaglio .cont-img .th-dett, #section.submenu.dettaglio .cont-img .th-dett { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 30px -5px 0; width: calc(100% + 10px); } section.submenu.dettaglio .cont-img .th-dett a, #section.submenu.dettaglio .cont-img .th-dett a { display: block; width: calc(20% - 12px); margin: 0 5px; background-position: 50% 50%; background-size: contain; background-repeat: no-repeat; background-color: #F9F7F3; border: 1px solid #7e7569; } section.submenu.dettaglio .cont-img .th-dett a::after, #section.submenu.dettaglio .cont-img .th-dett a::after { content: ""; display: block; padding-top: 100%; } section.submenu.dettaglio ul.allegati, #section.submenu.dettaglio ul.allegati { position: relative; overflow: hidden; display: block; margin: 30px 0; padding: 5px; border-top: 1px solid #988f82; border-right: none; border-bottom: none; border-left: none; } section.submenu.dettaglio ul.allegati li, #section.submenu.dettaglio ul.allegati li { list-style: none; display: inline; margin: 0 5px 0 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #BC1823; font-weight: 400; line-height: 20px; letter-spacing: 0.04em; text-transform: uppercase; white-space: nowrap; } section.submenu.dettaglio ul.allegati li a, #section.submenu.dettaglio ul.allegati li a { color: #BC1823; text-decoration: none; } section.submenu.dettaglio ul.allegati li a:hover, #section.submenu.dettaglio ul.allegati li a:hover { color: #988f82; text-decoration: none; } section.submenu.dettaglio ul.allegati li:after, #section.submenu.dettaglio ul.allegati li:after { content: " |"; margin: 0 0 0 5px; font-size: 1em; color: #988f82; } section.submenu.dettaglio ul.allegati li:nth-last-child(1):after, #section.submenu.dettaglio ul.allegati li:nth-last-child(1):after { content: none; } section.gen article, #section.gen article, section.gen #article, #section.gen #article { position: relative; overflow: hidden; width: 1260px; /*max-width:960px;*/ margin: 0 auto; padding: 10px 0 70px 0; } @media only screen and (max-width: 1410px) { section.gen article, #section.gen article, section.gen #article, #section.gen #article { max-width: 100%; } } @media only screen and (max-width: 1420px) { section.gen article, #section.gen article, section.gen #article, #section.gen #article { max-width: 90%; } } section.gen article h1, #section.gen article h1, section.gen #article h1, #section.gen #article h1 { font-family: 'Open Sans', sans-serif !important; font-size: 2rem !important; color: #BC1823 !important; font-weight: 400 !important; line-height: 1.4em !important; letter-spacing: 0.02em !important; margin: 24px 0; } section.gen article h2, #section.gen article h2, section.gen #article h2, #section.gen #article h2 { font-family: 'Open Sans', sans-serif !important; font-size: 1.6rem !important; color: #afa89e !important; font-weight: 400 !important; line-height: 1.4em !important; letter-spacing: 0.02em !important; margin: 18px 0; } section.gen article h3, #section.gen article h3, section.gen #article h3, #section.gen #article h3 { font-family: 'Open Sans', sans-serif !important; font-size: 1.2rem !important; color: #e32431 !important; font-weight: 400 !important; line-height: 1.4em !important; letter-spacing: 0.02em !important; margin: 14px 0; } @media only screen and (max-width: 1250px) { section.gen article, #section.gen article, section.gen #article, #section.gen #article { width: 90%; padding: 70px 5%; } } @media only screen and (max-width: 599px) { section.gen article img, #section.gen article img, section.gen #article img, #section.gen #article img { float: none !important; margin: 20px 0 !important; width: 100% !important; } } section.gen article blockquote, #section.gen article blockquote, section.gen #article blockquote, #section.gen #article blockquote { margin: 30px auto; width: 80%; padding: 10%; background: grigio05; font-family: 'Open Sans', sans-serif; font-size: 1.3vw; color: #afa89e; font-weight: 400; line-height: 1.5em; letter-spacing: 0.04em; text-align: center; font-style: italic; } @media only screen and (max-width: 959px) { section.gen article blockquote, #section.gen article blockquote, section.gen #article blockquote, #section.gen #article blockquote { font-size: calc(14px + .5vw); } } section.gen article blockquote::before, #section.gen article blockquote::before, section.gen #article blockquote::before, #section.gen #article blockquote::before, section.gen article blockquote::after, #section.gen article blockquote::after, section.gen #article blockquote::after, #section.gen #article blockquote::after { content: ""; position: relative; overflow: hidden; margin: 20px auto 19px; display: block; width: 30%; height: 1; border-top: 1px solid #afa89e; } section.gen article blockquote strong, #section.gen article blockquote strong, section.gen #article blockquote strong, #section.gen #article blockquote strong { color: #BC1823; } section.gen article iframe, #section.gen article iframe, section.gen #article iframe, #section.gen #article iframe, section.gen article img, #section.gen article img, section.gen #article img, #section.gen #article img { position: relative; overflow: hidden; display: block; max-width: 100%; margin-left: auto; margin-right: auto; } section.gen article ul.blocchi, #section.gen article ul.blocchi, section.gen #article ul.blocchi, #section.gen #article ul.blocchi { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; margin: 40px 0; padding: 0; } section.gen article ul.blocchi li, #section.gen article ul.blocchi li, section.gen #article ul.blocchi li, #section.gen #article ul.blocchi li { list-style: none; margin: 0; padding: 20px; background: #7e7569; font-size: 1.1em; } section.gen article ul.blocchi.due li, #section.gen article ul.blocchi.due li, section.gen #article ul.blocchi.due li, #section.gen #article ul.blocchi.due li { width: 35%; } section.gen article ul.blocchi.tre li, #section.gen article ul.blocchi.tre li, section.gen #article ul.blocchi.tre li, #section.gen #article ul.blocchi.tre li { width: 25%; } section.gen article ul.blocchi.quattro li, #section.gen article ul.blocchi.quattro li, section.gen #article ul.blocchi.quattro li, #section.gen #article ul.blocchi.quattro li { width: 15%; } section.contatti, #section.contatti { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; width: 1260px; margin: 0 auto; padding: 50px 0 ; /*article*/ } @media only screen and (max-width: 1410px) { section.contatti, #section.contatti { max-width: 100%; } } @media only screen and (max-width: 700px) { section.contatti, #section.contatti { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.contatti article, #section.contatti article, section.contatti #article, #section.contatti #article { width: 48%; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; /*intro*/ } section.contatti article .social, #section.contatti article .social, section.contatti #article .social, #section.contatti #article .social { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-box-direction: row; -webkit-box-direction: row; justify-content: flex-start; -ms-justify-content: start; -webkit-justify-content: flex-start; width: auto; height: 44px; padding: 0 30px 0 0; margin: 30px 0 0; background: none; } section.contatti article .social li, #section.contatti article .social li, section.contatti #article .social li, #section.contatti #article .social li { display: block; position: relative; overflow: hidden; width: 44px !important; height: 44px; margin: 0 5px 0 0; padding: 0 !important; background: url(images/ico.png) no-repeat; background-size: 43px auto; } section.contatti article .social li.fb, #section.contatti article .social li.fb, section.contatti #article .social li.fb, #section.contatti #article .social li.fb { background-position: 0 -170px; } section.contatti article .social li.gp, #section.contatti article .social li.gp, section.contatti #article .social li.gp, #section.contatti #article .social li.gp { background-position: 0 -125px; } section.contatti article .social li.yt, #section.contatti article .social li.yt, section.contatti #article .social li.yt, #section.contatti #article .social li.yt { background-position: 0 -225px; } section.contatti article .social li.tw, #section.contatti article .social li.tw, section.contatti #article .social li.tw, #section.contatti #article .social li.tw { background-position: 0 -200px; } section.contatti article .social li.ig, #section.contatti article .social li.ig, section.contatti #article .social li.ig, #section.contatti #article .social li.ig { background-position: 0 -256px; } section.contatti article .social li a, #section.contatti article .social li a, section.contatti #article .social li a, #section.contatti #article .social li a { display: block; padding: 50px 0 0 ; } section.contatti article .social li::before, #section.contatti article .social li::before, section.contatti #article .social li::before, #section.contatti #article .social li::before { display: none; } @media only screen and (max-width: 1460px) { section.contatti article, #section.contatti article, section.contatti #article, #section.contatti #article { width: calc(70% - 20px); padding: 0 20px 0 0; } } @media only screen and (max-width: 1250px) { section.contatti article, #section.contatti article, section.contatti #article, #section.contatti #article { width: calc(100vw - 360px) !important; } section.contatti article.solotit, #section.contatti article.solotit, section.contatti #article.solotit, #section.contatti #article.solotit { width: calc(75% - 20px) !important; } } @media only screen and (max-width: 700px) { section.contatti article, #section.contatti article, section.contatti #article, #section.contatti #article { width: 94vw !important; padding: 0 3vw; margin-bottom: 40px; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } section.contatti article img, #section.contatti article img, section.contatti #article img, #section.contatti #article img { display: block; max-width: 100%; margin-top: 30px; margin-bottom: 30px; } section.contatti article img.dx, #section.contatti article img.dx, section.contatti #article img.dx, #section.contatti #article img.dx, section.contatti article img.sx, #section.contatti article img.sx, section.contatti #article img.sx, #section.contatti #article img.sx { margin-top: 0; margin-bottom: auto; max-width: 40%; } section.contatti article .intro, #section.contatti article .intro, section.contatti #article .intro, #section.contatti #article .intro { font-size: 1.2em; } section.contatti article h1, #section.contatti article h1, section.contatti #article h1, #section.contatti #article h1 { font-family: 'Open Sans', sans-serif; font-size: 3rem; color: #BC1823; font-weight: 700; line-height: 1.3em; letter-spacing: 0.04em; } section.contatti article h2, #section.contatti article h2, section.contatti #article h2, #section.contatti #article h2 { font-family: 'Open Sans', sans-serif; font-size: 1.6rem; color: #7e7569; font-weight: 400; line-height: 1.5em; letter-spacing: 0.02em; } section.contatti aside, #section.contatti aside, section.contatti #aside, #section.contatti #aside { width: 48%; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; padding-right: 24px; /*h2*/ /*h2*/ } @media only screen and (max-width: 700px) { section.contatti aside, #section.contatti aside, section.contatti #aside, #section.contatti #aside { width: 94vw !important; padding: 0 3vw; margin-bottom: 40px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } section.contatti aside h2, #section.contatti aside h2, section.contatti #aside h2, #section.contatti #aside h2, section.contatti aside .titolo, #section.contatti aside .titolo, section.contatti #aside .titolo, #section.contatti #aside .titolo { display: none !important; } } section.contatti aside h2, #section.contatti aside h2, section.contatti #aside h2, #section.contatti #aside h2, section.contatti aside .titolo, #section.contatti aside .titolo, section.contatti #aside .titolo, #section.contatti #aside .titolo { font-family: 'Open Sans', sans-serif; font-size: 2.4em; color: #BC1823; font-weight: 700; line-height: 1.2em; letter-spacing: 0.02em; } section.contatti aside .sottotitolo, #section.contatti aside .sottotitolo, section.contatti #aside .sottotitolo, #section.contatti #aside .sottotitolo { font-family: 'Open Sans', sans-serif; font-size: 1.7em; color: #afa89e; font-weight: 400; line-height: 1.2em; letter-spacing: 0.02em; } section.contatti aside #mappa, #section.contatti aside #mappa, section.contatti #aside #mappa, #section.contatti #aside #mappa { position: relative; overflow: hidden; width: 100%; height: 100%; } section.contatti aside ul.contatti, #section.contatti aside ul.contatti, section.contatti #aside ul.contatti, #section.contatti #aside ul.contatti { margin: 30px auto 0; padding: 0; } section.contatti aside ul.contatti li, #section.contatti aside ul.contatti li, section.contatti #aside ul.contatti li, #section.contatti #aside ul.contatti li { position: relative; overflow: hidden; display: block; list-style: none; margin: 0 0 10px; padding: 0; background: #7e7569; font-family: 'Open Sans', sans-serif; font-size: 1.2em; color: #dddad6; font-weight: 400; line-height: 1.2em; letter-spacing: 0.04em; text-align: center; text-transform: uppercase; } section.contatti aside ul.contatti li a, #section.contatti aside ul.contatti li a, section.contatti #aside ul.contatti li a, #section.contatti #aside ul.contatti li a { display: block; margin: 15px auto; color: #dddad6; } section.contatti aside ul.contatti li a strong, #section.contatti aside ul.contatti li a strong, section.contatti #aside ul.contatti li a strong, #section.contatti #aside ul.contatti li a strong { text-transform: none; } section.approfondimento main, #section.approfondimento main, section.approfondimento #main, #section.approfondimento #main, section.approfondimento article, #section.approfondimento article, section.approfondimento #article, #section.approfondimento #article { width: 1260px; margin: 0 auto; padding: 80px 0; } @media only screen and (max-width: 1410px) { section.approfondimento main, #section.approfondimento main, section.approfondimento #main, #section.approfondimento #main, section.approfondimento article, #section.approfondimento article, section.approfondimento #article, #section.approfondimento #article { max-width: 100%; } } section.approfondimento main div, #section.approfondimento main div, section.approfondimento #main div, #section.approfondimento #main div, section.approfondimento article div, #section.approfondimento article div, section.approfondimento #article div, #section.approfondimento #article div { align-items: center; width: calc(100% - 20px); padding: 0 11px; } section.approfondimento main div .textBox h2, #section.approfondimento main div .textBox h2, section.approfondimento #main div .textBox h2, #section.approfondimento #main div .textBox h2, section.approfondimento article div .textBox h2, #section.approfondimento article div .textBox h2, section.approfondimento #article div .textBox h2, #section.approfondimento #article div .textBox h2 { color: #BC1823; margin-bottom: 50px; } section.approfondimento main div .textBox p, #section.approfondimento main div .textBox p, section.approfondimento #main div .textBox p, #section.approfondimento #main div .textBox p, section.approfondimento article div .textBox p, #section.approfondimento article div .textBox p, section.approfondimento #article div .textBox p, #section.approfondimento #article div .textBox p { font-family: 'Open Sans', sans-serif; font-size: 1.2rem; color: #625b52; font-weight: 300; line-height: 1.4em; letter-spacing: 0.04em; } section.approfondimento main div .textBox p:last-child, #section.approfondimento main div .textBox p:last-child, section.approfondimento #main div .textBox p:last-child, #section.approfondimento #main div .textBox p:last-child, section.approfondimento article div .textBox p:last-child, #section.approfondimento article div .textBox p:last-child, section.approfondimento #article div .textBox p:last-child, #section.approfondimento #article div .textBox p:last-child { color: inherit; } section.approfondimento main div .textBox .bottone p, #section.approfondimento main div .textBox .bottone p, section.approfondimento #main div .textBox .bottone p, #section.approfondimento #main div .textBox .bottone p, section.approfondimento article div .textBox .bottone p, #section.approfondimento article div .textBox .bottone p, section.approfondimento #article div .textBox .bottone p, #section.approfondimento #article div .textBox .bottone p { font-size: 0.9rem; } section.approfondimento main div.imgBox, #section.approfondimento main div.imgBox, section.approfondimento #main div.imgBox, #section.approfondimento #main div.imgBox, section.approfondimento article div.imgBox, #section.approfondimento article div.imgBox, section.approfondimento #article div.imgBox, #section.approfondimento #article div.imgBox { border-radius: 5px; } section.approfondimento.due, #section.approfondimento.due { background-color: #F9F7F3; } /*--------- fine section -------------------*/ footer, #footer { position: relative; overflow: visible; z-index: 3; width: 100%; background: #afa89e; /**/ /*section*/ /* idlab */ } footer section, #footer section, footer #section, #footer #section { position: relative; overflow: hidden; margin: 0 auto; width: 1260px; /* @media only screen and (max-width: 1460px){ padding:50px 5vw; width:90vw; } */ /*indirizzo*/ /*fondo*/ } @media only screen and (max-width: 1410px) { footer section, #footer section, footer #section, #footer #section { max-width: 100%; } } footer section.indirizzo, #footer section.indirizzo, footer #section.indirizzo, #footer #section.indirizzo { position: relative; overflow: hidden; padding: 30px 0; background: #dddad6; transform: translateY(-20px); /*recapiti*/ } @media only screen and (max-width: 1250px) { footer section.indirizzo, #footer section.indirizzo, footer #section.indirizzo, #footer #section.indirizzo { width: 94vw; padding: 40px 3vw; } } footer section.indirizzo ul, #footer section.indirizzo ul, footer #section.indirizzo ul, #footer #section.indirizzo ul { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; padding: 0; margin: 0 auto; width: 100%; } @media only screen and (max-width: 700px) { footer section.indirizzo ul, #footer section.indirizzo ul, footer #section.indirizzo ul, #footer #section.indirizzo ul { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } footer section.indirizzo ul li, #footer section.indirizzo ul li, footer #section.indirizzo ul li, #footer #section.indirizzo ul li { position: relative; overflow: hidden; width: calc(33% - 60px); margin: 0; padding: 0 30px; list-style: none; font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #7e7569; font-weight: 400; line-height: 1.5em; letter-spacing: 0.04em; } @media only screen and (max-width: 1040px) { footer section.indirizzo ul li, #footer section.indirizzo ul li, footer #section.indirizzo ul li, #footer #section.indirizzo ul li { width: 30%; } footer section.indirizzo ul li:nth-child(3), #footer section.indirizzo ul li:nth-child(3), footer #section.indirizzo ul li:nth-child(3), #footer #section.indirizzo ul li:nth-child(3), footer section.indirizzo ul li:nth-child(4), #footer section.indirizzo ul li:nth-child(4), footer #section.indirizzo ul li:nth-child(4), #footer #section.indirizzo ul li:nth-child(4) { display: none; } } @media only screen and (max-width: 700px) { footer section.indirizzo ul li, #footer section.indirizzo ul li, footer #section.indirizzo ul li, #footer #section.indirizzo ul li { width: calc(100% - 60px); margin-bottom: 30px !important; } } footer section.indirizzo ul li .tit, #footer section.indirizzo ul li .tit, footer #section.indirizzo ul li .tit, #footer #section.indirizzo ul li .tit { display: block; margin-bottom: 18px; padding-bottom: 11px; border-bottom: 1px solid #7e7569; font-family: 'Open Sans', sans-serif; font-size: 1.5em; color: #7e7569; font-weight: 400; line-height: 1.1em; letter-spacing: 0.02em; /*text-transform:uppercase;*/ } footer section.indirizzo ul li a, #footer section.indirizzo ul li a, footer #section.indirizzo ul li a, #footer #section.indirizzo ul li a { color: #7e7569; } footer section.indirizzo ul li a:hover, #footer section.indirizzo ul li a:hover, footer #section.indirizzo ul li a:hover, #footer #section.indirizzo ul li a:hover { color: #BC1823; text-decoration: none; } footer section.indirizzo ul li a.tel, #footer section.indirizzo ul li a.tel, footer #section.indirizzo ul li a.tel, #footer #section.indirizzo ul li a.tel, footer section.indirizzo ul li a.mail, #footer section.indirizzo ul li a.mail, footer #section.indirizzo ul li a.mail, #footer #section.indirizzo ul li a.mail, footer section.indirizzo ul li a.fax, #footer section.indirizzo ul li a.fax, footer #section.indirizzo ul li a.fax, #footer #section.indirizzo ul li a.fax { position: relative; overflow: hidden; display: block; height: auto; padding: 0 0 0 25px; background: url(images/ico.png) 0 -448px no-repeat; background-size: 25px auto; } footer section.indirizzo ul li a.tel.tel, #footer section.indirizzo ul li a.tel.tel, footer #section.indirizzo ul li a.tel.tel, #footer #section.indirizzo ul li a.tel.tel, footer section.indirizzo ul li a.mail.tel, #footer section.indirizzo ul li a.mail.tel, footer #section.indirizzo ul li a.mail.tel, #footer #section.indirizzo ul li a.mail.tel, footer section.indirizzo ul li a.fax.tel, #footer section.indirizzo ul li a.fax.tel, footer #section.indirizzo ul li a.fax.tel, #footer #section.indirizzo ul li a.fax.tel { background-position: 0 -395px; } footer section.indirizzo ul li a.tel.fax, #footer section.indirizzo ul li a.tel.fax, footer #section.indirizzo ul li a.tel.fax, #footer #section.indirizzo ul li a.tel.fax, footer section.indirizzo ul li a.mail.fax, #footer section.indirizzo ul li a.mail.fax, footer #section.indirizzo ul li a.mail.fax, #footer #section.indirizzo ul li a.mail.fax, footer section.indirizzo ul li a.fax.fax, #footer section.indirizzo ul li a.fax.fax, footer #section.indirizzo ul li a.fax.fax, #footer #section.indirizzo ul li a.fax.fax { background-position: 0 -395px; } footer section.indirizzo ul li span.fax, #footer section.indirizzo ul li span.fax, footer #section.indirizzo ul li span.fax, #footer #section.indirizzo ul li span.fax { position: relative; overflow: hidden; display: block; height: auto; padding: 0 0 0 25px; background: url(images/ico.png) 0 -498px no-repeat; background-size: 25px auto; color: #7e7569; } footer section.indirizzo ul li ul, #footer section.indirizzo ul li ul, footer #section.indirizzo ul li ul, #footer #section.indirizzo ul li ul { position: relative; overflow: hidden; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; margin: 13px 0 0; padding: 0; width: 100%; } footer section.indirizzo ul li ul li, #footer section.indirizzo ul li ul li, footer #section.indirizzo ul li ul li, #footer #section.indirizzo ul li ul li { display: block; width: 80% !important; margin-bottom: 10px; padding: 0 0 0 20px; font-family: 'Open Sans', sans-serif; font-size: 1em; color: #7e7569; font-weight: 400; line-height: 1.2em; letter-spacing: 0.04em; } footer section.indirizzo ul li ul li::before, #footer section.indirizzo ul li ul li::before, footer #section.indirizzo ul li ul li::before, #footer #section.indirizzo ul li ul li::before { content: " »"; position: absolute; overflow: hidden; left: 4px; color: #988f82; } footer section.indirizzo ul li ul.social, #footer section.indirizzo ul li ul.social, footer #section.indirizzo ul li ul.social, #footer #section.indirizzo ul li ul.social { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-box-direction: row; -webkit-box-direction: row; justify-content: flex-start; -ms-justify-content: start; -webkit-justify-content: flex-start; width: auto; height: 25px; padding: 0 30px 0 0; margin: 30px 0 0; background: none; } footer section.indirizzo ul li ul.social li, #footer section.indirizzo ul li ul.social li, footer #section.indirizzo ul li ul.social li, #footer #section.indirizzo ul li ul.social li { display: block; position: relative; overflow: hidden; width: 25px !important; height: 25px; margin: 0 5px 0 0; padding: 0 !important; background: url(images/ico.png) no-repeat; background-size: 25px auto; } footer section.indirizzo ul li ul.social li.fb, #footer section.indirizzo ul li ul.social li.fb, footer #section.indirizzo ul li ul.social li.fb, #footer #section.indirizzo ul li ul.social li.fb { background-position: 0 -99px; } footer section.indirizzo ul li ul.social li.gp, #footer section.indirizzo ul li ul.social li.gp, footer #section.indirizzo ul li ul.social li.gp, #footer #section.indirizzo ul li ul.social li.gp { background-position: 0 -125px; } footer section.indirizzo ul li ul.social li.yt, #footer section.indirizzo ul li ul.social li.yt, footer #section.indirizzo ul li ul.social li.yt, #footer #section.indirizzo ul li ul.social li.yt { background-position: 0 -225px; } footer section.indirizzo ul li ul.social li.tw, #footer section.indirizzo ul li ul.social li.tw, footer #section.indirizzo ul li ul.social li.tw, #footer #section.indirizzo ul li ul.social li.tw { background-position: 0 -200px; } footer section.indirizzo ul li ul.social li.ig, #footer section.indirizzo ul li ul.social li.ig, footer #section.indirizzo ul li ul.social li.ig, #footer #section.indirizzo ul li ul.social li.ig { background-position: 0 -149px; } footer section.indirizzo ul li ul.social li a, #footer section.indirizzo ul li ul.social li a, footer #section.indirizzo ul li ul.social li a, #footer #section.indirizzo ul li ul.social li a { display: block; padding: 50px 0 0 ; } footer section.indirizzo ul li ul.social li::before, #footer section.indirizzo ul li ul.social li::before, footer #section.indirizzo ul li ul.social li::before, #footer #section.indirizzo ul li ul.social li::before { display: none; } footer section.indirizzo ul li.logo, #footer section.indirizzo ul li.logo, footer #section.indirizzo ul li.logo, #footer #section.indirizzo ul li.logo { position: relative; overflow: hidden; min-width: 100px; padding: 40px 30px 0 30px; margin: 0; background: url(images/logo.png) 25px 0 no-repeat; background-size: auto 40px; } footer section.indirizzo ul li.logo a img, #footer section.indirizzo ul li.logo a img, footer #section.indirizzo ul li.logo a img, #footer #section.indirizzo ul li.logo a img { height: 40px; text-align: center; } footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; padding: 30px 0; background: #afa89e; font-family: 'Open Sans', sans-serif; font-size: 0.9em; color: #7e7569; font-weight: 400; line-height: 24px; letter-spacing: 0.04em; } @media only screen and (max-width: 1000px) { footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { width: 94%; padding: 30px 3% 150px; } } @media only screen and (max-width: 550px) { footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { flex-direction: column; align-content: center; align-items: center; } } footer section.fondo a, #footer section.fondo a, footer #section.fondo a, #footer #section.fondo a { color: #7e7569; } footer section.fondo p, #footer section.fondo p, footer #section.fondo p, #footer #section.fondo p { padding: 0 0 0 30px; } @media only screen and (max-width: 1000px) { footer section.fondo p, #footer section.fondo p, footer #section.fondo p, #footer #section.fondo p { padding: 0; text-align: center; } } footer #idlab, #footer #idlab { position: absolute; overflow: hidden; right: 20px; top: 30px; margin: 0; width: 70px; height: 35px; background: url(images/idlab.png) bottom right no-repeat; filter: invert(1); } footer #idlab a, #footer #idlab a { display: block; padding-top: 32px; } @media only screen and (max-width: 550px) { footer #idlab, #footer #idlab { position: relative; top: 20px; right: 0; } } /*footer*/ form.classic { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; /**/ border: none; padding: 0; margin: 30px 0 0; width: 100%; } form.classic div { width: 100%; padding: 0 !important; margin: 0 0 20px; text-align: left; line-height: 36px; } form.classic div.big { width: 100%; } form.classic div.privacy { width: 100% !important; font-size: 0.9rem; text-align: center; } form.classic div.privacy a { font-size: 1em; color: #BC1823; text-decoration: underline; } form.classic div.privacy a:hover { text-decoration: none; } form.classic div label { font-family: 'Open Sans', sans-serif; font-size: 1em; color: #716F6B; font-weight: 400; line-height: 36px; letter-spacing: 0.02em; } form.classic div label.piccolo { float: left; margin: 8px 30px 8px 0; line-height: 20px !important; } form.classic div input { margin: 0; padding: 0 2%; width: 96%; height: 36px; } form.classic div input.btn { padding: 0; margin: 0px 0 10px; width: 100%; height: 36px; border: none; background: #BC1823; color: #F9F7F3; transition: 0.2s; text-transform: uppercase; font-family: 'Open Sans', sans-serif !important; font-size: 1rem !important; color: #F9F7F3 !important; font-weight: 700 !important; line-height: 36px !important; letter-spacing: 0.02em !important; /*text-transform:uppercase;*/ text-decoration: none; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } form.classic div input.btn:hover { background: #e32431; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; cursor: pointer; } form.classic div input.radio { float: left; width: 20px; height: 20px; margin: 8px 10px 8px 0; } form.classic div select { width: 100%; height: 36px; padding: 0 2%; } form.classic div textarea { width: 96%; height: 100px; padding: 0 2%; margin: 0; } form.classic div input, form.classic div select, form.classic div textarea { display: block; border: 1px #BC1823 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; font-family: 'Open Sans', sans-serif !important; font-size: 1rem !important; color: #dddad6 !important; font-weight: 400 !important; line-height: 36px !important; letter-spacing: 0.04em !important; } form.classic div input.disciplineForm, form.classic div select.disciplineForm, form.classic div textarea.disciplineForm { border: 1px solid #c9c9c9; } form.classic div.txt { margin: 20px 0; line-height: 1.3em; font-size: 0.9em; color: #dddad6; } .swipebox { max-width: 100%; } #cookiePopup { padding: 0 !important; background: rgba(0, 0, 0, 0.7) !important; } #cookiePopup:active #cookieBox { -webkit-box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.6) !important; -moz-box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.6) !important; box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.6) !important; } #cookiePopup #cookieBox { position: absolute !important; overflow: hidden !important; bottom: 0; right: 0; width: calc(100% - 50px) !important; max-width: 640px !important; border: none !important; background: #BC1823 !important; } #cookiePopup #cookieBox #checkboxContainer { padding: 20px 0 !important; } #cookiePopup #cookieBox #checkboxContainer .singleCheckBox { padding: 0 25px 0 0 !important; } #cookiePopup #cookieBox #checkboxContainer .singleCheckBox input { margin: 0 10px 0 0 !important; } #cookiePopup #cookieBox a { text-decoration: underline !important; } #cookiePopup #cookieBox button { border: none !important; font-size: 90% !important; letter-spacing: 0.1em !important; font-weight: 700 !important; color: #F9F7F3; background-color: #ffd200; font-size: 1rem; padding: 10px 20px; cursor: pointer; transition: all 0.5s; } #cookiePopup #cookieBox button:hover { background-color: #F9F7F3; color: #ffd200; } #cookiePopup #cookieBox button.close { margin-left: 10px; background-color: #7e7569; color: #000; } #cookiePopup #cookieBox button.close:hover { background-color: #988f82; color: #F9F7F3; } ul.filada1, ul.filada2, ul.filada3, ul.filada4, ul.filada5 { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; -webkit-justify-content: start; justify-content: start; -ms-flex-pack: start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px !important; padding: 0; width: calc(100% + 20px) !important; justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; } ul.filada1 li, ul.filada2 li, ul.filada3 li, ul.filada4 li, ul.filada5 li { list-style: none; margin: 0 10px 35px !important; padding: 0 !important; width: calc(100% / 5 - 20px) !important; } @media only screen and (min-width: 1921px) { } @media only screen and (max-width: 1260px) { } @media only screen and (max-width: 1000px) { ul.filada1 li, ul.filada2 li, ul.filada3 li, ul.filada4 li, ul.filada5 li { width: calc(100% / 3 - 20px) !important; } } @media only screen and (max-width: 780px) { ul.filada1 li, ul.filada2 li, ul.filada3 li, ul.filada4 li, ul.filada5 li { width: calc(100% / 2 - 20px) !important; } } @media only screen and (max-width: 580px) { ul.filada1 li, ul.filada2 li, ul.filada3 li, ul.filada4 li, ul.filada5 li { width: 100% !important; } } ul.filada4 li { width: calc(100% / 4 - 20px) !important; } @media only screen and (min-width: 1921px) { ul.filada4 li { width: calc(100% / 5 - 20px) !important; } } @media only screen and (max-width: 1000px) { ul.filada4 li { width: calc(100% / 3 - 20px) !important; } } @media only screen and (max-width: 780px) { ul.filada4 li { width: calc(100% / 2 - 20px) !important; } } @media only screen and (max-width: 580px) { ul.filada4 li { width: 100% !important; } } ul.filada3 li { width: calc(100% / 3 - 20px) !important; } ul.filada3 li ul { clear: both; width: 100%; align-items: center; margin: auto; } ul.filada3 li ul .bottone { width: 33%; margin-left: 33%; } @media only screen and (min-width: 1921px) { } @media only screen and (max-width: 1000px) { ul.filada3 li { width: calc(100% / 2 - 20px) !important; } } @media only screen and (max-width: 800px) { ul.filada3 li { width: 100% !important; } } ul.filada2 li { width: calc(100% / 2 - 20px) !important; } @media only screen and (max-width: 780px) { ul.filada2 li { width: 100% !important; } } ul.filada1 li { width: 100% !important; } .blocco01 .int { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-direction: column; justify-content: space-evenly; min-height: 100%; -webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); padding: 15px; border-radius: 5px; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); background: #ffffff; text-align: center; } .blocco01 .int .titolo { font-family: 'Open Sans', sans-serif; font-weight: 900; } .blocco01 .int .immagine { position: relative; overflow: hidden; display: block; width: 100%; margin: 0 auto; } .blocco01 .int .immagine picture, .blocco01 .int .immagine #picture { position: relative; overflow: hidden; height: 100%; } .blocco01 .int .immagine picture img, .blocco01 .int .immagine #picture img { display: block; margin: 0; width: 100%; } .blocco01 .int .immagine.quad::before { content: ""; display: block; padding-top: 100%; } .blocco01 .int .immagine.quad picture, .blocco01 .int .immagine.quad #picture { position: absolute; overflow: hidden; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .blocco01 .int .immagine.quad picture img, .blocco01 .int .immagine.quad #picture img { position: absolute; margin: auto auto; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; /*queste caratteristiche sotto x effetto COVER*/ max-width: 10000% !important; min-width: 1000%; min-height: 1000%; -webkit-transform: scale(0.1); transform: scale(0.1); object-fit: cover; /*queste caratteristiche sotto x effetto CONTAIN max-width: 10%; max-height: 10%; -webkit-transform:scale(10); transform: scale(10);*/ } .blocco01 .int .testo { position: relative; overflow: hidden; display: block; } @media only screen and (max-width: 380px) { .blocco01 .int .testo .mt1 { margin-bottom: 0px !important; } } .blocco01 .int .testo .titolo { font-size: 1.3rem; font-family: 'Open Sans', sans-serif; color: #BC1823; font-weight: 900; text-align: center; } .blocco01 .int .testo a.tit { display: block; margin-bottom: 25px; font-family: 'Open Sans', sans-serif; font-size: 2rem; color: #000; font-weight: 700; line-height: 1.1; letter-spacing: 0.02em; } .blocco01 .int .testo a.tit:hover { color: #BC1823; } .blocco01 .int .bottone { overflow: hidden; bottom: 5px; left: 0; background-color: transparent; color: #BC1823; text-transform: uppercase; text-decoration: underline; font-size: 1.3rem; font-family: 'Cormorant', serif; padding: 0; margin: 0; border-radius: 0; position: absolute; line-height: 2rem; bottom: 0; } .blocco01 .int .bottone:hover { color: #e32431; } .blocco02 .int { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-direction: column; justify-content: flex-start; min-height: 100%; -webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); border-radius: 5px; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); background: #ffffff; text-align: center; } .blocco02 .int .titolo { font-family: 'Open Sans', sans-serif; font-weight: 900; font-size: 1.8rem; } .blocco02 .int .immagine { position: relative; overflow: hidden; display: block; width: 100%; margin: 0 auto; } .blocco02 .int .immagine picture, .blocco02 .int .immagine #picture { position: relative; overflow: hidden; height: 100%; } .blocco02 .int .immagine picture img, .blocco02 .int .immagine #picture img { display: block; margin: 0; width: 100%; } .blocco02 .int .immagine.quad::before { content: ""; display: block; padding-top: 100%; } .blocco02 .int .immagine.quad picture, .blocco02 .int .immagine.quad #picture { position: absolute; overflow: hidden; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; } .blocco02 .int .immagine.quad picture img, .blocco02 .int .immagine.quad #picture img { position: absolute; margin: auto auto; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; /*queste caratteristiche sotto x effetto COVER*/ max-width: 10000% !important; min-width: 1000%; min-height: 1000%; -webkit-transform: scale(0.1); transform: scale(0.1); object-fit: cover; /*queste caratteristiche sotto x effetto CONTAIN max-width: 10%; max-height: 10%; -webkit-transform:scale(10); transform: scale(10);*/ } .blocco02 .int .testo { position: relative; overflow: hidden; display: block; padding: 5px 10px 0; } @media only screen and (max-width: 380px) { .blocco02 .int .testo .mt1 { margin-bottom: 0px !important; } } .blocco02 .int .testo .titolo { font-size: 1.8rem; font-family: 'Open Sans', sans-serif; color: #BC1823; font-weight: 900; text-align: center; } .blocco02 .int .testo a.tit { display: block; margin-bottom: 25px; font-family: 'Open Sans', sans-serif; font-size: 2rem; color: #000; font-weight: 700; line-height: 1.1; letter-spacing: 0.02em; } .blocco02 .int .testo a.tit:hover { color: #BC1823; } .blocco02 .int .bottone { overflow: hidden; bottom: 5px; left: 0; background-color: transparent; color: #BC1823; text-transform: uppercase; text-decoration: underline; font-size: 1.3rem; font-family: 'Cormorant', serif; padding: 0; margin: 0; border-radius: 0; position: absolute; line-height: 2rem; bottom: 0; } .blocco02 .int .bottone:hover { color: #e32431; } .blocco03 .int { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; height: 220px; flex-direction: row; justify-content: space-evenly; align-items: center; min-height: 100%; -webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); border-radius: 5px; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); background: #ffffff; text-align: center; } .blocco03 .int:hover .immagine picture { opacity: 0.8; transform: scale(1.2) !important; } .blocco03 .int .titolo { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #625b52; } .blocco03 .int .immagine { position: absolute; overflow: hidden; height: 220px; left: 0; display: block; width: 50%; margin: 0 auto; -webkit-box-shadow: 4px 0px 8px rgba(0,0,0,.4) inset; -moz-box-shadow: 4px 0px 8px rgba(0,0,0,.4) inset; box-shadow: 4px 0px 8px rgba(0,0,0,.4) inset; transition: 0.5s; } .blocco03 .int .immagine picture, .blocco03 .int .immagine #picture { position: relative; overflow: hidden; height: 100%; } .blocco03 .int .immagine picture img, .blocco03 .int .immagine #picture img { display: block; margin: 0; width: 100%; } .blocco03 .int .immagine.quad::before { content: ""; display: block; padding-top: 100%; } .blocco03 .int .immagine.quad picture, .blocco03 .int .immagine.quad #picture { position: absolute; overflow: hidden; z-index: 1; top: 0%; left: 0%; width: 100%; height: 100%; transform: scale(1.05); -webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); } .blocco03 .int .immagine.quad picture img, .blocco03 .int .immagine.quad #picture img { position: absolute; margin: auto auto; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; /*queste caratteristiche sotto x effetto COVER*/ max-width: 10000% !important; min-width: 1000%; min-height: 1000%; -webkit-transform: scale(0.1); transform: scale(0.1); object-fit: cover; /*queste caratteristiche sotto x effetto CONTAIN max-width: 10%; max-height: 10%; -webkit-transform:scale(10); transform: scale(10);*/ } .blocco03 .int .testo { position: absolute; overflow: hidden; display: block; padding: 15px; width: 45%; right: 0; } @media only screen and (max-width: 380px) { .blocco03 .int .testo .mt1 { margin-bottom: 0px !important; } } .blocco03 .int .testo .titolo { font-size: 1.8rem; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #625b52; text-align: center; } .blocco03 .int .testo a.tit { display: block; margin-bottom: 25px; font-family: 'Open Sans', sans-serif; font-size: 2rem; color: #000; font-weight: 700; line-height: 1.1; letter-spacing: 0.02em; } .blocco03 .int .testo a.tit:hover { color: #BC1823; } .blocco03 .int .bottone { overflow: hidden; bottom: 5px; left: 0; background-color: transparent; color: #BC1823; text-transform: uppercase; text-decoration: underline; font-size: 1.3rem; font-family: 'Cormorant', serif; padding: 0; margin: 0; border-radius: 0; position: absolute; line-height: 2rem; bottom: 0; } .blocco03 .int .bottone:hover { color: #e32431; } .blocco04 .int { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; height: 100%; flex-direction: row; justify-content: space-between; align-items: center; min-height: 100%; -webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); border-radius: 5px; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); -moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.07); background: #ffffff; text-align: center; } .blocco04 .int .titolo { font-family: 'Open Sans', sans-serif; font-weight: 400; color: #625b52; } .blocco04 .int .immagine { position: relative; overflow: hidden; left: 0; width: 50%; margin: 0; -webkit-box-shadow: 4px 0px 8px rgba(0,0,0,.4) inset; -moz-box-shadow: 4px 0px 8px rgba(0,0,0,.4) inset; box-shadow: 4px 0px 8px rgba(0,0,0,.4) inset; transition: 0.5s; } .blocco04 .int .immagine picture, .blocco04 .int .immagine #picture { position: relative; overflow: hidden; height: 100%; } .blocco04 .int .immagine picture img, .blocco04 .int .immagine #picture img { display: block; margin: 0; width: 100%; } .blocco04 .int .immagine.quad::before { content: ""; display: block; padding-top: 100%; } .blocco04 .int .immagine.quad picture, .blocco04 .int .immagine.quad #picture { position: absolute; overflow: hidden; z-index: 1; top: 0%; left: 0%; width: 100%; height: 100%; transform: scale(1.05); -webkit-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 0.56s cubic-bezier(0.52, 0.16, 0.24, 1); } .blocco04 .int .immagine.quad picture img, .blocco04 .int .immagine.quad #picture img { position: absolute; margin: auto auto; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; /*queste caratteristiche sotto x effetto COVER*/ max-width: 10000% !important; min-width: 1000%; min-height: 1000%; -webkit-transform: scale(0.1); transform: scale(0.1); object-fit: cover; /*queste caratteristiche sotto x effetto CONTAIN max-width: 10%; max-height: 10%; -webkit-transform:scale(10); transform: scale(10);*/ } .blocco04 .int .testo { position: relative; overflow: hidden; display: block; padding: 15px; width: 45%; right: 0; } @media only screen and (max-width: 380px) { .blocco04 .int .testo .mt1 { margin-bottom: 0px !important; } } .blocco04 .int .testo .titolo { font-size: 1.8rem; font-family: 'Open Sans', sans-serif; font-weight: 400; color: #625b52; text-align: center; } .blocco04 .int .testo a.tit { display: block; margin-bottom: 25px; font-family: 'Open Sans', sans-serif; font-size: 2rem; color: #000; font-weight: 700; line-height: 1.1; letter-spacing: 0.02em; } .blocco04 .int .testo a.tit:hover { color: #BC1823; } .blocco04 .int .bottone { overflow: hidden; bottom: 5px; left: 0; background-color: transparent; color: #BC1823; text-transform: uppercase; text-decoration: underline; font-size: 1.3rem; font-family: 'Cormorant', serif; padding: 0; margin: 0; border-radius: 0; position: absolute; line-height: 2rem; bottom: 0; } .blocco04 .int .bottone:hover { color: #e32431; } .hov:hover { color: #e32431 !important; }