/*
blu #0B3C5D
giallo #D9B310
azzurro #328CC1
*/
/* @import url('https://fonts.googleapis.com/css?family=Michroma|Prompt'); */
 @import url('https://fonts.googleapis.com/css?family=Michroma|Poppins');
.logo{font-family: 'Michroma', sans-serif; text-transform:uppercase; color:#0B3C5D !important}

body{font-family: 'Poppins', sans-serif; font-weight:400; color:#333; font-size:1.2em;}
a{text-decoration:none !important; outline:none !important}

/* ------------------------------- NAVBAR ----------------------------- */
.navbar-toggle{border-radius:0; margin-top:18px !important}
.navbar-toggle:hover{background:#328CC1 !important}
.icon-bar {background:#0B3C5D !important}
.navbar-collapse {border:0 !important}

.navbar {margin:0 !important; padding:0 !important; border:0 !important; background:#FFF !important}
.navbar-nav {margin:0 !important; padding:0 !important;}
#navigazione{margin:0 !important; padding:0 !important;}
.navbar-nav li {font-size:1.2em; text-transform:uppercase; margin:10px 0 0 0 !important; padding:0 !important; border-left:#328CC1 1px dotted}
.navbar-nav li:last-child{border-right:#328CC1 1px dotted}
.navbar-nav li a{font-weight:400; margin:0 !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;
	color:#0B3C5D !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; 
	color:#328CC1 !important;
	}

.navbar-nav li.active a{color:#ccc; }
.open > a {background-color:#efefef !important; color:#328CC1 !important}

.dropdown-menu{
	border-radius:0 !important; border:0 !important; box-shadow:none !important; background-color:#efefef; padding-top:20px; padding-bottom:20px;
}

.dropdown-menu li {font-size:0.9em; text-transform:uppercase; margin:0 6px !important; padding:6px 0 !important; border:0; border-bottom:#328CC1 1px dotted;}
.dropdown-menu li a {margin:0; padding:0}
.dropdown-menu li:last-child { border:none; }
.dropdown-menu li a:link, .dropdown-menu li a:visited {
	-webkit-transition: color 200ms ease-out 200ms;
    -moz-transition: color 200ms ease-out 200ms;
    -o-transition: color 200ms ease-out 200ms;
    transition: color 200ms ease-out 200ms; 
	color:#0B3C5D !important; background:none !important}
.dropdown-menu li a:hover { 
	-webkit-transition: color 200ms ease-out 200ms;
    -moz-transition: color 200ms ease-out 200ms;
    -o-transition: color 200ms ease-out 200ms;
    transition: color 200ms ease-out 200ms; 
	color:#328CC1 !important;
	background:none !important
	}

.dropdown-menu hr {
	border-top: 1px dotted #888888 !important; 
	border-bottom: 0 !important;
	margin:4px 20px 4px 20px;
}
li.active > a:link, li.active > a:visited, li.active > a:hover{background:#ff3333 !important; color:#FFF !important}

@media (max-width: 767px) {
	.navbar-nav li, .dropdown-menu li, .navbar-nav li:last-child {border:0}
	}
	
/* ------------------------------- fascia sotto ----------------------------- */
.fullwidth{width:100%; background:#0B3C5D; font-size:1.2em; color:#efefef; margin:16px 0 0 0 !important; padding:16px 0 12px; border-bottom:#328CC1 4px solid; letter-spacing:1pt}

 a.dark:link, a.dark:visited {
	-webkit-transition: color 200ms ease-out 200ms;
    -moz-transition: color 200ms ease-out 200ms;
    -o-transition: color 200ms ease-out 200ms;
    transition: color 200ms ease-out 200ms; 
	color:#fff !important; background:none !important}
a.dark:hover { 
	-webkit-transition: color 200ms ease-out 200ms;
    -moz-transition: color 200ms ease-out 200ms;
    -o-transition: color 200ms ease-out 200ms;
    transition: color 200ms ease-out 200ms; 
	color:#328CC1 !important;
	background:none !important
	}

.chain{width:100%; height:350px; background:url(../imgs/catenablu.jpg) no-repeat; background-position:center center; background-size:cover; border-bottom:#0B3C5D 1px solid; margin-bottom:80px}

.testo {font-size:1.2em}

.page-content{margin-top:80px}
.page-content h2 {font-size:2.2em; font-weight:400; margin-bottom:40px}
.colonna-dx img, .colonna-dx button {float:right}
.table-bordered td {text-align:right;}
.table-bordered th {font-weight:normal; background:#328CC1; color:#FFF;  text-transform:uppercase}
@media (max-width: 767px) {
	.table-bordered th {font-size:0.7em;}
	.table-bordered td {font-size:0.8em}
	.colonna-dx img, .colonna-dx button {float:left}
}

/* ------------------------------- footer ----------------------------- */

.foot {width:100%; background:#0B3C5D; border-top:#328CC1 4px solid; padding:40px 0 40px 0; margin-top:120px; color:#efefef; font-size:1em; letter-spacing:1pt}
.foot .logo {font-family: 'Michroma', sans-serif; font-size:0.8em; text-transform:uppercase; color:#efefef !important}
.subfoot{width:100%; background:#328CC1; color:#fff; text-align:center; padding:12px 0 12px 0}
.foot .rs{font-size:1.2em}
#map-canvas{min-height:450px; margin-bottom:80px; border-bottom:#328CC1 1px solid}

/* ----------------- 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 #328CC1 solid; background:#fafafa; font-size:1em; color:#333; 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 #328CC1 solid !important}

.errore{color:#ff0000;}
#esito{font-size: 1.2em; min-height:40px;}
#invio-messaggio{display:none; font-size: 1.3em; min-height:200px; text-align:center; color:#328CC1}

a.grey:link, a.grey:visited{
	text-decoration:none;
	font-size:1.1em;
	color:#0B3C5D;
	-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:#0B3C5D; color:#fff; 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:#328CC1; color:#fff;
	-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: #0B3C5D;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: #328CC1;
    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}