/*
	LOADING
*/
.no-js #header, .no-js #menu, .no-js #container
{
	display: none;
}
.js #header, .js #menu, .js #container
{
	display: block;
}
#loading
{
	background: #2a3742 url(../images/helice.gif) no-repeat center center;
	z-index: 99999;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

/*
	STRUCTURE
*/
html > /**/ body
{
	overflow: hidden; /* for everyone except IE7... */
}
body
{
	background: #2a3742;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
	font-family:Arial;
}
#header
{
	background: url(../images/C.png) no-repeat;
	width: 100%;
	height: 36px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}
.asiance
{
	background: url(../images/C.png) no-repeat -7px top !important;
	padding: 0;
	height: 77px;
	width: 212px;
	margin-left: 7px;
	position: fixed;
	left: 0;
	top: 0;
}
h1
{
	background: url(../images/logo.png) no-repeat;
	height: 77px;
	position:fixed;
	top:0;
	left:0;
	z-index:9;
	width:15%;
	top:3px;
}
.div-footer
{
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	z-index:9;
	padding:0px;
	margin:0px;
	color:#ffffff;
	font-size:12px;
	font-style:italic;
	height:35px;
	background-color:#304252;
}
.div-web
{
	width:40%;
	position:absolute;
	right:0;
	z-index:9;
	font-size:12px;
	font-style:italic;
	font-family:Arial;
	color:White;
	bottom:0;
	height:25px;
	margin-right:1%;
}
.div-web a
{
	color:White !important;
}
.div-web a:hover
{
	text-decoration:underline;
}

.pane
{
	float: left;
	position: relative;
	height: 100%;
	padding: 70px 30px 0 30px;
	overflow: hidden;
}

/*
	FIXED MENU
*/
#menu
{
	width: 100%;
	height: 50px;
	position: fixed;
	top:0;
	left: 0;
	z-index: 5;
	text-transform: uppercase;
	font-size: 24px;
	text-align: right;
	background-color:White;
}
#menu a
{
	display: inline-block;
	height: 50px;
	padding: 0 10px;
	line-height: 50px;
	text-align: right;
	z-index: 5;
	position: relative;
	font-family:'LeagueGothicRegular';
	color:#304252;
	font-size:26px;
}

.active
{
	color:white !important;
}
#magic
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 50px;
	background-color:#79b6e4;
	z-index: 2;
	color:White !important;
}
#magic2
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 50px;
	background-color:#79b6e4;
	z-index: 1;
	opacity: 0.3;
	-moz-opacity: 0.3;
	-webkit-opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}
.ipad #menu .active
{
	background: #e02d45 !important;
}


