/*
Theme Name: Sketchin 2015 it
Theme URI: http://sketchin.ch
Description: Custom theme for sketchin.ch
Author: AA. VV.
Author URI: 
Version: 1.0b
*/

/*@import "assets/styles/layout.css";
@import "assets/styles/typography.css";
@import "assets/styles/grid.css";
@import "assets/styles/utils.css";
@import "assets/styles/jquery.bxslider.css";*/

/*
	page experiences - case studies
*/
.experiences .case{
	width: 49%;
	float: left;
	padding-bottom: 0.9%;
}

.experiences .case:nth-child(2n) {
	margin-left: 1%;
}

.experiences a.image{
	background-size: cover;
	background-position: top center;
	position: relative;
	cursor: pointer;
	background-position: center;
}

.experiences .case {
	position: relative;
}

.experiences .badge {
	height: 40px;
	padding-left: 70px;
	padding-top: 13px;
	padding-bottom: 7px;
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 0.9em;
	line-height: 1.3em;
	font-family:"LinotypeUniversW01-Medi 723679";
	position: absolute;
	bottom: 15px;
	left: 28px;
	z-index: 20;
}

#badge-image {
	position: relative;
}

.image-big .container,
.image-big .top-medium {
	height: 100%;
}

.badge-container {
	padding: 15px 25px 0px 25px;
	background: rgba(0, 0, 0, .65);
	position: absolute;
	bottom: 0;
}

.image-big .badge  {
	height: 40px;
	padding-left: 70px;
	padding-top: 11px;
	padding-bottom: 9px;
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	font-size: 1em;
	line-height: 1.3em;
	font-family:"LinotypeUniversW01-Medi 723679";
	z-index: 20;
}


.experiences .inner {
width: 100%;
height: 0;
padding-bottom: 90%;
}

.experiences .inner .text {
position: relative;
z-index: 20;
padding: 28px;
padding-right: 20%;
line-height: 1.2;
}

.experiences .inner .text .title {
color: #fff;
margin-bottom: 0;
font-size: 1em;
padding-bottom: 10px;
}

.experiences .inner .text .sub_title {
color: #fff;
/*opacity: 0;*/
line-height: 1.3;	
font-size: 1.8em;
}

@media screen and (min-width: 1px) and (max-width: 650px) {
.experiences .inner .text .sub_title {	
font-size: 1.5em;
}
}

@media screen and (min-width: 651px) and (max-width: 680px) {
.experiences .inner .text .sub_title {	
font-size: 1em;
}
}

@media screen and (min-width: 681px) and (max-width: 790px) {
.experiences .inner .text .sub_title {	
font-size: 1.3em;
}
}


@media screen and (min-width: 791px) and (max-width: 1290px) {
.experiences .inner .text .sub_title {	
font-size: 1.5em;
}
}




.experiences a.image .inner .overlay {
-webkit-transition: opacity 0.2s ease-in, color 0.2s ease-in;
-moz-transition: opacity 0.2s ease-in, color 0.2s ease-in;
transition: opacity 0.2s ease-in, color 0.2s ease-in;
}

.experiences a.image:hover .inner .overlay{
-webkit-transition: opacity 0.12s ease-in, color 0.12s ease-in;
-moz-transition: opacity 0.12s ease-in, color 0.12s ease-in;
transition: opacity 0.12s ease-in, color 0.12s ease-in;
}

.experiences a.image:hover .inner .overlay {
opacity: 0.7;
}



.experiences .image .inner .overlay{
opacity: 1;
position: absolute;
top: 0;
left: -1px;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}



/*
    page case study gazzetta
*/

.video {
	margin-bottom: 15px;
}
.video .inner-video {
	position: relative;
	padding-bottom: 56.25%;  /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video .inner-video iframe.vimeo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.background-box-video {
	background: black;
	z-index: 1;
	position: relative;
}

.background-box-video.top-small {
	padding-top: 15px;
}

.background-box-video.bottom-small {
	padding-bottom: 3px;
}


.page-container{
	position: absolute;
	top: 4.7%;
	/*top: -1.5%;*/
	left: 4.2%;
	/*left: -1.4%;*/
	width: 91.5%;
	height: 65.7%;
	overflow: hidden;}

.page-container .sidebar{
	position: absolute;
	left: 0;
	top: 52%;
}

.page-container img{
	width: 100%;
	margin: 0;
	display:block;
}

.page-container .page-body{
	position: relative;
}

.page-content{
	position: absolute;
	top: 0;
}

.page-body .sidebar{
	position: absolute;
	top: 0;
	left: 0;
}

.page-body .gazza-page{
	position: absolute;
	top: 0;
	left: 0;
}


.page-container .topbar{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.topbar {
	width: 100%;
}

.topbar .top-left{
	position: absolute;
	left: -3.53%;
}

.topbar .top-right{
	position: absolute;
	right: -3.53%;
}

.imac{
	position: relative;
	height: 100%;
	overflow: hidden;
}

/*
    STOP page case study gazzetta
*/

@font-face{
font-family:"LinotypeUniversW01-UltL 723589";
src:url("assets/fonts/b644a01f-52b6-4acd-b83b-8938ed263889.eot?#iefix");
src:url("assets/fonts/b644a01f-52b6-4acd-b83b-8938ed263889.eot?#iefix") format("eot"),url("assets/fonts/e357d629-a631-454b-afa1-a98d261b4b0b.woff") format("woff"),url("assets/fonts/69b2712d-522e-4d88-9d70-4ada973b8cdd.ttf") format("truetype"),url("assets/fonts/f92778b0-72b3-4184-8341-55944ad70e49.svg#f92778b0-72b3-4184-8341-55944ad70e49") format("svg");
}
@font-face{
font-family:"LinotypeUniversW01-Thin 723610";
src:url("assets/fonts/04b3c812-2234-45b5-af16-18a0f70cf1df.eot?#iefix");
src:url("assets/fonts/04b3c812-2234-45b5-af16-18a0f70cf1df.eot?#iefix") format("eot"),url("assets/fonts/bc35730a-e839-4dc2-b89f-92575ffec5c1.woff") format("woff"),url("assets/fonts/20588565-aa56-46ce-8d7c-6b5f77df85f9.ttf") format("truetype"),url("assets/fonts/06090cbd-08cf-40ac-bd19-62c4bc5ed718.svg#06090cbd-08cf-40ac-bd19-62c4bc5ed718") format("svg");
}
@font-face{
font-family:"LinotypeUniversW01-Thin 723613";
src:url("assets/fonts/47ea8180-edae-45d8-be3a-7a34aa3ab199.eot?#iefix");
src:url("assets/fonts/47ea8180-edae-45d8-be3a-7a34aa3ab199.eot?#iefix") format("eot"),url("assets/fonts/168a677f-8655-484b-b35d-e9efc4c0e777.woff") format("woff"),url("assets/fonts/474a1383-fe7e-4c93-b89c-b8717b3f4736.ttf") format("truetype"),url("assets/fonts/53574ce8-9c75-4f6a-a622-c6ae9b301457.svg#53574ce8-9c75-4f6a-a622-c6ae9b301457") format("svg");
}
@font-face{
font-family:"LinotypeUniversW01-Ligh 723631";
src:url("assets/fonts/df87702f-a933-4d3a-b9d9-4ae72506ae9d.eot?#iefix");
src:url("assets/fonts/df87702f-a933-4d3a-b9d9-4ae72506ae9d.eot?#iefix") format("eot"),url("Fonts/e4ae19e7-c510-4127-837d-8f218498da93.woff") format("woff"),url("assets/fonts/6fdd43a7-c877-42cb-8a63-d81872f46de8.ttf") format("truetype"),url("Fonts/9da52489-293c-462c-b4c9-1fd1b464c454.svg#9da52489-293c-462c-b4c9-1fd1b464c454") format("svg");
}
@font-face{
font-family:"LinotypeUniversW01-Regu";
src:url("assets/fonts/c14b251f-80d3-4415-8d21-b2868dea7a9b.eot?#iefix");
src:url("assets/fonts/c14b251f-80d3-4415-8d21-b2868dea7a9b.eot?#iefix") format("eot"),url("assets/fonts/78c7a8d2-8a85-47a5-8c13-049c7b18c9c0.woff") format("woff"),url("assets/fonts/02e005e1-ac11-49f9-b290-ee01bad12606.ttf") format("truetype"),url("assets/fonts/c37183cf-3e94-42b3-a71b-75ba616287d7.svg#c37183cf-3e94-42b3-a71b-75ba616287d7") format("svg");
}
@font-face{
font-family:"LinotypeUniversW01-RgIt";
src:url("assets/fonts/26efc0d4-9a37-4baa-80ef-792ac90b7566.eot?#iefix");
src:url("assets/fonts/26efc0d4-9a37-4baa-80ef-792ac90b7566.eot?#iefix") format("eot"),url("assets/fonts/13708f92-9d12-4c62-b888-2b4bd5814621.woff") format("woff"),url("assets/fonts/ed2ddcba-04c8-4e84-b935-50dde82ac4ac.ttf") format("truetype"),url("assets/fonts/d17e09f7-519c-4a79-8cd4-489d49959f5b.svg#d17e09f7-519c-4a79-8cd4-489d49959f5b") format("svg");
}
@font-face{
font-family:"LinotypeUniversW01-Medi 723679";
src:url("assets/fonts/48a42ae4-2dae-4819-a76c-c4a39ba76875.eot?#iefix");
src:url("assets/fonts/48a42ae4-2dae-4819-a76c-c4a39ba76875.eot?#iefix") format("eot"),url("assets/fonts/d7cf6a30-fb6a-4725-9c93-2372d9f4bb8d.woff") format("woff"),url("assets/fonts/fb6dd99b-78b9-4459-b787-00d3f0fc0c9f.ttf") format("truetype"),url("assets/fonts/4bed78d0-7a4f-46bf-b802-29f04d1d2e11.svg#4bed78d0-7a4f-46bf-b802-29f04d1d2e11") format("svg");
}
@font-face{
font-family:"LinotypeUniversW01-Medi 723682";
src:url("assets/fonts/c6598e61-75ba-4c75-960e-3b1688272e13.eot?#iefix");
src:url("assets/fonts/c6598e61-75ba-4c75-960e-3b1688272e13.eot?#iefix") format("eot"),url("assets/fonts/183afd5e-515a-47c3-b687-baf6d90e9f99.woff") format("woff"),url("assets/fonts/35b6725c-fa37-43e7-8305-ea6ef5df21a0.ttf") format("truetype"),url("assets/fonts/276f873c-bf64-4cff-adcd-12be9f5fd851.svg#276f873c-bf64-4cff-adcd-12be9f5fd851") format("svg");
}
@font-face{
font-family:"LinotypeUniversW01-Bold 723697";
src:url("assets/fonts/82467ea2-e594-4e0f-870c-374e5f664454.eot?#iefix");
src:url("assets/fonts/82467ea2-e594-4e0f-870c-374e5f664454.eot?#iefix") format("eot"),url("assets/fonts/4f196f0d-462c-4cbc-ab22-113a2e7afe02.woff") format("woff"),url("assets/fonts/8e774d13-c8ce-4383-9420-c3538c07629c.ttf") format("truetype"),url("assets/fonts/8d85f88f-cb64-403e-baf3-0fa5b043f559.svg#8d85f88f-cb64-403e-baf3-0fa5b043f559") format("svg");
}
@font-face{
font-family:"LinotypeUniversW01-Bold 723703";
src:url("assets/fonts/3c499f64-bdb7-43c8-9d97-24c538573187.eot?#iefix");
src:url("assets/fonts/3c499f64-bdb7-43c8-9d97-24c538573187.eot?#iefix") format("eot"),url("assets/fonts/cbf562f2-b541-4d0d-ae34-762d6ba29fa1.woff") format("woff"),url("assets/fonts/2db9ebc0-ae59-4f8d-a23d-a42b2589ebf8.ttf") format("truetype"),url("assets/fonts/6cab81fb-9d6d-4c32-99c9-7e6bcd6d2c3a.svg#6cab81fb-9d6d-4c32-99c9-7e6bcd6d2c3a") format("svg");
}


.lazy {
	display: none;
}

/*
    layout
*/

body,
html,
div {
	margin: 0;
	padding: 0;
}

.home .background-photo {
	background-position: center right !important;
}

img {
	border: none;
}

/* Reusable column setup */
*[class*='span_'] {
	border: 0px solid rgba(0,0,0,0);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

/* Temporary super rule to adapt with all the elements */
.container > * {
	border: 0px solid rgba(0,0,0,0);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

.clearfix {
	*zoom: 1;
}

.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}

.clearfix:after {
	clear: both;
}

.container,
.row {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.offer {
	margin-bottom: 6em;
}

.under-menu {
	z-index: 1 !important;
	position: relative;
}
/* 0. Generic Rules */


.menu {
	z-index: 9000;
}

#subfooter .text {
	padding-bottom: 0;
	margin-top: 15px;
	margin-bottom: 15px;
}

#subfooter .copy {
	display: inline-block;
	text-align: left;
}

#subfooter .spot {
	margin-left: 30px;
	display: inline-block;
	text-align: left;
	position: relative;
}

#subfooter .language {
	float: right;
	text-align: right;
}

.paper #head .content {
	margin-left: 0 !important;
}

/*menu bugfix*/
.menu {
-webkit-transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
-webkit-transform-style: flat;
} 

/*
    EVO
*/

.evo .small-title {
	padding-bottom: 0;
	margin-bottom: 0.5em;
}

.evo #phases section .content {
/*	padding-bottom: 3em; */
	padding-bottom: 0; /* To avoid gaps in gray vertical lines */
}

/* Background Photo + Cover -------------------------------------------

	ABOUT
	.about .background-photo,
	.about .background-photo .background-overlay,
	.about #cover {
		height: 600px;
	}
	@1600 height = 600px;
	@1280 height = 600px; MOCKUP
	@1024 height = 600px;
	 @768 height = 550px;
	 @320 height = 384px;

	SERVICES
	@1600 height = 500px; MOCKUP
	@1280 height = 500px; MOCKUP
	@1024 height = 500px; MOCKUP
	 @768 height = 460px; MOCKUP
	 @320 height = 320px; MOCKUP

	 EVO
	 No background photo: auto @ALL
	 
 ------------------------------------------------------------------- */
/* 
    ABOUT (default) 
*/
.about .small-title {
	margin-bottom: 15px;
	padding-bottom: 0em;
}

.roles .title-medium {
	text-align: center;
}

.experiences #clients ul.horizontal-list {
	padding: 1em 0 3em 0 !important;
}

.experiences .percentage,
.experiences .label,
.experiences .client {
	text-align: center;
}

.current_page_item,
.current_page_item a {
	font-family: 'LinotypeUniversW01-Bold 723697';
}

/* 
    ABOUT Slider 
*/

#slider-NEW {
	margin: 0;
	padding: 0;
}
.flexslider {
	position:relative; 
	top: 0px;
	left: 0px;
}
#slider-NEW .small-title{
	margin-bottom: 0px;
	padding-bottom: 4px;
}
#slider-NEW ul li {
	position: relative;
}
#slider-NEW .slides img {
	max-width: 100%; 
	width: 100%;
	height: auto;
	position: relative;
}

#slider-NEW .flexcaption {

/* Creates extra margin below flexslider */
/*	position:relative; */
/* 	top: -400px; */

	position: absolute;
	margin-top: -100px;

	display: none;	
	margin-left: 17%;
	max-width: 52%;

	z-index: 90000;

	min-height: 150px;
}

.flexcaption .sub-head a{
	color: #000;
	border-bottom: 1px solid #000;
}
.flexcaption .sub-head a:hover{
	color: #0078bf;
	border-bottom: 1px solid #0078bf;
}


.flexcaption .small-title{
/*	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
}

#slider-controller {
	position: absolute;
	margin-left: 20%;
	margin-top: 20%;
	float:left;
	width: 80%;
	background-color: transparent;
	z-index: 99999;
}

.prev-image {
	background-color: transparent;
	float: left;
	width: 40px;
	z-index: 90000;
}
.next-image {
	background-color: transparent;
	margin-left: 50%;
	float: left;
	width: 40px;
	z-index: 90000;
}

/* 
    COVER (default) 
*/
.background-photo {
	position: relative;
	background-size: 100% auto;
	background-size: cover!important;
	top: 0;
	z-index: -1000;
	width: 100%;
}

.background-photo #video-head{
	position: absolute;
	bottom: 0px; 
	right: 0px; 
	min-width: 100%; 
	min-height: 100%; 
	width: 100%; 
	height: auto; 
	z-index: -1000; 
	overflow: hidden;
}

.case-study .background-photo {
	overflow: hidden;
}
.case-study .sub-head{
	text-shadow: none;
}

.case-study .background-photo #video-head{
	top: 50%;
	margin-top: -25%;
	width: 100%;
}

@media only screen and (device-width: 768px) {
  .background-photo #video-head {
  	width: 100%; 
	height: 100%;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  .background-photo #video-head {
  	width: 100%; 
	height: 100%;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  .background-photo #video-head {
  	width: 100%; 
	height: 100%;
	display: none !important;
  }
}




.background-photo .background-overlay {
	position: absolute;
	left: 0;
	height: 100%;
	background-color: #000;
	opacity: .4;
}

#cover {
	background-color: rgba(0, 0, 0, 0);
	position: absolute;
	top: 0;
	background-size: cover;
	width: 100%;
	background-position: center right;
/*	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
	/*transition:background-color 1s;
	-webkit-transition:background-color 1s;  */
}

