/* SBAM - Edit by Tonidigrigio.it*/

/*import*/
@import url(slick.css);

/*variabili*/
:root {
    --bianco: #FFF;
    --nero: #000;
    --grigio: #666;
    --grigio-chiaro: #e0e0e0;
    --arancio: #FF3200;
    --tiffany: #00BAC9;
}

/*normalize*/
html{color:#222;font-size:1em;line-height:1.4;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1pxsolid#ccc;margin:1em0;padding:0;}audio,canvas,iframe,img,svg,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}textarea{resize:vertical;}hidden{display:none!important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}.invisible{visibility:hidden;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1pxdotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}sibnputmall{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;}button{overflow:visible;}button,select{text-transform:none;}button,htmlinput[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],htmlinput[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1pxsolid#c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:bold;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}ul li, ol li {list-style:none;}

/*scrolling*/
/*body::-webkit-scrollbar {width:10px;}
body::-webkit-scrollbar-track {background:#ffeae5;}
body::-webkit-scrollbar-thumb {background-color:#FF3200;border:1px solid #ffeae5;}*/

/*default*/
html, button, input, select, textarea {color:#000;overflow-x:hidden;}
html, body {margin:0px;padding:0px;background:#fff;}
::-moz-selection {background:#0070BF;text-shadow:none;color:#FFF;}
::selection {background:#0070BF;text-shadow:none;color:#FFF;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;border-radius:0px;}
a {text-decoration:none;outline:none;border:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background:#ccc;color:#000;padding:0.2em 0;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {transition:all 0.3s ease-in-out;}

/*animation*/
.animation {transition:all 0.5s ease-in-out;}

/*typographic*/
body {font-family: 'Space Grotesk', sans-serif;}
html, body  {font-family: 'Space Grotesk', sans-serif;font-weight:400;font-style:normal;color:#000;}
strong {font-weight:600;}
.text-indent {text-indent:-9999px !important;}

/*font dimension*/
html, body, input  {font-size:16px;}

/*font weight*/
.fw-light       {font-weight:300 !important;}
.fw-regular     {font-weight:400 !important;}
.fw-medium      {font-weight:500 !important;}
.fw-semibold   {font-weight:600 !important;}
.fw-bold        {font-weight:700 !important;}

/*z-index*/
.z-index-1 {z-index:1;}
.z-index-2 {z-index:2;}
.z-index-3 {z-index:3;}
.z-index-4 {z-index:4;}
.z-index-5 {z-index:5;}
.z-index-9 {z-index:9;}
.z-index-99 {z-index:99;}
.z-index-999 {z-index:999;}
.z-index-9999 {z-index:9999;}

/*button*/
.btn.btn-arancione {background:var(--bianco);border-color:var(--arancio);color:var(--arancio);}
.btn.btn-arancione:hover {background:var(--arancio);color:var(--bianco);}
.btn-tiffany-outline {border:1px solid var(--tiffany);color:var(--tiffany) !important;}
.btn-tiffany-outline:hover {border:1px solid var(--tiffany);background:var(--tiffany);color:var(--bianco) !important;}
.btn-tiffany {background:var(--tiffany);}
.btn-tiffany:hover {background:var(--tiffany);}

/*background*/
.bg-arancio {background: var(--arancio);}
.bg-tiffany {background: var(--tiffany);}

/*text*/
.text-arancio {color: var(--arancio);}
.text-tiffany {color: var(--tiffany);}

/*template*/
@media handheld, only screen and (min-width:1024px) {
    .container-fluid {padding-left:2rem;padding-right:2rem;}
}
@media handheld, only screen and (min-width:1280px) {
    .container-fluid {padding-left:2.5rem;padding-right:2.5rem;}
}
@media handheld, only screen and (min-width:1440px) {
    .container-fluid {padding-left:5rem;padding-right:5rem;}
}
@media handheld, only screen and (min-width:1680px) {
    .container-fluid {padding-left:10rem;padding-right:10rem;}
}

/*logo*/
#head-logo, #head-logo .svg-container {width:180px;height:45px;margin:0px;}
#head-logo .svg-container svg {fill:var(--bianco);transition:all 0.3s ease-in-out;position:absolute;top:0;left:0;width:180px;height:45px;}

/*footer*/
.service-menu a {color:var(--bianco);opacity:0.5;}
.service-menu a:hover {opacity:1;}

/*animation*/
#logo-animation-wrapper .svg-container {width:100%;height:100%;margin:0px;}
#logo-animation-wrapper .svg-container svg {width:100%;height:100%;margin:0px;}
#logo-animation-wrapper .svg-container svg .linea {stroke:#00bac9;stroke-linejoin:round;stroke-width:15px;fill: none;}
#logo-animation-wrapper .svg-container svg .white {fill: var(--bianco);}

/*sbam*/
#logo-animation #letter-s {transform: translateY(100px);opacity:0;transition:all 0.5s 0.6s ease-in-out;}
#logo-animation #letter-b {transform: translateY(100px);opacity:0;transition:all 0.5s 0.8s ease-in-out;}
#logo-animation #letter-a {transform: translateY(100px);opacity:0;transition:all 0.5s 1.0s ease-in-out;}
#logo-animation #letter-m {transform: translateY(100px);opacity:0;transition:all 0.5s 1.2s ease-in-out;}
#logo-animation.filled #letter-s {transform: translateY(0px);opacity:1;}
#logo-animation.filled #letter-b {transform: translateY(0px);opacity:1;}
#logo-animation.filled #letter-a {transform: translateY(0px);opacity:1;}
#logo-animation.filled #letter-m {transform: translateY(0px);opacity:1;}

/*payoff*/
#logo-animation #social {transform: translateX(100px);opacity:0;transition:all 0.5s 1.2s ease-in-out;}
#logo-animation #bike {transform: translateX(100px);opacity:0;transition:all 0.5s 1.4s ease-in-out;}
#logo-animation #ancona {transform: translateX(100px);opacity:0;transition:all 0.5s 1.6s ease-in-out;}
#logo-animation #mobility {transform: translateX(100px);opacity:0;transition:all 0.5s 1.8s ease-in-out;}
#logo-animation.filled #social {transform: translateX(0px);opacity:1;}
#logo-animation.filled #bike {transform: translateX(0px);opacity:1;}
#logo-animation.filled #ancona {transform: translateX(0px);opacity:1;}
#logo-animation.filled #mobility {transform: translateX(0px);opacity:1;}

/*background*/
#palline-bg {opacity:0;transition:all 0.5s ease-in-out;}
#palline-bg.view {opacity:0.75;}

/*slider*/
.slick-prev, .slick-next {display:block;width:40px;height:40px;background: var(--arancio) !important;z-index:999;overflow:hidden;border-radius:50%;text-align:center;box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.25)!important;}
.slick-prev:before, .slick-next:before  {opacity: 1 !important;font-weight: bold;font-family: 'Space Grotesk', sans-serif;font-size:20px;line-height:38px;text-align:center;display:block;width:40px;height:40px;}
.slick-prev:hover, .slick-next:hover {background: var(--arancio) !important;}
.slider-ostello .slick-prev {left:20px !important;}
.slider-ostello .slick-next {right:20px !important;}

.slider-pacchetti .slick-prev, .slider-pacchetti .slick-next {background:var(--bianco) !important;}
.slider-pacchetti .slick-prev:before, .slider-pacchetti .slick-next:before {color:var(--arancio) !important;}
.slider-pacchetti .slick-prev:hover, .slider-pacchetti .slick-next:hover {background:var(--bianco) !important;}
.slider-pacchetti .slick-dots {bottom:-50px}
.slider-pacchetti .slick-dots li {overflow:hidden;border-radius:50%;width:14px;height:14px;margin:0px 2px;opacity:.5;}
.slider-pacchetti .slick-dots li.slick-active {opacity:1;}
.slider-pacchetti .slick-dots li button {display:block;width:100%;height:100%;background: var(--bianco) !important;margin:0px;padding:0px;}
.slider-pacchetti .slick-dots li button::before {display:none;}

@media handheld, only screen and (max-width:680px) {
    .slider-pacchetti .slick-prev {left: -5px !important;}
    .slider-pacchetti .slick-next {right: -5px !important;}
}

.slick-prev, .slick-next

/*ostello*/
.ostello-icone-plus span.small {line-height:1rem !important;}

/*partners*/
.logo-partner {width:auto !important;max-width:inherit !important;height:60px !important;}
@media handheld, only screen and (min-width:1200px) {
    .logo-partner {width:auto !important;max-width:inherit !important;height:70px !important;}
}
@media handheld, only screen and (max-width:1024px) {
    .logo-partner.bike-division {height:90px !important;}
}

/*menu*/
#main-menu a {border-bottom:1px solid var(--tiffany)}
#main-menu a:hover, #main-menu a.active {border-bottom:1px solid var(--bianco)}

/*mappa*/
#mapWrapper {position: relative;overflow:hidden;background:#2b2b2b;}
#map {width:100%;height:calc(100% + 20px);display:block; cursor:default;}
#map img,  #map object,  #map embed {max-width:none;}
#mapWrapper, #map {min-height:200px;}
#map a[href^="http://maps.google.com/maps"], #map a[href^="https://maps.google.com/maps"], #map a[href^="https://www.google.com/maps"] {display: none !important;}
.gm-control-active.gm-fullscreen-control {display:none;}

/*card*/
.card.card-pachetti .card-price small {font-size:75%;}
.card.card-pachetti ul li {list-style-type:disc;margin:0px 0px 0px 20px;}








body.modal-open {padding:0px !important;}