body{
font-family: champagne;
background-color:#E6E6E6;
}



h1,h2,h3,h4{
color:black;
}

h3{
font-size:23px;

}

.solo_pc{
text-align:center;
margin-top:150px;
}

.footer_dx{
display:none;

}

.contenuto_main, .modal{
visibility:hidden !important;
}

.vertical-align {
display: flex;
align-items: center;
}

.ritardo_animazioni{
-webkit-animation-delay: 0.5s; /* Chrome, Safari, Opera */
animation-delay: 0.5s;
}

/*PRELOADER CONFIG*/
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	top:50px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/Preloader_2.gif) center no-repeat #fff;
}

.modal{
z-index:9999;
}


/*NOTIFICHE */

.alert-critico {
	background-color: #FF0000;
	border-color: rgba(149, 149, 149, 0.3);
	border-radius: 3px;
	color: white;
	padding: 10px;
}
.alert-critico > [data-notify="icon"] {
	height: 50px;
	margin-right: 12px;
}
.alert-critico > [data-notify="title"] {
	color: white;
	display: block;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
}
.alert-critico > [data-notify="message"] {
	font-size: 80%;
}


.alert-avviso {
	background-color: #FE9A2E;
	border-color: rgba(149, 149, 149, 0.3);
	border-radius: 3px;
	color: white;
	padding: 10px;
}
.alert-avviso > [data-notify="icon"] {
	height: 50px;
	margin-right: 12px;
}
.alert-avviso > [data-notify="title"] {
	color: white;
	display: block;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
}
.alert-avviso > [data-notify="message"] {
	font-size: 80%;
}


.alert-successo {
	background-color: #2C3E50;
	border-color: rgba(149, 149, 149, 0.3);
	border-radius: 3px;
	color: white;

}

.alert-successo > [data-notify="title"] {
	color: white;
	display: block;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
	font-size: 120%;
}
.alert-successo > [data-notify="message"] {
	font-size: 90%;
}



.center {
text-align: center;
}

.area_menu{
text-align:center;
}


.div_centrale{
background-color:#E6E6E6;
color:black;
overflow-x:hidden;
overflow-y:hidden;
height:100%;
font-size:16px;
}


.div_case{
height:8%;
width:100%;
}

.div_case>a{
float:left;
padding:2px;
background-color:#7BC04B;
color:white !important;
}

.div_case>a:hover{
background-color:#2C3E50;
color:white;
}




.casa_attuale{
color:#7BC04B;
}

.cat_selezionata>a{
color:#7BC04B !important;
font-size:12px !important;
font-weight:700  !important;
} 

.cat_completata> a {
background-color:red !important;
}


/* STYLE SELEZIONA STRATIGRAFIA*/

.config_head select{
	display:inline !important;
	width: 90% !important;
	font-size:110%;
}

.glyphicon-info-sign{
	font-size:18px !important;
	color:#2C3E50 !important ;
}



/*
.form-control{
	font-size:16px;
	color:black;
}*/



.elenco_case{
height:100%;
}
/*
::-webkit-scrollbar { 
    display: none; 
}
*/

/*overflow-x: scroll;
white-space: nowrap;*/

.elenco_case>dl{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index:1000;
}

.elenco_case>dl>dt{
display: inline-block;
font-size: 18px;
cursor: pointer;
cursor: hand;
opacity:0.8;
margin-right:50px;
}

.elenco_case>dl>dt>figure:hover{
color:#7BC04B;

}

.elenco_case>dl>dt>figure>figcaption{
font-size:13px;
}

/*STILE SLIDER FOTO*/
.slider_case{
background-color:#D8D8D8;
border-style:solid;
border-width:1px;
border-color:#A9B0B8;
}

.frame_slide{
height: 62%; 
}

.frame_slide img{
max-width:100%;
max-height:100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); /* add browser-prefixes */
}

/*STILE ELENCO OPZIONI*/
.div_opzioni{
height:25%;
width:100%;
float:right;
padding-top:20px;
}

.div_opzioni>ul{
display: inline;
text-align: center;}