#case {
	background-color: rgba(0, 0, 0, 0);
	background-size: cover;
	width: 100%;
	max-height: 500px;
	overflow: hidden;
	background-position: center right;
}
/* TRANSITION
#cover:hover {
	background-color: rgba(0, 0, 0, 0);
}



.home #cover {
	background-color: rgba(0, 0, 0, 0.15);
	position: static;
	top: 0;
	background-size: cover;
	width: 100%;
	z-index: -1000;
}
*/


.background-photo,
.background-photo .background-overlay,
#cover,
#head {
	height: 320px;
}

.blog-index #cover,
.blog-index #head,
.evo .background-photo,
.evo .background-photo .background-overlay,
.evo #cover,
.evo #head,
.ux .background-photo,
.ux .background-photo .background-overlay,
.ux #cover,
.ux #head {
	height: auto;
}

#approach li {
	overflow: auto;
	padding-bottom: 2em;
}

.evo .head {
	margin-bottom: 1.5em;
}

.evo #more_info .head {
	margin-bottom: 1em;
}

.evo .centered-text {
	padding-top: 0;
	padding-bottom: 100px;
}
/*
.home .background-photo,
.home .background-photo .background-overlay,
.home #cover,
.home #head {
	height: auto;
}*/

/*#cover-phone {
	display: none;
}*/

#cover-phone.full-width {
	background-color: #f5f5f5;
}

#cover-phone.full-width #cover-sub-head {
	padding: 30px 0 30px 0;
	margin: 0;
}

.image-big {
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 500px;
	z-index: -1000;
/*	text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
}

.go-button{
	text-shadow: none;
}

.image img,
.logos img {
	width: 100%;
	height: auto;
}

.divider-small {
 /* MOVE to typography? */
	border-bottom: 1px solid #e5e5e5;
	margin: 0!important;
}

#map img {
	width: 100%;
	height: auto;
}

.services .activity .item p {
	text-align: center;
	height: 100px;
}

.services .activity .item p:hover {
    color: #0078bf;
    border-bottom-color: #0078bf;
}

.services .activity .list .item p.more-link-container {
	height: 100px;
}

.services .image-wrapper {
	-moz-border-radius: 0% !important;
    -webkit-border-radius: 0% !important;
    border-radius: 0% !important;
	height: 75px;
    width: 75px;
    margin: 20px auto;
}

#productservicethinking .image-wrapper {
	-moz-border-radius: 0% !important;
    -webkit-border-radius: 0% !important;
    border-radius: 0% !important;
	height: auto;
    width: 100% !important;
	max-width: 550px;
    margin: 20px auto;
}



.services .service-detail .image-wrapper {
	-moz-border-radius: 0% !important;
    -webkit-border-radius: 0% !important;
    border-radius: 0% !important;
	height: 50px;
    width: 50px;
	margin: 0 !important;
}

/*.services .activity p a {
	border-bottom: none;
}*/

.graph .single {
	width: 17.6%;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
	display: inline-block;
	float: left;
}

.graph .double {
	width: 24.4%;
	text-align: center;
	margin: 0;
	padding: 0;
	margin-left: 5%;
	display: inline-block;
	float: left;
}

#head .graph .single a,
#head .graph .double a {
	color: #000;
}

.next-page a:hover,
.prev-page a:hover {
	opacity: 0.5;
}

.image-wrapper {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	height: 150px;
	width: 150px;
	margin: 20px auto;
}

.image-wrapper img {
	height: 150px;
	width: 150px;
}
.services .image-wrapper img {
	height: 100%;
	width: 100%;
}

.join-us {
	margin: 20px auto 12px;
	padding-bottom: 0;
}

.staff .body-text {
	line-height: 1em;
}

#numbers .label {
	margin-bottom: 2em;
}

#more-clients .client {
	text-align: left;
	cursor: pointer;
	margin-bottom: 0.5em;
	padding-left: 20px;
}

#more-clients .client .description {
	margin-top: 0.3em;
	margin-bottom: 1em;
}

#more-clients .client .description * {
	font-size: 0.875em;
	line-height: 1.3em;
	margin-bottom: 0;
	padding-bottom: 0;
}

#more-clients .client-field {
	margin-bottom: 2em;
}

#more-clients .client-field h3 {
	color: #999;
	font-size: 1em;
	text-transform: capitalize;
}

#more-clients .client * {
	text-align: left;
}

#more-clients .client .name {
	font-size: 1em;
	text-align: left !important;
	font-family: 'LinotypeUniversW01-Medi 723679';
}

#more-clients .client .name a{
	border-bottom: none;
}

#more-clients .client .name .country {
	font-size: 0.875em;
	color: #666;
	font-family: 'LinotypeUniversW01-Regu';
}

#more-clients .client .name:before {
	content:"+";
	position: absolute;
	margin-left: -20px;
	margin-top: -1px;
}

#more-clients .client.open .name:before {
	content:"–";
}

#more-clients .tube .row .client .name .location {
	font-size: 0.875em;
	font-family: 'LinotypeUniversW01-Regu';
}

#more-clients .tube .row .client .activity {
	font-size: 0.875em;
	font-family: 'LinotypeUniversW01-Regu';
	margin-bottom: 0;
	padding-bottom: 0;
	line-height: 1.3em;
}
	
.hide {
	display: none;
}

#more-clients  .clients-col {
	float: left;
	width: 30%;
	margin-right: 5%;
}

#more-clients  .clients-col:last-child {
	margin-right: 0;
}
	
	

/*
    CASE STUDY
*/
.case-study .background-photo {
	background-position: center;
}

.team .small-title {
	text-align: left;
}

#other a.image,
.experience a.image {
/*	text-indent: 25px;*/
	background-position: center;
	padding-left: 25px;
}

#impatto .body-text {
	padding-bottom: 1em;
}

#impatto p.data-source{
	font-size: 14px;
	color: #999;
}

.case-study .metadata .small-title {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

/* BLOG */
img.attachment-post-thumbnail {
	width: 100%;
	margin-bottom: 2.0em;
}


/* 
    CONTACT PAGE
*/

.contact-page .footer-navbar {
	display: none !important;
}



/* 
    404 PAGE
*/

.page404 .big-head {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 1em;
}

.page404 .content p {
	margin-bottom: 3em;
	margin-top: 1em;
	font-size: 1.2em;
	line-height: 1.4em;
	font-family: 'LinotypeUniversW01-Thin 723610';
}

/* ---- */

    /* 1. 4 Column Grid 0px - 319px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    20.3125%
    Span 2:    46.875%
    Span 3:    73.4375%
    Span 4:    100%
    
    ----------------------------------------------------------------------------- */

@media screen and (min-width: 0px) and (max-width: 650px) {
	.background-photo{
		background-attachment: inherit !important;
	}
	
    .background-photo #video-head {
		display:none;
	}
	
     
        
	.col {
		margin-left: 6.25%;
		padding: 0 0%;
	}

	.container {
		width: 81.25%;
	}

	.container > *[class*='span_']:first-child {
		margin-left: 0;
	}

	*[class*='span_'] {
		margin-left: 2.857142%;
		padding: 0 0%;
	}

	.row > *[class*='span_']:first-child {
		margin-left: 0;
	}

	.span_1,
	.logo {
		width: 20.3125%;
	}

	.span_2 {
		width: 46.875%;
	}

	.span_3 {
		width: 73.4375%;
	}

	.span_4,
/*	#menu, */
	#head,
	#footer,
	.activity.list,
	.activity.description,
	.activity.details {
		margin-left: 0;
		width: 100%;
	}

	.offset_1 {
		margin-left: 20.3125%;
	}

	.offset_2 {
		margin-left: 46.875%;
	}

	.offset2 {
		margin-left: 0!important;
	}

	.offset_3 {
		margin-left: 73.4375%;
	}

	/* MENU 0 - 319 */

	.menu {
		position: fixed;
	}
	.menu.nav-dark {
		display: none;
	}
	.menu.nav-light {
		display: none;
	}
	.menu.nav-mobile {
		display: block;
		position: fixed;
		top: 20px;
	}

	/* --- */

	.logo {
		height: 50px;
		width: 50px;
	}

	.main {
		height: 665px;
		margin-bottom: 20.3125%;
	}

	.footer {
		height: 260px;
	}

	/* Slider */
	#slider-NEW .flexcaption {
		margin-left: 30%;
		max-width: 52%;
		top: -300px;
		z-index: 90000;
	}

	/* CASE STUDY page */
	.offset2 {
		margin-left: 0!important;
	}

	.tabletspan_1 {
		width: 20.3125%!important;
	}

	.tabletspan_2 {
		width: 46.875%!important;
	}

	.tabletspan_3 {
		width: 73.4375%!important;
	}

	.tabletspan_4 {
		width: 100%!important;
	}
	
	/* --- */
	.experience {
		width: 100%;
		height: auto;
	}

	.experience .image-big {
		width: 100%;
		height: auto;
	}

	.experience .description.pair {
		float: right;
	}

	.confini {
		display: table;
		width: 100%;
	}

	.experience #more-clients {
		width: 100%;
		display: table;
	}

	.experiences #clients ul.horizontal-list {
		padding: 0;
	}

	.experiences #clients ul.horizontal-list li {
		text-align: center;
	}

	.experiences #clients ul.horizontal-list li:nth-child(4n+0) + li {
		clear: left;
		margin-left: 0;
	}
	
	.story #nascita ul.horizontal-list li:nth-child(4n+0) + li {
		clear: left;
		margin-left: 0;
	}
	
	
	
	.experience .image-big {
	  padding-top: 50px !important;
	  padding-bottom: 50px !important;
	}
	
	#subfooter .spot,
	#subfooter .copy,
	#subfooter .language {
		display: block;
		float: none;
		height: 2em;
		margin: 0;
		padding: 0.5em 0 0 0;
		text-align: left;
		width: 100%;
	}
	
	.site-navigation a {
	  border-bottom: medium none;
	  display: block;
	  width: 100%;
	}
	
	.activity.list .item:last-child {
		margin-bottom: 0 !important;
	}
	
	.activity.details .item {
		width: 100% !important;
		float: none;
		clear: both;
		margin-left: 0 !important;
		padding-left: 0 !important;
		margin-bottom: 30px;
	}
	
	.background-box {
		padding-top: 0 !important;
		padding-left: 10px;
	}
	
	.approach .background-box .title-medium {
		margin-top: 0 !important;
	}
	
	.centered-text {
	  padding-bottom: 20px !important;
	  padding-top: 30px !important;
	  text-align: center;
	}
	
	.contact-page .social {
		margin-left: 0 !important;
		padding-top: 2em;
		padding-bottom: 3em;
	}
	
	.contact-page #map-canvas {
		display: none !important;
	}
	
	.contact-page #call-to-action {
		margin-top: 6em;
	}
	
	#more-clients .client .name .country {
		display: block;
		margin-top: -5px;
	}
	
	/* SERVICES */
	.activity ul {
		padding-top: 1em !important;
	}
}
/* end of 0px - 319px */

/* ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ------------------------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 650px) {

	.background-photo #video-head {
		display:none !important;
	}
	
	
	.container {
		width: 94.7916%;
	}

	.container > *[class*='span_']:first-child {
		margin-left: 0;
	}

	*[class*='span_'] {
		margin-left: 7%;
		padding: 0 0%;
	}

	*[class*='phone_span_'] {
		margin-left: 7%;
		padding: 0 0%;
	}

	.row > *[class*='span_']:first-child {
		margin-left: 0;
	}

	.span_1 {
		width: 9.765625%;
	}

	.span_2 {
		width: 22.65625%;
	}

	.span_3,
	.approach .item .image {
		width: 35.546875%;
	}

	.span_4 {
		width: 48.4375%;
	}

	.span_5,
	.approach .item .content {
		width: 61.328125%;
	}

	.span_6 {
		width: 74.21875%;
	}

	.span_7,
	.approach .description.centered-text,
	.offer.section {
		width: 87.109375%;
	}

	.span_8,
	.menu,
	#head, footer,
	.activity.list,
	.activity.description,
	.approach,
	.activity.details {
		margin-left: 0;
		width: 100%;
	}

	.offset_1 {
		margin-left: 3.90625% !important;
	}

	.offset_2 {
		margin-left: 10.3125% !important;
	}

	.offset2 {
		margin-left: 0 !important;
	}

	.offset2x {
 /* TOFIX */
		margin-left: 0 !important;
	}

	.offset_3 {
		margin-left: 16.71875% !important;
	}

	.offset_4 {
		margin-left: 23.125% !important;
	}

	.offset_5 {
		margin-left: 29.53125% !important;
	}

	.offset_6 {
		margin-left: 35.9375% !important;
	}

	.offset_7 {
		margin-left: 42.34375% !important;
	}

	.offset_8 {
		margin-left: 48.75% !important;
	}

	.tabletspan_1 {
		width: 20.3125% !important;
	}

	.tabletspan_2 {
		width: 46.875% !important;
	}

	.tabletspan_2:nth-child(2n+0) + .tabletspan_2 {
		margin-left: 0;
	}

	.tabletspan_3 {
		width: 73.4375% !important;
	}

	.tabletspan_4,
	.tabletspan_5,
	.tabletspan_6,
	.tabletspan_7,
	.tabletspan_8 {
		width: 100%!important;
		margin: 0!important;
	}
	/* PHONE - ADDITIONAL STYLE */

	/* MENU 320 - 767 */

	.menu {
		position: fixed;
	}
	.menu.nav-dark {
		display: none;
	}
	.menu.nav-light {
		display: none;
	}
	.menu.nav-mobile {
		display: block;
		position: fixed;
	}

	/* --- */

	/* COVER (phone) */
	.background-photo,
	.background-photo .background-overlay,
	#cover,
	#head {
		height: 320px;
	}


	.home .background-photo,
	.home .background-photo .background-overlay,
	.home #cover,
	.home #head {
		height: auto;
	}
	
	
	/* Cover adjustment for sub-head to be outside */

	#cover-phone {
		display: block;
	}

	.activity.list .item:first-child {
		margin-left: 0;
	}

	.activity.list .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	.home .activity.list .item {
		height: auto;
	}
		
		/* REGOLA AGGIUNTIVA DA SEGNARE CON IE8 tablet potrebbe darci problemi */
	.home #clients ul.content.horizontal-list li.phone_span_2:nth-child(2n+0) + li.phone_span_2 {
		clear: left;
		margin-left: 0;
	}

	.activity.list .item {
		height: 100px;
		margin-top: 60px;
	}

	.activity.list .item:last-child {
		margin-bottom: 60px;
	}

	.activity.list .item .more-link {
		display: block;
		width: 40px;
		height: 40px;
		vertical-align: bottom;
		background: url('assets/images/more_link_icon.png') no-repeat;
		margin: 0 auto;
	}

	.activity.list .item .more-link span {
		display: none;
	}

	.activity.details  .item:first-child {
		margin-left: 0;
	}

	.activity.details  .item {
		width: 48%;
		margin-left: 2%;
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	.approach .item .image {
		float: left;
		display: inline;
	}

	.approach .item .image img {
		width: 100%;
	}

	.approach .item .content {
		margin-left: 2.857142%;
		float: left;
		display: inline;
	}

	.approach .description.centered-text,
		.offer .description.centered-text {
		text-align: left;
	}

	.offer.section,
		.approach .description.centered-text {
		margin-left: 12.622767%;
/* EQUIV OF OFFSET_1 */
	}

	.offer .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	.site-navigation ul li {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin-left: 2.857142%;
	}

	.site-navigation ul li:first-child {
		margin-left: 0;
	}

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

	.experience .image-big {
		width: 100%;
		height: auto;
	}

	.experience .description.pair {
		float: left;
	}

	.confini, .bid .description {
		display: table;
		width: 100%;
	}

	.experiences #more-clients {
		width: 100%;
		display: table;
	}

	.experiences #clients ul.horizontal-list {
		padding: 0;
	}

	.experiences #clients ul.horizontal-list li {
		text-align: center;
	}

	.experiences #clients ul.horizontal-list li:nth-child(2n+0) + li {
		clear: left;
		margin-left: 0;
	}

	.experiences #more-clients ul:nth-child(2n+0)  + ul.phone_span_2 {
		clear: left;
		margin: 0;
	}
	
	.experience .image-big {
	  padding-top: 50px !important;
	  padding-bottom: 50px !important;
	}

	.case-study li.span_3:nth-child(2n+0)  + li.span_3 {
		margin-left: 0!important;
		clear: left;
	}

	.ux #approach ol {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.ux #approach ol li {
		padding-left: 28.2%;
	}

	/* EVO */

	.graph .col {
		width: 17.0%;
		text-align: center;
		margin-left: 0;
	}
	.graph .col:last-child {
		width: 30.0%;
		text-align: center;
		margin-left: 0;
	}
	
	/* ABOUT */
	
	#slider-NEW .flexcaption {
		margin-left: 28.0%;
		margin-top: -49%;
	}
	#slider-controller {
		margin-left: 13%;
		margin-top: 31%;
		width: 80%;
	}
	.next-image {
		margin-left: 73%;
	}
	/*BID page*/
		
	.bid .bx-wrapper img {
	width: 100% !important;
	display: block;
	}
	.bid .bx-wrapper .bx-viewport {
	left: 0% !important;
	background: #fff;
	}
    .bid h1{
        text-shadow: none !important;
    }
}


 /* end of 320px - 767px */

/* ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ------------------------------------------------------------------- */
@media screen and (min-width: 651px) and (max-width: 1000px) {
	#more-clients .client .name .country {
		display: block;
		margin-top: -5px;
	}
	.background-photo #video-head {
		display:none !important;
	}
	
	
	.container {
		width: 94.7916%;
	}

	.container > *[class*='span_']:first-child {
		margin-left: 0;
	}

	*[class*='span_'] {
		margin-left: 3.5%;
		padding: 0 0%;
	}
	
	/* ATTENZIONE DA VERIFICARE DISCREPANZA 3.5% - 2.8% CON 3.5 LA GRIGLIA SI SPACCA */
	/*
	*[class*='tablet_span_'] {
		margin-left:3.5%;
		padding:0 0%;
	}*/
	.row > *[class*='span_']:first-child {
		margin-left: 0;
	}

	.span_1 {
		width: 9.765625%;
	}

	.span_2 {
		width: 22.65625%;
	}

	.span_3,
	.approach .item .image {
		width: 35.546875%;
	}

	.span_4 {
		width: 48.4375%;
	}

	.span_5,
	.approach .item .content {
		width: 61.328125%;
	}

	.span_6 {
		width: 74.21875%;
	}

	.span_7,
	.approach .description.centered-text,
	.offer.section {
		width: 87.109375%;
	}

	.span_8,
	.menu,
	#head,
	#footer,
	.activity.list, 
	.activity.description,
	.approach,
	.activity.details {
		margin-left: 0;
		width: 100%;
	}

	.offset_1 {
		margin-left: 3.90625%!important;
	}

	.offset_2 {
		margin-left: 10.3125%!important;
	}

	.offset2 {
		margin-left: 0!important;
	}

	.offset2x {
		margin-left: 0!important;
	}

	.offset_3 {
		margin-left: 16.71875%!important;
	}

	.offset_4 {
		margin-left: 23.125%!important;
	}

	.offset_5 {
		margin-left: 29.53125%!important;
	}

	.offset_6 {
		margin-left: 35.9375%!important;
	}

	.offset_7 {
		margin-left: 42.34375%!important;
	}

	.offset_8 {
		margin-left: 48.75%!important;
	}

	.tabletspan_1 {
		width: 9.765625%!important;
	}

	.tabletspan_2 {
		width: 22.65625%!important;
	}

	.tabletspan_3 {
		width: 35.546875%!important;
	}

	.tabletspan_4 {
		width: 48.4375%!important;
	}

	.tabletspan_4:nth-child(2n+0) + .tabletspan_4 {
		margin-left: 0;
	}

	.tabletspan_5 {
		width: 61.328125%!important;
	}

	.tabletspan_6 {
		width: 74.21875%!important;
	}

	.tabletspan_7 {
		width: 87.109375%!important;
	}

	.tabletspan_8 {
		margin-left: 0!important;
		width: 100%!important;
	}

	/* ADDITIONAL STYLE 768px - 1023px */

	/* MENU 768 - 1023 */

	.menu {
		position: fixed;
	}
	.menu.nav-dark {
		display: none;
	}
	.menu.nav-light {
		display: none;
	}
	.menu.nav-mobile {
		display: block;
		position: fixed;
	}

	/* --- */

	/* COVER (tablet) */
	.background-photo,
	.background-photo .background-overlay,
	#cover,
	#head {
		height: 460px;
	}

	.about .background-photo,
	.about .background-photo .background-overlay,
	.about #cover,
	.about #head {
		height: 550px;
	}

	.home .background-photo,
	.home .background-photo .background-overlay,
	.home #cover,
	.home #cover,
	.home #head {
		height: auto;
	}

	.services .activity.list .item:first-child {
		margin-left: 0;
	}

	.activity.list .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-background-clip: padding-box !important;
		-moz-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	.activity ul {
		padding-top: 1em !important;
	}

	.home .activity.list .item {
		height: auto;
	}
	
	/* REGOLA AGGIUNTIVA DA SEGNARE CON IE8 tablet potrebbe darci problemi */
	.home #clients ul.content.horizontal-list li.tablet_span_2:nth-child(4n+0) + li.tablet_span_2 {
		clear: left;
		margin-left: 0;
	}

	.activity.list .item {
		height: 100px;
		margin-top: 60px;
		margin-left: 2.5%;
    	width: 29.1%;
	}

	.activity.list .item:last-child {
		margin-bottom: 60px;
	}

	.activity.list .item .more-link {
		display: block;
		width: 40px;
		height: 40px;
		vertical-align: bottom;
		background: url('assets/images/more_link_icon.png') no-repeat;
		margin: 0 auto;
	}

	.activity.list .item .more-link span {
		display: none;
	}

	.activity.details .item:first-child {
		margin-left: 0;
	}

	.activity.details .item {
		width: 48%;
		margin-left: 2%;
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-background-clip: padding-box !important;
		-moz-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	.approach .item .image {
		float: left;
		display: inline;
	}

	.approach .item .image img {
		width: 100%;
	}

	.approach .item .content {
		margin-left: 2.857142%;
		float: left;
		display: inline;
	}

	.approach .item.background-box .image {
		display: none;
	}

	.approach .item.background-box .content {
		width: 91.8%;
	}

	.approach .description.centered-text,
	.offer .description.centered-text {
		text-align: left;
	}

	.offer.section,
	.approach .description.centered-text {
		margin-left: 12.622767%;
/* EQUIV OF OFFSET_1 */
	}

	.offer .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-background-clip: padding-box !important;
		-moz-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	.site-navigation ul li {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-background-clip: padding-box !important;
		-moz-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin-left: 2.857142%;
	}

	.site-navigation ul li:first-child {
		margin-left: 0;
	}

	/* CASE STUDY */
	.offset2 {
		margin-left: 0!important;
	}

	.tabletspan_1 {
		width: 20.3125%!important;
	}

	.tabletspan_2 {
		width: 46.875%!important;
	}

	.tabletspan_2:nth-child(2n+0) + .tabletspan_2 {
		margin-left: 0;
	}

	.tabletspan_3 {
		width: 73.4375%!important;
	}

	.tabletspan_4,.tabletspan_5,.tabletspan_6,.tabletspan_7,.tabletspan_8 {
		width: 100%!important;
		margin: 0!important;
	}
	/* --- */
	.experience .description.pair {
		float: left;
	}

	.confini, .bid .description {
		display: table;
		width: 100%;
	}

	.experiences #more-clients {
		width: 100%;
		display: table;
	}

	.experiences #clients ul.horizontal-list {
		padding: 0;
	}

	.experiences #clients ul.horizontal-list li {
		text-align: center;
	}

	.experiences #clients ul.horizontal-list li:nth-child(4n+0) + li {
		clear: left;
		margin-left: 0;
	}

	.story #nascita ul.horizontal-list li:nth-child(4n+0) + li {
		clear: left;
		margin-left: 0;
	}
	
	.case-study li.span_3:nth-child(2n+0)  + li.span_3 {
		margin-left: 0!important;
		clear: left;
	}

	.ux #approach ol {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.ux #approach ol li {
		padding-left: 28.2%;
	}

	/* EVO */

	.graph .col {
		width: 15.0%;
		text-align: center;
	}
	.graph .col:last-child {
		width: 22.0%;
		text-align: center;
	}
	
	/*ABOUT*/
	.image-wrapper {
		height: 140px;
		width: 140px;
	}
	
	.image-wrapper img {
		height: 140px;
		width: 140px;
	}

	#slider-NEW .flexcaption {
		margin-left: 7.0%;
		margin-top: -48%;
	}
	#slider-controller {
		margin-left: 7%;
		margin-top: 20%;
		width: 91%;
	}
	.next-image {
		margin-left: 86%;
	}
	
	.roles .image,
	.home .activity .image {
		width: 35.3125% !important;
		margin-right: 3.5% !important;
		float: left;
	}
	
	.roles .title-medium,
	.home .activity .title-medium {
		text-align: left !important;
	}
	
	.activity.list .item {
	  margin-bottom: 0 !important;
	  margin-top: 1em !important;
	  padding-bottom: 1em !important;
	  height: auto;
	  overflow: auto;
	}
	
	/* EVO phases */
	.evo #phases section .image {
		height: 300px;
		min-height: 300px;
	}
	.evo #phases section:nth-child(5) .image {
		min-height: 370px;
	}
	
	.approach .item.background-box .content {
		margin-left: 38% !important; 
		width: auto;
		padding-right: 30px;
	}
	/*BID page*/
	.bid #slider-controller {
		margin-left: 5% !important;
	}
	.bid .bx-wrapper .bx-viewport {
	left: 11% !important;
	background: #fff;
	}
	
}
/* --- END of BP --- */

/* ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ------------------------------------------------------------------- */
@media screen and (min-width: 1001px) and (max-width: 1279px) {

	.container {
		width: 88.607%;
	}

	.container > *[class*='span_']:first-child {
		margin-left: 0;
	}

	*[class*='span_'] {
		margin-left: 2.5%;
		padding: 0 0%;
	}

	.row > *[class*='span_']:first-child {
		margin-left: 0;
	}

	.span_1 {
		width: 3.90625%;
	}

	.span_2,.previous-page,.next-page {
		width: 10.3125%;
	}

	.span_3,
		.menu {
		width: 16.71875%;
	}

	.span_4 {
		width: 23.125%;
	}

	.span_5 {
		width: 29.53125%;
	}

	.span_6 {
		width: 35.9375%;
	}

	.span_7 {
		width: 42.34375%;
	}

	.span_8 {
		width: 48.75%;
	}

	.span_9 {
		width: 55.15625%;
	}

	.span_10 {
		width: 61.5625%;
	}

	.span_11 {
		width: 67.96875%;
	}

	.span_12,
	#head,
	.activity.list, 
	.activity.details ,
	.activity.description ,
	.approach,
	.offer.section,
	.top {
		width: 74.375%;
	}

	.span_13 {
		width: 80.78125%;
	}

	.span_14 {
		width: 87.1875%;
	}

	.span_15 {
		width: 93.59375%;
	}

	.span_16,
	.footer ,
	.site-navigation ul {
		margin-left: 0;
		width: 100%;
	}

	.offset_1 {
		margin-left: 3.90625%!important;
	}

	.offsetSliding {
		margin-left: 19.575892%!important;
	}

	.offset_2 {
		margin-left: 10.3125%!important;
	}

	.offset2 {
		margin-left: 19.21875%!important;
	}

	.offset_3 {
		margin-left: 16.71875%!important;
	}
		/* OFFSET CORRETTI */
	.offset_3 {
		margin-left: 19.21875%!important;
	}

	.offset_4 {
		margin-left: 23.125%!important;
	}

	.offset_5 {
		margin-left: 29.53125%!important;
	}

	.offset_6 {
		margin-left: 35.9375%!important;
	}

	.offset_7 {
		margin-left: 42.34375%!important;
	}

	.offset_8 {
		margin-left: 48.75%!important;
	}

	.offset_9 {
		margin-left: 55.15625%!important;
	}

	.offset_10 {
		margin-left: 61.5625%!important;
	}

	.offset_11 {
		margin-left: 67.96875%!important;
	}

	.offset_12 {
		margin-left: 74.375%!important;
	}

	.offset_13 {
		margin-left: 80.78125%!important;
	}

	.offset_14 {
		margin-left: 87.1875%!important;
	}

	.offset_15 {
		margin-left: 93.59375%!important;
	}

	/* ADDITIONAL STYLE */

	.menu {
		position: fixed;
		float: left;
		top: 120px;
	}
	.nav-mobile {
		display:none;
	}
		
	
	/* COVER (desktop) */

	#head {
		padding-top: 120px;
	}

	.background-photo,
	.background-photo .background-overlay,
	#cover,
	#head {
		height: 500px;
	}

	.about .background-photo,
	.about .background-photo .background-overlay,
	.about #cover,
	.about #head,
	.services .background-photo,
	.services .background-photo .background-overlay,
	.services #cover,
	.services #head {
		height: 600px;
	}

	.home .background-photo,
	.home .background-photo .background-overlay,
	.home #cover,
	.home #head {
		height: auto;
		overflow:hidden;
	}

	/* CASE STUDY */

	.case-study .span_6 + .span_12 {
		margin-left: 0!important;
	}

	.case-study li.span_6:nth-child(2n+0)  + li.span_6 {
		margin-left: 0!important;
		clear: left;
	}

	.case-study li.span_3:nth-child(3n+0)  + li.span_3 {
		margin-left: 0!important;
		clear: left;
	}

	.case-study #impatto ul,
		.case-study #other ul,
		.case-study .team  ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.case-study #impatto ul li, 
		.case-study #other ul li,
		.case-study .team ul li {
		padding: 0;
		list-style-type: none;
	}

	.case-study #other ul li a{
		height: auto;
		width: 100%;
	}

	.case-study #team .header {
		text-align: left;
	}

	.case-study .team ul li {
		text-align: center;
	}

	/* HOME */

	#clients ul {
		padding: 0;
	}

	#clients {
		width: 100%!important;
	}

	.image img,
	.logos img {
		width: 100%;
		height: auto;
	}

	.image-big {
		height: 400px;
	}
    
    .image-big.image-big-btn{
        min-height: 450px;
    }
	
	iframe{
		height: 400px;
		width: 619px;
	}

	/* --- */

	/* EXPERIENCES page * --- */
	.experience .description.pair {
		float: right;
	}

	.confini {
		display: table;
		width: 100%;
	}

	.experiences #more-clients {
		width: 100%;
		display: table;
	}

	.experiences #clients ul.horizontal-list {
		padding: 1em 0 3em 0;
	}

	.experiences #clients ul.horizontal-list li {
		text-align: center;
	}

	.experiences #clients ul.horizontal-list li:nth-child(4n+0) + li {
		clear: left;
		margin-left: 0;
	}
		
	
	/* --- */
	/* UX */

	.ux #approach ol {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.ux #approach ol li {
		padding-left: 28.2%;
	}

	/* --- */

	.about #slider {
		height: 640px;
	}

	.activity.list {
		margin: 10px 0 40px 0;
		width: auto!important;
	}

	.services .activity.list {
		margin: 0;
		width: auto!important;
	}

	.activity.list .item:first-child,
		 .about .activity.list .item:first-child,
	.services .activity.list .item:first-child {
		margin-left: 0;
	}

	.activity.list .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	.services .activity.list .item {
		margin: 0 1.25%;
		width: 30.83%;
	}

	/* ABOUT page */

	.about .activity.list .item {
		margin-left: 3.857142%;
		width: 28.1%;
	}

	.activity.details .item:first-child {
		margin-left: 0;
	}

	.activity.details .item {
		width: 48%;
		margin-left: 4%;
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	#slider-NEW .flexcaption {
		margin-left: 26%;
		margin-top: -48%;
	}
	#slider-controller {
		margin-left: 3%;
		margin-top: 20%;
		width: 99%;
	}
	.next-image {
		margin-left: 85%;
	}
	.bid .next-image{
		margin-left: 82%;
	}
	.bid .bx-wrapper img {
	width: 75% !important;
	display: block;
	}
	
	
	.approach .item .image {
		width: 30.75%;
		float: left;
		display: inline;
	}

	.approach .item .image img {
		width: 100%;
	}

	.approach .item .content {
		width: 65%;
		margin-left: 4.1%;
		float: left;
		display: inline;
	}

	.approach .item.background-box .image {
		display: none;
	}

	.approach .item.background-box .content {
		width: 91.8%;
	}

	.offer .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin-left: 17.857142%;
		width: 66%;
	}

	.ux #head .content {
		margin-left: 0 !important;
	}

	.site-navigation ul li {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin-left: 2.857142%;
	}

	.site-navigation ul li:first-child {
		margin-left: 0;
	}
	
	/* EVO phases */
	.evo #phases section .image {
		min-height: 300px;
	}
	.evo #phases section:nth-child(5) .image {
		min-height: 370px;
	}
	.evo #phases section:nth-child(6) .image {
		min-height: 200px;
	}	
	
	.approach .item.background-box .content {
		margin-left: 35% !important; 
		width: auto;
		padding-right: 30px;
	}
	
	/* SERVICES */
	.activity ul {
		padding-top: 1em !important;
	}


}

/* ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ------------------------------------------------------------------- */
@media screen and (min-width: 1280px) and (max-width: 1599px) {
	.container {
		width: 88.627%;
	}

	.container > *[class*='span_']:first-child {
		margin-left: 0;
	}

	*[class*='span_'] {
		margin-left: 2.5%;
		padding: 0 0%;
	}

	.row > *[class*='span_']:first-child {
		margin-left: 0;
	}

	.span_1 {
		width: 3.90625%;
	}

	.span_2,
	.previous-page,
	.next-page {
		width: 10.3125%;
	}

	.span_3,
	.menu {
		width: 16.71875%;
	}

	.span_4,
	.activity.details {
		width: 23.125%;
	}

	.span_5 {
		width: 29.53125%;
	}

	.span_6 {
		width: 35.9375%;
	}

	.span_7 {
		width: 42.34375%;
	}

	.span_8,
	.activity.description {
		width: 48.75%;
	}

	.span_9 {
		width: 55.15625%;
	}

	.span_10 {
		width: 61.5625%;
	}

	.span_11 {
		width: 67.96875%;
	}

	.span_12,
	#head,
	.activity.list,
	.approach,
	.offer.section,
	.top {
		width: 74.375%;
	}

	.span_13 {
		width: 80.78125%;
	}

	.span_14 {
		width: 87.1875%;
	}

	.span_15 {
		width: 93.59375%;
	}

	.span_16,
	.footer,
	.site-navigation ul {
		margin-left: 0;
		width: 100%;
	}

	.offset_1 {
		margin-left: 3.90625%!important;
	}

	.offset_2 {
		margin-left: 10.3125%!important;
	}

	.offset2 {
		margin-left: 19.21875%!important;
	} /* Moving Border */

	.offset_3 {
		margin-left: 16.71875%!important;
	}
		/* OFFSET CORRETTI */
	.offset_3 {
		margin-left: 19.21875%!important;
	}

	.offset_4 {
		margin-left: 23.125%!important;
	}

	.offset_5 {
		margin-left: 29.53125%!important;
	}

	.offset_6 {
		margin-left: 35.9375%!important;
	}

	.offset_7 {
		margin-left: 42.34375%!important;
	}

	.offset_8 {
		margin-left: 48.75%!important;
	}

	.offset_9 {
		margin-left: 55.15625%!important;
	}

	.offset_10 {
		margin-left: 61.5625%!important;
	}

	.offset_11 {
		margin-left: 67.96875%!important;
	}

	.offset_12 {
		margin-left: 74.375%!important;
	}

	.offset_13 {
		margin-left: 80.78125%!important;
	}

	.offset_14 {
		margin-left: 87.1875%!important;
	}

	.offset_15 {
		margin-left: 93.59375%!important;
	}

	/* ADDITIONAL STYLE */

	.menu {
		position: fixed;
		float: left;
		top: 120px;
	}
	.nav-mobile {
		display:none;
	}
	#head {
		padding-top: 120px;
	}
	

	/* cover (hd) */
	.background-photo,
	.background-photo .background-overlay,
	#cover,
	#head {
		height: 500px;
	}

	.about .background-photo,
	.about .background-photo .background-overlay,
	.about #cover,
	.about #head,
	.services .background-photo,
	.services .background-photo .background-overlay,
	.services #cover,
	.services #head {
		height: 600px;
	}

	.home .background-photo,
	.home .background-photo .background-overlay,
	.home #cover,
	.home #head {
		height: auto;
	}

	/* ABOUT page */


	.about .activity.list .item {
		margin-left: 3.857142%;
		width: 28.1%;
	}

	.about .activity.list .item:first-child {
		margin-left: 0;
	}

	.about .activity.list .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	#slider-NEW .flexcaption {
		margin-left: 26%;
		margin-top: -48%;
	}
	#slider-controller {
		margin-left: 3%;
		margin-top: 20%;
		width: 97%;
	}
	.next-image {
		margin-left: 89%;
	}
	
	.bid .next-image{
		margin-left: 83%;
	}
	.bid .bx-wrapper img {
	width: 75% !important;
	display: block;
	}

	/* --- */

     /* CASE STUDY */
				
	.case-study .span_6 + .span_12 {
		margin-left: 0!important;
	}

	.case-study li.span_6:nth-child(2n+0)  + li.span_6 {
		margin-left: 0!important;
		clear: left;
	}

	.case-study li.span_3:nth-child(3n+0)  + li.span_3 {
		margin-left: 0!important;
		clear: left;
	}

	.case-study #impatto ul,
		.case-study #other ul,
		.case-study .team  ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.case-study #impatto ul li, 
		.case-study #other ul li,
		.case-study .team ul li {
		padding: 0;
		list-style-type: none;
	}

	.case-study #other ul li a{
		height: auto;
		width: 100%;
	}

	.case-study #team .header {
		text-align: left;
	}

	.case-study .team ul li {
		text-align: center;
	}
	
	

	/* EXPERIENCES page */

	#clients ul {
		padding: 0;
	}

	#clients {
		width: 100%!important;
		float: none;
		display: table!important;
	}

	.experience .description.pair {
		float: right;
		margin-right: 12.8125%;
	}

	.confini {
		display: table;
		width: 100%;
	}

	.experience .description.pair {
		float: right;
		margin-right: 6.40625%;
	}

	.experience #more-clients {
		width: 100%;
		display: table;
	}

	.experiences #clients ul  li {
	}

	.experiences #clients ul.horizontal-list li:nth-child(4n+0) + li {
		clear: left;
		margin-left: 0;
	}
	
	/* --- */

	/* HOME */
	#clients ul {
		padding: 0;
	}

	#clients {
		width: 100%!important;
		float: none;
		display: table!important;
	}

	/* --- */
	.activity.list {
		width: auto!important;
		display: table;
	}

	.activity.list .item:first-child,
	.services .activity.list .item:first-child {
		margin-left: 0;
	}

	.services .activity.list .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin: 0 1.25%;
		width: 30.83%;
	}

	.activity.list .item .more-link span {
		display: none;
	}

	.activity.details.offset2 {
		margin-left: 2.5%!important;
	}

	.activity.details  .item {
		width: 95%;
		border: 0px solid rgba(0,0,0,0);
		float: left;
		margin-bottom: 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	.approach .item .image {
		width: 35%;
		float: left;
		display: inline;
	}

	.approach .item .content {
		width: 65%;
		float: left;
		display: inline;
	}

	.services .approach .item .content {
		width: 61%;
		float: left;
		display: inline;
		margin-left: 4% !important;
		
 /* TOFIX */
	}

	.approach .description.centered-text,
		.offer .description.centered-text,
            .discover-bid .description.centered-text{
		margin-left: 17.5%;
		width: 66%;
	}

	.offer .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin-right: 3.857142%;
		width: 30.75%;
	}

	.offer  .item:last-child {
		margin-right: 0;
	}

	.site-navigation ul li {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin-left: 2.857142%;
	}

	.ux #head .content {
		margin-left: 0 !important;
	}

	.ux #approach ol {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.ux #approach ol li {
		padding-left: 28.2%;
	}

	.site-navigation ul li:first-child {
		margin-left: 0;
	}
	
	.approach .item.background-box .content {
		margin-left: 39% !important; 
		width: auto;
		padding-right: 30px;
	}

	/* EVO phases */
	.evo #phases section .image {
		min-height: 300px;
	}
	.evo #phases section:nth-child(5) .image {
		min-height: 370px;
	}
	.evo #phases section:nth-child(6) .image {
		min-height: 200px;
	}
	
}

/* ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ---------------------------------------------------------------------
	 ------------------------------------------------------------------- */
@media screen and (min-width: 1600px) {	
	.approach .item.background-box .content {
		margin-left: 35% !important; 
		width: auto;
		padding-right: 30px;
	}

	.container {
		width: 88.627%;
	}

	.container > *[class*='span_']:first-child {
		margin-left: 0;
	}

	*[class*='span_'] {
		margin-left: 2.5%;
		padding: 0 0%;
	}

	.row > *[class*='span_']:first-child {
		margin-left: 0;
	}

	.span_1 {
		width: 3.90625%;
	}

	.menu,
	.span_2 {
		width: 10.3125%;
	}

	.span_3,
	.contact {
		width: 16.71875%;
	}

	.span_4,
	.previous-page,
	.next-page {
		width: 23.125%;
	}

	.span_5,
	.top {
		width: 29.53125%;
	}

	.span_6 {
		width: 35.9375%;
	}

	.span_7 {
		width: 42.34375%;
	}

	.span_8,
	.activity.description {
		width: 48.75%;
	}

	.span_9 {
		width: 55.15625%;
	}

	.span_10 {
		width: 61.5625%;
	}

	.span_11 {
		width: 67.96875%;
	}

	.span_12,
	#head,
	.activity.list,
	.site-navigation ul {
		width: 74.375%;
	}

	.span_13 {
		width: 80.78125%;
	}

	.span_14 {
		width: 87.1875%;
	}

	.span_15 {
		width: 93.59375%;
	}

	.span_16,
	.footer {
		margin-left: 0;
		width: 100%;
	}

	.offset_1 {
		margin-left: 3.90625%!important;
	}

	.offset_2_base {
		margin-left: 10.3125%!important;
	}

	.offset2,
	#head {
		margin-left: 12.8125% !important;
	}

	.offset_3 {
		margin-left: 16.71875%!important;
	}
		/* OFFSET CORRETTI */
	.offset_3 {
		margin-left: 19.21875%!important;
	}

	.offset_4 {
		margin-left: 23.125%!important;
	}

	.offset_5 {
		margin-left: 29.53125%!important;
	}

	.offset_6 {
		margin-left: 35.9375%!important;
	}

	.offset_7 {
		margin-left: 42.34375%!important;
	}

	.offset_8 {
		margin-left: 48.75%!important;
	}

	.offset_9 {
		margin-left: 55.15625%!important;
	}

	.offset_10 {
		margin-left: 61.5625%!important;
	}

	.offset_11 {
		margin-left: 67.96875%!important;
	}

	.offset_12 {
		margin-left: 74.375%!important;
	}

	.offset_13 {
		margin-left: 80.78125%!important;
	}

	.offset_14 {
		margin-left: 87.1875%!important;
	}

	.offset_15 {
		margin-left: 93.59375%!important;
	}
        
        /* ADDITIONAL STYLE */

	.menu {
		position: fixed;
		float: left;
		top: 120px;
	}
	.nav-mobile {
		display:none;
	}


	/* COVER (ultra) */
	.background-photo,
	.background-photo .background-overlay,
	#cover,
	#head {
		height: 500px;
	}

	.about .background-photo,
	.about .background-photo .background-overlay,
	.about #cover,
	.about #head,
	.services .background-photo,
	.services .background-photo .background-overlay,
	.services #cover,
	.services #head {
		height: 600px;
	}

	.home .background-photo,
	.home .background-photo .background-overlay,
	.home #cover,
	.home #head {
		height: auto;
	}


	/* HOME */
	#clients ul {
		padding: 0;
	}

	#clients {
		width: 100%!important;
	}

	.image img,
		.logos img {
		width: 100%;
		height: auto;
	}
	/* --- */

	     /* CASE STUDY */
				
	.case-study .span_6 + .span_12 {
		margin-left: 0!important;
	}

	.case-study li.span_6:nth-child(2n+0)  + li.span_6 {
		margin-left: 0!important;
		clear: left;
	}

	.case-study li.span_3:nth-child(3n+0)  + li.span_3 {
		margin-left: 0!important;
		clear: left;
	}

	.case-study #impatto ul,
		.case-study #other ul,
		.case-study .team  ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	.case-study #impatto ul li, 
		.case-study #other ul li,
		.case-study .team ul li {
		padding: 0;
		list-style-type: none;
	}

	.case-study #other ul li a {
		height: auto;
		width: 100%;
	}

	.case-study #team .header {
		text-align: left;
	}

	.case-study .team ul li {
		text-align: center;
	}

	/* EXPERIENCES page */
	#clients ul {
		padding: 0;
	}

	#clients {
		width: 100%!important;
	}

	.experience .description.pair {
		float: right;
		margin-right: 12.8125%;
	}

	.confini {
		display: table;
		width: 100%;
	}

	.experience #more-clients {
		width: 100%;
		display: table;
	}

	.experiences #clients ul.horizontal-list {
		padding: 0;
	}

	.experiences #clients ul  li {
	}

	.experiences #clients ul.horizontal-list li:nth-child(4n+0) + li {
		clear: left;
		margin-left: 0;
	}
	
		
	/* --- */

	.activity.list {
		width: auto!important;
	}

	.activity.list .item:first-child,
	.services .activity.list .item:first-child {
		margin-left: 0;
	}

	.services .activity.list .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin: 0 1.925%;
		width: 10.4%;
	}

	.activity.list .item {
		margin-top: 60px;
	}

	.activity.list .item p {
		height: 100px;
	}

	.activity.list .item .more-link {
		display: block;
		width: 40px;
		height: 40px;
		vertical-align: bottom;
		background: url('assets/images/more_link_icon.png') no-repeat;
		margin: 0 auto;
	}

	.activity.list .item .more-link span {
		display: none;
	}

	.activity.description {
		margin-top: 80px;
	}

	.activity.description p {
		width: 86%;
	}

	.activity.details {
		width: 20%;
		margin-left: 0;
		margin-top: 80px;
		margin-bottom: 120px;
	}

	.activity.details.offset2 {
		margin-left: 5% !important;
 /* TOFIX */
	}

	.activity.details .item:first-child {
		margin-left: 0;
	}

	.activity.details .item {
		width: 100%;
		border: 0px solid rgba(0,0,0,0);
		float: left;
		padding-bottom: 1em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}

	/* ABOUT page */

	.about .activity.list .item {
		margin-left: 3.857142%;
		width: 25.85%;
	}

	.about .activity.list .item:first-child {
		margin-left: 0;
	}

	.about .activity.list .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
	}
    
	#slider-NEW .flexcaption {
		margin-left: 19.5%;
		margin-top: -48%;
	}
	#slider-controller {
		margin-left: 3%;
		margin-top: 20%;
		width: 97%;
	}
	.next-image {
		margin-left: 93%;
	}
	/*BID slider*/
	.bid .next-image {
		margin-left: 77%;
	}
	
	/* --- */

	.approach {
		width: 74%;
	}

	.approach .description,
	.offer .description {
		text-align: center;
		width: 65%;
		margin: 0 auto;
	}

	.approach .description p,
	.offer .description p {
	}

	.approach .item {
		float: left;
		width: 100%;
	}

	.approach .item .image {
		float: left;
		width: 31%;
	}

	.approach .item .image img {
		width: 100%;
	}

	.approach .item .content {
		float: left;
		width: 65%;
		margin-left: 4% !important;
 /* TOFIX */
	}

	.offer {
		width: 74%;
	}

	.offer .item {
		border: 0px solid rgba(0,0,0,0);
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-background-clip: padding-box !important;
		-webkit-background-clip: padding-box !important;
		background-clip: padding-box !important;
		margin-right: 3.857142%;
		width: 30.75%;
	}

	.offer .item:last-child {
		margin-right: 0;
	}

	.ux #head .content {
		margin-left: 0 !important;
	}

	.ux #approach ol {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	.ux #approach ol li {
		padding-left: 28.2%;
	}

	.site-navigation ul {
		margin-left: 13%;
		width: 100%;
	}

	.site-navigation ul li {
		float: left;
	}

	.contacts {
		margin-bottom: 80px;
	}

	.contact {
		width: 18.5%;
	}


	#copyright {
		margin-top: 18px;
	}

	#languages {
		float: right;
		margin-right: 24%;
	}

	/* EVO phases */
	.evo #phases section .image {
		height: 300px;
		min-height: 300px;
	}
	.evo #phases section:nth-child(5) .image {
		min-height: 370px;
	}
}

/*typography*/
/* Typography */

html {
	font-size: 16px;
}

video {
	display: block;
}

body,
.body-text {
	font-family: 'LinotypeUniversW01-Regu', 'Helvetia Neue', Helvetica, Arial, Sans-serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
}
/* Background */

#head {
	padding-top: 97px;
	padding-bottom: 70px;
	color: #222;
}

#head .sub-head {
	background-color: transparent;
}

.full-width {
	background: #f5f5f5;
	border-top: 1px solid #dadada;
}

ul,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.list.bullets {
	list-style: disc;
	margin-left: 0.5em;
	padding-left: 0.5em;
}
ul.list.bullets li {
	padding-left: 0.25em;
}
ul.horizontal li {
	display: inline;
	padding-left: 10px;
}
ul.horizontal li.first {
	padding-left: 0;
	margin-left: 0;
}


ul.discs li:before {
	list-style: none;
}
ul.discs li:before {
 content: "\020 \020 \020 \2022 \020 \020 \0";
}
 
ul.discs li.first:before {
	content: " ";
}
 
strong {
	font-family: 'LinotypeUniversW01-Bold 723697';
	font-weight: normal;
}

em {
	font-family: 'LinotypeUniversW01-RgIt';
}

a {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
}

p {
	margin-top: 0;
	padding-top: 0;
}


a:hover,
a:active{
	color: #0078bf;
	border-bottom-color: #0078bf;
}

.linked{
    color: #000;
}
a .linked:hover{
    color: #000;
}

.more-link-container {
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 0;
/*	padding-top: 50px; */
	text-align: center;
}

.more-link {
	display: inline-block;
	border-bottom: none;
	width: 40px;
	height: 40px;
	vertical-align: bottom;
	background: url('assets/images/more_link_icon.png') no-repeat;
}

.more-link span {
	display: none;
}

.highlight-dark{
	background: #000;
	padding: 6px 8px;
}
.highlight-light{
	background: #fff;
	color: #000 !important;
	padding: 12px 20px;
	font-size: 1.1em !important;
}


#head {
	color: #fff;
    text-shadow: 0 0 3px rgba(0,0,0,.1);
}

#head a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#head a:hover {
	color: #fff;
	border-bottom: solid 2px #fff;
}

.paper #head a,
.paper #subfooter a {
	color: #000;
	border-bottom: 1px solid #000;
}

.paper #subfooter a:hover,
.paper #head a:hover {
	color: #000;
	border-bottom: solid 2px #000;
}

.home #cover-sub-head a{
    border-bottom: none;
}

.home #cover-sub-head a:hover{
	border-bottom: none;
}

.home #case-sub-head {
	font-size: 1.25em;
	line-height: 1.5em;
    text-shadow: 0 0 3px rgba(0,0,0,.1);
}

.home #case-sub-head a{
    border-bottom: none;
    
}

.home #case-sub-head a:hover{
	border-bottom: none;
}

/*#cover-sub-head a{
    border-bottom: none;
}

#cover-sub-head a:hover{
	border-bottom: none;
}*/

.discover-bid .head a{
    color: #fff;
    border-bottom: 1px solid #fff
}

.discover-bid .head a:hover{
    color: #fff;
	border-bottom: 2px solid #fff;
}


#cover-sub-head a .underline {
	border-bottom: solid 1px #fff;
}

#cover-sub-head a:hover .underline {
	border-bottom: solid 2px #fff;
}
#case-sub-head a .underline {
	border-bottom: solid 1px #fff;
}

#case-sub-head a:hover .underline {
	border-bottom: solid 2px #fff;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-top: 0;
}

.site-title {
	font-size: 2em;
	margin-top: .1em;
	margin-bottom: 1.6em;
}

