@font-face {
	font-family: 'DIN Bold';
	font-weight: normal;
	src: url('../fonts/DINComp-CondBold_new.eot') format('embedded-opentype');
	src: local('?'), url('../fonts/DINComp-CondBold.woff') format('woff'), url('../fonts/DINCompPro-CondBold_new.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'DIN Bold IE';
	font-weight: normal;
	src: url('../fonts/DINComp-CondBold_new.eot');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'DIN Light';
	font-weight: normal;
	src: url('../fonts/DINPro-CondLight.eot');
	src: local('?'), url('../fonts/DINPro-CondLight.woff') format('woff'), url('../fonts/DINPro-CondLight.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'DIN Light IE';
	font-weight: normal;
	src: url('../fonts/dinpro-condlight2.eot');
	src: url('../fonts/dinpro-condlight2.eot?iefix') format('embedded-opentype'); /* wtf? */
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'DIN Med';
	font-weight: normal;
	src: url('../fonts/DINPro-CondMedium.eot');
	src: local('?'), url('../fonts/DINPro-CondMedium.woff') format('woff'), url('../fonts/DINPro-CondMedium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'DIN Med IE';
	font-weight: normal;
	src: url('../fonts/dinpro-condmedium2.eot');
	src: url('../fonts/dinpro-condmedium2?iefix') format('embedded-opentype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(http://themes.googleusercontent.com/static/fonts/lato/v6/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}


html,body{
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	color:#fff;
	font-family:'PT sans narrow';
}

body{
	/*-ms-scroll-snap-points-y: snapInterval(0%, 97%);*/
	/*-ms-scroll-snap-type:mandatory;*/
}


h2{
	margin:0;
	padding:0;
}

#logo{
	width:97px;
	height:109px;
	position:fixed;
	top:0;
	left:0;
	background-repeat:no-repeat;
	background-image:url(http://s3.amazonaws.com/tcsite/images/white.png);
	z-index:4;
}

#logo h1{
	margin:0;
	padding:0;
	height:100%;
	width:100%;
}


#logo h1 a{
	font-weight:normal;
	color:transparent;
	font-size:0.001em;
	font-family:'PT sans narrow';
	display:block;
	height:100%;
	width:100%;
	outline:none;
}

nav{
	position:fixed;
	right:0;
	top:232px;
	padding-right:30px;
	width:100px;
}

span.arrow{
	position:absolute;
	top:0;
	right:0;
	width:16px;
	height:13px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/arrow.png);
	background-repeat:no-repeat;
	background-position:center right;
	-webkit-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-webkit-transition-property:top, opacity;
	-webkit-transition-duration:0.5s;
	-moz-transition-property:top, opacity;
	-moz-transition-duration:0.5s;
	-ms-transition-property:top, opacity;
	-ms-transition-duration:0.5s;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	background-size:contain;
}

nav ul, nav ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}

nav ul li a, nav p.news a{
	color:#726D62;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	-webkit-transition-property:color;
	-moz-transition-property:color;
	-ms-transition-property:color;
	-moz-transition-duration:0.5s;
	-webkit-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

nav ul li.selected a{
	color:#fff;
}

nav ul li a:hover{
	color:#fff;
}
/*bleu #008EB4*/
.on_home nav ul li a:hover{
	color:#7f0000;
}

nav ul li{
	text-align:right;
}

nav li p, nav li p a{
	color:#fff;
	font-weight:bold;
	font-size:20px;
	margin:0;
	padding:5px 0;
}

nav ul li.work p{
	padding-bottom:8px;
}

nav ul li.about p{
	padding-top:10px;
}

nav p.news a{
	padding-right:15px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/news_arrow.png);
	background-repeat:no-repeat;
	background-position:100% 40%;
	display: block;
}

section{
	width:100%;
}

.panel{
	background-image: url(http://s3.amazonaws.com/tcsite/images/bg-tile3.png);
	background-repeat:repeat;
	min-height:720px;
	height:696px;
	width:100%;
	left:0;
	position:relative;
	overflow:hidden;
}

.panel.info_mode{
	z-index:5;
}

.panel .bg{
	min-height:720px;
  	height:100%;
	width:100%;
	background-repeat:no-repeat;
}

.panel .info{
	position:absolute;
	top:356px;
	left:-27px;
	width:61px;
	height:61px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	border-radius:50px;
	background-color:#000;
	cursor:pointer;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-ms-transition-property:all;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	text-decoration:none;
}

.panel .info:focus{
	outline:none;
}

.panel .info span, .panel .info strong{
	position:absolute;
	right:16px;
	top:17px;
	font-family:'PT sans narrow', helvetica;
	font-size:25px;
	color:#fff;
	-ms-user-select:none;
	opacity:1;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-ms-transition-property:all;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.panel.info_mode .info{
	background-color:#111;
	-webkit-box-shadow:inset #19596A 0px 1px 0px;
	-moz-box-shadow:inset #19596A 0px 1px 0px;
	box-shadow:inset #19596A 0px 1px 0px;
}

.panel.info_mode .info span{
	opacity:0;
	visibility:hidden;
}

.panel .info strong{
	opacity:0;
	visibility:hidden;
	font-weight:normal;
	font-size:30px;
	font-family:'PT sans narrow';
}
.panel.info_mode .info strong{
	opacity:1;
	visibility:visible;
	top:11px;
	right:12px;
}

.mozilla .panel.info_mode .info strong{
	top:16px;
}
/*gris*/
.panel .info_window{
	opacity:0;
	visibility:hidden;
	width:100%;
	height:100%;
	background:#000;
	color:#8a8989;
	font-size:14px;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-ms-transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.panel .info_window .info_content{
	width:758px;
	margin:0 auto;
	padding:10% 0 0 0;
}

.panel .info_window .info_content h3{
	font-family: 'DIN Light', 'DIN Light IE', helvetica;
	text-transform:none;
	letter-spacing:2px;
	color:#fff;
	margin:0;
	padding:0;
	line-height:48px;
	font-size:50px;
	font-weight:normal;
}

.panel .info_window .info_content .data_container{
	display:table;
}

.panel .info_window .info_content .data_container .data_row{
	display:table;
}

.panel .info_window .info_content .data_row .copy{
	width:556px;
	display:table-cell;
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
	padding-top:20px;
	padding-right:20px;
	-webkit-transform: translateZ(0);
}
/*bleu #459CAC*/
.panel .info_window .info_content .data_row .copy a,
.panel .info_window .info_content .data_row .copy a:visited,
.panel .info_window .info_content .data_row .copy a:hover{
	color:#111;
	line-height: 22px;
	font-style: normal;
	padding-bottom: 30px;
	text-decoration: none;
}

.mozilla .panel .info_window .info_content .data_row .copy{
	display:block;
}

.panel .info_window .info_content .data_row .fact_list{
	display:table-cell;
	vertical-align:top;
	margin:0;
	padding:20px 0 0 0;
}
/*#459cac*/
.panel .info_window .info_content .data_row .fact_list .button{
	background:#111;
	border:none;
	padding:8px;
	margin:0;
	color:#fff;
	font-family:'PT sans narrow';
	font-size:12px;
	text-transform:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
	text-decoration:none;
}

.panel .info_window .info_content .data_row .fact_list li{
	margin:0;
	padding:0;
	list-style-type:none;
}

.panel .info_window .info_content .data_row .fact_list li strong{
	color:#fff;
	font-size:14px;
	display:block;
	font-weight:normal;
	text-transform:none;
	padding-bottom:10px;
}
/*bleu #459cac*/
.panel .info_window .info_content .data_row .fact_list li em{
	color:#111;
	line-height:22px;
	display:block;
	font-style:normal;
	padding-bottom:30px;
}

.panel .info_window p{
	margin:0px 0px 30px 0px;
	padding:0;
	line-height: 22px;
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;
}

.panel.info_mode .info_window{
	opacity:1;
	zoom:1;
}


.panel .item_tag{
	position:absolute;
	color:#000;
	top:80%;
	left:70%;
	height:241px;
	width:241px;
	background:rgba(255,255,255,0.2);
	box-shadow:4px 4px 4px rgba(0,0,0,0.2);
	-moz-border-radius:241px;
	-webkit-border-radius:241px;
	border-radius:241px;
}

#ie8 .panel .item_tag, #ie7 .panel .item_tag, #ie6 .panel .item_tag{
	background:#fff;
}

.panel .item_tag.invert_color{
	color:#fff;
	background:rgba(0,0,0,0.7);
	box-shadow:4px 4px 4px rgba(0,0,0,0.9);
}

#ie8 .panel .item_tag.invert_color, #ie7 .panel .item_tag.invert_color, #ie6 .panel .item_tag.invert_color{
	color:#fff;
	background:#000;
}

.panel .item_tag h2{
	font-family: 'DIN Bold', 'DIN Bold IE', helvetica;
	font-weight:normal;
	line-height:1;
	font-size:44px;
	margin-top:90px;
	text-align:center;
	margin-bottom:10px;
}

.panel .item_tag p{
	margin:0 auto;
	text-align:center;
	width:75%;
	font-family:'Lato', helvetica;
	font-size:14px;
	padding-top:15px;
	border-top:3px solid #000;
	-webkit-transform:translateZ(0);
}

.panel .item_tag.invert_color p{
	border-color:#fff;
}

.share{
	position: fixed;
	right: 20px;
	top: 21px;
}

.panel .share{
	display:none;
}

.share ul, .share ul li{
	margin:0;
	padding:0;
}

.share ul{
	width:60px;
}

.share ul li{
	float:left;
	width:26px;
	height:26px;
	margin-right:3px;
	background-color:#fff;
	background-repeat: no-repeat;
	background-image: url(http://s3.amazonaws.com/tcsite/images/share_new.png);
	list-style-type:none;
	-webkit-border-radius:13px;
	-moz-border-radius:13px;
	border-radius:13px;
	-webkit-transition-property:background-color, background-position;
	-moz-transition-property:background-color, background-position;
	-ms-transition-property: background-color, background-position;
	transition-property: background-color, background-position;
	-ms-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(255,255,255,0);
	-moz-box-shadow: 0px 0px 4px 1px rgba(255,255,255,0);
	box-shadow: 0px 0px 4px 1px rgba(255,255,255,0);
	cursor:pointer;
}

.share.dark ul li{
	background-color:#000;
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,0);
}



.share.dark ul li:hover{
	-webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,1);
	box-shadow: 0px 0px 4px 1px rgba(0,0,0,1);
}

.share ul li.twitter{
	background-position: 6px 7px;
}

.share.dark ul li.twitter{
	background-position: 9px -16px;
}

.share.dark ul li.facebook{
	background-position: -14px -16px;
}

.share ul li.facebook{
	background-position: -14px 7px;
}

.share ul li.twitter:hover{
	background-color: #000;
	background-position: 6px -16px;
}

.share ul li.facebook:hover{
	background-color: #000;
	background-position: -14px -16px;
}

.share ul li a{
	font-size:0.01em;
	text-indent:-100000em;
	display: block;
	width: 100%;
	height: 100%;
	cursor:pointer;
}
/*  bleu 008EB4*/
#newton_panel{
	background-color:transparent;
	background-image:url(http://www.lacor.info/film/anaban/images/anaban_03.png);
	background-position:50% 100%;
	background-size:cover;
}

#newton_panel .bg{
	background-image:url(http://www.lacor.info/film/anaban/images/colonne_.png);
	background-position:50% 110%;
	box-shadow:2px 2px 2px #000;
}

#newton_panel.panel .info_window p{
	-webkit-column-break-inside:auto;
	page-break-inside:auto;
}

