﻿/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

FONT FACE

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,300,700,400);*/



/*
@font-face {
    font-family: 'txt';
    src: url('Roboto-Regular-webfont.eot');
    src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Regular-webfont.woff') format('woff'),
         url('Roboto-Regular-webfont.ttf') format('truetype'),
         url('Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

*/


@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@200;300&display=swap');


@font-face {
    font-family: 'txt-bold';
    src: url('glacialindifference-bold-webfont.woff2') format('woff2'),
         url('glacialindifference-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'txt-light';
    src: url('glacialindifference-italic-webfont.woff2') format('woff2'),
         url('glacialindifference-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'txt';
    src: url('glacialindifference-regular-webfont.woff2') format('woff2'),
         url('glacialindifference-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}








/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */









/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

BODY E GENERALI

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

html {
    height: 100%;
}

body
{
	background-color:#ffffff;
	margin:0;
	padding:0;
	    height: 100%;

}



img
{
	border:0;
}

a
{
	text-decoration:none
}






::selection
{
	color:#FFFFFF;
	background-color:#1171b7;
}
::-o-selection
{
	color:#FFFFFF;
	background-color:#1171b7;
}
::-webkit-selection
{
	color:#FFFFFF;
	background-color:#1171b7;
}
::-ms-selection
{
	color:#FFFFFF;
	background-color:#1171b7;
}
::-moz-selection
{
	color:#FFFFFF;
	background-color:#1171b7;
}








/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */












/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

FONT SIZE - FONT FAMILY

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

html,body{/*height:100%;*/}

body
{
	font-size:18px;
	font-family:txt, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	color:#585857;
	background-color:#ffffff

}



h2, h3, h1, h4
{
	font-weight:normal;
	font-family:txt, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	color:#585857;
}


h2, h3, h4, h5, h1, h6
{
    margin:0;
	font-family:txt, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	color:#585857;
}

p
{
    margin:0;
	font-family:txt, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

}

h1.title-page
{
	font-family:txt;
	font-size:30px;
	letter-spacing:4px;
	color:inherit;
	float:left;
	width:100%;
	color:#1171b7
}

h2.title-page
{
	font-family:txt-bold;
	font-size:30px;
	letter-spacing:4px;
	color:inherit;
	float:left;
	width:100%;
	color:#1171b7
}
h3.title-page
{
	font-family:txt;
	font-size:30px;
	letter-spacing:4px;
	color:inherit;
	float:left;
	width:100%;
	color:#585857
}
p.title-page
{
	font-family:txt;
	font-size:18px;
	color:inherit;
	float:left;
	width:100%;
}

p.subtitle-page
{
	font-family:txt;
	font-size:13px;
	color:inherit;
	letter-spacing:2px;
	float:left;
	width:100%;
}
p.desc-page
{
	font-family:txt;
	font-size:16px;
	line-height:21px;
	color:inherit;
	float:left;
	width:100%;
	letter-spacing:2px
}
p.desc-page2
{
	font-family:txt;
	font-size:16px;
	line-height:21px;
	color:inherit;
	float:left;
	width:50%;
	padding:0 25%;
	letter-spacing:2px
}

div.desc-page-wrp
{
	font-family:txt;
	font-size:16px;
	line-height:21px;
	color:inherit;
	float:left;
	width:100%;
	letter-spacing:2px;
	text-align:justify
}
div.desc-page-wrp p
{
font-family: 'EB Garamond', serif !important;
	font-size:16px;
	line-height:21px;
	color:inherit;
	float:left;
	width:100%;
	letter-spacing:2px;
	text-align:justify
}
.corsivo
{
	font-family: 'EB Garamond', serif !important;
}









/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */











/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE PAGINA

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */



div.section-container
{
	width:100%;
	float:left;
	height:auto;
	padding:100px 0;
	text-align:center
}
div.wrp
{
	width:100%;
	float:left;
	height:auto;
}
div.wrpsmall
{
	width:100%;
	float:left;
	height:auto;
	margin:0 0%;
}
div.wrpsmall2
{
	width:100%;
	float:left;
	height:auto;
	margin:0 0%;
}

.mtop
{
	margin-top:100px;
}
.mbottom
{
	margin-bottom:100px;
}
.mtops
{
	margin-top:50px;
}
.mbottoms
{
	margin-bottom:50px;
}
.tcenter
{
	text-align:center;
}
.tleft
{
	text-align:left;
}
.tright
{
	text-align:right;
}
.tjust
{
	text-align:justify;
}

.bg1
{
	background:#ffffff
}
.bg2
{
	background-color:#f5f5f2;
}
div.separator
{
	float:left;
	width:100%;
	height:auto;
}









div.page-container
{
	margin:auto;
	height:auto;
}



div.height-container
{
	float:left;
	width:100%;

}


/*  collegamenti link */

a.link-selected:link, a.link-selected:visited, a.link-selected:focus
{
	text-decoration:none;
	color:inherit;
	background-color:transparent;
	/* transiton */
	transition:background-color 0.5s;
	-webkit-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	/* transiton */
}
a.link-selected:hover
{
	text-decoration:none;
	color:#FFFFFF;
	background-color:#1171b7;
}

a.link-selected-txt:link, a.link-selected-txt:visited, a.link-selected-txt:focus
{
	text-decoration:none;
	color:inherit;
	background-color:transparent;
	/* transiton */
	transition:color 0.5s;
	-webkit-transition:color 0.5s;
	-o-transition:color 0.5s;
	-ms-transition:color 0.5s;
	-moz-transition:color 0.5s;
	/* transiton */
}
a.link-selected-txt:hover
{
	text-decoration:none;
	color:#1171b7;
}

a.link-selected-uni:link, a.link-selected-uni:visited, a.link-selected-uni:focus
{
	text-decoration:none;
	color:inherit;
	background-color:transparent;
	cursor:pointer;
	/* transiton */
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	/* transiton */
}
a.link-selected-uni:hover
{
	text-decoration:none;
	color:#1171b7;
	cursor:pointer;

}




a.link-curved:link, a.link-curved:visited, a.link-curved:focus
{
	text-decoration:none;
	color:#1171b7;
	background-color:transparent;
	border:2px #1171b7 solid;
	/* transiton */
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	display:block;
	float:left;
	padding:10px 20px;
	margin-top:100px;
	/* transiton */
	border-radius:50px;
	-moz-border-radius:50px;
	-webkit-border-radius:50px;
	-o-border-radius:50px;
	-ms-border-radius:50px;
}
a.link-curved:hover
{
	text-decoration:none;
	color:#585857 ;
	background-color:transparent;
	border:2px #585857 solid;
}

/* fine collegamenti link */




/*link-image*/

a.link-image img
{
	border:0;
	opacity:0.9;
	/* transiton */
	transition:opacity 0.9s;
	-webkit-transition:opacity 0.9s;
	-o-transition:opacity 0.9s;
	-ms-transition:opacity 0.9s;
	-moz-transition:opacity 0.9s;
	/* transiton */
}
a.link-image img:hover
{
	opacity:0.5;
}

/*link-image*/






/*divisione pagina sidebar*/

div#page-center
{
	float:left;
	height:auto;
	margin-bottom:50px;
}


div#page-side
{
	float:left;
	height:auto;
	margin-bottom:50px;
}



div.page-center2
{
	float:left;
	height:auto;
	margin-bottom:50px;
}


div.page-side2
{
	float:left;
	height:auto;
	margin-bottom:50px;
}



/*divisione pagina sidebar*/




.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('https://www.igravity.net/images/foto_home_page_igravity2019.jpg') 50% 50% no-repeat rgb(255,255,255);
    background-size:cover;
    opacity: 1;
}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */





/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE GRIGLIA

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


/* grid3 */

div.grid-3-1
{
	height:auto;
	float:left;
}
div.grid-3-2
{
	height:auto;
	float:left;
}
div.grid-3-3
{
	height:auto;
	float:left;
}
/* grid3 */



/* grid3 big */
div.grid-3
{
	height:auto;
	float:left;

	width:100%;
	margin-right:0;
	margin-bottom:20px;
}
div.grid-3:last-child
{
	margin-right:0;
	margin-bottom:0;
}
/* grid3 big */



/* grid2 */

div.grid-2-1
{
	height:auto;
	float:left;
}
div.grid-2-2
{
	height:auto;
	float:left;
}
/* grid2 */


/* grid2 centrato */

div.grid-2-att
{
	height:auto;
	float:left;
	width:100%
}
/* grid2 centrato */

/* grid2 centrato */

div.grid-2-perc
{
	height:auto;
	float:left;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
}
div.grid-2-perc:last-child
{
	margin-right:0;
	margin-bottom:0px;
}

/* grid2 centrato */





/* grid3 centrato */

div.grid-3-center
{
	height:auto;
	float:left;
}
/* grid3 centrato */

/* grid3 centrato */

div.grid-3-att
{
	height:auto;
	float:left;
	width:100%
}
/* grid3 centrato */




/* grid4 */

div.grid-4-1
{
	height:auto;
	float:left;
}
div.grid-4-2
{
	height:auto;
	float:left;
}
div.grid-4-3
{
	height:auto;
	float:left;
}
div.grid-4-4
{
	height:auto;
	float:left;
}


div.grid-4
{
	height:auto;
	float:left;
	width:100%;
	margin-right:0;
	margin-bottom:20px;
}
div.grid-4:last-child
{
	margin-right:0;
	margin-bottom:0px;
}

/* grid4 */


/* div altezza uguale */
#wrpHeight{
	display:block;
	height:auto;
	float:left;
	width:100%;

}
.colHeightRow  {
	float:left;
	width:100%;
}

/* div altezza uguale */




/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */







/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE LOGO HOME

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */



#logo
{

	height:auto;
	width:80%;
	text-align:left;
	float:left;
}

#logo img
{


	width:100%;
	max-width:257px;
	margin-left:0px;
}






/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */









/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE MENU

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


#menu-container
{
	float:left;
	height:auto;
	margin-bottom:0px;
	background-color:rgba(0, 0, 0, 0.5);;
	padding:0;
	position:fixed;
	z-index:2000
}
div.menuWrp
{
    float: left;
    width: 100%;
}

div#menu
{
	width:100%;
	height:auto;
	float:left;
	z-index:100;
	display:none;
}
div.menu-mobile-wrp
{
	width:20%;
	height:auto;
	float:left;
	z-index:100;
	display:block;
}

div.menu-mobile
{
	cursor:pointer;
	background-color:transparent;
	color:#fff;
	text-align:center;
	margin-top:25px;
	margin-right:30px;
	float:right;
}
div.menu-mobile:hover
{
	background-color:rgba(0, 0, 0, 0.5);;
	color:#fff;
}


div#header-menu ul li
{
	font-size:13px;
}

/* _________ COLORE TESTO blu _________ */
div#header-menu ul li
{
	color:#585857;
}



/* fullscreen-menu overlay */
#overlay {
	display:none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  /* Want a left- or right sided navigation instead? Just play around with the width! */
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  z-index:10000;
/*background:url(../images/sfondi/axiom-pattern.png) fixed!important;*/
}


#overlay div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100vh;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#overlay ul {
  list-style: none;
  margin: 0;
  padding: 0;
  color: white;
  text-align: center;
}

