/* @override 
	http://www.profitconsulting.test/site0002.css/all.css
	http://www.profitconsulting.test/site0027.css/all.css
	http://www.aktuaari.test/site0030.css/all.css
	http://www.aktuaari.test/site0032.css/all.css
	http://www.aktuaari.test/site0034.css/all.css
*/

@font-face{
font-family:"MetaCompPro-Book W01 Regular";
src:url("Fonts/90515b91-4492-4ddc-8dc4-3d2cb36e69ca.eot?#iefix");
src:url("Fonts/90515b91-4492-4ddc-8dc4-3d2cb36e69ca.eot?#iefix") format("eot"),url("Fonts/20bf5e52-30ac-4a2b-9db7-1d7436e293bf.woff") format("woff"),url("Fonts/5f1eee24-a783-43d2-ad68-75604cc9f05b.ttf") format("truetype"),url("Fonts/276eaf23-0045-47d1-8c20-53ba2b6c9c73.svg#276eaf23-0045-47d1-8c20-53ba2b6c9c73") format("svg");
}
@font-face{
font-family:"MetaCompPro-Bold W01 Regular";
src:url("Fonts/ffa70b6d-1f49-44a8-a728-1869c881510f.eot?#iefix");
src:url("Fonts/ffa70b6d-1f49-44a8-a728-1869c881510f.eot?#iefix") format("eot"),url("Fonts/3acf28fb-87d9-4146-b959-a0e26918dc14.woff") format("woff"),url("Fonts/a2e92583-d34d-4e2a-9b1b-ffa7a1ab4fb3.ttf") format("truetype"),url("Fonts/326632ff-6fcc-4b8f-88e0-63c10ae46c57.svg#326632ff-6fcc-4b8f-88e0-63c10ae46c57") format("svg");
}
@font-face{
font-family:"MetaCompPro-Black W01 Regular";
src:url("Fonts/3cd9429f-a936-496b-8946-4b1e79576169.eot?#iefix");
src:url("Fonts/3cd9429f-a936-496b-8946-4b1e79576169.eot?#iefix") format("eot"),url("Fonts/495d0ff9-993f-4eca-9526-912977663f11.woff") format("woff"),url("Fonts/ab84b3e1-e5ec-420f-b754-defe22cf9ff6.ttf") format("truetype"),url("Fonts/39ead174-83bc-4c85-a497-95ea21707789.svg#39ead174-83bc-4c85-a497-95ea21707789") format("svg");
}



/*
*, *:before, *:after { box-sizing: inherit; }
 
* {max-height: 100000em;} 
*/
body {
	margin:0;
	color: #595d5d;
	font: 14px/18px Arial, Helvetica, sans-serif;
	overflow-y: scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	background: #fff;
	min-width: 1200px;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
img {border-style:none;}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
	display: block;
	margin:0; padding:0;
}
a {
	text-decoration:none;
	color:#30adba;
	outline:none;
}
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;
}
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: '';
}
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 21px; }
h1,
h2,
h3 {
	font-family: 'MetaCompPro-Bold W01 Regular', Arial, Helvetica, sans-serif;
	color: #213164;
}
h2 {
	font: 22px/26px 'MetaCompPro-Bold W01 Regular', Arial, Helvetica, sans-serif;
	margin: 0 0 8px;
	color: #101010;
}
h3 {
	font: 18px/21px 'MetaCompPro-Bold W01 Regular', Arial, Helvetica, sans-serif;
	margin: 0 0 8px;
	color: #101010;
	
}
h1 {
	font: 45px/48px 'MetaCompPro-Book W01 Regular', Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
	color: #171727;
	text-align: left;
}


.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:#30adba;
	border-radius:3px;
	padding: 9px 15px 8px;
}
html.no-touch .link-2:hover,
html.no-touch .btn:hover{
	text-decoration:none;
	background:#30adba;
}


.container{
	overflow:hidden;
	width:100%;
	position:relative;
}
.link-anchor-wrap {
	display: block;
	float: left;
	position: relative;
	height: 0px;
	width: 0px;
}
.link-anchor {
	display: block;
	float: left;
	width: 1px;
	height: 1px;
	background: transparent;
	position: absolute;
	top: -69px;
}
.color-grey {
	color: #909899;
}
#text figure {
	margin: 0 0 20px 0;
	padding: 0;  
}

#wrapper:after{
	display:block;
	content:'';
	clear:both;
}
#header {
	overflow: hidden;
	
}
#header,
.inner-head {
	position: fixed;
	width: 100%;
	left: 0;
	top: 37px;
	z-index: 9999;
/*
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		*/
}
/*#header.inner-head {
	top: 0;
}*/

/*.inner-head { 
	background:  rgba(0, 83, 163, 0.7); 
}*/
.header-holder {
	max-width: 1040px;
	margin: 0 auto;
	position: relative;
}
.header-holder:after {
	content: '';
	display: block;
	clear: both;
}
#logo {
	float: left;
	display: block;
	width: 260px;
	margin: 0 0 0 10px;
	height: 58px;
	position: relative;

}
#logo a {
	position: absolute;
	left:0;
	top: 0;
	z-index: 200;
}
#logo-background {
	content: ' ';
	position: absolute;
	background: rgba(255, 255, 255, 0.67);
	width: 240px;
	height: 10px;
	top: 0;
	left: 20px;
	z-index: 100;
	opacity: 0.0;
	
	-webkit-transition:all 0.25s linear;
	transition:all 0.25s linear;
}

.scrolled #logo-background {
	opacity: 1;
}

.logo-print { display: none; }
.inner-head .logo {
	width: 260px;
	margin: 0;
}
.logo img {
	display: block;
	width: 100%;
	height: auto;
}

#top-nav {
	float: left;
	width: auto;
	background-color: #fff;
	position: absolute;
	right: 0;
	top: 0px;
	height: 38px;
	padding: 0 0 0 0;
	z-index: 1000;
}
#top-nav ul {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#top-nav li {
	display: block;
	float: left;

	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
#top-nav a {
	display: block;
	float: left;

	color: #0869a2;	
	padding: 10px 21px 10px 21px;
	height: 17px;

	font: 14px/15px Arial, Helvetica, sans-serif;
	font-weight: bold;

}
#top-nav li a:hover {
	text-decoration: none;
	background-color: rgba(33,49,100,0.40);	
}
#top-nav li.login a:hover,
#top-nav li.login a {
	text-decoration: none;
	background-color: #0869a2;
	color: #fff;
}





#nav {
	float: left;
	width: 1024px;
	background-color: #19c0d3;
	position: absolute;
	left: 270px;
	top: 0;
	height: 48px;
	padding: 0 0 0 30px;
}
	.hide-mobile {
		display: block;
	}
	.show-mobile {
		display: none;
	}

#mobile-menu-background {
	content: ' ';
	display: none;
	float: left;
	height: 48px;
	width: 100%;
	background: #19C0D3;
	position: absolute;
	left: 270px;
	z-index: 101;
	
}

#mobile-menu-trigger { display: none; 
	z-index: 201;
	position: absolute;
	right: 0;

}
#nav:after {
	content: '';
	background-color: #19c0d3;
	width: 999px;
	position: absolute;
	top: 0;
	left: 100%;
	height: 100%;
}
#nav ul {

	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
}
.inner-head #nav ul {
	font-size: 15px;
	line-height: 17px;
}
#nav li {
	display: block;
	float: left;

	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}
#nav a {
	display: block;
	float: left;

	color: #fff;	
	padding: 15px 21px 16px 21px;
	height: 17px;

	font: 16px/18px Arial, Helvetica, sans-serif;
	font-weight: bold;

}
#nav li a:hover {
	text-decoration: none;
	background-color: rgba(33,49,100,0.40);	
}
#nav li.active a:hover,
#nav li.active a {
	text-decoration: none;
	background-color: #0B656F;
}

