@import 'font-awesome.css';

.jasenbar {
	background: #69be28;
	color: white;
	font-size: 12px;
	padding: 4px;
	text-align: center;
}

.jasenbar a, .jasenbar a:hover {
	color: white;
}

body{
	min-width:320px;
	margin:0;
	font:18px/27px "museo-sans", Arial, Helvetica, sans-serif;
	font-weight: 300;
	color:#323232;
	background:#fff;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
}
img{border-style:none;}
a{
	color:#323232;
	text-decoration:underline;
}
a:hover{
	color:#69be28;
	text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
	color: #69be28;
	font-weight: 500;
	margin-top: 1.5em;
	margin-bottom: 0em;
}
h1 {
	font-size: 48px;
	line-height: 45px;
	margin-top: 0;
}
h2.summary {
	color: #555;
	font-weight: 300;
	margin-top: 0.8em;
	line-height: 1.3em;
	clear: both;
}
span.pvm {
	display: block;
	clear: both;
}
strong, b {
	font-weight: 500;
}
blockquote {
	border-left: 0.4em solid #eee;
	margin-left: 1.2em;
	padding-left: 0.4em;
	font-style: italic;
}
form, fieldset{
	margin:0;
	padding:0;
	border-style:none;
}
input,
textarea,
select{
	font: 90% "museo-sans", Arial, Helvetica, sans-serif;
	vertical-align:middle;
}
#main {
	overflow: hidden;
	padding-top: 1.5em;
}
.shell{
	max-width:960px;
	margin:0 auto;
	overflow: hidden;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.top-panel{background:#69be28 url(img/bg-top-panel.gif) repeat-x;}
.top-panel .shell{height:40px;}
.top-panel .shell:after{
	display:block;
	clear:both;
	content:'';
}
#nav{
	float:left;
	height:100%;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:500;
	font-size:15px;
	line-height:40px;
}
#nav li{
	float:left;
	height:100%;
	border-right:2px solid #69bd28;
}
#nav li.some {
	border-right: none;
}
#nav li.some:last-child {
	border-right:2px solid #69bd28;
}
#nav li:first-child{border-left:1px solid #40890d;}
#nav a{
	display:block;
	height:100%;
	padding:0 13px;
	border-right:1px solid #40890d;
	text-decoration:none;
	color:#fafafa;
}
#nav li.some a {
	border-right: none;
    border-left: none;
}
#nav li.some:last-child a {
	border-right:1px solid #40890d;
}
#nav li.some-instagram a {
	padding: 0 2px;
}
#nav li.some a:hover {
	background: transparent;
}
#nav li:first-child a{border-left:2px solid #69bd28;}
#nav a:hover,
#nav .active a{background:#fdc82f url(img/bg-top-nav-hover.gif) repeat-x;}
.more-nav{
	float:right;
	padding:7px 13px 0 0;
}
.more-nav .logo-akava{
	float: left;
	width: 75px;
	height: 25px;
	margin: 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/logo-akava-2.png) no-repeat;
}
.more-nav .logo-akava a{
	display:block;
	height:100%;
}
.search-form{
	float: left;
    width: 167px;
    height: 26px;
    margin: 0 0 0 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAFWCAYAAAD6/LfIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg5RUM4QjQ0MDBFQTExRTI4MjU3QkRGQkEwN0NCRjQ0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg5RUM4QjQ1MDBFQTExRTI4MjU3QkRGQkEwN0NCRjQ0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODlFQzhCNDIwMEVBMTFFMjgyNTdCREZCQTA3Q0JGNDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODlFQzhCNDMwMEVBMTFFMjgyNTdCREZCQTA3Q0JGNDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ZVIsuAAAQW0lEQVR42uzdy29c1R3A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) no-repeat 0 -316px;
    background-position: 0px -316px;
   	border-left: 1px solid #5a9236;
    border-radius: 6px;
}
.search-form input[type=text]{
	float:left;
	width:132px;
	height:15px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding:4px 0 5px 10px;
	border:0;
	font-size:12px;
	line-height:15px;
	color:#323232;
	background:#fff;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.search-form input[type=submit]{
	float:right;
	width:25px;
	height:26px;
	margin:0;
	padding:0;
	border:0;
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	overflow:hidden;
	background:none;
}
.search-form input[type=submit]:hover{cursor:pointer;}
.lang-link{
	display: none;
	float:left;
	margin:0 0 0 13px;
	padding:0 18px 0 0;
	color:#fff;
	text-decoration:none;
	font-size:13px;
	line-height:24px;
	background:url(img/sprite.png) no-repeat 100% -288px;
}
.lang-link:hover{color:#fff;}
.lang-link span{
	display:block;
	height:26px;
	padding:0 6px 0 16px;
	background:url(img/sprite.png) no-repeat 0 -260px;
}
.nav-panel{
	border-bottom:1px solid #c5c5c5;
	background:#fff url(img/bg-nav-panel.gif) repeat-x 0 100%;
}
.nav-panel .shell{}
.nav-panel .shell:after{
	display:block;
	clear:both;
	content:'';
}
.nav-panel select{
	display:none;
	width:100%;
}
.sub-nav{
	float:left;
	height:100%;
	margin:0;
	padding:0;
	list-style:none;
	font-weight:500;
	font-size:15px;
	line-height:40px;
}
.sub-nav li{
	float:left;
	height:100%;
	border-right:2px solid #fff;
}
.sub-nav li:first-child{border-left:1px solid #c5c5c5;}
.sub-nav a{
	display:block;
	position:relative;
	height:100%;
	padding:0 9px;
	border-right:1px solid #c5c5c5;
	text-decoration:none;
	color:#505050;
}
.sub-nav li:first-child a{border-left:2px solid #fff;}
.sub-nav a:hover:after,
.sub-nav .active a:after{
	content:'';
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:5px;
	background:#fcc72e;
}
.head-panel{
	padding:15px 10px 21px 13px;
	overflow:hidden;
}
.logo{
	float:left;
	width:269px;
	margin:7px 20px 0 0;
}
.logo img{
	width:100%;
	vertical-align:top;
}
.head-panel .holder{overflow:hidden;}
.social-panel{
	padding:0 4px 0 0;
	overflow:hidden;
}
.social-panel .social{float:right;}
.social-panel .social-box{
	float:left;
	margin:0 0 0 20px;
}
.social-panel .social-box img{vertical-align:top;}
.slogan-holder{overflow:hidden; margin-top: 1em;}
.slogan{
	float:right;
	width:227px;
	font-weight: 300;
	line-height:19px;
	color:#69bd28;
}
.main-gallery{
	position:relative;
	margin:0 0 22px;
}
.main-gallery .gmask{
	position:relative;
	width:100%;
	overflow:hidden;
}
.main-gallery .slides-list{
	position:relative;
	/* width:99999px; */
	overflow:hidden;
}
.main-gallery.carousel-active .slides-list{
	width:99999px;
}
.main-gallery .slide{
	float:left;
	position:relative;
}
.main-gallery img{
	vertical-align:top;
	max-width:100%;
}
.main-gallery .title{
	position:absolute;
	bottom:42%;
	left:0;
	right:0;
	padding:0 10px;
	font-size:60px;
	line-height:70px;
	text-align:center;
	text-shadow:0 0 5px rgba(0, 0, 0, 0.5);
	color:#fff;
}
.main-gallery .slide .description{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	padding:11px 30px 16px;
	font-size:17px;
	text-align:center;
	color:#f0f0f0;
	background:rgba(0, 0, 0, 0.6);
}
.main-gallery .slide .description p{margin:0;}
.main-gallery .pagination{
	position:absolute;
	top:5px;
	left:0;
	right:0;
	z-index:10;
	text-align:center;
}
.main-gallery .pagination ul{
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0;
	list-style:none;
	font-size:14px;
	line-height:18px;
}
.main-gallery .pagination ul li{
	float:left;
	padding:0 12px;
}
.main-gallery .pagination ul a{
	text-decoration:none;
	color:#646464;
}
.main-gallery .pagination ul a:hover{text-decoration:underline;}
.main-gallery .pagination ul .active a{font-weight:500;}
.main-gallery .pagination ul .active a:hover{text-decoration:none;}
.member-options{
	padding:0 0 36px;
	overflow:hidden;
}
.member-options .ttl{
	float:left;
	width:130px;
	padding:1px 36px 0 11px;
	font-weight:500;
	font-size:19px;
	color:#69be28;
}
.member-options .options-list{
	float:left;
	width:486px;
	font-size: 0.9em;
}
.member-options .options-list ul{
	float:left;
	width:50%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0 15px 0 0;
	list-style:none;
}
.member-options .options-list ul li{overflow:hidden;}
.member-options .options-list ul a{
	position:relative;
	float:left;
	padding:0 0 0 13px;
	text-decoration:none;
}
.member-options .options-list ul a:before{
	content:'»';
	position:absolute;
	top:0;
	left:0;
}
.member-options .button-box{
	float:right;
	width:227px;
	margin:6px 0 0;
}

.member-options .description {
	margin-right: 250px;
}

.button{
	display:block;
	padding:0 4px 0 0;
	text-decoration:none;
	font-weight:500;
	font-size:22px;
	line-height:58px;
	text-align:center;
	color:#fff;
	background:url(img/sprite.png) no-repeat 100% -65px;
}
.button:hover{
	color:#fff;
	background-position:100% -195px;
}
.button span{
	display:block;
	height:61px;
	background:url(img/sprite.png) no-repeat;
}
.button:hover span{background-position:0 -130px;}


.button-invert{
	display:block;
	padding:0 4px 0 0;
	text-decoration:none;
	font-weight:500;
	font-size:22px;
	line-height:58px;
	text-align:center;
	margin-bottom: 5px;
	color:#fff;
	background:url(img/sprite.png) no-repeat 100% -195px;
}
.button-invert:hover{
	color:#fff;
	background-position:100% -65px;
}
.button-invert span{
	display:block;
	height:61px;
	background:url(img/sprite.png) no-repeat;
	background-position:0 -130px;
}
.button-invert:hover span{background-position:0 0;}



.member-options .button{margin:0 0 19px;}
.nav-sel{
	display:block;
	width:100%;
}
.gray-section{
	padding:32px 0 20px;
	background:#edeced url(img/bg-gray.jpg);
}
.main-heading{
	padding:0 0 0 13px;
	position: relative;
}
.main-heading h2{
	margin:0 0 22px;
	font-size:35px;
	line-height:40px;
	color:#69be28;
}
.main-heading h2:after{content:' »';}
.news-section{padding:0 82px 0 163px;}
.news-list{
	margin:0 0 40px;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.news-list li{
	margin:0 0 7px;
	border-bottom:1px solid #c8c8c8;
}
.news-list li.expanded{
	border:0;
	padding:0 0 11px;
}
.news-list a{
	display:block;
	padding:0 9px 1px;
	border-left:6px solid #69be28;
	text-decoration:none;
	overflow:hidden;
}
.news-list li.expanded a{
	margin:0 0 18px;
	padding:0 16px;
	border:0;
}
.news-list a:hover{
	color:#323232;
	background:#69be28;
}
.news-list li.expanded a:hover{
	text-decoration:none;
	background:none;
}
.news-list a em{
	float:left;
	min-width:82px;
	margin:0 10px 0 0;
	font-style:normal;
}
.news-list .expanded a em{
	float:none;
	display:block;
	margin:0;
	min-width:1px;
}
.news-list a strong{
	display:block;
	font-weight:normal;
}
.news-list .expanded a strong{
	font-size:24px;
	font-weight:500;
	line-height:30px;
	margin:0;
}
.news-list a strong:after{content:' »';}
.news-list .expanded a strong:after{display:none;}
.news-list .text-slide{display:none;}
.news-list .expanded .text-slide{
	display:block;
	padding:0 16px;
}
.news-list .expanded .text-slide p{margin:0 0 20px;}
.news-section h3{
	margin:0 0 25px;
	padding:9px 0 0 15px;
	font-size:17px;
	text-transform:uppercase;
	color:#69be28;
}
.news-section h3:after{content:' »';}
.vacancies-block{
	margin:0 0 30px;
	padding:8px 14px 12px 11px;
	border:1px solid #c8c8c8;
}
.vacancies-block .block-holder{
	display:table;
	width:100%;
}
.vacancies-block .text-box{
	display:table-cell;
	vertical-align:top;
	padding:0 40px 0 0;
}
.vacancies-block .ad-box{
	display:table-cell;
	vertical-align:top;
	width:1px;
	padding:3px 0 0;
}
.vacancies-block .ad-box img{vertical-align:top;}
.vacancies-block .main-heading{padding:0;}
.vacancies-block .main-heading h2{margin:0 0 7px;}
.vacancies-block .list-holder{
	font-size:15px;
	line-height:21px;
	overflow:hidden;
}
.vacancies-block .list-holder ul{
	float:left;
	width:40%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0 20px 0 0;
	list-style:none;
}
.vacancies-block .list-holder ul:last-child {
	width: 20%;
}
.vacancies-block .report-link{
	text-decoration:none;
	font-weight:500;
	color:#69be28;
}
.vacancies-block .report-link:after{content:' »';}
.vacancies-block .report-link:hover{text-decoration:underline;}
.calendar-block{
	padding:38px 0 10px;
	overflow:hidden;
}
.calendar-block .main-heading{
	margin:0 0 40px;
	overflow:hidden;
}
.calendar-block .main-heading h2{
	float:left;
	margin:0;
}
.calendar-block .main-heading h2:after{display:none;}
.calendar-block .main-heading ul{
	float:right;
	margin:13px 0 0;
	padding:0;
	list-style:none;
}
.calendar-block .main-heading ul li{
	float:left;
	padding:0 13px;
}
.calendar-block-menneet{
	display:block;
	margin-top: -40px;
	padding-bottom: 20px;
	margin-left: 13px;
}
.calendar-block-menneet a{text-decoration:none;}
.calendar-block .main-heading ul a{text-decoration:none;}
.calendar-block .main-heading ul a:after{content:' »';}
.calendar-list{margin:0 -18px 30px 0;}
.calendar-list .list-holder{
	display:table;
	width:100%;
	table-layout:fixed;
}
.calendar-list ul{
	vertical-align:top;
	margin:0;
	padding:0 18px 0 0;
	list-style:none;
}
.calendar-list ul li{
	margin:0 0 18px;
	border:1px solid #c8c8c8;
	float: left;
	width: 30%;
	margin-right: 3%;
}
.calendar-list ul li:nth-child(3n+4) {
	clear: both;
}
.calendar-list .item{
	min-height:84px;
	padding:6px 15px 6px 5px;
	border-left:6px solid #69bd28;
	overflow:hidden;
	background:#f7f7f3;
}
.calendar-list .date{
	float:left;
	width:72px;
	padding:0 10px 0 0;
	font-style:normal;
	font-weight:500;
	font-size:15px;
	line-height:20px;
	text-transform:uppercase;
	text-align: center;
}
.calendar-list .date span{
	display:block;
	margin:0 0 3px;
	font-size:32px;
	line-height:36px;
}
.calendar-list .date .year {
	font-size: 0.8em;
	line-height: 1em;
}
.calendar-list .text-holder{
	padding:3px 0 0;
	font-size:15px;
	line-height:20px;
	overflow:hidden;
}
.calendar-list .text-holder p{margin:0;}
.calendar-list .text-holder a{text-decoration:none;}
.calendar-list .text-holder a:after{content:' »';}
.blog-section{background:#69bd28 url(img/bg-blog.jpg);}
.blog-section .section-holder{
	padding:42px 0 61px;
	background:url(img/shadow-01.png) repeat-x;
}
.blog-section .main-heading h2{
	margin:0 0 32px;
	color:#fff;
}
.blog-section .main-heading h2 a {
	color: #fff;
}
.blog-section h1 {
	margin-top: 0.2em;
}
.blog-list{
	padding:35px 94px 6px 94px;
	background:#fff;
}
.blog-type{
	margin:0 0 30px;
	overflow:hidden;
}
.blog-type h3{
	margin:0 0 22px;
	font-size:17px;
	text-transform:uppercase;
	color:#69be28;
}
.blog-type h3 a{
	text-decoration:none;
	color:#69be28;
}
.blog-type h3 a:after{content:' »';}
.blog-type h3 a:hover{text-decoration:underline;}
.blog-list .post-item{
	margin:0 0 15px;
	overflow:hidden;
}
.blog-list .post-item .date{
	float:left;
	width:80px;
	margin:0 4px 0 0;
	font-style:normal;
	font-weight:500;
	font-size:15px;
	line-height:20px;
	text-transform:uppercase;
}
.blog-list .post-item .date span{
	display:block;
	margin:0 0 3px;
	font-size:32px;
	line-height:36px;
}
.blog-list .post-item .text-holder{
	padding:2px 0 0;
	overflow:hidden;
}
.blog-list .post-item h4{
	margin:0 0 6px;
	font-size:24px;
	line-height:28px;
}
.blog-list .post-item h4 a{text-decoration:none;}
.blog-list .post-item p{margin:0;}
#footer{background:#282828;}
.footer-area{
	padding:45px 0 13px;
	color:#f0f0f0;
}
.footer-area a{color:#f0f0f0;}
.faq-block{padding:0 0 21px 15px;}
.faq-block h2{
	margin:0 0 32px;
	font-size:24px;
	line-height:30px;
}
.faq-block h2:after{content:' »';}
.faq-block .list-holder{
	margin:0 0 20px;
	overflow:hidden;
}
.faq-block .list-holder ul{
	float:left;
	width:50%;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0 20px 0 0;
	list-style:none;
	overflow:hidden;
}
.faq-block .list-holder ul li{margin:0 0 12px;}
.address-block{
	margin:0 0 38px;
	padding:22px 15px 28px 13px;
	border:1px solid #959595;
	overflow:hidden;
}
.address-block .logo-footer{
	float:left;
	width:32px;
	height:41px;
	margin:0 50px 0 0;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/logo-footer.png) no-repeat;
}
.address-block .logo-footer a{
	display:block;
	height:100%;
}
.address-block .logo-akava{
	float:right;
	width:75px;
	height:25px;
	margin:12px 0 0 20px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(img/logo-akava-2.png) no-repeat;
}
.address-block .logo-akava a{
	display:block;
	height:100%;
}
.address-block .holder{
	padding:4px 0 0;
	overflow:hidden;
}
.address-block .address-block-left {
	float:left;
}
.address-block address,
.address-block p {
	margin:0 9px 0 0;
	font-style:normal;
	font-size:15px;
	line-height:19px;
}
.address-block address span{display:block;}
.address-block address a{text-decoration:none;}
.address-block address a:hover{text-decoration:underline;}
.address-block .link{
	float:left;
	font-size:15px;
	line-height:19px;
	text-decoration:none;
	color:#69bd28;
}
.address-block .link:after{content:' »';}
.address-block .link:hover{text-decoration:underline;}
.footer-nav{
	display:table;
	table-layout:fixed;
	width:100%;
	font-size:15px;
	line-height:20px;
}
.footer-nav .col{
	display:table-cell;
	vertical-align:top;
	padding:0 50px 0 13px;
}
.footer-nav .col:first-child{padding-left:15px;}
.footer-nav h3{
	margin:0;
	font-size:15px;
	line-height:20px;
}
.footer-nav ul{
	margin:0;
	padding:0;
	list-style:none;
}
.footer-nav ul a{text-decoration:none;}
.footer-nav ul a:hover{text-decoration:underline;}

.common-list .list-holder{
	display:table;
	width:100%;
	table-layout:fixed;
}

.common-list ul{
	display:table-cell;
	vertical-align:top;
	margin:0;
	padding:0 18px 0 0;
	list-style:none;
}

.image {
	background: white;
	margin-bottom: 1em;
}

.image img {
	width: 100%;
	display: block;
}

.image p {
	padding: 1em;
	margin: 0;
	font-size: 0.9em;
}

#side {
	float: left;
	width: 200px;
}

#content {
	margin-left: 256px;
	height: auto !important;
}

#content img {
	max-width: 100%;
	height: auto;
}

#side, #content, #fullcontent {
	margin-bottom: 2em;
}

.align_right {
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

.align_left {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.align_center {
	display: block;
	margin: 0 auto 1em;
}

.sidemenu {
	margin-bottom: 1.5em;
}

.sidemenu > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid #c5c5c5;
}

.sidemenu > ul > li {
	border-bottom: 1px solid #c5c5c5;
}

.sidemenu > ul > li:last-child {
	border: none;
}

.sidemenu > ul > li a {
	display: block;
	padding: 0.5em;
	text-decoration: none;
	font-size: 15px;
	line-height: 20px;
}

.sidemenu > ul > li.parent > a, .sidemenu > ul > li.current > a {
	border-bottom: 4px solid #FCC72E;
	font-weight: 500;
}

.sidemenu > ul ul {
	list-style: none;
	padding-left: 0.2em;
}

.sidemenu > ul ul li a {
	font-size: 13px;
	line-height: 15px;
}

.sidemenu > ul ul li.parent > a, .sidemenu > ul ul li.current > a {
	font-weight: 500;
	text-decoration: underline;
}

th {
	text-align: left;
}

table {
	width: 100%;
	margin: 1em 0;
}

.ukk-kysymys:hover {
	cursor: pointer;
	text-decoration: underline;
}

.huomiolaatikko {
	border: 1px solid #ddd;
	background: #f3f3f3;
	padding: 1em;
}

.MarkupPagerNav {
	overflow: hidden;
	display: block;
    clear: both;
    margin: 0 auto 1em auto; 
    padding: 0;
    font-family: Arial, sans-serif;
}
.MarkupPagerNav li {
	display: inline;
	list-style: none;
	margin: 0;
}

.MarkupPagerNav li a,
.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: block;
	float: left;
	padding: 2px 9px;                
	color: #333;
	background: #ddd;
	margin-right: 3px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
}
                
.MarkupPagerNav li.MarkupPagerNavOn a,
.MarkupPagerNav li a:hover {
	color: #fff;
	background: #69BE28;
	text-decoration: none;
}

.MarkupPagerNav li.MarkupPagerNavSeparator {
	display: inline;
	color: #333;
	background: #ddd;
	padding-left: 3px;
	padding-right: 3px;
}

.template-jasenpalvelu .head-panel {
    position: relative;   
}

.login-box {
    display: none;
}

.event-item h2 {
	margin-top: 0.2em;
	font-size: 1.1em;
}
.yhdistysTitle {
	padding: 0.6em;
	margin-top: 0;

}
.yhdistyskortti {
	
	background:white;
	padding: 1em;
	margin-bottom: 1em;
}

.yhdistyskortti h2, .yhdistyskortti p {
	margin: 0;
}

.yhdistyskortti h2 {
	margin-bottom: 0.4em;
	font-size: 1.1em;
	line-height: 1.2em;
}

.nostokuva {
	padding: 9px;
	border: 1px solid #ddd;
	margin-bottom: 1.5em;
}

.nostokuva img {
	display: block;
}

.nostokuva-2 {
	margin-bottom: 1.5em;	
}

/* ApeForm*/
.hidden {
	display: none;
}

#liity {
	font-size: 14px;
}