.frame_img{
position: relative;
height:90px;
width:150px;
background-color:WHITE;
border-style:solid;
border-width:2px;
border-color:rgba(44, 62, 80, .4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.frame_img>img{
text-align:center;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
max-width:100%;
max-height:100%;

}

.frame_img div {
position:relative;
display:none;
	
}

.frame_img:hover img{
display:none;
opacity:0.3;
transition: all 0.2s ease-in;
}
.frame_img:hover div {
display: inline;
border:none;
opacity:1;
}


.frame_img div:hover{
transition: all 0.2s ease-in;
}

.AGGIUNGI {
top:10;

}

.DETTAGLI {
top:25;
}

.AGGIUNGI> input,.DETTAGLI> input{
background-color:#7BC04B;
color:white;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}




/*DETTAGLI OPZIONE CSS*/

.immagine_dettagli{
cursor: pointer;
cursor: hand;
max-width:40%;
max-height:40%;
}

.titolo_dettagli{
font-size:20px;
}

.descrizione_dettagli{
font-size:15px;
font-family: visible !important;
}

.immagine_dettagli{
}


.prezzo_dettagli{
font-size:23px;
float:right;
}

.div_destra{
background-color:#E6E6E6;
height:100%;
}

.config_head{
height:10%;
padding-top:15px;
text-align:center;
}

.config_head span{
color:black;
font-size:25px;
}

.config_head .label{
color:black;
font-size:12px;
margin:15px;
color:white;
}


.carrello{
overflow: auto;
height:79%;
margin-left:30px;	   
}

.carrello  th{
text-align:center;
padding-bottom:15px;
}

.carrello td {
text-align:center;
font-size:18px;
}

.carrello tbody tr{
background-color: rgba(123,192,75,0.8);
color:white;
}


.carrello tbody tr:hover {
background:red; 
color:white;
transition: all 0.2s ease-in;
}

 
 
 .img_cancella_opzione{
 width:16px;
 height:16px;
 }
 

.img_cancella{
opacity:0;
-moz-transition: opacity 2s; /* Firefox 4 */
-webkit-transition: opacity 2s; /* Safari and Chrome */
-o-transition: opacity 2s;
transition: opacity 2s;
}



.totale{
background-color:#7BC04B;
font-size:24px;
text-align:center;
color:black;
height:13%;
}


.totale>span , .label{
cursor: pointer;
cursor: hand;
}

.totale p {
font-size:16px;
font-weight:600;
}

.totale a:link,a:visited{
color:black;
}

.costo_mq{
	font-size:80%;
}

.pulsante_scarica_preventivo{
color:white !important;
font-size:15px;
background-color:#34495E;
padding:3px;
padding-left:5px;
padding-right:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-style:solid;
border-width:1px;
border-color:white;
}

.pulsante_scarica_preventivo:hover{
background-color:white;
color:black !important;
border-color:black;
}

.icona_download{
	
	width:30%;
	 display:block;
    margin:auto;
	
}

.icona_download:hover{
	background-color:#F2F2F2;
	
	
	
}


.pdf{
margin-left:20px;
}

ul{	 
list-style: none outside none;	
}

.content-slider li{
cursor: pointer;
cursor: hand;
height:100px;		    
text-align: center;
color: black;			
}
		
.content-slider li:hover{
}
		
.demo{
width: 100%;	
}
			
.modal-backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  height: auto !important; 
}

.modal-backdrop , .in{
height:100% !important;

}

.modal-backdrop.in{
opacity:0.8 !important;
}

.modal-dialog{
overflow-y: visible !important;
}

/*MODAL SCELTA VILLA*/
#modal_scelta_villa .thumbnail {
	height:260px !important;
}

#modal_scelta_villa .thumbnail .btn {
	color:white;
}

/*******************REGOLE LAYOUT RESPONSIVE***********************/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
.solo_pc{
display:none !important;
}
.contenuto_main, .modal{
visibility:visible !important;
}

.lslide{
margin-right:60px !important;
}

.titolo_opzione{
margin-left:40px !important;
}

.avviso_nessuna_opzione{
font-size:20px;

}

}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */



}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

}


/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
.solo_pc{
display:none !important;
}

.contenuto_main{
visibility:visible !important;
height:96.5%;
}

.modal{
visibility:visible !important;
}

.modal-body{
    height: 420px;
    overflow-y: auto;
}

}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
.solo_pc{
display:none !important;
}
.contenuto_main, .modal{
visibility:visible !important;
}

.div_case>h3{
font-size:30px;
margin-top:40px;
}

.frame_img{
height:150px;
width:200px;
}

.content-slider li{	
height:300px;		    	
		}

.AGGIUNGI {
top:30;	
left:40;
}
.DETTAGLI {
top:90;
left:-40;
}

.carrello td {

font-size:20px;
}

.config_head{
height:10%;
padding-top:15px;
text-align:center;
font-size:20px !important;
}

.config_head span{
color:black;
font-size:20px !important;
}

.config_head >.label_tecnologia{
font-size:25px !important;
margin:15px;

}		


		
.totale{
padding-top:19px;
font-size:30px ;
}

.pulsante_scarica_preventivo{
font-size:19px;
padding-left:5px;
padding-right:5px;
}


.modal-body{
    height: 600px;
    
}


		
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */


}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */

}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */


}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */


}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */

}