@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	list-style: none;
	text-decoration: none;
	position: relative;
}
body{
	background-image: url(images/bg.png);
}

::selection {
background-color:#e32c42;
color:#fff;
}
h6{
	color: #000;
	text-align: center;
	font-family: GeosansLight;
	font-size: 50px;
}
h2{
	text-align: right;
	padding-top: 10px;
	padding-bottom: 5px;
	font-family: GeosansLight;
	font-size: 20px;
	font-weight: normal;
	color: #207B7D;
}
h3{
	color: #207B7D;
	font-family: GeosansLight;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: normal;
}
h7{
	color: #fed523;
	font-family: GeosansLight;
	font-size: 27px;
	font-style: normal;
}
h5{
	color: #0F0F10;
	font-family: GeosansLight;
	font-size: 42px;
}
@font-face {
    font-family: 'LeagueGothicRegular';
    src: url('league_gothic-webfont.eot');
    src: url('league_gothic-webfont-.eot#iefix') format('embedded-opentype'),
         url('league_gothic-webfont.woff') format('woff'),
         url('league_gothic-webfont.ttf') format('truetype'),
         url('league_gothic-webfont.svg.html#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.input {
    display: block;
 
    height: 27px;
    width: 191px;
	margin-top:17px;
	margin-bottom:17px;
background-color:#1d1d1d;

	
}
input {
    font: italic 16px "Georgia",Times New Roman,Times,serif;
		color:#FFF;
}
#textarea {
    height: 104px !important;
	width:191px !important;
}

textarea {
    font: italic 16px "Georgia",Times New Roman,Times,serif;
	color:#FFF;
}
.slidingDiv {
	height: 180px;
	background-color: #000;
	padding: 20px;
	z-index: 1000;	
	


}
 
.show_hide {
    display:none;
}
#contacts{
	width:960px;
	height:180px;
	margin:0 auto;
}
#link{
	width: 204px;
	height: 158px;
	float: left;
	color: #FFF;
	font-family: GeosansLight;
}
#link a{
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
}
#link a:hover{
	color:#FFF;
}
#riga{
	width:1px;
	height:134px;
	background:url("images/linea.png");
	float:left;
	margin-top:23px;
}
#contattami{
	width: 260px;
	height: 158px;
	float: left;
	margin-left: 21px;
	margin-right: 21px;	
}
#contattami p{
	color: #fed523;
	font-family: GeosansLight;
	font-size: 20px;	
}
#contattami a{
	color: #FFF;
	font-family: GeosansLight;
	font-size: 14px;
	font-style: italic;	
	
}
#forma{
	width:450px;
	height:158px;
	float:left;
	
}
#forma p{
	color: #fed523;
	font-family: GeosansLight;
	font-size: 16px;
}
#uno{
	width:185px;
	height:158px;
	float:left;
	margin-left:21px;
}
#due{
	width:10;
	height:158;
	float:right;
	
	
	


	
	
}
#form {
    display: block;
    float: left;
    height: 158px;
    width: 450px;
}
#header{
	background-color: #FFF;
	width: 100%;
	display: block;
	position: fixed;
	margin: 0 auto;
	z-index: 100;
		
}




#nav{
	height: 62px;
	width: 960px;
	display: block;
	margin: 0 auto;
	z-index: 100;
}

#nav ul li{
	display:inline;
	
}
#nav ul li a{
	font-family: GeosansLight;
	font-size: 18px;
	color: #666;
	display: block;
	float: left;
	padding-right: 37px;
	width: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	font-weight: bolder;
}
#nav ul li a:hover{
	color: #C37900;
}




#menu{
	height: 70px;
	background: url("images/righe.jpg")  repeat scroll 0 0 transparent;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #CF8000;
}

#under{
	height: 80px;
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#like{
	width: 393px;
	height: 44px;
	display: block;
	float: left;
	padding-top: 10px;
}
.fb-like{
	width:100px;
	height:30px;
	float:left;
}
.g-plusone{
	width:100px;
	height:30px;
	float:left;
}

#pinned{
	height:30px;
	width:50px;
	float:left;
	display:block;
	margin-left:10px;
}

#social{
	height: 40px;
	width: 250px;
	float: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -10;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-image: none;
}
#facebook{
	float:left;
}
#behance{
	float:left;
	margin-left:20px;
	margin-top:2px;
}
#linkedin{
	float:left;
	margin-left:20px;
}
#pinterest{
	float:left;
	margin-left:20px;
}


#container{
	height:4040px;
	width:100%;
	
	margin:0 auto;
		

}
#awwards{
	position:absolute;
	
	margin:0 auto;
	display:block;
	left:0;
	top:196px;
	
	
}
 #cssawards{
                              position:absolute;
                              top:105px;
                              left:0px;
                              
                              }
                              #cssawards a{
                              width:115px;
                              height:115px;
                              text-indent:-8000px;
                              display:block;
                              background:url("images/cssawards_featured_light.png");
                              no-repeat;
                              }
#home{
	height: 400px;
	width: 100%;
	padding-top: 102px;
	background-repeat: no-repeat;
	background-image: url(images/n.jpg);
	background-position: left bottom;
	background-color: #181410;
}
#parallax{
	height:848px;
	width:960px;
	margin:0 auto;
	right:130px;
	z-index: 1;

	
}
#grigio{
	height:400px;
	width:100%;
	background:url("images/bg_grigio.png");
	z-index: 1;
	margin:0 auto;
	float:none;
	position:absolute;
	top:681px;
}
#centro{
	height:400px;
	width:1554px;
	margin:0 auto;
	display:block;
	float:none;
	
	
}

#parallax img{
	 position: absolute;
	
}
img#base {
	top:40px;
    z-index: 4;
	left:-140px;
}

img#colori{
	z-index: 3;
	left:380px;
	top:190px;
	
}
img#light{
	z-index: 0; 
	
	
}
img#fish{
	z-index: 30;
	
	
}
img#cerchio{
	z-index: 5;
}
img#particles_sin{
	z-index: 5;
}
img#penna{
	z-index: 5;
}
img#mela{
	z-index: 5;
}
img#cerchio2{
	z-index: 5;
}
img#bomboletta{
	z-index: 6;
}
img#bolla{
	z-index: 40;
}
img#mouse{
	z-index: 6;
}
img#uccello{
	z-index: 6;
}
img#ciambella{
	z-index: 40;
}
img#occhiali{
	background:url("images/occhiali.png") no-repeat;
	z-index: 40;
	top:100px;
	left:800px;
	
	
	
	
}
img#bol{
	z-index: 40;
	top:180px;
	left:230px;
	position:absolute;
}

#null{
	height:20px;
	width:100%;
	background-image:url("images/texture.png");
}

#wor{
	width: 100%;
	z-index: 0;
	background-color: #207B7D;
	height: 1600px;
}


#works{
	width: 960;
	height: 300px;
	padding-top: 102px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
	
	
	
	
	
}
#titolo{
	height: 250px;
	width: 1064px;
	float: none;
	top: 90px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#titolo p{
	font-family: GeosansLight;
	font-size: 55px;
	color: #FFF;
	text-align: right;
	margin-top: 15px;
}

