body { 
	font-family: 'Open Sans', Arial, sans-serif;  
}
.site-logo img { width: 340px; }
.page {
	background: #fff;

}
.page.laskeutumis_sivu {

}
input[type="radio"], input[type="checkbox"] { height: 25px; width: 25px; }
input[type="radio"]:focus, input[type="checkbox"]:focus, textarea:focus { outline: 2px solid #333;  }
.revealed { display: block!important; }
a.revealed { background-color: #d3d6de; color: #000!important; }
a:focus, #main ul.menu a:focus { outline: 2px solid white; }
.field--type-image a:focus, .field--type-image a:hover { outline:0!important; border:0!important; }
#main a:focus { outline: 2px solid black; }
.desktop #main-menu .container ul.menu li:hover ul.menu, .desktop #main-menu .container ul.menu li:focus ul.menu
{ display: none; }
.page > .btn-btt {  }
.totop { font-size:10px;}
#header, #main-menu { background: #063064; margin-bottom: 0; }
#block-ylabannerinlinkit {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
}
#main .container .content .views-row { border-color: #333; }
#block-ylabannerinlinkit a { color: #fff!important; text-transform: uppercase; }
#header .search-block-form { top: 28px;}
#header .search-block-form .form-submit { color: #000; }
#block-textresize-2 {float: right; margin: 4px 10px; position: relative; top: 28px; }
a#text_resize_increase, a#text_resize_decrease, a#text_resize_reset { float: left; margin-left: 1px; color: #fff !important; }
.block-text-resize-block a:focus { border: 1px solid #fff; }
.backLink { font-size: 40px!important; display: inline-block; margin: -5px 15px 0px 0px; cursor: pointer; }
h1, h2, h3, h4, h5, .field--name-title {
	font-family: 'Exo 2', 'Open Sans', Arial, sans-serif;
	font-weight: 400;
}
h1, .field--name-title {
	color: #1e3363;
	text-transform: uppercase;
	font-size: 36px;
	line-height: 1em;
}
td, th {
	padding: 5px 10px;
	border: 1px solid transparent;
}
th, th a, th.views-field-title a { background: #1e2f64; color: #fff; padding: 0 5px; }
em strong { color: #1e3363; font-family: 'Exo 2', Arial, sans-serif; font-size: 110%; }
.form-wrapper.field--name-title, .node-add-tapahtuma .form-item label
{ font-size: 21px; color: #000; text-transform: none; width: 100%; }
.form-item .label { font-weight: bold; font-size: 115%; }
.form-item label span, details .form-item label { font-size: 14px; }
.form-wrapper.field--name-title input { font-size: 14px; }
.draggable.odd { background: #ededed; }
.draggable.even { background: #f6f6f6; }
a.tabledrag-handle .handle { font-size: 30px; }
#block-zircon-page-title { display: none; }
.ajankohtaista #block-zircon-page-title,
.ptv_organisaatio #block-zircon-page-title,
.ptv_palvelu #block-zircon-page-title,
.ptv_palvelukanava #block-zircon-page-title,
.webform #block-zircon-page-title { display: block; }

.paragraph-type-title { font-weight: bold; }
.paragraphs-dropbutton-wrapper input { background: #1e3363; color: #fff; }
h2 { color: #1e3363; text-transform: uppercase; font-size: 28px; }
h3 { color: #1e3363; font-size: 18px; }
h4 { color: #1e3363; font-size: 16px; font-weight: 700; }
.greenbutton {
	background: #0f5022;
	color: #fff;
	padding: 5px 5px 5px 5px;
	text-align: center;
	text-transform: uppercase;
	display: block;
	margin: 10px 0;
}
.greenbutton a, a.greenbutton:hover, .greenbutton a:hover { color: #fff!important; background: #174200; }
body > .visually-hidden.focusable { font-size: 20px; margin: 20px; }
input:focus { outline: 1px solid #333; }
a:hover, a:focus { color: #1e3363; }
article a { color: #0f5022; border-bottom: 1px solid; } 
article a:hover, #header a:hover { color: #1e3363; }
#header a { color: #0f5022; }

#main .rssfeed-block .view-content .views-row { margin-bottom: 10px; padding-top: 10px; }

#main form { padding: 15px; background: #fff; }

.field__item { margin-bottom: 5px; }
.file {
	background-position: left top!important;
}

.node__submitted { display: none; }
.region-header { position: relative; }
.region-header input.form-autocomplete { background-image: none!important; }
.perussivu #slideshow { margin: 0; }
#slideshow h1, #slideshow h2 { font-size: 36px; }
#slideshow h1, #slideshow h2, #slideshow h3, #slideshow h4 {
	color: #fff;
}
#block-zircon-local-tasks { text-align: right; }
.block-system-breadcrumb-block {
	position: relative;
    left: 0px;
    opacity: 0.8;
    font-size: 11px;
    margin: 0 0 10px 0;
    width: 100%;
    height: 30px;
}
.breadcrumb { padding-bottom: 5px; margin-bottom: 0px; float: left; color: #000; font-size: 13px; }
.site-name, .block-entity-fieldnodetitle {
	font-size: 30px;
	text-align: left;

}
h1.page-title { min-height: 90px;  }
.layout__region--top .block-entity-fieldnodetitle  {
	left: 25%;
	width: 75%;
	padding: 15px 15px 30px 22px;	
	position: relative;
}
.layout__region > .block { padding-right: 20px; }
.layout__region > div td { padding: 5px; }
.layout--threecol-33-34-33 > .layout__region--bottom {
	
} 

.layout--layout_threecol_33_34_33_contentop {
	display: flex;
	flex-wrap: wrap;
}
.layout--layout_threecol_33_34_33_contentop .layout__region--first {
	flex: 0 1 25%;
    overflow: hidden;    
}
.layout--layout_threecol_33_34_33_contentop .layout__region--second {
	flex: 0 1 50%;
    overflow: hidden;
}
.layout--layout_threecol_33_34_33_contentop .layout__region--third {
   flex: 0 1 25%;
    overflow: hidden;
}
.layout--layout_threecol_33_34_33_contentop .layout__region--contentop {
	flex: 0 1 100%;
    overflow: hidden;
}

.layout--twocol_70_30 {
	display: flex;
	flex-wrap: wrap;
}
.layout--twocol_70_30 .layout__region--first { 
	flex: 0 1 25%;
    overflow: hidden;
}
.layout--twocol_70_30 .layout__region--second { 
	flex: 0 1 75%;
    overflow: hidden;
}


h1 a, h2 a { border:0!important;}
.content.col-lg-12 { padding: 0; }

.webform-submission-form .tabledrag-toggle-weight { display: none!important; }
#main , #main .container { 
	position: relative; 
}

#main .container {
	background: rgba(255,255,255,0.95);
	box-shadow: none!important;
}


.perussivu #main .container, .ptv_palvelu #main .container, 
.ptv_palvelukanava #main .container, .ajankohtaista #main .container { 
	box-shadow: none;
	border: 0;

}
.tapahtumakalenteri #main .container {
	background: #fff;
}
.perussivu {

}
#panel_first .container { background: transparent; border: 0; box-shadow: none; }

#quicktabs-nostot .quicktabs-tabs, #quicktabs-nostot .quicktabs-tabs a { 
	display: none!important; 
}
.views-field-markup img { margin-top: 4px; margin-bottom: 4px; }
a:focus img, a:hover img  { opacity: 0.7; }

.layout--threecol-33-34-33 > .layout__region--first { padding-right: 0; flex: 0 1 25%; overflow: hidden; }

.layout--threecol-33-34-33 > .layout__region--second {
	flex: 0 1 47%;
	overflow: hidden;
}
.layout--threecol-33-34-33 > .layout__region--third {
	flex: 0 1 25%;
	overflow: hidden;
}
.layout--threecol-33-34-33 > .layout__region--second > div , 
.layout--threecol-33-34-33 > .layout__region--third > div {
	padding-left: 20px; 
}	
.tausta {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-color: transparent;	
	background-size: cover;
	
}
.perussivu .tausta {
	height: 100%;	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.tapahtuma .tausta, .tapahtumakalenteri .tausta {
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.tapahtuma #main .container, .tapahtumakalenteri #main .container {
	
}

#footer { margin-top: 50px; background: #1e2b4d; color: #fff; min-height: 250px; }
#footer > .container {
	background: url(../images/eva2.jpg) no-repeat;
	background-position: center right;
	padding: 35px 0;
}
.footercol { text-align: left; float: left; padding-right: 35px; padding-bottom: 15px;}
.region-footer { 
	text-align: center; 
	margin: auto; 
	color: #fff;
	padding: 15px;
	float:left;
}
#footer .block { color: #fff;  }
#footer a {
    color: #fff!important;
    border-bottom: 1px dotted;
}
#footer ul.menu { text-align: center; }

#block-ylalinkit { position: absolute; top: 50px; right: 0; }

#quicktabs-nostot { margin-bottom: 20px; }

#quicktabs-pikavalinnat .views-element-container .view-content  { 

}
.block-quicktabs-blockpikavalinnat { padding: 8px; }
#quicktabs-pikavalinnat a { border: none!important; }
#quicktabs-pikavalinnat .views-field-field-image img {
	width: 100%; height: auto; max-width: 480px;
}
#quicktabs-pikavalinnat article.facebook-post img {
	margin: 0 0 5px 0;
}
#quicktabs-pikavalinnat article.facebook-post > :first-child a {
	float: left;
	width: 100%;
}
#quicktabs-pikavalinnat article.facebook-post > :first-child:before {
	height: 30px;
	width: 30px;
	float: left;
	display: inline-block;
	content: " ";
	background: url(../images/facebook.png) no-repeat;
	background-size: cover;
	margin: 0 10px 10px 0;
}
#quicktabs-pikavalinnat .views-view-grid .views-col, 
#quicktabs-pikavalinnat .views-element-container .view-content .views-row,
#quicktabs-pikavalinnat article.facebook-post {  
	padding: 8px; 
	background: #fff;
	height: auto;
  	width: auto!important;
  	min-width: 245px;
  	max-width: 245px;  
  	margin: 7px 0px;
  	border: 1px solid #ccc!important;
  	/*
  	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);
  	*/
}
#quicktabs-tabpage-pikavalinnat-2, #block-facebookfeedblock { max-width: 1040px!important; }
/*
#quicktabs-tabpage-pikavalinnat-2 > div {
	column-count: 4;
    column-gap: 4px;
}
*/
#quicktabs-nostot .views-element-container .view-content { display: flex; flex-flow: wrap; }
#quicktabs-nostot .views-element-container .view-content .views-row,
.block-views-blocklaskeutumis-sivun-nostot-block-2 .view-content .views-row {  
	padding: 8px; 
	background: #fff;  
	height:260px;
  	min-width: 260px;
  	max-width: 260px;  
  	margin: 7px 0px;
  	text-align: center;	
	box-shadow: none;
}	
#quicktabs-nostot .views-element-container .view-content .views-row:first-child,
#quicktabs-pikavalinnat .views-element-container .view-content .views-row:first-child,
.block-views-blocklaskeutumis-sivun-nostot-block-2 .view-content .views-row:first-child  {
	padding-top: 20px!important;
}
#quicktabs-pikavalinnat article.facebook-post {
	background: #fafafa;
	display: inline-block;
	clear: inherit;
}
#quicktabs-pikavalinnat .Tapahtuma {
	
}
#quicktabs-pikavalinnat .views-field-type { font-size: 12px; }
#quicktabs-pikavalinnat .Ajankohtaista {
	background: #ebf1ff !important
}
.Ajankohtaista .views-field-body { color: #000; }
.block-views-blocklaskeutumis-sivun-nostot-block-2 .view-content { max-width: 1050px; margin: auto; display: flex; flex-flow: wrap; }
.block-views-blocklaskeutumis-sivun-nostot-block-2 .view-content .views-row { margin-bottom: 0!important; }
.nostolaatikot {  }
.views-field-field-nosto-otsikko, .views-field-field-nosto-linkki-1 {
	color: #fff;
	padding: 0;
	margin-top: -220px;
	width: 244px;
	position: absolute;
	text-align: left;
	text-transform: uppercase;
}
.quicktabs-main .views-row { border: 0!important; }
.views-field-field-nosto-kuva {
  	overflow: hidden;
}	
.views-field-field-nosto-kuva img { 
	width: 100%!important; 
	height: auto; 
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

.views-field-field-nosto-otsikko h3, .views-field-field-nosto-otsikko a,
.views-field-field-nosto-linkki-1 a  { 
	color: #fff!important; 
	margin: 0; 
	font-size: 16px; 
	font-family: 'Exo 2', Arial, sans-serif; 
	font-weight: 400; 
	background-color: #0f5022;
	width: 100%;
	height: 100%;
	display: block;
	padding: 5px 2px 5px 15px;
}
.block-views-blocklaskeutumis-sivun-nostot-block-2 .views-field-field-nosto-otsikko {
	background-color: #0f5022; color: #fff!important; font-size: 16px; 	font-family: 'Exo 2', Arial, sans-serif; 
	font-weight: 400;  padding: 5px 2px 5px 15px;
}

.views-field-field-nosto-kuvaus { text-align: left; font-size: 12px; line-height: 16px; padding: 5px; }
.views-field-field-nosto-linkki { text-align: left; }
.views-field-field-nosto-linkki a { color: #0f5022; padding: 0 5px; }
.views-field-field-nosto-linkki-1 a:hover, .views-field-field-nosto-linkki-1 a:focus { background-color: rgba(39, 39, 39, 0.85)!important; color: #fff!important; }
.views-field-field-nosto-kuva:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#quicktabs-nostot .views-row a, #quicktabs-pikavalinnat .views-row a,
.block-views-blocklaskeutumis-sivun-nostot-block-2 .views-row a {
	border-bottom: 0!important;
	color: #1e3363;
}
#quicktabs-nostot .views-row a:hover, #quicktabs-pikavalinnat .views-row a:hover,
.block-views-blocklaskeutumis-sivun-nostot-block-2 .views-row a:hover, .block-views-blocklaskeutumis-sivun-nostot-block-2 .views-row a:hover {
	color: #0f5022;
}

.views-row { margin-bottom: 10px; }
.views-field-title { font-weight: bold; padding: 5px 0; font-size: 15px; }
.views-field-title a { color: #1e3363; }
.inlinebox { float: left; margin-right: 20px; display: inline-block; }
.more-link { text-align: left !important; margin: 10px 0px; }
.more-link a { padding: 5px 10px; border: 2px solid #1e3363; background:#f6f6f6;  }

.ui-accordion .ui-accordion-content, #quicktabs-pikavalinnat {

padding:0px;
background-color: transparent;
/*background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c2c2c2' fill-opacity='0.84' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");*/
}
.quicktabs-tabs a {
	padding: 10px 15px;
    background-color: #1e3363;
	font-family: 'Exo 2', Arial, sans-serif;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	display: inline-block;
	margin-top: -15px;
	border: 0;
	width: auto;
	min-width: 180px;
}
.quicktabs-tabs li.active a {
	background-color:#2249b0;
}
ul.quicktabs-tabs li {
	padding: 0;
	margin: 0 10px 0 0;
}
ul.quicktabs-tabs li:last-child { margin-right: 0; }
.quicktabs-tabs a:hover, .quicktabs-tabs a:focus {
	background: rgba(39, 39, 39, 0.85)!important;
	color: #fff;
}

.ui-dialog .ui-dialog-titlebar-close::after {
	color: #000;
    content: "\f057";
    font-family: FontAwesome;	
}



/* laskeutumis sivu */
.laskeutumis_sivu {}
.laskeutumis_sivu #main { margin: 0; }
.laskeutumis_sivu #main .container { max-width: 1050px; background: transparent; padding: 0; border: 0; box-shadow: none!important; }
.laskeutumis_sivu #header {	
}
.front.laskeutumis_sivu #main .container, .etusivu.laskeutumis_sivu #main .container { max-width: 100%; width: 100%; }
.front #quicktabs-nostot, .etusivu #quicktabs-nostot { max-width: 1050px; margin: auto auto 30px auto; }
.front #quicktabs-pikavalinnat, .etusivu #quicktabs-pikavalinnat { max-width: 1030px; margin: -38px auto 0px auto; }
.front .block-quicktabs-blockpikavalinnat, .etusivu .block-quicktabs-blockpikavalinnat { background: #e7e7e7; margin-top: 70px; }
.front ul.quicktabs-tabs, .etusivu ul.quicktabs-tabs  { border-bottom: 1px solid #ddd;  }
.front .layout__region--first-below, .etusivu .layout__region--first-below { text-align: right; }
.front .layout__region--second-below, .etusivu .layout__region--second-below { text-align: left; }

/*Tapahtumasivu*/

.tapahtuma .field--name-field-tapahtuman-laji {
	color: #1e3363;
	font-size: 18px;
	font-family: 'Exo 2', Arial, sans-serif;
}
.tapahtuma .field--name-field-alkaa {
	color: #1e3363;
	font-size: 28px;
	font-family: 'Exo 2', Arial, sans-serif;
}
.tapahtuma .field__label { }
.tapahtuma .block-entity-fieldnodefield-jarjestaja { margin-top: 15px; }
.tapahtuma .layout__region--second img { max-width: 480px; }
.tapahtuma .layout__region--third { border-left: 1px solid #ddd; }
.tapahtuma .layout__region--third .block-views .view-header {
	text-align: center;
}
.calendar-calendar .month-view { overflow: auto; width: 100%; }
.calendar-calendar .mini .days, 
.calendar-calendar .mini td.mini { text-align: center; }
.calendar-calendar td, .calendar-calendar th.days { color: #000; }
.calendar-calendar td a { color: #1e3363; }

#single-day-container { visibility: visible!important; }

#block-views-block-kalenteri-block-2 .js-pager__items {
	font-size: 11px;
	padding: 0;
}
.minical-links { 
	margin: 10px 0; 
	text-align: center;    
    font-family: 'Exo 2', Arial, sans-serif;
    font-size: 14px;
    text-transform: uppercase;
}
.minical-links a { color: #fff; background: #0f5022; padding: 10px 15px; text-decoration: none; border-bottom: 0; display: inline-block; }
.minical-links a:hover, .minical-links a:focus { color: #fff!important; background: rgba(39,39,39,0.85); } 
.sidebar .block { padding-top: 0; }
#block-views-block-kalenteri-block-3 {  }

.layout__region--second-above .block > h2 { background-color: #1e3363; color: #fff; padding: 4px 10px; }

#cboxTitle { background: #fff!important; display: block!important; min-height: 40px; line-height: 1em; position: absolute; bottom: 0; padding:10px 0!important; }
#cboxClose {
    background-size: 100%!important;
    height: 40px;
    width: 40px;
    background: url(images/sulje.png);
    background-color: transparent!important;
    background-position: 0px 0px!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
#cboxClose:hover {
    background-position: 0px 0px!important;
}

/*pikalinkit*/
#quicktabs-tabpage-pikavalinnat-3 div.field__item { display: flex; flex-flow: row; }
.menu--pikalinkit ul.menu li { padding: 0px !important; flex: 1 1 23%; }
.menu--pikalinkit ul.menu li svg {
	font-size: 24px;
	margin-right: 5px;
}
.menu--pikalinkit ul.menu li span {
	vertical-align: top;
}
.pikalinkit, .menu--pikalinkit ul.menu { padding: 0px; width: 51%; flex: 0 1 51%; margin-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding-right: 10px; }
.pikalinkit span.ext { display: none; }
#quicktabs-tabpage-pikavalinnat-3 .fb-page { flex: 0 1 45%; width: 45%; }
.pikalinkit span { padding: 0px; margin: 7px 0px; max-width: 245px; min-width: 245px;}
.pikalinkit i { float: left; font-size: 24px; height: 40px; width: 40px; padding: 8px 9px; color: #1e3363; background-color:#d3d6de; }
.pikalinkit a, .menu--pikalinkit ul.menu a { text-decoration: none; border: none; text-align: left; display: inline-block; font-size: 16px; width: 100%; height: 40px; padding: 9px; color: #1e3363; background-color: #d3d6de; }
.pikalinkit a:hover, .pikalinkit a:focus, .menu--pikalinkit ul.menu a:hover, .menu--pikalinkit ul.menu a.focus {
	background-color: rgb(43, 45, 47); color: #fff; 
}
.layout__region--top .pikalinkit, .layout__region--top .menu--pikalinkit ul.menu { margin: auto !important; width: 100%; max-width: 1035px;  }
.layout__region--top .pikalinkit > span { max-width: 100%; min-width: auto; } 
.layout__region--top .pikalinkit > span a { width: 204px; }
#quicktabs-pikavalinnat .pikalinkit a.quicktabs-loaded { background-color: #1e3363; color: #fff; }
.pikalinkit2 a {
	text-decoration: none; border: none; text-align: center; display: inline-block; font-size: 16px;  padding: 9px; color: #fff; background-color: #1e3363;
}
.pikalinkit2 a:hover, .pikalinkit2 a:focus { background-color: rgb(43, 45, 47); color: #fff!important; }
	
/* Kriisitied. */
#block-views-block-kriisitiedotteet-block-1 .views_slideshow_cycle_slide {
	background: yellow;
	color: #000;
	padding: 8px 15px;
	font-size: 18px;
	font-weight: bold;
}
#block-views-block-kriisitiedotteet-block-1 a {
	color: #000!important;
	text-decoration: underline!important;
	font-weight: 800;
}
#block-views-block-kriisitiedotteet-block-1 .views_slideshow_cycle_slide .views-row {
	max-width: 1200px;
	margin: auto;
	overflow: hidden;
}

/* slideshow */
#slideshow {
	position: relative;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	/*box-shadow: 0px 4px 10px #767676;*/
	margin-bottom: 30px;
	
}
#slideshow a:hover { border-bottom: 1px dotted #fff; } 
#slideshow .more-link { text-align: center; }
#slideshow .more-link a, #slideshow .views-more-link { border: 1px solid #fff; color: #fff; padding: 4px 8px; }
#slideshow .more-link a:hover, #slideshow .views-more-link:hover {
	border-bottom: 1px solid #fff;
	background: #1e3363;
}
#slideshow .container {
	width: 100% !important;
	max-width: 100% !important;
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}
.layout--twocol-bricks > .layout__region, .layout__region > div { max-width: 100%!important; }
.front .views_slideshow_cycle_slide .views-row { max-height: 82vh; }
#slideshow .container .block-views { margin: 0; }
.views_slideshow_cycle_main { }
.views_slideshow_cycle_slide { width: 100%; margin: auto; max-height: 400px; } 
.front .views_slideshow_cycle_slide { width: 100%; margin: auto; max-height: 82vh; } 
.views_slideshow_cycle_slide .views-row { position: relative; }
.views_slideshow_cycle_slide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.views-field-field-slideshow-kuva  { height: 400px; }
.front .views-field-field-slideshow-kuva {
	height: 82vh;
}
.views-field-field-slideshow-kuva .field-content { height: 400px; }
.front .views-field-field-slideshow-kuva .field-content {
	width: 100%;
	height: 82vh;
}
#slideshow .views-field-field-image {
	z-index: 1;
	margin: 0px auto 0 0px;
	max-width: 250px;	
	position: absolute;
	bottom: 15%;
	left: 50%;
	width: 220px;
	height: 220px;	
}
.views-field-field-taustakuvateksti,
.views-field-field-kuvateksti, #slideshow .views-field-body { 
	z-index: 1;
	margin: 0px auto;
	max-width: 1050px;	
	position: relative;
	bottom: 50px;
	left: 0;
	width: 100%;
	height: auto;
	
}

.views-field-field-taustakuvateksti .field-content,
.dia-kuvateksti {
	color: #fff;
	padding: 15px;
	
	position: relative;
	height: auto;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1.2em;
}
.dia-kuvateksti > div, .dia-kuvateksti p, .dia-kuvateksti h3 { background-color: rgba(30, 51, 99, 0.9); max-width: 650px; padding: 20px; font-size: 1.2em;}
.dia-kuvateksti h1, .dia-kuvateksti h2 { padding: 20px;margin-bottom: 60px;  max-width: 650px; background-color: rgba(30, 51, 99); color: #fff; text-transform: unset; }
.front .dia-kuvateksti p, .front .dia-kuvateksti h3 { background-color: transparent; padding: 0; font-size: 1em; }
.dia-kuvateksti a { text-decoration: underline; }
.dia-kuvateksti p { }
#slideshow .dia-kuvateksti div {
	
}
#slideshow .dia-kuvateksti div:only-child { 
	
}
#slideshow .views-field-body .kuvaus {
	
}
#slideshow .views-field-body .siskuva {
	
}
#slideshow .views-field-body .siskuva img {
	max-width: 220px;
	max-height: 220px;
	float: right;
}
.views-slideshow-controls-bottom { 
	position: absolute; 
	z-index: 10;
	color: #fff;
	width: 100%;
	margin: 0 auto 15px auto;
	text-align: center;
	bottom: 0%;
}
.views_slideshow_controls_text > span { background-color: rgba(0,0,0,0.7); padding: 8px 0; }
.views_slideshow_controls_text_previous::before {
	content: " \f053 ";
	font-family: fontAwesome; 
	padding: 10px 20px;
	font-size: 16px;
	text-shadow: 1px 1px 1px #000;
}
.views_slideshow_controls_text_next::before {
	content: " \f054 "; 
	font-family: fontAwesome; 
	padding: 10px 20px;
	font-size: 16px;
	text-shadow: 1px 1px 1px #000;
}
.views_slideshow_controls_text_pause::before {
	content: " || "; 
	font-weight: bold;
	padding: 10px 20px;
	font-size: 16px;
	text-shadow: 1px 1px 1px #000;
}
.views_slideshow_controls_text a {  color: transparent; display: none; }
.views_slideshow_controls_text a:hover,
.views_slideshow_controls_text span:hover { text-decoration: none; }
.views_slideshow_cycle_slide .views-row { margin-bottom: 0; }

/* slideshow end */



/* PTV */
.block-ptvchannelservicelocation { }
#serviceChannelContent { width: 100%; position: relative; display: flex; flex-wrap: wrap; justify-content: left; }
.ptvblock { }
.lohko { margin: 5px; border: 1px solid #ddd; padding: 10px; float: left; width: 22%; min-width: 260px; }
.lohko_title { font-weight: normal; font-size: 18px; }
.lohko .phone { }
.lohko a {  }
.lohko_title a { color: #000!important; }
.servicesMenu a { font-weight: bold; }

#main-menu .container {
	border-radius: 0;
	background: transparent;
	border: 0;
	border-top: 1px solid #3c517d;
	box-shadow: none;
	
}
#main-menu .container ul.menu li ul li { border: 0; padding: 4px 0!important;  }

#main-menu .container ul.menu li:first-child > a {
    border-radius: 0;
}

.layout__region--first nav ul.menu li { 
	border-bottom: 1px solid #fff;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	padding: 5px 5px 5px 10px;
	background: #1e3363;
	
}
.layout__region--first nav ul.menu ul li { border-left: 0; border-right: 0; }
.block-menu h2.visually-hidden { display: none; }
.layout__region--first nav ul.menu li.menu-item--collapsed, .layout__region--first nav ul.menu li.menu-item--expanded {
	list-style: none; 
	background: #1e3363 url(../images/menu-collapsed-white.png) no-repeat right 10px;
}
.layout__region--first nav ul.menu li.menu-item--active-trail {
	list-style: none;
	background: #1e3363 url(../images/menu-expanded-white.png) no-repeat right 10px;
}
.layout__region--first nav ul.menu ul.menu li { }
.layout__region--first nav ul.menu a { border-bottom: 0!important; font-family: 'Exo 2', Arial, sans-serif; font-size: 16px; line-height: 18px; color: #fff; }
.layout__region--first nav ul.menu a.is-active, .layout__region--first nav ul.menu a:hover {
	color: #fff!important;
	font-weight: bold;
}
.layout__region--first nav { }
.layout__region--first nav > ul { 
	margin: 0 0 15px 0; 

}

.layout__region--first nav ul.menu ul li { border-bottom: 0; }
.layout__region--first nav ul ul li { border-bottom: none; }
.layout__region--first nav .menu-item--collapsed,
.layout__region--first nav .menu-item--expanded { list-style-position: inside; padding-left: 5px; list-style-type: none; }
.layout__region--first nav .menu-item--collapsed a {  }
.layout__region--first nav .menu-item--expanded ul { display: none; }
.layout__region--first nav .menu-item--active-trail ul { display: block; }

@media only screen and (min-width: 980px) {

#main-menu .container nav.block-menu > ul.menu { display: flex; display: -webkit-flex; }
#main-menu .container { height: auto; min-height: 45px; }
#main-menu .container ul.menu ul.menu { min-width: 228px; }
#main-menu .container ul.menu li {
	min-height: 45px;
	width: auto;
	min-width: 170px;
}
#main-menu .container nav.block-menu > ul.menu > li { flex: 1; }
#main-menu .container ul.menu .menu-item--expanded > a { padding-right: 48px; }
#main-menu .container ul.menu ul.menu li { min-width: 228px; }
#main-menu .container ul.menu li + li {
	
}
#main-menu .container ul.menu li + li +li {
	
}