#newton_panel #newton_tablet_wrap{
	position:absolute;
	left:286px;
	top:80px;
}

#newton_panel #newton_tablet_wrap #newton_tablet_screens{
	position:absolute;
	left:35px;
	top:36px;
	width:557px;
	height:408px;
}

#newton_panel #newton_tablet_wrap #newton_tablet_screens img{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-ms-transition-property:opacity;
	-webkit-transition-duration:1.5s;
	-moz-transition-duration:1.5s;
	-ms-transition-duration:1.5s;
}

#newton_panel #newton_tablet_wrap #newton_tablet_screens img.show{
	opacity:1;
}


#newton_panel #newton_tablet{
	position:absolute;
	left:60%;
	bottom:0;
	width:50%;
	height:auto;
	background-image:url(http://www.lacor.info/film/anaban/images/colonne.png);
	background-repeat:no-repeat;
	box-shadow:-19px 10px 10px #111;
}

#newton_panel .item_tag{
	top:387px;
	left:121px;
}

#newton_panel .item_tag h2{
	font-size:54px;
	margin-top:78px;
	margin-bottom:5px;
}

#newser_panel{
	background-color: #B8B8B8;
	background-image: url(http://s3.amazonaws.com/tcsite/images/dot_pattern.gif);
}

#newser_panel .content{
	background-repeat:no-repeat;
	background-image: url(http://s3.amazonaws.com/tcsite/images/newser_glow.png);
	background-position:100% 50%;
}

