/******************************************/
/*      CSS per STUDIOECOGRAFICO.IT       */
/* ricavato da quello di viscardiphoto.it */
/******************************************/

@-ms-viewport       { width: device-width; }
html {
	margin:0px;
	padding:0px; 
/* in SB era: font-size:18px; ma non serve perché lo indica per ogni taglia */
}
/* 	In Bootstrap versione 4 il default font-size è 16px, 
	così il line-height è 1.42857143   */
	
body {
    font-size:17px;
    line-height:1.6;
}	
	
	
body {
	color:#000000;
	background-color:#ffffff;
	font-family: 'Cairo', sans-serif;  
	padding: 0px;
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/* in SB era:  text-align: center;  
	color:#292929;                     
	font-size NON INDICATO  */
}
	  		

/* 	Bootstrap 4 uses a default font-size of 16px, 
	and its line-height is 1.5 
	1 rem  è pertanto 16 px   */
/* in sb erano: h1:2.6rem;h2:2.15rem;h3:1.7rem;h4:1.25rem;h5:1rem;h6:0.85rem; tutti: color:#214D7B;	*/
h1  {
	font-size:2.25rem;		/*  16 x 2.25 = equivale a 36px  */
	font-weight: 400;    
	margin-top: 0px;
	margin-bottom: 0px;
}	
h2  {
 	font-size:2.00rem;		/*  equivale a 32px  */
	font-weight: 400;     
	margin-top: 0px;
	margin-bottom: 0px;
}	
h3  {
	font-size:1.50rem;		/*  equivale a 24px  */
	font-weight: 400;  
	margin-top: 0px;
	margin-bottom: 0px;
	color:#000000;   /*  0e4073  colore blu  */
}
h4  {
	font-size:1.00rem;		/*  equivale a 16px = 1rem */
	font-weight: 400;  
	margin-top: 0px;
	margin-bottom: 0px;
}		
h5  {
	font-size:0.8125rem;	/*  equivale a 13px  */
	font-weight: 400;  
	margin-top: 0px;
	margin-bottom: 0px;
}		
h6  {

	font-size:0.625rem;		/*  equivale a 10px  */
	font-weight: 400;  
	margin-top: 0px;
	margin-bottom: 0px;
}	

p, input, input-group, section  {
	font-size: 1.25rem;            /*  equivale a 20px  */      
}



.presentazione  
{ 
	padding-top:0.75rem;
	padding-bottom:0rem;
}
.presentazione p {
	padding:2rem;
	margin:0px;
}
.presentazione a{text-decoration:none;
}
.presentazione a:hover{text-decoration:underline;
}
/* in SB c'erano:
section.presentazione{padding-top:1.0rem;padding-bottom:1.0rem;}
section.presentazione h3{text-align:center;color:#214D7B;padding-bottom:1.0rem;}
div.presentazione{padding-top:1.5rem;padding-bottom:1.5rem;}
*/

section img {
	/*  margin:5px;      eliminato per spostamenti di varie foto */
	border:none;
}	
section a{
	text-decoration:none;
	text-shadow: 0px 0px 1px #023368;
	color: #0a44b0;           /*  #077190;  */
	font-weight:600;
}
section a:hover {
	text-decoration:underline;
	color:#052a6f;

/* in SB era:
section img{
	margin:5px;
	border:none;}
section a{
	font-weight:bold;
	text-decoration:none;
	color:#214D7B;}
section a:hover{
	font-weight:bold;
	text-decoration:none;
	background:#214D7B;
	color:#ffffff;}	
*/

}
.spaziapoco {
	padding-bottom:0.70rem;
}	

#interlinea_1 	{
	line-height:1.15rem;
}
#messaggio-fnomceo{font-size:0.85rem;
	color:#3c3c3c;
	padding-top:0px;
	margin-top:0px;
}	
#foto-presentazione	{
	padding-top:0px;
	margin-top:0px;
	border-bottom:1px solid #214D7B;
}


