.lang-en { display: inline-block; width: 16px; height: 11px; background: url(/images/en.png)!important; background-size: contain; }
.lang-se { display: inline-block; width: 16px; height: 11px; background: url(/images/se.png)!important; background-size: contain; }
.lang-et { display: inline-block; width: 16px; height: 11px; background: url(/images/et.png)!important; background-size: contain; }
.lang-fi { display: inline-block; width: 16px; height: 11px; background: url(/images/fi.png)!important; background-size: contain; }

.golden-btn + .golden-btn { margin-top: 1em; }

.golden-btn {
  background-image: linear-gradient(160deg, #a54e07, #b47e11, #fef1a2, #bc881b, #a54e07);
  border: 1px solid #a55d07!important;
  color: rgb(90,30,5)!important;
  text-shadow: 0 2px 2px rgba(250, 227, 133, 1);
  cursor: pointer;
  transition: all .2s ease-in-out;
  background-size: 100% 100%;
  background-position:center;
}
.golden-btn:focus,
.golden-btn:hover {
  background-size: 150% 150%;
  border: 1px solid rgba(165,93,7,.6);
  color: rgba(120,50,5,.8);
}
.golden-btn:active {}

/* etusivu */
div.column-1 { padding-left:1vw; padding-right:1vw; }
/* sisältö sivut */
div[itemprop="articleBody"] { padding-left:1vw; padding-right:1vw; }

a { text-decoration: none!important; }
.small, small { font-size: inherit!important; }
ul.unstyled, ol.unstyled {
margin-left: 0;
list-style: none;
}

.btn-success { --bs-btn-bg: #03a84e!important; }

.fade-in { opacity: 0; transition: opacity 1.0s ease-in; }
.fade-in2 { opacity: 0; transition: opacity 2.0s ease-in; }
.fade-in-active { opacity: 1; }
li.pitka-lista { margin-bottom: 50px; } 

/* header */
#header_kuva{
background-color: #c0c0c0;
/*background-image: url(/images/maksupaate.webp);*/
padding-top: 350px;
padding-bottom: 350px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position:relative;
}
/* Näytön leveys yli 1024 pikseliä */
@media (min-width: 1025px) {
#header_kuva { background-image: url('/images/e-kassa-header-kuva-1920x768_2.webp'); }
}
/* Näytön leveys alle tai yhtä suuri kuin 1024 pikseliä */
@media (max-width: 1024px) {
#header_kuva { background-image: url('/images/e-kassa-header-kuva-1024x410.webp'); }
}
@media (max-width: 1200px){
#header_kuva { padding-top: 0px!important; }
}
#header_text{
display:none;
position: absolute;
width: 100%;
text-align: center;
margin-top: 150px;
color: white;
}
@media (max-width: 1200px){
#header_text{ display:inline-block; }
}