#newser_panel .surface_tablet{
	width:858px;
	height:662px;
	position:absolute;
	left:25px;
	top:15px;
	background-image:url(http://www.lacor.info/film/anaban/images/ccc.png);
	background-repeat:no-repeat;
}

#newser_panel #newser_screens{
	position:absolute;
	left:303px;
	top:48px;
	width:543px;
	height:402px;
}

#newser_panel #newser_screens img{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-ms-transition-property:opacity;
	-webkit-transition-duration:1.5s;
	-moz-transition-duration:1.5s;
	-ms-transition-duration:1.5s;
}

#newser_panel #newser_screens img.show{
	opacity:1;
}

#newser_panel .item_tag{
	top:453px;
}

#newser_panel .item_tag h2{
	margin-top:83px;
	font-size:50px;
	margin-bottom:3px;
}

.panel#newser_panel .info_window .info_content{
	padding:20% 0 0 0;
}

#newser_panel .info_window .info_content .data_row .copy{
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
}
/*Orange*/
#kexp_panel .item_tag{
	background:rgba(235,103,45,0.9);
}

#kexp_panel .item_tag h2{
	margin-top:70px;
	font-size:60px;
	margin-bottom:3px;
}

.panel .content_wrap{
	position:relative;
	left:0px;
	top:0;
	min-height:720px;
  	height:100%;
	width:1024px;
	margin:0 auto;
}

.panel .content_wrap .content{
	height:100%;
	width:100%;
}

/*presque noir*/
#kexp_panel{
	background-color:#171717;
}

#kexp_panel .tag_logo{
	/*background-image:url(../images/logos/orange.png);*/
}
/*or sombre*/
#kexp_panel .bg{
	background-image: url(http://s3.amazonaws.com/tcsite/images/wood_bg2.png), url(http://s3.amazonaws.com/tcsite/images/wood_bg2_flipped.png);
	background-color:#9D7D59;
	background-position: right bottom, right bottom;
	background-repeat:no-repeat, repeat;
}

#kexp_panel #droid{
	background-image:url(http://s3.amazonaws.com/tcsite/images/droid.png);
	background-repeat: no-repeat;
	position:absolute;
	top:-51px;
	left:237px;
	height:774px;
	width:1002px;
}

.iDevice #kexp_panel #droid{
  position:absolute;
}

#kexp_panel.info_mode #droid, #kexp_panel.info_mode #kexp_screens{
	visibility:hidden;
}

#kexp_panel #kexp_screens{
	position:absolute;
	left:275px;
	top:229px;
	width:242px;
	height:393px;
}

.msie #kexp_panel #droid, .msie #kexp_panel #kexp_screens{
	position:absolute;
}

#kexp_panel #kexp_screens img{
	opacity:0;
	position:absolute;
	left:0;
	top:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-ms-transition-property:opacity;
	-webkit-transition-duration:1.5s;
	-moz-transition-duration:1.5s;
	-ms-transition-duration:1.5s;
}

#kexp_panel #kexp_screens img.show{
	opacity:1;
}

#kexp_panel #can{
	background-image:url(http://s3.amazonaws.com/tcsite/images/can2.png);
	background-repeat: no-repeat;
	position:absolute;
	left:583px;
	top:291px;
	height:673px;
	width:449px;
}
/*Rouge brique*/
#starbucks_panel{
	background-color:#DD4D2B;
}

#starbucks_panel .content{
	background-image:url(http://s3.amazonaws.com/tcsite/images/orange_light.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

#starbucks_panel .item_tag h2{
	margin-top:80px;
}

#starbucks_panel .info_window .info_content{
	padding-top:17%;
}

#starbucks_panel .info_window .info_content .data_row .copy{
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
}

#starbucks_panel #s_laptop{
	position: absolute;
	top:77px;
	left:12px;
	width:1003px;
	height:661px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/starbucks_laptop.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#starbucks_panel #cup{
	position:absolute;
	left:625px;
	top:516px;
	width:325px;
	height:208px;
	background-image: url(http://s3.amazonaws.com/tcsite/images/cup.png);
	background-repeat: no-repeat;
}

#chihuly_panel{
	background-image: url(http://s3.amazonaws.com/tcsite/images/dot_pattern.gif);
	background-color: #b8b8b8;
}

#chihuly_panel .bg{
	background-image: url(http://s3.amazonaws.com/tcsite/images/white_light.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#chihuly_panel .bg .content_wrap{
	margin:0;
}

#chihuly_panel #tablet_wrap{
	width:947px;
	height:693px;
	position:absolute;
	bottom:0;
	left:0;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-ms-transition-property:all;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.msie #chihuly_panel.info_mode #tablet_wrap{
	display:none;
}

#chihuly_panel #tablet_wrap #tablet_screens{
	width:641px;
	height:423px;
	position:absolute;
	top:36px;
	left:223px;
}

#chihuly_panel #tablet_wrap #tablet_screens img{
	position:absolute;
	left:0;
	top:0;
	opacity:0;
	-webkit-transition-property:opacity;
 	-webkit-transition-duration: 1.5s;
	-moz-transition-property:opacity;
 	-moz-transition-duration: 1.5s;
	-ms-transition-property:opacity;
 	-ms-transition-duration: 1.5s;
}

#chihuly_panel #tablet_wrap #tablet_screens img.show{
	opacity:1;
}

#chihuly_panel.panel .info_window p{
	-webkit-column-break-inside:auto;
	page-break-inside:auto;
}

#chihuly_panel #tablet{
	width:947px;
	height:693px;
	position:absolute;
	bottom:0;
	left:0;
	background-image:url(http://s3.amazonaws.com/tcsite/images/tablet4.png);
	background-repeat: no-repeat;
}
/*Vert veronese*/
#chihuly_panel .item_tag{
	background-color:rgba(61,168,153,0.8);
}

#chihuly_panel .tag_logo{
	background-image:url(http://s3.amazonaws.com/tcsite/images/logos/teal.png);
}

#chihuly_panel .item_tag h2{
	font-size:60px;
	margin-top:73px;
	margin-bottom:2px;
}

/*vert veronese clair*/
#millcreek_panel{
	background-color: #7bcbc0;
}