#overlay ul li {
  margin:15px auto;
  font-size:20px;
  padding:10px 0;
}

/* fullscreen-menu */
/*----------------------------------*/
/*----------------------------------*/







ul.menu-mob
{
	padding:0;
	margin:20px;
	width:100%;
	height:auto;
	float:left;
	color:white;
	font-family:txt-bold;
	display:inline-block;
	list-style:none;
	text-align:left;

}
ul.menu-mob li
{
	padding:0;
	margin:0 5px;
	width:auto;
	height:auto;
	color:white;
	font-family:txt-bold;
	font-size:22px
}



.default
{
	width:100%;
	height:auto;
}

.fixed
{
	position: fixed;
	top: -5px;
	left: 0;
	width: 100%;
	opacity:0.9;
	z-index: 999;
}

.fixed ul li
{
	opacity:1!important;

}



div#menu ul
{
 	width:auto;
 	margin:0 auto;
 	padding: 0;
 	margin:0;
 	text-align:right
}

div#menu ul li
{
	color: #585857;
    display: inline-block;
    font-family: txt;
    line-height: 87px;
    list-style-type: none;
    margin: 0 20px 0 0px;
    padding: 0;
	font-size:14px;
	text-transform:uppercase;
}

div#menu ul li.selected-menu
{
	color:#585857;
}
div#menu ul li:hover
{
	color:#585857;
}

