@import url(http://fonts.googleapis.com/css?family=Asap|Oxygen);
@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700);


/* ---- OMAT ---- */

.clearfix {
	display:block;
	clear: both;
}


/* TEKSTILAATIKKO */

.textbox {
	background: #E4E4E4;
	padding: 10px;
	color: #333;
	border: 1px solid #ddd;
	font-size: 14px;
}

.textbox h2 {
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 400;
}

/* NOSTOT */

a.nosto {
	font-family: 'Asap', sans-serif;
	text-transform: uppercase;
	border: 2px solid;
    border-radius: 25px;
	background: #42005E;
	display: block;
	width: 90%;
	padding: 7px;
	color: #fff;
	text-align: center;
}

a.nosto:hover {
	background: #8C4FB6;
	text-decoration: none;
}


/* ---- TAUSTAKUVA JA -VÄRI ---- */

body {
	font-family: 'PT Sans Narrow', sans-serif;
	background: #ddd url(pics/airioja.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#header, #wrapper, 
.sliderWrapper .layer-content .layer-contentContent,
.footerCenter {
	background: rgba(255, 255, 255, 0.85); 
}


/* ---- NAVIGAATIO ---- */

.mobileNavigation { background: #590576; }

.normalNavigationContainer ul li a:hover,
.normalNavigationContainer ul li a.open {
	background: #42005E;
}

.header-link a, .normalNavigationContainer ul li a.open {
	color: #fff;
}


/* ---- FONTIT ---- */

#header .companyphone1:before{color:#fff;}

h1, h2, h3, h4 { color: #333; }

p, li, em{ color:#000; }

strong{	color:#555;}


/* LINKIT */

a {
	outline: none;
	text-decoration: none;
	color: #590576;
}

a:hover { text-decoration: underline; }
a img {	border: 0; }


/* OTSIKOT  JA SISÄLTÖTEKSTIT */

h1, h2, h3, h4, p, li {
	font-weight: normal;
	margin: 0;
	padding: 0;
}

h1 {
	font-family: 'Asap', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	font-size: 2rem;
	line-height: 1.2em;
	padding-top:10px;
	padding-bottom: 10px;
}

h2 {
	font-family: 'Asap', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	font-size: 1.5em;
	line-height: 1.2em;
	padding-top:10px;
	padding-bottom: 10px;
}

h3 {
	font-family: 'Asap', sans-serif;
	font-weight: 400;
	text-transform:uppercase;
	font-size: 1.5em;
	line-height: 1.4em;
	margin: 0;
	padding:0.5em 0 0;
}

p {
	font-size:1.05rem;
	font-weight: 400;
	margin: 0;
	padding: 5px 0;
	line-height:1.4em;
}

li { font-size:1.05rem; }

em { font-size:1.2rem; }


/* ---- RAKENNE ---- */

html, body {
	margin: 0;
	min-width: 100%;
	min-height: 100%;
	padding: 0;
	font-size:15px;
}


/* WRAPPER */

#wrapper {
	position:relative;
	box-shadow:0 0 10px 0 rgba(0,0,0,.2);
	-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.3);
	-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.3);
	min-height: 100px;
	width:100%;
	max-width:1200px;
	margin:0 auto;
}


/* ---- HEADER ---- */

#header {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.navigaatio {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.logoCenter{
	padding:2.5em 0 2.5em 1em;
	max-width:1100px;
	margin:0 auto;
}

.logo img {
	height: auto;
	width:100%;
	max-width:280px;
}

/* KESKITETTY LOGO

.logo img {
    height: auto;
    width: 100%;
    max-width: 280px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    display: block;
}*/


/* HEADER CALL - DESKTOP */

.header-call{
	position:absolute;
	right:80px;
	top:50px;
	text-align: right;
}
.header-call p{
	color:#fff;
	font-weight: 400;
	font-size:1.5rem;
	padding-bottom:0;
}
.header-call a{
	color:#590576;
	font-family: 'Asap', sans-serif;
	font-size:1.7em;
	font-weight: 400;
}
.header-call a:hover{
	color:#590576;
	font-family: 'Asap', sans-serif;
	font-size:1.7em;
	font-weight: 400;
	text-decoration: none;
}

#header .companyphone1:before{
	content:'Ota yhteyttä';
	font-family: 'Asap', sans-serif;
	font-weight:400;
	color: #444;
	font-size: 1.3em;
}