#nav .btn-search a {
	display: block;
	position: relative;
	width: 25px;
}
#nav .btn-search a span {
	display: none;
}
#nav .btn-search a img {
	position: absolute;
	top: 20px;

}
#nav .btn-search a:hover {
}
.visual {
	position: relative;
}
#text-page-top {
	max-width: 1200px;
	margin: 85px auto 40px auto;
}
.inner #wrapper { padding: 69px 0 0; }
#text-page-top .img-holder {
	overflow: hidden;
	height: 440px;
	background: #446f8b;
}

.bg-stretch { overflow: hidden; }
.visual > img {
	position: absolute;
	width: 100%;
	z-index: 1;
	left: 0;
	top: 0;
	height: 450px;
}

.visual .caption {
	overflow: hidden;
	z-index: 9;
	position: relative;
	padding: 128px 12px 10px;
	max-width: 1007px;
	margin: 0 auto;
}

.fourcolumns:after {
	content: '';
	display: block;
	clear: both;
}
.fourcolumns .holder {
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
	padding: 66px 15px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.inner .fourcolumns {
	background: #ecebe8;
	margin: 20px 0 0;
}
.fourcolumns .column {
	display: inline-block;
	vertical-align: top;
	margin: 0 3px 10px;
	width: 24.1%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	position: relative;
	z-index: 99;
	background: #fff;
	min-height: 140px;
}
.fourcolumns .column h2 a {
	display: block;
	padding: 0;
	color: #30adba;
}
.fourcolumns .column p a {
	display: block;
	padding: 0;
	color: #595d5d;
}
.fourcolumns .column:after {
	width: 100%;
	border-bottom: 45px solid #fff;
	border-right: 45px solid transparent;
	position: absolute;
	content: '';
	left: 0;
	top: -45px;
	z-index: -1;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.fourcolumns .column:hover:after,
.fourcolumns .column.active:after { border-bottom: 45px solid #213164; }
.fourcolumns .column.active a,
.fourcolumns .column:hover a {
	color: #fff;
	text-decoration: none;
}
.fourcolumns .column.active,
.fourcolumns .column:hover { background: #213164; }
.fourcolumns h2 {
	font: 22px/26px 'MetaCompPro-Bold W01 Regular', Arial, Helvetica, sans-serif;
	color: #30adba;
	display: block;
	margin: -16px 0 21px;
	text-transform: uppercase;
		padding: 0 28px 0 28px; 
}
.fourcolumns .column:hover h2 {
	color: #fff;
}
.fourcolumns p {

		padding: 0 28px 0 28px; 
}
.fourcolumns .column.active .title,
.fourcolumns .column:hover .title { color: #fff; }
#description {
	float: left;
	width: 51%;
	height: 440px;
	border-collapse: collapse !important;
	background: #fff;
	border: none !important;
	margin: 0px;
	padding: 0px;  
}



body.text-on-left #description {
	float: left;
	
}

#description tr {
	border-collapse: collapse !important;
	border: none !important;
	margin: 0px;
	padding: 0px;  
}
#description td {
	border-collapse: collapse !important;
	border: none !important;
	vertical-align: bottom;
	margin: 0px;
	padding: 0px; 
	line-height: 0; 

}

#description tr #ingressi tr {
	display: table-row;
	height: auto;
	line-height: 18px;
}
#description tr #ingressi td {
	border-collapse: collapse;
	display: table-cell;
	height: auto !important;
}
#description td #ingressi #event-table th {
	line-height: 18px;
	font-size: 16px;
	padding: 3px 18px 3px 0px;
	color: #595d5d;
	text-align: left;
}
#description td #ingressi #event-table td {
	line-height: 18px;
	font-size: 16px;
	padding: 3px 8px 3px 0px;
	color: #171727;
	font-weight: bold;
	text-align: left;
}

.cpd-points-table {
	min-width: 500px;
}


.cpd-points-table  .delete-cpd-td {
	padding-left: 0;
	padding-right: 0;
	min-width: 15px;
}
.cpd-points-table  a.delete-cpd {
	display: none;
}
.cpd-points-table tr:hover  a.delete-cpd {
	display: block;
}


#description td #ingressi #cpd-table {
	clear: both;
}


#description td #ingressi #cpd-table th {
	line-height: 18px;
	font-size: 16px;
	padding: 3px 8px 3px 0px;
	color: #171727;
	text-align: left;
	font-weight: bold;
 	min-width: 110px;
}
#description td #ingressi #cpd-table td {
	line-height: 18px;
	font-size: 16px;
	padding: 3px 8px 3px 0px;
	color: #595d5d;
	font-weight: normal;
	text-align: left;
}
#description td #ingressi #cpd-table td small {
	color: #595d5d;
}

#description .holder {
	display: table;
	width: 520px;
	min-height: 200px;
	float: right;
}
#heading-frame {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	padding: 30px 30px 0px 30px;
}

#heading-frame h1 {
	font: 39px/45px 'MetaCompPro-Book W01 Regular', Arial, Helvetica, sans-serif;
	margin: 0 0 20px;
	color: #171727;
	text-align: left;
}
#heading-frame p {
	font: 12px/14px 'MetaCompPro-Book W01 Regular', Arial, Helvetica, sans-serif;
	color: #adc1c6;
}
#ingressi-wrap {
	width: 100%;
	background: #edece9;
	display: block;
	float: left;
	position: relative;
}
#ingressi-wrap:after {
	content: ' ';
	background: #edece9;
	position: absolute;
	left: -999px;
	width: 999px;
	height: 100%;
	
}
#ingressi {
	font-size: 16px;
	line-height: 24px;
	color: #171727;
	padding: 16px 20px 16px 0;
	margin: 0;
	width: 480px;

	display: block;
	float: right;
	clear: both;

}

#ingressi p,
#ingressi h1,
#ingressi h2,
#ingressi h3,
#ingressi h4,
#ingressi h5 {
	text-align: left;
	color: #171727;
	padding: 0px;
	margin: 0px;
}
h5 {
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}
#ingressi h4 {
	font-size: 18px;
	font-weight: normal;
	line-height: 24px;
}
p b,
p strong {
	color: #101010;
}
#ingressi p strong,
#ingressi h1 strong,
#ingressi h2 strong,
#ingressi h3 strong,
#ingressi h4 strong {
	color: #171727;
}
#main {
	max-width: 1007px;
	margin: 0 auto;
	clear: both;
}
#main.without-visual-section {
	margin-top: 180px;
}
#cpd-form-section {
	width: 100%;
	display: block;
	float: left;
	background: #19c0d3;
	margin-bottom: 45px;
}
#cpd-form {
	max-width: 1007px;
	margin: 0 auto;
	padding-top: 20px;
	clear: both;
}
#cpd-form input:focus {
	outline: none;
}
#cpd-form input[type=text] {
	padding: 9px 11px 10px 11px;
	border-color: #fff;
	border-radius: 0;
	background: #fff;
}
#cpd-form input[type=text].date-picker {
	background: #fff url(images/calendar-icon.png) no-repeat right top;
}
#cpd-form input[type=submit] {
	padding: 9px 18px 10px 18px;
	border-color: #0869a2;
	background: #0869a2;
	color: #fff;
	font-weight: bold;
}
#cpd-form select {
	border-color: #fff !important;
}
#cpd-form h2 {
	color: #fff;
}
.template-cpd_pisteet #text-page-top {
	margin-bottom: 0;
}

#text .table-style-gallery figure {
	margin: 0 !important;
}