div#menu ul li.selected-menu
{
	color:#585857;
}

/*  collegamenti link */

a.link-menu
{
	text-decoration:none;
	color: #585857;
	background-color:transparent;
	display:block;
	/* transiton */
	transition:color 0.5s;
	-webkit-transition:color 0.5s;
	-o-transition:color 0.5s;
	-ms-transition:color 0.5s;
	-moz-transition:color 0.5s;
	/* transiton */
}

a.link-menu:link, a.link-menu:visited, a.link-menu:focus
{
	text-decoration:none;
	color: #585857;
	background-color:transparent;
	display:block;
	/* transiton */
	transition:color 0.5s;
	-webkit-transition:color 0.5s;
	-o-transition:color 0.5s;
	-ms-transition:color 0.5s;
	-moz-transition:color 0.5s;
	/* transiton */
}
a.link-menu:hover
{
	text-decoration:none;
	color:#1171b7;
	background-color:transparent;
}

div#menu ul li.selected-menu a.link-menu{
	color:#1171b7!important;
}

a.link-menu-nolink:hover
{
	color: #585857 !important;
}

#overlay ul li.TitleSubmenu
{
    margin-bottom: 5px;
    padding-bottom: 0;
}

#overlay ul li.submenu
{
    margin: 10px 0px;
    padding: 0;
    font-size:16px
}



/* fine collegamenti link */


html body div ul.menu-mob li a.link-menu:link,
html body div ul.menu-mob li a.link-menu:visited,
html body div ul.menu-mob li a.link-menu:focus
{
	text-decoration:none;
	color: #fff;
	background-color:transparent;
	display:block;
	margin-bottom:20px;

	/* transiton */
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	/* transiton */
}
html body div ul.menu-mob li a.link-menu:hover
{
	text-decoration:underline;
	color: #fff;
	background-color:transparent;
}


/*menu*/



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */










/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE HOME PAGINA CONTAINER

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

h3.title-slider
{
	color:#fff;
	font-size:30px;
}
p.desc-slider
{
	color:#fff;
	font-size: 20px;
	font-family: 'EB Garamond', serif;

}
hr.lineslider
{
	color:#fff;
	width:10%
}

hr.lineslider-inv
{
	float:left;
	width:20%;
	margin-right:80%;
}
hr.lineslider-imp
{
	float:right;
	width:20%;
	margin-left:80%;
}



div.title-section
{
	width:100%;
	margin-bottom:50px;
}
div.title-section h2
{
	letter-spacing:3px
}
div.title-section div.border-title-section
{
	width:10%;
	height:1px;
	margin-left:45%;
	margin-top:20px;
	background-color:#585857
}

div.subtitle-section
{
	width:100%;
	margin-bottom:30px;
}
div.title-section h3
{
	letter-spacing:3px
}



div.parallax-bg
{
}


div.parallax-home
{
margin-bottom:100px;
height:100%;
background:url('https://www.igravity.net/images/foto_home_page_igravity2019.jpg');
background-position:center;
padding:0;
background-size: cover;
}


div.parallax-research
{
margin-bottom:100px;
height:100%;
background:url('https://www.igravity.net/images/sfondi2019/bgresearch.jpg');
background-position:center;
padding:0;

}

