/** Generated by FG **/
@font-face {
	font-family: 'Conv_NeutraText-Demi';
	src: url('fonts/NeutraText-Demi.eot');
	src: local('☺'), url('fonts/NeutraText-Demi.woff') format('woff'), url('fonts/NeutraText-Demi.ttf') format('truetype'), url('fonts/NeutraText-Demi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



html,body{
font-family:'Conv_NeutraText-Demi',Sans-Serif;
	width:100%;
	height:100%;
	  text-transform:uppercase;
}


ol{
	color:#fff;
	z-index:10000;
	position:relative;
 }
 
li{
	color:#fff;
	z-index:10000;
	position:relative;
 }


a{
	color:#fff;
 }
 
 a:visited{
	color:#fff;
 }
 
  a:hover{
	color:#fff;
	text-decoration:none;
 }

	
.navigation{
	background-image: url("../images/bg-navi.png");
    background-repeat: repeat-x;
    color: #606060;
    float: right;
    font-size: 13px;
    height: 150px;
	width:100%;
    padding: 0;
    position: fixed;
    text-align: right;
    top: 0;	
    z-index: 10; }
	
	
.navigation ul
{
list-style-type:none;
margin:10px 10px 0 10px;
padding:0;
overflow:hidden;
float:right;

}
.navigation li
{
color:#606060;
float:left;
padding:10px;
-webkit-transition: all .2s ease-in-out;
}


.navigation li:hover,.active{
	cursor:pointer;
	color:#ccc;
}





.line{
	position:relative;
	top:41px;
	z-index:10;
	width:100%;
	margin:0 10px;
	
	
}

.lineinner{
	background-color:#fff;
	height:3px;
	border-radius:1px;
	box-shadow:1px 1px 0px #eee;
	margin-right:100px;
	margin-left:100px;

}

h2 
{

	font-size:16px;

	
	}

p 

{
font-size:13px;


	}





.logo{
position:absolute;
top:150px;
right:100px;
width:200px;
height:161px;
z-index:1;
}






.slide{
	background-attachment: fixed;
	width:100%;
	height:100%;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
	/* text-shadow: 0px 10px 10px rgba(0,0,0,0.3); */
}
.wrapper{
	width:960px;
	height:200px;
	margin:0 auto;
	position:relative;
/*  text-shadow: 0px 10px 10px rgba(0,0,0,0.3); */

	
}
.slideno{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:100px;
	font-weight:bold;
	color:rgba(255,255,255,0.3);
}
.button{
	display:block;
	width:50px;
	height:50px;
	position:absolute;
	bottom:0px;
	left:50%;
	background-color:#333333;
	background-image:url(../images/arrow.png);
}
.button:hover{
	background-color:#494949;
	cursor:pointer;
}


.fblogo{
	position:absolute;
	width:67px;
	height:67px;
	left:50px;
	bottom:120px;
	background-image:url(../images/fb-logo.png);
	background-repeat:no-repeat;
	
	
	
}


.fb{
	width:655px;
	color:#7C7C7C;
	text-transform:uppercase;
	size:500px;
	position: absolute;
	left:140px;
	bottom:110px;
	height:70px;
	overflow:hidden;
	font-weight:normal;
	font-size: 13px;
	
	
}

.fb h3 {
	color:#FFF;
	text-transform: uppercase;
	size:11px;
	font-weight:normal;
	margin-bottom:5px;
	width:350px;
	
}





.fb .avatar  {
	float:left;
	margin-right:10px;
	
}

.fb .entry a {
	color:#CCC;
	font-size:9px;
	
	
}

.fb .des  {
	margin-top:5px;
	font-size:9px;
	
}


.fb .des  a {
	position:absolute;
	height:1px;
	width:1px;
	top:1px;
	right:1px;
	overflow:hidden;

}

.fb .des .img {
	
	
}


.fb .date  {
	margin-top:5px;
	font-size:9px;
	margin-bottom:15px;
	
}


/******************************
 SLIDE 1 
*******************************/
#slide1{
background-image:url(../images/slide1/bg_01.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;	
	height:100%;
	min-height:630px;
	
}


#slide1 .content

{
	position:absolute;
	top:30%;
	left:0px;
	width:300px;
	left:50px;
	color:#fff;
	
	
	}



#slide1 .content h2 
{
	color:#f1ebd8;
	font-size:16px;

	
	}

#slide1 .content p 

{
font-size:13px;
line-height:22px;
margin-bottom:22px;

	}



/******************************
 SLIDE 2 
*******************************/

.plus-thin {
position:absolute;
top:235px;
left:290px;
z-index:2;
}




#slide2{
	background-image:url(../images/slide1/bg_02.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%
	
}
#slide2 .pohjapiirros{
    position: absolute;
    right: 20px;
    top: 350px;
}



#slide2 .content

{
	color: #FFFFFF;
    position: absolute;
    right: 0;
    top: 270px;
    width: 400px;
}

#slide2 .content h2 
{color:#f1ebd8;}

#slide2 .content p 

{
line-height:22px;
margin-bottom:22px;

	}




#slide2A{
	background-image:url(../images/slide1/keittio.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%
	
}
#slide2A .pohjapiirros{
    position: absolute;
    right: 20px;
    top: 350px;
}



#slide2A .content

{
	color: #FFFFFF;
    position: absolute;
    right: 0;
    top: 270px;
    width: 400px;
}

#slide2A .content h2 
{color:#f1ebd8;}

#slide2A .content p 

{
line-height:22px;
margin-bottom:22px;

	}
	
	
	
#slide2B{
	background-image:url(../images/slide1/sali.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%
	
}
#slide2B .pohjapiirros{
    position: absolute;
    right: 20px;
    top: 350px;
}



#slide2B .content

{
	color: #FFFFFF;
    position: absolute;
    right: 0;
    top: 270px;
    width: 400px;
}

#slide2B .content h2 
{color:#f1ebd8;}

#slide2B .content p 

{
line-height:22px;
margin-bottom:22px;

	}	
	
	
	
		
#slide2C{
	background-image:url(../images/slide1/lounge.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%
	
}
#slide2C .pohjapiirros{
    position: absolute;
    right: 20px;
    top: 350px;
}



#slide2C .content

{
	color: #FFFFFF;
    position: absolute;
    right: 0;
    top: 270px;
    width: 400px;
}

#slide2C .content h2 
{color:#f1ebd8;}

#slide2C .content p 

{
line-height:22px;
margin-bottom:22px;

	}	
	
	
	
	




#nav-example {
    background:url("../images/pohjapiirros-bg.png") no-repeat;
    width: 393px;
    height: 206px;
    margin: 0;
    padding: 0;
}

#nav-example li, #nav-example a {
    height: 206px;
    display: block;
}

