/* @override 
	http://www.pelastusarmeija.test/site0035.css/all.css
	http://pelastusarmeija.socool.fi/site0043.css/all.css
*/

@import url("socool-graphs.css");
@import url("socool-tables.css");
@import url("socool-images.css");
@import url("socool-forms.css");
@import url("socool-content.css");
@import url("socool-blocks.css");
@import url("fonts.css");

/*html { box-sizing: content-box; }
*, *:before, *:after { box-sizing: inherit; }
img { box-sizing: content-box; }*/

body {
	margin:0;
	color:#595d5d;
	font:17px/22px "Marr Sans Cond Web",Arial, Helvetica, sans-serif;
	text-rendering: optimizeLegibility;
    font-weight: 400;
	letter-spacing: 0.5px;
	background:#fff;
	overflow-y: scroll;
	min-width:320px;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
	display: block;
	margin:0; padding:0;
}
img {border-style:none;}

a {
	text-decoration:none;
	color:#ef2e2e;
	outline:none;

}
p a {
	font-weight:bold;
}


hr {

display: block;
margin-top: 0px;
margin-bottom: 10px;
width: 100%;
border-width: 0;
/* border-color: #ef2e2e; */
border-bottom: 2px solid #ef2e2e;
padding-top: 10px;

}
html.no-touch a:hover {text-decoration:underline;}
input,
textarea,
select {
	font:100% Arial, Helvetica, sans-serif;
	vertical-align:middle;
	color:#000;
}
textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}
form, fieldset {
	margin:0;
	padding:0;
	border-style:none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding:0;
	border:0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer; 
	*overflow: visible; 
}
input[type="search"] {-webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}
input[type="search"]::-webkit-search-decoration {display:none;}
q {quotes: none;}
q:before,
q:after {
	content: '';
	content: none;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p {margin: 0 0 1.2em;}
h1{
	font: 56px/48px rather_loudbold, Georgia, "Times New Roman", Times, serif;
	color:#004261;
	font-weight:normal;
	margin: 0 0 16px;
	letter-spacing: 0px; 
}
h1[data-fontsize="big"] {
	font-size: 80px;
	line-height: 74px;
}
h1[data-fontsize="bigger"] {
	font-size: 100px;
	line-height: 92px;
}
h1[data-fontsize="small"] {
	font-size: 40px;
	line-height: 35px;
}
h1[data-fontsize="smaller"] {
	font-size: 30px;
	line-height:26px;
}

.contentarea .table-style-no-border figure img {
	max-width: 600px !important;
}

#content ul {
	margin: 0 0 24px 0;
	padding: 0;
}
#content ol {
	margin: 0 0 24px 0;
	padding: 0 0 0 25px;
}
#content ul li {		
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 0px 14px;
	text-align: left;
	text-indent: 0px;
	background: url("images/red-bullet.png") no-repeat 0px 4px;
	background-size: 8px 12px;
	list-style: none;
	vertical-align: top;
}
#content ol li {		
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 0px 3px;
	text-align: left;
	text-indent: 0px;
	vertical-align: top;
}


#content p{
	margin: 0 0 24px;
}
#content h2,
.contentarea h2 {
	color:#ef2e2e;
	font-size:22px;
	line-height:24px;
	margin: 0 0 12px;
}
#content ol,
.contentarea ol,
#content ul,
.contentarea ul{
	clear: both;
}
#content h3,
.contentarea h3{
	font-size:18px;
	line-height:21px;
	margin: 0 0 5px;
	color:#004261;
}
#content h4,
.contentarea h4,
#content h5,
.contentarea h5 {
	font-size:18px;
	line-height:23px;
	color:#004261;
}


#content h6,
.contentarea h6 {
	width: 60%;
	padding-right: 40%;
	margin: 50px 0 50px 0;
	font:30px/36px Georgia, "Times New Roman", Times, serif;
	color: #ef2e2e;	
}

/* #content strong,b {
	color: #101010;	
} */

.socool-calloutbox {
	background: #ef2e2e;
}
#content .socool-calloutbox h1,
#content .socool-calloutbox h2,
#content .socool-calloutbox h3,
#content .socool-calloutbox h4,
#content .socool-calloutbox h5,
#content .socool-calloutbox h6,
#content .socool-calloutbox p,
#content .socool-calloutbox a 

.contentarea .socool-calloutbox h1,
.contentarea .socool-calloutbox h2,
.contentarea .socool-calloutbox h3,
.contentarea .socool-calloutbox h4,
.contentarea .socool-calloutbox h5,
.contentarea .socool-calloutbox h6,
.contentarea .socool-calloutbox p,
.contentarea .socool-calloutbox a {
	color: #fff;
}
.socool-calloutbox-inner {
	background: #ef2e2e;
	width: 92%;
	padding: 20px 4% 20px 4%;
	
}




.form .form-readonly-value {
	font:  100% Arial, Helvetica, sans-serif;
	margin: 0;
    padding: 9px 10px;
    border: 1px solid #efeeee;
    background: #eeeeee;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    color: #454748;
    display: block;
    float: left;
    box-sizing: border-box;
}

/* @group Form Styles */

/* FORMS
******************************************************/

.form-control {
	width: 100%;
	float: left;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	box-sizing: border-box;
	
}
.form-control-submit {
	padding-top: 20px;
}
.form-control-submit input {
	display: block;
	float: left;
}
.form-control-submit .reset-button {
	background: none;
	border: none;
	text-decoration: underline;
	color: #ef2e2e;
	margin-top: 5px;
}

.form-control.two-rows input {
	clear: both;
	margin-bottom: 10px;
}
.form-control.one-row input {
	margin-bottom: 10px;
	margin-right: 20px;
}

.form .columns-1-2 {
	width: 50%;
}
.form .columns-1-1 {
	width: 100%;
}
.form .columns-1-3 {
	width: 33.33%;
}
.form .columns-2-3 {
	width: 66.66%;
}
.form .columns-side {
	width: 100%;
}
.form label {
	font-weight: bold;
}


.form-control span.required {
	color: #f00;
	padding-left: 2px;
}

.form select {

	display: inline-block;
	border: 1px solid #bed4db;
	padding: 8px 4px 7px 3%;

	width: 100%;
	font-size: 16px;
	line-height: 19px;
	height: 37px;
	font-weight: bold;
	color: #0869a2;
	background: #fff url(images/select-bg.png) top right !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	outline: none;
	text-indent: 0.01px;
	border-radius: 4px;
}
.form select option {
	font-size: 16px;
	font-weight: bold;
	color: #0869a2;
	outline: none;
}


input,
textarea {
	margin: 0;
	padding: 9px 10px;
	border: 1px solid #d6dee1;
	background: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	color: #454748;
	display: block;
	float: left;
	box-sizing: border-box;
}
input[type=checkbox],
input[type=radio] {
	padding: 0;
	border: none;
	background: none;
    border-radius: 0;
}


.form {
	width: 100%;
	box-sizing: content-box;
}

label {
	box-sizing: border-box;
	padding: 8px 14px 0 0;
	margin: 0;

	display: block;
	margin-bottom: 3px;
	color: #595d5d;
	font-size: 14px;
	font-weight: normal;

}
.form input[type=submit] {
	font-size: 17px;
	line-height: 20px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	background: #19c0d3;
	border-radius: 3px;
	padding: 9px 25px 8px;
	border: none;
}

.form input[type=text],
.form textarea {
	width: 100%;
	box-sizing: border-box;

}

.socool-form-validate .help-block {
	display: block;
    min-width: 100px;
    max-width: 100%;
    width: auto !important;
    color: #000;
    font-size: 13px;
    padding: 5px 7px 4px 30px;
    color: #000;
    position: absolute;
    margin-top: 0px;
    position: relative;
    border-radius: 0;
    clear: both;
    font-weight: bold;
    background-color: #19C0D3;
    border: 1px solid #18C0D3;
}

.socool-form-validate .help-block:before {
      content: "!";
      position: absolute;
      width: 18px;
      height: 18px;
      background: #fff;
      color: #19C0D3;
      

      top: 4px;
      left: 5px;
      font-size: 15px;
      line-height: 18px;
      text-align: center;
      border-radius: 9px;
      right: auto;
      pointer-events: none;
	
}
.socool-form-validate .help-block.form-error {
	color: #fff;
}
.socool-form-validate .help-block:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 8px;
      border-style: solid;
/*      border-color: transparent transparent #22526a transparent;*/
      border-color: transparent transparent #19C0D3 transparent;

      top: -16px;
      left: 10px;
      right: auto;
      pointer-events: none;
}

.help-block {
	
    display: block;
    float: left;
    max-width: 100%;
    color: #000;
    font-size: 13px;
    padding: 10px;
    background-color: #0869a2;
    color: #000;
    width: 120px;
    position: absolute;
    border: none;
    margin-top: 44px;
    border-radius: 3px;
}
.help-block.form-error {
	color: #fff;
}
.help-block:after {
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 8px;
      border-style: solid;
/*      border-color: transparent transparent #22526a transparent;*/
      border-color: transparent transparent #0869a2 transparent;

      top: -16px;
      left: 10px;
      right: auto;
      pointer-events: none;
}

.form .form-error {
	border-color: #19C0D3;
}



.form .form-description {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 15px;
	color: #666;
	padding: 5px 5px 5px 5px;
	box-sizing: border-box;
	
}


.form-validate-email input {
	background: #fff url(images/form-icons.png) no-repeat left top;
	background-size: 32px 128px;
	padding-left: 35px;
}
.form-validate-phone input,
.form-validate-msisdn input {
	background: #fff url(images/form-icons.png) no-repeat left -40px;
	background-size: 32px 128px;
	padding-left: 35px;
	
}

.form-validate-date input {
	background: #fff url(images/form-icons.png) no-repeat right -86px;
	background-size: 32px 128px;
	padding-right: 35px;
	
}


