/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */


@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');

@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700');

body {
font-family: 'Ubuntu', sans-serif;
font-size: 16px; 
color: #777777;
}

.h1 {
    font-family: 'Ubuntu', sans-serif;
    font-size: 30px;
    color: #454545;
    font-weight: 700;
        line-height: normal;
        text-align: center;
   }     

.h2  {
 font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    color: #454545;
    /* margin: 0px 0px 0px 0px; */
       /* padding-bottom: 22px; */
    font-weight: 400;
    line-height: normal;
    text-align: center!important;
}

h1 strong {
    font-family: 'Ubuntu', sans-serif;
    font-size: 30px;
    color: #454545;
    font-weight: 700;
        line-height: normal;
          text-align: center;
}


.h3  {
 font-family: 'Ubuntu', sans-serif;
    text-transform: uppercase;
    font-size: 22px;
    color: #454545;
    /* margin: 0px 0px 0px 0px; */
    padding-bottom: 20px;
    font-weight: 400;
    line-height: normal;
    text-align: center!important;
    }

.uk-accordion-title {
    margin-top: 0;
    margin-bottom: 20px;
    padding: 5px 20px;
    background: #f5f5f5;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    color: #777777;
    font-weight: 500;
    line-height: normal;
    text-align: left;
}

.uk-accordion-title:hover {
color: #ffffff;
	 background: #00b6e4;
	}
	
h3.uk-active {
color: #ffffff;
	 background: #00b6e4;
	}

.uk-accordion-title:focus {
color: #ffffff;
	 background: #00b6e4;
	}

p strong {
    color: #363945;
}

a {
    color: #4fb5e3;
    text-decoration: none;
}

.sfondo-blu {
background: #00b5e1;
}

.sfondo-blu h1{
        font-family: 'Ubuntu', sans-serif;
    font-size: 38px;
    color: white;
    text-align: center;
    margin: 20px 0px 20px 0px;
    font-weight: 500;
     }

.sfondo-grigio {
       background: #f5f8fb;
    padding: 80px 0px 80px 0px;
}

.sfondo-grigio p {
font-size: 20px;
line-height: 28px;
}

.sfondo-bianco {
   padding: 80px 0px 80px 0px;
}

#tm-bottom-e .sfondo-bianco a {
	    color: #ffffff;
    font-weight: bold;
    background: #f49f0b;
    padding: 10px;
    border-radius: 5px;
}

#tm-bottom-e .sfondo-bianco p {
	    font-size: 20px;
    line-height: 28px;
        padding: 0px 23px; 
}


.tm-bottom-b, .tm-bottom-c, .tm-bottom-f, .tm-bottom-g, .tm-bottom-d {
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}


.icona-contenuto {
    margin: 15px auto 0px auto;
    display: block;
}

.tm-bottom-d {
    text-align: center;
    margin-top: 0px!important;
}

.immagine-3step {
     margin: 0 auto 25px auto;
    display: block;
}

.titolo-3step {
 font-size: 25px;
 color: #454545;
}

.bottone-blu {
        background: #2439a4;
    padding: 20px 20px;
    font-size: 21px;
    color: white;
    border-radius: 4px;
    display: inline-block;
    margin-top: 52px;
}

.bottone-blu a {
font-weight: 400;
color: white;
}


.tm-footer {
    background: #efefef;
    padding: 45px 0px;
    margin-top: 0px!important;
    margin-bottom: 0px!important;
    font-size: 15px;
    line-height: 25px;
    color: #747474;
}

.tm-footer a {
    color: #45b7e6;
    font-weight: 700;
}

.tm-footer i {
       font-weight: 500;
    font-size: 17px;;
}

.info-contatti {
	line-height: 25px;
}

.info-contatti i {
       font-weight: 500;
    font-size: 17px;;
}


.tm-middle {
        padding: 50px 0px;
}

.uk-navbar {
	background: #ffffff;
}

.form-modulo1 {
    margin: 0px 0px 10px 0px;
}

.formControls .valuta-ora-button {
        color: #ffffff;
    background: #f49f0b;
       padding: 20px 0px;
       font-size: 21px;
    font-weight: 500;
}

 .rsform-block-marca, .rsform-block-modello, .rsform-block-carburante, .rsform-block-dati, .formBody {
    margin: 0px 0px 15px 0px;
    border-bottom: #454545;
    }

.bottone-home {
	display: block;
	    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
	background: #00b6e4;
	text-align: center;
	color: #ffffff;
	padding: 10px 25px;
    border-radius: 12px;
    text-decoration: none;
    margin-bottom: 50px!important;
        }

.bottone-home a:hover {
color: #ffffff;
background: #00b6e4;
text-decoration: none;
 }

 .bottone-home a:visited {
color: #ffffff;
background: #00b6e4;
text-decoration: none;
 }

  .bottone-home a:active  {
color: #ffffff;
background: #00b6e4;
text-decoration: none;
 }

.bottone-home a:focus {
color: #ffffff;
background: #00b6e4;
text-decoration: none;
 }

 .bottone-home a {
color: #ffffff;
text-decoration: none;
 }

 .uk-offcanvas-bar {
 	background: #f4f4f4!important;
 	text-transform: uppercase;
 }

.uk-nav-offcanvas > li > a{
color:#39a2c9;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a{
background:#d49019;
color:#fff;
}

/* override stili form -- inizio */