#nav-example li {
    float: left;
    list-style: none;
    display: inline;
    text-indent: -9999em;
}

#nav-example-01 { width: 107px; }
#nav-example-02 { width: 193px; }
#nav-example-03 { width: 93px; }


#nav-example-01 a:hover { background:url("../images/pohjapiirros-bg.png") 0px -206px no-repeat; cursor:pointer; }
#nav-example-02 a:hover { background:url("../images/pohjapiirros-bg.png") -107px -206px no-repeat;  cursor:pointer; }
#nav-example-03 a:hover { background:url("../images/pohjapiirros-bg.png") -300px -206px no-repeat;  cursor:pointer; }



.current1 { background:url("../images/pohjapiirros-bg.png") 0px -206px no-repeat;}
.current2 { background:url("../images/pohjapiirros-bg.png") -107px -206px no-repeat; }
.current3 { background:url("../images/pohjapiirros-bg.png") -300px -206px no-repeat; }

	


/******************************
 SLIDE 3 
*******************************/
#slide3{
	background-image:url(../images/slide1/bg_03.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%;
	min-height:950px;
}
#slide3 .content iframe {
    width: 350px;
}


.plus-medium2 {
	margin-bottom:20px;
	

}




#slide3 .content

{
	color: #72604E;
    /* left: 70%; */
    position: absolute;
    top: 100px;
    width: 350px;
	right:-82px;
}

#slide3 .content h2 
{color:#fff;}

#slide3 .content p 

{
line-height:15px;
margin-bottom:22px;
font-size:12px;

	}







/******************************
 SLIDE 4 
*******************************/

#slide4{
		background-image:url(../images/slide1/bg_04.jpg);
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		width:100%;
		height:100%
	}
	
	
	
	.plus-medium3 {
	
	
    left: 200px;
    position: absolute;
    visibility: visible;
	z-index:20;
	

}

	

#slide4 .content

{
	color: #72604e;
    left: 200px;
    position: absolute;
    top: 180px;
    width: 350px;
}

#slide4 .content h2 
{color:#000;}

#slide4 .content p {
line-height:16px;
margin-bottom:22px;

}

/******************************
 SLIDE 5
*******************************/

#slide5 {
	background-image:url(../images/slide1/bg_05.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%
}
/*
#slide5 .parallaxbg{
	position:absolute;
	right:40px;
	top:200px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}

*/
#slide5 .content{
	color: #fff;
    left: 180px;
    position: absolute;
    bottom: 50px;
    width: 350px;
}
#slide5 .content h2 {
	color:#cfcec1;
}
#slide5 .content p {
	line-height:16px;
	margin-bottom:22px;
}
#slide5 .isologo{
    left: 550px;
    position: absolute;
    bottom: -100px;
	z-index:
}
#slide5 a{
	text-decoration:none;
}
#slide5 .kulma{
    position: absolute;
	left:-290px;
}
#slide5 .kulma-p{
    position: absolute;
	bottom:0px;
	left:0px;
}


