.div {	border:1px red solid; 	}

body {	margin:0;  word-spacing:0.1em;  letter-spacing:0.07em;  background-color:hsl(210,100%,9%);
	font-family:"Lucida Sans", Tahoma, "Palatino Linotype", "Liberation Sans", "DejaVu Sans", "Bitstream Vera Sans", Arial, Helvetica, "sans-serif";   }
.kursiivifonttienvarasto { 	font-family:"Abyssinica SIL", "Liberation Serif", FreeSerif, Serif;	 }

td { 	padding:0;  vertical-align:top;  }
table { 	border-collapse:collapse;  empty-cells:show;}
img {	border:0;  display:block; }
* {	box-sizing:border-box; 	}
html {	scroll-behavior:smooth;	}


	.vihermusta {	background-color:hsl(186, 100%, 12%);	color:rgb(0,53,59); }
.sinimusta {	background-color:hsl(210,100%,9%);	color:rgb(0,22,44); }
	.vihrea {		background-color:hsl(153,50%,26%);	color:rgb(33,100,70); }
	.sininenkirkas {	background-color:hsl(212,100%,50%);	color:rgb(0,118,255); }
.harmaa {		background-color:hsl(0,0%,48%);	color:rgb(122,122,122); }
.imageylempi {	background-color:hsl(210,100%,9%); }
.imagealempi {	background-color:hsl(210,100%,22%);  }
.kuullontaustavari {	background-color:hsl(186,14%,56%);	color:rgb(127,155,158); 	}
.vasenala		{	color:hsl(204, 52%, 69%);	color:rgb(136,185,217);	}
.oikeayla		{	color:hsl(206, 100%, 87%);	color:rgb(187,226,255);	}


/*    perustekstit    */

.sivualue {	max-width:1920px;  margin:0 auto;  display:table; 	}
.imagealue { 	background:linear-gradient( hsl(210,100%,9%) , hsl(210,100%,22%) );  height:222px;  width:100%;  display:table;  position:relative;   }
.logokuva {	width:400px;  max-width:70%; margin:55px 0 0 5%; 	}



.leveeotsikko { 	padding:88px 11% 33px 11%;  margin:0; font-size:177%;  color:hsl(0,0%,0%);  color:hsl(0,0%,100%); font-weight:normal;  text-align:center; letter-spacing:0.1em;  line-height:155%;  }
p {		padding:22px 0 0 0;  margin:0; font-size:122%; color:hsl(0,0%,0%); color:hsl(0,0%,100%); line-height:166%;    }
.huomio {		padding:22px 33px;  margin:33px 0 0 0; font-size:177%;  text-align:center; color:hsl(0,100%,50%); color:hsl(0,0%,100%); line-height:144%;  
		border:1px hsl(0,0%,77%) dotted;   background-color:hsl(210,100%,15%); }
h1 {		padding:66px 0 0 0;  font-size:222%;  text-align:center;  font-weight:normal;   color:hsl(0,0%,100%);  }
h2 {		padding:44px 0 11px 0; margin:22px 0 22px 0;  font-size:144%;  text-transform:uppercase;   color:hsl(0,0%,100%);   }
h3 {		padding:0 0 0 0;   margin:0;  font-size:133%; color:hsl(0,0%,100%); }
.blanco {		margin:33px 5%;  text-align:center;  font-size:133%;	}

.valkealinkki {		line-height:166%; padding:2px 5px;  }  
.valkealinkki:link {	color:hsl(0,0%,100%);  text-decoration: underline; }  
.valkealinkki:visited {	color:hsl(0,0%,100%);  text-decoration: underline; }
.valkealinkki:hover {	color:hsl(20,100%,48%); background-color:hsl(0,0%,100%); text-decoration: none;  }




/*   navigointi    */

nav {		width:90%;  margin-top:44px;  margin-left:5%;  display:table;  }
ul { 		width:100%; list-style-type:none;  margin:0;  padding:0;  position:absolute;    }
li { 		display:inline-block;  float:left; text-align:center; 	 }			
li a { 		min-width:4em;  margin:0 0;  font-size:1.4em;  color:hsl(0,0%,100%);  
		text-decoration:none;  text-align:center;  display:block; 	padding:0.2em 1.4em;    }	
li:hover a { 	background:hsl(210,100%,15%);   }								
li ul { 		display:none; }											
ul li a:hover + .hidden, .hidden:hover { 	display:block; }
							