.uk-form input:not([class*='uk-form-width-']):not([class*='uk-width-']):not([type="radio"]):not([type="checkbox"]),
.uk-form select:not([class*='uk-form-width-']):not([class*='uk-width-']),
.uk-form textarea:not([class*='uk-form-width-']):not([class*='uk-width-']),
.uk-form-width-large {
    width: 100%;
}
form {
    margin: 0px;
}
.rsform-checkbox {
    margin-right: 5px!important;
}
.rsform-submit-button {
    width: 100%!important;
}
fieldset {
    border: none!important;
    padding: 0px!important;
    margin: 0px!important;
}
.uk-form-row + .uk-form-row{
margin-top:10px;
}
.uk-form-icon{
display:block;
}
div.formBody {
display: block;
float: none!important;
}

.rsform-block-accetto-privace{
text-align: right;
}
.rsform-block-new-reg{
text-align: left;
}
.rsform-error {
	border-color: #dc8d99 !important;
    background: #fff7f8 !important;
    color: #d85030 !important;
    font-weight: bold!important;
}
.uk-form-icon:not(.uk-form-icon-flip) > select {
    padding-left: 30px !important;
}
/* override stili form -- fine */

/* barra mobi -- inizio */
.barra-mobi {
position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    text-align: center;
}

.barra-mobi a {
    font-size: 12px!important;
    text-transform: uppercase;
    padding: 8px 6px 3px!important;
    display: block;
    color: #fff;
    font-weight: 400!important;
    text-decoration: none;
}

.barra-mobi a i {
    display: block;
    font-size: 20px;
    text-decoration: none;
}

.barra-mobi a.tele {
    background: rgba(73, 73, 68, 0.9);
    color: #fff;
}

.uk-icon-phone:before {
    content: "\f095";
}

.uk-icon-euro:before {
    content: "\f153";
}


.barra-mobi a.whats {
    background: rgba(49, 168, 27, 0.9);
}

.barra-mobi a.preno {
    background: rgba(255,105,37,.8);
}


#scrollToTop{
bottom:65px;
right:10px;
background:transparent;
border:1px solid #2e2e2e;
display:none;
}
#scrollToTop:hover{
background:#fff;
}

.uk-offcanvas-bar {
 	background: #f4f4f4!important;
 	text-transform: uppercase;
 }

.uk-nav-offcanvas > li > a{
color:#39a2c9;
}

html .uk-nav.uk-nav-offcanvas > li.uk-active > a{
background:#d49019;
color:#fff;
}
/* barra mobi -- fine */

.tm-leading-article .uk-article:last-child{
border-bottom:0;
}
.fumetto.uk-alert{
position: fixed;
bottom: 45px;
left: 45px;
width: 290px;
z-index:99;
background: #444;
color: #fff;
}
.fumetto ul.zoo-default{
padding-left:0;
list-style:none;
}


/*======= BARRA BLU MENU ======*/

.tm-headerbar {padding-bottom:25px;}

.wazz {margin-top:-40px;}

.wazz a { color:#454545; font-size:24px; text-decoration:none;}
.wazz a:before {    content: "\f232";
    font-family: "FontAwesome";
    margin-right: 10px;
    color: #20BD38;}


.blue-bar {background:#40B4E0; margin-top:0!important; padding:20px 0; color:#ffffff; vertical-align:middle;}

.blue-bar .link a {color:#ffffff; text-decoration:none; padding:10px 0; display:block;}


.blue-bar .arancio { background:#ECA11B; padding:10px 25px; border-radius: 12px; text-align:center;}

.blue-bar .arancio a {color:#ffffff; text-decoration:none;}

.tm-top-a .uk-panel {margin-top:0!Important}
.tm-bottom-d .uk-grid {margin-bottom: 0px!important;}
.tm-bottom-e .uk-grid {
    margin-top: 0px!important;
      margin-bottom: 0px!important;

    }
	
	
/*====== FORM CONTATTI =======*/

.contatti .rsform-block-invia input {background: #ECA11B;
    padding: 10px 25px;
  color:#ffffff; font-weight:bold;
    text-align: center; text-transform:uppercase; margin-top:20px;    width: 220px!important;}
	
.contatti .rsform-block-accetto-privace {font-size: 11px; text-align:left; padding-top:15px;}

.contatti .rsform-block-accetto-privace  a { color:#ECA11B; font-size: 13px; text-decoration: underline;}

.formControls {
font-size: 13px;
    text-decoration: underline;
    font-weight: 500;
}

.contatti .rsform-block-newsletter-5 {font-size: 11px; text-align:left; padding-top:15px;}

#load {
    position: absolute;
    background-color: #F7F7F7;
    width: 90%;
    height: 80%;
    z-index: 100;
    text-align: center;
}


/* MEDIA QUERY */

@media (min-width: 1200px){

}
@media (min-width: 960px) and (max-width: 1199px) {

 }
@media (min-width: 768px) and (max-width: 959px) {

.bottone-home {
	    display: block;
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
    background: #00b6e4;
    text-align: center;
    color: #ffffff;
    padding: 10px 10px;
    border-radius: 12px;
    text-decoration: none;
    margin-bottom: 50px!important;
        }

.uk-offcanvas-bar .uk-offcanvas-bar-show {
	background: #39a2c9;
	color: #ffffff;
}

.uk-nav.uk-nav-offcanvas a {
    background: #39a2c9;
    color: #ffffff;
}


 }
@media(max-width:767px){
#scrollToTop{
display:block;
}
.uk-navbar-toggle {
    width: 50px;
}
.blue-bar {text-align:center;}


.blue-bar .arancio {margin-left:15px;}

.h1 {font-size:18px;}
}