/* -----------------------------------------
   fonts
----------------------------------------- */


@font-face {
 font-family: 'raleway';
 src: url('../fonts/raleway-regular-webfont.eot');
 src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-regular-webfont.woff') format('woff'), url('../fonts/raleway-regular-webfont.ttf') format('truetype'), url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 @font-face {
 font-family: 'raleway';
 src: url('../fonts/raleway-bold-webfont.eot');
 src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-bold-webfont.woff') format('woff'), url('../fonts/raleway-bold-webfont.ttf') format('truetype'), url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
 font-weight: 700;
 font-style: normal;
}
 @font-face {
 font-family: 'raleway';
 src: url('../fonts/raleway-extrabold-webfont.eot');
 src: url('../fonts/raleway-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-extrabold-webfont.woff') format('woff'), url('../fonts/raleway-extrabold-webfont.ttf') format('truetype'), url('../fonts/raleway-extrabold-webfont.svg#ralewayextrabold') format('svg');
 font-weight: 800;
 font-style: normal;
}
 @font-face {
 font-family: 'raleway';
 src: url('../fonts/raleway-heavy-webfont.eot');
 src: url('../fonts/raleway-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/raleway-heavy-webfont.woff') format('woff'), url('../fonts/raleway-heavy-webfont.ttf') format('truetype'), url('../fonts/raleway-heavy-webfont.svg#ralewayheavy') format('svg');
 font-weight: 900;
 font-style: normal;
}
body {
	color:#333333;
}
/* -----------------------------------------
   header
----------------------------------------- */

header {
	background:url(../images/header_bordo.png) no-repeat 50% 0 #ffffff;
	padding: 5px 0 0 0;
	position:static!important;
}
header h2#logo {
	width: 280px;
	height: 120px;
	background:url(../images/sprite.png) no-repeat 0 0;
	margin: 0 auto 10px auto;
}
header h2#logo a {
	width: 280px;
	height: 120px;
	display:block;
	text-indent: -99999px;
}
header .nav-btn {
	display: none;
}
 @media only screen and (max-width: 767px) {
 header {
 background:url(../images/header_bordo.png) no-repeat 50% 0 #ffffff;
 background-size: 100% 5px;
}
 header h2#logo {
 width: 200px;
 height: 85px;
 background:url(../images/sprite.png) no-repeat -280px 0;
 margin: 0 0 10px 0;
}
 header h2#logo a {
 width: 200px;
 height: 85px;
}
 header .nav-btn {
 background:url(../images/sprite.png) no-repeat 0 -780px;
 cursor: pointer;
 position: absolute;
 right: 10px;
 top: 27px;
 width: 32px;
 height: 32px;
 z-index: 10;
 display:block;
 text-indent: -9999px;
}
 header .nav-btn.open {
 background:url(../images/sprite.png) no-repeat 0 -840px;
}
}
/* -----------------------------------------
   menu nav
----------------------------------------- */



header .nav-bar {
	background: none repeat scroll 0 0 #ffffff;
	margin: 0;
	border-top:1px solid #bfbfbf;
	padding-left:160px;

}
header .nav-bar > li {
	border-color: #FFFFFF;
	height:49px;
	line-height: 47px;
	width: 16%;
}
header .nav-bar > li:last-child {
	border-color: #FFFFFF;
}
header .nav-bar > li:hover {
	background-color:transparent;
}
header .nav-bar > li a {
	color:#333333;
	height:47px;
	text-align:center;
	/*font: 700 14px/47px raleway, Arial, Helvetica, sans-serif;*/
    font: 500 14px/47px raleway, Arial, Helvetica, sans-serif;
	padding: 0 10px!important;
    text-transform: uppercase;
}
header .nav-bar > li a:hover {
	color:#006AB2;
}
body.company header .nav-bar > li a.company, body.case-study header .nav-bar > li a.case-study, body.madein header .nav-bar > li a.madein, body.solutions header .nav-bar > li a.solutions, body.works header .nav-bar > li a.works, body.contact header .nav-bar > li a.contact, body.webdesign header .nav-bar > li a.webdesign, body.appmobile header .nav-bar > li a.appmobile, body.staff header .nav-bar > li a.staff {
	color:#006AB2;
}
 @media only screen and (max-width: 767px) {
 header > .row > .twelve.columns {
 padding: 0;
}
 header .nav-bar {
 border-top: none;
 padding: 0 0 30px 13px;
 display:none;
}
 header .nav-bar > li {
 line-height: 30px;
 width:100%;
 height: 30px;
}
 header .nav-bar > li a {
 text-align:left;
 line-height: 30px;
 padding: 0;
}
 .nav-bar > li > a:first-child {
 padding: 0;
}
}
/* -----------------------------------------
   slider
----------------------------------------- */

.slide-placeholder {
	height: 142px;
	background:url(../images/slide_placeholder.jpg) no-repeat 50% 0;
	background-size: contain;
}
a.ribbon {
	font: 900 12px/40px raleway, Arial, Helvetica, sans-serif;
	padding: 0 30px 0 70px;
	height: 58px;
	display:inline-block;
	width: auto;
	min-width: 180px;
}
.pavoni {
	background:url(../cover/pavoni.png) no-repeat 50% 0;
}
.baby {
	background:url(../cover/baby.png) no-repeat 50% 0;
}
.autunno {
	background:url(../cover/autunno.png) no-repeat 50% 0;
}
.xmas {
	background:url(../cover/xmas.png) no-repeat 50% 0;
}
.trasp {
	background:url(../cover/bgTrasp.png) repeat 0 0;
}
.bgMissionReload {
	background:#53727a url(../images/bgNowhere.png) repeat center top;
}
@media only screen and (max-width: 767px) {
    .pavoni {
         background-size: auto 160px;
    }

    .bgMissionReload {
        height:auto;
    }
    .missionReload {
        text-align:center;
        display:block!important;
        line-height: 32px;
         text-shadow:2px 2px 5px #000000;
         color:#FFFFFF;

    }
    .flex-caption {
        top: 20px;
    }
}
/* -----------------------------------------
   expertise
----------------------------------------- */

.expertise {
	padding: 0;
}
.expertise h3 {
	font: 700 16px/30px raleway, Arial, Helvetica, sans-serif;
	color: #B2B2B2;
	margin: 0;
	border-top:1px solid #bfbfbf;
}
.expertise ul.block-grid.five-up {
	padding-bottom: 25px;
	margin:0;
}
.expertise ul li {
	text-align:center;
	font: 700 16px/18px raleway, Arial, Helvetica, sans-serif;
	color:#000000;
}
.block-grid.five-up > li {
	padding: 0 4px 8px;
}
.expertise ul li span {
	width: 60px;
	height: 60px;
	display: block;
	margin:20px auto 16px auto;
}
.expertise ul li .design {
	background:url(../images/sprite.png) no-repeat -60px -120px;
}
.expertise ul li .web {
	background:url(../images/sprite.png) no-repeat -120px -120px;
}
.expertise ul li .social {
	background:url(../images/sprite.png) no-repeat -180px -120px;
}
.expertise ul li .mobile {
	background:url(../images/sprite.png) no-repeat -240px -120px;
}
.expertise ul li .dev {
	background:url(../images/sprite.png) no-repeat -300px -120px;
}
 @media only screen and (max-width: 1023px) {
 .expertise h3 {
 margin: 10px 15px 0 15px;
}
}
 @media only screen and (max-width: 767px) {
 .expertise ul li:last-child {
 margin: 0 auto;
/*float:none;*/
		}
}
/* -----------------------------------------
   digital experience
----------------------------------------- */