#liity .opiskelijaOhje {
	display: none;
	margin-left: 21%;
}

#tyonantaja {
	width: 80%;
}

.select2-results li {
	font-size: 12px;
}

#liity fieldset {
	
	margin-bottom: 1em;
	padding: 0;
	position: relative;
}

#liity legend {
	display: block;
	width: 100%;
	padding: 1em 0.2em 0.5em;
	font-size: 2em;
	font-weight: 500;
	border: none;
	background: white;
	
}

#liity .element {
	padding: 0.5em;
	background: #f5f5f5;
	margin-bottom: 2px;
	overflow: hidden;
}

#liity .element input[type=text] {
	width: 30%;
}

#liity label {
	display: block;
	float: left;
	text-align: right;
	padding-right: 1%;
	width: 20%;
	font-weight: 700;
	line-height: 1.2em;
	padding-top: 7px;
}

#liity .options {
	float: left;
	width: 79%;
}

#liity .options label {
	float: left;
	display: block;
	width: inherit;
	text-align: left;
	font-weight: 500;
	padding-top: 6px;
}

#liity .element.error {
	background: rgb(255,200,200);
}

#liity .description {
	font-size: 0.9em;
	line-height: 1.1em;
}

#liity .radioset input {	
	clear: both;
	float: left;
	margin-top: 0.5em;
}

