/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_embed_signup div.mce_inline_error {
margin: 0 0 1em 0;
padding: 0 0px;
background-color: transparent;
font-weight: bold;
z-index: 1;
color: red;
display: none;
}
#mc_embed_signup input.mce_inline_error {
  border: 1px solid red !important;
}
#mc_embed_signup form {display:block; position:relative; text-align:left;}
#mc_embed_signup h2 {
font-size: 21px;
padding: 35px 0 20px 0;
color: #333333;
text-transform: uppercase;
margin: 0;
font-weight: 800;
}
#mc_embed_signup input {border:1px solid #ddd; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border:1px solid #ddd;
outline:none;}
#mc_embed_signup .button {
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 18px;
clear:both; 
background-color: #aaa; 
border: 0 none; 
color: #FFFFFF; 
cursor: pointer; 
display: inline-block; 
/*
font-size:15px; 
font-weight: bold;
*/ 
height: 32px; 
line-height: 32px; 
margin: 0 5px 10px 0; 
padding:0; 
text-align: center; 
text-decoration: none; 
vertical-align: 
top; white-space: nowrap; 
width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}     
#mc_embed_signup .clear {clear:none; display:inline;}

#mc_embed_signup label {
  display: block;
  font-size: 24px;
  padding-bottom: 30px;
  font-weight: 300;
  margin: 0;
}
#mc_embed_signup input.email, #mc_embed_signup input.perenimi, #mc_embed_signup input.nimi {
  display: block;
  padding: 0 15px;
  margin: 0 4% 10px 0;
  text-indent: 5px;
  width: calc(100% - 15px);
  min-width: 130px;
  height: 55px;
  font-size: 18px;
  border: 3px solid #1c8cf5;
  background-color: #fff;
  color:#333;
}
#mc_embed_signup input:focus{
	background-color: #fff;
  color:#333;
  outline: none;
}
.mc-field-group {
    padding: 0;
}
#mc_embed_signup input.button {
  font-size: 14px;
  text-decoration: none;
  height: 55px;
  font-weight: 600;
  background: transparent;
  color: #fff;
  width: 205px;
  background-color: #1c8cf5;
  border:4px solid #1c8cf5;
  margin: 30px 0 0 0;
}
#mc_embed_signup input.button:hover {
color:#fff;
background-color:#1c8cf5;
}
#mc_embed_signup div#mce-responses {
float: left;
top: 0;
padding: 0;
overflow: hidden;
width: 100%;
margin: 0;
clear: both;
}
#mc_embed_signup div.response {
margin: 0;
padding: 0;
font-weight: bold;
float: left;
top: -11px;
z-index: 1;
width: 99%;
font-size: 13px;

}
#mc_embed_signup #mce-error-response {color:#8c22b8; display:none;margin-bottom:20px;}
#mc_embed_signup #mce-success-response {
    color: #fff;
    display: none;
    margin-bottom: 20px;
    font-size: 14px;
}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

@media screen and (max-width:600px) {
#mc_embed_signup input.email,#mc_embed_signup input.nimi ,#mc_embed_signup input.perenimi  {
display: block;
padding: 8px 0;
margin: 0 4% 10px 0;
text-indent: 5px;
width: 80%;
min-width: 130px;
height: 40px;
font-size: 18px;



position: relative;
left: 50%;
margin-left: -40%;
}
.signupform {
position: relative;
z-index: 12345;
height: 100%;
width: 100%;
top: 0;
background-color: #ddd;
}
.signupform div#footer {
background-color: #ddd;
font-size: 15px;
color: #666;
margin-top: 0;
width: 100%;
background-position: 50% 50%;
min-height: 285px;
position: absolute;
height: auto;
display: inline-block;
text-align: center;
}
.signupform .footercontent {
width: 350px;
margin: 0 auto;
vertical-align: middle;
display: inline-block;
text-align: center;
position: relative;
left: 0;
right: 0;
height: auto;
top: 0;
}
  #mc_embed_signup .clear {
