/* cmsms stylesheet: bandb modified: Thursday, February 12, 2026 1:42:34 PM */



body {
  /*font-family: 'Roboto Slab';*/
  color: #352d2a;
min-height: 600px;
overflow-x: hidden;
}
.pienene:hover{
transform: scale(1.2);
transition: transform .2s;
}

#containeri {
  color:#222;
  float:left;height: 45px;
text-shadow: #fff 1px 0 10px;
max-width: 800px;
  font-weight:bold;
  display:block;
}

#flip {
  height:28px;
text-shadow: #fff 1px 0 10px;
  overflow:hidden;
}

#flip > div > div {
  color: #034792;

  height:50px;
  margin-bottom:44px;
  display:inline-block;
}

#flip div:first-child {
  animation: show 20s linear infinite;
}

#flip div div {
  /*background:#42c58a;*/
}
#flip div:first-child div {
  /*background:#4ec7f3;*/
}
#flip div:last-child div {
  /*background:#DC143C;*/
}

@keyframes show {
  0% {margin-top:-270px;}
  5% {margin-top:-180px;}
  33% {margin-top:-180px;}
  38% {margin-top:-90px;}
  66% {margin-top:-90px;}
  71% {margin-top:0px;}
  99.99% {margin-top:0px;}
  100% {margin-top:-270px;}
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #b79b26 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.lbtn{
background:#007e3f;
width:200px;
padding:5px;
color:white;
position:fixed;
bottom:0px;

}
.lbtn:hover{
padding-top:31px;
height:60px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background-image: url("http://falcktilaukset.fi/hinauspaletti/kuvat/valikko/valikko_uusihinaus.png");
background-repeat: no-repeat;
background-size: 30px auto;
background-position: 85px 2px;
}
.rbtn{
background:#ff6a00;
width:200px;
padding:5px;
color:white;
position:fixed;
bottom:0px;
margin-left:200px;
}
.rbtn:hover{
padding-top:31px;
height:60px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background-image: url("http://falcktilaukset.fi/hinauspaletti/kuvat/valikko/valikko_uusihinaus.png");
background-repeat: no-repeat;
background-size: 30px auto;
background-position: 85px 2px;
}
.kbtn{
background:#034792;
width:200px;
padding:5px;
color:white;
position:fixed;
bottom:0px;
margin-left:400px;
}
.kbtn:hover{
padding-top:31px;
height:60px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background-image: url("http://falcktilaukset.fi/hinauspaletti/kuvat/valikko/valikko_uusihinaus.png");
background-repeat: no-repeat;
background-size: 30px auto;
background-position: 85px 2px;
}
.abtn{
background:#f89800;
width:200px;
padding:5px;
color:white;
position:fixed;
bottom:0px;
margin-left:600px;
}
.abtn:hover{
padding-top:31px;
height:60px;
border-top-left-radius:5px;
border-top-right-radius:5px;
background-image: url("http://falcktilaukset.fi/hinauspaletti/kuvat/valikko/valikko_uusihinaus.png");
background-repeat: no-repeat;
background-size: 30px auto;
background-position: 85px 2px;
}
.hbtn{
background:#c00000;
width:200px;
padding:5px;
color:white;
position:fixed;
bottom:0px;
margin-left:800px;
}

.ankkurit{
  background:#24a5f9;
  position:sticky;
  top:57px;
  color:white;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  z-index:6;
}
.scroll{color:white;}
label{float:left;}
header{
  padding-left:20px;
  overflow: hidden;
}
#cf3 {
   position:relative;
   margin:0 auto;
}
[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea {
    margin:unset; height:unset;}

[type=submit], [type=reset]{
    font-size: 16px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: center;
    overflow: visible;
    border: 1px solid #034792;
    box-shadow: 3px 3px 6px #777;
    background: #034792;
    font-weight: bold;
    color: white;
    border-radius: 2px;
    padding: 5px 6px;
}

.eka{  
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);  
  height:auto;
  width:100px;  
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
}
.toka{ 
  left:250px;
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);  
  height:auto;
  width:250px;  
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.kolomas{ 
  left:-200px;
  -ms-transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);  
  height:auto;
  width:150px;  
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.neljas{ 
  left:-280px;
  -ms-transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);  
  height:auto;
  width:200px;  
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.viides{ 
  left:300px;
  -ms-transform: rotate(-50deg);
  -webkit-transform: rotate(-50deg);
  transform: rotate(-50deg);  
  height:auto;
  width:100px;  
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
#cf3 img {
  position:absolute;
  left:0;
  border: 20px double white;
}

#cf3 img.transparent {  opacity:0;}

#cf_onclick {  cursor:pointer;}

@keyframes cf3FadeInOut {
  0% {  opacity:1;}
  45% {   opacity:1;}
  55% {opacity:0;}
  100% {opacity:0;}
}

#cf3 img.top {
  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 10s;
  animation-direction: alternate;
}
#cf3 img.top1 {
  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 8s;
  animation-direction: alternate;
}
#cf3 img.top2 {
  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 15s;
  animation-direction: alternate;
}
#cf3 img.top3 {
  animation-name: cf3FadeInOut;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-duration: 13s;
  animation-direction: alternate;
}

:focus {outline:none !important;}
::-moz-focus-inner {border:0 !important;}

.lausediv {
  display:inline-block;
  overflow:hidden;
  vertical-align: bottom;
  white-space:nowrap;
  font-family:Exo;
}

.lausediv:first-of-type { 
  animation: showup 15s infinite;
}

.lausediv:last-of-type {
  width:0px;
  animation: reveal 15s infinite;
}

.lausediv:last-of-type span {
  margin-left:-355px;
  animation: slidein 15s infinite;
}

