/* DOMAIN: julnie.lu */

:root{
	--blue:#61a9d3;
}



@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@300,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300&display=swap');

body																									{ background:#FFF; color:#555; font-family:'Work Sans', sans-serif; font-size:18px; font-weight:300; line-height:1.35em; letter-spacing: 0.01em; }
body																									{ font-size: calc(0.7vw + 0.9vh + .4vmin); }

textarea																							{ font-size:14px; }

h1, h2, h3																						{ font-family:'Assistant', sans-serif; font-weight:300; letter-spacing:0.025em;margin:1.2em auto 0.6em; text-transform:uppercase; }
h1																										{ font-size:2em; }
h2																										{ font-size:1.6em; }
h2:after																							{ border-bottom:2px solid var(--blue); content:""; display:inline-block; margin-left:1em; width:2em; }
h3																										{ color:#272727; font-size:1.4em; }

h1:first-child,
h2:first-child,
h3:first-child																				{ margin-top:0; }

strong																								{ font-weight:400; }

a, a:active, a:focus																	{ border-bottom:1px dotted var(--blue); text-decoration:none; color: inherit; }
a:hover																								{ border-bottom:1px solid var(--blue); color:var(--blue); text-decoration:none; }

img.pull-left																					{ margin:2px 15px 15px 0; }
img.pull-right																				{ margin:2px 0 15px 15px; }

header																								{ display:none; }

p																											{ margin-bottom: 0.75em; }
p:last-child																					{ margin-bottom:0; }


/* LOGO */
.logo																									{ color:var(--blue); display:none; font-family:'Assistant', sans-serif; font-weight:300; letter-spacing:0.025em; font-size:34px; letter-spacing:0.035em; position:absolute; top:0; left:10px; line-height:60px; text-transform:uppercase; }
.logo img																							{ height: 30px; position: absolute; top:15px; }

/* NAVIGATION */
.navbar-default																				{ background:rgba(0,0,0,0.5); border:0 none; border-radius:0; box-shadow:none; height:60px; min-height:0; position:fixed; width:100%; z-index:10; }
.navbar-default a																			{ border:none; }
.navbar-toggle                                        { display:block !important; }

.cus_nav                                              { background:rgba(0,0,0,0.5); border-top:1px solid #000; display:none; overflow:hidden; position:relative; top:60px; }
.cus_nav ul                                           { list-style:none; margin:0 !important; padding:0 !important; }
.cus_nav ul > li                                      { text-align:center; }
.cus_nav ul > li:hover                                { background:rgba(100,100,100,0.4); }
.cus_nav ul > li > a									                { color:var(--blue); font-size:1em; display:block; font-family:'Assistant', sans-serif; font-weight:300; letter-spacing:0.035em; padding:0.5em 0; text-shadow:none; text-transform:uppercase; }
.cus_nav ul > li > a:hover						                { color:var(--blue); }

.menu-toggle                                          { background:transparent; border:0; height:30px; padding:0; position:absolute; top:15px; right:10px; width:30px; }
.menu-toggle .icon-bar                                { background:var(--blue); display:block; height:2px; margin-bottom:8px; }
.menu-toggle .icon-bar:last-child                     { margin-bottom:0; }



/* CONTENT */
.content .textblock																		{ padding:5%; }
.content .form																				{ }
.content .gmap																				{ height:400px; }


/* HOME */
#fullpage .section																		{ background:no-repeat center; background-size:cover; }
#fullpage .section																		{ /*text-shadow:0 0 10px #000, 0 0 30px #000;*/ }

#fullpage .section.s1																	{ background:#000; /*background-image:url('/_res/pages/1.jpg');*/ color:#FFF; font-size: calc(1vw + 1vh + 1vmin); text-align:center;	}
#fullpage .section.s1 h1															{ color:#FFF; line-height:0.5em; position:absolute; text-shadow:0 0 5px #000, 0 0 10px #000, 0 0 20px #000, 0 0 30px #000; bottom:15%; width:90%; }
#fullpage .section.s1 h1 em														{ font-size:0.5em; font-style:normal; }
#fullpage .section.s1 h1 strong												{ font-size:0.3em; font-weight:400; }
#fullpage .section.s1 h1 img.text-logo								{ filter: drop-shadow(0 0 0.75rem #000); max-width: 400px; width: 50%; }
#fullpage .section.s1	p																{ bottom:15%; line-height:1.5em; position:absolute; width:90%; }

#fullpage .section.s1 .crossfade											{ bottom:0; left:0; position:absolute; right:0; top:0; }
#fullpage .section.s1 .crossfade > figure							{ /*animation-name:fade; animation-duration:12s; animation-iteration-count:infinite;*/ backface-visibility:hidden;
																												background-size:cover; background-position:center center;
																												height:100%; left:0px; opacity:1; position:absolute; top:0px; width:100%; z-index:0; }

#fullpage .section.s1 .crossfade > figure:nth-child(1)		{ background-image: url('/_res/slides/slide-10.jpg'); }
/*#fullpage .section.s1 .crossfade > figure:nth-child(2)		{ animation-delay:6s; background-image: url('/_res/slides/slide-11.jpg'); }*/

@keyframes fade {
	0%			{ opacity:0; }
	/*16.67%	{ opacity:1; }
	50%			{ opacity:1; }
	66.67%	{ opacity:0; }*/
	100%		{ opacity:1; }
}

#fullpage .section.s2																	{ background-image:url('/_res/pages/2.jpg'); }

#fullpage .section.s3																	{ background-image:url('/_res/pages/3_2.jpg'); }

#fullpage .section.s4																	{ background-image:url('/_res/pages/4.jpg'); }

#fullpage .section.s5																	{ background-image:url('/_res/pages/5.jpg'); }



#fullpage .section.s2 .textblock,
#fullpage .section.s3 .textblock,
#fullpage .section.s4 .textblock,
#fullpage .section.s5 .textblock											{ background:rgba(0,0,0,0.5); color:#FFF; position:relative; }

#fullpage .section.s2 .textblock h3,
#fullpage .section.s3 .textblock h3,
#fullpage .section.s4 .textblock h3,
#fullpage .section.s5 .textblock h3										{ color:var(--blue); }

#fullpage .section.s2 .textblock											{ bottom:-10vh; }
#fullpage .section.s3 .textblock											{ bottom:-5vh; }
#fullpage .section.s4 .textblock											{ bottom:-15vh; }


#fullpage .section.s5 .parent													{ background:rgba(0,0,0,0.5); display:flex; bottom:-10vh; position:relative; }
#fullpage .section.s5 .textblock											{ background:transparent; width:50%; }
#fullpage .section.s5 .textblock:nth-child(2)					{ right:0; align-self:end; }

#fullpage .section.s5 .textblock em										{ color:#BBB; font-size: 0.75em; font-style: normal; font-weight: 400; text-transform: uppercase; }




/* FORM */
.content .form .req label:after												{ color:red; content:" *"; }
.content .form input.email														{ display:none; }


/* FOOTER */
footer																								{ background:rgba(0,0,0,0.5); bottom:0; color:#FFF; position:fixed; width:100%; }
footer .container																			{ font-size:10px; padding:0.3em 0; text-align:center; }

@media (max-width: 767px){
	
	


	/*
	#fullpage .section.s2																{ background-size:200%; }
	#fullpage .section.s4																{ background-size:200%; }
	*/
}

@media (min-width: 768px){
	.navbar-brand 																			{ display:none; }
	.logo																								{ left:30px; }
	.menu-toggle																				{ right:30px; }
	
	/*
	#fullpage .section.s2 .textblock,
	#fullpage .section.s3 .textblock										{ background:rgba(0,0,0,0.5); margin-right:50%; padding-right:2%; }
	*/

}


@media (min-width: 992px){
	/*
	#fullpage .section.s2																	{  background-size:90%; }
	*/
}

@media (min-width: 1200px){
	/*
	#fullpage .section.s2																	{  background-size:80%; }
	*/
}