.huge-head {
	font-family: 'LinotypeUniversW01-UltL 723589';
	font-weight: 400;
	font-size: 5.5em;
	line-height: 1.1em;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.bigger-head {
	font-family: 'LinotypeUniversW01-Ligh 723631';
	font-weight: 400;
	font-size: 5.5em;
	line-height: 1.2em;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
}


.big-head {
    font-family: 'LinotypeUniversW01-Ligh 723631';
    font-weight: 400;
    font-size: 4em;
    line-height: 1.2em;
}

.sub-head, .big-text {
	font-family: 'LinotypeUniversW01-Regu';
	font-weight: 400;
	font-size: 1.25em;
	line-height: 1.5em;
}

#values .sub-head {
	color: #fff;
/*    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
}

#values .small-title {
	color: #fff;
}


.small-title {
	font-family: 'LinotypeUniversW01-Regu';
	font-weight: 400;
	font-size: 0.75em;
	line-height: 1.5em;
	text-transform: uppercase;
	color: #999;
	padding-bottom: 0.5em;
	display: block;
}

.head {
	font-family: 'LinotypeUniversW01-Ligh 723631';
	font-weight: 400;
	font-size: 2.5em;
	line-height: 1.2em;
	margin-bottom: .72em;
}
.blog-index .head {
	margin-bottom: 0;
}

.work_with_us {
	border-bottom: none !important;
	text-decoration: none !important;
}

#cover-sub-head {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

#case-sub-head {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.title-medium {
	font-family: 'LinotypeUniversW01-Medi 723679';
	font-weight: 400;
	font-size: 1.25em;
	line-height: 1.4em;
	margin-bottom: .5em;
}


#approach .title-medium {
	font-family: 'LinotypeUniversW01-Medi 723679';
	font-weight: 400;
	font-size: 1.25em;
	line-height: 1.4em;
	margin-bottom: .5em;
}

.experiences .title-medium {
	margin-bottom: .1em;
}

.experiences .image-big p a {
	color: #fff;
	border-color: #fff;
}

.experiences .image-big p.go-button a {
	color: #000;
	border-color: #000;
}

.divider {
	border-bottom: 1px solid #e5e5e5;
}

.divider-small {
	border-bottom: 1px solid #e5e5e5;
	margin: 0!important;
}

.image-big,
.image-big .small-title,
.slider,
.slider .small-title {
	color: #fff;
}

#other ul li a.image{
	display: block;
	padding-top: 270px;
/*	padding-left: 5%; */ /* TO FIX */
	height: 30px;
	-webkit-background-size: cover;
	-moz-background-size: cover ;
	background-size: cover ;
}

.experience ul li a.image{
	display: block;
	padding-top: 150px;
	padding-right: 25px;
	height: 150px;
	-webkit-background-size: cover;
	-moz-background-size: cover ;
	background-size: cover ;
	position: relative;
}

.experience ul li .overlay{
	background:black;
	position: absolute;
	width: 100%;
	height: 100%;
	top:0;
	left: 0;
	opacity: 0.2;
}

/*v2*/
.experience2 ul li .image{
	height:200px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-position: center;
}
.experience2 ul li .description{
	color: black;
	padding-top: 10px;
}
/********/

/*v3 hover effect*/
.jm-item {
	display: inline-block;
}
.jm-item-wrapper {
	position: relative;
}
.jm-item-image {
	position: relative;
	overflow: hidden;
}
.jm-item-image img {
	display: block;
}
.jm-item-title {
    position: absolute;
    bottom: 45px;
    left: 25px;
    font-size: 1.4em;
}
.jm-item-overlay {
	background: #000;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: opacity 0.5s ease-in 0s;
	-moz-transition: opacity 0.5s ease-in 0s;
	-o-transition: opacity 0.5s ease-in 0s;
	transition: opacity 0.5s ease-in 0s;
}
.jm-item-wrapper:hover .jm-item-overlay {
	opacity: 0.3;
}
.second .jm-item-wrapper .jm-item-title {
	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;
}
.second .jm-item-wrapper:hover .jm-item-title {
	/*top: 25px;*/
}
.second .jm-item-description {
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 10px 25px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;	
	background: rgba(0,0,0,0.6);
	color: #fff;
	top: 70%;
	-webkit-transition: all 0.5s ease-in 0s;
	-moz-transition: all 0.5s ease-in 0s;
	-o-transition: all 0.5s ease-in 0s;
	transition: all 0.5s ease-in 0s;
}
.second .jm-item-wrapper:hover .jm-item-description {
	top: 0;
}

/************/

.experience ul li .description{
	position: relative;
}

.experience ul li{
	margin-bottom: 2.4%;
}

#other ul li a.image:hover,
.experience ul li a.image:hover {
	opacity: 0.9;
}

.slider .description {
	padding-top: 50px;
}


#slider-controller ul a {
	color: #fff;
	border-bottom: none;
	font-size: 3em;
}

/* Vertical spacing */
.background-box {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
	z-index: -9000;
}

.centered-text {
	padding-top: 80px;
	padding-bottom: 70px;
	text-align: center;
}

.approach .item {
	margin-bottom: 50px;
}

.top-small {
	padding-top: 40px;
}

.bottom-small {
	padding-bottom: 40px;
}

.activity.description,
.activity.details,
.top-medium {
	padding-top: 60px;
}

.activity.description,
.activity.details,
.bottom-medium {
	padding-bottom: 60px;
}

.bottom-large {
	padding-bottom: 120px;
}

.top-large {
	padding-top: 100px;
}

#upcoming_events .metadata,
#upcoming_events .body-text {
	padding: 0;
	margin: 0;
}
/* Blog */
.entry-meta {
	color: #999;
}
.entry-meta a {
	color: #0078be;
	border-bottom: none;
}
.entry-meta a:hover,
.entry-meta a:active {
	color: #0078bf;
	border-bottom: 1px solid #0078bf;
}
/* Menu */

.menu {
	z-index: 99999;
}
.more-menu,
.social-menu {
	display: block;
}

.menu a {
	border-bottom: none;
	color: #fff;
}

.nav-dark .more-menu-link,
.nav-light .more-menu-link {
	margin-top: 20px;	
}
.nav-mobile .more-menu {
	display:none;
}

.menu a:hover {
	color: #959595;
	text-shadow: none;
}

.menu .symbol {
	width: 30px;
	height: 30px;
	margin-bottom: 54px;
}

.menu .symbol a div {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('assets/images/symbol.svg') no-repeat bottom left;
}
.menu.nav-light .symbol a div {
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url('assets/images/symbol.svg') no-repeat top left;
}

.menu.nav-mobile .symbol a div {
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url('assets/images/symbol.svg') no-repeat bottom left;
	background-size: 25px;
	margin: 2px 0 0 2px;
}

.menu .symbol span {
	display: none;
}

.menu ul {
	line-height: 1.625em;
	margin: 0 0 16px 0;
}

.menu ul li {
	list-style: none;
}

.menu.nav-light a {
	color: #000;
}

.menu.nav-light a:hover {
	color: #7d7d7d;
}

.menu.nav-light .symbol a {
	background-position: left center!important;
}

.activity,
.activity.list .title-medium,
.activity.list p,
.activity.description,
.activity.description .head {
	color: #000;
}

.activity.description .head {
	margin-top: 10px;
}

.activity.description .small-title {
	margin-bottom: 10px;
}

.team .header,
.team .footer {
	text-align: center;
}

/* ABOUT page */
.about #values .icon {
	display: block;
	width: 60px;
	height: 60px;
	background: url('assets/images/more_link_icon.png') no-repeat top right;
	background-size: 60px 60px;
	clear: both;
	margin-bottom: 25px;
}

/* TO FIX */
.about .team ul.core li {
/*	margin: 0 2.5% 0 0; */
	padding: 0;
}

.team ul.staff li {
	list-style: none;
/*	margin: 0 0 2.5% 0; */
/*	padding: 0; */
/*	width: 21.1%; */
/*	float: left; */
}

.about .team ul.staff li {
/*	margin-left: 2.5%; */
}

.about #collaborators ul li {
/* 	margin: 0 2.5% 0 0; */
/*	padding: 0; */
/* 	width: 29.5%; */
/*	float: left; */
}

.about #statistics ul li {
/*	margin: 0 2.5% 0 0; */
/* 	padding: 0; */
/*	width: 21.1%; */
/*	float: left; */
}

.about #statistics ul li h2.head{
	font-family: 'LinotypeUniversW01-Thin 723610';
}

.name {
	margin-bottom: 0;
}

.roles .image {
	margin-bottom: .5em;
}

.role {
	font-family: 'LinotypeUniversW01-Bold 723697';
	font-size: 0.8125em;
	margin-bottom: 2em;
	margin-top: 0.5em;
	line-height: 1.2em;
} 
/* --- */

/* HOME page */

.home #head {
	padding-top: 110px;
}

@media screen and (min-width: 650px) and (max-width: 1289px) {
.home .big-head {
	padding-top: 5px;
}
}

@media screen and (min-width: 1600px) {
.home #head {
	padding-top: 105px;
}
}

.home .big-head {
	font-size: 4em;
	font-family: 'LinotypeUniversW01-Ligh 723631';
	line-height: 1.2em;
}

.news > .title-medium,
.events > .title-medium {
	border-bottom: 2px solid #ebebeb;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 1em;
}

.news > .title-medium,
.news .list {
	/*padding-left: 19.21875%;*/
}

.home #latest_news .list,
#upcoming_events {
	padding-bottom: 3em;
	overflow: auto;
	margin-bottom: 5em;
}

.home .head {
	margin-bottom: 1.5em;
}

.home .list article {
	padding-top: 2em;
}

.home .list article .title-medium a {
	border-bottom: none;
}

.home .list article .title-medium a:hover {
	border-bottom: solid 1px;
}

.home .activity .title-medium {
	text-align: center;
	margin-top: 0.5em;
}

#clients ul li a {
	border-bottom: none;
}
/* --- */

/* CASE STUDY page */
.case-study .description .sub-head {
	margin-top: 0;
}

.case-study .metadata {
	margin-top: .5em;
}

blockquote {
	font-family: 'LinotypeUniversW01-Ligh 723631';
	font-size: 1.5em;
	line-height: 1.5em;
	z-index: -1;
}

blockquote.small-quote{
	font-size: 1.2em;
		padding-top:10px;
	
}

blockquote em {
	font-family: 'LinotypeUniversW01-Ligh 723634';
}

blockquote cite {
	font-family: 'LinotypeUniversW01-Medi 723679';
	font-weight: normal;
	font-style: normal;
	font-size: .75em;
}

blockquote:first-line {
	line-height: .175em;
}

blockquote:before {
	content: '\201C';
}

blockquote:before {
	float: left;
	width: .4em;
	font-size: 4em;
}

blockquote.small-quote:before {
	margin-left: -.5em;
}

blockquote:before {
	margin-left: -.6em;
	height: .1em;
	margin-top: 30px;
}

a.image {
	display: block;
	border-bottom: none;
	padding-bottom: 1em;
	color: #fff;
}

/* EXPERIENCES page */
.4cols {
	padding-top: 80px;
	padding-bottom: 80px;
}

.experience {
	color: #fff;
	margin-bottom: 3px;
}

.experience .image-big {
	padding-top: 100px;
}

.go-button {
	margin-top: 50px;
}

.go-button a {
	display: inline-block;
	border-bottom: none;
	border-radius: 3px;
	padding-top: 12px;
	padding-right: 25px;
	padding-bottom: 12px;
	padding-left: 25px;
	vertical-align: middle;
	background-color: #ffffff;
}

.percentage {
	margin-bottom: 0;
	color: #999999;
}

.confini .text {
	/*padding-top: 50px;*/
}

#clients ul li a {
	border-bottom: none;
}

/* EVO page */
#head.light {
	color: #000;
}
/*
.evo #head .graph {
	background: url('assets/images/page-evo/graphic_evo.png') top left no-repeat;
	background-size: 100% auto;
	padding-top: 110px;
}
*/
.evo #head .graph dl {
	padding-left: 0;
}

.evo #phases ol,
.evo #approach ol {
	list-style: none;
	padding-left: 0;
}

.evo #phases section .image {
	background: url('assets/images/vertical_line.gif') repeat-y top center;
	margin-bottom: 0;
}

.evo #phases section .image img {
	padding-top: 40px;
	background: url('assets/images/circle.svg') no-repeat top center;
}

.small-button {
	display: block;
	border: 2px solid #dddddd;
	padding: 20px;
	border-radius: 5px;
	text-align: center;
}

.small-button:hover {
	border-color: #0078bf;
}

.big-button {
	display: block;
	border: 2px solid #dddddd;
	padding: 30px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.big-button:hover {
	border-color: #0078bf;
}
.big-button.btn-cover{
    border: 2px solid #fff;
    color: #fff;
}
/* ABOUT page */
.about #value-list .head {
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 1em;
}

.about #value-list ol li {
	padding-top: 70px;
	margin-bottom: 60px;
	min-height: 120px;
}

.about #value-list ol li {
	background: url('assets/images/1_icon.gif') no-repeat top left;
}

.about #value-list ol li:nth-child(2) {
	background-image: url('assets/images/2_icon.gif');
}

.about #value-list ol li:nth-child(3) {
	background-image: url('assets/images/3_icon.gif');
}

.about #value-list ol li:nth-child(4) {
	background-image: url('assets/images/4_icon.gif');
}

.about #value-list ol li:nth-child(5) {
	background-image: url('assets/images/5_icon.gif');
}

.about #value-list ol li:nth-child(6) {
	background-image: url('assets/images/6_icon.png');
}

.about #value-list ol li:nth-child(7) {
	background-image: url('assets/images/7_icon.png');
}

/* UX page */
.ux #approach ol li {
	background: url('assets/images/1_icon.gif') no-repeat top left;
}

.ux #approach ol li:nth-child(2) {
	background-image: url('assets/images/2_icon.gif');
}

.ux #approach ol li:nth-child(3) {
	background-image: url('assets/images/3_icon.gif');
}

.ux #approach ol li:nth-child(4) {
	background-image: url('assets/images/4_icon.gif');
}

.ux #approach ol li:nth-child(5) {
	background-image: url('assets/images/5_icon.gif');
}

/* BID page */
.bid span.step {
  border-radius: 4.2em;
  -moz-border-radius: 4.2em;
  -webkit-border-radius: 4.2em;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  line-height: 4.2em;
  margin-right: 5px;
  text-align: center;
  width: 4.2em; 
  float: left;
}

.bid-green{
	background: #99cc66;
}

.bid-pink{
	background: #f399c0;
}

.bid-blue{
	background: #5bc9f4;
}

.bid-yellow{
	background: #f3e72b;
}

.bid-purple{
	background: #ad6a9f;
}

.bid-orange{
	background: #f89c1c;
}

.bid-darker-pink{
	background: #ec4899;
}

.bid-darker-blue{
	background: #2992d0;
}

.bid .description {
	display: table;
	width: 100%;
}
@media screen and (min-width: 320px) and (max-width: 650px) {
.bid #bid-value-list ul li:first-child {
	margin-left: 7%;
}
}

/* BID slider */
#bid-slider .head{
	margin-bottom: 1.5em;
}

.bid .bx-wrapper .bx-viewport {
left: 20%;
background: #fff;
}

.bid .bx-wrapper img {
width: 68%;
display: block;
}

.bid #slider-controller ul a {
background: black;
}

.bid #slider-controller{
	margin-top: -21%!important;
	margin-left: 15%;
}

#bid-value-list ul li{
	padding-bottom: 20px;
}

#bid-value-list ul li img{
	float: left;
	width: 68px;
}

#bid-value-list ul li p{
	/*float: left;*/
	padding-top: 3%;
	padding-left: 90px;
	/*display: block;*/
}

/* --- */

/* Footer */
/* Site navigation menu */
.site-navigation {
	margin-bottom: 20px;
	padding: 40px 0;
	margin-top: 4em;
	background-color: #f5f5f5;
}

.site-navigation a {
	border-bottom: none;
}

.site-navigation .top {
	text-align: center;
}

.site-navigation .next-page {
	text-align: right;
}

.site-navigation .previous-page,
.site-navigation .next-page {
	font-family: 'LinotypeUniversW01-Thin 723610';
	font-size: 2em;
}

#call-to-action {
	margin-bottom: 1em;
	margin-top: 4em;
}
/*
#footer .slogan {
	margin-bottom: 80px;
}
#footer .widgetbar {
	margin-bottom: 80px;
}
*/
#subfooter {
	font-size: .75em;
	background-color: #F5F5F5;
	padding: 1em 0;
}

#footer-prev {
	background: transparent url('assets/images/footer-arrow-left.png') no-repeat left center;
	width: 20px;
	max-width: 20px;
	display: block;
	float: left;
	overflow: hidden;
	text-indent: 1000px;
}

#footer-next {
	background: transparent url('assets/images/footer-arrow-right.png') no-repeat right center;
	width: 20px;
	max-width: 20px;
	display: block;
	float: right;
	overflow: hidden;
	text-indent: 1000px;
}

#languages {
	text-align: right;
}

.offer .item p {
	padding-bottom: 1em;
}

