/* @override 
	http://www.takeoffpartners.test/site0074.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-blocks.css");
@import url("socool-flexslider.css");


@font-face{
font-family:"Myriad W01 Regular";
src:url("Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix");
src:url("Fonts/2bd106a4-3872-4193-8627-d7af96dd4f7e.eot?#iefix") format("eot"),url("Fonts/c5b1c170-d8f7-41f9-85c2-0ab670780c6b.woff") format("woff"),url("Fonts/ba1ff8f6-0c27-4e7b-8be5-818b6c3dd801.ttf") format("truetype"),url("Fonts/a379413e-a0b8-44dc-b250-1e000e4092a4.svg#a379413e-a0b8-44dc-b250-1e000e4092a4") format("svg");
}
@font-face{
font-family:"Myriad W01 Bd";
src:url("Fonts/4f2af761-c017-4801-9aa5-5d30643373ce.eot?#iefix");
src:url("Fonts/4f2af761-c017-4801-9aa5-5d30643373ce.eot?#iefix") format("eot"),url("Fonts/acfb7490-30f6-4bf4-a1b8-70ff9172d209.woff") format("woff"),url("Fonts/5bf402e3-ba96-414e-bc7e-cb6689fe32c1.ttf") format("truetype"),url("Fonts/c5dceae7-427a-4765-b06b-ea2eecca3434.svg#c5dceae7-427a-4765-b06b-ea2eecca3434") format("svg");
}


body {
	margin:0;
	color:#595d5d;
	font:16px/22px Helvetica,Arial,sans-serif;
	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;
}
b, strong {
	color: #101010;
}
img {border-style:none;}
a {
	text-decoration:none;
	color:#f66802;
	outline:none;

}
p a {
	font-weight:bold;
}
hr {
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	width: 100%;
	border-width: 0;
	/* border-color: #f66802; */
	border-bottom: 2px solid #f66802;
	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: 700 42px/44px "Myriad W01 Bd", Helvetica, Arial, sans-serif;
	color:#101010;
	font-weight:normal;
	margin: 0 0 16px;
}
h1,h2,h3,h4,h5,h6 {
  font-face: "Myriad W01 Bd", Helvetica, Arial, sans-serif;
  text-rendering: optimizelegibility;
}

#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:#f66802;
	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:16px;
	line-height:18px;
	margin: 0 0 5px;
	color:#101010;
}
#content h4,
.contentarea h4,
#content h5,
.contentarea h5 {
	font-size:16px;
	line-height:24px;
	color:#101010;
	margin-top: 10px;
}


#content h6,
.contentarea h6 {
	width: 60%;
	padding-right: 40%;
	margin: 50px 0 50px 0;
	color: #f66802;	
}

.inline-images-centered {
	text-align: center;
	
}
.inline-images-centered figure {
	display: inline-block;
}
.text-full-width {
  display: block;
  float: left;
  width: 100%;

}
.text-full-width .text-box-full-width {
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  padding: 0 0px;
}
.text-full-width .text-box-full-width {
	text-align: center;
}



.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;
}






.socool-calloutbox {
/*	background: rgba(30, 118, 171, 0.89);*/
}
#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 {
	color: #fff;
}

/*
.contentarea .socool-calloutbox a {
	color: #f66802;
}*/
.socool-calloutbox-inner {
/*	background: #f66802; */
	background: rgba(30, 118, 171, 0.89);
	width: 88%;
	padding: 20px 6% 20px 6%;
	
}




.ui-helper-hidden-accessible {
	display: none;
}

/* Error tooltip */
.ui-tooltip {
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	padding: 4px 6px;
	background: #fff;
	-webkit-border-radius: 4px;
			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 */
::-webkit-input-placeholder {
	color: #929aa0;
}
:-moz-placeholder { /* Firefox 18- */
	color: #929aa0;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #929aa0;
}
:-ms-input-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: 0 0;
	z-index:999;
	-webkit-transition:all 0.25s linear;
	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:#213164;
	padding:12px 20px;

	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}