.digital-exp.color-bar {
	height: 4spx;
	background-color: #006AB2;
	border-left: 15px solid #ffffff;
	border-right: 15px solid #ffffff;
}
.digital-exp.color-bar div {
	height: 20px;
	background-color: #006AB2;
}
.digital-exp.color-bar div.rosso {
	background-color: #CC2128;
}
.digital-exp.color-bar div.verde {
	background-color: #32A457;
}
.digital-exp .logo {
	width: 60px;
	height: 60px;
	background:url(../images/sprite.png) no-repeat 0 -120px;
	display:block;
	margin: 7px auto;
}
.digital-exp h2 {
	font: 900 18px/18px raleway, Arial, Helvetica, sans-serif!important;
	text-align:center;
	margin:0;
}
.digital-exp h3 {
	font: 700 16px/35px raleway, Arial, Helvetica, sans-serif;
	text-align:center;
	margin:13px 0 0 0;
	color: #b1b1b1;
	border-top:1px solid #bfbfbf;
}
.digital-exp.services {
	border-bottom:2px solid #ffffff;
	padding: 0 15px;
}
.digital-exp.services.border {
	border-top:1px solid #bfbfbf;
}
.digital-exp.services > div:first-child {
	padding-left:0;
}
.digital-exp.services > div p {
	font: normal 13px/20px raleway, Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	padding: 0 0 10px 0;
	margin:0;
}
.digital-exp.services > div h4 {
	font: 700 12px/14px raleway, Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
	margin:15px 0 0 0;
	text-align:left;
	text-transform:uppercase;
}
.digital-exp.services > div h4.strategy, .digital-exp.services > div h4.programming {
	color:#E2001A
}
.digital-exp.services > div h4.design, .digital-exp.services > div h4.web-hosting {
	color:#006AB2
}
.digital-exp.services > div h4.mobile, .digital-exp.services > div h4.integration {
	color:#009036
}
.digital-exp.services > div h4.ci-piace, .digital-exp.services > div h4.graphic {
	color:#B2B2B2;
	padding: 0 0 0px 0;
}
/* -----------------------------------------
   fascia
----------------------------------------- */

.fascia {
	height:100px;
	/*background:url(../cover/lifeiseasy.png) repeat 0 0;*/
	background:#53727a url(../images/bgNowhere.png) repeat center top;

	
}
.fascia h2 {
	font: 700 72px/70px raleway, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align:center;
	text-transform:uppercase;
	margin: 0;
	text-shadow:2px 2px 5px #000000;
		line-height: 100px;
}
 @media only screen and (max-width: 767px) {
 .fascia {
 height:53px;
}
 .fascia h2 {
 font: 700 36px/48px raleway, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 text-align:center;
 text-transform:uppercase;
 margin: 0;
}
}
/* -----------------------------------------
   company
----------------------------------------- */


.company header {
	position:fixed!important;
	background-color:#ffffff;
	z-index:2;
	width:100%;
}
.company .fascia {
	background-color: #CC2128;
	margin: 185px 0 0 0;
	position:fixed;
	z-index:3;
	width:100%;
}
.company .nav-works-fixed {
	margin: 255px 0 0 0;
	position:fixed;
	z-index:4;
	width:100%;
}
.company .scroll {
	border-top:305px solid #FFFFFF;
}
 @media only screen and (max-width: 767px) {
 .company .fascia {
 background-color: #32A457;
 margin: 0 0 7px 0;
}
 .fascia h2 {
 font: 700 30px/48px raleway, Arial, Helvetica, sans-serif;
}
 .company header {
 position:static!important;
 width:auto;
}
 .company .fascia {
 margin:  0;
 position:static;
 z-index:3;
 width:auto;
}
 .company .nav-works-fixed {
 margin: 0;
 position:static;
 z-index:4;
 width:auto;
}
 .company .scroll {
 border-top:20px solid #FFFFFF;
}
}
.comp .nav-works-btn {
	display:none;
}
.comp .left-ribbon {
	width: 60px;
	height: 50px;
	background:url(../images/sprite.png) no-repeat 0 -300px;
	position: absolute;
	left: 0;
	top: 0;
}
.comp .right-ribbon {
	width: 60px;
	height: 50px;
	background:url(../images/sprite.png) no-repeat -240px -300px;
	position: absolute;
	right: 0;
	top: 0;
}
.comp .nav-bar {
	background: none repeat scroll 0 0 #009036;
	margin: 0 45px 10px 45px;
	border-top:1px solid #009036;
}
.comp .nav-bar > li {
	border: none;
	height:40px;
	line-height: 40px;
	width: auto;
	box-shadow: none;
	width: 20%;
}
.comp .nav-bar > li:last-child {
	border-color: #FFFFFF;
}
.comp .nav-bar > li:hover {
	background-color:transparent;
}
.comp .nav-bar > li a {
	color:#ffffff;
	height:40px;
	text-align:center;
	font: normal 19px/38px raleway, Arial, Helvetica, sans-serif;
	padding: 0 5px!important;
	text-transform:none;
}
.comp .nav-bar > li a:hover {
	color:#ffffff;
	opacity: 0.7;
}
 @media only screen and (max-width: 767px) {
 .comp .nav-bar {
 display:none;
}
 .comp .selected {
 display:none;
}
 .comp .nav-works-btn {
 display:none;
}
 .comp .left-ribbon, .comp .right-ribbon {
 display: none;
}
}
.company p.intro {
	text-align:center;
	font: normal 24px/28px raleway, Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 15px 40px;
	padding: 0 0 15px 0;
}
 .company p.intro:nth-child(2) {
 margin: 15px 15px 30px 15px;
}
.company p.intro strong {
	font: 700 24px/28px raleway, Arial, Helvetica, sans-serif;
}
.company .main h3 {
	text-align:center;
	font: 700 48px/60px raleway, Arial, Helvetica, sans-serif;
	color:#32A457;
	margin: 0px 0;
	padding: 8px 0 0 0;
	border-top: 1px solid #bfbfbf;
}
.company .main h3#clienti span {
	width: 60px;
	height: 60px;
	background:url(../images/sprite.png) no-repeat -600px -120px;
	display:block;
	margin: 0 auto -10px auto;
}
.company .main h3#riconoscimenti span {
	width: 60px;
	height: 60px;
	background:url(../images/sprite.png) no-repeat -660px -120px;
	display:block;
	margin: 0 auto -10px auto;
}
ul.clienti.block-grid.five-up {
	padding: 0 0 20px 0;
}
ul.clienti.block-grid.five-up li h4 {
	color: #ffffff;
	background-color: #333333;
	font: 10px/30px raleway, Arial, Helvetica, sans-serif;
	margin: 8px 0;
	padding: 0;
	text-align:center;
	text-transform: uppercase;
}
ul.clienti.block-grid.five-up li p {
	color: #4D4D4D;
	font: normal 12px/14px raleway, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height:18px;
}
p.riconoscimenti {
	color: #4D4D4D;
	font: normal 17px/21px raleway, Arial, Helvetica, sans-serif;
	padding: 10px 0 20px 0;
}
 @media only screen and (max-width: 767px) {
 .company .main h3 {
 font: 700 28px/40px raleway, Arial, Helvetica, sans-serif;
 margin: 0px 0;
 padding: 8px 0 0 0;
}
 .company p.intro {
 font: normal 16px/20px raleway, Arial, Helvetica, sans-serif;
 margin: 0;
}
 .company p.intro strong {
 font: 700 20px/24px raleway, Arial, Helvetica, sans-serif;
}
 p.riconoscimenti {
 font: normal 14px/18px raleway, Arial, Helvetica, sans-serif;
}
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
 .company p.intro {
 font: normal 20px/24px raleway, Arial, Helvetica, sans-serif;
 margin: 15px 150px;
}
 .comp .nav-bar > li a {
 font: normal 17px/38px raleway, Arial, Helvetica, sans-serif;
}
 ul.clienti.block-grid.five-up li h4 {
 font: 11px/13px raleway, Arial, Helvetica, sans-serif;
 margin: 8px 0;
 padding: 8px 0;
}
 p.riconoscimenti {
 font: normal 15px/19px raleway, Arial, Helvetica, sans-serif;
}
}
.company p.intro-metodo {
	text-align:center;
	font: normal 14px/18px raleway, Arial, Helvetica, sans-serif;
	color:#32A457;
	margin: 0 80px;
	padding: 0 0 15px 0;
}
ul.cosa-facciamo.block-grid.five-up {
	padding-bottom: 25px;
	margin:0 -15px;
}
ul.metodo.block-grid.four-up {
	padding: 0 90px 25px 90px;
	margin:0 -15px;
}
ul.metodo.block-grid.three-up {
	padding: 0 0 15px 0;
	margin:0 -15px;
}
ul.cosa-facciamo li, ul.metodo li {
	text-align:center;
	font: 700 14px/18px raleway, Arial, Helvetica, sans-serif;
	color:#000000;
}
ul.cosa-facciamo li .text, ul.metodo li .text {
	font: normal 14px/18px raleway, Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	text-align:left;
	margin: 20px 5px 0 0;
	line-height:22px;
}
.block-grid.five-up > li, .block-grid.four-up > li {
	padding: 0 10px 8px;
}
ul.cosa-facciamo li span, ul.metodo li span {
	width: 60px;
	height: 60px;
	display: block;
	margin:20px auto 16px auto;
}
ul.cosa-facciamo li .design {
	background:url(../images/sprite.png) no-repeat -60px -120px;
}
ul.cosa-facciamo li .web {
	background:url(../images/sprite.png) no-repeat -120px -120px;
}
ul.cosa-facciamo li .social {
	background:url(../images/sprite.png) no-repeat -180px -120px;
}
ul.cosa-facciamo li .mobile {
	background:url(../images/sprite.png) no-repeat -240px -120px;
}
ul.cosa-facciamo li .dev {
	background:url(../images/sprite.png) no-repeat -300px -120px;
}
ul.metodo li .meet {
	background:url(../images/sprite.png) no-repeat -360px -120px;
}
ul.metodo li .wireframe {
	background:url(../images/sprite.png) no-repeat -420px -120px;
}
ul.metodo li .design {
	background:url(../images/sprite.png) no-repeat -480px -120px;
}
ul.metodo li .launch {
	background:url(../images/sprite.png) no-repeat -540px -120px;
}
 @media only screen and (max-width: 767px) {
 ul.metodo.block-grid.four-up {
 padding: 0 0 25px 0;
}
 ul.cosa-facciamo li .text, ul.metodo li .text {
 margin: 20px 10px 0 10px;
}
 ul.metodo.block-grid.three-up li .text {
 margin: 0px 5px 0 0;
}
 ul.metodo.block-grid.three-up li .text:first-child {
 margin: 10px 5px 0 0;
}
 .company p.intro-metodo {
 margin: 0;
 padding: 0 0 5px 0;
}
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
 ul.cosa-facciamo.block-grid.five-up {
 padding-bottom: 25px;
 margin:0 -15px;
 padding: 0 10px;
}
 ul.metodo.block-grid.four-up {
 padding: 0 40px 25px 40px;
}
}
ul.staff.block-grid.five-up {
padding-top:10px;
	padding-bottom: 25px;
	margin:0;
}
ul.staff.block-grid.five-up li {
	padding: 0 5px 10px 5px;
}
ul.staff.block-grid.five-up li img {
	display:block;
	margin: 0 0 8px 0;
	border: 0px solid #BFBFBF;
}
ul.staff.block-grid.five-up li h4 {
	margin: 0 0 7px 0;
	padding: 0;
	font: 700 16px/17px raleway, Arial, Helvetica, sans-serif;
	text-align:center;
}
ul.staff.block-grid.five-up li h4 em {
	font: normal 11px/13px raleway, Arial, Helvetica, sans-serif;
	display:block;
	text-transform:uppercase;
	margin-top:2px;
	min-height:26px;
}
ul.staff.block-grid.five-up li p {
	font: normal 12px/14px raleway, Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	margin: 0 0 15px 0;
	padding: 0;
	line-height:18px;
}
ul.staff.block-grid.five-up li .social {
	text-align:center;
	font-size:14px;
	line-height:14px;
	color: #9a9a9a;
	margin-bottom:20px;
}
ul.staff.block-grid.five-up li .social a {
	color: #9a9a9a;
}
ul.staff.block-grid.five-up li .social a:hover {
	color: #666666;
}
 ul.staff.block-grid.five-up li [class^="icon-"], ul.staff.block-grid.five-up .nav li [class^="icon-"], ul.staff.block-grid.five-up li [class*=" icon-"], ul.staff.block-grid.five-up .nav li [class*=" icon-"] {
 width:auto;
}