#big-notify {
	min-height: 450px;
}
div.grey-block-wrap,
div#event-form-wrap,
div#services-nav-wrap,
div#search-results-wrap,
div#techniques-nav-wrap {
	display: block;
	float: left;
	width: 100%;
	background: #edece9;
} 
div.grey-block,
div#event-form {
	display: block;
	max-width: 1007px;
	margin: 0 auto;
}
div.grey-block-wrap {
	padding-top: 20px;
}
div.grey-block h1,
div.grey-block h2,
div.grey-block h3,
div.grey-block h4 {
	color: #171727;
}
div.grey-block p {
	color: #101010;	
}


div#search-results-wrap {
	background: #fff;
}
#services-nav {
	padding-top: 25px;
	max-width: 1199px;
	margin: 0 auto;


}
div#services-nav-wrap {
	padding-top: 30px;
	padding-bottom: 15px;
}
div#techniques-nav {
	display: block;
	max-width: 1007px;
	margin: 0 auto;
}

div#techniques-nav .techniques a .card-notify-box {
	background: #19c0d3;
	padding: 12px 12px 12px 35px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}


div#techniques-nav .techniques a .card-notify-box p:before {
	
    content: "\2713";
    color: #f3f3f3;
    text-align: center;
    font-size: 25px;
    position: absolute;
    left: 10px;
    top: 10px;
}
div#techniques-nav .techniques a .card-notify-box p {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
div#techniques-nav .techniques a:hover .card-notify-box p {
	color: #fff !important;
}

div#techniques-nav .techniques a .card-todo-box {
	background: #D31919;
	padding: 12px 12px 12px 35px;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}


div#techniques-nav .techniques a .card-todo-box p:before {
	
    content: "!";
    color: #f3f3f3;
    text-align: center;
    font-size: 25px;
    position: absolute;
    left: 10px;
    top: 10px;
}
div#techniques-nav .techniques a .card-todo-box p {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	padding: 0;
	margin: 0;
	font-weight: bold;
}
div#techniques-nav .techniques a:hover .card-todo-box p {
	color: #fff !important;
}





div#techniques-nav .techniques h2 {
	font: 36px/41px 'MetaCompPro-Bold W01 Regular', Arial, Helvetica, sans-serif;
	margin: 0 12px 23px;
	color: #213164;
}
div#techniques-nav .techniques a p {
	color: #595d5d;
}
div#techniques-nav .techniques a:hover {
	text-decoration: none;
}
div#techniques-nav .techniques a:hover .column h2,
div#techniques-nav .techniques a:hover .column h3,
div#techniques-nav .techniques a:hover .column p  {
	color: #30adba;

}
div#techniques-nav .techniques h3 {
	font: 22px/25px 'MetaCompPro-Black W01 Regular', Arial, Helvetica, sans-serif;
	margin: 0 0 9px;
	color: #171727;
}
div#techniques-nav .techniques h3 a{ color: #101010; }

div#techniques-nav .techniques .no-image-with-label h3 {
	margin-top: 20px;
}


#main ul {
	list-style: none;
	margin: 0 0 15px;
	padding: 5px 0;
}
#main ul li {
	padding: 0 0 5px 17px;
	position: relative;
}
#main ul li:before {
	content: '';
	background: #55c0cb;
	position: absolute;
	left: 0;
	top: 6px;
	width: 4px;
	height: 4px;
	-webkit-border-radius: 100%;
	border-radius: 100%;
}

#main ol {
	padding: 0 0 0 30px;
}
#main ol li {
	padding: 0 0 5px 0px;
	margin: 0;
	counter-increment: step-counter;
	list-style: none;
}

#main ol li::before {
    content: counter(step-counter);
    margin-right: 5px;
    margin-left: -30px;
    font-size: 80%;
    background-color: #19C0D3;
    color: #fff;
    font-weight: bold;
    padding: 3px 8px 3px 8px;
    border-radius: 3px;
}
#main .column > ul li { margin: 0 0 6px; }
.techniques {

	padding: 51px 0px;
/*	padding: 51px 9999px;
	margin: 0 -9999px;*/
	overflow: hidden;
	position: relative;
}
div#techniques-nav .techniques h2 {
	font-size: 34px;
	line-height: 36px;
	margin: 0 8px 20px;
	color: #213164;
}
.onecolumn {
	margin: 0 11px 1px;
}
.threecolumns {
	overflow: hidden;
	width: 105%;
}
.threecolumns .column {
	display: inline-block;
	vertical-align: top;
	width: 30.4%;
	margin: 0 17px 20px 0;
	background: #fff;
	position: relative;
}
/*.threecolumns .column:hover {
	cursor: pointer;
}*/
.threecolumns .column > img {
	display: block;
	width: 100%;
	overflow: hidden;
}
.threecolumns .text-holder {
	padding: 15px 16px 5px 21px;
	min-height: 130px;
}
 .threecolumns .no-picture-with-label .text-holder {
	padding-top: 35px;
}

.threecolumns .caption {
	font-size: 12px;
	position: absolute;
	left: 0;
	top: 0;
	background: #5cc5d0;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
}
.threecolumns .label {
	position: absolute;
	right: 0;
	top: 0;
}
.threecolumns .column.hidden {
	display: none;
}

.threecolumns.hide-more .column.more {
	display: none;
}
#show-more-wrap {
	width: 100%;
	text-align: center;
}
#show-more-wrap #show-more {
	
  display: inline-block;

  padding: 8px 0px;
  width: 99%;
  font-size: 16px;
  color: #19c0d3;
  font-weight: bold;
  background: #ffffff;
  cursor: pointer;
  margin-right: 10px;
  border-radius: 4px;
}
.threecolumns .label .category {
	font-size: 12px;
	background: #19c0d3;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	float: right;
	display: block;
}
.threecolumns .label .date {
	font-size: 12px;
	background: #11a3b4;
	color: #fff;
	padding: 5px 10px;
	text-transform: uppercase;
	float: right;
	display: block;
}
#filter {
	display: block;
	float: right;
	position: absolute;
	right: 0;
	top: 40px;
}
#filter ul {
	list-style: none;
	display: block;
	float: left;
}
#filter ul li {
	list-style: none;
	display: block;
	float: left;
	padding: 8px 15px;
	font-size: 16px;
	line-height: 16px;
	color: #19c0d3;
	font-weight: bold;
	background: #ffffff;
	cursor: pointer;
	margin-right: 10px;
	margin-bottom: 7px;
	border-radius: 4px;
}
#filter ul li.selected {
	color: #fff;
	background: #19c0d6;
}
#filter ul li.search-field {
	padding: 0;
	background: none;
}
#filter ul li.search-field input {
	font-size: 16px;
	line-height: 16px;
	padding: 6px 4px 6px 32px;
	border-radius: 5px;
	background: #fff url(images/btn-search-grey.png) no-repeat 8px 6px;
	background-size: 18px 18px;
	width: 20px;
}

#filter ul li.search-field:hover input,
#filter ul li.search-field input:focus,
#filter ul li.search-field input:valid, 
#filter ul li.search-field input:active {
	width: 200px;
}

#filter ul li.search-field input {
	outline: none !important;
}
.oncolumn {
	
}
.twocolumns {
	overflow: hidden;
	padding-bottom: 30px;
}
.twocolumns > img {
	display: block;
	width: 100%;
	margin: 0 0 30px;
}

.twocolumns .column {
	float: left;
	margin: 0 11px 1px;
	width: 47.7%;
}
.twocolumns .column .text-holder {
	margin: 0 0 18px;
	overflow: hidden;
}
.twocolumns .img-holder {
	overflow: hidden;
	margin: 0 0 22px;
}
.twocolumns .img-holder img {
	display: block;
	width: 100%;
	height: auto;
}
.inner #main { padding: 25px 0 0; }





