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

body {
    background: #fff;
    padding: 0;
	margin: 0;
   }
 
/*-----------------------------------------------------------------------------------*/
    /*	Etukuva 
/*-----------------------------------------------------------------------------------*/

.esittely {
	height: 100%;
	width:100%;
    overflow:hidden;
	}
	
.bg-big {
	background: url('images/etukuva.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: left;
	top: 35%;
    right: 0;
    bottom: 0%;
    left: 0;
    margin: 20px;
    max-width: 850px;
	}
	
.etu-title {
	font-family: 'Righteous', cursive;
	text-transform:uppercase;
	font-size:6.5em;
	font-weight:100;
	line-height:1;
	padding-bottom:25px;
	padding-top:25px;
	color:#fff;
	text-align:left;
	}
	
.esittely h2 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:1.6em;
	font-weight:100;
	color:#1FA1DB;
	line-height:2;
	}

.esittely p {
	font-family: 'Pontano Sans', sans-serif;
	font-size:1.6em;
	font-weight:100;
	line-height:1;
	padding-bottom:20px;
	color:#fff;
	text-align:left;
	text-transform:uppercase;
	}
	
.esittely span:before {
    content: "";
    display: block;
    background: url("images/soita.png") no-repeat;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 0px 0 0;
	}
	

.big {
	font-size:2.5em;
	}
	
.esittely img {
	margin:0 auto;
	max-width:100%;
	display:block;
	float:left;
	padding:0px;
	}

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

.merkki{
	background-image: url("images/soita.png");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 50px; 
	padding-top:0px;
	height:40px;
	display:block;
	font-family: 'Righteous', cursive;
	}

/*-----------------------------------------------------------------------------------*/
    /*	huolto-ja-korjaus
/*-----------------------------------------------------------------------------------*/

.huolto-ja-korjaus {
	padding:115px 30px;
	text-align:left;
	background-color:#F6F7F7;
	}

h1 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2em;
	font-weight:100;
	line-height:1.2;
	color:#000;
	padding-bottom:10px;
	padding-top:10px;
	}
	
h1:before {
    content: "";
    display: block;
    background: url("images/oikein.png") no-repeat;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 6px 0 0;
	}
	
.huolto-title {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2em;
	font-weight:100;
	line-height:1.2;
	color:#000;
	padding-bottom:10px;
	padding-top:10px;
	}	
	
.huolto-title:before {
    content: "";
    display: block;
    background: url("images/oikein.png") no-repeat;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 6px 0 0;
	}
	
.huolto-ja-korjaus h2 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:1.6em;
	font-weight:100;
	line-height:2;
	color:#1FA1DB;
	padding-top:0px;
	}

.huolto-ja-korjaus p {
	font-family: 'Pontano Sans', sans-serif;
	font-size:1.5em;
	font-weight:100;
	line-height:1.2;
	padding-bottom:20px;
	color:#151515;
	}
	
.huolto-ja-korjaus span:before {
    content: "";
    display: block;
    background: url("images/soita.png") no-repeat;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 6px 0 0;
	}
	
.puhelinkehys {
	background-color:#5498DD;
	padding:20px;
	display:table;
	margin-top:20px;
	}

	
.huolto-ja-korjaus img {
	max-width:100%;
	margin:0 auto;
	display:block;
	}
	
.left {
	padding-left:50px;
	}
	
.vasen {
	margin-left:50px;
	}
	
.up {
	padding-top:20px;
	}

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

.laatikko-bg {
	background-color:#fff;
	border:1px solid #E7E7E7;
	padding:20px;
}

.harmaa-bg {
	background-color:#F6F7F7;
	border:1px solid #F6F7F7;
	padding:20px;
}

/*-----------------------------------------------------------------------------------*/
    /*	kalustonhuolto
/*-----------------------------------------------------------------------------------*/

.kalustonhuolto {
	padding:100px 30px;
	text-align:left;
	background-color:#F6F7F7;
	}
	
.kalustonhuolto h1 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2em;
	font-weight:100;
	line-height:1.2;
	color:#000;
	padding-bottom:10px;
	padding-top:10px;
	}
	
