/*
* Skeleton V1.1
* Modified by Fonecta Oy
* digi 06 - Piia
*/

/* #Site Styles
================================================== */

html {
	background: #272727;
}

body {
	font-family: "Open Sans", arial, sans-serif;
	font-size: 95%;
	line-height: 160%;
	color: #4e4e4e;
	overflow-x: hidden;
	background: #ffffff;
}

/* #Typography
================================================== */

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: "Coda", "Handlee", "Josefin Slab", sans-serif;
	font-weight: 400;
	color: #141414;
	line-height: 120%;
	word-wrap: break-word;
	margin-bottom: 15px;
}

h1 { font-size: 320%; }
h2 { font-size: 220%; }
h3 { font-size: 180%; }
h4 { font-size: 125%; }
h5 { font-size: 115%; }
h6 { font-size: 110%; }

/* Text */
p, a, span, pre, ul, li, input[type="text"], textarea {
	font-size: 100%;
}

p {
	margin-bottom: 25px;
}

/* Link */
a {
	color: #E3101B;
}

/* Link - Effect: Hover */
a:hover {
	text-decoration: none;
}

/* Unordered List */
ul {
	list-style-type: disc;
	color: inherit;
	margin-bottom: 35px;
	padding-left: 20px;
}

/* Unordered List - Box */
ul.box {
	padding: 40px 40px 35px 50px;
	background: #ccc;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}

ul li {
	margin-bottom: 5px;
}

/* facebookLikebox */

.facebookLikebox {
	margin-bottom: 30px;	
}

/* nostoButton */

.nostoButton { margin-bottom: 20px; }

.nostoButton p { margin: 0; }

.nostoButton a {
    display: inline-block;
    padding: 10px 20px;
    background: #E3101B;
    border: 1px solid #E3101B;
	font-family: "Open Sans", arial, sans-serif;
    font-size: 120%;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    white-space: normal;
    word-wrap: break-word;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.nostoButton a:hover {
    background-color: #ffffff;
    color: #E3101B;
}

/* nostoBoxi */

.nostoBoxi {
	background: #d8d8d8;
	padding: 25px 25px 0px 25px;
	margin-bottom: 30px;
}

.nostoBoxi  ul {
	text-align: left;
	display: inline-block;
}


/* #Positioning - Default Area
================================================== */

/* Full Width */

#drawer,
#top,
#header,
#navigation,
#subnavigation,
#contentTop,
#contentBottom,
#footer {
	width: 100%;
	margin: 0;
}

/* Limit Width */

#drawerCenter,
#topCenter,
#headerCenter,
#subnavigationCenter,
#contentWrapperCenter,
#footerCenter {
	width: 94%;
	max-width: 1420px;
	margin: 0 auto;
}

/* Align */

#main-column {
	margin-left: 0;
	margin-right: 0;
}

.sixteen.columns#main-column {
	text-align: center;
}

#right-column {
	margin-left: 4%;
	margin-right: 0;
}

#left-column {
	margin-left: 0;
	margin-right: 4%;
}

.five.columns#right-column {
	margin-left: 6.5%;
	margin-right: 0;
}
.five.columns#left-column {
	margin-left: 0;
	margin-right: 6.5%;
}

/* #drawer  (kielivalinta ja some)
================================================== */

#drawer {
	background: #141414;
}

/* #SoMe - Widget
-------------------------------------------------- */

.some * {
	max-width: 100%;
}

.some {
	padding: 15px 0px 15px 15px;
	float: right;
}

.some ul,
.some li {
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style-type: none;
}

.some li {
	display: inline-block;
	margin-right: 5px;
	opacity: 0.6;
	-webkit-opacity: 0.6;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}
.some li:hover {
 	opacity: 1; 
	-webkit-opacity: 1;
}

.some li a {
	font-size: 150%;
	line-height: 100%;
	margin-left: 5px;
	color: inherit; 
}

/* #LanguageDropdown
-------------------------------------------------- */

.languageDropdown {
	float: left;
	padding-top: 15px;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */ 
	opacity: 1;
	-webkit-opacity: 1;
}
.languageDropdown:hover {
	opacity: 0.7;
	-webkit-opacity: 0.7;
}
.languageDropdownSelected {
    background: rgba(0, 0, 0, 0) url("pics/selectButton.png") no-repeat scroll right center !important;
}
.languageDropdown UL {
    background: #333 !important;
    border-top: 0px solid #666 !important;
  	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
  	padding: 12px !important;
}
.languageDropdown UL LI a:hover {
	background: transparent !important; 
	color: #fff;
}