#liity #wrap-osoite_ulkomailla .options {
	width: 100%;
}

#liity #wrap-osoite_ulkomailla  input.count-1 {
	margin-left: 21%;
}

#liity #wrap-osoite_ulkomailla .option {
	width: 70%;
}

#liity #wrap-jasentietojen_luovutus .description,
#liity #wrap-tutkintotiedot_valmistumispvm .description,
#liity #wrap-muut_tutkinnot .description,
#liity #wrap-muut_suoritetut_tutkinnot .description {
	display: block;
	clear: both;
	margin-left: 21%;
	padding-left: 3px;
}

#liity #muut_tutkinnot,
#liity #muut_suoritetut_tutkinnot {
	width: 55%;
	height: 70px;
}

#liity #lisatietoja {
	width: 50%;
	height: 150px;
}

#ui-datepicker-div {
	font-size: 12px;
	line-height: 1.3em;
}

.muut_yhdistykset {
	margin-top: 0;
}

.template-yhdistys h2.summary {
	margin-top: 0;
}
.hakuaika {
	font-size: 0.8em;
	text-transform: uppercase;
}
.avoimet {
	font-size: 0.9em;
	border-collapse: collapse;
	line-height: 1.3em;
}

.avoimet th, .avoimet td {
	padding: 0.5em;
}

