@import 'https://fonts.googleapis.com/css?family=Roboto:400,700,900|Roboto+Condensed:400,700|Hind+Vadodara:400,700';

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body, html{ height:100%;
  min-height:100%;margin:0;}




/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;


}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-right: 0;
  padding-left: 0;
  
}
.navbar-wrapper .container>div{}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}

.navbar-fixed-top{margin-top:0px;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
 height:450px;
  overflow:hidden;

}
/* Since positioning the image, we need to help out the caption */

.carousel-caption {
  z-index: 10;
  background:transparent;
  text-shadow:none;
  color:#062938;
}

/*prova ele 03/07/14*/
*, *:before, *:after {
    padding: 0;
    margin:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#SliderFull .carousel-caption, #SliderOpen .carousel-caption {
    position: absolute;
    top: 0px;
    left: 0px;
	right:0;
    bottom: 0px;
    color: #171e1f;
   
}
.carousel-caption .contenuti{padding-top:2%;}

.carousel-caption img{padding:.8em;}
.carousel-caption h2{text-shadow:none;}

#SliderPage .carousel-caption{right:18vw; left:18vw; position:absolute;top:1vw;}
#SliderPage .carousel-caption .contenuti{padding-top:0;}
#SliderContatti .carousel-caption{right:18vw; left:18vw; position:absolute; bottom:0; top:10vw;}
#SliderContatti .carousel-caption .contenuti{padding-top:2%;}
/*fine prova*/


/* Declare heights because of positioning of img element */

.carousel .item, .carousel .item {
  height:450px;
  min-height:100%;
  overflow:hidden;
  background-color: transparent;
}
#headerPage .carousel .item{height:400px;}
#headerPage .caroulse-inner > .item > .img, .carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
 /* min-width: 100%;
 /*height: 100%;
  height:100vh*/
    max-width: inherit;
	/*height:100vh;*/
}
#headerPage .caroulse-inner > .item > .img{height:400px;}
.carousel-indicators{bottom:100px;}

.carousel-control.left, .carousel-control.right{z-index:11}
/*definiscono l'altezza del carousel*/
#SliderFull .carousel-inner{height:100vh; max-width:initial;}

#SliderPage .carousel-inner{height:600px; max-width:initial;}
#SliderPage{position:fixed}
#SliderPage + div{margin-top:600px;}
.page #SliderFull .carousel-inner div.item img, #SliderPage .carousel-inner div.item img{max-width:100%; height:auto;}
#SliderContatti .carousel-inner{height:400px;}
.page #SliderFull .carousel-inner,.parallax #SliderPage.realizzazioni .carousel-inner{height:500px;}


/* MARKETING CONTENT
-------------------------------------------------- */

/* Pad the edges of the mobile views a bit */
.marketing {
  padding-right: 15px;
  padding-left: 15px;
  margin:30px auto;
}

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4, .marketing .col-md-4, .marketing .col-xs-4, .marketing .col-sm-4, .marketing .col-lg-6, .marketing .col-md-6, .marketing .col-xs-6, .marketing .col-sm-6 {
  margin: 20px 0;
  text-align: center;
}
.marketing h2 {
  
}
.marketing .col-lg-4 p, .marketing .col-md-4 p, .marketing .col-xs-4 p, .marketing .col-sm-4 p, .marketing .col-lg-6 p, .marketing .col-md-6 p, .marketing .col-xs-6 p, .marketing .col-sm-6 p {
  margin-right: 10px;
  margin-left: 10px;
}

.marketing .col-lg-12{margin:20px 15px;}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/*Upgrade Carousel*/
/* Animation delays */
.carousel-caption h1 {
	-webkit-animation-delay: 0.8s;
	animation-delay: 0.8s;
}
.carousel-caption p {
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}


#SliderPage .carousel-caption h1 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
#SliderPage .carousel-caption p {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

/*Carousel fade*/
/* Fade transition for carousel items */
.carousel .item {
    left: 0 !important;

}
.item, .active.left,
.active.right {
left: 0 !important;
    opacity: 0;
    z-index: 2;
	      -webkit-transition: opacity 1s; 
         -moz-transition: opacity 1s;
           -o-transition: opacity 1s;
              transition: opacity 1s;
}

.active,.next.left,
.prev.right {
left: 0 !important;
    opacity: 1;
    z-index: 1;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/*fine carousel fade*/

/*aggiunte ele 16/06/14*/
/*immagini carousel*/

#SliderFull{height:100vh; overflow:hidden; width:100%;height: 100%;	}
#headerPage #SliderFull{margin-top:100px; height:300px}
#SliderFull .item {
	background: no-repeat; width: 100%; height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;}
