@charset "utf-8";
/* CSS Document */
/*@import "https://fonts.googleapis.com/css?family=Roboto:400,400i,700&display=swap";*/
/**/

/*================================== BOOT ===============================================*/
strong{ font-weight:700}
.shadow { box-shadow: 4px 4px 8px 0px rgba(0,0,0,.15) }
.alone { box-shadow: 0px 0px 10px 5px rgba(0,0,0,.15) }
.img-full{ width: 100%}
a{color:#ffdf1b}
/*================================== SITE ===============================================*/
#alert { position: fixed; z-index: 1000; font-size: 16px; color: #000; height: 100%; width: 100%; padding-top: 15%; line-height: 20px; background-color:rgba(0,0,0,.8) }
#alert .errori { background-color: #EBE9E2; width: 500px; position: relative; margin-right: auto; margin-left: auto; font-size: 14px; line-height: 20px; }
#alert .risposta { color: #FFF; background-color: #004A9A; padding: 10px; max-height: 400px; overflow: auto; }
#chiudi { display: block; text-decoration: none; color: #004A9A; font-family: "Arial Black", Gadget, sans-serif; font-size: 25px; text-align: right; background-color: #FFDE00; padding: 10px; font-weight: bold; }

.cmsForm{}
.cmsForm .error{ color:#FF9326; padding-left:10px; font-size:12px}
.giallo{ background-color:#fadd17;}
.rosso{background-color:#e4281c}
.bordo_rgt{ border-right-width: 1px; border-right-style: solid; border-right-color: #FFF; }
.bottone{ font-family:'Roboto Condensed'; text-align: center; font-size: 20px; padding-top: 25px; padding: 25px 0; }
.bottone a{color: #00417c;}
h1{ font-weight:700; font-family:'Roboto Condensed'}

.glass{ background-color:rgba(11,15,41,.8); padding:30px 30px; border-radius:5px;overflow: hidden}
.glass a{color: #ffdf1b!important;}
.topMenu{ position:absolute; top:0; right: 0; line-height:71px; z-index:10; margin:0; padding:0; max-width: 1140px; background-color:#00417c}
.topMenu li{ display:inline-block;}
.topMenu li a{ color:#FFF; text-decoration:none; display:block; padding:0 15px; font-size: 18px}
.topMenu li a:hover, .current{ background-color:#ffdf1b;color:#00417c!important}


#buono{ background-image: url(../img/background_goodyear.png); background-repeat: no-repeat; background-position: left top; padding: 120px 0 50px 0; color: #FFF; background-color: #00417c; }
.formgy label{ margin-bottom:3px; padding-left:10px; font-size: 15px}
.formgy .form_row { padding-top:20px}
.formgy .small{ font-size:12px}
.formgy .select,.formgy .input{ border-radius:15px; border:none; padding:5px 20px; color:#00417c; font-size: 18px}
.formgy .upload{color:#FFF}
.formgy .button,.btnSconto{ width: auto; margin-top:10px;border-radius:17px; border:none; background-color:#ffdf1b; font-size: 20px; color:#00417c; padding:3px 10px}
.formgy a{color:#ffdf1b}
a.btnSconto{color:#00417c!important;}
.select_box{ font-size:12px; padding:8px;color:#00417c; border-radius: 25px; border:none; font-family:Roboto; display: inline-block; width: auto}
#extra{ width:auto}
.ricerca{ font-size:14px }
.ricerca label{padding:5px 0}
.ricerca .form-control{ padding:5px 10px; font-size:18px}
.contenitoreMappa{ margin:0px -30px 0px -30px}
#map{ height:500px; width:100%; opacity:.95}
.rivenditori{ font-size: 12px; line-height: 16px; padding: 20px 0 }
.info{ width:250px; font-size:12px; color:#40100f}
.info h3{ font-size:16px!important}
.card-riv .card-text{
  font-size: 16px!important;
  padding: 8px 0;
}
.card-riv .btn{ width: inherit; height: inherit}
.card-riv .card-body{ padding:10px;}
.card-riv .card-title{ font-size:15px; font-style:italic; font-weight:700; height:35px; margin-bottom:5px}
.btnMap { font-size:16px}
.btnMap{padding:0 5px; color:#052847!important}
.card-riv .btn{padding:0 5px; color:#052847!important; cursor:pointer; line-height: 28px}
a.btn{color:#052847;}
.btnLogin{ border: none; background-image: url(../img/fraccia.png); background-repeat: no-repeat; height: 28px; width: 30px; background-color: transparent; position: absolute; z-index: 15; right: 10px; top:6px }
#utilizzoCoupon select{ font-size:13px!important; padding:5px}
.pneumatici{ display:none}
#invia{ display:none;}
.btnCerca{ margin-top:34px}

#elencoBuoni { margin-top:10px; width:100%}
#elencoBuoni th{ background-color:#00417c50; padding:10px}
#elencoBuoni td{ padding: 5px 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; font-size:15px }
#elencoBuoni td img{ display:inline; width:auto!important}
.upload-btn-wrapper {
  margin-top: 0px;
    position: relative;
  overflow: hidden;
  display: inline-block; 
}
.upload-btn-wrapper input[type=file] {
  font-size: 0px;
  position: absolute; width:50px; height:50px;
  left: 0;
  top: 0;
  opacity: 0;cursor:pointer;
}

@media (max-width: 500px) {
	.bordo_rgt{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF;border-right:none }
}

.hamburger{ position: absolute; z-index: 10; right: 15px; top:15px}
ul.menu{
  margin: 0;
  padding: 10px 20px 20px 20px;
  list-style-type: none;
  position: absolute;
  z-index: 5;
  width: 100%;
background-color: #004b9b; top:0px; display: none
  
}
.page-item{ display: inline-block; }
.page-item a{color:#0055a4;display: block;padding: 5px 8px;  }
.page-item a:hover, .active{ background-color:#0055a4;color:#FFF}
.active a{ color:#FFF}
.pagination{ margin:15px 0}
.page-item.active .page-link{ background-color: #00417c; border:none}
.page-item a:hover{border: none}
.paginate_button{border:none}
.page-link{border:none; color:#0055a4; background-color: #3491b7}
.page-item a:hover, .active {color:#FFF}
ul.menu li a{ color: #FFF; padding: 5px; display: block; font-size: 20px}