.avoimet th {
	vertical-align: bottom;
	border-bottom: 1px solid #ccc;
}

.avoimet td {
	vertical-align: top;
	border-bottom: 1px solid #eee;
	
}

#CommentForm {
    display: none;
}

.CommentList {
        margin: 1em 0 0 0;
        padding: 0;
}
.CommentListItem {
	font-size: 0.9em;
    list-style: none;
    margin: 0;
    margin-bottom: 1em;
    border-top: 1px dotted #ccc;
    padding: 0.6em;
    background: #f3f3f3;
}
.CommentListItem p {
	margin: 0;
}
.CommentHeader,
#CommentForm label {
        margin: 0;
        font-size: 0.8em;
        text-transform: uppercase;
        color: #69be28;
}
.CommentText {
        color: #666;
    }
#CommentForm { 
	clear: both;
	border-top: 1px dotted #ccc;
}
#CommentForm h2 {
    margin-bottom: 0;
    border: none;
}
#CommentForm label {
    display: block;
    color: #999;
}
#CommentForm p {
    margin: 0.5em 0;
}
#CommentForm .error {
    background: #a30000;
    color: #fff;
    padding: 0.25em 0.5em;
}
#CommentForm .success {
    font-weight: bold;
}
.CommentForm_cite,
.CommentForm_email {
    float: left;
}
.CommentForm_cite input,
.CommentForm_email input {
    width: 200px;
    margin-right: 1em;
}
.CommentForm_text {
    clear: both;
}
.CommentForm_text textarea {
    padding: 2px;
    width: 75%;
    height: 100px;
}

