/** GoTema 6 Material w3css Design by Goowai **/

/** FONT **/
/** @import url('https://fonts.googleapis.com/css?family=Oswald'); **/

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

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap');


/** Personalizzazione font **/

body {font-family: 'Montserrat', sans-serif; font-size: 16px; background-color: #c8cacc;}

h1{font-family: 'Montserrat', sans-serif; font-size: 2.4vw; font-weight:500; color:#111; line-height: 100%;}
h2{font-family: 'Montserrat', sans-serif; font-size: 1.8vw; font-weight:400; color:#9ea4a8; line-height: 100%;}
h3{font-family: 'Montserrat', sans-serif; font-size: 3vw; font-weight:400; color:#9ea4a8; line-height: 100%;}
h4{font-family: 'Montserrat', sans-serif; font-size: 2.2vw; font-weight:700; color:#9ea4a8; line-height: 100%;}
h5{font-family: 'Montserrat', sans-serif; font-size: 2.2vw; font-weight:300; color:#111; line-height: 100%;}

nav li {font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 16px; text-transform:uppercase;}

/** font Mobile **/

@media only screen and (max-width: 480px) {
      h1 { font-size: 36px; }
      h2 { font-size: 26px; }
      h3 { font-size: 29px; }
      h4 { font-size: 26px; }
      h5 { font-size: 26px; }
    
    nav .w3-button {
        font-size: xx-large;}

}


/* Margini e responsive */
.w3-margin-bottom-50{margin-bottom: 50px;}

/*.ccm-layout-column{width: auto!important;}*/

/* FOOTER */

footer {

   left: 0;
   bottom: 0;
   width: 100%;
   background: linear-gradient(175deg,#19599a,#011d0d 280px);
   color: #FFFFFF!important;
   font-size: small;
        z-index: 1000;
}



/*TOP Menu*/
nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
 /* background-color: #333; */
}

nav li {
  float: left;
}

nav li a {
  display: block;
  color: #363636;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

nav li a:hover {
    color: #000;}

mobile ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
}

mobile li a {
  display: block;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

/* Immagine */
/*.img-responsive { width: 100%!important; height: auto!important;}*/

/* Colore personalizzato */

a {color: #0070c9; 
text-decoration: none; }

.nero45-BG {background: linear-gradient(195deg,#212121,#52687b 880px);}
.top-BG {background-color: #fff;}
.top-BG {
    
    padding-left: 10%!important;
    padding-right: 10%!important;
}

.principale {
    padding-top: 2%;
    margin-left: 10%;
    margin-right: 10%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 100px;
    background-color: #ececec;
	margin-top: 4px;
}
.topbanner {
    margin-left: 10%;
    margin-right: 10%;
}

@media only screen and (max-width: 480px) {
    .principale {
    padding-top: 5%;
    margin-left: 0%;
    margin-right: 0%;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 150px;
    background-color: #ececec;
}
.topbanner {
    margin-left: 0%;
    margin-right: 0%;
}
    
    .top-BG {
    
    padding-left: 0%!important;
    padding-right: 0%!important;
}
}

.w3-button:hover {
    color: #fff!important;
    background-color: #b1b1b100!important;
}
.menualto{
     padding-top: 1%;
    padding-bottom: 1%;
}

.pulsante-centro{
    margin-left: 45%!important;
    margin-right: auto!important;  
}
   
.w3-bar .w3-bar-item {
    padding: 18px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
}

.w3-text-white, .w3-hover-text-white:hover {
    color: #9E9E9E!important;
}