@keyframes showup {
    0% {opacity:0;}
    20% {opacity:1;}
    80% {opacity:1;}
    100% {opacity:0;}
}

@keyframes slidein {
    0% { margin-left:-800px; }
    20% { margin-left:-800px; }
    35% { margin-left:0px; }
    100% { margin-left:0px; }
}

@keyframes reveal {
    0% {opacity:0;width:0px;}
    20% {opacity:1;width:0px;}
    30% {width:355px;}
    80% {opacity:1;}
    100% {opacity:0;width:355px;}
}

li a {
  color: #a1e3fd;
  font-size: 18px;
  transition: all 0.2s ease;
}

a{  color:#c5161d;}

a:hover, a.menuactive {
  color: #3091b1;
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
  transition-timing-function: ease;
}

h1 {
  font-family: 'Open Sans';
  font-size: 4rem;
  margin-top: 1rem;
  margin-bottom: 0;
}

h1 a, h1 a:hover {
  color: #352d2a;
}
h1{
color: #c5161d;
    margin: 10px 0;
    font-size: 28px;
    text-transform: uppercase;
}
h2{
font-size:22px;
}
h3, h4 {
  font-family: 'Open Sans';
  font-size: 0.9rem;
  margin-bottom: 0;
}

h3 {
  font-size: 1.4rem;
}
h4{font-size: 26px;
    color: #c5161d;
    font-family: 'Open Sans';
padding-left: 20px;
    background: linear-gradient(105deg,transparent 0%,transparent 0%,#ffffff 10%,#24a5f9 100%), linear-gradient(#ffffff,#ffffff);
    border-top-right-radius: 100px;}

h6{font-size:12px;font-family: 'Roboto Slab';}

.pohjav{
  background-color: rgba(255,250,250, 0.6);
  border-radius:2px;
  margin:2px;
  box-shadow: 3px 3px 6px #777;
}

.menu>li>a{font-size:1.2rem;}
a.menuactive{color:white;}
.mobiilissa{display:none;}

#sticky-logo a {
  transition: all 0.3s ease;
  font-size: 0rem;
  line-height: 1rem;
text-transform: uppercase;
font-family: 'Omnibus-Type', sans-serif;
  color: white;
}

.is-stuck #sticky-logo a {
  display: block;
font-style: italic;
    font-weight: 850;
  font-size: 1.4rem;
}

#sticky-logo {
  float: left;
margin-top: 10px;
}
p{margin-bottom:0rem;}
table {
  float: left;
  font-size: 14px;
  background-color:white;
  border-radius:2px;
  box-shadow: 5px 5px 6px #999;
  padding: 10px;
}
table, th, td {
  border: 0;
}

table[style^="border-collapse: collapse;"]{border-collapse: unset !important;}
.mce-item-table, .mce-item-table td, .mce-item-table th, .mce-item-table caption {    
  border: 1px solid black;   
  border-collapse: unset;
  font-size: 14px;
}

table tbody tr:nth-child(even){
background-color:transparent;
}
.row2:after {
  content: "";
  display: table;
  clear: both;
}
#sticky-logo {
  float: left;
}

#menu-toggle {
  float: right;
}

.top-bar, .is-drilldown-submenu {
  background: #c5161d;
  z-index: 999;
}
.top-bar ul{background:none;}

.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
  border-color: #3091b1 transparent transparent;
}

.divider {
  background: #D2D2D0;
  margin-top:20px;
  padding: 1rem;
  font-size: 2rem;
}

.divider a {
  color: #352d2a;
  margin: 0 0.5rem;
}

.divider a:hover {
  color: #3091b1;
}

.card-divider {
  background: #352d2a;
  color: #D2D2D0;
}

.button {
  background: #D2D2D0;
  color: #352d2a;
  border-radius: 5px;
}

.button:hover {
  background: #352d2a;
  color: #D2D2D0;
}

.divider .button {
  background: #352d2a;
  color: #D2D2D0;
  margin-bottom: 0.2rem;
}

.divider .button:hover {
  background: #3091b1;
  color: #352d2a;
}

footer {
  background: #352d2a;
  color: white;
}

footer .column {
padding-top:20px;
padding-bottom: 50px;
}

footer h4 {
  margin-top: 1rem;
  color: #D2D2D0;
  font-size: 1rem;
  padding-bottom: 0.2rem;
}

footer i {
  margin-right: 0.5rem;
}

#copyright {
  border-top: 0.5px solid #D2D2D0;
}

#copyright span {
  margin: 0 1rem;
}

#content-columns h4 {
  text-align: center;
  font-size: 1.1rem;
  text-transform: uppercase;
}

form {
 /* padding: 1rem;*/
}

/* Small only */
@media screen and (max-width: 39.9375em) {
.mobiilikartta{height:250px;width:250px;}
h4{font-size:20px;}
#cf3{display:none;}
.responsive-embed{display:none;}
table{
width:100%;
margin-right:auto;margin-left:auto;
}
td {
  display:block;
min-width:300px;
margin-right:auto;margin-left:auto;
  }
  .is-stuck #sticky-logo {
    font-size: 1.6rem;

margin-top:5px;
  }
.ankkurit{display:none;}
.mobiilissa{display:unset;}
.tietokoneella{display:none;}
.unset{height:unset !important;}
.kortti{margin-right:-10px !important;}
}


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
#cf3{display:none;}
.menu>li>a{font-size:1rem;}
.mobiilissa{display:unset;}
.tietokoneella{display:none;}
footer {font-size: 0.8rem;}
h3{font-size:1rem;}
.ankkurit{display:none;}
}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {.mobiilissa{display:unset;}
.tietokoneella{display:none;}}