.blog-section .date {
	float: left;
	padding-left: 5px;
}

.blog-section #somet {
	float: left;
	padding-left: 1em;
}

.fb-share-button,
.twitter-share-button,
.IN-widget,
#___plus_0 {
    float: left !important;
    line-height: 1.12em !important;
    margin: 20px 10px 20px 0 !important;
    max-width: 150px;
}

.shell {
	position: relative;
}

#side {
	position: absolute;
}

.avoimet .header {
	cursor: pointer;
}

.html {
	margin: 1em 0;
	width: 100%;
	clear: both;
}

.rss-link {
	display: block;
	width: 25px;
	height: 25px;
	background: url(img/rss.png) no-repeat;
	position: absolute;
	top: 8px;
	right: 15px;
	text-indent: -999px;
	font-size: 0;
}

.calendar-block .rss-link {
	position: static;
}

.event-links {
	margin-top: -1em;
}
.menneet{
	margin-top: -1em;
}

.main-heading h2 a {
	color: #69be28;
}

/* media queries */
@media only screen and (max-width: 959px) {

	.vacancies-block .list-holder ul{
		width: 100% !important;
	}

	.calendar-list ul li {
		clear: both;
		width: 100%;
		margin-right: 0;
	}
	
	.top-panel .shell{height:auto;}
	#nav{
		float:none;
		display:table;
		width:100%;
	}
	#nav li{
		float:none;
		display:table-cell;
		vertical-align:middle;
		border-bottom:1px solid #40890d;
		border-left:1px solid #40890d;
		border-right:0;
		height: auto;
	}
	#nav li:first-child{border-left:0;}
	#nav a{
		display:block;
		height:40px;
		border-left:2px solid #69bd28;
		border-right:0;
		text-align:center;
	}
	#nav li:first-child a{border-left:0;}
	.more-nav{
		float:none;
		text-align:center;
		padding:15px;
	}
	.more-nav .holder{
		display:inline-block;
		vertical-align:top;
		text-align:left;
	}
	.sub-nav{
		float:none;
		display:table;
		width:100%;
		font-size:12px;
	}
	.sub-nav li{
		float:none;
		display:table-cell;
		vertical-align:middle;
	}
	.sub-nav a{
		height:40px;
		text-align:center;
		padding:0 5px;
	}
	.content-section{padding:0 8px;}
	.main-gallery .title{
		font-size:50px;
		line-height:60px;
	}
	.main-gallery .slide .description{
		font-size:14px;
		line-height:18px;
	}
	.gray-section .shell{padding:0 30px;}
	.calendar-block{
		padding-left:8px;
		padding-right:8px;
	}
	.member-options{padding:0 20px 40px;}
	.member-options .ttl{
		float:none;
		display:block;
		clear:both;
		width:auto;
		padding:0 0 20px;
	}
}