.nnvlink { 			display:none;	 }										
input[type=checkbox]{     		display:none;    -webkit-appearance:none; }				
input[type=checkbox]:checked ~ #menu{  	display:block;	 }	


.nnkele {	 	bottom:4px;  right:4px;  position:fixed;   }
.nnk:link { 	background-image:url(kuvat/nnkoy255.png);   }
.nnk:visited { 	background-image:url(kuvat/nnkoy255.png);     }
.nnk:hover { 	background-image:url(kuvat/nnkoy255.png);  background-color:hsl(210,100%,15%);  }
.nnk {	 	background-color:hsl(210,100%,22%);  border-radius:0px; height:50px;  width:50px;  background-size:30px;  background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }





/*    alueet    */


.aluevakio {	padding:0 7%;  position:relative;  width:100%;  display:table; }
.aluelevee {	padding:0;  width:100%;  display:table; }
.alinalue { 	background:linear-gradient( hsl(210,100%,22%) , hsl(210,100%,9%) );  width:100%; display:table;
		text-align:center; color:hsl(0,0%,48%);  font-size:99%;  padding:1.7em 77px;    }



.alueingressi {	padding:77px 9%;  width:100%;  display:table;   	}
.ingrvasen  {	width:45%;   margin:0 0 0 0;  float:left;    }
.ingroikea  {	width:35%;   margin:0 0 0 0;  float:right;   }
.ingrteksti {	padding:0;   margin:33px 0 11px 0px;  font-size:177%;  color:hsl(0,0%,100%);   line-height:200%;    }

.boxialue1 {	width:100%; margin:66px 0 0 0;  display:table;   } 

.boxialue2 {	width:100%;  display:flex;  justify-content:space-between;  flex-wrap:wrap;   } 
.boxi2 {		width:45%;  margin:66px 0 0 0;  padding:0;  position:relative;   }
.kuultoalue {	width:100%;  position:relative; 	}
.kuultootsikko {	margin:0px;  padding:0.4em 1em;  font-size:177%;  font-weight:normal;  text-align:center;  background-color:hsla(210,100%,9%, 0.5);  
		width:100%;  word-spacing:0.1em;  letter-spacing:0.08em; color:hsl(0,0%,100%); 	}
.taustahaalea {	background-color:hsla(0,0%,100%, 0.6);  	}

.taustawright { 	background-image:url(kuvat/taustawright.jpg); min-height:444px;  background-size:cover;  background-position:70% 50%;  background-repeat:no-repeat;   }
.taustafocus { 	background-image:url(kuvat/taustafocus.jpg); min-height:444px;  background-size:cover;  background-position:70% 80%;  background-repeat:no-repeat;   }

.taustainvestment {	background-image:url(kuvat/taustainvestment.jpg);  min-height:333px; background-size:cover;   background-repeat:no-repeat; background-repeat:no-repeat;  }
.taustacollective {	background-image:url(kuvat/taustacollective.jpg);  min-height:666px;  background-size:cover;   background-position:0 0;  max-width:666px; background-repeat:no-repeat; 
		border-width:33px 0 0 22px;  border-color:hsl(0,0%,100%);  border-style:solid; 	}
.taustaemmy {	background-image:url(kuvat/taustaemmy.jpg);  background-size:cover;   background-repeat:no-repeat; }
.taustanoiseless {	background-image:url(kuvat/taustanoiseless.jpg);  min-height:666px;  background-size:cover;  background-repeat:no-repeat;  }
.taustaqvistorp {	background-image:url(kuvat/taustaqvistorp.jpg);  min-height:444px; background-size:cover;  background-repeat:no-repeat;  }
.taustaplatina {	background-image:url(kuvat/taustaplatina.jpg);  min-height:444px;   background-size:cover;   background-repeat:no-repeat; }
.taustaactive  {	background-image:url(kuvat/taustaactive.jpg);  min-height:444px; background-position:center;   background-size:cover;  background-repeat:no-repeat;  }

.boxialue3 {	width:100%;  display:flex;  justify-content:space-between;  flex-wrap:wrap;   } 
.boxi3 {		width:30%;  margin:66px 0 0 0;  padding:0 0 0 0;    }

.logocollective {	width:40%; 	}
.logotaustacollective {	padding:11px 0 11px 22px;  background-color:hsl(0,0%,100%);	}
.logoemmy {	width:40%;            }
.logotaustaemmy {	padding:11px 0 11px 22px;  background-color:hsl(0,0%,88%);	}
.logonoiseless {	width:30%; 	}
.logoqvistrop {	width:50%; 	}
.logoplatina {	width:50%; 	}



