/* bottoni switch vista*/
@media (min-width: 991px)  {
	.visuali {
	  position: absolute;
	  right: 30px;
	  top: 30px;
	  text-align: center;
	  padding: 0;
	  z-index: 999999;
	}

	.visuali .visualeSingola {
	  list-style: none !important;
	  display: inline-block;
	  /*padding: 20px 5px;*/
	}

	.visuali .visualeSingola img {
	  border: 0;
	  width: 120px;
	}

}


@media (max-width: 991px)  {

	.lang-mobile{
  padding-top:0px !important;
  padding-bottom:5px;
}

.lang-mobile a{
	padding-right:15px;
}

	#previewStepTitle{
  margin-top:70px;
}

.PreviewBack.btn.prev{
  left:10% !important;
 
 }


 .PreviewNext.btn.next{
  right:10% !important;
 
 }



	.owl-carousel.owl-loaded {
		padding-top: 30px;
	}

  .current_version {
    padding-bottom: 30px !important;
    margin-bottom: 30px;
  }

  .current_version .ul {
    margin-top: 55px;
  }

  .visuali {
	position: relative;
	display: block;
	clear:both;
	top:0;
	left:0;
	margin: 50px auto 0 auto;
	text-align: center;
	padding: 0;
	z-index: 999999;
}

  .visualeSingola {
    list-style: none !important;
    display: inline-block;
    margin: 0 auto;
    padding: 20px 5px;
  }
  
}




@media (min-width: 768px) {

#stage_preview_side_left.stage.img-responsive{
  /*width:700px !important;*/
  height: auto;
  margin : 0 auto;
  text-align: center;
}

#stage_preview_side_right.stage.img-responsive{
    /*width:900px !important;*/
    height: auto;
    margin : 0 auto;
    text-align: center;
}
	.wrapper.altezzaIntro{
	    overflow-x: hidden;
        overflow-y: visible;
    }

    .marginTopContainerModelli {
        margin-top: 15px !important
    }

	#theCarousel.left.carousel-control {
	  margin-left:0 !important;
	  width:60px;
	}

	#theCarousel.right.carousel-control {
	  margin-right:0 !important;
	  width:60px;
	}

	#modalUpholsteries.left.carousel-control {
	  margin-left:-70px;
	  width:60px;
	}

	#modalUpholsteries.right.carousel-control {
	  margin-right:-70px;
	  width:60px;
	}

    /*#stage_preview {
        position: fixed;
        bottom:340;
        max-width: 1024px;
     }*/


}

@media (max-width: 768px) {



	#previewStepTitle{
  margin-top:70px;
}

.PreviewBack.btn.prev{
  left:0% !important;
 
 }


 .PreviewNext.btn.next{
  right:0% !important;
 
 }

	.owl-carousel.owl-loaded {
		padding-top: 30px;
	}
 .btn.prev{
  left:0;
  margin-top: 30px;
 }

  .btn.next{
  right:0;
   margin-top: 30px;
 }

.btn.toggleSummary{
  margin-top: 30px;
}
}

@media (max-width: 991px) {
 .btn.prev{
  left:0;
  margin-top: 30px;
 }

  .btn.next{
  right:0;
   margin-top: 30px;
 }

.btn.toggleSummary{
  margin-top: 30px;
}
}

@media (min-width: 992px) and (max-width: 1330px) { 
#stage_preview_side_left.stage.img-responsive{
  /*width:600px !important;*/
  text-align: center;
}

#stage_preview_side_right.stage.img-responsive{
  /*width:600px !important;*/
  text-align: center;
}
	.nav-tabs>li a {
		font-size: 12px !important
	}

	#current_version.map {
		margin-top:50px;
	}

 }


@media (max-width: 1200px) { 



.carousel-home-modelli img{
  max-width: 264px !important;
  max-height: 264px !important;
}

}


@media (max-width: 1330px) { 

	.nomeColore {
		float: none!important;
		max-width: 100% !important;
		clear: both !important;
		text-align: center;
	}

	.dettaglio {
		  background: #f2f2f2;
		  width:160px !important;
		  height: 160px !important;
		  position: absolute;
		  right:10px;
		  top:30px;
		  border-radius: 10px;
		  border:1px solid #aaa !important;
		}

 }

@media (max-width: 992px) {


	
	.lang-desk{
		display: none;
	}

	.fade-scale.in {
  opacity: 1;
  transform: scale(1) !important;
}
#stepNav{
	display: none !important;
}

.hide-nav{
  display: block !important;
  bottom: 0;
left: 0;
width: 100%;
height: 30px;
z-index: 3;
}


#navToSlideBack{
	top:90%;
	margin-left:80px;
}

#navToSlideNext{
	top:90%;
	margin-right:80px;
}

	#user_data h5 {
		margin-bottom: 0 !important;
		font-size: 15px
	}

	#smartwizard {
		border-top: 1px solid #ddd
	}

	h4 {
		margin-bottom: 8px !important;
		margin-top: 8px !important;
	}


    .footer_intro {
	  /*background: #024371;*/
	  /*color:#96b1cc;*/
	  /*font-size: 11px;*/
	  /*position: relative !important;*/
	  /*bottom:0 !important;*/
	  /*float: left !important;*/
	  /*padding: 20px 10px;*/
	  /*width:100%;*/
      /*letter-spacing: 1px;*/
	}


	.footer_intro {
		background: #011d31;
    	opacity: 0.6;
	}

	.stageHeight {
	  float: left;
	  display: block;
	  width: 100%;
	  min-height: 500px !important;
	}

	header {
    position: relative;
    background: #fff;
    height: 80px !important;
    border-bottom: 10px solid #004E9B !important;
    padding-bottom: 10px;
	}

	header .logo img {
	    height: 50px;
	    width: 70% !important;
	}

	.modelloLivelli {
		margin-top: 50px
	}
}


	
@media (max-width: 767px) {


	.lang-desk{
		display: none;
	}
#stage_preview_side_left.stage.img-responsive{
  /*width:290px !important;*/
  text-align: center;
}

