/* @override
	https://test.compart-multimedia.com/myMobilityPass/css/stile-108.css?* 

 */
 
:root {
   --wb-black: black;
   --celeste: #00adef;
   --celestehover: #014880;
   --primaryblue: #0078d6;
   --bs-body-color: #767676;
   --gray7: rgb(187, 187, 187);
}
 
 .grey7 {
 	color: var(--gray7);
 }
 
@font-face {
    font-family: MBCorpo Text;
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    src: url(fonts/MBCorpoSText-Regular-Web.woff2) format("woff2")
}

@font-face {
    font-family: MBCorpo Text;
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src: url(fonts/MBCorpoSText-Bold-Web.woff2) format("woff2")
}
 
 
 
 
@font-face {
    font-family: 'MBCorpoATitleCond-Regular-Web';
    font-display: swap;
    font-style: normal;
    font-weight: 400;
    src: url("fonts/MBCorpoATitleCond-Regular-Web.woff2") format("woff2"), url("fonts/MBCorpoATitleCond-Regular-Web.woff") format("woff")
}




@font-face {
    font-family: 'MBCorpoSTextSemiCond-Light-Web';
    font-display: swap;
    src: url("fonts/MBCorpoSTextSemiCond-Light-Web.woff2") format("woff2"), url("fonts/MBCorpoSTextSemiCond-Light-Web.woff") format("woff")
}

@font-face {
    font-family: 'MBCorpoSTitle-Regular-Web';
    font-display: swap;
    src: url("fonts/MBCorpoSTitle-Regular-Web.woff2") format("woff2"), url("fonts/MBCorpoSTitle-Regular-Web.woff") format("woff")
}

@font-face {
    font-family: 'MBCorpoSText-Regular-Web';
    font-display: swap;
    src: url("fonts/MBCorpoSText-Regular-Web.woff2") format("woff2"), url("fonts/MBCorpoSText-Regular-Web.woff") format("woff")
}

@font-face {
    font-family: 'MBCorpoSText-Bold-Web';
    font-display: swap;
    src: url("fonts/MBCorpoSText-Bold-Web.woff2") format("woff2"), url("fonts/MBCorpoSText-Bold-Web.woff") format("woff")
}

@font-face {
    font-family: 'DaimlerCAC-Regular';
    font-display: swap;
    src: url("fonts/DaimlerCAC-Regular.eot");
    src: url("fonts/DaimlerCAC-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/DaimlerCAC-Regular.woff2") format("woff2"), url("fonts/DaimlerCAC-Regular.woff") format("woff"), url("fonts/DaimlerCAC-Regular.ttf") format("truetype"), url("fonts/DaimlerCAC-Regular.svg#DaimlerCAC-Regular") format("svg")
}

@font-face {
    font-family: 'DaimlerCS-Light';
    font-display: swap;
    src: url("fonts/DaimlerCS-Light.eot");
    src: url("fonts/DaimlerCS-Light.eot?#iefix") format("embedded-opentype"), url("fonts/DaimlerCS-Light.woff2") format("woff2"), url("fonts/DaimlerCS-Light.woff") format("woff"), url("fonts/DaimlerCS-Light.ttf") format("truetype"), url("fonts/DaimlerCS-Light.svg#DaimlerCS-Light") format("svg")
}

@font-face {
    font-family: 'DaimlerCS-Regular';
    font-display: swap;
    src: url("fonts/DaimlerCS-Regular.eot");
    src: url("fonts/DaimlerCS-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/DaimlerCS-Regular.woff2") format("woff2"), url("fonts/DaimlerCS-Regular.woff") format("woff"), url("fonts/DaimlerCS-Regular.ttf") format("truetype"), url("fonts/DaimlerCS-Regular.svg#DaimlerCS-Regular") format("svg")
}