/* #LanguagSelector
-------------------------------------------------- */

.languageSelector { float: left; padding-top: 15px; }
.languageSelector img { margin-right: 10px; }
.languageSelector a { margin-right: 30px; text-decoration: none; color: inherit; }
.languageSelector a:hover { color: #444; }

/* #top
================================================== */

#top {
	background: #E3101B;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */  
}

#top.sticky {
	border-bottom: 1px solid #ddd;
}

/* #Logo - Widget
-------------------------------------------------- */

.logo {
	max-width: 100%;
	margin: 0;
	width: 50%;
	float: left;
	padding: 30px 0;

}

.logo a {
	text-decoration: none;
}

.logo img {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}

.logoText {
	font-family: "Coda", "Handlee", "Josefin Slab", sans-serif;
	font-size: 360%;
	font-weight: 400;
	color: #444;
	line-height: 120%;
	word-wrap: break-word;
	
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}
.sticky .logo img {
 	width: 60% !important;
} 
.sticky .logoText {
	font-size: 150%;
}

/* #Header
-------------------------------------------------- */

/*#header { 
	background: url(pics/bg.jpg) no-repeat top left fixed;
	background-size: cover;
	min-height: 200px;
}

.front #header { 
	height: 90vh;
}
.front #headerContent {
 	width: 40%; 
}*/

.banner img {
 	margin-bottom: -6px; 
}

/* #Yritystiedot
-------------------------------------------------- */

.contactInfo { padding: 15px 0 15px 20px; }

.contactInfo a { color: inherit; }

.contactInfo .contactLabel,
.contactInfo .companynameOutput,
.contactInfo .companyaddress1Output,
.contactInfo .companyaddress2Output,
.contactInfo .companyzipOutput,
.contactInfo .companycityOutput,
.contactInfo .companycountryOutput,
.contactInfo .companyphone1Output,
.contactInfo .companyphone2Output,
.contactInfo .companyfaxOutput,
.contactInfo .companyemailOutput,
.contactInfo .companywwwOutput {
	float: left;
	font-family: "Lato", Arial, sans-serif;
	font-size: 100%;
	text-transform: none;
	padding-right: 10px;
	color: #ffffff;
}

.contactInfo .companyaddress1Output:after {	content: ","; }

/* #Call Us - Widget
-------------------------------------------------- */

.callWidget {
	float: right;
}

.callWidget p {
	margin: 0;
}

.callWidget .companyphone1 {
	z-index: 9999;
	display: inline-block;
	padding: 15px;
	font-family: "Coda", "Handlee", "Josefin Slab", sans-serif;
	font-size: 140%;
	color: #fff;
	text-decoration: none;
	white-space: normal;
	word-wrap: break-word;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}