#millcreek_panel .bg{
	background-image: url(http://s3.amazonaws.com/tcsite/images/millcreek_glow.png);
	background-repeat: no-repeat;
	background-position: 50% 150px;
}

#millcreek_panel .imac{
	position:absolute;
	left:213px;
	top:107px;
	width:593px;
	height:554px;
	background-image: url(http://s3.amazonaws.com/tcsite/images/imac.png);
	background-position: no-repeat;
}

#millcreek_panel .stapler{
	position:absolute;
	left:548px;
	top:592px;
	width:378px;
	height:133px;
	background-image: url(http://s3.amazonaws.com/tcsite/images/stapler.png);
	background-repeat: no-repeat;
}

#millcreek_panel .item_tag{
	left:99px;
	top:439px;
}

#millcreek_panel .item_tag h2{
	margin-top:80px;
}


#htc_panel{
	background-image: url(http://s3.amazonaws.com/tcsite/images/dot_pattern.gif);
	background-color: #b8b8b8;
}
/*Bleu*/
#htc_panel .item_tag{
	top:451px;
	left:103;
	background-color:rgba(0, 0, 0, 0.8);
}

#htc_panel .item_tag h2{
	margin-bottom:0;
	margin-top:75px;
	font-size:60px;
}

#htc_panel .bg{
	background-image: url(http://s3.amazonaws.com/tcsite/images/htc_glow.png);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#htc_panel .htc_tablet{
	position:absolute;
	bottom:0;
	left:100px;
	background-image:url(http://www.lacor.info/film/anaban/images/ccc.png);
	background-repeat: no-repeat;
	width:826px;
	height:601px;
}


.panel#htc_panel .info_window p{
	-webkit-column-break-inside:auto;
	page-break-inside:auto;
}

/*Gris*/
#coaxion_panel{
	background-image: url(http://s3.amazonaws.com/tcsite/images/coaxion_bg.png);
	background-position:right bottom;
	background-color:#797c83;
}

#coaxion_panel.panel .info_window .info_content{
	padding-top:15%;
}

#coaxion_panel .item_tag{
	left:107px;
	top:429px;
}

#coaxion_panel .item_tag h2{
	font-size:60px;
	margin-top:75px;
	margin-bottom:0;
}

#coaxion_panel .coaxion_tablet{
	background-image: url(http://s3.amazonaws.com/tcsite/images/coaxion_tablet.png);
	background-repeat:no-repeat;
	position:absolute;
	left:212px;
	top:163px;
	width:605px;
	height:468px;
	-webkit-transition-property:top, bottom;
 	-webkit-transition-duration: 0.2s;
	-moz-transition-property:top, bottom;
 	-moz-transition-duration: 0.2s;
	-ms-transition-property:top, bottom;
 	-ms-transition-duration: 0.2s;
}

#coaxion_panel .coaxion_pen{
	background-image: url(http://s3.amazonaws.com/tcsite/images/coaxion_pen.png);
	background-repeat:no-repeat;
	position:absolute;
	width:429px;
	height:58px;
	left:397px;
	top:658px;
	-webkit-transition-property:top, bottom;
 	-webkit-transition-duration: 0.2s;
	-moz-transition-property:top, bottom;
 	-moz-transition-duration: 0.2s;
	-ms-transition-property:top, bottom;
 	-ms-transition-duration: 0.2s;
}
/*Bleu #008eb4*/
#iegallery_panel{
	background-color: #111;
}

#iegallery_panel .info_window .info_content{
	padding-top:17%;
}

#iegallery_panel .info_window .info_content .data_row .copy{
	-webkit-column-count:1;
	-moz-column-count:1;
	column-count:1;
}

#iegallery_panel .bg{
	background-image:url(http://s3.amazonaws.com/tcsite/images/gallery_glow.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#iegallery_panel .item_tag{
	left:57px;
	top:472px;
}

#iegallery_panel .item_tag h2{
	margin-top:80px;
	margin-bottom:10px;
}

#iegallery_panel .ie_cup{
	position:absolute;
	left:684px;
	top:335px;
	width:236px;
	height:371px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/gallery_cup.png);
	background-repeat:no-repeat;
}

#iegallery_panel .ie_laptop{
	position:absolute;
	height:489px;
	width:978px;
	left:17px;
	top:151px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/gallery_laptop2.png);
	background-repeat:no-repeat;
	-webkit-transition-property:top, bottom;
 	-webkit-transition-duration: 0.2s;
	-moz-transition-property:top, bottom;
 	-moz-transition-duration: 0.2s;
	-ms-transition-property:top, bottom;
 	-ms-transition-duration: 0.2s;
	-webkit-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
}

#home_panel{
	color:#726D62;
	background-image:url(http:/www.lacor.info/film/anaban/images/home_mask.svg);
	background-repeat:no-repeat;
	background-position:left bottom;
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
/*bleu #008EB4*/
#ie8 #home_panel, #ie7 #home_panel, #ie6 #home_panel{
	background-image:none;
	background-color:#726D62;
}

.iDevice #home_panel{
	background:none;
}


#home_panel .bg{
	background-image:url(http://s3.amazonaws.com/tcsite/images/bg-tile3.png);
	background-repeat:repeat;
}

#home_panel .svg_bg{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}

#home_panel .info{
	visibility:hidden;
}

#home_panel .masked{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

#home_panel p{
	margin:0;
	padding:0;
}


#home_panel p.tagline{
	font-family:'PT sans narrow', 'DIN Med IE', helvetica;
	color:#000;
	font-size:80px;
	line-height:80px;
	position:absolute;
	left:20%;
	/*top:162px;*/
	top:15%;
	text-transform:none;
	text-shadow:#726D62 1px 1px 1px;
}

#home_panel p.tagline strong, #home_panel p.tagline span{
	display:block;
}

#home_panel p.tagline span{
	font-size:0.8em;
}

#home_panel p.tagline strong{
	color:#fff;
	font-weight:200;
	text-shadow:none;
	text-shadow:#726D62 2px 2px 2px;
}

#home_panel .scroll{
	position:absolute;
	left:50%;
	width:155px;
	height:20px;
	text-align:center;
	margin-left:-67px;
	-webkit-transform: translateZ(0);
}

#home_panel .scroll a{
	font-family:'PT sans narrow';
	font-size:11px;
	font-style:italic;
	color:#fff;
	text-decoration:none;
}

#home_panel .scroll.up{
	color:#726D62;
	top:47px;
}