.form .columns-side .form-input-wrap {
	width: 75%;
	float: left;
	display: block;
}
.form .columns-side label {
	width: 25%;
	float: left;
	display: block;
	text-align: right;
}

.form .columns-1-1 input[type=text],
.form .columns-1-1 textarea {
	width: 100%;

}

.form input.address-input-street2 {
	margin-top: 4px;
}
.form input.address-input-country {
	margin-top: 4px;
}
.form input.address-input-postcode {
	width: 49% !important;
	margin-right: 1%;
	float: left;
	margin-top: 4px;
}
.form input.address-input-city {
	width: 50% !important;
	float: left;
	margin-top: 4px;
}

.form input.name-input-first {
	width: 49% !important;
	margin-right: 1%;
	float: left;
	margin-top: 4px;
}
.form input.name-input-last {
	width: 50% !important;
	float: left;
	margin-top: 4px;
}



.form .form-control-radio-option input {
	display: none;
}
.form .form-control-radio .form-input-wrap {
	padding: 0;
}
.form .form-control-radio-option {
	display: block;
	float: left;
	position: relative;
	padding: 0;
	margin: 10px 16px 0 0;
}
.form .form-control-radio-option label {
	width: auto;
	float: left;
	padding: 0 0 0 24px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: normal;
	text-align: left;
}
.form .form-control-radio-option label:before {
	content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #c3d7de;
 
    margin-right: 9px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ecf2f0;
    border-radius: 8px;
    font-size: 18px;
    line-height: 16px;	




}
.form .form-control-radio-option.checked label:before {
    background-color: #19c0d3;
    border-color: #19c0d3;
    text-align: center;

}
.form .form-control-radio-option.checked label:after {
	content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 1px solid #19c0d3;
 
    margin-right: 9px;
    position: absolute;
    top: 5px;
    left: 5px;
    background-color: #fff;
    border-radius: 3px;
	
    text-align: center;
}
.form .form-control-radio-option.checked label {
	color: #0869a2;
}




.form .form-control-checkbox-option input {
	display: none;
}
.form .form-control-checkbox .form-input-wrap {
	padding: 0;
}
.form .form-control-checkbox-option {
	display: block;
	float: left;
	position: relative;
	padding: 0;
	margin: 10px 16px 0 0;
}
.form .form-control-checkbox-option label {
	width: auto;
	float: left;
	padding: 0 0 0 24px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: normal;
	text-align: left;
}
.form .form-control-checkbox-option label:before {
	content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #bed4db;
 
    margin-right: 9px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ecf2f0;
    border-radius: 2px;
    font-size: 18px;
    line-height: 16px;	

}
.form .form-control-checkbox-option.checked label:before {
	
    content: "\2713";
    color: #f3f3f3;
    background-color: #19c0d3;
    border-color: #19c0d3;
    text-align: center;
}
.form .form-control-checkbox-option.checked label {
	color: #0869a2;
}




/* Separators */
.form .form-separator-space .form-control-checkbox-option,
.form .form-separator-space .form-control-radio-option {
	display: block;
	float: left;
}

.form .form-separator-widerspace .form-control-checkbox-option,
.form .form-separator-widerspace .form-control-radio-option {
	display: block;
	float: left;
	margin-right: 24px;
}
.form .form-separator-linebreak .form-control-checkbox-option,
.form .form-separator-linebreak .form-control-radio-option {
	clear: both;
}
.form-control-hidden {
	display: none;
}


/* Site specific customizations */

.form .columns-side label {
	font-weight: normal;
}





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

.form .columns-1-2 {
	width: 100%;
}
.form .columns-1-1 {
	width: 100%;
}
.form .columns-1-3 {
	width: 100%;
}
.form .columns-2-3 {
	width: 100%;
}
.form .columns-side {
	width: 100%;
}
.form .columns-side label {
	width: 100%;
	text-align: left;
	font-weight: bold;
}
.form .columns-side .form-input-wrap {
	width: 100%;
}
}









/* @group datepicker */
.xdsoft_datetimepicker{
	box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.1506);
	background: #FFFFFF;
	border: 1px solid #fff;
	color: #333333;
	display: block;
	font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
	padding: 8px;
	padding-left: 0px;
	padding-top: 2px;
	position: absolute;
	z-index: 99999;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display:none;
}

.xdsoft_datetimepicker iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 75px;
    height: 210px;
    background: transparent;
    border:none;
}
/*For IE8 or lower*/
.xdsoft_datetimepicker button {
    border:none !important;
}