clear: none;
display: inline;
left: 50%;
position: relative;
margin-left: -76px;
}
}

#mc_embed_signup {
  background: transparent;
  clear: left;
  position: relative;
}
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
	   .signupform {
position: fixed;
z-index: 12345;
height: 100%;
width: 100%;
top: 0;
background-color: #2ecc71;
}
.signupform .container {
  position: relative;
  height: 100%;
}
.signupform div.mce_inline_error {
opacity: 0;
height: 0;
margin: 0;
font-size:0px;
}
.signupform .footercontent {
width: 960px;
margin: 0 auto;
height: 285px;
position: relative;
}
.signupform .footercontent {
width: 350px;
margin: 0 auto;
vertical-align: middle;
display: inline-block;
text-align: center;
position: absolute;
left: 0;
right: 0;
height: auto;
top: 50%;
}
.signupform h1 {
  margin-bottom: 40px;
  color: #fff;
}
.signupform .closesignup {
  position: relative;
  margin-bottom: 50px;
  left: 0;
  width: 40px;
  height: 40px;
  background-image: url(/images/closebutton.png);
  cursor: pointer;
  z-index: 123;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #00263e;
}
.signupform .closesignup:hover {

  background-color: #e41e13;
}
.signupform #mc_embed_signup h2 {
font-size: 32px;
padding: 35px 0 20px 0;
color: #333333;
text-transform: uppercase;
margin: 0;
font-weight: 800;
text-align: left;
}
.signupform .footercontent .palka {
width: 360px;
float: left;
padding-right: 30px;
position: relative;
top: 0;
margin-top: 0;
}
.signupform div#footer {
background-color: #ddd;
font-size: 15px;
color: #666;
margin-top: 0;
width: 100%;
background-position: 50% 50%;
min-height: 285px;
position: absolute;
height: 100%;
display: inline-block;
text-align: center;
}
.signupform div.mce_inline_error {
opacity: 0;
height: 0;
margin: 0;
font-size:0px;
}
@media screen and (max-width:600px) {
#mc_embed_signup input.email, #mc_embed_signup input.nimi, #mc_embed_signup input.perenimi {
  display: block;
  padding: 8px 0;
  margin: 0 0 10px 0;
  text-indent: 5px;
  width: 100%;
  min-width: 130px;
  height: 40px;
  font-size: 18px;
  position: relative;
  left: 0;
  margin-left: 0;
}

.signupform {
  position: fixed;
  z-index: 123123123;
  height: 100%;
  width: 100%;
  text-align: center;
  top: 0;
  overflow: scroll;
}
.signupform div#footer {
background-color: #ddd;
font-size: 15px;
color: #666;
margin-top: 0;
width: 100%;
background-position: 50% 50%;
min-height: 285px;
position: absolute;
height: auto;
display: inline-block;
text-align: center;
}
.signupform .footercontent {
width: 350px;
margin: 0 auto;
vertical-align: middle;
display: inline-block;
text-align: center;
position: relative;
left: 0;
right: 0;
height: auto;
top: 0;
overflow: hidden;
}
#mc_embed_signup {
background: transparent;
clear: left;
padding-top: 30px;
}
#mc_embed_signup .clear {
  clear: none;
  display: inline;
  left: 50%;
  position: relative;
  margin-left: -102px;
}
.signupform .closesignup {
  position: relative;
  margin-bottom: 50px;
  left: 50%;
  width: 40px;
  height: 40px;
  background-image: url(/images/closebutton.png);
  cursor: pointer;
  z-index: 123;
  background-position: 50%;
  background-repeat: no-repeat;
  background-color: #00263e;
  margin-left: -20px;
}
#mc_embed_signup label {
  display: block;
  font-size: 24px;
  padding-bottom: 30px;
  font-weight: 300;
  margin: 0;
  text-align: center;
}
.signupform .table {
  display: table;
  height: 100%;
  width: 100%;
  max-width: 1170px;
  margin: 0;
  padding: 130px 0;
}
}