.img-frame {
	padding: 0 0 41px 15.5%;
	overflow: hidden;
}
.img-frame img {
	display: block;
	width: 100%;
	height: auto;
}
.twocolumns .socool-calloutbox {

	text-align: center;
	color: #fff;
}
.twocolumns .socool-calloutbox h1,
.twocolumns .socool-calloutbox h2,
.twocolumns .socool-calloutbox h3,
.twocolumns .socool-calloutbox p {
	color: #213164;
	text-align: center;
}
.twocolumns .socool-calloutbox {
	position: relative;
	height: 0;
	width: 100%;
	display: block;
	float: left;
}
.twocolumns .socool-calloutbox-inner {
	position: absolute;
	display: block;
	padding: 20px;
	float: left;
	top: 0;
	left: 105%;
	background: #ecebe8;
	min-width: 300px;
}
.twocolumns .socool-calloutbox-table {
	display: table-table;
}
.twocolumns .socool-calloutbox-table-row {
	display: table-row;
}
.twocolumns .socool-calloutbox-table-cell {
	display: table-cell;
}


.twocolumns .offer .title {
	font: 108px/112px 'MetaCompPro-Bold W01 Regular', Arial, Helvetica, sans-serif;
	color: #fff;
	display: block;
	margin: 0 0 27px;
}
.twocolumns .offer p { margin: 0 0 10px; }
.twocolumns .contact {
	font: 18px/26px 'MetaCompPro-Bold W01 Regular', Arial, Helvetica, sans-serif;
	margin: 0 0 25px 22%;
	padding: 5% 4%;
	background: #ecebe8;
	text-align: center;
	color: #213164;
}

#frontpage-caption {	
    display: block;
    float: right;
    width: 39%;

    height: auto;
    z-index: 2;
    position: absolute;
    left: 61%;
    top: 150px;
    max-width: 360px;
}
#frontpage-caption h1 {
	font-size: 30px;
	line-height: 33px;
}

#footer {
	display: block;
	float: left;
	width: 100%;
	background: #fff;
	color: #000;
}
#footer table {
	margin: 0;
}
#footer_column_1 {
	float: left;
	display: block;
	width: 33%;
}
#footer_column_2 {
	float: left;
	display: block;
	width: 30%;
	margin-left: 3%;
}
#footer_column_3 {
	float: left;
	display: block;
	width: 30%;
	margin-left: 3%;
}
#footer a { color: #19C0D3; }
#footer h3 { margin: 0 0 17px; color: #19c0d3; font-size: 18px; line-height: 21px; }
#footer-holder {
	margin: 0 auto;
	max-width: 1008px;
	padding: 63px 0;
	overflow: hidden;
}
#footer .text-holder {
	overflow: hidden;
	padding: 0 3%;
}
#footer .logo {
	float: none;
	display: inline-block;
	vertical-align: top;
	width: 260px;
}
#footer-nav {
	float: right;
	width: 32%;
	margin: 5px 0 0 8%;
}
#footer-nav ul {
	font-size: 17px;
	line-height: 20px;
	font-weight: bold;
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
	width: 150px;
}
#footer-nav ul li a {
	display: block;
	padding: 8px 13px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
#footer-nav ul li.active a:hover,
#footer-nav ul li.active a {
	background: #3a9da7;
	text-decoration: none;
}
#footer-nav ul li a:hover {
	background: rgba(58,157,167,0.25);

}


.copyright {
	padding: 13px;
}
#mobile-nav-wrap {
	display: none;
}
.all-centered *{
	text-align: center;
}
#contact {
	display: block;
	float: left;
	width: 100%;
	padding-top: 36px;
	padding-bottom: 20px;
	border-top: 5px solid #ecebe8;
}
#contact-holder {	
	max-width: 1000px;
	margin: 0 auto;
}
#contact table td {
	padding: 10px 10px;
}
#contact h2 {
	text-align: center;
	font-size: 34px;
	line-height: 40px;
	color: #213164;
	
}
#contact h3 {
	margin-bottom: 2px;
}
#search-pagination {
	clear: both;
}

#search-results span {
	clear: both;
	float: left;
	display: block;
	
}
#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;
	min-width: 66%;
	
	outline: none;
}
#search-button {
	display: block;
	float: left;
	padding: 5px 10px 5px 10px;
	border: 0;
	background: #30adba;
	border: 1px solid #30adba;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
}
#search-pagination a {
	color: #30adba !important;
}
#search-form  {
	max-width: 500px;
	margin: 0 auto;
}


div#search-results {
	display: block;
	max-width: 500px;
	margin: 0 auto;
}
div#search-results p{
	display: block;
	float: left;
	width: 100%;
}
#search-results a.result {
	display: block;
	float: left;
	margin-bottom: 10px;
}
#search-results span.result-title {
	color: #30adba;
	font-size: 16px;
}
#search-results span.result-text {
	color: #000;	
}
#search-results span.result-path {
	color: #888;
	margin-bottom: 14px;
}
#social-share {
	display: block;
	float: left;
}
#social-share a {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}
#social-share a img {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
#mobile-menu {
	display: none;
}

.template-event textarea,
.template-event input[type=text] {
	width: 100%;
	box-sizing: border-box;
}
.template-event td label
.template-event td input[type=checkbox] {
	float: left;
}

/* @group Jäsenalue */
.search-card-input {
	background: url(images/btn-search-grey.png) 4px 4px no-repeat;	
	background-size: 25px 25px;
	padding-left: 32px;
	box-sizing: border-box;
	width: 100%;
}
.search-card-input:focus {
	outline: none;
}

/* @end */




/* @group Charts */


/* GRAPHS
******************************************************/

div.graph-controls td.label {
    font-weight: bold;
    min-width: 80px;
    padding: 3px 5px; 
}
div.graph-controls td.value {
    min-width: 80px;
    padding: 3px 5px; 
}
div.graph-controls tr.hidden,
div.graph-controls th.hidden,
div.graph-controls td.hidden {
    display: none;
}
div.graph-controls table {
    cursor:text;
    margin-top: 20px;
    border-collapse: collapse;
    background: #fff;
}
div.graph-controls table tr td {
    border: 1px solid rgba(20, 128, 179, 0.9);

}
div.graph-controls input.unit {
    border: 1px solid rgba(20, 128, 179, 0.9);
    width: 70px;
    padding: 3px 5px; 
}

div.graph-controls {
    background-color: transparent;
    display: none;
    float: left;
    width: 551px;
    padding: 0px;
/*
    -webkit-border-radius: 1px 1px 7px 7px;
    border-radius: 1px 1px 7px 7px;

    -webkit-box-shadow: inset 2px 2px 15px 0px rgba(83, 162, 213, 0.95);
    box-shadow: inset 2px 2px 15px 0px rgba(83, 162, 213, 0.95);

    border: 1px solid rgba(83, 162, 213, 0.95);
    margin-left: -2px;
*/

}


div.pie-graph .selected {
    border: dash;
}
div.pie-graph .pie-graph-container {
    display: block;
    float: left;
    width: 590px;
    height: 230px;
}

div.stack-graph .selected {
    border: dash;
}
div.stack-graph .stack-graph-container {
    display: block;
    float: left;
    width: 590px;
    height: 230px;
}


div.stack-graph,
div.pie-graph,
div.column-graph {
    margin-top: 20px;
    display: block;
    width: 100%;
    float: left;
}
div.column-graph .column-graph-container {
    display: block;
    float: left;
    width: 590px;
    height: 200px;
}
div.cochart .pie-graph-container,
div.cochart .column-graph-container,
div.cochart .stack-graph-container {
    position: relative;
}
div.stack-graph .selected,
div.pie-graph .selected,
div.column-graph .selected {
    outline-width: 1px;
    outline-style: dashed;
    outline-color: rgba(83, 162, 213, 0.95);

}
.labels-chart-ball {
	position: absolute;	
	display: block;
	top: 0;
	left: 0;
	
	width: 16px;
	height: 16px;
	border-radius: 8px;
	margin: 0 10px 0 0;
}
.chart-label-value {
	margin-left: 8px;
}

