


/* effects.css */

/*//////////////////////////// Border radius //////////////////////////////////////*/
.box-city-time-wrp div,.box-submit input,#scheda .extra_list li,.light_bt,.green_light_bt,.pulsante_scopri,
.box-type ul,.box-type ul li input[type="checkbox"],ul.tip li ul li{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.box-city-time-dataora-ritiro select,#scheda .laquenta,
.box-city-time-dataora-consegna select,#scheda .box-city-time-wrp .laquenta div { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.prezzo-sconto{-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
#scheda .laquenta div.prezzo-sconto{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.prezzo-sconto{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
#search .prezzo-sconto{-webkit-border-radius: 40px;-moz-border-radius: 40px;border-radius: 40px;}
/*motore.ricerca.css*/
.n_s_b > div:nth-child(1) > div,.n_s_b > div:nth-child(1) > div > input[type="submit"] {border-radius: 4px;}


.cd-timeline-img,.cd-timeline-img div{ border-radius: 50%; }
/* Box Shadow */
ul.tip li ul li{-webkit-box-shadow: -3px -3px 8px 0px rgba(93, 89, 97, 0.59);-moz-box-shadow: -3px -3px 8px 0px rgba(93, 89, 97, 0.59);box-shadow:  -3px -3px 8px 0px rgba(93, 89, 97, 0.59);border:1px solid #e3e1e4;}
/* Menu */
#toggle-menu.visible span.top{-webkit-animation:inTop .8s forwards;-moz-animation:inTop .8s forwards;animation:inTop .8s forwards}
#toggle-menu.visible span.middle{-webkit-animation:inMiddle .8s forwards;-moz-animation:inMiddle .8s forwards;animation:inMiddle .8s forwards}
#toggle-menu.visible span.bottom{-webkit-animation:inBottom .8s forwards;-moz-animation:inBottom .8s forwards;animation:inBottom .8s forwards}
#toggle-menu.hidden span.top{-webkit-animation:outTop .8s backwards;-webkit-animation-direction:reverse;-moz-animation:outTop .8s backwards;-moz-animation-direction:reverse;animation:outTop .8s backwards;animation-direction:reverse}
#toggle-menu.hidden span.middle{-webkit-animation:outMiddle .8s backwards;-webkit-animation-direction:reverse;-moz-animation:outMiddle .8s backwards;-moz-animation-direction:reverse;animation:outMiddle .8s backwards;animation-direction:reverse}
#toggle-menu.hidden span.bottom{-webkit-animation:outBottom .8s backwards;-webkit-animation-direction:reverse;-moz-animation:outBottom .8s backwards;-moz-animation-direction:reverse;animation:outBottom .8s backwards;animation-direction:reverse}
@-webkit-keyframes inMiddle {25%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(45deg)}}
@-moz-keyframes inMiddle {25%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(45deg)}}
@keyframes inMiddle {25%{transform:rotate(0deg)}100%{transform:rotate(45deg)}}
@-webkit-keyframes outMiddle {50%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(45deg)}}
@-moz-keyframes outMiddle {50%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(45deg)}}
@keyframes outMiddle {50%{transform:rotate(0deg)}100%{transform:rotate(45deg)}}
@-webkit-keyframes inTop {0%{top:0}25%{top:8px;-webkit-transform:rotate(0deg)}100%{top:8px;-webkit-transform:rotate(135deg)}}
@-moz-keyframes inTop {0%{top:0}25%{top:8px;-moz-transform:rotate(0deg)}100%{top:8px;-moz-transform:rotate(135deg)}}
@keyframes inTop {0%{top:0}25%{top:8px;transform:rotate(0deg)}100%{top:8px;transform:rotate(135deg)}}
@-webkit-keyframes outTop {0%{top:0}50%{top:8px;-webkit-transform:rotate(0deg)}100%{top:8px;-webkit-transform:rotate(135deg)}}
@-moz-keyframes outTop {0%{top:0}50%{top:8px;-moz-transform:rotate(0deg)}100%{top:8px;-moz-transform:rotate(135deg)}}
@keyframes outTop {0%{top:0}50%{top:8px;transform:rotate(0deg)}100%{top:8px;transform:rotate(135deg)}}
@-webkit-keyframes inBottom {0%{top:16px}25%{top:6px;-webkit-transform:rotate(0deg);opacity:1}100%{top:6px;-webkit-transform:rotate(135deg);opacity:0}}
@-moz-keyframes inBottom {0%{top:12px}25%{top:8px;-moz-transform:rotate(0deg);opacity:1}100%{top:8px;-moz-transform:rotate(135deg);opacity:0}}
@keyframes inBottom {0%{top:16px}25%{top:6px;transform:rotate(0deg);opacity:1}100%{top:6px;transform:rotate(135deg);opacity:0}}
@-webkit-keyframes outBottom {0%{top:16px}50%{top:8px;-webkit-transform:rotate(0deg);opacity:0}100%{top:8px;-webkit-transform:rotate(135deg);opacity:1}}
@-moz-keyframes outBottom {0%{top:16px}50%{top:8px;-moz-transform:rotate(0deg);opacity:0}100%{top:8px;-moz-transform:rotate(135deg);opacity:1}}
@keyframes outBottom {0%{top:16px}50%{top:8px;transform:rotate(0deg);opacity:0}100%{top:8px;transform:rotate(135deg);opacity:1}}
/* Effect*/
.tr_4,.tr_4 div{transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; }
.tr_4 div.riepilogo-scheda-auto,.tr_4 div.riepilogo-scheda-auto div{ -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none;}
.transition_6{transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease; cursor:pointer;}
.transition_3in,#scheda .extra_list li.active{transition:background .3s ease-in; -webkit-transition:background .3s ease-in; -moz-transition:background .3s ease-in; -ms-transition:background .3s ease-in; -o-transition:background .3s ease-in;}
.transition_3out{transition:background .3s ease-out; -webkit-transition:background .3s ease-in; -moz-transition:background .3s ease-in; -ms-transition:background .3s ease-in; -o-transition:background .3s ease-in;}
.transition_ease_1{transition:all .1s ease; -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease;}
.transition_ease_2{transition:all .2s ease; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease; -o-transition:all .2s ease;}
.transition_ease_3{transition:all .3s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease;}
.transition_ease_4{transition:all .4s ease; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease;}
.transition_ease_5{transition:all .5s ease; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -ms-transition:all .5s ease; -o-transition:all .5s ease;}
.transition_ease_6{transition:all .6s ease; -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -ms-transition:all .6s ease; -o-transition:all .6s ease;}
.transition_ease_7{transition:all .7s ease; -webkit-transition:all .7s ease; -moz-transition:all .7s ease; -ms-transition:all .7s ease; -o-transition:all .7s ease;}
.transition_ease_8{transition:all .8s ease; -webkit-transition:all .8s ease; -moz-transition:all .8s ease; -ms-transition:all .8s ease; -o-transition:all .8s ease;}
.transition_ease_9{transition:all .9s ease; -webkit-transition:all .9s ease; -moz-transition:all .9s ease; -ms-transition:all .9s ease; -o-transition:all .9s ease;}
/*Effect toggle*/
.listaperta .toggler,  .listachiusa a:hover > .toggler {  animation:ruotaAvanti 0.2s 1 ease forwards; -webkit-animation: ruotaAvanti 0.2s 1 ease forwards; -moz-animation: ruotaAvanti  0.2s 1 ease forwards; -o-animation: ruotaAvanti 0.2s 1 ease forwards;}
@-webkit-keyframes ruotaAvanti { from { -webkit-transform: rotate(0deg); }to { -webkit-transform: rotate(90deg); }}
@keyframes ruotaAvanti { from { -webkit-transform: rotate(0deg); }to { -webkit-transform: rotate(90deg); }}
@-moz-keyframes ruotaAvanti {from { -moz-transform: rotate(0deg); }to { -moz-transform: rotate(90deg); }}
@-o-keyframes ruotaAvanti {from { -o-transform: rotate(0deg); } to { -o-transform: rotate(90deg); } }
.listachiusa .toggler,  .listaperta a:hover > .toggler { animation:ruotaIndietro 0.2s 1 ease forwards; -webkit-animation: ruotaIndietro 0.2s 1 ease forwards;-moz-animation: ruotaIndietro  0.2s 1 ease forwards;-o-animation: ruotaIndietro 0.2s 1 ease forwards;}
@-webkit-keyframes ruotaIndietro {from { -webkit-transform: rotate(90deg); }to { -webkit-transform: rotate(0deg); }}
@-moz-keyframes ruotaIndietro {from { -moz-transform: rotate(90deg); }to { -moz-transform: rotate(0deg); }}
@-o-keyframes ruotaIndietro {from { -o-transform: rotate(90deg); }to { -o-transform: rotate(0deg); }}
@keyframes ruotaIndietro {from { -o-transform: rotate(90deg); }to { -o-transform: rotate(0deg); }}