.xdsoft_noselect{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.xdsoft_noselect::selection { background: transparent; }
.xdsoft_noselect::-moz-selection { background: transparent; }
.xdsoft_datetimepicker.xdsoft_inline{
	display: inline-block;
	position: static;
	box-shadow: none;
}
.xdsoft_datetimepicker *{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px;
	margin:0px;
}
.xdsoft_datetimepicker .xdsoft_datepicker, .xdsoft_datetimepicker  .xdsoft_timepicker{
	display:none;
}
.xdsoft_datetimepicker .xdsoft_datepicker.active, .xdsoft_datetimepicker  .xdsoft_timepicker.active{
	display:block;
}
.xdsoft_datetimepicker .xdsoft_datepicker{
	width: 224px;
	float:left;
	margin-left:8px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker{
	width: 58px;
	float:left;
	text-align:center;
	margin-left:8px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_datepicker.active+.xdsoft_timepicker{
	margin-top:8px;
	margin-bottom:3px
}
.xdsoft_datetimepicker  .xdsoft_mounthpicker{
	position: relative;
	text-align: center;
}

.xdsoft_datetimepicker  .xdsoft_prev, .xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
}
.xdsoft_datetimepicker  .xdsoft_prev{
    float: left;
	background-position:-20px 0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button{
    float: left;
	background-position:-70px 0px;
	margin-left:5px;
}

.xdsoft_datetimepicker  .xdsoft_next{
    float: right;
	background-position:0px 0px;
}
.xdsoft_datetimepicker  .xdsoft_next:active,.xdsoft_datetimepicker  .xdsoft_prev:active{
}
.xdsoft_datetimepicker  .xdsoft_next,.xdsoft_datetimepicker  .xdsoft_prev ,.xdsoft_datetimepicker  .xdsoft_today_button{
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0px none currentColor;
	cursor: pointer;
	display: block;
	height: 30px;
	opacity: 0.5;
	outline: medium none currentColor;
	overflow: hidden;
	padding: 0px;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 20px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	float:none;
	background-position:-40px -15px;
	height: 15px;
	width: 30px;
	display: block;
	margin-left:14px;
	margin-top:7px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev{
	background-position:-40px 0px;
	margin-bottom:7px;
	margin-top:0px;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box{
	height:151px;
	overflow:hidden;
	border-bottom:1px solid #DDDDDD;
}
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div{
	background: #F5F5F5;
	border-top:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: center;
	border-collapse:collapse;
	cursor:pointer;
	border-bottom-width:0px;
	height:25px;
	line-height:25px;
}

.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div > div:first-child{
 border-top-width:0px;
}
.xdsoft_datetimepicker  .xdsoft_today_button:hover,
.xdsoft_datetimepicker  .xdsoft_next:hover,
.xdsoft_datetimepicker  .xdsoft_prev:hover {
    opacity: 1;
}
.xdsoft_datetimepicker  .xdsoft_label{
	display: inline;
    position: relative;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
	float:left;
	width:182px;
	text-align:center;
	cursor:pointer;
}
.xdsoft_datetimepicker  .xdsoft_label:hover{
	text-decoration:underline;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select{
	border:1px solid #ccc;
	position:absolute;
	display:block;
	right:0px;
	top:30px;
	z-index:101;
	display:none;
	background:#fff;
	max-height:160px;
	overflow-y:hidden;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_monthselect{right:-7px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select.xdsoft_yearselect{right:2px;}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option:hover{
	color: #fff;
    background: #ff8000;
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option{
	padding:2px 10px 2px 5px; 
}
.xdsoft_datetimepicker  .xdsoft_label > .xdsoft_select > div > .xdsoft_option.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_month{
	width:90px;
	text-align:right;
}
.xdsoft_datetimepicker  .xdsoft_calendar{
	clear:both;
}
.xdsoft_datetimepicker  .xdsoft_year{
	width:56px;
}
.xdsoft_datetimepicker  .xdsoft_calendar table{
	border-collapse:collapse;
	width:100%;
	
}
.xdsoft_datetimepicker  .xdsoft_calendar td > div{
	padding-right:5px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar td,.xdsoft_datetimepicker  .xdsoft_calendar th{
	width:14.2857142%;
	text-align:center;
	background: #F5F5F5;
	border:1px solid #DDDDDD;
	color: #666666;
	font-size: 12px;
	text-align: right;
	padding:0px;
	border-collapse:collapse;
	cursor:pointer;
	height: 25px;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	background: #F1F1F1;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_today{
	color:#33AAFF;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_current{
	background: #33AAFF;
	box-shadow: #178FE5 0px 1px 3px 0px inset;
	color:#fff;
	font-weight: 700;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month,
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled,
.xdsoft_datetimepicker  .xdsoft_time_box >div >div.xdsoft_disabled{
	opacity:0.5;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled{
	opacity:0.2;
}
.xdsoft_datetimepicker  .xdsoft_calendar td:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div:hover{
	color: #fff !important;
    background: #ff8000 !important;
    box-shadow: none !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_time_box >div >div.xdsoft_disabled:hover{
	color: inherit	!important;
    background: inherit !important;
    box-shadow: inherit !important;
}
.xdsoft_datetimepicker  .xdsoft_calendar th{
	font-weight: 700;
	text-align: center;
	color: #999;
	cursor:default;
}
.xdsoft_datetimepicker  .xdsoft_copyright{ color:#ccc !important; font-size:10px;clear:both;float:none;margin-left:8px;}
.xdsoft_datetimepicker  .xdsoft_copyright a{ color:#eee !important;}
.xdsoft_datetimepicker  .xdsoft_copyright a:hover{ color:#aaa !important;}


.xdsoft_time_box{
	position:relative;
	border:1px solid #ccc;
}
.xdsoft_scrollbar >.xdsoft_scroller{
	background:#ccc !important;
	height:20px;
	border-radius:3px;
}
.xdsoft_scrollbar{
	position:absolute;
	width:7px;
	width:7px;
	right:0px;
	top:0px;
	bottom:0px;
	cursor:pointer;
}
.xdsoft_scroller_box{
position:relative;
}

/* @end */


.form .form-control>label {
	color: #ef2e2e;
}
.form input[type=submit] {
	background: #ef2e2e;	
}
input, textarea {
	background-color: #f6f9fa;
    border-radius: 4px;
}

.form .form-control-checkbox-option.checked label:before {
    background-color: #ef2e2e;
    border-color: #ef2e2e;
}


.form-validate-email input,
.form-validate-phone input,
.form-validate-msisdn input,
.form-validate-date input {
	background-color: #f6f9fa;
	
}






.form select {
	color: #454748;
}

.formbasic select {
	font-size: 12px; 
	line-height: 18px; 
	font-family: Arial, Helvetica, sans-serif; 
	color: rgb(68, 68, 68);
}

.formbasic dl {
	color: rgb(68, 68, 68); 
	font-size: 12px; 
	line-height: 18px;
} 

.formbasic dt {
	padding: 6px 0px 0px; 
	margin: 0px; 
	color: rgb(85, 85, 85);
}
.formbasic dd {
	padding: 0px; 
	margin: 0px;
}

.formbasic label {
	color: rgb(85, 85, 85); 
	font-weight: bold;
}






.ui-helper-hidden-accessible {
	display: none;
}

/* Error tooltip */
.ui-tooltip {
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	padding: 4px 6px;
	background: #fff;
    border-radius: 4px;
	-webkit-background-clip: padding-box; background-clip: padding-box;
	box-shadow: 0 0 7px black;
	color: red;
	font-weight: bold;
	font-size: 0.9em;
}


::placeholder { 
	color: #929aa0;
}
::-webkit-placeholder { 
	color: #929aa0;
}






.posts-heading {
	margin-top: 20px !important;
	margin-bottom: -15px !important;

}
.posts-heading h1 {
	margin: 0;
}
					.mobile-image {
						display: none;
						float: left;
						overflow: hidden;
					}


#wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
}
.container{
	max-width:1024px;
	margin:0 auto;
	position:relative;
	padding:0 0px;
}
#menu-container {
	
	max-width:1024px;
	margin:0 auto;
	position:relative;
	padding:0 0px;
}
#menu-container:after,
.container:after{
	content:"";
	display:block;
	clear:both;
}
.wrap{
    overflow:hidden;
}

#header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	min-width:320px;
	padding:39px 0 0;
	z-index:999;
    transition:all 0.25s linear;	
}

.noscroll #header{
	position: absolute !important;
}
.btn-login{
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	height: 15px;
	line-height: 15px;

	text-transform:uppercase;
	font-weight:bold;
	color:#fff;
	background:#004261;
	padding:12px 20px;

	transition:all 0.25s linear;
}
.btn-login.btn-verkkokauppa {
	width: auto;
	right: 98px;
}
.btn-login.btn-lahjoita {
	width: 58px;
	border-left: 1px solid #266482;
}
.scrolled .btn-login.btn-verkkokauppa {
	display: none;
}

html.no-touch .btn-login:hover{
	background:#266482;
	text-decoration:none;
}
#menu-wrap{
	background:#fff;
	box-shadow: 0 0 10px rgba(9, 13, 28, 0.1);
}
.joulupata #menu-wrap {
	background: transparent !important;
	box-shadow: none;
}
.joulupata #menu-wrap .container #nav {
	display: none !important;
}
.joulupata #header #mobile-menu-trigger {
	display: none !important;
}
.joulupata #header {
	position: absolute !important;
}

.socool-column .post-holder {
	background: none;
}

.w1{
	/* background:#fff; */
	position:relative;
}
.logo{
	float:left;
	margin:-27px 0 -45px 10px;
	position:relative;
	z-index:9999;
}
#header .logo {
	position: absolute;
	top: 10px;
	left: 40px;
	margin: 0px 0 0px 0px;
	transition:all 0.25s linear;
}

#nav{
	float:left;
	font-size:19px;
	line-height:20px;
	font-weight:bold;
	position:relative;
}
#nav .mobile-menu-trigger{display:none;}
/*.scrolled #nav .slide{display:none;}*/

#nav .drop{float:left;}
#nav .desktop-hidden{display:none;}
#nav ul{
	float:left;
	margin:0;
	padding: 0 0 0 0px;
	list-style:none;
}


#nav li{float:left;}
#nav {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
#nav a{
	display:block;
	padding: 21px 20px 19px 20px;
	color:#213164;
	transition:color 0.2s linear, background 0.2s linear;
}
html.no-touch #nav a:hover,
#nav .active a{
	color:#fff;
	background:#ef2e2e;
	text-decoration:none;
}
#nav .slide{
	position:absolute;
	top:-9999px;
	left:0;
/*	right:0;*/
	width: 1200px;
	background:#ef2e2e;
	font-size:15px;
}
#nav li.active .slide{top:100%;}
#nav .slide:before,
#nav .slide:after{
	content:'';
	position:absolute;
	width:9999px;
	right:100%;
	top:0;
	bottom:0;
	background:#ef2e2e;
}

#nav .slide:after{
	right:auto;
	left:100%;
}
#nav .slide a{
	color:#fff;
	padding:16px 16px 14px;
}
html.no-touch #nav .slide a:hover{background:#b60000;}

#nav .slide li.active a {
	background:#b60000;
}






.resize-active .wrap,
.resize-active .drop,
.resize-active .drop > ul {
	transition:none !important;
}

/* @group Search Box */
		#top-nav {
			display: block;
			float: left;

		    position: absolute;
		    right: 0;
		    top: 0;
		    font-size: 12px;
		    height: 39px;
		    line-height: 15px;
		    text-transform: uppercase;
		    font-weight: bold;
		    color: #fff;
		    background: #004261;
		    transition: all 0.25s linear;
		    padding-right: 10px;

		}
		.scrolled #top-nav { 
			top: 60px;
			right: -90px;
			z-index: 30;
			background: #bb1b1c;
		}
		#top-nav a {
			display: block;
			float: left;
		    padding: 12px 20px;
		    font-size: 12px;
		    height: 15px;
		    line-height: 15px;
		    text-transform: uppercase;
		    font-weight: bold;
		    color: #fff;
		}
		#top-nav a:hover {
			text-decoration: none;
			color: rgba(255,255,255,0.8);
		}
		#top-nav a.separated {
			border-right: 1px solid #266482;
			margin-right: 10px;
		}
		#top-nav a.narrow {
			padding: 12px 10px;
		}
		#nav-search-box {
			display: none;
		    float: left;
		    padding: 0px 0px 0px 0px;
		    background: rgba(255,255,255,0.9);
		    position: fixed;
		    top: 99px;
		    right: 0;
		    box-shadow: 1px 7px 10px rgba(0,0,0,0.1);
		    transition: all 0.25s linear;
		    border-top: 1px solid #eee;
			opacity: 0;
			display: block;
			overflow: hidden;
			height: 0px;
			z-index: 31;
		}
		.scrolled #nav-search-box { 
			top: 60px;		   
		}
		#nav-search-box.show { 
		    transition: all 0.25s linear;
			opacity: 1;
			height: 38px;
			padding: 22px 0px 20px 0px;
		}
		#nav-search-box table,
		#nav-search-box table tr,
		#nav-search-box table tr td {
			padding: 0;
			margin: 0;
		    border-collapse: collapse;
		    border: none;
		}
		#nav-search-box table tr td {
			padding-left: 10px;
		}
		#nav-search-button {
			position: absolute;		
			top: 39px;
			right: 0;
			height: 60px;
			width: 60px;
			transition: all 0.25s linear;
			border-left: 1px solid #eee;
			cursor: pointer;
		}
		.scrolled #nav-search-button { 
			top: 0px;
		}
		#nav-search-button img {
			margin-top: 15px;
			margin-right: 15px;
		}
		#nav-search-box .nav-search-field-wrap {
			padding-left: 20px;
		}
		#nav-search-box .nav-search-submit-wrap {
			padding-right: 20px;
			width: 80px;
		}
		#nav-search-box .nav-search-field {
			display: block;
			float: left;
			padding: 5px 10px 5px 10px;
			border: 1px solid #30adba;
			background: #fff;
			color: #000;
			font-weight: normal;
			font-size: 18px;
			line-height: 22px;
			width: 100%;
			min-width: 260px;			
			outline: none;
		}
		#nav-search-box .nav-search-submit {
			display: block;
			float: left;
			padding: 5px 10px 5px 10px;
			border: 0;
			background: #30adba;
			border: 1px solid #31adba;
			color: #fff;
			font-weight: bold;
			font-size: 16px;
			line-height: 22px;
			margin-left: 5px;
		}
		#mobile-menu-trigger {
			cursor: pointer;
		}
		@media only screen and (max-width: 719px) {
			#nav-search-box {
				top: 60px;
				border-top: 1px solid #eee;
			}
			#nav-search-button {
				top: 0;
				right: 60px;
				border-right: 1px solid #eee;
			}
			#top-nav {
				top: 12px;
				background: none;
				right: 105px;
				background: transparent;
			}
			.scrolled #top-nav { 
				top: 12px;
				right: 105px;
				z-index: 30;
				background: transparent;
			}

			#top-nav a {
				display: none;
			}
			#top-nav a.separated {
				display: block;
				color: #53616e;
    			font-size: 15px;
    			border: none;
			}
			#top-nav a:hover {
				color: #000;
			}
			#nav-search-box {
				width: 100%;
			}
			#nav-search-box table {
				width: 100%;
    		}
		}