div.cochart ul.labels {
	position: absolute;
	display: block;
	float: left;



	padding: 0;
	margin: 0; 
	list-style: none !important;
	width: 200px;
}
div.cochart ul.labels li {
	display: block;
	float: left;
	padding: 0px 0 12px 23px !important;
	margin: 0 !important;

	line-height: 17px !important;
	font-size: 12px !important;
	color: #000 !important;
	vertical-align: top !important;


	width: 100% !important;
	position: relative;
	list-style: none;
}
div.cochart ul.labels li:after {
	display: none;	
}
div.cochart ul.labels li:before {
	display: none;	
}
div.cochart ul.labels table{
	padding: 0;
	margin: 0;
}
div.cochart ul.labels table td {
	line-height: 17px;
	padding: 0px 0px 0px 5px;
	vertical-align: top;
	font-size: 12px;
	color: #000;
}
div.cochart ul.labels div.color-ball {
	position: absolute;
	display: block;
	top: 0;
	left: 0;

	float: left;
	margin: 0;
	width: 16px;
	height: 16px;
}



/* @end */





/* @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-readonly-value {
	font:  100% Arial, Helvetica, sans-serif;
	margin: 0;
    padding: 9px 10px;
    border: 1px solid #eee;
    background: #eee;
    -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: #e72f31;
	margin-top: 5px;
}

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

.columns-1-2 {
	width: 50%;
}
.columns-1-1 {
	width: 100%;
}
.columns-1-3 {
	width: 33.33%;
}
.columns-2-3 {
	width: 66.66%;
}
.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-border-radius: 4px;
			border-radius: 4px; */
	-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;
	-webkit-border-radius: 0;
			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;
    background-color: #19C0D3;
    color: #000;
    position: absolute;
    border: 1px solid #19C0D3;
    margin-top: 0px;
    position: relative;
    border-radius: 0;
    clear: both;
    font-weight: bold;
}

.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){

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



/*
.form .columns-1-3 input[type=text],
.form .columns-1-3 textarea {
	width: 94%;
	padding-left: 6%;
}
.form .columns-1-2 input[type=text],
.form .columns-1-2 textarea {
	width: 97%;
	padding-left: 3%;
}
.form .columns-2-3 input[type=text],
.form .columns-2-3 textarea {
	width: 98%;
	padding-left: 2%;
}

*/

.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;
}



#event-form table {
	width: 100%;
}
#event-form textarea {
	width: 97%;
	padding-left: 3%;
	background: #fff;
	border: 1px solid #bed4db;
	border-radius: 4px;

}
#ingressi #event-form {
	float: left;
	width: 66%;
	padding: 10px 0 20px 0;
}

#event-form select,
#cpd-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;
}
#event-form select option,
#cpd-form select option {
	font-size: 16px;
	font-weight: bold;
	color: #0869a2;
	outline: none;
}
#event-form th {
	text-align: right;
}
#event-form th label {
	font-size: 16px;
	color: #101010;
	padding-top: 10px;
}
#event-form input.button {
	background: #19c0d3;
	border: none;
	padding: 8px 25px;
	text-align: center;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
	
}
#event-form input.button.fullwidth {
	width: 100%;
	padding: 8px 0;
}




.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: #BFC5CA;
}
:-moz-placeholder { /* Firefox 18- */
	color: #BFC5CA;
}
::-moz-placeholder { /* Firefox 19+ */
	color: #BFC5CA;
}
:-ms-input-placeholder {  
	color: #BFC5CA;
}



/* @end */





@media only screen and (max-width:1220px){
	body { min-width: 320px; }
}
@media only screen and (max-width:1199px){

	.visual > img { height: 450px; }
	.visual .caption { padding: 198px 9px 10px; }

	.threecolumns .column {
		width: 30.5%;
		margin: 0 16px 20px 0;
	}
	.fourcolumns .column {
		margin: 0 2px 9px;
		width: 24.2%;
		min-height: 150px;
	}
	.fourcolumns .column a { padding: 0; }
	.fourcolumns .column h2 {
		font-size: 18px;
		line-height: 25px;
		padding: 0 28px 0 28px; 
		margin: -15px 0 22px 0;
	}
	.fourcolumns .column p {
		padding: 0 28px 0 28px; 
	}


	.twocolumns .offer { font-size: 23px; }
	div#techniques-nav .techniques h3 { margin: 0 0 9px; }

	#footer-holder { padding: 66px 0; }
	#footer-nav ul { margin: 0 0 21px; }
	#footer-nav ul li a { padding: 7px 13px; }
}
@media only screen and (max-width:999px){
.twocolumns .socool-calloutbox-inner { 
max-width: 45%;
}
#contact-holder {
	width: 100%;
	max-width: 100%;
}
#footer .logo { width: 220px; margin-left: 30px; }

	.link-anchor {
		top: -60px;
	}
	.visual .caption { padding: 167px 5px 10px; }
	.inner-head .logo { margin: 0; }
	
	
	.inner-head #nav .btn-search a {  }
	#mobile-nav {
		float: none;
		overflow: hidden;
		width: auto !important;
	}
	.fourcolumns { margin: 0 0 -53px; }
	.fourcolumns .column {
		width: 48.6%;
		margin: 0 4px 53px 3px;
		min-height: 90px;
	}
	.fourcolumns .column a { padding: 0 10px 4px; }
	.fourcolumns .column h2 {
		font-size: 17px;
		margin: -21px 0 8px;
	}
	.visual .caption p { margin: 0 0 16px; }
	.fourcolumns .column a { padding: 0 10px 7px; }
	.inner #wrapper { padding: 61px 0 0; }
	
	#heading-frame h1 {
		font-size: 30px;
		line-height: 34px;
		margin: 0 0 5px;
	}
	#main { padding: 0 18px; }
	div#techniques-nav .techniques h2 {
		font-size:34px;
		margin: 0 20px 23px;
	}


	.threecolumns .column {
		width: 42%;
		margin: 0 0 20px 4%;
	}
	.twocolumns .column { width: 46.6%; }
	.threecolumns .text-holder { padding: 15px 16px 23px 19px; }
	.threecolumns .column img {
		width: 100% !important;
		height: auto !important;
	}
	#footer-holder { display: table; }
	#footer .text-holder {
		padding: 0 10% 52px;
		border-bottom: 1px solid #4db3be;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin: 0 0 27px;
	}
	
	#footer-nav {
		float: none;
		width: 100%;
		overflow: hidden;
		text-align: center;
		margin: 0 0 15px;
		display: table-footer-group;
	}
	#footer-nav ul { margin: 0 auto 30px; }
	.twocolumns .offer {
		margin: 0;
		padding: 1.8% 2px;
	}
	.twocolumns .offer .title {
		font-size: 86px;
		line-height: 99px;
	}
	.twocolumns .contact {
		margin: 0 0 25px;
		font-size: 16px;
		line-height: 24px;
	}



#show-more-wrap {
	width: 92%;
	margin-left: 4%;
}
#show-more-wrap #show-more {
  width: 100%;
}


}
@media only screen and (max-width:940px){
	#nav a {
		padding: 15px 12px 16px 12px;
		font-size: 14px;
	}
}
@media only screen and (max-width:820px){
	#nav a {
		padding: 15px 9px 16px 9px;
		font-size: 13px;
	}
}
@media only screen and (max-width:760px){
	#nav a {
		padding: 15px 7px 16px 7px;
		font-size: 12px;
	}
}