#SliderFull.Slider_prodotti .item .nospace{height:100%;}	
#SliderFull.Slider_prodotti .item .row.nospace{background: #0d0d0d; /* Old browsers */
background: -moz-linear-gradient(top,  #0d0d0d 0%, #06435f 79%, #06435f 79%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #0d0d0d 0%,#06435f 79%,#06435f 79%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #0d0d0d 0%,#06435f 79%,#06435f 79%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d0d0d', endColorstr='#06435f',GradientType=0 ); /* IE6-9 */}
#SliderFull.Slider_prodotti .item .col-sm-6.nospace.testi{background:url(/images/righine.png) repeat;}
#SliderFull.Slider_prodotti .carousel-caption{padding-top:150px;}
#header{width:100%; /*07-08-14 eleheight:100vh;min-height:100%;height: 100% */}

.carousel-control.left, .carousel-control.right{background-image:none;}

#SliderFull p{font-family: 'Hind Vadodara', sans-serif; font-size:1.8em;}
#SliderFull.Slider_prodotti p{font-size:1em;}
#SliderFull.Slider_prodotti div.carousel-inner img{/*height:100%;*/}
#SliderFull.Slider_prodotti div.carousel-inner div.SliderImg{overflow:hidden;}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width:1601px){

#SliderFull .carousel-inner{height:100%;}

}

@media (min-width:1169px){
#headerPage .caroulse-inner > .item > .img, .carousel-inner > .item > img{/*height:100vh;*/width:auto;}
}

@media (min-width: 768px) {

  /* Remove the edge padding needed for mobile */
  .marketing {
    padding-right: 0;
    padding-left: 0;
  }

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  #headerPage .navbar-wrapper{margin-top:0;}
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left:  15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left:  0;
  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {
    /*ele04/07/14 - border-radius: 4px;*/
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 1.2em;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 992px) {
  .featurette-heading {margin-top: 120px;}
}

@media (max-width:768px){
.cubo .container{width:50%; left:50%; margin-left:-25%;}
.carousel-caption h2{font-size:2em;}	
.carousel-caption .contenuti{padding-top:30%}
.homePage .parallax #SliderFull{height:550px;}
#SliderFull .carousel-inner, #SliderFull .carousel-inner div.item img{height: 550px; max-width:initial;}
#SliderFull .carousel-inner{font-size:.98em;}
#SliderFull .carousel-inner div.item .testi img{max-height:150px!important;}
#SliderFull.Slider_prodotti .carousel-caption {padding-top: 60px;}
}

@media (max-width:667px){
#SliderPage .carousel-inner, #SliderPage .carousel-inner div + div img, #SliderPage .carousel-inner div.item img{height: 70vh;max-width: initial;}
.carousel-caption h2{display:none;}
.carousel-caption{right:35vw;}
#SliderPage .carousel-inner div + div img, #SliderPage .carousel-inner div.item img, #SliderContatti .carousel-inner div + div img{max-width:100%; height:auto;margin-top: 60px;}
#SliderPage .carousel-caption , #SliderContatti .carousel-caption {right: 10vw;left: 10vw;top: 23vh;}
#SliderPage .carousel-inner {height:500px;}
#SliderContatti .carousel-inner{height:300px;}
#SliderPage .carousel-inner .carousel-caption .contenuti img, #SliderContatti .carousel-inner .carousel-caption .contenuti img{display:none;}
#SliderPage .carousel-inner .carousel-caption .contenuti div.row div, #SliderContatti .carousel-inner .carousel-caption .contenuti div.row div{margin-top:0!important;}
.page #SliderFull .carousel-inner{height:220px; width:initial;}

}

@media (max-width: 667px) and (orientation: landscape){
#SliderPage .carousel-inner, #SliderPage .carousel-inner div.item img, #SliderPage .carousel-inner div + div img{height: 100vh;max-width: initial;}
#SliderPage .carousel-caption , #SliderContatti .carousel-caption {right: 10vw;left: 10vw;top: 30vh;}
.page #SliderFull .carousel-inner{height:390px; width:initial;}
}


@media (max-width:1025px){
#SliderPage .carousel-inner {height: 450px;max-width: initial;}
#SliderPage .carousel-caption h1 span{color:#062938!important;}
#SliderPage .carousel-caption {right:13vw; left:13vw;}
#SliderFull .carousel-inner .featurette-divider{margin:10px}
#SliderFull .carousel-inner{font-size:.85em;}
}

@media (max-width:480px){#SliderOpen .contenuti img{max-width:80%;}
#SliderFull.Slider_prodotti div.carousel-inner div.SliderImg{display:none}
#SliderFull.Slider_prodotti div.carousel-inner div.testi{width:100%}
#SliderPage .carousel-inner{height:280px;}
#SliderPage .carousel-caption h1{font-size:2em;}
#SliderPage .carousel-caption, #SliderContatti .carousel-caption{top:18vh;}
.carousel-indicators {bottom: 20px;}
#headerPage .caroulse-inner > .item > .img, .carousel-inner > .item > img{left:-45%;}
}