/* @end */




/* @group Scrolled */

.scrolled #header {
	padding-top: 0;
    transition:all 0.25s linear;
}
#language-selector {
	position: absolute;
	top: 58px;
	right: 16px;
    transition: all 0.25s linear;
}
#language-selector a,
#language-selector a span,
#language-selector a img {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

.scrolled #language-selector {
    top: 20px;
    transition: all 0.25s linear;
}

.scrolled #menu-wrap{
	background:rgba(255,255,255,.85);
	
}
.scrolled #header .logo {
    transition:all 0.25s linear;
    top: 4px;
    left: 45px;
}
#header .logo img {
	width: 106px;
	height:auto;
    transition:all 0.25s linear;
}
.scrolled #header .logo img {
	display:block;
	width: 90px;
	height:auto;
	transition:all 0.25s linear;
}
.scrolled #nav ul{
	padding:0 0 0 0px;
/*	margin:0 -10px 0 0;*/
}


.scrolled #nav ul li a {
	padding-top: 21px;
	padding-bottom: 19px;
}

.scrolled #nav ul.slide li a{
	padding-top: 11px;
	padding-bottom: 9px;
}
.scrolled #nav a{
	padding-top:17px;
	padding-bottom: 15px;
}	
#header.scrolled{padding:0;}
.scrolled .btn-login{
	display: block;
	float: left;
	box-sizing: content-box;
	padding: 16px 20px 13px 20px;
	z-index:100;
    transition:all 0.25s linear;
}
.template-home.scrolled .btn-login {
	padding: 24px 20px 21px 20px;
	
}

/* @end */




/* @group Cookie warning */

.cookie-bar {
    position: fixed;
    z-index: 10000;
    background: #000;
    width: 94%;
    bottom: 0;
    left: 0;
    padding: 20px 3% 25px 3%;
    color: #fff;
    display: none;
}
.info-ball {
/*	background: #9bb2b8; */
	color: #000;
	display: block;
	float: left;
	width: 4px;
	height: 8px;
	padding: 4px 8px 8px 8px;
	border-radius: 10px;
	position: absolute;
	font-weight: bold;
	background: #fff;
	font-size: 14px;
	line-height: 14px;
	top: 22px;
	left: auto;
}
.cookie-col-left {
	float: left;
	width: 60%;
}
.cookie-col-left p {
	padding: 0 0 0 35px; 
	margin: 0;
}
.cookie-col-right {
	float: right;
	width: 30%;
}
.cookie-col-right a {
	float: right;
}
.cookie-bar .link-1 {
	background: #aa41d6;
}

@media only screen and (max-width: 719px) {
.cookie-bar {
	
}
.cookie-col-left {
	float: left;
	width: 100%;
}
.cookie-col-right {
	float: left;
	width: 100%;
	padding-top: 20px;
}
.cookie-col-right a {
	float: left;
	margin-left: 35px;
}
}


/* @end */




.bg-stretch{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	overflow:hidden;
}
#lahjoita-bg {

	position: fixed; 
	width: 100%; 
	top: 0; 
	left: 0; 
	bottom: 0; 
	right: 0; 
/*	background: url(/css/images/img14.jpg) top center;*/
	background: url(/css/cards/BG_auta-ihmista.jpg) top center; 
	background-size: cover;
	background-position: center top;
}

/*.bg-stretch img {
	width: 100% !important; 
}
*/
.card-image-bottom,
.card-image-first-left,
.card-image-first,
.card-image-left,
.card-image-right {
	display: block;
	float: left;
	width: 100%;
	position: relative;
	height: 480px;
	overflow: hidden;
}
.card-image-bottom {
	height: auto;
}

.card-image-first {
	height: 580px;
}
.card-image-first-left {
	height: 580px;
}
.text-box-text {
	display: block;
	float: left;
	width: 100%;
}

.section{position:relative;}


.section .text-box p{margin: 0 0 13px;}
.list-list{
	list-style:none;
	margin:0;
	
	padding: 0 0 12px;
	font-weight:bold;
}
.list-list li{margin: 0 0 12px;}

.link-1:after {
	content: ' ›';
}
.link-2,
.btn{
	font-size: 17px;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	display:inline-block;
	vertical-align:top;
	background:#ef2e2e;
	border-radius:3px;
	padding: 9px 15px 8px;
}
html.no-touch .link-2:hover,
html.no-touch .btn:hover{
	text-decoration:none;
	background:#b60000;
}
.align-center {
	text-align: center !important;
}

.market .text-box{
	width: 492px;
	float:right;
	padding: 199px 80px 30px 10px;
}
.market-alt h1{margin: 0 0 26px;}
.market-alt .text-box{
	width:350px;
	padding: 100px 10px 67px 20px;
}
.volunteer .text-box{
	width:100%;
	padding: 53px 90px;
	text-align:center;
}
.volunteer{min-height: 581px;}
.activities .text-box{
	width: 491px;
	float:right;
	padding: 144px 10px 120px;
}
.post-holder{background:#ecebe8;
display: block;
float: left;
width: 102%;}
.post-holder .holder{
	margin:0 -10px;
	overflow:hidden;
	padding:30px 0 29px;
	font-size:0;
	letter-spacing:-4px;
}
.post-holder .post{
	display:inline-block;
	vertical-align:top;
	width:322px;
	padding:0 10px;
/*	letter-spacing:0; */
	margin:0 0 21px;
}
.post .img-holder{position:relative;}
.post .img-holder img{
	width:100%;
	display:block;
	height:auto;
}
.post .img-holder .btn{
	position:absolute;
	left:0;
	top:0;
	font-size: 12px;
	text-transform: uppercase;
	padding: 5px 11px;
	border-radius: 0;
}
html.no-touch .post .img-holder a:hover .btn{background:#b60000;}
.post .text-holder{
	background:#fff;
	padding: 16px 8px 20px 20px;
}
.post{
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.4px; 
}
.post h1{
	font:bold 18px/21px "Marr Sans Bold", Arial, Helvetica, sans-serif;
	margin: 0 0 9px;
	color: rgb(0,66,97);
}
.post h1 a {color:#101010;}

.post h3{
	font-size: 18px;
	line-height: 21px;
	margin: 0 0 9px;
}
.post h3 a {color:#004261;}


a .post p {color:#101010;}
.post p {margin:0 0 5px;}
.post .title{
	color:#101010;
	display:block;
}
#footer {
	color:#fff;
	background:#ef2e2e;
	padding: 40px 0 40px;
	display: block;
	float: left;
	width: 100%;
}
#footer .holder {
	width:66.666%;
	padding: 10px 5px 0;
	float:left;
	text-align:center;
	
}
#footer .holder h4 {
	text-transform:uppercase;
	font: 30px/39px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	margin: 0;
	color: #fff;
}
#footer .holder p {
	font: 20px/46px Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align:center;
	margin: 10px 0 40px 0;
}

#footer .logo{
	margin:0 auto;
	display:block;
	float:none;
	z-index:10;
}
.panel{
	float:right;
	width:300px;
	padding:10px 0 0;
}
.add-nav{
	list-style:none;
	margin:0 0 25px;
	padding:0 0 18px;
	font-weight: bold;
	border-bottom:1px solid #cb292b;
}
.add-nav a{
	display:inline-block;
	vertical-align:top;
	padding: 6px 13px;
	color:#fff;
	border-radius:3px;
}
html.no-touch .add-nav a:hover{
	background:#cb292b;
	text-decoration:none;
}
.service-nav{
	list-style:none;
	margin:0;
	
	padding: 0 0 13px;
	font-size:14px;
	line-height:18px;
}
.service-nav li{margin: 0 0 8px 11px;}
.service-nav a{color:#fff;}
.social-networks{
	list-style:none;
	margin:0;
	
	padding: 0 0 19px 13px;
	overflow:hidden;
	display: block;
}
.social-networks li{
	float:left;
	margin: 0 7px 0 0;
}
.social-networks a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background: url(images/sprite.png) no-repeat -9999px -9999px;
	background-size: 220px 160px;
	width:27px;
	height:27px;
}
html.no-touch .social-networks a:hover{opacity:0.7;}
.social-networks .facebook{background-position:0 0;}
.social-networks .flickr{background-position:-37px 0;}
.social-networks .twitter{background-position:-74px 0;}
.social-networks .youtube{background-position:-111px 0;}
.social-networks .instagram{background-position:-147px 0;}
.social-networks .pinterest{background-position:-183px 0;}

.red-box-border {
	border-top: 1px solid #cb292b; 
	padding-top: 20px;
}
.red-box-border .copy {
	margin-bottom: 30px;
}
.copy{
	font-size:14px;
	line-height:16px;
	padding: 0 0 0 13px;
}
.copy p{margin:0 0 10px;}

.copy{
	font-size:14px;
	line-height:16px;
	padding: 0 0 0 13px;
}
.copy p{margin:0 0 10px;}

.main-holder{
	padding:177px 0 50px;
	
	background:#ecebe8;
	position:relative;
}
#content{
	width:608px;
	float:left;
	background:#fff;
	padding: 24px 26px 30px 30px;
	font-size:16px;
	line-height:20px;
	color:#595d5d;
}
.article h1{margin: 0 0 7px;}
.article header time{
	font-size:12px;
	line-height:14px;
	color:#595d5d;
	display:block;
}
.article header{margin: 0 0 16px;}
.article .img-holder{margin:0 0 25px;}
.article .img-holder img{
	margin:0 auto;
	display:block;
	height:auto;
	max-width:100%;
}