.companyphone1Output:before {
	content: url(pics/icon_mobile_phone.png);
	padding-right: 5px;
}

/* HEADER PHONE - mobiilin click-to-call 
   Painike sijoitettu mobiilinavigaatiopalkkiin */

.header-phone {
	display:none;
	width: 100%;
	position:relative;
	float:right;
	z-index:5;
}

.header-phone a{
	position:absolute;
	top:13px;
	right:10px;
	padding:10px;
	background:#8C4FB6;
	color: #fff;
	font-family: 'Asap', sans-serif;
	font-size: 1em;
	font-weight: 400;
}

.header-phone a:hover {
	text-decoration: none;
}

.header-phone a:before {
	content: url(pics/icon_mobile_phone_white.png);
	padding-right: 5px;
}


/* --- BANNERI ---- */

.banner {position:relative;}
.banner img{
	width:100%;
	height:auto;
}

/* ---- CONTENT - SISÄLTÖ ---- */

#content {
	padding:0;
	min-height: 100px;
	max-width:1100px;
	margin:0 auto;
}

#column1, #column2 {
	float:left;
	padding:2em 3%;
}

#column1{
	width:65%;
}

#column2 {
	width:35%;

}

#main {	
	width:100%;
	padding:0; 
}

/* COLUMNS */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-nosto {
	padding:0em 2.5%;
	float:left;
}

.col-1{ width: 8.3%; 	}
.col-2{ width: 16.66%; 	}
.col-3{ width: 25%; 	}
.col-4{ width: 33.33%; 	}
.col-5{ width: 41.66%;  }
.col-6{ width: 50%; 	}
.col-7{ width: 58.33%;  }
.col-8{ width: 66.67%; 	}
.col-9{ width: 75%; 	}
.col-10{ width: 83.3%; 	}
.col-11{ width: 91.66%; }
.col-12{ width: 100%; 	}
.col-nosto { width: 25%; }

.yhteystiedot-col-6 { width: 50%; float: left; padding: 1.6em 0%; }


/* CENTER - KESKITETTY DIV */

.center{
	text-align:center;
	padding:2em 6%;
}

.center p{font-size:1.3rem;}


/* ---- FOOTER ---- */

#footer {
	max-width:1200px;
	margin:0 auto;
	position:relative;
	font-size: 16px;
	color: #fff;
}

#footerCenter{
	background: #590576;
	display:block;
	width:100%;
padding: 15px;
}

#footerContent{
	margin: 0 auto;
	max-width:1100px;
}

#footer h3, 
#footer .company-name{
	font-size:1.2rem;
	font-weight: 400;
	color: #fff;
	font-family: 'Asap', sans-serif;
	text-transform: uppercase;
}

#footer a{color:#fff;text-decoration:none; font-size: 16px; font-weight: 400;}
#footer p {color: #fff;}


/* FOOTER ICONS */

#footer .companyphone1{padding-top:10px;}
/*.companyphone1:before{content:'Puhelinnumero';font-weight:400;} */
#footer .companyphone1Output:before {content: url(pics/icon_mobile_phone_white.png);padding-right: 5px;}

#footer .companyemail{padding-top:10px;}
/*.companyemail:before{content:'Sähköposti';font-weight:400;}*/
#footer .companyemailOutput:before {content: url(pics/icon_mobile_email_white.png);padding-right: 5px;}

#footer .companyaddress1{padding-top: 10px; padding-bottom: 5px; }
#footer .companyaddress1Output:before {content: url(pics/icon_mobile_map_white.png); padding-right: 5px;}

