@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&family=Raleway:ital,wght@0,200;0,300;0,400;0,700;0,900;1,200;1,300;1,400;1,700&display=swap'); @font-face { font-family: 'WebSymbolsRegular'; src: url('../css/fonts/websymbolsligaregular.eot'); src: url('../css/fonts/websymbolsligaregular.eot?#iefix') format('embedded-opentype'), url('../css/fonts/websymbolsligaregular.woff') format('woff'), url('../css/fonts/websymbolsligaregular.ttf') format('truetype'), url('../css/fonts/websymbolsligaregular.svg#WebSymbolsRegular') format('svg'); } @font-face { font-family: microgramma; src: url('../css/fonts/microgrammadmedext.eot'); src: url('../css/fonts/microgrammadmedext.eot?#iefix') format('embedded-opentype'), url('../css/fonts/microgrammadmedext.woff') format('woff'), url('../css/fonts/microgrammadmedext.ttf') format('truetype'), url('../css/fonts/microgrammadmedext.svg#microgramma') format('svg'); font-style: normal; } .bottoni { -webkit-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px -10px 10px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px -10px 10px rgba(0,0,0,0.2) inset; box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px -10px 10px rgba(0,0,0,0.2) inset; } .bottonihover { -webkit-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px 10px 10px rgba(0,0,0,0.2) inset; -moz-box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px 10px 10px rgba(0,0,0,0.2) inset; box-shadow: 0px 1px 2px #fff inset, 0px -1px 1px #000 inset, 0px 0px 3px #666, 0px 10px 10px rgba(0,0,0,0.2) inset; } .luce { -webkit-box-shadow: 0px 1px 2px #fff inset; -moz-box-shadow: 0px 1px 2px #fff inset; box-shadow: 0px 1px 2px #fff inset; } .ombra-int { -webkit-box-shadow: 0px -1px 1px #000 inset; -moz-box-shadow: 0px -1px 1px #000 inset; box-shadow: 0px -1px 1px #000 inset; } .ombra-ext { -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px rgba(0,0,0,0.5); } .ombra-txt { -webkit-text-shadow: 0px 1px 2px rgba(0,0,0,0.2); -moz-text-shadow: 0px 1px 2px rgba(0,0,0,0.2); text-shadow: 0px 1px 2px rgba(0,0,0,0.2); } .bianconero { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } .nobianconero { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } .relauto { position: relative; overflow-x: hidden; overflow-y: auto; } .relhide { position: relative; overflow: hidden; } .absauto { position: absolute; overflow-x: hidden; overflow-y: auto; } .abshide { position: absolute; overflow: hidden; } .relvis { position: relative; overflow: visible; } .absvis { position: absolute; overflow: visible; } .margineg-sx { left: 50%; margin-left: -1200px / 2; } .margineg-dx { right: 50%; margin-right: -1200px / 2; } /*----------------------------------------------------------------*/ html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; } *:first-child + html { overflow: auto; } body { overflow: auto; min-height: 100%; font-size: 16px; /* @media only screen and (max-width: 1024px) { font-size:13px; } @media only screen and (min-width: 1441px) { font-size:.8vw; } */ } p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; } h3, h4, h5 { margin: 10px 0; padding: 0; } hr { clear: both; display: block; margin: 0; border: none; border-top: 1px solid #ddd; height: 1px; size: 1px; background: none; color: #ddd; } hr.margine { margin: 15px 0; } /**/ a { outline: none; color: #219ebc; text-decoration: none; } a:hover { color: #fb8500; } a img { border: none; } a.allegato { position: relative; overflow: hidden; display: inline-block; margin: 15px 0; padding: 0 10px 0 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-transform: uppercase; } a.allegato::before { position: absolute; overflow: hidden; display: inline-block; z-index: 2; content: "pdf"; top: 8px; left: 10px; width: 8px; height: 12px; text-align: center; } a.allegato::after { position: absolute; overflow: hidden; display: inline-block; z-index: 3; content: " "; top: 8px; left: 10px; width: 4px; height: 4px; } /**/ .bottone { display: inline-block; padding: 5px 20px; margin: 10px 0 0; border: none; background: #363636; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1em; color: #fff; font-weight: 400; line-height: 30px; text-decoration: none; } .bottone:hover { background: #023047; color: #fff; text-decoration: none; } /*----------------------------------*/ h2, .titolo { font-family: 'Dancing Script', cursive; font-size: 2.2em; color: #fb8500; font-weight: 700; line-height: 2.4em; } h2.due, .titolo.due { color: #8ecae6; } h2.riga, .titolo.riga { position: relative; overflow: hidden; display: block; text-align: center; } h2.riga strong, .titolo.riga strong { position: relative; overflow: hidden; z-index: 2 !important; padding: 0 30px; background: #fff; font-family: 'Dancing Script', cursive; font-size: 1.4em; color: #fb8500; font-weight: 700; line-height: 30px; } h2.riga strong em, .titolo.riga strong em { font-family: 'Dancing Script', cursive; font-size: 1.4em; color: #fb8500; font-weight: 400; line-height: 30px; font-style: normal; } h2.riga strong a, .titolo.riga strong a { color: #023047; } h2.riga strong a:hover, .titolo.riga strong a:hover { color: #a5906d; } h2.riga::after, .titolo.riga::after { content: " "; position: absolute; overflow: hidden; z-index: 1; left: 0; width: 100%; height: 50px; border-bottom: 1px solid #023047; } .sottotitolo, h3 { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #023047; font-weight: 300; line-height: 1.6em; } .sottotitolo.riga, h3.riga { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: center; -ms-flex-pack: center; -webkit-justify-content: center; } @media only screen and (max-width: 600px) { .sottotitolo.riga, h3.riga { font-size: 3vw; } } .sottotitolo.riga a, h3.riga a { display: inline-block; color: #8ecae6; } .sottotitolo.riga a:hover, h3.riga a:hover { color: #4e4e4e; } .intro, h4 { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #023047; font-weight: 300; line-height: 1.5em; } .sx { float: left; margin: 0 30px 5px 0; max-width: 480px; } .dx { float: right; margin: 0 0 5px 30px; max-width: 480px; } @media only screen and (max-width: 1000px) { .dx { float: none; margin: 0 10px; max-width: 100%; } } /*-----------------------------*/ #contenitore { z-index: 2; margin: 0 auto; width: 100%; min-height: 100%; height: auto !important; height: 100%; background: #fff; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1em; color: #2a1d02; font-weight: 300; line-height: 1.6em; /*nav*/ } @media only screen and (max-width: 1260px) { #contenitore { z-index: 99 !important; position: relative; overflow-x: hidden; overflow-y: auto; /* &::before{ content:""; position:fixed; z-index:97; width:100%; height:80px; background:rgba(0,0,0,0.7); }*/ } #contenitore::after { content: ""; position: absolute; overflow: hidden; position: fixed; z-index: 97; top: -220px; width: 100%; height: 300px; background: #023047; transform: translateZ(0px) skew(0deg, -3deg); -webkit-transform: translateZ(0px) skew(0deg, -3deg); -webkit-font-smoothing: antialiased; -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1); } } #contenitore #navigator { position: absolute; overflow: hidden; position: fixed; z-index: 9999; display: none; top: 16px; right: 20px; width: 21px; height: 21px; background: url(images/menu.png) 0 0 no-repeat; background-size: contain; cursor: pointer; -webkit-transform: translate3d(0, 0, 0); } @media only screen and (max-width: 1260px) { #contenitore #navigator { display: inline-block; } } #popup { padding: 30px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 13px; color: #363636; font-weight: 300; line-height: 20px; } #popup .sottotitolo { color: #023047; } #popup ul li { padding: 5px 30px 5px 0; } #popup .quad { padding: 25px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; border-radius: 7px; background: #ddd; } #tornasu { position: fixed; z-index: 99; bottom: 5vw; right: 20px; width: 12px; height: 12px; padding: 14px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; border-radius: 25px; -webkit-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 4px 3px rgba(0, 0, 0, 0.2); background: #c1af91; cursor: pointer; } #tornasu b { display: inline-block; border-top: none; border-right: 6px solid transparent; border-bottom: 12px solid #fff; border-left: 6px solid transparent; } #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: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1em; color: #fff; font-weight: 400; 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); } #cookiePopup #cookieBox { position: absolute; overflow: hidden; top: 0; right: 0; width: calc(100% - 50px); max-width: 640px; border: none; background: #c1af91; padding: 20px; margin: 0 auto; } #cookiePopup #cookieBox a { color: #fff; } #cookiePopup #cookieBox h3 { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 2em; color: #fff; 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: #023047; color: #fff; font-size: 90%; letter-spacing: 0.1em; font-weight: 700; padding: 10px 20px; cursor: pointer; transition: all 0.5s; border-radius: 30px; margin-right: 6px; } #cookiePopup #cookieBox button:hover { background-color: #2a1d02; } #cookiePopup #cookieBox button.close { background-color: transparent; color: #fff; } #cookiePopup #cookieBox button.close:hover { background-color: #8ecae6; color: #fff; } /*------------------------------*/ nav, #nav { position: fixed; z-index: 90; top: 0; left: 0; right: 0; height: 110px; /*background:rgba(0,0,0,0.7); .ombra(0 40px 0 rgba(0,0,0,0.5) inset);*/ /**/ /*div*/ } nav::after, #nav::after { content: ""; position: absolute; overflow: hidden; top: -220px; width: 100%; height: 300px; background: #8ecae6; /* transform: translateZ(0px) skew(0deg, -3deg); -webkit-transform: translateZ(0px) skew(0deg, -3deg); -webkit-font-smoothing: antialiased; */ } nav::before, #nav::before { content: ""; position: absolute; overflow: hidden; top: -170px; width: 100%; height: 300px; background: #023047; /* transform: translateZ(0px) skew(0deg, 3deg); -webkit-transform: translateZ(0px) skew(0deg, 3deg); -webkit-font-smoothing: antialiased; */ } @media only screen and (max-width: 1260px) { nav, #nav { position: fixed; /*overflow-y:scroll; overflow-x:hidden;*/ overflow: hidden; z-index: 999 !important; width: 180px !important; height: auto !important; top: 42px; /*left:auto;*/ left: 100vw; bottom: 0; right: 0; margin: 0; padding: 20px; border: none; background: #219ebc; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; } nav::before, #nav::before, nav::after, #nav::after { display: none; } } nav div, #nav div { /*ul*/ } nav div ul, #nav div ul { position: relative; overflow: visible; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: flex-end !important; -webkit-justify-content: flex-end !important; -ms-flex-pack: end !important; padding: 0; margin: 0 auto; width: 1200px; /*.margineg-sx; */ /*sopra*/ /*sotto*/ } @media only screen and (min-width: 1280px) { nav div ul, #nav div ul { width: 1200px; } } @media only screen and (max-width: 1260px) { nav div ul, #nav div ul { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { nav div ul, #nav div ul { width: 100%; } } @media only screen and (max-width: 1260px) { nav div ul, #nav div ul { position: relative; overflow: hidden; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-pack: start; width: 180px; margin: 0; left: 0; } } nav div ul li, #nav div ul li { display: inline-block; /**/ list-style: none; margin: 0 0 0 20px; padding: 0; text-align: center; cursor: pointer; } @media only screen and (max-width: 1260px) { nav div ul li, #nav div ul li { border-bottom: 1px dashed #023047; width: 100%; padding: 10px 0; margin: 0; text-align: left; line-height: 20px !important; } } nav div ul li ul, #nav div ul li ul { position: relative; width: auto; margin: 0; left: auto; } nav div ul.sopra, #nav div ul.sopra { overflow: visible; height: 70px; z-index: 99 !important; } @media only screen and (max-width: 1260px) { nav div ul.sopra, #nav div ul.sopra { height: auto; } } nav div ul.sopra li, #nav div ul.sopra li { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1em; color: #023047; font-weight: 300; line-height: 70px; text-transform: uppercase; /**/ /*lingua*/ } nav div ul.sopra li a, #nav div ul.sopra li a { color: #023047; } nav div ul.sopra li a:hover, #nav div ul.sopra li a:hover { color: #f6f1e8; } @media only screen and (max-width: 1260px) { nav div ul.sopra li, #nav div ul.sopra li { font-family: 'Dancing Script', cursive; font-size: 1.3em; color: #8ecae6; font-weight: 400; line-height: 50px; text-transform: capitalize; } nav div ul.sopra li a, #nav div ul.sopra li a { color: #8ecae6; } nav div ul.sopra li a:hover, #nav div ul.sopra li a:hover { color: #fff; } } nav div ul.sopra li.tel, #nav div ul.sopra li.tel, nav div ul.sopra li.mail, #nav div ul.sopra li.mail { position: relative; overflow: hidden; display: block; height: auto; padding: 0 0 0 25px; background: url(images/ico.png) 0 0 no-repeat; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1em; color: #fff; font-weight: 400; line-height: 40px; text-transform: none; } @media only screen and (max-width: 1260px) { nav div ul.sopra li.tel, #nav div ul.sopra li.tel, nav div ul.sopra li.mail, #nav div ul.sopra li.mail { width: calc(100% - 25px); line-height: 40px !important; } } nav div ul.sopra li.tel.tel, #nav div ul.sopra li.tel.tel, nav div ul.sopra li.mail.tel, #nav div ul.sopra li.mail.tel { background-position: 0 12px; } nav div ul.sopra li.tel.mail, #nav div ul.sopra li.tel.mail, nav div ul.sopra li.mail.mail, #nav div ul.sopra li.mail.mail { background-position: 0 -88px; margin-right: 140px; /**/ } nav div ul.sopra li.social ul, #nav div ul.sopra li.social ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; height: 32px; padding: 19px 0; margin: 0; } @media only screen and (max-width: 1260px) { nav div ul.sopra li.social ul, #nav div ul.sopra li.social ul { justify-content: center !important; -ms-flex-pack: center !important; -webkit-justify-content: center !important; flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-box-direction: row; -webkit-box-direction: row; width: 180px; display: none; height: 0; } } nav div ul.sopra li.social ul li, #nav div ul.sopra li.social ul li { display: block; overflow: hidden; width: 32px; height: 32px; margin: 0 5px; padding: 0; background: url(images/ico.png) no-repeat; } nav div ul.sopra li.social ul li.fb, #nav div ul.sopra li.social ul li.fb { background-position: 0 -200px; } nav div ul.sopra li.social ul li.gp, #nav div ul.sopra li.social ul li.gp { background-position: 0 -250px; } nav div ul.sopra li.social ul li.ta, #nav div ul.sopra li.social ul li.ta { background-position: 0 -400px; } nav div ul.sopra li.social ul li.yt, #nav div ul.sopra li.social ul li.yt { background-position: 0 -350px; } nav div ul.sopra li.social ul li.wa, #nav div ul.sopra li.social ul li.wa { background-position: 0 -450px; } nav div ul.sopra li.social ul li.tel, #nav div ul.sopra li.social ul li.tel { background-position: 0 -500px; } nav div ul.sopra li.social ul li.em, #nav div ul.sopra li.social ul li.em { background-position: 0 -550px; } nav div ul.sopra li.social ul li.empty, #nav div ul.sopra li.social ul li.empty { background-position: 0 -650px; } nav div ul.sopra li.social ul li a, #nav div ul.sopra li.social ul li a { display: block; padding: 50px 0 0 ; } @media only screen and (max-width: 1260px) { nav div ul.sopra li.social ul li, #nav div ul.sopra li.social ul li { border: none; width: 32px; height: 32px; } } nav div ul.sopra li.lingua, #nav div ul.sopra li.lingua { position: relative; overflow: hidden; width: auto; padding: 0 ; /*display:none;*/ } @media only screen and (max-width: 1260px) { nav div ul.sopra li.lingua, #nav div ul.sopra li.lingua { position: absolute; overflow: hidden; top: 0px; right: 0; border: none; } } nav div ul.sopra li.lingua ul, #nav div ul.sopra li.lingua ul { position: relative; overflow: hidden; display: block; left: 0; width: auto !important; height: 28px; padding: 22px 4px ; margin: 0 ; -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; } nav div ul.sopra li.lingua ul li, #nav div ul.sopra li.lingua ul li { border: none; float: left; padding: 0; margin: 0 0 0 4px; width: 28px; height: 28px; font-family: 'Dancing Script', cursive; font-size: 1em; color: #fff; font-weight: 400; line-height: 28px; } nav div ul.sopra li.lingua ul li a, #nav div ul.sopra li.lingua ul li a { display: block; width: 28px; height: 28px; } nav div ul.sopra li.lingua ul li.it, #nav div ul.sopra li.lingua ul li.it, nav div ul.sopra li.lingua ul li.en, #nav div ul.sopra li.lingua ul li.en, nav div ul.sopra li.lingua ul li.fr, #nav div ul.sopra li.lingua ul li.fr, nav div ul.sopra li.lingua ul li.de, #nav div ul.sopra li.lingua ul li.de, nav div ul.sopra li.lingua ul li.es, #nav div ul.sopra li.lingua ul li.es, nav div ul.sopra li.lingua ul li.pt, #nav div ul.sopra li.lingua ul li.pt, nav div ul.sopra li.lingua ul li.ru, #nav div ul.sopra li.lingua ul li.ru, nav div ul.sopra li.lingua ul li.jp, #nav div ul.sopra li.lingua ul li.jp, nav div ul.sopra li.lingua ul li.cn, #nav div ul.sopra li.lingua ul li.cn { background-repeat: no-repeat; background-size: cover; } nav div ul.sopra li.lingua ul li.it, #nav div ul.sopra li.lingua ul li.it { background-image: url(images/flags/it.png); } nav div ul.sopra li.lingua ul li.en, #nav div ul.sopra li.lingua ul li.en { background-image: url(images/flags/en.png); } nav div ul.sopra li.lingua ul li.fr, #nav div ul.sopra li.lingua ul li.fr { background-image: url(images/flags/fr.png); } nav div ul.sopra li.lingua ul li.de, #nav div ul.sopra li.lingua ul li.de { background-image: url(images/flags/de.png); } nav div ul.sotto, #nav div ul.sotto { top: 10px; } @media only screen and (max-width: 1260px) { nav div ul.sotto, #nav div ul.sotto { top: 0; height: auto; } } nav div ul.sotto li, #nav div ul.sotto li { font-family: 'Dancing Script', cursive; font-size: 1.5em; color: #8ecae6; font-weight: 700; line-height: 50px; } nav div ul.sotto li a, #nav div ul.sotto li a { color: #8ecae6; } nav div ul.sotto li a:hover, #nav div ul.sotto li a:hover { color: #fff; } /*------------------------------*/ #logo { position: absolute; overflow: hidden; position: fixed; z-index: 98 !important; top: 40px; left: 10px; width: 280px; height: 86px; background: url(images/logo.png) 50% 50% no-repeat; background-size: cover; -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; } @media only screen and (max-width: 1260px) { #logo { height: 32px; width: 244px; left: 5px; margin: 0; background-size: auto 80%; background: url("images/logo_lungo.png") 50% 50% no-repeat; top: 10px; background-size: contain; } } #logo a { display: block; padding-top: 300px; } #logo.bassa { /*height:90px;*/ -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; } /*------------------*/ section, #section { position: relative; overflow: hidden; width: 100%; /*-----------------------*/ /*--------specialita---------------*/ /*-----------------------*/ /*--------specialita right ---------------*/ /*break*/ /*offerte-list*/ /*gallery-list*/ /*newsletter*/ /*map*/ /*sez*/ /*gen*/ /*piatti list*/ /*album list*/ /*links*/ } section.bigslide, #section.bigslide { z-index: 2; height: 100vh; /*--punti*/ /**/ } section.bigslide::after, #section.bigslide::after { content: ""; position: absolute; overflow: hidden; z-index: 2; bottom: -270px; width: 100%; height: 300px; background: #f6f1e8; -webkit-font-smoothing: antialiased; /* in chrome i testi facevano schifo senza questi*/ } @media only screen and (max-width: 660px) { section.bigslide, #section.bigslide { height: 60vh !important; } } section.bigslide.low, #section.bigslide.low { height: 90vh; } section.bigslide.low2, #section.bigslide.low2 { height: 70vh; } section.bigslide.low2::after, #section.bigslide.low2::after { background: #fff; /**/ } section.bigslide.bianco::after, #section.bigslide.bianco::after { bottom: -290px; background: #fff; /**/ } section.bigslide ul#slidepreview, #section.bigslide ul#slidepreview { position: absolute; overflow: hidden; z-index: 1 !important; display: block; width: 100%; height: 100%; margin: 0; padding: 0; } section.bigslide ul#slidepreview li, #section.bigslide ul#slidepreview li { position: relative; overflow: hidden; /*float:left;*/ list-style: none; width: 100vw; height: 100vh; margin: 0; padding: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; /*intro*/ } @media only screen and (max-width: 660px) { section.bigslide ul#slidepreview li, #section.bigslide ul#slidepreview li { height: 60vh; } } section.bigslide ul#slidepreview li .intro, #section.bigslide ul#slidepreview li .intro { position: absolute; overflow: hidden; z-index: 99 !important; bottom: 0; left: 0; right: 0; padding: 3vw 3vw 7vw; background: rgba(0, 0, 0, 0.6); font-family: 'Dancing Script', cursive; font-size: 2vw; color: #fff; font-weight: 400; line-height: 1.2em; text-align: center; } @media only screen and (max-width: 660px) { section.bigslide ul#slidepreview li .intro, #section.bigslide ul#slidepreview li .intro { font-size: 3vw; width: 100%; bottom: calc(5vh + 0px); transform: translate(0, 0); -webkit-transform: translate(0, 0); } } section.bigslide ul#slidepreview li .intro strong, #section.bigslide ul#slidepreview li .intro strong { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 2.2em; color: #fff; font-weight: 900; line-height: 1.1em; text-transform: uppercase; } section.bigslide ul#slidepreview li .intro a, #section.bigslide ul#slidepreview li .intro a { position: relative; overflow: hidden; display: inline-block; display: none; clear: both; width: 50px; height: 50px; /*margin-top:30px;*/ margin: margin:30px 0 0; border: 2px solid #fff; -webkit-border-radius: 28px; -moz-border-radius: 28px; -ms-border-radius: 28px; -o-border-radius: 28px; border-radius: 28px; -webkit-animation: freccia 5s ease-in infinite; -moz-animation: freccia 5s ease-in infinite; -ms-animation: freccia 5s ease-in infinite; -o-animation: freccia 5s ease-in infinite; animation: freccia 5s ease-in infinite; } section.bigslide ul#slidepreview li .intro a::before, #section.bigslide ul#slidepreview li .intro a::before { position: absolute; overflow: hidden; display: block; content: ""; width: 20px; height: 20px; top: 50%; left: 50%; margin: -14px 0 0 -12px; /**/ border-top: none; border-right: 2px solid #fff; border-bottom: 2px solid #fff; border-left: none; transform: rotate(45deg); -webkit-transform: rotate(45deg); } section.bigslide ul#slidepreview li .intro a .act 0%, #section.bigslide ul#slidepreview li .intro a .act 0% { margin: 20px 0 20px; } section.bigslide ul#slidepreview li .intro a .act 10%, #section.bigslide ul#slidepreview li .intro a .act 10% { margin: 40px 0 0; } section.bigslide ul#slidepreview li .intro a .act 12%, #section.bigslide ul#slidepreview li .intro a .act 12% { margin: 10px 0 30px; } section.bigslide ul#slidepreview li .intro a .act 13%, #section.bigslide ul#slidepreview li .intro a .act 13% { margin: 20px 0 20px; } section.bigslide ul#slidepreview li .intro a .act 100%, #section.bigslide ul#slidepreview li .intro a .act 100% { margin: 20px 0 20px; } @-webkit-keyframes freccia { 0% { margin: 20px 0 20px; } 10% { margin: 40px 0 0; } 12% { margin: 10px 0 30px; } 13% { margin: 20px 0 20px; } 100% { margin: 20px 0 20px; } } @-moz-keyframes freccia { 0% { margin: 20px 0 20px; } 10% { margin: 40px 0 0; } 12% { margin: 10px 0 30px; } 13% { margin: 20px 0 20px; } 100% { margin: 20px 0 20px; } } @-o-keyframes freccia { 0% { margin: 20px 0 20px; } 10% { margin: 40px 0 0; } 12% { margin: 10px 0 30px; } 13% { margin: 20px 0 20px; } 100% { margin: 20px 0 20px; } } @keyframes freccia { 0% { margin: 20px 0 20px; } 10% { margin: 40px 0 0; } 12% { margin: 10px 0 30px; } 13% { margin: 20px 0 20px; } 100% { margin: 20px 0 20px; } } section.bigslide ul.punti, #section.bigslide ul.punti { position: absolute; overflow: hidden; z-index: 99; bottom: 40px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); margin: 0; padding: 0; width: auto; height: 16px; text-align: center; } section.bigslide ul.punti li, #section.bigslide ul.punti li { list-style: none; display: inline-block; width: 16px; height: 16px; margin: 0 2px; padding: 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background: #fff; text-align: center; line-height: 16px; cursor: pointer; } section.bigslide ul.punti li span, #section.bigslide ul.punti li span { display: none; width: 16px; height: 16px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; background: #8ecae6; } section.bigslide ul.punti li:hover span, #section.bigslide ul.punti li:hover span, section.bigslide ul.punti li.sel span, #section.bigslide ul.punti li.sel span, section.bigslide ul.punti li.current span, #section.bigslide ul.punti li.current span { display: block; } section.bigslide #preload, #section.bigslide #preload { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: center; -ms-flex-pack: center; -webkit-justify-content: center; align-items: center; -ms-flex-align: center; -webkit-align-items: center; width: 100vw; height: 100vh; background: #000; } section.bigslide #preload img, #section.bigslide #preload img { width: 64px; height: 64px; } section.bigslide #mappa, #section.bigslide #mappa { width: 100%; height: 100%; } section.specialita, #section.specialita { z-index: 3; overflow: visible; background: #f6f1e8; } section.specialita article, #section.specialita article, section.specialita #article, #section.specialita #article { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; align-items: flex-start; -ms-flex-align: start; -webkit-align-items: flex-start; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; width: 1200px; margin: -40px auto 0; /*figure*/ /*figcapt*/ } @media only screen and (min-width: 1280px) { section.specialita article, #section.specialita article, section.specialita #article, #section.specialita #article { width: 1200px; } } @media only screen and (max-width: 1260px) { section.specialita article, #section.specialita article, section.specialita #article, #section.specialita #article { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { section.specialita article, #section.specialita article, section.specialita #article, #section.specialita #article { width: 100%; } } @media only screen and (max-width: 790px) { section.specialita article, #section.specialita article, section.specialita #article, #section.specialita #article { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; justify-content: center; -ms-flex-pack: center; -webkit-justify-content: center; } } section.specialita article figure, #section.specialita article figure, section.specialita #article figure, #section.specialita #article figure, section.specialita article #figure, #section.specialita article #figure, section.specialita #article #figure, #section.specialita #article #figure { position: relative; overflow: hidden; z-index: 3; display: block; left: 5%; width: 45%; max-width: 540px; margin: 0; border: 20px solid #c1af91; } @media only screen and (max-width: 1000px) { section.specialita article figure, #section.specialita article figure, section.specialita #article figure, #section.specialita #article figure, section.specialita article #figure, #section.specialita article #figure, section.specialita #article #figure, #section.specialita #article #figure { width: 35%; } } @media only screen and (max-width: 790px) { section.specialita article figure, #section.specialita article figure, section.specialita #article figure, #section.specialita #article figure, section.specialita article #figure, #section.specialita article #figure, section.specialita #article #figure, #section.specialita #article #figure { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 70%; max-width: 70%; left: calc(15% - 20px); } } section.specialita article figure img, #section.specialita article figure img, section.specialita #article figure img, #section.specialita #article figure img, section.specialita article #figure img, #section.specialita article #figure img, section.specialita #article #figure img, #section.specialita #article #figure img { position: absolute; overflow: hidden; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } section.specialita article figure::after, #section.specialita article figure::after, section.specialita #article figure::after, #section.specialita #article figure::after, section.specialita article #figure::after, #section.specialita article #figure::after, section.specialita #article #figure::after, #section.specialita #article #figure::after { content: " "; display: block; padding-top: 75%; } section.specialita article figcaption, #section.specialita article figcaption, section.specialita #article figcaption, #section.specialita #article figcaption, section.specialita article #figcaption, #section.specialita article #figcaption, section.specialita #article #figcaption, #section.specialita #article #figcaption { position: relative; overflow: hidden; display: inline-block; z-index: 4; right: 5%; width: 40%; height: auto; padding: 20px 5%; margin: 40px 0 0 -5%; background: #8ecae6; } @media only screen and (max-width: 1000px) { section.specialita article figcaption, #section.specialita article figcaption, section.specialita #article figcaption, #section.specialita #article figcaption, section.specialita article #figcaption, #section.specialita article #figcaption, section.specialita #article #figcaption, #section.specialita #article #figcaption { width: 45%; } } @media only screen and (max-width: 790px) { section.specialita article figcaption, #section.specialita article figcaption, section.specialita #article figcaption, #section.specialita #article figcaption, section.specialita article #figcaption, #section.specialita article #figcaption, section.specialita #article #figcaption, #section.specialita #article #figcaption { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 80%; margin: 30px 10% 0; text-align: center; background: none; } } section.specialita article figcaption .tit, #section.specialita article figcaption .tit, section.specialita #article figcaption .tit, #section.specialita #article figcaption .tit, section.specialita article #figcaption .tit, #section.specialita article #figcaption .tit, section.specialita #article #figcaption .tit, #section.specialita #article #figcaption .tit { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #023047; font-weight: 900; line-height: 1.2em; text-transform: uppercase; } section.specialita article figcaption h2 a, #section.specialita article figcaption h2 a, section.specialita #article figcaption h2 a, #section.specialita #article figcaption h2 a, section.specialita article #figcaption h2 a, #section.specialita article #figcaption h2 a, section.specialita #article #figcaption h2 a, #section.specialita #article #figcaption h2 a { font-family: 'Dancing Script', cursive; font-size: 1em; color: #023047; font-weight: 400; line-height: 1.2em; } section.specialita article figcaption a.btn, #section.specialita article figcaption a.btn, section.specialita #article figcaption a.btn, #section.specialita #article figcaption a.btn, section.specialita article #figcaption a.btn, #section.specialita article #figcaption a.btn, section.specialita #article #figcaption a.btn, #section.specialita #article #figcaption a.btn { display: inline-block; border: 1px solid #023047; padding: 0 50px; margin: 30px 0 0; font-family: 'Dancing Script', cursive; font-size: 1.2em; color: #023047; font-weight: 400; line-height: 2em; } section.specialita article figcaption a.btn:hover, #section.specialita article figcaption a.btn:hover, section.specialita #article figcaption a.btn:hover, #section.specialita #article figcaption a.btn:hover, section.specialita article #figcaption a.btn:hover, #section.specialita article #figcaption a.btn:hover, section.specialita #article #figcaption a.btn:hover, #section.specialita #article #figcaption a.btn:hover { background: #023047; color: #8ecae6; } section.specialitaright, #section.specialitaright { z-index: 3; overflow: visible; background: #f6f1e8; } section.specialitaright article, #section.specialitaright article, section.specialitaright #article, #section.specialitaright #article { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; align-items: flex-start; -ms-flex-align: start; -webkit-align-items: flex-start; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; width: 1200px; margin: -40px auto 0; /*figure*/ /*figcapt*/ } @media only screen and (min-width: 1280px) { section.specialitaright article, #section.specialitaright article, section.specialitaright #article, #section.specialitaright #article { width: 1200px; } } @media only screen and (max-width: 1260px) { section.specialitaright article, #section.specialitaright article, section.specialitaright #article, #section.specialitaright #article { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { section.specialitaright article, #section.specialitaright article, section.specialitaright #article, #section.specialitaright #article { width: 100%; } } @media only screen and (max-width: 790px) { section.specialitaright article, #section.specialitaright article, section.specialitaright #article, #section.specialitaright #article { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; justify-content: center; -ms-flex-pack: center; -webkit-justify-content: center; } } section.specialitaright article figure, #section.specialitaright article figure, section.specialitaright #article figure, #section.specialitaright #article figure, section.specialitaright article #figure, #section.specialitaright article #figure, section.specialitaright #article #figure, #section.specialitaright #article #figure { position: relative; overflow: hidden; z-index: 3; display: block; right: 5%; width: 45%; max-width: 540px; margin: 0; border: 20px solid #c1af91; } @media only screen and (max-width: 1000px) { section.specialitaright article figure, #section.specialitaright article figure, section.specialitaright #article figure, #section.specialitaright #article figure, section.specialitaright article #figure, #section.specialitaright article #figure, section.specialitaright #article #figure, #section.specialitaright #article #figure { width: 35%; } } @media only screen and (max-width: 790px) { section.specialitaright article figure, #section.specialitaright article figure, section.specialitaright #article figure, #section.specialitaright #article figure, section.specialitaright article #figure, #section.specialitaright article #figure, section.specialitaright #article #figure, #section.specialitaright #article #figure { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 70%; max-width: 70%; right: calc(15% - 20px); } } section.specialitaright article figure img, #section.specialitaright article figure img, section.specialitaright #article figure img, #section.specialitaright #article figure img, section.specialitaright article #figure img, #section.specialitaright article #figure img, section.specialitaright #article #figure img, #section.specialitaright #article #figure img { position: absolute; overflow: hidden; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } section.specialitaright article figure::after, #section.specialitaright article figure::after, section.specialitaright #article figure::after, #section.specialitaright #article figure::after, section.specialitaright article #figure::after, #section.specialitaright article #figure::after, section.specialitaright #article #figure::after, #section.specialitaright #article #figure::after { content: " "; display: block; padding-top: 75%; } section.specialitaright article figcaption, #section.specialitaright article figcaption, section.specialitaright #article figcaption, #section.specialitaright #article figcaption, section.specialitaright article #figcaption, #section.specialitaright article #figcaption, section.specialitaright #article #figcaption, #section.specialitaright #article #figcaption { position: relative; overflow: hidden; display: inline-block; z-index: 4; left: 5%; width: 40%; height: auto; padding: 20px 5%; margin: 40px 0 0 -5%; background: #8ecae6; } @media only screen and (max-width: 1000px) { section.specialitaright article figcaption, #section.specialitaright article figcaption, section.specialitaright #article figcaption, #section.specialitaright #article figcaption, section.specialitaright article #figcaption, #section.specialitaright article #figcaption, section.specialitaright #article #figcaption, #section.specialitaright #article #figcaption { width: 45%; } } @media only screen and (max-width: 790px) { section.specialitaright article figcaption, #section.specialitaright article figcaption, section.specialitaright #article figcaption, #section.specialitaright #article figcaption, section.specialitaright article #figcaption, #section.specialitaright article #figcaption, section.specialitaright #article #figcaption, #section.specialitaright #article #figcaption { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 80%; margin: 30px 10% 0; text-align: center; background: none; } } section.specialitaright article figcaption .tit, #section.specialitaright article figcaption .tit, section.specialitaright #article figcaption .tit, #section.specialitaright #article figcaption .tit, section.specialitaright article #figcaption .tit, #section.specialitaright article #figcaption .tit, section.specialitaright #article #figcaption .tit, #section.specialitaright #article #figcaption .tit { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #023047; font-weight: 900; line-height: 1.2em; text-transform: uppercase; } section.specialitaright article figcaption h2 a, #section.specialitaright article figcaption h2 a, section.specialitaright #article figcaption h2 a, #section.specialitaright #article figcaption h2 a, section.specialitaright article #figcaption h2 a, #section.specialitaright article #figcaption h2 a, section.specialitaright #article #figcaption h2 a, #section.specialitaright #article #figcaption h2 a { font-family: 'Dancing Script', cursive; font-size: 1em; color: #023047; font-weight: 400; line-height: 1.2em; } section.specialitaright article figcaption a.btn, #section.specialitaright article figcaption a.btn, section.specialitaright #article figcaption a.btn, #section.specialitaright #article figcaption a.btn, section.specialitaright article #figcaption a.btn, #section.specialitaright article #figcaption a.btn, section.specialitaright #article #figcaption a.btn, #section.specialitaright #article #figcaption a.btn { display: inline-block; border: 1px solid #023047; padding: 0 50px; margin: 30px 0 0; font-family: 'Dancing Script', cursive; font-size: 1.2em; color: #023047; font-weight: 400; line-height: 2em; } section.specialitaright article figcaption a.btn:hover, #section.specialitaright article figcaption a.btn:hover, section.specialitaright #article figcaption a.btn:hover, #section.specialitaright #article figcaption a.btn:hover, section.specialitaright article #figcaption a.btn:hover, #section.specialitaright article #figcaption a.btn:hover, section.specialitaright #article #figcaption a.btn:hover, #section.specialitaright #article #figcaption a.btn:hover { background: #023047; color: #8ecae6; } section.break, #section.break { width: 100%; height: 40vh; margin: 50px 0; /* transform:skew(0deg,-3deg); -webkit-transform:skew(0deg,-3deg); transform-origin:50% 50%; -webkit-transform-origin:50% 50%; */ /* @media only screen and (max-width: 600px) { height:30vh; } */ } @media only screen and (max-width: 1024px) { section.break, #section.break { /*display: none;*/ } } section.break img, #section.break img { width: 100%; height: 60vh; margin-top: -10vh; background: 50% 50% no-repeat; background-size: cover; /* background-attachment:fixed; transform:skew(0deg,3deg); -webkit-transform:skew(0deg,3deg); transform-origin:50% 50%; -webkit-transform-origin:50% 50%; */ } section.break.due, #section.break.due { margin: 50px 0 -70px; /*transform:skew(0deg,2deg); -webkit-transform:skew(0deg,2deg); img{ transform:skew(0deg,-2deg); -webkit-transform:skew(0deg,-2deg); }*/ } section.break blockquote, #section.break blockquote { padding: 20px 5%; width: 60%; border: 1px solid #fff; background: rgba(0, 0, 0, 0.5); font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 2.2vw; color: #fff; font-weight: 400; line-height: 1.3em; text-align: center; } @media only screen and (max-width: 600px) { section.break blockquote, #section.break blockquote { width: 80%; font-size: 3vw; } } section.offerte-list, #section.offerte-list { z-index: 3; /*--article--*/ /*due*/ } section.offerte-list article, #section.offerte-list article, section.offerte-list #article, #section.offerte-list #article { width: 1200px; margin: 50px auto 30px; text-align: center; position: relative; overflow-x: hidden; /* @media only screen and (max-width: 1000px){ width:94%; padding:0 3%; } */ } @media only screen and (min-width: 1280px) { section.offerte-list article, #section.offerte-list article, section.offerte-list #article, #section.offerte-list #article { width: 1200px; } } @media only screen and (max-width: 1260px) { section.offerte-list article, #section.offerte-list article, section.offerte-list #article, #section.offerte-list #article { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { section.offerte-list article, #section.offerte-list article, section.offerte-list #article, #section.offerte-list #article { width: 100%; } } section.offerte-list article ul, #section.offerte-list article ul, section.offerte-list #article ul, #section.offerte-list #article ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-around; -ms-flex-pack: justify; -webkit-justify-content: space-around; margin: 0px auto 0; padding: 0; width: 80%; } @media only screen and (max-width: 600px) { section.offerte-list article ul, #section.offerte-list article ul, section.offerte-list #article ul, #section.offerte-list #article ul { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.offerte-list article ul li, #section.offerte-list article ul li, section.offerte-list #article ul li, #section.offerte-list #article ul li { position: relative; overflow: hidden; list-style: none; margin: 0 0 30px; padding: 20px 0; width: 100%; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1em; color: #023047; font-weight: 300; line-height: 1.5em; text-align: center; } @media only screen and (max-width: 600px) { section.offerte-list article ul li, #section.offerte-list article ul li, section.offerte-list #article ul li, #section.offerte-list #article ul li { width: 94%; padding: 20px 3%; margin: 0; border-bottom: 1px solid #023047; } } section.offerte-list article ul li a, #section.offerte-list article ul li a, section.offerte-list #article ul li a, #section.offerte-list #article ul li a { color: #023047; } section.offerte-list article ul li a:hover, #section.offerte-list article ul li a:hover, section.offerte-list #article ul li a:hover, #section.offerte-list #article ul li a:hover { color: #8ecae6; } section.offerte-list article ul li a.tit strong, #section.offerte-list article ul li a.tit strong, section.offerte-list #article ul li a.tit strong, #section.offerte-list #article ul li a.tit strong { font-family: 'Dancing Script', cursive; font-size: 1.7em; color: #023047; font-weight: 400; line-height: 1.2em; } section.offerte-list article ul li a.tit strong:hover, #section.offerte-list article ul li a.tit strong:hover, section.offerte-list #article ul li a.tit strong:hover, #section.offerte-list #article ul li a.tit strong:hover { color: #8ecae6; } section.offerte-list article ul li a.immagine, #section.offerte-list article ul li a.immagine, section.offerte-list #article ul li a.immagine, #section.offerte-list #article ul li a.immagine { position: relative; overflow: hidden; display: block; width: 400px; height: 200px; margin: 30px auto; /* &::before{ content:""; .abshide; display:block; z-index:2; top:-100px; .bordo(100px solid transparent, 200px solid @bianco, 100px solid transparent, 200px solid @bianco); } &::after{ content:""; .abshide; display:block; z-index:2; top:100px; .bordo(100px solid transparent, 200px solid @bianco, 100px solid transparent, 200px solid @bianco); } */ } section.offerte-list article ul li a.immagine img, #section.offerte-list article ul li a.immagine img, section.offerte-list #article ul li a.immagine img, #section.offerte-list #article ul li a.immagine img { position: absolute; overflow: hidden; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } section.offerte-list article ul li a.btn, #section.offerte-list article ul li a.btn, section.offerte-list #article ul li a.btn, #section.offerte-list #article ul li a.btn { display: inline-block; border: 1px solid #023047; padding: 0 50px; font-family: 'Dancing Script', cursive; font-size: 1.2em; color: #023047; font-weight: 400; line-height: 2em; } section.offerte-list article ul li a.btn:hover, #section.offerte-list article ul li a.btn:hover, section.offerte-list #article ul li a.btn:hover, #section.offerte-list #article ul li a.btn:hover { background: #023047; color: #8ecae6; } section.offerte-list article ul li em, #section.offerte-list article ul li em, section.offerte-list #article ul li em, #section.offerte-list #article ul li em { font-family: 'Dancing Script', cursive; font-size: 1.2em; color: #ffb703; font-weight: 700; line-height: 1.5em; font-style: normal; } section.offerte-list.due article, #section.offerte-list.due article, section.offerte-list.due #article, #section.offerte-list.due #article { width: 1200px; margin: 200px auto 30px; /*ul*/ } @media only screen and (min-width: 1280px) { section.offerte-list.due article, #section.offerte-list.due article, section.offerte-list.due #article, #section.offerte-list.due #article { width: 1200px; } } @media only screen and (max-width: 1260px) { section.offerte-list.due article, #section.offerte-list.due article, section.offerte-list.due #article, #section.offerte-list.due #article { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { section.offerte-list.due article, #section.offerte-list.due article, section.offerte-list.due #article, #section.offerte-list.due #article { width: 100%; } } @media only screen and (max-width: 1000px) { section.offerte-list.due article, #section.offerte-list.due article, section.offerte-list.due #article, #section.offerte-list.due #article { margin: 100px auto 30px; } } section.offerte-list.due article .titolo::after, #section.offerte-list.due article .titolo::after, section.offerte-list.due #article .titolo::after, #section.offerte-list.due #article .titolo::after { display: none; } section.offerte-list.due article ul li, #section.offerte-list.due article ul li, section.offerte-list.due #article ul li, #section.offerte-list.due #article ul li { /* width:30%; min-width:300px; */ } section.offerte-list.due article ul li .immagine, #section.offerte-list.due article ul li .immagine, section.offerte-list.due #article ul li .immagine, #section.offerte-list.due #article ul li .immagine { width: 300px; height: 150px; } section.offerte-list.due article ul li .immagine::before, #section.offerte-list.due article ul li .immagine::before, section.offerte-list.due #article ul li .immagine::before, #section.offerte-list.due #article ul li .immagine::before { top: -75px; border-top: 75px solid transparent; border-right: 150px solid #fff; border-bottom: 75px solid transparent; border-left: 150px solid #fff; } section.offerte-list.due article ul li .immagine::after, #section.offerte-list.due article ul li .immagine::after, section.offerte-list.due #article ul li .immagine::after, #section.offerte-list.due #article ul li .immagine::after { top: 75px; border-top: 75px solid transparent; border-right: 150px solid #fff; border-bottom: 75px solid transparent; border-left: 150px solid #fff; } section.offerte-list.due article ul li .tit strong, #section.offerte-list.due article ul li .tit strong, section.offerte-list.due #article ul li .tit strong, #section.offerte-list.due #article ul li .tit strong { font-family: 'Dancing Script', cursive; font-size: 1.5em; color: #023047; font-weight: 400; line-height: 1.2em; } section.offerte-list.due article ul li em, #section.offerte-list.due article ul li em, section.offerte-list.due #article ul li em, #section.offerte-list.due #article ul li em { display: block; margin-top: 10px; font-family: 'Dancing Script', cursive; font-size: 1.5em; color: #ffb703; font-weight: 400; line-height: 1.8em; } section.gallery-list, #section.gallery-list { max-width: 1400px; margin: 0 auto; /*--article--*/ } section.gallery-list.due article, #section.gallery-list.due article, section.gallery-list.due #article, #section.gallery-list.due #article { width: 1200px; margin: 150px auto 50px; } @media only screen and (min-width: 1280px) { section.gallery-list.due article, #section.gallery-list.due article, section.gallery-list.due #article, #section.gallery-list.due #article { width: 1200px; } } @media only screen and (max-width: 1260px) { section.gallery-list.due article, #section.gallery-list.due article, section.gallery-list.due #article, #section.gallery-list.due #article { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { section.gallery-list.due article, #section.gallery-list.due article, section.gallery-list.due #article, #section.gallery-list.due #article { width: 100%; } } section.gallery-list article, #section.gallery-list article, section.gallery-list #article, #section.gallery-list #article { width: 1200px; margin: 0px auto; text-align: center; /*ul*/ } @media only screen and (min-width: 1280px) { section.gallery-list article, #section.gallery-list article, section.gallery-list #article, #section.gallery-list #article { width: 1200px; } } @media only screen and (max-width: 1260px) { section.gallery-list article, #section.gallery-list article, section.gallery-list #article, #section.gallery-list #article { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { section.gallery-list article, #section.gallery-list article, section.gallery-list #article, #section.gallery-list #article { width: 100%; } } @media only screen and (max-width: 1000px) { section.gallery-list article, #section.gallery-list article, section.gallery-list #article, #section.gallery-list #article { width: 94%; padding: 0 3%; } } section.gallery-list article ul, #section.gallery-list article ul, section.gallery-list #article ul, #section.gallery-list #article ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; /*justify-content:space-between; -ms-flex-pack:justify; -webkit-justify-content:space-between;*/ flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 30px -2% 0; padding: 0; } section.gallery-list article ul li, #section.gallery-list article ul li, section.gallery-list #article ul li, #section.gallery-list #article ul li { position: relative; overflow: hidden; list-style: none; margin: 0 0 30px; padding: 0 2%; width: 21%; /*min-width:100px;*/ } @media only screen and (max-width: 660px) { section.gallery-list article ul li, #section.gallery-list article ul li, section.gallery-list #article ul li, #section.gallery-list #article ul li { width: 29%; } } section.gallery-list article ul li a img, #section.gallery-list article ul li a img, section.gallery-list #article ul li a img, #section.gallery-list #article ul li a img { display: block; width: 100%; height: 100%; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } section.gallery-list article ul li a:hover::before, #section.gallery-list article ul li a:hover::before, section.gallery-list #article ul li a:hover::before, #section.gallery-list #article ul li a:hover::before { content: "+"; position: absolute; overflow: hidden; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; background: #8ecae6; font-family: 'Dancing Script', cursive; font-size: 1.5em; color: #fff; font-weight: 300; line-height: 50px; } section.gallery-list article a.tutte, #section.gallery-list article a.tutte, section.gallery-list #article a.tutte, #section.gallery-list #article a.tutte { position: relative; overflow: hidden; display: inline-block; margin: 0 auto; padding: 0 30px; border: 1px solid #8ecae6; font-family: 'Dancing Script', cursive; font-size: 1.3em; color: #8ecae6; font-weight: 300; line-height: 48px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } section.gallery-list article a.tutte:hover, #section.gallery-list article a.tutte:hover, section.gallery-list #article a.tutte:hover, #section.gallery-list #article a.tutte:hover { background: #8ecae6; color: #fff; -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; } section.newsletter, #section.newsletter { z-index: 1; background: #f6f1e8; /*article*/ } section.newsletter article, #section.newsletter article, section.newsletter #article, #section.newsletter #article { width: 90%; padding: 5%; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1em; color: #023047; font-weight: 300; line-height: 2em; text-align: center; } section.newsletter article .titolo, #section.newsletter article .titolo, section.newsletter #article .titolo, #section.newsletter #article .titolo { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 2em; color: #023047; font-weight: 300; line-height: 1em; text-transform: uppercase; } section.newsletter article .modulo, #section.newsletter article .modulo, section.newsletter #article .modulo, #section.newsletter #article .modulo { position: relative; overflow: hidden; width: 100%; max-width: 1000px; padding: 30px 0; margin: 0 auto; } section.newsletter article .modulo form, #section.newsletter article .modulo form, section.newsletter #article .modulo form, #section.newsletter #article .modulo form { 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; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; border: none; padding: 0; margin: 0; width: 100%; height: 150px; } @media only screen and (max-width: 600px) { section.newsletter article .modulo form, #section.newsletter article .modulo form, section.newsletter #article .modulo form, #section.newsletter #article .modulo form { height: auto; } } section.newsletter article .modulo form.indicazioni div, #section.newsletter article .modulo form.indicazioni div, section.newsletter #article .modulo form.indicazioni div, #section.newsletter #article .modulo form.indicazioni div { width: 30%; } @media only screen and (max-width: 600px) { section.newsletter article .modulo form.indicazioni div, #section.newsletter article .modulo form.indicazioni div, section.newsletter #article .modulo form.indicazioni div, #section.newsletter #article .modulo form.indicazioni div { width: 100%; } } section.newsletter article .modulo form.indicazioni div .titolo, #section.newsletter article .modulo form.indicazioni div .titolo, section.newsletter #article .modulo form.indicazioni div .titolo, #section.newsletter #article .modulo form.indicazioni div .titolo { line-height: 50px; font-size: 1.5em; } section.newsletter article .modulo form div, #section.newsletter article .modulo form div, section.newsletter #article .modulo form div, #section.newsletter #article .modulo form div { position: relative; overflow: hidden; width: 24%; } section.newsletter article .modulo form div.big, #section.newsletter article .modulo form div.big, section.newsletter #article .modulo form div.big, #section.newsletter #article .modulo form div.big { width: 100%; } @media only screen and (max-width: 600px) { section.newsletter article .modulo form div, #section.newsletter article .modulo form div, section.newsletter #article .modulo form div, #section.newsletter #article .modulo form div { width: 48%; margin: 0 0 10px; } } @media only screen and (max-width: 480px) { section.newsletter article .modulo form div, #section.newsletter article .modulo form div, section.newsletter #article .modulo form div, #section.newsletter #article .modulo form div { width: 100%; } } section.newsletter article .modulo form div textarea, #section.newsletter article .modulo form div textarea, section.newsletter #article .modulo form div textarea, #section.newsletter #article .modulo form div textarea { margin: 0; padding: 0 10px; width: 99%; /*height:50px;*/ } section.newsletter article .modulo form div input, #section.newsletter article .modulo form div input, section.newsletter #article .modulo form div input, #section.newsletter #article .modulo form div input { margin: 0; padding: 0 10px; width: 96%; height: 50px; } section.newsletter article .modulo form div input.btn, #section.newsletter article .modulo form div input.btn, section.newsletter #article .modulo form div input.btn, #section.newsletter #article .modulo form div input.btn { display: inline-block; padding: 0; margin: 0 0 10px; width: 100%; height: 50px; background: #fb8500; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; font-family: 'Raleway', Arial, Helvetica, sans-serif !important; font-size: 1.2em !important; color: #023047 !important; font-weight: 200 !important; line-height: 50px !important; text-decoration: none; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; -webkit-appearance: none; border-radius: 0; } section.newsletter article .modulo form div input.btn:hover, #section.newsletter article .modulo form div input.btn:hover, section.newsletter #article .modulo form div input.btn:hover, #section.newsletter #article .modulo form div input.btn:hover { background: #8ecae6; -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; } section.newsletter article .modulo form div input, #section.newsletter article .modulo form div input, section.newsletter #article .modulo form div input, #section.newsletter #article .modulo form div input, section.newsletter article .modulo form div select, #section.newsletter article .modulo form div select, section.newsletter #article .modulo form div select, #section.newsletter #article .modulo form div select, section.newsletter article .modulo form div textarea, #section.newsletter article .modulo form div textarea, section.newsletter #article .modulo form div textarea, #section.newsletter #article .modulo form div textarea { border: none; background: #ffb703; font-family: 'Raleway', Arial, Helvetica, sans-serif !important; font-size: 1.2em !important; color: #fff !important; font-weight: 300 !important; line-height: 50px !important; } section.newsletter article a, #section.newsletter article a, section.newsletter #article a, #section.newsletter #article a { color: #ffb703; } section.newsletter article a:hover, #section.newsletter article a:hover, section.newsletter #article a:hover, #section.newsletter #article a:hover { color: #fb8500; } section.map, #section.map { z-index: 0; } section.map a, #section.map a { position: absolute; overflow: hidden; width: 100%; height: 100%; } section.map #mappa, #section.map #mappa { width: 100%; height: 60vh; background: #a5906d; /* &::after{ content:"qui la mappa!"; .tit(800,3em,@grigio01,1em); text-transform:uppercase; } */ } section.sez, #section.sez { 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; /*article*/ /*picture*/ } @media only screen and (max-width: 660px) { section.sez, #section.sez { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.sez.last, #section.sez.last { margin-bottom: -7vw; } section.sez.last article, #section.sez.last article, section.sez.last #article, #section.sez.last #article { padding: 8vw 10vw 12vw; } section.sez.pari, #section.sez.pari { background: #2a1d02; color: #f6f1e8; } @media only screen and (max-width: 660px) { section.sez.pari article, #section.sez.pari article, section.sez.pari #article, #section.sez.pari #article { -webkit-box-ordinal-group: 2 !important; -moz-box-ordinal-group: 2 !important; -ms-flex-order: 2 !important; -webkit-order: 2 !important; order: 2 !important; } } section.sez h2, #section.sez h2 { -webkit-box-flex: 2 100%; -webkit-flex: 2 100%; /**/ -moz-box-flex: 2 100%; -ms-flex: 2 100%; flex: 2 100%; box-flex: 2 100%; display: block; width: 100%; padding: 0 0 30px; background: #f6f1e8; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #023047; font-weight: 300; line-height: 1.3em; text-align: center; } section.sez h2 strong, #section.sez h2 strong { font-family: 'Dancing Script', cursive; font-size: 2em; color: #023047; font-weight: 400; line-height: 1.1em; } section.sez article, #section.sez article, section.sez #article, #section.sez #article { -webkit-box-flex: 1; -webkit-flex: 1; /**/ -moz-box-flex: 1; -ms-flex: 1; flex: 1; box-flex: 1; width: 30vw; padding: 10vw; /*.flexbox; align-items:center; -ms-flex-align:center; -webkit-align-items:center; justify-content:space-around; -ms-flex-pack:center; -webkit-justify-content:center;*/ } @media only screen and (max-width: 660px) { section.sez article, #section.sez article, section.sez #article, #section.sez #article { width: 94vw; padding: 3vw !important; } } section.sez figure, #section.sez figure, section.sez #figure, #section.sez #figure { -webkit-box-flex: 1; -webkit-flex: 1; /**/ -moz-box-flex: 1; -ms-flex: 1; flex: 1; box-flex: 1; width: 50vw; margin: 0; background-position: 50% 50%; background-size: cover; } @media only screen and (max-width: 660px) { section.sez figure, #section.sez figure, section.sez #figure, #section.sez #figure { width: 100vw; height: 100vw; -webkit-box-flex: auto; -webkit-flex: auto; /**/ -moz-box-flex: auto; -ms-flex: auto; flex: auto; box-flex: auto; } } section.gen, #section.gen { /*offerta*/ /**/ } section.gen article, #section.gen article, section.gen #article, #section.gen #article { width: 50%; margin: 50px auto 0; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1em; color: #2a1d02; font-weight: 300; line-height: 1.6em; text-align: justify; } @media only screen and (max-width: 1000px) { section.gen article, #section.gen article, section.gen #article, #section.gen #article { width: 94%; padding: 0 3%; } } section.gen article.nohead, #section.gen article.nohead, section.gen #article.nohead, #section.gen #article.nohead { width: 80%; margin: 150px auto 0; } section.gen article blockquote, #section.gen article blockquote, section.gen #article blockquote, #section.gen #article blockquote { margin: 30px auto; width: 60%; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 2.2vw; color: #8ecae6; font-weight: 400; line-height: 1.3em; } @media only screen and (max-width: 480px) and (orientation: portrait), only screen and (max-width: 800px) { section.gen article blockquote, #section.gen article blockquote, section.gen #article blockquote, #section.gen #article blockquote { max-width: 100%; padding: 20px 0; } } section.gen article blockquote::before, #section.gen article blockquote::before, section.gen #article blockquote::before, #section.gen #article blockquote::before, section.gen article blockquote::after, #section.gen article blockquote::after, section.gen #article blockquote::after, #section.gen #article blockquote::after { content: ""; position: relative; overflow: hidden; margin: 20px auto 19px; display: block; width: 30%; height: 1; border-top: 1px solid #8ecae6; } section.gen.offerta ul, #section.gen.offerta ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-around; -ms-flex-pack: justify; -webkit-justify-content: space-around; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 30px auto; padding: 0; } @media only screen and (max-width: 959px) { section.gen.offerta ul, #section.gen.offerta ul { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.gen.offerta ul li, #section.gen.offerta ul li { position: relative; overflow: hidden; list-style: none; margin: 0 0 20px; padding: 10px; width: 20%; border: 1px solid #8ecae6; } @media only screen and (max-width: 959px) { section.gen.offerta ul li, #section.gen.offerta ul li { width: calc(100% - 20px); } } section.gen.news, #section.gen.news { margin-bottom: 50px; } section.gen.news article, #section.gen.news article, section.gen.news #article, #section.gen.news #article { position: relative; overflow: hidden; } section.gen.news article strong, #section.gen.news article strong, section.gen.news #article strong, #section.gen.news #article strong { display: block; margin-top: 10px; font-family: 'Dancing Script', cursive; font-size: 1.5em; color: #ffb703; font-weight: 400; line-height: 1.8em; } section.gen.news article figure, #section.gen.news article figure, section.gen.news #article figure, #section.gen.news #article figure, section.gen.news article #figure, #section.gen.news article #figure, section.gen.news #article #figure, #section.gen.news #article #figure { width: 100%; margin: 0; background-position: 50% 50%; background-size: cover; } section.gen.news article figure::after, #section.gen.news article figure::after, section.gen.news #article figure::after, #section.gen.news #article figure::after, section.gen.news article #figure::after, #section.gen.news article #figure::after, section.gen.news #article #figure::after, #section.gen.news #article #figure::after { content: " "; display: block; padding-top: 56%; } section.gen.news article .movie, #section.gen.news article .movie, section.gen.news #article .movie, #section.gen.news #article .movie { position: relative; overflow: hidden; width: 100%; /**/ } section.gen.news article .movie::after, #section.gen.news article .movie::after, section.gen.news #article .movie::after, #section.gen.news #article .movie::after { content: " "; display: block; padding-top: 56%; } section.gen.news article .movie .movie-cont, #section.gen.news article .movie .movie-cont, section.gen.news #article .movie .movie-cont, #section.gen.news #article .movie .movie-cont { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } section.gen.indicazioni, #section.gen.indicazioni { margin: 0; padding: 0; } section.gen.indicazioni article, #section.gen.indicazioni article, section.gen.indicazioni #article, #section.gen.indicazioni #article { margin: 0 auto; padding: 0; } section.piatti-list, #section.piatti-list { margin: 0 auto; max-width: 90%; /*article*/ } section.piatti-list article, #section.piatti-list article, section.piatti-list #article, #section.piatti-list #article { margin: 50px auto; text-align: center; /*ul*/ } @media only screen and (max-width: 1000px) { section.piatti-list article, #section.piatti-list article, section.piatti-list #article, #section.piatti-list #article { width: 90%; } } section.piatti-list article ul, #section.piatti-list article ul, section.piatti-list #article ul, #section.piatti-list #article ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 60px 0 0; padding: 0; /*li*/ } section.piatti-list article ul li, #section.piatti-list article ul li, section.piatti-list #article ul li, #section.piatti-list #article ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; align-items: center; -ms-flex-align: center; -webkit-align-items: center; position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0; width: 50%; /*min-width:100px;*/ } @media only screen and (min-width: 1001px) { section.piatti-list article ul li:nth-child(4n+3) a.immagine, #section.piatti-list article ul li:nth-child(4n+3) a.immagine, section.piatti-list #article ul li:nth-child(4n+3) a.immagine, #section.piatti-list #article ul li:nth-child(4n+3) a.immagine, section.piatti-list article ul li:nth-child(4n+4) a.immagine, #section.piatti-list article ul li:nth-child(4n+4) a.immagine, section.piatti-list #article ul li:nth-child(4n+4) a.immagine, #section.piatti-list #article ul li:nth-child(4n+4) a.immagine { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } @media only screen and (max-width: 1000px) and (min-width: 661px) { section.piatti-list article ul li, #section.piatti-list article ul li, section.piatti-list #article ul li, #section.piatti-list #article ul li { width: 100%; } section.piatti-list article ul li:nth-child(2n+2) a.immagine, #section.piatti-list article ul li:nth-child(2n+2) a.immagine, section.piatti-list #article ul li:nth-child(2n+2) a.immagine, #section.piatti-list #article ul li:nth-child(2n+2) a.immagine { -webkit-box-ordinal-group: 2 !important; -moz-box-ordinal-group: 2 !important; -ms-flex-order: 2 !important; -webkit-order: 2 !important; order: 2 !important; } } @media only screen and (max-width: 660px) { section.piatti-list article ul li, #section.piatti-list article ul li, section.piatti-list #article ul li, #section.piatti-list #article ul li { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; width: 100%; } } section.piatti-list article ul li a.immagine, #section.piatti-list article ul li a.immagine, section.piatti-list #article ul li a.immagine, #section.piatti-list #article ul li a.immagine { display: block; overflow: hidden; width: 50%; } @media only screen and (max-width: 660px) { section.piatti-list article ul li a.immagine, #section.piatti-list article ul li a.immagine, section.piatti-list #article ul li a.immagine, #section.piatti-list #article ul li a.immagine { width: 100%; } } section.piatti-list article ul li a.immagine img, #section.piatti-list article ul li a.immagine img, section.piatti-list #article ul li a.immagine img, #section.piatti-list #article ul li a.immagine img { display: block; width: 100%; background-position: 50% 50%; background-size: cover; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } section.piatti-list article ul li a.immagine:hover img, #section.piatti-list article ul li a.immagine:hover img, section.piatti-list #article ul li a.immagine:hover img, #section.piatti-list #article ul li a.immagine:hover img { width: 110%; margin: -5%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } section.piatti-list article ul li .txt, #section.piatti-list article ul li .txt, section.piatti-list #article ul li .txt, #section.piatti-list #article ul li .txt { display: block; width: 34%; padding: 8%; } @media only screen and (max-width: 660px) { section.piatti-list article ul li .txt, #section.piatti-list article ul li .txt, section.piatti-list #article ul li .txt, #section.piatti-list #article ul li .txt { width: 84%; margin: 8vw 0; } } section.piatti-list article ul li .txt a strong, #section.piatti-list article ul li .txt a strong, section.piatti-list #article ul li .txt a strong, #section.piatti-list #article ul li .txt a strong { display: block; margin-bottom: 10px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1.5em; color: #a5906d; font-weight: 300; line-height: 1.2em; text-transform: uppercase; } section.album-list, #section.album-list { /*article*/ } section.album-list article, #section.album-list article, section.album-list #article, #section.album-list #article { width: 1200px; margin: 200px auto 50px; /*ul*/ } @media only screen and (min-width: 1280px) { section.album-list article, #section.album-list article, section.album-list #article, #section.album-list #article { width: 1200px; } } @media only screen and (max-width: 1260px) { section.album-list article, #section.album-list article, section.album-list #article, #section.album-list #article { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { section.album-list article, #section.album-list article, section.album-list #article, #section.album-list #article { width: 100%; } } @media only screen and (max-width: 1000px) { section.album-list article, #section.album-list article, section.album-list #article, #section.album-list #article { width: 94%; padding: 0 3%; } } section.album-list article ul, #section.album-list article ul, section.album-list #article ul, #section.album-list #article ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; margin: 60px 0 0; padding: 0; /*li*/ } section.album-list article ul li, #section.album-list article ul li, section.album-list #article ul li, #section.album-list #article ul li { position: relative; overflow: hidden; list-style: none; margin: 0 0 40px; padding: 0; width: 30%; /*min-width:100px;*/ } @media only screen and (max-width: 660px) { section.album-list article ul li, #section.album-list article ul li, section.album-list #article ul li, #section.album-list #article ul li { width: 45%; } } section.album-list article ul li a.immagine, #section.album-list article ul li a.immagine, section.album-list #article ul li a.immagine, #section.album-list #article ul li a.immagine { display: block; overflow: hidden; width: 100%; margin: 0 0 20px; background-position: 50% 50%; background-size: cover; } section.album-list article ul li a.immagine::after, #section.album-list article ul li a.immagine::after, section.album-list #article ul li a.immagine::after, #section.album-list #article ul li a.immagine::after { content: " "; display: block; padding-top: 56%; } section.album-list article ul li a strong, #section.album-list article ul li a strong, section.album-list #article ul li a strong, #section.album-list #article ul li a strong { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1.5em; color: #a5906d; font-weight: 300; line-height: 1.2em; text-transform: uppercase; } section.links, #section.links { max-width: 1400px; margin: 0 auto; /*article*/ } section.links article, #section.links article, section.links #article, #section.links #article { margin: 200px auto 50px; text-align: center; /*ul*/ } @media only screen and (max-width: 1000px) { section.links article, #section.links article, section.links #article, #section.links #article { width: 100%; padding: 0 ; } } section.links article ul, #section.links article ul, section.links #article ul, #section.links #article ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 60px 0 0; padding: 0; /*li*/ } section.links article ul li, #section.links article ul li, section.links #article ul li, #section.links #article ul li { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; align-items: center; -ms-flex-align: center; -webkit-align-items: center; position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0; width: 50%; /*min-width:100px;*/ } @media only screen and (min-width: 1001px) { section.links article ul li:nth-child(4n+3) a.immagine, #section.links article ul li:nth-child(4n+3) a.immagine, section.links #article ul li:nth-child(4n+3) a.immagine, #section.links #article ul li:nth-child(4n+3) a.immagine, section.links article ul li:nth-child(4n+4) a.immagine, #section.links article ul li:nth-child(4n+4) a.immagine, section.links #article ul li:nth-child(4n+4) a.immagine, #section.links #article ul li:nth-child(4n+4) a.immagine { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } @media only screen and (max-width: 1000px) { section.links article ul li, #section.links article ul li, section.links #article ul li, #section.links #article ul li { width: 100%; } section.links article ul li:nth-child(2n+2) a.immagine, #section.links article ul li:nth-child(2n+2) a.immagine, section.links #article ul li:nth-child(2n+2) a.immagine, #section.links #article ul li:nth-child(2n+2) a.immagine { -webkit-box-ordinal-group: 2 !important; -moz-box-ordinal-group: 2 !important; -ms-flex-order: 2 !important; -webkit-order: 2 !important; order: 2 !important; } } section.links article ul li a.immagine, #section.links article ul li a.immagine, section.links #article ul li a.immagine, #section.links #article ul li a.immagine { display: block; overflow: hidden; width: 50%; background: #ddd; } section.links article ul li a.immagine img, #section.links article ul li a.immagine img, section.links #article ul li a.immagine img, #section.links #article ul li a.immagine img { display: block; width: 100%; background-position: 50% 50%; background-size: 60% 60%; background-repeat: no-repeat; } section.links article ul li .txt, #section.links article ul li .txt, section.links #article ul li .txt, #section.links #article ul li .txt { display: block; width: 34%; padding: 8%; } section.links article ul li .txt a, #section.links article ul li .txt a, section.links #article ul li .txt a, #section.links #article ul li .txt a { color: #a5906d; } section.links article ul li .txt a strong, #section.links article ul li .txt a strong, section.links #article ul li .txt a strong, #section.links #article ul li .txt a strong { display: block; margin-bottom: 10px; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #a5906d; font-weight: 300; line-height: 1.2em; text-transform: uppercase; } ul.big-btn { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; margin: 0; padding: 0; /*li*/ } ul.big-btn.fondo { margin-bottom: -7vw; } ul.big-btn.fondo li { padding: 5vw 5vw 10vw; } ul.big-btn li { list-style: none; margin: 0; padding: 5vw; width: 40vw; background: #023047; text-align: center; } ul.big-btn li:hover { background: #2a1d02; } ul.big-btn li:nth-child(2) { background: #a5906d; } ul.big-btn li:nth-child(2):hover { background: #c1af91; } ul.big-btn li a { display: inline-block; padding: 10px 30px; border: 1px solid #fff; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #fff; font-weight: 300; line-height: 1.2em; text-transform: uppercase; } ul.big-btn li a:hover { color: #fff; } footer, #footer { 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; background: #8ecae6; /*section*/ } footer section, #footer section, footer #section, #footer #section { /*indirizzo*/ /*banner*/ /*fondo*/ } footer section.indirizzo, #footer section.indirizzo, footer #section.indirizzo, #footer #section.indirizzo { position: relative; overflow: hidden; width: 100%; padding: 40px 0; background: #023047; /*recapiti*/ } @media only screen and (max-width: 1000px) { footer section.indirizzo, #footer section.indirizzo, footer #section.indirizzo, #footer #section.indirizzo { width: 94%; padding: 40px 3%; } } footer section.indirizzo ul, #footer section.indirizzo ul, footer #section.indirizzo ul, #footer #section.indirizzo ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; width: 1200px; padding: 0; margin: 0 auto; } @media only screen and (min-width: 1280px) { footer section.indirizzo ul, #footer section.indirizzo ul, footer #section.indirizzo ul, #footer #section.indirizzo ul { width: 1200px; } } @media only screen and (max-width: 1260px) { footer section.indirizzo ul, #footer section.indirizzo ul, footer #section.indirizzo ul, #footer #section.indirizzo ul { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { footer section.indirizzo ul, #footer section.indirizzo ul, footer #section.indirizzo ul, #footer #section.indirizzo ul { width: 100%; } } @media only screen and (max-width: 660px) { footer section.indirizzo ul, #footer section.indirizzo ul, footer #section.indirizzo ul, #footer #section.indirizzo ul { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } footer section.indirizzo ul li, #footer section.indirizzo ul li, footer #section.indirizzo ul li, #footer #section.indirizzo ul li { width: 30%; margin: 0; padding: 20px 0; list-style: none; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 0.9em; color: #8ecae6; font-weight: 300; line-height: 2em; } @media only screen and (max-width: 820px) { footer section.indirizzo ul li, #footer section.indirizzo ul li, footer #section.indirizzo ul li, #footer #section.indirizzo ul li { width: 40%; } footer section.indirizzo ul li:nth-last-child(2), #footer section.indirizzo ul li:nth-last-child(2), footer #section.indirizzo ul li:nth-last-child(2), #footer #section.indirizzo ul li:nth-last-child(2) { width: 20%; } } @media only screen and (max-width: 660px) { footer section.indirizzo ul li, #footer section.indirizzo ul li, footer #section.indirizzo ul li, #footer #section.indirizzo ul li { width: 100%; text-align: center !important; } footer section.indirizzo ul li:nth-last-child(2), #footer section.indirizzo ul li:nth-last-child(2), footer #section.indirizzo ul li:nth-last-child(2), #footer #section.indirizzo ul li:nth-last-child(2) { width: 100%; } footer section.indirizzo ul li br, #footer section.indirizzo ul li br, footer #section.indirizzo ul li br, #footer #section.indirizzo ul li br { display: none; } footer section.indirizzo ul li strong, #footer section.indirizzo ul li strong, footer #section.indirizzo ul li strong, #footer #section.indirizzo ul li strong { display: block; } } footer section.indirizzo ul li strong, #footer section.indirizzo ul li strong, footer #section.indirizzo ul li strong, #footer #section.indirizzo ul li strong { font-weight: 700; } footer section.indirizzo ul li a, #footer section.indirizzo ul li a, footer #section.indirizzo ul li a, #footer #section.indirizzo ul li a { color: #8ecae6; } footer section.indirizzo ul li a:hover, #footer section.indirizzo ul li a:hover, footer #section.indirizzo ul li a:hover, #footer #section.indirizzo ul li a:hover { color: #fff; text-decoration: none; } footer section.indirizzo ul li:nth-last-child(1), #footer section.indirizzo ul li:nth-last-child(1), footer #section.indirizzo ul li:nth-last-child(1), #footer #section.indirizzo ul li:nth-last-child(1) { text-align: right; } footer section.indirizzo ul li ul, #footer section.indirizzo ul li ul, footer #section.indirizzo ul li ul, #footer #section.indirizzo ul li ul { position: relative; overflow: hidden; margin: 0; padding: 0; width: 100%; /*social*/ } footer section.indirizzo ul li ul.social, #footer section.indirizzo ul li ul.social, footer #section.indirizzo ul li ul.social, #footer #section.indirizzo ul li ul.social { height: 100%; justify-content: center; -ms-flex-pack: center; -webkit-justify-content: center; } @media only screen and (max-width: 820px) { footer section.indirizzo ul li ul.social, #footer section.indirizzo ul li ul.social, footer #section.indirizzo ul li ul.social, #footer #section.indirizzo ul li ul.social { 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: 660px) { footer section.indirizzo ul li ul.social, #footer section.indirizzo ul li ul.social, footer #section.indirizzo ul li ul.social, #footer #section.indirizzo ul li ul.social { flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-box-direction: row; -webkit-box-direction: row; } } footer section.indirizzo ul li ul.social li, #footer section.indirizzo ul li ul.social li, footer #section.indirizzo ul li ul.social li, #footer #section.indirizzo ul li ul.social li { display: block; overflow: hidden; width: 32px; height: 32px; margin: auto 5px; padding: 0; background: url(images/ico.png) no-repeat; } @media only screen and (max-width: 820px) and (min-width: 661px) { footer section.indirizzo ul li ul.social li, #footer section.indirizzo ul li ul.social li, footer #section.indirizzo ul li ul.social li, #footer #section.indirizzo ul li ul.social li { margin: auto; } } footer section.indirizzo ul li ul.social li.fb, #footer section.indirizzo ul li ul.social li.fb, footer #section.indirizzo ul li ul.social li.fb, #footer #section.indirizzo ul li ul.social li.fb { background-position: 0 -200px; } footer section.indirizzo ul li ul.social li.gp, #footer section.indirizzo ul li ul.social li.gp, footer #section.indirizzo ul li ul.social li.gp, #footer #section.indirizzo ul li ul.social li.gp { background-position: 0 -250px; } footer section.indirizzo ul li ul.social li.ta, #footer section.indirizzo ul li ul.social li.ta, footer #section.indirizzo ul li ul.social li.ta, #footer #section.indirizzo ul li ul.social li.ta { background-position: 0 -400px; } footer section.indirizzo ul li ul.social li.yt, #footer section.indirizzo ul li ul.social li.yt, footer #section.indirizzo ul li ul.social li.yt, #footer #section.indirizzo ul li ul.social li.yt { background-position: 0 -350px; } footer section.indirizzo ul li ul.social li.wa, #footer section.indirizzo ul li ul.social li.wa, footer #section.indirizzo ul li ul.social li.wa, #footer #section.indirizzo ul li ul.social li.wa { background-position: 0 -450px; } footer section.indirizzo ul li ul.social li.tel, #footer section.indirizzo ul li ul.social li.tel, footer #section.indirizzo ul li ul.social li.tel, #footer #section.indirizzo ul li ul.social li.tel { background-position: 0 -500px; } footer section.indirizzo ul li ul.social li.em, #footer section.indirizzo ul li ul.social li.em, footer #section.indirizzo ul li ul.social li.em, #footer #section.indirizzo ul li ul.social li.em { background-position: 0 -550px; } footer section.indirizzo ul li ul.social li.empty, #footer section.indirizzo ul li ul.social li.empty, footer #section.indirizzo ul li ul.social li.empty, #footer #section.indirizzo ul li ul.social li.empty { background-position: 0 -650px; } footer section.indirizzo ul li ul.social li a, #footer section.indirizzo ul li ul.social li a, footer #section.indirizzo ul li ul.social li a, #footer #section.indirizzo ul li ul.social li a { display: block; padding: 50px 0 0 ; } footer section.banner, #footer section.banner, footer #section.banner, #footer #section.banner { position: relative; overflow: hidden; width: 100%; height: 100px; margin: 0; padding: 30px 0; background: #fff; /*ul*/ } @media only screen and (max-width: 1000px) { footer section.banner, #footer section.banner, footer #section.banner, #footer #section.banner { width: 94%; padding: 30px 3%; height: auto; } } footer section.banner ul, #footer section.banner ul, footer #section.banner ul, #footer #section.banner ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-around; -ms-flex-pack: justify; -webkit-justify-content: space-around; align-items: center; -ms-flex-align: center; -webkit-align-items: center; padding: 0; width: 1200px; margin: 0 auto; /*li*/ } @media only screen and (min-width: 1280px) { footer section.banner ul, #footer section.banner ul, footer #section.banner ul, #footer #section.banner ul { width: 1200px; } } @media only screen and (max-width: 1260px) { footer section.banner ul, #footer section.banner ul, footer #section.banner ul, #footer #section.banner ul { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { footer section.banner ul, #footer section.banner ul, footer #section.banner ul, #footer #section.banner ul { width: 100%; } } @media only screen and (max-width: 1000px) { footer section.banner ul, #footer section.banner ul, footer #section.banner ul, #footer #section.banner ul { flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -ms-flex-pack: center; -webkit-justify-content: center; } } footer section.banner ul li, #footer section.banner ul li, footer #section.banner ul li, #footer #section.banner ul li { list-style: none; margin: 0 auto; padding: 0; } @media only screen and (max-width: 1000px) { footer section.banner ul li, #footer section.banner ul li, footer #section.banner ul li, #footer #section.banner ul li { margin: 0 30px 30px 30px; } } footer section.banner ul li#tripAd, #footer section.banner ul li#tripAd, footer #section.banner ul li#tripAd, #footer #section.banner ul li#tripAd { overflow: hidden; } footer section.banner ul li#tripAd div, #footer section.banner ul li#tripAd div, footer #section.banner ul li#tripAd div, #footer #section.banner ul li#tripAd div { border: none; } @media only screen and (max-width: 1000px) { footer section.banner ul li#tripAd, #footer section.banner ul li#tripAd, footer #section.banner ul li#tripAd, #footer #section.banner ul li#tripAd { width: auto; } } footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { position: relative; overflow: hidden; width: 1200px; height: 50px; margin: 0 auto; font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size: 0.8em; color: #023047; font-weight: 300; line-height: 50px; /* idlab */ } @media only screen and (min-width: 1280px) { footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { width: 1200px; } } @media only screen and (max-width: 1260px) { footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { width: 960px; /*width: @larghezza;*/ } } @media only screen and (max-width: 1000px) { footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { width: 100%; } } @media only screen and (max-width: 1000px) { footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { width: 94%; padding: 0 3%; } } @media only screen and (max-width: 480px) { footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { text-align: center; padding-bottom: 40px; } } footer section.fondo a, #footer section.fondo a, footer #section.fondo a, #footer #section.fondo a { color: #4e4e4e; } footer section.fondo #idlab, #footer section.fondo #idlab, footer #section.fondo #idlab, #footer #section.fondo #idlab { position: relative; overflow: hidden; float: right; margin-top: 10px; width: 70px; height: 25px; background: url(images/idlab.png) bottom right no-repeat; } footer section.fondo #idlab a, #footer section.fondo #idlab a, footer #section.fondo #idlab a, #footer #section.fondo #idlab a { display: block; padding-top: 32px; } @media only screen and (max-width: 480px) { footer section.fondo #idlab, #footer section.fondo #idlab, footer #section.fondo #idlab, #footer #section.fondo #idlab { float: none; position: absolute; overflow: hidden; left: 50%; bottom: 20px; margin-left: -35px; } } /*footer*/ .white-popup { position: relative; padding: 20px; width: auto; max-width: 500px; margin: 20px auto; background: #fff; } /*popup*/ .gallery_or { background: #8ecae6; } .gallery_or ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: center; -ms-flex-pack: center; -webkit-justify-content: center; margin: 0; padding: 30px 0; width: 100%; } .gallery_or ul li { position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0; height: 100px; } @media only screen and (max-width: 480px) and (orientation: portrait), only screen and (max-width: 800px) { .gallery_or ul li.indietro, .gallery_or ul li.avanti { width: 20px !important; } } .gallery_or ul li.indietro { width: 40px; margin: 0 30px 0 0; background: url(images/frecce.png) 0 0 no-repeat; cursor: pointer; } .gallery_or ul li.avanti { width: 40px; margin: 0 0 0 30px; background: url(images/frecce.png) right 0 no-repeat; cursor: pointer; } .gallery_or ul li.foto { width: 1020px; max-width: calc(96vw - 140px); } .gallery_or ul li.foto .slider { position: absolute; overflow: hidden; top: 0; width: 20000px; height: 100px; } .gallery_or ul li.foto .slider img { float: left; margin: 0 15px 0 0; width: 100px; height: 100px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } form.gen { 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: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; flex-wrap: wrap !important; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; border: none; padding: 0; margin: 30px 0 0; width: 100%; } @media only screen and (max-width: 480px) { form.gen { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } form.gen div { width: 32%; padding: 0 !important; margin: 0 0 20px; text-align: left; line-height: 50px; } @media only screen and (max-width: 480px) { form.gen div { width: 100%; line-height: 30px; } } form.gen div.big { width: 100%; } form.gen div.privacy { width: 100% !important; font-size: 0.9em; text-align: center; } form.gen div.privacy a { font-size: 1em; color: #8ecae6; text-decoration: underline; } form.gen div.privacy a:hover { text-decoration: none; } form.gen div label.piccolo { float: left; margin: 15px 30px 15px 0; line-height: 20px; } @media only screen and (max-width: 480px) { form.gen div label.piccolo { margin: 5px 10px 5px 0; } } form.gen div input { margin: 0; padding: 0 2%; width: 96%; height: 50px; } form.gen div input.btn { padding: 0; margin: 0 0 10px; width: 100%; height: 50px; background: #4e4e4e; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; font-family: 'Dancing Script', cursive !important; font-size: 1.2em !important; color: #fff !important; font-weight: 400 !important; line-height: 50px !important; text-transform: uppercase; text-decoration: none; -webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; } form.gen div input.btn:hover { background: #8ecae6; -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.gen div input.radio { float: left; width: 20px; height: 20px; margin: 15px 10px 15px 0; } @media only screen and (max-width: 480px) { form.gen div input.radio { margin: 5px 10px 5px 0; } } form.gen div select { width: 100%; height: 50px; padding: 0 2%; } form.gen div textarea { width: 96%; height: 100px; padding: 0 2%; margin: 0; } form.gen div input, form.gen div select, form.gen div textarea { display: block; border: none; background: #fff; font-family: 'Raleway', Arial, Helvetica, sans-serif !important; font-size: 1.5em !important; color: #363636 !important; font-weight: 300 !important; line-height: 50px !important; } form.gen div input[type="hidden"] { /*display:none;*/ border: 1px solid green; } form.gen.info input, form.gen.info select, form.gen.info textarea { border: none; background: #f4f4f4; font-family: 'Raleway', Arial, Helvetica, sans-serif !important; font-size: 1.5em !important; color: #363636 !important; font-weight: 300 !important; line-height: 50px !important; } ul#mobile_contact { display: none; } @media only screen and (max-width: 1260px) { ul#mobile_contact { display: block; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; height: 24px; position: fixed; top: 32px; left: 0px; z-index: 999; } ul#mobile_contact li { display: block; overflow: hidden; width: 32px; height: 32px; margin: 0 5px; padding: 0; background: url(images/ico.png) no-repeat; } ul#mobile_contact li.fb { background-position: 0 -200px; } ul#mobile_contact li.gp { background-position: 0 -250px; } ul#mobile_contact li.ta { background-position: 0 -400px; } ul#mobile_contact li.yt { background-position: 0 -350px; } ul#mobile_contact li.wa { background-position: 0 -450px; } ul#mobile_contact li.tel { background-position: 0 -500px; } ul#mobile_contact li.em { background-position: 0 -550px; } ul#mobile_contact li.empty { background-position: 0 -650px; } ul#mobile_contact li a { display: block; padding: 50px 0 0 ; } }