@media only screen and (max-width:719px){
#ingressi { 
	margin: 0px 4% 0px 4%; 
	padding: 16px 0 16px 0; 
	float: left;
	width: 92%;	
}

.visual .img-holder img {
	display: block;
	width: 100%;
	height: auto;
}
#filter {
	display: block;
	float: left;
	position: static;
	right: auto;
	top: auto;
	width: 100%;
	margin: 0 0 8px 4%;
}
#filter ul {
	padding: 0;
	width: 100%;
	margin: 0;
}
#filter ul li {
	padding: 6px 9px 5px 9px;
	font-size: 13px;
	line-height: 13px !important;
}


#big-notify {
	padding-top: 200px;
	background: #E6E5E1;
}
#big-notify #palvelut-image-1 {
	margin-top: 200px !important;
}

#frontpage-caption {	
	width: 92%;
	max-width: 92%;
    left: 4%;
}

#top-nav { 
display: none;
}

#mobile-menu-background {
	display: block;
}
div#search-form {
	margin-left: 4%;
	padding-bottom: 20px;
	width: 94%;
}
div#search-results-wrap {
	padding-top: 20px;
	padding-left: 4%;
	padding-right: 4%;
	width: 92%;
} 
div#search-results span.result-path {
	display: none;
}


	#mobile-nav-wrap {
	display: block;
}


table.mobile-breakable {
	display: block;
	float:  left;
}
table.mobile-breakable tr {
	display: block;
	float:  left;
}
table.mobile-breakable tr td {
	display: block;
	float:  left;
	width: 92% !important;
	padding-left: 4% !important;
	
	
}
#footer .logo { width: 260px; margin-left: 0px; }

#footer_column_1 {
	float: left;
	display: block;
	width: 92%;
	clear: both;
	margin: 20px 0 20px 4%;
}
#footer_column_2 {
	float: left;
	display: block;
	width: 92%;
	clear: both;
	margin: 20px 0 20px 4%;
}
#footer_column_3 {
	float: left;
	display: block;
	width: 92%;
	clear: both;
	margin: 20px 0 20px 4%;
}
	.hide-mobile {
		display: none;
	}
	.show-mobile {
		display: block;
	}
	#nav,
	.inner-head #nav {
		display: none !important;
	}
	#mobile-nav-wrap {
		position: fixed;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;
		display: block;
	}
	.twocolumns .socool-calloutbox {
		position: static;
		display: block;
		float: left;

		height: auto;
		width: auto !important;
		margin-bottom: 18px;
		width: 100% !important;
		max-width: 100% !important;
	}
	.twocolumns .socool-calloutbox-inner {
		position: static;
		display: block;
		float: left;
		top: auto;
		left: auto;
		right: auto;
		margin: 0;
		max-width: 92% !important;
		width: 92% !important;
		padding: 20px 4% 20px 4% !important;

	}
	.twocolumns .socool-calloutbox-inner p {
		width: 89% !important;
	}

	#heading-frame {
		padding: 40px 0 30px 0;
		float: left;
	}
	#header .logo,
	.inner-head .logo {
		margin: 13px 16px 0;
		position:relative;
		z-index:9999;
	}
	#services-nav {
		padding: 0 4% 0 4%; 
	}
	#description img {
		width: 100% !important;
		height: auto;
		
	}
	#ingressi-wrap {
		left: 0;
		padding: 0;
		margin: 0;
	}
	#ingressi p,
	#ingressi h1,
	#ingressi h2,
	#ingressi h3,
	#ingressi h4 {
		font-size: 16px;
		font-weight: normal;
		line-height: 22px;
	}
	#text figure {
		margin: 0 0 10px 0 !important;
		padding: 0 !important;  
	}
	#text figure img {
		margin: 0 !important;
		padding: 0 !important;  
		max-width: 100%;
	}


	.container.active #header .logo,
	.container.active .inner-head .logo{
		left:-9999px;
		top:-9999px;
	}
	.mti-loading span[aria-hidden="true"] {display:none;}
	#mobile-nav, .inner-head #mobile-nav {
		min-height: 100%;
		text-align: right;
		overflow:visible;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	#mobile-menu-trigger { display: inline-block; }
	#wrapper { padding: 0; }
	#wrapper,
	#footer{
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
		position:relative;
		right: 0;
	}
	body.mobile-menu-active #wrapper {	
		position:relative;
		right:260px;
		-webkit-transition:all 0.25s linear;
		top:0;
		transition:all 0.25s linear;
	}
	body.mobile-menu-active #header {
		left: -260px;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	#mobile-nav-wrap #mobile-nav {	
		left: 0px;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	body.mobile-menu-active #mobile-nav-wrap #mobile-nav {	
		left: -260px;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}


#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: #656461;
	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;
	padding-top: 20px;
}
.mobile-menu-logo {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}
.mobile-menu-logo img {
	margin-top: 50px;
	width: 80% !important;
	height: auto !important;
}
#mobile-menu p {
	color: #fff;
	font-size: 14px;
}
.mobile-menu-more {
	padding: 40px 4% 0 4%;
	text-align: center;
}
.mobile-menu-more p {
	text-align: center;
	font-size: 13px;
}

.mobile-menu-active #mobile-menu {
	right: 0;
}
#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;
	display: block;
	float: left;
	width: 100%;

}
#mobile-menu ul {
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
/*	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: 12px 6% 11px 6%;
	
	line-height: 16px;
	margin: 0px 0px 0px 0px;

	display: block;
	cursor: default; 
	overflow: hidden;
	position: relative;
}
#mobile-menu li ul li a {
	padding: 8px 0% 6px 16%;
	color: #fff !important;
	font-weight: normal;
	font-size:15px;
	width: 84%;

}
#mobile-menu li ul {
	padding: 4px 0 10px 0;
	border-bottom: none;
	background: #3E3D3B;
}
#mobile-menu li ul li {
/*	background: #cb292b;*/
	border-top: none;
/*	border-bottom: 1px solid #AD5913;*/
}
#mobile-menu li ul li:last-child {
	border-bottom: none;
}
#mobile-menu li.open {
	background-position: right -120px;	
	
}
#mobile-menu li.open a {
	color: #fff;
}


#mobile-menu li span.action {
	display: block;
	float: left;
	height: 39px;
	width: 45px;
	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;
}
#mobile-menu li.btn-search img {
	position: absolute;
	top: 7px;
}
#mobile-menu li.btn-search a span {
	padding-left: 40px;
}

	.visual {
		clear:both;
	}
	.visual > img { height: 450px; }
	
	#mobile-menu-trigger {
		float: right;
		position: relative;
		text-indent: 9999px;
		overflow: hidden;
		padding: 0 !important;
		margin: 14px 15px;
		width: 32px;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
	#mobile-menu-trigger span {
		position: relative;
		height: 4px;
		margin: 9px 0;
		background: #fff;
		display: block;
	}
	#mobile-menu-trigger span:after,
	#mobile-menu-trigger span:before {
		content: '';
		position: absolute;
		left: 0;
		top: -9px;
		width: 100%;
		height: 4px;
		background: #fff;
	}
	#mobile-menu-trigger span:after {
		top: auto;
		bottom: -9px;
	}
	#mobile-menu-trigger:hover { opacity: 0.8; }
	.visual .caption { padding: 137px 10px 10px; }
	#header:after{
		display:block;
		content:'';
		clear:both;
	}
	.fourcolumns .column p { display: none; }
	.fourcolumns .column {
		width: 100%;
		margin: 0 0 23px;
		min-height: 30px;
	}
	.fourcolumns { margin: 0 0 -27px; }
	.fourcolumns .column a { padding: 4px 5px ;}
	.fourcolumns .column:after {
		border-bottom: 18px solid #fff;
		border-right: 18px solid transparent;
		top: -18px;
	}
	.fourcolumns .column:hover:after,
	.fourcolumns .column.active:after {
		border-bottom: 18px solid #213164;
	}
	.fourcolumns .column h2 {
		font-size: 16px;
		margin: -4px 0 16px;
	}
	#main { padding: 30px 0 0 0; }
	.threecolumns { width: 100%; }
	.threecolumns .column {
		width: 92%;
		margin: 0 0 10px 4%;
/*
		position: static !important;
		left: auto !important;
		top: auto !important;*/
	}
	.threecolumns .text-holder { padding: 20px 16px 7px 17px; }