@media screen and (min-width: 0px) and (max-width: 1000px) {
	
	.menu .symbol {
		background-color: #222;
		padding: 10px;
		margin-bottom: 0;
	}

	.menu ul .symbol a {
		padding: 0;
		border-bottom: none;
	}

	.menu.open .symbol {
		width: auto;
		height: auto;
		padding: 0;
	}

	.menu.open .symbol a {
		padding: 10px;
		height: 30px;
	}

	.menu.open .symbol span {
		display: inline-block;
		padding-left: 10px;
		height: 30px;
		vertical-align: top;
	}

	.menu {
		position: absolute;
		top: 40px;
		float: left;
		display: inline
	}

	.menu ul {
		display: none;
	}

	.menu ul.home-menu {
		display: block;
		margin-bottom: 0;
	}

	.menu.open ul {
		display: block;
	}

	.menu.nav-mobile ul.main-menu,
	.menu.nav-mobile ul.more-menu {
		margin: 0 0 0 0;
	}

	.menu.nav-light {
		display: none;
	}

	.menu.open {
		display: block;
		color: #fff;
		background-color: #222;
		width: 260px;
	}

	.menu.open ul.social-menu,
	.menu.open .main-menu li:last-child {
		display: none;
	}

	.menu ul a {
		display: block;
		border-bottom: 1px solid #444;
		padding-top: 12px;
		padding-right: 12px;
		padding-bottom: 12px;
		padding-left: 50px;
	}

	.main-menu {
		border-top: 1px solid #444;
	}

	.menu ul a:hover {
		background-color: #333333;
		color: #fff;
	}

	.menu.nav-light .symbol {
		background-color: transparent;
	}
	
}

@media screen and (min-width: 1px) and (max-width: 650px) {

	.menu-item-98{
		display:none;
	}
	
	#cover-sub-head{
			text-shadow: none;
	}
	
	#cover-sub-head a .underline{
		border-bottom: 1px solid #000;
	}
	
	.home #case-sub-head{
        text-shadow: 0 0 3px rgba(0,0,0,.1);
	}

	#case-sub-head{
			text-shadow: none;
	}
	
	#case-sub-head a .underline{
		border-bottom: 1px solid #fff;
	}
	
	.background-photo{
		background-attachment: scroll !important;
	}
	
	#head {
		padding-bottom: 0;
		padding-top: 40px !important;
	}
	
	.image-big {
		height: 200px;
	}
     .image-big.image-big-btn{
        padding-bottom: 130px;
    }
	
	iframe{
		height:150px;
		width: 359px;
	}
	
	.symbol {
		background-color: #222;
		padding: 10px;
	}
	
	.site-title {
		margin-bottom: 50px;
		margin-left: 75px;
		margin-top: -8px;
	}

	.menu {
		background-color: #222;
		width: 50px;
	}

	.menu.open {
		width: 16em;
	}

	.menu a {
		display: block;
		border-bottom: 1px solid #959595;
		padding-top: 26px;
		padding-bottom: 26px;
	}

	.symbol span {
		display: none;
	}

	.menu.nav-light .symbol {
		background-color: transparent;
	}
	
	.big-head {
		font-size: 1.9em;
		padding-right: 10px;
		padding-top: 1em;
	}
	
	#cover .big-head,
	#cover .bigger-head{
		padding-top: 20px !important;
		font-family: 'LinotypeUniversW01-Ligh 723631';
		
	}
	
	#cover .big-head {
		font-size: 1.8em;
		line-height: 1.25;
	}
	
	.background-photo, .background-photo .background-overlay, #cover, #head {
		min-height: 280px !important;
	}	
	
	.home .background-photo, .home .background-photo .background-overlay, .home #cover, .home #head {
	  height: auto !important;
	}
	
	.home #cover .big-head {
		margin-top: 25px;
	}
 	
	.sub-head, .big-text {
		font-size: 1.125em;
/*18px*/
	}

	.small-title {
		padding-top: 20px;
	}

	.head {
		font-size: 1.5em;
/*24px*/
	}

	.title-medium {
		font-size: 1.125em;
/*18px*/
	}
	.graph .title-medium {
		font-size: 0.55em;
	}
	#cover {
		padding-top: 0;
	}

	#head {
		padding-top: 80px;
	}

	.big-head {
		line-height: 1.3em;
		font-size: 1.8em;
		margin-top: 1em;
		display: block;
	}
	.bigger-head {
		line-height: 1.3em;
		font-size: 2.4em;
		margin-top: 1em;
		display: block;
	}
	
/*
	#head .sub-head {
		color: #000;
		background-color: #f5f5f5;
	}
*/
	.activity.description,
	.activity.details,
	.top-medium {
		padding-top: 30px;
	}

	.activity.description,
	.activity.details,
	.bottom-medium {
		padding-bottom: 30px;
	}

	#productservicethinking p {
	    text-align: left;
    	padding:0 !important;
	}
	
	.services .activity.list .item {
		height: auto;
		margin: 0 1.5%;
		width: 47%;
	}

	/* ABOUT page */
	.activity.list .item {
		height: auto;
		margin-top: 60px;
	}

	.roles .item .image {
		clear: both;
		display: block;
		margin-right: 0;
		float: none;
	}

	.roles .item .image img {
		width: 100%;
		height: auto;
		clear: both;
		display: block;
		float: none;
	}

	blockquote {
		padding-left: 25% !important;
		font-size: 1.1em;
		line-height: 1.2em;
	}
	
	blockquote.small-quote:before{
		margin-left: -3px;
		font-size: 3em;
	}
	
	#cover-sub-head {
		padding-top: 1em;
	}
	
	#case-sub-head {
		padding-top: 1em;
	}
	
	.home #latest_news .list, #upcoming_events {
		margin-bottom: 1em;
	}
	
	#clients, .confini {
	  padding-top: 1.5em;
	}
	
	.bottom-large {
		padding-bottom: 1em;
	}
	
	.top-large {
		padding-top: 2em;
	}
	
	.activity.description, .activity.details, .bottom-medium {
	  padding-bottom: 10px !important;
/*	  padding-top: 0;
	  margin-top: 0!important; */
	}
	
	.huge-head {
	  font-family: 'LinotypeUniversW01-Ligh 723631';
	  font-size: 2em;
	  font-weight: 400;
	  line-height: 1.1em;
	  margin-bottom: 0.5em;
	  margin-top: 1em;
	}
	
	.graph,
	.logo-evo {
		display: none;
	}
	
	
	.home .big-head {
		padding-top: 0;	
		margin-top: 0;
	}
	
	.activity.list .item {
	  height: auto;
	  margin-top: 0;
	}
	
	.more-link-container {
		margin-top: 0;
	}
	
	.approach .item .image,
	.approach .item .content {
		width: 100%;
		clear: both;
		float: none;
	}
	
	.approach .item .content .title-medium {
		margin-top: 1em;
	}
	
	.offer.section, .approach .description.centered-text {
		margin-left: 0 !important;
		width: 100% !important;
	}
	
	
	
	.big-head,
	.home .big-head {
		font-size: 1.5em;
		line-height: 1.5em;
	}


	blockquote {
		padding-left: 25%;
		font-size: 1.1em;
		line-height: 1.2em;
	}
	
	.about #value-list ol li {
	  margin-bottom: 20px;
	  padding-left: 55px;
	  background-size: 40px;
	  padding-top: 7px;
	  padding-bottom: 15px;
	  min-height: 30px;
	}
	
	.about #value-list .head {
	  margin-bottom: 1em;
	}
	
	.team .footer {
		height: auto;
		margin-bottom: 3em;
	}
	
	.roles .item {
		margin-bottom: 3em;
	}
	
	.evo .col {
		margin-left: 0;
	}
	
	.key-points {
		padding-bottom: 3em;
	}
	
	.about .staff.actual {
		padding-bottom: 3em;
	}
	
	.about .roles {
		margin-bottom: 1em;
	}
	
	.activity.description .small-title {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	.about #vision .small-title {
		margin-bottom: 0;
	}
	
	.about #vision .head {
		margin-top: 10px;
	}
	
	
	.experience .image-big {
	  padding-bottom: 0 !important;
	  margin-bottom: 0 !important;
	  background-position: center -60px;
	  background-size: 650px;
	}
	
	.experience .image-big .container {
	  margin: 0 auto;
	  max-width: 100%;
	  overflow: hidden;
	  position: relative;
	  background: #fff;
	  width: 100%;
	  color: #000 !important;
	  padding: 0;
	  margin: 0;
	  margin-top: 200px;
	}
	
	.experience .image-big .container .description {
	 padding: 10% 5% !important;
	}
	
	.experience .go-button a {
	  border: 2px solid #DDDDDD;
	  border-radius: 3px 3px 3px 3px;
	  margin-top: 25px;
	  text-align: center;
	  display: block;
	}
	
	.case-study .big-head {
		margin-top: 20px;
		padding-top: 0;
		line-height: 1.2em;
		font-size: 2em;
	}
	
	blockquote {
	  margin-left: 0 !important;
	  padding-left: 0 !important;
	  padding-right: 0 !important;
	  width: 100%;
	}
	
	blockquote p {
		line-height: 1.4em;
		padding: 20px 20px 0 20px;
	}
	
	blockquote cite {
		margin-bottom: 15px;
		margin-left: 20px;
		padding-bottom: 0;
	}
	
	.case-study .background-box {
		margin-left: 0;
		padding-left: 0;
	}
	
	#more-clients .clients-col {
	  float: none;
	  clear: both;
	  width: 100%;
	}
	
	/*paper*/
	
	.paper .small-title {
	  color: #999999;
	  display: block;
	  font-family: 'LinotypeUniversW01-Regu';
	  font-size: 0.75em;
	  font-weight: 400;
	  line-height: 1em;
	  margin-bottom: 0;
	  margin-top: 50px;
	  padding-bottom: 0;
	  text-transform: uppercase;
	}
	
	.paper .col,
	.paper .content {
		margin-left: 0;
		margin-top: 0.5em;
	}
	
	.paper .background-photo, .paper .background-photo .paper .background-overlay, .paper #cover, .paper #head {
		height: auto !important;
	}
	
	.next-page,
	.previous-page {
		display: none;
	}
	
	.top,
	.top a {
		margin: 0 auto;
		width: 100%;
	}
	
	.paper .small-button {
		text-align: center;
	}
}
/* **** END OF 4 Column Grid 320px - 767px **************************** */ 


@media screen and (min-width: 651px) and (max-width: 1000px) {
	
	.background-photo{
		background-attachment: scroll; !important;
	}

	#head {
		padding-top: 120px;
	}

	.image-big {
		height: 400px;
	}
    .image-big.image-big-btn{
        padding-bottom: 90px;
    }

	iframe{
		height: 400px;
		width: 619px;
	}
	
	.big-head {
		font-size: 3.125em;
/*50px*/
	}

	.sub-head {
		/*20px*/
	}

	.small-title {
		/*12px*/
	}

	.head {
		font-size: 2.5em;
	}

	.title-medium {
	}

	.graph .title-medium {
		font-size: 1em;
	}

	.activity.list .item {
		margin-top: 40px;
		margin-bottom: 10px;
		padding-bottom: 180px;
	}

	.activity.description {
		padding-bottom: 0;
	}

	.centered-text {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.background-box {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.activity.description,
	.activity.details,
	.top-medium {
		padding-top: 40px;
	}

	.activity.description,
	.activity.details,
	.bottom-medium {
		padding-bottom: 40px;
	}

	.bottom-large {
		padding-bottom: 80px;
	}

	/* ABOUT page */
	.roles .item .image {
		width: auto;
		float: left;
		margin-right: 7%;
	}

	blockquote {
		padding-left: 25% !important;
		font-size: 1.1em;
		line-height: 1.2em;
	}
	
	blockquote.small-quote {
		padding-left: 0 !important;
		font-size: 1.2em;
		line-height: 1.5em;
	}

	.more-link-container {
		margin-top: 0px;
	}
	
	/*BID page*/
	.bid .bx-wrapper img {
	width: 80% !important;
	display: block;
	}

	/* SERVICES */
	.activity ul {
		padding-top: 1em;
	}
	
}
/* **** END OF 4 Column Grid 320px - 767px **************************** */ 

   /* 16 Column Grid 1024px - 1279px
     --------------------------------------------------------------------------
     -------------------------------------------------------------------------- */

@media screen and (min-width: 1001px) and (max-width: 1279px) {

	.background-photo{
		background-attachment: scroll !important;
	}
	
	.big-head {
		font-size: 3.125em;
	}

	.sub-head {
		/*20px*/
	}

	.small-title {
		/*12px*/
	}

	.head {
		/*40px*/
	}

	.title-medium {
		/*20px*/
	}

	.graph .title-medium {
		font-size: 1em;
	}

	#main {
		height: 630px;
	}

	.centered-text {
		text-align: center;
	}

	.activity.details {
		padding-top: 0;
	}

	.offer .item {
		padding-top: 40px;
	}

	.offer .description.centered-text {
		padding-bottom: 50px;
	}

	
	.bottom-large {
		padding-bottom: 80px;
	}
	
	#more-clients .clients-col {
	  float: left;
	  margin-right: 5%;
	  width: 23%;
	}

}
/* **** END OF 16 Column Grid 1024px - 1279px **************************** */ 

   /* 16 Column Grid 1280px - 1599px
     --------------------------------------------------------------------------
     -------------------------------------------------------------------------- */
@media screen and (min-width: 1280px) and (max-width: 1599px) {
	.centered-text {
		text-align: center;
	}

}
/* **** END OF 16 Column Grid 1280px - 1599px **************************** */ 

   /* 16 Column Grid 1600px - Infinity
     --------------------------------------------------------------------------
     -------------------------------------------------------------------------- */
@media screen and (min-width: 1600px) {
	html {
		font-size: 18px;
	}

	#head {
		padding-top: 95px;
	}
	/* ABOUT */
/*
	.about #collaborators ul li {
		width: 27.1%;
	}
*/
	/* --- */

}
/* **** END OF 16 Column Grid 1600px - Infinity **************************** */ 

/*grid*/
/* LAYOUT FOOTER.CSS*/

.container {
	margin: 0 auto;
	max-width: 88.607%;
	overflow: hidden;
	position: relative;
}

.row {
	margin: 0 auto;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-size: 100% 100px;
	height: auto;
}
/* Reusable column setup */
.col {
	border: 0px solid rgba(0,0,0,0);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

*[class*='hd_span_'],
*[class*='ultra_span_'] {
	border: 0px solid rgba(0,0,0,0);
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding-box !important;
	-webkit-background-clip: padding-box !important;
	background-clip: padding-box !important;
}

.full-width.bottom-navigation {
	background-color: #F5F5F5;
}

.home .horizontal-list {
	padding-bottom: 5em !important;
}



    /* PHONE 4 Column Grid 0px - 767px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    19.75%
    Span 2:    46.5%
    Span 3:    73.25%
    Span 4:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 0) and (max-width: 650px) {
	.mobile-top-margin {
		margin-top: 20px !important;
	}
	.background-photo{
		background-attachment: scroll !important;
	}

	.container {
		margin: 0 auto;
		width: 90%;
		max-width: 90%;
		overflow: hidden;
		position: relative;
	}

	.col {
		margin-left: 7%;
		padding: 0 0%;
	}
	/*
	.row .col:first-child {
		margin-left:0;
	}
*/
/*
	.NEWfooter .tube .phone_span_1,
	.phone_span_1 {	width:19.75%;	}

	.NEWfooter .tube .phone_span_2,
	.phone_span_2 {	width:46.5%;	}

	.NEWfooter .tube .phone_span_3,
	.phone_span_3 {	width:73.25%;	}
*/

	.phone_span_1 {
		width: 19.75%;
	}

	.phone_span_2 {
		width: 46.5%;
	}

	.phone_span_3 {
		width: 73.25%;
	}

	.tube,
	.phone_span_4 {
		margin-left: 0;
		width: 100%;
	}

	.NEWfooter .tube,
	.NEWfooter .gap {
		margin-left: 0!important;
	}

	.NEWfooter .tube {
		width: 100%!important;
	}

	.phone_offset_0 {
		margin-left: 7%!important;
	}

	.phone_offset_1 {
		margin-left: 19.75%!important;
	}

	.phone_offset_2 {
		margin-left: 46.5%!important;
	}

	.phone_offset_3 {
		margin-left: 73.25%!important;
	}

	/* *** */
	.site-navigation .top span {
		display: none;
	}

	.contact-page .phone_offset_1 {
		margin-left: 33.75%!important;
	}
			
			/* NB L'ALLINEAMENTO NON E' PERFETTO PERCHE gli span_ si prendono ancora il margin vecchio e non quello da 4 colonne che dovrebbe essere di 7% */
			/* RIGA 255 di layout.css */	

	.offset2 {
		margin-left: 0!important;
	}
	
	.experiences .case{
		width: 100%;
		float: none;
	}
	
	.experiences .case:nth-child(2n) {
		margin-left: 0;
	}

	/* --- */;
}


    /* TABLET 8 Column Grid 768px - 1023px 
    ----------------------------------------------------------------------------- 
    
    Span 1:    9.4375%
    Span 2:    22.375%
    Span 3:    35.3125%
    Span 4:    48.25%
    Span 5:    61.1875%
    Span 6:    74.125%
    Span 7:    87.0625%
    Span 8:    100%
    
    ----------------------------------------------------------------------------- */
