/*
Theme Name:Les Misérables Landing
Theme URI:http://www.lesmis.com/
Description:Landing page for the Les Misérables site. Just contains a choice of which country site the user wants to visit.
Version:1.0
*/
@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background:transparent;
	border:0;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
body {
	line-height:1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
ol, ul {
	list-style:none;
}
blockquote {
	quotes:none;
}
blockquote:before, blockquote:after {
	content:'';
	content:none;
}
del {
	text-decoration:line-through;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a img {
	border:none;
}

* {outline:none}



.hiddenItems,
.mobi {
	display:none;
}

.clearfix:after {
	content:".";
	clear:both;
	width:100%;
	display:block;
	height:0;
	font-size:0;
	text-indent:-9999em;
}


html, body {
	height:100%;
	-webkit-font-smoothing:subpixel-antialiased;
}
body {
	font-family:"FSSLight", Arial, sans-serif;
	color:#666;
	font-size:62.5%;
	text-align:center;
	position:relative;
	background:#600 url(images/backgrounds/lp-clouds.jpg) center no-repeat;
	background-attachment:fixed;
	background-size:cover;
}




/*/////////////////////////////////// GENERIC LINKS ///////////////////////////////////*/
a {
	color:#900;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#000;
	text-decoration:none;
	outline:none;
}
a:active {
	color:#666;
	text-decoration:none;
	outline:none;
}




#wrapper {
	width:100%;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:relative;
	z-index:0;
	clear:both;
	display:block;
	background:#fff;
	margin:0 auto -170px;
	z-index:0;
	overflow:hidden;
}
.push {height:170px;}
.slideshow {
	width:1600px;
	height:630px;
	position:absolute;
	top:0;
	display:block;
	left:50%;
	margin-left:-800px;
}



/* -------------- containers -------------- */
.container {
	margin:0 auto;
	max-width:1140px;
	position:relative;
	display:block;
	clear:both;
}




/* -------------- landing page -------------- */
#landing #wrapper {
	background:transparent url(images/backgrounds/lp-bg.png) center bottom no-repeat;
}
#landing #cosette {
	width:550px;
	height:705px;
	position:absolute;
	background:url(images/backgrounds/lp-cosette.png) bottom right no-repeat;
	left:inherit;
	top:inherit;
	bottom:170px;
	right:0;
	margin-left:0;	
	z-index:0;
}
#landing #sg {
	padding-top:60px;
	max-width:544px;
	width:90%;
	position:relative;
	top:inherit;
	left:inherit;
	float:none;
	max-width:544px;
	height:685px;
	margin-left:75px;
	z-index:1;
}
#landing h1 {
	display:block;
	clear:both;
	position:relative;
	max-width:544px;
	width:100%;
	margin-bottom:40px;
}
#landing h1 img {width:100%}
#landing .slideshow {
	background:transparent;
	width:401px;
	height:150px;
	display:block;
	position:relative;
	margin:40px auto;
	left:inherit;
}
#landing .slide {
	width:400px;
	height:150px;
	position:relative;
	margin:0 auto;
}


#sg #region {
	min-height:36px;	
	width:100%;
	display:block;
	position:relative;
	font-family:'FSSBoldCond', Arial , sans-serif;
	font-weight:normal;
	color:#fff;
	line-height:1;
	font-size:32px;
/*	background:hotpink;*/
	margin-bottom:10px;
	vertical-align:top;
	text-transform:uppercase;
}
#sg #region span.inst {
	position:relative;
	display:inline-block;
	width:auto;
	top:0;
	height:36px;
	margin:0 2px !important;
	line-height:35px;
}
#sg #region #helper {
	position:relative;
	display:inline-block;
	width:200px;
	height:36px;
	margin:0 2px;
}
#sg #region .mobi {
	display:block;
	cursor:pointer;
	width:193px;
	height:34px;
	line-height:35px;
	border:1px solid #000;
	background:#fff;
	color:#000;
	text-align:left;
	padding-left:5px;
	position:relative;
}
#sg #region .mobi img { 
	vertical-align:top; 
	padding-top:8px;
	margin-right:9px;
	float:right;
}
#sg #region ul {
	display:none;
	position:absolute;
	top:0;
	z-index:30;
	right:0;
	border:1px solid  #000;
	-webkit-box-shadow:0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow:0 0 10px rgba(0,0,0,.5);
	box-shadow:0px 0px 10px rgba(0,0,0,.5);
	background:#fff;
	text-align:left;
	width:198px;
	opacity:0;
	margin-top:35px;
}
#sg #region ul li {
	padding:2px 5px;
	float:none;
	font-size:32px !important;
	clear:both;
	overflow:hidden;
	margin:0;
	line-height:1;
	margin:0;
	display:block;
	border:none;	
}
#sg #region ul li a {
	color:#000;
	display:block;
}
#sg #region ul li a:hover {
	color:#900;
}