/*	.techniques { padding: 26px 9999px 3px; } */
	div#techniques-nav .techniques h2 {
		font-size: 22px;
		line-height: 26px;
		margin: 0 5% 14px;
	}
	#description {
		float: none;
		width: 100%;
		overflow: hidden;
	}
	.inner #wrapper { padding: 60px 0 0; }
	.img-frame { margin: 4px 0 34px; }
	#main h3 { margin: 0 0 6px; }
	.twocolumns .offer { 
		padding: 38px 3% 1px; 

	}
	.twocolumns .contact {
		font-size: 18px;
		line-height: 26px;
		padding: 27px 42px;
	}
	.fourcolumns .holder {
		padding: 26px 10px 0;
		margin: 0 0 -17px;
	}
	#description .holder { 
		min-height: 100px;
		
		 height: auto; 
		float: left;
		width: 92%;
		margin: 0 4% 0 4%;
		padding: 0;
	}
	#heading-frame h1 {
		font-size: 26px;
		line-height: 30px;
	}
	#description { height: auto; }
	.twocolumns { padding: 0 0 20px 0; }
	.twocolumns .column {
		width: 92%;
		margin: 0 0 15px 0;
		padding: 0 0 0 4%;
		float: left;
		display: block;
		overflow: hidden;
	}
	.inner .fourcolumns .column { 
		margin: 0 0 25px; 
		min-height: 0px;
	}
	.twocolumns .offer-column,
	.twocolumns .img-column { padding: 0; }
	.img-frame { padding: 0; }
	#main p { margin: 0 0 16px; }
	.twocolumns .img-holder img { height: auto; }
	.twocolumns .column { margin: 0; }
	.twocolumns .offer {
		font-size: 22px;
		line-height: 24px;
	}
	.twocolumns .offer .title {
		font-size: 50px;
		line-height: 54px;
		margin: 0;
	}
	#footer-holder { padding: 33px 0; }
	#footer .text-holder { padding: 0 5% 40px; }

	#footer .logo { width: 260px; }
	#footer-nav ul li a { padding: 7px 13px; }
	#footer-nav ul { margin-bottom: 33px; }
	.remove-container #nav{
		position:fixed;
		right: -230px;
		top:0 !important;
		bottom: 0;
		z-index:9999;
		width:230px !important;
		-webkit-transition:all 0.25s linear;
		transition:all 0.25s linear;
	}
}
@media only screen and (max-width:360px){
	#text-page-top .img-holder { height: 241px!important; }
}
@media only screen and (max-width:320px){

	#footer .logo { width: 200px; }
}


@media print {
	* {
		background: none !important;
		color: #000 !important;
	}
	body, #wrapper, #header, .header-holder, .visual .caption, .twocolumns,
	.twocolumns .column, .img-frame, #footer, .fourcolumns, .inner .techniques {
		width: 100%;
		background: none;
		display: block;
		overflow: visible;
		clear: both;
		min-width: inherit;
		margin: 0;
		padding: 0;
	}
	#header, .inner-head { position: static; }
	body { min-width: inherit; }
	p { margin: 0 0 15px; }
	#main, .twocolumns .column, .twocolumns { page-break-before: auto; }
	.twocolumns .img-holder img,
	.img-frame, .inner .fourcolumns  {
		page-break-before: always;
		height: auto;
	}
	.visual .caption { page-break-after: always; }
	.inner #wrapper { padding: 0; }
	
	.visual .caption { padding: 10px 0; }
	#nav, .inner-head #nav, .logo, #footer .logo, .visual img,
	.twocolumns .offer, .twocolumns .contact, .fourcolumns .column:after,
	.fourcolumns .column:hover:after, .fourcolumns .column.active:after, .threecolumns .caption,
	.social-networks, #footer h3, #footer-nav ul { display: none; }
	.fourcolumns .column { width: 45%; }
	#description .holder { height: 250px; 
		float: left;
		width: 92%;
		margin: 0 4% 0 4%;
		padding: 0;
	}
	.logo-print {
		display: block;
		margin: 0 0 30px;
	}
	#footer-holder { padding: 10px 0; }
}





/* @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;
	margin: 0px;
	vertical-align: top;
}
td, th {
	padding: 5px 5px 5px 5px;
	text-align: left;
}
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 transparent;
	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: #5cc5d0;
	border-color: #5cc5d0;
	color: #fff;
	font: bold 14px/20px arial, 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 th,
table.table-style-one tr td.cell-heading {
	background: #5cc5d0;
	border-color: #5cc5d0;
	border-bottom-color: #fff;
	color: #fff;
	font: bold 14px/20px arial, sans-serif;
}
table.table-style-one tr:last-child th,
table.table-style-one tr:last-child td.cell-heading {
	border-bottom-color: #DA0E2B;
}

/* @end */


/* @group Table style one */
table.table-style-simplerows td {
	border-color: transparent;	
}
table.table-style-simplerows tr.heading td {
	background: #5cc5d0;
	border: none;
	color: #fff;
	font: bold 14px/20px arial, sans-serif;
	border-collapse: collapse;
}
table.table-style-simplerows tr td.column-highlight {
	font-weight: bold;	
}

table.table-style-simplerows tr:nth-child(odd) {
	background-color: #edf1f3;
}
table.table-style-simplerows tr:nth-child(odd) td {
	border: none;
}
table.table-style-simplerows tr td:last-child {
	border: none;
}

table.table-style-simplerows tr th,
table.table-style-simplerows tr td.cell-heading {
	background: #5cc5d0;
	border-color: transparent;
	color: #fff;
	font: bold 14px/20px arial, sans-serif;
}
table.table-style-simplerows tr:last-child td.cell-heading {
}

/* @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: #5cc5d0;
	font: bold 14px/20px arial, sans-serif;
}


table.table-style-two tr th,
table.table-style-two tr td.cell-heading {
	color: #5cc5d0;
	font: bold 14px/20px arial, 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%;
}


/* @end */

table.sortable th {
	cursor: pointer;
	position: relative;
}

table.sortable th.headerSortDown:after {
	display: block;
	float: left;
	position: absolute;
	content: ' ';
	right: 10px;
	top: 10px;
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-bottom: 5px solid white;
}
table.sortable th.headerSortUp:after {
	display: block;
	float: left;
	position: absolute;
	right: 10px;
	top: 10px;
	content: ' ';
	width: 0; 
	height: 0; 
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	
	border-top: 5px solid white;
}

table.sortable th:hover:before {
	position: absolute;
	display: block;
	float: left;
	padding: 3px 12px;
	content: 'Klikkaa sortataksesi';
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	background: #000;
	top: -30px;
	left: 0px;
	border-radius: 6px;
}



