@font-face {
  font-family: 'Glacial Indifference';
  font-style: normal;
  font-weight: 400;
  src: url("font/glacial-indifference/GlacialIndifference-Regular.otf") format("truetype");
}

body { 
	background:#fff; 
	color:#222; 
	font-family: 'Overlock', arial, sans-serif; 
} 


a { text-decoration:none; }
a:link,a:visited {color:inherit; }
a:hover {color:#f61492; }
[onClick] { cursor:pointer; }

nav ul, nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

h3 { margin: 0; margin-bottom: 10px; }
	
#testo_servizi .lSSlideWrapper	{
	min-height:400px;
	}
.lslide { min-height:300px; }
footer { font-size:12px; text-align:center; }
.testo_footer { font-size:14px; }
.testo_footer i { font-size:32px; margin:3px 10px; }
.page_wrapper { position:relative;margin:5px auto; width:900px;max-width:98%; }
.clearfix { width:100%; clear:both; height:40px; } 

#header_home { min-height: 250px; } 
#logo h1 img { float:left; width:180px; max-width:40% } 

#topNav { float: right;   margin-top:200px; }

#topNav nav, #topNav ul, #topNav li, #topNav a { 
    font-size: 15px;
	line-height: 2em; 
    text-transform: uppercase; 
    letter-spacing: 1.84px;
	font-weight:bold;
}

#topNav nav li {
    float: left;
    position: relative;
    margin-right: 20px;
	border-bottom: 2px solid transparent;
	min-width:100px;
	text-align:center;
	font-weight:bold;
	font-family: 'Glacial Indifference';
	text-shadow: 0px 0px 1px #000;
}

#topNav nav li:hover, #topNav nav li.act {
	border-bottom: 2px solid #f741ad ;
}


.main_servizi, .foto_home, .main_chisono, .main_contatti { 
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
}
 
.foto_home div, .avatar_chisono, .box_presentazione { 
    background-size: cover;
    background-position: 50% 0;
    background-repeat: no-repeat;
    display: block;
    vertical-align: middle;

}
 
.foto_home div, .avatar_chisono, .box_presentazione , .galleria_servizi div { 
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.75);
}

.foto_home div {    
    min-height: 570px;
    color: white;
	padding: 1rem;
	height: 4rem; 
	border-width: 0;
    object-fit: cover;
    display: block;
    vertical-align: middle; 

}
  
.foto_home div.foto_1 {  background-image: url(/img/foto/home_1.jpeg); }
.foto_home div.foto_2 {  background-image: url(/img/foto/home_2.jpeg); }
.foto_home  { grid-template-columns: repeat(2, 1fr); }
.foto_home div { min-height: 570px; } 

.box_presentazione, .blocco_testo {  border:1px solid #ccc; padding:15px;  text-align:justify;}
#testo_presentazione, .testo { text-align:justify; font-size:18px; }
.testo { text-align:left; }

.main_chisono { 
	margin-top:20px; 
	border:1px solid #ccc; 
	padding:30px; 
	grid-gap: 0;
	grid-template-columns: 250px  repeat(2, auto 1fr);
	min-height:250px;
     
}
.main_chisono { background:#f61492; color: #fff;  }
.avatar_servizi { width:90%; height:auto; border-radius:0; background-image:none; } 
.avatar_chisono { width:200px; height:200px; border-radius:100%; background-image:url(/img/foto/chiarat.jpg); }
#testo_servizi, .testo_chisono { font-size:20px; text-align:justify; }
.lingue_chisono { font-size: 16px; } 

.main_contatti {
	border:1px solid #ccc; 
	display:flex;
} 
.main_servizi { 
	grid-gap: 0;
	/*grid-template-columns: 300px  repeat(2, auto 1fr); */
}
.servizi_1 { display:none; }
.contatti_1 { flex:1; } 
.contatti_2 { flex:2; }
.deco_contatti, .card_contatti { height: 100%; min-height:590px; background-position: center center; background-repeat:no-repeat;   }
.deco_contatti {  background-image: url(/img/layout/orchidea.jpeg);background-size: cover;background-position: top left;}
.card_contatti { /* background-image: url(/img/layout/contatti_logo.png);background-position: top right;   background-size: contain;*/} 

.avatar_servizi { margin:0 5px;background-size: cover; display:block;clear:both;}
.avatar_servizi img { width:100%; }
/*
#img_servizi_1 { background-image: url(/img/servizi/color_analysis.jpg); }  
#img_servizi_2 { background-image: url(/img/servizi/body_analysis.jpg); }    
#img_servizi_3 { background-image: url(/img/servizi/wardrobe.jpg); }    
#img_servizi_4 { background-image: url(/img/servizi/eventi.jpg); }    
#img_servizi_5 { background-image: url(/img/servizi/beauty.jpg); }    
#img_servizi_6 { background-image: url(/img/servizi/shopping_multilevel.jpg); }    
#img_servizi_7 { background-image: url(/img/servizi/multilevel.jpg); }  
*/

.gallery_servizi {  
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap; 
	flex-direction: row;
	justify-content: space-evenly;
}

.img_link_servizi {flex-basis: 21%; display:inline-block; position:relative; text-align:center; font-size:bold; font-size:14px; filter: grayscale(1); }
.img_link_servizi img { width:100%; margin:0; } 
.img_link_servizi p { margin:0; padding:2px 0; margin-bottom:10px; }
.img_link_servizi.act, .img_link_servizi:hover { filter: grayscale(0); } 

@media screen and (orientation:portrait) {
	
#header_home { min-height:200px; }
  #topNav { margin-top:20px; margin-left:10px;float: left;  }
  #topNav nav li { float: left;text-align:left;padding-right:2px; clear:both;display:inline-block;font-size:12px; width:155px;
  }
#topNav nav, #topNav ul, #topNav li, #topNav a {   letter-spacing: 1.4px; }
  
.foto_home  { grid-template-columns: repeat(1, 1fr); }
.foto_home div { min-height: 570px; }

.avatar_chisono { margin:0 auto; }
.main_chisono { 
	text-align:center;
	border:1px solid #ccc; 
	padding:30px; 
	grid-gap: 1rem;
	grid-template-columns: repeat(1, 1fr);
     
}

.main_servizi { 
	grid-template-columns: repeat(1, 1fr);
}
.deco_contatti, .card_contatti { height: 100%; min-height:270px; } 

.deco_contatti {  background-image: url(/img/layout/orchidea2.jpeg);
    background-position: top right; }
.contatti_2 { flex:3; }
.servizi_1 { text-align:center; display:block;clear:both; } 
.servizi_1 .avatar_servizi { margin:0 auto;margin-bottom:15px;width:100%; } 
.avatar_servizi img { clear: both; float: left; margin-bottom:10px }
}