/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {font-family: 'Lobster', cursive;}
@font-face {font-family: 'Fira Sans Condensed', sans-serif;}
@font-face {font-family: 'Source Sans Pro', sans-serif;}
@font-face {font-family: 'Raleway', sans-serif;}

.lobster {font-family: 'Lobster'}
.fira {font-family: 'Fira Sans Condensed'}
.source {font-family: 'Source Sans Pro'}
.raleway {font-family: 'Raleway'}


.body-index {
	background-color: #FFF;
	background-image: url("../img/sfondo-sezione-grande-formato.jpg");
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-size: auto;
	font-family: 'Source Sans Pro';
	font-size: 17px;
}

.fixed-bg {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%; 
  width: 100%;
  color: white;
  display: table;
}

.bg-1 {
  background-image: url('../img/body-background-chisiamo.jpg');
}

.bg-2 {
  background-image: url('../img/body-background-grigio.jpg');
}

.bg-3 {
  background-image: url('../img/body-background-messaggio.jpg');
}

.sezione {
	background-color: #FFF;
	background-image: url("../img/sfondo-sezioni-servizi.jpg");
	background-position: top;
	background-attachment: inherit;
	background-repeat: no-repeat;
}

/*--i nostri servizi--*/

.card-header {
	background-color: rgba(255, 255, 255, 0.7);
}

.card {
	background-color: rgba(255, 255, 255, 0.2);
}

.btn-servizi {
	font-family: 'Raleway';
	font-size: larger;
	font-weight: 400;
	color: #173e89;
	background-color: transparent;
	-webkit-box-shadow: none!important;
   	outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
	transition: all 0.3s ease-out;
}

.btn-servizi:hover {
	font-family: 'Raleway';
	font-size: larger;
	font-weight: 600;
	color: #173e89;
	letter-spacing: 0.05em;
	background-color: transparent;
	-webkit-box-shadow: none!important;
   	outline: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
	transition: all 0.3s ease-out;
}

h2 {font-family: 'Raleway'; font-size: 2em; padding-bottom: 10px;}
h15 {font-family: 'Lobster'; font-size: 3em; padding-bottom: 10px;}

/*--navbar--*/

.nav-item {font-size: 16px; font-weight: 300; color:#666; font-family: 'Fira Sans Condensed'; transition: all 0.2s ease-out;} 

.nav-link, .dropdown-item {color: #666 !important;}
.nav-link:hover {color: #A0DD46 !important; transition: all 0.2s ease-out;}
.dropdown-item:hover {color: #A0DD46 !important; transition: all 0.2s ease-out;}

.dropdown-item {font-size: 13px; font-weight: 300; color:#666; font-family: 'Fira Sans Condensed'; transition: all 0.2s ease-out;}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
	margin-left: -13px;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
}

/*--testata sezioni--*/

.head-section {
  overflow: hidden;
  position: relative;
  padding: 70px 0 60px 0;
}

.head-section-2 {
  overflow: hidden;
  position: relative;
  padding: 70px 0 0 0;
}

/*--form scrivici--*/

form {
  font-family: 'Source Sans Pro';
}

label, input[type=text] {
  display: block;
  box-sizing: border-box;
  width: 100%;
}

textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 150px;
}

input[type=text], textarea {
  padding: 5px;
  border: 1px solid #CCC;
  border-radius: 3px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 10px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: #FFF;
  padding: 10px 20px;
  border: none;
  border-radius: 3px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

/*--hovereffect--*/

.hover {
  overflow: hidden;
  position: relative;
  padding-bottom: 60%;
}

.hover-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  transition: all 0.4s;
}

.hover img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}

.hover-content {
  position: relative;
  z-index: 99;
}

.hover-1 img {
  width: 105%;
  position: absolute;
  top: 0;
  left: -5%;
  transition: all 0.3s;
}

.hover-1-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 99;
  transition: all 0.4s;
}

.hover-1 .hover-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.hover-1-description {
  transform: translateY(0.5rem);
  transition: all 0.4s;
  opacity: 0;
}

.hover-1:hover .hover-1-content {
  bottom: 2rem;
}

.hover-1:hover .hover-1-description {
  opacity: 1;
  transform: none;
  padding: 5px 10px;
  background-color: #8fc73e;
}

.hover-1:hover img {
  left: 0;
}

.hover-1:hover .hover-overlay {
  opacity: 0;
}

.hover-6::after {
  content: '';
  width: 100%;
  height: 0px;
  background: #173e89;
  position: absolute;
  bottom: 0px;
  left: 0;
  display: block;
  transition: all 0.3s;
  z-index: 999;
}

.hover-6 .hover-overlay {
  background: rgba(20, 50, 110, 0.0.5);
}

.hover-6-title {
  position: absolute;
  bottom: 0rem;
  left: 0;
  transition: all 0.3s;
  padding: 0.2rem 0.5rem;
  z-index: 99;
  background-color: #8fc73e;
}

.hover-6-title span {
  transition: all 0.4s;
  opacity: 0;
  color: #47c650;
}

.hover-6:hover .hover-overlay {
  background: rgba(20, 50, 110, 0.7);
}

.hover-6:hover .hover-6-title {
  bottom: 1.5rem;
}

.hover-6:hover .hover-6-title span {
  opacity: 1;
}

.hover-6:hover::after {
  bottom: 0;
}

/*--footer--*/

#footer {
	position: inherit;
	left: 0px;
	right: 0px;
  	bottom: 0px;
	background: #173e89;
	padding: 40px 0 40px 0;
}

#footer a {color:#909090;}
#footer a:hover {color:#8fc73e;}

#footer p {
    color: #FFF;
    font-size: 12px;
    font-family: 'Overpass';
	font-weight: 200;
    margin-bottom: 0;
}

/*--streetview--*/

#map {width:100%; height:500px;}

#street-view {
	background:#d8d8d8;
	padding-top:30px;
	padding-bottom:20px;
	text-align: center;
}

#street-view img {max-height: 96px; display: inline-block;}

/*--stili--*/

.testo-blu {
	color: #173e89;
	text-align: center;
}

.testo-rosso {
	color: #FF0000;
	text-align: center;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
}

.testo-ver {color: #8fc73e;}

.testo-ver-l {color: #A0DD46;}

.testo-bor {border-bottom: 1px solid #8fc73e;}
	
.testo-ombra {text-shadow: 1px 1px 1px #000;}

.W100 {font-weight:100;}

.W200 {font-weight:200;}

.W300 {font-weight:300;}

.W400 {font-weight:400;}

.W500 {font-weight:500;}

.W600 {font-weight:600;}

.W700 {font-weight:700;}

.W800 {font-weight:800;}

.W900 {font-weight:900;}

.testo-13 {font-size: 13px;}

.testo-14 {font-size: 14px;}

.testo-15 {font-size: 15px;}

.testo-16 {font-size: 16px;}

.testo-17 {font-size: 17px;}

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

.testo-19 {font-size: 19px;}

.testo-20 {font-size: 20px;}