.callWidget .companyphone1:hover { color: #E3101B; }

.callWidget .companyphone1Output, 
.callWidget .contactLabel { display: inline;}

/* Puhelin ikoni */
.callWidget i { 
	padding: 0 5px 0 0px;
	/*font-size: 150%;*/
}

.companyphone1Output {
    text-decoration: none;
    cursor: pointer;
}

.callWidget .companyphone1Output a,
.callWidget .companyphone2Output a {
    color: #ffffff;
}

/* #Slogan - Widget
-------------------------------------------------- */

.sloganWidget { 
	width: 50%;
	float: right;
}

.sloganWidget h1,
.sloganWidget h2,
.sloganWidget h3,
.sloganWidget h4,
.sloganWidget h5,
.sloganWidget h6,
.sloganWidget p {
	display: inline-block;
	margin: 0;
	padding: 80px 40px 40px 40px;
	font-family: "Coda", "Handlee", "Josefin Slab", sans-serif;
	font-size: 400%;
	line-height: 140%;
	color: #141414;
}

/* #SloganKuva - Widget
-------------------------------------------------- */

.sloganKuva {
	width: 100%;
	height: 45vh;
	float: left;
	background: transparent;
	overflow: hidden;
}

.sloganKuva img {
	width: 100% !important;
	margin-bottom: -6px;
}

.sloganKuva h1,
.sloganKuva h2,
.sloganKuva h3,
.sloganKuva h4,
.sloganKuva h5,
.sloganKuva h6 {
	display: inline-block;
	margin: 0;
	padding: 40px;
	font-family: "Coda", "Handlee", "Josefin Slab", sans-serif;
	font-size: 130%;
	line-height: 120%;
	color: #fff;
	border: 0;
}
.sloganKuva p {
	margin-bottom: 0;  
}

/* #arrow - etusivun headerin päällä oleva nuoli
-------------------------------------------------- */

.arrow {
	background: url("pics/nuoli.png") no-repeat;
	position: fixed;
	z-index: 0;
	bottom: 30px;
	height: 80px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}

.arrow:hover {
	opacity: 0.7;
	padding-bottom: 10px;
}

.arrow span { display: none; }


/* #navigation (etusivun vaakanostot)
================================================== */

#navigation {
	background: #ccc;
	position: relative;
	z-index: 0;
}
.vaakanostot,
.vaakanostot p,
.vaakanostot h3 {
	color: #444;
}
.vaakanostot a {
	color: #fff;
}
.vaakanostot h3 {
 	color: #f16a54;
}
.vaakanostot h3 span {
 	color: #bbb;
	font-size: 300%;
}
.vaakanosto1 {
 	margin-right: 4%;
}
.vaakanosto2 {
	margin-left: 2%;
 	margin-right: 2%;
}
.vaakanosto3 {
 	margin-left: 4%;
}
.vaakanosto1,
.vaakanosto2,
.vaakanosto3 {
	width: 29.33%;
	float: left;
	padding: 80px 0px;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
*+html .vaakanosto1,
*+html .vaakanosto2,
*+html .vaakanosto3 {
	width: 25%;  /* IE7 fix */
}

.lueLisaa {
 	padding-top: 15px; 

}
.lueLisaa a {
	border: 1px solid rgba(255,255,255, 0.3);
	padding: 10px 20px;
	text-decoration: none;
	float: left;

	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.lueLisaa a:hover {
	background: rgba(255,255,255, 0.2);
}


/* #right-column (etusivun pystynostot)
================================================== */

.pystynostot {
 	border: 1px solid #eee; 
	background: transparent;
	float: left;
	padding: 5px 30px;
	margin-bottom: 15px;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.pystynostot,
.pystynostot p,
.pystynostot h3 {
	color: #444;
}
.pystynostot a {
	color: #fff;
}
.pystynostot h3 {
 	color: #f16a54;
}
.pystynostot h3 span {
 	color: #ccc;
	font-size: 300%;
}
.pystynostot img {
 	width: 200px !important;
	float: left;
	margin-right: 30px;
	margin-bottom: 20px;
}
.pystynostot .lueLisaa a {
	background: #f16a54;
	margin-bottom: 20px;
}
.pystynostot .lueLisaa a:hover {
	background: #555;
}

/* #subnavigation - ingressi
================================================== */

.ingressi {
	position: relative;
	z-index: 0;
	background: #f16a54;
	float: left;
	color: #fff;
	text-align: center;
}
.ingressi h1,
.ingressi a {
 	color: inherit;
}
.ingressi p {
 	font-size: 140%;
	line-height: 160%;
}
.ingressiCenter {
 	padding: 80px 80px 65px 80px; 
}

/* #contentWrapper
================================================== */

#contentWrapper {
	background: #fff;
	padding-top: 40px;
	padding-bottom: 20px;
}

/* #main-column
================================================== */

/* #GalleriaIO - Widget
-------------------------------------------------- */

.galleriaWrapper {
	clear: both;
	margin-bottom: 30px;
}

/* #right-column
================================================== */

.rightTextWidget {
	clear: both;
}
.rightInfo.companyInfo {
	background: #eee;
	width: 100%;
	padding: 30px 0px 30px 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.rightInfo.companyInfo h2 {
	background: #ccc;
	margin-bottom: 20px;
	padding: 10px 20px;
}

/* #fancyImageGalleria Map - Widget
-------------------------------------------------- */

.fancyImageGalleria * {
max-width: 100%;

}

.fancyImageGalleria p {
margin-bottom: 0px;
}

.fancyImageGalleria {
clear: both;
padding: 20px 0;
text-align: center;
}


.fancyImageGalleria img {
	width: 100%;
max-width: 500px !important;
height: auto;
background: #d8d8d8; 
padding: 2%;
margin: 0 0 1% 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

.fancyImageGalleria img:hover {

background: #c4c4c4;
}


/* #Static Map - Widget
-------------------------------------------------- */

.staticMap * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.staticMap {
	margin: 0;
	padding: 0;
	line-height: 0;
	margin-bottom: 30px;
}

#right-column .staticMap {
    text-align: left !important;
}

.staticMap img {
	overflow: hidden;
	border: 6px solid #ddd;
	opacity: 1;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}
.staticMap img:hover {
 	opacity: 0.6; 
}

/* #Company Information & Opening Hours - Widget
-------------------------------------------------- */

.companyInfo,
.openingHours {
	float: left;
	width: 50%;
	color: #555;
	word-wrap: break-word;
	margin-bottom: 20px;
}

.companyInfo h1,
.companyInfo h2,
.companyInfo h3,
.companyInfo h4,
.companyInfo h5,
.companyInfo h6,
.openingHours h1,
.openingHours h2,
.openingHours h3,
.openingHours h4,
.openingHours h5,
.openingHours h6 {
	margin-bottom: 10px;
	padding: 0;
	border: 0;
	color: #555;
}

.companyInfo .contactLabel,
.companyInfo .companyname,
.companyInfo .companyaddress1,
.companyInfo .companyaddress2,
.companyInfo .companyzip,
.companyInfo .companycity,
.companyInfo .companycountry,
.companyInfo .companyphone1,
.companyInfo .companyphone2,
.companyInfo .companyfax,
.companyInfo .companyemail,
.companyInfo .companywww,
.openingHours .monday,
.openingHours .tuesday,
.openingHours .wednesday,
.openingHours .thursday,
.openingHours .friday,
.openingHours .saturday,
.openingHours .sunday {
	font-size: 100%;
}

.companyInfo .contactLabel {
	float: left;
	font-weight: normal;
	margin-right: 3px;
}

.companyInfo a {
	color: inherit;
	text-decoration: none;
}

.companyInfo a:hover {
	text-decoration: underline;
}

.companyInfo .companyname {
	font-weight: 700;
}

.companyInfo .companyzip,
.companyInfo .companyzipOutput,
.companyInfo .companycity,
.companyInfo .companycityOutput {
	display: inline;
}

.companyInfo .companyzipOutput {
	margin-right: 2px;
}

/* #Yhteydenotto - Widget
-------------------------------------------------- */

/* Pop Up lomake */

.floating-form {
    width: 500px;
    padding: 30px 30px 10px 30px;
    background: #fff;
    right: 0;
  	bottom: 0;
    position: fixed;
  	z-index: 9999;
  	border: 1px solid #eee;
  	box-shadow: 0px 0px 30px 0px rgba(0,0,0, 0.2);
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0, 0.2);
}

/* Ota yhteyttä-button */

.contact-opener { 
    position: absolute;
  	z-index: 9999;
    left: -188px; 
    bottom: -1px;
    background-color: #f16a54;
    padding: 30px 20px;
	font-family: "Coda", "Handlee", "Josefin Slab", sans-serif;
  	font-size: 140%;
  	line-height: 100%;
    color: #fff;
    cursor: pointer;
}

/* Form - Area */

.yhteydenotto * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.yhteydenotto {
	clear: both;
}

/* Form - Headings */

.yhteydenotto h1,
.yhteydenotto h2,
.yhteydenotto h3,
.yhteydenotto h4,
.yhteydenotto h5,
.yhteydenotto h6 {
	font-size: 150%;
}

/* Form - Text & Link */

.yhteydenotto p {
	word-wrap: break-word;
}

.yhteydenotto a {
}

.yhteydenotto a:hover {
}

/* Form */

.yhteydenotto form {
	margin: 0;
}

/* Form - Select, Input & Textarea Elements */

.yhteydenotto p.field {
	margin-bottom: 10px;
}

.yhteydenotto form {
	padding: 20px 20px 0 20px;
	margin-bottom: 15px;
	background: #ddd;
}

.yhteydenotto select,
.yhteydenotto input[type="text"],
.yhteydenotto input[type="password"],
.yhteydenotto input[type="email"],
.yhteydenotto textarea {
	font-family: "Open Sans", arial, sans-serif;
	font-size: 100%;
	color: inherit;
	clear: both;
	width: 100%;
	*width: 93%; /* IE7 */
	margin-bottom: 0;
	padding: 10px;
	background: #fff;
	outline: none;
	border: 1px solid #ddd;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.yhteydenotto select:focus,
.yhteydenotto input[type="text"]:focus,
.yhteydenotto input[type="password"]:focus,
.yhteydenotto input[type="email"]:focus,
.yhteydenotto textarea:focus {
	border-color: #999;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow:  none;
}

/* Form - Button */

.yhteydenotto .button,
.yhteydenotto button,
.yhteydenotto input[type="submit"],
.yhteydenotto input[type="reset"],
.yhteydenotto input[type="button"] {
	font-family: "Coda", "Handlee", "Josefin Slab", sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #fff;
	text-transform: none;
	text-shadow: none;
	white-space: normal;
	word-wrap: break-word;
	width: 100%;
	margin: 0;
	padding: 15px 10px;
	background: #e3101b;
	border: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}

.yhteydenotto .button:hover,
.yhteydenotto button:hover,
.yhteydenotto input[type="submit"]:hover,
.yhteydenotto input[type="reset"]:hover,
.yhteydenotto input[type="button"]:hover {
	background: #444;
	border: 0;
	transition-duration: 0.2s;
	-moz-transition-duration: 0.2s; /* Firefox 4 */
	-webkit-transition-duration: 0.2s; /* Safari and Chrome */
	-o-transition-duration: 0.2s; /* Opera */
}

/* Form - Markkinointilupa & Rekisteriseloste */

.yhteydenotto form input[type="checkbox"] {
	position: relative;
	top: 0px;
	float: left;
	margin-right: 10px;
}

.yhteydenotto form p p:last-of-type,
.yhteydenotto form p p:nth-last-of-type(2) {
	font-size: 90%;
	line-height: 130%;
	color: inherit;
}

.yhteydenotto form p p:nth-last-of-type(2) {
	margin: 12px 0 15px 0;

}

.yhteydenotto form p:last-of-type,
.yhteydenotto form p p:last-of-type {
	margin: 1% 0;
}

/* #footer
================================================== */

#footer {
	padding: 0;
	padding-bottom: 35px;
	background: #272727;
}

/* #Partners - Widget
-------------------------------------------------- */

.partners * {
	max-width: 100%;
}

.partners {
	clear: both;
	padding: 20px 0;
	border-top: 1px solid #eee;
	text-align: center;
	background: #fff;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}

.partners ul,
.partners li {
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style-type: none;
}

.partners li {
	display: inline-block;
	*float: left; /* IE7 */
	padding: 20px 40px;
	opacity: 0.6;
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s; /* Firefox 4 */
	-webkit-transition-duration: 0.4s; /* Safari and Chrome */
	-o-transition-duration: 0.4s; /* Opera */
}
.partners li:hover {
 	opacity: 1; 
}

/* #siteInfo - Widget
-------------------------------------------------- */

.siteInfo {
	font-family: "Asap", arial, sans-serif;
	font-size: 120%;
	color: #eee;
	line-height: 140%;
	word-wrap: break-word;
	float: left;
	width: 29%;
	padding: 60px 0 30px 0;
}
.siteInfo.address {
 	padding-right: 6.5%;
}
.siteInfo.call {
 	padding-right: 0;
	padding-left: 0;
}
.siteInfo.email {
 	padding-left: 6.5%;
}
.siteInfo h3:before {
	font-family: FontAwesome;
	color: #E3101B;
	margin-right: 20px;
}
.siteInfo.address h3:before {
    content: "\f041";
}
.siteInfo.call h3:before {
    content: "\f095";
}
.siteInfo.email h3:before {
    content: "\f0e0";
}
.siteInfo h1,
.siteInfo h2,
.siteInfo h3,
.siteInfo h4,
.siteInfo h5,
.siteInfo h6 {
	margin-bottom: 20px;
	padding: 0;
	border: 0;
	color: #8d8d8d;
}
.siteInfo .contactLabel,
.siteInfo .companyname,
.siteInfo .companyaddress1,
.siteInfo .companyaddress2,
.siteInfo .companyzip,
.siteInfo .companycity,
.siteInfo .companycountry,
.siteInfo .companyphone1,
.siteInfo .companyphone2,
.siteInfo .companyfax,
.siteInfo .companyemail,
.siteInfo .companywww {

}

.siteInfo .companyname {
	font-size: 125%;
	font-weight: 700;
	margin-bottom: 5px;
}

.siteInfo .companyzip,
.siteInfo .companyzipOutput,
.siteInfo .companycity,
.siteInfo .companycityOutput {
	display: inline;
}

.siteInfo .companyzipOutput {
	margin-right: 2px;
}

.siteInfo .contactLabel {
	font-size: 100%;
	font-weight: normal;
	margin-right: 2px;
}

.siteInfo .contactLabel,
.siteInfo .companyphone1Output,
.siteInfo .companyphone2Output,
.siteInfo .companyfaxOutput {
	display: inline;
}

.siteInfo a {
	color: #ffffff;
	text-decoration: none;
}

.siteInfo a:hover {
	text-decoration: underline;
}

/* #Back to top
================================================== */

.back-to-top {
	cursor: pointer;
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index: 100;
	display: none;
	width: 40px;
	height: 40px;
	background: #111 url(../images/up-arrow.png) no-repeat center center;
	text-decoration: none;
	border-radius: 50%;
	-webkit-border-radius: 50%;
}

.back-to-top:hover {
	background-color: #222;
}


/* #Media Queries
================================================== */

/* Smaller than 1280px START */
@media only screen and (max-width: 1280px) {
	
	h1 { font-size: 200%; }
	h2 { font-size: 160%; }
	h3 { font-size: 130%; }
	h4 { font-size: 120%; }
	h5 { font-size: 110%; }
	h6 { font-size: 105%; }
	
	ul.box,
	.custom ul.box {
		padding: 40px 20px 35px 40px;
		background-image: none;
	}
	
	.front #header {
		height: auto;
	}
		
	.callWidget {
		margin: 0 3%;
	}
	.callWidget .companyphone1 {
		position: relative;
		right: auto;
		top: auto;
		display: block;
	}
	.callWidget .companyphone1:hover {
		right: 0;
	}
	

	
	.logoText {
		font-size: 305%;
	}
	
	.sloganWidget h1,
	.sloganWidget h2,
	.sloganWidget h3,
	.sloganWidget h4,
	.sloganWidget h5,
	.sloganWidget h6,
	.sloganWidget p {
		font-size: 280%;
	}
  
	.companyInfo,
	.openingHours {
		float: none;
		width: 100%;
		min-height: 0;
	}
	.floating-form {
		width: 100%;
		bottom: 0;
		position: static;
	}
	
} /* Smaller than 1280px END */

/* Smaller than 768px START */
@media only screen and (max-width: 767px) {

	html {
		background-image: none;
	}
	
	ul.box {
		padding: 20px 20px 15px 40px;
	}

		
	.contactInfo { display: none; }

	#topContent { padding: 0 10px; }
	
	.callWidget { 
		float: none; 
		clear: both;
		text-align: center;
	}
	
	#main-column,
	#right-column,
	#left-column {
		margin: 0 !important;
	}
	
	#contentTopCenter,
	#contentBottomCenter,
	#main-columnCenter,
	#right-columnCenter,
	#left-columnCenter {
		padding: 0 20px;
	}
	
	#headerContent {
		width: 100% !important; 
	}

	.arrow { display: none; }
  
	.sloganWidget { 
		width: 100%;
		float: left;
		text-align: center;
	}

	.sloganWidget h1,
	.sloganWidget h2,
	.sloganWidget h3,
	.sloganWidget h4,
	.sloganWidget h5,
	.sloganWidget h6,
	.sloganWidget p {
		padding: 0 0 40px 0;

	}
	
	.logo {
		float: none;
		clear: both;
		text-align: center;
		width: 100%;
	}
	
	.logo img,
	.logoText {
		display: block;
		margin: 0 auto;
	}
	
    .sticky .logo img {
		max-width: 100%;
	} 
  
	.logoText,
	.sticky .logoText {
		font-size: 250%;
	}
	
	.vaakanosto1,
	.vaakanosto2,
	.vaakanosto3 {
		width: 100%;
		min-height: 0;
		float: left;
		padding: 30px;
		margin: 0;
	}
  
	.partners li {
		display: block;
		padding: 10px;
		*float: none; /* IE7 */
	}
	
	.siteInfo {
		float: left;
		width: 100%;
		padding: 20px 0 !important;
		text-align: center;
		font-size: 100%;
	}
	
  
} /* Smaller than 768px END */


/* Smaller than 768px START */
@media only screen and (max-width: 480px) {
	
	.pystynostot img {
		width: 100% !important;
		margin-right: 0px;
	}

} /* Smaller than 480px END */