@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'); } .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; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } .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; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } .luce { -webkit-box-shadow: 0px 1px 2px #fff inset; -moz-box-shadow: 0px 1px 2px #fff inset; box-shadow: 0px 1px 2px #fff inset; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } .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; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } .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); behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } .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); behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } .bianconero { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); } .nobianconero { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -o-filter: grayscale(0%); } .relauto { position: relative; overflow-x: hidden; overflow-y: auto; } .relhide { position: relative; overflow: hidden; } .absauto { position: absolute; overflow-x: hidden; overflow-y: auto; } .abshide { position: absolute; overflow: hidden; } .relvis { position: relative; overflow: visible; } .absvis { position: absolute; overflow: visible; } .fixhide { position: fixed; overflow: hidden; } .margineg-sx { left: 50%; margin-left: -960px; } @media only screen and (max-width: 1260px) { .margineg-sx { margin-left: -768px; } } .margineg-dx { right: 50%; margin-right: -960px; } @media only screen and (max-width: 1260px) { .margineg-dx { margin-right: -768px; } } /*----------------------------------------------------------------*/ html, body { margin: 0; padding: 0; width: 100%; } html { height: 100%; } *:first-child + html { overflow: auto; } body { overflow: auto; overflow-x: hidden; height: 100%; font-size: 15px; } body::before { content: " "; position: relative; overflow: hidden; display: block; width: 100%; height: 10px; /*height:1px; margin:0 0 0 -1px;*/ } body::after { content: " "; position: fixed; overflow: hidden; z-index: 9999; display: block; width: 100%; height: 10px; top: 0; background: #00182F; } p, h1, h2, h3, h4, h5 { margin: 0; padding: 0; } hr { clear: both; display: block; margin: 0; border: none; border-top: 1px solid #d7d7d7; height: 1px; size: 1px; background: none; color: #d7d7d7; } hr.margine { margin: 15px 0; } /**/ a { outline: none; color: #00182F; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /*per eliminare il riquadro al tap dei link*/ } a:hover { color: #d7d7d7; } a img { border: none; } a.tutti { position: relative; overflow: hidden; display: block; width: 15%; min-width: 80px; margin: 50px auto 0; border: 1px solid #232323; padding: 0 50px; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #232323; font-weight: 300; line-height: 2em; letter-spacing: .04em; text-transform: uppercase; text-align: center; } a.tutti:hover { background: #232323; color: #fff; } a.allegato { position: relative; overflow: hidden; display: inline-block; margin: 15px 0; padding: 0 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); background: #00182F; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.8em; color: #fff; font-weight: 700; line-height: 30px; letter-spacing: .04em; text-transform: uppercase; } a.allegato:hover { background: #efefef; } /* strong{font-weight:700;} */ .btn { display: inline-block; padding: 0 30px; margin: 10px 0 0; border: none; background: #00182F; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1em; color: #fff; font-weight: 400; line-height: 40px; letter-spacing: .02em; text-decoration: none; text-transform: uppercase; } .btn:hover { background: #d7d7d7; color: #232323; } .btn.due { background: #797979; } .btn.due:hover { background: #d7d7d7; } /*----------------------------------*/ h2, .titolo { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.85em; color: #00182F; font-weight: 700; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; } h2.due, .titolo.due { color: #BDCCD4; } h2.due strong, .titolo.due strong { color: #BDCCD4; } .sottotitolo, h3, h4 { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #00182F; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; } .sx { float: left; margin: 0 40px 15px 0; } @media only screen and (max-width: 1000px) { .sx { max-width: 30%; margin: 0 5% 5px 0; } } @media only screen and (max-width: 480px) { .sx { width: 100%; max-width: 100%; float: none; margin: 0 0 20px 0; } } .dx { float: right; margin: 0 0 15px 50px; } @media only screen and (max-width: 1000px) { .dx { max-width: 40%; margin: 0 0 5px 5%; } } @media only screen and (max-width: 480px) { .dx { width: 100%; max-width: 100%; float: none; margin: 0 0 20px 0; } } /*-----------------------------*/ #contenitore { position: relative; margin: 0 auto; width: 100%; max-width: 1920px; min-height: 100%; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08); behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; color: #232323; font-weight: 400; line-height: 1.7em; letter-spacing: .04em; /*nav*/ } #contenitore::before { content: " "; position: relative; overflow: hidden; display: block; width: 100%; height: 50px; } @media only screen and (max-width: 980px) { #contenitore { z-index: 98 !important; position: relative; overflow-x: hidden; overflow-y: auto; margin: 0 auto; } #contenitore::before { height: 0; } #contenitore::after { content: " "; position: absolute; overflow: hidden; display: block; z-index: 97; top: 0; width: inherit; height: 80px; background: rgba(255, 255, 255, 0.8); } #contenitore.basso::after { -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 4px 0 rgba(0, 0, 0, 0.05); behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } } #contenitore #navigator { position: absolute; overflow: hidden; /*position:fixed;*/ z-index: 999 !important; display: none; top: 30px; right: 20px; width: 20px; height: 20px; /*background:url(images/menu.png) 0 0 no-repeat; background-size:contain;*/ cursor: pointer; } @media only screen and (max-width: 980px) { #contenitore #navigator { display: inline-block; } } #contenitore #navigator::before { content: " "; position: absolute; overflow: hidden; display: block; top: 0; width: 100%; height: 4px; background: #00182F; } #contenitore #navigator::after { content: " "; position: absolute; overflow: hidden; display: block; top: 8px; width: 100%; height: 4px; border-top: 4px solid #00182F; border-right: none; border-bottom: 4px solid #00182F; border-left: none; } #popup { padding: 30px; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 13px; color: #232323; font-weight: 300; line-height: 20px; letter-spacing: .04em; } #popup .sottotitolo { color: #00182F; } #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; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); background: #d7d7d7; } #tornasu { position: fixed; z-index: 99; bottom: 15px; right: 15px; width: 40px; height: 40px; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); background: #00182F; cursor: pointer; } #tornasu b { position: absolute; overflow: hidden; left: 13px; top: 15px; width: 10px; height: 10px; transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); border-top: 4px solid #fff; border-right: 4px solid #fff; border-bottom: none; border-left: none; background: none; } @media only screen and (max-width: 760px) { #tornasu { bottom: 65px; } } .cookies { position: fixed; z-index: 99999; bottom: 0; left: 0; right: 0; /*width:240px;*/ padding: 30px 80px 30px 30px; /*order:1px solid @grigio03;*/ font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.9em; color: #232323; font-weight: 400; line-height: 1.7em; letter-spacing: .04em; text-transform: uppercase; background: #fff; } .cookies .chiudi { position: absolute; overflow: hidden; display: block; right: 30px; top: 30px; width: 25px; height: 25px; border: none; margin: 0; padding: 0; cursor: pointer; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.1em; color: #fff; font-weight: 700; line-height: 40px; letter-spacing: .04em; text-align: center; text-transform: uppercase; text-indent: -9999px; } .cookies .chiudi::before { content: ""; position: absolute; overflow: hidden; display: block; top: 4px; left: -6px; width: 14px; height: 14px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top: 3px solid #00182F; border-right: 3px solid #00182F; border-bottom: none; border-left: none; } .cookies .chiudi::after { content: ""; position: absolute; overflow: hidden; display: block; top: 4px; left: 14px; width: 14px; height: 14px; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); border-top: 3px solid #00182F; border-right: 3px solid #00182F; border-bottom: none; border-left: none; } .cookies a { color: #232323; font-weight: 700; text-decoration: underline; } div#sharing { display: none; position: fixed; overflow: hidden; z-index: 999; right: 0; top: calc(50vh - 75px); width: 30px; height: 150px; padding: 0; } div#sharing .jssocials-share { display: block !important; width: 30px !important; height: 30px !important; } div#sharing .jssocials-share .jssocials-share-link { display: block !important; margin: 0; padding: 0; width: 30px !important; height: 30px !important; text-align: center; line-height: 30px; } /*------------------------------*/ #logo, #logo.aperto { position: absolute; overflow: hidden; position: fixed; z-index: 10; top: 85px; right: calc(25vw + 30px); /*.margineg-sx;*/ width: 83px; height: 72px; background: url(images/logoPremierHotels.png) 0 50% no-repeat; background-size: contain; -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; } @media only screen and (min-width: 1940px) { #logo, #logo.aperto { right: 50%; margin-right: calc(((1920px / 4) - 30px) * -1); } } @media only screen and (max-width: 1900px) { #logo, #logo.aperto { right: 510px; } } @media only screen and (max-width: 1300px) { #logo, #logo.aperto { right: 380px; } } @media only screen and (max-width: 1040px) { #logo, #logo.aperto { top: 70px; right: 30px; } } @media only screen and (max-width: 980px) { #logo, #logo.aperto { z-index: 999 !important; position: absolute !important; overflow: hidden !important; top: 15px; left: 15px; margin: 0; width: 70px; height: 60px; } } #logo a, #logo.aperto a { display: block; padding-top: 300px; } @media only screen and (min-width: 981px) { #logo.basso, #logo.aperto.basso { z-index: 9999; top: 15px; left: 30px; right: auto; height: 40px; -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; } } @media only screen and (min-width: 981px) and only screen and (max-width: 1040px) { #logo.basso, #logo.aperto.basso { left: 15px; } } #logo.chiuso, #logo.aperto.chiuso { right: 30px; -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; } @media only screen and (min-width: 1940px) { #logo.chiuso, #logo.aperto.chiuso { right: 50%; margin-right: calc(((1920px / 2) - 30px) * -1); } } #logohotel { position: absolute; overflow: hidden; position: fixed; z-index: 10; top: 75px; left: 30px; /*.margineg-sx;*/ width: 110px; height: 90px; background: url(images/logoLePalme.png) 0 50% no-repeat; background-size: contain; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } @media only screen and (min-width: 1940px) { #logohotel { left: 50%; margin-left: calc(((1920px / 2) - 30px) * -1); } } @media only screen and (max-width: 1300px) { #logohotel { width: 110px; } } @media only screen and (max-width: 1040px) { #logohotel { top: 70px; height: 70px; width: 85px; } } @media only screen and (max-width: 980px) { #logohotel { z-index: 999 !important; position: absolute !important; overflow: hidden !important; top: 15px; left: 100px; margin: 0; height: 60px; } } #logohotel a { display: block; padding-top: 300px; } @media only screen and (min-width: 981px) { #logohotel.basso { z-index: 9999; top: 20px; left: 90px; width: 45px; height: 30px; background-image: url(images/logoLePalme2.png); } } @media only screen and (min-width: 981px) and only screen and (max-width: 1040px) { #logohotel.basso { left: 75px; } } /*------------------*/ .bookmobile { display: none; } @media only screen and (max-width: 760px) { .bookmobile { position: fixed; overflow: hidden; z-index: 9999; bottom: 0; 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: 100vw; height: 50px; margin: 0; padding: 0; background: #00182F; } .bookmobile li { position: relative; overflow: hidden; display: block; list-style: none; margin: 0; padding: 0 30px; width: auto; height: auto; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.85em; color: #fff; font-weight: 400; line-height: 50px; letter-spacing: .04em; text-transform: uppercase; } .bookmobile li.prenota, .bookmobile li.tel { background: url(images/ico.png) 0 15px no-repeat; background-size: 75px auto; } .bookmobile li.prenota a, .bookmobile li.tel a { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #fff; font-weight: 400; line-height: 50px; letter-spacing: .02em; } .bookmobile li.prenota { padding: 0 30px 0 60px; background-position: 30px -336px; background-size: 50px auto; } } nav, #nav { /*navint*/ /*ul*/ } @media only screen and (max-width: 980px) { nav, #nav { position: fixed; /*.flexbox; .direction(column);*/ overflow-y: scroll; overflow-x: hidden; z-index: 0 !important; width: 180px !important; height: auto !important; top: 0; left: auto; bottom: 0; right: 0; margin: 0; padding: 20px; border: none; background: #18395a; -webkit-box-shadow: 4px 0 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 4px 0 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 4px 0 0 rgba(0, 0, 0, 0.2) inset; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } nav::before, #nav::before { display: none; } } nav .navint, #nav .navint { position: fixed; z-index: 9; top: 10px; left: 0; right: 0; height: 170px; background: rgba(255, 255, 255, 0.8); /**/ } @media only screen and (max-width: 1040px) { nav .navint, #nav .navint { height: 140px; } } @media only screen and (max-width: 980px) { nav .navint, #nav .navint { position: relative; display: block; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 180px; height: auto; background: none; } nav .navint::before, #nav .navint::before { display: none !important; } } nav .navint::before, #nav .navint::before { content: " "; position: absolute; overflow: hidden; display: block; top: 0; left: 0; right: 0; height: 50px; background: #00182F; } nav ul, #nav ul { position: relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; padding: 0; margin: 0 auto; width: 1920px; max-width: 100%; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ /*.margineg-sx;*/ /*sopra*/ /*sotto*/ } @media only screen and (max-width: 1900px) { nav ul, #nav ul { width: 100vw; /*width: @larghezza;*/ } } @media only screen and (max-width: 980px) { nav ul, #nav ul { position: relative; overflow: hidden; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; align-content: flex-start; -webkit-align-content: flex-start; -ms-align-content: start; width: 100% !important; margin: 0; left: 0; } } nav ul li, #nav ul li { display: inline-block; /**/ list-style: none; margin: 0; padding: 0; text-align: center; cursor: pointer; } @media only screen and (max-width: 980px) { nav ul li, #nav ul li { border: none !important; width: 100%; padding: 10px 0 !important; margin: 0 !important; text-align: left; } nav ul li a, #nav ul li a { color: #fff !important; font-weight: 300 !important; } nav ul li a:hover, #nav ul li a:hover { color: #BDCCD4 !important; } } nav ul li sup, #nav ul li sup { line-height: 1em; } nav ul.sopra, #nav ul.sopra { position: absolute; overflow: visible; position: fixed; z-index: 9999; top: 10px; right: 0; width: 100vw; margin: 0; /*justify-content:flex-end; -ms-flex-pack:end; -webkit-justify-content:flex-end;*/ justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; height: 50px; } @media only screen and (min-width: 1940px) { nav ul.sopra, #nav ul.sopra { right: 50% !important; margin-right: -960px !important; /*right:50%;*/ width: 1920px; max-width: 100%; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ } } @media only screen and (min-width: 1940px) and only screen and (max-width: 1260px) { nav ul.sopra, #nav ul.sopra { margin-right: -768px; } } @media only screen and (min-width: 1940px) and only screen and (max-width: 1900px) { nav ul.sopra, #nav ul.sopra { width: 100vw; /*width: @larghezza;*/ } } @media only screen and (max-width: 980px) { nav ul.sopra, #nav ul.sopra { position: relative; overflow: hidden; height: auto; } } @media only screen and (max-width: 760px) { nav ul.sopra, #nav ul.sopra { display: none; } } nav ul.sopra li, #nav ul.sopra li { font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.85em; color: #fff; font-weight: 400; line-height: 50px; letter-spacing: .04em; /*lingua*/ } @media only screen and (max-width: 980px) { nav ul.sopra li, #nav ul.sopra li { margin: 0; padding: 5px 0; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; color: #00182F; font-weight: 400; line-height: 1.1em; letter-spacing: .04em; text-transform: none; } } nav ul.sopra li a, #nav ul.sopra li a { color: #fff; } nav ul.sopra li a:hover, #nav ul.sopra li a:hover { color: #BDCCD4 !important; } nav ul.sopra li#prenota, #nav ul.sopra li#prenota, nav ul.sopra li#prenota.aperto, #nav ul.sopra li#prenota.aperto { position: relative; overflow: hidden; display: block; height: auto; margin: 0 30px 0 auto; padding: 0 0 0 32px !important; background: url(images/ico.png) 0px -387px no-repeat; background-size: 50px auto; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1em; color: #fff; font-weight: 400; line-height: 50px; letter-spacing: .02em; text-transform: uppercase; } nav ul.sopra li#prenota.chiuso, #nav ul.sopra li#prenota.chiuso, nav ul.sopra li#prenota.aperto.chiuso, #nav ul.sopra li#prenota.aperto.chiuso { background-position: 0 -336px; } @media only screen and (max-width: 1040px) { nav ul.sopra li#prenota, #nav ul.sopra li#prenota, nav ul.sopra li#prenota.aperto, #nav ul.sopra li#prenota.aperto { margin-right: 15px; } } @media only screen and (max-width: 980px) { nav ul.sopra li#prenota, #nav ul.sopra li#prenota, nav ul.sopra li#prenota.aperto, #nav ul.sopra li#prenota.aperto { margin: 15px 0 5px !important; line-height: 36px; background-position: 0 -394px; } nav ul.sopra li#prenota.chiuso, #nav ul.sopra li#prenota.chiuso, nav ul.sopra li#prenota.aperto.chiuso, #nav ul.sopra li#prenota.aperto.chiuso { background-position: 0 -343px; } nav ul.sopra li#prenota:hover, #nav ul.sopra li#prenota:hover, nav ul.sopra li#prenota.aperto:hover, #nav ul.sopra li#prenota.aperto:hover { color: #BDCCD4 !important; } } nav ul.sopra li.tel, #nav ul.sopra li.tel { position: relative; overflow: hidden; display: block; height: auto; margin: 0 auto 0 40px ; padding: 0 0 0 25px; background: url(images/ico.png) 0 18px no-repeat; background-size: 50px auto; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.85em; color: #fff; font-weight: 400; line-height: 50px; letter-spacing: .04em; text-transform: none; } @media only screen and (max-width: 980px) { nav ul.sopra li.tel, #nav ul.sopra li.tel { -webkit-box-ordinal-group: 20 !important; -moz-box-ordinal-group: 20 !important; -ms-flex-order: 20 !important; -webkit-order: 20 !important; order: 20 !important; width: calc(100% - 25px); margin: 0; line-height: 1.2em; background-position: 0 30px; } } nav ul.sopra li.tel a, #nav ul.sopra li.tel a { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #fff; font-weight: 400; line-height: 50px; letter-spacing: .02em; } @media only screen and (max-width: 980px) { nav ul.sopra li.tel a, #nav ul.sopra li.tel a { padding: 0 0 0 25px; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 1.2em !important; color: #fff !important; font-weight: 400 !important; line-height: 1.6em !important; letter-spacing: .02em !important; } nav ul.sopra li.tel a:hover, #nav ul.sopra li.tel a:hover { color: #BDCCD4 !important; } } nav ul.sopra li.lingua, #nav ul.sopra li.lingua { position: relative; overflow: visible; margin: 0 0 0 30px; padding-right: 90px; z-index: 99 !important; line-height: 52px; } nav ul.sopra li.lingua::after, #nav ul.sopra li.lingua::after { content: " "; position: absolute; overflow: hidden; display: block; right: 0; top: 21px; border-top: 8px solid #fff; border-right: 5px solid transparent; border-bottom: none; border-left: 5px solid transparent; } @media only screen and (max-width: 980px) { nav ul.sopra li.lingua, #nav ul.sopra li.lingua { line-height: 20px; padding: 0 0 40px !important; color: #fff; } nav ul.sopra li.lingua::after, #nav ul.sopra li.lingua::after { top: 34px; } } nav ul.sopra li.lingua ul, #nav ul.sopra li.lingua ul { position: absolute; overflow: hidden; display: block; top: 2px; right: 20px; width: 50px; height: 36px; padding: 0 10px; 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; } @media only screen and (max-width: 980px) { nav ul.sopra li.lingua ul, #nav ul.sopra li.lingua ul { padding: 0; border-bottom: 1px solid #fff; top: 15px; right: 0; /*margin:0; .angoli-tondi(3px); background:darken(@colore01, 5%);*/ } } nav ul.sopra li.lingua ul li, #nav ul.sopra li.lingua ul li { display: block; padding: 0 20px 0 0 !important; margin: 12px 0 !important; width: 16px; height: 21px; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 0.9em !important; color: #fff !important; font-weight: 400 !important; line-height: 21px !important; letter-spacing: .02em !important; text-transform: uppercase; } @media only screen and (max-width: 980px) { nav ul.sopra li.lingua ul li, #nav ul.sopra li.lingua ul li { padding: 0 10px !important; } } nav ul.sopra li.lingua ul li:nth-child(1), #nav ul.sopra li.lingua ul li:nth-child(1) { font-size: 1.1em !important; padding: 0 20px 0 0 !important; } nav ul.sopra li.lingua ul li:nth-child(1n + 2), #nav ul.sopra li.lingua ul li:nth-child(1n + 2) { margin-top: 0 !important; } nav ul.sopra li.lingua ul li a, #nav ul.sopra li.lingua ul li a { color: #BDCCD4; } nav ul.sopra li.lingua ul li a:hover, #nav ul.sopra li.lingua ul li a:hover { color: #fff !important; } nav ul.sopra li.lingua:hover ul, #nav ul.sopra li.lingua:hover ul, nav ul.sopra li.lingua:active ul, #nav ul.sopra li.lingua:active ul { z-index: 99999 !important; height: auto; background: #085467; -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: 980px) { nav ul.sopra li.lingua:hover ul, #nav ul.sopra li.lingua:hover ul, nav ul.sopra li.lingua:active ul, #nav ul.sopra li.lingua:active ul { width: 160px; background: #0f253a; } nav ul.sopra li.lingua:hover ul li:nth-child(1), #nav ul.sopra li.lingua:hover ul li:nth-child(1), nav ul.sopra li.lingua:active ul li:nth-child(1), #nav ul.sopra li.lingua:active ul li:nth-child(1) { padding: 0 10px !important; } nav ul.sopra li.lingua:hover ul li a, #nav ul.sopra li.lingua:hover ul li a, nav ul.sopra li.lingua:active ul li a, #nav ul.sopra li.lingua:active ul li a { color: #fff !important; } nav ul.sopra li.lingua:hover ul li a:hover, #nav ul.sopra li.lingua:hover ul li a:hover, nav ul.sopra li.lingua:active ul li a:hover, #nav ul.sopra li.lingua:active ul li a:hover { color: #afdde8 !important; } } @media only screen and (max-width: 980px) and only screen and (max-width: 980px) { nav ul.sopra li.lingua:hover ul li a:hover, #nav ul.sopra li.lingua:hover ul li a:hover, nav ul.sopra li.lingua:active ul li a:hover, #nav ul.sopra li.lingua:active ul li a:hover { color: #BDCCD4 !important; } } nav ul.sotto, #nav ul.sotto { position: relative; z-index: 1 !important; overflow: visible; justify-content: flex-start; -ms-flex-pack: start; -webkit-justify-content: flex-start; padding: 0; margin: 50px auto 0; } @media only screen and (max-width: 980px) { nav ul.sotto, #nav ul.sotto { /*.order(1) !important;*/ height: auto; padding: 20px 0 0; margin: 20px auto; border-top: 1px solid #fff; } } @media only screen and (max-width: 760px) { nav ul.sotto, #nav ul.sotto { border: none; padding: 0; } } nav ul.sotto li, #nav ul.sotto li { margin: 0; padding: 0; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #00182F; font-weight: 400; line-height: 120px; letter-spacing: .02em; text-transform: uppercase; vertical-align: top; } nav ul.sotto li::before, #nav ul.sotto li::before { content: "."; } nav ul.sotto li:nth-child(1), #nav ul.sotto li:nth-child(1) { margin-left: 150px; } nav ul.sotto li:nth-child(1)::before, #nav ul.sotto li:nth-child(1)::before { display: none; } @media only screen and (max-width: 1300px) { nav ul.sotto li:nth-child(1), #nav ul.sotto li:nth-child(1) { margin-left: 150px; } } @media only screen and (max-width: 1040px) { nav ul.sotto li, #nav ul.sotto li { line-height: 90px; } } @media only screen and (max-width: 980px) { nav ul.sotto li, #nav ul.sotto li { padding: 5px 0; font-size: 1.1em; line-height: 1.1em; } nav ul.sotto li::before, #nav ul.sotto li::before { display: none; } } nav ul.sotto li a, #nav ul.sotto li a, nav ul.sotto li span, #nav ul.sotto li span { display: inline-block; padding: 0 15px; color: #00182F; } nav ul.sotto li a:hover, #nav ul.sotto li a:hover, nav ul.sotto li span:hover, #nav ul.sotto li span:hover { color: #797979; } @media only screen and (max-width: 1300px) { nav ul.sotto li a, #nav ul.sotto li a, nav ul.sotto li span, #nav ul.sotto li span { padding: 0 8px; } } @media only screen and (max-width: 980px) { nav ul.sotto li a, #nav ul.sotto li a, nav ul.sotto li span, #nav ul.sotto li span { padding: 0; } } nav ul.sotto li:hover ul, #nav ul.sotto li:hover ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; } nav ul.sotto li ul, #nav ul.sotto li ul { display: none; position: absolute; overflow: visible; flex-direction: column !important; -ms-flex-direction: column !important; -webkit-flex-direction: column !important; -ms-box-direction: column !important; -webkit-box-direction: column !important; top: 120px; margin: 0; padding: 10px 20px 15px; width: auto; background: #fff; /* &::before{ content:""; .abshide; display:block; top:-40px; left:0; .bordo(none,140px solid transparent,40px solid @bianco,40px solid transparent); }*/ } @media only screen and (max-width: 1040px) { nav ul.sotto li ul, #nav ul.sotto li ul { top: 90px; } } nav ul.sotto li ul li, #nav ul.sotto li ul li { padding: 5px 0; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif !important; font-size: 0.9em !important; color: #00182F !important; font-weight: 400 !important; line-height: 30px !important; letter-spacing: .04em !important; text-transform: uppercase; text-align: left; } nav ul.sotto li ul li::before, #nav ul.sotto li ul li::before { display: none; } nav ul.sotto li ul li:nth-child(1), #nav ul.sotto li ul li:nth-child(1) { margin-left: 0; } nav ul.sotto li ul li a:hover, #nav ul.sotto li ul li a:hover { color: #BDCCD4; } @media only screen and (min-width: 981px) { nav.basso .navint, #nav.basso .navint { z-index: 99; height: 50px; } nav.basso ul.sopra, #nav.basso ul.sopra { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: flex-end; -ms-flex-pack: end; -webkit-justify-content: flex-end; right: 0; width: auto; } nav.basso ul.sopra li#prenota, #nav.basso ul.sopra li#prenota { margin: 0 30px; } nav.basso ul.sopra li.tel, #nav.basso ul.sopra li.tel { margin: 0 0 0 40px; } nav.basso ul.sopra li.lingua, #nav.basso ul.sopra li.lingua { display: none; } nav.basso ul.sotto, #nav.basso ul.sotto { margin: 0 auto; height: 50px; } nav.basso ul.sotto > li:nth-child(1), #nav.basso ul.sotto > li:nth-child(1) { margin-left: 140px; } nav.basso ul.sotto li, #nav.basso ul.sotto li { line-height: 50px; height: 50px; color: #fff; } nav.basso ul.sotto li a, #nav.basso ul.sotto li a, nav.basso ul.sotto li span, #nav.basso ul.sotto li span { color: #fff; } nav.basso ul.sotto li a:hover, #nav.basso ul.sotto li a:hover, nav.basso ul.sotto li span:hover, #nav.basso ul.sotto li span:hover { color: #afdde8; } nav.basso ul.sotto li ul, #nav.basso ul.sotto li ul { top: 50px; } nav.basso ul.sotto li ul::before, #nav.basso ul.sotto li ul::before { display: none; } nav.basso ul.sotto li ul li, #nav.basso ul.sotto li ul li { height: auto; line-height: 1.4em !important; } nav.basso ul.sotto li ul li a, #nav.basso ul.sotto li ul li a { color: #00182F; } } @media only screen and (min-width: 981px) and (max-width: 1040px) { nav.basso .navint, #nav.basso .navint { font-size: .9em; } nav.basso ul.sopra li#prenota, #nav.basso ul.sopra li#prenota { margin: 0 15px; } nav.basso ul.sopra li.tel, #nav.basso ul.sopra li.tel { display: none; } nav.basso ul.sotto a, #nav.basso ul.sotto a, nav.basso ul.sotto span, #nav.basso ul.sotto span { padding: 0 8px; } } /*------------------------------*/ section, #section { position: relative; overflow: hidden; width: 100%; /*prenota*/ /*-----------------------*/ /*grigio*/ /*foto dx*/ /*foto ds50*/ /*foto ds50*/ /*titblocco*/ /*newsletter*/ /*block*/ /*hotel-list*/ /*asidetit*/ /*hotel-listone*/ /*intro*/ /*dettaglio*/ /*servizi-list*/ /*offerte-list*/ /*contatti*/ } section.prenota, #section.prenota { position: absolute; overflow: hidden; z-index: 20; top: 50px; right: 0; width: 25%; min-width: 480px; height: calc(100vh - 50px); background: #BDCCD4; } section.prenota.fisso, #section.prenota.fisso { position: fixed; top: 60px; } @media only screen and (max-width: 1900px) { section.prenota, #section.prenota { /*min-height:750px;*/ } } @media only screen and (max-width: 1300px) { section.prenota, #section.prenota { min-width: 360px; /*min-height:600px;*/ } } @media only screen and (max-width: 1040px) { section.prenota, #section.prenota { /*outline:100vw solid rgba(255,255,255,0.80);*/ border-left: 100vw solid rgba(255, 255, 255, 0.8); -moz-background-clip: border; /* Firefox 3.6 */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ background-clip: border-box; -moz-background-clip: padding; /* Firefox 3.6 */ -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ -moz-background-clip: content; /* Firefox 3.6 */ -webkit-background-clip: content; /* Safari 4? Chrome 6? */ background-clip: content-box; } } @media only screen and (max-height: 600px) { section.prenota, #section.prenota { overflow: scroll; } } section.prenota .titolo, #section.prenota .titolo { display: block; padding: 40px 30px 10px; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #00182F; font-weight: 400; line-height: 40px; letter-spacing: .02em; } section.prenota form.booknow, #section.prenota form.booknow { 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 !important; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; align-content: flex-start; -ms-align-content: flex-start; -webkit-align-content: flex-start; border: none; padding: 30px; margin: 0; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #00182F; font-weight: 300; line-height: 50px; letter-spacing: .02em; /*div*/ } @media only screen and (max-width: 1300px) { section.prenota form.booknow, #section.prenota form.booknow { font-size: 1em; line-height: 36px; padding: 25px 30px 30px !important; } } @media only screen and (max-height: 600px) { section.prenota form.booknow, #section.prenota form.booknow { min-height: 500px; } } section.prenota form.booknow div, #section.prenota form.booknow div { width: 100%; padding: 0 !important; margin: 0 0 5px; text-align: left; /*select*/ } section.prenota form.booknow div.small, #section.prenota form.booknow div.small { width: 28%; } section.prenota form.booknow div.riga, #section.prenota form.booknow div.riga { position: relative; overflow: hidden; border-bottom: 1px solid #fff; cursor: pointer; } section.prenota form.booknow div.riga span, #section.prenota form.booknow div.riga span { font-weight: 400; } section.prenota form.booknow div.riga span#mostra_da, #section.prenota form.booknow div.riga span#mostra_da, section.prenota form.booknow div.riga span#mostra_dp, #section.prenota form.booknow div.riga span#mostra_dp { float: right; } section.prenota form.booknow div.select, #section.prenota form.booknow div.select { position: relative; cursor: pointer; /*ul*/ } section.prenota form.booknow div.select .selezione, #section.prenota form.booknow div.select .selezione { overflow: hidden; width: 100%; padding: 0; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1em; color: #00182F; font-weight: 300; line-height: 50px; letter-spacing: .02em; } @media only screen and (max-width: 1300px) { section.prenota form.booknow div.select .selezione, #section.prenota form.booknow div.select .selezione { line-height: 36px; font-size: .8; } } section.prenota form.booknow div.select .selezione::after, #section.prenota form.booknow div.select .selezione::after { content: ""; display: block; position: absolute; overflow: hidden; top: 24px; right: 4px; border-top: 8px solid #00182F; border-right: 6px solid transparent; border-bottom: none; border-left: 6px solid transparent; } @media only screen and (max-width: 1300px) { section.prenota form.booknow div.select .selezione::after, #section.prenota form.booknow div.select .selezione::after { top: 15px; } } section.prenota form.booknow div.select ul, #section.prenota form.booknow div.select ul { display: block; position: absolute; overflow-x: hidden; overflow-y: auto; display: none; /**/ z-index: 9; top: 50px; margin: 0; padding: 5px 0; width: 100%; max-height: 200px; background: #fff; } @media only screen and (max-width: 1300px) { section.prenota form.booknow div.select ul, #section.prenota form.booknow div.select ul { top: 36px; } } section.prenota form.booknow div.select ul li, #section.prenota form.booknow div.select ul li { list-style: none; margin: 0; padding: 5px 0 5px 15px; line-height: 20px; } section.prenota form.booknow div.select ul li:hover, #section.prenota form.booknow div.select ul li:hover { background: #d7d7d7; } section.prenota form.booknow div#selected_da, #section.prenota form.booknow div#selected_da, section.prenota form.booknow div#selected_dp, #section.prenota form.booknow div#selected_dp { font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.8em; color: #00182F; font-weight: 400; line-height: auto; letter-spacing: .04em; } section.prenota form.booknow div label, #section.prenota form.booknow div label { float: left; width: 50%; } @media only screen and (max-width: 1300px) { section.prenota form.booknow div label, #section.prenota form.booknow div label { width: auto; } } section.prenota form.booknow div input, #section.prenota form.booknow div input { margin: 0; padding: 0 2%; width: 46%; height: 50px; } @media only screen and (max-width: 1300px) { section.prenota form.booknow div input, #section.prenota form.booknow div input { height: 36px; width: 66%; } } section.prenota form.booknow div input.btn, #section.prenota form.booknow div input.btn { padding: 0 20px; margin: 20px 0 0 !important; width: auto; height: 50px; background: #00182F; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 1em !important; color: #fff !important; font-weight: 400 !important; line-height: 50px !important; letter-spacing: .02em !important; font-style: normal; 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; } @media only screen and (max-width: 1300px) { section.prenota form.booknow div input.btn, #section.prenota form.booknow div input.btn { line-height: 36px !important; height: 36px; margin: 10px 0 0 !important; } } section.prenota form.booknow div input.btn:hover, #section.prenota form.booknow div input.btn:hover { background: #797979; -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.prenota form.booknow div input, #section.prenota form.booknow div input, section.prenota form.booknow div select, #section.prenota form.booknow div select, section.prenota form.booknow div textarea, #section.prenota form.booknow div textarea { display: block; border: none; background: #BDCCD4; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif !important; font-size: 1em !important; color: #fff !important; font-weight: 400 !important; line-height: 50px !important; letter-spacing: .04em !important; font-style: italic; } @media only screen and (max-width: 1300px) { section.prenota form.booknow div input, #section.prenota form.booknow div input, section.prenota form.booknow div select, #section.prenota form.booknow div select, section.prenota form.booknow div textarea, #section.prenota form.booknow div textarea { line-height: 36px !important; font-size: .9; } } section.prenota form.booknow div input[type="hidden"], #section.prenota form.booknow div input[type="hidden"] { /*display:none;*/ } section.prenota .fondo, #section.prenota .fondo { position: absolute; overflow: hidden; bottom: 0; left: 0; right: 0; padding: 20px 30px 25px; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; color: #00182F; font-weight: 400; line-height: 1.2em; letter-spacing: .04em; } @media only screen and (max-width: 1300px) { section.prenota .fondo, #section.prenota .fondo { font-size: .85em; } } @media only screen and (max-height: 600px) { section.prenota .fondo, #section.prenota .fondo { display: none; } } section.prenota .fondo a, #section.prenota .fondo a { color: #00182F; font-weight: 700; } section.prenota .fondo a:hover, #section.prenota .fondo a:hover { color: #fff; } section.prenota .fondo br, #section.prenota .fondo br { display: none; } section.prenota .fondo .tel, #section.prenota .fondo .tel { position: relative; overflow: hidden; display: block; height: auto; margin: 30px 40px 0 auto; padding: 0 0 0 30px; background: url(images/ico.png) 0px -45px no-repeat; background-size: 50px auto; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; color: #00182F; font-weight: 400; line-height: 36px; letter-spacing: .04em; text-transform: none; white-space: nowrap; } @media only screen and (max-width: 1300px) { section.prenota .fondo .tel, #section.prenota .fondo .tel { margin-top: 20px; } } section.prenota .fondo .tel a, #section.prenota .fondo .tel a { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #00182F; font-weight: 400; line-height: 36px; letter-spacing: .02em; } section.prenota .fondo .tel a:hover, #section.prenota .fondo .tel a:hover { color: #fff; } section.bigslide, #section.bigslide { margin: 0 auto 0; width: 1920px; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ max-width: 100%; height: calc(100vh - 50px); background: #efefef; /*slide*/ /**/ } @media only screen and (max-width: 1900px) { section.bigslide, #section.bigslide { width: 100vw; /*width: @larghezza;*/ } } @media only screen and (max-width: 980px) { section.bigslide, #section.bigslide { height: 56vw !important; } section.bigslide li, #section.bigslide li { height: 56vw !important; } } section.bigslide.bassa, #section.bigslide.bassa { height: 500px; } section.bigslide.bassa li, #section.bigslide.bassa li { height: 500px !important; } @media only screen and (max-width: 980px) { section.bigslide.bassa, #section.bigslide.bassa { height: 40vw !important; } section.bigslide.bassa li, #section.bigslide.bassa li { height: 40vw !important; } } @media only screen and (max-width: 760px) { section.bigslide.bassa, #section.bigslide.bassa { height: auto !important; max-height: 500px; min-height: 100px; } } 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: 1920px; max-width: 100%; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ height: calc(100vh - 50px); margin: 0; padding: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media only screen and (max-width: 1900px) { section.bigslide ul#slidepreview li, #section.bigslide ul#slidepreview li { width: 100vw; /*width: @larghezza;*/ } } 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 { display: block; width: 100%; height: 100%; background: #00182F; } @media only screen and (max-width: 760px) { section.bigslide .mappa, #section.bigslide .mappa { display: none; } } section.gen, #section.gen { width: 1920px; max-width: 100%; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ margin: 0 auto; } @media only screen and (max-width: 1900px) { section.gen, #section.gen { width: 100vw; /*width: @larghezza;*/ } } section.gen article, #section.gen article, section.gen #article, #section.gen #article { padding: 0 5vw 100px; } section.nohead, #section.nohead { margin: 200px 0 0; } section.grigio, #section.grigio { background: #efefef; } section.foto-dx, #section.foto-dx { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; margin: 10px auto; /*article*/ /*figure*/ } @media only screen and (max-width: 980px) { section.foto-dx, #section.foto-dx { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.foto-dx article, #section.foto-dx article, section.foto-dx #article, #section.foto-dx #article { position: relative; overflow: hidden; width: 55%; padding: 5vw 10%; } @media only screen and (max-width: 980px) { section.foto-dx article, #section.foto-dx article, section.foto-dx #article, #section.foto-dx #article { width: 90vw; padding: 5vw; } } section.foto-dx article h2, #section.foto-dx article h2, section.foto-dx #article h2, #section.foto-dx #article h2, section.foto-dx article h3, #section.foto-dx article h3, section.foto-dx #article h3, #section.foto-dx #article h3 { text-align: center; } section.foto-dx article img, #section.foto-dx article img, section.foto-dx #article img, #section.foto-dx #article img { position: relative; overflow: hidden; display: block; margin: 0 auto; } section.foto-dx article .sottotitolo, #section.foto-dx article .sottotitolo, section.foto-dx #article .sottotitolo, #section.foto-dx #article .sottotitolo { display: block; margin: 70px 0 30px; } section.foto-dx article .duecol, #section.foto-dx article .duecol, section.foto-dx #article .duecol, #section.foto-dx #article .duecol { display: block; columns: 2 auto; -ms-columns: 2 auto; -moz-columns: 2 auto; -webkit-columns: 2 auto; column-gap: 4vw; -ms-column-gap: 4vw; -moz-column-gap: 4vw; -webkit-column-gap: 4vw; } section.foto-dx article .trattino, #section.foto-dx article .trattino, section.foto-dx #article .trattino, #section.foto-dx #article .trattino { display: block; margin: 60px 0; height: 5px; } section.foto-dx article .trattino::before, #section.foto-dx article .trattino::before, section.foto-dx #article .trattino::before, #section.foto-dx #article .trattino::before { content: ""; display: block; width: 2vw; height: 5px; background: #00182F; } section.foto-dx article .inlinea, #section.foto-dx article .inlinea, section.foto-dx #article .inlinea, #section.foto-dx #article .inlinea { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; align-items: center; -ms-align-items: center; -webkit-align-items: center; } section.foto-dx article .inlinea img, #section.foto-dx article .inlinea img, section.foto-dx #article .inlinea img, #section.foto-dx #article .inlinea img { width: auto; margin: 0 0 0 50px; } section.foto-dx article .inlinea p, #section.foto-dx article .inlinea p, section.foto-dx #article .inlinea p, #section.foto-dx #article .inlinea p { max-width: 48%; } section.foto-dx figure, #section.foto-dx figure, section.foto-dx #figure, #section.foto-dx #figure { margin: 0; width: 25%; min-width: 480px; height: auto; background-size: cover; background-position: 50% 50%; } @media only screen and (max-width: 1300px) { section.foto-dx figure, #section.foto-dx figure, section.foto-dx #figure, #section.foto-dx #figure { min-width: 360px; } } @media only screen and (max-width: 980px) { section.foto-dx figure, #section.foto-dx figure, section.foto-dx #figure, #section.foto-dx #figure { width: 100vw; height: 56vw; } } section.ds50, #section.ds50 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; padding: 30px 0; /*article*/ /*aside*/ } @media only screen and (max-width: 980px) { section.ds50, #section.ds50 { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.ds50 article, #section.ds50 article, section.ds50 #article, #section.ds50 #article { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: calc(50% - 60px); padding: 0 30px; background-size: contain; background-repeat: no-repeat; background-position: 50% bottom; background-color: #fff; -webkit-box-shadow: 30px 0 0 #fff inset, -30px 0 0 #fff inset; -moz-box-shadow: 30px 0 0 #fff inset, -30px 0 0 #fff inset; box-shadow: 30px 0 0 #fff inset, -30px 0 0 #fff inset; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); } @media only screen and (max-width: 1460px) { section.ds50 article, #section.ds50 article, section.ds50 #article, #section.ds50 #article { width: calc(50% - 60px); } } @media only screen and (max-width: 1040px) { section.ds50 article, #section.ds50 article, section.ds50 #article, #section.ds50 #article { background-image: none !important; } } @media only screen and (max-width: 980px) { section.ds50 article, #section.ds50 article, section.ds50 #article, #section.ds50 #article { width: 90vw; padding: 5vw; -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; } } section.ds50 article h2, #section.ds50 article h2, section.ds50 #article h2, #section.ds50 #article h2 { position: relative; overflow: hidden; display: block; padding: 0 0 30px; background: #fff; font-weight: 400; } section.ds50 article h2::after, #section.ds50 article h2::after, section.ds50 #article h2::after, #section.ds50 #article h2::after { content: " "; position: absolute; overflow: hidden; display: block; bottom: 0; left: 0; height: 3px; width: 30px; background: #00182F; } section.ds50 article ul, #section.ds50 article ul, section.ds50 #article ul, #section.ds50 #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: 0; padding: 30px 0; background: #fff; } @media only screen and (max-width: 760px) { section.ds50 article ul, #section.ds50 article ul, section.ds50 #article ul, #section.ds50 #article ul { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.ds50 article ul li, #section.ds50 article ul li, section.ds50 #article ul li, #section.ds50 #article ul li { list-style: none; margin: 0 0 20px; paddin: 0; width: 45%; } @media only screen and (max-width: 760px) { section.ds50 article ul li, #section.ds50 article ul li, section.ds50 #article ul li, #section.ds50 #article ul li { width: 90%; padding: 0 5%; } } section.ds50 article ul li .sottotitolo, #section.ds50 article ul li .sottotitolo, section.ds50 #article ul li .sottotitolo, #section.ds50 #article ul li .sottotitolo { text-transform: uppercase; } section.ds50 aside, #section.ds50 aside, section.ds50 #aside, #section.ds50 #aside { -webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; 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; width: 50%; /*figure*/ } @media only screen and (max-width: 980px) { section.ds50 aside, #section.ds50 aside, section.ds50 #aside, #section.ds50 #aside { width: 100vw; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } } section.ds50 aside img, #section.ds50 aside img, section.ds50 #aside img, #section.ds50 #aside img { width: 100%; } section.ds50 aside figure, #section.ds50 aside figure, section.ds50 #aside figure, #section.ds50 #aside figure, section.ds50 aside #figure, #section.ds50 aside #figure, section.ds50 #aside #figure, #section.ds50 #aside #figure { position: relative; overflow: hidden; display: block; margin: 30px 0 0; width: calc((100% - 30px) / 2); height: auto; background-size: cover; background-position: 50% 50%; } @media only screen and (max-width: 980px) { section.ds50 aside figure, #section.ds50 aside figure, section.ds50 #aside figure, #section.ds50 #aside figure, section.ds50 aside #figure, #section.ds50 aside #figure, section.ds50 #aside #figure, #section.ds50 #aside #figure { display: none; } } section.ds50 aside figure::after, #section.ds50 aside figure::after, section.ds50 #aside figure::after, #section.ds50 #aside figure::after, section.ds50 aside #figure::after, #section.ds50 aside #figure::after, section.ds50 #aside #figure::after, #section.ds50 #aside #figure::after { content: " "; display: block; padding-top: 75%; } section.ds50 aside figure:nth-last-child(1), #section.ds50 aside figure:nth-last-child(1), section.ds50 #aside figure:nth-last-child(1), #section.ds50 #aside figure:nth-last-child(1), section.ds50 aside #figure:nth-last-child(1), #section.ds50 aside #figure:nth-last-child(1), section.ds50 #aside #figure:nth-last-child(1), #section.ds50 #aside #figure:nth-last-child(1) { margin-left: 30px; } section.fotodoppia-marg, #section.fotodoppia-marg { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; margin-top: 30px; /*figure*/ } section.fotodoppia-marg figure, #section.fotodoppia-marg figure, section.fotodoppia-marg #figure, #section.fotodoppia-marg #figure { margin: 0 0 0 30px; width: calc(50% - 30px); height: 20vw; background-size: cover; background-position: 50% 50%; } section.fotodoppia-marg figure.mezza, #section.fotodoppia-marg figure.mezza, section.fotodoppia-marg #figure.mezza, #section.fotodoppia-marg #figure.mezza { width: 50%; margin: 0; } section.titblocco, #section.titblocco { position: relative; overflow: hidden; background: #fff; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.85em; color: #d7d7d7; font-weight: 400; line-height: 200px; letter-spacing: .02em; text-transform: uppercase; text-align: center; } section.titblocco::before, #section.titblocco::before { content: ""; display: block; position: absolute; overflow: hidden; left: calc(50% - 16px); width: 30px; height: 30px; transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); border-top: 2px solid #d7d7d7; border-right: 2px solid #d7d7d7; border-bottom: none; border-left: none; -webkit-animation: esciS 1s ease-out infinite; -moz-animation: esciS 1s ease-out infinite; -ms-animation: esciS 1s ease-out infinite; -o-animation: esciS 1s ease-out infinite; animation: esciS 1s ease-out infinite; top: 30px; } section.titblocco::before .act 0%, #section.titblocco::before .act 0% { top: 30px; } section.titblocco::before .act 70%, #section.titblocco::before .act 70% { top: 45px; } section.titblocco::before .act 100%, #section.titblocco::before .act 100% { top: 30px; } @-webkit-keyframes esciS { 0% { top: 30px; } 70% { top: 45px; } 100% { top: 30px; } } @-moz-keyframes esciS { 0% { top: 30px; } 70% { top: 45px; } 100% { top: 30px; } } @-o-keyframes esciS { 0% { top: 30px; } 70% { top: 45px; } 100% { top: 30px; } } @keyframes esciS { 0% { top: 30px; } 70% { top: 45px; } 100% { top: 30px; } } section.newsletter, #section.newsletter { position: relative; overflow: hidden; background: #00182F; /*article*/ } @media only screen and (max-width: 760px) { section.newsletter, #section.newsletter { display: none; } } section.newsletter article, #section.newsletter article, section.newsletter #article, #section.newsletter #article { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; width: 80%; padding: 5vw 10vw; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.9em; color: #fff; font-weight: 300; line-height: 1.5em; letter-spacing: .04em; } @media only screen and (max-width: 1300px) { section.newsletter article, #section.newsletter article, section.newsletter #article, #section.newsletter #article { width: 90vw; padding: 5vw; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; align-items: center; -webkit-align-items: center; -ms-flex-align: center; } } @media only screen and (max-width: 620px) { section.newsletter article, #section.newsletter article, section.newsletter #article, #section.newsletter #article { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.newsletter article p, #section.newsletter article p, section.newsletter #article p, #section.newsletter #article p { padding-right: 5vw; } section.newsletter article p .titolo, #section.newsletter article p .titolo, section.newsletter #article p .titolo, #section.newsletter #article p .titolo { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 2m; color: #fff; font-weight: 400; line-height: 1.1em; letter-spacing: .02em; text-transform: uppercase; text-align: center; } section.newsletter article .modulo, #section.newsletter article .modulo, section.newsletter #article .modulo, #section.newsletter #article .modulo { position: relative; overflow: hidden; /*border:1px solid @grigio03;*/ padding: 10px; height: 36px; background: #fff; } @media only screen and (max-width: 980px) { section.newsletter article .modulo, #section.newsletter article .modulo, section.newsletter #article .modulo, #section.newsletter #article .modulo { width: 60%; } } @media only screen and (max-width: 620px) { section.newsletter article .modulo, #section.newsletter article .modulo, section.newsletter #article .modulo, #section.newsletter #article .modulo { width: calc(100% - 20px); padding: 10px; } } 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; padding: 0; margin: 0; border: none; width: 100%; } 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: auto; padding: 0; line-height: 36px; } 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%; } section.newsletter article .modulo form div:nth-child(1), #section.newsletter article .modulo form div:nth-child(1), section.newsletter #article .modulo form div:nth-child(1), #section.newsletter #article .modulo form div:nth-child(1) { -webkit-box-flex: 2; -webkit-flex: 2; /**/ -moz-box-flex: 2; -ms-flex: 2; flex: 2; box-flex: 2; } 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 2%; width: 96%; height: 36px; } 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 0 0 10px; margin: 0; border-left: 1px solid #d7d7d7; width: 100%; height: 36px; background: #fff; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 1.4em !important; color: #232323 !important; font-weight: 400 !important; line-height: 36px !important; letter-spacing: .02em !important; text-transform: uppercase; font-style: normal; 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; } 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 { color: #BDCCD4 !important; -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: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif !important; font-size: 1.2em !important; color: #797979 !important; font-weight: 400 !important; line-height: 36px !important; letter-spacing: .04em !important; font-style: italic; } section.newsletter article a, #section.newsletter article a, section.newsletter #article a, #section.newsletter #article a { font-size: .8em; color: #797979; } section.newsletter article a:hover, #section.newsletter article a:hover, section.newsletter #article a:hover, #section.newsletter #article a:hover { color: #BDCCD4; } section.newsletter article strong, #section.newsletter article strong, section.newsletter #article strong, #section.newsletter #article strong { display: inline-block; padding: 0 0 0 5vw; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.4em; color: #fff; font-weight: 400; line-height: 56px; letter-spacing: .02em; text-transform: uppercase; } @media only screen and (max-width: 1300px) { section.newsletter article strong, #section.newsletter article strong, section.newsletter #article strong, #section.newsletter #article strong { display: none; } } section.newsletter a.btn, #section.newsletter a.btn { display: inline-block; border: 1px solid #fff; padding: 0 50px; margin: 7vw auto; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #fff; font-weight: 300; line-height: 2em; letter-spacing: .04em; text-transform: uppercase; } section.newsletter a.btn:hover, #section.newsletter a.btn:hover { background: #f00; border-color: #f00; } section.block, #section.block { background-position: 50% 50%; background-size: cover; background: #efefef; } section.block article, #section.block article, section.block #article, #section.block #article { position: relative; overflow: hidden; width: 80%; padding: 3vw 10vw; /*background:rgba(255,255,255,0.40);*/ /*contatti*/ } @media only screen and (max-width: 1300px) { section.block article, #section.block article, section.block #article, #section.block #article { width: 90vw; padding: 3vw 5vw; } } section.block article ul.contatti, #section.block article ul.contatti, section.block #article ul.contatti, #section.block #article ul.contatti { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 0; padding: 0; } @media only screen and (max-width: 980px) { section.block article ul.contatti, #section.block article ul.contatti, section.block #article ul.contatti, #section.block #article ul.contatti { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.block article ul.contatti li, #section.block article ul.contatti li, section.block #article ul.contatti li, #section.block #article ul.contatti li { list-style: none; margin: 0; padding: 0; /*social*/ } section.block article ul.contatti li::before, #section.block article ul.contatti li::before, section.block #article ul.contatti li::before, #section.block #article ul.contatti li::before { content: ""; position: absolute; overflow: hidden; top: 45px; left: 0; bottom: 0; width: 33px; background: #efefef; } section.block article ul.contatti li.tel, #section.block article ul.contatti li.tel, section.block #article ul.contatti li.tel, #section.block #article ul.contatti li.tel, section.block article ul.contatti li.email, #section.block article ul.contatti li.email, section.block #article ul.contatti li.email, #section.block #article ul.contatti li.email, section.block article ul.contatti li.map, #section.block article ul.contatti li.map, section.block #article ul.contatti li.map, #section.block #article ul.contatti li.map { position: relative; overflow: hidden; display: block; height: auto; margin: 0 5vw 0 0; padding: 10px 0 10px 35px; background: url(images/ico.png) 0 -40px no-repeat; background-size: 50px auto; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #00182F; font-weight: 400; line-height: 30px; letter-spacing: .04em; text-transform: none; } section.block article ul.contatti li.tel a, #section.block article ul.contatti li.tel a, section.block #article ul.contatti li.tel a, #section.block #article ul.contatti li.tel a, section.block article ul.contatti li.email a, #section.block article ul.contatti li.email a, section.block #article ul.contatti li.email a, #section.block #article ul.contatti li.email a, section.block article ul.contatti li.map a, #section.block article ul.contatti li.map a, section.block #article ul.contatti li.map a, #section.block #article ul.contatti li.map a { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #00182F; font-weight: 400; line-height: 30px; letter-spacing: .02em; text-transform: uppercase; } section.block article ul.contatti li.tel a:hover, #section.block article ul.contatti li.tel a:hover, section.block #article ul.contatti li.tel a:hover, #section.block #article ul.contatti li.tel a:hover, section.block article ul.contatti li.email a:hover, #section.block article ul.contatti li.email a:hover, section.block #article ul.contatti li.email a:hover, #section.block #article ul.contatti li.email a:hover, section.block article ul.contatti li.map a:hover, #section.block article ul.contatti li.map a:hover, section.block #article ul.contatti li.map a:hover, #section.block #article ul.contatti li.map a:hover { color: #00182F; } @media only screen and (max-width: 760px) { section.block article ul.contatti li.tel, #section.block article ul.contatti li.tel, section.block #article ul.contatti li.tel, #section.block #article ul.contatti li.tel { display: none; } } section.block article ul.contatti li.email, #section.block article ul.contatti li.email, section.block #article ul.contatti li.email, #section.block #article ul.contatti li.email { background-position: 0 -90px; } section.block article ul.contatti li.map, #section.block article ul.contatti li.map, section.block #article ul.contatti li.map, #section.block #article ul.contatti li.map { background-position: 0 -140px; } section.block article ul.contatti li.social ul, #section.block article ul.contatti li.social ul, section.block #article ul.contatti li.social ul, #section.block #article ul.contatti li.social ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; width: auto; height: 24px; padding: 8px 0; margin: 0; background: none; } @media only screen and (max-width: 1260px) { section.block article ul.contatti li.social ul, #section.block article ul.contatti li.social ul, section.block #article ul.contatti li.social ul, #section.block #article ul.contatti li.social ul { flex-direction: row; -ms-flex-direction: row; -webkit-flex-direction: row; -ms-box-direction: row; -webkit-box-direction: row; } } section.block article ul.contatti li.social ul li, #section.block article ul.contatti li.social ul li, section.block #article ul.contatti li.social ul li, #section.block #article ul.contatti li.social ul li { display: block; position: relative; overflow: hidden; width: 30px; height: 30px; margin: 0 2px; padding: 0 !important; background: url(images/ico.png) no-repeat; background-size: 50px auto; } section.block article ul.contatti li.social ul li.fb, #section.block article ul.contatti li.social ul li.fb, section.block #article ul.contatti li.social ul li.fb, #section.block #article ul.contatti li.social ul li.fb { background-position: 0 -200px; } section.block article ul.contatti li.social ul li.tw, #section.block article ul.contatti li.social ul li.tw, section.block #article ul.contatti li.social ul li.tw, #section.block #article ul.contatti li.social ul li.tw { background-position: 0 -250px; } section.block article ul.contatti li.social ul li.yt, #section.block article ul.contatti li.social ul li.yt, section.block #article ul.contatti li.social ul li.yt, #section.block #article ul.contatti li.social ul li.yt { background-position: 0 -300px; } section.block article ul.contatti li.social ul li.ta, #section.block article ul.contatti li.social ul li.ta, section.block #article ul.contatti li.social ul li.ta, #section.block #article ul.contatti li.social ul li.ta { background-position: 0 -600px; } section.block article ul.contatti li.social ul li.gp, #section.block article ul.contatti li.social ul li.gp, section.block #article ul.contatti li.social ul li.gp, #section.block #article ul.contatti li.social ul li.gp { background-position: 0 -500px; } section.block article ul.contatti li.social ul li.pi, #section.block article ul.contatti li.social ul li.pi, section.block #article ul.contatti li.social ul li.pi, #section.block #article ul.contatti li.social ul li.pi { background-position: 0 -550px; } section.block article ul.contatti li.social ul li a, #section.block article ul.contatti li.social ul li a, section.block #article ul.contatti li.social ul li a, #section.block #article ul.contatti li.social ul li a { display: block; padding: 50px 0 0 ; } section.hotel-list, #section.hotel-list { z-index: 3; background: #fff; /*--article--*/ } @media only screen and (max-width: 740px) { section.hotel-list, #section.hotel-list { display: none; } } section.hotel-list article, #section.hotel-list article, section.hotel-list #article, #section.hotel-list #article { position: relative; overflow: hidden; width: 90%; padding: 5vw 5%; /*ul*/ } section.hotel-list article .titoli, #section.hotel-list article .titoli, section.hotel-list #article .titoli, #section.hotel-list #article .titoli { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; margin: 0 -20px 0; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; /**/ } @media only screen and (max-width: 1040px) { section.hotel-list article .titoli, #section.hotel-list article .titoli, section.hotel-list #article .titoli, #section.hotel-list #article .titoli { display: none; } } section.hotel-list article .titoli .titolo, #section.hotel-list article .titoli .titolo, section.hotel-list #article .titoli .titolo, #section.hotel-list #article .titoli .titolo { display: block; margin: 0 20px; padding: 25px 0; /*width:calc(~"((100% / 6) * 4) - 40px"); da commentare nella nuova versione*/ width: 100%; border-bottom: 1px solid #d7d7d7; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.3em; color: #00182F; font-weight: 400; line-height: 1.2em; letter-spacing: .02em; } section.hotel-list article .titoli .titolo strong, #section.hotel-list article .titoli .titolo strong, section.hotel-list #article .titoli .titolo strong, #section.hotel-list #article .titoli .titolo strong { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.7em; color: #00182F; font-weight: 400; line-height: 1.2px; letter-spacing: .02em; } section.hotel-list article .titoli .titolo:nth-child(1n + 2), #section.hotel-list article .titoli .titolo:nth-child(1n + 2), section.hotel-list #article .titoli .titolo:nth-child(1n + 2), #section.hotel-list #article .titoli .titolo:nth-child(1n + 2) { width: calc((100% / 6) - 40px); } section.hotel-list article ul, #section.hotel-list article ul, section.hotel-list #article ul, #section.hotel-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: flex-start; -ms-flex-pack: start; -webkit-justify-content: flex-start; margin: 30px -20px 0; padding: 0; text-align: left; } @media only screen and (max-width: 600px) { section.hotel-list article ul, #section.hotel-list article ul, section.hotel-list #article ul, #section.hotel-list #article ul { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.hotel-list article ul.grandi li, #section.hotel-list article ul.grandi li, section.hotel-list #article ul.grandi li, #section.hotel-list #article ul.grandi li { width: calc((100% / 3) - 40px); } section.hotel-list article ul.piccoli li, #section.hotel-list article ul.piccoli li, section.hotel-list #article ul.piccoli li, #section.hotel-list #article ul.piccoli li { width: calc((100% / 5) - 40px); } @media only screen and (max-width: 1040px) { section.hotel-list article ul.piccoli li, #section.hotel-list article ul.piccoli li, section.hotel-list #article ul.piccoli li, #section.hotel-list #article ul.piccoli li { width: calc((100% / 3) - 40px); } } section.hotel-list article ul li, #section.hotel-list article ul li, section.hotel-list #article ul li, #section.hotel-list #article ul li { position: relative; overflow: hidden; list-style: none; width: calc((100% / 6) - 40px); margin: 0 20px 30px; padding: 0; background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.85em; color: #232323; font-weight: 400; line-height: 1.6em; letter-spacing: .04em; } @media only screen and (max-width: 1040px) { section.hotel-list article ul li, #section.hotel-list article ul li, section.hotel-list #article ul li, #section.hotel-list #article ul li { width: calc((100% / 3) - 40px); margin-bottom: 50px; } } section.hotel-list article ul li a, #section.hotel-list article ul li a, section.hotel-list #article ul li a, #section.hotel-list #article ul li a { font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.9em; color: #00182F; font-weight: 300; line-height: 1.2em; letter-spacing: .04em; } section.hotel-list article ul li a:hover, #section.hotel-list article ul li a:hover, section.hotel-list #article ul li a:hover, #section.hotel-list #article ul li a:hover { color: #d7d7d7; } section.hotel-list article ul li a.immagine, #section.hotel-list article ul li a.immagine, section.hotel-list #article ul li a.immagine, #section.hotel-list #article ul li a.immagine { position: relative; overflow: hidden; display: block; width: 100%; margin: 0 0 20px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } section.hotel-list article ul li a.immagine::after, #section.hotel-list article ul li a.immagine::after, section.hotel-list #article ul li a.immagine::after, #section.hotel-list #article ul li a.immagine::after { content: " "; display: block; padding-top: 75%; } section.hotel-list article ul li a.tit, #section.hotel-list article ul li a.tit, section.hotel-list #article ul li a.tit, #section.hotel-list #article ul li a.tit { display: block; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.6em; color: #00182F; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; } section.hotel-list article ul li .rating, #section.hotel-list article ul li .rating, section.hotel-list #article ul li .rating, #section.hotel-list #article ul li .rating { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1em; color: #dd0000; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; } section.hotel-list article ul li .resort, #section.hotel-list article ul li .resort, section.hotel-list #article ul li .resort, #section.hotel-list #article ul li .resort { display: block; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1em; color: #797979; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; } section.hotel-list article ul li .up, #section.hotel-list article ul li .up, section.hotel-list #article ul li .up, #section.hotel-list #article ul li .up { text-transform: uppercase; } section.hotel-list article a.btn, #section.hotel-list article a.btn, section.hotel-list #article a.btn, #section.hotel-list #article a.btn { display: inline-block; border: 1px solid #232323; margin: 30px 0 0; padding: 0 50px; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #232323; font-weight: 300; line-height: 2em; letter-spacing: .04em; text-transform: uppercase; } section.hotel-list article a.btn:hover, #section.hotel-list article a.btn:hover, section.hotel-list #article a.btn:hover, #section.hotel-list #article a.btn:hover { background: #232323; color: #fff; } section.asidetit, #section.asidetit { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; width: 1920px; max-width: 100%; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ margin: 0 auto; /*article*/ /*aside*/ } @media only screen and (max-width: 1900px) { section.asidetit, #section.asidetit { width: 100vw; /*width: @larghezza;*/ } } @media only screen and (max-width: 760px) { section.asidetit, #section.asidetit { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.asidetit article, #section.asidetit article, section.asidetit #article, #section.asidetit #article { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; width: 60%; padding: 5vw 10% 5vw 0; /*form*/ } @media only screen and (max-width: 1300px) { section.asidetit article, #section.asidetit article, section.asidetit #article, #section.asidetit #article { padding: 5vw 5% 5vw 0; } } @media only screen and (max-width: 980px) { section.asidetit article, #section.asidetit article, section.asidetit #article, #section.asidetit #article { width: 65vw; padding: 5vw; } } @media only screen and (max-width: 760px) { section.asidetit article, #section.asidetit article, section.asidetit #article, #section.asidetit #article { width: 90vw; padding: 5vw; } } section.asidetit article form.richiesta, #section.asidetit article form.richiesta, section.asidetit #article form.richiesta, #section.asidetit #article form.richiesta { 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: 50px 0; margin: 0 ; /*div*/ } @media only screen and (max-width: 760px) { section.asidetit article form.richiesta, #section.asidetit article form.richiesta, section.asidetit #article form.richiesta, #section.asidetit #article form.richiesta { width: 100% !important; display: block !important; } } section.asidetit article form.richiesta .titolo, #section.asidetit article form.richiesta .titolo, section.asidetit #article form.richiesta .titolo, #section.asidetit #article form.richiesta .titolo { display: block; -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%; margin: 0 0 40px; } section.asidetit article form.richiesta .titolo .sottotitolo, #section.asidetit article form.richiesta .titolo .sottotitolo, section.asidetit #article form.richiesta .titolo .sottotitolo, #section.asidetit #article form.richiesta .titolo .sottotitolo { font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.8em; color: #797979; font-weight: 400; line-height: 1.2em; letter-spacing: .04em; font-style: normal; text-transform: none; } section.asidetit article form.richiesta .titolo strong, #section.asidetit article form.richiesta .titolo strong, section.asidetit #article form.richiesta .titolo strong, #section.asidetit #article form.richiesta .titolo strong { display: block; margin-top: 10px; font-weight: 400; } section.asidetit article form.richiesta div, #section.asidetit article form.richiesta div, section.asidetit #article form.richiesta div, #section.asidetit #article form.richiesta div { -webkit-box-flex: 1; -webkit-flex: 1; /**/ -moz-box-flex: 1; -ms-flex: 1; flex: 1; box-flex: 1; display: block; padding: 0; margin: 0 30px 20px 0; width: auto; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.9em; color: #00182F; font-weight: 400; line-height: 1.1em; letter-spacing: .04em; text-align: left; /* &:nth-child(4),&:nth-last-child(2){ page-break-before: always; break-before: always; -webkit-column-break-before:always !important; background:red; }*/ /*select*/ } section.asidetit article form.richiesta div:nth-child(2), #section.asidetit article form.richiesta div:nth-child(2), section.asidetit #article form.richiesta div:nth-child(2), #section.asidetit #article form.richiesta div:nth-child(2), section.asidetit article form.richiesta div:nth-child(3), #section.asidetit article form.richiesta div:nth-child(3), section.asidetit #article form.richiesta div:nth-child(3), #section.asidetit #article form.richiesta div:nth-child(3), section.asidetit article form.richiesta div:nth-child(4), #section.asidetit article form.richiesta div:nth-child(4), section.asidetit #article form.richiesta div:nth-child(4), #section.asidetit #article form.richiesta div:nth-child(4) { -webkit-box-flex: 28%; -webkit-flex: 28%; /**/ -moz-box-flex: 28%; -ms-flex: 28%; flex: 28%; box-flex: 28%; } section.asidetit article form.richiesta div:nth-last-child(1), #section.asidetit article form.richiesta div:nth-last-child(1), section.asidetit #article form.richiesta div:nth-last-child(1), #section.asidetit #article form.richiesta div:nth-last-child(1) { -webkit-box-flex: 38%; -webkit-flex: 38%; /**/ -moz-box-flex: 38%; -ms-flex: 38%; flex: 38%; box-flex: 38%; } section.asidetit article form.richiesta div > div, #section.asidetit article form.richiesta div > div, section.asidetit #article form.richiesta div > div, #section.asidetit #article form.richiesta div > div { margin: 0; } section.asidetit article form.richiesta div > div + div, #section.asidetit article form.richiesta div > div + div, section.asidetit #article form.richiesta div > div + div, #section.asidetit #article form.richiesta div > div + div { margin: auto; } section.asidetit article form.richiesta div.small, #section.asidetit article form.richiesta div.small, section.asidetit #article form.richiesta div.small, #section.asidetit #article form.richiesta div.small { /*.flex(2 18%) !important;**/ width: 70px !important; max-width: 70px !important; } section.asidetit article form.richiesta div.small span, #section.asidetit article form.richiesta div.small span, section.asidetit #article form.richiesta div.small span, #section.asidetit #article form.richiesta div.small span { width: calc(80% - 2px) !important; padding: 0 10% !important; } section.asidetit article form.richiesta div.big, #section.asidetit article form.richiesta div.big, section.asidetit #article form.richiesta div.big, #section.asidetit #article form.richiesta div.big { width: 100%; -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%; } section.asidetit article form.richiesta div.riga, #section.asidetit article form.richiesta div.riga, section.asidetit #article form.richiesta div.riga, #section.asidetit #article form.richiesta div.riga { position: relative; overflow: hidden; } section.asidetit article form.richiesta div.riga span, #section.asidetit article form.richiesta div.riga span, section.asidetit #article form.richiesta div.riga span, #section.asidetit #article form.richiesta div.riga span { display: block; margin: 3px 0 0; padding: 0 10px; width: calc(100% - 22px); height: 36px; border: 1px solid #00182F; background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; color: #00182F; font-weight: 700; line-height: 36px; letter-spacing: .04em; } section.asidetit article form.richiesta div.riga span#mostra_da, #section.asidetit article form.richiesta div.riga span#mostra_da, section.asidetit #article form.richiesta div.riga span#mostra_da, #section.asidetit #article form.richiesta div.riga span#mostra_da, section.asidetit article form.richiesta div.riga span#mostra_dp, #section.asidetit article form.richiesta div.riga span#mostra_dp, section.asidetit #article form.richiesta div.riga span#mostra_dp, #section.asidetit #article form.richiesta div.riga span#mostra_dp { background: #fff url(images/ico.png) right -444px no-repeat; background-size: 50px auto; } section.asidetit article form.richiesta div.select, #section.asidetit article form.richiesta div.select, section.asidetit #article form.richiesta div.select, #section.asidetit #article form.richiesta div.select { position: relative; cursor: pointer; /*ul*/ } section.asidetit article form.richiesta div.select .selezione, #section.asidetit article form.richiesta div.select .selezione, section.asidetit #article form.richiesta div.select .selezione, #section.asidetit #article form.richiesta div.select .selezione { overflow: hidden; display: block; width: 96%; padding: 0 2%; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; color: #00182F; font-weight: 300; line-height: 1.1em; letter-spacing: .04em; } section.asidetit article form.richiesta div.select .selezione::after, #section.asidetit article form.richiesta div.select .selezione::after, section.asidetit #article form.richiesta div.select .selezione::after, #section.asidetit #article form.richiesta div.select .selezione::after { content: ""; display: block; position: absolute; overflow: hidden; bottom: 14px; right: 14px; border-top: 8px solid #00182F; border-right: 6px solid transparent; border-bottom: none; border-left: 6px solid transparent; } section.asidetit article form.richiesta div.select ul, #section.asidetit article form.richiesta div.select ul, section.asidetit #article form.richiesta div.select ul, #section.asidetit #article form.richiesta div.select ul { display: block; position: absolute; overflow-x: hidden; overflow-y: auto; display: none; /**/ z-index: 9; top: 36px; margin: 0; padding: 5px 0; border: 1px solid #00182F; width: calc(100% - 2px); max-height: 200px; background: #fff; } section.asidetit article form.richiesta div.select ul li, #section.asidetit article form.richiesta div.select ul li, section.asidetit #article form.richiesta div.select ul li, #section.asidetit #article form.richiesta div.select ul li { list-style: none; width: 90%; margin: 0; padding: 5px 5%; line-height: 20px; } section.asidetit article form.richiesta div.select ul li:hover, #section.asidetit article form.richiesta div.select ul li:hover, section.asidetit #article form.richiesta div.select ul li:hover, #section.asidetit #article form.richiesta div.select ul li:hover { background: #d7d7d7; } section.asidetit article form.richiesta div#selected_da, #section.asidetit article form.richiesta div#selected_da, section.asidetit #article form.richiesta div#selected_da, #section.asidetit #article form.richiesta div#selected_da, section.asidetit article form.richiesta div#selected_dp, #section.asidetit article form.richiesta div#selected_dp, section.asidetit #article form.richiesta div#selected_dp, #section.asidetit #article form.richiesta div#selected_dp { position: absolute; overflow: hidden; display: none; width: 320px; background: #efefef; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #00182F; font-weight: 400; line-height: auto; letter-spacing: .04em; } section.asidetit article form.richiesta div#selected_da .ui-datepicker, #section.asidetit article form.richiesta div#selected_da .ui-datepicker, section.asidetit #article form.richiesta div#selected_da .ui-datepicker, #section.asidetit #article form.richiesta div#selected_da .ui-datepicker, section.asidetit article form.richiesta div#selected_dp .ui-datepicker, #section.asidetit article form.richiesta div#selected_dp .ui-datepicker, section.asidetit #article form.richiesta div#selected_dp .ui-datepicker, #section.asidetit #article form.richiesta div#selected_dp .ui-datepicker { margin-top: 10px; /*font-size:1.1em;*/ } section.asidetit article form.richiesta div#selected_da .ui-datepicker .ui-datepicker-title, #section.asidetit article form.richiesta div#selected_da .ui-datepicker .ui-datepicker-title, section.asidetit #article form.richiesta div#selected_da .ui-datepicker .ui-datepicker-title, #section.asidetit #article form.richiesta div#selected_da .ui-datepicker .ui-datepicker-title, section.asidetit article form.richiesta div#selected_dp .ui-datepicker .ui-datepicker-title, #section.asidetit article form.richiesta div#selected_dp .ui-datepicker .ui-datepicker-title, section.asidetit #article form.richiesta div#selected_dp .ui-datepicker .ui-datepicker-title, #section.asidetit #article form.richiesta div#selected_dp .ui-datepicker .ui-datepicker-title { font-size: 1.2em; line-height: 27px; } section.asidetit article form.richiesta div.check, #section.asidetit article form.richiesta div.check, section.asidetit #article form.richiesta div.check, #section.asidetit #article form.richiesta div.check { padding-right: 40px; } section.asidetit article form.richiesta div.check input, #section.asidetit article form.richiesta div.check input, section.asidetit #article form.richiesta div.check input, #section.asidetit #article form.richiesta div.check input { float: left; margin: 0 20px 0 0; width: 20px; height: 20px; } section.asidetit article form.richiesta div.check label, #section.asidetit article form.richiesta div.check label, section.asidetit #article form.richiesta div.check label, #section.asidetit #article form.richiesta div.check label { line-height: 20px; white-space: nowrap; } @media only screen and (max-width: 760px) { section.asidetit article form.richiesta div.check label, #section.asidetit article form.richiesta div.check label, section.asidetit #article form.richiesta div.check label, #section.asidetit #article form.richiesta div.check label { white-space: normal; } } section.asidetit article form.richiesta div label, #section.asidetit article form.richiesta div label, section.asidetit #article form.richiesta div label, #section.asidetit #article form.richiesta div label { display: block; margin-bottom: 3px; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; color: #00182F; font-weight: 400; line-height: 1.1em; letter-spacing: .04em; } section.asidetit article form.richiesta div input, #section.asidetit article form.richiesta div input, section.asidetit #article form.richiesta div input, #section.asidetit #article form.richiesta div input { margin: 0; padding: 0 10px; width: calc(100% - 22px); height: 36px; } section.asidetit article form.richiesta div input.btn, #section.asidetit article form.richiesta div input.btn, section.asidetit #article form.richiesta div input.btn, #section.asidetit #article form.richiesta div input.btn { padding: 0 20px; margin: 20px 0 0 !important; width: auto; height: 36px; border: none; background: #00182F; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif !important; font-size: 1em !important; color: #fff !important; font-weight: 400 !important; line-height: 36px !important; letter-spacing: .02em !important; font-style: normal; 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; } section.asidetit article form.richiesta div input.btn:hover, #section.asidetit article form.richiesta div input.btn:hover, section.asidetit #article form.richiesta div input.btn:hover, #section.asidetit #article form.richiesta div input.btn:hover { background: #797979; -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.asidetit article form.richiesta div textarea, #section.asidetit article form.richiesta div textarea, section.asidetit #article form.richiesta div textarea, #section.asidetit #article form.richiesta div textarea { margin: 0; padding: 0 10px; width: calc(100% - 22px); height: 120px; } section.asidetit article form.richiesta div input, #section.asidetit article form.richiesta div input, section.asidetit #article form.richiesta div input, #section.asidetit #article form.richiesta div input, section.asidetit article form.richiesta div select, #section.asidetit article form.richiesta div select, section.asidetit #article form.richiesta div select, #section.asidetit #article form.richiesta div select, section.asidetit article form.richiesta div textarea, #section.asidetit article form.richiesta div textarea, section.asidetit #article form.richiesta div textarea, #section.asidetit #article form.richiesta div textarea { display: block; border: 1px solid #00182F; background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; color: #00182F; font-weight: 700; line-height: 36px; letter-spacing: .04em; /*font-style:italic;*/ } section.asidetit article form.richiesta div input:focus, #section.asidetit article form.richiesta div input:focus, section.asidetit #article form.richiesta div input:focus, #section.asidetit #article form.richiesta div input:focus, section.asidetit article form.richiesta div select:focus, #section.asidetit article form.richiesta div select:focus, section.asidetit #article form.richiesta div select:focus, #section.asidetit #article form.richiesta div select:focus, section.asidetit article form.richiesta div textarea:focus, #section.asidetit article form.richiesta div textarea:focus, section.asidetit #article form.richiesta div textarea:focus, #section.asidetit #article form.richiesta div textarea:focus { font-weight: 700; font-style: normal; color: #00182F; } section.asidetit article form.richiesta div input[type="hidden"], #section.asidetit article form.richiesta div input[type="hidden"], section.asidetit #article form.richiesta div input[type="hidden"], #section.asidetit #article form.richiesta div input[type="hidden"] { display: none; /**/ } section.asidetit aside, #section.asidetit aside, section.asidetit #aside, #section.asidetit #aside { width: calc(20% - 100px); padding: 5vw 100px 5vw 10% ; } @media only screen and (max-width: 1300px) { section.asidetit aside, #section.asidetit aside, section.asidetit #aside, #section.asidetit #aside { width: calc(30% - 100px); padding: 5vw 100px 5vw 5% ; } } @media only screen and (max-width: 980px) { section.asidetit aside, #section.asidetit aside, section.asidetit #aside, #section.asidetit #aside { width: calc(20vw - 50px); padding: 5vw 50px 5vw 5vw ; font-size: 1.5vw; } } @media only screen and (max-width: 760px) { section.asidetit aside, #section.asidetit aside, section.asidetit #aside, #section.asidetit #aside { width: 90vw; padding: 5vw 5vw 0; } } section.asidetit aside h2, #section.asidetit aside h2, section.asidetit #aside h2, #section.asidetit #aside h2 { font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.15em; color: #00182F; font-weight: 400; line-height: 1.2em; letter-spacing: .04em; text-transform: uppercase; } section.asidetit aside h2 strong, #section.asidetit aside h2 strong, section.asidetit #aside h2 strong, #section.asidetit #aside h2 strong { display: block; padding: 5px 0; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 2em; color: #00182F; font-weight: 400; line-height: 1.2em; letter-spacing: .02em; } @media only screen and (max-width: 760px) { section.asidetit aside h2, #section.asidetit aside h2, section.asidetit #aside h2, #section.asidetit #aside h2 { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.6em; color: #797979; font-weight: 400; line-height: 1.2em; letter-spacing: .02em; } section.asidetit aside h2 ~ *, #section.asidetit aside h2 ~ *, section.asidetit #aside h2 ~ *, #section.asidetit #aside h2 ~ * { display: none; } } section.asidetit aside hr, #section.asidetit aside hr, section.asidetit #aside hr, #section.asidetit #aside hr { margin: 40px 0; } section.asidetit aside .titolo, #section.asidetit aside .titolo, section.asidetit #aside .titolo, #section.asidetit #aside .titolo { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.85em; color: #00182F; font-weight: 400; line-height: 1.2em; letter-spacing: .02em; } section.asidetit aside .sottotitolo, #section.asidetit aside .sottotitolo, section.asidetit #aside .sottotitolo, #section.asidetit #aside .sottotitolo { text-transform: uppercase; } section.asidetit aside ul, #section.asidetit aside ul, section.asidetit #aside ul, #section.asidetit #aside ul { margin: 10px 0 60px; padding: 0; } @media only screen and (max-width: 760px) { section.asidetit aside ul, #section.asidetit aside ul, section.asidetit #aside ul, #section.asidetit #aside ul { display: none; } } section.asidetit aside ul li, #section.asidetit aside ul li, section.asidetit #aside ul li, #section.asidetit #aside ul li { list-style: none; padding: 10px 0; margin: 0; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #00182F; font-weight: 400; line-height: 1.2em; letter-spacing: .04em; } section.asidetit aside ul li a, #section.asidetit aside ul li a, section.asidetit #aside ul li a, #section.asidetit #aside ul li a { color: #00182F; text-transform: uppercase; } section.asidetit aside ul li a:hover, #section.asidetit aside ul li a:hover, section.asidetit #aside ul li a:hover, #section.asidetit #aside ul li a:hover { color: #d7d7d7; } section.asidetit aside ul li a:active, #section.asidetit aside ul li a:active, section.asidetit #aside ul li a:active, #section.asidetit #aside ul li a:active { font-weight: 700; } section.hotel-listone, #section.hotel-listone { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; width: 1920px; max-width: 100%; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ margin: 0 auto; /*--article--*/ } @media only screen and (max-width: 1900px) { section.hotel-listone, #section.hotel-listone { width: 100vw; /*width: @larghezza;*/ } } section.hotel-listone::before, #section.hotel-listone::before { content: ""; position: absolute; overflow: hidden; top: 0; left: 10%; width: 80%; border-top: 1px solid #d7d7d7; } @media only screen and (max-width: 1300px) { section.hotel-listone::before, #section.hotel-listone::before { left: 5%; width: 90%; } } section.hotel-listone article, #section.hotel-listone article, section.hotel-listone #article, #section.hotel-listone #article { /*.order(2); .relhide; width:60%; padding:5vw 10% 5vw 0;*/ /*ul*/ } section.hotel-listone article ul, #section.hotel-listone article ul, section.hotel-listone #article ul, #section.hotel-listone #article ul { 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; margin: 0; padding: 0; } section.hotel-listone article ul li, #section.hotel-listone article ul li, section.hotel-listone #article ul li, #section.hotel-listone #article ul li { position: relative; overflow: hidden; display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -ms-flex-pack: justify; -webkit-justify-content: space-between; list-style: none; width: 70%; margin: 0 0 60px; padding: 0; background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.85em; color: #232323; font-weight: 400; line-height: 1.6em; letter-spacing: .04em; /*int*/ } @media only screen and (max-width: 1300px) { section.hotel-listone article ul li, #section.hotel-listone article ul li, section.hotel-listone #article ul li, #section.hotel-listone #article ul li { width: 100%; } } section.hotel-listone article ul li a.immagine, #section.hotel-listone article ul li a.immagine, section.hotel-listone #article ul li a.immagine, #section.hotel-listone #article ul li a.immagine { position: relative; overflow: hidden; display: block; width: 60%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } section.hotel-listone article ul li a.immagine::after, #section.hotel-listone article ul li a.immagine::after, section.hotel-listone #article ul li a.immagine::after, #section.hotel-listone #article ul li a.immagine::after { content: " "; display: block; padding-top: 75%; } section.hotel-listone article ul li .int, #section.hotel-listone article ul li .int, section.hotel-listone #article ul li .int, #section.hotel-listone #article ul li .int { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; justify-content: flex-end; -ms-justify-content: flex-end; -webkit-justify-content: flex-end; width: 30%; /*p*/ } section.hotel-listone article ul li .int p, #section.hotel-listone article ul li .int p, section.hotel-listone #article ul li .int p, #section.hotel-listone #article ul li .int p { display: block; width: 100%; } section.hotel-listone article ul li .int p a.tit, #section.hotel-listone article ul li .int p a.tit, section.hotel-listone #article ul li .int p a.tit, #section.hotel-listone #article ul li .int p a.tit { display: block; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.6em; color: #00182F; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; } section.hotel-listone article ul li .int p a.tit:hover, #section.hotel-listone article ul li .int p a.tit:hover, section.hotel-listone #article ul li .int p a.tit:hover, #section.hotel-listone #article ul li .int p a.tit:hover { color: #d7d7d7; } section.hotel-listone article ul li .int p .cat, #section.hotel-listone article ul li .int p .cat, section.hotel-listone #article ul li .int p .cat, #section.hotel-listone #article ul li .int p .cat { display: block; margin: 6px 0; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.3em; color: #00182F; font-weight: 700; line-height: 1.2em; letter-spacing: .04em; text-transform: uppercase; font-style: italic; } section.hotel-listone article ul li .int p .rating, #section.hotel-listone article ul li .int p .rating, section.hotel-listone #article ul li .int p .rating, #section.hotel-listone #article ul li .int p .rating { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #dd0000; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; } section.hotel-listone article ul li .int p .up, #section.hotel-listone article ul li .int p .up, section.hotel-listone #article ul li .int p .up, #section.hotel-listone #article ul li .int p .up { text-transform: uppercase; } section.hotel-listone article ul li .int a.bottone, #section.hotel-listone article ul li .int a.bottone, section.hotel-listone #article ul li .int a.bottone, #section.hotel-listone #article ul li .int a.bottone { display: block; padding: 0; margin: 40px 0 0; background: #00182F; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #fff; font-weight: 400; line-height: 48px; letter-spacing: .02em; text-transform: uppercase; text-align: center; } section.hotel-listone article ul li .int a.bottone:hover, #section.hotel-listone article ul li .int a.bottone:hover, section.hotel-listone #article ul li .int a.bottone:hover, #section.hotel-listone #article ul li .int a.bottone:hover { background: #d7d7d7; color: #00182F; } section.hotel-listone aside, #section.hotel-listone aside, section.hotel-listone #aside, #section.hotel-listone #aside { width: 20%; padding: 5vw 0 5vw 10% ; } @media only screen and (max-width: 1300px) { section.hotel-listone aside, #section.hotel-listone aside, section.hotel-listone #aside, #section.hotel-listone #aside { width: 30%; padding: 5vw 0 5vw 5% ; } } section.intro article, #section.intro article, section.intro #article, #section.intro #article { font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1em; color: #00182F; font-weight: 400; line-height: 1.5em; letter-spacing: .04em; /**/ } section.dettaglio, #section.dettaglio { /*article*/ /*aside*/ /*sala*/ } section.dettaglio article, #section.dettaglio article, section.dettaglio #article, #section.dettaglio #article { -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; /*padding-top:200px; .sottotitolo{ text-transform:uppercase; }*/ } section.dettaglio article .prezzo, #section.dettaglio article .prezzo, section.dettaglio #article .prezzo, #section.dettaglio #article .prezzo { font-size: 1.3em; } section.dettaglio article .gallery, #section.dettaglio article .gallery, section.dettaglio #article .gallery, #section.dettaglio #article .gallery { position: relative; overflow: hidden; padding: 50px 0; margin-top: 50px; /*ul gallery*/ } section.dettaglio article .gallery::before, #section.dettaglio article .gallery::before, section.dettaglio #article .gallery::before, #section.dettaglio #article .gallery::before { content: ""; position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 1px; background: #d7d7d7; } section.dettaglio article .gallery .sottotitolo, #section.dettaglio article .gallery .sottotitolo, section.dettaglio #article .gallery .sottotitolo, #section.dettaglio #article .gallery .sottotitolo { font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #00182F; font-weight: 400; line-height: 1.1em; letter-spacing: .04em; } section.dettaglio article .gallery ul, #section.dettaglio article .gallery ul, section.dettaglio #article .gallery ul, #section.dettaglio #article .gallery 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: 50px -25px; padding: 0; /*li*/ } @media only screen and (max-width: 1040px) { section.dettaglio article .gallery ul, #section.dettaglio article .gallery ul, section.dettaglio #article .gallery ul, #section.dettaglio #article .gallery ul { margin: 50px -10px; } } @media only screen and (max-width: 760px) { section.dettaglio article .gallery ul, #section.dettaglio article .gallery ul, section.dettaglio #article .gallery ul, #section.dettaglio #article .gallery ul { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; margin: 0 -10px; } } section.dettaglio article .gallery ul li, #section.dettaglio article .gallery ul li, section.dettaglio #article .gallery ul li, #section.dettaglio #article .gallery ul li { position: relative; overflow: hidden; list-style: none; width: calc((100% / 4) - 50px); margin: 0 25px 40px; background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.85em; color: #232323; font-weight: 400; line-height: 1.6em; letter-spacing: .04em; } @media only screen and (max-width: 1040px) { section.dettaglio article .gallery ul li, #section.dettaglio article .gallery ul li, section.dettaglio #article .gallery ul li, #section.dettaglio #article .gallery ul li { width: calc((100% / 4) - 20px); margin: 0 10px 20px; } } @media only screen and (max-width: 760px) { section.dettaglio article .gallery ul li, #section.dettaglio article .gallery ul li, section.dettaglio #article .gallery ul li, #section.dettaglio #article .gallery ul li { width: calc((100%) - 20px); } } section.dettaglio article .gallery ul li a, #section.dettaglio article .gallery ul li a, section.dettaglio #article .gallery ul li a, #section.dettaglio #article .gallery ul li a { position: relative; overflow: hidden; display: block; width: 100%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } section.dettaglio article .gallery ul li a::after, #section.dettaglio article .gallery ul li a::after, section.dettaglio #article .gallery ul li a::after, #section.dettaglio #article .gallery ul li a::after { content: " "; display: block; padding-top: 75%; } section.dettaglio aside ul li, #section.dettaglio aside ul li, section.dettaglio #aside ul li, #section.dettaglio #aside ul li { padding: 5px 0; } section.dettaglio aside ul li a, #section.dettaglio aside ul li a, section.dettaglio #aside ul li a, #section.dettaglio #aside ul li a { text-transform: none; } section.dettaglio.sala, #section.dettaglio.sala { /*article*/ } section.dettaglio.sala article, #section.dettaglio.sala article, section.dettaglio.sala #article, #section.dettaglio.sala #article { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; justify-content: space-between; -webkit-justify-content: space-between; -ms-flex-pack: justify; /*ul*/ /*hash*/ /*gallery*/ } @media only screen and (max-width: 1040px) { section.dettaglio.sala article, #section.dettaglio.sala article, section.dettaglio.sala #article, #section.dettaglio.sala #article { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.dettaglio.sala article .colonna, #section.dettaglio.sala article .colonna, section.dettaglio.sala #article .colonna, #section.dettaglio.sala #article .colonna { position: relative; overflow: hidden; width: 40%; padding: 0; } @media only screen and (max-width: 1040px) { section.dettaglio.sala article .colonna, #section.dettaglio.sala article .colonna, section.dettaglio.sala #article .colonna, #section.dettaglio.sala #article .colonna { width: 100%; padding: 30px 0; } } section.dettaglio.sala article img, #section.dettaglio.sala article img, section.dettaglio.sala #article img, #section.dettaglio.sala #article img { max-width: 98%; margin-bottom: 30px; border: 1px solid #d7d7d7; } section.dettaglio.sala article ul, #section.dettaglio.sala article ul, section.dettaglio.sala #article ul, #section.dettaglio.sala #article ul { position: relative; overflow: hidden; margin: 10px 0; padding: 0; width: auto; } section.dettaglio.sala article ul li, #section.dettaglio.sala article ul li, section.dettaglio.sala #article ul li, #section.dettaglio.sala #article ul li { position: relative; overflow: hidden; margin: 0; padding: 2px 15px; } section.dettaglio.sala article ul li:before, #section.dettaglio.sala article ul li:before, section.dettaglio.sala #article ul li:before, #section.dettaglio.sala #article ul li:before { content: "-"; display: block; position: absolute; overflow: hidden; top: 5px; left: 5px; } section.dettaglio.sala article .hash, #section.dettaglio.sala article .hash, section.dettaglio.sala #article .hash, #section.dettaglio.sala #article .hash { display: block; text-transform: uppercase; text-align: right; font-size: .9em; } section.dettaglio.sala article .hash strong, #section.dettaglio.sala article .hash strong, section.dettaglio.sala #article .hash strong, #section.dettaglio.sala #article .hash strong { font-weight: 400; font-size: 1.2em; } section.dettaglio.sala article .gallery2, #section.dettaglio.sala article .gallery2, section.dettaglio.sala #article .gallery2, #section.dettaglio.sala #article .gallery2 { position: relative; overflow: hidden; margin: 0 0 30px; /*border-bottom:1px solid @grigio03;*/ /*th*/ /*frecce*/ } section.dettaglio.sala article .gallery2 .th-list, #section.dettaglio.sala article .gallery2 .th-list, section.dettaglio.sala #article .gallery2 .th-list, #section.dettaglio.sala #article .gallery2 .th-list { position: relative; overflow: hidden; width: 100%; height: 100px; padding: 20px 0; } section.dettaglio.sala article .gallery2 .th-list .slider, #section.dettaglio.sala article .gallery2 .th-list .slider, section.dettaglio.sala #article .gallery2 .th-list .slider, #section.dettaglio.sala #article .gallery2 .th-list .slider { position: absolute; overflow: hidden; height: 100px; } section.dettaglio.sala article .gallery2 .th-list .slider img, #section.dettaglio.sala article .gallery2 .th-list .slider img, section.dettaglio.sala #article .gallery2 .th-list .slider img, #section.dettaglio.sala #article .gallery2 .th-list .slider img { width: 98px; height: 98px; margin: 0 20px 0 0; border: 1px solid #d7d7d7; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } section.dettaglio.sala article .gallery2 ul.frecce, #section.dettaglio.sala article .gallery2 ul.frecce, section.dettaglio.sala #article .gallery2 ul.frecce, #section.dettaglio.sala #article .gallery2 ul.frecce { position: relative; overflow: hidden; height: 20px; width: 100%; margin: 0 0 20px; padding: 0; text-align: right; } section.dettaglio.sala article .gallery2 ul.frecce li, #section.dettaglio.sala article .gallery2 ul.frecce li, section.dettaglio.sala #article .gallery2 ul.frecce li, #section.dettaglio.sala #article .gallery2 ul.frecce li { position: relative; overflow: hidden; display: inline-block; list-style: none; margin: 0 0 0 5px; padding: 0; width: 20px; height: 20px; cursor: pointer; } section.dettaglio.sala article .gallery2 ul.frecce li:hover::before, #section.dettaglio.sala article .gallery2 ul.frecce li:hover::before, section.dettaglio.sala #article .gallery2 ul.frecce li:hover::before, #section.dettaglio.sala #article .gallery2 ul.frecce li:hover::before { border-color: #d7d7d7; -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.dettaglio.sala article .gallery2 ul.frecce li::before, #section.dettaglio.sala article .gallery2 ul.frecce li::before, section.dettaglio.sala #article .gallery2 ul.frecce li::before, #section.dettaglio.sala #article .gallery2 ul.frecce li::before { content: ""; position: absolute; overflow: hidden; top: 3px; width: 14px; height: 14px; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: none; border-left: none; -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; background: none; } section.dettaglio.sala article .gallery2 ul.frecce li.indietro::before, #section.dettaglio.sala article .gallery2 ul.frecce li.indietro::before, section.dettaglio.sala #article .gallery2 ul.frecce li.indietro::before, #section.dettaglio.sala #article .gallery2 ul.frecce li.indietro::before { left: 11px; transform: rotate(-135deg); -ms-transform: rotate(-135deg); -webkit-transform: rotate(-135deg); /**/ } section.dettaglio.sala article .gallery2 ul.frecce li.avanti::before, #section.dettaglio.sala article .gallery2 ul.frecce li.avanti::before, section.dettaglio.sala #article .gallery2 ul.frecce li.avanti::before, #section.dettaglio.sala #article .gallery2 ul.frecce li.avanti::before { left: 1px; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); /**/ } section.servizi-list, #section.servizi-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; width: 1920px; max-width: 100%; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ margin: 0 auto; /*--article--*/ /*aside*/ } @media only screen and (max-width: 1900px) { section.servizi-list, #section.servizi-list { width: 100vw; /*width: @larghezza;*/ } } @media only screen and (max-width: 1040px) { section.servizi-list, #section.servizi-list { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } section.servizi-list article, #section.servizi-list article, section.servizi-list #article, #section.servizi-list #article { width: 90vw; padding-right: 5vw; padding-left: 5vw; } section.servizi-list aside, #section.servizi-list aside, section.servizi-list #aside, #section.servizi-list #aside { display: none !important; } } section.servizi-list::before, #section.servizi-list::before { content: ""; position: absolute; overflow: hidden; top: 0; left: 10%; width: 80%; border-top: 1px solid #d7d7d7; } @media only screen and (max-width: 1300px) { section.servizi-list::before, #section.servizi-list::before { left: 5%; width: 90%; } } section.servizi-list.noriga::before, #section.servizi-list.noriga::before { display: none; } section.servizi-list.noriga article ul, #section.servizi-list.noriga article ul, section.servizi-list.noriga #article ul, #section.servizi-list.noriga #article ul { margin-top: 40px; } section.servizi-list article, #section.servizi-list article, section.servizi-list #article, #section.servizi-list #article { /*ul*/ } section.servizi-list article ul, #section.servizi-list article ul, section.servizi-list #article ul, #section.servizi-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: 0 -25px; padding: 0; } @media only screen and (max-width: 760px) { section.servizi-list article ul, #section.servizi-list article ul, section.servizi-list #article ul, #section.servizi-list #article ul { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.servizi-list article ul li, #section.servizi-list article ul li, section.servizi-list #article ul li, #section.servizi-list #article ul li { position: relative; overflow: hidden; list-style: none; width: calc((100% / 3) - 50px); margin: 0 25px 30px; padding: 0 0 100px; border-bottom: 1px solid #d7d7d7; background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.9em; color: #232323; font-weight: 400; line-height: 1.6em; letter-spacing: .04em; } @media only screen and (max-width: 760px) { section.servizi-list article ul li, #section.servizi-list article ul li, section.servizi-list #article ul li, #section.servizi-list #article ul li { width: calc((100%) - 50px); } } section.servizi-list article ul li a.immagine, #section.servizi-list article ul li a.immagine, section.servizi-list #article ul li a.immagine, #section.servizi-list #article ul li a.immagine { position: relative; overflow: hidden; display: block; width: 100%; margin: 0 0 30px; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } section.servizi-list article ul li a.immagine::after, #section.servizi-list article ul li a.immagine::after, section.servizi-list #article ul li a.immagine::after, #section.servizi-list #article ul li a.immagine::after { content: " "; display: block; padding-top: 75%; } section.servizi-list article ul li a.tit, #section.servizi-list article ul li a.tit, section.servizi-list #article ul li a.tit, #section.servizi-list #article ul li a.tit { display: block; margin-bottom: 10px; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.5em; color: #00182F; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; } section.servizi-list article ul li a.tit:hover, #section.servizi-list article ul li a.tit:hover, section.servizi-list #article ul li a.tit:hover, #section.servizi-list #article ul li a.tit:hover { color: #d7d7d7; } section.servizi-list article ul li a.bottone, #section.servizi-list article ul li a.bottone, section.servizi-list #article ul li a.bottone, #section.servizi-list #article ul li a.bottone { position: absolute; overflow: hidden; bottom: 30px; left: 0; display: inline-block; padding: 0 50px; margin: 30px 0 0; background: #00182F; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #fff; font-weight: 400; line-height: 48px; letter-spacing: .02em; text-transform: uppercase; text-align: center; } section.servizi-list article ul li a.bottone:hover, #section.servizi-list article ul li a.bottone:hover, section.servizi-list #article ul li a.bottone:hover, #section.servizi-list #article ul li a.bottone:hover { background: #d7d7d7; color: #00182F; } section.servizi-list aside ul li, #section.servizi-list aside ul li, section.servizi-list #aside ul li, #section.servizi-list #aside ul li { padding: 5px 0; } section.servizi-list aside ul li a, #section.servizi-list aside ul li a, section.servizi-list #aside ul li a, #section.servizi-list #aside ul li a { text-transform: none; } section.offerte-list, #section.offerte-list { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; width: 1920px; max-width: 100%; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ margin: 0 auto; /*--article--*/ } @media only screen and (max-width: 1900px) { section.offerte-list, #section.offerte-list { width: 100vw; /*width: @larghezza;*/ } } @media only screen and (max-width: 760px) { section.offerte-list aside, #section.offerte-list aside, section.offerte-list #aside, #section.offerte-list #aside { display: none; } } section.offerte-list article, #section.offerte-list article, section.offerte-list #article, #section.offerte-list #article { /*ul*/ } 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-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; margin: 60px 0 0; padding: 0; } 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; 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; list-style: none; width: 100%; margin: 0 0 60px; padding: 0; background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.85em; color: #232323; font-weight: 400; line-height: 1.6em; letter-spacing: .04em; /*int*/ } @media only screen and (max-width: 1300px) { 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: 100%; } } @media only screen and (max-width: 760px) { 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 { display: none !important; } section.offerte-list article ul li .int, #section.offerte-list article ul li .int, section.offerte-list #article ul li .int, #section.offerte-list #article ul li .int { width: 100% !important; } } 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: 30%; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; } section.offerte-list article ul li a.immagine::after, #section.offerte-list article ul li a.immagine::after, section.offerte-list #article ul li a.immagine::after, #section.offerte-list #article ul li a.immagine::after { content: " "; display: block; padding-top: 75%; } section.offerte-list article ul li .int, #section.offerte-list article ul li .int, section.offerte-list #article ul li .int, #section.offerte-list #article ul li .int { 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; align-content:space-between; -ms-align-content:space-between; -webkit-align-content:space-between;*/ flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; width: 65%; min-height: 100%; /*p*/ } section.offerte-list article ul li .int p, #section.offerte-list article ul li .int p, section.offerte-list #article ul li .int p, #section.offerte-list #article ul li .int p { display: block; width: 100%; height: auto; padding-bottom: 40px; } section.offerte-list article ul li .int p a.tit, #section.offerte-list article ul li .int p a.tit, section.offerte-list #article ul li .int p a.tit, #section.offerte-list #article ul li .int p a.tit { display: block; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.6em; color: #00182F; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; } section.offerte-list article ul li .int p a.tit:hover, #section.offerte-list article ul li .int p a.tit:hover, section.offerte-list #article ul li .int p a.tit:hover, #section.offerte-list #article ul li .int p a.tit:hover { color: #d7d7d7; } section.offerte-list article ul li .int p .cat, #section.offerte-list article ul li .int p .cat, section.offerte-list #article ul li .int p .cat, #section.offerte-list #article ul li .int p .cat { display: block; margin: 6px 0; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 1.3em; color: #00182F; font-weight: 700; line-height: 1.2em; letter-spacing: .04em; text-transform: uppercase; font-style: italic; } section.offerte-list article ul li .int p .rating, #section.offerte-list article ul li .int p .rating, section.offerte-list #article ul li .int p .rating, #section.offerte-list #article ul li .int p .rating { font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.1em; color: #dd0000; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; } section.offerte-list article ul li .int p .up, #section.offerte-list article ul li .int p .up, section.offerte-list #article ul li .int p .up, #section.offerte-list #article ul li .int p .up { text-transform: uppercase; } section.offerte-list article ul li .int a.bottone, #section.offerte-list article ul li .int a.bottone, section.offerte-list #article ul li .int a.bottone, #section.offerte-list #article ul li .int a.bottone { padding: 0; margin: 0; width: 300px; height: 48px; background: #00182F; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #fff; font-weight: 400; line-height: 48px; letter-spacing: .02em; text-transform: uppercase; text-align: center; } section.offerte-list article ul li .int a.bottone:hover, #section.offerte-list article ul li .int a.bottone:hover, section.offerte-list #article ul li .int a.bottone:hover, #section.offerte-list #article ul li .int a.bottone:hover { background: #d7d7d7; color: #00182F; } section.offerte-list aside, #section.offerte-list aside, section.offerte-list #aside, #section.offerte-list #aside { /*width:20%; padding:5vw 0 5vw 10% ; @media only screen and (max-width: 1300px){ width:30%; padding:5vw 0 5vw 5% ; }*/ } section.contatti, #section.contatti { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; width: 1920px; max-width: 100%; /*@media only screen and (min-width: 1280px) { width: @larghezza; } @media only screen and (max-width: 1000px) { width: 100%; } @media only screen and (max-width: 1024px) and (min-width: 769px) { @molt: 0.8; max-width: @larghezza * @molt; } @media screen and (orientation: landscape) and (max-width: 768px) { @molt: 0.6; max-width: @larghezza * @molt; } @media screen and (max-width: 480px) and (orientation: portrait), screen and (max-width: 800px) and (orientation: landscape) { max-width: 100%; }*/ margin: 0 auto; /*--article--*/ /*aside*/ } @media only screen and (max-width: 1900px) { section.contatti, #section.contatti { width: 100vw; /*width: @larghezza;*/ } } @media only screen and (max-width: 1040px) { section.contatti, #section.contatti { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } section.contatti article, #section.contatti article, section.contatti #article, #section.contatti #article, section.contatti aside, #section.contatti aside, section.contatti #aside, #section.contatti #aside { width: 90vw; padding: auto 5vw !important; } section.contatti article, #section.contatti article, section.contatti #article, #section.contatti #article { padding: 0 5vw !important; } } @media only screen and (max-width: 760px) { section.contatti article form.richiesta, #section.contatti article form.richiesta, section.contatti #article form.richiesta, #section.contatti #article form.richiesta, section.contatti article hr, #section.contatti article hr, section.contatti #article hr, #section.contatti #article hr { display: none !important; } section.contatti aside, #section.contatti aside, section.contatti #aside, #section.contatti #aside { display: none; } } section.contatti article, #section.contatti article, section.contatti #article, #section.contatti #article { padding: 110px 0 0; /*ul*/ } section.contatti article .titolo, #section.contatti article .titolo, section.contatti #article .titolo, #section.contatti #article .titolo { position: relative; overflow: hidden; display: block; padding: 40px 0; margin: 0 0 40px; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.5em; color: #797979; font-weight: 400; line-height: 1.1em; letter-spacing: .02em; text-transform: uppercase; } section.contatti article .titolo::after, #section.contatti article .titolo::after, section.contatti #article .titolo::after, #section.contatti #article .titolo::after { content: ""; position: absolute; overflow: hidden; display: block; bottom: 0; left: 0; width: 150px; height: 1px; background: #d7d7d7; } section.contatti article ul, #section.contatti article ul, section.contatti #article ul, #section.contatti #article ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; /**/ display: -webkit-flex; display: flex; margin: 0 0 50px; padding: 0; } @media only screen and (max-width: 760px) { section.contatti article ul, #section.contatti article ul, section.contatti #article ul, #section.contatti #article ul { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } section.contatti article ul li, #section.contatti article ul li, section.contatti #article ul li, #section.contatti #article ul li { position: relative; overflow: hidden; list-style: none; /*width:calc(~"(100% / 3) - 60px");*/ width: auto; margin: 0; padding: 0 50px 30px 0; background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.85em; color: #232323; font-weight: 400; line-height: 1.6em; letter-spacing: .04em; } section.contatti article ul li .sottotitolo, #section.contatti article ul li .sottotitolo, section.contatti #article ul li .sottotitolo, #section.contatti #article ul li .sottotitolo { display: block; margin: 0 0 10px; font-family: 'Oswald', 'Open Sans', Arial, Helvetica, sans-serif; font-size: 1.2em; color: #00182F; font-weight: 400; line-height: 1.3em; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; } section.contatti article ul li a, #section.contatti article ul li a, section.contatti #article ul li a, #section.contatti #article ul li a { font-weight: 700; } section.contatti aside p, #section.contatti aside p, section.contatti #aside p, #section.contatti #aside p { margin: 50px 0; padding: 50px 0 0; border-top: 1px solid #d7d7d7; } footer, #footer { position: relative; z-index: 1; bottom: 0; width: 100%; background: #fff; /**/ /*section*/ } @media only screen and (max-width: 760px) { footer, #footer { padding: 0 0 50px; } } footer::after, #footer::after { content: " "; position: absolute; overflow: hidden; z-index: 9999; display: block; width: 100%; height: 10px; bottom: 0; background: #00182F; } footer section, #footer section, footer #section, #footer #section { position: relative; overflow: hidden; margin: 0 auto; padding: 50px 0; width: 90vw; border-top: 1px solid #d7d7d7; /*fondo*/ } @media only screen and (max-width: 980px) { footer section, #footer section, footer #section, #footer #section { border: none; } } footer section.fondo, #footer section.fondo, footer #section.fondo, #footer #section.fondo { font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 0.85em; color: #00182F; font-weight: 400; line-height: 1.5em; letter-spacing: .04em; text-transform: uppercase; text-align: center; /* idlab */ } footer section.fondo a, #footer section.fondo a, footer #section.fondo a, #footer #section.fondo a { color: #00182F; } footer section.fondo a:hover, #footer section.fondo a:hover, footer #section.fondo a:hover, #footer #section.fondo a:hover { color: #BDCCD4; } footer section.fondo .loghi, #footer section.fondo .loghi, footer #section.fondo .loghi, #footer #section.fondo .loghi { 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: 760px) { footer section.fondo .loghi, #footer section.fondo .loghi, footer #section.fondo .loghi, #footer #section.fondo .loghi { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } footer section.fondo .loghi img, #footer section.fondo .loghi img, footer #section.fondo .loghi img, #footer #section.fondo .loghi img { margin: 20px; max-height: 80px; } /*footer*/ form.info { 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.info { flex-direction: column; -ms-flex-direction: column; -webkit-flex-direction: column; -ms-box-direction: column; -webkit-box-direction: column; } } form.info div { width: 32%; padding: 0 !important; margin: 0 0 20px; text-align: left; line-height: 50px; } @media only screen and (max-width: 480px) { form.info div { width: 100%; line-height: 30px; } } form.info div.doppio { width: 66%; } form.info div.doppio .sx { float: left; } @media only screen and (max-width: 1000px) { form.info div.doppio .sx { clear: both; float: left; } } form.info div.big { width: 100%; } form.info div.privacy { width: 100% !important; font-size: .9em; text-align: center; } form.info div.privacy a { font-size: 1em; color: #00182F; text-decoration: underline; } form.info div.privacy a:hover { text-decoration: none; } form.info div label.piccolo { float: left; margin: 15px 30px 15px 0; line-height: 20px; } @media only screen and (max-width: 1000px) { form.info div label.piccolo { margin: 5px 10px 5px 0; } } form.info div input { margin: 0; padding: 0 2%; width: 96%; height: 50px; } form.info div input.btn { padding: 0; margin: 0 0 10px !important; width: 100%; height: 50px; background: #00182F; -webkit-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0; behavior: url(http://www.id-lab.it/jcom/css/PIE.htc); font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif !important; font-size: 1.1em !important; color: #fff !important; font-weight: 400 !important; line-height: 50px !important; letter-spacing: .04em !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.info div input.btn:hover { background: #797979; -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.info div input.radio { float: left; width: 20px; height: 20px; margin: 15px 10px 15px 0; } @media only screen and (max-width: 480px) { form.info div input.radio { margin: 5px 10px 5px 0; } } form.info div select { width: 100%; height: 50px; padding: 0 2%; } form.info div textarea { width: 96%; height: 100px; padding: 0 2%; margin: 0; } form.info div input, form.info div select, form.info div textarea { display: block; border: none; background: #fff; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif !important; font-size: 1.4em !important; color: #232323 !important; font-weight: 300 !important; line-height: 50px !important; letter-spacing: .04em !important; } form.info div input[type="hidden"] { /*display:none;*/ border: 1px solid green; } form.info.info input, form.info.info select, form.info.info textarea { border: none; background: #efefef; font-family: 'Open Sans', 'Trebuchet MS', Arial, Helvetica, sans-serif !important; font-size: 1.4em !important; color: #232323 !important; font-weight: 300 !important; line-height: 50px !important; letter-spacing: .04em !important; } p, ul.servizi li { text-align: justify!important; } .videocont {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px;} .videocont iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}