@media only screen and (max-width: 800px) {
	.slogan-holder {
		margin-top: 0;
	}
	.nav-panel{
		padding:0;
		border:0;
		background:none;
	}
	.nav-panel select{display:block;}
	.sub-nav{display:none;}
	.main-gallery .title{
		font-size:40px;
		line-height:50px;
	}
}

/* One column mobile below this!! */
@media only screen and (max-width: 767px) {
	
	#side {
		position: static;
	}

	#content img {
		display: block;
		width: 100%;
		height: auto;
	}

	.shell {
		
	}

	#main img {
		max-width: 100%;
		height: auto;
	}

	.more-nav{}
	#nav li {
		display: block;
		float: left;
		box-sizing: border-box;
		width: 33.33333333333333%;
	}
	#nav li:nth-child(3n+4){
		clear: both;
	}

	#nav li a {
		border-left: none;
	}

	.nav-panel .shell {
		padding: 1em;
		font-size: 1em;
	}

	.head-panel{text-align:center;}
	.logo{
		float:none;
		display:block;
		width:410px;
		margin:0 auto 20px;
		text-align:left;
	}
	.social-panel{display:none;}
	.slogan{
		float:none;
		display:block;
		width:auto;
	}
	.member-options .options-list{
		float:none;
		width:auto;
		margin:0 0 20px;
		overflow:hidden;

	}
	.member-options .button-box{
		float:none;
		width:auto;
	}
	.member-options .button-box .button span{
		padding:0 18px;
		text-align:left;
	}
	.news-section{padding:0;}
	.vacancies-block .text-box{padding:0;}
	.vacancies-block .ad-box{display:none;}
	.vacancies-block .list-holder ul{
		float:none;
		width:auto;
		overflow:hidden;
	}
	.main-gallery .title{
		bottom:10%;
		font-size:30px;
		line-height:36px;
	}

	.calendar-list ul, .common-list ul {
		display: block;
	}

	.member-options .description {
		margin-right: 0;
	}

	.footer-nav .col {
		display: block;
		margin-bottom: 2em;
	}

	.blog-list {
		margin: 15px;
		padding: 15px;
	}
	
	.main-gallery .slide .description,
	.main-gallery .pagination{display:none;}

	#side, #content {
		width: 100%;
		float: none;
		margin: 0 auto !important;
	}
	
	/*
	.calendar-block,
	.blog-section,
	#footer{display:none;}
	*/
}
@media only screen and (max-width: 639px) {
	body{
		font-size:13px;
		line-height:16px;
	}
	.nav-sel {
		font-size: 16px;
	}

	#main .shell {
		padding: 0 1em;
	}
	h1 {
		font-size: 20px;
		line-height: 24px;
	}
	#nav{font-size:11px;}
	#nav a{padding:0 5px;}
	.logo{width:205px;}
	.slogan{font-size:11px;}
	.member-options .ttl{
		padding:0 0 10px;
		font-size:12px;
		line-height:16px;
	}
	.member-options .options-list ul{padding:0 5px 0 0;}
	.button{font-size:14px;}
	.main-heading h2{
		font-size:18px;
		line-height:24px;
	}
	.news-section h4{
		font-size:13px;
		line-height:16px;
	}
	.news-list a em{
		min-width:1px;
		margin:0 3px 0 0;
	}
	.news-list .expanded a{margin:0 0 10px;}
	.news-list .expanded a strong{
		font-size:14px;
		line-height:18px;
	}
}