@font-face {
    font-family:'LeagueGothicRegular';
    src: url('../webfonts/League_Gothic-webfont.eot');
    src: url('../webfonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/League_Gothic-webfont.woff') format('woff'),
         url('../webfonts/League_Gothic-webfont.ttf') format('truetype'),
         url('../webfonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}



/*
	ARROWS
*/
#home nav a
{
	bottom: 20px;
}
.pane nav a
{
	display: block;
	position: absolute;
	width: 74px;
	height: 74px;
	bottom: 65px;
	background-image: url(../images/next_prev.png);
	background-repeat: no-repeat;
	z-index: 3;
}
.pane nav a.previous
{
	left: 0;
	background-position: left center;
	display: none;
}
.pane nav a.next
{
	right: 0;
	background-position: -75px center;
	display: none;
}
.pane nav a.previous:hover, #services nav a.previous, #portfolio nav a.previous, #clients nav a.previous, #follow nav a.previous
{
	background-position: -150px center;
}
.pane nav a.next:hover, #services nav a.next, #portfolio nav a.next, #clients nav a.next
{
	background-position: -225px center;
}

/*
	PAGE: HOME
*/
#home
{
	padding: 0 !important;
	position: relative;
	margin-top: 50px;
}
#home li
{
	line-height: 0;
	overflow: hidden;
	position: absolute;
}
#home li > img
{
	position: absolute;
	width: 200%;
}
#home li.lacoste > img
{
	width: 100%;
}
.longchamp > img, .renault > img
{
	right: 0;
}
#home a
{
	color: #79b6e4;
}

.dior, .renault, .longchamp, .danone
{
	width: 30%;
	height: 50%;
	z-index: 1;
}
.dior, .renault
{
	top: 0;
}
.dior, .longchamp
{
	right: 40%;
}
.longchamp, .danone
{
	top: 50%;
}
.danone, .renault
{
	left: 0;
}
.lacoste
{
	width: 40%;
	height: 100%;
	right: 0;
	top: 0;
	background: #140f17;
}
.longchamp
{
	background: #202e49;
}
.renault
{
	background: #d5dce2;
}
#home li.danone
{
	background: #fff url(../images/bottom_left_home_page.jpg) no-repeat left bottom;
	line-height: normal;
	font-size: 46px;
	line-height: normal;
	text-align: right;
	color: #2a3742;
}
.one
{
	margin-top: 15px;
	font-family:Arial;
	color:#3f566b;
	font-size:30px;
	display:inline;
	line-height:2;
	font-weight:bold !important;
}
.two
{
	font-family:Arial;
	color:#79b6e4;
	font-size:30px;
	display:inline;
	margin-top: 15px;
	line-height:2;
	font-weight:bold !important;
}
.three
{
	font-family:Arial;
	color:#3f566b;
	font-size:22px !important;
	display:block !important;
	font-style:normal !important;
	text-transform:none !important;
}
.four
{
	font-family:Arial;
	color:#db382b;
	font-size:20px !important;
	display:block !important;
	text-transform:none !important;
	margin-top:10px !important;
}
.danone span
{
	display: inline;
	margin-right: 20px;
}
.more
{
	display: none;
	line-height: normal;
	position: absolute;
	font-style: italic;
	bottom: 0;
	background: url(../images/overlay.png);
	overflow: hidden;
	color: #fff;
	width: 100%;
	height: 100%;
	cursor:pointer;
}
.more img
{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: auto;
}
.more p
{
	padding: 20px;
	font-size:16px !important;
	font-style:normal !important;
}
.lacoste .more
{
	font-size: 20px;
}
#home li:hover .caption
{
	display: none;
}
.caption
{
	position: absolute;
	bottom: 0;
	line-height: normal;
	color: white;
	font-size: 20px !important;
	padding: 20px;
	text-align: right;
	display: block;
	width: 100%;
	font-family:Arial;
	font-weight:bold !important;
	right:10px !important;
}
.league-gothic-home
{
	color:#79b6e4;
	font-size:32px;
	font-family:Arial;
	font-style:normal !important;
	font-weight:bold !important;
}
.dior .caption
{
	font-size:32px;
	color:white;
}
.longchamp .caption
{
	font-size:32px;
	color:white;
	text-align:right !important;
	right:10px !important;
}
.longchamp .more
{
	text-align:left !important;
}
.renault .caption
{
	font-size:32px;
	color:#12191f;
}
.danone .caption
{
	font-size:32px;
	color:white;
}
.lacoste .caption
{
	font-size: 32px;
	color:white;
	font-family:Arial;
}
.danone .caption, .renault .caption
{
	color: white;
}

/*
	PAGE: ABOUT US
*/
#company
{
	background: #3d3c44 url(../images/02_company_background.jpg) no-repeat right;
	color: #fff;
}
.comp-1
{
	font-family:Arial;
	color:#ffffff;
	font-size:30px !important;
	line-height:1.2;
}
.comp-2
{
	font-family:Arial;
	color:#79b6e4;
	font-size:30px !important;
	text-transform:none !important;
	line-height:1.2;
}
#company h4
{
	color:#ffffff;
	font-family:Arial;
	font-size:16px;
	text-transform:none !important;
	display:block;
	line-height:1.5 !important;
}


.h4-comp
{
	color:#79b6e4;
	font-family:'LeagueGothicRegular';
	font-size:30px;
	display:inline;
}


#company .showhide
{
	width: 75%;
	float: left;
	margin-top:10px;
}
#company .award
{
	max-width: 363px;
	width: 23%;
	margin-left: 2%;
	float: left;
	position: relative;
}
.award img
{
	width: 100%;
	max-width: 363px;
	position: absolute;
	top: 0;
	left: 0;
}


.showhide li
{
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	border-bottom: 1px solid #81909e;
	padding: 15px 0;
	margin: 0;
	background: url(../images/unfold.png) no-repeat right 10px;
}
.showhide li.cross
{
	background: url(../images/cross.png) no-repeat right center;
}
.cross h3
{
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	color: #81909e;
}
#company h3:hover
{
	color: #fff;
}

/*
................................................... FOSTU CAREERS ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,
#services
{
	background: #fff url(../images/our_services.jpg) no-repeat right bottom;
	color: #000;
}
#services h2
{
	margin-bottom: 25px;
}
#web-expertise
{
	width: 48%;
	float: left;
}
.left
{
	float: left;
	width: 75%;
}
.ipadimg
{
	max-width: 655px;
	width: 50%;
	position: absolute;
	right: 0;
	bottom: 30px;
}
.galaxy
{
	margin-left: -30px;
	width: 23%;
	max-width: 231px;
	float: right;
	position: relative;
}
#webdev, #onlinemkt
{
	width: 25%;
	float: left;
	margin-left: 1%;
}
#services li
{
	background: url(/images/work_check.png) no-repeat left center;
	padding-left: 15px;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
}
#services li:hover
{
	color: #E02D45;
}
*/
/*
	PAGE: OUR WORK
*/
#portfolio
{
	background-color: #13181e !important;
	background:url(../images/03_portfolio_background.jpg) no-repeat right;
}
#portfolio #div-all
{
	margin-top:30px;
	background:#1a1c1f !important;
	
}
.activ-div
{
	display:block !important;
}

.inactiv-div
{
	display:none !important;
}

.div-comercial
{
	margin: 0 auto;
	margin-top:30px;
	background:#1a1c1f !important;
}
.div-campaign
{
	margin: 0 auto;
	margin-top:30px;
	background:#1a1c1f !important;
}
.div-documentary
{
	margin: 0 auto;
	margin-top:30px;
	background:#1a1c1f !important;
}
.div-scenes
{
	margin: 0 auto;
	margin-top:30px;
	background:#1a1c1f !important;
}
.div-arthouse
{
	margin: 0 auto;
	margin-top:30px;
	background:#1a1c1f !important;
}
#portfolio h5
{
	text-transform: uppercase;
	color: #555;
	font-size: 13px;
}
#portfolio h5 span
{
	text-transform: none;
	font-weight: normal;
	font-size: 13px;
	color: #ababab;
	display: block;
}

.project img
{
	width: 305px;
	height: 203px;
}

.project
{
	float: left;
	position: relative;
	z-index: 1;
	width: 305px;
	display: block;
	cursor:pointer;
	height:203px;
}
.project:hover .hover-port
{
	display:block;
}
.hover-port
{
	display: none;
	line-height: normal;
	position: absolute;
	font-style: italic;
	bottom: 0;
	background: url(../images/overlay.png);
	overflow: hidden;
	color: #fff;
	width: 100%;
	height: 100%;
}
.hover-port h2
{
	color:#79b6e4;
	font-family:Arial;
	font-size:20px;
	font-style:normal !important;
	margin-left:10px;
	margin-top:20px;
	line-height:1.2 !important;
	padding-bottom:0px !important;
	margin-bottom:0px !important;
	font-weight:bold;
}
.hover-port p
{
	color:white;
	font-family:Arial;
	font-size:15px;
	font-style:normal !important;
	margin-left:10px;
}




.portfolio-submenu
{
	width:100%;
	height:50px;
	text-align:right;
	position:absolute;
	z-index:12;
	background:#3d3c44;
	display:block;
	margin-top:-20px;
	font-family:'LeagueGothicRegular';
	text-transform:uppercase;
	color:White;
	font-size:26px;
	right:0.1px;
}
.portfolio-submenu span
{
	padding:5px 20px 5px 20px;
	line-height:50px !important;
	cursor:pointer;
}
.portfolio-submenu span:hover
{
	background:#79b6e4;
}
.port-active
{
	background:#79b6e4;
}






/* Page: Our Work, Shared styles with Media */
.project:hover, #livestream li:hover
{
	z-index: 3;
}
/*
.project:hover .shadowb, #livestream li:hover .shadowb
{
	position: absolute;
	display: block;
	width: 100%;
	height: 5px;
	background: #d0d5d8 url(../images/project_shadow.png) no-repeat left bottom;
	left: 0;
	bottom: 0;
}
.project:hover .shadowr, #livestream li:hover .shadowr
{
	position: absolute;
	display: block;
	width: 5px;
	height: 100%;
	background: #d0d5d8 url(../images/project_shadow.png) no-repeat right top;
	right: 0;
	top: 0;
}
*/

/* Page: Our Work, Modal */
.ui-widget-overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/overlay.png);
}
.ui-dialog
{
	position: absolute;
	background: #fff;
	color: #868686;
}
.ui-dialog h4
{
	text-transform: uppercase;
	color: #111;
}
.ui-dialog-content
{
	padding: 0 20px 20px;
}
.ui-dialog-content p
{
	font-size: 12px;
	line-height: 16px;
}
.ui-dialog .ui-dialog-titlebar
{
	position: relative;
	top: -30px;
	height: 22px;
}
.ui-dialog .ui-dialog-titlebar-close
{
	background: url(../images/close.png);
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	height: 22px;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
.ui-dialog .ui-dialog-titlebar-close:hover
{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
/* Page: Our Work, Modal, Contents */
dl
{
	float: left;
	width: 235px;
}
dt
{
	color: #e02d45;
	text-transform: uppercase;
	width: 60px;
	float: left;
	clear: both;
}
dd
{
	color: #4f4f4f;
	width: 150px;
	float: right;
}

.modal
{
	float: left;
	position: relative;
	display: none;
}
.worklogo
{
	bottom: 20px;
	position: absolute;
	right: 20px;
}

/* Page: Our Work, Modal, Carousel */
.viewer
{
	height: 370px;
	width: 450px;
	overflow: hidden;
	position: relative;
	margin-right: 15px;
	float: left;
}
.workimages
{
	position: absolute;
	top: 0;
	left: 0; /*width: 1800px;*/
}
.workimages img
{
	float: left;
	margin: 0;
}
.paging
{
	position: absolute;
	bottom: 0;
	overflow: hidden;
	width: 100%;
}
.paging a
{
	background-image: url(../images/work_slider.png);
	background-repeat: no-repeat;
	display: block;
	height: 13px;
}
.nextw
{
	background-position: right center;
	float: right;
	width: 39px;
}
.prevw
{
	background-position: left center;
	float: left;
	width: 37px;
}
/* Work and Clients pagination */
#div-all, #logo_container
{
	margin: 0 auto;
}
.previous_link, .next_link, .ellipse
{
	display: none !important;
}
.page_navigation, .page_navigation_2, .logo_navigation, .page_navigation_1, .page_navigation_3, .page_navigation_4, .page_navigation_5
{
	clear: both;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 17px;
	left: 0;
	bottom: 10px;
	text-align: center;
	z-index:999999999 !important;
}
.page_link
{
	background-image: url("../images/clients_tab.png");
	background-position: center bottom;
	height: 17px;
	margin-right: 10px;
	text-indent: -99999px;
	width: 17px;
	display: inline-block !important;
	text-align: center;
}
.active_page
{
	background-position: center top;
}
/*
	PAGE: OUR CLIENTS
*/
#clients
{
	color: #35434e;
	background: #3d3c44 url(../images/04_clients_background.jpg) no-repeat right;
}
#clients li
{
	float: left;
	width: 198px;
	height: 77px;
	margin: 0 20px 20px 0;
}
#clients span
{
	width: 178px;
	height: 57px;
	overflow: hidden;
	border: 1px solid #e3e3e3;
	display: inline-block;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	padding: 10px;
	position: relative;
	background: white;
}
#clients span:hover
{
	border: 1px solid #c9c9c9;
}
#clients span img
{
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	background: #fff;
	margin-top: -73px;
}
#clients span:hover img
{
	margin-top: 0;
}

#clients-tabs
{
	margin: 20px auto 0 auto;
}

/*
	PAGE: CAREERS
*/
#services
{
	background: #3f566b;
}
#services img
{
	z-index: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#services h2
{
	color: #fff;
	z-index: 2;
	position: relative;
	text-shadow: -1px 1px 1px #333;
}
#services ul
{
	color: #FFFFFF;
	margin: 10px 0;
	position: relative;
	width: 65%;
	margin-top:10px;
}
#services .showhide li
{
	border-color: #B0B1B6;
	position: relative;
	padding: 10px 0;
}
#services li h3:hover
{
	color: #fff;
}
.download
{
	background: url("../images/download_btn.png") no-repeat scroll 0 0 transparent;
	display: block;
	height: 24px;
	line-height: 28px;
	margin-top: 20px;
	padding-left: 29px;
	width: 120px;
	color: #333;
}
.download:hover
{
	color: #fff;
}
#services h3
{
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
}
#services .cross h3
{
	color: #ccc;
	font-size: 24px;
	line-height: 25px;
	margin-bottom: 0;
}
/*
	PAGE: CONTACT US
*/
#contact
{
	background: #3d3c44;
	color: #fff;
}
.contact-form-div
{
	width:100%;
}
.txtBoxForm
{
	background-color:White;
	height:25px;
	border:solid 1px #81909e;
	width:250px;
	line-height:25px;
	margin-top:5px;
}
.labelNameForm
{
	text-align:left;
	width:150px !important;
	float:left;
	margin-top:5px;
}
.txtAreaForm
{
	border:solid 1px #81909e;
	width:400px;
	height:70px !important;
}
.btnSubmit
{
	color:White;
	background-color:#79b6e4;
	border:solid 1px #81909e;
	cursor:pointer;
	height:30px;
	font-size:20px;
	padding:0px 10px;
	line-height:25px;
	margin-top:10px;
	font-weight:bold;
}

.korea
{
	margin: 0px auto;
}
.japan, .china
{
	overflow: hidden;
	border-bottom: 1px solid #F996A4;
}
.vcard
{
	font-size: 14px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	overflow: hidden;
}
.fn
{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
}
.japan .fn, .china .fn
{
	float: left;
	width: 25%;
	font-size: 10px;
}
.bilcom
{
	font-size: 14px;
	display: block;
}
.address
{
	float: right;
	width: 72%;
}
.postal
{
	float: left;
	width: 48%;
}
.qrcode
{
	float: right;
}





.map
{
	float: right;
	width: 48%;
	height: 70%;
}
#map_canvas, #map_canvas_kr
{
	width: 100%;
	height: 90%;
	background: #fff url(../images/helice_trans.gif) no-repeat center center;
}
.get-map
{
	height: 90px;
}
.get-map li
{
	padding: 10px;
	overflow: hidden;
}
.get-map a
{
	display: block;
	background-image: url(../images/map_links.png);
	background-repeat: no-repeat;
	height: 30px;
}

.gmaps
{
	background-position: left -30px;
	width: 163px;
	float: left;
	margin-top: -5px;
}
.gmaps:hover
{
	background-position: left top;
	width: 163px;
	float: left;
}
.email, .pdf
{
	width: 30px;
	margin-left: 13px;
	float: right;
}
.email
{
	background-position: -182px -30px;
}
.pdf
{
	background-position: -182px -93px;
}
.email:hover
{
	background-position: -182px -61px;
}
.pdf:hover
{
	background-position: -218px -93px;
}
.send-me
{
	display: none;
	background-position: -6px top;
}
.myemail
{
	background: #c7263c;
	border-left: 1px solid #aa2335;
	border-top: 1px solid #aa2335;
	border-right: 0;
	border-bottom: 0;
	padding: 6px 10px 8px 10px;
	margin: 0;
	color: #fff;
	width: 70%;
}
.send
{
	background: #2a3742;
	color: #fff;
	border-right: 1px solid #1f2931;
	border-bottom: 1px solid #1f2931;
	border-left: 0;
	border-top: 0;
	width: 20%;
	padding: 6px 0;
}
/*
	PAGE: MEDIA
*/
#follow
{
	background: #fff url(../images/media.jpg) no-repeat right bottom;
}
#livestream li
{
	width: 310px;
	float: left;
	position: relative;
	margin: 10px 0 5px 0;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	word-wrap: break-word;
}
#livestream li:hover
{
	margin: 5px 5px 10px -5px;
	background-color: #fff;
}
#livestream li p
{
	border-left: 1px solid #eaebec;
	margin-left: 50px;
	padding-left: 20px;
	padding-right: 15px;
}
#livestream li img
{
	margin: 0 auto 10px 0;
	min-width: 99%;
	max-width: 99%;
}
.date
{
	display: block;
	color: #999;
}
#follow .flickr
{
	background: transparent url(../images/follow_logos.png) no-repeat left top;
}
.flickr a
{
	display: block;
	height: 161px;
	overflow: hidden;
}
#follow .facebook
{
	background: transparent url(../images/follow_logos.png) no-repeat left -290px;
}
#follow .twitter
{
	background: transparent url(../images/follow_logos.png) no-repeat left -585px;
}
.socicon
{
	display: block;
	height: 25px;
	position: absolute;
	width: 40px;
}

/* Page: Media, Isotope */
.isotope, .isotope .isotope-item
{
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	transition-duration: 2s;
}

.isotope
{
	-webkit-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
}

.isotope .isotope-item
{
	-webkit-transition-property: all;
	-moz-transition-property: all;
	transition-property: all;
}

/* SMALL SCREENS */
.small #home li > img
{
	width: 150%;
}
.small #home li.danone, .landscape #home li.danone
{
	font-size: 32px;
}
.small .showhide li
{
	padding: 10px 0;
}
.small #careers .cross h3
{
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 0;
}
.small #services h2
{
	margin-bottom: auto;
}
.small .japan .fn, .small .china .fn
{
	font-size: 10px;
}
.small .japan, .small .china
{
	font-size: 11px;
	line-height: 13px;
}
.small .ipadimg, .landscape .ipadimg, .portrait .ipadimg
{
	display: none;
}
.small #menu, .portrait #menu
{
	font-size: 20px;
}
.portrait .dior, .portrait .longchamp
{
	display: none;
}
.portrait .renault, .portrait .danone
{
	width: 50%;
}
.portrait #home li > img
{
	width: 200%;
}
.landscape .galaxy, .portrait .galaxy
{
	display: none;
}
.landscape .left, .portrait .left, .portrait #web-expertise
{
	width: 98%;
}
.landscape #web-expertise
{
	width: 44%;
}
.landscape #webdev, .landscape #onlinemkt
{
	width: 27%;
}
.portrait #webdev, .portrait #onlinemkt
{
	width: 48%;
}
.portrait #careers img
{
	width: 100%;
}
.landscape #home li:hover .more, .portrait #home li:hover .more
{
	display: block;
}
.landscape .pane, .portrait .pane
{
	-webkit-transform: translate3d(0,0,0);
}
.small .bilcom
{
	font-size: 12px;
	display: block;
}
.portrait .japan .region:before, .landscape .japan .region:before
{
	content: "\A";
	white-space: pre;
}
.portrait .china .region:before
{
	content: "\A";
	white-space: pre;
}
.small #follow
{
	background: #fff none;
}

.japan .locality:before, .china .region:before
{
	content: "\A";
	white-space: pre;
}