html, body {
	padding: 0;
	margin: 0;
	background-color: #fff;
}

.limente {
    background-image: url(/media/layout/img/limente-bg.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

.lapetek {
    background-image: url(/media/layout/img/lapetek-bg.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

.maisema-bg {
    background-image: url(/media/layout/img/maisema.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

.content-area {
    background-color: #fff;
    padding: 40px;
}

:focus { outline: none; }

.formHolder td {
	padding: 5px 0;
}

.formHolder td:first-child {
	padding-right: 10px;
}

.formEmailinput, .formTextinput, .formTextarea, .formTelinput {
	padding: .4em;
	border: 1px solid #ccc;
}

.formEmailinput:focus, .formTextinput:focus, .formTextarea:focus, .formTelinput { }

.feedback-container-blue .formEmailinput:focus, .feedback-container-blue .formTextinput:focus, .feedback-container-blue .formTextarea:focus, .feedback-container-blue .formTelinput { border-color: #0c3984; }

.formTextarea {
	overflow: auto;
	max-width: 100%;
	max-height:100px;
}

.feedback .col-md-8,
.feedback-blue .col-md-8{
	background-color: #ffffff;
	padding-left: 60px;
    padding-right: 60px;
	padding-top: 30px;
	padding-bottom: 120px;
}

.contact .col-md-4 {
	background-color: #b9d158;
	padding: 40px;
	padding-top: 30px;
    padding-bottom: 40px;
}

.contact-blue .col-md-4 {
	background-color: #0c3984;
	padding: 40px;
	padding-top: 30px;
    padding-bottom: 40px;
}

.contact-form h3,
.contact-form-blue h3{
	margin-top: 5px;
    margin-bottom: 15px;
	color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 22px;
}

.feedback-container h3,
.feedback-container-blue h3{
	margin-top: 5px;
    margin-bottom: 15px;
	color: #818181;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 22px;
}

.contact-form,
.contact-form-blue {
	color: #ffffff;
}

.feedback-container,
.feedback-container-blue {
	color: #818181;
}

.header-container {
	background-color: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
	z-index: 1;
    position: relative;
}
.main-content {
    margin-top: 140px;
}


/* contact */

.contact-container button,
.contact-container-blue button {
    border: 2px solid #ffffff;
    background-color: transparent;
    padding: 7px 40px;
    text-transform: uppercase;
    color: #ffffff;
}

.contact-container button:hover {
    border: 2px solid #b9d158;
    background-color: #ffffff;
    color: #b9d158;
}


.contact-container-blue button:hover {
    border: 2px solid #0c3984;
    background-color: #ffffff;
    color: #0c3984;
}

.contact-container .contact-form .formTextinput, .contact-container .contact-form .formEmailinput {
    height: 45px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 10px;
	background-color: #b9d158;
	border: 1px solid #fff;
}

.contact-container-blue .contact-form .formTextinput, .contact-container-blue .contact-form .formEmailinput {
    height: 45px;
    font-size: 14px;
    width: 100%;
    margin-bottom: 10px;
	background-color: #0c3984;
	border: 1px solid #fff;
}

.contact-container .contact-form .formTextarea {
    font-size: 14px;
    width: 100%;
    margin-bottom: 10px;
	background-color: #b9d158;
	border: 1px solid #fff;
}

.contact-container-blue .contact-form .formTextarea {
    font-size: 14px;
    width: 100%;
    margin-bottom: 10px;
	background-color: #0c3984;
	border: 1px solid #fff;
}

/* feedback */

.feedback-container button {
    border: 2px solid #b9d158;
    background-color: transparent;
    padding: 7px 40px;
    text-transform: uppercase;
    color: #b9d158;
}

.feedback-container-blue button {
    border: 2px solid #0c3984;
    background-color: transparent;
    padding: 7px 40px;
    text-transform: uppercase;
    color: #0c3984;
}

.limente-wrap button:hover {
	border: 2px solid #ffffff;
    background-color: #b9d158;
	color: #ffffff;
}

.feedback-container-blue button:hover {
	border: 2px solid #ffffff;
    background-color: #0c3984;
	color: #ffffff;
}

.content .container {
    padding: 0px;
}

/* footer*/
.footer {
    background-color: #fff;
    padding: 20px;
	padding-bottom: 30px;
    text-align: center;
	margin-top: 20px;
	color: #818181;
}

/* placeholder txt o green bg */

.contact-form ::-webkit-input-placeholder {
   color: #ffffff;
}

.contact-form :-moz-placeholder { /* Firefox 18- */
   color: #ffffff; 
}

.contact-form ::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff; 
}

.contact-form :-ms-input-placeholder {  
   color: #ffffff;
}

/* form*/

.textareawrap,
.submitwrap,
.fieldwrap.full,
.fullfieldwrap,
.fieldwrap {
	margin-bottom: 10px;
}

label span.error {
	display: none;
}

input[type='text'],
input[type='search'],
input[type='email'],
input[type='tel'],
input[type='number'],
textarea {
	width: 100%;
	height: 45px;
	padding: 0 10px;
	margin: 0;
	font-size: 1em;
	vertical-align: middle;
	background: #ffffff;
	border: 1px solid #e0e0e0;
}


textarea {
	height: 100px;
	min-height: 100px;
	padding: 10px;
}

.lt-ie9 input[type='text'],
.lt-ie9 input[type='search'],
.lt-ie9 input[type='email'] {
	line-height: 40px;
}


.text-container {
	width:80%; 
	float:left;
}

.icon-container {
	width:100%;
	float:left;
}


/* YLEINEN LOMAKEPOHJA */

.lomake-container .col-md-12 {
	background-color: #fff;
    padding: 30px;
    padding-left: 60px;
    padding-right: 60px;
    margin-top: 100px;
    margin-bottom: 20px;
	-webkit-box-shadow: 0px 8px 8px -2px rgba(207,207,207,0.61);
	-moz-box-shadow: 0px 8px 8px -2px rgba(207,207,207,0.61);
	box-shadow: 0px 8px 8px -2px rgba(207,207,207,0.61);
}

.lomake-container h1,
.lomake-container h2,
.lomake-container h3,
.lomake-container h4,
.lomake-container h5,
.lomake-container h6 {
	margin-top: 5px;
    margin-bottom: 15px;
    color: #818181;
    font-weight: 300;
    text-transform: uppercase;
}

.field-wrapper {
    margin-bottom: 10px;
}

.basic-button button {    
	border: 2px solid #818181;
    background-color: transparent;
    padding: 7px 40px;
    text-transform: uppercase;
    color: #818181;
}

.basic-button button:hover {    
    border: 2px solid #ffffff;
    background-color: #818181;
    color: #ffffff;
}



/* 	RESPONSIVE */

@media (min-width: 992px) {
.content .container {
    padding: 0px;
	-webkit-box-shadow: 0px 8px 8px -2px rgba(207,207,207,0.61);
	-moz-box-shadow: 0px 8px 8px -2px rgba(207,207,207,0.61);
	box-shadow: 0px 8px 8px -2px rgba(207,207,207,0.61);
}

}

@media only screen and (max-width: 1215px) {
	.feedback .col-md-8,
    .feedback-blue .col-md-8{
	padding-bottom: 30px;
	}
}

@media (max-width: 992px) {
	.header-container .container img {
		margin: 0 auto;
		display: table;
	}
	
	
	.content .container {
	     padding: 15px;
	}

	
	.feedback,
	.feedback-blue{
    padding: 0px;
	-webkit-box-shadow: 0px 8px 8px -2px rgba(207,207,207,0.61);
	-moz-box-shadow: 0px 8px 8px -2px rgba(207,207,207,0.61);
	box-shadow: 0px 8px 8px -2px rgba(207,207,207,0.61);
	}
	
	.lomake-container .col-md-12 {
	margin-left: 15px;
    margin-right: 15px;
	padding-left: 30px;
	padding-right: 30px;
	}
}
 
@media (max-width: 500px) {
	.feedback .col-md-8,
	.contact .col-md-4,
	.feedback-blue .col-md-8,
	.contact-blue .col-md-4 {
    padding-left: 20px;
    padding-right: 20px;
	}
}

@media only screen and (min-width: 1215px) {

	.fieldwrap {
		float: left;
		width: 48%;
	}
	
	.text-container {
		width: 50%;
	}
	
	
	.phone-number,
	.company,
	.email {
		margin-left: 4%;
	}
	
}
	
}

/*label {
    display: none;
}*/

/*  regular form template bg */

.pageOverlay {
	position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.pageBg {
    height: 100vh;
    min-height: 100vh;
    width: 100%;
    min-width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
}

.pageBg .bgImage {
    height: 100%;
    height: 100vh;
	max-height: 540px;
    z-index: -999 !important;
    background-repeat: no-repeat !important;
    background-position: top center !important;
}

.lomake-container {
    position: relative;
    z-index: 2;
}

.regular-form-footer {
    background-color: #fff;
    padding: 20px;
    padding-bottom: 30px;
    text-align: center;
    margin-top: 20px;
    color: #818181;
    position: relative;
    z-index: 2;
}