@import 'https://backendcdn.vivaticket.it/fonts/ducati-font/ducati.css';



/** css per header con grafica ducati **/


#top-nav {
   height: 25px; 
}



#header {
  position: relative;
  -webkit-box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  background-color: #fafafa;
  border-radius: 4px;
  max-width: 1125px;
  margin: 15px;
  height: 75px;
  padding: 15px;
}
      @media ( min-width : 768px) {
        #header {
          height: 90px;
          margin-right: 30px;
        }
      }

      @media ( min-width : 992px) {
        #header {
          height: 90px;
          border-radius: 2px;
          margin: auto;
        }
      }

 

.header-mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.header-mobile .flex-sx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;

  height: 100%;
}

.menu-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, -webkit-transform .3s;
  transition: transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s, -webkit-transform .3s;
}


.main-header__wrapper--full-bg  {
  background: #fff !important;  
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2) !important;
}



/* Extra small devices (750px) */
img.logoDucati {
  height: 55px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
      /* Extra small devices (phones, less than 768px) */
      @media ( min-width : @screen-xs-min) {
        img.logoDucati {
          height: 60px;
        }
      }
      @media ( min-width : @screen-sm-min) {
        img.logoDucati {
          height: 70px;
        }
      }  
      
      @media ( min-width : @screen-md-min) {
        img.logoDucati {
          height: 80px;
        }
      }  


      

/** fine css header **/





*. *:before, *:after  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body {
	margin: 0; 
  background-color: #FFF;
	font-family: 'DucatiStyle_Rg';
  font-style: normal;
  font-weight: 400;
  font-size: 14px; 
  line-height: 1.42857143; 
  color: #000;
}

.page-content {
	margin: 0 auto;
	padding-left: 15px; padding-right: 15px;
	max-width: 680px; 
}

.logo {text-align: right; }
@media screen and (max-width: 767px) { 
  .logo {text-align: center; }
}

.logo-left {text-align: left; }
@media screen and (max-width: 767px) { 
  .logo-left {text-align: center; }
}

.logo-header { text-align: center; }
.logo-footer { width: 200px; }

p {	margin: 0 0 5px; }
a:link, a:hover, a:visited, a:active {text-decoration:none; color:#575757; font-weight:bold; }

table {	border-collapse: collapse; border-spacing: 0px; }
.payment { width: 100%; max-width: 100%; margin-bottom: 20px; }
.prezzi { float: right }
th, td {
	padding: 4px;
	line-height: 1.3;
	vertical-align: top;
	height: auto; overflow: hidden;
}
td.spacing { padding: 0; line-height: 1;}

/* Devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.payment>tbody>tr>th:first-child,
	.payment>tbody>tr>td:first-child { width: 38%; }
}

.td-img { padding: 0px; line-height: 1px; height: auto; }
@media screen and (max-width: 767px) {
	.page-content .td-img { line-height: 10px; height: 10px;}
}

.barra_grigia { 
	background-image: url(../images/barra_grigia.gif); 
	line-height: 22px;
}

.bg-payment  { background: #f0f0f0; }
.bg-data     { background: #e1e1e1; }
.bg-title    { background: #c5c5c5; }
.bg-danger   { background: #eddbe2; border: 1px solid  #950828; }
.bg-headline { background: #950828; }

.title, .sub-title { font-weight: bold;	vertical-align: top; }

.highlight { color: #950828 !important; }
a.highlight {text-decoration: underline; }

/* Devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	.title, .sub-title { padding-left: 65px; text-align: left; }
	.data { padding-right: 65px; text-align: right; }
}
@media screen and (max-width: 767px) {
	.payment>tbody>tr {display: block; padding: 5px; }
	.payment>tbody>tr>td {display: block}
}

.text-left {text-align: left; }
.text-center {text-align: center; }
.text-right {text-align: right; }
.text-justify {text-align: justify; }
.nowrap { white-space: nowrap; }
.small {font-size: 16px; }


label {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	vertical-align: middle;
	cursor: pointer;
}

label input[type="radio"] { position: absolute;	margin-left: -20px; }

.pagamenti img { margin-right: 7px; vertical-align: middle }
.pagamenti div { display: inline-block; vertical-align: middle; width: 68%; }

.allow-overflow { overflow: visible; }

.error-descr{
	font-size:13px;
	font-weight:bold;
	padding:1em;
	color: #950828;
}

.error-box {
	width:70%;
	margin:1em auto;
	border: 1px solid;
	padding-left: 40px;
	border-color: #CCC;
	background: #ffffff url(/images/msgBadBg.png) no-repeat top left;
}

.vivaBottom { text-align: center; font-size: 15px; font-weight: bold; padding: 10px; vertical-align: middle }
.vivaBottom img {vertical-align: middle}

.visible-xs { display: none !important; }
@media screen and (max-width: 767px) {
    .visible-xs { display:block !important; }
    table.visible-xs { display: table !important; }
    tr.visible-xs { display: table-row !important; }
    th.visible-xs,td.visible-xs { display: table-cell !important; }
}

@media screen and (max-width: 767px) {
    .hidden-xs { display:none !important; }
}

.bold { font-weight: bold; }

.app-btn { height: 30px; }

/* Credit cards logos */

.cc-logos div {
  padding:0.5ex;
  background-color:white;
  display:inline-block;
}
    
.cc-logos img {
  margin: 0px;
  height: 35px;
  display: inline-block;
}

/* Satispay */

.satispay-color { color: #f94c43 !important; }
a.satispay-color { text-decoration: underline; }

.mobile_phone_box {
  width: 74%;
  min-width: 240px;
  background-color: #ffffff;
  display:inline-block;
}

#mobile_phone_ipt {
  border: none;
  height: 3ex;
}

#mobile_phone_btn {
  border: none;
  border-top-right-radius: 0.6ex;
  border-bottom-right-radius: 0.6ex;
  height: 3ex;
  width: 24%;
  background-color: #f94c43;
  color: #ffffff;
  font-weight: bold;
}

/* 18App */

._18app-color { color: #2064af !important; }
a._18app-color { text-decoration: underline; }

#_18app_voucher_ipt {
  border: none;
  height: 3ex;
  width: 74%;
  min-width:240px;
}

#_18app_voucher_btn {
  border: none;
  border-top-right-radius: 0.6ex;
  border-bottom-right-radius: 0.6ex;
  height: 3ex;
  width: 24%;
  background-color: #2064af;
  color: #ffffff;
  font-weight: bold;
}

.bonusc_buy_btn {
  border: none;
  border-top-right-radius: 0.6ex;
  border-bottom-right-radius: 0.6ex;
  height: 3ex;
  width: 24%;
  background-color: #2064af;
  color: #ffffff;
  font-weight: bold;
}

.gsp-img-btn {
  border-radius: 8px;
  border: 2px solid #00a0de;
  height: 32px;
}

.gsp-pay-mod {
  border: 1px solid #00a0de;
  background-color: #e5e5da;
}

.gsp-pay-mod img {
  height: 32px;
}


.background-payment-options {
 
}

.border-dark {
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2) !important;
}

.border {
  border: transparent !important;
}

.shadow-sm {
   box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2) !important;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: 'DucatiStyle_Rg';
  font-style: normal;
  font-weight: 400;
}