/* highlights */

#highlights {
    width: 100%;
    margin-bottom: 2em;
    box-sizing: border-box;
}

#highlights *, #highlights *:before, #highlights *:after {
  	box-sizing: inherit;
}

#highlights .col {
	display: inline-block;
    vertical-align: top;  
    position: relative;
    width: 25%;
    padding-right: 1em;
}

#highlights .col:last-child {
	padding-right: 0;
}

#highlights .col .content {
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    background: #69be28;
    position: relative;
    padding-bottom: 50px;
    min-height: 200px;
    transition: background-color 0.2s ease;
    position: relative;
    vertical-align: top;
    display: inline-block;
    width: 100%;
}

#highlights.liitto .col .content:after {
	content: "\f138";
    font-family: "FontAwesome";
    font-size: 28px;
    color: #fff;
    background: #fdc82f;
    width: 100%;
    height: 50px;
    padding: 11px 0 0 0;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
}

#highlights .col .content:hover {
	background: #fdc82f;
}


#highlights .col h2 {
    font-size: 20px;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    margin: 1em 0 0 0;
    padding: 0 .5em;
}

#highlights .col a {
	position: relative;
	height: 100%;
	text-decoration: none;
}

#highlights .col p {
    font-size: 16px;
    line-height: 1.2;
}

#highlights .col .date {
    font-size: 14px;
}

@media only screen and (max-width: 1000px) {
	#highlights .col,
	#highlights .col:last-child {
	    width: 50%;
	    padding: .5em;
	}
}

@media only screen and (max-width: 767px) {
	#highlights .col,
	#highlights .col:last-child {
	    display: block;
	    width: 100%;
	}
}

/* liitto highlights */

#highlights.liitto .col .content .img-container {
    margin: .8em auto -1em auto;
}

/* teema highlights */

#highlights.teema {
    margin-bottom: .5em;
}

#highlights.teema .col {
	width: 50%;
	margin-bottom: 1em;
}

#highlights.teema .col:nth-child(2) {
	padding-right: 0;
}

#highlights.teema .col .content {
	min-height: 115px;
	padding: 0;
	background: transparent;
}

#highlights.teema .col .content .text-content {
	background: #69be28;
    position: relative;
    left: 0;
    top: 0;
    height: 100%;
    min-height: 115px;
    width: 60%;
    padding-bottom: 1em;
    transition: background-color 0.2s ease;
}

#highlights.teema .col .content:hover .text-content,
#highlights.teema .col:nth-child(2) .content .text-content,
#highlights.teema .col:nth-child(3) .content .text-content {
	background: #fdc82f;
}

#highlights.teema .col:nth-child(2):hover .content .text-content,
#highlights.teema .col:nth-child(3):hover .content .text-content {
	background: #69be28;
}


#highlights.teema .col .content .img-container {
	color: #69be28;
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
    height: 100%;
    background: rgba(255,255,255,.5);
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    display: flex;
    align-items: center;
    justify-content: center;
}

