/* Caricamento custom font */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: url('../css/fonts/oswald-v16-latin-regular.eot');
  src: local('Oswald Regular'), local('Oswald-Regular'),
       url('../css/fonts/oswald-v16-latin-regular.woff2') format('woff2'),
       url('../css/fonts/oswald-v16-latin-regular.woff') format('woff'),
       url('../css/fonts/oswald-v16-latin-regular.ttf') format('truetype'),
       url('../css/fonts/oswald-v16-latin-regular.svg#Oswald') format('svg');
  font-display: swap;
}
/* Selettori generici */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; font: 100% arial, sans-serif; color: #444; }
h1, ul { margin: 0; padding: 0; }
ul li { list-style-type: none; }
ul .disc-li { list-style-type: disc; list-style-position: outside; margin-left: 20px; }
h2, h3, h4, p { margin: 0; padding: 5px 0; font-weight: normal; }
h2, h3 { font-size: 18px; }
a { text-decoration: none; color: #0b6e38; }
/* Stili form */
form { height: 100%; }
.form-section { margin-top: 10px; }
fieldset { margin-top: 15px; border: 1px solid #eee; }
legend { margin: 0 20px 0 0; border-radius: 7px; border: 5px solid #fff; padding: 5px 10px; }
label, .label { display: block; }
input, textarea, select { -webkit-appearance: none; border-radius: 5px; border: 1px solid #ccc; outline: 0; background-color: #fff; width: 100%; padding: 10px; height: 50px; font-size: 100%; }
.error label { color: #ac302e; }
.error input, .error textarea, .error select, input.error, textarea.error, select.error { border: 2px solid #ac302e; color: #ac302e; }
button { outline: 0; cursor: pointer; }
/* https://css-tricks.com/styling-a-select-like-its-2019/ */
select {
  border-radius: 5px 5px 0 0;
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230b6e38%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
  background-repeat: no-repeat, repeat;
  background-position: right .7em top 50%, 0 0;
  background-size: .65em auto, 100%;
}
select::-ms-expand { display: none; }
input:focus, textarea:focus, select:focus { background-color: #d9e8d9; }
::-ms-clear { display: none; }
/* https://www.w3schools.com/howto/howto_css_custom_checkbox.asp */
.checkboxradio { position: relative; margin-bottom: 10px; padding-left: 35px; cursor: pointer; user-select: none; }
.checkboxradio input { position: absolute; opacity: 0; width: 0; height: 0; cursor: pointer; }
.checkboxradio .control { position: absolute; top: 50%; left: 5px; transform: translate(0,-50%); background-color: #ddd; height: 25px; width: 25px; }
.checkboxradio:hover input ~ .control { background-color: #bbb; }
.checkboxradio .control:after { content: ""; position: absolute; display: none; }
.checkboxradio input:checked ~ .control:after { display: block; }
.checkboxradio .checkmark:after { border-width: 0 3px 3px 0; border-style: solid; transform: rotate(45deg); left: 9px; top: 5px; width: 5px; height: 10px; }
.checkboxradio .radiobtn { border-radius: 50%; }
.checkboxradio .radiobtn:after { border-radius: 50%; top: 9px; left: 9px; width: 8px; height: 8px; }
.checkboxradio input:checked ~ .control { background-color: #0b6e38; }
.checkboxradio .checkmark:after { border-color: #fff; }
.checkboxradio .radiobtn:after { background-color: #fff; }
/* Tabella */
tbody.alternate-rows tr:nth-child(odd) td { background-color: #f9f9f9; }
/* Margini interni ed esterni */
.centered-content { margin: 0 auto; max-width: 1366px; }
.max-1024 { max-width: 1024px; }
.max-768 { max-width: 768px; }
.max-480 { max-width: 480px; }
.margin-small { margin: 5px 0; }
.margin-medium { margin: 10px 0; }
.margin-big { margin: 20px 0; }
.margin-top-small { margin-top: 5px; }
.margin-top-medium { margin-top: 10px; }
.margin-top-big { margin-top: 20px; }
.margin-right-small { margin-right: 5px; }
.margin-right-medium { margin-right: 10px; }
.margin-right-big { margin-right: 20px; }
.margin-bottom-small { margin-bottom: 5px; }
.margin-bottom-medium { margin-bottom: 10px; }
.margin-bottom-big { margin-bottom: 20px; }
.margin-left-small { margin-left: 5px; }
.margin-left-medium { margin-left: 10px; }
.margin-left-big { margin-left: 20px; }
.padding-small { padding: 5px; }
.padding-medium { padding: 10px; }
.padding-big { padding: 20px; }
.padding-lr-small { padding-left: 5px; padding-right: 5px; }
.padding-lr-medium { padding-left: 10px; padding-right: 10px; }
.padding-lr-big { padding-left: 20px; padding-right: 20px; }
.padding-tb-small { padding-top: 5px; padding-bottom: 5px; }
.padding-tb-medium { padding-top: 10px; padding-bottom: 10px; }
.padding-tb-big { padding-top: 20px; padding-bottom: 20px; }
.padding-top-small { padding-top: 5px; }
.padding-right-small { padding-right: 5px; }
.padding-bottom-small { padding-bottom: 5px; }
.padding-left-small { padding-left: 5px; }
.padding-top-medium { padding-top: 10px; }
.padding-right-medium { padding-right: 10px; }
.padding-bottom-medium { padding-bottom: 10px; }
.padding-left-medium { padding-left: 10px; }
.padding-top-big { padding-top: 20px; }
.padding-right-big { padding-right: 20px; }
.padding-bottom-big { padding-bottom: 20px; }
.padding-left-big { padding-left: 20px; }
/* Sfondi */
.white-background { background-color: #fff; fill: #fff; color: #444; }
.xdark-grey-background { background-color: #444; fill: #444; color: #fff; }
.dark-grey-background { background-color: #666; fill: #666; color: #fff; }
.light-grey-background, a.tab.current-tab, a.tab:hover { background-color: #ddd; fill: #ddd; color: #444; }
.xxlight-grey-background { background-color: #f9f9f9; fill: #f9f9f9; color: #444; }
.xlight-grey-background { background-color: #eee; fill: #eee; color: #444; }
.xlight-grey-stripe { background-image: url( '../img/xlight-grey-stripe.png' ); }
.light-a-background { background-color: #0b6e38; fill: #0b6e38; color: #fff; }
.dark-a-background { background-color: #055429; fill: #055429; color: #fff; }
.light-b-background { background: #d02632; fill: #d02632; color: #fff; }
.dark-b-background { background: #b3131e; fill: #b3131e; color: #fff; }
.btn-background,
nav.main > a.active,
div.dropdown-container button.active,
div.dropdown-content h2 { background-color: #fec601; fill: #fec601; color: #000; }
.dark-btn-background { background-color: #ae8701; fill: #ae8701; color: #fff; }
.shadow-on-hover { box-shadow: 0 0 0 #bbb; transition: box-shadow .35s ease-out; }
.shadow-on-hover:hover { box-shadow: 0 0 10px #bbb; }
/* Pulsanti ed icone */
.btn { display: inline-block; border: 0; border-radius: 5px; width: 100%; text-align: center; text-decoration: none; font-size: 18px; }
.btn-icon { display: inline-block; border-radius: 50%; background-image: url(../img/images.svg); background-repeat: no-repeat; width: 24px; text-align: center; line-height: 24px; }
.no-icon { background-position: -9999px 0; width: 18px; line-height: 18px; text-transform: none; font-weight: bold; font-size: 14px; }
.btn-icon-18 { width: 18px; height: 18px; line-height: 18px; }
.btn-icon-30 { width: 30px; height: 30px; line-height: 30px; }
.btn-icon-40 { width: 40px; height: 40px; line-height: 30px; }
.btn-icon-50 { width: 50px; height: 50px; line-height: 50px; }
.btn-icon-60 { width: 60px; height: 60px; line-height: 60px; }
.btn-icon-70 { width: 70px; height: 70px; line-height: 70px; }
.white-space-pre { white-space: pre; }
.phone-icon { background-position: 0 0; }
.close-icon { background-position: -24px 0; }
.menu-icon { background-position: -48px 0; }
.login-icon { background-position: -72px 0; }
.search-icon { background-position: -96px 0; }
.phone2-icon { background-position: -120px 0; }
.filter-icon { background-position: -144px 0; }
.check-icon { background-position: -168px 0; }
.cup-icon { background-position: -192px 0; }
.tyre-icon { background-position: -216px 0; }
.electric-icon { background-position: -240px 0; }
.next-icon { background-position: -264px 0; }
.gear-icon { background-position: -288px 0; }
.transmission1-icon { background-position: -312px 0; }
.reload-icon { background-position: -336px 0; }
.email-icon { background-position: -360px 0; }
.register-icon { background-position: -384px 0; }
.logged-icon { background-position: -408px 0; }
.reveal-password-icon { background-position: -432px 0; }
.hide-password-icon { background-position: -456px 0; }
.it-icon { background-position: 0 -24px; }
.en-icon { background-position: -24px -24px; }
.ru-icon { background-position: -48px -24px; }
.zh-icon { background-position: -72px -24px; }
.es-icon { background-position: -96px -24px; }
.de-icon { background-position: -120px -24px; }
.sq-icon { background-position: -144px -24px; }
.best-price-icon { background-position: 0 -38px; }
.experience-icon { background-position: -100px -38px; }
.unlimited-km-icon { background-position: -200px -38px; }
.eco-icon { background-position: -300px -38px; }
.facebook-icon { background-position: 0 -158px; }
.instagram-icon { background-position: -30px -158px; }
.transmission2-icon { background-position: -60px -158px; }
.user-icon { background-position: -90px -158px; }
.luggage-icon { background-position: -120px -158px; }
.fuel-icon { background-position: -150px -158px; }
.doors-icon { background-position: -180px -158px; }
.load-capacity-icon { background-position: -210px -158px; }
.electric2-icon { background-position: -240px -158px; }
.queue-icon { background-position: -270px -158px; }
.snow-chains-icon { background-position: -300px -158px; }
.baby-seat-icon { background-position: -330px -158px; }
.ski-rack-icon { background-position: -360px -158px; }
.gps-icon { background-position: -390px -158px; }
.wifi-icon { background-position: -420px -158px; }
.additional-driver-icon { background-position: -450px -158px; }
.young-driver-icon { background-position: -480px -158px; }
.baby-seat-2-icon { background-position: -510px -158px; }
.more-icon { background-position: -540px -158px; }
.air-conditioning-icon { background-position: -570px -158px; }
.radio-icon { background-position: -600px -158px; }
.airport-icon { background-position: 0 -188px; }
.railway-station-icon { background-position: -40px -188px; }
.port-icon { background-position: -80px -188px; }
.city-icon { background-position: -120px -188px; }
.geo-icon { background-position: -160px -188px; }
.days-icon { background-position: -200px -188px; }
.cars-icon { background-position: -240px -188px; }
.ticket-icon { background-position: -280px -188px; }
.free-sale-icon { background-position: -320px -188px; }
.double-arrow-icon { background-position: -360px -188px; }
.start-icon { background-position: -400px -188px; }
.end-icon { background-position: -440px -188px; }
.insurance-icon { background-position: -480px -188px; }
.extra-icon { background-position: -520px -188px; }
.driver-icon { background-position: -560px -188px; }
.invoice-icon { background-position: -600px -188px; }
.pdf-icon { background-position: -640px -188px; }
.handskake-icon { background-position: 0 -228px; }
.credit-card-icon { background-position: -70px -228px; }
.partnership-icon { background-position: -140px -228px; }
.people-icon { background-position: -210px -228px; }
.arrow-icon { background-position: 0 -298px; }
.rotate-180 { transform: rotate(180deg); }
.bounce-in { animation: bounceIn .5s ease; }
/* Testo ed immagini */
.align-left { text-align: left; }
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-justify { text-align: justify; }
.text-faded-light { color: #bbb; }
.text-faded-dark { color: #888; }
.text-spaced { letter-spacing: 1px; }
.text-bold { font-weight: bold; }
.text-normal { font-weight: normal; }
.text-small { font-size: 13px; }
.text-medium { font-size: 16px; }
.text-big { font-size: 19px; }
.text-xl { font-size: 24px; }
.text-2xl { font-size: 36px; }
.text-line-1 { line-height: 1; }
.oswald { text-transform: uppercase; text-decoration: none; font-family: Oswald, arial, sans-serif; }
.sans-serif { text-transform: none; font-family: arial, sans-serif; }
.small-caps { text-transform: uppercase; font-size: 13px; }
.no-selectable { user-select: none; }
.responsive-img { max-width: 100%; }
.responsive-img-75 { max-width: 75%; }

/* Sezioni di pagina contrassegnate da id */
/* https://stackoverflow.com/questions/665037/replacing-h1-text-with-a-logo-image-best-method-for-seo-and-accessibility */
h1.logo { position: relative; overflow: hidden; }
h1.logo a {
    position: absolute;
    width: 100%;
    height: 0; /* Nasconde il testo */
    background-position: left top;
    background-repeat: no-repeat;
}
h1#logo { width: 180px; height: 60px; }
h1#logo a {
    padding-top: 60px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='180' height='60' viewBox='0.092 0 180 60'%3E%3Cpath fill='%23F9F9F9' d='M166.568 40.701h5.674v-8.604c0-2.023 1.51-3.108 3.375-3.108.361 0 .721 0 1.08.071l.143-5.711c-2.227.289-3.16.795-4.742 3.614l-.07-3.325h-5.461v17.063h.001zM135.025 35.568c0 3.906 2.084 5.566 7.402 5.566s7.326-1.664 7.326-5.566v-4.121h-5.818v4.34c0 .723-.719 1.082-1.51 1.082-1.08 0-1.582-.359-1.582-1.664v-12.65c0-1.3.502-1.663 1.582-1.663.791 0 1.51.362 1.51 1.085v3.542h5.818v-3.325c0-3.905-2.012-5.567-7.326-5.567s-7.402 1.663-7.402 5.567v13.374zM76.901 17.061h5.675v23.641h-5.675zM110.094 34.268v-7.664c0-1.084-.43-1.518-1.221-1.518-.719 0-1.51.506-1.51 1.518v7.664c0 .939.791 1.445 1.51 1.445.791 0 1.221-.434 1.221-1.445m-8.405-17.207h5.674l.072 8.314c.432-1.158 1.869-2.241 4.24-2.241 2.369 0 4.096 1.445 4.096 3.759v10.484c0 2.313-1.727 3.758-4.096 3.758-2.299 0-3.951-1.158-4.527-2.674v2.24h-5.461v-23.64h.002zM159.096 34.627v-3.828c-1.725.939-2.729 1.158-2.729 3.037v.436c0 1.01.648 1.443 1.652 1.443.43-.002 1.077-.363 1.077-1.088m-2.731-5.566h-4.957V27.47c0-2.747 2.441-4.338 6.682-4.338 4.311 0 6.682 1.591 6.682 4.338v9.977c0 1.518.359 2.385.648 3.254h-5.463c-.287-.578-.359-1.23-.43-1.881-.791 1.662-2.297 2.314-4.096 2.314-3.16 0-4.742-1.375-4.742-4.916v-.939c0-7.013 8.693-3.906 8.693-7.448 0-.579-.357-1.301-1.291-1.301-1.439.001-1.726.724-1.726 2.531M84.158 23.567V36.58c0 2.459 1.941 3.688 3.952 3.688 2.227 0 3.665-.143 4.239-.867v.07l-.141 1.809c0 .939-.502 1.445-1.293 1.445-.719 0-1.365-.434-1.365-1.373h-5.173c0 3.688 1.652 4.697 6.61 4.697 4.527 0 6.61-1.303 6.61-5.279V23.567h-5.46v11.64c0 .939-.719 1.373-1.435 1.373-.719 0-1.151-.361-1.151-1.373v-11.64h-5.393zM117.424 23.567V36.58c0 2.459 1.939 3.688 3.951 3.688 2.229 0 3.664-.143 4.24-.867v.07l-.145 1.809c0 .939-.504 1.445-1.293 1.445-.719 0-1.293-.434-1.293-1.373h-5.246c0 3.688 1.652 4.697 6.613 4.697 4.529 0 6.611-1.303 6.611-5.279V23.567h-5.459v11.64c0 .939-.721 1.373-1.438 1.373s-1.15-.361-1.15-1.373v-11.64h-5.391zM48.448 24.146v-1.88c0-4.193-2.083-5.711-6.322-5.711-4.813 0-6.466 1.808-6.466 6.072 0 7.808 7.832 7.302 7.903 12.217 0 1.375-.431 1.953-1.437 1.953-1.005 0-1.51-.652-1.51-1.953v-1.662h-4.957v2.24c0 4.338 1.795 5.639 6.395 5.639 4.885 0 6.539-1.518 6.539-6.434 0-7.663-7.976-7.663-7.976-11.785 0-1.373.432-1.952 1.51-1.952.934 0 1.437.579 1.437 1.952v1.302h4.884v.002zM49.814 23.567h4.885v17.062h-4.885zM50.03 17.061h4.455v4.482H50.03zM63.394 33.904v2.242c0 .869-.503 1.301-1.222 1.301s-1.149-.432-1.149-1.301v-7.879c0-.867.431-1.374 1.149-1.374s1.222.506 1.222 1.374v1.879h4.455v-2.169c0-3.325-2.156-4.771-5.892-4.771-3.808 0-5.819 1.735-5.819 4.771v8.458c0 3.039 2.012 4.771 5.819 4.771 3.736 0 5.892-1.445 5.892-4.771v-2.531h-4.455zM69.644 23.567h4.887v17.062h-4.887zM69.859 17.061h4.455v4.482h-4.455z'/%3E%3Cdefs%3E%3Cpath id='a' d='M3.343 13.951h27.563v29.235H3.343z'/%3E%3C/defs%3E%3CclipPath id='b'%3E%3Cuse xlink:href='%23a' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23b)' fill='%23FFF' d='M10.88 39.654l-.122-.07-.292-.178a.508.508 0 0 0 .032-.035c1.416-1.613 2.184-3.314 2.303-5.1.003-.068.008-.137.013-.201a8.32 8.32 0 0 0-.079-1.445c-.164-1.151-.569-2.356-1.216-3.617a13.864 13.864 0 0 0-.298-.559 25.562 25.562 0 0 0-.171-.333c-.826-1.669-1.338-3.203-1.539-4.602a8.38 8.38 0 0 1 .012-2.601c.281-1.627 1.107-2.959 2.478-3.995.403-.178.817-.334 1.24-.466l-.062.021a5.562 5.562 0 0 0-2.018 1.758c-.531.758-.884 1.651-1.062 2.682a8.38 8.38 0 0 0-.011 2.601c.201 1.398.714 2.933 1.54 4.602l.171.333c.105.188.204.373.299.559.646 1.261 1.051 2.466 1.216 3.617.068.49.095.971.078 1.445l-.014.201c-.119 1.785-.887 3.486-2.303 5.1-.042.049-.103.117-.185.209a.386.386 0 0 0-.05.055.181.181 0 0 1 .04.019m2.095.95c.083-.102.195-.242.339-.416a14.273 14.273 0 0 0 .936-1.316c1.135-1.867 1.557-3.816 1.266-5.848-.163-1.133-.547-2.295-1.15-3.478a14.022 14.022 0 0 0-.278-.524 10.61 10.61 0 0 1-.162-.318c-.788-1.592-1.279-3.066-1.473-4.423a8.873 8.873 0 0 1-.093-1.584c.059-1.772.7-3.261 1.921-4.466.413-.408 1.025-.935 1.837-1.58.252-.2.477-.373.67-.519.13-.097.247-.181.351-.253a13.315 13.315 0 0 1 .956.035v1.891a9.682 9.682 0 0 1 4.702 1.267c.92.522 1.808 1.212 2.666 2.069.985.984 1.727 2.083 2.223 3.296.485 1.187.74 2.493.766 3.915.042 2.24-.47 4.194-1.535 5.854a11.715 11.715 0 0 1-1.589 1.941c-.431.43-1.014.949-1.751 1.557.024.262.042.859.055 1.795-.302.184-.61.355-.924.51v.002c-.026.012-.053.023-.079.037-1.666.809-3.501 1.213-5.502 1.213-1.281 0-2.494-.166-3.636-.494a28.597 28.597 0 0 1-.516-.163M24.978 21.33c-.979-.98-2.019-1.711-3.119-2.197-1.124-.497-2.363-.76-3.718-.788l-.093 15.002a10.1 10.1 0 0 1 .931.025c2.575.193 4.071 1.406 4.494 3.643a11.233 11.233 0 0 0 1.504-1.268c1.991-1.99 2.986-4.395 2.986-7.208.001-2.816-.995-5.219-2.985-7.209m-3.397 16.645a1.657 1.657 0 0 0-.505-1.221 1.659 1.659 0 0 0-1.219-.506c-.367 0-.692.102-.977.299a1.871 1.871 0 0 0-.221.178c-.007.012-.016.02-.024.029a1.667 1.667 0 0 0-.503 1.221c0 .096.006.191.021.283.053.355.214.666.482.936a1.658 1.658 0 0 0 1.222.508 1.65 1.65 0 0 0 1.219-.508 1.66 1.66 0 0 0 .505-1.219'/%3E%3Cdefs%3E%3Cpath id='c' d='M3.343 13.951h27.563v29.235H3.343z'/%3E%3C/defs%3E%3CclipPath id='d'%3E%3Cuse xlink:href='%23c' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23d)' fill='%239D1F27' d='M23.631 39.498c-.012-.936-.03-1.533-.055-1.795a24.93 24.93 0 0 0 1.75-1.557 11.807 11.807 0 0 0 1.589-1.941c1.065-1.66 1.576-3.614 1.535-5.854-.026-1.423-.281-2.728-.766-3.915-.496-1.213-1.238-2.312-2.223-3.296-.857-.857-1.746-1.547-2.666-2.069a8.822 8.822 0 0 0-.6-.313 9.682 9.682 0 0 0-4.102-.954v-1.891l.09.005c1.93.144 3.694.687 5.293 1.629a.352.352 0 0 0 .02.012l.061.037.04.024.042.025.082.051.102.064.064.041c.02.014.04.025.061.04l.106.07.111.074.136.094.11.079.116.083.114.085.164.125a13.531 13.531 0 0 1 1.291 1.143c2.479 2.479 3.719 5.471 3.719 8.976 0 3.502-1.24 6.494-3.719 8.971-.379.381-.77.73-1.173 1.051l-1.126.805c-.056.031-.111.066-.166.101z'/%3E%3Cg%3E%3Cdefs%3E%3Cpath id='e' d='M3.343 13.951h27.563v29.235H3.343z'/%3E%3C/defs%3E%3CclipPath id='f'%3E%3Cuse xlink:href='%23e' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23f)' fill='%23D02632' d='M24.978 21.33c1.991 1.99 2.986 4.394 2.986 7.209 0 2.814-.995 5.218-2.986 7.208-.478.477-.979.9-1.504 1.268-.422-2.236-1.919-3.449-4.494-3.643a10.1 10.1 0 0 0-.931-.025l.093-15.002c1.355.029 2.594.292 3.718.788 1.099.486 2.139 1.217 3.118 2.197m-3.397 16.645c0 .477-.168.883-.506 1.219a1.65 1.65 0 0 1-1.219.508 1.65 1.65 0 0 1-1.222-.508 1.646 1.646 0 0 1-.482-.936 1.771 1.771 0 0 1-.021-.283c0-.477.168-.885.503-1.221.008-.01.018-.02.024-.029.069-.064.144-.123.221-.178.285-.197.61-.299.977-.299.476 0 .882.168 1.219.506a1.657 1.657 0 0 1 .506 1.221'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='g' d='M3.343 13.951h27.563v29.235H3.343z'/%3E%3C/defs%3E%3CclipPath id='h'%3E%3Cuse xlink:href='%23g' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23h)' fill='%23006E39' d='M12.975 40.604l-.072-.027a10.998 10.998 0 0 1-.498-.184l-.042-.018a11.506 11.506 0 0 1-1.179-.555c-.088-.047-.177-.094-.264-.143l-.039-.023c-.013-.008-.025-.016-.039-.021l.05-.055c.081-.092.144-.16.185-.209 1.417-1.611 2.184-3.313 2.302-5.1.005-.068.009-.135.015-.201a8.341 8.341 0 0 0-.079-1.445c-.164-1.15-.569-2.355-1.216-3.616a15.26 15.26 0 0 0-.298-.559 49.433 49.433 0 0 0-.172-.333c-.825-1.669-1.338-3.202-1.539-4.602a8.38 8.38 0 0 1 .011-2.601c.177-1.031.532-1.924 1.063-2.682a5.545 5.545 0 0 1 2.018-1.758c.02-.007.041-.013.061-.021l.218-.066.22-.062a13.034 13.034 0 0 1 3.446-.445h.014c-.104.073-.221.156-.351.253-.194.145-.419.319-.671.519-.812.645-1.425 1.171-1.837 1.58-1.219 1.206-1.86 2.693-1.92 4.466a8.997 8.997 0 0 0 .093 1.584c.194 1.357.685 2.832 1.473 4.423.053.105.107.212.163.318.098.175.191.35.278.524.603 1.184.987 2.346 1.15 3.477.29 2.031-.131 3.982-1.266 5.848-.165.264-.344.527-.535.789-.129.178-.264.352-.401.527-.147.175-.259.316-.342.418'/%3E%3C/g%3E%3Cg%3E%3Cdefs%3E%3Cpath id='i' d='M3.343 13.951h27.563v29.235H3.343z'/%3E%3C/defs%3E%3CclipPath id='j'%3E%3Cuse xlink:href='%23i' overflow='visible'/%3E%3C/clipPath%3E%3Cpath clip-path='url(%23j)' fill='%23009348' d='M12 16.917c-1.372 1.036-2.197 2.367-2.478 3.995a8.38 8.38 0 0 0-.012 2.601c.201 1.398.713 2.933 1.539 4.602.058.109.114.222.171.333.104.188.205.373.298.559.646 1.261 1.052 2.466 1.216 3.616.069.49.095.973.079 1.445l-.013.201c-.119 1.787-.887 3.488-2.303 5.1-.009.012-.02.023-.032.037a13.466 13.466 0 0 1-2.315-1.865c-2.479-2.477-3.717-5.469-3.717-8.972 0-3.505 1.239-6.497 3.717-8.976a12.925 12.925 0 0 1 3.103-2.317c.008-.004.017-.008.024-.013l.701-.339.022-.007'/%3E%3C/g%3E%3C/svg%3E");
}

@media screen and (max-width: 424px) {
  h1#logo { padding-top: 5px; width: 150px; height: 50px; }
  h1#logo a {
    background-size: 150px 50px;
  }
}

div#msg { position: fixed; top: -250px; left: 0; z-index: 40; width: 100%; min-height: 60px; transition: .25s; }
div#msg.show { transform: translate3d(0,250px,0); }
div#msg a.close-icon { position: absolute; top: 10px; right: 5px; }
div#msg div.centered-content { position: relative; padding-right: 40px; }
div#msg div.options a { border-radius: 5px; }
div#msg.success-background, div#msg.alert-background, div#msg.warning-background, div#msg.notice-background { box-shadow: 0 0 10px #444; }
.success-background, .success-background a.close-icon, .success-background div.options a { background: #def2d5; color: #596d50; }
.success-btn-background { background-color: #596d50; color: #fff; }
.success-background a:not(.btn) { text-decoration: none; color: #596d50; }
.alert-background { background: #ebc8c4; color: #ac302e; }
.alert-btn-background, .alert-background a.close-icon, .alert-background div.options a { background-color: #ac302e; color: #fff; }
.alert-background a:not(.btn) { text-decoration: none; color: #ac302e; }
.warning-background { background: #fcd450; color: #000; }
.warning-btn-background, .warning-background a.close-icon, .warning-background div.options a { background-color: #ae8711; color: #fff; }
.warning-background a:not(.btn) { text-decoration: none; color: #000; }
.notice-background { background: #f0f9fe; color: #285479; }
.notice-btn-background, .notice-background a.close-icon, .notice-background div.options a { background-color: #285479; color: #fff; }
.notice-background a:not(.btn) { text-decoration: none; color: #285479; }



aside#strengths div.centered-content div { height: 225px; }
aside#strengths span.btn-icon {
  border-radius: 0;
  width: 100px;
  /* Bug portatile Asus */
  height: 99px;
}

div.push { height: 415px; }
footer#company-data div.no-480 { height: 315px; }
@media screen and (max-width: 480px) {
  footer#company-data, div.push { height: 100px; }
}
footer#company-data ul.listview li a { background-image: none; padding: 0; }
footer#company-data ul.listview li { padding: 7px 3px; }
footer#company-data ul.listview.min-padding li { padding: 2px 3px; }
body.step3 div#social, body.step4 div#social { margin-bottom: 55px; }

div#overlay {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.8);
  z-index: 20;
}
div#overlay div.lds-dual-ring { display: none; position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; width: 64px; height: 64px; }
/* Pure CSS loader credits https://loading.io/css/ */
div.lds-dual-ring { display: inline-block; }
div.lds-dual-ring:after {
  content: " ";
  display: block;
  margin: 1px;
  border: 5px solid #fff;
  border-color: #fff transparent #fff transparent;
  border-radius: 50%;
  width: 46px; height: 46px;
  animation: infiniteRotation 1s linear infinite;
}

/* Elenchi, banner, pulsanti di reset dei campi input */
ul.listview li a {
  display: block;
  border-bottom: 1px solid #eee;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='M7.979 4.991L2.113.364v.828l4.816 3.799-4.816 3.8v.826z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center right;
  background-origin: content-box;
  padding: 10px 5px;
  text-decoration: none;
  color: #444;
}


.bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}
div.banner { position: relative; }
div.banner a {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
}
div.banner h2 {
  width: 100%;
  height: 200px;
}
div.banner a span, div.banner h2 span {
  display: block;
  position: absolute;
  bottom: 0;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(50,50,50,.6) 40%,rgba(50,50,50,.8) 100%);
  padding: 0 5px;
  width: 100%;
  height: 40px;
  line-height: 40px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Oswald;
  font-size: 18px;
  color: #fff;
}


a.clear-input, a.reveal-input { position: absolute; top: -100px; z-index: 999; opacity: 0; }
a.clear-input.show, a.reveal-input.show { animation: bounceIn .5s ease; opacity: 1; }

div.tab-container { border-bottom: 1px solid #ddd; }
a.tab { display: block; border-right: 2px solid #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height: 40px; }
a.tab-30 { line-height: 30px; }
a.tab:last-child { border-right: 0; }
div.tab-content { display: none; animation: fade-in 1s; }
div.tab-content.visible { display: block; }

/* Animazioni */
@keyframes blink {
	0% { background: #fff; }
	75% { background: #eee; }
	100% { background: #fff; }
}

@keyframes fade-in {
  from { opacity: .4; }
  to { opacity: 1; }
}

@keyframes bounceIn {
  0% {
    transform: scale(.3);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes bounce-bottom {
  0% {
    transform: translateY(45px);
    animation-timing-function: ease-in;
  }
  40% {
    transform: translateY(24px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(4px);
    animation-timing-function: ease-in;
  }
  25%, 55%, 75%,
  87% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
}

@keyframes shake-horizontal {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    transform: translateX(10px);
  }
  80% {
    transform: translateX(8px);
  }
  90% {
    transform: translateX(-8px);
  }
}

@keyframes infiniteRotation {
  0% {
    transform: rotate(0deg);
    }
  100% {
    transform: rotate(360deg);
  }
}

/* Posizionamenti flottanti e tabellari */
.float-container { overflow: hidden; }
.fix-float, .display-relative { position: relative; }
.display-inline-block { display: inline-block; }
.fix-float::after { content: ''; display: table; clear: both; }
.float-item { float: left; }
.table-css { display: table; width: 100%; }
.border-separate { border-collapse: separate; border-spacing: 5px; }
.border-separate-small { border-collapse: separate; border-spacing: 2px; }
.table-cell { display: table-cell; vertical-align: middle; }
.align-top { vertical-align: top; }
.w-100 { width: 100%; }
.w-75 { width: 75%; }
.w-66 { width: 66.666%; }
.w-50 { width: 50%; }
.w-33 { width: 33.333%; }
.w-25 { width: 25%; }
.w-20 { width: 20%; }
.w-16 { width: 16.6665%; }
.w-15 { width: 15%; }
.display-none { display: none; }
@media screen and (max-width: 1536px) {
  .no-1536 { display: none !important; }
  .w-1536-100 { width: 100%; }
  .w-1536-75 { width: 75%; }
  .w-1536-50 { width: 50%; }
  .w-1536-33 { width: 33.333%; }
  .w-1536-25 { width: 25%; }
}
@media screen and (max-width: 1366px) {
  .no-1366 { display: none !important; }
  .w-1366-100 { width: 100%; }
  .w-1366-75 { width: 75%; }
  .w-1366-50 { width: 50%; }
  .w-1366-33 { width: 33.333%; }
  .w-1366-25 { width: 25%; }
}
@media screen and (max-width: 1152px) {
  .no-1152 { display: none !important; }
  .w-1152-100 { width: 100%; }
  .w-1152-75 { width: 75%; }
  .w-1152-50 { width: 50%; }
  .w-1152-33 { width: 33.333%; }
  .w-1152-25 { width: 25%; }
}
@media screen and (max-width: 1024px) {
  .no-1024 { display: none !important; }
  .no-table-1024 { display: block !important; }
  .w-1024-100 { width: 100%; }
  .w-1024-75 { width: 75%; }
  .w-1024-50 { width: 50%; }
  .w-1024-33 { width: 33.333%; }
  .w-1024-25 { width: 25%; }
}
@media screen and (max-width: 962px) {
  .no-962 { display: none !important; }
  .no-table-962 { display: block !important; }
  .w-962-100 { width: 100%; }
  .w-962-75 { width: 75%; }
  .w-962-50 { width: 50%; }
  .w-962-33 { width: 33.333%; }
  .w-962-25 { width: 25%; }
}
@media screen and (max-width: 864px) {
  .no-864 { display: none !important; }
  .no-table-864 { display: block !important; }
  .w-864-100 { width: 100%; }
  .w-864-75 { width: 75%; }
  .w-864-50 { width: 50%; }
  .w-864-33 { width: 33.333%; }
  .w-864-25 { width: 25%; }
}
@media screen and (max-width: 768px) {
  .no-768 { display: none !important; }
  .no-table-768 { display: block !important; }
  .w-768-100 { width: 100%; }
  .w-768-75 { width: 75%; }
  .w-768-50 { width: 50%; }
  .w-768-33 { width: 33.333%; }
  .w-768-25 { width: 25%; }
  .w-768-12 { width: 12.5%; }
}
@media screen and (max-width: 680px) {
  .no-680 { display: none !important; }
  .no-table-680 { display: block !important; }
  .w-680-100 { width: 100%; }
  .w-680-75 { width: 75%; }
  .w-680-50 { width: 50%; }
  .w-680-33 { width: 33.333%; }
  .w-680-25 { width: 25%; }
}
@media screen and (max-width: 640px) {
  .no-640 { display: none !important; }
  .only-640 { display: block; }
  .no-table-640 { display: block !important; }
  .w-640-100 { width: 100%; }
  .w-640-75 { width: 75%; }
  .w-640-66 { width: 66.666%; }
  .w-640-50 { width: 50%; }
  .w-640-33 { width: 33.333%; }
  .w-640-25 { width: 25%; }
}
@media screen and (max-width: 582px) {
  .no-582 { display: none !important; }
  .no-table-582 { display: block !important; }
  .w-582-100 { width: 100%; }
  .w-582-75 { width: 75%; }
  .w-582-50 { width: 50%; }
  .w-582-33 { width: 33.333%; }
  .w-582-25 { width: 25%; }
}
@media screen and (max-width: 480px) {
  .no-480 { display: none !important; }
  .no-table-480 { display: block !important; }
  .w-480-100 { width: 100%; }
  .w-480-75 { width: 75%; }
  .w-480-66 { width: 66.666%; }
  .w-480-50 { width: 50%; }
  .w-480-33 { width: 33.333%; }
  .w-480-25 { width: 25%; }
  .w-480-16 { width: 16.6665%; }
  .w-480-12 { width: 12.5%; }
}
@media screen and (max-width: 424px) {
  .no-424 { display: none !important; }
  .no-table-424 { display: block !important; }
  .w-424-100 { width: 100%; }
  .w-424-75 { width: 75%; }
  .w-424-66 { width: 66.666%; }
  .w-424-50 { width: 50%; }
  .w-424-33 { width: 33.333%; }
  .w-424-25 { width: 25%; }
}





/* Intestazione e menu di navigazione principale */
header {
  position: absolute;
  width: 100%;
  height: 60px;
  z-index: 30;
}
  /* Posizionamento del logo e del menu di navigazione principale */
  header h1 { float: left; }
  nav.main { float: right; }
    /* Voce del menu solo per gli smartphone */
    div.mobile-menu { display: none; }

    /* Le voci del menu di navigazione principale */
    nav.main > a, div.dropdown-container > button {
      cursor: pointer;
      margin: 0;
      border: none;
      outline: none;
      padding: 0 8px;
      height: 60px;
      line-height: 60px;
      font-size: 100%;
      color: #fff;
    }

    div.dropdown-content {
      visibility: hidden;
      opacity: 0;
      position: absolute;
      left: 0;
      width: 100%;
      transition: opacity .3s ease-out, visibility .3s ease-out;
    }

    /* Classe show assegnata dinamicamente */
    div.dropdown-content.show {
      visibility: visible;
      opacity: 1;
    }

    div.dropdown-content div.fixed-row { float: right; width: 300px; }

    div.dropdown-content h2 {
      position: relative;
      text-indent: 10px;
    }

    div.dropdown-content h2 a.close {
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translate(0,-50%);
    }

    div.row {
      border-radius: 0 0 5px 5px;
    }

    div.row:after {
      content: '';
      display: table;
      clear: both;
    }

    div.column {
      height: 300px;
    }

    nav h3 {
      border-bottom: 1px dotted #c4c4c4;
      color: #444;
    }

    /* Icone per le lingue */
    div#flags span.btn-icon {
      border-radius: 0;
      line-height: 14px;
    }

    @media screen and (max-width: 640px) {
      div.mobile-menu { display: block; }
    }





/* Form di prenotazione */
section#reservation-form {
  position: absolute;
  top: 60px;
  z-index: 10;
  border-top: 1px solid #032010;
  background-color: rgba(11,110,56,.9);
  width: 100%;
  color: #fff;
}
  section#reservation-form h2 { padding: 0; }

  body.home section#reservation-form div.centered-content {
    max-height: 135px;
    transition: max-height .35s ease-out;
  }

  /* In tutte le pagine diverse dalla home il pannello non è visibile */
  body:not(.home) section#reservation-form div.centered-content {
    max-height: 0;
    transition: max-height .35s ease-out;
    overflow: hidden;
  }

  /*
   * Imposta l'altezza per il pannello aperto
   * Sovrascrive lo stile precedente attivando la transizione
   * La proprietà overflow: visible è impostata dinamicamente per visualizzare i pannelli di DatePicker e ComboBox
   */
  body section#reservation-form div.centered-content.open {
    max-height: 600px;
  }

  /*
   * Nella home, sotto i 640px e con il pannello parzialmente aperto nasconde i pulsanti data ora partenza
   * Lo stile non ha effetto quando si apre il pannello
   */
  @media screen and (max-width: 640px) {
    section#reservation-form .w-640-100.padding-right { padding-right: 0; }

    body.home div.centered-content:not(.open) div#start-interval-container {
      display: none;
    }
  }

  section#reservation-form section#hidden-content {
    display: none;
  }
    div#reservation-tabs a { display: block; width: 100%; color: #fff; }
    div#reservation-tabs a:not(.current-choice) { background: rgba(50,50,50,.8) }
    div#reservation-fields { padding: 0 5px 5px; }





    /* Stili combobox */
    div.autocomplete { position: absolute; display: none; z-index: 2; }
    div.autocomplete ul { border-radius: 0 0 5px 5px; outline: 0; box-shadow: 0 1px 10px #555; max-height: 250px; overflow: auto; }
    div.autocomplete li { height: 40px; }
    div.autocomplete li:nth-child(odd) { background: #eee; }
    div.autocomplete li.selected { background: #d9e8d9; }
    div.autocomplete li:not(.selected):hover { background: #d9e8d9; cursor: pointer;  }
    div.autocomplete li div:last-child { width: 40px; }
    div.autocomplete li span { display: block; }
    div.autocomplete li span.btn-icon { width: 40px; height: 40px; }
    span.geo-icon {
      display: none;
      position: absolute;
      top: 40px;
      left: 50%;
      width: 40px;
      height: 40px;
      transform: translateX(-50px);
      cursor: pointer;
    }
    input#pickup-input:focus ~ span.geo-icon { background-color: #d9e8d9; }
    @media screen and (max-width: 640px) {
      span.geo-icon { left: 100%; }
    }





    /* Datepicker */
    div.interval-container {
      position: relative;
    }
      div.datetime {
        border-radius: 5px 5px 0 0;
        width: 100%;
        font-variant: small-caps;
        overflow: hidden;
      }
        /* Pulsanti che aprono i pannelli con il calendario o la griglia degli orari */
        div.datetime div {
          cursor: pointer;
          display: inline-block;
          width: 50%;
          height: 50px;
        }

        div.datetime div.time { float: right; }
        div.datetime span { display: inline-block; margin: 0 -1px; }
        div.datetime input { cursor: pointer; border: 0; background: transparent; padding: 0; width: 45px;  height: auto; }
        div.datetime input:focus { background: transparent; }
        div.datetime span em { position: relative; top: 2px; font-style: normal; }
        div.time span:first-child { color: #000; }
          /* Pannelli con il calendario o la griglia degli orari */
          div.picker {
            display: none;
            position: absolute;
            z-index: 2;
            border-radius: 0 0 5px 5px;
            box-shadow: 0 1px 10px #555;
            width: 100%;
          }

          div.picker table {
            margin: 0 auto;
            border-collapse: collapse;
            width: 100%;
            max-width: 450px;
          }

          div.picker table a {
            display: inline-block;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-decoration: none;
            color: #000;
          }

          div.picker table th {
            font-weight: bold;
            font-size: 20px;
          }

          div.picker table th span.number { font-weight: normal; }

          div.picker table th, div.picker table td {
            border-bottom: 1px solid #ddd;
            padding: 10px 5px;
            text-align: center;
            vertical-align: middle;
          }

          div.picker table td.day-label { font-variant: small-caps; }
          div.picker table td.disabled, div.picker table a.disabled { color: #ccc; }

          div.picker table td.start, div.picker table td.end {
            background-repeat: no-repeat;
            font-weight: bold;
          }

          div.picker table td.start {
            background-image: url(../img/datepicker/start_min.svg);
            background-position: left center;
          }

          div.picker table td.end {
            background-image: url(../img/datepicker/end_min.svg);
            background-position: right center;
          }

          div.picker table td.start.end {
            background-image: url(../img/datepicker/start_min.svg), url(../img/datepicker/end_min.svg);
            background-position: left center, right center;
          }

          div.picker table td.selectable { cursor: pointer; }
          div.picker table td.selectable:hover { font-weight: bold; }





    /* Stili pulsante apertura/chiusura sezione */
    div#close-div {
      position: absolute;
      width: 100%;
    }
      div#close-div a {
        display: block;
        margin: 0 auto;
        background-image:  url(../img/images.svg);
        background-repeat: no-repeat;
        background-position: 0 -138px;
        width: 200px;
        height: 20px;
        line-height: 20px;
        text-decoration: none;
        color: #000;
      }

      div#close-div a.closed {
        background-position: -200px -138px;
        color: #eee;
      }
        div#close-div a svg {
          transform: rotate(90deg);
        }


        div#close-div a.closed svg {
          transform: rotate(-90deg);
        }

        div#close-div a.closed svg path {
          fill: #eee;
        }