div.pull-left.item-image
{
background-image: url(/images/maksupaate.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 300px;
margin-top: -20px;
float:none;
}

div.img_caption.none
{
display: none;
}

/* box2 */
.box2 { display:inline-block; vertical-align:top; margin-bottom: 20px; margin-top: 20px; }
/* mobiili */
@media (max-width: 767px){
.box2 {
width: 100%;
}
}
/* desktop */
@media (min-width: 768px){
.box2 {
width: 49%;
padding-left: 1vw!important;
padding-right: 1vw!important;
}
}

.box3 { display:inline-block; vertical-align:top; margin-bottom: 20px; margin-top: 20px; }
@media (max-width: 767px){
.box3 {
width: 100%;
}
}
@media (min-width: 768px){
.box3 {
width: 32%;
}
}

/*ohje sivun linkit */
div.right_container ul > li[class^="item-"] { width:100%; margin-bottom:10px; /*border-bottom: 1px solid #cccccc;*/ }

div.visible-desktop.showcase {display: inherit!important;}

@media (max-width: 900px){
.etatuki_desktop{display:none}
.clear_mobile{clear:both; display:block; float:none!important}
}

@media (min-width: 600px){
.map {
    float: right;
    height: 80px;
    width: 80px;
    background-image: url(../../../images/kartta1.png);
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 10px;
}
body > div.header-container > div:nth-child(1) > div > div > div.navbar.mainmenu.lang-menu > div > div.moduletable {display:inline-block;}
}

#callnowbutton {display:none;}
@media screen and (max-width: 900px) {
#callnowbutton {
    display: block;
    position: fixed;
    text-decoration: none;
    z-index: 2147483647;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgb(0 0 0 / 30%);
    transform: scale(1);
    bottom: 3px;
    left: 5px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjAgNjAiPjxwYXRoIGQ9Ik03LjEwNCAxNC4wMzJsMTUuNTg2IDEuOTg0YzAgMC0wLjAxOSAwLjUgMCAwLjk1M2MwLjAyOSAwLjc1Ni0wLjI2IDEuNTM0LTAuODA5IDIuMSBsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDE2LjUgMTcuNCAxOS44IDE5LjhsMTYuODEzIDEuMTQxYzAgMCAwIDAuNCAwIDEuMSBjLTAuMDAyIDAuNDc5LTAuMTc2IDAuOTUzLTAuNTQ5IDEuMzI3bC02LjUwNCA2LjUwNWMwIDAtMTEuMjYxIDAuOTg4LTI1LjkyNS0xMy42NzRDNi4xMTcgMjUuMyA3LjEgMTQgNy4xIDE0IiBmaWxsPSIjMDA5ZDAwIi8+PHBhdGggZD0iTTcuMTA0IDEzLjAzMmw2LjUwNC02LjUwNWMwLjg5Ni0wLjg5NSAyLjMzNC0wLjY3OCAzLjEgMC4zNWw1LjU2MyA3LjggYzAuNzM4IDEgMC41IDIuNTMxLTAuMzYgMy40MjZsLTQuNzQgNC43NDJjMi4zNjEgMy4zIDUuMyA2LjkgOS4xIDEwLjY5OWMzLjg0MiAzLjggNy40IDYuNyAxMC43IDkuMSBsNC43NC00Ljc0MmMwLjg5Ny0wLjg5NSAyLjQ3MS0xLjAyNiAzLjQ5OC0wLjI4OWw3LjY0NiA1LjQ1NWMxLjAyNSAwLjcgMS4zIDIuMiAwLjQgMy4xMDVsLTYuNTA0IDYuNSBjMCAwLTExLjI2MiAwLjk4OC0yNS45MjUtMTMuNjc0QzYuMTE3IDI0LjMgNy4xIDEzIDcuMSAxMyIgZmlsbD0iI2ZmZmZmZiIvPjwvc3ZnPg==) center/45px 45px no-repeat #00bb00;
z-index:1;
}
}

#logo_puh {font-size:20pt}
#logo_table{min-width: 400px;}
@media screen and (max-width: 650px){
  #logo_puh {font-size:12pt}
  #logo_h2 {font-size:18pt}
  #logo_table{min-width: 300px;}
}

/* sliderin banneri */
@media (min-width: 1200px){
.ccm-image-slider-text {
    position: absolute;
    display: block;
    width: 500px;
    left: 55%;
    right: auto;
    top: 200px;
    background: rgba(255,255,255,0.7);
    color:black;
    border-radius: 10px;
    padding: 25px 20px;
}
.video {
    position: absolute;
    display: block;
    width: 250px;
    left: 55%;
    right: auto;
    top: 850px;
    color:black;
}
.video_kokeile {
    width: 500px;
}
}
@media (max-width: 900px){
.video_kokeile {
    width: 90%;
}
}


body {
font-size:16px;
line-height:150%;
font-family: 'Open Sans', sans-serif;
padding-left:0px;
padding-right:0px;
}
@media (min-width: 600px){
body {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}
}

h1 {font-size: 31.5px!important;}
h1,h2,h3,h4,h5,h6 {
margin-bottom: 0.5em;
letter-spacing: -0.05rem;
text-align: center;
}

p {
margin-bottom: 1em;
}

.logo h1 {
font-family: 'Open Sans', sans-serif;
}

.wrapper {
/*margin-top:6px;*/
background-color: rgba(255,255,255,0.85);
}

.lang-menu ul li a { font-size:0px; margin-right:10px; }