#line{
	width: 340px;
	height: 1px;
	background-color: #CF8000;
	top: -5px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: auto;
}
#freccia{
	position:absolute;
	left:485px;
	
}

#gallery {
	padding-top:70px;
	
    display: block;
    
    width: 960px;
	margin:0 auto;
	
	

	
}
.thumbnails {
    display: block;
    float: left;
    height: 229px;
    margin:5px;
    width: 229px;
	position: relative;
 
}
.contenuti {
    display: none;
}
img.a {
	position: absolute;
	left: 0;
	
	z-index: 10;
        }
 
img.b {
	position: absolute;
	left: 0;
	
	

	}
	#skot{
	height: 800px;
	width: 100%;
	}
	#skills{
	width: 1000px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 50px;
}
#icone{
	height:600px;
	width:960px;
	float:left;
	margin:0 auto;
	display:block;
	float:none;
	margin-left:25px;
	
}
.icon{
	width: 300px;
	height: 249px;
	float: left;	
}
.icon p{
	color: #494949;
	font-family: GeosansLight;
	font-size: 16px;
	font-style: italic;	
}
.icon1{
	width: 300px;
	height: 249px;
	float: left;	
}
.icon1 p{
	color: #494949;
	font-family: GeosansLight;
	font-size: 16px;
	font-style: italic;	
}
.linea{
	width: 232px;
	height: 1px;
	background-color: #BD7500;
	margin-bottom: 5px;
}
#description{
	height: 400px;
	width: 960px;
	float: left;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;	
}
#primo{
	height: 70px;
	width: 948px;
	float: left;
	background-image: url("images/ggg.png");
	display: block;
	margin-left: 25px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;	
}

#primo p{
	color: #666;
	line-height: 24px;
	font-family: GeosansLight;
	font-size: 19px;
	font-style: italic;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#primo1{
	height: 70px;
	width: 948px;
	float: left;
	background-image: url("images/ggg.png");
	display: block;
	margin-left: 25px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;	
}

#primo1 p{
	color: #666;
	line-height: 18px;
	font-family: GeosansLight;
	font-size: 16px;
	font-style: normal;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
#primo11 p{
	color: #CCC;
	line-height: 24px;
	font-family: GeosansLight;
	font-size: 19px;
	font-style: italic;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-bottom: 30px;
}
#servizi{
	height:40px;
	width:960px;
	float:left;
	text-align:center;
	margin:60px 0 20px 0;
}
#secondo{
	width: 960px;
	height: 200px;
	float: left;
	font-family: GeosansLight;
}
#sin p{
	font:italic 14px "Georgia",Times New Roman,Times,serif;
	color:#636363;
	text-align:right;
	padding-bottom:10px;
}
#sin{
	width: 470px;
	height: 200px;
	float: left;
	padding: 10px;
}
#linea{
	width: 1px;
	height: 250px;
	background-color: #999;
	float: left;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
}
#des{
	width:380px;
	height:200px;
	float:left;
}
#des p{
	color: #636363;
	font-family: "Georgia", "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
}

#contact{
	width:960px;
	height:180px;
	margin:0 auto;

	
}





#campi{
	height:218px;
	width:140px;
	float:left;
	display:block;
	margin-top:17px;
	margin-left:160px;
	text-align:right;
	
}
#campi p{
	font: italic 15px "Georgia",Times New Roman,Times,serif;
	color:#aaaaaa;
	padding:0 20px 28px 0px !important;
}
#inpu{
	width:218px;
	height:180px;
	float:left;
}
#obbligo{
	width:218px;
	height:20px;
	float:left;
	margin-top:10px;
	
}
#obbligo p{
	font: italic 11px "Georgia",Times New Roman,Times,serif;
	color:#aaaaaa;
}
#send{
	width:218px;
	height:40px;
	float:left;
	
}
#invia{
	background: none repeat scroll 0 0 transparent;
	font: italic 15px "Georgia",Times New Roman,Times,serif;
	color:#fed523;
	
	cursor:pointer;
	display:block;
	float:right;
}
#invia:hover{
	color:#FFF;
}


 #footer{
	 height:65px;
	 width:100%;
	 position:fixed;
	 z-index:200;
	 bottom:0;
 }
 #logomini{
	 background-image:url("images/logomini.png");
	 z-index:202;
	 position:relative;
	 bottom:0;
	 height:33px;
	 width:32px;
	 margin:0 auto;
	 top:-10px;
	

 }
 #puntale{
	 width:85px;
	 height:24px;
	 background:url("images/puntale.png"); 
	 position:relative;
	 margin:0 auto;
	 display:block;
	 z-index:202;
	 
	
 }
 #navigator{
	 height:42px;
	 width:100%;
	 background-color:#000;
	 
 }
 #copyright{
	 height:10px;
	 width:960px;
	 margin:0 auto;
	 display:block;
	 text-align:center;
     bottom:7px;
 }
#copyright p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:10px;
	color:#b5b5b5;
}


/* ---------- Main part (slider) ---------- */



#main_part, #main_part_inner {
    width: 100%;
    height: 465px;
    background: url('img/main_img_1.jpg') scroll no-repeat center;
    background-color: #000;
    border-bottom: 7px solid #e5e5e5;
}

#main_part_in, #main_part_inner_in {
    width: 960px;
    margin: auto;
}

#main_part_in h2, #main_part_inner_in h2 {
    padding-top: 120px;
    padding-bottom: 14px;
    font-size: 280%;
    font-weight: 200;
    text-align: center;
    color: #fff;
    text-shadow: 0px 1px #000;
}

#main_part_in p {
    font-size: 150%;
    font-weight: 300;
    color: #bcbcbc;
    text-align: center;
    text-shadow: 0px 1px #000;
}

#main_part .button_main {
    margin-top: 60px;
}

		/* ---------- Main part, inner pages (headline) ---------- */
		/* -- Some of the css already included in the previous "Main part" for homepage -- */
		
		#main_part_inner {
		    height: 150px;
		    background: url('img/main_img_1.jpg') scroll no-repeat top center;
		}
		
		#main_part_inner_in {
		    position: relative;
		}
		
		#main_part_inner_in h2 {
		    padding-top: 46px;
		    text-align: left;
		}
		
		#main_part_inner .button_main {
		    position: absolute;
		    top: 46px;
		    right: 15px;
		}
		
		/* --- */