@font-face {
    font-family: 'DaimlerCS-Demi';
    font-display: swap;
    src: url("fonts/DaimlerCS-Demi.eot");
    src: url("fonts/DaimlerCS-Demi.eot?#iefix") format("embedded-opentype"), url("fonts/DaimlerCS-Demi.woff2") format("woff2"), url("fonts/DaimlerCS-Demi.woff") format("woff"), url("fonts/DaimlerCS-Demi.ttf") format("truetype"), url("fonts/DaimlerCS-Demi.svg#DaimlerCS-Demi") format("svg")
}


 
.pre-head {
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
}
 
.carousel-item {
background-color: black;
text-align: right;
}



 
.gradient {
	width: 100%;
	height: 100%;
	display: block;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	background: linear-gradient(90deg, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 50%);
}


 .gamma-tit {
 	-webkit-font-smoothing: antialiased;
	border-bottom: 1px solid #e8e8e8;
	color: #767676;
	font: inherit;
	font-family: "MBCorpo Text","DaimlerCS-Regular","DaimlerCSArab-Regular",sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	height: auto;
	line-height: 1.5rem;
	padding: 16px 0;
	transform: none;
 }
 
 h6 {
 font-weight: bold;
 }
 
 .bg-black form a:link, .bg-black form  a:visited {
	color: var(--celeste);
}

body {
	width: 100%;
	background: white;
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-family: 'MBCorpo Text';
    font-display: swap;
	font-weight: 400;
	color: var(--bs-body-color);
		-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

.accordion-button {
font-size: 1.125rem;
}

.offerta p {
	line-height: 120%!important;
}

p.lead {
	font-size: 20px;
	line-height: 140%;
}

.bg-black {
	background-color: black;
}

#carouselhead {
	text-align: center;
}


.offerta {
	color: white;
}

.sliders_calc {
	color: white;
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
}

.head {
	padding: 15px 30px 0;
}

.titolo {
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;
	font-family: "MBCorpoSTitle-Regular-Web","DaimlerCS-Regular",Helvetica,Arial,sans-serif;
}

.text-range {
	font: bold 14px Arial, Helvetica, Geneva, sans-serif;	
}

.blocco_slider {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding-top: 15px;
	padding-bottom: 15px;
}

.fakeslider {
	width: 100%;
	height: 5px;
	background-color: var(--celeste);
	margin-bottom: 20px;
}



.celeste {
	color: var(--celeste);
}
.checkmb {
	padding: 5px 15px 6px!important;	
}

li {
	margin-bottom: 15px;
}

.btn-primary {
	border-radius: 2px;
	padding: 15px 31px;	
	border: 1px solid var(--primaryblue);
	background-color: var(--primaryblue);
	font: bold 16px "Arial", DaimlerCS-Regular, DaimlerCSArab-Regular, sans-serif;;
}
.btn-primary:hover {
	transition: background-color .3s ease-in-out;
	background-color: var(--celestehover);
}

btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle {
background-color: var(--celestehover);
}

.accordion-item:first-of-type .accordion-button {
	border-top: 1px solid #e6e6e6;
}
.accordion-last {
	border-bottom: 1px solid #e6e6e6;
}

div.card:hover span.teaser_link {
	color: var(--celeste);
	text-decoration: none;
}

a.teaser_link:link, a.teaser_link:visited {
	color: white;
}

a.teaser_link:hover, a.teaser_link:active {
	text-decoration: none;

}

span.teaser_link {
	position: absolute;
	bottom: 20px;
}
h1,h2 {
	font-family: "MBCorpoATitleCond-Regular-Web","DaimlerCAC-Regular",Helvetica,Arial,sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	color: #333;
	font-size: 48px;
	-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
}

h2 {
	font-size: 32px;
}

.legal {
	margin-bottom: 150px;
}

.legal h1 {
	margin-bottom: 30px;
}

.legal h5 {
	margin-bottom: 15px;
	font-weight: bold;
	margin-top: 50px;
	color: #1e1e1e;
}

.legal mark {
	background-color: transparent;
	color: black;
	text-decoration: underline;
}

.carousel-item h1 {
	font-size: 4rem;
}

.h1offerta {
	font-size: 2.5vw;
}

header {
	background-color: black;
	padding-top: 15px;
	padding-bottom: 15px;
	vertical-align: baseline;
}