.btn-login.btn-verkkokauppa {
	width: auto;
	right: 98px;
}
.btn-login.btn-lahjoita {
	width: 58px;
	border-left: 1px solid #3F5188;
}
.scrolled .btn-login.btn-verkkokauppa {
	display: none;
}

html.no-touch .btn-login:hover{
	background:#1a389b;
	text-decoration:none;
}
#menu-wrap{
	background: rgba(255,255,255, 0.92);
	box-shadow: 0 0 10px rgba(9, 13, 28, 0.05);
	-webkit-box-shadow: 0 0 10px rgba(9, 13, 28, 0.05);
}

.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: 0;
	margin: 0px 0 0px 0px;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
	padding: 0px 30px 5px 0px;
}

#nav{
	float:left;
	font-size:17px;
	line-height:20px;
	font-weight:normal;
	position:relative;
	margin-left: 168px;
}
.scrolled #nav{
	margin-left: 130px;
}
#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{
	font: 700 18px/20px "Myriad W01 Bd", Helvetica, Arial, sans-serif;

	display:block;
	padding: 34px 25px 30px 25px;
	color:#f66802;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;



}

html.no-touch #nav a:hover {
	color:#000;
	background: none;
	text-decoration:none;
	
}

html.no-touch #nav .active a:hover,
#nav .active a{
	color:#fff;
	background:#f66802;
	text-decoration:none;
}



#nav .slide{
	position:absolute;
	top:-9999px;
	left:0;
/*	right:0;*/
	width: 800px;
	background:#f66802;
	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:#f66802;
}

#nav .slide:after{
	right:auto;
	left:100%;
}
#nav .slide a{
	color:#fff;
	padding:16px 18px 14px;
}
html.no-touch #nav .slide a:hover{background:#005fac;}

#nav .slide li.active a {
	background:#005fac;
}


#nav-top {	
	float: right;
	font-size:17px;
	line-height:20px;
	font-weight:normal;
	position:absolute;
	right: 10px;
	top: 0;
	z-index: 100;
}

#nav-top ul {
	list-style: none;
	display: block;
	float: right;
	padding: 0 10px 0 0;
	margin: 0;
}
#nav-top li {
	list-style: none;
	display: block;
	float: left;
	float: right;
	padding: 0px 0px;
}
#nav-top a {
	font: normal 15px/18px "Myriad W01 Regular", Helvetica, Arial, sans-serif;

	display:block;
	float: left;
	padding: 32px 5px 28px 5px;
	color:#f66802;
	-webkit-transition:color 0.2s linear, background 0.2s linear;
	transition:color 0.2s linear, background 0.2s linear;
}
.scrolled #nav-top a{
	padding-top: 15px;
}


#nav-top a span {
	display: block;
	float: left;
	padding: 2px 7px;
	border: 1px solid #f66802;

}
#nav-top a:hover span {
	background: #f66802;
	color: #fff;
}



.resize-active .wrap,
.resize-active .drop,
.resize-active .drop > ul {
	-webkit-transition:none !important;
	-ms-transition:none !important;
	transition:none !important;
}

/* @group Scrolled */

.scrolled #header {
	padding-top: 0;
			-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
}
.scrolled #menu-wrap{
	background: rgba(255, 255, 255, 0.95);
	box-shadow: 0 0 10px rgba(9, 13, 28, 0.2);
	-webkit-box-shadow: 0 0 10px rgba(9, 13, 28, 0.2);
	
}
.scrolled #header .logo {
-webkit-transition:all 0.25s linear;
transition:all 0.25s linear;
top: 4px;
background: none;
box-shadow: none;
}
#header .logo img {
	width: 134px;
	height:auto;
-webkit-transition:all 0.25s linear;
transition:all 0.25s linear;

}
.scrolled #header .logo img {
	display:block;
	width: 90px; 
	height:auto;

	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
	
}
.scrolled #nav ul{
	padding:0 0 0 0px;
/*	margin:0 -10px 0 0;*/
}
.scrolled #nav ul li a {
	padding: 17px 20px 15px 20px;
	font-size: 16px;
}