.block-grid.five-up.mobile-two-up > li:nth-child(5n+1) {
    clear: none;
}
/* -----------------------------------------
   case study
----------------------------------------- */


.case-study .fascia {
	background-color: #006BB3;
	margin: 0 0 25px 0;
}
.case-study .fascia h2 {
	line-height: 100px;
}
.c-study {
	position: relative;
}
.c-study .case {
	position:relative;
	overflow:hidden;
	padding:0;
}
.c-study .case .box-img {
	position:relative;
	overflow:hidden;
}
.c-study .case .box-img img {
	display:block;
	margin: 0 auto 10px auto;
	border-left: 50px solid #ffffff;
	border-right: 50px solid #ffffff;
}
.c-study .case .box-img .fascetta {
	display:block;
	margin: 0;
	font: 900 12px/30px raleway, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing: 1px;
	text-align:center;
	color: #FFFFFF;
	padding: 0 0 10px 0;
	background-color: #006BB3;
	position:absolute;
	bottom: 30px;
	left: 0;
	width:100%;
	border-left: 50px solid #FFFFFF;
	border-right: 50px solid #FFFFFF;
	transition: bottom 0.1s linear 0s;
}
.c-study .case .fascetta:hover {
	bottom: 25px;
	transition: bottom 0.1s linear 0s;
}
.c-study .case .fascetta .left {
	background:url(../images/sprite.png) no-repeat 0 -250px;
	width: 40px;
	height: 40px;
	position:absolute;
	left: -40px;
	top: 10px;
}
.c-study .case .fascetta .right {
	background:url(../images/sprite.png) no-repeat -260px -250px;
	width: 40px;
	height: 40px;
	position:absolute;
	right: -40px;
	top: 10px;
}
.c-study > .case.rosso .box-img .fascetta {
	background-color: #CC2128;
}
.c-study > .case.rosso .box-img .fascetta .left {
	background:url(../images/sprite.png) no-repeat 0 -190px;
}
.c-study > .case.rosso .box-img .fascetta .right {
	background:url(../images/sprite.png) no-repeat -260px -190px;
}
.c-study > .case.verde .box-img .fascetta {
	background-color: #32A457;
}
.c-study > .case.verde .box-img .fascetta .left {
	background:url(../images/sprite.png) no-repeat 0 -310px;
}
.c-study > .case.verde .box-img .fascetta .right {
	background:url(../images/sprite.png) no-repeat -260px -310px;
}
.c-study .case h3 {
	font: 700 24px/24px raleway, Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 0 0 5px 0;
	text-align:center;
}
.c-study .case p {
	font: normal 18px/18px raleway, Arial, Helvetica, sans-serif;
	color:#000000;
	margin: 0;
	text-align:center;
	padding: 0 0 5px 0;
	min-height: 40px;
}
.case-study .digital-exp.color-bar {
	clear:left;
	margin-top: 30px;
}
.case-study .project-tit h3 {
	color: #000000;
	font: 700 35px/50px raleway, Arial, Helvetica, sans-serif;
	margin: 10px 0 0;
	text-align: center;
	text-transform: none;
}
.case-study .project-tit p {
	text-transform: none;
	font-size:18px;
	line-height: 18px;
}
.case-study.scheda .fascia {
	margin: 0;
}
.case-study.scheda .fasciaScribing {
	margin: 0;
	background-color:#FFFFFF;
}
.case-study.scheda a.ribbon {
	font: 700 16px/40px raleway, Arial, Helvetica, sans-serif;
}
.case-study.scheda .desc {
	padding-bottom: 20px;
}
.case-study.scheda .modulo {
	padding-top: 0;
	padding-bottom: 20px;
	font:18px/24px raleway, Arial, Helvetica, sans-serif;
	color: #4d4d4d;
}
.case-study.scheda .modulo p {
	font: normal 18px/24px raleway, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
}
.case-study.scheda .modulo textarea {
	height: 100px;
	margin-bottom:40px;
}
.case-study.scheda .modulo .button {
	margin-top:35px;
}
.case-study.scheda .desc p {
	font: normal 18px/24px raleway, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
}
.case-study.scheda .opinione {
	border-top: 1px solid #BFBFBF;
	padding-top:7px;
}
.case-study.scheda .opinione h4 {
	font: 700 16px/20px raleway, Arial, Helvetica, sans-serif;
	color: #B2B2B2;
	margin: 0 0 10px 0;
	padding:0;
}
.case-study.scheda .opinione .three p {
	font: normal 11px/13px raleway, Arial, Helvetica, sans-serif;
	color:#000000;
}
.case-study.scheda .opinione .three p strong {
	font: 700 16px/19px raleway, Arial, Helvetica, sans-serif;
	color:#000000;
	display:block;
}
.case-study.scheda .opinione .nine {
	position:relative;
	padding-top: 30px;
}
.case-study.scheda .opinione .nine p {
	font: normal 18px/24px raleway, Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 0 55px 0 45px;
}
.case-study.scheda .opinione .nine p em {
	font: italic 18px/24px raleway, Arial, Helvetica, sans-serif;
}
.case-study.scheda .opinione .nine i.icon-quote-left {
	color:#cccccc;
	position: absolute;
	left: 0;
	top: 30px;
}
.case-study.scheda .opinione .nine i.icon-quote-right {
	color:#cccccc;
	position: absolute;
	right: 15px;
	bottom: 0px;
}
 @media only screen and (max-width: 767px) {
 .case-study .project-tit h3 {
 font: 700 22px/22px raleway, Arial, Helvetica, sans-serif;
 margin: 10px 0;
 text-align: center;
 text-transform:uppercase;
}
 .case-study .project-tit p {
 font-size:16px;
 line-height: 18px;
}
 .case-study.scheda .desc p {
 font: normal 14px/20px raleway, Arial, Helvetica, sans-serif;
}
 .case-study.scheda .opinione .nine {
 padding-top: 0;
 padding-bottom:20px;
}
 .case-study.scheda .opinione .nine p {
 padding: 20px 20px 0 30px;
 margin: 0;
 font: normal 14px/18px raleway, Arial, Helvetica, sans-serif;
}
 .c-study .case h3 {
 font: 700 18px/18px raleway, Arial, Helvetica, sans-serif;
}
 .c-study .case p {
 padding: 0 7px 20px 7px;
 font: normal 16px/18px raleway, Arial, Helvetica, sans-serif;
}
 .case-study .fascia h2 {
 line-height: 53px;
}
 .case-study.scheda .opinione .nine i.icon-quote-left.icon-3x {
 left: 10px;
 top: 20px;
 font-size: 2em;
}
 .case-study.scheda .opinione .nine i.icon-quote-right.icon-3x {
 right: 15px;
 bottom: 10px;
 font-size: 2em;
}
}
/* -----------------------------------------
   made in nowhere
----------------------------------------- */


