/* Bootstrap Custom */
h1, .h1 { font-family: "Lato",Arial,sans-serif; font-size: 45px; letter-spacing: -1px; }


/* Navbar */
.navbar {margin-bottom:0;border:0;}
.navbar a {text-transform:uppercase; font-weight:bold;}
@media (min-width: 768px) and (max-width: 991px) {
	.navbar .nav > li > a {padding-left:10px; padding-right:10px; font-size:12px;}
}

/* Row poco padding */
.row-small-padding {margin-right:-5px; margin-left:-5px;}
.row-small-padding > div {padding-right:5px; padding-left:5px;}

/* Row senza padding */
.row-no-padding {margin-right:0; margin-left:0;}
.row-no-padding > div {padding-right:0; padding-left:0;}

.no-margin {margin:0 0 10px;}
.popover {color:#666;}
.pagination {margin:0 0 20px 0;}
.widetext {visibility:hidden;}
.wtext {white-space:nowrap; display:inline-block;}

/* Separatore verticale */
.border-left { border-left: 1px solid #FF6600; }
.border-right { border-right: 1px solid #FF6600; }

/* Header */
#logo { margin: -30px 0 -60px -30px;}
#logo > a {display:block;}
@media (max-width: 767px) {
	.homepage #logo { margin:-60px 0 -40px -10px; }
	#logo { margin:-60px 0 -80px -30px; }
}

#payoff { padding: 10px 0 10px 25px; font-size: 34px; line-height: 34px; color: #6b7800; font-weight:300; }
#header {padding:50px 0;}
.homepage#header { padding-top: 65px;}
#header .btn {padding:14px 0;}
#header .btn-default {color:#666; background-color:#FFF; border-color:#CCC;}
#header .btn-default:hover,
#header .btn-default:focus,
#header .btn-default.focus,
#header .btn-default:active,
#header .btn-default.active,
#header .open>.dropdown-toggle.btn-default {color:#666; background-color:#F5F5F5; border-color:#CCC;}
.page-header { margin: 0 0 20px; font-weight:bold; border-bottom: 1px solid #ddd; }
.divider { color:#CCC; line-height:35px; }

@media (max-width: 383px) {
	.header-right ul.dropdown-menu {min-width:100px;}
}

.assistenza > img {margin-right:10px; margin-top:-10px; height:60px;}
.assistenza p {margin:0; text-transform:uppercase; line-height:1;}
.assistenza p span {display:block;}
.assistenza p span.titolo {line-height:12px; font-size:12px; font-weight:bold; }
.assistenza p span.numero {line-height:24px; font-size:26px; font-weight:bold; }
.assistenza p span.orario {line-height:14px; font-size:14px;}
.NumeroVerde {font-size:36px;color:black;font-weight:bold;}

/* Intro */
#intro .row {position:relative;}
#intro .row #slogan p {font-size:36px; color:#FFF;}
#intro.cat-homepage { background-image:url(../images/bgs/bg-intro.jpg);}
#intro.cat-auto-di-lusso {background-image:url(../images/bgs/bg-auto-di-lusso.jpg);}
#intro.cat-minivan {background-image:url(../images/bgs/cat_minivan.jpg);}
#intro {-webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-attachment:fixed; background-repeat:no-repeat; background-position:center center;}

/* Form per ricerca mezzi */
#form-ricerca {}
#form-ricerca h2 {margin-top:0; margin-bottom:10px;}
@media (max-width: 767px) {
	#form-ricerca {padding:20px;}
}
#form-ricerca h2, #form-ricerca h3, #form-ricerca legend, #form-ricerca label {}
#form-ricerca h2 {font-size:24px; text-transform:uppercase; font-weight:bold; text-align:center; border-bottom:3px solid #FF6600; padding-bottom: 10px; margin-bottom: 0; letter-spacing: -1px;}
#form-ricerca #formRicercaCheckEtaPopover {color:#FFF; cursor:pointer;}

/* Form per newsletter */
#form-newsletter .checkbox {margin-top:0;}

/* Footer */
.footer { color:#999; /* background-color: #f5f5f5; */ border-top: 1px solid #e3e3e3; }
.footer-top {background-color:#f5f5f5;}
.footer-top a {color:#666;}
.footer-top a:hover, .footer-top a:focus {color:#333;}
.footer-top-left a, .footer-top-right a {text-transform:uppercase; font-weight:bold;}
.footer-top-center legend {border:none; font-size:18px; line-height:22px; margin-bottom:15px;}
.footer-top-center a {text-decoration:underline;}
.footer-top hr.vertical-separator {height:150px;}
.footer-top-right .list-inline > li { padding-left:0; padding-right:0;}
.footer-bottom {}
.footer .list-inline a { font-weight:bold; text-transform:uppercase; }
.footer small a { color:#666; }

.cookie-message {position: fixed; bottom: 0; left: 0; right: 0; background:#333; z-index: 999; padding:10px 0;}
.cookie-message p {color:#fff; margin-top:10px;}
.cookie-message a.btn-link {color:#fff; text-decoration:underline;}
.cookie-message a.btn-link:hover, .cookie-message a.btn-link:focus {color:#f60;}

.wrapper {padding:30px 0;}
.wrapper-small {padding:15px 0;}

.bg-gradient {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E5E5E5), color-stop(50px, #FFFFFF));
	background-image: -o-linear-gradient(bottom, #E5E5E5 0, #FFFFFF 50px);
	background-image: -moz-linear-gradient(bottom, #E5E5E5 0, #FFFFFF 50px);
	background-image: -webkit-linear-gradient(bottom, #E5E5E5 0, #FFFFFF 50px);
	background-image: -ms-linear-gradient(bottom, #E5E5E5 0, #FFFFFF 50px);
	background-image: linear-gradient(to bottom, #E5E5E5 0, #FFFFFF 50px);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #2D2D2D; }
h3.title {text-align:center; overflow:hidden; margin-top:20px; margin-bottom:20px; font-size:24px; line-height:30px;}
h3.title span {display:inline-block; position:relative;}
h3.title span:before,
h3.title span:after {content:""; position:absolute; height:10px; border-top:1px solid; border-bottom:1px solid; top:10px; width:100%;}
h3.title span:before {right:100%; margin-right:15px;}
h3.title span:after {left:100%; margin-left:15px;}

hr { border-top: 1px solid #ddd; }
hr.small {margin-top:10px; margin-bottom:10px;}

/* COMMON */
p.rating-stars {/*color:#cc9933;*/ font-size:20px; line-height:28px;}
.price {}

/* Mezzo in carousel */
.featured-item {padding:0 10px;}
.featured-item h3, .featured-item  p {margin:0; padding:10px; color:#FFF; background-color:#333;}
.featured-item h3 {border-bottom:1px solid #666;}
@media (max-width: 767px) {
	.featured-item p:first-child {border-bottom:1px solid #666;}
}
@media (min-width: 768px) {
	.featured-item p:first-child {border-right:1px solid #666;}
}
/* Con link (solo HOMEPAGE) */
.featured-item-link a {display:block; color:#FFF;}
.featured-item-link a:hover {color:#FFF; text-decoration:none;}
.featured-item-link h3, .featured-item-link  p {padding:0;}
.featured-item-link h3 a,
.featured-item-link p a {padding:10px;}

/* CAROUSEL */
.carousel {visibility:hidden;}
.carousel.slick-initialized { visibility: visible; }


.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next { position:absolute; display:block; height:100%; width:40px; line-height:0; font-size:20px; cursor:pointer; background-color:#333; color:#FFF; border:none; outline:none; padding: 0; }
.slick-prev { left:0; top:0; }
.slick-next { right: 0; top:0; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline:none; background-color:#666; }


/* Stili per panel */
.clickable{ cursor: pointer; }
.panel-heading span { margin-top: -20px; font-size: 15px; }


/* List view */
.list-item {margin-bottom:20px;}
.list-item .list-item-image,
.list-item .list-item-image a {display:block;}
@media (max-width: 767px) {
	.list-item .list-item-image,	
	.list-item .list-item-image a	{height:200px!important;}
}
.list-item .list-item-description .content,
.list-item .list-item-price .content {padding:20px;}
/* Description */
.list-item .list-item-description h3 {margin-top:0;}
.list-item .list-item-description p:last-child,
.list-item .list-item-description ul:last-child {margin-bottom:0;}
.list-item .list-item-description p.description {font-size:12px; line-height:20px;}
.list-item .list-item-description p.rating-label {font-size:10px; line-height:14px; text-transform:uppercase;}
/* Price */
.list-item .list-item-price p:last-child {margin-bottom:0;}
.list-item .list-item-price p strong {font-size:20px;}
.list-item .list-item-price .btn {text-transform:uppercase;}

@media (max-width: 991px) {
	.list-item-price {border-top:1px solid #ddd;}
} 

@media (min-width: 992px) {
	.list-item-description {border-right:1px solid #ddd; border-left:1px solid #ddd;}
}


/* SIDEBAR */

/* Pagina risultati ricerca */
.well > h3 {margin:0;}
#filtri button.btn-link {text-align:left; padding:5px 0;}
#filtri hr {margin-top:5px; margin-bottom:5px;}


/* Utente loggato */
.logged-sidebar .logged-avatar { width: 50%; margin-left: 25%; margin-right: 25%; }

@media (min-width: 768px) {
	.logged-sidebar {margin-top:45px;}
	.logged-sidebar .logged-avatar {margin-top:-45px;}
}


/* STEP PRENOTAZIONE */
.panel .page-header {margin-top:20px;}
@media (max-width: 1199px) {
		#step-prenotazione a.btn > strong {display:block;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#step-prenotazione a.btn > strong {font-size:14px;}
}
@media (min-width: 768px) and (max-width: 991px) {
	#step-prenotazione a.btn > strong {font-size:12px; text-transform:none;}
}
@media (max-width: 767px) {
	#step-prenotazione a.btn > strong {font-size:9px; text-transform:none;}
}

.btn-primary:hover,.btn-default:hover { color:#FEC900; }
.text-info, .text-success { color: #FF6600; }