.kalustonhuolto h1:before {
    content: "";
    display: block;
    background: url("images/oikein.png") no-repeat;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 6px 0 0;
	}
	
.kalustonhuolto h2 {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2em;
	font-weight:100;
	line-height:1.4;
	color:#1FA1DB;
	padding-top:0px;
	}

.kalustonhuolto span:before {
    content: "";
    display: block;
    background: url("images/soita.png") no-repeat;
    width: 50px;
    height: 50px;
    float: left;
    margin: 0 6px 0 0;
	}

.kalustonhuolto p {
	font-family: 'Pontano Sans', sans-serif;
	font-size:1.5em;
	font-weight:100;
	line-height:1.2;
	padding-bottom:20px;
	color:#151515;
	}
	
.kalustonhuolto img {
	display: block;
	margin:0 auto;
	max-width: 100%;
	}

.kehys {
	background-color:#fff;
	padding:20px;
	margin:10px;
	border:1px solid #D8D7D8;
	}
	
.keke {
	padding:20px;
	}

.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;}

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

/*-----------------------------------------------------------------------------------*/
    /*	yhteydet
/*-----------------------------------------------------------------------------------*/

.yhteydet {
	padding:100px 0px;
	text-align:center;
	background-color:#000;
	}
	
.yhteystiedot-title {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:2.5em;
	font-weight:100;
	line-height:1.2;
	padding-bottom:15px;
	padding-top:20px;
	color:#fff;
	text-transform:uppercase;
	}
	
.pad-left50 {
	padding-left:50px;
	}

.yhteydet p {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:1.5em;
	font-weight:100;
	line-height:1.2;
	padding-bottom:20px;
	color:#fff;
	}
	
.yhteydet img {
	max-width:100%;
	margin:0 auto;
	display:block;
	}

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

/*-----------------------------------------------------------------------------------*/
    /*	tiedote
/*-----------------------------------------------------------------------------------*/

.vali-title {
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:3.5em;
	font-weight:100;
	line-height:1;
	text-align:center;
	padding-top:225px;
	}
	
.valitiedote p {
	font-family: 'Pontano Sans', sans-serif;
	font-size:1.5em;
	font-weight:100;
	line-height:1;
	text-align:center;
	padding-top:25px;
	}

/*-----------------------------------------------------------------------------------*/
    /*	Scrolli ylös
/*-----------------------------------------------------------------------------------*/
   
 .ylos {
    width: 60px;
    height: 60px;
    position: fixed;
    bottom: 20px;
    right: 30px;
    display: none;
    text-indent: -9999px;
    background: url('images/up.png') no-repeat;
    }
	
/*-----------------------------------------------------------------------------------*/
    /*	contacti lomakemenot
/*-----------------------------------------------------------------------------------*/
	
#contact-form {
	background:#ECECEC;
	padding:25px;
}

#contact-form label span {
	cursor:pointer;
	color:#595301;
	display:block;
	margin:5px 0;
	font-weight:100;
	font-family: 'Righteous', cursive;
	font-size:1.4em;
	line-height:1;
}
#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="url"],
#contact-form textarea {
	width:100%;
	box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-webkit-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	-moz-box-shadow:inset 0 1px 2px #DDD, 0 1px 0 #FFF;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
	
}
#contact-form input[type="text"]:hover,
#contact-form input[type="email"]:hover,
#contact-form input[type="tel"]:hover,
#contact-form input[type="url"]:hover,
#contact-form textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}
#contact-form textarea {
	height:100px;
	max-width:100%;
}
#contact-form button[type="submit"] {
	cursor:pointer;
	width:100%;
	border:none;
	background:#056183;
	color:#FFF;
	margin-top:20px;
	padding:20px;
	font-size:1.3em;
	font-family: 'Righteous', cursive;
}
#contact-form button[type="submit"]:hover {
	background:#056D94;
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}
#contact-form button[type="submit"]:active {
	box-shadow:inset 0 1px 3px rgba(0,0,0,0.5);
}
#contact-form input:focus,
#contact-form textarea:focus {
	outline:0;
	border:1px solid #999;
}
::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

input.check { display: none; }	
	