#home_panel .scroll.down{
	color:#000;
	bottom:47px;
}

#home_panel .scroll.down a{
	color:#000;
}

#home_panel .scroll span{
	position:absolute;
	height:10px;
	width:10px;
	display:block;
	left:50%;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
}

#ie8 #home_panel .scroll span, #ie7 #home_panel .scroll span, #ie6 #home_panel .scroll span{
	display:none;
}

#home_panel .scroll.up span{
	top:-20px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-animation: up_arrow_anim 1s infinite ease-out;
	-moz-animation: up_arrow_anim 1s infinite ease-out;
	-ms-animation: up_arrow_anim 1s infinite ease-out;
}

#home_panel .scroll.down span{
	top:30px;
	border-color:#000;
	border-top:none;
	border-bottom:2px solid;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-webkit-animation: down_arrow_anim 1s infinite ease-out;
	-moz-animation: down_arrow_anim 1s infinite ease-out;
	-ms-animation: down_arrow_anim 1s infinite ease-out;
}

@-webkit-keyframes up_arrow_anim {
	0%   { top: -20px; -webkit-transform: rotate(-45deg) scale(1);}
	50% { top: -18px; -webkit-transform: rotate(-45deg) scale(0.8);}
	100% { top: -20px; -webkit-transform: rotate(-45deg) scale(1);}
}
@-moz-keyframes up_arrow_anim {
	0%   { top: -20px; -moz-transform: rotate(-45deg) scale(1);}
	50% { top: -18px; -moz-transform: rotate(-45deg) scale(0.8);}
	100% { top: -20px; -moz-transform: rotate(-45deg) scale(1);}
}
@-ms-keyframes up_arrow_anim {
	0%   { top: -20px; -ms-transform: rotate(-45deg) scale(1);}
	50% { top: -18px; -ms-transform: rotate(-45deg) scale(0.8);}
	100% { top: -20px; -ms-transform: rotate(-45deg) scale(1);}
}

@-webkit-keyframes down_arrow_anim {
	0%   { top: 30px; -webkit-transform: rotate(45deg) scale(1);}
	50% { top: 28px; -webkit-transform: rotate(45deg) scale(0.8);}
	100% { top: 30px; -webkit-transform: rotate(45deg) scale(1);}
}
@-moz-keyframes down_arrow_anim {
	0%   { top: 30px; -webkit-transform: rotate(45deg) scale(1);}
	50% { top: 28px; -webkit-transform: rotate(45deg) scale(0.8);}
	100% { top: 30px; -webkit-transform: rotate(45deg) scale(1);}
}
@-ms-keyframes down_arrow_anim {
	0%   { top: 30px; -ms-transform: rotate(45deg) scale(1);}
	50% { top: 28px; -ms-transform: rotate(45deg) scale(0.8);}
	100% { top: 30px; -ms-transform: rotate(45deg) scale(1);}
}

#about{
	font-family:'Lato', helvetica;
}

#about .panel .info{
	visibility:hidden;
}

#about .panel .info.second{
	top:auto;
	bottom:356px;
}

#about .item_tag{
	background:#fff;
}

#about .item_tag h2{
	font-size:54px;
	margin-top:95px;
}

#ie8 #about .about_trans, #ie7 #about .about_trans, #ie6 #about .about_trans{
	display:none;
}

#about .about_trans{
	height:200px;
	background: rgb(255,255,255);
	background: url(http://s3.amazonaws.com/tcsite/images/bg-tile3.png), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI4OCUiIHN0b3AtY29sb3I9IiNlN2U3ZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: url(http://s3.amazonaws.com/tcsite/images/bg-tile3.png),-moz-linear-gradient(top,  rgba(255,255,255,1) 10%, rgba(231,231,231,1) 88%);
	background: url(http://s3.amazonaws.com/tcsite/images/bg-tile3.png),-webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(231,231,231,1)), color-stop(88%,rgba(249,249,249,1)));
	background: url(http://s3.amazonaws.com/tcsite/images/bg-tile3.png),-webkit-linear-gradient(top,  rgba(255,255,255,1) 10%,rgba(231,231,231,1) 88%);
	background: url(http://s3.amazonaws.com/tcsite/images/bg-tile3.png),-o-linear-gradient(top,  rgba(255,255,255,1) 10%,rgba(231,231,231,1) 88%);
	background: url(http://s3.amazonaws.com/tcsite/images/bg-tile3.png),-ms-linear-gradient(top,  rgba(255,255,255,1) 10%,rgba(231,231,231,1) 88%);
	background: url(http://s3.amazonaws.com/tcsite/images/bg-tile3.png),linear-gradient(top,  rgba(255,255,255,1) 10%,rgba(231,231,231,1) 88%);

}

#services_panel{
	background-color:#e7e7e7;
	color:#666;
}


#services_panel .item_tag{
	left:678px;
	top:22px;
}

#services_panel .services_content_container{
	position:absolute;
	display:table-row;
	left:125px;
	top:215px;
	width:817px;
	font-family:'Lato', helvetica;
	font-size:16px;
	line-height:24px;
}


#services_panel .services_content_container h3{
	font-family:'DIN Light', 'DIN Light IE', helvetica;
	font-weight:normal;
	text-transform:none;
	font-size:50px;
	line-height:48px;
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	border-bottom:1px solid #c0c0c0;
}

#services_panel .services_content_container h3 span{
	display:block;
}


#services_panel .services_content_container div.copy{
	-moz-column-count: 2;
	-moz-column-gap: 60px;
	-webkit-column-count: 2;
	-webkit-column-gap: 60px;
	column-count: 2;
	column-gap: 60px;
	-webkit-column-rule:1px solid #c0c0c0;
	-moz-column-rule:1px solid #c0c0c0;
	column-rule:1px solid #c0c0c0;
}

#services_panel .services_content_container div.copy p{
	padding:0;
	margin:0 0 15px 0;
	word-wrap:break-word;
}

#services_panel #shapes{
	position:absolute;
	margin-top:30px;
	left:120px;
	top:450px;
	height:350px;
}


#ie8 #services_panel #shapes, #ie7 #services_panel #shapes, #ie6 #services_panel #shapes{
	visibility:hidden;
}

.csstransitions #services_panel #shapes{
	opacity:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-ms-transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

.csstransitions #services_panel #shapes.inview{
	opacity:1;
}

