h1 {
 letter-spacing: 0.1em
  }
 
 
  p a {
  text-decoration: underline;
  }
  
  p a:hover {
  text-decoration: none;
  }
  
  
  a.logo {
  /*background-color: #111;*/
  color: #fff;
  font-size:28px!important;
  text-transform:uppercase;
  line-height:1.17;
  letter-spacing:0.1em;
  font-weight:700;
  margin-top:0px;
  padding: 0px;
  text-decoration: none;
  }
  

  .sections .menu li a {padding: 4px 3px 5px;}

  .button.actionButton.lang {
  color:#fff;
  font-size: 17px;
  padding-top: 15px;
  padding-bottom: 13px;
  text-align:center;
  }
  
  a.no-underline {
  text-decoration: none !important;
  }
  /* GRADIENT BG */
  
  .gradient-1 {
    background: rgba(255,42,104,1);
    background: -moz-linear-gradient(45deg, rgba(255,42,104,1) 0%, rgba(255,94,58,1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(255,42,104,1)), color-stop(100%, rgba(255,94,58,1)));
    background: -webkit-linear-gradient(45deg, rgba(255,42,104,1) 0%, rgba(255,94,58,1) 100%);
    background: -o-linear-gradient(45deg, rgba(255,42,104,1) 0%, rgba(255,94,58,1) 100%);
    background: -ms-linear-gradient(45deg, rgba(255,42,104,1) 0%, rgba(255,94,58,1) 100%);
    background: linear-gradient(45deg, rgba(255,42,104,1) 0%, rgba(255,94,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2a68', endColorstr='#ff5e3a', GradientType=1 );
  }
  .gradient-2 {
    background: rgba(198,68,252,1);
    background: -moz-linear-gradient(top, rgba(198,68,252,1) 0%, rgba(88,86,214,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(198,68,252,1)), color-stop(100%, rgba(88,86,214,1)));
    background: -webkit-linear-gradient(top, rgba(198,68,252,1) 0%, rgba(88,86,214,1) 100%);
    background: -o-linear-gradient(top, rgba(198,68,252,1) 0%, rgba(88,86,214,1) 100%);
    background: -ms-linear-gradient(top, rgba(198,68,252,1) 0%, rgba(88,86,214,1) 100%);
    background: linear-gradient(to bottom, rgba(198,68,252,1) 0%, rgba(88,86,214,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c644fc', endColorstr='#5856d6', GradientType=0 );
  }

/* MULTILANGUAGE */
  
  .dropdown.translate { padding:10px 0; }
  .dropdown.translate li { text-align: center; font-size: 20px; padding: 10px 0px; cursor:pointer; }
  .dropdown.translate li:hover { background:rgba(0, 0, 0, 0.05); }
  .dropdownTrigger[data-dropdown-id="language"] { color:#fff; text-align:center; font-size:16px; line-height:1.5; font-weight:600; text-transform:uppercase; }
  
  [data-current-lang="fi"] .dropdown.translate li[data-switch-lang="fi"],
  [data-current-lang="en"] .dropdown.translate li[data-switch-lang="en"],
 {
    color:#E91556;
    background:transparent;
    cursor:default;
    opacity:1;
  }
  
/* CUSTOM SLIDES NAVIGATION */
  
.navigation li {
  text-align:right;
	padding: 0 9px;
	margin: 0 -9px 0 -24px;
}

.side.left .navigation li {
  text-align:left;
}

.navigation li:after {
  -webkit-transition:0.25s;
  transition:0.25s;
  display:inline-block;
  height:3px;
}
.navigation li.selected:after {
  width:30px;
}

.navigation li:before {
  -webkit-transition:0.25s;
  transition:0.25s;
  opacity:0;
}
.navigation li:hover:before {
  -webkit-transition:0.25s;
  transition:0.25s;
  opacity:1;
  visibility:visible;
}

/* CUSTOM PANEL */

/* set color for the panel */
.slides .panel.top {
	background: rgba(0,0,0,.5);
	*/rgba(255,87,34,.95);*/
    box-shadow:0 1px 1px rgba(0,0,0,0.10);
	color: #fff;
}
/* set color for a button for different colored slides */
.slides .panel.top .button.menuButton {
  color:#fff;
  background:#fff;  
}

.page-loaded .slides.whiteSlide .panel.top svg {
  fill:#fff;
}

.page-loaded .slides.whiteSlide .panel.top .button.menuButton {
  background:#fff;
  color:#fff;
}

/* transparent for the first slide */
.slides.firstSlide .panel.top {
  background:transparent;
  box-shadow:none;
}

/* swap panels on last slide */
.slides:not(.lastSlide) .panel.bottom.customPanel,
.slides.lastSlide .panel.bottom:not(.customPanel) {
  opacity:0;
  -webkit-transform: translate3d(0,100%,0) !important;
  transform: translate3d(0,100%,0) !important;
}

/* panels */
.slides.animated.fast .panel {
  -webkit-transition:-webkit-transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
          transition:        transform 0.6s, opacity 0.6s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
}
.slides.animated .panel {
  -webkit-transition:-webkit-transform 0.8s, opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
          transition:        transform 0.8s, opacity 0.8s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
}
.slides.animated.slow .panel {
  -webkit-transition:-webkit-transform 1s, opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
          transition:        transform 1s, opacity 1s, padding 0.5s, background 0.5s, border 0.5s, box-shadow 0.5s;
}

/* BG SLIDESHOW */

  .slideshow .background {
     opacity:0;
     visibility:hidden;
     -webkit-transition:1s;
     transition:1s;
  }
  .slideshow .background.shown {
     opacity:1;
     visibility:visible;
  }