/*-----------------------------------------------------------------------------------*/
    /*	Perusmenot 
/*-----------------------------------------------------------------------------------*/


body, html {
    background: #fff;
    padding: 0;
	margin: 0;
   }
   
 p {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: normal;
    color: #000;
   }

.lomake {
	font-family: 'Merriweather Sans', sans-serif;
	background-clip: padding-box;
	background-color: #E2930B;
	color: #FFF;
	border-radius: 4px;
	border: none;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	font-size: 0.8em;
	cursor: pointer;
	margin: 10px 0;
	padding:30px;
	height: 50px;
	font-weight: 100; 		/*	Vaihdettu 100 */
	text-shadow: none;
	text-transform: uppercase;
	width: 98%;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	
.lomake:hover {
	color: #FFF;
	background: #EF9D0D;
	}

/*-----------------------------------------------------------------------------------*/
    /*	Etukuva 
/*-----------------------------------------------------------------------------------*/


.esittely {
	height: 100%;
	width:100%;
    overflow:hidden;
	}
	
.bg-big {
	background: url('images/etutausta.jpg');
    background-size: cover;
	height: 100%;
	width:100%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: leaves 40s ease-in-out infinite alternate;
    animation: leaves 40s ease-in-out infinite alternate;
	}
	
.bg-nosto {
	background: url('images/nostopalvelut-tausta.jpg');
    background-size: cover;
	height: 100%;
	width:100%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: leaves 40s ease-in-out infinite alternate;
    animation: leaves 40s ease-in-out infinite alternate;
	}
	
.bg-kunnossapito {
	background: url('images/kunnossapito-tausta.jpg');
    background-size: cover;
	height: 100%;
	width:100%;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: leaves 40s ease-in-out infinite alternate;
    animation: leaves 40s ease-in-out infinite alternate;
	}

.slogan {
	position: absolute;
	text-align: center;
	top: 0;
    right: 0;
    bottom: 0%;
    left: 0;
    margin: auto;
    width: 100%;
	height: 100px;
    }

	
.esittely h1 {
	font-family: 'Heebo', sans-serif;  
	text-transform:uppercase;
	font-size:7em;
	font-weight:600;
	line-height:1;
	padding-bottom:5px;
	color:#fff;
	}
	
.esittely img {
	padding-bottom:25px;
	}
	
.esittely p {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2em;
	font-weight:100;
	line-height:1;
	padding-bottom:35px;
	color:#fff;
	}

.aloita-nuoli {
    position: absolute;
    right: 0;
    bottom: 50px;
    left: 0;
    text-align: center;
    margin: auto;
    width: 100%;
    height: 50px;
}

.esittely img {
	display: block;
	margin: auto;
	max-width: 100%;
}

/*-----------------------------------------------------------------------------------*/
    /*	yritys
/*-----------------------------------------------------------------------------------*/

.yritys {
	padding:100px 0px;
	background-color:#6EA4EA;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-align:center;	
	}

	
.yritys p {     
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2.3em;
	padding-top:15px;
	font-weight:100;
	color:#fff;
	text-transform:uppercase;
	margin:15px;
	line-height:1.2;
	}

.yritys h1 {  
	font-family: 'Heebo', sans-serif; 
	font-size:5em;
	text-transform:uppercase;
	color:#fff;
	padding-bottom:35px;
	padding-top:35px;
	margin-bottom:20px;
	}
	
.yritys h3 {      
	font-family: 'Ubuntu Condensed', sans-serif;  
	text-transform:uppercase;
	font-size:3.5em;
	font-weight:100;
	color:#fff;
	line-height:1;
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
	margin-left:15px;
	}

/*-----------------------------------------------------------------------------------*/
    /*	palvelut
/*-----------------------------------------------------------------------------------*/

.palvelut {
	padding:0px 0px;
	background-color:#fff;
	font-family: 'Source Sans Pro', sans-serif;   
	text-align:center;
	}

.line {
    width: 20%;
	color:#fff;
    }

hr {
	 border: 1px solid rgb(255, 255, 255);
	}
	
.palvelut p {     
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:1.3em;
	padding-bottom:15px;
	font-weight:100;
	color:#6E6E6E;
	margin:15px;
	line-height:1.5;
}

.palvelut h1 {      
	font-family: 'Heebo', sans-serif;  
	text-transform:uppercase;
	font-size:4.5em;
	font-weight:600;
	color:#6596DE;
	line-height:1;
	text-align:center;
	padding-bottom:20px;
	padding-top:35px;
	margin-left:15px;
	}
	
.palvelut h2 {      
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2em;
	font-weight:100;
	color:#6E6E6E;
	line-height:1;
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
	margin-left:15px;
	}
	
.palvelut h3 {      
	font-family: 'Ubuntu Condensed', sans-serif; 
	text-transform:uppercase;
	font-size:2em;
	font-weight:100;
	color:#fff;
	line-height:1;
	text-align:center;
	padding-bottom:20px;
	padding-top:20px;
	margin-left:15px;
	}
	
.palvelut a {      
	color:#fff;
	}
	
.call {
	background-color:#EC9B00;
	padding:15px;
	color:#fff;
	margin-top:30px;
	}
	
.ylaraja {
	margin-top:75px;
	}

.taso-sisa {
	padding:40px;
	}

.link A:link {color:#fff;text-decoration:none;}
.link A:visited {color:fff;text-decoration:none;}
.link A:active {color:#fff;text-decoration:none;}
.link A:hover {color:#fff;text-decoration:underline;}

.link2 A:link {color:#fff;text-decoration:underline;}
.link2 A:visited {color:#fff;text-decoration:underline;}
.link2 A:active {color:#fff;text-decoration:underline;}
.link2 A:hover {color:#fff;text-decoration:none;}

.link3 A:link {color:#6E6E6E;text-decoration:none;}
.link3 A:visited {color:#6E6E6E;text-decoration:none;}
.link3 A:active {color:#6E6E6E;text-decoration:none;}
.link3 A:hover {color:#6E6E6E;text-decoration:underline;}

/*-----------------------------------------------------------------------------------*/
    /*	Kuva-title
/*-----------------------------------------------------------------------------------*/

.kuva-title {
	padding:100px 0px;
	background-color:#6EA4EA;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-align:center;	
	}

.kuva-title h1 {  
	font-family: 'Heebo', sans-serif; 
	font-size:5em;
	text-transform:uppercase;
	color:#fff;
	padding-bottom:35px;
	padding-top:35px;
	margin-bottom:20px;
	}

/*-----------------------------------------------------------------------------------*/
    /*	Galleria
/*-----------------------------------------------------------------------------------*/

.galleria {
	margin:0em;
}

.popup-gallery { width: 100%; overflow: hidden;}
.popup-gallery a { float: left; display: inline; width: 25%; display: block; background: #fff;}
.popup-gallery img { width: 100%; max-width: 100%; height: auto; padding:0.2em; } 
.popup-gallery a:hover img { opacity:.3; filter:alpha(opacity=30);} 


/*-----------------------------------------------------------------------------------*/
    /*	yhteystiedot
/*-----------------------------------------------------------------------------------*/

.yhteystiedot {
	padding:90px 0px;
	background-color:#6EA4EA;
	font-family: 'Open Sans Condensed', sans-serif; 
	text-align:center;	
	}

.yhteystiedot p {     
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2em;
	padding-bottom:15px;
	font-weight:100;
	color:#fff;
	padding:15px;
	line-height:1.2;
}

.yhteystiedot h1 {     
	font-family: 'Heebo', sans-serif; 
	font-size:4.5em;
	text-transform:uppercase;
	color:#fff;
	padding-bottom:35px;
	padding-top:45px;
	}


.yhteysboxi {     
	font-family: 'Work Sans', sans-serif;
	text-transform:uppercase;
	font-weight:600;
	color:#fff;
	background-color:#265283;
	padding:30px;
}

/*-----------------------------------------------------------------------------------*/
    /*	yhteydenotot
/*-----------------------------------------------------------------------------------*/

.yhteydenotot {
	padding:100px 20px;
	background-color:#6EA4EA;
	font-family: 'Open Sans Condensed', sans-serif; 
	text-align:center;	
	}

.yhteydenotot p {     
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2em;
	padding-bottom:15px;
	font-weight:100;
	color:#fff;
	padding:15px;
	line-height:1.3;
}

.yhteydenotot h1 {     
	font-family: 'Heebo', sans-serif; 
	font-size:2em;
	text-transform:uppercase;
	color:#fff;
	padding-bottom:25px;
	padding-top:45px;
	}

/*-----------------------------------------------------------------------------------*/
    /*	copyright
/*-----------------------------------------------------------------------------------*/

.copyright {
	padding:50px 0 ;
	margin:1em;
	text-align:center;
	}

.copyright p {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-weight: 100;
	font-size:1.5em;
	line-height:1;
	padding:20px;
	color:#6E6E6E;
	}

	
/*-----------------------------------------------------------------------------------*/
    /*	Scrolli ylös
/*-----------------------------------------------------------------------------------*/
   
 .ylos {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 20px;
    right: 30px;
    display: none;
    text-indent: -9999px;
    background: url('images/up.png') no-repeat;
    }
	
/*-----------------------------------------------------------------------------------*/
    /*	Footer
/*-----------------------------------------------------------------------------------*/

.footer {
	padding:50px 0px;
	background-color:#fff ;
	text-align:center;
}
	
/*-----------------------------------------------------------------------------------*/
    /*	animaatiot
/*-----------------------------------------------------------------------------------*/

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/*-----------------------------------------------------------------------------------*/
    /*	mobiili + tablet menot
/*-----------------------------------------------------------------------------------*/

@media only screen and (min-width:768px) and (max-width:1269px) {
}

@media only screen and (max-width: 1024px)  {
	
	.esittely h1 {
	font-size:5em;
	}
	
	.palvelut h1 {
		font-size:2.2em;
		padding-top:10px;
	}
	
	.palvelut h2 {
		font-size:1.1em;
	}
	
	.palvelut p {
		font-size:1.1em;
	}
	
	.palvelut a {
		font-size:0.8em;
	}
	
	.yhteydenotot h1 {
		font-size:1.2em;
	}
	
	.yhteydenotot p {
		font-size:1.2em;
		
	}
	
	.ylaraja {
		margin-top:0px;
	}
	
}
@media only screen and (min-width:0px) and (max-width:767px) {
}
 
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (max-width: 767px) {
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

@media only screen and (max-width: 480px)  {

.logo {
	font-size:1.2em;
	padding-top: 5px;
	}
	
.slogan {
    bottom: 25%;
    }
.esittely {
	height:500px;
	}

.aloita-nuoli {
	display:none;
	}

.esittely h1, .yhteydet h1 {
	font-size:2em;
	}
	
.kuva-title h1 {
	font-size:1.9em;
	}
	
.palvelut h1 {
	font-size:2em;
	}
	
.palvelut a{
	font-size:0.7em;
	}
	
.yritys h1 {
	font-size:1.8em;
	line-height:1.5;
	}
	
.yritys p {
	font-size:1.3em;
	}

.yhteystiedot h1 {
	font-size:1.5em;
	}
	
.yhteydenotot h1 {
	font-size:1em;
	}
	
.yhteydenotot p {
	font-size:1.2em;
	}

.taso-sisa {
	margin-top:30px; 
	}

.galleria {
	margin:0em;
}

	
.nav-collapse ul {
	font-size: 0.8em;
	}


}