.share{padding: 12px 0 0;}
.share li{margin:0 7px 0 0;}
.share .facebook{background-position:0 -60px;}
.share .twitter{background-position:-40px -60px;}
.share .google{background-position:-80px -60px;}
.aside{
	float:left;
	width:322px;
	margin-left: 20px;
}
.aside .post{margin:0 0 21px;}
.aside .post p a {
  color: #595d5d;
  font-weight: normal;
}
.aside .post h4 {
	margin: 0 0 6px 0;
}
.filter-form{
	margin:0 20px 20px 0px;
	padding:10px 55px 10px 20px;
	background:#ef2e2e;
	color:#fff;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	text-align:center;
	
}
.filter-form label{
	display:inline-block;
	vertical-align:top;
	margin:5px 12px;
	color: #fff;
}
.select-holder {
	display:inline-block;
	vertical-align:top;
	overflow:hidden;
	border-radius:4px;
	width:235px;
	background:#fff url(images/sprite.png) no-repeat 100% -128px;
	background-size: 220px 160px;
	margin-left: 10px;
}
.select-holder select{
	display:block;
	width:110%;
	color:#ef2e2e;
	font-size:18px;
	line-height:20px;
	border: 0 !important; 
	text-overflow: "";
	background:transparent;
	padding: 6px 50px 6px 7px;
	-moz-appearance: none;
	-webkit-appearance:none;
	appearance: none;
	outline:none;
	box-shadow: none;
}
.filter-form select:focus {outline: none;}
.post-holder.alt .post{margin:0 0 21px;}
.post-holder.alt .holder{padding:0;}
.donate{
	max-width:556px;
	margin:0 auto;
	padding: 190px 0 0;
}
.donat-form p.donate-submit-note {
	float: left;
	padding: 0 0 0 5px;
	margin: 0;
	width: 30%;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
}

.donate #content{
	float:left;
	display: block;
	width:500px;
}
.donat-form{
	margin: 0 0 40px;
	padding: 20px 0 0px 0;
	display: block;
	color:#fff;
	font-weight:bold;
	background:#ef2e2e;
	font-size: 14px;
	box-shadow: 2px 0px 46px 0px rgba(0,0,0,0.15);
}

.donat-form .top-box{padding: 25px 52px 3px 52px;}
.donate h1 {
	display:block;
	text-align:center;
	margin: 10px 0 10px 0;
	color: #fff;
	font-size: 42px;
}
.donat-form p {
	text-align: center;
	padding: 0 0 20px 0;
}
.donat-form p a {
	color: #fff;
	text-decoration: underline;
}
.donat-form .row:after{
	content:"";
	display:block;
	clear:both;
}
.donat-form .row{margin: 0 0 21px;}
.donat-form .row .btn{
	background:#b60000;
	color:#fff;
	padding:9px 12px 8px;
	margin: 0 6px 4px 0;
	position: relative;
}
.donat-form .row label.btn{
	width: auto;
}
.donat-form .row .btn input {
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
.donat-form #donate-submit:disabled {
	opacity: 0.2;
	cursor: default !important;
}
html.no-touch .donat-form #donate-submit:hover:disabled {
	cursor: default !important;
	background: #ef2e2e;
}

html.no-touch .donat-form .row .btn:hover,
.donat-form .row .btn.active{
	background:#fff;
	color:#b60000;
}
.donat-form label{
	float:left;
	width: 67px;
	padding: 7px 5px 0 0;
	color: #fff;
}
.donat-form .select-holder{
	width:auto;
	display:block;
}
#summa-muu-wrap.active:after {
	position: absolute;
	display: block;
	right: 5px;
	top: 3px;
	content: '€';
	color: #b60000;	
}
#summa-muu-wrap.active input {
	font-size: 15px;
	color: #b60000;	
}


#summa-muu-wrap {
	position: relative;
}
#summa-muu-wrap input {
	padding: 0;
}

#summa-muu-wrap.active {
	background: #fff;
}

.donat-form .select-holder select{
	padding-right:65px;
	color:#b60000;
	font-weight:bold;
}
.donat-form .btn-box{overflow:hidden;}
.donat-form .hold{
	float:right;
	width:85px;
	background:#b60000;
	margin: 3px 0 0 8px;
	padding:0 10px;
}
.donat-form input[type="text"]{
	display:block;
	width:100%;
	border-style:none;
	background:none;
	color:#e0e8e8;
	font-size:14px;
	line-height:18px;
	height:31px;
	outline:none;
	padding:6px 0;
}
.donat-form ::-webkit-input-placeholder {color: #e0e8e8;}
.donat-form :-moz-placeholder {color: #e0e8e8;}
.donat-form ::-moz-placeholder {
	color: #e0e8e8;
	opacity: 1;
}
.donat-form :-ms-input-placeholder {color: #e0e8e8;}
.donat-form .footer-box{
	background:#fff;
	text-align:right;
	padding: 15px 15px 14px;
	color:#4c5151;
}
.donat-form input[type="submit"]{
	border-style:none;
	height: 33px;
	padding:0;
	width:169px;
	text-align:center;
	font-size:16px;



}

.donat-form .mark{
	display:inline-block;
	vertical-align:top;
	padding: 6px 6px 0 0;
	font-weight:normal;
}

.select-city {
	background: #ef2e2e;
	display: block;
	float: left;
	width: 100%;
	padding:  12px 0 12px 0;
	margin: 20px 0 20px 0;
	position: relative;
}
#paikallinen {
	content: '';
	position: absolute;
	top: -73px;
	display: block;
	float: left;
	width: 1px;
	height: 1px;
	background: transparent;
}

.select-city label{
	float:left;
	width: auto;
	padding: 7px 5px 0 12px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

/* @group iRaiser */


#iraiser-lahjoitus {
	background: #ef2e2e;
	box-shadow: 2px 0px 46px 0px rgba(0,0,0,0.15);
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
}
#iraiser-lahjoitus .top-box {
	box-sizing: border-box;
	padding: 25px 0 3px 8%;
}
#iraiser-lahjoitus .footer-box {
	background: #fff;
	text-align: right;
	padding: 15px 15px 14px;
	color: #4c5151;
	min-height: 30px;
}
#iraiser-lahjoitus p {
	text-align: center;
	padding: 0 0 20px 0;
}
#iraiser-lahjoitus p a {
	color: #fff;
	text-decoration: underline;
}
#iraiser-lahjoitus-menu {
	display: block;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;		
    padding: 0;
    box-sizing: border-box;
}
#iraiser-lahjoitus-menu-tabs {
	display: block;
    float: left;
    width: 100%;
    list-style: none;
    margin: 0;		
    padding: 0;		
}
#iraiser-lahjoitus-menu-tabs li {

    list-style: none;
    display: block;
    float: left;
    margin: 0;
    padding: 10px 0 10px 0;

	text-align: center;
    width: 50%;

    font-weight: 700;
    background: #fff;
    color: #213164;
    cursor: pointer;
    position: relative;
    transition: all .1s ease-in-out;
}
#iraiser-lahjoitus-menu-tabs li.active {
    background: #ef2e2e;
    color: #fff;
}
#iraiser-lahjoitus .row:after {
	content: "";
	display: block;
	clear: both;
}
#iraiser-lahjoitus .row {
	margin: 0 0 21px;
}
#iraiser-lahjoitus .row .summa-button {
	background: #b60000;
	color: #fff;
	padding: 9px 12px 8px;
	margin: 0 6px 4px 0;
	position: relative;
	width: 21%;
}
#iraiser-lahjoitus .row .summa-button input {
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
}
#iraiser-lahjoitus .row .summa-button.active{
	background:#fff;
	color:#b60000;
}

html.no-touch #iraiser-lahjoitus .row .summa-button:hover {
	background:#fff;
	color:#b60000;
	cursor: pointer;
}

#iraiser-lahjoitus label {
	float:left;
	width: 67px;
	padding: 7px 5px 0 0;
	color: #fff;
}
#iraiser-lahjoitus .select-holder {
	box-sizing: border-box;
	width:74%;
	display:block;
}
#iraiser-lahjoitus .row label.lahjoitusbtn {
	width: 47%;
}
#iraiser-lahjoitus .select-holder select{
	padding-right:65px;
	color:#b60000;
	font-weight:bold;
}

#iraiser-lahjoitus #summa-muu-wrap.active:after {
	position: absolute;
	display: block;
	right: 5px;
	top: 3px;
	content: '€';
	color: #b60000;	
}
#iraiser-lahjoitus #summa-muu-wrap.active input {
	font-size: 15px;
	color: #b60000;	
}
#iraiser-lahjoitus #summa-muu-wrap {
	position: relative;
	float: left;
}
#iraiser-lahjoitus #summa-muu-wrap input {
	padding: 0;
}
#iraiser-lahjoitus #summa-muu-wrap.active {
	background: #fff;
}


#iraiser-lahjoitus #summa-muu-wrap input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color: #e0e8e8; 
}
#iraiser-lahjoitus #summa-muu-wrap input::-moz-placeholder { /* Firefox 19+ */
	color: #e0e8e8; 
}
#iraiser-lahjoitus #summa-muu-wrap input:-ms-input-placeholder { /* IE 10+ */
	color: #e0e8e8; 
}
#iraiser-lahjoitus #summa-muu-wrap input:-moz-placeholder { /* Firefox 18- */
	color: #e0e8e8; 
}

#iraiser-lahjoitus .hold.active {
	background:#fff;
	color: #b60000 !important;
}
#iraiser-lahjoitus .hold.active input {
	color: #b60000 !important;
}

#iraiser-lahjoitus #donate-submit:disabled {
	opacity: 0.2;
	cursor: default !important;
}

html.no-touch #iraiser-lahjoitus #donate-submit:hover:disabled {
	cursor: default !important;
	background: #ef2e2e;
}



#iraiser-lahjoitus .btn-box {
	overflow:hidden;
}