.yhteyskuvalohko {	position:absolute;  bottom:55px;  left:7%; width:300px;  display:table;	}
.yhteyskuva {	width:300px;  display:table;		}
.yhteyskuvavasen {	width:300px;	}
.yhteyskuvaoikea {	margin-top:33px; width:300px;	}



/*    lohkot    */

.capiylin {  	background-image:url(kuvat/capiylin.jpg);  height:500px;  position:relative;  background-position:25% 0%; 
		background-attachment:fixed;  background-repeat:no-repeat;  background-size:1920px;  } 
.capi2 { 		background-image:url(kuvat/capi2.jpg);  height:600px;  position:relative;  background-position:50% 0%; 
		background-attachment:fixed;  background-repeat:no-repeat;  background-size:1920px;  }
.capi3 { 		background-image:url(kuvat/capi3.jpg);  height:600px;  position:relative;  background-position:50% 70%; 
		background-attachment:fixed;  background-repeat:no-repeat;  background-size:1920px;  }
.capi4 { 		background-image:url(kuvat/capi4.jpg);  height:600px;  position:relative;  background-position:50% 0%; 
		background-attachment:fixed;  background-repeat:no-repeat;  background-size:1920px;  }
.capi5 { 		background-image:url(kuvat/capi5.jpg);  height:600px;  position:relative;  background-position:70% 0%; 
		background-attachment:fixed;  background-repeat:no-repeat;  background-size:1920px;  }
.capialin { 	background-image:url(kuvat/capialin.jpg);  height:666px;  position:relative; background-position:45% 20%; ; 
		background-attachment:fixed;  background-repeat:no-repeat;  background-size:1920px;  }

.caption { 	margin-top:33px;  position:absolute; left:0px; top:55px; width:100%;  text-align:center; color:hsl(0,0%,100%); }
.slogan {		padding:0;   font-size:222%; width:100%;  margin:0 auto;  padding:0.8em 2em; color:hsl(0,0%,92%);  
		background:linear-gradient(90deg , transparent , hsl(210,100%,9%) , transparent ) ;
		word-spacing:0.12em;  letter-spacing:0.1em;  text-transform:uppercase; 	}


.thinktalk {	margin-top:77px;  font-size:222%;  font-family:Cinzel, serif; font-family: 'Cinzel', serif;   	}








@media screen and (max-width :1200px)	{	/*	======================================================================	*/

.sivualue {	max-width:1200px;	}
nav {		right:14px;  top:14px;  margin-top:0; width:90%;  position:absolute;  z-index:111;  
		position:absolute;  max-width:333px;  background:transparent;  height:auto;  }
ul {		margin-top:14px; position:static;  display:none; }
li {		margin:0;	float:right; }
ul li a {		padding:2em 1em 1.8em 1em;  margin:0; height:auto;     }
li:hover a {	  	}
ul li, li a {  	width:100%;  text-align:center; background:linear-gradient( hsl(210,100%,9%) , hsl(210,100%,22%) );  }


.nnv:link {	background-image:url(kuvat/nnv255.png);       }
.nnv:visited {	background-image:url(kuvat/nnv255.png);        }
.nnv:hover {	background-image:url(kuvat/nnv255.png);  background-color:hsl(210,100%,15%);     }
.nnv {	 	float:right;  
		background-image:url(kuvat/nnv255.png); background-color:hsl(210,100%,22%); 
		height:50px;  width:50px;  background-size:30px;  margin-bottom:0px;   
		background-repeat:no-repeat;  background-position:50% 50%;  display:block;  text-decoration:none;  }


.alueingressi {	padding-top:11px;  padding-bottom:11px;   	}
.ingrvasen  {	margin:66px 0 0 0;  width:100%;    }
.ingrteksti {	margin:11px 0;  font-size:122%;   }
.ingroikea  {	width:100%;  margin:33px auto;  padding-top:11px;  padding-bottom:22px;      }
.ingrotsikko {	font-size:144%;     }
.ingrpamp {	padding:0px 0px 0px 7%;  margin:11px 0;   font-size:122%;     }

.aluevakio {	padding:0 5%;   }


.leveeotsikko { 	font-size:188%;  }
p { 	font-size:111%;  }
.blancoh3 {	display:none; 	}
.pamp	 {	font-size:111%;    }


.boxi2 {		width:100%; }
.oikeaensin {	flex-direction:column-reverse;  }
.pilari {		margin-top:0; 	}
.pilaripieni {	margin-top:33px; 	}

.kuultootsikko {	font-size:144%;   	}
.taustateksti1 {	transform:translateY(0%);	}
.pilariv {	padding-bottom:0;	}
.pilario {	padding-top:0;  margin-top:0;	}
.valiotsikko2 {	margin-top:66px; 	}


.taustacollective {	min-height:666px;  }
.taustaemmy {	min-height:666px;  }

.boxi3 {		width:100%; }


.yhteysalue3 {	flex-direction:column;   padding: 77px 3%;   } 
.yhteysboxi1 {	padding:33px 2% 33px 5%;  margin:22px auto;  width:100%;  max-width:666px;  }
.yhteysboxi2 {	padding:33px 2% 33px 5%;  margin:22px auto;  width:100%;  max-width:666px;  }
.yhteysboxi3 {	margin:22px auto;  width:100%;  max-width:666px;  }


.capiylin {  	height:666px;  background-attachment:scroll;  } 
.capi2 { 		height:444px;  background-attachment:scroll;  } 
.capi3 { 		height:444px;  background-attachment:scroll;  } 
.capi4 { 		height:444px;  background-attachment:scroll;  } 
.capi5 { 		height:444px;  background-attachment:scroll;  } 
.capialin { 	height:600px;  background-attachment:scroll;  }
.slogan  {	font-size:177%; 	}


				}	/*	========================================	*/