/* Svg */
.spuntasvg{width:14px; height:14px;}
.stellinasvg{width:13px; height:13px; margin-right:1px;}
.infosvg{width:14px; height:14px; margin-right:1px;}
.alimentazionesvg{float: left; height: 13px; margin-right: 7px; margin-top: 3px; width: 19px; }
.etasvg,.gpssvg,.accelerazionesvg,.portesvg,.coloresvg,.velocitasvg,.serbatoiosvg,.valigiasvg,.wintertiressvg,.piusvg{  float: left; height: 19px; margin-right: 7px; margin-top: 0px;width: 19px;}
.eliminasvg{width:14px; height:14px; float:left;}
.annosvg{width:18px; height:19px; margin-right:7px; float:left;}
.cambiosvg {height: 13px;margin-right: 7px;float: left;margin-top: 3px;width:19px;}
.cilindratasvg {margin-top: 3px;height: 13px;margin-right: 6px;float: left;width:17px;}
.postisvg {margin-top: 3px;height: 13px;margin-left:2px;margin-right: 10px;float: left;width:12px;}
.potenzasvg { margin-top: 3px; height: 13px; margin-left:0px; margin-right: 5px; float: left; width:17px;}

/*.5stellesvg{width:69px; height:13px; margin-right:1px;}*/


/* Opacity */
.filtro li.disabled img{opacity:0.1;}
.filtro li img{opacity:0.9;}

/* Pulsanti e rollover */
.large_bt{display:block;}
.dettagli-link-linea ul li:first-child a span, .dettagli-link-linea ul li:first-child a svg {float: left;height: 17px;line-height: 17px; margin-right:3px;}
.dettagli-link-linea ul li:first-child a i{float:left; margin-right:10px;}
.dettagli-link-linea ul{margin-top:5px; position:relative;}
.dettagli-link-linea:last-child{margin-bottom:5px;}

/* fasttrack */
#fasttrackscelta{display:none}
.vedifasttrack{display: block !important;z-index: 10000000;width:100%;height: 100px;float:left}
.nascondimotore{display: none;}