#main-menu .container ul.menu li > a {
	padding: 10px 10px;
	font-size: 14px;
	font-family: 'Exo 2', sans-serif;
	min-height: 45px;
}
#main-menu .container nav.block-menu > ul.menu > li > a { font-size: 16px; }
#main-menu .container ul.menu li.menu-item--active-trail > a,
#main-menu .container ul.menu li a:hover {
    background-color: #d3d6de;
    
}
#main-menu .container ul.menu ul li.menu-item--active-trail > a,
#main-menu .container ul.menu ul li a:hover {
    background-color: #1e3363;
    color: #fff!important;
}

#main-menu nav > ul.menu > li.menu-item--active-trail > a {
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
#main-menu nav ul.menu ul.menu li.menu-item--active-trail > a {
	border: 0;
}
#main-menu .container ul.menu .menu-item--expanded .menu-item:hover, #main-menu .container ul.menu .menu-item--expanded .menu-item:focus,
#main-menu nav ul.menu li.menu-item--active-trail {
	background: #1e3363!important; 
}
#main-menu .container ul.menu ul.menu { 
	 border: 0;
      top: 62px;
      width: 100%;
      background: #d3d6de;
      border-top: 0;
}
#main-menu .container ul.menu ul.menu li {
	height: auto; min-height: auto; width: 100%;
	border-top: 1px solid #c9c9c9;
}
#main-menu .container ul.menu ul.menu li ul.menu { left: 226px; top: 0; }
#main-menu .container ul.menu ul.menu li:last-child {  }
#main-menu .container ul.menu ul.menu li a {
	height: auto; min-height: auto; width: 100%; font-size: 15px; line-height: 18px; padding: 4px 10px; color: #333;
}
#main-menu .container ul.menu ul.menu li:hover > a::before, #main-menu .container ul.menu ul.menu li:focus > a::before,
#main-menu .container ul.menu ul.menu li a:hover, #main-menu .container ul.menu ul.menu li a:focus,
#main-menu .container ul.menu ul.menu li .is-active { color: #fff!important; background: #063064; }


}