/* ------------------------------ */
/* BOX PRIMA PRENOTAZIONE         */
/* ------------------------------ */
.mybox-primapren{padding:2px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border:1px solid #c6c6c6;border-radius:0.60rem;margin-bottom:0.40rem;margin-top:0.40rem;}
.mybox-primapren-title{
	padding-top:3px;
	padding-bottom:4px;
	font-size:1.10rem;
	line-height:1.10;
	border-top-left-radius:0.6rem;
	border-top-right-radius:0.6rem;
	color:#011733;
	background-color:#C6DEF6;
}
.mybox-primapren-data{
	font-size:1.25rem;
	line-height:1.45;
	color:#ffffff;
	background-color:#214D7B;
	padding-top:5px;
	padding-bottom:5px;
}
.mybox-primapren-invito{
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;
	line-height:1.00;
	background-color:#C6DEF6;
	padding-top:5px;
	padding-bottom:5px;
	line-height:150%;
	font-size:1.20rem;
	}
.mybox-primapren-invito a{
	color:#214D7B;
	text-decoration:none;
	}
.mybox-primapren-invito a:hover{
	text-decoration:underline;
	background:transparent;
	}
.button-prenotaz{color:#214D7B;font-size:0.85rem;height:2.6rem;width:100%;margin-bottom:3px;border-radius:0.6rem;border:1px solid grey;}
.button-prenotaz:hover{background:#122d6b;background:-webkit-linear-gradient(-90deg, #122d6b, #96a5f2);background:-o-linear-gradient(-90deg, #122d6b, #96a5f2);background:-moz-linear-gradient(-90deg, #122d6b, #96a5f2);background:linear-gradient(-90deg, #122d6b, #96a5f2);color:white;}

/* in SB anche questi:   */
.mybox-anagrafica{border-radius:0.6rem;border:1px solid navy;background-color:#DFEFFE;padding:0.7rem;}
.corsi{font-size:0.7rem;font-weight:300;margin-top:0px;margin-bottom:0px;}


/* ------------------------------ */
/* BOX ULTERIORI ECOGRAFIE        */
/* ------------------------------ */
.eco-prefooter{
    border:1px solid #1e3a5f;
    background:#ffffff;
    padding:14px 18px;
    margin:40px auto 25px auto;
    font-size:0.88rem;
    line-height:1.6;
}

.eco-prefooter-title{
    font-weight:600;
    color:#1e3a5f;
    margin-right:6px;
}

.eco-prefooter a{
    color:#1e3a5f;
    text-decoration:none;
}

.eco-prefooter a:hover{
    text-decoration:underline;
}

.eco-sep{
    margin:0 6px;
    color:#1e3a5f;
}


/* ------------------------ */
/*    MYBOX FOOTER di   SB  */
/* ------------------------ */ 
.mybox-whatsapp{padding:10px;font-size:0.90rem;line-height:1.10rem;border-top-left-radius:0.6rem;border-top-right-radius:0.6rem;border-bottom-left-radius:0.6rem;border-bottom-right-radius:0.6rem;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);background-color:#C6DEF6;}
.mybox-telefono{padding:10px;font-size:0.90rem;line-height:1.10rem;border-top-left-radius:0.6rem;border-top-right-radius:0.6rem;border-bottom-left-radius:0.6rem;border-bottom-right-radius:0.6rem;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);background-color:#C6DEF6;}
.mybox-online{padding:10px;font-size:0.90rem;line-height:1.10rem;border-top-left-radius:0.6rem;border-top-right-radius:0.6rem;border-bottom-left-radius:0.6rem;border-bottom-right-radius:0.6rem;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);background-color:#C6DEF6;}
.mybox-giorno{padding:6px;font-size:1.35rem;line-height:0.95rem;border-top-left-radius:0.6rem;border-top-right-radius:0.6rem;border-bottom-left-radius:0.6rem;border-bottom-right-radius:0.6rem;color:black;background-color:#ffffff;}
.mybox-ora{padding:6px;font-size:1.35rem;line-height:0.95rem;border-top-left-radius:0.6rem;border-top-right-radius:0.6rem;border-bottom-left-radius:0.6rem;border-bottom-right-radius:0.6rem;color:white;background-color:#37abc8;}

 
 
/* ------------------------ */
/*       RECENSIONI         */
/* ------------------------ */
.profile-pic {
    width: 120px;
    height: 120px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
	
}
.box-testimonial {
	background:#9ed1fc;
	font-size:1.2rem;
	box-shadow: 0px 4px 8px 0px #18568a;
	border: 1px solid #062743;
	border-radius: 10px;
}
.testimonianza {
	font-size:1.1rem;
	padding-left:1rem; 
	padding-right:1rem;
	text-align:justify;
}
/* ------------------------ */

/* ------------------------ */
/*     GEST. IMMAGINI       */
/* ------------------------ */
img { 
	/* Boostrap img-responsive class */
	max-width:100%;
	height:auto;
	/* personali */
	border:none;
	padding:0px;
	margin:0px;
}
img.middle { vertical-align: middle; 
}
.img-left {
	float: left;  
	padding-right:0.4rem;
}
.img-left img {
	/*  border:3px solid #d7d7d7;  */
}
.img-right {
	float: right; 
	margin-left:1.3rem;
	max-width:25%;
}
.img-right img {
	border:3px solid #d7d7d7;
}
.img-center2 {
	display: block;
	padding-top:0.4rem;
	padding-bottom:0.0rem;
	margin-bottom:0.0rem;
}	
.img-center img {
	margin-left: auto;
	margin-right: auto;
}
.centraverticale  {
margin: 0;
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
}

/* ------------------------ */
/*   GEST FOTO in  SB       */
/* ------------------------ */
.foto-a-sinistra{float:left;margin-right:1.3rem;max-width:25%;}
.foto-a-sinistra img{border:3px solid #d7d7d7;}
.foto-al-centro{display:block;}
.foto-al-centro img{border:3px solid #d7d7d7;margin-left:auto;margin-right:auto;}

/* ------------------------ */
/*        MASONRY           */
/* ------------------------ */
.masonry-elemento
{
border: solid 1px gray;
display: block;
float: left;
margin: 10px;
text-align: center;
width: 500px;
}


/* ------------------------ */
/*   GEST. FOTO IN SCATOLA  */
/* ------------------------ */
.foto-scatola {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}

.foto-scatola img {vertical-align: middle;}

.foto-scatola .foto-barra {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 5px;
  padding-left: 20px;
}

.boximmagine {
	display: inline;
    background-color: #ffffff;
	padding:0.2rem;
	margin: 0.0rem;
	border: 2px solid darkgrey;
	border-radius:4px;	
	box-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.20);
}
.boximmagine img {
	padding:0.2rem;
	border-radius: 4px;
	-moz-border-radius: 4px; /* firefox */
	-webkit-border-radius: 4px; /* safari, chrome */
}	
.scelte {
	display:block; 
	font-weight:600;
	color:#3366cc;
	font-size:1.2rem;
}


/* ------------------------ */
/*   MOUSE SULL'IMMAGINE    */
/* ------------------------ */
.pictrans {
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.pictrans img{
	width: inherit;
	height: inherit;
}
.pictrans:before {
	display: block;
	background-color: rgb(0, 0, 0);
	opacity: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
}
.pictrans:after {
	display: block;
	left: -100%;
	padding: /*2% 3%*/25% 3%;
	position: absolute;
	vertical-align:-50%;
	top:0%;
	width: 94%;
	height:100%;
	z-index: 3;
}
.pictrans img {
	border:none;
	display: block;
	z-index: 1;
}
.pictrans:before,
.pictrans:after,
.pictrans img {
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.pictrans:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.pictrans:hover:before {
	opacity: 0.3;
}
.pictrans:hover:after {
	left: 0;
}	

	
/* Colore dell'icona dell'argomento. */	
.fa {
    color: #0e4073;
}

/* Box  colorato per Photo 
.mybox-photo {
    margin-top:15px;
	border-radius:0.6rem;
	border:1px solid #6c6c6c;
	background-color: #e8e8e8;
	padding:0.7rem;
	} */
.my-o {
    padding-top:50px;
		padding-bottom:50px;
}
	
.form-control {
	color:black;
	font-size:1rem;
	font-weight: 400;  /*  Semibold */
}


.btn-black  { 
font-size:0.65rem;
color:black;
}
.btn-white  { 
font-size:0.65rem;
color:white;
}

.btn-blue  { 
/* font-size:1rem;  */
color:#fff;
font-weight:500;
background-color: #007bff;
border: 1px solid darkgrey;
border-top-left-radius:0.6rem;	
border-top-right-radius:0.6rem;
border-bottom-left-radius:0.6rem;
border-bottom-right-radius:0.6rem;
/*  min-width: 3rem;   */
line-height: 0.80rem;
margin: 0.15rem;
}

.btn-grey  { 
/* font-size:1rem;  */
color:#077190;
font-weight:600;
background-color: #e3e3e3;
border: 1px solid darkgrey;
border-top-left-radius:0.5rem;	
border-top-right-radius:0.5rem;
border-bottom-left-radius:0.5rem;
border-bottom-right-radius:0.5rem;
/*  min-width: 3rem;   */
line-height: 1.0rem;
font-size:0.90rem;
padding:0.35rem;
margin: 0.10rem;
}



.btn-min-block {
    min-width: 170px;
    line-height: 26px;
}

.btn-theme {
    color: #fff;
    background-color: transparent;
    border: 2px solid #fff;
    margin-right: 15px;
}

.btn-theme:hover {
    color: #000;
    background-color: #fff;
    border-color: #4a4a4a;
}


table{
   margin: 0px auto;
}
.mybox-giorno { 
font-size:1.00rem;
color:black;
}


/* Box  colorato per Links  */
.mybox-links {
    padding: 5px;
    font-size: 0.90rem;
	line-height:0.95rem;
	border: 2px solid darkgrey;
	border-top-left-radius:0.6rem;	
	border-top-right-radius:0.6rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;
	color: black;
	background-color: lightgrey;
	}

.background-color-bianco {background-color: #ffffff;}	
	
.mybox a { text-decoration:none;color: #c6c6c6;	}
/* in SB : .mybox a {text-decoration:none;color:white;}  */
.mybox a:hover{text-decoration:underline;background:transparent;}


/* ------------------------ */
/*   BOX COLORATO PER BLOG  */
/* ------------------------ */
.mybox-articolo {
/* box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19); */
	text-align: center;
/* border:1px solid #2a2a2a; */
	border-radius:0.60rem;	
	margin-bottom:0.30rem;
	margin-top:0.50rem;
	float:left;
	width:100%;
	}
.background-color-mybox-articolo-title {
	background-color: #0f468a;
}
.mybox-articolo-title {
	border:1px solid #2a2a2a;
	background-color: #e8e8e8;
    color: #2a2a2a;
    padding: 4px;
	border-top-left-radius:0.6rem;
	border-top-right-radius:0.6rem;
}
.mybox-articolo-title a {
	font-size:0.75rem;
}	
.mybox-articolo-body {
    background-color: #ffffff;
    color: #000000;
	padding-right: 1.4rem;
    padding-left: 1.4rem;
	margin: 0.0rem;
    font-size: 1.10rem;
	font-weight: 400;
	line-height:1.30rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;	
}
.mybox-articolo-body img {
	padding:6px; 
	border: 2px solid darkgrey; 
	border-radius:5px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 5px 8px 0 rgba(0, 0, 0, 0.19);
}	
.mybox-articolo-body span {
	padding:0; 
	margin:0;
	font-size: 1.00rem;
	font-weight: 700;
}	
.mybox-articolo-body ul>li {
	padding:0; 
	margin:0;
}			
.mybox-articolo-footer {
    background-color: #ffffff;
    color: black;
    padding: 8px;
    font-size: 0.95rem;
	line-height:0.95rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;	
}
.mybox-articolo h1, h2, h3, h4, h5, h6, p {
	padding:0px; margin:0px;
}
.mybox-articolo h2  {           /* qui ridotto rispetto allo standard boostrap */
	font-size:1.50rem;
	font-weight: 700;  /*  Bold */
}	
.mybox-articolo h3  {           /* qui ridotto rispetto allo standard boostrap : size = 14px x 1,7 - circa 24px - 1.7rem   Semibold  */
	font-size:1.10rem;
	font-weight: 600;  /*  Bold */
}
.mybox-articolo h4 	{
	font-size: 1.05rem;
	line-height:1.05rem;
}
.mybox-articolo h5 	{
	font-size: 0.9rem;
	line-height:1.0rem;
}
.mybox-articolo a:hover {
	text-decoration:underline;
	background:transparent;
	}		
.mybox-articolo .art-corpo {
	font-size: 1.10rem;
	font-weight: 400;
	line-height:1.30rem;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	text-align: justify;
}
/* Per la barra laterale destra delle pagine blog */
.mybox-sidebar {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align: center;
	font-size:0.60rem;
	border:1px solid #2a2a2a;
	border-radius:0.40rem;	
	margin-bottom:0.50rem;
	margin-top:0.50rem;
	float:left;
	width:100%;
	}
.mybox-sidebar  a{
	text-decoration:none;
	text-shadow: 0px 0px 1px #023368;
	color: #0a44b0;
}
.mybox-sidebar  a:hover {
	text-decoration:underline;
	color:#052a6f;
}
.mybox-sidebar-title {
	background-color: #e8e8e8;
	border-top-left-radius:0.4rem;	
	border-top-right-radius:0.4rem;
	border-bottom:1px solid #2a2a2a;	
    color: #2a2a2a;
    padding-top: 4px;
	padding-bottom: 4px;
	}
.mybox-sidebar-body {
    background-color: #ffffff;
    color: black;
    padding: 0.5rem;
    font-size: 0.90rem;
	line-height:1.00rem;
	min-height: 2.5rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;	
	}
.mybox-sidebar-info {
    background-color: #ffffff;
    color: black;
    padding: 8px;
	border-top:1px solid #2a2a2a;
    font-size: 0.95rem;
	line-height:0.95rem;
	border-bottom-left-radius:0.6rem;
	border-bottom-right-radius:0.6rem;	
	}
.mybox-sidebar-background-color {
	background-color: #e8e8e8;
}
.mybox-sidebar h1, h2, h3, h4, h5, h6, p {
	padding:0px; margin:0px;
	}
.mybox-sidebar h2  {          
	font-size:1.50rem;
	font-weight: 700;  /*  Bold */
	}	
.mybox-sidebar h3  {      
	font-size:1.10rem;
	font-weight: 600;  /*  Bold */
	}
.mybox-sidebar h4 	{
	font-size: 1.05rem;
	line-height:1.15rem;
}
.mybox-sidebar h5 	{
	font-size: 0.9rem;
	line-height:1.0rem;
}
.mybox-sidebar-body h4, h5, h6 {
	padding:0px; margin:0px;
	}
.mybox-sidebar-body span {
	padding:0; 
	margin:0;
	font-size: 0.85rem;
	font-weight: 700;
	}	
/****************************/	
	
	
	
.color-blue { color: #214D7B;}
.color-green {color:white; }  /* ??? */
.color-black { color: #000000;}	
.color-white { color: #ffffff;}
.color-studio  { color: #8CA0B5;}
.background-color-bianco {background-color: #ffffff;}	
.background-color-studio {background-color: #a2a2a2;}
.border-color-studio {border:2px solid #595959;}
.gradiente-studio {
	background: #a2a2a2; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(-90deg, #000000, #dddddd); /*Safari 5.1-6*/
	background: -o-linear-gradient(-90deg, #000000, #dddddd); /*Opera 11.1-12*/
	background: -moz-linear-gradient(-90deg, #000000, #dddddd); /*Fx 3.6-15*/
	background: linear-gradient(-90deg, #000000, #dddddd); /*Standard*/
}





.bordo-fine-pagina{
	padding-bottom:35px;
}

/* ------------------------ */
/*      NAVIGATION          */
/* ------------------------ */
/* in SB c'era anche questo:       */
#navigation{border-bottom:1px solid #214D7B;padding:0px;}

.navigation {
	font-size: 1.0rem;                              
	font-weight:400;
	text-decoration:none;
	border-bottom:1px solid grey;
}
nav {
	font-size: 1.0rem;    /* si regola in base al breakpoint  */
}
.navbar {
	background-color: #d0d0d0;	
	padding:0px;
}
/* in SB c'erano i seguenti         
.navbar{margin-bottom:0px;}
.navbar-collapse.collapse{text-align:center;height:auto !important;padding-bottom:0;overflow:visible !important;}
.navbar-nav{display:inline-block;float:none;margin:0;}
.navbar-default{background:#f5f5f5;}
.navbar-collapse > li > a{color:#2b2b2b;}
.navbar-default .navbar-nav > li > a{color:#2b2b2b;}
.dropdown-menu > li > a{display:block;color:#2b2b2b;}
.dropdown-menu > li > a:hover{text-decoration:underline;}
*/

/* per i menu */

/* Desktop BRAND    CGPT*/
.navbar-brand {
    display: flex;
    align-items: center;
    padding: 0;
}
/* Logo navbar principale */
.studiobv_brand {
    height: auto;
    display: block;
    transition: height 0.25s ease;
}


.nav-item a:hover{
	text-decoration: underline;
}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0);
}
.dropdown-item {
     text-align: center;
}
/****************************/




/* ------------------------ */
/*          HEADER          */
/* ------------------------ */
#header {
	margin-top:0;
}
#header img {
    width: 100%;
    height: auto;
    display: block;
}
/* in SB Header era questo:        */
#header{
	background:#FFFFFF;
	border-bottom:0px solid #214D7B;
	border-top:0px solid #214D7B;
	margin-top:0.5rem;
}


/* in SB ci sono anche questi:     */
.header-text{position:absolute;top:20%;left:1.8%;right:auto;width:96.66666666666666%;color:#fff;}
.header-text h2{font-size:40px;}
.header-text h2 span{background-color:#2980b9;padding:10px;}
.header-text h3 span{background-color:#000;padding:15px;}


/* ------------------------ */
/*         FOOTER           */
/* ------------------------ */
/* per ogni cosa nel footer */
footer h3 {
    font-weight: 700;
}
/* in SB era:
footer h3{color:#FFF;font-weight:700;}
*/

footer ul li a:hover{
    text-decoration: underline;
}	
/* in SB era:
footer ul li a:hover{text-decoration:underline;color:#FFF;}
*/

footer ul li a,
footer ul li a:visited {
    text-decoration: none;
}	
/* in SB era :
footer ul li a,
footer ul li a:visited{text-decoration:none;color:#FFF;}
*/

#footer {
	padding-top: 0.50rem;
	font-size: 1.05rem;                 
	padding-bottom: 0rem;
	margin-bottom: 0.5rem;
	font-weight: 400;
	background-color:#d0d0d0;
	border-top:1px solid grey;
	border-bottom:1px solid grey;
}
/* in SB era:
#footer{background:#C6DEF6;
	border-bottom:1px solid #214D7B;
	border-top:1px solid #214D7B;
	margin-bottom:0.5rem;
}


*/

/* i seguenti 'footer....' non sono presenti in SB 
.footer_menu {
	padding-bottom: 0.70rem;
	font-size: 0.90rem;             
}
.footer_menu a {
	text-decoration:none;
	color:black;
	font-weight: 400;
}
.footer_menu a:hover {
	text-decoration:underline;             
}
.footer_centro {
	width:100%;
}
.footer_centro_partners {
	text-align:center;
}
.footer_social {
	padding-top: 0.70rem; 
}
.footer_social img{
	margin: 2px;
	border: none;
	margin-left:auto;
	margin-right:auto;
}	
.footer_social a{
	border: none;
	text-decoration:none;
}	
.footer_social a:hover{
	border: none;
	text-decoration:none;
}	
.footer_sotto {
	width:100%;
/* border-top: 1px solid #030870;  
} 
.footer_copyright {
	width:100%;
	font-size:0.70rem;              
	padding-top: 0.70rem;
	text-align:center;
}
.footer_counter {
	width:100%;
	padding-top:0.70rem;
	text-align:center;
	padding-bottom:0.70rem;
}	
.footermenu {
	padding:0px;
}
.footermenu li {
	color:#6f6f6f;
}
*/ 
/* invece in SB usa questi :  */
.footer_sopra{}
.footer_sopra a{
	color:#2b2b2b;
}
.footer_sopra a:hover{
	color:#2b2b2b;
	text-decoration:underline;
}
.footer_sopra_logo img{margin:2px;border:none;margin-left:auto;margin-right:auto;}
.footer_sopra_links{}
.footer_sopra_links a{
	text-decoration:none;
	color:#022c71;		/* blu  scuro  */
	font-weight: 400;    /* Cairo regular  */
}
.footer_sopra_links a:hover{
	text-decoration:underline;
	color:#021e4d;		/* blu più scuro  */
}
.footer_sopra_social{}
.footer_sopra_social img{margin:2px;border:none;margin-left:auto;margin-right:auto;}
.footer_sopra_social a{border:none;text-decoration:none;}
.footer_sopra_social a:hover{border:none;text-decoration:none;}
.footer_centro{width:100%;}
.footer_centro_partners{text-align:center;}
.footer_sotto{width:100%;border-top:1px solid #030870;}
.footer_sotto_copy{width:100%;padding-top:10px;text-align:center;}
.footer_sotto_counter{width:100%;padding:5px;text-align:center;padding-bottom:10px;}


/* ------------------------------------------- */
/*   PERSONALIZZAZIONE DEL CAROUSEL BOOTSTRAP  */
/* ------------------------------------------- */
.carousel-indicators .active{
	background-color:#c2c2c2;
	width:15px;
	height:15px;
	margin:0px;
}
.carousel-indicators{
	bottom: -40px;
}
.carousel-indicators li{
	border: 1px solid #000000;
	width:15px;
	height:15px;
	margin:0px;
	border-radius: 50%;
}
.carousel-control .icon-next, 
.carousel-control .icon-prev {
    font-family: serif;
    line-height: 0.8;
}
.carousel-control-next-icon {
    background-image: url("/pics-min/arrow-next.png");

}
.carousel-control-prev-icon {
    background-image: url("/pics-min/arrow-prev.png");

}
.carousel-control .glyphicon-chevron-prev, 
.carousel-control .glyphicon-chevron-next, 
.carousel-control .icon-next, 
.carousel-control .icon-prev {
    width: 35px;
    height: 35px;
    margin-top: -10px;
    font-size: 30px;
	color:#000000;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: 0px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: 0px;
}
/***************************/

	
/* ---- gestione dei dispositivi in Bootstrap 4 ---- */
/*  col-xs - Column for extra small devices ( da 0px a 575px )
    col-sm - Column for small devices ( da 576px a 767px )
    col-md - Column for medium devices ( da 768px a 991px )
    col-lg - Column for large devices ( da 992px a 1199px )
	col-xl - Column for large devices ( da 1200px  e oltre)
*/
@media (max-width: 575px) 							/* xs < 576px */ 
{
	.text-xs-left { text-align: left; }
    .text-xs-right { text-align: right; }
    .text-xs-center { text-align: center; }
    .text-xs-justify { text-align: justify; }	
}
@media (min-width: 576px) and (max-width: 767px)  	/* sm >= 576px */ 
{
    .text-sm-left { text-align: left; }
    .text-sm-right { text-align: right; }
    .text-sm-center { text-align: center; }
    .text-sm-justify { text-align: justify; }	
}
@media (min-width: 768px) and (max-width: 991px)  	/* md >= 768px */ 
{
    .text-md-left { text-align: left; }
    .text-md-right { text-align: right; }
    .text-md-center { text-align: center; }
    .text-md-justify { text-align: justify; }	
}
@media (min-width: 992px) and (max-width: 1199px)  	/* lg >= 992px */
{
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    .text-lg-center { text-align: center; }
    .text-lg-justify { text-align: justify; }	 
}
@media (min-width: 1200px)  						/* xl >=  1200px */
{
    .text-xl-left { text-align: left; }
    .text-xl-right { text-align: right; }
    .text-xl-center { text-align: center; }
    .text-xl-justify { text-align: justify; }	 
}

/* Breakpoint per logo responsive 
@media (max-width:575.98px) { .studiobv_brand { max-width: 50%; } }
@media (min-width:576px) and (max-width:767.98px) { .studiobv_brand { max-width: 70%; } }
@media (min-width:768px) and (max-width:991.98px) { .studiobv_brand { max-width: 200px; } }
@media (min-width:992px) and (max-width:1199.98px) { .studiobv_brand { max-width: 250px; } }
@media (min-width:1200px) { .studiobv_brand { max-width: 300px; } }
*/
/* Breakpoint per logo responsive */
@media (max-width: 320px) {
	.studiobv_brand {
	max-width: 50%; }	  }
@media (max-width: 415px)  {
	.studiobv_brand {
	max-width: 50%; }      }
@media (max-width: 576px)  {	
	.studiobv_brand {
	max-width: 60%; }         }
@media (min-width: 576px) and (max-width: 667.99px)  { 	
	.studiobv_brand {
	max-width: 60%; }								}
@media (min-width: 668px) and (max-width: 768px) { 
	.studiobv_brand {
	max-width: 60%; }								}
@media (min-width: 768.01px) and (max-width : 819.99px) {	                                                       
 	.studiobv_brand {
	max-width: 85%; }								 }
@media (min-width: 820px) and (max-width : 991.99px) {                                                       
 	.studiobv_brand {
	max-width: 90%; }								}
@media (min-width:992px) and (max-width:1199.99px) { 
	.studiobv_brand {
	max-width: 95%; } 								}
@media (min-width:1200px)  { 
	.studiobv_brand {
	max-width: 100%; } 		}
	
	

/* Custom, iPhone Retina */ 
@media (max-width : 320px) 					/*  taglia : XS = EXTRA SMALL    */
{
	body {
        font-size:15px;
        line-height:1.5;
    }
	nav {
	font-size: 0.85rem;
	}
	.footer_menu {
	padding-bottom: 0.60rem;
	font-size: 0.75rem;                  /* --- FONT SIZE --- */
	}
	.recensioni_box {
	height:300px;
	}
	.recensioni_fotosize {
		width:20%;
	}
/* da SB:   */
 #messaggio-fnomceo{font-size:0.45rem;}
.footer_sopra{font-size:0.90rem;}
.footer_centro{font-size:0.80rem;line-height:100%;}
.footer_sotto{font-size:0.65rem;}
footer ul li{}
}

/* iPhone 5 portrait,   iPhone 4  (320 portrait)
   Samsung Galaxy Note, Samsung Galaxy S3, Samsung Galaxy S4, Nexus 5   (360 portrait)
   iPhone 6 portrait   (375 portrais)
   Nexus 4 portrait    (384 portrait)
   iPhone 6 plus/plump portrait  (414 portrais) 
 */
@media (max-width:415px)
{
    body {
        font-size:16px;
        line-height:1.5;
    }
	nav {
		font-size: 0.90rem;
	}	
	.dropdown-menu{
        font-size:0.86rem;
    }
	.footer_menu {
	padding-bottom: 0.65rem;
	font-size: 0.80rem;                  
	}

	.recensioni_box {
	height:300px;
	}
	.recensioni_fotosize {
		width:20%;
	}
#messaggio-fnomceo{font-size:0.45rem;}
.footer_sopra{font-size:0.90rem;}
.footer_centro{font-size:0.80rem;line-height:100%;}
.footer_sotto{font-size:0.65rem;}
}


/* Altri Extra Small Devices, Phones */ 
@media (max-width:575.98px)
{
    body {
        font-size:15.5px;
        line-height:1.55;
    }
	.footer_menu {
	padding-bottom: 0.65rem;
	font-size: 0.85rem;               
	}	

	nav {
	font-size: 0.95rem;
	}
	.recensioni_box {
	height:300px;
	}
	.recensioni_fotosize {
		width:20%;
	}
#messaggio-fnomceo{font-size:0.6rem;}
.footer_sopra{font-size:0.90rem;}
.footer_centro{font-size:0.80rem;line-height:100%;}
.footer_sotto{font-size:0.70rem;}
} 

@media (min-width:576px) and (max-width:767.99px)   /* SM - Small */
{
    body {
        font-size:16px;
        line-height:1.55;
    }

	.footer_menu {
	padding-bottom: 0.50rem;
	font-size: 0.70rem;       
	}
	nav {
	font-size: 1.0rem;
	}
	.recensioni_box {
	height:250px;
	}
	.recensioni_fotosize {
		width:20%;
	}
.footer_sopra{font-size:0.90rem;}
.footer_centro{font-size:0.80rem;line-height:110%;}
.footer_sotto{font-size:0.70rem;}	
}  

@media (min-width:768px) and (max-width:991.98px)   /* MD - Medium */
{
    body {
        font-size:17px;
        line-height:1.6;
    }

	/*  MENU DI NAVIGAZIONE */
	.dropdown-menu > li > a {   /* tutte le voci del sottomenu con  padding di 15px */		
		padding-left: 0.60rem;
		float:left;
		display:inline-block;
	}
	.dropdown-menu li:first-child > a {    /* mentre la 'prima voce' della barra principale va allontanata da sinistra
	                                   la 'prima voce' del sottomenu  NO.  Dunque solo padding di 15px   */
		padding-left: 0.60rem;
	}	
	.navbar-nav > li > a {                 
		padding-left: 0.60rem;
	}
	
	nav {
	font-size: 1.10rem;
	}
	.recensioni_box {
	height:250px;
	}
	.recensioni_fotosize {
		width:20%;
	}	
/* in SB c'erano :
.navbar-nav > li > a{padding-left:0.85vw;padding-right: 0.85vw;font-size : 1.70vw;line-height: 110%;}
.footer_sopra{font-size:1.00rem;}
.footer_centro{font-size:0.90rem;line-height:110%;}
.footer_sotto{font-size:0.70rem;}
*/
	
	
} 


/* Medium Devices, Desktops  */
/*  qui rientrano anche tutti i tablets da 1024 in landscape */
@media (min-width:992px) and (max-width:1199.98px)   /* LG - Large */
{
    body {
        font-size:18px;
        line-height:1.6;
    }

	/*  MENU DI NAVIGAZIONE */
	.dropdown-menu > li > a {  /* tutte le voci del sottomenu con  padding di 15px   */		
		padding-left: 0.8rem;
		float:left;
		display:inline-block;
	}
	.dropdown-menu li:first-child > a {    /* mentre la 'prima voce' della barra principale va allontanata da sinistra
	                                   la 'prima voce' del sottomenu  NO.  Dunque solo padding di 15px   */
		padding-left: 0.8rem;
	}
	nav {
	font-size: 1.25rem;
	}
	.recensioni_box {
	height:230px;
	}
	.recensioni_fotosize {
		width:15%;
	}
/* in SB c'erano :
.navbar-nav > li > a{padding-left:0.80vw;padding-right: 0.80vw;font-size : 1.50vw;line-height: 110%;}
.footer_sopra{font-size:1.10rem;}
.footer_centro{font-size:1.00rem;line-height:110%;}
.footer_sotto{font-size:0.80rem;}
*/
	
}

	
/* Large Devices, Wide Screens.... da 1200px ed oltre  */
@media (min-width:1200px)   /* XL - Extra Large */
{
    body {
        font-size:18px;
        line-height:1.6;
    }


	
	.recensioni_box {
		height:230px;
	}
	.recensioni_fotosize {
		max-width: 15%;
	}

	nav {
	font-size: 1.5rem;
	}
/* in SB c'era tutto questo :
	.nav-item 
	{
		padding-left:0.80vw;  
		padding-right: 0.80vw;
		font-size : 1.25vw;  
		line-height: 110%;
	}
	.dropdown-item 
	{
		line-height: 150%;
		font-size : 1.3vw;
	}	
	.navbar-expand-md .navbar-nav .nav-link 
	{
		padding-right: 0.80vw;
		padding-left: 0.80vw;
	}
	.navbar
	{
		padding-top: 0rem;
		padding-bottom: 0rem;
	}	
.navbar-nav > li > a{font-size:1.25vw;}
.navbar-nav > li > ul > li > a{font-size:0.85rem;}
.nav li:first-child > a{padding-left:0px;}
.dropdown-menu > li > a{padding-left:0.8rem;}
.dropdown-menu li:first-child > a{padding-left:0.8rem;}
.footer_sopra{font-size:1.10rem;}
.footer_centro{font-size:1.00rem;line-height:120%;}
.footer_sotto{font-size:0.80rem;}
.footer_sopra_logo{}
.footer_sopra_links{}
*/
}