div.parallax-universe
{
margin-bottom:100px;
height:96px;

background-position:center;
padding:0;

background-color: #b8b8b8; /* non CSS3 browsers */
background: linear-gradient(to left, #184771, #bacde1); /* Sfumatura */
background: -webkit-linear-gradient(right, #184771, #bacde1); /* Sfumatura Safari */
background: -o-linear-gradient(left, #184771, #bacde1); /* Sfumatura Opera */
background: -moz-linear-gradient(left, #184771, #bacde1); /* Sfumatura Firefox */

}


div.parallax-investment
{
margin-bottom:100px;
height:100%;
background:url('https://www.igravity.net/images/sfondi2019/bguniverse2.jpg');
background-position:center;
padding:0;
}


div.parallax-advisory
{
height:auto;
padding:200px 0;
background:url('https://www.igravity.net/images/sfondi/img_advisory2_mobile.jpg');
background-position:center;
}


div.parallax-team
{
margin-bottom:100px;
height:96px;

background-position:center;
padding:0;

background-color: #b8b8b8; /* non CSS3 browsers */
background: linear-gradient(to left, #184771, #bacde1); /* Sfumatura */
background: -webkit-linear-gradient(right, #184771, #bacde1); /* Sfumatura Safari */
background: -o-linear-gradient(left, #184771, #bacde1); /* Sfumatura Opera */
background: -moz-linear-gradient(left, #184771, #bacde1); /* Sfumatura Firefox */

}


div.parallax-journal
{
margin-bottom:100px;
height:50%;
background:url('https://www.igravity.net/images/sfondi2019/bgjournal.jpg');
background-position:center;
padding:0;

}

div.parallax-journal21
{
margin-bottom:100px;
height:96px;

background-position:center;
padding:0;

background-color: #b8b8b8; /* non CSS3 browsers */
background: linear-gradient(to left, #184771, #bacde1); /* Sfumatura */
background: -webkit-linear-gradient(right, #184771, #bacde1); /* Sfumatura Safari */
background: -o-linear-gradient(left, #184771, #bacde1); /* Sfumatura Opera */
background: -moz-linear-gradient(left, #184771, #bacde1); /* Sfumatura Firefox */

}
div.parallax-journalpost
{
margin-bottom:100px;
height:50%;
background-position:center;
padding:0;
}



div.parallax-impact
{
margin-bottom:100px;
height:100%;
background:url('https://www.igravity.net/images/sfondi2019/bgimpact.jpg');
background-position:center;
padding:0;

}





/*home*/

div.logoanimationhome
{
	position:relative;
	height:auto;
	width:60%;
	margin-left:20%;
	margin-top:100px;
}

div.logoanimationhome img
{
	width:100%;
	float:left
}




div.desc-page-home
{
	position:relative;
	width:100%;
	margin-left:-0;
	margin-top:30px;
	float:left
}

div.desc-page-home p
{
	width:100%;
	float:left;
	text-align:left;
	color:white;
	font-size:16px;
	font-family: 'EB Garamond', serif;
}

div.desc-page-home p span
{
	font-size:40px;
	letter-spacing:10px;
	font-family:txt
}

div.desc-page-home p span.sottotilone
{
	font-size:20px;
	letter-spacing:0px;
	font-family:txt
}






div.cerchio-home
{
	position:relative;
	overflow:hidden;
	transition:all  0.5s  ease-in-out;
	-webkit-transition:all  0.5s  ease-in-out;
	-o-transition:all  0.5s  ease-in-out;
	-ms-transition:all  0.5s  ease-in-out;
	-moz-transition:all  0.5s  ease-in-out;
	border-radius:50%;
}

div.cerchio-home img
{
	width:100%;
	float:left;
	height:auto;
	z-index:10;
	transition:all  0.5s  ease-in-out;
	-webkit-transition:all  0.5s  ease-in-out;
	-o-transition:all  0.5s  ease-in-out;
	-ms-transition:all  0.5s  ease-in-out;
	-moz-transition:all  0.5s  ease-in-out;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;

}
div.cerchio-home a
{
	position:absolute;
	width:100%;
	float:left;
	height:100%;
	display:block;
	z-index:10

}


div.cerchio-home:hover img
{
transform:rotate(-90deg);
}


div.cerchio-home-txt
{
margin: 0;
position: absolute;
width: 60%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
line-height: 16px;
}
div.cerchio-home-txt p span
{
	font-size:25px;
	line-height:25px
}
p.cerchio-home-desc
{
	font-size:16px
}

p.titolo-cerchio-home-txt
{
border-bottom:1px #585857 solid;
padding-bottom:10px;
margin-bottom:10px
}




/*home*/








.circle-container {
  position: relative;
  /* 1 */
  width: 100%;
  height: auto;
  padding: 0;
  list-style: none;
  /* 2 */
  box-sizing: content-box;
  /* 3 */
  margin: 50px auto 0px auto ;

  border-radius: 50%;
  border: solid 0px #e0e0e0;
  /*
  background-image:url('../images/sfondi2019/bgteam.png')*/

}
.circle-container > * {
  /* 4 */
  display: block;
  position: relative;

  width: 100%;
  height: auto;

  	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}
.bigfototeam
{
  width: 150px;
  height: 150px;
  margin: auto;
  border-radius:50%;
  border: solid 7px #e0e0e0;
  background-color:#fff
}
.linefototeam
{
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background-image:url('../images/sfondi2019/bglinkfoto.png');
  transform: rotate(-90deg);
	background-position:center center
}

.linkfototeam
{
  width: 80px;
  height: 80px;
  margin:auto;
  border: solid 7px #e0e0e0;
  border-radius:50%;
	background-color:#fff;
	display:none

}

.logogravteam
{
	width:100%;
	height:auto;
	text-align:center
}
div.info-team2019
{
margin: 0;
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
text-align:center;
max-width:250px
}
li.linkfototeam div
{
margin: 0;
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}


/* link*/
a.link-team:link,
a.link-team:visited,
a.link-team:focus
{
	text-decoration:none;
	line-height:20px;
	font-size:16px;
	color:#84bfc7;
	background-color:transparent;
	/* transiton */
	transition:color 0.5s;
	-webkit-transition:color 0.5s;
	-o-transition:color 0.5s;
	-ms-transition:color 0.5s;
	-moz-transition:color 0.5s;
	/* transiton */
}
a.link-team:hover
{
	text-decoration:none;
	color:#000;
}

li.nameteam1,
li.nameteam2,
li.nameteam3,
li.nameteam4,
li.nameteam5,
li.nameteam6,
li.nameteam7,
li.nameteam8,
li.nameteam9,
li.nameteam10,
li.nameteam11,
li.nameteam12,
li.nameteam13,
li.nameteam14,
li.nameteam15
{
  font-size:12px;
  margin-top:10px;
  margin-bottom:20px
}


li.nameteam1 p.team-name,
li.nameteam2 p.team-name,
li.nameteam3 p.team-name,
li.nameteam4 p.team-name,
li.nameteam5 p.team-name,
li.nameteam6 p.team-name,
li.nameteam7 p.team-name,
li.nameteam8 p.team-name,
li.nameteam9 p.team-name,
li.nameteam10 p.team-name,
li.nameteam11 p.team-name,
li.nameteam12 p.team-name,
li.nameteam13 p.team-name,
li.nameteam14 p.team-name,
li.nameteam15 p.team-name
{
	width:50%;
	margin-left:25%;
}

li.linkfototeam hr
{
	margin:0 25%;
	width:50%;
	color:#D8FFFF
}


p.team-name
{
	font-family:txt-bold;
	border-bottom:1px silver solid;
	padding-bottom:10px;
	margin-bottom:10px;
}
p.team-descriz
{
	font-size:14px;
	margin-top:10px
}
p.team-titleperson
{
	font-family:txt-bold;
	font-size:14px;
	margin-bottom:10px

}


/*
@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg) translate(250px) rotate(-0deg);
		}
		to {
				-webkit-transform: rotate(359deg) translate(250px) rotate(-359deg);
		}
}
.circle-container > :nth-of-type(9) {
		-webkit-animation: rotation 20s infinite linear;
}

@-webkit-keyframes rotation1 {
		from {
				-webkit-transform: rotate(30deg) translate(250px) rotate(-30deg);
		}
		to {
				-webkit-transform: rotate(389deg) translate(250px) rotate(-389deg);
		}
}
.circle-container > :nth-of-type(10) {
		-webkit-animation: rotation1 20s infinite linear;
}

*/




.circle-container img {
  display: block;
  width: 90%;
  border-radius: 50%;
  margin:5%;
}

.circle-container li:last-child img {
  transform: scale(1.25);
}
.circle-container img:hover {
	opacity:0.7
}




html body div.section-container.bg1.mbottom div.page-container div.height-container ul.circle-container li.logogravteam
{
	width:50%;
	margin-left:25%;
	margin-top:50px
}
html body div.section-container.bg1.mbottom div.page-container div.height-container ul.circle-container li.logogravteam img
{
	width:100%;
	height:auto;
	border-radius: none;
	transform: scale(1);
	margin:0

}







div.desc-page-journal
{
margin: 0;
position: absolute;
width: 60%;
top: 25%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}




div.journalpostsBig
{
 width: 100%;
 float:left;
}


div.journalpostsBig div.journal-item
{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	width:100%;
	padding:0%;
	float:left;
	height:auto;
	background-color:#fff
}



div.journalpostsBig div.journal-item-img img
{
	width:100%;
	float:left;
	height:auto;
	background-color:#fff
}
div.journalpostsBig div.journal-item-img img:hover
{
	opacity:0.5
}


.journalbigdesc
{
	font-size:18px!important;
	letter-spacing:0px!important;
	line-height:26px!important
}

div.journalbigdescwrp p
{
	font-size:18px!important;
	letter-spacing:0px!important;
	line-height:26px!important
}

div.journalbigdescwrp p img
{
	float:left;
	width:100%;
	margin:20px 0
}



div.journalbigdescwrp p a:link, div.journalbigdescwrp p a:visited, div.journalbigdescwrp p a:focus
{
	text-decoration:none;
	color:#1171b7;
	background-color:transparent;
	padding:0 5px;
	/* transiton */
	transition:background-color 0.5s;
	-webkit-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	/* transiton */
}
div.journalbigdescwrp p a:hover
{
	text-decoration:none;
	color:#FFFFFF;
	background-color:#1171b7;
}

a.link-pdf-journal:link, a.link-pdf-journal:visited, a.link-pdf-journal:focus
{
	text-decoration:none;
	color:#fff;
	background-color:#1171b7;
	padding:5px 10px;
	/* transiton */
	transition:background-color 0.5s;
	-webkit-transition:background-color 0.5s;
	-o-transition:background-color 0.5s;
	-ms-transition:background-color 0.5s;
	-moz-transition:background-color 0.5s;
	/* transiton */
}
a.link-pdf-journal:hover
{
	text-decoration:none;
	color:#FFFFFF;
	background-color:#ffbb44;
}



.videoresponsive{
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative;
    margin:30px 0;
}
.videoresponsive iframe,
.videoresponsive object,
.videoresponsive embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}



div.journalposts
{
 width: 100%;
 margin-right:0%;
 float:left;
-webkit-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
}

div.journalposts:nth-child(3n + 1)
{
 margin-right:0%;

}


div.journalposts2
{
 width: 100%;
 margin-right:0%;
 float:left;
-webkit-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
}

div.journalposts2:nth-child(4n + 1)
{
 margin-right:0%;

}


.filtro {
}
.isotope-pager
{
	display:none
}


.filters {
	width: 100%;
	text-align: center;
	padding-bottom: 35px;
}

.filters ul {
	list-style: none;
	padding:0;
	margin:0
}

.filters li {
	display: inline-block;
	margin:0 10px;
}
.filters li a{
	display: block;
	font-family: txt;
	padding-bottom: 10px;
    cursor: pointer;
    text-transform:uppercase;
    color:#84bfc7;
	line-height:20px;
	font-size:15px
}
.filters li a:hover{
	color:#84bfc7;
}

.filters li:hover {
	border-radius: 50%;
}

.filters li.active a{
	color: #f8ae41;
	border: 1px solid #f8ae41;
	border-radius: 15px;
	padding: 5px 20px;
	line-height:20px;
	font-size:18px;
	font-family: txt-bold;
}





div.journalposts3
{
 width: 100%;
 margin-right:0%;
 float:left;
-webkit-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
box-shadow: 0px 24px 29px -21px rgba(0,0,0,0.75);
}


div.journalposts div.journal-item,
div.journalposts2 div.journal-item.
div.journalposts3 div.journal-item
{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	width:100%;
	padding:0%;
	float:left;
	height:auto;
	background-color:#fff
}


div.journalposts  div.journal-item-img,
div.journalposts2  div.journal-item-img,
div.journalposts3  div.journal-item-img
{
	width:100%;
	float:left;
	height:auto;
	cursor:pointer;
}
div.journalposts div.journal-item-img img,
div.journalposts2 div.journal-item-img img,
div.journalposts3 div.journal-item-img img
{
	width:100%;
	float:left;
	height:auto;
	background-color:#fff
}
div.journalposts  div.journal-item-img img:hover,
div.journalposts2  div.journal-item-img img:hover,
div.journalposts3  div.journal-item-img img:hover
{
	opacity:0.5
}


div.journalposts  div.journal-item-desc,
div.journalposts2  div.journal-item-desc,
div.journalposts3  div.journal-item-desc
{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	width:100%;
	padding:10% 10% 50px 10%;
	float:left;
	height:auto;
	background-color:#fff;
	position:relative

}

html body div.section-container.bg2 div.page-container div.height-container div.wrp.cards div.journalpostsBig.mtop div.journal-item.card-container div.grid-2-2.journal-item-descBig
{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:0% 5% 0px 5%;
}








/*research*/

div.desc-page-research
{
margin: 0;
position: absolute;
width: 80%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
text-align:center
}

.quotes {display: none;}




.grid-item {
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

.grid-item:nth-of-type(5n + 1) {
	background-color: #fff;
}
.grid-item:nth-of-type(5n + 2) {
	background-color: #fff;
}
.grid-item:nth-of-type(5n + 3) {
	background-color: #fff;
}
.grid-item:nth-of-type(5n + 4) {
	background-color: #fff;
}
.grid-item:nth-of-type(5n) {
	background-color: #fff;
}
.grid-item .grid-item {
	background-color: #fff;
}


div.researchbox
{
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat
}
div.researchinfo
{
	position:absolute;
	z-index:10;
}
p.researchinfo-title
{
	padding:10%;
	color:#fff;
	font-size:20px;
	cursor:pointer
}
p.researchinfo-title:hover,
p.researchinfo-desc:hover
{
	opacity:0.8
}

p.researchinfo-desc
{
	padding:10%;
	color:#fff;
	font-size:16px;
	cursor:pointer;
		font-family: 'EB Garamond', serif;
		line-height:16px

}

p.textresearchBig
{
	font-size:16px;
	line-height:16px
}



div.researchinfo-left
{
	width:50%;
	height:100%;
	top:0;
	left:0;
}
div.researchinfo-right
{
	width:50%;
	height:100%;
	top:0;
	right:0;
}
div.researchinfo-bottom
{
	width:100%;
	height:auto;
	bottom:0;
	right:0;
}

div.researchinfo-color1
{
	background-color:rgba(249, 104, 104, 0.4);
}
div.researchinfo-color2
{
	background-color:rgba(47, 116, 192, 0.4);
}
div.researchinfo-color3
{
	background-color:rgba(33, 133, 127, 0.4);
}
div.researchinfo-color4
{
	background-color:rgba(204, 165, 45, 0.4);
}
div.researchinfo-color5
{
	background-color:rgba(38, 36, 110, 0.4);
}









.grid-item2 {
	padding: 10px;
	overflow: hidden;
	box-sizing: border-box;
}
.grid-item2 {
	background-color: #3c8dbc;
}








div.cerchio-extrapage
{
	position:relative;
	overflow:hidden;
	transition:all  0.5s  ease-in-out;
	-webkit-transition:all  0.5s  ease-in-out;
	-o-transition:all  0.5s  ease-in-out;
	-ms-transition:all  0.5s  ease-in-out;
	-moz-transition:all  0.5s  ease-in-out;
	border-radius:50%;
}

div.cerchio-extrapage img
{
	width:100%;
	float:left;
	height:auto;
	z-index:10;
	transition:all  0.5s  ease-in-out;
	-webkit-transition:all  0.5s  ease-in-out;
	-o-transition:all  0.5s  ease-in-out;
	-ms-transition:all  0.5s  ease-in-out;
	-moz-transition:all  0.5s  ease-in-out;
	border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-o-border-radius:50%;
-ms-border-radius:50%;

}
div.cerchio-extrapage a
{
	position:absolute;
	width:100%;
	float:left;
	height:100%;
	display:block;
	z-index:10
}


div.cerchio-extrapage:hover img
{
transform:rotate(-90deg);
}


div.cerchio-extrapage-txt
{
margin: 0;
position: absolute;
width: 60%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}
div.cerchio-extrapage-txt p span
{
	font-size:25px;
	line-height:25px
}
p.cerchio-extrapage-desc
{
	font-size:16px
}





/*impact*/
div.desc-page-impact
{
margin: 0;
position: absolute;
width: 60%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}

div.impactitem
{
	border-radius:50%;
}
div.impactitem div
{
margin: 0;
position: absolute;
width: 60%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
color:white;
font-size:20px;
}
div.impactitem1
{
	background-color:#989a9a
}
div.impactitem2
{
	background-color:#84bfc7
}
div.impactitem3
{
	background-color:#00435f
}
div.impactitem4
{
	background-color:#faaf40
}







/*impact*/



/*investmentsolution*/

div.desc-page-investmentsolution
{
	margin: 0;
position: absolute;
width: 60%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}


p.title-investment
{
	width:70%;
	margin:40px 15% 10px 15%;
	font-size:20px;
	letter-spacing:2px;
	padding-bottom:10px;
	border-bottom: 1px white solid;
}
p.desc-investment
{
	width:70%;
	margin:20px 15% 40px 15%;
	color:#fff;
	font-size:16px;
}


.investment-item
{
	float:left;
	height:auto;
}


.investment-item img
{
	float:left;
	height:auto;
	width:100%;
	margin:0px 0% 0px 0%;
	padding:0px 0% 20px 0%;
}

.investment-info
{
	float:left;
	height:auto;
	width:100%;
	background-color:white
}

.investment-info  p.title-investment
{
	width:70%;
	margin:40px 15% 10px 15%;
	text-transform:uppercase;
	font-size:20px;
	letter-spacing:2px;
	padding-bottom:10px;
	border-bottom: 1px #585857 solid;
}
.investment-info p.desc-investment
{
	width:70%;
	margin:20px 15% 40px 15%;
	color:#585857;
	font-size:16px;
}

.investment-icon
{
	float:left;
	height:auto;
	width:80%;
	padding: 10%;
	background-color:white;
	text-align:left;
	border-top:2px #f5f5f2 solid;
}
.investment-icon img
{
	height:auto;
	width:25%;
	margin:0;
}


.investmentacqua1
{
	background-color:#7faab1
}

.investmentacqua2
{
	background-color:#84bfc7
}

.investmentacqua3
{
	background-color:#9bcad0
}


.investmentsilver1
{
	background-color:#00435f
}


.investmentsilver2
{
	background-color:#85c0c8
}


.investmentsilver3
{
	background-color:#ffbb44
}

.investmentsilver4
{
	background-color:#b4b6b5
}


div.icon-box
{
	font-size: 30px;
	display: inline-block;
	width:100%;
	text-align:center
}

div.icon-box img
{
	width:45%;
}
div.divisor-box
{
	height:2px;
	background-color:#fff;
	width:30%;
	margin-left:35%;
	float:left;
	margin-right:25%;
}
div.divisor-box2
{
	height:2px;
	background-color:#fff;
	width:30%;
	margin:15px 35%;
	float:left;

}





.impact-item-new
{
	float:left;
	height:auto;
  width: 100%;
  margin-bottom: 100px;
  background-color: #dedfdd;
  position: relative;
}
.impactbordercolor
{
  border-bottom: 20px #05445e solid;
}


.impact-item-new:last-child
{
  margin-bottom: 0px;
}


.impact-item-newBG
{
	float:left;
	height:400px;
	width:100%;
  background-position: center;
  background-size: cover;

}
.impact-info-new
{
  float:left;
  height:auto;
  width: 100%;

  background-color: #dedfdd
}

div.title-impact-new
{
  width:80%;
  margin:50px 10% 15px 10%;
	font-size:23px;
	letter-spacing:4px;
  text-transform: uppercase;
}
div.desc-impact-new
{
	width:80%;
  margin:0px 10% 50px 10%;
	font-size:18px;
  	font-family: 'EB Garamond', serif !important;
}
div.desc-impact-new p
{

  	font-family: 'EB Garamond', serif !important;
}


.impact-list-wrp
{
  float:left;
  height:0;
  width: 100%;
  background-color: #fff;
  overflow: hidden;
  transition:height 1.5s;
	-webkit-transition:height 1.5s;
	-o-transition:height 1.5s;
	-ms-transition:height 1.5s;
	-moz-transition:height 1.5s;
}
.impact-list-item
{
  width: 100%;
  float: left;;
  list-style: none;
  text-align: center;
  margin: 0;
  padding: 0
}

.impact-list-item li
{
  width: 79%;
  display: inline-block;
  margin: 0;
  padding: 50px 10% 50px 10%;
  vertical-align: top;
}

.impact-list-title
{
  text-align: center;
  font-size:18px;
	letter-spacing:2px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px
}

.impact-list-desc
{
  text-align: center;
  font-size:16px;

}
.impact-list-desc p
{
  text-align: center;
  font-size:16px;

}
.impact-list-img
{
  width: 90%;
  margin: 0 5%;
  text-align: center;
  margin-bottom: 15px
}
.impact-list-img img
{

  width: 100%;
  max-width: 180px;
  border-radius: 50%;
  overflow: hidden;
}
.impact-list-plus
{
  width: 90%;
  margin: 25px 5% 0 5%;
}

.impact-list-plus a i
{
  background-color: #585857;
  display: inline-block;
  color:#fff;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  letter-spacing: 0;
  margin-bottom: 10px
}
.impact-list-plus a
{
  color:#585857;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 4px
}


.ImpactopenArrow
{
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  margin-left: -25px;
  margin-bottom: -25px;
  bottom:0

}
.ImpactopenArrow img
{
  width: 100%;
}



div.universe-item-img
{
	width:100%;
	margin-right:0;
	float:left;
	height:100%;
	border-radius:50%;
	overflow:hidden;
	background-image:url('../images/sfondi2019/cerchiogiallohome.png');
	background-size:cover;

	position:relative;

	/* transiton */
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	/* transiton */

}
div.universe-item-img:nth-child(4n + 0)
{
	margin-right:0;

}
div.universe-item-img:nth-child(2n + 0)
{
	background-image:url('../images/sfondi2019/cerchioazzurrohome.png');

}



div.universe-item-img img
{
	width:80%;
	margin:10%;
	float:left;
	height:auto;
	border-radius:50%;
    z-index: 25;
		/* transiton */
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	/* transiton */
}



div.rolloverUniverse
{
	position: absolute;
	width: 80%;
	margin:10%;
	float: left;
	height: 80%;
	display: none;
	z-index: 30;

    background-color:rgba(0, 0, 0, 1);;
    border-radius:50%;

    		/* transiton */
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	/* transiton */
	  transform: rotate(+30deg);

}
div.rolloverUniverse div
{

margin: 0;
position: absolute;
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 5;
}


div.universe-item-img:hover .rolloverUniverse
{
	display: block;
  background-color:rgba(0, 0, 0, 0.8);
}


div.universe-item-img:hover
{
transform: rotate(-30deg);

}
div.universe-item-img:hover img
{
transform: rotate(+30deg);

}


a.link-universe:link, a.link-universe:visited, a.link-universe:focus
{
	text-decoration:none;
	font-size:50px;
	color:#FFFFFF;
	margin:0 10px ;
	background-color:transparent;
	/* transiton */
	transition:color 0.5s;
	-webkit-transition:color 0.5s;
	-o-transition:color 0.5s;
	-ms-transition:color 0.5s;
	-moz-transition:color 0.5s;
	/* transiton */
}
a.link-universe:hover
{
	text-decoration:none;
	color:#9bcad0;
}























div.blog-item-img
{
	width:100%;
	float:left;
	height:auto;
}
div.blog-item-img img
{
	width:100%;
	float:left;
	height:auto
}

div.link-box-jur
{
	width:100%;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	height:auto;
	margin:0 0 10px 0;
	background:#fff
}



div.link-box-peop
{
	width:80%;
	padding:0 10%;
	background-color:transparent;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	height:auto;
	margin:10px 0;

}
div.link-box-uni
{
	width:80%;
	padding:0 10%;
	background-color:transparent;
	float:left;
	position:absolute;
	bottom:0;
	left:0;
	height:auto;
	margin:10px 0;

}

ul.link-selected-uniwrp
{
	padding:0;
	margin-left:0;
	margin-right:0;
	width:100%;
	float:left;
	list-style:none;

}

div.page-pad-box
{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	width:100%;
	padding:0px 5% 130px 5% ;
	float:left;
	height:auto;
	position:relative

}
.journaldescrizione ul
{
	float:left
}





div.form-txt-container-cont {
    height: 80px;
    float: left;
    width: 80%;

    overflow: hidden;
    margin-left:10%
}

input.form-txt-contatti-cont {
    float: left;
    width: 90%;
    padding: 0 5%;
    height: 80px;
    line-height: 50px;
    border: solid 1px #fff;
    font-size: 13.5px;
    color: #232323;;
    font-size:20px

}

button.button-sendmex
{
    text-decoration: none;
    color: ##84bfc7;;
    background-color:transparent;
    border: 3px #3d3d44 solid;
    font-size: 10px;
	font-family:txt;
    text-transform:uppercase;
    padding: 10px 60px;
    display: inline-block;
    width: auto;
    font-size: 16px;
    letter-spacing: 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    letter-spacing:4px
}
button.button-sendmex:hover
{
    text-decoration: none;
    color: #84bfc7;;
    background-color: #84bfc7;;
    border: 1px #3d3d44 solid;
    cursor:pointer;
}


a.linknewsletter:link, a.linknewsletter:visited, a.linknewsletter:focus
{
    text-decoration: none;
    color: #000;;
    background-color:#fff;
    border: 3px #3d3d44 solid;
    font-size: 10px;
	font-family:txt;
    text-transform:uppercase;
    padding: 10px 60px;
    display: inline-block;
    width: auto;
    margin-top:20px;
    font-size: 16px;
    letter-spacing: 0px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    letter-spacing:4px
}
a.linknewsletter:hover
{
	text-decoration:none;
	color:#1171b7;
	cursor:pointer;

}

div.newsletterbox
{
	background-image:url('../images/sfondi2019/bgnewsletter.jpg');
	background-size:cover
}











div.infocontatct
{
	position:fixed;
	bottom:5%;
	right:0;
	width:70px;
  z-index:1111111;
}
div.infocontatct img
{
	float:left;
	width:100%;
}




/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

POP UP

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


.box {
  width: 40%;
  margin: 0 auto;
  background: rgba(255,255,255,0.2);
  padding: 35px;
  border: 2px solid #fff;
  border-radius: 20px/50px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  font-size: 1em;
  padding: 10px;
  color: #fff;
  border: 2px solid #06D85F;
  border-radius: 20px/50px;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-out;
}
.button:hover {
  background: #06D85F;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  z-index:1111111;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 70px -125px;
  left:50%;
  top:80px;
  padding: 20px;
  background: #fff;
  border-radius: 5px;
  width: 210px;
  float:left;
  position: relative;
  transition: all 5s ease-in-out;
  z-index:1111111;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 10px;
  right: 10px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #000;
}
.popup .close:hover {
  color: #84bfc7;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
  float:left
}


a.popupteam:link, a.popupteam:visited, a.popupteam:focus
{
	text-decoration:none;
	color:white;
	background:#84bfc7;
	padding:5%;
	width:90%;
	display:block;
	cursor:pointer;
	/* transiton */
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	/* transiton */
}
a.popupteam:hover
{
	text-decoration:none;
	color:white;
	cursor:pointer;
	background:#000;
}



div.articolowrp
{
	width:100%;
	margin-left:0%;
	margin-right:0%;
}




div.interview-wrp
{
	height:auto;
	width:100%;

	position:relative
}

div.interview-wrp::before
{
	height:400px;
	width:100%;
	background-color:#00435e;
	position:absolute;
	content: '';
	top:0;
	left:0;
	z-index:0
}


div.interview-wrp h1
{
	z-index:10;
	position:relative;
	color:#fff;
	text-align:left;
	font-size:20px;
	line-height:30px;
	margin-bottom:40px;
}
div.interview-wrp h1 span
{
	font-size:30px;
	font-weight:700
}


div.interviewed
{
		z-index:10;
	position:relative;
	width:100%;
	float:left;
	background:#fff;
	height:auto

}
div.side_int
{
	width:100%;
	float:left;
	height:auto
}

div.center_int
{
	width:100%;
	float:left;
	height:auto
}

img.img-interviewed
{
	width:100%;
	float:left
}

div.biointerviewed
{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	width:100%;
	float:left;
	padding:25px;
	background-color:white;
	text-align:justify;
	font-size:20px;
}

div.biointerviewed p
{
	line-height:24px!important;
}

div.icointerview div
{
	float:left;
	height:auto;
	width:100%
}
div.icointerview div img
{

	height:auto;
	width:125px
}

div.icointerview div h4
{
	line-height:30px!important;
	font-size:25px!important;
	font-weight:700;

	color:#00435f
}
div.icointerview div h4 span
{
	color:#84bfc7
}
div.answer_int
{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	width:100%;
	float:left;
	padding:25px;
	background-color:white;
	text-align:justify;
	font-size:18px;
	font-family: 'EB Garamond', serif !important;
	box-shadow: 1px 5px 18px -17px #000;
}

div.answer_int p
{
	font-family: 'EB Garamond', serif !important;
	line-height:24px!important;
	font-size:18px!important;
}

div.interviewed-list
{
	padding:20px;
	text-align:left;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */













/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE FOOTER

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


html body div#pre-footer
{
	width:100%;
	height:auto;
	float:left;
}

div#Pre-footer-container
{
	width:100%;
	height:auto;
	float:left;
	padding-top:0px;
	padding-bottom:50px;

}

div#footer
{
	width:100%;
	height:auto;
	float:left;
}

div#footer-container
{
	width:100%;
	height:auto;
	float:left;
	padding-top:0px;
	padding-bottom:20px;

}

div#footer-container p
{
   color: #585857;
    font-size: 12px;
    text-align: center;
}


.footer-contact-title
{
	border-bottom:1px #585857 solid;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:10px
}


div#Pre-footer-container div.grid-2-2 p.desc-page i
{
width: 35px;
display: inline-block;
text-align: center;
line-height: 30px;
font-size: 18px;
color:#84bfc7
}



html body div#pre-footer div.page-container div.height-container div#Pre-footer-container div.grid-2-1
{
 text-align:center
}

html body div#pre-footer div.page-container div.height-container div#Pre-footer-container div.grid-2-2
{
 text-align:center
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */














/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */







/*-  MEDIA QUERIES
 ----------------------------------------------------------------------*/

/* Disable ios/winmob font size changes */
@media screen and (max-width: 600px), screen and (max-device-width: 480px)
{
    html {
        -ms-text-size-adjust: none;
        -webkit-text-size-adjust: none;
    }
}


/*
@media screen and (min-width: 768px)
{
    body
    {
	background-color:blue
	}
}
*/


/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */
/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


a.font-mail {
    font-size: 18px !important;
}