@media screen and (max-width :666px)	{	/*	======================================================================	*/
.sivualue {	max-width:666px;	}
.slogan  {	font-size:133%; 	}	
.aluevakio {	padding:0 3%;   }
.leveeotsikko { 	font-size:144%;  }

				}	/*	========================================	*/







/*	kestotietoa 	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/

.vaaleaotsikko {	color:hsl(0,0%,100%);    }

.ypadiso { 	padding-top:66px; }
.ypadpieni { 	padding-top:33px; }
.ypadnolla { 	padding-top:0; }
.apadiso { 	padding-bottom:66px; }
.apadpieni { 	padding-bottom:33px; }
.apadnolla { 	padding-bottom:0; }

.ymargiso { 	margin-top:66px; }
.ymargpieni { 	margin-top:33px; }
.ymargnolla { 	margin-top:0; }
.amargiso { 	margin-bottom:66px; }
.amargpieni { 	margin-bottom:33px; }
.amargnolla { 	margin-bottom:0; }

.vasemmalle {	text-align:left; }
.keskelle {	text-align:center; }
.oikealle {	text-align:right; }
.kuvakeskelle {	margin-left:auto;  margin-right:auto; }

.haiveviiva33 { 	height:1px;  width:66%;  margin:33px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,77%) , transparent );   }
.haiveviiva60 { 	height:1px;  width:66%;  margin:66px auto 0 auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,77%) , transparent );   }
.haiveviiva06 { 	height:1px;  width:66%;  margin:0px auto 66px auto; background: linear-gradient( 90deg, transparent , hsl(0,0%,77%) , transparent );   }


.liukupystymalli { 	background:linear-gradient( hsl(111,80%,40%) , hsl(111,80%,100%) ); }
.taustakuvamalli {	background-image:url(kuvat/taustakuva.jpg);  background-size:cover;  background-position:0 0;   min-height:555px;  }

.levee100 {	width:100%; }
.yhdessa {	white-space: nowrap;   }
.fontti {    	font-family:'Alfa Slab One'; 	}
.levee100 {	width:100%;  }
.erotin {		width:100%;  height:1px;  display:block;  }
.eimarginaalia {	margin-right:0;   }








/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/
/*	======================================================================	*/
/*	========================================================================================================================	*/
/*	========================================================================================================================	*/
/*    perustekstit	==============================================================================================================	*/
/*    alueet	==============================================================================================================	*/
/*    logo ingressi	==============================================================================================================	*/
/*    navigointi	==============================================================================================================	*/
/*    boxit	==============================================================================================================	*/
/*    erikoisboxit	==============================================================================================================	*/
/*    capi	==============================================================================================================	*/
/*    yhteydet	==============================================================================================================	*/
/*    harvinaiset	==============================================================================================================	*/

@media screen and (max-width :111px)	{	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/
	}	/*	oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo	*/	
/*	CSS: portaat 1480, 1230, 900, 700, 500-300, FF sallii tarkistuksen 450px näytöllä 	*/

/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/
/*	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++	*/