#services_panel #shapes ul, #services_panel #shapes ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#services_panel #shapes ul li{
	font-family:'DIN Light', 'DIN Light IE', helvetica;
	text-transform:none;
	font-size:22px;
	text-align:center;
	color:#fff;
	width:268px;
	height:107px;
	position:absolute;
	left:0;
	top:0;
	background-image:url(http://s3.amazonaws.com/tcsite/images/services_shape_grey_down.svg);
	-webkit-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-ms-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
}

#services_panel #shapes ul li span{
	position:relative;
	top:24px;
}

#services_panel #shapes ul li.identity span, #services_panel #shapes ul li.brand span{
	top:65px;
}

#services_panel #shapes ul li.seo span{
	top:50px;
}

#services_panel #shapes ul li.ux span{
	top:15px;
}

#services_panel #shapes ul li.environmental span, #services_panel #shapes ul li.analytics span{
	top:15px;
}


#services_panel #shapes ul li.design{
	left:268px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/services_shape_blue_down.svg);
	-webkit-animation-delay:0.1s;
	-moz-animation-delay:0.1s;
	-ms-animation-delay:0.1s;
	animation-delay:0.1s;
}

#services_panel #shapes ul li.prototyping{
	left:535px;
	-webkit-animation-delay:0.2s;
	-moz-animation-delay:0.2s;
	-ms-animation-delay:0.2s;
	animation-delay:0.2s;
}

#services_panel #shapes ul li.identity{
	background-image:url(http://s3.amazonaws.com/tcsite/images/services_shape_teal_up.svg);
	left:134px;
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-ms-animation-delay:0.3s;
	animation-delay:0.3s;
}


#services_panel #shapes ul li.brand{
	background-image:url(http://s3.amazonaws.com/tcsite/images/services_shape_orange_up.svg);
	left:402px;
}

#services_panel #shapes ul li.environmental{
	background-image:url(http://s3.amazonaws.com/tcsite/images/services_shape_orange_down.svg);
	left:134px;
	top:107px;
	-webkit-animation-delay:0.3s;
	-moz-animation-delay:0.3s;
	-ms-animation-delay:0.3s;
	animation-delay:0.3s;
}

#services_panel #shapes ul li.seo{
	background-image:url(http://s3.amazonaws.com/tcsite/images/services_shape_blue_up.svg);
	left:268px;
	top:107px;
	-webkit-animation-delay:0.4s;
	-moz-animation-delay:0.4s;
	-ms-animation-delay:0.4s;
	animation-delay:0.4s;
}

#services_panel #shapes ul li.ux{
	background-image:url(http://s3.amazonaws.com/tcsite/images/services_shape_teal_down.svg);
	left:402px;
	top:107px;
	-webkit-animation-delay:0.4s;
	-moz-animation-delay:0.4s;
	-ms-animation-delay:0.4s;
	animation-delay:0.4s;
}

#services_panel #shapes ul li.analytics{
	background-image:url(http://s3.amazonaws.com/tcsite/images/services_shape_grey_down.svg);
	left:268px;
	top:214px;
	-webkit-animation-delay:0.5s;
	-moz-animation-delay:0.5s;
	-ms-animation-delay:0.5s;
	animation-delay:0.5s;
}

.csstransitions.csstransforms #services_panel #shapes ul li.development,
.csstransitions.csstransforms #services_panel #shapes ul li.design,
.csstransitions.csstransforms #services_panel #shapes ul li.prototyping,
.csstransitions.csstransforms #services_panel #shapes ul li.ux,
.csstransitions.csstransforms #services_panel #shapes ul li.analytics,
.csstransitions.csstransforms #services_panel #shapes ul li.environmental{
	-webkit-transform:translateY(-1200px);
	-moz-transform:translateY(-1200px);
	-ms-transform:translateY(-1200px);
	transform:translateY(-1200px);
}

.csstransitions.csstransforms #services_panel #shapes.inview ul li.development,
.csstransitions.csstransforms #services_panel #shapes.inview ul li.design,
.csstransitions.csstransforms #services_panel #shapes.inview ul li.prototyping,
.csstransitions.csstransforms #services_panel #shapes.inview ul li.ux,
.csstransitions.csstransforms #services_panel #shapes.inview ul li.analytics,
.csstransitions.csstransforms #services_panel #shapes.inview ul li.environmental{
	-webkit-animation-name:services_anim_down;
	-moz-animation-name:services_anim_down;
	-ms-animation-name:services_anim_down;
}

.csstransitions.csstransforms #services_panel #shapes ul li.identity,
.csstransitions.csstransforms #services_panel #shapes ul li.brand,
.csstransitions.csstransforms #services_panel #shapes ul li.seo{
	-webkit-transform:translateY(1200px);
	-moz-transform:translateY(1200px);
	-ms-transform:translateY(1200px);
	transform:translateY(1200px);
}

.csstransitions.csstransforms #services_panel #shapes.inview ul li.identity,
.csstransitions.csstransforms #services_panel #shapes.inview ul li.brand,
.csstransitions.csstransforms #services_panel #shapes.inview ul li.seo{
	-webkit-animation-name:services_anim_up;
	-moz-animation-name:services_anim_up;
	-ms-animation-name:services_anim_up;
}


@-webkit-keyframes services_anim_up {
	0%   { -webkit-transform:translateY(1200px);}
	100% { -webkit-transform:translateY(0px);}
}

@-moz-keyframes services_anim_up {
	0%   { -moz-transform:translateY(1200px);}
	100% { -moz-transform:translateY(0px);}
}

@-ms-keyframes services_anim_up {
	0%   { -ms-transform:translateY(1200px);}
	100% { -ms-transform:translateY(0px);}
}

@-webkit-keyframes services_anim_down {
	0%   { -webkit-transform:translateY(-1200px);}
	100% { -webkit-transform:translateY(0px);}
}

@-moz-keyframes services_anim_down {
	0%   { -moz-transform:translateY(-1200px);}
	100% { -moz-transform:translateY(0px);}
}

@-ms-keyframes services_anim_down {
	0%   { -ms-transform:translateY(-1200px);}
	100% { -ms-transform:translateY(0px);}
}
/*Vert veronese*/
#people_panel{
	background-color:#6eb8ae;
}

#people_panel, #people_panel .content_wrap{
	height:auto;
	position:relative;
}

#people_panel .peeps{
	height:100%;
	margin:0px 80px 0 120px;
}

#people_panel .peeps ul{
	padding:65px 0;
	margin:0;
	overflow:visible;
}

