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



* {
	box-sizing: border-box; 	*behavior: url(../css/boxsizing.htc);
	-moz-box-sizing: border-box;
	margin:0;
	padding:0;
}
img,
iframe {
	display:block;
	border:none;
	max-width:100%;
}
a, input[type="button"] { 
	cursor:pointer;
	text-decoration:none;
	transition:opacity .3s linear;
}
p a,
table a {
	color:black;
	padding:10px;
}
p a:hover,
table a:hover {
	opacity:.5;
}
.clear {
	clear:both;
}

html,
body {	
	height:100%;
}

body {
	background:black;
	color:black;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	-webkit-font-smoothing:antialiased;
}
#logo {
	_width:120px;
	width:95px;
	display:inline-block;
}
.main {
	height:80%;
	height:calc(100% - 115px);
	margin:0 auto;
	text-align:center;
	padding:0 10px;
}
.table {
	display:table;
}
.table-row {
	display:table-row;
	height:33%;
}
.table-cell {
	display:table-cell;
	position:relative;
}
.table-cell.middle {
	vertical-align:middle;
}
.home .table-cell.middle {
	padding-top:10%;
}
.table-cell.bottom {
	vertical-align:bottom;
}
.footer {
	height:115px;
	background-color:white;
	color:black;
	position:absolute;
	left:0;
	bottom:0;
}
.footer #text {
	font-family:"Times New Roman", Times, serif;
}


.brand .main {
	height:100%;
	_padding-bottom:10%;
	padding-bottom:5%
}
.brand p {
	margin-top:42px;
}
.lykys p {
	margin-top:10%;
}

a {
	color:rgb(100,100,100);
}
h1 {
	text-align:center;
	font-size:48px;
	margin-bottom:0;
}
h2 {	
	text-align:center;
	color:white;
	font-size:13px;
	margin-top:40px;
	font-family:baskerville_old_faceregular,serif;
	letter-spacing:1.2px;
}
p {
	font-size:12px;
	line-height:18px;
}
.button {
	float:right;
	background:rgb(150,150,150);
	color:white;
	margin-right:0;
	padding:5px 15px !important;
	font-size:13px;
}

.footer {
	bottom:0;
	width:100%;
	text-align:center;
	padding:20px 20px 15px 30px;
}
.footer a {
	transition:opacity, .3s, linear;
}
.footer > div {
	height:100%;
	float:left;
}
#logos {
	width:75%;
}
#logos a {
	display:block;
	float:left;
	background-size:contain;
	-moz-background-size:cover;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	background-position:center;
	background-repeat:no-repeat;
	height:100%;
	margin: 0 8%;
}
#logos a:hover {
	opacity:.7;
}

a.gynse { 
	background-image:url(../images/logo/gynse_logo.png);
	width:11%;
}
a.leslampadaires { 
	background-image:url(../images/logo/leslampadaires_logo.png);
	width:25%;
}
a.niccasu { 
	background-image:url(../images/logo/niccasu_logo.png);
	width:16%;
}



#content {
	width:25%;
	padding-top:4px;
}
#content table {
	height:70px;
	width:100%;
	font-size:10px;
	border-collapse:collapse;
}
#content table td a {
	line-height:0;  /* helps align EN + ZH */
}
#content table td.left {
	border-right:solid 1px;
	text-align:right;
	width:50%;
}
#content table td.right {
	text-align:left;
	padding-left:10px;
	width:50%;
}
#content table td.top { vertical-align:top; }
#content table td.bottom { vertical-align:bottom; }

.social {
	width:100%;
	height:26px;
	margin-top:6px;
	position:absolute;
	bottom:0;
	left:0;
}


.social a {
	display:inline-block;
	height:100%;
	width:15%;
	_float:left;
	background-size:contain;
	-moz-background-size:contain;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	background-position:center;
	background-repeat:no-repeat;
}
.social a:hover {
	opacity:.5;
}
.social .pinterest { background-image:url(../images/icons/icon-pinterest.png) }
.social .facebook { background-image:url(../images/icons/icon-facebook.png) }
.social .twitter { background-image:url(../images/icons/icon-twitter.png) }
.social .instagram { background-image:url(../images/icons/icon-instagram.png) }





.slide {
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-color:white;
}
.main .text {
	width:210px;
	margin:0 auto;
}

.slide.lykys .footer {
	background-color:black;
	padding:20px;
}
.slide.brand .footer {
	background-color:white;
}
.slide.lykys .footer .logo{
	width:100%;
	height:100%;
	background-image:url(../images/logo/lykys_logo_white.png);
	background-size:contain;
	-moz-background-size:cover;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	background-repeat:no-repeat;
	background-position:center;
}
.slide#contact .table-cell {
	padding-bottom:46px;
}
.text p:first-child {
	margin-top:0;
}
.slide .social {
	margin:10px auto;
	_width:250px;
}


.slide .logo {
	margin:0 auto;
}
.slide#gynse .logo {
	width:75px;
}
.slide#leslampadaires .logo {
	width:190px;
}
.slide#niccasu .logo {
	width:140px;
}



a.closeX {
	position:absolute;
	z-index:2;
	top:0;
	right:0;
	width:40px;
	height:40px;
	background-image:url(../images/ui/closeX.png);
	background-size:20px;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	background-position:center;
	background-repeat:no-repeat;
}
a.closeX:hover {
	opacity:.5;
}


.home #logo,
.home h2,
.footer.home {
	opacity:0;
}


#preloader { display:none; }
#phoneMenu { display:none; }



@media(max-width:767px){
.footer.home { position:relative; }
#phoneMenu {
	display:block;
	width:100%;
	font-family:baskerville_old_faceregular,serif;
	font-size:14px;
	text-align:center;
	height:10px;
	position:absolute;
	top:-30px;
	left:0;
}
#phoneMenu a {
	display:inline-block;
	margin:0 15px;
	color:white;
}
#logos {
	width:100%;
}


.footer #content {
	display:none;
}

}

@media(max-width:500px){
.main { height:calc(100% - 95px); }
.footer { height:95px } 


.footer.home { padding:2% }
#logos a { margin:0 5%; }
a.gynse {  width:14%; }
a.leslampadaires { width:34%; }
a.niccasu { width:22%; }

.brand br { display:none }
.slide .main  { padding-left:50px; padding-right:50px; }
}

.credit { display:none }