.madein header {
	position:fixed!important;
	background-color:#ffffff;
	z-index:2;
	width:100%;
}
.madein .fascia {
	background-color: #32A457;
	margin: 185px 0 0 0;
	position:fixed;
	z-index:3;
	width:100%;
}
.madein .nav-works-fixed {
	margin: 255px 0 0 0;
	position:fixed;
	z-index:4;
	width:100%;
}
.madein .scroll {
	border-top:305px solid #FFFFFF;
}
 @media only screen and (max-width: 767px) {
 .madein .fascia {
 margin: 0 0 7px 0;
}
 .fascia h2 {
 font: 700 30px/48px raleway, Arial, Helvetica, sans-serif;
 line-height:53px;
}
 .madein header {
 position:static!important;
 width:auto;
}
 .madein .fascia {
 margin:  0;
 position:static;
 z-index:3;
 width:auto;
}
 .madein .nav-works-fixed {
 margin: 0;
 position:static;
 z-index:4;
 width:auto;
}
 .madein .scroll {
 border-top:20px solid #FFFFFF;
}
}
.made-in-nowhere .nav-works-btn {
	display:none;
}
.made-in-nowhere .left-ribbon {
	width: 60px;
	height: 50px;
	background:url(../images/sprite.png) no-repeat 0 -180px;
	position: absolute;
	left: 0;
	top: 0;
}
.made-in-nowhere .right-ribbon {
	width: 60px;
	height: 50px;
	background:url(../images/sprite.png) no-repeat -240px -180px;
	position: absolute;
	right: 0;
	top: 0;
}
.made-in-nowhere .nav-bar {
	background: none repeat scroll 0 0 #E2001A;
	margin: 0 45px 10px 45px;
	border-top:1px solid #E2001A;
}
.made-in-nowhere .nav-bar > li {
	border: none;
	height:40px;
	line-height: 40px;
	width: auto;
	box-shadow: none;
	width: 20%;
}
.made-in-nowhere .nav-bar > li:last-child {
	border-color: #FFFFFF;
}
.made-in-nowhere .nav-bar > li:hover {
	background-color:transparent;
}
.made-in-nowhere .nav-bar > li a {
	color:#ffffff;
	height:40px;
	text-align:center;
	font: normal 19px/38px raleway, Arial, Helvetica, sans-serif;
	padding: 0 5px!important;
	text-transform:uppercase;
}
.made-in-nowhere .nav-bar > li a:hover {
	color:#ffffff;
	opacity: 0.7;
}
 @media only screen and (max-width: 767px) {
 .made-in-nowhere .nav-bar {
 display:none;
}
 .made-in-nowhere .selected {
 display:none;
}
 .made-in-nowhere .nav-works-btn {
 display:none;
}
 .made-in-nowhere .left-ribbon, .made-in-nowhere .right-ribbon {
 display: none;
}
}
.madein p.intro {
	text-align:center;
	font: normal 24px/28px raleway, Arial, Helvetica, sans-serif;
	color:#333333;
	margin: 15px 50px;
}
 .madein p.intro:nth-child(2) {
 margin: 15px 15px 30px 15px;
}
.madein p.intro strong {
	font: 700 24px/28px raleway, Arial, Helvetica, sans-serif;
}
.madein .project-list {
	border-top:1px solid #BFBFBF;
	margin: 0;
}
.madein .project-list .logo {
	width: 22%;
	padding: 10px 0;
}
.madein .project-list > div.desc {
	padding: 30px 0;
	width: 78%;
}
.madein .project-list h4 {
	font: 700 18px/24px raleway, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	margin: 0;
}
.madein .project-list p {
	font: normal 18px/24px raleway, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	margin: 0;
}
 @media only screen and (max-width: 767px) {
 .madein p.intro {
 font: normal 16px/20px raleway, Arial, Helvetica, sans-serif;
 margin: 0;
}
 .madein p.intro strong {
 font: 700 16px/20px raleway, Arial, Helvetica, sans-serif;
}
 .madein .project-list h4 {
 font: 700 16px/20px raleway, Arial, Helvetica, sans-serif;
}
 .madein .project-list p {
 font: normal 14px/20px raleway, Arial, Helvetica, sans-serif;
}
 .madein .project-list .logo {
 padding: 0;
}
 .madein .project-list .logo img {
 display: block;
 margin: 0 auto -10px auto;
}
 .madein .project-list > div.desc {
 padding: 0 0 20px 0;
}
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
 .madein p.intro {
 font: normal 20px/24px raleway, Arial, Helvetica, sans-serif;
 margin: 15px 10px;
}
}
/* -----------------------------------------
   works
----------------------------------------- */