.scrolled #nav ul.slide li a{
	padding: 11px 17px 9px 17px;
}
.scrolled #nav a{padding:17px 17px 15px;}
#header.scrolled{padding:0;}
.scrolled .btn-login{
	display: block;
	float: left;
	box-sizing: content-box;
	padding: 16px 20px 13px 20px;
	z-index:100;
-webkit-transition:all 0.25s linear;
transition:all 0.25s linear;

}
.template-home.scrolled .btn-login {
	padding: 24px 20px 21px 20px;
	
}

/* @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-first-bottom,
.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-bottom {
	height: 580px;
}
.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:#f66802;
	border-radius:3px;
	padding: 9px 15px 8px;
}
html.no-touch .link-2:hover,
html.no-touch .btn:hover{
	text-decoration:none;
	background:#005fac;
}
.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{
	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;
	background: #fff;

}
.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:#005fac;}
.post .text-holder{
	background:#fff;

	padding: 16px 8px 20px 20px;
	-webkit-box-shadow: 0 0 10px rgba(9, 13, 28, 0.05);
	box-shadow: 0 0 10px rgba(9, 13, 28, 0.05);
}
.post{
	font-size:14px;
	line-height:18px;
}
.post h1{
	font:bold 18px/21px Arial, Helvetica, sans-serif;
	margin: 0 0 9px;
}
.post h1 a{color:#101010;}
.post p{margin:0 0 5px;}
.post .title{
	color:#101010;
	display:block;
}
#footer {
	color:#fff;
	background: #f66802;
/*	background: #77410B; */
/*	background: #f66802; */
	padding: 30px 0 15px 0;
	display: block;
	float: left;
	width: 100%;
}
#footer a {
	color: #fff;
}

.align-right {
	text-align: right;
}
#footer table td {
	border: none;
}
#footer table tr {
	border: none;
}
#footer table td {
	color: #fff;
	padding: 0;
}
#footer table td p {
	color: #fff;
}
#footer .holder {
	width: 100%;
	padding: 10px 0px 5px 0;
	float:left;
	text-align:center;
	
}
#left-footer-top {
	float: left;
	width: 25%;
	padding: 0;
	margin: 0;
}

#left-footer-bottom {
	float: left;
	width: 45%;
	padding: 0;
	margin: 0;
}
#left-footer-bottom table {
	float: left;
	margin: 0;
}
#right-footer-top {
	float: right;
	width: 65%;
	padding: 0;
	margin: 0;
}


#right-footer-bottom {
	float: right;
	width: 45%;
	padding: 0;
	margin: 0;
}
#right-footer-bottom table {
	float: right;
	margin: 0;
}
#footer #right-footer-bottom table td {
	text-align: right;
}

#footer p {
	font-size: 15px;
	font-style: italic;
	text-align: left;
	margin: 10px 0 10px 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#footer p.align-right {
	text-align: right;
}
#footer .logo{
	margin:0;
	display:block;
	float:left;
	z-index:10;
}
.panel{
	float:right;
	width:300px;
	padding:10px 0 0;
}
#footer-nav {
	list-style:none;
	margin: 0 -10px 0px 0;
	padding: 0 0 8px 0;
	font-weight: bold;
	float: right;
/*	position: absolute;
	right: -13px;
	top: 10px; */
	
}
#footer-nav li {
		list-style:none;
		float: left;
		
}
#footer-nav a{
	display:inline-block;
	vertical-align:top;
	padding: 6px 13px;
	color:#fff;
	border-radius:3px;
}
html.no-touch #footer-nav a:hover{
	background:#fff;
	color: #f66802;
	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 {
	margin: 10px 0 0px 0;
	padding: 0;
	display: block;
	float: right;
	clear: both;
}
#social-networks h5 {
    display: block;
    float: left;
    padding: 0;
    margin: 7px 1px 0 0;
    font-size: 12px;
	text-transform: uppercase;
}

#social-networks ul {
	list-style:none;
	margin:0;
	padding: 0;
	display: block;
	float: right;
}
#social-networks li{
	float: left;
	display: block;
	margin: 0 0 0 10px;
}