.companyzip { display: inline-block;margin-left: 24px; }


/* ---- MUUT SISÄLLÖT ---- */

/* KUVAT */

#content img {
	width:100%;
	height:auto;
}

/* IMAGE TEXT 50/50 */

#content .image-text{
	display:inline-block;
	width:100%;
	
}
#content .image-text img{
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	width:45%;
	margin:0 4%;
	height:auto;
float:left;
}

/* TAULUKOT / TABLES */

table{
	clear:both;
    width:100% !important; 
    border:none; 
    font-size:17px; 
    background:none;
	border-collapse: collapse;
	border-spacing: 0;
}
table tr{
	border-bottom:1px dashed #ddd;
}

table td{
	color:#888;
    border:none;
    padding:5px 0;
    text-align:left;
}
table td p{
	font-size:14px;
	margin-top:0;
}

/* CONTACT INFO */

.contact-info {margin-bottom:1em;}
#content .companyname{
	color: #444;
	font-family: 'Asap', sans-serif;
	font-size:1.5em;
	text-transform: uppercase;
	font-weight: normal;
	padding-bottom:10px;
}

#content .companyaddress1, #content .companyzip, #content .companycity, #content .companyphone1, #content .companyemail{font-size:1.2rem;}

.companyaddress1{padding-top:0;}
.companyzip{display:inline-block;}
.companycity{display:inline-block;}

/* ---- MINI-IKONIT ---- */

.companyphone1{padding-top:0;}
/*.companyphone1:before{content:'Puhelinnumero';font-weight:400;} */
/*.companyphone1Output:before {content: url(pics/icon_mobile_phone_white.png);padding-right: 5px;}*/

.companyemail{padding-top:0;}
/*.companyemail:before{content:'Sähköposti';font-weight:400;}*/
/*.companyemailOutput:before {content: url(pics/icon_mobile_email_white.png);padding-right: 5px;}*/


/* SISÄLTÖALUEEN IKONIT */

#content .companyphone1{padding-top:0;}
#content .companyphone1Output:before {content: none;}

#content .companyemail{padding-top:0;}
#content .companyemailOutput:before {content: none;}

#content .companyzip { content: none; margin-left: 0; }


/* ---- LOMAKE ---- */

.contact-form{
	background:#fff;
	padding:1em 6%;
}

.contact-form h3{
	padding:0;
	color:#333;
	font-weight:400;
	padding-bottom: 10px;
}

.contact-form label {
    text-transform: uppercase;
    font-size: 14px;
	font-weight: 400;
}

input, select, textarea {
	font-family: 'Oxygen', sans-serif;
	font-size: 14px;
	font-weight: 400;
}

form {
	display:inline-block;
	width:100%;
}

form p{
	color:#000;
	font-size:0.9rem;
	padding:6px 0;
	font-weight: 400;
}

form p.input-50{
	width:48%;
	margin-right:1%;
	display:inline-block;
	line-height:1.6em;
}