/******************************
 SLIDE 6
*******************************/

#slide6 {
	background-image:url(../images/slide1/bg_06.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%
}
#slide6 .parallaxbg{
	position:absolute;
	right:40px;
	top:200px;
	font-size:28px;
	color:rgba(51,51,51,0.3);
}
/*1*/
.kolmio{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
.kolmio-1{
	position:absolute;
	top:0px;
	left:123px;
	z-index:1;
}
/*2*/
.kolmio-2{
	position:absolute;
	top:123px;
	left:0px;
	z-index:1;
}
.kolmio-3{
	position:absolute;
	top:123px;
	left:123px;
	z-index:1;
}
/*3*/
.kolmio-4{
	position:absolute;
	top:246px;
	left:0px;
	z-index:1;
}
.kolmio-5{
	position:absolute;
	top:246px;
	left:123px;
	z-index:1;
}
/*4*/
.kolmio-6{
	position:absolute;
	top:369px;
	left:0px;
	z-index:1;
}
.kolmio-7{
	position:absolute;
	top:369px;
	left:123px;
	z-index:1;
}
.kolmio-8{
	position:absolute;
	top:369px;
	left:246px;
	z-index:1;
}
/*5*/
.kolmio-9{
	position:absolute;
	top:492px;
	left:0px;
	z-index:1;
}
.kolmio-10{
	position:absolute;
	top:492px;
	left:123px;
	z-index:1;
}
.kolmio-11{
	position:absolute;
	top:492px;
	left:246px;
	z-index:1;
}
.kolmio-12{
	position:absolute;
	top:492px;
	left:369px;
	z-index:1;
}
/*6*/
.kolmio-13{
position:absolute;
top:615px;
left:0px;
z-index:1;
}
.kolmio-14{
	position:absolute;
	top:615px;
	left:123px;
	z-index:1;
}
.kolmio-15{
	position:absolute;
	top:615px;
	left:246px;
	z-index:1;
}
.kolmio-16{
	position:absolute;
	top:615px;
	left:369px;
	z-index:1;
}
.footer{
	position:absolute;
	bottom:50px;
	left:0px;
	z-index:1;
	background:#000;
	-khtml-opacity:.80; 
	-moz-opacity:.80; 
	-ms-filter:”alpha(opacity=80)”;
	filter:alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.8);
	opacity:.80; 
	width:100%;

}
.footer p {
	z-index:2;
	opacity:1;
	color:#FFF;
	margin:auto auto;
	padding:5px;
	text-align:center;
}
#iphonenav, .line-iphone{
	display:none;
}
/* atinyteam: tablet landscape mode */
@media screen and (min-width: 960px) and (max-width: 1200px) {
	#slide3 .content {
		right:0;
	}
	#slide4 .content {
		right: 0;
		left:auto;
	}
	#slide5 .isologo{
		right:0;
		left:auto;
		max-height:768px;
		top:0;
	}
	#slide5 .content {
		bottom: 50px;
		left: 150px;
	}
	
	html, body {
		height:auto;
	}
	.slide{
		background-size: 100% auto !important;
		background-position:center top !important;
		background-repeat:no-repeat !important;
		min-height:768px !important;
		background-attachment: scroll !important;
	}
	#slide1, #slide2, #slide2A, #slide2B, #slide2C, #slide4, #slide5{
		background-size: 1160px auto !important;
	}
	#slide3{
		min-height:980px !important;
		background-size: auto 980px !important;
	}
	#slide6{
		background-size: 1100px auto !important;
	}
	.navigation li span {
		margin: 0 !important;
	}
}