/*-----------------------------------------------------------------------------------*/
    /*	Kartta
/*-----------------------------------------------------------------------------------*/

.kartta {
	margin:0em;
	}
	
.kartta iframe {
	width:100%;
	min-height:400px;
	}
	
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:400px; 
   top:400px; 
   margin-top:-400px; 
}


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

.copyright {
	padding:10px 0 ;
	background-color:#fff;
	margin:1em;
	text-align:center;
	}

.copyright p {
	font-family: 'Ubuntu Condensed', sans-serif;
    font-weight: 100;
	font-size:1.2em;
	line-height:1;
	padding:20px;
	color:#000;
	}
			
			
/*-----------------------------------------------------------------------------------*/
    /*	mobiili + tablet menot
/*-----------------------------------------------------------------------------------*/

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

.slogan {
    position: absolute;
	text-align: left;
	top: 28%;
	}
	
.etu-title {
	font-size:5.5em;
	}

}


@media only screen and (max-width: 1024px)  {
	
.etu-title {
	font-size:5.5em;
	}
	
.esittely p {
	font-size:1.2em;
	}
		
.slogan {
    position: absolute;
	text-align: left;
	top: 30%;
	}
	
.huolto-ja-korjaus {
	padding:115px 5px;
	text-align:left;
	background-color:#F6F7F7;
	}
	
h1 {
	font-size:1.5em;
	}

.huolto-title {
	font-size:1.5em;
	}	

.huolto-ja-korjaus p {
	font-family: 'Pontano Sans', sans-serif;
	font-size:1.1em;
	font-weight:100;
	line-height:1.2;
	padding-bottom:20px;
	color:#151515;
	}	
	
.kalustonhuolto {
	padding:100px 5px;
	}
	
.kalustonhuolto p {
	font-size:1.1em;
	}
	
.kalustonhuolto h1 {
	font-size:1.5em;
	}
		
.left {
	padding-left:20px;
	}
}

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

.logo {
	width:160px;
	font-size:1em;
	padding-left: 0px;
	}
	
.slogan {
    bottom: 25%;
    }
	
.puhelinkehys {
	background-color:#5498DD;
	padding:15px;
	display:table;
	margin-left:20px;
	}

.etu-title {
    font-size:1.8em;
	padding-bottom:25px;
	padding-left:0px;
	text-align:center;
    }
	
.esittely p {
	font-size:1em;
	text-align:center;
	}
	
.esittely h2 {
    font-size:1.5em;
	padding-left:0px;
	text-align:center;
    }

.huolto-ja-korjaus {
	padding:50px 0px;
	text-align:left;
	}
	
.left {
	padding:0px;
	}

h1 {
	font-size:1.2em;
	padding:10px;
	}
	
.vasen {
	margin-left:0px;
	}
	
.huolto-ja-korjaus h2 {
    font-size:1.5em;
	padding-left:0px;
	text-align:center;
	}

.huolto-ja-korjaus p {
	font-size:1em;
	padding:15px;
	}
	
.palvelut {
	padding:50px 0px;
	}
	
.kalustonhuolto {
	padding:100px 0px;
	}
	
.kalustonhuolto h1 {
	font-size:1.5em;
	}
	
.kalustonhuolto h2, .info h2 {
	font-size:1em;
	}
	
.kalustonhuolto img {
	margin-bottom:30px;
	}
	
.info img {
	margin-top:30px;
	}

.kalustonhuolto p {
	font-size:1.2em;
	}
	
.kehys {
	padding:10px;
	}
	
.yhteydet  {
    margin:0em;
	text-align:center;
	}
	
.yhteystiedot-title {
    font-size:2em;
	}
	
.yhteydet p {
    font-size:1.3em;
	}
	
.pad-left50 {
	padding-left:0px;
	}
	
.copyright p {
	font-weight: 100;
	font-size:1.1em;
	}
	
.keke {
	padding:0px;
	}
	
.palveluryhmat h1 {
    font-size:1.5em;
	}
	
.palveluryhmat p {
    font-size:1.3em;
	}
	
.vali-title {
	font-size:2em;
	padding-top:175px;
	}

}