a.modeling_intro img:hover {
	-webkit-animation: fade-out 0.3s ease-out both;
	        animation: fade-out 0.3s ease-out both;
}
@media (max-width: 400px) {

img.header-logo-image {
	width: 30px!important;
}
img.header-mmp-image {
	width: 110px!important;
}
}
@media (min-width: 401px) and (max-width: 460px) {

img.header-logo-image {
	width: 40px!important;
}
img.header-mmp-image {
	width: 130px!important;
}

 }
 
 @media (min-width: 461px) and (max-width:992px) {
img.header-logo-image {
	width: 44px!important;
}
img.header-mmp-image {
	width: 150px!important;
}}
@media (min-width: 993px) and (max-width: 1399px) {
img.header-logo-image {
	width: 54px!important;
}
img.header-mmp-image {
	width: 160px!important;
}}
@media (min-width: 1400px) {
img.header-logo-image {
	width: 64px!important;
}
img.header-mmp-image {
	width: 180px!important;
}}
 
@keyframes fade-out {
  0% {
    opacity: 1;

  }
  100% {
    opacity: 0.5;
  }
}

@media (max-width: 460px) {
.carousel-item img {
max-width: 350px;
}
.navbar {
padding-top: 0;
padding-bottom: 0;
margin-left: 0;
}


 }

@media (max-width: 992px) {


h1.text-white {
	font-size: 5vw;
}

.gradient {
	opacity: 0;
	background: none;
}
.offerta {
	width: 100%;
	color: white;
	z-index: 9999;
	left: 0;
	position: relative;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: black;
	padding: 15px 15px 0;
}





.head {
	padding: 15px 15px 0;
}

.blocco_slider {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	padding: 15px 0;
	width: 100%;
}

}

@media (max-width:767px) {


.carousel-caption {
	position: static;
}
	
h1 {
	font-size: 36px;

}


}

@media (min-width:768px) {
	.carousel-caption {
	position: absolute;
	padding-top: 1.25rem;
	top: 15%;
	left: 8%;
}

.navbar {
	padding-top: 0;
	padding-bottom: 0;
	margin-left: -20px;
	}
}

@media (min-width: 992px) {

.separator {
	border-right: 1px solid gray;
}
.carousel-caption {
	position: absolute;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: center;	top: 15%;
	left: 8%;
}
.carousel-item {
/*max-height: 400px;*/
background-color: black;
text-align: right;
}

.carousel-item img {
max-width: 1330px;
width: 100%;
}
.carousel-inner-module {
	height: 400px;
}
}
@media (min-width: 992px) and (max-width: 1400px) {

h2 {
font-size: 30px;	
}

.badge {
font-size: 11px;	
width: 150px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}

@media (min-width: 1400px) {

h1,h2 {
	line-height: 4.5rem;
	}


.badge {
font-size: 13px;	
}

h1.h1offerta {
	font-size: 2.1vw!important;
}}

a.navbar-brand {
	padding: 0;
}

nav#brcrumbs {
	background-color: #e9eae9!important;
}

ol.breadcrumb {
	margin-bottom: 0;
	background-color: #e9eae9!important;
}

.searchfield {
	padding: 25px 0;
}

div.text-justify.offertabox img {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.linewhite {
	border-top: 1px solid rgb(56, 56, 56);
	margin-top: 10px;
}

ul.navbar-nav li {
	padding: 10px 10px 0 !important;
	margin-bottom: 0px!important;
}

ul.navbar-nav li.active {
	border-top: 1px solid #0078d6;
}



.breadcrumb-item {
	font-size: 12px;
	font-weight: bold;
}

.breadcrumb-item a:link, .breadcrumb-item a:visited {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.breadcrumb-item a:hover, .breadcrumb-item a:active {
	color: #0762cc !important;
	text-decoration: underline;
}




.navbar-nav li.active a {
	color: var(--celeste);
}

div.menumobile.visible-xs {
	position: absolute;
	right: 10px;
	top: 10px;
}


ul#toprightmenu {
	top: 15px;
	line-height: 10px;
	position: relative;
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
	border: 0;
	font-size: 11px;
}

ul#toprightmenu li {
	position: relative;
	list-style-type: none;
	float: left;
}