/* @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;
    -webkit-transition:all 0.25s ease;
    -moz-transition:all 0.25s ease;
    -ms-transition:all 0.25s ease;
    -o-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%;
}










/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
	border-radius: 5px; 
	border: 0px solid #000;
	background: #0B656F;
	color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 16px;
	padding: 8px 10px;
	overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
	/* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
	cursor: help;
	margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999999;
	pointer-events: none;
	width: auto;
	overflow: visible;
}
.tooltipster-base .tooltipster-content {
	overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	-ms-transition-property: opacity;
	transition-property: opacity;
}
.tooltipster-fade-show {
	opacity: 1;
}

.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
	opacity: 0;
	-webkit-transform: rotateZ(4deg);
	-moz-transform: rotateZ(4deg);
	-o-transform: rotateZ(4deg);
	-ms-transform: rotateZ(4deg);
	transform: rotateZ(4deg);
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
}
.tooltipster-swing-show {
	opacity: 1;
	-webkit-transform: rotateZ(0deg);
	-moz-transform: rotateZ(0deg);
	-o-transform: rotateZ(0deg);
	-ms-transform: rotateZ(0deg);
	transform: rotateZ(0deg);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
	-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
	transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
	top: 0;
	-webkit-transition-property: top;
	-moz-transition-property: top;
	-o-transition-property: top;
	-ms-transition-property: top;
	transition-property: top;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	top: 0px !important;
	opacity: 0;
}

.tooltipster-slide {
	left: -40px;
	-webkit-transition-property: left;
	-moz-transition-property: left;
	-o-transition-property: left;
	-ms-transition-property: left;
	transition-property: left;
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-o-transition-property: all;
	-ms-transition-property: all;
	transition-property: all;
	left: 0px !important;
	opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/* @group Typeahead */
.typeahead-container button,
.typeahead-container input,
.typeahead-container optgroup,
.typeahead-container select,
.typeahead-container textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

.typeahead-container button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

.typeahead-container button,
.typeahead-container select {
    text-transform: none;
}


.typeahead-container button,
.typeahead-container input[type="button"], /* 1 */
.typeahead-container input[type="reset"],
.typeahead-container input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}


.typeahead-container button[disabled],
.typeahead-container input[disabled] {
    cursor: default;
}

.typeahead-container button::-moz-focus-inner,
.typeahead-container input::-moz-focus-inner {
    border: 0;
    padding: 0;
}


.typeahead-container input {
    line-height: normal;
}

.typeahead-container {
    position: relative;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}

.typeahead-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.typeahead-query {
    width: 100%;
}

.typeahead-filter {
    position: relative;
}

.typeahead-filter button {
    min-width: 66px;
}

.typeahead-field {
    position: relative;
    display: table;
    border-collapse: separate;
    width: 100%;
}

.typeahead-button {
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
    vertical-align: middle;
}

.typeahead-field > span {
    display: table-cell;
    vertical-align: top;
}


/*------------------------------------*\
    INPUT, BUTTON, A & DROPDOWN
\*------------------------------------*/

.typeahead-button button {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.typeahead-field input,
.typeahead-select {
    display: block;
    width: 100%;
/*    height: 32px; */
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555555;
    background: transparent;
    border: 1px solid #cccccc;
    border-radius: 2px 0 0 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.typeahead-field input {
    -webkit-appearance: none;
    /*Bootstrap 4 override*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.typeahead-container .typeahead-field input {
    background: #fff;
}

.typeahead-container.hint .typeahead-field input {
    background: transparent;
}

.typeahead-container.hint .typeahead-field input:last-child,
.typeahead-hint {
    background: #fff;
}

.typeahead-container button {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 13px;
    height: 32px;
    line-height: 1.42857143;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333333;
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.05);
}

.typeahead-container button:focus,
.typeahead-container button:active {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.typeahead-container button:hover,
.typeahead-container button:focus {
    color: #333333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.typeahead-container button:active,
.typeahead-container button.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.typeahead-field input.disabled,
.typeahead-field input[disabled],
.typeahead-container button.disabled,
.typeahead-container button[disabled] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ffffff;
    border-color: #cccccc;
}

.typeahead-filter button,
.typeahead-button button {
    margin-left: -1px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.typeahead-query {
    position: relative;
    z-index: 2;
}

.typeahead-filter,
.typeahead-button {
    z-index: 1;
}

.typeahead-container.filter .typeahead-filter,
.typeahead-filter:hover,
.typeahead-filter:hover,
.typeahead-filter:active,
.typeahead-filter:focus,
.typeahead-button:hover,
.typeahead-button:active,
.typeahead-button:focus,
.typeahead-button:focus button:focus,
.typeahead-button:active button:active {
    z-index: 1001;
}

.typeahead-list,
.typeahead-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 2px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    overflow: hidden;
}
.typeahead-list li span.autocomplete-date {
	color: #777;
	font-size: 11px;
}
.typeahead-result.detached .typeahead-list {
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    position: relative;
    z-index: 1041;
    top: auto;
    left: auto;
}

.typeahead-dropdown {
    right: 0;
    left: auto;
    z-index: 1001;
}

.typeahead-list > li:first-child {
    border-top: none;
}

.typeahead-list > li {
    position: relative;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
}

.typeahead-list > li > a,
.typeahead-dropdown > li > a {
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
}

.typeahead-list > li > a:hover,
.typeahead-list > li > a:focus,
.typeahead-list > li.active > a,
.typeahead-dropdown > li > a:hover,
.typeahead-dropdown > li > a:focus,
.typeahead-dropdown > li.active > a {
    background-color: #ebebeb;
    color: #333;
}

.typeahead-list.empty > li > a:hover,
.typeahead-list.empty > li > a:focus,
.typeahead-list.empty > li.active > a {
    background-color: transparent;
}

.typeahead-list.empty > li > a {
    cursor: default;
}

.typeahead-list > li.typeahead-group > a,
.typeahead-list > li.typeahead-group > a:hover,
.typeahead-list > li.typeahead-group > a:focus,
.typeahead-list > li.typeahead-group.active > a {
    border-color: #9cb4c5;
    color: #305d8c;
    background-color: #d6dde7;
    cursor: default;
}

.typeahead-container.result .typeahead-list,
.typeahead-container.filter .typeahead-dropdown,
.typeahead-container.hint .typeahead-hint,
.typeahead-container.backdrop + .typeahead-backdrop {
    display: block !important;
}

.typeahead-container .typeahead-list,
.typeahead-container .typeahead-dropdown,
.typeahead-container .typeahead-hint,
.typeahead-container + .typeahead-backdrop {
    display: none !important;
}


/*------------------------------------*\
    EXTRA
\*------------------------------------*/

.typeahead-dropdown .divider {
    height: 1px;
    margin: 5px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.typeahead-caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.typeahead-search-icon {
    min-width: 40px;
    height: 18px;
    font-size: 13px;
    display: block;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABH0lEQVR4nJ3SvyvFYRTH8deVkkJ3UUZJIbJ8bzJjMtyMym6w2Njs/gCDP0AGCyWjxYDF5GdJYpS6xaIUw/d8771dT7qc+vZ8vs95zvuc5zmnlGWZsG6sYBGjsXeNHWzjQ8JKARjCEUZSh3CJeTy3OjoicxF8hwX0oi/0HSZwiK4UYKUpeBoHeMdb6OnwTWI5BVgMvYZaovwa1kMvpQBjoY8TwVp84ylAO/YV62cKcBt65hfAbKwPKcBu6E2UE8Hl8MF+CrCFG/nwnKKKnviqONOYj6NWQDFIg/I+/3ikFnuUX6d+lY4mR4ZVnMvnoIYLbKCCp0h0otG5egXt2HAED+BFPmAP7bYR7jGHV/RjCjr/AICryFzB3n8ARSX3xc83qRk4q9rDNWcAAAAASUVORK5CYII=) no-repeat scroll center center transparent;
}


/* @end */