#iraiser-lahjoitus .hold {
	float: left;
    width: 83%;
    background: #b60000;
    margin: 3px 0 0 0px;
    padding: 0 10px;
}
#iraiser-lahjoitus input[type="text"] {
	display: block;
	width: 100%;
	border-style: none;
	background: none;
	color: #e0e8e8;
	font-size: 14px;
	line-height: 18px;
	height: 31px;
	outline: none;
	padding: 6px 0;
}

#iraiser-lahjoitus input[type="submit"] {
	border-style: none;
	width: auto;
	text-align: center;
	font-size: 16px;
	height: auto;
	padding: 9px 18px 8px;
}


#iraiser-lahjoitus .mark {
	display:inline-block;
	vertical-align:top;
	padding: 6px 6px 6px 0;
	font-weight:normal;
}
#iraiser-lahjoitus #summa-muu-wrap {
	float: left;
	clear: both;
	margin-left: 0;
	width: 84%;
}
#iraiser-lahjoitus p.donate-submit-note {
	float: left;
	padding: 0 0 0 5px;
	margin: 0;
	width: 30%;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
}

@media only screen and (max-width: 1020px) {
	#iraiser-lahjoitus p.donate-submit-note {
		display: none;
	}

	#iraiser-lahjoitus .row>label {
		width: 100%
	}
	#iraiser-lahjoitus .btn-box {
		display: block;
		float: left;
		width: 100%;
	}
	#iraiser-lahjoitus .select-holder {
	    width: 88%;
	    margin-left: 0;
	}
	#iraiser-lahjoitus label {
		font-size: 1em;
	}
	#iraiser-lahjoitus #summa-muu-wrap {
		width: 84%;
	}

}

/* @end */





/* @group Mobile Menu */

#mobile-menu-trigger {
	position: absolute;
	display: block;
	float: left;
	z-index: 2000;
	top: 0px;
	right: 0px;
	width: 60px;
	height: 60px;
	background: url(images/mobile-menu.png) no-repeat right 0px;	

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

#mobile-menu-trigger {
	display: none;	
}

/*
#mobile-menu-trigger.menu-open {
	background-position: right -60px;
	background-color: #741F1F;

}*/

#mobile-menu {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	position: fixed;
	display: block;
	float: left;
	z-index: 2000;
	top: 0px;

	
	height: 100%;

	background: #ef2e2e;
	border-bottom: 14px solid #e3ebef;

	box-sizing: content-box;
	
	width: 260px;
	right: -260px;
	
	overflow: scroll;
    transition:all 0.25s linear;
}
#mobile-menu li {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: block;

	position: relative;
	border-bottom: 1px solid #cb292b;
	background: none;

}
#mobile-menu ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #cb292b;
}
#mobile-menu li a {	/* Node links */
	color:#fff;
	text-decoration:none;
	font-family : Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	width: 88%;
	padding: 14px 6% 10px 6%;
	
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	height: 15px;
	display: block;
	cursor: default; 
	overflow: hidden;
	position: relative;
}
#mobile-menu li ul li a {
	padding: 14px 0% 10px 16%;
	color: #fff !important;
	font-weight: normal;
	font-size:15px;
	width: 84%;

}
#mobile-menu li ul {
	border-bottom: none;
}
#mobile-menu li ul li {
	background: #cb292b;
	border-top: none;
	border-bottom: 1px solid #ef2e2e;
}
#mobile-menu li ul li:last-child {
	border-bottom: none;
}
#mobile-menu li.open {
	background-position: right -120px;	
	
}
#mobile-menu li span.action {
	display: block;
	float: left;
	height: 42px;
	width: 33px;
	position: absolute;
	right: 0px;
	top: 0px;	
	background: url(images/mobile-menu.png) no-repeat right -180px;
}
#mobile-menu li.closed span.action {
	background-position: right -120px;
}
#mobile-menu li.closed>ul {
	display: none;
}

/* @end */




@media only screen and (min-width: 720px){
.card-image-first .image,
.card-image-first-left .image,
.card-image-left .image,
.card-image-right .image {
	display: block;
	float: left;
	width: 100%;
	height: 480px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-position: center top;
}
.card-image-bottom .text-box {
	display: block;
	position: static;
	width: 960px;
	margin: 20px auto;

}
.card-image-bottom .image {
	display: block;
	float: left;
	width: 100%;
	height: 395px;
	background-size: cover;
	background-position: center top;
}

.card-image-first-left .image,
.card-image-first .image {
	height: 580px;
	background-position: center center;
}
.text-box {
	position: absolute;
	z-index:2;
	top: 60px;
	right: 50%;
	width:470px;
}
.card-image-first .text-box {
	top: 200px;
	padding-right: 30px; 
}
.card-image-first-left .text-box {
	top: 200px;
	left: 50%;
	padding-left: 30px;	
}

.card-image-right .text-box {
	right: 50%;
	padding-right: 30px;
}

.card-image-left .text-box {
	left: 50%;
	padding-left: 30px; 
}

}
@media only screen and (max-width: 1400px){
	#header .logo {
		left: 30px;
	}

	#menu-wrap {
/*		margin: 0 0 0 120px; */
	}
}
@media only screen and (max-width: 1350px){
	#header .logo {
	}

	#menu-container {
		margin: 0 0 0 170px; 
	}
	
#nav .slide{
	width: 1100px;
	}
	
}
@media only screen and (max-width: 1150px){
#nav .slide{
	width: 1000px;
	}
}
@media only screen and (max-width: 1123px){
	.donate{padding:120px 0 0;}
#nav{
	font-size:16px;
	
}	
#nav .slide{
	width: 900px;
	font-size: 14px;
	}
}

@media only screen and (max-width: 1023px){
.contentarea figure img {
	max-width: 100% !important;
}
.contentarea figure {
	max-width: 100% !important;
}

.aside .post{margin:0 0 12px;}

	#menu-wrap{
		background:rgba(255,255,255,.85);
	}
	.logo{
		width:57px;
		margin:4px 35px -12px 35px;
	}

	.filter-form {
	margin: 0 25px 20px 0px;
}

#footer .logo{
		width: 120px;
	}

	.logo img{
		display:block;
		width:100%;
		height:auto;
	}

	#nav a { 
		font-size: 15px;
		padding: 21px 14px 19px 14px; }

.scrolled #nav ul.slide li a {
	padding-top: 10px;
	padding-bottom: 10px;
}	

#nav .slide {
	width: 850px;
}

	#nav .slide a {	
		font-size: 13px;
		padding: 10px 12px 10px 12px;
	}
	#nav .slide li {	
		font-size: 13px;
	}
	.scrolled #nav a{ 
		padding-top: 17px;
		padding-bottom: 15px; 
	
	}
	

	
	h1{margin:0 0 26px;}
	.list-list{padding:0 0 16px;}
	.market .text-box {
		width: 352px;
		padding: 120px 10px 62px 10px;
	}
	.market h1{margin:0 0 16px;}
	.market-alt .text-box {
		width: 350px;
		padding:102px 10px 63px 20px;
	}
	.volunteer .text-box {
		width: 100%;
		padding:52px 10px;
		text-align: center;
	}
	.volunteer h1{margin:0 0 16px;}
	.activities .text-box {
		width: 352px;
		float: right;
		padding:100px 10px 68px;
	}
	.activities h1{margin:0 0 22px;}
	.post-holder .holder{
		margin:0;
		padding:48px 5px;
	}
	.post-holder.alt {
		width: 100%;
	}
	.post-holder.alt .post,
	.post-holder .post {
		float: left;
		width: 30.333%;
		margin:0 3% 20px 0;
		padding: 0;
	}
	#footer{padding:0 0px;}
	#footer .holder{
		float:none;
		width:100%;
		margin:0 0 24px;
		padding: 51px 0 0 0;
	}


	#footer .holder h4 { font-size: 26px; line-height: 33px; padding: 3px 30px 0 30px; margin: 0; }
	#footer .holder p {
	font-size: 18px; line-height: 20px;
} 
	.panel{
		border-top:1px solid #cb292b;
		width:90%;
		padding:41px 4.9% 40px;
	}
	.add-nav{
		border-style:none;
		float:left;
		margin:-10px 0 0;
	}
	.panel .box{
		float:right;
		padding:0 16% 0 0;
	}
	.social-networks{padding:0 0 24px 13px;}
	.main-holder{
		padding: 159px 0 50px 3%;
		
		width: 97%;
	}
	#content{
/*		float:none;*/
		width:60%;
		margin: 0 0 20px 0;
	}
	.aside{
		float:left;
		width:32%;
		margin-left: 0;
	}
	.aside .post-hold{
		font-size:0;
		letter-spacing:-4px;
/*		margin:0 -10px; */
	}
	.aside .post-hold .post{
		display:inline-block;
		vertical-align:top;
/*		width:50%;*/
		padding:0 10px;
		letter-spacing:0;
	}
/*	.post-holder.alt{margin:0 -10px;}*/
	.donate{padding:50px 0 20px 0;}
	.donat-form{margin:0 0 40px;}
	.fixed-content{
		position:static !important;
		left:auto !important;
		bottom:auto !important;
	}
}

@media only screen and (max-width: 990px){
.card-image-bottom .text-box,
.card-image-first .text-box,
.card-image-first-left .text-box,
.card-image-left .text-box,
.card-image-right .text-box {
		width: 45% !important;
	}
.card-image-bottom .text-box {
		width: 80% !important;

}
.section.card-text-first .container {
	width: 92% !important;
	margin-left: 4%;
	
}
#nav .slide {
	width: 780px;
}
}
@media only screen and (max-width: 860px){
		#nav a {
	font-size: 13px;
padding: 21px 10px 19px 10px;
}
#menu-container {	
	margin: 0 0 0 155px;
}
#nav .slide a {
	font-weight: normal;
}
}
@media only screen and (max-width: 780px){	
	#nav a {
	font-size: 13px;
padding: 21px 6px 19px 6px;
}
#nav .slide a {
	font-size: 12px;
	font-weight: normal;
}
	
}

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