.works .fascia {
	background-color: #006bb3;
	margin: 0 0 -30px 0;
}
 @media only screen and (max-width: 767px) {
 .works .fascia {
 background-color: #006bb3;
 margin: 0 0 7px 0;
}
}
/* -----------------------------------------
   menu nav works
----------------------------------------- */


.nav-works {
	position: relative;
}
.nav-works .nav-works-btn {
	display:none;
}
.nav-works .left-ribbon {
	width: 60px;
	height: 50px;
	background:url(../images/sprite.png) no-repeat 0 -300px;
	position: absolute;
	left: 0;
	top: 0;
}
.nav-works .right-ribbon {
	width: 60px;
	height: 50px;
	background:url(../images/sprite.png) no-repeat -240px -300px;
	position: absolute;
	right: 0;
	top: 0;
}
.nav-works .nav-bar {
	background: none repeat scroll 0 0 #009036;
	margin: 0 45px;
	border-top:1px solid #009036;
}
.nav-works .nav-bar > li {
	border: none;
	height:40px;
	line-height: 40px;
	width: auto;
	box-shadow: none;
}
.nav-works .nav-bar > li.all {
	width:6%
}
.nav-works .nav-bar > li.branding {
	width:15%
}
.nav-works .nav-bar > li.design {
	width:18%
}
.nav-works .nav-bar > li.build {
	width:22%
}
.nav-works .nav-bar > li.app {
	width:8%
}
.nav-works .nav-bar > li.content {
	width:30%
}
.nav-works .nav-bar > li:last-child {
	border-color: #FFFFFF;
}
.nav-works .nav-bar > li:hover {
	background-color:transparent;
}
.nav-works .nav-bar > li a {
	color:#ffffff;
	height:40px;
	text-align:center;
	font: normal 19px/38px raleway, Arial, Helvetica, sans-serif;
	padding: 0 5px!important;
}
.nav-works .nav-bar > li a:hover {
	color:#ffffff;
	opacity: 0.7;
}
 @media only screen and (max-width: 767px) {
 .nav-works .nav-bar {
 margin: 0 25px;
 display:none;
 border-top: none;
}
 .nav-works .selected {
 margin: 0 35px -1px 35px;
 background-color:#32a457;
 display:block;
 height:40px;
 line-height: 40px;
 color:#FFFFFF;
 z-index:2;
 position:relative;
 font: normal 19px/38px raleway, Arial, Helvetica, sans-serif;
 overflow:hidden;
}
 .nav-works .nav-works-btn {
 background: url("../images/sprite.png") no-repeat scroll -120px -840px transparent;
 cursor: pointer;
 display: block;
 height: 32px;
 position: absolute;
 right: 50px;
 text-indent: -9999px;
 top: 4px;
 width: 32px;
 z-index: 10;
}
 .nav-works .nav-works-btn.open {
 background: url("../images/sprite.png") no-repeat scroll -120px -780px transparent;
}
 .nav-works .nav-bar > li.all, .nav-works .nav-bar > li.branding, .nav-works .nav-bar > li.design, .nav-works .nav-bar > li.build, .nav-works .nav-bar > li.app, .nav-works .nav-bar > li.content {
width:100%
}
 .nav-works .nav-bar > li a {
 text-align:left;
}
}
 @media only screen and (min-width: 768px) and (max-width: 1023px) {
 .nav-works .nav-bar > li a {
 font: normal 17px/38px raleway, Arial, Helvetica, sans-serif;
}
}
/* -----------------------------------------
    works
----------------------------------------- */


h3.selected-prj {
	text-align:center;
	font: 700 28px/40px raleway, Arial, Helvetica, sans-serif;
	line-height:32px;
	margin: 19px 0 9px 0;
	color:#333333;
}
.work-list li {
	position:relative;
	border-bottom: 1px solid #bfbfbf;
	margin: 0 0 29px 0;
}
.work-list li img {
	display:block;
	margin: 0 0 70px 0;
	width: 100%;
	height:auto;
}
.work-list li .fascetta {
	font: 700 15px/40px raleway, Arial, Helvetica, sans-serif;
	background-color: #E2001A;
	color:#FFFFFF;
	text-align:center;
	position:absolute;
	left: 0;
	bottom: 100px;
	width:100%;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	display:block;
	transition: bottom 0.1s linear 0s;
	text-transform:uppercase;
}
.work-list li .fascetta:hover {
	bottom: 95px;
	transition: bottom 0.1s linear 0s;
	-webkit-transition:bottom 0.1s linear 0s;
}
.work-list li p {
	font: normal 12px/14px raleway, Arial, Helvetica, sans-serif;
	color: #000000;
	height: 58px;
	margin: 0;
	position:absolute;
	left: 10px;
	bottom: 10px;
	overflow:hidden;
	text-transform:uppercase;
}
.back-works-btn {
	background: url("../images/sprite.png") no-repeat scroll -720px -120px transparent;
	cursor: pointer;
	display: block;
	position: absolute;
	left: 10px;
	top: 20px;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	z-index: 10;
}
.back-works-btn:hover {
	background: url("../images/sprite.png") no-repeat scroll -780px -120px transparent;
}
.next-works-btn {
	background: url("../images/sprite.png") no-repeat scroll -840px -120px transparent;
	cursor: pointer;
	display: block;
	position: absolute;
	right: 10px;
	top: 20px;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	z-index: 10;
}
.next-works-btn:hover {
	background: url("../images/sprite.png") no-repeat scroll -900px -120px transparent;
}
.works.scheda .fascia {
	background-color: #006BB3;
	margin: 0;
}
.works.scheda h2 {
	line-height: 100px;
}
.project-tit h3 {
	margin: 10px 0 0 0;
	font: 700 35px/50px raleway, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:center;
	text-transform:uppercase;
}
.project-tit p {
	margin: 0 0 15px 0;
	font: normal 12px/14px raleway, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align:center;
	text-transform:uppercase;
}
.works.scheda .ribbon {
	background: url("../images/sprite.png") no-repeat scroll -720px -230px transparent;
	color: #FFFFFF !important;
	cursor: pointer !important;
	display: block;
	font-family: "proxima-nova", arial;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	height: 60px;
	margin-top: 0;
	padding: 15px 0 0 55px;
	text-transform: uppercase;
	transition: margin-top 0.2s linear 0s;
	width: 255px;
	z-index: 1000;
	line-height:30px;
}
.works.scheda .ribbon:hover {
	margin-top: 5px;
	transition: margin-top 0.2s linear 0s;
}
.details.border {
	border-top:1px solid #bfbfbf;
}
.details > div p {
	font: normal 14px/24px raleway, Arial, Helvetica, sans-serif;
	color:#4D4D4D;
	padding: 0 0 10px 0;
	margin:0;
}
.details > div h4 {
	font: 700 16px/18px raleway, Arial, Helvetica, sans-serif;
	padding: 0 0 20px 0;
	margin:15px 0 0 0;
	text-align:left;
	color: #B2B2B2;
}
.works.scheda .flexslider {
	margin-bottom: 40px;
}
 @media only screen and (max-width: 767px) {
 .works.scheda h2 {
 line-height: 53px;
}
 .project-tit h3 {
 margin: 10px 0;
 font: 700 22px/22px raleway, Arial, Helvetica, sans-serif
}
 .project-tit p {
 margin: 0 0 15px 0;
 font: normal 12px/14px raleway, Arial, Helvetica, sans-serif;
}
 .work-list.block-grid.four-up {
 margin: 20px 15px;
}
 .work-list li {
 border-bottom: none;
 margin-bottom: 10px;
}
 .work-list li .fascetta {
 bottom: 100px;
 font: 700 14px/40px raleway, Arial, Helvetica, sans-serif;
}
 .work-list li img {
 margin: 0 0 10px 0;
}
 .work-list li p {
 height: 58px;
 margin: 0;
 position:relative;
 left: auto;
 bottom: auto;
 text-transform:uppercase;
}
 .next-works-btn {
 background: url("../images/sprite.png") no-repeat scroll -60px -840px transparent;
 right: 10px;
 top: 10px;
 width: 32px;
 height: 32px;
}
 .next-works-btn:hover {
 background: url("../images/sprite.png") no-repeat scroll -60px -780px transparent;
}
 .works.scheda .ribbon {
 display:none;
}
 .works.scheda .flex-caption h4 {
 background: url("../images/sprite.png") no-repeat scroll -720px -240px transparent;
 text-transform:uppercase;
}
 .works.scheda .flexslider {
 margin-bottom: 20px;
}
 .details > div h4 {
 padding-bottom: 5px;
}
}
/* -----------------------------------------
   Contact
----------------------------------------- */