@media screen and (min-width: 651px) and (max-width: 1000px) {

	.background-photo{
		background-attachment: scroll !important;
	}
	
	.col {
		margin-left: 3.5%;
		padding: 0 0%;
	}

	.row .col:first-child {
		margin-left: 0;
	}

	.tablet_span_1 {
		width: 9.4375%;
	}

	.tablet_span_2 {
		width: 22.375%;
	}
	
	.tablet_span_33 {
		width: 31%;
	}

	.tablet_span_3 {
		width: 35.3125%;
	}

	.tablet_span_4 {
		width: 48.25%;
	}

	.tablet_span_5 {
		width: 61.1875%;
	}

	.tablet_span_6 {
		width: 74.125%;
	}

	.tablet_span_7 {
		width: 87.0625%;
	}

	.tube,
	.tablet_span_8 {
		margin-left: 0;
		width: 100%;
	}
	/* MARGINI CORRETTI */
	.tablet_offset_1 {
		margin-left: 12.9375%!important;
	}

	.tablet_offset_2 {
		margin-left: 25.875%!important;
	}

	.tablet_offset_3 {
		margin-left: 38.8125%!important;
	}

	.tablet_offset_4 {
		margin-left: 51.75%!important;
	}

	.tablet_offset_5 {
		margin-left: 64.6875%!important;
	}

	.tablet_offset_6 {
		margin-left: 77.625%!important;
	}

	.tablet_offset_7 {
		margin-left: 90.5625%!important;
	}

	.NEWfooter .tube,
	.NEWfooter .gap {
		margin-left: 0!important;
	}

	.NEWfooter .tube {
		width: 100%!important;
	}

	/* Flowing spans */

		.tube .row .tablet_span_4:nth-child(2n+1) {
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}

	/* ABOUT page / Values / List */
	.tube .tablet_offset_2.tablet_span_2 {
		margin-left: 25.875%!important;
 /* span2 + col margin */
		clear: left;
	}
	
	/*EXPERIENCES page / case studies */
	.experience .row .col:nth-child(2n+1) {
			clear: left;
			margin-left: 0;
		}
		
	/* ABOUT page / staff */
	.tube .row .tablet_span_4:nth-child(2n+1) {
		clear: left;
		margin-left: 0;
	}
	/* EXPERIENCES page / numbers */
	.experiences .tube.row .tablet_span_4:nth-child(2n+1) {
/*		background-color: cyan; */
		clear: left;
		margin-left: 0;
	}

	/* FOOTER */

	.NEWfooter .row.tube .tablet_span_4:nth-child(3n+0) {
		clear: left;
		margin-left: 0;
	}

	/* ------------- */

			/* NB L'ALLINEAMENTO NON E' PERFETTO PERCHE gli span_ si prendono ancora il margin vecchio e non quello da quello vecchio e non quello che dovrebbe essere di 3.5%) */
			/* RIGA 529 di layout.css */
			
	.contact-page .tablet_offset2 {
		margin-left: 29.375%!important;
	}

	.offset2 {
		margin-left: 0!important;
	};
}


/*
 *
 * DESKTOP + HD
 * 1024px - 1279px
 * 1280px - 1599px
 */ 
@media screen and (min-width: 1001px) and (max-width: 1599px) {
	.tube {
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.col {
		margin-left: 2.5%;
		padding: 0 0%;
	}

	.row .col:first-child {
		margin-left: 0;
	}

	.NEWfooter .tube .hd_span_1,
	.hd_span_1 {
		width: 3.90625%;
	}

	.NEWfooter .tube .hd_span_2,
	.hd_span_2 {
		width: 10.3125%;
	}

	.NEWfooter .tube .hd_span_3,
	.hd_span_3 {
		width: 16.71875%;
	}

	.NEWfooter .tube .hd_span_4,
	.hd_span_4 {
		width: 23.125%;
	}

	.NEWfooter .tube .hd_span_5,
	.hd_span_5 {
		width: 29.53125%;
	}

	.NEWfooter .tube .hd_span_6,
	.hd_span_6 {
		width: 35.9375%;
	}

	.NEWfooter .tube .hd_span_7,
	.hd_span_7 {
		width: 42.34375%;
	}

	.NEWfooter .tube .hd_span_8,
	.hd_span_8 {
		width: 48.75%;
	}

	.NEWfooter .tube .hd_span_9,
	.hd_span_9 {
		width: 55.15625%;
	}

	.NEWfooter .tube .hd_span_10,
	.hd_span_10 {
		width: 61.5625%;
	}

	.NEWfooter .tube .hd_span_11,
	.hd_span_11 {
		width: 67.96875%;
	}

	.NEWfooter .tube .hd_span_12,
	.hd_span_12, .tube {
		width: 74.375%;
	}
	
	#subfooter .tube {
		width: 100%;
	}

	.NEWfooter .tube .hd_span_13,
	.hd_span_13 {
		width: 80.78125%;
	}

	.NEWfooter .tube .hd_span_14,
	.hd_span_14 {
		width: 87.1875%;
	}

	.NEWfooter .tube .hd_span_15,
	.hd_span_15 {
		width: 93.59375%;
	}

	.NEWfooter .tube .hd_span_16,
	.hd_span_16 {
		width: 100%;
		margin-left: 0;
	}

	.tube,
				.gap {
		margin-left: 19.21875%!important;
	}

	.NEWfooter .tube,
       	#subfooter .tube,
				.NEWfooter .gap,
       	#subfooter .gap {
		margin-left: 0!important;
	}

	.NEWfooter .tube {
		width: 100%!important;
	}

	.tube .hd_span_1 {
		width: 6.04166666667%;
	}

	.tube .hd_span_2 {
		width: 14.5833333333%;
	}

	.tube .hd_span_3 {
		width: 23.125%;
	}

	.tube .hd_span_4 {
		width: 31.6666666667%;
	}

	.tube .hd_span_5 {
		width: 40.2083333333%;
	}

	.tube .hd_span_6 {
		width: 48.75%;
	}

	.tube .hd_span_7 {
		width: 57.2916666667%;
	}

	.tube .hd_span_8 {
		width: 65.8333333333%;
	}

	.tube .hd_span_9 {
		width: 74.375%;
	}

	.tube .hd_span_10 {
		width: 82.9166666667%;
	}

	.tube .hd_span_11 {
		width: 91.4583333333%;
	}

	.tube .hd_span_12 {
		margin-left: 0;
		width: 100%;
	}

	.tube .hd_offset_1 {
		margin-left: 6.04166666667%!important;
	}

	.tube .hd_offset_2 {
		margin-left: 14.5833333333%!important;
	}

	.tube .hd_offset_3 {
		margin-left: 23.125%!important;
	}

	.tube .hd_offset_4 {
		margin-left: 31.6666666667%!important;
	}

	.tube .hd_offset_5 {
		margin-left: 40.2083333333%!important;
	}

	.tube .hd_offset_6 {
		margin-left: 48.75%!important;
	}

	.tube .hd_offset_7 {
		margin-left: 57.2916666667%!important;
	}

	.tube .hd_offset_8 {
		margin-left: 65.8333333333%!important;
	}

	.tube .hd_offset_9 {
		margin-left: 74.375%!important;
	}

	.tube .hd_offset_10 {
		margin-left: 82.9166666667%!important;
	}

	.tube .hd_offset_11 {
		margin-left: 91.4583333333%!important;
	}

	/* Flowing spans */

	.tube .row .hd_span_6:nth-child(2n+1) {
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}
	
	/*EXPERIENCES page / case studies */
	.experience .row .col:nth-child(2n+1) {
			clear: left;
			margin-left: 0;
		}

	/* ABOUT page / staff */
	#numbers.tube .row .ultra_span_3:nth-child(4n+1) {  /* TOFIX must be hd_span */
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}

	.tube .staff.row .hd_span_3:nth-child(4n+1) {
/*		background-color: blue; */
		clear: left;
		margin-left: 0;
	}

	.tube .staff.row .hd_span_4:nth-child(3n+1) {
/*		background-color: yellow; */
		clear: left;
		margin-left: 0;
	}
	#more-clients .tube .row .hd_span_4:nth-child(3n+1) {
/*		background-color: yellow; */
		clear: left;
		margin-left: 0;
	}

	/* ABOUT page / Values / List */
	#value-list #numbers.tube .row .ultra_span_3:nth-child(4n+1) { /* TOFIX must be hd_span */
/*		background-color: purple; */
		margin-left: 0;
		clear: none;
	}

	#value-list .tube .row .ultra_offset_3.ultra_span_3 { /* TOFIX must be hd_span */
/*		background-color: red; */
		margin-left: 25.625%!important;
		clear: left !important;
	}

/*
	.row .hd_span_4:nth-child(5n+0) {
		background-color: green;
		clear:left;
		margin-left:0;
	}
*/
	/* Specific Overrides */
	.contact-page .offset_3 {
		margin-left: 21.71875%!important;
	};
}
/* --- end of HD */

/*
 * ULTRA
 * 1600 - infinity
 */ 
@media screen and (min-width: 1600px) {
	.tube {
		margin: 0 auto;
		width: 100%;
		overflow: hidden;
		position: relative;
	}

	.col {
		margin-left: 2.5%;
		padding: 0 0%;
	}

	.row .col:first-child {
		margin-left: 0;
	}

	.ultra_span_1 {
		width: 3.90625%;
	}

	.ultra_span_2 {
		width: 10.3125%;
	}

	.ultra_span_3 {
		width: 16.71875%;
	}

	.ultra_span_4 {
		width: 23.125%;
	}

	.ultra_span_5 {
		width: 29.53125%;
	}

	.ultra_span_6 {
		width: 35.9375%;
	}

	.ultra_span_7 {
		width: 42.34375%;
	}

	.ultra_span_8 {
		width: 48.75%;
	}

	.ultra_span_9 {
		width: 55.15625%;
	}

	.ultra_span_10 {
		width: 61.5625%;
	}

	.ultra_span_11 {
		width: 67.96875%;
	}

	.ultra_span_12, .tube {
		width: 74.375%;
	}

	.ultra_span_13 {
		width: 80.78125%;
	}

	.ultra_span_14 {
		width: 87.1875%;
	}

	.ultra_span_15 {
		width: 93.59375%;
	}

	.ultra_span_16 {
		width: 100%;
		margin-left: 0;
	}

	.tube,
				.gap {
		margin-left: 12.8125%;
	}

	.tube .ultra_span_1 {
		width: 6.04166666667%;
	}

	.tube .ultra_span_2 {
		width: 14.5833333333%;
	}

	.tube .ultra_span_3 {
		width: 23.125%;
	}

	.tube .ultra_span_4 {
		width: 31.6666666667%;
	}

	.tube .ultra_span_5 {
		width: 40.2083333333%;
	}

	.tube .ultra_span_6 {
		width: 48.75%;
	}

	.tube .ultra_span_7 {
		width: 57.2916666667%;
	}

	.tube .ultra_span_8 {
		width: 65.8333333333%;
	}

	.tube .ultra_span_9 {
		width: 74.375%;
	}

	.tube .ultra_span_10 {
		width: 82.9166666667%;
	}

	.tube .ultra_span_11 {
		width: 91.4583333333%;
	}

	.tube .ultra_span_12 {
		margin-left: 0;
		width: 100%;
	}

	.tube .ultra_offset_1 {
		margin-left: 6.04166666667%!important;
	}

	.tube .ultra_offset_2 {
		margin-left: 14.5833333333%!important;
	}

	.tube .ultra_offset_3 {
		margin-left: 23.125%!important;
	}

	.tube .ultra_offset_4 {
		margin-left: 31.6666666667%!important;
	}

	.tube .ultra_offset_5 {
		margin-left: 40.2083333333%!important;
	}

	.tube .ultra_offset_6 {
		margin-left: 48.75%!important;
	}

	.tube .ultra_offset_7 {
		margin-left: 57.2916666667%!important;
	}

	.tube .ultra_offset_8 {
		margin-left: 65.8333333333%!important;
	}

	.tube .ultra_offset_9 {
		margin-left: 74.375%!important;
	}

	.tube .ultra_offset_10 {
		margin-left: 82.9166666667%!important;
	}

	.tube .ultra_offset_11 {
		margin-left: 91.4583333333%!important;
	}

	/* Flowing spans */
	
	/*EXPERIENCES page / case studies */
	.experience .row .col:nth-child(2n+1) {
			clear: left;
			margin-left: 0;
		}

	/* ABOUT page / staff */

	#numbers.tube .row .ultra_span_3:nth-child(4n+1) {
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}

	.tube .row .ultra_span_6:nth-child(2n+1) {
/*		background-color: pink; */
		clear: left;
		margin-left: 0;
	}

	.tube .staff.row .ultra_span_3:nth-child(4n+1) {
/*		background-color: blue; */
		clear: left;
		margin-left: 0;
	}
	#more-clients .tube .row .ultra_span_3:nth-child(4n+1) {
/*		background-color: blue; */
		clear: left;
		margin-left: 0;
	}

	.tube .staff.row .ultra_span_4:nth-child(3n+1) {
/*		background-color: yellow; */
		clear: left;
		margin-left: 0;
	}

	/* ABOUT page / Values / List */
	#value-list #numbers.tube .row .ultra_span_3:nth-child(4n+1) {
/*		background-color: purple; */
		margin-left: 0;
		clear: none;
	}

	#value-list .tube .row .ultra_offset_3.ultra_span_3 {
/*		background-color: red; */
		margin-left: 25.625%!important;
		clear: left !important;
	}

	/* Specific Overrides */
	.contact-page .offset_3 {
		margin-left: 21.71875%!important;
	};
}
/* --- end of ULTRA */

/*utils*/
@media screen and (min-width: 320px) and (max-width: 769px) {
	/* CLEARING */
		/* IN REALTA' E' SOVRAGENERALIZZATA DOVREBBE PARTIRE DALLA SOMMA CON span_5 MA PUO' ESSERE RESA SPECIFICA PER IL "TUBE" */
		.span_12  + .span_1,
		.span_12  + .span_2,
		.span_12  + .span_3,
		.span_12  + .span_4,
		.span_12  + .span_5,
		.span_12  + .span_6,
		.span_12  + .span_7,
		.span_12  + .span_8,
		.span_12  + .span_9,
		.span_12  + .span_10,
		.span_12  + .span_11,
		.span_12  + .span_12,
		.span_12  + .span_13,
		.span_12  + .span_14,
		.span_12  + .span_15,
		.span_12  + .span_16 {
			margin-left:0;
			clear:left;
		}
		.span_11  + .span_1,
		.span_11  + .span_2,
		.span_11  + .span_3,
		.span_11  + .span_4,
		.span_11  + .span_5,
		.span_11  + .span_6,
		.span_11  + .span_7,
		.span_11  + .span_8,
		.span_11  + .span_9,
		.span_11  + .span_10,
		.span_11  + .span_11,
		.span_11  + .span_12,
		.span_11  + .span_13,
		.span_11  + .span_14,
		.span_11  + .span_15,
		.span_11  + .span_16 {
			margin-left:0;
			clear:left;
		}
}

@media screen and (min-width: 770px) and (max-width: 1023px) {
/* CLEARING */
		/* IN REALTA' E' SOVRAGENERALIZZATA DOVREBBE PARTIRE DALLA SOMMA CON span_5 MA PUO' ESSERE RESA SPECIFICA PER IL "TUBE" */
	.span_12  + .span_1,
		.span_12  + .span_2,
		.span_12  + .span_3,
		.span_12  + .span_4,
		.span_12  + .span_5,
		.span_12  + .span_6,
		.span_12  + .span_7,
		.span_12  + .span_8,
		.span_12  + .span_9,
		.span_12  + .span_10,
		.span_12  + .span_11,
		.span_12  + .span_12,
		.span_12  + .span_13,
		.span_12  + .span_14,
		.span_12  + .span_15,
		.span_12  + .span_16 {
		margin-left: 0;
		clear: left;
	}

	.span_11  + .span_1,
		.span_11  + .span_2,
		.span_11  + .span_3,
		.span_11  + .span_4,
		.span_11  + .span_5,
		.span_11  + .span_6,
		.span_11  + .span_7,
		.span_11  + .span_8,
		.span_11  + .span_9,
		.span_11  + .span_10,
		.span_11  + .span_11,
		.span_11  + .span_12,
		.span_11  + .span_13,
		.span_11  + .span_14,
		.span_11  + .span_15,
		.span_11  + .span_16 {
		margin-left: 0;
		clear: left;
	}
}


@media screen and (min-width: 1024px) and (max-width: 1279px) {

		/* CLEARING */
		/* IN REALTA' E' SOVRAGENERALIZZATA DOVREBBE PARTIRE DALLA SOMMA CON span_5 MA PUO' ESSERE RESA SPECIFICA PER IL "TUBE" */
		.span_12  + .span_1,
		.span_12  + .span_2,
		.span_12  + .span_3,
		.span_12  + .span_4,
		.span_12  + .span_5,
		.span_12  + .span_6,
		.span_12  + .span_7,
		.span_12  + .span_8,
		.span_12  + .span_9,
		.span_12  + .span_10,
		.span_12  + .span_11,
		.span_12  + .span_12,
		.span_12  + .span_13,
		.span_12  + .span_14,
		.span_12  + .span_15,
		.span_12  + .span_16 {
			margin-left:0;
			clear:left;
		}
}

@media screen and (min-width: 1280px) and (max-width: 1599px) {

			/* CLEARING */
		/* IN REALTA' E' SOVRAGENERALIZZATA DOVREBBE PARTIRE DALLA SOMMA CON span_5 MA PUO' ESSERE RESA SPECIFICA PER IL "TUBE" */
	.span_12  + .span_1,
		.span_12  + .span_2,
		.span_12  + .span_3,
		.span_12  + .span_4,
		.span_12  + .span_5,
		.span_12  + .span_6,
		.span_12  + .span_7,
		.span_12  + .span_8,
		.span_12  + .span_9,
		.span_12  + .span_10,
		.span_12  + .span_11,
		.span_12  + .span_12,
		.span_12  + .span_13,
		.span_12  + .span_14,
		.span_12  + .span_15,
		.span_12  + .span_16 {
		margin-left: 0;
		clear: left;
	}
}

@media screen and (min-width: 1600px) {
		/* CLEARING */
		/* IN REALTA' E' SOVRAGENERALIZZATA DOVREBBE PARTIRE DALLA SOMMA CON span_5 MA PUO' ESSERE RESA SPECIFICA PER IL "TUBE" */
		.span_12  + .span_1,
		.span_12  + .span_2,
		.span_12  + .span_3,
		.span_12  + .span_4,
		.span_12  + .span_5,
		.span_12  + .span_6,
		.span_12  + .span_7,
		.span_12  + .span_8,
		.span_12  + .span_9,
		.span_12  + .span_10,
		.span_12  + .span_11,
		.span_12  + .span_12,
		.span_12  + .span_13,
		.span_12  + .span_14,
		.span_12  + .span_15,
		.span_12  + .span_16 {
			margin-left:0;
			clear:left;
		}
}



