@import url('https://fonts.googleapis.com/css?family=Montserrat');
/* ORO #c0b283 */
/* BIANCO #f4f4f4 */
/* PIOMBO #373737 */
#preloader {
    position:fixed; 
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#373737; 
	background-color:rgba(55, 55, 55, 0.9);
    z-index:1000; 
}

#status {
    width:200px;
    height:200px;
    position:absolute;
    left:50%; /* centers the loading animation horizontally one the screen */
    top:50%; /* centers the loading animation vertically one the screen */
    background-image:url(../imgs/loader.gif); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:-100px 0 0 -100px; /* is width and height divided by two */
}

body {
  font-family: 'Montserrat', sans-serif;
  color:#333;
  background:#FFF
}
#fascia-header{width:100%; background:#373737}
a, button {text-decoration:none !important; outline:none !important}
.logo-header{margin: 20px auto 25px auto}
.centrato{margin:auto}
#fascia-menu{width:100%; background:#c0b283; border-bottom:#f4f4f4 7px solid}

.icon-bar {background:#373737 !important}
.navbar-toggle {background:none !important; border-radius:0 !important; border:0 !important}
nav.navbar, nav.navbar-default {margin:0 !important; padding:0 !important; border:0 !important; background:none !important;}
.navbar-nav {margin:0 !important; padding:0 !important;}

.navbar {
  min-height: 44px;
}

.navbar-brand {
	position: absolute;
    top: 0;
    left: 50%;
     -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
	text-align: center;
	padding:0 !important;
	margin:0 !important;
	z-index:10 !important
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 5px;
  padding: 9px 10px !important;
}

.navbar-nav li {font-size:1.1em; text-transform:uppercase; margin:0 !important; padding:0 !important;}
.navbar-nav li a{margin:0 !important; padding:12px !important;}
.navbar-nav li a:link, .navbar-nav li a:visited {
	-webkit-transition: color 200ms ease-out 100ms;
    -moz-transition: color 200ms ease-out 100ms;
    -o-transition: color 200ms ease-out 100ms;
    transition: color 200ms ease-out 100ms; 
	background-color:none !important;
	color:#373737 !important;}
.navbar-nav li a:hover { 
	-webkit-transition: color 200ms ease-out 100ms;
    -moz-transition: color 200ms ease-out 100ms;
    -o-transition: color 200ms ease-out 100ms;
    transition: color 200ms ease-out 100ms; 
	background-color:none !important;
	color:#f4f4f4 !important;
	}

.navbar-nav li.active a{color:#ccc; }

#fascia-slider{width:100%; background:#373737;}
.fascia { padding:40px 0 80px 0}
#fascia-azienda{width:100%; border-top:#373737 4px solid; background:#f4f4f4;}
#fascia-azienda .titolo-sezione {background:url(../imgs/M-grigio.png) no-repeat; background-position:center top}
#fascia-azienda .titolo-sezione h1 {padding:0 !important; margin:70px 0 40px 0; text-transform:uppercase; text-align:center; font-weight:normal; font-size:1.8em}

#fascia-cataloghi{width:100%; border-top:#c0b283 4px solid; background:#373737; color:#f4f4f4;}
#fascia-cataloghi .titolo-sezione {background:url(../imgs/M-bianco.png) no-repeat; background-position:center top}
#fascia-cataloghi .titolo-sezione h1 {padding:0 !important; margin:70px 0 40px 0; text-transform:uppercase; text-align:center; font-weight:normal; font-size:1.8em}

#fascia-contatti{width:100%; border-top:#f4f4f4 4px solid; background:#c0b283; color:#373737;}
#fascia-contatti .titolo-sezione {background:url(../imgs/M-grigio.png) no-repeat; background-position:center top}
#fascia-contatti .titolo-sezione h1 {padding:0 !important; margin:70px 0 40px 0; text-transform:uppercase; text-align:center; font-weight:normal; font-size:1.8em}

#pre-footer{width:100%; background:#FFF; overflow:visible; text-align:center}
.logo-footer{margin: -20px auto 30px auto}

#footer{width:100%; background:#f4f4f4; text-align:center; font-size:0.9em; padding:26px 0 26px 0}

/* ----------------- FORM ------------------ */
#modal-privacy{display:none; margin:50px 80px 50px 80px}

.gruppo-modulo{font-size:0.9em;}
.gruppo-modulo input[type="text"], .gruppo-modulo input[type="email"], .gruppo-modulo input[type="password"], .gruppo-modulo select, .gruppo-modulo textarea {
	 border: 1px #373737 solid; background:#f4f4f4; font-size:1em; color:#373737; border-radius:0 !important;
	}
.gruppo-modulo input[type="text"]:focus, .gruppo-modulo input[type="email"]:focus, .gruppo-modulo input[type="password"]:focus, .gruppo-modulo select:focus, .gruppo-modulo textarea:focus 
{box-shadow: 0 1px 1px rgba(68, 55, 47, 0.075) inset, 0 0 8px rgba(68, 55, 47, 0.6) !important; outline: 0 none !important;}
.gruppo-modulo textarea:focus {border: 1px #b9b4ab solid !important}

.errore{color:#ff0000;}
#esito{font-size: 1.1em; min-height:40px; font-weight:600}
a.grey:link, a.grey:visited{
	text-decoration:none;
	font-size:1.1em;
	color:#f4f4f4;
	-webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms; 
}

a.grey:hover {
	text-decoration:none;
	color:#373737;
	-webkit-transition: color 400ms ease-out 100ms;
    -moz-transition: color 400ms ease-out 100ms;
    -o-transition: color 400ms ease-out 100ms;
    transition: color 400ms ease-out 100ms; 
}
.btn-gen {background:#373737; color:#f4f4f4; padding:8px; border-radius:0 !important; text-transform:uppercase;
	-webkit-transition: background-color 400ms ease-out 100ms;
    -moz-transition: background-color 400ms ease-out 100ms;
    -o-transition: background-color 400ms ease-out 100ms;
    transition: background-color 400ms ease-out 100ms;
	}
.btn-gen:hover{background:#f4f4f4; color:#373737;
	-webkit-transition: background-color 400ms ease-out 100ms;
    -moz-transition: background-color 400ms ease-out 100ms;
    -o-transition: background-color 400ms ease-out 100ms;
    transition: background-color 400ms ease-out 100ms;
	}

.modal-chiudi{font-weight:300}
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0,0,0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(51,51,51);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: #000;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: #f4f4f4;
    left: 20px;
}

.g-recaptcha
{
	display: inline-block;
	-webkit-transform: scale(0.77);
     -moz-transform: scale(0.77);
      -ms-transform: scale(0.77);
       -o-transform: scale(0.77);
          transform: scale(0.77);
   -webkit-transform-origin: 0 0;
      -moz-transform-origin: 0 0;
       -ms-transform-origin: 0 0;
        -o-transform-origin: 0 0;
           transform-origin: 0 0;
}
#modal-privacy{display:none; margin:50px 20px 50px 20px}

.ico-collezione {
	max-width:300px;
	-webkit-transition: border-color 200ms ease-out 100ms;
    -moz-transition: border-color 200ms ease-out 100ms;
    -o-transition: border-color 200ms ease-out 100ms;
    transition: border-color 200ms ease-out 100ms; 
	background-color:none !important;
	border: 4px solid #373737 !important;}
.ico-collezione:hover { 
	-webkit-transition: border-color 200ms ease-out 100ms;
    -moz-transition: border-color 200ms ease-out 100ms;
    -o-transition: border-color 200ms ease-out 100ms;
    transition: border-color 200ms ease-out 100ms; 
	border-color:#c0b283 !important;
	}