.privacy .fascia, .contact .fascia {
	background-color: #32A457;
	margin: 0 0 25px 0;
}
.privacy .fascia h2, .contact .fascia h2 {
	line-height: 100px;
}
/*
.iub_footer p:last-child {
	display:none;
}
*/	
.contact h4 {
	font: 700 16px/20px raleway, Arial, Helvetica, sans-serif;
	color:#B2B2B2;
}
.contact .eight.columns {
	padding-left: 5px;
}
.contact .digital-exp.color-bar {
	margin-top: 30px;
}
.contact .dati p {
	font: normal 14px/18px raleway, Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 0 0 0 10px;
}
.contact .dati p i {
	display: inline-block;
	font-size: 16px !important;
	margin-right: 5px;
	vertical-align: middle;
}
.contact p a.blu {
	color:#006AB2;
}
.contact p a.verde {
	color:#009036;
}
.contact p a:hover {
	text-decoration:underline;
}
.contact .mappa {
	margin: 15px 0 0 0;
	border: 1px solid #f4f3f0;
	background-color: #f4f3f0;
}
 @media only screen and (max-width: 767px) {
 .contact .fascia {
 margin: 0 0 7px 0;
}
 .contact .fascia h2 {
 line-height: 53px;
}
 .privacy .fascia h2 {
 line-height: 53px;
}
 .contact .flex-video {
 height: auto;
 margin-bottom: 16px;
 overflow: hidden;
 padding-bottom: 67.5%;
 padding-top: 25px;
 position: relative;
}
}
/* -----------------------------------------
   webdesign
----------------------------------------- */


.webdesign .fascia {
	/*background: url(../cover/flowerpower.png) repeat 0 0;
	margin: 0 0 -20px 0;*/
	height: auto;
	padding: 0 0 45px 0;
    background: #00A99D url(../images/bgWeb.png) repeat center center;
}
.webdesign .fascia h2 {
	line-height: 30px;
	font-size: 24px;
	color:#ffffff;
	text-transform:none;
	padding-top:40px;
	margin-top: 20px;
	text-shadow:2px 2px 5px #000000;
}
.webdesign .fascia h2 span {
	width: 120px;
	height: 120px;
	background:url(../images/sprite.png) no-repeat -540px -900px transparent;
	display: block;
	margin: 0 auto;
}
.webdesign .fascia h2 em {
	font-style: normal;
	display:block;
	color: #666666;
}
.webdesign .project-tit p {
	text-transform: none;
	font-size:18px;
	line-height: 18px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px; 
	margin-bottom:40px;	
}
.webdesign .project-tit p a{
	color:#00A99D;
	font-weight:bold;
	border:1PX #00A99D solid;
	padding:20PX; width:auto; 
	background-color:#FFFFFF;
}
.webdesign .desc p {
	font: normal 18px/24px raleway, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
}

.webdesign .soluzioni {
    text-align:center;
    margin: 40px auto;
    font-family: raleway, Arial, Helvetica, sans-serif;

}

.webdesign .soluzioni h3 {
    color: #005b54;
    font-family: raleway, Arial, Helvetica, sans-serif;
}

.webdesign .soluzioni a {
    color: #005b54;
    font-size: 24px;
}