#people_panel .peeps ul li{
	margin:0 24px 24px 0;
	padding:0;
	background-color:#fff;
	list-style-type:none;
	width:240px;
	height:240px;
	float:left;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	border-radius:200px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/peeps_sprite2.png);
	background-position:-12px -12px;
	background-repeat:no-repeat;
	position:relative;

}

.csstransitions #people_panel .peeps ul li{
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);	
}

#people_panel .peeps ul li.title{
	color:#000;
	background:#fff;
}

#people_panel .peeps ul li.title h2{
	font-family: 'DIN Bold', 'DIN Bold IE', helvetica;
	font-weight:normal;
	line-height:1;
	font-size:60px;
	margin-top:96px;
	text-align:center;
	margin-bottom:10px;
}

#people_panel .peeps ul li div.contain, #people_panel .peeps ul li div.contain div{
	opacity:0;
}

#people_panel .peeps ul li div.contain{
	opacity:0;
	width:100%;
	height:100%;
	-webkit-border-radius:200px;
	-moz-border-radius:200px;
	border-radius:200px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/peeps_sprite2.png);
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-ms-transition-property:opacity;
	transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
}

#people_panel .peeps ul li:hover div.contain, #people_panel .peeps ul li:hover div.contain div{
	opacity:1;
}


#people_panel .peeps ul li div div{
	width:100%;
	position:absolute;
	top:42%;
	left:0;
	-webkit-transition-property:opacity;
	-moz-transition-property:opacity;
	-ms-transition-property:opacity;
	transition-property:opacity;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}

#people_panel .peeps ul li div p{
	font-family:'PT sans narrow';
	text-transform:none;
	margin:0 auto;
	padding:0;
	font-size:11px;
	text-align:center;
}

#people_panel .peeps ul li div p strong{
	font-family:'DIN Light', 'DIN Light IE', helvetica;
	font-weight:normal;
	text-transform:none;
	font-size:30px;
	display:block;
	text-shadow:none;
}

#people_panel .peeps ul li div p, #people_panel .peeps ul li div p strong{
	text-shadow: #eb672d 0px 0px 25px, #eb672d 0px 0px 25px, #eb672d 0px 0px 25px, #eb672d 0px 0px 25px, #eb672d 0px 0px 25px;
}

#people_panel .peeps ul li.annett div.contain{
	background-position: -12px -272px;
}

#people_panel .peeps ul li.max{
	background-position: -2600px -7px;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
}

#people_panel .peeps ul li.max div.contain{
	background-position: -2600px -267px;
}

#people_panel .peeps ul li.title{
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
}

#people_panel .peeps ul li.nutter{
	background-position: -3120px -7px;
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-ms-animation-delay: 0.1s;
}

#people_panel .peeps ul li.nutter div.contain{
	background-position: -3120px -267px;
}

#people_panel .peeps ul li.jeff{
	background-position: -1828px -7px;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
}

#people_panel .peeps ul li.jeff div.contain{
	background-position: -1828px -267px;
}

#people_panel .peeps ul li.jason{
	background-position: -1570px -7px;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
}

#people_panel .peeps ul li.jason div.contain{
	background-position: -1570px -267px;
}

#people_panel .peeps ul li.nicole{
	background-position: -2868px -7px;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
}

#people_panel .peeps ul li.nicole div.contain{
	background-position: -2868px -267px;
}

#people_panel .peeps ul li.tyler{
	background-position: -3654px -7px;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
}

#people_panel .peeps ul li.tyler div.contain{
	background-position: -3654px -267px;
}

#people_panel .peeps ul li.jonrusk{
	background-position: -2345px -7px;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
}

#people_panel .peeps ul li.jonrusk div.contain{
	background-position: -2345px -267px;
}

#people_panel .peeps ul li.evan{
	background-position: -1308px -7px;
	-webkit-animation-delay: 0.6s
	-moz-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
}

#people_panel .peeps ul li.evan div.contain{
	background-position: -1308px -267px;
}

#people_panel .peeps ul li.corey{
	background-position: -1056px -7px;
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
}

#people_panel .peeps ul li.corey div.contain{
	background-position: -1056px -267px;
}

#people_panel .peeps ul li.brender{
	background-position: -271px -7px;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
}

#people_panel .peeps ul li.brender div.contain{
	background-position: -271px -267px;
}

#people_panel .peeps ul li.chuck{
	background-position: -792px -7px;
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
}

#people_panel .peeps ul li.chuck div.contain{
	background-position: -792px -267px;
}


#people_panel .peeps ul li.chareesa{
	background-position: -528px -7px;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
}

#people_panel .peeps ul li.chareesa div.contain{
	background-position: -528px -267px;
}

#people_panel .peeps ul li.john{
	background-position: -2093px -7px;
}

#people_panel .peeps ul li.john div.contain{
	background-position: -2093px -267px;
}

#people_panel .peeps ul li.patrick{
	background-position: -3391px -7px;
	-webkit-animation-delay: 0.4s;
	-moz-animation-delay: 0.4s;
	-ms-animation-delay: 0.4s;
}

#people_panel .peeps ul li.patrick div.contain{
	background-position: -3391px -267px;
}

#people_panel .peeps ul li.royce{
	background-position: -3919px -7px;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
}

#people_panel .peeps ul li.royce div.contain{
	background-position: -3919px -267px;
}

#people_panel .peeps ul li.tidbit{
	background-position: -4179px -7px;
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	-ms-animation-delay: 0.7s;
}

#people_panel .peeps ul li.tidbit div.contain{
	background-position: -4179px -267px;
}

#people_panel .peeps ul li.inview{	
	-webkit-animation-name: popup;
	-webkit-animation-duration: 1.1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-name: popup;
	-moz-animation-duration: 1.1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-out;
	-ms-animation-name: popup;
	-ms-animation-duration: 1.1s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
}