article.node--type-laskeutumis-sivu { padding-left: 15px; }
.laskeutumis_sivu .layout--twocol-bricks > .layout__region--second-above > div {
	margin-right: 0;
	text-align: left;	
	min-width: 305px;
	float: right;
}
.laskeutumis_sivu .layout--twocol-bricks > .layout__region--second-above > div:first-child {
		
}	
/*
	padding: 8px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
*/	
.laskeutumis_sivu .layout--twocol-bricks > .layout__region--second-above img {
	max-width: 260px;
	background: #fff;
	padding: 5px;
	border: 1px solid #ddd;
	margin: 5px;
}
.laskeutumis_sivu .layout--twocol-bricks > .layout__region--second-above a > img:hover {
	background-color: #0f5022;
}
.laskeutumis_sivu .layout--twocol-bricks > .layout__region--second-above a {
	border: none;
}

.laskeutumis_sivu .layout__region--middle {
	margin: 15px 0;
}
.laskeutumis_sivu.front .layout__region--bottom {
	margin: 35px auto;
	max-width: 1200px!important;
	flex: 1;
	text-align: center;
}
.laskeutumis_sivu.front .layout__region > div { padding-right: 0; }

.laskeutumis_sivu .layout--twocol-bricks .layout__region--first-above { margin-left: 15px; }
.laskeutumis_sivu .layout--twocol-bricks nav { margin: 15px 0; width: 100%; }
.laskeutumis_sivu .layout__region--top nav:not(.menu--pikalinkit) { margin-left: 15px; }
.laskeutumis_sivu .layout--twocol-bricks nav ul.menu { margin-left: 0; }
.laskeutumis_sivu .layout--twocol-bricks nav ul.menu li {
	display: inline-block; padding: 10px;
}
.laskeutumis_sivu .layout--twocol-bricks nav ul.menu li:first-child {
	padding-left: 0;
}