form input,
form select,
form textarea{
	width:100%;
	size: 13px;
	border:none;
	background:#fafafa;
	border:1px solid #ddd;
	padding: 10px;
	max-width:100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

form textarea {
	resize: none;
	min-height:140px;
	width: 97%;
}

input:focus, select:focus, textarea:focus {  
	background:#fafafa;
	outline:none;
	box-shadow:0 0 2px 0 rgba(0,0,0,.7);
	-moz-box-shadow:0 0 2px 0 rgba(0,0,0,.7);
	-webkit-box-shadow:0 0 2px 0 rgba(0,0,0,.7);
}

/* ---- BUTTONS ---- */

input[type=submit] {	
	font-family: 'Asap', sans-serif;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
	color: #fff;
	width:100%;
	width:auto;
	display:inline-block;
	background: #590576;
	border:none;
	cursor: pointer;
	padding: 12px 21px;

}

form input[type=submit]:hover {
	background: #8C4FB6;
}

/* GOOGLE MAPS */

/* RESPONSIVE YOUTUBE BASE */

div.embed{
margin:1em 0;
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.embed iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



/* ------------------ MEDIA QUERY: 1260px ------------------ */

@media (max-width:1260px) {
	
	/* FONTS */
	html{font-size:14px;}


}/* ------------------ query end ----------------------- */


/* ------------------ MEDIA QUERY: 768px ------------------ */

@media (max-width:768px) {
	
	html{font-size:13px;}
	
	/* FONTIT */
	
	h1 {font-size: 1.7em;}
	h2, h3 {font-size: 1.3em;}
	
	#footer h3, #footer .company-name {font-size: 1em;}
	#footer, #footer a {font-size: 15px;}
	
	
	/* HEADER */
	
	.header-call{display: none; text-align:center;top:0;right:0;position:relative;}
	.header-call p, .header-call div {padding:5px 0;display:inline-block;}
	.logoCenter {padding:1.5em 0;text-align:center;}
	.logo img{max-width:200px;}
	.header-link {	display:block;}
	.header-phone { display: block; }
	
	
	.mobileNavigationMenuButton {
		background: none;
		border: none;
	}	
	
	.header-call {
		background: #51A49D;
	}
	
	.header-call a {
		color: #fff;
		font-size: 1.7em;
	}	
	
	.header-call a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
	#header .companyphone1:before{
		display: none;
	}

	#header .companyphone1Output:before {
		content: none;
		padding-right: 5px;
		display: none;
	}
	
	/* FOOTER */
	
	#footer .col-4 {
		width: 100%;
		padding: 0.6em;
		text-align: center;
	}
	
	#footerContent {
		padding-bottom: 25px;
		padding-top: 20px;
	}
	
	
}/* ------------------ query end ----------------------- */


/* ------------------ MEDIA QUERY: 600px ------------------ */

@media (max-width: 600px) {
	
	/* TABLES */
	table td {
		font-size: 14px;
	}	
	
	.col-nosto {
		width: 50%;
		padding: 0em 2.5%;
		float: left
	}
	
} /* ------------------ query end ----------------------- */


/* ------------------ MEDIA QUERY: 520px ------------------ */

@media (max-width:520px) {
	
	.center {
		text-align: center;
		padding: 2em 6%;
		padding-bottom: 0;
	}
	
	.banner img { display: none; }
	
	/* FONTS */
	
	html{font-size:15pxc;}
	h1{font-size:1.5em;}
	h2, h3 {font-size:1.2em;}
	#footer h3, #footer .company-name {font-size: 1em;}
	
	/* RAKENNE */
	
	#column1, 
	#column2{
		padding:1em 4%;
		width:100%;
		padding-bottom: 0px;
	}
	
	/* COLUMNS FULL WIDTH */
	
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{
		width:100%;
		padding:1em 4%;
	}
	
	/* GOOGLE MAPS */
	
	.googleMaps {margin: 0 !important;}
	
	.googleMaps, .googleMapsCenter, .googleMapsContent, .googleMapsElement {height:200px !important;}
	
	
	/* HEADER */
	
	.header-call a {
		color: #fff;
		font-size: 1.5em;
	}
	
	.yhteystiedot-col-6 {
		clear: both;
    	width: 100%;
		padding: 1em 0%;
	}
	
	.contact-form {margin-bottom: 20px;}
	
}/* ------------------ query end ----------------------- */

/* ------------------ MEDIA QUERY: 350px ------------------ */

@media (max-width: 350px) { 

	.col-nosto {
		width: 100%;
		padding: 0em 2.5%;
		float: left
	}
	
	.col-nosto img {
		width: 60% !important;
		margin-left: 20%;
	}
	
	a.nosto {
		width: 70%;
		margin: 0 auto;
	}
	
}/* ------------------ query end ----------------------- */


/* -- BOX SIZING -- */ 
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* OVERFLOW FLOAT FIX */
#content,
#column1,
#column2,
#footerContent{
	overflow:hidden;
}