#toprightmenu li a:link, #toprightmenu li a:visited {
	height: 20px;
	float: left;
	display: block;
	padding: 7px 0 9px 35px;
	color: #FFF;
	font-size: 16px;
	margin-left: 40px;	
	font-family: arial, helvetica, verdana, "times new roman", sans-serif;
	line-height: 10px;
}



#toprightmenu li a.homevan {
	background: left center no-repeat transparent;
	background-image: url(../images/ico-home.png); 
	background-image: -webkit-image-set(url(../images/ico-home.png) 1x,
	   url(../images/ico-home_2x.png) 2x);
	background-image: -moz-image-set(url(../images/ico-home.png) 1x,
	   url(../images/ico-home_2x.png) 2x);
}


#toprightmenu li a.homevan:hover, #toprightmenu li a.homevan:active {
	color: var(--celeste);
	background: left center no-repeat transparent;
	background-image: url(../images/ico-home_hover.png); 
	background-image: -webkit-image-set(url(../images/ico-home_hover.png) 1x,
	   url(../images/ico-home_hover_2x.png) 2x);
	background-image: -moz-image-set(url(../images/ico-home_hover.png) 1x,
	   url(../images/ico-home_hover_2x.png) 2x);
}

#toprightmenu li a.contattitopmenu {
	background: left center no-repeat transparent;
	background-image: url(../images/ico-mail.png); 
	background-image: -webkit-image-set(url(../images/ico-mail.png) 1x,
	   url(../images/ico-mail_2x.png) 2x);
	background-image: -moz-image-set(url(../images/ico-mail.png) 1x,
	   url(../images/ico-mail_2x.png) 2x);
}

#toprightmenu li a.contattitopmenu:hover, #toprightmenu li a.contattitopmenu:active {
	color: var(--celeste);
	background: left center no-repeat transparent;
	background-image: url(../images/ico-mail_hover.png); 
	background-image: -webkit-image-set(url(../images/ico-mail_hover.png) 1x,
	   url(../images/ico-mail_hover_2x.png) 2x);
	background-image: -moz-image-set(url(../images/ico-mail_hover.png) 1x,
	   url(../images/ico-mail_hover_2x.png) 2x);
}

#phoca-dl-category-box a.btn, .text-white {
	color: white;
}

#formcontatti h2 {
	font-family: "Daimler-Corpo-AC";
}

.navbar-default {
	height: 80px;
	border:none;
	background-color: transparent;
	border-radius: 0px;
	z-index: 20;
	padding: 0;
}

.customwhiteboxhome {
	background: white;
	padding: 0 65px 30px;
	text-align: center;
	display: inline-block;
	width: 100%;
}

div.topbrand {
	margin-left: 10px;
	margin-top: 0;
	padding: 0;
}

#footer ul.footermenu {
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 0;
	list-style: none;
}

#footer ul.footermenu li {
	float: left;
	margin: 0;
	padding: 0 16px;
	line-height: 10px;
}
.notes {
	color: #767676;
	font-size: 14px;
}


#footer ul.footermenu li:last-of-type {
	border-right: none;
}

#footer ul.footermenu li a:link, #footer ul.footermenu li a:visited {
	color: #bbb;
	font-size: 16px;
	line-height: 1.5rem;
	text-decoration: none;
	padding: 0;
	margin: 0;
	border: 0;
}
#footer ul.footermenu li a:hover, #footer ul.footermenu li a:active {
	color: white;
	text-decoration: none;
	background-color: transparent;
}

#footer {
	background-color: black;
 	padding-bottom: 30px;
	padding-top: 40px;
}

.scale-down-center {
	-webkit-animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-down-center 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

::-webkit-input-placeholder {
  color: silver !important;
}

:-ms-input-placeholder {
  color: silver !important;
}

::placeholder {
  color: silver !important;
}

/* ----------------------------------------------
 * Generated by Animista on 2019-7-22 16:0:51
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-down-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-down-center {
  0% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}