#social-networks a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	background: transparent url(images/some-icons_huge.png) no-repeat -9999px -9999px;
	background-size: 128px 34px;
	width:34px;
	height:34px;
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) {

#social-networks a {
	background: transparent url(images/some-icons_x2_huge.png) no-repeat -9999px -9999px;
	background-size: 128px 34px;
}
}
html.no-touch #social-networks a:hover { opacity:0.7; }
#social-networks #sn-twitter a { background-position: -1px 0px; }
#social-networks #sn-facebook a { background-position: -47px 0px; }
#social-networks #sn-linkedin a { background-position: -93px 0px; }




.copy{
	font-size:14px;
	line-height:16px;
	padding: 0 0 0 13px;
}
.copy p{margin:0 0 10px;}
.main-holder{
	padding:120px 0 50px;	
/*	background:#e2ebef; */
	background: #fff url(/css/images/header_color.jpg) repeat-x 0 0;
	background-size: 100px 400px;
	position:relative;
}
.template-news_list .main-holder {
	background: #E2EBF0;
}

#content{
	width:608px;
	float:left;
	padding: 0px 56px 30px 0px;
	font-size:15px;
	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 10px;}
.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;
	border: 1px solid #E0E9EE;
}
.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:#f66802;
	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:#f66802;
	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;
	-webkit-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:#f66802;
	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;
	font:normal 36px/40px Georgia, "Times New Roman", Times, serif;
	margin: 10px 0 10px 0;
	color: #fff;
}
.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:#005fac;
	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: arrow !important;
}
html.no-touch .donat-form #donate-submit:hover:disabled {
	cursor: arrow !important;
	background: #f66802;
}

html.no-touch .donat-form .row .btn:hover,
.donat-form .row .btn.active{
	background:#fff;
	color:#005fac;
}
.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: #005fac;	
}
#summa-muu-wrap.active input {
	font-size: 15px;
	color: #005fac;	
}


#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:#005fac;
	font-weight:bold;
}
.donat-form .btn-box{overflow:hidden;}
.donat-form .hold{
	float:right;
	width:85px;
	background:#005fac;
	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: #f66802;
	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 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: #252322;
	border-bottom: 14px solid #e3ebef;

	box-sizing: content-box;
	
	width: 260px;
	right: -260px;
	
	overflow: scroll;
		-webkit-transition:all 0.25s linear;
		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 #f66802;*/
}
#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-bottom .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-bottom .image,
.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:482px;
}
.card-image-first-bottom .text-box {
	top: auto;
	bottom: 0;
	width:512px;
}
.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){

	#menu-wrap {
/*		margin: 0 0 0 120px; */
	}
}
@media only screen and (max-width: 1350px){
	#header .logo {
	}


}

@media only screen and (max-width: 1123px){
	.donate{padding:120px 0 0;}

	#nav {
}
}
@media only screen and (max-width: 1063px){

	#menu-container {
		margin: 0 0 0 20px; 
	}

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

	#header .logo img {
		width: 100px;
	}
	.scrolled #header .logo img {
		width:90px;
	
}
#nav-top a {
	padding: 23px 5px 21px 5px;
	
}
.scrolled #nav-top a {
	padding: 12px 5px 12px 5px;
	
}
	
	
.contentarea figure img {
	max-width: 100% !important;
	min-width: 75px !important;
}
.contentarea figure {
	max-width: 100% !important;
}

.card-image-first-bottom  .text-box {
	width: 57%;
	right: 40%;
}

.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;
}


.aside .post{margin:0 0 12px;}

	#menu-wrap{
/*		background:rgba(255,255,255,.85);*/
	}
	.logo{
	}

	.filter-form {
	margin: 0 25px 20px 0px;
}

#footer .logo{
		width: 120px;
	}
	.logo img{
		display:block;
		width:100%;
		height:auto;
	}
	.scrolled #nav ul li a { padding: 15px 16px 13px 16px; }
	#nav a { 
		font-size: 15px;
		padding: 25px 14px 23px 14px; }
	.scrolled #nav a{ padding: 20px 14px 17px 14px; }