/* atinyteam: tablet portrait mode */
@media screen and (min-width: 760px) and (max-width: 958px){
	.fb{
		width:300px;
	}
	.wrapper {
		width: 100%;
	}
	#slide3 .content {
		right:0;
	}
	#slide4{
		height:596px!important;
		min-height:auto!important;
	}
	#slide4 .content {
		right: 0;
		left:auto;
	}
	#slide5 .isologo{
		right:0;
		left:auto;
		max-height:768px;
		top:0;
	}
	#slide5 .content {
		bottom: 50px;
		left: 150px;
	}
	
	html, body {
		height:auto;
	}
	.slide{
		background-size: 100% auto !important;
		background-position:center top !important;
		background-repeat:no-repeat !important;
		min-height:768px !important;
		background-attachment: scroll !important;
	}
	#slide1, #slide2, #slide2A, #slide2B, #slide2C, #slide5{
		background-size: 1160px auto !important;
	}
	#slide3{
		min-height:980px !important;
		background-size: auto 980px !important;
	}
	#slide6{
		background-size: 1100px auto !important;
	}
	.navigation li span {
		margin: 0 !important;
	}
	.navigation li {
		font-size: 11px;
		padding: 5px;
	}
}
/* atinyteam: mobile */
@media screen and (min-width: 300px) and (max-width: 590px){
	#iphonenav, .line-iphone{
		display:inline-block;
	}
	.navigation ul, .navigation .line{
		display:none;
	}
	.navigation li {
		padding: 10px 5px 0;
	}
	.navigation ul li span {
		margin: 0 !important;
	}
	#slide1 .logo {
		height: 100px;
		right: 10px;
		top: 60px !important;
		width: auto;
	}
	#slide1 .content {
		left: 10px;
		top: 80px;
	}
	#slide1 .fblogo {
		left: 10px;
	}
	#slide1 .fb {
		left: 90px;
		width: 200px;
	}
	.wrapper {
		width: 100%;
		height:auto;
	}
	#slide2A .content, 
	#slide2B .content {
		left: 10px;
		top: 90px;
		width: auto;
	}
	#slide2 .content{
		left: 10px;
		top: 270px;
		width: auto;
	}
	#slide2B .content{
		left: 10px;
		top: 30px;
		width: auto;
	}
	#slide2B .plus-thin {
		display: none !important;
	}
	#slide2C .content{
		top:300px;
		left: 10px;
		width: auto;
	}
	html, body {
		height:auto;
	}
	.slide{
		background-size: cover;
		background-position:center top !important;
		background-repeat:no-repeat !important;
		min-height:420px !important;
		background-attachment: scroll !important;
		/* overflow-x:scroll; */
	}
	/* #slide1, #slide2, #slide2A, #slide2B, #slide2C, #slide5{
		background-size: 480px auto !important;
	} */
	#slide1{
		background-size:auto 100%!important;
	}
	#slide2 {
		background-size: auto 100% !important;
		min-height: 420px !important;
		display:none;
	}
	#slide3{
		min-height:920px!important;
		overflow:hidden;
		background-position: -340px 0 !important;
	}
	#slide3 .content {
		right: 5px;
		top: 20px;
		width: 310px;
	}
	#slide3 .plus-medium2 {
		left: 40%;
		position: relative;
		top: 0 !important;
	}
	#slide3 .content iframe {
		width: 310px !important;
	}
	#slide1 .fblogo{
		bottom:10px;
	}
	#slide4 {
		background-position: -50px 0 !important;
		min-height: 560px !important;
	}
	#slide4 .content {
		left: auto;
		right:5px;
		top: 50px;
		width: 310px;
	}
	#slide4 .plus-medium3{
		left:48%;
	}
	#slide5 .kulma, #slide5 .isologo {
		display: none !important;
	}
	#slide5 .content {
		bottom: auto;
		left: 5px;
		top: 90px;
		width: 310px;
	}
	#slide6 img {
		display: none !important;
	}
	#slide1 .fb{
		bottom:10px;
	}
	.slide .plus-thin {
		left: 40%;
		top: 25px !important;
		width: 55px;
	}
	#slide2 .pohjapiirros, 
	#slide2A .pohjapiirros
	 {
		top: 100px;
		right:5px;
	}
	#slide2A {
		background-position: -120px 0 !important;
	}
	#slide2C .pohjapiirros{
		top:100px;
		right:5px;
	}
	#slide2B .pohjapiirros{
		top:100px;
		right:5px;
	}
	#slide2A .content {
		top: 90px;
		width: auto;
	}
	#slide2A .pohjapiirros {
		top: 230px !important;
	}
	#iphonenav{
		font-size:14px;
		width:100%;
		margin:15px 0 0;
		float:left;
	}
	.line-iphone{
		top:5px;
		position:relative;
		width: 100%;
	}
	.line-iphone .lineinner {
		margin: 0 30px;
	}
	#nav-example {
		background-repeat: no-repeat;
		background-size: 310px auto;
		height: 162px;
		overflow: hidden;
		width: 310px;
	}
	#nav-example li, #nav-example a {
		height: 162px;
	}
	#nav-example-01 {
		width: 84px;
	}
	#nav-example-01 a:hover, .current1 {
		background-size:310px auto;
		background-position:0 -162px;
	}
	#nav-example-02 {
		width: 152px;
	}
	#nav-example-02 a:hover, .current2 {
		background-size:310px auto;
		background-position:-84px -162px;
	}
	#nav-example-03 {
		width: 74px;
	}
	#nav-example-03 a:hover, .current3 {
		background-size:310px auto;
		background-position:-236px -162px;
	}
}





/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	/* #slide1{
		background-image: none !important;
		background-color:#605C5C;
	} */
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	/* #slide1{
		background-image: none !important;
		background-color:#605C5C;
	} */
}