@-webkit-keyframes popup {
	0%   { -webkit-transform: scale(0);}
	20% { -webkit-transform: scale(1.4);}
	30% { -webkit-transform: scale(0.8); }
	40% { -webkit-transform: scale(1.2); }
	50% { -webkit-transform: scale(0.9); }
	60% { -webkit-transform:  scale(1.1);}
	70% { -webkit-transform:  scale(1);}
	100% { -webkit-transform:  scale(1);}
}
@-moz-keyframes popup {
	0%   { -moz-transform: scale(0);}
	20% { -moz-transform: scale(1.4);}
	30% { -moz-transform: scale(0.8); }
	40% { -moz-transform: scale(1.2); }
	50% { -moz-transform: scale(0.9); }
	60% { -moz-transform:  scale(1.1);}
	70% { -moz-transform:  scale(1);}
	100% { -moz-transform:  scale(1);}
}
@-ms-keyframes popup {
	0%   { -ms-transform: scale(0);}
	20% { -ms-transform: scale(1.4);}
	30% { -ms-transform: scale(0.8); }
	40% { -ms-transform: scale(1.2); }
	50% { -ms-transform: scale(0.9); }
	60% { -ms-transform:  scale(1.1);}
	70% { -ms-transform:  scale(1);}
	100% { -ms-transform:  scale(1);}
}
/*bleu #008eb4*/
#contact_panel{
	background-color:#111;
}

#contact_panel .item_tag{
	left:698px;
	top:20px;
}

#contact_panel .contact_content_container{
	position:absolute;
	display:table-row;
	left:125px;
	top:196px;
	width:585px;
	font-size:15px;
	line-height:22px;
}

#contact_panel .contact_content_container h3{
	font-family:'DIN Light', 'DIN Light IE', helvetica;
	font-weight:normal;
	text-transform:none;
	font-size:50px;
	line-height:48px;
	margin:0;
	padding:0 0 20px 0;
	border-bottom:1px solid #fff;
}

#contact_panel .contact_content_container h3 span{
	display:block;
}

#contact_panel .contact_content_container > div{
	width:290px;
	display:table-cell;
}

#contact_panel .contact_content_container div.copy{
	padding-right:40px;
}

#contact_panel .contact_content_container div.list{
	font-size:12px;
	line-height:18px;
}

#contact_panel .contact_content_container div.list h4{
	margin:0 0 5px 0;
	font-weight:normal;
	padding:0;
}

#contact_panel .contact_content_container div.list span{
	display:block;
}

#contact_panel .contact_content_container div.list a{
	color:#000;
	font-size:12px;
	text-decoration:none;
	padding:0 0 5px 12px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/arrow.svg);
	background-repeat:no-repeat;
	-moz-background-size:11px;
	-ms-background-size:11px;
	background-size:11px;
	background-position:0 3px;
}

#contact_panel .contact_content_container div.list ul, #contact_panel .contact_content_container div.list ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#contact_panel .contact_content_container div.list ul li{
	margin-bottom:20px;
}
/*Rouge brique*/
#careers_panel{
	background-color:#DD4D2B;
}

#careers_panel .item_tag{
	left:698px;
	top:20px;
}

#careers_panel .careers_content_container{
	position:absolute;
	display:table-row;
	left:100px;
	top:215px;
	width:820px;
	font-size:15px;
	line-height:22px;
}

#careers_panel .careers_content_container h3{
	font-family:'DIN Light', 'DIN Light IE', helvetica;
	font-weight:normal;
	text-transform:none;
	font-size:50px;
	line-height:48px;
	margin:0;
	padding:0 0 20px 0;
	border-bottom:1px solid #fff;
}

#careers_panel .careers_content_container h3 span{
	display:block;
}

#careers_panel .careers_content_container > div{
	display:table-cell;
	vertical-align:center;
}

#careers_panel .careers_content_container > div p{
	margin:0;
	padding:30px 0;
}

#careers_panel .careers_content_container ul, #careers_panel .careers_content_container ul li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#careers_panel .careers_content_container ul{
	border-spacing:25px 10px;
	width:100%;
	text-align:center;
}

#careers_panel .careers_content_container ul li{
	height:50px;
	margin-bottom:15px;
	position:relative;
	padding:0px 25px;
	background-image:url(http://s3.amazonaws.com/tcsite/images/angle_right_blue.svg), url(http://s3.amazonaws.com/tcsite/images/angle_left_blue.svg);
	background-position:top right, top left;
	background-repeat:no-repeat;
	-webkit-background-size:25px 100%;
	-moz-background-size:25px 100%;
	background-size:25px 100%;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-ms-transition-property:all;
	transition-property:all;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
	-webkit-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
}


.csstransitions #careers_panel .careers_content_container ul li.green, .csstransitions #careers_panel .careers_content_container ul li.white{
	left:-1000px;
	opacity:0;
}

.csstransitions #careers_panel .careers_content_container ul li.blue{
	left:1000px;
	opacity:0;
}

.csstransitions #careers_panel .careers_content_container ul.inview li{
	left:0;
	opacity:1;
}
/*Bleu*/
#careers_panel .careers_content_container ul li strong{
	vertical-align:middle;
	font-weight:normal;
	background-color:#111;
	display:block;
	width:100%;
	height:100%;
}

#careers_panel .careers_content_container ul li.green{
	background-image:url(http://s3.amazonaws.com/tcsite/images/angle_right_green.svg), url(http://s3.amazonaws.com/tcsite/images/angle_left_green.svg);
	color:#000;
	-webkit-transition-delay:0.2s;
	-moz-transition-delay:0.2s;
	-ms-transition-delay:0.2s;
	transition-delay:0.2s;
}
/*vert veronese*/
#careers_panel .careers_content_container ul li.green strong{
	background-color:#0cbfac;
}

#careers_panel .careers_content_container ul li.white{
	background-image:url(http://s3.amazonaws.com/tcsite/images/angle_right_white.svg), url(http://s3.amazonaws.com/tcsite/images/angle_left_white.svg);
	-webkit-transition-delay:0.4s;
	-moz-transition-delay:0.4s;
	-ms-transition-delay:0.4s;
	transition-delay:0.4s;
}

.safari #careers_panel .careers_content_container .copy ul li{
	background-image:none;
}

#careers_panel .careers_content_container ul li.white strong{
	background-color:#fff;
}

#careers_panel .careers_content_container ul li a{
	color:#fff;
	font-family: 'DIN Light', 'DIN Light IE', helvetica;
	font-size:30px;
	text-decoration:none;
	display:block;
	height:100%;
	width:100%;
	position:relative;
	top:10px;
	-webkit-transition-property:all;
	-moz-transition-property:all;
	-ms-transition-property:all;
	transition-property:all;
	-webkit-transition-duration:0.5s;
	-moz-transition-duration:0.5s;
	-ms-transition-duration:0.5s;
	transition-duration:0.5s;
}


#careers_panel .careers_content_container ul li.white a{
	color:#000;
}

#careers_panel .careers_content_container ul li:hover a{
	color:#000;
}

#careers_panel .careers_content_container ul li.white:hover a{
	color:#DD4D2B;
}