.scrolled #nav ul.slide li a {
	padding: 10px 12px 10px 12px;
}	
	#nav .slide a {	
		font-size: 13px;
		padding: 10px 12px 10px 12px;
	}
	#nav .slide li {	
		font-size: 13px;
	}
	

	
	
	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: 20px 20px 20px 20px;
	}
	#footer .holder{
		float: left;
		display: block;	
		width:95%;
		margin: 0;
		padding: 10px 0 5px 0;
	}
	#social-networks {
	margin: 10px 0 10px 0;
}

	#footer .holder h4 { font-size: 26px; line-height: 33px; padding: 3px 30px 0 30px; margin: 0; }
	#footer .holder p {
	font-size: 13px; line-height: 20px;
} 
	.panel{
		border-top:1px solid #cb292b;
		width:90%;
		padding:41px 4.9% 40px;
	}

	.panel .box{
		float:right;
		padding:0 16% 0 0;
	}
	.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 0px;
		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;

}

}
@media only screen and (max-width: 860px){
	
}
@media only screen and (max-width: 780px){	
	#nav a {
	font-size: 14px;
padding: 21px 10px 19px 10px;
}
	
}

@media only screen and (max-width: 719px){

#nav-top {
	display: none;
}
/*
.socool-block-style-full-text-left-bg-mobile .socool-block-text-wrap {
	padding-right: 0;
}
*/

.donat-form p.donate-submit-note {
	display: none;
}
.form {
	width: 100%;
}

.template-news_list .main-holder {
	padding-top: 90px;
}
/*
.card-image-first-bottom h1 {
	margin-left: 4% !important;

}*/
.card-image-first-bottom .image {
	display: block;
	float: left;
	width: 100%;
	height: 580px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-size: cover;
	background-position: center top;
}
.card-image-first-bottom .image {
	background-position: right top;
}

.text-three-columns .contentarea figure {
	float: left;
	margin-left: 0 !important;
	margin-right: 20px !important;
	margin-top: 0 !important;
}


.section.card-image-first-bottom .mobile-image {
	display: none;
}
.card-image-first-bottom .text-box {
	position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
}

					.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: none;
	/* border-bottom: 10px solid #e2ebef; */

}
.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-image-first .text-box,
.section.card-image-first-left .text-box {
	padding-top: 100px;

}

	.section .text-box {
		width: 100%;
		padding: 0;
		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: 100px;
	}
.main-holder {
	width: 100%;
}
.aside{width:100%;} 
	 #header .logo {
		left: 20px;
		top:8px;
		padding: 0;
		background: none;
		box-shadow: none;
	}
	.scrolled #header .logo {
		left: 20px;
		top:8px;
/*	left: 23px;*/
	}


.note-holder {
	padding: 10px 4% 10px 4%;
	width: 92%;
}

	.scrolled #header .logo img {
/*	width: 50px;*/
}


.text-three-columns .text-box-column-left {
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}
.text-three-columns .text-box-column-center {
	width: 100%;
	padding: 0;
	margin-bottom: 10px;
}
.text-three-columns .text-box-column-right {
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}


.text-two-columns .text-box-column-left {
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}
.text-two-columns .text-box-column-right {
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
}


	.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:14px;
		line-height:19px;
	}
	#menu-wrap{ /* background:#fff; *( )}
	.btn-login{display:none;}
	.logo{
		width:60px;
/*		margin:4px 0 -12px;
		margin: 2px 0px -45px 10px;*/
	}
#footer #left-footer-bottom {
	display: none;
	float: left;
	clear: both;
	text-align: left;
	padding: 0 4% 0 4%;
	width: 92%;
}

#footer #left-footer-bottom table {
	float: left;
	text-align: left;
	width: 100%;

}