.webdesign .soluzioni img {
    margin-bottom: 10px;

}


 @media only screen and (max-width: 767px) {
	.webdesign .project-tit p {
		font-size:13px;
	}
	.webdesign .project-tit p a{
		padding:10px;
	}
}
.webdesign .tabtitle, .webmarketing .tabtitle {
	background: #ffffff;
}
.webdesign.metodo .tabtitle, .webmarketing.servizi .tabtitle {
	background: #0069AF;
}
.webdesign .tabtitle h3, .webmarketing .tabtitle h3 {
	font: 700 16px/40px raleway, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	margin: 0;
}
.webmarketing .tabtitle h3 {
	font: 700 14px/38px raleway, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:center;
	margin: 0;
}
.webdesign h3 a, .webmarketing h3 a {
	color:#ffffff;
	display:block;
}
.webdesign h3 a:hover, .webmarketing h3 a:hover {
	opacity: 0.7;
}
.webdesign h3 span, .webmarketing h3 span {
	display:none;
}
.webdesign .metodo, .webmarketing .servizi, .webmarketing .servizi4 {
	background: #C1001F
}
.webdesign .tecnologie, .webmarketing .servizi2 {
	background: #0069AF
}
.webdesign .servizi, .webmarketing .servizi3 {
	background: #118F40
}
.webdesign.metodo .metodo {
	background:#ffffff
}
.webdesign.metodo .metodo h3 {
	color: #C1001F;
}
.webmarketing.servizi .servizi, .webmarketing.servizi4 .servizi4 {
	background:#ffffff
}
.webmarketing.servizi .servizi h3, .webmarketing.servizi4 .servizi4 h3 {
	color: #C1001F;
}
.webdesign.tecnologie .tecnologie {
	background:#ffffff
}
.webdesign.tecnologie .tecnologie h3 {
	color: #0069AF;
}
.webmarketing.servizi2 .servizi2 {
	background:#ffffff
}
.webmarketing.servizi2 .servizi2 h3 {
	color: #0069AF;
}
.webdesign.servizi .servizi {
	background:#ffffff
}
.webdesign.servizi .servizi h3 {
	color: #118F40;
}
.webmarketing.servizi3 .servizi3 {
	background:#ffffff
}
.webmarketing.servizi3 .servizi3 h3 {
	color: #118F40;
}
.webdesign .text p {
	font: normal 16px/22px raleway, Arial, Helvetica, sans-serif;
	color:#005b54;
	padding: 25px 40px 0 40px;
	margin: 0;
}
.webdesign .text h1 {
	font: normal 16px/22px raleway, Arial, Helvetica, sans-serif;
	color:#005b54;
	padding: 0 40px;
	/*margin: 20px 0 0 0;*/
	text-transform:none;
}
.webdesign .six.text:first-child p {
	padding: 25px 20px 0 60px;
}
 .webdesign .six.text:nth-child(2) p {
 padding: 25px 60px 0 20px;
}
.webdesign .text.sunto {
	text-align:center;
}
.webdesign.tecnologie .text.sunto {
	padding-bottom: 20px;
}
.webdesign h4 {
	border-top: 1px solid #ccc;
	font: 700 16px/22px raleway, Arial, Helvetica, sans-serif;
	color:#1A1A1A;
	padding: 20px 0;
	text-align: center;
	margin: 20px 0 0 0;
}
.webdesign h4 span {
	width: 30px;
	height: 30px;
	display:block;
	background:url(../images/sprite.png) no-repeat 0 -900px;
	margin: 0 auto;
}
.serv-comp h3 {
	font: 700 16px/19px raleway, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	margin-bottom: 30px;
}
.serv-comp .web-design h3 em {
	font-style: normal;
	color:#666666;
}
.serv-comp .web-design h3 span, .webdesign .serv-comp .web-design h3 span, .webmarketing .serv-comp .web-design h3 span, .appmobile .serv-comp .web-design h3 span {
	width: 120px;
	height: 120px;
	display:block;
	background:url(../images/sprite.png) no-repeat -180px -780px;
	margin: 0 auto;
}
.serv-comp .facilitazioneGrafica h3 span {
	width: 120px;
	height: 120px;
	display:block;
	background:url(../images/sprite.png) no-repeat -180px -900px;
	margin: 0 auto;
}
.serv-comp .chinaSocialMedia h3 span {
	width: 120px;
	height: 120px;
	display:block;
	background:url(../images/sprite.png) no-repeat -300px -900px;
	margin: 0 auto;
}
.serv-comp .brandWatch h3 span {
	width: 120px;
	height: 120px;
	display:block;
	background:url(../images/sprite.png) no-repeat -420px -900px;
	margin: 0 auto;
}
.serv-comp .facilitazioneGrafica h3 em {
	font-style: normal;
	color:#666666;
}
.serv-comp .chinaSocialMedia h3 em {
	font-style: normal;
	color:#0069AF;
}
.serv-comp .brandWatch h3 em {
	font-style: normal;
	color:#C1001F;
}
.serv-comp .web-marketing h3 em {
	font-style: normal;
	color:#0069AF;
}
.serv-comp .web-marketing h3 span {
	width: 120px;
	height: 120px;
	display:block;
	background:url(../images/sprite.png) no-repeat -300px -780px;
	margin: 0 auto;
}
.serv-comp .app-mobile h3 em, .webdesign .serv-comp .app-mobile h3 em, .webmarketing .serv-comp .app-mobile h3 em, .appmobile .serv-comp .app-mobile h3 em {
	font-style: normal;
	color:#666666;
}
.serv-comp .app-mobile h3 span, .webdesign .serv-comp .app-mobile h3 span, .webmarketing .serv-comp .app-mobile h3 span, .appmobile .serv-comp .app-mobile h3 span {
	width: 120px;
	height: 120px;
	display:block;
	background:url(../images/sprite.png) no-repeat -420px -780px;
	margin: 0 auto;
}
.serv-comp .linkarea, .webdesign .serv-comp .linkarea, .webmarketing .serv-comp .linkarea, .appmobile .serv-comp .linkarea {
	display:block;
	position:absolute;
	left: 0;
	top: 0;
	z-index:2;
	width: 100%;
	height: 100%;
}
.serv-comp .linkarea:hover, .webdesign .serv-comp .linkarea:hover, .webmarketing .serv-comp .linkarea:hover, .appmobile .serv-comp .linkarea:hover {
	opacity: 0.3;
	background-color:#ffffff;
}
.webdesign .web-design h3 span {
	width: 30px;
	height: 30px;
	display:block;
	background:url(../images/sprite.png) no-repeat 0 -900px;
	margin: 0 auto;
}
.webdesign .infografica img {
	display:block;
	margin: 0 auto 0 auto;
}
.tecnologie .six.columns.text h3 {
	font: 700 16px/22px raleway, Arial, Helvetica, sans-serif;
	color:#0069AF;
	padding: 0 0 0 0;
	margin: 0 0 20px 0;
	text-indent: 15px;
}
.tecnologie .six.columns.text h3 em {
	background: none repeat scroll 0 0 #EFEFEF;
	color: #666666;
	display: block;
	font: 14px/19px raleway, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 10px 15px;
	text-indent: 0;
}
.tecnologie .six.columns.text ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.tecnologie .six.columns.text ul li {
	font: normal 16px/22px raleway, Arial, Helvetica, sans-serif;
	color:#666666;
	padding: 0 0 20px 20px;
	margin: 0;
	background:url(../images/punto_elenco.png) no-repeat 0 10px;
}
.servizi dl {
	margin: 0;
	padding: 0;
	width: 100%;
	display:table;
}
.servizi dl dt, .servizi2 dl dt, .servizi3 dl dt, .servizi4 dl dt {
	font: 700 13px/13px raleway, Arial, Helvetica, sans-serif;
	color:#005b54;
	padding: 15px 0;
	margin: 0;
	text-transform:uppercase;
	float:left;
	width: 20%;
	overflow:hidden;
	border-top: 1px solid #bfbfbf;
}
.webmarketing dl dt:first-child {
	border-top: none;
	padding-top: 30px;
}
 .webmarketing dl dd:nth-child(2) {
 border-top: none;
 padding-top: 30px;
}
.servizi dl dd, .servizi2 dl dd, .servizi3 dl dd, .servizi4 dl dd {
	font: normal 16px/22px raleway, Arial, Helvetica, sans-serif;
	color:#666666;
	padding: 15px 0;
	margin: 0;
	float:left;
	width: 80%;
	overflow:hidden;
	border-top: 1px solid #bfbfbf;
}
 @media only screen and (max-width: 767px) {
 .webdesign .fascia {
 margin: 0 0 0 0;
}
 .webdesign .fascia h2 {
 line-height: 19px;
}
 .webdesign .six.text:first-child p, .webdesign .six.text:nth-child(2) p {
 padding: 15px;
}
 .webdesign .text.sunto {
 text-align:left;
}
 .webdesign .text.sunto p {
 padding: 15px;
}
 .webdesign .text.sunto p br {
 display:none;
:
}
 .webdesign .serv-comp h3 {
 border-bottom: 1px solid #cccccc;
 padding-bottom: 15px;
}
 .webdesign .serv-comp div:last-child h3 {
 border-bottom: none;
}
 .webdesign.metodo .metodo, .webdesign.metodo .tecnologie, .webdesign.metodo .servizi {
 padding: 0;
}
 .webdesign.metodo .metodo h3 span {
 width: 20px;
 height: 40px;
 background:url(../images/sprite.png) no-repeat -60px -900px;
 display: block;
 position:absolute;
 left: 0;
 top: 0;
}
 .webdesign.tecnologie .tecnologie h3 span {
 width: 20px;
 height: 40px;
 background:url(../images/sprite.png) no-repeat -80px -900px;
 display: block;
 position:absolute;
 left: 0;
 top: 0;
}
 .webdesign.servizi .servizi h3 span {
 width: 20px;
 height: 40px;
 background:url(../images/sprite.png) no-repeat -100px -900px;
 display: block;
 position:absolute;
 left: 0;
 top: 0;
}
 .servizi dl dt, .servizi dl dd {
 float:none;
 width: 100%;
}
 .servizi dl dt br {
 display: none;
}
}
/* -----------------------------------------
   web marketing
----------------------------------------- */


.webmarketing .fascia {
	background: url(../cover/bgTrasp_tile.png) repeat 0 0;
	margin: 0 0 -20px 0;
	height: auto;
	padding: 0 0 45px 0;
    
}
.webmarketing .fascia h2 {
	line-height: 19px;
	font-size: 16px;
	color:#000000;
	text-transform:none;
}
.webmarketing .fascia h2 span {
	width: 120px;
	height: 120px;
	background:url(../images/sprite.png) no-repeat -300px -780px transparent;
	display: block;
	margin: 0 auto;
}
.webmarketing .fascia h2 em {
	font-style: normal;
	display:block;
	color: #0069AF;
}
/* -----------------------------------------
   app mobile
----------------------------------------- */