.form-autocomplete li { background: green!important; padding: 0!important; }
/* autocomplete search */
input.form-autocomplete { background-image: none!important; }
.form-autocomplete li { background: #ccc!important; padding: 0!important; }
.ui-autocomplete-field-created { display: none!important; }
.ui-autocomplete .ui-menu-item-wrapper { padding: 0px!important; }
.ui-autocomplete > li.ui-menu-item, .ui-autocomplete > li.ui-menu-item:hover { padding: 0px!important; line-height: 1em; margin: 0; list-style-image: none!important; }
.ui-autocomplete-field-title { padding: 6px!important; }
.ui-autocomplete > li.ui-menu-item:hover, .ui-autocomplete > li.ui-menu-item:hover a, div.ui-autocomplete-field { margin: 0; background: #fff!important; list-style-image: none!important; color: #000!important; border: 0!important; }
.ui-autocomplete-field-title, .ui-autocomplete-field-title:hover { color: #000!important; background: #f0f0f0 !important; }
div.ui-autocomplete-field-group { background-color: #1e2b4d!important; color: #1e2b4d!important; }

.search-result a { color: #7a3c7c!important; }

.btn-btt::before{
	padding-right: 10px;
	margin-top: 0px;
}
.btn-btt{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	color: #fff;
	border-radius: 10px;
	height: auto;
	width: auto;
	bottom: 35px;
  	right: 35px;
}

/*cookie banneri */
.eu-cookie-withdraw-tab { left: auto; right: 5px; opacity: 1; border-radius: 0!important; }
.eu-cookie-compliance-message p { font-size: 1em; font-weight: normal; }
.eu-cookie-compliance-secondary-button { font-weight: bold; background: #fff; color: #000; }
.eu-cookie-compliance-message h2 { font-size: 20px; margin-top: 20px;} 
.eu-cookie-compliance-banner button { border-radius: 0px!important; min-height: 44px; box-shadow: none;  }
.eu-cookie-compliance-banner button:hover, .eu-cookie-compliance-banner button:focus {
	color: #fff!important; outline-color: #fff!important;
}
button.eu-cookie-compliance-save-preferences-button,
button.eu-cookie-withdraw-button,
button.agree-button { color: #000!important; text-shadow: none !important; }
button.eu-cookie-compliance-save-preferences-button:hover,
button.eu-cookie-withdraw-button:hover,
button.agree-button:hover { color: #fff!important; text-shadow: none !important;}
.eu-cookie-compliance-banner input[disabled],
#cookie-category-valttamattomat { background-color: #eee!important; opacity: 1!important; color: #000!important; }
.eu-cookie-compliance-banner input[type="checkbox"] { width: 34px; height: 34px; }
.eu-cookie-compliance-buttons { float: left; }
.eu-cookie-compliance-banner .eu-cookie-compliance-more-button { padding: 5px; min-height: 24px; }
.eu-cookie-compliance-more-button:hover, .eu-cookie-compliance-more-button:focus,
.eu-cookie-compliance-save-preferences-button:hover, .eu-cookie-compliance-save-preferences-button:focus,
.eu-cookie-compliance-default-button:focus, .eu-cookie-compliance-default-button:hover { outline: 1px solid #000; color: #000!important; background: #bababa; }
#sliding-popup > button { background: #000!important; color: #fff!important; border-radius: 0!important; }
#sliding-popup > button:hover, #sliding-popup > button:focus { background: #bababa!important; color: #000!important; }
.eu-cookie-compliance-status-2 #addtoany-block .block__title,
.eu-cookie-compliance-status-2 #addtoany-block .ext { display: none; }
/*cookie banneri */

@media only screen and (min-width: 1200px) {
	.container {
	    width: 1200px;
	}
	.laskeutumis_sivu .layout--twocol-bricks > .layout__region--first-above {
		flex: 0 1 70%;
		max-width: 780px;
		padding-right: 30px;
	}
	.laskeutumis_sivu .layout--twocol-bricks > .layout__region--second-above {
		flex: 0 1 30%;

	}
	.field--name-body table { max-width: 100%!important; }
}
@media only screen and (max-width: 1400px) {
	.dia-kuvateksti > div { font-size: 1em; }
	.dia-kuvateksti h1, .dia-kuvateksti h2 {  }
}

@media only screen and (max-width: 1199px) {
	.container {
	    width: 98%!important;
	}
	#main-menu .container ul.menu li > a { font-size: 13px; }
	.views-field-field-taustakuvateksti, .views-field-field-kuvateksti {
		margin: 0 auto;
		max-width: 100%;
		top: 0%;
		left: 0%;
		width: auto;
		height: auto;
		width: 100%;
	}
	.views-field-field-taustakuvateksti .field-content, .views-field-field-kuvateksti .dia-kuvateksti {
		margin-bottom: 10px;
	}
	#block-pikalinkit { position: inherit; width: 100%; }
	.laskeutumis_sivu .layout--twocol-bricks > .layout__region--second-above > div {
		float: none;
	}
	
	.field--name-body { overflow-x: auto; }

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

	#main-menu .container ul.menu li > a { font-size: 11px; padding-left: 5px; padding-right: 5px; line-height: 14px; }
	.views-field-field-taustakuvateksti, .views-field-field-kuvateksti {
		font-size: 90%;
	}
	#slideshow h1, #slideshow h2, #slideshow h3, #slideshow h4 {
		font-size: 1.4em; margin-bottom: 20px;
	}
	
	
	
}
@media only screen and (max-width: 980px) {
	#main-menu .container ul.menu li > a { font-size: 100%; padding-left: 5px; padding-right: 5px; line-height: 14px; }
	#main-menu .navbar-collapse .container ul.menu li:hover a, #main-menu .navbar-collapse .container ul.menu li:focus a,
	#main-menu .navbar-collapse .container ul.menu li ul.menu li a:hover { color: #1e3363; }
	.navbar-toggle { z-index: 999; margin-top: 30px; }
	.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus {
		background: #fff;
		border-color: transparent;		
	}
	.navbar-toggle .icon-bar { background: #000; }
	#quicktabs-nostot .views-element-container .view-content .views-row {
		height: auto;
	}
	ul.quicktabs-tabs li { white-space: normal; }
	.site-logo img { width: 200px; margin-top: 30px; }
	.menu--pikalinkit ul.menu li { flex: 0 1 31%; }
}
@media only screen and (max-width: 768px) {
	.views-field-field-slideshow-kuva .field-content { margin-top: 15px; overflow: hidden; position: relative; }
	.views-field-field-slideshow-kuva img { object-fit: cover; height: 100%; width: auto; max-width: auto; }
	.views-slideshow-controls-bottom { background-color: rgba(30, 51, 99, 0.3); margin: 0 auto; }
	.quicktabs-tabs a { display: block; }
	.site-logo img { height: 30px!important; width: auto!important; }
	.layout__region--first { flex: 0 1 100%!important; background: #f5f5f5; padding: 0 5px; margin-bottom: 15px; }
	.layout__region > div { padding-right: 0; }
	.views-field-field-taustakuvateksti .field-content, .dia-kuvateksti { width: 100%;  }
	#quicktabs-pikavalinnat a { padding: 3px 6px; }
	#quicktabs-tabpage-pikavalinnat-3 div.field__item { flex-flow: column; }
	#slideshow, .views_slideshow_cycle_slide { overflow: hidden; }
	.pikalinkit, #quicktabs-tabpage-pikavalinnat-3 .fb-page, .menu--pikalinkit ul.menu {
	    width: 100%;
	    flex: 0 1 100%;
	}
	#header { height: 115px; margin-top: 15px; }
	#header .region-header {
		position: fixed;
		background: #1e2f64;
		width: 100%;
		margin: -15px 0 0 -20px;
		padding: 15px 10px 10px 10px;
		z-index: 9998;
		min-height: 135px;
	}
	#header .container { padding-top: 0; }
	#block-ylalinkit { top: 60px; font-size: 11px; right: 15px; }
	.navbar-toggle, .navbar-toggle:hover, .navbar-toggle:focus {
		z-index: 9999;
		margin-top: 0;
		position: fixed;
		right: 15px;
		top: 45px;
	}
	#block-textresize-2 { bottom: 5px; right: 30px; }
	#header .search-block-form { margin-right: 70px; width: 120px; bottom: 5px; right: 30px; }
	#block-ylabannerinlinkit { text-align: center; width: 100%; bottom: 0; top: 10px; padding: 0 10px; }
	#main-menu .navbar-collapse .container ul.menu {   }
	#main-menu .navbar-collapse .container ul.menu ul { }
	#quicktabs-tabpage-pikavalinnat-2 > div {
		column-count: 2;
    	column-gap: 4px;
	}
	.quicktabs-main { max-width: 100%; }
	
	.layout--twocol-bricks > .layout__region { max-width: 100%; }
	
	iframe { max-width: 100%; }
	.layout--threecol-33-34-33 > .layout__region--first { flex: 0 1 100%; }
	.layout--threecol-33-34-33 > .layout__region--second, .layout--threecol-33-34-33 > .layout__region--third {
		flex: 0 1 100%; flex-basis: 100%!important;
	}
	.layout__region--top .block-entity-fieldnodetitle { line-height: 1em; left: 0; width: 100%; padding: 30px 10px 10px 0px; }
	#main .block-menu .submenu-toggle:after { 
		content: "\f0c9 MENU";
		font-family: "FontAwesome", "PT Sans", Arial;
		font-size: 24px;
		display: block;
		cursor: pointer;
		padding: 10px 0;
	}
	#main .block-menu:not(.menu--pikalinkit) ul.menu { display: none; }
	h1, .field--name-title { font-size: 26px; }
	h2 { font-size: 22px; }

	#footer > .container {
		background-position: bottom;
	}
		#block-ylabannerinlinkit p { margin-bottom: 2px; line-height: 13px; }
	#block-ylabannerinlinkit a { text-transform: none!important; font-size: 11px; line-height: 13px; }
	
			/*cookie banneri */
	.eu-cookie-compliance-banner { font-size: 14px; line-height: 15px; }
	.eu-cookie-compliance-banner button { font-size: 14px; }
	.eu-cookie-compliance-categories-buttons { max-width: 100%; }
	.eu-cookie-compliance-banner--categories .eu-cookie-compliance-buttons { width: 100%; float: none; margin: 5px 0; }
	.eu-cookie-compliance-popup-open #sliding-popup { max-height: 100%; overflow: auto; }
	.eu-cookie-compliance-popup-open .eu-cookie-withdraw-tab { transform: initial!important; }
	.eu-cookie-compliance-popup-open .eu-cookie-compliance-banner { padding-top: 20px; }
	/*cookie banneri */
		
	.menu--pikalinkit ul.menu li { flex: 0 1 47%; }
}

@media only screen and (max-width: 580px) {
	#header .search-block-form { right: 5px; width: 98%; margin-right: 0; }

	#quicktabs-tabpage-pikavalinnat-2 > div {
		column-count: 1;
    	column-gap: 4px;
	}
	.tausta { display: none; }
	#footer > .container {
		background-size: contain;
	}
	#block-textresize-2 { display: none; }
	article.node--type-laskeutumis-sivu { padding-left: 10px; }
	.block-quicktabs-blockpikavalinnat { margin: 0; padding: 0; }
	iframe { width: 100%!important; }
	.laskeutumis_sivu .layout--twocol-bricks .layout__region--first-above {
    	margin-left: 0px;
	}
	.site-logo img { margin-top: 30px; margin-bottom: -15px; }
	.dia-kuvateksti { padding: 0; }
	.dia-kuvateksti h1, .dia-kuvateksti h2 { padding: 15px; font-size: 20px; margin-bottom: 5px!important; }
	.dia-kuvateksti > div { font-size: 13px; line-height: 1.15em; padding: 15px; }
}	

@media only screen and (max-width: 480px) {
	
	#quicktabs-pikavalinnat .views-view-grid .views-col, #quicktabs-pikavalinnat .views-element-container .view-content .views-row {
		min-width: 100%; max-width: 100%;
	}
	#quicktabs-nostot .views-element-container .view-content .views-row {
		max-width: 100%; max-height: 260px; min-width: 100%; overflow: hidden; padding-left: 0; padding-right: 15px;
	}
	.pikalinkit span { max-width: 100%; min-width: 100%; padding-left: 0; padding-right: 0px;  }
	.pikalinkit i { width: 15%; }
	.pikalinkit a { width: 85%; }
	.quicktabs-tabs a { width: 100%; padding-right: 15px; }
	#header .block-system-branding-block { margin-bottom: 5px; }
	#header .search-block-form { margin: 0; width: 100%; }
	#block-ylalinkit { top: 60px; font-size: 10px; }

	#slideshow .container, #slideshow .views_slideshow_cycle_slide div { max-height: 80vh; }
	.block-views-blocklaskeutumis-sivun-nostot-block-2 .view-content .views-row { margin: auto; padding-left: 0; }
	.layout__region--top .pikalinkit { max-width: 260px; }
	.menu--pikalinkit ul.menu li { flex: 1 1 100%; }
}	
@media only screen and (max-height: 640px) {
	.dia-kuvateksti h1, .dia-kuvateksti h2 { margin-bottom: 5px }
}