#footer {
	margin:0 auto;
	width:100%;
	padding:20px 0 0;
	clear:both;
	height:150px;
	position:relative;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background:#000;
}
#footer li, #footer p {
	font-size:1.1em;
	margin:0;
	line-height:140%;
}
#footer a {
	color:#fff;
	text-decoration:none;	
}
#footer a:hover {
	color:#fff;
	text-decoration:underline;
}
#footer ul.info, #footer img {
	text-align:center;
	clear:both;
	margin-bottom:1.6em;
}
#footer ul.info li {
	display:inline;
	margin-right:6px;
	padding-right:9px;
	border-right:1px solid #d3bc01;
}




#olivier {
	display:none;
	/*position:relative; 
	z-index:1000; 
	float:right;
	margin-right:-180px;
	width:200px; 
	height:200px; 
	border-radius:100px;  
	box-shadow:3px 3px 6px rgba(0,0,0,0.6); 
	display:inline-block;*/
}

/* general */
.center { 
	text-align:center !important;
}
.right { 
	float:right; 
}
.left { 
	float:left; 
}
.red {
	color:#c00 !important;	
}
.blk {
	color:black;	
}

@media screen and (max-width:1024px) and (orientation:landscape) {
	.xmob {
		display:none;
	}
	#landing #cosette {
		right:0;
		z-index:-1;
		height:525px;
		background-size:contain;
	}
	#landing #region {
		z-index:100 !important;
	}
	#footer .container {
		width:94%;	
	}
	#landing #quotes {
		display:none;	
	}
}
@media screen and (max-width:959px) {
	.xmob {
		display:none;
	}
	#footer .container {
		width:94%;	
	}
}
@media screen and (max-width:940px) {
	.cosette {
		display:block;
		left:50%;
		margin-left:0;
		height:340px;
		top:160px;
		background-size:contain;
	}
}
@media screen and (max-width:768px) {
	#landing #cosette {
		right:0;
		height:525px;
		z-index:-1;
		background-size:contain;
	}
	#landing #sg {margin:0 auto;padding-bottom:175px;}
	#landing #quotes {margin-left:-70px;}
	#olivier {float:none;margin:25px auto 0;clear:both}

}
@media screen and (max-width:767px) {
	.slideshow,
	#footer ul {
		display:none;	
	}
	#landing #quotes {
		margin:40px auto !important;
	}
	#sg #region span.inst {
		display:block;
		width:100%;
		text-align:center;
		clear:both;
	}
	#sg #region #helper {
		display:block;
		clear:both;
		margin:0 auto;
	}
}
@media screen and (max-width:640px) {
	#landing #sg {
		min-height:475px;
		height:auto !important;
	}
	#landing #cosette,
	#footer ul{display:none;}
	#landing #quotes, #landing #quotes img { width:100%; }
}
@media screen and (max-width:400px) {	
	#footer ul,
	#footer img {display:none;}
}



.last {
	margin:0 !important;
	padding:0 !important;
	border:none !important;
	background:none;
}






/* MsM */
#quotes img {
	transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	
	transform:scale(0.1);
	-moz-transform:scale(0.1);
	-webkit-transform:scale(0.1);
	
	backface-visibility:hidden !important;
	-moz-backface-visibility:hidden !important;
	-webkit-backface-visibility:hidden !important;
}
#quotes img.active { transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); }