﻿@media screen and (min-width: 768px)
{
/* oooooooooooooooo stile tablet oooooooooooooooo */






/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE PAGINA

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


div.page-container
{
	width:720px;
	padding-left:15px;
	padding-right:15px;
}



/*divisione pagina sidebar*/

div#page-center
{
	width:100%;
	margin:0 50px 0 0;
	margin-bottom:50px;
}


div#page-side
{
	width:100%;
	margin:0 0 0 0;
	margin-bottom:50px;
}

div.page-center2
{
	width:100%;
	margin:0 0 0 0;
	margin-bottom:50px;
}


div.page-side2
{
	width:100%;
	margin:0 0 0 0;
	margin-bottom:50px;
}


/*divisione pagina sidebar*/





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


/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE GRIGLIA

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


/* grid3 */

div.grid-3-1
{
	width:200px;
	margin-left:30px;
	margin-right:30px;
}
div.grid-3-2
{
	width:200px;
	margin-left:0px;
	margin-right:30px;
}
div.grid-3-3
{
	width:200px;
	margin-left:0px;
	margin-right:30px;
}
/* grid3 */


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

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




/* grid2 */

div.grid-2-1
{
	width:330px;
	margin-right:30px;
}
div.grid-2-2
{
	width:330px;
	margin-right:0px;
}
/* grid2 */



/* grid2 centrato */

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

/* grid2 centrato */

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

/* grid2 centrato */




/* grid3 centrato */

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


/* grid4 */

div.grid-4-1
{
	width:315px;
	margin-left:30px;
	margin-right:30px;
}
div.grid-4-2
{
	width:315px;
	margin-left:0px;
	margin-right:30px;
}
div.grid-4-3
{
	width:315px;
	margin-left:30px;
	margin-right:30px;
}
div.grid-4-4
{
	width:315px;
	margin-left:0px;
	margin-right:30px;
}


/* grid4 */

/* div altezza uguale */
#wrpHeight{display:table;}
#wrpHeightRow{display:table-row;  width: 100%;  }
#wrpHeightRow > * {
display: table-cell;
vertical-align:top; /*Fix Chrome/Safari */
}

.colHeightRow  {
float:none;
width:50%;
}

/* div altezza uguale */

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












/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE PAGINA CONTAINER

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */


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



/*home*/

div.logoanimationhome
{
	position:relative;
	height:auto;
	width:40%;
	margin-left:30%;
	margin-top:150px;
}

/*home*/










div.desc-page-research .title-slider
{
 text-align:right
}
div.desc-page-research .desc-slider
{
 text-align:left
}






div.info-txt
{
	width:80%;
	float:left;
	height:auto;
}

div.wrp-left
{
	margin:0;
	width:50%;
	height:auto;
	z-index:10;
	float:left
}

div.wrp-right
{
	margin:0;
	width:50%;
	height:auto;
	z-index:5;
	float:left;
	position:relative
}

div.wrp-right img
{
	width:100%
}

div.line-tl
{
	background-image:url('../images/sfondi/line-tlsmall.png');
	background-position:left top;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}
div.line-tr
{
	background-image:url('../images/sfondi/line-trsmall.png');
	background-position:left top;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	top:0;
	z-index:10;
}
div.line-bl
{
	background-image:url('../images/sfondi/line-tlsmall.png');
	background-position:left top;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	position:absolute;
	left:0;
	bottom:-30px;
	z-index:10;
}
div.line-br
{
	background-image:url('../images/sfondi/line-trsmall.png');
	background-position:left top;
	background-repeat:no-repeat;
	width:30px;
	height:30px;
	position:absolute;
	right:0;
	bottom:-30px;
	z-index:10;
}




div.wrp-left2
{
	margin:0;
	width:30%;
	padding:5%;
	margin:5%;
	height:auto;
	z-index:10;
	position:relative;
	left:unset;
	top:unset;
	background-color:white;
	box-shadow: 2px 3px 10px #000000;
	-webkit-box-shadow: 2px 3px 10px #000000;
	-o-box-shadow: 2px 3px 10px #000000;
	-ms-box-shadow: 2px 3px 10px #000000;
	-moz-box-shadow: 2px 3px 10px #000000;
	float:left;
}

div.wrp-right2
{
	margin:0;
	width:50%;
	height:auto;
	z-index:5;
	float:left;
	position:relative
}

div.wrp-right2 img
{
	width:100%;
	float:right
}
div.blue-bg
{
    background-color: #1171b7;
    height: 40px;
    position: absolute;
    right: 10%;
    top: -25px;
    width: 30%;
}

div.blue2-bg
{
    background-color: #1171b7;
    height: 40px;
    position: absolute;
    right: 10%;
    bottom: -25px;
    width: 30%;
}

div.image-blog img
{
	width:100%;
}


.lity-container {
  width: 50%!important;
   }

div.wrp-right img.universe_img
{
	width:80%;
	float:right
}

div.wrp-right div.img-people
{
	width:100%;
	margin:0 5%;
	float:right
}



.people-info-img
{
	width:30%;
	padding:0px 0 0px 0%;
}
.people-info-txt
{
	width:65%;
	padding:0px 0 20px 5%;
}






/* stile team cartella */



div.articolowrp
{
	width:70%;
	margin-left:15%;
	margin-right:15%;
}







div.cerchio-home-txt
{
height:190px;
line-height: 20px;
}


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:60px;
	background-color:white;
	text-align:justify;
	font-size:20px;
}

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




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:60px;
	background-color:white;
	text-align:justify;
	font-size:18px;
	font-family: 'EB Garamond', serif !important;
}

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


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


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









/* oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

STILE FOOTER

OOOoooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo */

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


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

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




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




















/* oooooooooooooooo fine stile tablet oooooooooooooooo */
}