#highlights.teema .col .content .img-container span {
	font-weight: 400;
	text-transform: none;
}

#highlights.teema .col h2 {
    padding: 2.2em 0 0 0;
    margin: 0;
}

/*#highlights.teema .col.page-highlight h2 {
    padding: 1em .5em 0 .5em;
    font-size: 16px;
    line-height: 1.2;
}*/

#highlights.teema .col h2:after {
    content: ' »';
}

#highlights.teema .col.page-highlight h2:after {
    content: '';
}

@media only screen and (max-width: 1000px) {
	#highlights.teema .col:nth-child(2) {
	    padding-right: .5em;
	}
	#highlights.teema .col,
	#highlights.teema .col:last-child {
	    margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	#highlights.teema .col,
	#highlights.teema .col:last-child {
		width: 100%;
	}
}

/* somet */

ul.somet {
    display: block;
    float: right;
    margin: 9px 5px 0 0;
}

ul.somet li {
	display: block;
	float: left;
}

ul.somet li a {
	display: inline-block;
    padding: 0 6px;
}

.someseina {
	padding: 1em 0;
}

/* teemasivu */

.root-teema {
	background: url(img/teema_bg.jpg);
}

.root-teema:not(.ohjelma) .head-panel {
	display: none;
}

.root-teema.template-9779 .main-gallery {
    position: relative;
    margin: 0;
}

.root-teema.template-9778 #side {
	display: none;
}

.root-teema.template-9778 #content {
	margin-left: 0;
}

.root-teema #side .sidemenu {
	background: #fff;
}

.root-teema h1 {
	font-size: 1.8em;
    font-weight: 600;
}

.root-teema .summary {
	font-size: 2.4em;
    font-weight: 400;
    color: #000;
    margin: 0 0 .5em 0;
    line-height: 1.2;
    position: relative;
    padding-left: 2rem;
}

.root-teema .summary::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	margin-right: 1rem;
	width: 0.5rem;
	height: 100%;
	border-left: 14px solid #69be28;
}

.template-teema #main {
    overflow: hidden;
    padding-top: 0;
}

.template-teema #top-content {
	padding-top: 1.5em;
}

/*

.template-teema.template-9763 #top-content {
    background: rgba(0,0,0,.1);
}

*/

/* nostolista */

.nostolista {
	padding: 0 .5em;
	columns: 400px;
	-moz-columns: 400px;
}

.nostolista li {
	list-style: none;
	border-left: 14px solid #69be28;
    padding-left: 16px;
    margin-bottom: 1em;
    overflow: hidden;
}

.nostolista li h2 {
	color: #000;
    text-transform: uppercase;
    font-size: .9em;
    font-weight: bold;
    margin: 0;
}

.nostolista li a {
    color: #69be28;
    font-weight: 400;
    text-decoration: none;
}

.nostolista li a:after{content:' »';}

.nostolista li a:hover {
    text-decoration: underline;
}

.template-9778.root-teema .summary {
	color: #69be28!important;
	padding-left: 0;
}

.root-teema #content {
	background: rgba(255,255,255,1);
	padding: 1rem;
	margin-left: 220px;
}

.root-teema #content p {
	margin-left: 0!important;
}

.template-9778.root-teema .summary::before {
	content: none;
}

.root-teema .sidemenu>ul li.has_children:not(.parent) {
	display: none;
}

.ohjelma .sidemenu>ul li.has_children:not(.parent) {
	display: block;
}

.flockler-wall-item__content {
	border: 2px solid #cecece;
	border-top: solid 8px #69be28;
}

.flockler-posts--narrow .flockler-wall-item, 
.flockler-posts--pad .flockler-wall-item, 
.flockler-posts--medium .flockler-wall-item {
	width: 25%;
}

.template-9901 .flockler-wall-item {
	width: 50%;
}

@media only screen and (max-width: 767px) {
	.template-9901 .flockler-wall-item {
		width: 100%;
	}
}

a.flockler-btn-load-more {
	background: #69be28;
	color: white;
}

.some-heading {
	margin-bottom: 2rem;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* osaamistarinat */

body.osaamistarina #content {
    background-image: url(../../templates/styles/img/leimabg.png);
    background-repeat: no-repeat;
    background-size: 65%;
    background-position: center bottom;
    border-bottom: 100px solid #fff;
}

@media only screen and (min-width: 800px) {
	body.osaamistarina #content {
	    min-height: 1000px;
	}
}

body.osaamistarina .nostokuva-2 {
    margin-bottom: 1.5em;
    position: relative;
    width: 60%;
}

body.osaamistarina .nostokuva-2 img#osaaja {
	position: absolute;
    width: 140px;
    max-width: 50%;
    bottom: -15px;
    right: -70px;
}

body.template-11547 #main:after,
body.osaamistarina #main:after {
	content: " ";
    display: block;
    background-image: url(/site/templates/styles/img/osaaja-bottom.png);
    height: 50px;
    background-position: -10px;
    margin-bottom: 2em;
    background-size: contain;
}

.template-11547 .sidemenu>ul li.has_children:not(.parent) {
    display: block;
}

@media only screen and (max-width: 767px) {
	.template-11547 #content img {
	    width: auto;
	}
}