.appmobile .fascia {
	background-color:#F15A24;
	background: url(../images/bgSolutions.png) repeat 0 0;
	margin: 0;
	height: auto;
	padding: 0 0 45px 0;
		background-position: center;
		
	
}
.appmobile .fascia h2 {
line-height: 30px;
	font-size: 24px;
	color:#ffffff;
	text-transform:none;
	padding-top:40px;
	margin-top: 20px;
	text-shadow:2px 2px 5px #000000;
}
.appmobile .fascia h2 span {
	width: 120px;
	height: 120px;
	background:url(../images/sprite.png) no-repeat -660px -900px transparent;
	display: block;
	margin: 0 auto;

}
.appmobile .fascia h2 em {
	font-style: normal;
	display:block;
	color: #118F40;
}

.appmobile .project-tit p {
	text-transform: none;
	font-size:18px;
	line-height: 18px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px; 
	margin-bottom:40px;	
}
.appmobile .project-tit p a{
	color:#d63f09;
	font-weight:bold;
	border:1PX #d63f09 solid;
	padding:20PX; width:auto; 
	background-color:#FFFFFF;
}

 @media only screen and (max-width: 767px) {
	.appmobile .project-tit p {
		font-size:13px;
	}
	.appmobile .project-tit p a{
		padding:10px;
	}
}

.appmobile .tabtitle {
	background: #ffffff;
}
.appmobile .tabtitle div:first-child {
	border-right: 1px solid #ffffff;
}
.appmobile .tabtitle h3 {
	font: 700 16px/40px raleway, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:center;
	margin: 0;
}
.appmobile h3 a {
	color:#ffffff;
	display:block;
}
.appmobile h3 a:hover {
	opacity: 0.7;
}
.appmobile h3 span {
	display:none;
}
.appmobile .apple {
	background: #cccccc
}
.appmobile .android {
	background: #cccccc
}
.appmobile .windows {
	background: #cccccc
}
.apple-icon {
	width: 120px;
	height: 120px;
	display:block;
	margin: 10px auto;
	background:url(../images/sprite.png) no-repeat -540px -780px transparent;
}
.android-icon {
	width: 120px;
	height: 120px;
	display:block;
	margin: 10px auto;
	background:url(../images/sprite.png) no-repeat -660px -780px transparent;
}
.windows-icon {
	width: 120px;
	height: 120px;
	display:block;
	margin: 10px auto;
	background:url(../images/sprite.png) no-repeat -780px -780px transparent;
}
.appmobile .text p {
	font: normal 16px/22px raleway, Arial, Helvetica, sans-serif;
	color:#d63f09;
	padding: 5px 30px 20px 30px;
	margin: 0;
}
.appmobile .six.text:first-child p {
	padding: 25px 20px 0 60px;
}
 .appmobile .six.text:nth-child(2) p {
 padding: 25px 60px 0 20px;
}
.appmobile .text.sunto {
	text-align:center;
	padding-top:20px;
}
/* -----------------------------------------
   servizi competenze
----------------------------------------- */
 
.serv-comp {
}
.serv-comp h2 {
	border-top: 1px solid #ccc;
	font: 700 16px/22px raleway, Arial, Helvetica, sans-serif;
	color:#B2B2B2;
	padding: 5px 0;
	text-align: center;
	margin: 20px 0 0 0;
}
/* -----------------------------------------
  soluzioni
----------------------------------------- */

.solutions .fascia {
	background-color: #32A457;
	margin: 0 0 25px;
	width:100%;
}
.solutions .fascia h2 {
	line-height: 100px;
}
 @media only screen and (max-width: 767px) {
 .solutions .fascia h2 {
 line-height: 53px;
}
}
/* -----------------------------------------
   footer
----------------------------------------- */




footer > div {
	border-top:1px solid #bfbfbf;
	border-bottom:20px solid #ffffff;
	padding: 0 15px;
}
footer > div.row div:first-child {
	padding-left:0;
}
footer > div p {
	font: normal 13px/17px raleway, Arial, Helvetica, sans-serif;
	color:#333333;
	padding: 0 0 10px 10px;
	margin:0;
}
footer > div p.social {
	line-height: 18px;
}
footer > div p i {
	font-size: 16px!important;
	vertical-align:middle;
	display:inline-block;
	margin-right: 5px;
}
footer h3 {
	font: 700 16px/30px raleway, Arial, Helvetica, sans-serif;
	color: #B2B2B2;
	margin: 0 0 5px 0;
}
footer .logo {
	background-image:url(../images/sprite.png);
	background-position: -498px -10px;
	width: 132px;
	height:45px;
	display:block;
	text-indent: -99999px;
	margin-bottom:10px;
}
 @media only screen and (max-width: 1023px) {
 footer > div {
 border-top:none;
}
 footer > div.row > .four.columns {
 border-top:1px solid #bfbfbf;
 padding-left:0;
}
}
 @media only screen and (max-width: 767px) {
 footer > div {
 border-top:none;
}
 footer > div.row > .four.columns:first-child {
 border-top:1px solid #bfbfbf;
 padding-left:0;
}
 footer > div.row > .four.columns {
 border-top:none;
 padding-left:0;
}
}
/* -----------------------------------------
   bottom
----------------------------------------- */
.bottom {
	border-top: 1px solid #bfbfbf;
	border-bottom: 2px solid #ffffff;
	padding: 0 15px;
}
.bottom p {
	text-align:center;
	color:#333333;
	font: 13px/20px raleway, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 0 10px;
}
.easy {
	font: 14px/20px raleway, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}
/*
.iub_footer p {
display:none;
}
*/

/*CALL PER RELOAD */
.missionReload {
	text-align:center;
	font-size: 52px;
	font-family: raleway, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 48px;
	text-shadow:2px 2px 5px #000000;
	color:#FFFFFF;
	position:relative;

}
.weAreindie {
	text-align:center;
	margin-top:30px;
	margin-bottom:10px;
	font: 100 30px/34px raleway, Arial, Helvetica, sans-serif;
	color:#516954;


}
.overviewReload {
	text-align:center;
	margin-top:10px;
	margin-bottom:30px;
	font: 100 24px/28px raleway, Arial, Helvetica, sans-serif;
	position:relative;

}
.partnerLogo {
	position:relative;
	text-align:center;
}
.partnerLogo h3{
    line-height: 1.5
}
.partnerLogo img {
	margin-top:10px;
    max-width: 200px;
    margin-bottom: 30px;
}
.partnerLogo.yoomee img {
    margin-top:25px;
    max-width: 240px;
}



.solutionMission, .webMission {
font-weight:bold;
text-transform:uppercase;
line-height:28px;
}
.clientsHead{
font: 700 16px/30px raleway, Arial, Helvetica, sans-serif;
	color: #B2B2B2;
	margin: 0 0 5px 0;
	text-align:center;
	position:relative;
}
.scribing .fascia {
	background-color:#F15A24;
	background: url(../images/bgScribing.png) repeat 0 0;
	margin: 0 0 -20px 0;
	height: auto;
	padding: 0 0 45px 0;
		background-position: center;
		
	
}
.scribing .fascia h2 {
line-height: 30px;
	font-size: 24px;
	color:#ffffff;
	text-transform:none;
	padding-top:40px;
	margin-top: 20px;
	text-shadow:2px 2px 5px #000000;
}
.scribing .fascia h2 span {
	width: 120px;
	height: 120px;
	background:url(../images/sprite.png) no-repeat -780px -900px transparent;
	display: block;
	margin: 0 auto;

}
.scribing .fascia h2 em {
	font-style: normal;
	display:block;
	color: #118F40;
}

.scribing .project-tit p {
	text-transform: none;
	font-size:18px;
	line-height: 18px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px; 
	margin-bottom:40px;	
}
.scribing .project-tit p a{
	color:#ffc919;
	font-weight:bold;
	border:1PX #ffc919 solid;
	padding:20PX; width:auto; 
	background-color:#FFFFFF;
}

.scribing .project-tit p.evidenza{
    text-transform: uppercase;
    font-weight: bold
}

 @media only screen and (max-width: 767px) {
	.scribing .project-tit p {
		font-size:13px;
	}
	.scribing .project-tit p a{
		padding:10px;
	}
}