/*bxslider*/
/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
}


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(assets/scripts/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

/***BID SLIDER***/
.wallop-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 20px auto;
}

.wallop-slider.top-small,
    .wallop-slider ul{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.wallop-slider .sub-head{
    text-shadow: none;
}

.wallop-slider__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

#wallop-slider-list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.wallop-slider__item {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


.wallop-slider__item img {
  display: block;
  width: 100%;
	margin: 0 auto;
}

.services .wallop-slider__item img {
  display: block;
  width: 100%;
	max-width: 450px;
	margin: 0 auto;
}

.wallop-slider__item--current {
  display: block;
  position: relative;
}

.wallop-slider__btn--previous{
	position: absolute;
    top: 55%;
    left:0%;
    outline: none;
    color: #fff !important;
    z-index: 999;
    background-color: rgba(0,0,0,.25);
    display: inline-block;
    padding: 20px;
    cursor: pointer;
    border-radius: 3px;
    margin: 0;
}

.wallop-slider__btn--next{
    position: absolute;
    top: 55%;
    right:0%;
    outline: none;
    color: #fff !important;
    z-index: 999;
    background-color: rgba(0,0,0,.25);
    display: inline-block;
    padding: 20px;
    cursor: pointer;
    border-radius: 3px;
    margin: 0;
}
@media screen and (max-width: 650px) and (min-width: 1px){
    .wallop-slider  {
        /* min-height: 294px; */
}
    .wallop-slider__btn--next,
    .wallop-slider__btn--previous{
        top: 50%;
    }
}
@media screen and (max-width: 1000px) and (min-width: 651px){
       .wallop-slider  {
       /* min-height: 409px; */
}
    .wallop-slider__btn--next,
    .wallop-slider__btn--previous{
        top: 50%;
    }
}

/**************************************************

  wallop-slider--slide.css

  This is the slide animation styles

  NOTE: The 10ms animation-delay fixed some
        weird rendering issues with iPhone.

**************************************************/
.wallop-slider--slide .wallop-slider__item--show-previous {
  -webkit-animation: slideFromLeft 450ms 10ms ease both;
}

.wallop-slider--slide .wallop-slider__item--show-next {
  -webkit-animation: slideFromRight 450ms 10ms ease both;
}

/* In order to animate the hidden elemends, we need to reset the display to block */
.wallop-slider--slide .wallop-slider__item--hide-previous,
.wallop-slider--slide .wallop-slider__item--hide-next {
  display: block;
}

.wallop-slider--slide .wallop-slider__item--hide-previous {
  -webkit-animation: slideToLeft 450ms 10ms ease both;
}

.wallop-slider--slide .wallop-slider__item--hide-next {
  -webkit-animation: slideToRight 450ms 10ms ease both;
}

/*==========  SLIDE ANIMATIONS  ==========*/
@-webkit-keyframes slideFromLeft {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideFromRight {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes slideToLeft {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
  }
}

@-webkit-keyframes slideToRight {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  99% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
  }
}











/****************************/
/*new style 2015 ************/
/****************************/

/*************************/
/*case gazza *************/
/*************************/
.video-cite {
	color: #fff;
	padding-bottom: 20px;
	display: block;
}

/*************************/
/*services ***************/
/*************************/
.discover-bid .container {
	overflow: visible;
}

.devices-image {
	margin-bottom: 6em;
}

/*path boxes*/
.paths h1.head {
	text-align: center;
	display: block;
/*	padding-left: 10%;
	padding-right: 15%; */
	margin-bottom: 1.5em;
}

.paths .path-box {
	display: block;
	float: left;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

.paths .path-box.improve {
	margin-left: 0;
}

.paths .path-box img {
	display: block;
	width: 100%;
	position: relative;
	z-index: 1;
}

.paths .path-box h2.head {
	display: block;
	text-align: center;
	z-index: 2;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 0.8em;
	margin-bottom: 0;
	font-size: 3em;
	font-family: "LinotypeUniversW01-Regu";
}

.paths .path-box p {
	padding: 30px 15px 0 15px;
	text-align: center;
	margin-bottom: 3em;
	padding-left: 15px;
	padding-right: 15px;
}

.new-divider {
	border: none;
	border-bottom: 1px solid #e5e5e5;
	display: block;
	width: 100%;
}

/*activity details*/
.activity .title-medium {
	font-size: 1em;
	margin: 0 0 1em 0;
}

.services .activity .sub-head{
	font-size: 1.2em;
	line-height: 1.6em;
	font-family: 'LinotypeUniversW01-Ligh 723631';	
}

.activity ul li {
	font-size: 1.2em;
	line-height: 1.6em;
	font-family: 'LinotypeUniversW01-Ligh 723631';
}

@media screen and (min-width: 650px) and (max-width: 1279px) {
	#research .activity .item,
	.design .activity .item,
	#strategy .activity .item {
	    width: 100%;
	    margin-top: 1em;
	}
	
	#research .activity ul li,
	.design .activity ul li,
	#strategy .activity ul li {
		width: 50%;
		float: left;
	}
	
	.bigger-head {
	font-family: 'LinotypeUniversW01-Ligh 723631';
	font-weight: 400;
	font-size: 5em;
	line-height: 1.2em;
	margin-top: 0.7em;
	margin-bottom: 0.5em;
}
}

@media screen and (min-width: 1px) and (max-width: 1279px) {
	.activity.description.offset2,
	.activity.description.offset2,
	.activity.description.offset2 {
		margin-bottom: 0!important;
		padding-bottom: 0!important;
	}
	
	#research .activity ul,
	.design .activity ul,
	#strategy .activity ul {
		margin-top: 0;
		padding-top: 0;
	}
	}
}

/*approach*/
.approach .box {
	margin-bottom: 30px;
}

.approach .image {
	width: 250px;
}

.approach .big-button, #value-proposition .big-button {
	max-width: 220px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 40px;
}


/*************************/
/*experiences ************/
/*************************/

.experiences .case .label {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 3px 7px;
	background: #006db7;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8em;
	font-family:"LinotypeUniversW01-Medi 723679";
}

@media screen and (min-width: 651px) and (max-width: 1000px) {
.experiences .big-head {
	font-size: 2.5em;
}
}


/*experiences grafico animato*/
.statement,
.statement1,
.statement2 {
	position: relative;
	width: 100%;
	padding-bottom: 4em;
	min-height: 2em;
}

.statementitem,
.statementitem1,
.statementitem2 {
	position: absolute;
	display: none;
	text-align: center;
	width: 100%;
}

.animated-pies .head,
.case-studies .head {
	text-align: center;
	padding-bottom: 1em;
}

.pie {
  margin: 0 auto;
  display: block;
  position: relative;
  width: 1em;
  height: 1em;
  background-color: #ededed;
  font-size: 15em;
  text-align: center;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 20px;
}

@media screen and (min-width: 751px) and (max-width: 1200px) {
.pie {
  font-size: 13em;
}
}

@media screen and (min-width: 651px) and (max-width: 750px) {
.pie {
  font-size: 11em;
}
}

@media screen and (min-width: 1px) and (max-width: 650px) {
.percentages {
	margin-bottom: 3em;
}

.big-head.percentage {
	font-size: 2.5em!important;
	margin-top: 0;
	padding-top: 1em;
}

.locations {
	padding-top: 2em;
}
}

.active-area {
	background-color: red;
}

.active .slice-right {
  position: absolute;
  z-index: 11;
  background-color: #0078bf;
  width: 100%;
  height: 100%;
  clip: rect(0, 0.5em, 0.5em, 0.5em);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.active .slice-left,
.active .slice-left1,
.active .slice-left2 {
  position: absolute;
  z-index: 11;
  background-color: #0078bf;
  width: 100%;
  height: 100%;
  clip: rect(0.5em, 0.5em, 1em, 0.5em);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.percent {
  position: absolute;
  z-index: 20;
  top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  background: #FFF;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.number {
  position: absolute;
  z-index: 30;
  width: 100%;
  height: 100%;
  padding-top: 50%;
  line-height: 0;
  font-size: .1em;
}

.active .slice-right {
  -webkit-animation-delay: 0s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: right-slice;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
}

.active .slice-left {
  -webkit-animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: left-slice;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
}

.active .slice-left1 {
  -webkit-animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: left-slice1;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
}

.active .slice-left2 {
  -webkit-animation-delay: 0.3s;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: left-slice2;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes right-slice {
  from {
    clip: rect(0, 50%, 0.5em, 0.5em);
  }
  50% {
    clip: rect(0, 1em, 0.5em, 0.5em);
  }
  to {
    clip: rect(0, 1em, 1em, 0.5em);
  }
}
@-webkit-keyframes left-slice {
  from {
    clip: rect(0.5em, 0.5em, 1em, 0.5em);
  }
  50% {
    clip: rect(0.5em, 0.5em, 1em, 0);
  }
  to {
    clip: rect(0.3em, 0.5em, 1em, 0);
  }
}
@-webkit-keyframes left-slice1 {
  from {
    clip: rect(0.5em, 0.5em, 1em, 0.5em);
  }
  50% {
    clip: rect(0.5em, 0.5em, 1em, 0);
  }
  to {
    clip: rect(0.1em, 0.5em, 1em, 0);
  }  
 }
@-webkit-keyframes left-slice2 {
  from {
    clip: rect(0.5em, 0.5em, 1em, 0.5em);
  }
  50% {
    clip: rect(0.5em, 0.5em, 1em, 0);
  }
  to {
    clip: rect(0.2em, 0.5em, 1em, 0);
  }  
}

/*settori di intervento*/
.settori-intervento .first-item {
	margin-left: 0;	
}
.settori-intervento .title-medium {
	font-size: 1em;
	margin: 2.5em 0 1.5em;
}

.settori-intervento ul li {
	font-size: 1.2em;
	line-height: 1.6em;
	font-family: 'LinotypeUniversW01-Ligh 723631';
	text-align: center;
}

.activity ul {
	padding-top: 4em;
}

.settori-intervento .new-divider {
	padding-top: 40px;
}


/*esperimento case studies*/


/*locations greci*/
.locations {
	color: #999;
	font-size: 2em;
	font-family: 'LinotypeUniversW01-Thin 723610';
	margin-top: 1.4em;
	line-height: 1.4em;
	text-align: center;
	clear: both;
	display: block;
	float: none;
}

/*************************/
/*about ******************/
/*************************/
/*team*/
.team .head.first {
	margin-top: 0;
	text-align: center;
}

.team .head {
	margin-top: 1em;
	text-align: center;
}

.team .small-title {
	text-align: center;
}

.team .left-heading {
	 height: 550px;
	 margin-left: 0; 
	 padding-left: 0;
	 font-family: 'LinotypeUniversW01-Ligh 723631';
   	 font-weight: 400;
     font-size: 2.5em;
     line-height: 1.2em;
     margin-bottom: .72em;
}

.team #team_sputnik_title.left-heading {
	 height: 200px;
}
@media screen and (max-width: 1401px) {
.marginzero	{
	margin-left: 0!important;
}
}
@media screen and (min-width: 320px) and (max-width: 1000px) {
.team .left-heading,
.team #team_sputnik_title.left-heading {
	height: auto;
 	text-align: center;
 	width: 100%;
}
}

/*valori*/
#value-list .centered-text {
	padding-top: 30px;
	padding-bottom: 40px;
}

#value-list .small-button {
	width: 50%;
	margin: 0 auto;
}

.about #values .small-title {
	color: #999;
}
/*eventi corsi e conferenze*/
.eventi-conferenze li {
	margin-bottom: 10px;
}

.eventi-conferenze .head {
	margin-bottom: 1em;
}

/*approccio*/
.approach .centered-text {
	padding: 80px 0 20px;
}

.approach.center .description.centered-text,
.offer.center .description.centered-text {
		text-align: center!important;
		margin-left: 0!important;
		width: 100%;
}


@media screen and (min-width: 320px) and (max-width: 650px) {
#ourapproach, #wedoeverything {
	padding-top: 20px;
	text-align: left!important;
}
.approach .box.offset_2,
.approach .box {
  margin-left: 0%!important;
}
}

#evoservices p, #value-proposition p, #productservicethinking p {
	text-align: center;
	padding-left: 20%;
	padding-right: 20%;	
}

@media screen and (max-width: 649px) {
	.approach .item {
		margin-bottom: 10px;
	}
}

/*footer*/
.NEWfooter {
	border-top: 1px solid #ededed;
}

.NEWfooter .head {
	padding: 30px;
	line-height: 1.1em;
	font-size: 3em;
	text-align: center;
	padding-bottom: 50px;
}

.NEWfooter .head span {
	display: block;
	margin-bottom: 20px;
}

.NEWfooter .head .smaller {
	font-size: 0.5em;
	line-height: 1.4em;
	margin-bottom: 0;
}

.NEWfooter .contacts {
	padding-bottom: 4em;
}

.language-box {
	float: right;
}

@media screen and (min-width: 320px) and (max-width: 650px) {
#call-to-action {
 margin-top: 2em;	
}

.NEWfooter .head {
	padding: 0 20px 20px;
	line-height: 1.4em;
	font-size: 2em;
	text-align: left;
}
}

/*************************/
/*New homepage************/
/*************************/

/*Home menu*/
.menu .symbol a div {
	width: 130px;
} 
.home .menu .symbol a div {
	background: url('assets/images/symbol-home.svg') no-repeat bottom left;
}
.home .menu.nav-light .symbol a div {
	background: url('assets/images/symbol.svg') no-repeat top left;
}
.home .menu.nav-mobile .symbol a div {
	background: url('assets/images/symbol.svg') no-repeat bottom left;
	background-size: 25px;
}

/*Home scatterplot*/
.home #scatterplot {
	width: 100%;
	float: none;
	clear: both;
}

.home #scatterplot a:hover .inner {
	background: rgba(255, 255, 255, .10)
}

.experiences a.image .inner .overlay {
-webkit-transition: background 0.2s ease-in, color 0.2s ease-in;
-moz-transition: background 0.2s ease-in, color 0.2s ease-in;
transition: background 0.2s ease-in, color 0.2s ease-in;
}

.home #scatterplot a:hover .inner{
-webkit-transition: background 0.12s ease-in, color 0.12s ease-in;
-moz-transition: background 0.12s ease-in, color 0.12s ease-in;
transition: background 0.12s ease-in, color 0.12s ease-in;
}

.home #scatterplot .box {
	margin-bottom: 1.8%;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}

.home #scatterplot .box img {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	margin: -24px 0 0 -24px;
}

.home #scatterplot .box.one-third {
	width: 31%;
	float: left;
}

.home #scatterplot .box .inner {
  width: 100%;
  height: 0;
  padding-bottom: 67%;
}

.home #scatterplot .box.two-third {
	width: 64%;
	float: left;
}

.home #scatterplot .box.one-third .inner {
	padding-bottom: 138%;
}

.home #scatterplot .box.one-third-social .inner {
	padding-bottom: 66%;
}


.home #scatterplot .box.margin-left {
	margin-left: 2%;
}

.home #scatterplot .box.margin-right {
	margin-right: 3%;
}

.home #scatterplot .box .head {
	position: absolute;
	bottom: 18px;
	left: 20px;
	margin-bottom: 0;
	padding-bottom: 0;
	font-family:"LinotypeUniversW01-Regu";
	font-size: 2em;
	color: #fff !important;
	text-shadow: 0 0 3px rgba(0,0,0,.1);
}

.home #scatterplot .box.one-third .head {
	font-size: 1.5em;
	font-family:"LinotypeUniversW01-Medi 723679";
}


.home #scatterplot .box .label {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0 7px;
	background: #006db7;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.8em;
	font-family:"LinotypeUniversW01-Medi 723679";
}

.home #scatterplot .head.first {
	display: none;
}

@media screen and (max-width: 649px) {
	.home #scatterplot .box {
		display: none;
		width: 100%!important;
		float: none!important;
		margin-left: 0!important;
		margin-right: 0!important;
		margin-bottom: 4%!important;
		clear: both;
	}
	.home #scatterplot .box.home-case,
	.home #scatterplot .box.blogpost {
		display: block;
	}
	.home #scatterplot br {
		display: none!important;
	}
	
	.home #scatterplot .head.first {
		display: block;
		border-top: 1px solid #dadada;
		margin-bottom: 0;
		padding-bottom: 20px;
		padding-top: 20px;
		margin-top: 10px;
		width: 100%;
	}
	
	.home #scatterplot .box .head {
		font-size: 2em!important;
		font-family:"LinotypeUniversW01-Regu"!important;
	}
	.home #scatterplot .box.one-third .inner {
		padding-bottom: 66%;
	}
}

@media screen and (min-width: 1001px) and (max-width: 1290px) {
	.home .big-head {
	 font-size: 3em;	
	}
}

.activity .small-title {
	text-align: left;
	margin-bottom: 20px;
}

.activity h1.small-title {
	text-align: center;
}

#value-proposition .small-title {
	text-align: center;
}

.home #video-head {
	position: absolute;
	top: 50%;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateY(-50%);
	transform:  translateY(-50%);
	background: url(polina.jpg) no-repeat;
	background-size: cover;
}


.link_svg--container {
    border-bottom: none;
    position: relative;
    height: 14px;
    display: inline-block;
    height: 14px;
    width: 22px;
}


.bip_logo--footer {
	height: 14px;
	position: absolute;
    top: 6px;
    right: -30px;
}

.link_svg--container .bip_logo--footer {
	right: -2px;
	top: 3px;
}