@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,500,600');
@import url("form.css");

body{ margin:0;}

#loader:after,#loader:before{content:"";position:absolute}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999999;background:#232323}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:fade 1s,spin 2s linear infinite;animation:fade 1s,spin 2s linear infinite}#loader:before{top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:fade 1s,spin 3s linear infinite;animation:fade 1s,spin 3s linear infinite}#loader:after{top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:fade 1s,spin 1.5s linear infinite;animation:fade 1s,spin 1.5s linear infinite}@keyframes fade{0%,60%{opacity:0}100%{opacity:1}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}

/* caratteri */
h1, h2, h3, h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; font-weight:700;}
h2 {font-size:30px !important;color:#e90000;text-shadow: none;}
.base-text{font-family: 'Raleway', sans-serif; font-size:13px; line-height:22px; }
.footer-text{font-family: 'Raleway', sans-serif; font-size:13px; line-height:22px;  color:#fff;}

.intro-mobile {padding:40px 15px; text-align:center;}

/* sezioni*/
section{ padding:50px 0; position:relative;}
.bg-green-1{ background:#bcdccd;}
.bg-green-2{ background:#e7f1eb;}
.bg-green-3{ background:#c33232;}

.svg-graphic{ position:absolute;  top:0; bottom:0; left:0; right:0; z-index:-1;}
.svg-animated{ position:relative; width:100%; z-index:-1; margin-bottom:-5px;}


.modulo{background: #dedede; padding: 15px 30px 30px 30px; border-radius: 20px; margin-top:15px;}

/* dimensionamento*/
.full-height{ height:100vh;  overflow:hidden;}
.full-screen{ height:100vh; width:100vw;}
.cutted{overflow:hidden;}

/* allineamenti */
.mb50{ margin-bottom:50px;}
.mt50{ margin-top:50px;}
.mb40{ margin-bottom:40px;}
.mt40{ margin-top:40px;}
.mb30{ margin-bottom:30px;}
.mt30{ margin-top:30px;}
.mt15{ margin-top:15px;}
.pt30{ padding-top:30px;}
.pb30{ padding-bottom:30px;}
.pd20{ padding:20px;}
.vertical-middle-wrapper {display: table; padding:0 !important;}
.vertical-middle{display: table-cell; vertical-align: middle;
}

/* btn */
.btn-custom {
    color: #fff;
    background-color: #c33232;
    background-color: #c33232;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 8px 12px;
	margin-bottom: 0;
	font-size: 16px;
	transition: all 0.5s ease;
}

.btn-custom:hover {
    color: #fff;
    background-color: #b32c2c;
    background-color: #b32c2c;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 8px 12px;
	margin-bottom: 0;
	font-size: 16px;
	transition: all 0.5s ease;
}

.btn-custom.btn-small {padding: 5px 7px; font-size: 14px;}
/* ----------------------------------------   */
.pannello{ position:fixed; left:10px; top:10px; width:200px; height:80px; background:#ffffff; display:none}


.nws-min{width:30%; float:left; position:relative; height:100%;}
.nws-text{width:65%; margin-left:5%; float:left; position:relative;}

/* menu */
#mainMenu{ position:fixed; right:0; top:0; z-index:10;/**/}
#mainMenu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #c33232;
}
#mainMenu  ul li {
  float: left;
}
#mainMenu  ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 17px;
  text-transform:uppercase;
  transition: all 0.5s ease;
}
#mainMenu ul li a:hover {
   background-color: #b32c2c;
   transition: all 0.5s ease;
}

h2{margin-top:0; }





/* animazioni */
#intro {  
  /* This section calls the slideInFromLeft animation we defined above */
  
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 15px;
  position:absolute; top:0; width:50%; right:30px;/* background:rgba(255,255,255,0.9);
  padding:30px;
  border-radius:20px;*/
}
#intro h2{animation: 0.75s ease-out 0s 1 slideInIntro;color: #fff;}


#intro h2:nth-child(1) { animation-delay: .2s }
#intro h2:nth-child(2) { animation-delay: .3s }
#intro h2:nth-child(3) { animation-delay: .4s }
#intro h2:nth-child(4) { animation-delay: .5s }
#intro h2:nth-child(5) { animation-delay: .6s }
#intro h2:nth-child(6) { animation-delay: .7s }
#intro h2:nth-child(7) { animation-delay: .8s }

.box p:first-child{margin-top:0;}
.box p:last-child{margin-bottom:0;}

.box {  
   position:absolute;   background:rgba(255,255,255,0.9);
  padding:30px;
  display:none;
  border-radius:20px;
  max-width: 350px;
}
.box p:first-child{margin-top:0;}
.box p:last-child{margin-bottom:0;}

.box.toDX{
  animation: 0.5s ease-out 0s 1 slideInFromLeft;
}

.box.toSX{
  animation: 0.5s ease-out 0s 1 slideInFromRight;
}

.box.toTOP{
  animation: 0.5s ease-out 0s 1 slideInFromBottom;
}

.featIcon { text-align:center; margin-top:50px;}
.featIcon h3 {margin:0; color: #e90000; font-size:20px}
.featIcon .icon{font-size:10em; color: #232323;}
.featIcon a:hover,.featIcon a:active, .featIcon a:visited, .featIcon a:link{ text-decoration:none; color:inherit;}

.featIcon:hover h3{color: #232323; }
.featIcon:hover .icon{color: #e90000; }

.logged{ background:url(../img/mobile_fasi.png); background-size:cover; padding:80px 0;}

/* menu mobile */
.navbar-inverse {
	background-color: #e90000 !important;
	border: none !important;
	margin-bottom:0 !important;
	border-radius:0;
}


.navbar-collapse .pullright{
	padding-right: 15px;
}

.navbar-collapse  .navbar-nav {
	margin-top: 0;
}

.navbar-inverse .navbar-nav > li > a {
		background-color: #inherit !important;
		color: #fff !important;
		border-bottom: inherit;
		font-family: 'Roboto Condensed', sans-serif;
		transition: all 0.5s ease;
	}
.navbar-inverse .navbar-nav > li > a:hover {
		background-color: #b32c2c !important;
		color: #fff !important;
		border-bottom: inherit;
		transition: all 0.5s ease;
}

@media (max-width: 999px) {
	.navbar-inverse .navbar-nav > li > a {
		background-color: #d4e3e0 !important;
		color: #232323 !important;
		border-bottom: 1px dotted #97c9c0;
		font-family: inherit;
	}
	.navbar-inverse .navbar-nav > li > a:hover {
		background-color: #b9d5cf !important;
		color: #232323 !important;
		border-bottom: 1px dotted #97c9c0;
	}
	.pull-right{float: none !important;}
}
.navbar-inverse .navbar-toggle {
	border-color: #d4e3e0 !important;
}


.img-responsive {
	width: 100%;
}




#chi-siamo .svg-graphic{background: url(../img/chi_siamo.svg);background-size:cover;background-position:left top;background-color: #E6AFAF;}
#chi-ci-ha-scelto .svg-graphic{background: url(../img/chi_ci_ha_scelto.svg); background-size:cover; background-position:right top;}
#contatti .svg-graphic{background: url(../img/contatti.svg); background-size:cover;  background-position:left top;}
#news .svg-graphic{background: url(../img/news.svg); background-size:cover; background-position:right top;}

.bg-fasi{position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/mobile_fasi.png); background-size:cover; z-index:-1;}

.cover {object-fit: cover; width:100%; height:100%;}

.mob-view{display:none;}
.desk-view{display:block;}
.slider{ width:96%; margin-left:2%;}	

@media (max-width: 999px) {

	.mob-view{display:block;}
	.desk-view{display:none;}
	
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

	
	#chi-siamo .svg-graphic{background: url(../img/mobile_chisiamo.png); background-size:cover; background-position:center top;}
	#chi-siamo {padding-top:140px;}
	#chi-ci-ha-scelto .svg-graphic{background: url(../img/chi_ci_ha_scelto.svg); background-size:cover; background-position:right top;}
	#contatti .svg-graphic{background: url(../img/contatti.svg); background-size:cover;  background-position:left top;}
	#news .svg-graphic{background: url(../img/news_mob.svg); background-size:cover; background-position:right top;}
	
		
	.footer img{width: 180px;margin-left: 0%;margin-bottom: 0px;}
	.footer{ text-align:center;}
	
	.body .img-responsive.grf{ width:60%; margin-left:20%;}
}

@keyframes slideInIntro {
  0% {transform: translateX(50%); opacity:0;}
  50% { opacity:1;}
  100% {transform: translateX(0); opacity:1;}
}
@keyframes slideInFromRight {
  0% {transform: translateX(50%);}
  100% {transform: translateX(0);}
}

@keyframes slideInFromLeft {
  0% {transform: translateX(-50%);}
  100% {transform: translateX(0);}
}

@keyframes slideInFromBottom {
  0% {transform: translateY(50%);}
  100% {transform: translateY(0);}
}

@media screen and (max-width: 768px) {
	h2{font-size:25px !important; margin-top:15px !important;}
	

}