@font-face { font-family: 'Bai Jamjuree'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIoapSCOBt_aeQQ7ftydoa8W_oGkpox.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIoapSCOBt_aeQQ7ftydoa8W_pikZox.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIrapSCOBt_aeQQ7ftydoa8W8LO.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIoapSCOBt_aeQQ7ftydoa8W_o6kJox.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIoapSCOBt_aeQQ7ftydoa8W_oWl5ox.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIoapSCOBt_aeQQ7ftydoa8W_pylpox.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIqapSCOBt_aeQQ7ftydoa0kePukw.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIqapSCOBt_aeQQ7ftydoa09eDukw.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDI1apSCOBt_aeQQ7ftydoaMWQ.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIqapSCOBt_aeQQ7ftydoa0reHukw.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIqapSCOBt_aeQQ7ftydoa0gebukw.ttf) format('truetype'); } @font-face { font-family: 'Bai Jamjuree'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/baijamjuree/v12/LDIqapSCOBt_aeQQ7ftydoa05efukw.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiAyp8kv8JHgFVrJJLmE3tF.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmv1plEA.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm21llEA.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrJJLedw.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmg1hlEA.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmr19lEA.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLmy15lEA.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm111lEA.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: italic; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiDyp8kv8JHgFVrJJLm81xlEA.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 100; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiGyp8kv8JHgFVrLPTedw.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 200; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLFj_V1s.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 300; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDz8V1s.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiEyp8kv8JHgFVrFJA.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLGT9V1s.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLEj6V1s.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLCz7V1s.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 800; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLDD4V1s.ttf) format('truetype'); } @font-face { font-family: 'Poppins'; font-style: normal; font-weight: 900; font-display: swap; src: url(https://fonts.gstatic.com/s/poppins/v23/pxiByp8kv8JHgFVrLBT5V1s.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHeem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 200; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDAvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCvHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDCdHOem.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 600; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBxG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBIG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBIG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1t-p_4MrImHCIJIZrDBIG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDBIG-em.ttf) format('truetype'); } @font-face { font-family: 'Material Symbols Outlined'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v254/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDBIG-em.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; } .material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; } .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; } .fixvis { position: fixed; overflow: visible; } *, ::before, ::after { -webkit-box-sizing: border-box; box-sizing: border-box; } .ac-only { position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0, 0, 0, 0); } html, body { margin: 0; padding: 0; width: 100%; font-family: "Bai Jamjuree", sans-serif; scroll-behavior: smooth; } html { height: 100%; font-size: 16px; } @media only screen and (max-width: 380px) { html { font-size: 14px; } } *:first-child + html { overflow: auto; } body { overflow: auto; overflow-x: hidden; background: #f5f5f5; } @media only screen and (max-width: 1440px) { body::before { content: ''; position: absolute; overflow: hidden; display: block; top: 0px; left: 0; width: 100%; height: 0px; background: #E7E7E7; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } } body.lock { overflow: hidden; height: 100vh; } p, h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; padding: 0; color: #525252; } p.centro, h1.centro, h2.centro, h3.centro, h4.centro, h5.centro, h6.centro { text-align: center; } p.bianco, h1.bianco, h2.bianco, h3.bianco, h4.bianco, h5.bianco, h6.bianco { color: #f5f5f5 !important; } hr { clear: both; display: block; margin: 0; border: none; border-top: 1px solid #525252; height: 1px; size: 1px; background: none; } hr.margine { margin: 15px 0; } hr.stretto { position: relative; overflow: hidden; margin: 50px auto; width: 850px; } @media only screen and (max-width: 1440px) { hr.stretto { max-width: 86svw; } } @media only screen and (max-width: 850px) { hr.stretto { margin: 20px auto; } } a { outline: none; color: #D21B6A; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /*per eliminare il riquadro al tap dei link*/ transition: 0.2s; } a:hover { color: #D21B6A; } a img { border: none; } /* strong{font-weight:600;} */ table { padding: 0; border-spacing: 0; border: none; border-collapse: collapse; max-width: 100%; background: rgba(0, 0, 0, 0.1); } table tr:nth-child(1) td { font-size: 110%; } table tr:nth-child(2n) td { background: rgba(255, 255, 255, 0.2); } table tr td { vertical-align: center; max-width: auto; border: none; padding: 5px 10px; } /*----------------------------------*/ h1, h2, .titolo { font-family: "Bai Jamjuree", sans-serif; font-size: 2svw; color: #525252; font-weight: 400; line-height: 1.1; font-size: clamp(2rem, 3svw, 3rem); text-wrap: balance; margin: 0.1em 0; } h1.large, h2.large, .titolo.large { font-size: clamp(3.3rem, 4svw, 4rem); } h1.xlarge, h2.xlarge, .titolo.xlarge { font-size: clamp(5rem, 6svw, 6rem); } h1.small, h2.small, .titolo.small { font-size: clamp(2rem, 2.5svw, 2.5rem); } h1.xsmall, h2.xsmall, .titolo.xsmall { font-size: clamp(1.7rem, 2svw, 2rem); } h1 a, h2 a, .titolo a { text-decoration: none; color: #111111; } h1 a:hover, h2 a:hover, .titolo a:hover { color: #525252; } h1 span, h2 span, .titolo span { color: #D21B6A; } .sottotitolo, h3, h4, h5, h6 { font-family: "Poppins", sans-serif; font-size: 2svw; color: #111111; font-weight: 400; line-height: 1.4; font-size: clamp(1.7rem, 2svw, 2rem); margin: 0.1em 0; } .sottotitolo.small, h3.small, h4.small, h5.small, h6.small { font-size: clamp(1.4rem, 1.7svw, 1.7rem); } .sottotitolo.xsmall, h3.xsmall, h4.xsmall, h5.xsmall, h6.xsmall { font-size: clamp(1.2rem, 1.4svw, 1.4rem); } .intro-txt { font-family: "Poppins", sans-serif; font-size: 2svw; color: #525252; font-weight: 400; line-height: 1.4; font-size: clamp(1.1rem, 2svw, 1.3rem); } p { margin: 0.5em 0; } .txtBianco { color: #f5f5f5; } .txtGrigio { color: #525252; } .txtCol01 { color: #D21B6A; } .txtCol02 { color: #3870C0; } .txtCol03 { color: #0B763D; } .txtCol03scuro { color: #054627; } .txt80 { font-size: 80%; } .txt90 { font-size: 90%; } .txt110 { font-size: 110%; } .txt120 { font-size: 120%; } .txtLight { font-weight: 400 !important; } .txtNormal { font-weight: 500 !important; } .txtSemiBold { font-weight: 600 !important; } .txtBold { font-weight: 700 !important; } .maiu { text-transform: uppercase !important; } .maiu strong, .maiu b { color: #D21B6A; font-weight: normal; } .norm { text-transform: none !important; } .txt-centro { text-align: center; } .txt-sx { text-align: left; } .txt-dx { text-align: right; } .txt2colonne { -webkit-columns: auto 2; -moz-columns: auto 2; -ms-columns: auto 2; columns: auto 2; -webkit-column-gap: 2rem; -moz-column-gap: 2rem; -ms-column-gap: 2rem; column-gap: 2rem; /* display: grid; grid-template-rows: 1fr 1fr; grid-auto-flow: column; grid-column-gap: 2rem; */ } @media only screen and (max-width: 850px) { .txt2colonne { -webkit-columns: auto 1; -moz-columns: auto 1; -ms-columns: auto 1; columns: auto 1; -webkit-column-gap: 0; -moz-column-gap: 0; -ms-column-gap: 0; column-gap: 0; } } .txt2colonne p { margin: 0; } .txt3colonne { display: grid; grid-template-rows: 1fr 1fr 1fr; grid-auto-flow: column; grid-column-gap: 2rem; } @media only screen and (max-width: 1440px) { .txt3colonne { grid-template-rows: 1fr 1fr; } } @media only screen and (max-width: 850px) { .txt3colonne { grid-template-rows: 1fr; } } .sx { float: left; max-width: 50%; margin: 0 5vw 3vw 0; } @media only screen and (max-width: 1000px) { .sx { max-width: 40%; } } @media only screen and (max-width: 940px) { .sx { float: none; width: 100%; max-width: 100%; margin: 0 0 2em 0; } } .dx { float: right; max-width: 50%; margin: 0 0 3vw 5vw; } @media only screen and (max-width: 1000px) { .dx { max-width: 40%; } } @media only screen and (max-width: 940px) { .dx { float: none; width: 100%; max-width: 100%; margin: 0 0 2em 0; } } .duecolonne, .trecolonne { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; } @media only screen and (max-width: 900px) { .duecolonne, .trecolonne { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } .duecolonne div, .trecolonne div { width: 100% !important; margin: 1rem 0; } } .duecolonne img, .trecolonne img, .duecolonne iframe, .trecolonne iframe { max-width: 100%; height: auto; margin: 0 !important; } .duecolonne ul, .trecolonne ul { padding: 15px; list-style: none; } .duecolonne ul li, .trecolonne ul li { border-bottom: 1px dotted #E7E7E7; font-size: 0.8em; } .duecolonne div { width: 48%; } .trecolonne div { width: 30%; } .duecolonne table, .trecolonne table, .img-sx table, .img-dx table { padding: 0; border-spacing: 0; border: none; border-collapse: collapse; max-width: 100%; } .duecolonne table td, .trecolonne table td, .img-sx table td, .img-dx table td { vertical-align: top; max-width: auto; } .link { display: inline-block; color: #525252; text-decoration: underline; text-align: center; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); } .link:hover { color: #e95192; } .link .nero { color: #111111; } .intestazione { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -ms-align-items: center; -webkit-align-items: center; column-gap: 2rem; row-gap: 1.5rem; } @media only screen and (max-width: 480px) { .intestazione { justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; } } .intestazione > * { display: block; width: max-content; max-width: 100%; flex-grow: 0; flex-shrink: 0; margin: 1.5rem 0; } @media only screen and (max-width: 480px) { .intestazione > * { margin: 0.5rem 0; } } .intestazione .linea { position: relative; overflow: hidden; height: 2px; background-color: #525252; width: 100%; flex-shrink: 1; } .intestazione .linea:last-child { margin-right: 0; } .intestazione .linea.chiaro { background-color: #525252; } .intestazione .btn_tit { position: relative; overflow: hidden; width: max-content; vertical-align: middle; letter-spacing: 0.1em; font-family: "Bai Jamjuree", sans-serif; font-size: 1rem; color: #525252; font-weight: 500; line-height: 1.7em; } @media only screen and (max-width: 850px) { .intestazione .tit { margin-bottom: 1rem !important; } } @media only screen and (max-width: 480px) { .intestazione .tit { text-align: center; margin-bottom: 0rem !important; } } .btn_round { display: block; width: 54px; height: 54px; border-radius: 50%; background-color: #525252; padding: 15px; } .btn_round span { color: #f5f5f5 !important; } @media only screen and (max-width: 850px) { .btn_round { padding: 11.5px; width: 48px; height: 48px; } } .btn_round .ico { -webkit-transform: scale(0.42); transform: scale(0.42); filter: brightness(1.1); } @media only screen and (max-width: 850px) { .btn_round .ico { -webkit-transform: scale(0.28); transform: scale(0.28); } } .btn_round:hover { background-color: #D21B6A; } .btn_round:hover span { color: #111111 !important; } .fondo-chiaro { position: absolute; overflow: hidden; display: block; z-index: 1; bottom: 0; left: 0; right: 0; height: 100px; width: 100%; background: linear-gradient(to bottom right, transparent 49.7%, #E7E7E7 50.3%); } .fondo-chiaro.bianco { background: linear-gradient(to bottom right, transparent 49.7%, #f5f5f5 50.3%); } .btn_home { position: relative; overflow: visible; color: #525252; text-transform: uppercase; font-size: 1.2rem; font-family: "Poppins", sans-serif; padding-right: calc(22px + 1rem); } .btn_home::after { content: ""; position: absolute; overflow: hidden; display: block; width: 22px; height: 22px; right: 0; top: calc(50% - 14px); background-image: url('/2024/css/images/ico_home.png'); background-position: center; background-size: contain; background-repeat: no-repeat; filter: brightness(0.35); } .btn_home:hover { color: #111111; } .bottone { display: inline-block; width: auto; max-width: -webkit-fill-available; height: min-content; padding: 13px 30px; margin: 0; background: #D21B6A; border: 1.5px solid #D21B6A; font-family: "Bai Jamjuree", sans-serif; font-size: 1rem; color: #f5f5f5; font-weight: 500; line-height: 22px; letter-spacing: 0.1em; vertical-align: middle; text-transform: uppercase; text-decoration: none; text-align: center; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 0.3s cubic-bezier(0.52, 0.16, 0.24, 1); } @media only screen and (max-width: 850px) { .bottone { font-size: 1rem; padding: 8px 20px 7px; } } .bottone .numero { font-size: 1.4rem; text-transform: none; } @media only screen and (max-width: 850px) { .bottone .numero { font-size: 1.2rem; } } .bottone .material-symbols-outlined { font-size: 1.4rem; font-weight: 900; line-height: 100%; display: block; float: left; } .bottone:hover { background: #e95192; border-color: #e95192; color: #f5f5f5; } .bottone.due { background: #3870C0; border-color: #3870C0; color: #f5f5f5; } .bottone.due:hover { background: #53bbe7; border-color: #53bbe7; color: #f5f5f5; } .bottone.tre { background: #0B763D; border-color: #0B763D; color: #f5f5f5; } .bottone.tre:hover { background: #054627; border-color: #054627; color: #f5f5f5; } .bottone.outline { background: transparent; border-color: #525252; color: #181818; } .bottone.outline:hover { color: #181818; background: #f5f5f5; border-color: #525252; } .icon-arrow-down, .icon-arrow-up { position: relative; overflow: hidden; display: block; width: 20px; height: 20px; font-size: 20px; } .icon-arrow-down::before, .icon-arrow-up::before { content: ''; position: absolute; overflow: hidden; display: block; top: 25%; left: 25%; width: 36%; height: 36%; border: 0.07em solid rgba(0, 0, 0, 0.3); border-bottom-color: transparent; border-left-color: transparent; } .icon-arrow-down::before { top: 10%; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .icon-arrow-up::before { top: 40%; -webkit-transform: rotate(315deg); transform: rotate(315deg); } .ico { position: relative; overflow: hidden; display: block; width: 100px; height: 100px; background-image: url('images/ico.png'); background-repeat: no-repeat; -webkit-transform: scale(0.2); transform: scale(0.2); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .ico.fb { background-position: 0 0; } .ico.ig { background-position: 0 -100px; } .ico.yt { background-position: 0 -200px; } .ico.wa { background-position: 0 -300px; } .ico.tel { background-position: 0 -400px; } .ico.mail { background-position: 0 -500px; } .ico.geo { background-position: 0 -600px; } .ico.in { background-position: 0 -700px; } .ico.tt { background-position: 0 -800px; } .ico.tw { background-position: 0 -900px; } /*-----------------------------*/ .filada2, .filada3, .filada4, .filada5 { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: flex-start; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 0 -30px !important; padding: 0; width: calc(100% + 60px) !important; } .filada2.centro, .filada3.centro, .filada4.centro, .filada5.centro { justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } .filada2 > *, .filada3 > *, .filada4 > *, .filada5 > * { list-style: none; margin: 0 30px 30px 30px !important; padding: 0 !important; width: calc(100% / 4 - 60px) !important; } @media only screen and (max-width: 1440px) { .filada2 > *, .filada3 > *, .filada4 > *, .filada5 > * { width: calc(100% / 3 - 60px) !important; } } @media only screen and (max-width: 850px) { .filada2 > *, .filada3 > *, .filada4 > *, .filada5 > * { width: calc(100% / 2 - 60px) !important; } } @media only screen and (max-width: 580px) { .filada2 > *, .filada3 > *, .filada4 > *, .filada5 > * { width: 100% !important; } } .filada4 { /* &:not(.ferma5) { @media only screen and (min-width: 1921px) { >* { width: calc(~"100% / 5 - 60px") !important; } } } */ } .filada4 > * { width: calc(100% / 4 - 60px) !important; } @media only screen and (max-width: 1440px) { .filada4:not(.ferma3) > * { width: calc(100% / 3 - 60px) !important; } } @media only screen and (max-width: 850px) { .filada4:not(.ferma2) > * { width: calc(100% / 2 - 60px) !important; } } @media only screen and (max-width: 580px) { .filada4:not(.ferma1) > * { width: 100% !important; } } .filada3 > * { width: calc(100% / 3 - 60px) !important; } @media only screen and (min-width: 1921px) { .filada3:not(.ferma4) > * { width: calc(100% / 4 - 60px) !important; } } @media only screen and (max-width: 850px) { .filada3:not(.ferma2) > * { width: calc(100% / 2 - 60px) !important; } } @media only screen and (max-width: 580px) { .filada3:not(.ferma1) > * { width: 100% !important; } } .filada2 > * { width: calc(100% / 2 - 60px) !important; } @media only screen and (max-width: 850px) { .filada2:not(.ferma1) > * { width: 100% !important; } } .blocco01 { background-image: url('images/card_background.svg'); background-size: auto 100%; background-position: top left; background-repeat: no-repeat; min-height: 100%; } .blocco01 .int { position: relative; overflow: visible; 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; justify-content: flex-start; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -ms-align-items: center; -webkit-align-items: center; padding: 3rem 2rem; } .blocco01 .int .immagine { position: relative; overflow: hidden; display: block; width: 100%; margin: 0 auto; } .blocco01 .int .immagine::before { content: ''; display: block; padding-top: 100%; } .blocco01 .int .immagine picture, .blocco01 .int .immagine #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } .blocco01 .int .immagine picture img, .blocco01 .int .immagine #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*/ object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1); } .blocco01 .int .testo { position: relative; overflow: hidden; 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; padding-top: 8rem; height: 100%; min-height: 100%; } .blocco01 .int .testo .tit, .blocco01 .int .testo .tit { font-family: "Bai Jamjuree", sans-serif; font-size: 1.5rem; color: #f5f5f5; font-weight: 500; line-height: 1.2; } .blocco01 .int .testo .tit a, .blocco01 .int .testo .tit a { color: #f5f5f5; } .blocco01 .int .testo .intro { margin: auto 0 0 0; font-family: "Poppins", sans-serif; font-size: 1rem; color: #f5f5f5; font-weight: 500; line-height: 1.7em; } .blocco01 .cta { position: absolute; overflow: hidden; display: block; margin-top: auto; width: calc(100% - 4rem); right: 2rem; bottom: 1rem; font-family: "Bai Jamjuree", sans-serif; font-size: 1.1rem; color: #f5f5f5; font-weight: 500; line-height: 1.2; letter-spacing: 0.1em; text-align: right; text-transform: uppercase; border-top: 1.5px solid #f5f5f5; padding-top: 0.5rem; } .blocco02 .int { position: relative; overflow: visible; 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; justify-content: flex-start; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -ms-align-items: center; -webkit-align-items: center; min-height: 100%; } .blocco02 .int .immagine { position: relative; overflow: hidden; display: block; width: 100%; margin: 0 auto; } .blocco02 .int .immagine::before { content: ''; display: block; padding-top: 100%; } .blocco02 .int .immagine picture, .blocco02 .int .immagine #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } .blocco02 .int .immagine picture img, .blocco02 .int .immagine #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: contain; /*queste caratteristiche sotto x effetto CONTAIN object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1);*/ } .blocco02 .int .testo { position: relative; overflow: hidden; 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; padding-top: 1rem; padding-bottom: calc(50px + 2rem); } .blocco02 .int .testo.no-b { padding-bottom: 0; } .blocco02 .int .testo .tit, .blocco02 .int .testo .tit { font-family: "Bai Jamjuree", sans-serif; font-size: 2rem; color: #111111; font-weight: 500; line-height: 1.2; } .blocco02 .int .testo .tit a, .blocco02 .int .testo .tit a { color: #111111; } .blocco02 .int .testo .intro { margin: auto 0 0 0; font-family: "Poppins", sans-serif; font-size: 1rem; color: #111111; font-weight: 400; line-height: 1.7em; text-align: center; } .blocco02 .int .cta { position: absolute; overflow: hidden; bottom: 0; margin: 0 auto; } .blocco03 .int { position: relative; overflow: visible; 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; justify-content: flex-start; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -ms-align-items: center; -webkit-align-items: center; min-height: 100%; } .blocco03 .int .immagine { position: relative; overflow: hidden; display: block; width: 80%; margin: 0 auto; } .blocco03 .int .immagine::before { content: ''; display: block; padding-top: 100%; } .blocco03 .int .immagine picture, .blocco03 .int .immagine #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } .blocco03 .int .immagine picture img, .blocco03 .int .immagine #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*/ object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1); } .blocco03 .int .testo { position: relative; overflow: visible; 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; gap: 1.2rem; text-align: center; } .blocco03 .int .testo .tit { font-family: "Bai Jamjuree", sans-serif; font-size: 1.7rem; color: #111111; font-weight: 500; line-height: 1.1; } .blocco03 .int .testo .subtit { font-family: "Bai Jamjuree", sans-serif; font-size: 1.1rem; color: #111111; font-weight: 500; line-height: 1.1; } .blocco03 .int .testo .mat { position: absolute; overflow: hidden; top: -2rem; left: 0; width: 100%; font-size: 0.8rem; } .blocco03 .int .testo .intro { font-family: "Poppins", sans-serif; font-size: 1rem; color: #111111; font-weight: 400; line-height: 1.7em; } .blocco03 .int .testo .summary { font-family: "Bai Jamjuree", sans-serif; font-size: 1.1rem; color: #525252; font-weight: 500; line-height: 1.1; } .blocco03 .int .testo .cont-colori { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; align-items: center; -ms-align-items: center; -webkit-align-items: center; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; gap: 6px; width: calc(22px * 5 + 24px); margin: 0 auto; } .blocco03 .int .testo .cont-colori .colore { position: relative; overflow: hidden; display: block; border: 2px solid #111111; width: 18px; height: 18px; } .blocco04 { background-image: url('images/card_background.svg'); background-size: auto 100%; background-position: top left; background-repeat: no-repeat; } .blocco04 .int { position: relative; overflow: visible; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; min-height: 100%; } @media only screen and (max-width: 480px) { .blocco04 .int { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } .blocco04 .int .immagine { position: relative; overflow: hidden; display: block; width: 100%; margin: 0 auto; } .blocco04 .int .immagine::before { content: ''; display: block; padding-top: 100%; } @media only screen and (max-width: 480px) { .blocco04 .int .immagine::before { padding-top: 75%; } } .blocco04 .int .immagine picture, .blocco04 .int .immagine #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } .blocco04 .int .immagine picture img, .blocco04 .int .immagine #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 object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1);*/ } .blocco04 .int .testo { position: relative; overflow: hidden; 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; justify-content: flex-end; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; width: 100%; padding: 5rem 2rem 3rem; } @media only screen and (max-width: 480px) { .blocco04 .int .testo { padding-top: 2rem; padding-bottom: 4rem; } } .blocco04 .int .testo > *, .blocco04 .int .testo .intro { margin: auto 0 0 0; font-family: "Poppins", sans-serif; font-size: 1rem; color: #f5f5f5; font-weight: 400; line-height: 1.7em; } .blocco04 .int .testo .tit, .blocco04 .int .testo .tit { font-family: "Bai Jamjuree", sans-serif; font-size: 1.5rem; color: #f5f5f5; font-weight: 500; line-height: 1.2; margin-top: 4rem !important; } .blocco04 .int .testo .tit a, .blocco04 .int .testo .tit a { color: #f5f5f5; } .blocco04 .int .testo .marchio { position: relative; overflow: hidden; display: block; width: 250px; max-width: 100%; margin: 0 auto auto; } @media only screen and (max-width: 480px) { .blocco04 .int .testo .marchio { max-width: 70%; margin: 0 auto auto; } } .blocco04 .int .testo .marchio::before { content: ''; display: block; padding-top: 100%; } .blocco04 .int .testo .marchio picture, .blocco04 .int .testo .marchio #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } .blocco04 .int .testo .marchio picture img, .blocco04 .int .testo .marchio #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*/ object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1); } .blocco04.fullImg .int { position: relative; overflow: hidden; } .blocco04.fullImg .int .immagine { z-index: -1; } .blocco04.fullImg .int .testo { position: absolute; overflow: hidden; z-index: 2; height: min-content; max-height: 100%; bottom: 0; left: 0; background-color: rgba(125, 125, 125, 0.5); padding-top: 3rem !important; transform: skewY(7deg); -webkit-transform: skewY(7deg); -moz-transform: skewY(7deg); } .blocco04.fullImg .int .testo > * { transform: skewY(-7deg); -webkit-transform: skewY(-7deg); -moz-transform: skewY(-7deg); } .blocco04.fullImg .int .testo .tit { margin-top: 0rem !important; } .blocco05 .int { position: relative; overflow: visible; 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; justify-content: flex-start; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -ms-align-items: center; -webkit-align-items: center; min-height: 100%; border: 2px solid #111111; } .blocco05 .int .immagine { position: relative; overflow: hidden; display: block; width: 100%; margin: 0 auto; border-bottom: 2px solid #111111; } .blocco05 .int .immagine::before { content: ''; display: block; padding-top: 100%; } .blocco05 .int .immagine picture, .blocco05 .int .immagine #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } .blocco05 .int .immagine picture img, .blocco05 .int .immagine #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 object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1);*/ } .blocco05 .int .testo { position: relative; overflow: hidden; 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; padding: 0.5rem 1rem; width: 100%; } .blocco05 .int .testo .label { margin: auto 0 0 0; font-family: "Poppins", sans-serif; font-size: 0.9rem; color: #111111; font-weight: 700; line-height: 1.2rem; } .blocco05 .int .testo .num { margin: auto 0 0 0; font-family: "Poppins", sans-serif; font-size: 0.9rem; color: #525252; font-weight: 400; line-height: 1.2rem; } .blocco05 .int .testo .tit, .blocco05 .int .testo .tit { font-family: "Bai Jamjuree", sans-serif; font-size: 1.2rem; color: #111111; font-weight: 500; line-height: 1.6rem; margin-bottom: 0rem !important; } .blocco05 .int .cta { position: absolute; overflow: hidden; bottom: 0; margin: 0 auto; } .minH300 { min-height: 300px; } .minH400 { min-height: 400px; } .minH500 { min-height: 500px; } .minH600 { min-height: 600px; } .minH700 { min-height: 700px; } .mt0 { margin-top: 0rem !important; } .mt1 { margin-top: 1rem !important; } .mt2 { margin-top: 2rem !important; } .mt3 { margin-top: 3rem !important; } .mt4 { margin-top: 4rem !important; } .mt5 { margin-top: 5rem !important; } .mt6 { margin-top: 6rem !important; } .mt7 { margin-top: 7rem !important; } .mb0 { margin-bottom: 0rem !important; } .mb1 { margin-bottom: 1rem !important; } .mb2 { margin-bottom: 2rem !important; } .mb3 { margin-bottom: 3rem !important; } .mb4 { margin-bottom: 4rem !important; } .mb5 { margin-bottom: 5rem !important; } .mb6 { margin-bottom: 6rem !important; } .pt0 { padding-top: 0rem !important; } .pt1 { padding-top: 1rem !important; } .pt2 { padding-top: 2rem !important; } .pt3 { padding-top: 3rem !important; } .pt4 { padding-top: 4rem !important; } .pt5 { padding-top: 5rem !important; } .pt6 { padding-top: 6rem !important; } .pt7 { padding-top: 7rem !important; } .pb0 { padding-bottom: 0rem !important; } .pb1 { padding-bottom: 1rem !important; } .pb2 { padding-bottom: 2rem !important; } .pb3 { padding-bottom: 3rem !important; } .pb4 { padding-bottom: 4rem !important; } .pb5 { padding-bottom: 5rem !important; } .pb6 { padding-bottom: 6rem !important; } .pb7 { padding-bottom: 7rem !important; } .txt80 { font-size: 80%; } .txt90 { font-size: 90%; } .txt110 { font-size: 110%; } .txt120 { font-size: 120%; } .txt130 { font-size: 130%; } .txt150 { font-size: 150%; } .txt200 { font-size: 200%; } .txtSX { text-align: left; } .txtDX { text-align: right; } /*------------------------------*/ #contenitore { position: relative; z-index: 1 !important; margin: 0 auto; padding: 0; width: 100%; /*min-height:100%;*/ font-family: "Poppins", sans-serif; font-size: 1rem; color: #111111; font-weight: 400; line-height: 1.8em; padding-top: 90px; } #contenitore::after { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #contenitore.basso::after { top: 0; } @media only screen and (max-width: 1440px) { #contenitore.showhead::after { -webkit-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #contenitore.hidehead::after { opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } } /*------------------------------*/ #logo { position: absolute; overflow: hidden; display: block; z-index: 1199; left: 7svw; width: 120px; height: 90px; top: 0px; background-size: contain; background-position: center; background-repeat: no-repeat; -webkit-transition: all 0.56s ease-in-out; -moz-transition: all 0.56s ease-in-out; -ms-transition: all 0.56s ease-in-out; -o-transition: all 0.56s ease-in-out; transition: all 0.56s ease-in-out; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; align-items: center; -ms-align-items: center; -webkit-align-items: center; } #logo img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; display: block; } #logo.basso { top: -150px !important; width: 190px; height: 78px; } #logo.fix_state { position: fixed; overflow: hidden; } #logo.fix { top: 6px !important; } #logo.mostralo { opacity: 0; pointer-events: none; } /*SWITCH NAVIGAZIONE*/ /*NAVIGAZIONE DESKTOP*/ .menu { position: absolute; overflow: visible; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -ms-align-items: center; -webkit-align-items: center; flex-direction: row-reverse; -ms-flex-direction: row-reverse; -webkit-flex-direction: row-reverse; -ms-box-direction: row-reverse; -webkit-box-direction: row-reverse; z-index: 99; top: 0; left: 0; right: 0; width: 100%; height: 90px; margin: 0; padding: 0 7svw; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; background-color: #f5f5f5; -webkit-box-shadow: 0 0px 40px rgba(0, 0, 0, 0); -moz-box-shadow: 0 0px 40px rgba(0, 0, 0, 0); box-shadow: 0 0px 40px rgba(0, 0, 0, 0); behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); /**/ } .menu .spazio { margin: 0 36px 0 0; } .menu .principale { position: relative; overflow: visible; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: flex-end; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; -ms-flex-pack: end; align-items: center; -ms-align-items: center; -webkit-align-items: center; width: max-content; height: 100%; padding-right: 0; margin: 0 -24px; } @media only screen and (max-width: 1440px) { .menu .principale { margin: 0; } } .menu .principale > * { position: relative; overflow: visible; display: block; /**/ list-style: none; z-index: 3; padding: 0; cursor: pointer; text-align: center; margin: 0 24px; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; align-items: center; -ms-align-items: center; -webkit-align-items: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-family: "Bai Jamjuree", sans-serif; font-size: 1.25rem; color: #111111; font-weight: 600; line-height: 1.3em; text-transform: uppercase; letter-spacing: 0.1em; } .menu .principale > * .bottone { height: min-content; } @media only screen and (max-width: 1440px) { .menu .principale > * { font-size: 1rem; } } @media only screen and (max-width: 850px) { .menu .principale > * { margin: 0 6px; } } @media only screen and (max-width: 1440px) { .menu .principale > *:not(.mobnav):not(.lingua) { display: none; } } .menu .secondario { position: relative; overflow: hidden; 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; align-items: center; -ms-align-items: center; -webkit-align-items: center; justify-content: flex-start; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; list-style: none; opacity: 1; margin: 0; } .menu .secondario .bottone { padding: 0.4em 24px; margin: 0 6px; border-radius: 20px; } .menu > * { position: relative; overflow: visible; display: block; /**/ list-style: none; z-index: 3; padding: 0; cursor: pointer; text-align: center; margin: 0 15px; height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; align-items: center; -ms-align-items: center; -webkit-align-items: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } @media only screen and (max-width: 1440px) { .menu > * { margin: 0 calc(7svw - 6px); } } .menu > * .icona { width: 60px; height: 60px; margin: 0 6px; } .menu > * .icona .ico { -webkit-transform: scale(0.6); transform: scale(0.6); } .menu.mostralo { height: 90px; top: -90px; top: 0px; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); height: 90px !important; background-color: transparent !important; transition-delay: 0s; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0) !important; -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0) !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0) !important; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc) !important; } .menu.mostralo .principale.spazio { display: block; } @media only screen and (max-width: 850px) { .menu.mostralo { height: 104px; } } .menu.mostralo .principale > *:not(.mobnav) { pointer-events: none; opacity: 0; } .menu.mostralo .secondario .icona { filter: brightness(2); } .menu.basso { height: 90px; top: -90px; } .menu.basso .principale.spazio { display: block; } .menu.fix_state { position: fixed; overflow: visible; } @media only screen and (max-width: 850px) { .menu.sotto { z-index: -1; } } .menu.fix { top: 0px; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } .mobnav { position: relative; overflow: visible; display: block; z-index: 9999; top: 0px; right: 0px; width: 45px; height: 30px !important; padding: 0; margin-right: 0 !important; cursor: pointer; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /*per eliminare il riquadro al tap dei link*/ } @media only screen and (max-width: 850px) { .mobnav { width: 36px; height: 24px !important; } } .mobnav .linea, .mobnav::before, .mobnav::after { content: ''; display: block; position: absolute; overflow: hidden; width: 45px; height: 3px; top: 0; right: 0; border-radius: 2px; cursor: pointer; background: #111111; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media only screen and (max-width: 850px) { .mobnav .linea, .mobnav::before, .mobnav::after { width: 36px; } } .mobnav .linea { top: 13px; } @media only screen and (max-width: 850px) { .mobnav .linea { width: 36px; top: 11px; } } .mobnav::before { width: 45px; margin-top: 0px; } @media only screen and (max-width: 850px) { .mobnav::before { width: 36px; } } .mobnav::after { width: 45px; margin-top: 26px; } @media only screen and (max-width: 850px) { .mobnav::after { width: 36px; margin-top: 22px; } } @media only screen and (max-width: 850px) { .mobnav { height: 102px; border-radius: 0 0 0 18px; } } .mobnav.ics { height: 22px !important; } .mobnav.ics .linea, .mobnav.ics::before, .mobnav.ics::after { top: 0px; } .mobnav.ics .linea { opacity: 0; } .mobnav.ics::before, .mobnav.ics::after { background: #f5f5f5 !important; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: center; transform-origin: center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .mobnav.ics::before { margin-top: 10px; } .mobnav.ics::after { margin-top: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .mobnav.sotto { z-index: 1; } .mobnav.basso { top: -140px; height: 104px; } .mobnav.fix_state { position: fixed; overflow: hidden; } .mobnav.fix { top: 0px; } /*mobnav*/ nav, #nav { position: fixed; display: block; overflow-y: auto !important; overflow-x: hidden; z-index: 19; width: 100svw !important; top: 0px; left: 0px; bottom: 0; right: 0; margin: 0; padding: 0; border: none; background: #111111; background-image: url('images/pattern_background_3.png'); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); /*ul*/ } nav.due, #nav.due { background-color: #D21B6A; } nav.mostralo, #nav.mostralo { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); } nav.mostralo > div, #nav.mostralo > div { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); } nav.home, #nav.home { position: relative; } nav > div, #nav > div { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; padding: 0; width: 100%; min-height: 100vh; -webkit-transform: translateX(150%); transform: translateX(150%); -webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); } @media only screen and (max-width: 850px) { nav > div, #nav > div { display: block; } nav > div::after, #nav > div::after { top: 5svh; left: 20svh; right: unset; width: 100svh; height: 100svh; } } nav ul, #nav ul { position: relative; overflow: hidden; 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; padding: 120px 7svw 90px; margin: 0; width: 50%; min-height: 100svh; left: 0; font-family: "Poppins", sans-serif; font-size: 1.5rem; color: #f5f5f5; font-weight: 400; line-height: 1.2; /* @media only screen and (max-width: 1440px) { padding:75px 0 75px 75px; width:calc(~"50% - 75px"); min-height: calc(~"100vh - 150px"); } */ /*sotto*/ } @media only screen and (max-width: 850px) { nav ul, #nav ul { padding: 90px 7svw 7svw; } } @media only screen and (max-width: 850px) { nav ul, #nav ul { width: 100%; } } nav ul li, #nav ul li { display: inline-block; /**/ list-style: none; z-index: 3; margin: 0; padding: 0; cursor: pointer; } @media only screen and (max-width: 850px) { nav ul li, #nav ul li { font-size: 2.2vh !important; } } nav ul.principale, #nav ul.principale { z-index: 2; } nav ul.principale > li, #nav ul.principale > li { position: relative; padding: 0.75vw 0; font-weight: 300; font-family: "Bai Jamjuree", sans-serif; text-transform: uppercase; letter-spacing: 0.1em; /* &.btn{ background: @colore01scuro2; } */ } @media only screen and (max-width: 850px) { nav ul.principale > li, #nav ul.principale > li { padding: 1vh 0; } } @media only screen and (max-width: 480px) { nav ul.principale > li, #nav ul.principale > li { letter-spacing: 0; } } nav ul.principale > li a, #nav ul.principale > li a { position: relative; overflow: visible; color: #f5f5f5; vertical-align: middle; -webkit-transition: all 0.14s linear; -moz-transition: all 0.14s linear; -ms-transition: all 0.14s linear; -o-transition: all 0.14s linear; transition: all 0.14s linear; font-size: 1.6rem; } nav ul.principale > li a::after, #nav ul.principale > li a::after { content: ''; position: absolute; overflow: hidden; display: block; bottom: -4px; left: 0; width: 0; height: 1.5px; background-color: #f5f5f5; -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); } nav ul.principale > li a .material-symbols-outlined, #nav ul.principale > li a .material-symbols-outlined { font-size: 2rem; font-weight: bold; } nav ul.principale > li a:hover, #nav ul.principale > li a:hover { color: #D21B6A; } nav ul.principale > li a:hover::before, #nav ul.principale > li a:hover::before { border-color: #f5f5f5; } nav ul.principale > li a.aprizona::before, #nav ul.principale > li a.aprizona::before { content: ''; position: absolute; overflow: hidden; display: block; top: calc(50% + 2px); right: 0; width: 10px; height: 10px; border-top: 1.5px solid #f5f5f5; border-right: 1.5px solid #f5f5f5; transform: translate(calc(100% + 0.5rem), -50%) rotate(45deg); } nav ul.principale > li a.current::after, #nav ul.principale > li a.current::after { width: 44svw; } nav ul.principale > li a.current a, #nav ul.principale > li a.current a { color: #f5f5f5; } nav ul.principale > li a.current.aprizona a::before, #nav ul.principale > li a.current.aprizona a::before { border-color: #f5f5f5; display: none; } nav ul.principale > li a.bottone, #nav ul.principale > li a.bottone { font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.7rem; padding: 0.3em 1.5em; line-height: 1; } nav ul.principale > li a.bottone:hover, #nav ul.principale > li a.bottone:hover { border-color: #D21B6A; background: #D21B6A; color: #f5f5f5; } @media only screen and (max-width: 850px) { nav ul.principale > li a.bottone, #nav ul.principale > li a.bottone { font-size: 1.6vh; } } @media only screen and (max-width: 480px) { nav ul.principale > li a.bottone, #nav ul.principale > li a.bottone { font-size: 1.4vh; padding: 0.1rem 0.6rem; } } nav ul.principale > li a.espandi, #nav ul.principale > li a.espandi { position: relative; overflow: visible; margin-left: 2rem; padding: 4px 8px 3px; font-size: 0.7rem; } @media only screen and (max-width: 850px) { nav ul.principale > li a.espandi, #nav ul.principale > li a.espandi { margin-left: 1rem; } } nav ul.principale > li a.espandi::after, #nav ul.principale > li a.espandi::after, nav ul.principale > li a.espandi::before, #nav ul.principale > li a.espandi::before { content: ''; position: absolute; overflow: hidden; display: block; left: 100%; width: 0; height: 1px; background-color: #f5f5f5; -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); } nav ul.principale > li a.espandi::before, #nav ul.principale > li a.espandi::before { content: none; top: -1px; } nav ul.principale > li a.espandi::after, #nav ul.principale > li a.espandi::after { bottom: -1px; } @media only screen and (min-width: 781px) { nav ul.principale > li a.espandi.current, #nav ul.principale > li a.espandi.current { border-top: 1px solid transparent; border-right: 1px solid transparent; border-radius: 0; } nav ul.principale > li a.espandi.current::after, #nav ul.principale > li a.espandi.current::after, nav ul.principale > li a.espandi.current::before, #nav ul.principale > li a.espandi.current::before { width: 100svw; } nav ul.principale > li a.espandi.current a, #nav ul.principale > li a.espandi.current a { color: #e95192; font-weight: 600; } } nav ul.principale > li.spazio, #nav ul.principale > li.spazio { height: 2rem; } nav ul.principale > li.social, #nav ul.principale > li.social { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: flex-start; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; align-content: center; -ms-align-content: center; -webkit-align-content: center; margin: 0 -6px; } nav ul.principale > li.social .icona, #nav ul.principale > li.social .icona { position: relative; overflow: hidden; display: block; width: 40px; height: 40px; margin: 0 6px; } nav ul.principale > li.social .icona .ico, #nav ul.principale > li.social .icona .ico { transform: scale(0.4); } nav ul.principale > li.contatto, #nav ul.principale > li.contatto { font-weight: 600; white-space: nowrap; letter-spacing: 0; text-transform: none; } nav ul.principale > li.contatto a, #nav ul.principale > li.contatto a { color: #e95192; } nav ul.principale > li.contatto a:hover, #nav ul.principale > li.contatto a:hover { color: #f5f5f5; } @media only screen and (max-width: 850px) { nav ul.principale > li.contatto a, #nav ul.principale > li.contatto a { font-size: 80%; } } nav ul.principale > li.contatto:nth-last-child(3), #nav ul.principale > li.contatto:nth-last-child(3) { margin-top: auto; } nav ul.principale > li .carrello, #nav ul.principale > li .carrello { position: relative; display: inline-block; vertical-align: middle; } nav ul.principale > li .carrello .icona, #nav ul.principale > li .carrello .icona { float: left; width: 30px; height: 30px; } nav ul.principale > li .carrello .icona .ico, #nav ul.principale > li .carrello .icona .ico { -webkit-transform: scale(0.3); transform: scale(0.3); filter: saturate(0) brightness(2); } nav ul.principale > li .carrello span, #nav ul.principale > li .carrello span { position: relative; float: left; display: inline-block; z-index: 2; margin: 6px 0 6px -10px; border-radius: 50%; width: 24px; height: 24px; line-height: 24px; background: #D21B6A; text-align: center; font-size: 0.9rem; font-weight: 700; color: #f5f5f5; font-style: normal; } nav ul.princ_contatti, #nav ul.princ_contatti { position: absolute; overflow: hidden; bottom: 0; right: 0; left: auto; min-height: 0; z-index: 2; overflow: auto; display: block; width: max-content; height: min-content; padding: 120px 7svw 7svw; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: flex-end; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; align-content: flex-end; -ms-align-content: flex-end; -webkit-align-content: flex-end; } nav ul.princ_contatti > li, #nav ul.princ_contatti > li { position: relative; overflow: visible; display: block; padding: 0.5vw 0; margin: 0; font-size: 85%; letter-spacing: 0.05em; font-weight: 500; text-align: right; color: #D21B6A; } nav ul.princ_contatti > li.minilogo > a, #nav ul.princ_contatti > li.minilogo > a { display: block; width: auto; margin: 0px; color: #f5f5f5; width: 220px; height: auto; margin-left: auto; background-size: contain; background-position: center; background-repeat: no-repeat; margin-bottom: 1rem; } nav ul.princ_contatti > li.minilogo > a::before, #nav ul.princ_contatti > li.minilogo > a::before { content: ""; position: relative; overflow: hidden; display: block; padding-bottom: 50%; } @media only screen and (max-width: 850px) { nav ul.princ_contatti > li.minilogo > a, #nav ul.princ_contatti > li.minilogo > a { width: 170px; margin: 0 0 1rem auto; } } nav ul.princ_contatti > li.social, #nav ul.princ_contatti > li.social { height: 100px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: flex-end; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; align-items: center; -ms-align-items: center; -webkit-align-items: center; } @media only screen and (max-width: 850px) { nav ul.princ_contatti > li, #nav ul.princ_contatti > li { margin: 0.5vh 0; } } nav ul.princ_contatti > li a, #nav ul.princ_contatti > li a { display: inline; padding: 0; color: #f5f5f5; -webkit-transition: all 0.14s linear; -moz-transition: all 0.14s linear; -ms-transition: all 0.14s linear; -o-transition: all 0.14s linear; transition: all 0.14s linear; font-weight: 300; } nav ul.princ_contatti > li a:hover, #nav ul.princ_contatti > li a:hover { color: #525252; } nav ul.princ_contatti > li a:hover picture, #nav ul.princ_contatti > li a:hover picture, nav ul.princ_contatti > li a:hover #picture, #nav ul.princ_contatti > li a:hover #picture { opacity: 1; } @media only screen and (max-width: 850px) { nav ul.princ_contatti > li a, #nav ul.princ_contatti > li a { width: 100%; } } nav ul.princ_contatti > li .icona, #nav ul.princ_contatti > li .icona { width: 42px; height: 42px; } nav ul.princ_contatti > li .icona .ico, #nav ul.princ_contatti > li .icona .ico { transform: scale(0.42); } nav ul.princ_contatti > li > i.icona, #nav ul.princ_contatti > li > i.icona { display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: 0 15px 0 0; filter: invert(1); } nav ul.princ_contatti > li > i.icona .ico, #nav ul.princ_contatti > li > i.icona .ico { transform: scale(0.24); } nav ul.secondario, #nav ul.secondario { overflow: auto; display: block; z-index: 999; width: 50%; padding: 90px 7svw 7svw 1rem; padding-inline: 0 0 0 1rem; max-width: 0; background: #f5f5f5; -webkit-transform: translateX(50svw); transform: translateX(50svw); -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); } nav ul.secondario.aperto, #nav ul.secondario.aperto { padding-inline: 7svw; max-width: 100svw; -webkit-transform: translateX(0%); transform: translateX(0%); } @media only screen and (max-width: 850px) { nav ul.secondario, #nav ul.secondario { position: absolute; overflow: hidden; overflow-y: auto; display: block; z-index: 2; top: 0; left: 100vw; padding: 90px 7vw 7vw; width: 100svw; min-height: 100svh; height: 100svh; -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); } nav ul.secondario .chiudi, #nav ul.secondario .chiudi { position: fixed; overflow: hidden; display: block; top: 45px; left: 30px; width: 24px; height: 24px; border: none; padding: 0; margin: 0 !important; } nav ul.secondario .chiudi::before, #nav ul.secondario .chiudi::before { content: ''; display: block; position: absolute; overflow: hidden; top: 8px; left: 4px; width: 16px; height: 16px; border-top: 2px solid #3870C0; border-left: 2px solid #3870C0; -webkit-transform: rotate(-225deg) translateY(40%); transform: rotate(-225deg) translateY(40%); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer; } nav ul.secondario.apertomob, #nav ul.secondario.apertomob { -webkit-transform: translateX(-100vw); transform: translateX(-100vw); -webkit-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -moz-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -ms-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); transition: all 1.12s cubic-bezier(0.52, 0.16, 0.24, 1); } } nav ul.secondario > li, #nav ul.secondario > li { position: relative; overflow: hidden; display: block; padding: 1svw 0; margin: 0; font-size: 85%; letter-spacing: 0.05em; } @media only screen and (max-width: 850px) { nav ul.secondario > li, #nav ul.secondario > li { margin: 1.5vh 0; } } nav ul.secondario > li a, #nav ul.secondario > li a { display: inline-block; padding: 0; color: #D21B6A; -webkit-transition: all 0.14s linear; -moz-transition: all 0.14s linear; -ms-transition: all 0.14s linear; -o-transition: all 0.14s linear; transition: all 0.14s linear; font-family: "Bai Jamjuree", sans-serif; } nav ul.secondario > li a:hover, #nav ul.secondario > li a:hover { color: #111111; } nav ul.secondario > li a:hover picture, #nav ul.secondario > li a:hover picture, nav ul.secondario > li a:hover #picture, #nav ul.secondario > li a:hover #picture { opacity: 1; } @media only screen and (max-width: 850px) { nav ul.secondario > li a, #nav ul.secondario > li a { width: 100%; } } nav ul.secondario > li.icona, #nav ul.secondario > li.icona { width: 42px; height: 42px; margin: 1em 0 0; filter: invert(1); } nav ul.secondario > li.icona .ico, #nav ul.secondario > li.icona .ico { transform: scale(0.42); } nav ul.secondario > li > i.icona, #nav ul.secondario > li > i.icona { display: inline-block; vertical-align: middle; width: 24px; height: 24px; margin: 0 15px 0 0; filter: invert(1); } nav ul.secondario > li > i.icona .ico, #nav ul.secondario > li > i.icona .ico { transform: scale(0.24); } nav.mostralo a { white-space: nowrap; } /*------------------------------*/ /*------------------------------*/ header.bigslide, #header.bigslide { position: relative; overflow: visible; overflow-x: clip !important; width: 100%; height: calc(100svh - 200px + 100px); margin: 0; /*slide*/ } @media only screen and (max-width: 1440px) { header.bigslide, #header.bigslide { height: calc(100svh - 200px + 100px); } } header.bigslide .cont-slide, #header.bigslide .cont-slide { position: relative; overflow: visible; display: block; width: 100%; } header.bigslide #slidepreview, #header.bigslide #slidepreview, header.bigslide #slidepreview1, #header.bigslide #slidepreview1 { position: relative; overflow: visible; display: block; z-index: 2 !important; width: 100% !important; height: calc(100svh - 200px + 100px); margin: 0; padding: 0; transform: none !important; } @media only screen and (max-width: 1440px) { header.bigslide #slidepreview, #header.bigslide #slidepreview, header.bigslide #slidepreview1, #header.bigslide #slidepreview1 { height: calc(100svh - 200px + 100px); } } header.bigslide #slidepreview .flickity-slider, #header.bigslide #slidepreview .flickity-slider, header.bigslide #slidepreview1 .flickity-slider, #header.bigslide #slidepreview1 .flickity-slider { transform: none !important; } header.bigslide #slidepreview .flickity-page-dots, #header.bigslide #slidepreview .flickity-page-dots, header.bigslide #slidepreview1 .flickity-page-dots, #header.bigslide #slidepreview1 .flickity-page-dots { bottom: 3rem; } header.bigslide #slidepreview .cella, #header.bigslide #slidepreview .cella, header.bigslide #slidepreview1 .cella, #header.bigslide #slidepreview1 .cella { position: relative; overflow: visible; left: 0 !important; /*float:left;*/ list-style: none; width: 100vw; height: calc(100svh - 200px + 100px); margin: 0; padding: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transition: all 1s ease-in-out; } @media only screen and (max-width: 1440px) { header.bigslide #slidepreview .cella, #header.bigslide #slidepreview .cella, header.bigslide #slidepreview1 .cella, #header.bigslide #slidepreview1 .cella { height: calc(100svh - 200px + 100px); } } header.bigslide #slidepreview .cella::before, #header.bigslide #slidepreview .cella::before, header.bigslide #slidepreview1 .cella::before, #header.bigslide #slidepreview1 .cella::before { content: ''; position: absolute; overflow: hidden; display: block; z-index: 2; top: 0; left: 0; right: 0; bottom: 0; } header.bigslide #slidepreview .cella picture, #header.bigslide #slidepreview .cella picture, header.bigslide #slidepreview1 .cella picture, #header.bigslide #slidepreview1 .cella picture, header.bigslide #slidepreview .cella #picture, #header.bigslide #slidepreview .cella #picture, header.bigslide #slidepreview1 .cella #picture, #header.bigslide #slidepreview1 .cella #picture { position: absolute; overflow: hidden; display: block; width: 55%; height: calc(100% + 3rem); bottom: -100px; left: 0; background-position: center left; background-size: contain; background-repeat: no-repeat; } @media only screen and (max-width: 850px) { header.bigslide #slidepreview .cella picture, #header.bigslide #slidepreview .cella picture, header.bigslide #slidepreview1 .cella picture, #header.bigslide #slidepreview1 .cella picture, header.bigslide #slidepreview .cella #picture, #header.bigslide #slidepreview .cella #picture, header.bigslide #slidepreview1 .cella #picture, #header.bigslide #slidepreview1 .cella #picture { width: 80%; bottom: -240px; } } header.bigslide #slidepreview .cella video, #header.bigslide #slidepreview .cella video, header.bigslide #slidepreview1 .cella video, #header.bigslide #slidepreview1 .cella video, header.bigslide #slidepreview .cella #video, #header.bigslide #slidepreview .cella #video, header.bigslide #slidepreview1 .cella #video, #header.bigslide #slidepreview1 .cella #video { position: absolute; overflow: hidden; z-index: 1; margin: auto auto; left: -10000%; right: -10000%; top: -10000%; bottom: -10000%; /*queste caratteristiche sotto x effetto COVER*/ min-width: 1000%; min-height: 1000%; -webkit-transform: scale(0.1); transform: scale(0.1); object-fit: cover; } header.bigslide #slidepreview .cella .intro, #header.bigslide #slidepreview .cella .intro, header.bigslide #slidepreview1 .cella .intro, #header.bigslide #slidepreview1 .cella .intro { position: absolute; overflow: visible; display: block; z-index: 3; /* width: 100%; height: 92%; */ width: calc(55% - 3rem); height: calc(100svh - 150px - 3rem); margin: 0; padding-block: 2rem 0; left: auto; right: 0; bottom: 100px; padding-right: calc(50svw - 720px); -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); text-align: right; 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; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; align-items: flex-end; -ms-align-items: flex-end; -webkit-align-items: flex-end; } @media only screen and (max-width: 1600px) { header.bigslide #slidepreview .cella .intro, #header.bigslide #slidepreview .cella .intro, header.bigslide #slidepreview1 .cella .intro, #header.bigslide #slidepreview1 .cella .intro { padding-right: 7svw; } } @media only screen and (max-width: 1440px) { header.bigslide #slidepreview .cella .intro, #header.bigslide #slidepreview .cella .intro, header.bigslide #slidepreview1 .cella .intro, #header.bigslide #slidepreview1 .cella .intro { width: calc(55% - 3rem); padding: 210px 7svw calc(4rem + 10px) 0; height: calc(100svh - 90px); } } @media only screen and (max-width: 850px) { header.bigslide #slidepreview .cella .intro, #header.bigslide #slidepreview .cella .intro, header.bigslide #slidepreview1 .cella .intro, #header.bigslide #slidepreview1 .cella .intro { width: 100%; height: calc(50% + 6rem); padding: 6rem 7svw calc(4rem + 10px); justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; top: 0; } } header.bigslide #slidepreview .cella .intro h1 strong, #header.bigslide #slidepreview .cella .intro h1 strong, header.bigslide #slidepreview1 .cella .intro h1 strong, #header.bigslide #slidepreview1 .cella .intro h1 strong, header.bigslide #slidepreview .cella .intro h1 b, #header.bigslide #slidepreview .cella .intro h1 b, header.bigslide #slidepreview1 .cella .intro h1 b, #header.bigslide #slidepreview1 .cella .intro h1 b { font-weight: normal; color: #111111; } header.bigslide #slidepreview .cella .intro .bottone, #header.bigslide #slidepreview .cella .intro .bottone, header.bigslide #slidepreview1 .cella .intro .bottone, #header.bigslide #slidepreview1 .cella .intro .bottone { font-size: 1.4rem; line-height: 34px; } @media only screen and (max-width: 850px) { header.bigslide #slidepreview .cella .intro .bottone, #header.bigslide #slidepreview .cella .intro .bottone, header.bigslide #slidepreview1 .cella .intro .bottone, #header.bigslide #slidepreview1 .cella .intro .bottone { font-size: 1rem; line-height: 22px; } } header.bigslide.bassa, #header.bigslide.bassa { height: 100%; min-height: calc(80svh - 150px); } @media only screen and (max-width: 850px) { header.bigslide.bassa, #header.bigslide.bassa { height: min-content !important; min-height: 0; } } header.bigslide.bassa #slidepreview, #header.bigslide.bassa #slidepreview, header.bigslide.bassa #slidepreview1, #header.bigslide.bassa #slidepreview1 { height: calc(80svh - 150px) !important; } @media only screen and (max-width: 850px) { header.bigslide.bassa #slidepreview, #header.bigslide.bassa #slidepreview, header.bigslide.bassa #slidepreview1, #header.bigslide.bassa #slidepreview1 { height: min-content !important; } } header.bigslide.bassa #slidepreview .cella, #header.bigslide.bassa #slidepreview .cella, header.bigslide.bassa #slidepreview1 .cella, #header.bigslide.bassa #slidepreview1 .cella { height: calc(80svh - 150px); } @media only screen and (max-width: 850px) { header.bigslide.bassa #slidepreview .cella, #header.bigslide.bassa #slidepreview .cella, header.bigslide.bassa #slidepreview1 .cella, #header.bigslide.bassa #slidepreview1 .cella { height: min-content !important; } } @media only screen and (max-width: 850px) { header.bigslide.bassa #slidepreview .cella picture, #header.bigslide.bassa #slidepreview .cella picture, header.bigslide.bassa #slidepreview1 .cella picture, #header.bigslide.bassa #slidepreview1 .cella picture { height: calc(60svh - 150px) !important; } } header.bigslide.bassa #slidepreview .cella .intro, #header.bigslide.bassa #slidepreview .cella .intro, header.bigslide.bassa #slidepreview1 .cella .intro, #header.bigslide.bassa #slidepreview1 .cella .intro { 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: flex-start; -webkit-justify-content: flex-start; align-content: flex-end; -ms-align-content: flex-end; -webkit-align-content: flex-end; background-color: #E7E7E7; min-width: min-content; width: 50svw; height: min-content; padding: 3rem 5rem 0 calc(50svw - 720px); margin: 0; } header.bigslide.bassa #slidepreview .cella .intro .tit, #header.bigslide.bassa #slidepreview .cella .intro .tit, header.bigslide.bassa #slidepreview1 .cella .intro .tit, #header.bigslide.bassa #slidepreview1 .cella .intro .tit { margin: 0; } @media only screen and (max-width: 1640px) { header.bigslide.bassa #slidepreview .cella .intro, #header.bigslide.bassa #slidepreview .cella .intro, header.bigslide.bassa #slidepreview1 .cella .intro, #header.bigslide.bassa #slidepreview1 .cella .intro { width: 80svw; padding: 3rem 5rem 0 7svw; 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: 850px) { header.bigslide.bassa #slidepreview .cella .intro, #header.bigslide.bassa #slidepreview .cella .intro, header.bigslide.bassa #slidepreview1 .cella .intro, #header.bigslide.bassa #slidepreview1 .cella .intro { width: 100svw; max-width: 100svw; padding: 3rem 7svw 5rem; position: relative; overflow: hidden; padding: 2rem 3rem 0 7svw; } } @media only screen and (max-width: 850px) { header.bigslide.bassa, #header.bigslide.bassa { height: calc(50vh - 90px); } header.bigslide.bassa ul#slidepreview, #header.bigslide.bassa ul#slidepreview { height: calc(50vh - 90px) !important; } header.bigslide.bassa ul#slidepreview li, #header.bigslide.bassa ul#slidepreview li { height: calc(50vh - 90px); } } /*------------------------------*/ section, #section { position: relative; overflow: hidden; /*article*/ /*-----------------------*/ } section.scuro, #section.scuro { background-color: #525252; } section.chiaro, #section.chiaro { background-color: #E7E7E7; } section.bgColor, #section.bgColor { background-color: #D21B6A; } section.bgColor.due, #section.bgColor.due { background-color: #3870C0; } section.bgColor.tre, #section.bgColor.tre { background-color: #C1D453; } section .gallery, #section .gallery { display: flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -ms-align-items: center; -webkit-align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: 36px; } section .gallery a, #section .gallery a { display: block; margin-bottom: 5px; width: calc(100% / 3); } section .gallery a img, #section .gallery a img { max-height: 170px; } @media only screen and (max-width: 850px) { section .gallery a, #section .gallery a { width: 100%; } section .gallery a img, #section .gallery a img { max-height: none; width: 100%; } } @media only screen and (max-width: 850px) { section .gallery, #section .gallery { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; justify-content: space-around; -ms-justify-content: space-around; -webkit-justify-content: space-around; } } section main, #section main, section #main, #section #main, section article, #section article, section #article, #section #article { position: relative; overflow: hidden; width: 1440px; max-width: 86svw; margin: 0 auto; z-index: 1; } @media only screen and (max-width: 850px) { section main, #section main, section #main, #section #main, section article, #section article, section #article, #section #article { max-width: 86svw; } } section main.stretto, #section main.stretto, section #main.stretto, #section #main.stretto, section article.stretto, #section article.stretto, section #article.stretto, #section #article.stretto { width: 850px; } @media only screen and (max-width: 1440px) { section main.stretto, #section main.stretto, section #main.stretto, #section #main.stretto, section article.stretto, #section article.stretto, section #article.stretto, #section #article.stretto { max-width: 86svw; } } section main.largo, #section main.largo, section #main.largo, #section #main.largo, section article.largo, #section article.largo, section #article.largo, #section #article.largo { width: 100%; max-width: 100%; } @media only screen and (max-width: 1440px) { section main.largo, #section main.largo, section #main.largo, #section #main.largo, section article.largo, #section article.largo, section #article.largo, #section #article.largo { width: 100vw; } } section.gen, #section.gen { width: 850px; margin: 0 auto; padding: 20px 0 10px 0; } @media only screen and (max-width: 1440px) { section.gen, #section.gen { max-width: 86svw; } } section.gen main > .mezzo, #section.gen main > .mezzo, section.gen #main > .mezzo, #section.gen #main > .mezzo, section.gen article > .mezzo, #section.gen article > .mezzo, section.gen #article > .mezzo, #section.gen #article > .mezzo { width: 50%; margin-bottom: 50px; } section .slider .cella .int, #section .slider .cella .int { min-width: 300px; width: 25vw; max-width: 80vw; margin: 0 24px; } @media only screen and (max-width: 480px) { section .slider .cella .int, #section .slider .cella .int { max-width: 86svw; width: 70vw; margin: 0 3vw; } } section.due-col, #section.due-col, section > *.due-col, #section > *.due-col { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; } @media only screen and (max-width: 1440px) { section.due-col, #section.due-col, section > *.due-col, #section > *.due-col { gap: 2rem; } } @media only screen and (max-width: 850px) { section.due-col, #section.due-col, section > *.due-col, #section > *.due-col { grid-template-columns: 1fr; } } section.due-col.due, #section.due-col.due, section > *.due-col.due, #section > *.due-col.due { grid-template-columns: 2fr 5fr; gap: 7rem; } @media only screen and (max-width: 1640px) { section.due-col.due, #section.due-col.due, section > *.due-col.due, #section > *.due-col.due { grid-template-columns: 1fr 1fr; gap: 4rem; } } @media only screen and (max-width: 850px) { section.due-col.due, #section.due-col.due, section > *.due-col.due, #section > *.due-col.due { grid-template-columns: 1fr; gap: 2rem; } } section#form_sezione article, #section#form_sezione article { column-gap: 12rem; grid-template-columns: 5fr 4fr; } @media only screen and (max-width: 1640px) { section#form_sezione article, #section#form_sezione article { column-gap: 8rem; } } @media only screen and (max-width: 1260px) { section#form_sezione article, #section#form_sezione article { grid-template-columns: 1fr; } section#form_sezione article .cont-dx, #section#form_sezione article .cont-dx { -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: 850px) { section#form_sezione article, #section#form_sezione article { column-gap: 4rem; } } section#intro_custom .testo, #section#intro_custom .testo { 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; justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } section#intro_custom .testo.cont-sx, #section#intro_custom .testo.cont-sx { padding-left: calc(50svw - 720px); } @media only screen and (max-width: 1640px) { section#intro_custom .testo.cont-sx, #section#intro_custom .testo.cont-sx { padding-left: 7svw; } } @media only screen and (max-width: 850px) { section#intro_custom .testo.cont-sx, #section#intro_custom .testo.cont-sx { padding-right: 7svw; } } section#intro_custom .immagine, #section#intro_custom .immagine { position: relative; overflow: hidden; display: block; width: 100%; min-height: 100%; } section#intro_custom .immagine::before, #section#intro_custom .immagine::before { content: ''; display: block; padding-top: 75%; } section#intro_custom .immagine picture, #section#intro_custom .immagine picture, section#intro_custom .immagine #picture, #section#intro_custom .immagine #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } section#intro_custom .immagine picture img, #section#intro_custom .immagine picture img, section#intro_custom .immagine #picture img, #section#intro_custom .immagine #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: contain; /*queste caratteristiche sotto x effetto CONTAIN object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1);*/ } section#foto_gallery .cont-gallery, #section#foto_gallery .cont-gallery { position: relative; overflow: hidden; margin: -10px; width: calc(100% + 20px); 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; } section#foto_gallery .cont-gallery .cella, #section#foto_gallery .cont-gallery .cella { position: relative; overflow: hidden; display: block; width: calc(100% / 5 - 20px); margin: 10px; } @media only screen and (max-width: 1640px) { section#foto_gallery .cont-gallery .cella, #section#foto_gallery .cont-gallery .cella { width: calc(100% / 4 - 20px); } } @media only screen and (max-width: 1260px) { section#foto_gallery .cont-gallery .cella, #section#foto_gallery .cont-gallery .cella { width: calc(100% / 3 - 20px); } } @media only screen and (max-width: 850px) { section#foto_gallery .cont-gallery .cella, #section#foto_gallery .cont-gallery .cella { width: calc(100% / 2 - 20px); } } @media only screen and (max-width: 480px) { section#foto_gallery .cont-gallery .cella, #section#foto_gallery .cont-gallery .cella { width: calc(100%); } } section#foto_gallery .cont-gallery .cella::before, #section#foto_gallery .cont-gallery .cella::before { content: ''; display: block; padding-top: 100%; } section#foto_gallery .cont-gallery .cella picture, #section#foto_gallery .cont-gallery .cella picture, section#foto_gallery .cont-gallery .cella #picture, #section#foto_gallery .cont-gallery .cella #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } section#foto_gallery .cont-gallery .cella picture img, #section#foto_gallery .cont-gallery .cella picture img, section#foto_gallery .cont-gallery .cella #picture img, #section#foto_gallery .cont-gallery .cella #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: contain; /*queste caratteristiche sotto x effetto CONTAIN object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1);*/ } section#chisiamo .testo > *, #section#chisiamo .testo > * { color: #525252; } section#home_prodotti article, #section#home_prodotti article { position: relative; overflow: visible; } section#home_prodotti article .cont-prodotti, #section#home_prodotti article .cont-prodotti { position: relative; overflow: visible; } section#home_prodotti article .cont-prodotti .cella, #section#home_prodotti article .cont-prodotti .cella { width: 320px; margin: 0 10px; } @media only screen and (min-width: 1440px) { section#home_prodotti article .cont-prodotti .cella, #section#home_prodotti article .cont-prodotti .cella { width: 360px; } } @media only screen and (max-width: 850px) { section#home_prodotti article .cont-prodotti .cella, #section#home_prodotti article .cont-prodotti .cella { width: 280px; } } @media only screen and (max-width: 850px) { section#home_settori .blocco:not(.blocco:last-child), #section#home_settori .blocco:not(.blocco:last-child) { margin-bottom: 5rem !important; } } section#contatti_mappa article .cont-dx, #section#contatti_mappa article .cont-dx { min-height: 100%; } section#contatti_mappa article #mappa, #section#contatti_mappa article #mappa { position: relative; overflow: hidden; display: block; width: 100%; height: 100%; min-height: 50svh; margin: 0; padding: 0; } section#prod_head .immagine, #section#prod_head .immagine { position: relative; overflow: visible; display: block; width: 100%; margin: 0 auto; } section#prod_head .immagine::before, #section#prod_head .immagine::before { content: ''; display: block; padding-top: 75%; } section#prod_head .immagine picture, #section#prod_head .immagine picture, section#prod_head .immagine #picture, #section#prod_head .immagine #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } section#prod_head .immagine picture img, #section#prod_head .immagine picture img, section#prod_head .immagine #picture img, #section#prod_head .immagine #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 object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1);*/ } section#prod_head .immagine .marchio, #section#prod_head .immagine .marchio { position: absolute; overflow: hidden; width: 200px; height: 200px; top: -2rem; right: -2rem; display: block; border-radius: 50%; } @media only screen and (max-width: 850px) { section#prod_head .immagine .marchio, #section#prod_head .immagine .marchio { right: -1rem; } } section#prod_head .immagine .marchio span, #section#prod_head .immagine .marchio span { position: absolute; overflow: hidden; top: 15%; left: 15%; width: 70%; height: 70%; } section#prod_head .immagine .marchio span img, #section#prod_head .immagine .marchio span 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*/ object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1); } section#prod_head .cont-dx, #section#prod_head .cont-dx { padding-bottom: 6.5rem; text-align: right; padding-right: calc(50svw - 720px); } @media only screen and (max-width: 1640px) { section#prod_head .cont-dx, #section#prod_head .cont-dx { padding-right: 7svw; } } section#prod_head .cont-dx .tit, #section#prod_head .cont-dx .tit { color: currentColor; } section#prod_head .cont-dx .subtit a, #section#prod_head .cont-dx .subtit a { color: #525252; } section#prod_lista .cont_lista, #section#prod_lista .cont_lista { width: calc(100% + 40px); margin: -20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-wrap: wrap; } section#prod_lista .cont_lista .blocco, #section#prod_lista .cont_lista .blocco { width: calc(50% - 40px); margin: 20px; } @media only screen and (max-width: 850px) { section#prod_lista .cont_lista .blocco, #section#prod_lista .cont_lista .blocco { width: 100%; } } section#pag_corpo, #section#pag_corpo { overflow: visible !important; } section#pag_corpo article, #section#pag_corpo article { overflow: visible !important; } section#pag_corpo article .cont-sx, #section#pag_corpo article .cont-sx, section#pag_corpo article .cont-dx, #section#pag_corpo article .cont-dx { overflow: visible !important; } section#pag_corpo article .cont-sx .sticky, #section#pag_corpo article .cont-sx .sticky, section#pag_corpo article .cont-dx .sticky, #section#pag_corpo article .cont-dx .sticky { position: sticky; top: 220px; } section#pag_corpo .lista_colori, #section#pag_corpo .lista_colori { 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; gap: 1rem; width: calc(100% + 1rem); } @media only screen and (max-width: 480px) { section#pag_corpo .lista_colori, #section#pag_corpo .lista_colori { width: calc(100%); } } section#pag_corpo .lista_colori .blocco, #section#pag_corpo .lista_colori .blocco { width: calc(100% / 4 - 1rem); } @media only screen and (min-width: 1921px) { section#pag_corpo .lista_colori .blocco, #section#pag_corpo .lista_colori .blocco { width: calc(100% / 5 - 1rem); } } @media only screen and (max-width: 1640px) { section#pag_corpo .lista_colori .blocco, #section#pag_corpo .lista_colori .blocco { width: calc(100% / 3 - 1rem); } } @media only screen and (max-width: 1260px) { section#pag_corpo .lista_colori .blocco, #section#pag_corpo .lista_colori .blocco { width: calc(100% / 2 - 1rem); } } @media only screen and (max-width: 480px) { section#pag_corpo .lista_colori .blocco, #section#pag_corpo .lista_colori .blocco { width: calc(100%); } } section#pag_corpo .img-testata, #section#pag_corpo .img-testata { width: 100%; margin-bottom: 2rem; } section#pag_corpo .img-testata-taglio, #section#pag_corpo .img-testata-taglio { position: relative; overflow: hidden; display: block; width: 100%; margin: 0 auto; } section#pag_corpo .img-testata-taglio::before, #section#pag_corpo .img-testata-taglio::before { content: ''; display: block; padding-top: 56%; } section#pag_corpo .img-testata-taglio picture, #section#pag_corpo .img-testata-taglio picture, section#pag_corpo .img-testata-taglio #picture, #section#pag_corpo .img-testata-taglio #picture { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 100%; } section#pag_corpo .img-testata-taglio picture img, #section#pag_corpo .img-testata-taglio picture img, section#pag_corpo .img-testata-taglio #picture img, #section#pag_corpo .img-testata-taglio #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: contain; /*queste caratteristiche sotto x effetto CONTAIN object-fit: contain; max-width: 100%; max-height: 100%; -webkit-transform: scale(1); transform: scale(1);*/ } /*-----------------------------------------------------------------*/ footer, #footer { position: relative; overflow: visible; z-index: 2; width: 100%; padding: 0; background-color: #111111; z-index: 0; margin-top: 8px; /*section*/ /* idlab */ } @media only screen and (max-width: 850px) { footer, #footer { padding-top: 2rem; } } footer a, #footer a { color: #f5f5f5; } footer a:hover, #footer a:hover { color: #53bbe7; } footer b, #footer b { font-weight: 600; } footer section, #footer section, footer #section, #footer #section { /*foot*/ /*fondo*/ } footer section article, #footer section article, footer #section article, #footer #section article, footer section #article, #footer section #article, footer #section #article, #footer #section #article { position: relative; overflow: hidden; z-index: 2; width: 1440px; max-width: 86svw; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; column-gap: 3rem; row-gap: 1rem; } @media only screen and (max-width: 850px) { footer section article, #footer section article, footer #section article, #footer #section article, footer section #article, #footer section #article, footer #section #article, #footer #section #article { max-width: 86svw; } } footer section.foot, #footer section.foot, footer #section.foot, #footer #section.foot { position: relative; overflow: hidden; padding: 4rem 0; margin: 0 auto; font-family: "Poppins", sans-serif; font-size: 1rem; color: #f5f5f5; font-weight: 400; line-height: 1.5em; } footer section.foot .in_riga, #footer section.foot .in_riga, footer #section.foot .in_riga, #footer #section.foot .in_riga { align-items: center; -ms-align-items: center; -webkit-align-items: center; } footer section.foot .in_riga p, #footer section.foot .in_riga p, footer #section.foot .in_riga p, #footer #section.foot .in_riga p { margin-right: 10px; } footer section.foot.centro article, #footer section.foot.centro article, footer #section.foot.centro article, #footer #section.foot.centro article { justify-content: center; -ms-justify-content: center; -webkit-justify-content: center; } @media only screen and (max-width: 850px) { footer section.foot, #footer section.foot, footer #section.foot, #footer #section.foot { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; align-items: flex-start; -ms-align-items: flex-start; -webkit-align-items: flex-start; max-width: 86svw; text-align: left; } footer section.foot#contatti article, #footer section.foot#contatti article, footer #section.foot#contatti article, #footer #section.foot#contatti article { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } footer section.foot .tit, #footer section.foot .tit, footer #section.foot .tit, #footer #section.foot .tit { display: inline-block; font-family: "Poppins", sans-serif; font-size: 1.225rem; color: #f5f5f5; font-weight: 700; line-height: 1.4; } @media only screen and (max-width: 850px) { footer section.foot .tit, #footer section.foot .tit, footer #section.foot .tit, #footer #section.foot .tit { margin-bottom: 0; } } footer section.foot > div, #footer section.foot > div, footer #section.foot > div, #footer #section.foot > div { position: relative; overflow: hidden; margin: 0 24px; } @media only screen and (max-width: 850px) { footer section.foot > div, #footer section.foot > div, footer #section.foot > div, #footer #section.foot > div { max-width: 100%; padding: 0 0 40px; margin: 0; } } footer section.foot .minilogo, #footer section.foot .minilogo, footer #section.foot .minilogo, #footer #section.foot .minilogo { display: block; margin: 0px; width: auto; height: 140px; /*page-break-after: always; CSS 2.1 syntax */ /*break-after: always; New syntax */ color: #f5f5f5; } footer section.foot .minilogo img, #footer section.foot .minilogo img, footer #section.foot .minilogo img, #footer #section.foot .minilogo img { margin-top: 10px; display: block; width: 100%; height: auto; } @media only screen and (max-width: 850px) { footer section.foot .minilogo, #footer section.foot .minilogo, footer #section.foot .minilogo, #footer #section.foot .minilogo { margin: 0 auto; } } footer section.foot .indirizzo, #footer section.foot .indirizzo, footer #section.foot .indirizzo, #footer #section.foot .indirizzo { max-width: 33%; width: max-content; /* @media only screen and (max-width: 850px){ width: 50%; padding-bottom: 40px; margin-right: 0; } @media only screen and (max-width: 850px){ width: 100%; text-align: center; }*/ } @media only screen and (max-width: 850px) { footer section.foot .indirizzo, #footer section.foot .indirizzo, footer #section.foot .indirizzo, #footer #section.foot .indirizzo { max-width: 100%; margin-bottom: 2rem !important; } } footer section.foot .indirizzo > *, #footer section.foot .indirizzo > *, footer #section.foot .indirizzo > *, #footer #section.foot .indirizzo > * { color: #f5f5f5; } footer section.foot .indirizzo label, #footer section.foot .indirizzo label, footer #section.foot .indirizzo label, #footer #section.foot .indirizzo label { color: #f5f5f5 !important; } @media only screen and (max-width: 850px) { footer section.foot .indirizzo, #footer section.foot .indirizzo, footer #section.foot .indirizzo, #footer #section.foot .indirizzo { max-width: 100% !important; } } footer section.foot .indirizzo.min, #footer section.foot .indirizzo.min, footer #section.foot .indirizzo.min, #footer #section.foot .indirizzo.min { max-width: 25%; width: max-content; } footer section.foot .indirizzo:last-child, #footer section.foot .indirizzo:last-child, footer #section.foot .indirizzo:last-child, #footer #section.foot .indirizzo:last-child { text-align: right; } footer section.foot .indirizzo a, #footer section.foot .indirizzo a, footer #section.foot .indirizzo a, #footer #section.foot .indirizzo a { color: #f5f5f5; } footer section.foot .indirizzo a:hover, #footer section.foot .indirizzo a:hover, footer #section.foot .indirizzo a:hover, #footer #section.foot .indirizzo a:hover { color: #53bbe7; } footer section.foot .contatti .icona, #footer section.foot .contatti .icona, footer #section.foot .contatti .icona, #footer #section.foot .contatti .icona { float: left; position: relative; overflow: hidden; display: block; width: 30px; height: 30px; margin-right: 10px; vertical-align: middle; } footer section.foot .contatti .icona .ico, #footer section.foot .contatti .icona .ico, footer #section.foot .contatti .icona .ico, #footer #section.foot .contatti .icona .ico { position: absolute; overflow: hidden; /* top: 50%; margin-top: -12px; */ -webkit-transform: scale(0.3); transform: scale(0.3); } footer section.foot .icona, #footer section.foot .icona, footer #section.foot .icona, #footer #section.foot .icona { float: left; display: block; width: 30px; height: 30px; margin: 0 10px 0 0; } footer section.foot .icona .ico, #footer section.foot .icona .ico, footer #section.foot .icona .ico, #footer #section.foot .icona .ico { -webkit-transform: scale(0.3); transform: scale(0.3); } footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { position: relative; overflow: hidden; width: 1440px; max-width: 86svw; margin: 0 auto 0; padding: 2rem 0; font-family: "Poppins", sans-serif; font-size: 0.8rem; color: #111111; font-weight: 400; line-height: 24px; background-color: #f5f5f5; box-shadow: -40vw 0 #f5f5f5, 40vw 0 #f5f5f5; } @media only screen and (max-width: 850px) { footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { max-width: 86svw; } } footer section.fondo article, #footer section.fondo article, footer #section.fondo article, #footer #section.fondo article { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; align-items: center; -ms-align-items: center; -webkit-align-items: center; gap: 1rem; } @media only screen and (max-width: 850px) { footer section.fondo article, #footer section.fondo article, footer #section.fondo article, #footer #section.fondo article { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; margin: 0; } } footer section.fondo article > *, #footer section.fondo article > *, footer #section.fondo article > *, #footer #section.fondo article > * { display: block; width: max-content; max-width: 100%; flex-grow: 0; flex-shrink: 0; } footer section.fondo article .linea, #footer section.fondo article .linea, footer #section.fondo article .linea, #footer #section.fondo article .linea { position: relative; overflow: hidden; height: 2px; background-color: #525252; width: 100%; flex-shrink: 1; } footer section.fondo article .linea:last-child, #footer section.fondo article .linea:last-child, footer #section.fondo article .linea:last-child, #footer #section.fondo article .linea:last-child { margin-right: 0; } @media only screen and (max-width: 850px) { footer section.fondo article .linea:not(.linea:first-of-type), #footer section.fondo article .linea:not(.linea:first-of-type), footer #section.fondo article .linea:not(.linea:first-of-type), #footer #section.fondo article .linea:not(.linea:first-of-type) { display: none; } } footer section.fondo article .linea.min, #footer section.fondo article .linea.min, footer #section.fondo article .linea.min, #footer #section.fondo article .linea.min { width: 60px; } footer section.fondo article a, #footer section.fondo article a, footer #section.fondo article a, #footer #section.fondo article a { color: #111111; } footer section.fondo article a:hover, #footer section.fondo article a:hover, footer #section.fondo article a:hover, #footer #section.fondo article a:hover { color: #D21B6A; } footer #idlab, #footer #idlab { position: relative; overflow: hidden; display: block; margin: 0; width: 29px; height: 20px; background: url(images/idlab.svg) bottom right no-repeat; } /*footer*/ form { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; } form.classic { justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; border: none; padding: 0; margin: 1em -0.5rem 0; } form.classic > * { width: 100%; padding: 0 !important; margin: 0 15px 30px; text-align: left; line-height: 36px; } @media only screen and (max-width: 850px) { form.classic > * { width: 100% !important; } } form.classic > *.mezzo { width: calc((100% - 0rem) / 2 - 30px); } form.classic > *.unterzo { width: calc((100% + 0rem) / 3 - 30px); } form.classic > *.dueterzi { width: calc(((100% + 0rem) / 3) * 2 - 30px); } form.classic > *.trequarti { width: calc(((100% + 0rem) / 4) * 3 - 30px); } form.classic > *.unquarto { width: calc(((100% + 0rem) / 4) - 30px); } form.classic > *.unquinto { width: calc(((100% + 0rem) / 5) - 30px); } form.classic > *.duequinti { width: calc(((100% + 0rem) / 5) * 2 - 30px); } form.classic > *.trequinti { width: calc(((100% + 0rem) / 5) * 3 - 30px); } form.classic > *.unsesto { width: calc(((100% + 0rem) / 6) - 30px); } form.classic > *.duesesti { width: calc(((100% + 0rem) / 6) * 2 - 30px); } form.classic > *.tresesti { width: calc(((100% + 0rem) / 6) * 3 - 30px); } form.classic > *.tit { margin-top: 30px; } form.classic > *.nomargin { margin: 0; } form.classic > *.flesso { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; } form.classic > *.flesso.smalltxt { justify-content: flex-start; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; flex-wrap: nowrap; -ms-flex-wrap: nowrap; -webkit-flex-wrap: nowrap; margin-bottom: 15px; } form.classic > *.flesso.smalltxt label { width: auto; } form.classic > *.flesso label { display: block; width: 100%; color: #525252; line-height: 1.3; } form.classic > *.smalltxt { font-size: 0.9em; } form.classic > *.smalltxt label { padding: 4px 0; line-height: 30px; } form.classic > *.smalltxt label a { color: currentColor; } form.classic > *.privacy { width: 100% !important; font-size: 0.9em; line-height: 1.4em; } form.classic > *.privacy a { font-size: 1em; text-decoration: none; } form.classic > *.privacy a:hover { color: #D21B6A; text-decoration: none; } form.classic > *.txt { margin: 20px 0; line-height: 1.3em; font-size: 0.9em; } form.classic > *.selezione .int { padding-top: 8px !important; width: calc(100% - 40px); font-size: 0.9em; line-height: 1.5em; } form.classic > *.selezione .int strong { font-weight: 600; } form.classic > *.selezione .int strong.nome { font-size: 1.2em; } form.classic > *.selezione .int img.pagamento { display: inline-block; height: 64px; margin-bottom: 10px; } form.classic > * label { font-family: "Poppins", sans-serif; font-size: 1rem; color: #525252; font-weight: 400; line-height: 36px; } form.classic > * label.piccolo { float: left; margin: 0 30px 0 0; padding: 8px 0; line-height: 20px !important; } form.classic > * label a { color: #e95192; } form.classic > * label a:hover { color: #f5f5f5; } form.classic > * input { margin: 0; padding: 0 10px; width: calc(100% - 2px); } form.classic > * input.btn { padding: 0.8rem 30px; border: none; margin: 0 0 20px; width: 100%; height: auto; border-radius: 25px; background: #3870C0; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); font-family: "Poppins", sans-serif; font-size: 1rem; color: #f5f5f5; font-weight: 700; line-height: 1; letter-spacing: 0.15em; text-transform: uppercase; text-decoration: none; text-align: center; cursor: pointer; -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; vertical-align: middle; } form.classic > * input.btn:hover { background: #D21B6A; color: #D21B6A; -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; cursor: pointer; } form.classic > * input.btn.small { display: inline-block; width: auto; } form.classic > * input.radio { -webkit-box-flex: 0 0 18px; -webkit-flex: 0 0 18px; /**/ -moz-box-flex: 0 0 18px; -ms-flex: 0 0 18px; flex: 0 0 18px; box-flex: 0 0 18px; width: 30px !important; height: 30px !important; margin: 4px 12px 4px 0; padding: 0; outline: 1px solid transparent !important; -webkit-appearance: none; appearance: none; display: grid; place-content: center; float: left; background-color: transparent; border: 2px solid #525252; } form.classic > * input.radio::before { content: ''; width: 16px; height: 16px; border-radius: 3px; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em #111111; } form.classic > * input.radio:focus { outline: none; outline-offset: none; } form.classic > * input.radio:checked::before { transform: scale(1); } form.classic > * input.radio:disabled { color: #E7E7E7; cursor: not-allowed; } form.classic > * input.grandepiccolo1 { width: calc(89% - 74px); } form.classic > * input.grandepiccolo2 { width: 70px; margin-left: 3%; } form.classic > * input.data { color: #888 !important; } form.classic > * input.data:focus { color: #111111 !important; } form.classic > * select { position: relative; width: calc(100%); height: 38px; padding: 0 10px; background: #525252 url('images/frecciaselect.png') right center no-repeat !important; background-size: 36px 36px !important; -moz-appearance: none; -webkit-appearance: none; appearance: none; } form.classic > * select:required:invalid { color: #888 !important; } form.classic > * select option[value=''][disabled] { display: none; } form.classic > * select option { color: black; } form.classic > * textarea { width: calc(100% - 2px); padding: 0 10px; margin: 0; line-height: 1.6em !important; } form.classic > * input, form.classic > * select, form.classic > * textarea { display: block; border: 2px solid #525252; background: transparent; font-family: "Poppins", sans-serif; font-size: 1.1rem; color: #111111; font-weight: 400; line-height: 1.4; padding: 16px 30px; -webkit-appearance: none; -moz-appearance: none; } @media only screen and (max-width: 1440px) { form.classic > * input, form.classic > * select, form.classic > * textarea { padding: 16px; } } form.classic > * input:focus:not(.bottone):not(.radio), form.classic > * select:focus:not(.bottone):not(.radio), form.classic > * textarea:focus:not(.bottone):not(.radio) { border: 2px solid currentColor; -webkit-box-shadow: 1px 0 0 transparent inset,-1px 0 0 transparent inset,0 1px 0 transparent inset,0 -1px 0 transparent inset; -moz-box-shadow: 1px 0 0 transparent inset,-1px 0 0 transparent inset,0 1px 0 transparent inset,0 -1px 0 transparent inset; box-shadow: 1px 0 0 transparent inset,-1px 0 0 transparent inset,0 1px 0 transparent inset,0 -1px 0 transparent inset; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); outline: none; -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; /**/ } form.classic > * input.bottone, form.classic > * select.bottone, form.classic > * textarea.bottone { color: #f5f5f5; border: 2px solid currentColor !important; background-color: currentColor !important; border-radius: 0; } form.classic > * input::-webkit-input-placeholder, form.classic > * select::-webkit-input-placeholder, form.classic > * textarea::-webkit-input-placeholder { color: #525252; } form.classic > * input::-moz-placeholder, form.classic > * select::-moz-placeholder, form.classic > * textarea::-moz-placeholder { color: #525252; } form.classic > * input::-ms-placeholder, form.classic > * select::-ms-placeholder, form.classic > * textarea::-ms-placeholder { color: #525252; } form.classic > * input::placeholder, form.classic > * select::placeholder, form.classic > * textarea::placeholder { color: #525252; } form.classic > * input::file-selector-button, form.classic > * select::file-selector-button, form.classic > * textarea::file-selector-button { font-weight: bold; font-family: "Bai Jamjuree", sans-serif; color: #525252; padding: 0.35em 1.2em; border: thin solid transparent; border-radius: 18px; height: 36px; margin-right: 1rem; background-color: #f5f5f5; cursor: pointer; transition: 0.2s; } form.classic > * input::file-selector-button::hover, form.classic > * select::file-selector-button::hover, form.classic > * textarea::file-selector-button::hover { background-color: #3870C0; } form.classic > * input.bottone, form.classic > * select.bottone, form.classic > * textarea.bottone, form.classic > * input.btn, form.classic > * select.btn, form.classic > * textarea.btn { max-width: 100%; width: min-content; } form.classic > * a.small { font-size: 0.9em; } .flickity-viewport { overflow: visible !important; } .carNav { 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-end; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; padding: 12px 0; width: 40%; max-width: 500px; float: left; } .carNav .freccia { position: relative; overflow: hidden; display: block; width: 100%; height: 24px; } .carNav .freccia.prev { width: 100%; transform: scaleX(-100%); margin-right: 24px; } .carNav .freccia::before { position: absolute; overflow: hidden; content: ''; display: block; top: 0; right: 0; width: 100%; height: 50%; border-bottom: 2px solid #f5f5f5; transition: 0.3s; } .carNav .freccia::after { position: absolute; overflow: hidden; content: ''; display: block; top: 3px; right: 3px; width: 16px; height: 16px; border-top: 2px solid #f5f5f5; border-right: 2px solid #f5f5f5; transform: rotate(45deg); transition: 0.3s; } .carNav .freccia:hover::before, .carNav .freccia:hover::after { border-color: #53bbe7; } @media only screen and (max-width: 1440px) { .carNav { padding-right: 0; max-width: 380px; } } @media only screen and (max-width: 850px) { .carNav { padding: 0 6vw 0 0; max-width: 400px; } .carNav .freccia { margin-right: 0; } } @media only screen and (max-width: 850px) { .carNav { width: 100%; max-width: 300px; } } .accordionInner { -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; } .accordionInner .accordionHead i { position: absolute; overflow: visible; display: block; top: 50%; right: 10px; width: 18px; height: 18px; margin-top: -12px; cursor: pointer; -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; } .accordionInner .accordionHead i::before, .accordionInner .accordionHead i::after { content: ''; position: absolute; overflow: hidden; display: block; width: 10%; height: 100%; left: 48%; background: #D21B6A; border: 1px solid #D21B6A; } .accordionInner .accordionHead i::before { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .accordionInner.active { -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; } .accordionInner.active > .accordionHead i { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); -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; } .accordionInner.active > .accordionCnt { /*max-height: 100000px; -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; .transizione(all,.3s,ease); display: block;*/ } .contenitore_frame { position: relative; overflow: hidden; height: 0; padding-top: 56.25%; width: 100%; margin: 4rem 0; } .contenitore_frame iframe { position: absolute; top: 0; left: 0; border: 0; width: 100%; height: 100%; } #cookiePopup { padding: 0; background: rgba(0, 0, 0, 0.7); position: fixed; z-index: 10000; left: 0; top: 0; height: 100vh; width: 100%; font-family: "Poppins", sans-serif; font-size: 1em; color: #f5f5f5; font-weight: 500; line-height: 1.3em; } #cookiePopup:active #cookieBox { -webkit-box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.6); -moz-box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.6); box-shadow: 0 0 30px 15px rgba(255, 255, 255, 0.6); behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } #cookiePopup #cookieBox { position: absolute; overflow: hidden; top: 0; right: 0; width: calc(100% - 50px); max-width: 640px; border: none; background: #8e1248; padding: 20px; margin: 0 auto; } #cookiePopup #cookieBox p a, #cookiePopup #cookieBox p, #cookiePopup #cookieBox a { color: #f5f5f5; } #cookiePopup #cookieBox h2 { font-family: "Poppins", sans-serif; font-size: 2em; color: #f5f5f5; font-weight: 700; line-height: 2em; } #cookiePopup #cookieBox #checkboxContainer { padding: 20px 0; } #cookiePopup #cookieBox #checkboxContainer .singleCheckBox { padding: 0 25px 0 0; margin: 10px 0; display: inline-block; } #cookiePopup #cookieBox #checkboxContainer .singleCheckBox input[type='checkbox'] { margin: 0 10px 0 0; -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); cursor: pointer; padding: 10px; } #cookiePopup #cookieBox button { border: none; background-color: #f5f5f5; font-size: 90%; letter-spacing: 0.15em; font-weight: 700; padding: 10px 20px; cursor: pointer; transition: all 0.5s; } #cookiePopup #cookieBox button:hover { background-color: #D21B6A; } #cookiePopup #cookieBox button.close { margin-right: 5px; background-color: #D21B6A; color: #f5f5f5; } #cookiePopup #cookieBox button.close:hover { background-color: #f5f5f5; color: #111111; } #bcrumb { position: relative; overflow: visible; width: 100%; height: 58px; border-top: 1px solid #525252; border-bottom: 1px solid #525252; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } #bcrumb ul { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; -webkit-align-items: center; -ms-align-items: center; align-items: center; align-content: center; margin: 0 auto; padding: 0 calc(50svw - 720px); width: 100%; max-width: 100%; height: 100%; } @media only screen and (max-width: 1440px) { #bcrumb ul { width: 100vw; } } @media only screen and (max-width: 1640px) { #bcrumb ul { padding: 0 7svw; } } #bcrumb ul > li { position: relative; overflow: visible; display: flex; align-items: center; list-style: none; z-index: 3; height: 100%; margin: 0 0 0 40px; padding: 0; text-align: center; color: #f5f5f5; font-family: "Bai Jamjuree", sans-serif; font-size: 1rem; color: #525252; font-weight: 400; line-height: 1; letter-spacing: 0.05em; } #bcrumb ul > li span { display: block; position: relative; transform: translateX(-20px); } #bcrumb ul > li:first-child { margin: 0; } #bcrumb ul > li:first-child::before { content: none; } #bcrumb ul > li:first-child span { display: none; } #bcrumb ul > li a { color: #525252; line-height: 36px; font-weight: 400; -webkit-transition: all 0.14s linear; -moz-transition: all 0.14s linear; -ms-transition: all 0.14s linear; -o-transition: all 0.14s linear; transition: all 0.14s linear; } #bcrumb ul > li a:hover { color: #111111; } @media only screen and (max-width: 850px) { #bcrumb ul > li { margin: 0; } #bcrumb ul > li:not(:nth-last-child(2)) { display: none; } #bcrumb ul > li span { transform: translateX(-8px) rotate(180deg); } } #bcrumb.due ul > li a:hover { color: #e95192; } #bcrumb.basso { top: -50px; } #bcrumb.fix_state { position: fixed; overflow: hidden; } #bcrumb.fix { top: 90px; } .lingua { position: relative; overflow: visible; width: 100px; height: 30px !important; } @media only screen and (max-width: 850px) { .lingua { width: 90px; -webkit-box-ordinal-group: -1; -moz-box-ordinal-group: -1; -ms-flex-order: -1; -webkit-order: -1; order: -1; } } .lingua .languagepicker { position: absolute; overflow: hidden; background-color: #E7E7E7; display: inline-block; top: 0; left: 0; padding: 0; width: 100%; height: 30px; border-radius: 15px; transition: all 0.3s ease; } .lingua .languagepicker:hover { /* don't forget the 1px border */ height: 90px; } .lingua .languagepicker::after { content: ''; position: absolute; overflow: hidden; top: 9px; right: 10px; width: 9px; height: 9px; border-bottom: 2px solid #5a5a5a; border-right: 2px solid #5a5a5a; transform: rotate(45deg); } .lingua .languagepicker a { color: #000; text-decoration: none; } .lingua .languagepicker a:first-child li { border: none; background: transparent; } .lingua .languagepicker li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: flex-start; -ms-justify-content: flex-start; -webkit-justify-content: flex-start; align-items: center; -ms-align-items: center; -webkit-align-items: center; background: transparent; padding: 0; width: 100%; height: 30px; border-top: 1px solid #e5e5e5; transition: all 0.3s ease; } .lingua .languagepicker li:hover { background-color: #e95192; } .lingua .languagepicker li img { width: 20px; height: 20px; margin-right: 12px; margin-left: 5px; } .lingua .languagepicker li span { display: block; color: #111111; } .accordionInner.job { margin-bottom: 0rem; padding: 0; } .accordionInner.job .accordionHead { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; padding: 1rem 120px 1rem 0; } @media only screen and (max-width: 850px) { .accordionInner.job .accordionHead { padding-right: 40px; } } .accordionInner.job .accordionHead .tit { font-size: 2rem; font-weight: 400; } @media only screen and (max-width: 850px) { .accordionInner.job .accordionHead .tit { font-size: 1.2rem; } } .accordionInner.job .accordionHead i { width: 28px; height: 28px; } .accordionInner.job .accordionHead i::after { content: none; } .accordionInner.job .accordionHead i::before { 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; font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; content: '\f8ce'; background: none; border: none; width: 100%; font-size: 38px; color: #111111; } .accordionInner.job .accordionCnt { margin-bottom: 1.5rem; } .accordionInner.job .accordionCnt .link { display: block; margin-top: 1rem; text-align: right; } .home #logo { width: 350px; height: 144px; top: 28px; } @media only screen and (max-width: 1440px) { .home #logo { width: 120px; height: 90px; top: 5px; } } .home #logo.basso { top: -150px !important; width: 190px; height: 78px; } .home #logo.fix_state { position: fixed; overflow: hidden; } .home #logo.fix { top: 16px !important; } .home #contenitore { padding-top: 200px !important; } @media only screen and (max-width: 1440px) { .home #contenitore { padding-top: 90px !important; } } .home .menu { height: 200px; } .home .menu.basso { top: -110px; height: 110px; } .home .menu.fix { top: 0px; } @media only screen and (max-width: 1440px) { .home .menu { height: 90px; } .home .menu.basso { top: -90px; } .home .menu.fix { top: 0px; } } body.nohead #contenitore { padding-top: 170px; }