.right_container { }

.header-container {
/*mt background-color: #FFF!important;*/ /* Old browsers */
background-color: #000!important; /* Old browsers */
color: white;  
background: url(/images/musta_tausta_tekstuuri.jpg);
background-size: cover;
}

/*mt menu tyylejä*/
div.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
    color: #FFF!important;
}
div.maximenuckh ul.maximenuck li.maximenuck.level1:hover, div.maximenuckh ul.maximenuck li.maximenuck.level1.active, div.maximenuckh ul.maximenuck li.maximenuck.level1.clickedck {
}
div#maximenuck100 ul.maximenuck {
    padding: 0px 0 0 0;
}
.menutyyli{
  color:white;
}
div#maximenuck100 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck100 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h2 a, div#maximenuck100 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > h3 a, div#maximenuck100 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a, div#maximenuck100 ul.maximenuck2 li:hover > a, div#maximenuck100 ul.maximenuck2 li:hover > h2 a, div#maximenuck100 ul.maximenuck2 li:hover > h3 a, div#maximenuck100 ul.maximenuck2 li.active > a {
    color: #fff;
    background: #000!important;
    border-bottom: 0px solid #fff;
}
div#maximenuck100 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck100 ul.maximenuck li.maximenuck.level1.active, div#maximenuck100 ul.maximenuck li.maximenuck.level1.clickedck {
    border-bottom: 0px solid #fff !important;
}
/* menu tyylit loppu*/

.navbar {
margin-bottom:0px;
}

div.logo {
float:left;
}

.menu_container ul {
}

.menu_container ul li a {
}

.menu_container ul li a:hover {
}

.main_container {
margin-top:0px; /*10px;*/

padding-left:10px;
padding-right:10px;
}
@media (min-width: 600px){
.main_container {
border: 1px solid #464545;
border-radius: 5px;
background: white;
padding: 20px;
}
}

.jumbotron {
background-color:#C9E5E3;
}

.mainmenu {
}

.navbar-inner {
background-image: none!important;
background-repeat:no-repeat;
border:none;
box-shadow:none;
}

a.navbar-brand {
padding-top:0px;
}

.custom_logo p {
margin:0px;
padding:0px;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:focus , .navbar .nav > li > a{
background:none;
box-shadow:none;
text-shadow:none;
line-height:45px;
/*mt border-bottom: 3px solid #FFF;*/
border-bottom: 0px solid #FFF;
color:white;
}

.navbar .nav > .active > a:hover, .navbar .nav > li > a:hover {
transition: border-color 1s ease;
border-bottom: 3px solid #88bfe8;
background-color:#FFF;
box-shadow:none;
}

.nav .current a {
border-bottom: 3px solid #88bfe8!important;
}

div.hero-unit { }

.mod-languages {
padding:10px;
}

.blog-featured {
background-color:#FFF;
}

@media (min-width: 600px){
.page-header h1, .items-leading {
margin:15px;
}
}

.page-header h1 {
padding-top:15px;
}

.contact .thumbnail img {
background-color:#000;
}

.showcase {
}

.moduletable,
.moduletable_showcase {
}

.moduletable_showcase {
padding-bottom:0px;
}

.custom {
/*margin:15px;*/
}

.moduletable_fb {
padding:20px;
margin-bottom:20px
}

.moduletable_contact {
border-radius:5px;
padding:10px 15px 15px 25px;
color:#FFF;
background: #c1181f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MxMTgxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDI3MmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c1181f 0%, #a0272e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c1181f), color-stop(100%,#a0272e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c1181f 0%,#a0272e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c1181f 0%,#a0272e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c1181f 0%,#a0272e 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c1181f 0%,#a0272e 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1181f', endColorstr='#a0272e',GradientType=0 ); /* IE6-8 */
}

.moduletable_contact h3, 
.moduletable h3 , 
.moduletable_showcase h3{
text-align:left; /*center;*/
}

.moduletable h3, 
.moduletable_user h3,
.moduletable_showcase h3 {
border-bottom:3px solid #88bfe8;
line-height:50px;
margin-top:0px;
/*background-color:#FFF;*/
}

ul.latestnews {
list-style-type:none;
}

ul.latestnews li a {
color:#555;
}

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

#footer-bg {
margin-top:20px;
  background:black;
  color:#FFF;
}

