/************************************************ STILI DI BASE ************************************************/

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

body {
    font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 400;
	background-color: #fff;
	text-align: left;
}

.titolo-slogan {
	font-family: "Montserrat", sans-serif;
	color: #444;
	font-size: 43px;
	font-weight: 400;
}

.testo-misura23 {
	font-family: "Montserrat", sans-serif;
	color: #444;
	font-size: 23px;
	font-weight: 600;
	line-height: 25px;
}

.testo-misura26 {
	font-family: "Montserrat", sans-serif;
	color: #444;
	font-size: 26px;
	font-weight: 600;
	line-height: 25px;
}


.testo-misura16 {
	font-family: "Montserrat", sans-serif;
	color: #444;
	font-size: 16px;
	font-weight: 400;
	line-height: 25px;
}

.testo-misura16-rosso {
	font-family: "Montserrat", sans-serif;
	color:#D60000;
	font-size: 16px;
	font-weight: 600;
	line-height: 25px;
}

p.small {
    line-height: 80%;
}

p.big {
    line-height: 200%;
}

.padding-0{
    padding-right:0;
    padding-left:0;
}

 .well {
        
        background-color:#fff;
	 border-style: solid;
    border-width: 2px;
	 border-radius: 0px;
	 border-color: red;
        }

/*! menu navigazione */


.navbar-default .nav {
    padding: 15px 0;
}

.navbar-default .navbar-brand {
    padding: 0 15px;
}

@media(min-width:768px) {
    body {
        padding-top: 0px; /* Required padding for .navbar-fixed-top. Change if height of navigation changes. */
    }

    .navbar-default .navbar-brand {
        padding: 15px 0;
    }
}

.dropdown-menu li{       /* dimensione del font nel dropdown. */
   font-family: 'Montserrat', sans-serif;
   font-size: 16px;
}

#margine-menu{
   margin-top: 18px;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    font-family: 'Montserrat', sans-serif;
	font-size: 16px; /* dimensione del font nel menu principale. */
	font-weight: 500;
    background-color: rgba(255, 255, 255, 1);
    border-width: 0px;
    border-radius: 0px;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    color: rgba(119, 119, 119, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    color: rgba(214, 0, 0, 1);
    background-color: rgba(255, 255, 255, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
	color: rgba(255, 255, 255, 1);
    background-color: rgba(214, 0, 0, 1);
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #fff;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #d60000;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #d60000;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}


/************************************************ FOOTER ************************************************/

.footer-basic-centered{
	background-color: #292c2f;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	font: normal 18px sans-serif;
	padding: 45px;
	margin-top: 80px;
}

.footer-basic-centered .footer-company-motto{
	font-family: "Montserrat", sans-serif;
	color: #8d9093;
	font-size: 24px;
	margin: 0;
	font-weight: 400;
}

.footer-basic-centered .footer-company-name{
	color:  #8f9296;
	font-size: 14px;
	margin: 0;
}

.footer-basic-centered .footer-links{
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
	list-style: none;
	color: #ccc;
	padding: 35px 0 23px;
	margin: 0;
	font-size: 18px;
}

.footer-basic-centered .footer-links a{
	display:inline-block;
	text-decoration: none;
	color: inherit;
}

/* If you don't want the footer to be responsive, remove these media queries */

@media (max-width: 600px) {

	.footer-basic-centered{
		padding: 35px;
	}

	.footer-basic-centered .footer-company-motto{
		font-size: 18px;
	}

	.footer-basic-centered .footer-company-name{
		font-size: 12px;
	}

	.footer-basic-centered .footer-links{
		font-size: 14px;
		padding: 25px 0 20px;
	}

	.footer-basic-centered .footer-links a{
		line-height: 1.8;
	}
}

/************************************************ IMG OVERLAY ************************************************/

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay-testo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: darkred;
}

.applica-overlay  {
}

.applica-overlay:hover .overlay-testo {
  opacity: 0.9;
}

.text {
	font-family: "Montserrat", sans-serif;
	color: #C5C1C6;
	font-size: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	font-weight: 300;
}

/************************************************ TOPBAR ************************************************/

#top-bar {
	/* MARGINE PRIMA CHE INIZI LA SEZIONE */
	margin-top: 30px;
	margin-bottom: 40px;	
}

/************************************************ ELENCO SERVIZI ************************************************/

#servizi {
	/* MARGINE PRIMA CHE INIZI LA SEZIONE */
	margin-top: 45px;
}

.elenco-servizi  {
	font-size: 50px;
	font-weight: 500;
	color: #222;
	font-family: "Montserrat", sans-serif;
}

.elenco-servizi a:hover {
	color: #70D448;
	text-decoration: none;	
}

/************************************************ SPAZIATURE ************************************************/

.spazio1 {
    margin-top: 10px; 
}

.spazio15 {
    margin-top: 15px; 
}

.spazio2 {
    margin-top: 20px; 
}

.spazio25 {
    margin-top: 25px; 
}

.spazio3 {
    margin-top: 30px; 
}

.spazio35 {
    margin-top: 35px; 
}

.spazio4 {
    margin-top: 40px; 
}

.spazio45 {
    margin-top: 45px; 
}

.spazio5 {
    margin-top: 50px; 
}

.spazio6 {
    margin-top: 60px; 
}

.spazio7 {
    margin-top: 70px; 
}

.spazio8 {
    margin-top: 80px; 
}

.spazio9 {
    margin-top: 90px; 
}

/************************************************ OVERLAY ************************************************/

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 1);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-icona  {
	font-size: 40px;
	cursor: pointer;
	font-weight: 700;
	color: #0D3E66;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/************************************************ PRELOAD ************************************************/

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #0D3E66;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 0s;
  animation-name: animatebottom;
  animation-duration: 0s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}