#language-selector {
	display: none;	
}

.mobile-table td {
	display: block;
	float: left;
	clear: both;
}
.socool-iframe,
.socool-iframe iframe,
.socool-video,
.socool-video iframe {
	max-width: 100% !important;
}
.socool-video,
.socool-video iframe {
	max-height: 300px;
}

.donat-form p.donate-submit-note {
	display: none;
}
.donate {
	padding: 150px 0 20px 0;
}

.form {
	width: 100%;
}
					.mobile-image {
						display: block;
						float: left;
						overflow: hidden;

					}
					.mobile-image-wrap {
						display: block;
						float: left;
						width: 160%;
						margin-left: -60%;
					}
					.mobile-image img {
						display: block;
						float: right;
						margin: 0;
						width: 100%;
					}
					.card-image-left .mobile-image-wrap {
						margin-left: 0;
					}

					.card-image-first-left .mobile-image-wrap {
						margin-left: 0;
					}
.section.card-image-first,
.section.card-image-first-left,
.section.card-image-left,
.section.card-image-bottom,
.section.card-image-right {
	height: auto;
	width: 100%;
	padding: 0px; 
	overflow: hidden;
}
.section.card-image-first .image,
.section.card-image-first-left .image,
.section.card-image-left .image,
.section.card-image-bottom .image,
.section.card-image-right .image {

	display: none;
	float: left;
	position: static;
	top: 0;
	bottom: 0;

	width: 100%;
	height: 250px;
	background-size: 180% auto;
	background-position: right bottom;
	background-repeat: no-repeat;
	/* border-bottom: 10px solid #ecebe8; */

}
.section.card-image-left .image {
	background-position: left bottom;

}

.section.card-image-first .text-box,
.section.card-image-first-left .text-box,
.section.card-image-left .text-box,
.section.card-image-bottom .text-box,
.section.card-image-right .text-box {
	position: static;
	left: auto;
	right: auto;
	top: auto;
	float: left;
	display: block;
	width: 92% !important;
	margin-left: 4%;
	padding: 50px 0 0 0;
}
.section.card-text-first .container {
	width: 92% !important;
	margin-left: 4%;
	
}


.section.card-text-first,
.section.card-image-first .text-box,
.section.card-image-first-left .text-box {
	padding-top: 100px;

}

	.section .text-box {
		width: 100%;
		padding: 0px 10px 0px 10px;
		display: block;
		float: left;

	}

	.section.card-mobile-grey {
		background: rgb(236, 235, 233);
	}



}

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

	.scrolled #header .logo img,
	#header .logo img {
		width: 60px;
	}
.main-holder {
	width: 100%;
}
.aside{width:auto;} 
	 #header .logo {
		left: 20px;
		top: 5px;
	}
	.scrolled #header .logo {
		left: 20px;
		top: 2px;
/*	left: 23px;*/
	}

	.scrolled #header .logo img {
/*	width: 50px;*/
}
	.container{
	max-width:1024px;
	margin:0 auto;
	position:relative;
	padding:0 0px;
}
.filter-form {
	margin: 0px 0 20px 0;
	padding: 20px;
}
.donate #content{
	width: 94%;
	padding: 14px 3% 0 3%;
}
.donate #content img,
.donate #content iframe {
	max-width: 100%;
}
#nav {
	display: none;
}
#menu-wrap {
	height: 60px;
}
.scrolled .btn-login,
.btn-login {
	display: none;
}
#mobile-menu-trigger {
	display: block;	
}
	body{
		font-size:16px;
		line-height:21px;
	}
	#menu-wrap{background:#fff;}
	.btn-login{display:none;}
	.logo{
		width:60px;
/*		margin:4px 0 -12px;*/
		margin: 2px 0px -45px 10px;
	}

#footer .logo{
		width: 100px;
	}
	.logo img{
		display:block;
		width:100%;
		height:auto;
	}
	#header,
	#header.scrolled {padding:0;}
	
	#wrapper .header{position:static;}
	#wrapper{
		overflow:hidden;
		position:relative;
	}

/* rename nav to mobile-menu */



	.w1{ width:100%; 
		transition:all 0.25s linear;
		padding-top: 60px;
	}
	.header-hidden .w1 {
		padding-top: 0;
	}
	.wrap .drop .mobile-menu-trigger{
		position:absolute;
		right:5px;
		top:5px;
		z-index:999;
	}
	#header {
		transition:all 0.25s linear;
	}
	body.mobile-menu-active .w1,
	body.mobile-menu-active #header { 
		margin:0 0 0 -260px; 
		transition:all 0.25s linear;		
	}
	body.mobile-menu-active #mobile-menu {
		right: 0;
		transition:all 0.25s linear;
	}
	
	body.mobile-menu-active #nav .drop { 
		right:0;
	}
	/*.section {margin:0 -10px;}*/


	h1{
		font-size:34px;
		line-height:31px;
		margin:0 0 12px;
	}
h1[data-fontsize="big"] {
		font-size:34px;
		line-height:31px;
}
h1[data-fontsize="bigger"] {
		font-size:34px;
		line-height:31px;
}
h1[data-fontsize="small"] {
		font-size:34px;
		line-height:31px;
}
h1[data-fontsize="smaller"] {
		font-size:34px;
		line-height:31px;
}



	.section .text-box p {margin: 0 0 15px;}
	.list-list {padding: 0 0 9px;}
	.market .text-box {padding: 25px 10px 173px;}
	.list-list li {margin: 0 0 14px;}
	.market-alt .text-box {padding:26px 10px 172px;}
	.market-alt h1 {margin: 0 0 15px;}
	.volunteer {min-height: 1px;}
	.volunteer .text-box {padding:25px 10px 149px;}
	.activities .text-box {padding:25px 10px 217px;}
	.activities h1 {margin: 0 0 15px;}
	.post-holder .holder{
		padding: 21px 0 0 0;
		/* margin:0 -10px; */
	}
	.post-holder {
	width: 100%;
}
	.post-holder.alt .post,
	.post-holder .post{
		margin:0 0 20px 4%;
		width: 92%;
		padding:0;
	}
	.post .text-holder{
		padding: 16px 16px 18px 16px;
		height:auto !important;
	}
	#home-posts-container.container {
		padding: 0;
	}
	.posts-heading.container {
		padding: 0 0 0 4%;
		margin-bottom: -10px !important;

	}
	#footer{
		padding:0;
/*		margin:0 -10px;*/
		text-align:center;
	}
	#footer .holder{
		font-size:28px;
		line-height:34px;
		margin:0 0 28px;
	}
	#footer .holder h4 { 
		font-size: 22px;
		line-height: 27px; 
		font-weight: normal; 
		 padding: 0px 20px 0 20px; margin: 0; }
	#footer .holder p { font-size: 15px; line-height: 20px; padding: 12px 0 0; margin: 0 0 0 0; }
	#footer .holder p { margin:0 0 22px; }
	.panel{padding:30px 0 0 0;
	width: 100%;}
	.add-nav{
		float:none;
		width:100%;
		font-size:17px;
		line-height:19px;
		padding:0 0 21px;
	}
	.add-nav li{margin:0 0 3px;}
	.panel .box{
		float:none;
		padding:25px 10px 0;
/*		margin:0 -10px;*/
		border-top:1px solid #cb292b;
	}

	.service-nav li{margin:0 0 8px;}
	.social-networks{
		display:inline-block;
		vertical-align:top;
	}
	.main-holder{
		padding: 62px 0 20px;
/*		margin: 0 -10px;*/
	}
	#content{
		margin: 0 0 20px 0;
		padding: 25px 4% 30px 4%;
		width: 92%;
	}
	.article h1 {margin: 0 0 11px;}
	#content p {margin: 0 0 20px;}
	#content h2 {
		font-size: 18px;
		line-height: 20px;
		margin: 0 0 12px;
	}
	#content h3 {
		font-size: 16px;
		line-height: 18px;
	}
	.share{padding:7px 0 0;}
	.aside .post-hold{margin:0;}
	.aside .post-hold .post{
		width:92%;
		padding:0;
		margin-left: 4%;
	}
	.aside .post .text-holder {padding: 16px 19px 20px;}
	.post-holder.alt{
		margin:0;
	}
	.main-holder >.bg-stretch{
		position:static;
		height:250px;
	}
	.donat-form .top-box {padding: 0px 15px 3px 15px;}
	.donat-form .title{
		margin:0 0 25px;
		font-size:30px;
		line-height:32px;
	}
	.donat-form label{
		float:none;
		display:block;
		width:100%;
		margin:0 0 10px;
	}
	.donat-form .select-holder{width:90%;}
	.donat-form .row{margin:0 0 15px;}
	.donat-form .hold{
		float:left;
		margin:10px 0 0;
	}
	.donat-form{margin:0 0 40px;}



}

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

.socool-video,
.socool-video iframe {
	max-height: 260px;
}


#lahjoita-bg {

	position: absolute; 
	width: 100%; 
	height: 230px;
	top: 50px; 
	left: 0; 
	bottom: auto; 
	right: 0; 
/*	background: url(/css/images/img14.jpg) top center;*/
	background: url(/css/cards/BG_auta-ihmista.jpg) top center; 
	background-size: cover;
	background-position: center top;
}


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

.socool-video,
.socool-video iframe {
	max-height: 220px;
}
}