.footer .moduletable h3 {
background:none;
border-bottom:none;
}

.footer a {
color:#fff;
}

.custom_footer {
background-color:#FFF;
-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.75);
padding-left:15px;
padding-right:15px;
border-top:5px solid #cc0000;
}

.custom_footer p {
line-height:30px;
}

.control-label {
float:left;
clear:right;
width:200px;
}

#contact-form input, #contact-form textarea {
border:1px solid #CCC;
}

.contact h3 {
display:none;
}

.item-page {
background-color:#FFF;
}

.item-page h2 a{
color:#a02128;
}

.item-page, .category-list {
padding:0px; /* mt 20px; */
}

/*div.item-page img {
border:1px solid #CCC;
box-shadow: 1px 1px 1px #888;
}*/

.pg-cv-box {
height: 140px!important;
width: 120px!important;
}

.box_skitter_id1, .box_skitter_id1 img {
width:100%!important;

}

.mod_ext_skitter_slideshow_phoca_gallery {
padding:15px;
padding-top:0px;
width:100%;
overflow:hidden;
}

.control-label {
text-align:left!important;
}

.control-group {
clear:both;
}

#editor .control-label {
display:none;
}

.contact {
padding:20px;
background-color:#FFF;
}

.moduletable_contact {
margin-right:15px;
}

.mod-languages ul {
list-style-type:none;
}

.mod-languages ul li {
float:left;
margin-left:5px;
margin-right:5px;
}

.moduletable_user ul li a {
margin-left:15px;
}

@media (max-width: 1199px) { 

   .wrapper {
   background-position:0px 0px;
   }

}

div.item-image img {
/*mt max-width:500px; */
border:1px solid #CCC;
box-shadow: #888 1px 1px 1px;
/*margin-left:10px;
margin-right:10px;*/
max-width: 100%;
}

img { max-width: 100%; }

ul.menu li span.nav-header {
padding-left:0px;
margin-top:15px;
}

div.right_container ul.nav .current a {
color: #ffaf4b ;
border-bottom: 0px solid #88bfe8!important
}

/*Maximenu*/
div.maximenuckh ul.maximenuck {
/*mtbackground: #FFF!important;*/
background: none!important;
/*mtborder-top: 4px solid #FFF!important;*/
border-top: 0px solid #FFF!important;
}

div.maximenuckh ul.maximenuck li.maximenuck.level1:hover, 
div.maximenuckh ul.maximenuck li.maximenuck.level1.active, 
div.maximenuckh ul.maximenuck li.maximenuck.level1.clickedck {
/*mtbackground: #FFF!important;*/
/*background: #000!important;*/
}

div.maximenuckh ul.maximenuck li.maximenuck.level1 > a, 
div.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
/*mtcolor:#777!important;*/
color:#FFF!important;
font-size: 16px!important;
/*font-family: 'Open Sans', sans-serif!important;*/
font-weight:bold!important;
font-display: optional;
}

div.maximenuckh div.floatck {
/*mtbackground: #FFF!important;*/
background: #000!important;
}

div.maxidrop-main ul li a {
/*mt  color:#777!important;*/
color:#FFF!important;
}

div#maximenuck100 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck100 ul.maximenuck li.maximenuck.level1.active, div#maximenuck100 ul.maximenuck li.maximenuck.level1.clickedck {
    background: #372D2A;
    border-bottom: 0px solid #fff;
}

/* hero säädöt */

@media (min-width: 12px){
   body > div.wrapper > div.hero-unit > div{
      width:100%;
   }
   body > div.wrapper > div.hero-unit{
      padding:0px;
  }
  .customkassaneiti{
    margin-bottom:-30px;
  }
}

/* mobiili menu */
@media screen and (max-width: 524px)
{
#maximenuck100 .maximenumobiletogglericonck {
    text-align: center!important;
}
div.navbar.mainmenu.lang-menu > div
{
padding-right: 0;
padding-left: 0;  
}
}

.page-header {
  margin: 0px 0 30px;
}