#stage_preview_side_right.stage.img-responsive{
  /*width:290px !important;*/
  text-align: center;
}  


	.fade-scale.in {
  opacity: 1;
  transform: scale(1) !important;
}

.wrapper.altezzaIntro{
	overflow: visible;
}



.img-model-home{
  text-align: center;
  width:70%;
  
}


#stepNav{
	display: none !important;
}

.hide-nav{
  display: block !important;
  bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 3;
}


#summary {
    display: none;
    background: #ececec;
    position: fixed;
    left: 50%;
    top: 250px;
    transform: translate(-50%, 0);
    margin: 0 auto;

    /*
    position: absolute;
    bottom:25px;
    right:0;
    */

    padding:25px;
	height:290px;
    width:300px;
    z-index: 99999999 !important;
    text-align:left;
    opacity: .8;
}



.visuali .visualeSingola {
	text-align:center;
}

.visuali .visualeSingola img {
  width: 90px !important;
}


#navToSlideBack{
	top:90%;
	margin-left:50px;
}

#navToSlideNext{
	top:90%;
	margin-right:50px;
}


.marginTopContainerModelli {
  margin-top: 50px !important
}

	a.scelta_pacchetto {
		font-size: 13px !important;
		line-height: 18px !important
	}

	#current_version {
		margin-top: 50px !important
	}

	#container_pacchetti {
		margin-top: 90px !important
	}

	 #container_pacchetti {
		padding-left: 35px;
		padding-right: 35px;
	}


	ol.carousel-indicators li {
    width: 20px !important;
    height: 20px !important;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #767676;
    background-color: #767676;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
    margin: 0 5px !important;
    }

	.pacchettoCorrente {
		font-size: 13px !important;
	}

		.dettaglio {
		  background: #f2f2f2;
		  width:100px !important;
		  height: 100px !important;
		  position: absolute;
		  right:10px;
		  top:30px;
		  border-radius: 10px;
		  border:1px solid #aaa;
		}

	.nomeColore {
		font-size: 10px !important;
		letter-spacing: 0
	}

	.stageHeight {
	  float: left;
	  display: block;
	  width: 100%;
	  min-height: 300px !important;
	}

	.modelloLivelli {
		margin-top: 20px
	}


	#theCarousel.left.carousel-control {
	  margin-left:20px !important;
	  width:60px;
	  font-size: 30px !important;
	}

	#theCarousel.right.carousel-control {
	  margin-right:0px !important;
	  width:60px;
	  font-size: 30px !important;
	}

	#modalUpholsteries.left.carousel-control {
	  margin-left:-70px;
	  width:60px;
	  font-size: 30px !important;
	}

	#modalUpholsteries.right.carousel-control {
	  margin-right:-70px;
	  width:60px;
	  font-size: 30px !important;
	}



	#smartwizard {
		padding: 0px !important
	}


	/* DANILA */
	.carousel-control .glyphicon-chevron-left {    
    padding-top: 8px !important;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px !important;
	}

	.carousel-control .glyphicon-chevron-right{ 
	  padding-top: 8px !important;
    padding-left: 10px;
    padding-right: 5px;
    font-size: 13px !important;

	}

#theCarousel .carousel-control .glyphicon-chevron-right{
 margin-right: -10px !important;
}
}



@media (max-width: 576px) {

	.fade-scale.in {
	  opacity: 1;
	  transform: scale(1) !important;
	}

	#stepNav{
		display: none !important;
	}

	.hide-nav{
	  display: block !important;
	  bottom: 0;
	left: 0;
	width: 100%;
	height: 30px;
	z-index: 3;
	}


#navToSlideBack{
	top:90%;
	margin-left:50px;
}

#navToSlideNext{
	top:90%;
	margin-right:50px;
}


}

@media (max-width: 1024px) {
	.accessoriThumb, .accessoriThumb img, .teakThumb, .teakThumb img {
		width:50px !important;
		height: 50px !important;
	}
}


@media (min-width: 1025px) and (max-width: 1350px) {
	.accessoriThumb, .accessoriThumb img, .teakThumb, .teakThumb img {
		width:60px !important;
		height: 60px !important
	}
}

@media (min-width: 768px) and (max-width: 1350px) {
	.nomeColore {
		font-size: 11px;
		line-height: 12px
	}
}



.privacy_text_overflow {
	line-height: 14px;
	overflow-x: hidden;
}

@media (min-width: 767px) { 
	.privacy_text_overflow {
		width:100%;
		/*
		height: 60px;
		max-height: 60px;
		padding:5px;
		
		border-bottom: 0px solid #ccc;
		overflow-y: auto;
		*/
	}

}



@media (min-height: 600px) { 
	.modal-dialog{
 		padding-top: 120px;
 	}
}


@media (min-width: 991px) { 
	#stage_preview_side_left {
  		float:right;
	}

	#stage_preview_side_right {
  		float:left;
	}
}