#footer #left-footer-top,
#footer #right-footer-top,
#footer #right-footer-bottom {
	display: block;
	float: left;
	clear: both;
	padding: 0 4% 0 4%;
	width: 92%;
	text-align: left;


}
#social-networks {
	position: relative;
	width: 100%;
	height: 50px;
	clear: both;
	padding: 0;
	margin: 30px 0 10px 0;
	
}
#social-networks ul {
	position: absolute;
	top: 40px;
	padding: 0;
	margin-left: -70px;
	left: 50%;
}
#social-networks h5 {
	width: 100%;
	text-align: center;
}


#footer #right-footer-bottom table {
	float: left;
	text-align: left;
	width: 100%;
}

#footer #right-footer-bottom table td {
	text-align: left;
}
#footer .logo{
		width: 100px;
		padding: 0px 0 20px 50%;
		margin-left: -50px;
	}
	.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%; 
	
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;

	}
	
	.wrap .drop .mobile-menu-trigger{
		position:absolute;
		right:5px;
		top:5px;
		z-index:999;
	}
	#header {
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	
	
	}
	body.mobile-menu-active .w1,
	body.mobile-menu-active #header { 
		margin:0 0 0 -260px; 
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		
	}
	body.mobile-menu-active #mobile-menu {
		right: 0;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	
	body.mobile-menu-active #nav .drop { 
		right:0;
	}
	/*.section {margin:0 -10px;}*/


	h1{
		font-size: 24px;
		line-height:27px;
		margin:0 0 12px;
	}
	.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 {
	padding-top: 35px;
	width: 100%;
}
	#footer .holder p { margin:0 0 22px 0; text-align: center;}
	.panel{padding:30px 0 0 0;
	width: 100%;}
#footer-nav {
  float: left;
  width: 92%;
  font-size: 15px;
  line-height: 19px;
  padding: 5px 0 5px 0;
  margin: 0 4% 0 4%;
  display: block;
  position: inherit;		
		
	}
#footer-nav li{
		margin:0 0 3px;
		width: 95%;
	}
#footer-nav a{
		width: 95%;
		text-align: center;
		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;}

	.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:none;
		margin:10px 0 0;
	}
	.donat-form{margin:0 0 40px;}


div.cochart .pie-graph-container {
	height: 410px !important;
	width: 100%;
	margin-left: -30px;
}
div.cochart .pie-graph-container ul.labels {
	position: absolute;
	left: 80px !important;
	top: 245px !important;
}
div.cochart .stack-graph-container {
	height: 400px !important;
	width: 100%;
	margin-left: 0px;
}
div.cochart .stack-graph-container ul.labels {
	position: absolute;
	left: 50px !important;
	top: 220px !important;
}

div.cochart .column-graph-container {
	height: 330px !important;
	width: 100%;
	margin-left: -30px;
}
div.cochart .column-graph-container ul.labels {
	position: absolute;
	left: 50px !important;
	top: 225px !important;
}


}
@media print{
	* {
		background:none !important;
		color:#000 !important;
		box-shadow:none;
		-webkit-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;
		-webkit-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,
	#footer-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 16px/22px Helvetica,Arial,sans-serif;
/*	color: #4c6065;*/
	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 tr.heading td {
	background: #f66802;
	border-color: #f66802;
	color: #fff;
	font: bold 14px/20px arial, sans-serif;
}
table.table-style-one tr:nth-child(odd) {
	background-color: #edf1f3;
}

table.table-style-one tr td.cell-heading {
	background: #f66802;
	border-color: #f66802;
	border-bottom-color: #fff;
	color: #fff;
	font: bold 14px/20px arial, sans-serif;
}
/* @end */

/* @group Table style two */

table.table-style-two tr:nth-child(odd) {
	background-color: #edf1f3;
}

table.table-style-two tr.heading:nth-child(odd),
table.table-style-two tr.heading td {
	color: #f66802;
	font: bold 14px/20px arial, sans-serif;
}
table.table-style-two tr td.cell-heading {
	color: #f66802;
	font: bold 14px/20px arial, sans-serif;
}

/* @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%;
}



/* @end */


.mobile-table {
	display: block;
	float: left;
	clear: both;
}

.lt-640 .mobile-table {
	display: block;
	float: left;
	width: 100%;
	max-width: 100%;
}

* {
	
}