@media print{
	* {
		background:none !important;
		color:#000 !important;
		box-shadow:none;
		text-shadow:none;
	}
	body{
		color:#000;
		background:#fff;
	}
	.container{
		width:100%;
		max-width:none;
		overflow:hidden;
	}
	#header{
		position:static;
		width:100%;
		padding:0;
	}
	.logo {
		float:none;
		display:block;
		margin:20px 0;
	}
	.logo a{display:block;}
	.section .text-box{
		width:100%;
		padding:20px 0;
	}
	#menu-wrap{
		box-shadow: none;
	}
	.volunteer{min-height:1px;}
	.panel{
		float:none;
		width:100%;
	}
	#footer{padding:20px 0;}
	.main-holder{padding:0 0 50px;}
	#content{
		width:55%;
		padding:0;
	}
	.aside{width:40%;}
	.post .img-holder{page-break-inside: avoid;}
	.post .text-holder{padding:10px 0;}
	.donate{
		padding:0;
		max-width:none;
	}
	
	.bg-stretch,
	#nav,
	.btn-login,
	.list-list,
	#footer .holder,
	.add-nav,
	.service-nav,
	.social-networks,
	.post .img-holder .btn,
	.filter-form,
	.donat-form{display:none;}
}










/* @group Table styles */


table, tr, th, td {
	margin: 0 0 5px 0;
	padding: 0;
	background-color: transparent;
	color: #333;
	}


td, th, td p {
/*	font: normal 14px/19px Arial, Helvetica, Geneva, sans-serif;
	color: #4c6065;
*/
	color:#595d5d;
/*	font:16px/22px Arial, Helvetica, sans-serif; */

	font:17px/22px "Marr Sans Cond Web",Arial, Helvetica, sans-serif;
	margin: 0px;
	vertical-align: top;
}
td, th {
	padding: 5px 5px 5px 5px;
}
td p {
	margin: 5px 0px 10px 0px;
}




table {
	border: 0px;
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
	margin: 20px 0px 20px 0px;
}
table td {
	border: 1px solid #fff;
	vertical-align: top;
}

table caption {
	color: #000;
	text-align: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 4px;
}


/* @group Table style one */
table.table-style-one td {
	border-color: #edf1f3;	
}
table.table-style-one tr.heading td {
	background: #ef2e2e;
	border-color: #ef2e2e;
	color: #fff;

	font: bold 17px/22px "Marr Sans Cond Web",Arial, Helvetica, sans-serif;

}
table.table-style-one tr td.column-highlight {
	font-weight: bold;	
}

table.table-style-one tr:nth-child(odd) {
	background-color: #edf1f3;
}
table.table-style-one tr:nth-child(odd) td {
	border-right-color: #fff;
}
table.table-style-one tr td:last-child {
	border-right-color: #edf1f3 !important;	
}

table.table-style-one tr td.cell-heading {
	background: #ef2e2e;
	border-color: #ef2e2e;
	border-bottom-color: #fff;
	color: #fff;
	font: bold 14px/20px arial, sans-serif;
}
table.table-style-one tr:last-child td.cell-heading {
	border-bottom-color: #DA0E2B;
}

/* @end */

/* @group Table style two */

table.table-style-two td {
	border-color: #edf1f3;	
}
table.table-style-two tr td.column-highlight {
	font-weight: bold;	
}

table.table-style-two tr:nth-child(odd) {
	background-color: #edf1f3;
}
table.table-style-two tr:nth-child(odd) td {
	border-right-color: #fff;
}
table.table-style-two tr td:last-child {
	border-right-color: #edf1f3 !important;	
}

table.table-style-two tr.heading:nth-child(odd),
table.table-style-two tr.heading td {
	background: transparent;
	
	border-top: none !important;
	border-right: none !important;
	border-left: none !important;
	background-color: transparent !important;
	
	color: #ef2e2e;
		font: bold 17px/22px "Marr Sans Cond Web",Arial, Helvetica, sans-serif;

}


table.table-style-two tr td.cell-heading {
	color: #ef2e2e;
	font: bold 17px/22px "Marr Sans Cond Web",Arial, Helvetica, sans-serif;

}

/* @end */


/* @group Table style no border */

table.table-style-no-border tr td {
	border: none;
	padding: 0 10px 5px 0;
}

/* @end */

table.table-style-simple {
	border-collapse: collapse;
}
table.table-style-simple tr td {
	border: 1px solid #EDF1F3;
	margin: 0;
}

table.fixed50 {
    table-layout: fixed;
    width: 100%;
}

table.fixed50 th, 
table.fixed50 td {
    overflow: hidden;
    width: 50%;
}

.row-highlight td,
.row-highlight th {
	font-weight: bold !important;
}
td.col-highlight,
th.row-highlight {
	font-weight: bold !important;
}

/* TODO we should rename this style to row-line */
.row-dark td,
.row-dark th {
	border-bottom: 2px solid #000 !important;
}


.row-highlight td,
.row-highlight th {
	font-weight: bold !important;
}


/* @end */




/* @group Image labels */

.label[data-label] {
	padding:initial !important;
	font-size:initial !important;
	font-weight: initial !important;
	line-height: initial !important;
	color: initial !important;
	text-shadow:initial !important;
	white-space:initial !important;
	vertical-align: initial !important;
	background-color: initial !important;
	border-radius: initial !important;


    position: relative;
    font-family: Arial;
    margin: auto;
    display: inline-block;
    width: auto; 
    overflow: hidden;
}


.label[data-label].fade {
    opacity: 1 !important;
}

.label[data-label].rtl:after,
.label[data-label].rtl:before,
.label[data-label]:after,
.label[data-label]:before { 
    position: absolute;    
    height: auto;
    width: 100%;
    display: block;
    color: #fff;
    padding: 5px 3% 5px 3%;
    font-size: 12px;
    background:rgba(0, 0, 0, 0.70);    
    content:attr(data-label);    
}



/* we don't neeed these to show. */
.label[data-label].top:after,
.label[data-label].bottom:before,
.label[data-label].inside.middle:before
 { 
    display: none;
}
/* top positions*/
.label[data-label].inside.top:before {
    top: 0px;
}
/* bottom positions*/
.label[data-label].bottom:after { 
    bottom:1%;
}
/* middle positions */
.label[data-label].inside.middle:after {
    top: 45%;
}

/* Left or Right Axis */
.label[data-label].inside.left:after,.label[data-label].inside.left:before {
    float: left;
    width: auto;
    left: 0px;
}

.label[data-label].inside.right:after,.label[data-label].inside.right:before { 
    float: right;
    width: auto;
    right: 0px;
}

/* Outside Positions basics */
.label[data-label].outside {
    overflow: initial;
    opacity: 1;
    visibility: visible;

}
.label[data-label].outside:after,
.label[data-label].outside:before { 
    position: relative;
    background: none;
}
.label[data-label].outside:after {
    margin-bottom: -5%;
}
.label[data-label].outside:before {
    margin-top: -5%;
}


/* fade effect */
.label[data-label].fade:after,
.label[data-label].fade:before,
.label[data-label].float:after,
.label[data-label].float:before {
	transition:all 0.25s ease;
}
.label[data-label].fade:after,
.label[data-label].fade:before {
    opacity: 0;
    visibility: hidden;
}
.label[data-label].fade:hover:after,
.label[data-label].fade:hover:before {
    opacity: 1;
    visibility: visible;
    display: block;
    width: 100%;
}

/* float effect */
.label[data-label].inside.top.float:before {
    top: -15px;
}
.label[data-label].inside.top.float:hover:before {
    top: 0;
}
.label[data-label].inside.bottom.float:after {
    bottom: -5px;
}
.label[data-label].inside.bottom.float:hover:after {
    bottom: 5px;
}
.label[data-label].inside.middle.float:after {
    margin-top: 20px;
}
.label[data-label].inside.middle.float:hover:after {
    margin-top: 0px;
}
.label[data-label].outside.top.float:before { 
    top: 10px;
}
.label[data-label].outside.top.float:hover:before {
    top: 0px;
}
.label[data-label].outside.bottom.float:after { 
    top: -10px;
}
.label[data-label].outside.bottom.float:hover:after {
    top: 0px;
}

.label[data-label].float:after,
.label[data-label].float:before {
    opacity: 0;
    visibility: hidden;
}

.label[data-label].float:hover:after,
.label[data-label].float:hover:before {
    opacity: 1;
    visibility: visible;
}

/* @end */


.mobile-table {
	display: block;
	float: left;
	clear: both;
}

.lt-640 .mobile-table {
	display: block;
	float: left;
	width: 100%;
	max-width: 100%;
}






.text-two-columns {
  display: block;
  float: left;
  width: 100%;

}
.text-two-columns .full-width-wrap {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  padding: 0 0px;
}
.text-two-columns .text-box-column-left {
	display: block;
	float: left;
	width: 45%;
	padding: 0 5% 0 0;
	margin: 0;
}
.text-two-columns .text-box-column-right {
	display: block;
	float: left;
	width: 49%;
	padding: 0;
	margin: 0;
}
.text-three-columns {
  display: block;
  float: left;
  width: 100%;

}
.text-three-columns .full-width-wrap {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  padding: 30px 0 30px 0;
}
.text-three-columns .text-box-column-left {
	display: block;
	float: left;
	width: 30%;
	padding: 0 5% 0 0;
	margin: 0;
}
.text-three-columns .text-box-column-center {
	display: block;
	float: left;
	width: 30%;
	padding: 0 5% 0 0;
	margin: 0;
}
.text-three-columns .text-box-column-right {
	display: block;
	float: left;
	width: 30%;
	padding: 0;
	margin: 0;
}

@media only screen and (max-width: 719px){
.contentarea .table-style-no-border a figure img {
	max-width: 120px !important;
}

.text-full-width .text-box-full-width {
	width: 92%;
	padding: 30px 4% 0px 4%;
}
.text-two-columns .full-width-wrap {
	width: 92%;
	padding: 30px 4% 0px 4%;
}
.text-three-columns .full-width-wrap {
	width: 92%;
	padding: 30px 4% 0px 4%;
}
.text-three-columns .full-width-wrap .text-box-column-center,
.text-three-columns .full-width-wrap .text-box-column-right,
.text-three-columns .full-width-wrap .text-box-column-left,
.text-two-columns .full-width-wrap .text-box-column-right,
.text-two-columns .full-width-wrap .text-box-column-left {
	
	margin-bottom: 30px;
}

}