.banner_images {
}
.banner_art {
	height: 300px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

width:100%;height:100%;overflow:hidden}a{outline:0
none}.touch
#frame{width:100%;height:100%;overflow:auto}#content{width:100%;overflow:hidden;position:relative;padding:4000px
0 500px 0}#logo{position:absolute;top:5650px;left:50%;width:145px;height:24px;background:url("../css/images/logo.png");margin-left: -72px;overflow:hidden;text-indent: -999px}#primary-nav{position:absolute;top:0;right:80px;height:100px;font-family:"Soho Condensed Light";text-transform:uppercase}.no-csstransforms #primary-nav{right: -10px;top: -25px}.no-touch #primary-nav{position:fixed}#primary-nav
ul{}#primary-nav ul
li{float:left}.csstransforms #primary-nav ul
li{width:47px;margin-top:50px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.no-csstransforms #primary-nav ul
li{margin-left: -93px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand')}.ie7 #primary-nav ul
li{margin-left: -75px}#primary-nav ul li
a{display:block;width:120px;padding:5px
0 7px 20px;border-top:1px #c0c3c2 solid;border-bottom:1px #c0c3c2 solid;text-decoration:none;font-size:20px;color:#8c93a5;background:#d0d6d5}#primary-nav ul li a:hover{color:#001242}#primary-nav.dark ul li
a{border-color:#323232;background:#0f0e0e;color:#4d4d4d}#primary-nav.dark ul li a:hover{color:#cfd1cf}#primary-nav.pink ul li
a{border-color:#fd668e;background:#eb013e;color:#e6879d}#primary-nav.pink ul li a:hover{color:#e2e1dd}.main-section{}#about{margin:0
auto;width:650px;height:500px;text-align:center;margin-bottom:150px;color:#55002a}#about
h1{font-family:"Soho Condensed Medium";font-size:90px;text-transform:uppercase;margin-bottom:25px;letter-spacing: -0.03em;line-height: .95em}#about
p{font-size:18px;line-height:1.3em;margin:0
auto;width:580px;margin-bottom:25px;color:#2d0016}#about .no-portfolio{font-size:22px;line-height:1.2em;width:480px}#about .no-portfolio
a{font-style:italic;text-decoration:none;border-bottom:1px #55002a solid;padding-bottom:0px;color:#2d0016}#about .no-portfolio a:hover{color:#fff;border-bottom:1px #fff solid}#people{
	position: relative;
	height: 300px;
	margin-bottom: 320px
}.ie7
#people{margin-bottom:330px}#people
.wrapper{position:absolute;left:50%;margin-left: -660px}#people
.person{position:absolute;top:100px;width:300px}#people
.person.bottom{top:220px}#people .person-1{left:90px}#people .person-2{left:210px}#people .person-3{left:330px}#people .person-4{left:450px}#people .person-5{left:570px}#people .person-6{left:690px}#people .person-7{left:810px}#people .person-8{left:930px}#people .person .show-details{text-decoration:none}#people .person .show-details
.background{
	position: absolute;
	top: -1px;
	left: 50%;
	width: 170px;
	height: 170px;
	z-index: 2;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: top left;
	-moz-transform: rotate(45deg);
	-moz-transform-origin: top left;
	-ms-transform: rotate(45deg);
	-ms-transform-origin: top left;
	-o-transform: rotate(45deg);
	-o-transform-origin: top left;
	background-image: url(images/people/15.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border: 1px solid #FFF;
}.no-csstransforms #people .person .show-details
.background{left:40px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand')}#people .joachim .show-details
.background{
	background-image: url(images/people/daniel.jpg)
}#people .eric .show-details
.background{
	background-image: url(images/people/16.jpg);
}#people .simen .show-details
.background{
	background-image: url(images/people/marita.jpg)
}#people .vegard .show-details
.background{
	background-image: url(images/people/17.jpg)
}#people .daniel .show-details
.background{
	background-image: url(images/people/13.jpg)
}#people .marita .show-details
.background{
	background-image: url(images/people/joachim.jpg)
}#people .einar .show-details
.background{
	background-image: url(images/people/einar.jpg)
}#people .person .show-details
.name{
	position: absolute;
	top: -20px;
	left: 169px;
	width: 155px;
	font-family: GeosansLight;
	font-size: 16px;
	color: #FFFFFF;
	z-index: 1;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: top left;
	-moz-transform: rotate(45deg);
	-moz-transform-origin: top left;
	-ms-transform: rotate(45deg);
	-ms-transform-origin: top left;
	-o-transform: rotate(45deg);
	-o-transform-origin: top left;
	height: 30px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.name a:hover{


	color: #FFFFFF;
	
	
	
}


.no-csstransforms #people .person .show-details
.name{filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=-0.70710678, M21=0.70710678, M22=0.70710678,sizingMethod='auto expand')}#people .bottom .show-details
.name{
	top: 116px;
	left: 12px;
	text-align: right
}.no-csstransforms #people .bottom .show-details
.name{}#people .person
.details{display:none;position:absolute;top: -40px;left:0;color:#fff;width:100%;text-align:center;z-index:3}#people .marita
.details{top: -55px}.ie8 #people .person .details,
.ie7 #people .person
.details{top: -1px;left: -81px;width:300px;padding:150px
91px 0 91px;height:332px;background:url("../css/images/people-diamond.png")}.ie8 #people .top .details,
.ie7 #people .top
.details{top: -241px}#people .top
.details{top: -80px}#people .person .details
h1{font-family:"Soho Condensed Medium";line-height:1.2em;font-size:22px;margin-bottom:3px}#people .person .details
dl{color:#999;font-size:15px;line-height:1.3em;letter-spacing:0.1em;font-family:"Soho Condensed Regular";margin-bottom:10px;line-height:21px}#people .person .details dl
dd{display:inline}#people .person .details dl
.title{display:block;color:#fff}#people .person .details dl
a{color:#999;text-decoration:none}#people .person .details dl a:hover{color:#00ace5}#people .person .details dl
dt{display:none}#people .person .details dl
.email{margin-right:5px}#people .person .details
p{font-size:13px;line-height:1.3em;color:#999}#home{
	position: static;
	height: 500px;
	padding-top: 70px;
	border-bottom-color: #333333;	
}#home .quick-contact{position:absolute;top:30px;left:80px;font-size:13px;color:#3f5456;padding:10px
20px 10px 0}#home .quick-contact
a{color:#668A97}#home .quick-contact
.hiring{display:block;padding:8px
0;font-family:"Soho Condensed Medium";font-size:20px;color:#ed1a46;text-decoration:none;text-transform:uppercase;width:450px}#home .quick-contact .hiring:hover{color:#55002a}#home
.statements{position:relative;width:600px}#home .statements
a{color:#161616;text-decoration:none}#home .statements a:hover
h1{color:#41001f}#home .statements
.statement{position:absolute;top:0;left:0}#home .statements .statement
h1{font-size:80px;font-family:"Soho Condensed Medium";text-transform:uppercase;margin-bottom:5px}#home .statements .statement h1
sup{font-size:30px;vertical-align:40px}#home .statements .statement
h2{padding-left:5px;font-family:"Soho Condensed Medium";font-size:30px;line-height:1.2em}#home .statements .statement
.portfolio{display:block;margin-top:16px;padding-left:5px;font-family:"Soho Condensed Medium";font-size:30px;color:#ed1a46}#home .statements .statement .portfolio:hover{color:#55002a}#sharing{padding-top:100px;left:50%;margin-left: -400px;width:800px;height:500px}#sharing
.accounts{position:relative;float:left;padding-right:84px;margin-bottom:20px}#sharing .accounts
ul{}.no-csstransforms #sharing .accounts
ul{margin-top: -145px}#sharing .accounts ul
li{float:left;width:55px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.no-csstransforms #sharing .accounts ul
li{width:200px;margin-right: -145px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678,sizingMethod='auto expand')}.ie7 #sharing .accounts ul
li{margin-right: -120px}#sharing .accounts ul li .collection-wrapper{width:200px;height:38px;border-bottom:1px #2c2c2c solid}#sharing .accounts ul li
a{display:block;float:left;line-height:38px}#sharing .accounts ul li .collection-name{font-family:"Soho Regular";font-size:20px;text-decoration:none;color:#535351;margin-right:5px}#sharing .accounts ul li .collection-name:hover{color:#e3e2dd}#sharing .accounts ul li.selected .collection-name{color:#008aff}#sharing .accounts ul li
.service{display:none;width:23px;height:26px;overflow:hidden;text-indent: -999px;opacity: .2;background:url("../css/images/sprite.png") 0 -55px no-repeat;margin-top:5px;margin-right:5px}#sharing .accounts ul li.selected
.service{display:block}#sharing .accounts ul li .service:hover{opacity:1}#sharing .accounts ul li
.flickr{background-position: -0px -55px}#sharing .accounts ul li
.facebook{background-position: -25px -55px}#sharing .accounts ul li
.spotify{background-position: -50px -55px}#sharing .accounts ul li
.github{background-position: -75px -55px}#sharing .accounts ul li
.twitter{background-position: -100px -55px}#sharing .accounts ul li
.linkedin{background-position: -125px -55px}#sharing .accounts ul li
.vimeo{background-position: -150px -55px}#sharing .accounts ul li
.lastfm{background-position: -175px -55px}#sharing .accounts ul li
.behance{background-position: -200px -55px}#sharing .accounts .people-button{position:absolute;top:0;right:0;width:84px;height:35px;padding-top:7px;display:block;overflow:hidden;font-family:"Soho Condensed Medium";color:#000;line-height:42px;text-align:center;text-decoration:none;text-transform:uppercase;font-size:12px;background:url("../css/images/sprite.png") no-repeat;opacity: .3}.no-csstransforms #sharing .accounts .people-button{top: -20px}#sharing .accounts .people-button:hover{opacity:1}#sharing
.tweets{position:relative;width:100%;overflow:hidden;height:100px;clear:left}#sharing
.positioner{position:absolute;top:0;left:0}#sharing .tweets .twitter-account{position:relative;width:800px;float:left}#sharing .tweets .tweets-nav{position:absolute;top:85px;right:0;width:38px;height:38px;background:url("../css/images/sprite.png") -82px -95px no-repeat;padding:5px
18px}#sharing .tweets .tweets-nav
a{position:absolute;display:block;width:32px;height:18px;overflow:hidden;text-indent: -999px;background:url("../css/images/sprite.png") no-repeat;opacity: .5}#sharing .tweets .tweets-nav a:hover{opacity:1}#sharing .tweets .tweets-nav
a.disabled{opacity: .1;cursor:default}#sharing .tweets .tweets-nav
.next{background-position: -40px -100px;bottom:0;right:0}#sharing .tweets .tweets-nav
.prev{background-position:0 -100px;top:0;left:0}#sharing .tweets
.tweet{padding-right:100px;padding:40px
100px 40px 0}#sharing .tweets .tweet
header{}#sharing .tweets .tweet header
a{font-family:"Soho Regular";font-size:20px;color:#008aff;text-decoration:none;text-transform:uppercase}#sharing .tweets .tweet header a
.at{font-size:40px}#sharing .tweets .tweet header
time{color:#008aff;font-style:italic}#sharing .tweets .tweet
p{font-size:45px;font-family:"Soho Condensed Regular";color:#dddfdd;text-transform:uppercase}#sharing .tweets .tweet p
a{color:#565656;text-decoration:none}#sharing .tweets .tweet p a:hover{color:#008aff}#map{position:relative;height:1100px}#map .map-holder{position:absolute;top: -440px;width:100%;height:3000px}#map .map-navigation{display:none;position:absolute;top:900px;left:600px;width:83px;height:84px}#map .map-navigation
a{position:absolute;top:0;left:0;background:url("../css/images/sprite.png")}#map .map-navigation .zoom
a{width:83px;height:42px;background-position:0 -212px;overflow:hidden;text-indent: -999px}#map .map-navigation .zoom a:hover{background-position: -83px -212px}#map .map-navigation .in
a{top:42px;background-position:0 -254px}#map .map-navigation .in a:hover{background-position: -83px -254px}#map .map-navigation .type
a{top:33px;left:23px;width:37px;height:18px;line-height:18px;color:#aaa;text-decoration:none;text-transform:uppercase;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;background:#050708}#map .map-navigation
.sat{display:none}#map .map-navigation .type a:hover{background:#ffdb00;color:#3b3b3b}#contact{position:relative;width:0;height:110px;margin:0
auto;margin-bottom:2100px}#contact
.vcard{position:absolute;left:50%;top:0;width:260px;margin-left:210px}.touch #contact
.vcard{margin-left: -130px;text-align:center}#contact .vcard dt,
#contact .vcard
.type{display:none}#contact .vcard
dd{font-family:"Soho Condensed Regular";font-size:23px;line-height:1.1em;color:#efeeeb}.no-touch #contact .vcard
.org{padding-left:90px}.no-touch #contact .vcard
.adr{padding-left:60px;margin-bottom:2px}.no-touch #contact .vcard
.tel{padding-left:30px}.no-touch #contact .vcard
.email{padding-left:0}#contact .vcard
a{color:#efeeeb;text-decoration:none}#contact .vcard a:hover{color:#fd0042}.touch #contact .vcard
a{color:#fd0042}#flickr{position:relative;width:660px;height:960px;margin:0
auto;overflow:hidden;cursor:pointer}#flickr
.frame{position:absolute;top:0;left:0;width:100%;height:100%;background:url("../css/images/random-image-frame.png")}#flickr .frame .flickr-loader{position:absolute;top:842px;left:325px;width:13px;height:6px;background:url("../css/images/flickr-loader.gif")}#flickr.loading .frame .flickr-loader{background-position:0 -7px}#flickr .frame
.caption{width:200px;position:absolute;top:855px;left:365px;color:#a4a4a4}#flickr .frame .caption
h1{font-family:"Soho Condensed Regular";font-size:18px;text-transform:uppercase}#flickr .frame .caption
a{color:#a4a4a4;font-size:14px;text-decoration:none}#flickr .frame .caption a:hover{color:#fd0042}#flickr
img{position:absolute;left:50%;top:50%;height:100%}#shapes{}#shapes
.shape{position:absolute}.csstransforms #shapes .about,
.csstransforms #shapes .sharing,
.csstransforms #shapes
.contact{position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}.no-csstransforms #shapes .about,
.no-csstransforms #shapes .sharing,
.no-csstransforms #shapes
.contact{top:0;left:50%;margin-left: -1000px;width:2000px;background:url('../css/images/shapes.png');pointer-events:none}.no-csstransforms #shapes
.about{top:2240px;height:3530px}.no-csstransforms #shapes
.sharing{top:5500px;height:3765px;background-position:0 -3530px}.no-csstransforms #shapes
.contact{top:8200px;height:2690px;background-position:0 -7295px}.ie8 #shapes .about,
.ie8 #shapes .sharing,
.ie8 #shapes .contact,
.ie8 #shapes .map-helper,
.ie7 #shapes .about,
.ie7 #shapes .sharing,
.ie7 #shapes .contact,
.ie7 #shapes .map-helper{background:none !important}.ie8 #shapes .about,
.ie7 #shapes
.about{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/shapes-about.png', sizingMethod='scale')}.ie8 #shapes .sharing,
.ie7 #shapes
.sharing{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/shapes-sharing.png', sizingMethod='scale')}.ie8 #shapes .contact,
.ie7 #shapes
.contact{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/shapes-contact.png', sizingMethod='scale')}#shapes
.about{top:2850px;left:50%;margin-left: -1210px;width:4000px;height:1770px;background:#ed1a46}#shapes
.home{left:0;margin:0;top:4600px;width:2000px;height:2000px;background:url('../css/images/home-bg.jpg') top left no-repeat}.touch #shapes
.home{top:5500px}#shapes .home-line{top:5790px;left: -400px;width:1290px;height:2000px;background:url('../css/images/home-line.png') top left no-repeat}#shapes .hiring-line{top:5770px;left:0px;width:150px;height:152px;background:url('../css/images/hiring-line.png') top left no-repeat}#shapes .sharing,
#shapes
.contact{margin-left: -2500px;width:5000px;left:50%;background:#151415}#shapes
.sharing{top:6800px;height:1300px}.touch #shapes
.sharing{height:2500px}#shapes
.contact{top:9320px;height:600px}.touch #shapes
.contact{display:none}.no-touch.csstransforms #shapes .map-helper{top:6500px;left:50%;width:5000px;height:1460px;margin-left: -2500px;background:#e4e2dd;-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.no-touch.csstransforms #shapes .map-helper.bottom{top:10000px}.ie8 #shapes .map-helper,
.ie7 #shapes .map-helper{left:50%;top:5000px;width:2000px;height:3761px;margin-left: -1000px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/images/shapes-map-helper.png', sizingMethod='scale')}.ie8 #shapes .map-helper.bottom,
.ie7 #shapes .map-helper.bottom{top:8500px}#shapes
.stripes{top:9680px;pointer-events:none}#shapes .stripes
.collection{position:absolute;top:0;left:50%;margin-left: -155px;width:315px;height:100%;background:url("../css/images/stripes.png") no-repeat}#shapes .stripes .two,
#shapes .stripes
.one{margin-left:10px}#shapes .stripes
.two{top:700px}#shapes .stripes
.three{top:400px}#flip-picture{display:none;position:absolute;top:0;left:50%}#flip-picture.w1440{width:1440px;height:1730px;margin-left: -720px;background:url("../css/images/flip-picture-1440px.jpg")}#flip-picture.w2000{width:2000px;height:2310px;margin-left: -1000px;background:url("../css/images/flip-picture-2000px.jpg")}#flip-picture.top{background-position:bottom left}#sharing-buttons{position:fixed;bottom:25px;right:10px;width:300px;height:20px;z-index:20}#sharing-buttons
.button{float:right;margin-right:10px;overflow:hidden}#sharing-buttons
a.button{text-indent: -9999px}#sharing-buttons .button.fb-like{width:47px}
.menu_tag {
	height: auto;
	width: 450px;
	float: right;
}
.logo {
	height: 40px;
	width: 45px;
	float: left;
}
.centre_tag {
}
.INNER_tag {
	background-color: #000;
	height: 15px;
	width: auto;
}
.home_tags {
	height: 250px;
	width: 960px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 15;
	padding-top: 40px;
	background-image: url(images/bg.png);
}
.INKO {
	background-color: #D7D7D4;
	margin: 10px;
	height: 180px;
	width: 180px;
}
.MUN {
	float: right;
	width: 460px;
	background-color: #FFF;
}
.team_tag {
	height: 400px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}
.left{
	float:left;
	margin-left:10px;
}
.back{
	position:absolute;
	right:10px;
	top:0px;
}
.content > h1{
	font-size:40px;
	font-weight:normal;
	text-shadow:0px 0px 1px #fff;
	font-family: 'Raleway', arial, serif;
	border-bottom:1px dotted #444;
	padding:10px 20px;
}
.content > h3{
	font-size:24px;
	color:#aaa;
	font-weight:normal;
	padding:10px 20px;
	font-family: 'Rock Salt', arial, serif;
}


/* Menu style */
.ei_menu{
	width: 1000px;
	overflow: hidden;
}
.ei_menu ul{
	height: 350px;
	margin-left: 50px;
	position: relative;
	display: block;
	width: 960px;
}
.ei_menu ul li{
	float: left;
	width: 75px;
	height: 350px;
	position: relative;
	overflow: hidden;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.ei_preview{
	width: 75px;
	height: 350px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: transparent;
	background-image: url(images/bw.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.ei_image{
	position:absolute;
	left:75px;
	top:0px;
	width:75px;
	height:350px;
	opacity:0.2;
	background:transparent url(images/color.jpg) no-repeat top left;
}
.pos1 span{
	background-position:0px 0px;
}
.pos2 span{
	background-position:-75px 0px;
}
.pos3 span{
	background-position:-152px 0px;
}
.pos4 span{
	background-position:-227px 0px;
}
.pos5 span{
	background-position:-302px 0px;
}
.pos6 span{
	background-position:-377px 0px;
}
.ei_descr{
	position: absolute;
	width: 570px;
	height: 310px;
	border-right: 7px solid #f0f0f0;
	padding: 20px;
	left: 75px;
	top: 0px;
	background-color: #FFF;
}
.ei_descr h2{
	font-family: 'Rock Salt', arial, serif;
	font-size: 26px;
	color: #333;
	padding: 10px;
	text-shadow: 0px 0px 1px #fff;
	background-image: url(images/stripe_light.gif);
	background-repeat: repeat;
	background-position: left top;
}
.ei_descr h3{
	font-family: 'Raleway', arial, serif;
	color:#fff;
	text-shadow:0px 0px 1px #000;
	font-style:normal;
	padding:10px;
	background:#333;
}
.ei_descr p{
	color: #000;
	padding: 10px 5px 0px 5px;
	line-height: 18px;
	font-size: 11px;
	font-family: GeosansLight;
	text-transform: uppercase;
}

/* For the index_3 demo */
ul.trigger_list{
	position:absolute;
	right:20px;
	top:145px;
}
ul.trigger_list li{
	float:left;
	line-height:53px;
	color:#ddd;
	font-style:italic;
}
ul.trigger_list li a{
	font-family: 'Rock Salt', arial, serif;
	display:block;
	background:#000;
	color:#ddd;
	line-height:35px;
	padding:5px 10px;
	margin:3px;
	border-radius:5px 5px 5px 5px;
	text-shadow:1px 1px 1px #000;
}
ul.trigger_list li a:hover{
	background:#222;
	color:#fff;

}


#apDiv1 {
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 1;
	background-color: #FFFFFF;
	float: left;
	margin-top: -50px;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: top left;
	-moz-transform: rotate(45deg);
	-moz-transform-origin: top left;
	-ms-transform: rotate(45deg);
	-ms-transform-origin: top left;
	-o-transform: rotate(45deg);
	-o-transform-origin: top left;
	left: 300px;
	top: -67px;
}
#apDiv2 {
	position: absolute;
	width: 151px;
	height: 124px;
	z-index: 1;
	left: 21px;
	top: 40px;
	background-image: url(images/logo.png);
}
#apDiv3 {
	position: absolute;
	width: 235px;
	height: 23px;
	z-index: 2;
	left: -33px;
	font-size: 24px;
	top: 14px;
}
#apDiv4 {
	position: absolute;
	width: 200px;
	height: 21px;
	z-index: 3;
	left: -14px;
	font-size: 11px;
	font-family: GeosansLight;
	color: #333;
	top: 40px;
}
#apDiv5 {
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 1;
	left: 170px;
	top: 382px;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: top left;
	-moz-transform: rotate(45deg);
	-moz-transform-origin: top left;
	-ms-transform: rotate(45deg);
	-ms-transform-origin: top left;
	-o-transform: rotate(45deg);
	-o-transform-origin: top left;
}
#apDiv6 {
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 1;
	left: 642px;
	top: 381px;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: top left;
	-moz-transform: rotate(45deg);
	-moz-transform-origin: top left;
	-ms-transform: rotate(45deg);
	-ms-transform-origin: top left;
	-o-transform: rotate(45deg);
	-o-transform-origin: top left;
	background-image: url(images/bg.png);
}
#apDiv7 {
	position: absolute;
	width: 200px;
	height: 200px;
	z-index: 203;
	top: 45px;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: top left;
	-moz-transform: rotate(45deg);
	-moz-transform-origin: top left;
	-ms-transform: rotate(45deg);
	-ms-transform-origin: top left;
	-o-transform: rotate(45deg);
}
.lop {
	height: 400px;
	width: 960px;
	margin-top: 20px;
	background-color: #666;
}
.serv {
	background-color: #333;
	height: 400px;
	width: 960px;
	margin-top: 20px;
}
 /* --- */
    
		/* ----- History (About us) ----- */
		/* --- this section is really not pixel-perfect, so you might want to redo it, if it doesn't fit your needs :) */
    
		.history_blok {
	width: 855px;
	min-height: 100px;
	height: 300px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 43px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 45px;
	background-color: #000;
	background-image: url(images/righe.jpg);
	background-repeat: repeat;
		}
		
		.history_blok h3 {
		    color: #f8f9f9;
		    font-weight: 200;
		    margin: 0;
		}
		
		.history_blok img.milestones {
		    margin: 30px 0 0 -13px;
		}
		
		.milestone1, .milestone2, .milestone3, .milestone4 {
		    width: 170px;
		    float: left;
		    margin-left: 32px;
		}
		
		.milestone1 {
		    margin-left: 0;
		}
		
		.milestone2 {
		    width: 188px;
		}
		
		.milestone3 {
		    width: 205px;
		}
		
		.milestone4 {
		    width: 190px;
		}
		
		.miles {
	padding-top: 2px;
	font-size: 95%;
	font-weight: 300;
	line-height: 180%;
	color: #e9ecef;
	font-family: GeosansLight;
		}
		
		.miles b {
		    font-size: 105%;
		    font-weight: 400;
		}
		
		.descr {
	margin-top: 3px;
	color: #a4a8ad;
	font-size: 90%;
	font-weight: 300;
	line-height: 150%;
	font-family: GeosansLight;
		}
		
		.moreabout {
		    background-color: #1e2022;
		    width: 855px;
		    min-height: 100px;
		    padding: 35px 40px 40px 45px;
		    margin-left: 10px;
		    margin-bottom: 60px;
		    border-top: 1px #292b2d solid;
		}
		
		.moreabout p {
		    width: 860px;
		    color: #e9ecef;
		    font-size: 115%;
		    font-weight: 200;
		    line-height: 160%;
		    margin-bottom: 25px;
		}
		
		.moreabout b {
		    font-weight: 400;
		    color: #fff;
		}
		
#social1{
	height: 60px;
	width: 350px;
	float: right;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: auto;
}
#facebook{
	float:left;
}
#behance{
	float:left;
	margin-left:20px;
	margin-top:2px;
}
#linkedin{
	float:left;
	margin-left:20px;
}
#pinterest{
	float:left;
	margin-left:20px;
}

/**********************************************/
/************** Social Buttons ****************/
/**********************************************/

.social{
	width:auto;
	float:right;
	height:46px;
}

.social ul{
	width:auto;
	float:right;
	height:46px;
	padding:0px;
	margin:0px;
}

.social ul li{
	width: 46px;
	float: left;
	display: inline-block;
	height: 46px;
	list-style-type: none;
	margin-left: 10px;
	
	background-color: #FFF;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: top left;
	-moz-transform: rotate(45deg);
	-moz-transform-origin: top left;
	-ms-transform: rotate(45deg);
	-ms-transform-origin: top left;
	-o-transform: rotate(45deg);
	-o-transform-origin: top left;
}

.socialfooter{
	width:auto;
	float:right;
	height:46px;
}

.socialfooter ul{
	width:auto;
	float:right;
	height:46px;
	padding:0px;
	margin:0px;
}

.socialfooter ul li{
	width:46px;
	float:left;
	display:inline-block;
	height:46px;
	border-right: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	list-style-type: none;
	background-color:white;
	margin-left:-1px;
}

.social ul li a{
	border:0px;
}

.social-google{
	width: 46px;
	display: block;
	height: 46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -7px -1px;
	
}

.social-google:hover{
	width: 46px;
	display: block;
	height: 46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -7px -47px;
}

.social-facebook{
	width: 46px;
	display: block;
	height: 46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -53px -2px;
}

.social-facebook:hover{
	width: 46px;
	display: block;
	height: 46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -53px -48px;
}

.social-twitter{
	width: 46px;
	display: block;
	height: 46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -102px -2px;
}

.social-twitter:hover{
	width: 46px;
	display: block;
	height: 46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -102px -48px;
}

.social-linkedin{
	width: 46px;
	display: block;
	height: 46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -147px -2px;
}

.social-linkedin:hover{
	width: 46px;
	display: block;
	height: 46px;
	background-image: url(images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -147px -48px;
	background-color: #FFF;
}

.social-forrst{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -194px -2px;
}

.social-forrst:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -194px -48px;
}

.social-dribbble{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -242px -2px;
}

.social-dribbble:hover{
	width:46px;
	display:block;
	height:46px;
	background-image: url(../images/social-slider.png);
	background-repeat: no-repeat;
	background-position: -242px -48px;
}
/* SOLUTIONS ////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////////////////////////////////////// */

#nos_solutions {
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	width: 960px;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}

#nos_solutions h3, #blog h3, #clients h3 {
	font-size: 26px;
	font-weight: bold;
	text-transform: uppercase;
	color: #D7004D;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}

#nos_solutions h4 a {
	color: #333333;
	font-size: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd;
	display: block;
	text-decoration: none;
	margin: 0 0 10px 92px;
	font-family: GeosansLight;
}
#nos_solutions li {
	margin-bottom: 30px;
	width: 430px;
	float: left;
	margin-left: 30px;
	}
#item-5, #item-6, #item-7 {margin-left: 100px;}
#item-5 p {margin-bottom: 20px;}
#nos_solutions #item-9, #nos_solutions #item-7 {margin-bottom: 0;}
#nos_solutions p {
	color: #666666;
	font-size: 16px;
	line-height: normal;
	text-align: justify;
	margin-left: 92px;
}
#nos_solutions ul:hover li { opacity: .5;}
#nos_solutions ul:hover li .ico { opacity: .3;}
#nos_solutions li:hover .ico { margin-left: -20px;}
#nos_solutions ul:hover h4 a {color: #aaa;}
#nos_solutions ul li:hover { opacity: 1;}
#nos_solutions ul li:hover .ico {
	opacity: 1;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
}
#nos_solutions ul li:hover h4 a {color: #D7004D;}

#nos_solutions .ico {
	display: block;
	width: 64px;
	height: 64px;
	float: left;
	-webkit-transform-origin: right bottom;
	-moz-transform-origin: right bottom;
	-o-transform-origin: right bottom;
	-ms-transform-origin: right bottom;
	transform-origin: right bottom;
}

#nos_solutions li .ico img {
	width: 64px;
	height: 64px;
}
/* Common style */
.grid {
	max-width: 1000px;
	width: 960px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 120px;
	margin-left: 0px;
}

.grid a {
	float: left;
	max-width: 250px;
	width: 25%;
	color: #333;
}

.grid a:nth-child(odd) {
	margin: 30px 0 -30px 0;
}

.grid figure {
	position: relative;
	overflow: hidden;
	margin: 5px;
	background: #333;
}

.grid figure img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 0.7;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.grid figcaption {
	position: absolute;
	top: -1px;
	z-index: 11;
	padding: 10px;
	width: 100%;
	height: 122px;
	text-align: center;
}

.grid figcaption h2 {
	margin: 0 0 20px 0;
	color: #3498db;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	font-size: 90%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	text-align: left;
}

.grid figcaption p {
	padding: 0 20px;
	color: #aaa;
	font-weight: 300;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.grid figcaption h2,
.grid figcaption p {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
}

.grid figure button {
	position: absolute;
	padding: 4px 20px;
	border: none;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}

.grid figcaption,
.grid figcaption h2,
.grid figcaption p,
.grid figure button {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Style for SVG */
.grid svg {
	position: absolute;
	top: -2px; /* fixes rendering issue in FF */
	z-index: 10;
	width: 100%;
	height: 100%;
	left: 1px;
}

.grid svg path {
	fill: #fff;
}

/* Hover effects */
.grid a:hover figure img {
	opacity: 1;
}

.grid a:hover figcaption h2,
.grid a:hover figcaption p {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.grid a:hover figcaption p {
	opacity: 0;
}

/* Individual styles */
.demo-1 body {
	background: #3498db;
}

.demo-1 .grid figure button,
.demo-3 .grid figure button {
	top: 50%;
	left: 50%;
	border: 3px solid #fff;
	background: transparent;
	color: #fff;
	opacity: 0;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(0.25);
	transform: translateY(-50%) translateX(-50%) scale(0.25);
}

.demo-1 .grid a:hover figure button,
.demo-3 .grid a:hover figure button {
	opacity: 1;
	-webkit-transform: translateY(-50%) translateX(-50%) scale(1);
	transform: translateY(-50%) translateX(-50%) scale(1);
}

.demo-2 body {
	background: #e74c3c;
}

.demo-2 .grid figcaption h2 {
	color: #e74c3c;
}

.demo-2 .grid figcaption p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.demo-2 .grid figure button {
	bottom: 0;
	left: 0;
	padding: 15px;
	width: 100%;
	background: #fff;
	color: #333;
	font-weight: 300;
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.demo-2 .grid a:hover figure button {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.demo-2 .grid figcaption h2, 
.demo-2 .grid figcaption p,
.demo-3 .grid figcaption h2,
.demo-3 .grid figcaption p {
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
	timing-function: cubic-bezier(0.250, 0.250, 0.115, 1.445);
}

.demo-2 .grid a:hover figcaption p,
.demo-3 .grid a:hover figcaption p {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
}

.demo-3 body {
	background: #52be7f;
}

.demo-3 .grid figcaption h2 {
	color: #52be7f;
}

.demo-3 .grid a:hover figcaption h2 {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

/* Media Queries */
/* Let's redefine the width of each anchor and the margins */
#teamtag {
	height: auto;
	width: 1000px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: GeosansLight;
	font-size: 36px;
	color: #F93;
	text-align: center;
}
#teamtag2 {
	height: auto;
	width: 1000px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

}

.timeline {
	position: relative;
	list-style-type: none;
	padding: 30px 0 50px 0;
	font-family: 'Gorditas', Arial, sans-serif;
}

.timeline:before {
	content: '';
	position: absolute;
	width: 5px;
	height: 100%;
	top: 0;
	left: 165px;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==);
}

.event {
	position: relative;
	margin-bottom: 40px;
	padding-right: 40px;
}

.thumb {
	position: absolute;
	width: 100px;
	height: 100px;
	box-shadow: 
		0 0 0 8px rgba(65,131,142,1), 
		0 1px 1px rgba(255,255,255,0.5);
	background-repeat: no-repeat;
	border-radius: 50%;
	-webkit-transform: scale(0.8) translateX(24px);
	-moz-transform: scale(0.8) translateX(24px);
	-o-transform: scale(0.8) translateX(24px);
	-ms-transform: scale(0.8) translateX(24px);
	transform: scale(0.8) translateX(24px);
}

.thumb:before {
	content: '';
	position: absolute;
	height: 8px;
	z-index: -1;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC);
	width: 51px;
	top: 42px;
	left: 100%;
	margin-left: 8px;
}

.thumb span {
	color: #FFFFFF;
	width: 101px;
	text-align: center;
	font-weight: 700;
	font-size: 16px;
	text-transform: uppercase;
	position: absolute;
	bottom: -28px;
	font-family: GeosansLight;
}

.user-1 {
	background-image: url(images/chewbacca.jpg);
}

.user-2 {
	background-image: url(images/barf.jpg);
}

.user-3 {
	background-image: url(images/darkhelmet.jpg);
}

.user-4 {
	background-image: url(images/darthvader.jpg);
}

.user-5 {
	background-image: url(images/leia.jpg);
}

.user-6 {
	background-image: url(images/vespa.jpg);
}

.user-7 {
	background-image: url(images/c3po.jpg);
}

.user-8 {
	background-image: url(images/dotmatrix.jpg);
}

/* Transparent Checkbox/radio hack: leave the checkbox on top, hide it with opacity 0 */

.event label,
.event input[type="radio"] {
	width: 24px;
	height: 24px;
	left: 158px;
	top: 36px;
	position: absolute;
	display: block;
}

.event input[type="radio"] {
	opacity: 0;
	z-index: 10;
	cursor: pointer;
}

.event label:after {
	font-family: 'fontawesome-selected';
	content: '\e702';
	background: #fff;
	border-radius: 50%;
	color: #41838E;
	font-size: 26px;
	height: 100%;
	width: 100%;
	left: -2px;
	top: -3px;
	line-height: 24px;
	position: absolute;
	text-align: center;
}

.content-perspective {
	margin-left: 230px;
	position: relative;

	-webkit-perspective: 600px;
	-moz-perspective: 600px;
	-o-perspective: 600px;
	-ms-perspective: 600px;
	perspective: 600px;
}

.content-perspective:before {
	content: '';
	width: 37px;
	left: -51px;
	top: 45px;
	position: absolute;
	height: 1px;
	z-index: -1;
	background: #fff;
}

.content {
	-webkit-transform: rotateY(10deg);
	-moz-transform: rotateY(10deg);
	-o-transform: rotateY(10deg);
	-ms-transform: rotateY(10deg);
	transform: rotateY(10deg);

	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;

	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.content-inner {
	position: relative;
	padding: 20px;
	color: #333;
	border: none;
	border-left: 5px solid #41838e;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	background: #fff;
}

.content-inner h3 {
	font-size: 26px;
	padding: 5px 0 5px 0;
	color: #41838e;
}

.content-inner p {
	font-size: 18px;
	max-height: 0px;
	overflow: hidden;
	color: transparent;
	color: rgba(0,0,0,0);
	text-align: left;
}

.content-inner:before {
	font-family: 'fontawesome-selected';
	content: '\25c2';
	font-weight: normal;
	font-size: 54px;
	line-height: 54px;
	position: absolute;
	width: 30px;
	height: 30px;
	color: #41838e;
	left: -22px;
	top: 19px;
	z-index: -1;
}

/* Transitions */

.thumb,
.thumb span,
.content-inner h3 {
	-webkit-transition: all 0.6s ease-in-out 0.2s;
	-moz-transition: all 0.6s ease-in-out 0.2s;
	-o-transition: all 0.6s ease-in-out 0.2s;
	-ms-transition: all 0.6s ease-in-out 0.2s;
	transition: all 0.6s ease-in-out 0.2s;
}

.content-inner {
	-webkit-transition: box-shadow 0.8s linear 0.2s;
	-moz-transition: box-shadow 0.8s linear 0.2s;
	-o-transition: box-shadow 0.8s linear  0.2s;
	-ms-transition: box-shadow 0.8s linear 0.2s;
	transition: box-shadow 0.8s linear 0.2s;
}

.content {
	-webkit-transition: -webkit-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-moz-transition: -moz-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-o-transition: -o-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	-ms-transition: -ms-transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
	transition: transform 0.8s cubic-bezier(.59,1.45,.69,.98) 0.2s;
}

.content-inner p {
	-webkit-transition: max-height 0.5s linear, color 0.3s linear;
	-moz-transition: max-height 0.5s linear, color 0.3s linear;
	-o-transition: max-height 0.5s linear, color 0.3s linear;
	-ms-transition: max-height 0.5s linear, color 0.3s linear;
	transition: max-height 0.5s linear, color 0.3s linear;
}

/* Checked */

.event input[type="radio"]:checked + label:after {
	content: '\2714';
	color: #F26328;
	box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.8);
}

.event input[type="radio"]:checked ~ .content-perspective:before {
	background: #F26328;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner h3 {
	color: #F26328;
}

.event input[type="radio"]:checked ~ .content-perspective .content {
	-webkit-transform: rotateY(-5deg);
	-moz-transform: rotateY(-5deg);
	-o-transform: rotateY(-5deg);
	-ms-transform: rotateY(-5deg);
	transform: rotateY(-5deg);
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner {
	border-color: #F26328;
	box-shadow: 10px 0px 10px -6px rgba(0, 0, 0, 0.1);
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
	max-height: 260px; /* Add media queries */
	color: rgba(0,0,0,0.6);
	-webkit-transition-delay: 0s, 0.6s;
	-moz-transition-delay: 0s, 0.6s;
	-o-transition-delay: 0s, 0.6s;
	-ms-transition-delay: 0s, 0.6s;
	transition-delay: 0s, 0.6s;
}

.event input[type="radio"]:checked ~ .content-perspective .content-inner:before {
	color: #F26328;
}

.event input[type="radio"]:checked ~ .thumb {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	box-shadow: 
		0 0 0 8px rgba(242,99,40,1), 
		0 1px 1px rgba(255,255,255,0.5);
}

.event input[type="radio"]:checked ~ .thumb span {
	color: #207B7D;
}

.event input[type="radio"]:checked ~ .thumb:before {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==);
}

.content-inner p,
.thumb span,
.event label {
	-webkit-backface-visibility: hidden;
}

@media screen and (max-width: 850px) { 
	.content-inner h3 {
		font-size: 20px;
	}

	.content-inner p {
		font-size: 14px;
		text-align: justify;
	}

	.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
		max-height: 500px; 
	}
}

@media screen and (max-width: 540px) {
	.timeline::before {
		left: 50px;
	}

	.event { 
		padding-right: 0px;
		margin-bottom: 100px;
	}


	.thumb {
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-o-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
	}

	.event input[type="radio"] {
		width: 100px;
		height: 100px;
		left: 0px;
		top: 0px;
	}

	.thumb:before,
	.event input[type="radio"]:checked ~ .thumb:before {
		background: none;
		width: 0;
	}

	.event label {
		display: none;
	}

	.content-perspective {
		margin-left: 0px; 
		top: 80px;
	}

	.content-perspective:before {
		height: 0px; 
	}

	.content {
		-webkit-transform: rotateX(-10deg);
		-moz-transform: rotateX(-10deg);
		-o-transform: rotateX(-10deg);
		-ms-transform: rotateX(-10deg);
		transform: rotateX(-10deg);
	}

	.event input[type="radio"]:checked ~ .content-perspective .content {
		-webkit-transform: rotateX(10deg);
		-moz-transform: rotateX(10deg);
		-o-transform: rotateX(10deg);
		-ms-transform: rotateX(10deg);
		transform: rotateX(10deg);
	}

	.content-inner {
		border-left: none;
		border-top: 5px solid #41838e;
	}

	.event input[type="radio"]:checked ~ .content-perspective .content-inner {
		border-color: #F26328;
		box-shadow: 0 10px 10px -6px rgba(0, 0, 0, 0.1);
	}

	.content-inner:before {
		content: '\25b4';
		left: 33px;
		top: -32px;
	}

	.event input[type="radio"]:checked ~ .content-perspective .content-inner p {
		max-height: 300px; 
	}
}