@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
         url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: RidleyGrotesk;
    src: url('/layout/OTF/ridleygrotesk-regular.otf');
}
@font-face {
    font-family: RidleyGrotesk;
    src: url('/layout/OTF/ridleygrotesk-bold.otf');
	font-weight:bold;
}
@font-face {
    font-family: RidleyGrotesk;
    src: url('/layout/OTF/ridleygrotesk-italic.otf');
	font-style:italic;
}
@font-face {
    font-family: RidleyGrotesk;
    src: url('/layout/OTF/ridleygrotesk-bolditalic.otf');
	font-weight:bold;
	font-style:italic;
}

i {
  color: #fff;
  font-family: weather;
  font-size: 200%;
  font-weight: normal;
  font-style: normal;
  line-height: 1.0;
  text-transform: none;
  margin-left:0px;

}
.icon-0:before { content: ":"; }
.icon-1:before { content: "p"; }
.icon-2:before { content: "S"; }
.icon-3:before { content: "Q"; }
.icon-4:before { content: "S"; }
.icon-5:before { content: "W"; }
.icon-6:before { content: "W"; }
.icon-7:before { content: "W"; }
.icon-8:before { content: "W"; }
.icon-9:before { content: "I"; }
.icon-10:before { content: "W"; }
.icon-11:before { content: "I"; }
.icon-12:before { content: "I"; }
.icon-13:before { content: "I"; }
.icon-14:before { content: "I"; }
.icon-15:before { content: "W"; }
.icon-16:before { content: "I"; }
.icon-17:before { content: "W"; }
.icon-18:before { content: "U"; }
.icon-19:before { content: "Z"; }
.icon-20:before { content: "Z"; }
.icon-21:before { content: "Z"; }
.icon-22:before { content: "Z"; }
.icon-23:before { content: "Z"; }
.icon-24:before { content: "E"; }
.icon-25:before { content: "E"; }
.icon-26:before { content: "3"; }
.icon-27:before { content: "a"; }
.icon-28:before { content: "A"; }
.icon-29:before { content: "a"; }
.icon-30:before { content: "A"; }
.icon-31:before { content: "6"; }
.icon-32:before { content: "1"; }
.icon-33:before { content: "6"; }
.icon-34:before { content: "1"; }
.icon-35:before { content: "W"; }
.icon-36:before { content: "1"; }
.icon-37:before { content: "S"; }
.icon-38:before { content: "S"; }
.icon-39:before { content: "S"; }
.icon-40:before { content: "M"; }
.icon-41:before { content: "W"; }
.icon-42:before { content: "I"; }
.icon-43:before { content: "W"; }
.icon-44:before { content: "a"; }
.icon-45:before { content: "S"; }
.icon-46:before { content: "U"; }
.icon-47:before { content: "S"; }


* {
	margin:0;
	padding:0;
}
*, :after, :before {box-sizing:border-box;}

video#bgvid {
  width:100%;
  height:550px;
  z-index: -100;
  object-fit: fill;
  transition: 1s opacity;
  margin-bottom: -5px;
  background-color: #204883;
}

html, body {
	padding: 0;
	margin: 0;
	background-color: #fff;
  color:#333;
}

:focus { outline: none; }

.formHolder td {
	padding: 5px 0;
}

.formHolder td:first-child {
	padding-right: 10px;
}

.formEmailinput, .formTextinput, .formTextarea, .formTelinput {
	padding: .4em;
	border: 1px solid #ccc;
}

.formEmailinput:focus, .formTextinput:focus, .formTextarea:focus, .formTelinput { border-color: #000fff; }

.formTextarea {
	overflow: auto;
}
.full-wrapper {
	width:100%;
}
h1 {
  color:#224C8B;
}
h1,h2,h3,h4 {
font-family:RidleyGrotesk;
}
.editor h1, .editor h2, .editor h3, .editor h4 {
  color: #753BBD;
}
p {
font-family: 'Open Sans', sans-serif;
}
.blue {color:#224C8B;}
.grey {color:#999999;}
#karuselli-front {/*display:none;*/}
.editor {
  color: #224C8B;
}
.editor a {
  	color: #11abd9;
}
/* kielet */
.language-toggle li {
  list-style-type: none;
  padding:10px;
}
.language-toggle {
  position: absolute;
  right:45px;
  background-color: #753bbd;
  color:#fff;
  text-align: center;
 }
 .language-toggle .first {
   background-color: #5E2F96;
 }
 .language-toggle .current {
   background-color: #753bbd;
 }
 .language-toggle a {
}
.language-toggle .active {
background-color: #5E2F96;
}
.language-toggle .mid, .language-toggle .last {
  display: none;
}
/* menut ja header */
#full-header, #mobile-header {
font-family:'Open Sans', sans-serif;
}
#full-header a:hover {
  color: #11abd9;
  text-decoration: none;
}
.active {
background-color: rgba(34,76,139, 1);
}
.menu-secondary li {
	display:inline;
	padding-left:20px;
}

#main-nav a, #main-nav-sub a {
color:#fff;
text-transform:uppercase;
}
#header-top-bar a {
color:#fff;
}
.menu li {
	display:inline-block;
	padding-left:15px;
    position: relative;
}
#header-top-bar {
	background-color:#18345F;
	height:40px;
	position:fixed;
	z-index: 3;
}
#main-nav, #main-nav-sub {
	position:fixed;
	top:40px;
	z-index: 2;
  padding-top:10px;
  -webkit-transition: all 0.5s; // Chrome
  -moz-transition: all 0.5s; // Mozilla
  -o-transition: all 0.5s; // Opera
  transition: all 0.5s;
}
#main-nav-sub {background-color:#224C8B; }

.active-page {
  color: #11abd9  !important;
}
.active-page a {
color: #11abd9  !important;
}
.submenu a {
  color:#fff !important;
  font-weight: normal !important;
}
.submenu a:hover {
  color: #11abd9  !important;

}
.header-some-front {
  position:fixed;
  top:35%;
  right:0;
  z-index: 9;
  -webkit-transition: all 0.5s; // Chrome
  -moz-transition: all 0.5s; // Mozilla
  -o-transition: all 0.5s; // Opera
  transition: all 0.5s;
}
.active-some {
  right:0;
  padding:10px 5px 3px 10px;
  background-color: #224C8B;
  /*border-radius:5px 0px 0px 5px;*/
}
.header-some-sub {
  position:fixed;
  top:18%;
  right:0%;
  z-index: 9;

 }
 .header-some:hover {
    background-color: rgba(34,76,139,1);
	   -webkit-transition: all 0.65s; // Chrome
  -moz-transition: all 0.65s; // Mozilla
  -o-transition: all 0.65s; // Opera
  transition: all 0.65s;

 }
.header-some {
  -webkit-transition: all 0.65s; // Chrome
  -moz-transition: all 0.65s; // Mozilla
  -o-transition: all 0.65s; // Opera
  transition: all 0.65s;
  padding:15px 15px 15px 0;
  list-style-type: none;
  text-align:right;
    background-color: rgba(34,76,139,1);
}
.icon-single-wrapper {position:relative;}
.header-some img {margin-left:15px;}
.kuvaus-hidden{
display:none;
position:absolute;
color:#fff;
text-align:right;
right:100%;
top:0%;
height:100%;
width:250%;
padding:20px 5px 0 0;
background-color: rgba(34,76,139,1);
}
.kuvaus-text {
  width:190px;
  text-align: right;
}
.active-display {
display:block;

}
.submenu {
position: absolute;
left:-10px;
text-align:left;
padding:5px 25px;
top:30px;
width:280px;
display:none;
background-color: rgba(34,76,139, 1) !important;
}
.submenu2 .menu {

}

.active-submenu {
  background-color: rgba(24,52,95, 0.6);
  border-radius: 0px 0px 5px 5px;
}
.submenu2 .menu {
  background-color:transparent !important;
}
.submenu li {
  padding-left:0;
  padding-bottom:10px;
}
.level3 a {  font-weight: normal !important;}
.level3 {
  /*margin-left: 80% !important;*/
}
.has-sub-menu:after {
content:"\25B6";
margin-left:5px;
font-size:80%;
}
.no-sub-menu:after {
content:"\25B6";
margin-left:5px;
font-size:80%;
opacity:0;
}
.submenu2 {
background-color: rgba(34,76,139, 1) !important;
position:absolute;
top:-5px;
left:255px;
width:auto;
display:none;
padding:5px 25px;
}
.level2 {position:relative !important; width:100%;}
.level3 {width:100%;}
.level2 .hasSubItems {}
/* header haku */
.menu-secondary {
width:90%;
float:left;
position: relative;
margin-top:10px;
}

#search  {
position: relative;
}
#header-button {
  float:right;
  padding:10px;
  cursor:pointer;
  background-color:#13294C;

}
#header-input {
  display:none;
  position:absolute;
  top:40px;
  right:0%;
  z-index: 9999;
  width:200px;
  padding:10px;
  padding-left:25px;
  border:none;
  background-color:#13294C;
  color:#fff;
}


/* hero */
.hero-logo-wrapper {height:200px;}
.hero-logo {
margin-bottom:25px;
position:relative;
}
.hero-logo-back {
position:absolute;
left:5%;
top:0;
display:none;
}
.front-hero-tausta {
	height:700px;
	background-color: #753BBD;
	position: relative;
	z-index: 1;
}
.hero-sisalto {
	position:absolute;
	top:15%;
	left:17%;
  width:300px;
	color:#fff;
}
.hero-sisalto-video {
	position:absolute;
	top:100px;
	left:17%;
  width:300px;
	color:#fff;
}
.current-weather {
width:100%;
background-color:rgba(0,0,0,0.15);
text-align:center;
border-radius:5px;
height:60px;
margin-bottom:5px;
}

.weather-current-number {
float:left;
margin-top:15px;
margin-left:35px;
}
.weather-current-icon {
  float:right;
  margin-right:40px;
}
.current-weather h2 {
  margin-bottom:5px;
  font-weight:bold;
 }
.pooltemp-1, .pooltemp-2 {
width:50%;
background-color:rgba(0,0,0,0.15);
padding-top:8px;
text-align:center;
}
.pooltemp-1{
  border-radius: 5px 0 0 5px;
}
.pooltemp-2{
border-radius: 0 5px 5px 0;
}
.pooltemp p {margin: 10px 0; line-height:20px;}
.big-text{
font-size:24px;
font-weight: bold;
}
.small-text {
font-size:80% !important;
}
#countdown p {
width:100%;
background-color:rgba(0,0,0,0.15);
padding:10px 0;
margin-top:5px;
text-align:center;
border-radius:5px;
}
#countdown img {margin-right:15px;}
/* etusivu nostot */
.front, .front-tapahtuma {
padding:0;
position:relative;
}
.nosto-1 {
height:200px;
width:32.56%;
margin-right:5px;
float:left;
text-align:center;
padding-top:50px;
}
.nosto-1-4 {
height:200px;
width:24%;
margin-right:5px;
float:left;
text-align:center;
padding-top:50px;
}
.nosto-1-box-wrapper p {padding:0 15px;}
.nosto-2-small {
height:100%;
/*width:38%;
float:left;*/
/*margin:0 5px 5px 0;*/
padding-left:0 !important;
text-align:center !important;
padding-top:100px;
}
.full-box-wrapper-big {
height:300px;
width:60%;
float:left;
margin:0 5px 5px 0;
}
.full-box-wrapper-small {
  height:300px;
  width:38%;
  float:left;
  margin:0 5px 5px 0;
}
.nosto-2-big {
height:100%;
/*width:60%;
float:left;*/
/*margin:0 5px 5px 0;*/
text-align:center;
padding-top:100px;
}
.nosto-2-big-hidden {
  height:100%;
  padding-top:100px;
  text-align: center !important;
}
.nosto-2-big .back {
  padding-top:15px;
}

#allas-ajankohtaista {padding:0;}
#nostot-2 {
padding:0px 5px 5px 15px;
}
#nostot-2  a {color:#fff;}
.back{
display:none;
position:absolute;
left:0;
text-align: left;
padding:25px;
bottom:0px;
width:100%;
height:100%;
}
.back-fade {
display:none;
position:absolute;
left:0;
top:0px;
width:100%;
height:100%;
}
#block-1 {
padding-right:0;
margin-top:50px;
}
.tapahtuma-txt {width:80%; float:left;}
#block-1 a {color:#fff;}
.nosto-otsikko-js {
  position: absolute;
  bottom:0px;
  font-size: 110%;
  margin-bottom:0;
  text-align: left;
  left:0px;
  width:100%;
  padding:15px 15px 15px 25px;
}

/* etusivu uutislista */
.front-news-single a {
  color:#224C8B;
}
.front-news-single {
  margin: 30px 0;
}
.news-date {
  color:#224C8B;
}
.front-news-single p {margin-bottom:0;}

/* some feeds */
#some-feeds-wrapper {
  margin:80px auto 100px auto;
}

/* uutissivu */
.news-single-list {
  margin-bottom:25px;
}
.news-single-list h3 {
  margin-top:0;
  margin-bottom:0;
  color:#224C8B;
}
.news-info {margin-bottom:5px;}
.news-more {
  background-color: #224C8B;
  color:#fff;
  padding:5px 10px;
}
.news-more:hover {text-decoration: none; color:#fff;}
.archive-menu li {list-style-type: none;}
.archive-months {
  display:none;
  margin-left:30px;
}
.archive-menu a {
  color:#224C8B;
}
.archive-menu a:hover {
  text-decoration: none;
  color: #11abd9;
}
.toggle-month {
  cursor:pointer;
}
.kirjoittaja-bio {
  margin-top:25px;
}
.toggle-month:before {
  content:"\f0d7";
  color:#224C8B;
  margin-right:15px;
  font-size: 18px;
  font-family: fontAwesome;
}
.changed-toggle:before {
  content:"\f0d8";
  color:#224C8B;
  margin-right:15px;
  font-size: 18px;
  font-family: fontAwesome;
}
/* etusivu tapahtumalista */
.fa-angle-right:before {
  content:"\f105";
  font-size: 24px;
  margin-right:10px;
  color:#753bbd;
}
.fa-angle-left:before {
  content:"\f104";
  font-size: 24px;
  margin-left:60px;
  color:#753bbd;
}
.event-prev {
cursor:pointer;
float:left;
position: absolute;
left:-7%;
top:50%;
z-index: 9;
}
.event-next {
  cursor:pointer;
  float:right;
  position: absolute;
  right: -2%;
  top:50%;
  z-index: 9;
}
.event-carousel {
  background-color: #224C8B;
  color:#fff;
  text-align: center;
  position: relative;
  padding:0px 0 0px 0;
}
.single-recent-event-slide {padding-top:10px;}
.fotorama {
  background-color: #224C8B;
  color:#fff;
  /*text-align: center;
  position: relative;
  padding:25px 5%;*/
}
.highlight-slider .m-card {height:100px;}
.fotorama__wrap--slide .fotorama__stage__frame {opacity:1 !important;}
.event-carousel-items {
  padding:0 10%;
  text-align: center;
}
.event-carousel-items .slick-slide {text-align: center;}

.date {
  padding:0 0 0 30px;
  text-align: center;
}
.date h2, .date p {padding:0;margin:0;}
.date h2 { font-size:180%; margin-top:5px;}
.date p {font-size: 80%;}
.event-name {
  text-align: left;
  margin-top:5px;
}
.event-name a {
  color:#fff;
}
/* karuselli nosto */
.slick-next:before {
  content:url("/layout/img/ikonit/prev-arrow.png");

}
.slick-prev:before {
    content:url("/layout/img/ikonit/next-arrow.png");
}
.main-carousel {margin-bottom:30px !important;}
.slide {height:500px;}
.slick-next {right:25px; top:87%; height:auto;}
.slick-prev {left:25px; z-index:9; top:87%; height:auto;}
#karuselli-front {
padding-top:5px;
width:1167px;
}
#karuselli-front a {color:#fff; text-decoration: none;}
.slick-slider {
margin-bottom:5px;
}
#karuselli-text {
  margin-right:25px;
   margin-top:0;
   padding-top:15px;
 }
.karuselli-textbox1 {
position:absolute;
right:5%;
top:5%;
padding:5px 15px;
color:#224C8B;
background-color: rgba(255, 255, 255, 0.6);
}
.karuselli-textbox2 {
position:absolute;
left:7%;
padding:5px 15px;
top:5%;
color:#224C8B;
background-color: rgba(255, 255, 255, 0.6);
}
#karuselli-front h1 {margin:45px 0;}
/*verkkokaupassa nosto */
.tuote-single {height:150px;}
.verkkokaupassa-wrapper {
margin-top:50px;
text-align:center;
}
.verkkokaupassa-wrapper h2 {padding-bottom:25px;}
.verkkokaupassa-wrapper img {margin-bottom:15px;}

/* front valinosto */
.front-vali-tausta {
height:300px;
margin-top:40px;
color:#fff;
}
.front-vali-teksti {
width:50%;
margin:auto;
padding-top:50px;
}
/* referenssi logot */
#refe-wrapper h1 {
  margin-top:4%;
}
.logo-wrapper {
width:100%;
margin:auto;
text-align:center;
margin-top:30px;
}
.logo-pieni-wrapper {
width:90%;
margin:auto;
text-align:center;
margin-top:25px;
}
.logo {
width:20%;
display:inline-block;
margin:15px 10px 0 10px;
color:#224C8B;
font-weight:bold;
}
.logo-pieni {
  width:10%;
  display:inline-block;
  margin:10px 5px 0 5px;
}
.logo-pieni img {width:100%;}
.logo img {
/*width:100%;*/
margin-bottom:40px;
}
.logo img:hover {
  opacity:0.7;
}
/* footer */
#footer {
  color:#fff !important;
 margin:auto;
}
#footer h3{
  color:#fff;
}
#footer .pic-text img {
width:200px;
height:auto;
}
#footer .editor {color:#fff !important;}
#footer-bg {
  min-height:430px;
  margin:3% 0 0% 0;
overflow:auto;
 background-color:#224C8B;
 padding-bottom:3%;
 background-image:url("/layout/img/brush-stroke.png");
 background-position:50% 350px;
 background-size:contain;
 background-repeat:no-repeat;
}
#footer small {
  color:#fff;
}
#bottom-footer .col-sm-6 {display: flex; align-items: center;}
#footer-logo {margin-top:40px;}
#footer-schedule, #footer-contact, #footer-some {margin-top:40px;}

.some {
  display:inline;
}
.some img {
  height:40px;
  margin-right:25px;
}
.some img:hover {
  opacity: 0.7;
}
#bottom-footer {
width:80%;
margin:auto;
overflow:auto;
padding:4% 0 3% 0;
}
.secondary-single img:hover {
  opacity:0.8;
}

/* palaute */
#yhteys-submit {
  border:none;
  background-color: #753BBD;
  padding:5px 10px;
  color:#fff;
  margin-top:15px;
}
.map {
  height:300px;
  width:300px;
  margin:40px 0;
}
/* alasivut */
.editor table[align=center] {
  width:50%;
  margin:auto;
  border-collapse:separate;
  border-spacing:50px;
}
#sub-page-content {
  padding:3% 0 2% 0;
}
#sub-page-content .editor {
  margin:5% 0;
}
.sub-page-title {
  text-transform: uppercase;
  top:70%;
  right:15%;
  position: absolute;
  color:#fff;
}
.alasivu-hero-tausta {
  height:200px;
  position:relative;
}
.alasivu-hero-logo {
  position: absolute;
  top:30%;
  margin-top:25px;

}

/* tapahtumalista */
.buy-tickets-container {margin-top:5px;}
.lisatietoja-js {display: none;}
.category-label {
  display:block;
}
input[name=date_to] {

}
.category-label input[type=radio], .category-label input[type=checkbox] {
display:none;
}
.category-label{
  cursor:pointer;
  width:80px;
  color:#224C8B;
  font-weight: normal;
}
.category-label input[type=radio]:checked ~ span,.category-label input[type=checkbox]:checked ~ span{
	 color:#C4D82E;
}
.month-list {margin-left:0;}
.month-list span {font-weight: normal;}
.tapahtuma-nosto {
  height:100%;
}
.category-label span:hover{
  color:#C4D82E;
}
.tapahtuma-box-wrapper {
  height:200px;
  width:32%;
  float:left;
  margin:0 5px 5px 0;
  color:#fff;
}
.tapahtuma-date {
  float:right;
  margin-right:5px;
}
.back-tapahtuma {
  display:none;
  position:absolute;
  left:0;
  bottom:0px;
  width:100%;
  height:100%;
}
.tapahtuma-box-wrapper h4 {
  text-transform: uppercase;
  height:70px;
}
.sp4-content .editor {
  margin-bottom:30px;
}
.tapahtuma-kuva {
  width:100%;
  margin-bottom:10px;
}
.event-page .container-fluid, .event-page .col-sm-6, .event-page .col-sm-5, .event-page .col-sm-8 ,.event-page .col-sm-12  {
  padding-left:0;
  padding-right:0;
}
.tapahtuma-body {
  margin-top:25px;
  margin-bottom:25px;
}
.esiintyva-wrapper {
  margin:0 0.5%;
  width:49%;
  float:left;
}
.suosittelemme-wrapper {
  padding:15px 0 50px 0;
}

.tapahtuma-verkkokauppa .col-sm-4 {
  padding-left:0;
  margin-right:90px;
}
.addthis_sharing_toolbox {
  margin-top:60px;
  clear:none !important;
}
.some-sharing-wrapper h4 {
  margin-bottom:20px;
}
.main-title {padding:25px 0;}
.osta-lippuja {
  background-color: #224C8B;
  color:#fff;
  padding:15px 15px 19px 10px;
  text-align: center;
}
.osta-lippuja img {
  margin-right:10px;
}
.some-icon-link {
  position:relative;
  margin-right:10px;
}
.tooltip-icon {
  display:none;
  position:absolute;
  top:-60px;
  left:-25px;
  background-color:#224C8B;
  color:#fff;
  padding:5px 15px;
}
.tapahtuma-kuvat {
  overflow:auto;
}
.osta-lippuja-a:hover {
  text-decoration: none;
}
.some-sharing-wrapper {
  padding:3% 0;
}
/* SP3 pohja */
#sub-page-content-sp3 {
  margin-top:2%;
}
.sp3-nostolaatikot .nosto-1 {
  width:99%;
}
.sp3-nostolaatikot .back-fade {
  width:100%;
}
.sp3-nostolaatikot .nosto-1-box-wrapper {
  margin-bottom:5px;
  overflow: hidden;
  width:50%;
  float:left;
}
.sp3-nostolaatikot.sp3-nostolaatikot {margin:25px 0;}
.editor img[align="left"]{
  padding:5px 15px 5px 0;
}
.editor img[align="right"]{
  margin:5px 0 5px 15px;
}
/* side menu */
.side-menu a {
  color:#224C8B;
}
.side-menu a:hover {
  text-decoration: none;
  color: #11abd9;
}
.side-menu li {
  list-style-type: none;
  margin:5px 0;
}
.side-submenu {
  margin-left:25px;
}
.side-submenu .side-menu {
  margin:5px 0;
}
.side-menu .level1 {
  text-transform: uppercase;
  /*font-weight: bold;*/
}
.side-menu .level2 {
  text-transform: capitalize;
  font-weight: normal;
}
/* palvelut sivu */
.pnosto-wrapper  {
margin:5px 0;
padding:0;
}
.pnosto-wrapper a {
  color:#fff;
}
.pnosto-wrapper h2 {
  margin-bottom:25px;
  color:#224C8B;
}

/* kuvagalleria */
.gallery-wrapper a {
  text-decoration: none;
}
.gallery-wrapper {
  margin-top:50px;
  padding:0;
}
.download-link {

}
.gallery-single {
  position: relative;
  padding-left:0;
  padding-right:10px;
  height:190px;
}
.gallery-single img {
  width:100%;
}

@media (max-width: 767px) {
	.gallery-single {
		height:initial;
		padding: 10px 0;
		text-align: center;
	}
}
#mobile-header {
  display:none;
}
.taeggie-all {display: none;}
/* responsive */

@media screen and (min-width: 1600px) {
.event-carousel {padding:0 0 5px 0;}
.header-some-front {top:25%;}
#footer-bg {
background-position:50% 300px;
}
}
@media screen and (max-width: 1200px) {

    .secondary-single img {width:80%; margin:10% 0 0 0;}
  .table-overflow {overflow: auto;}
  .editor table {overflow: auto;}
  #bottom-footer .col-sm-6 {
    display: block;
  }
  .taeggie-feed-widget {margin:auto;}
  .taeggie-all {display: block;}
  .taeggie-fb, .taeggie-insta {display: none;}
  #some-feeds-wrapper .col-sm-4 {
    width:50%;
    margin:auto;
  }
  #karuselli-front {width:100%;}
  #block-1 {width:100%;}
.editor img {max-width:100%; height:auto;}
.full-box-wrapper-big {width:58%;}
.full-box-wrapper-small {width:39%;}
  #footer-bg {background-image: none;}
}
@media screen and (max-width: 1000px) {
  .editor {word-wrap:break-word;}
  #sub-page-content-sp3 h3 {font-size:20px;}
  .footer-left {width:50%; float:left;}
  .footer-right {width:50%; float:right;}
  .language-toggle a {
    color:#fff;
  }
  .sub-page-title {top:60%;}
  #footer .col-sm-3 {width:50%; min-height:200px; float:left;}
  .alasivu-hero-tausta {height:200px;}
.alasivu-hero-logo {display: none;}
  #countdown {
    display:block;
    top:600px;
    left:70%;
    width:30%;
  }
  #weather h2{margin-top:0;}
  #countdown p {border-radius: 0; padding:25px; background-color:#18345F; width:303px;}
  .pooltemp-2, .pooltemp-1 {border-radius: 0; background-color: #18345F;}
  .pool-temperatures {
  display: block;
    top:605px;
    width:41%;
    left:229px;
  }
  .current-weather {
    background-color: #18345F;
    display: block;
    width:304px;
    border-radius: 0;
    top:605px;
    left:0;
  }
  .weather-current-number {float:inherit;}
  .weather-current-icon{float:inherit;}
  .four-palsta-respo {
    width:45% !important;
    float:left;
    margin-right:15px;
  }
  .nosto-1-4 {width:100%;}

  .editor table[align=center] {
    border-collapse:collapse;
  }
  #sub-page-content .editor {margin:5%;}
  .formTextarea {max-width:100%;}
  .formLabelHolder h2 {color:#462471;}
  .front-vali-teksti {width:80%;}
  .buy-tickets-container {
    position:relative;
    right:0;
    top:5%;
    text-align: left;
  }
  .osta-lippuja {padding:10px 5px;}
  .esiintyva-wrapper {
    width:99%;
    overflow-y:hidden;
  }
  .sp3-nostolaatikot .nosto-1-box-wrapper {
    width:100%;
  }
  .tapahtuma-box-wrapper {
    width:100%;
  }
.taeggie-feed-widget {
margin:auto;
padding:0% 0 5% 0;
background-color:#fff !important;
}


  #footer-bg {background-position: 50% 225px;}
  .logo img {width:100%;}
  #three-bar:after {
    content:"☰";
    font-size:24px;
    color:#fff;
    padding:0 5px;
    margin-left:50px;
    cursor: pointer;
  }
  #mobile-header {
    display: block;
    position: fixed;
    z-index: 99;
    background-color: #224C8B;
    width:100%;
  }

  #full-header {
    display:none;
  }
  #karuselli-front {
    width:100%;
    padding-top:50px;
  }
  #mobile-logo {
  /*  text-align: center; */
  padding-left:35px;
    background-color:#18345F;
  }
  #mobile-logo img {
    margin:15px 0;
  }
.date {
  float:left;
}
  .hero-logo-wrapper {
    float:left;
    width:50%;
    display: none;
  }
  .mittarit-wrapper {
    width:50%;
    float:right;
  }
  .hero-logo-back {left:2%;}
  .front-hero-tausta {
    height:400px;
  }
  .hero-sisalto {
    top:25%;
    left:0;
    width:300px;
    position: absolute !important;
  }
  video#bgvid {
    height:inherit;
    margin-top:110px;
  }
  .hero-logo {
    width:50%;
    height:auto;
    display: none;
  }
  .hero-sisalto-video {
    top:130px;
    left:0;
    width:100%;
  }
  .menu li {
    position: static;
  }
  #navbar-allas-mobile {
    width:80%;
    background-color: #224C8B;
    position: absolute;
    left:0;
    display:none;
    padding:0;
    height:90vh;
  }
  .kuvaus-hidden {
    opacity: 0;
  }

  #navbar-allas-mobile .header-some {
    display: inline;
    margin-left:15px;
    background: inherit;
  }
  #navbar-allas-mobile .header-some-ul {margin-top:35px;}
  #navbar-allas-mobile a {
    color:#fff;
    text-transform: uppercase;
  }
.menu-secondary {margin-top: 0;}
.menu-secondary a {text-transform: capitalize !important;}
  .menu {
    width:100%;
  }
  .mobile-main-wrapper{
    background-color:#18345F;
    padding:25px 0px 25px 15px;
   }
   .mobile-secondary-wrapper {
     padding:0px 0 25px 15px;
   }
  #mobile-header .menu-secondary li {
    display: block;
  }
  #search {
    background-color:#18345F;
    text-align: center;
    padding-top:10px;
   }
  #mobile-header .menu li {
    display: block;
    width:100%;
    margin-top:5px;
  }
  #mobile-header .menu .level2 {width:90%;}
  .submenu li {padding-bottom:0px;}
  .submenu li a {text-transform: capitalize !important;}
  .submenu {
    display:block;
    position: static;
    padding:0;
	background-color:initial !important;
  }
  .submenu .menu, .menu {
    padding:0;
    margin:0;
  }
  .level2 {
    margin-left:10px !important;
  }
  .level3 {
    margin-left:15px !important;
  }
  .mobile-toggle:after {
    font-family: FontAwesome;
    content:"\f0da";
    cursor:pointer;
    color:#fff;
    float:right;
    padding-right:15px;
  }
  .changed-toggle-mobile:after {
    font-family: FontAwesome;
    content:"\f0d7";
    cursor:pointer;
    color:#fff;
    float:right;
    padding-right:15px;
  }
  .has-sub-menu:after {content:"";}
  .icon-single-wrapper {
  width:25%;
  float:left;
  margin-top:25px;
  }
  .submenu {
    display: none;
  }
  .submenu2{
    display: none;
	position:static;
	background-color:initial !important;
  }
  .menu-secondary li {
    padding-left:15px;
  }
  .pooltemp-2 {
    float:right;
  }
  .event-name {
    text-align: center;
    margin-left:0;

  }
  .front-vali-tausta {
    height:500px;
  }
  .logo {
    margin:3px 0 0 0;
    width:35%;
    margin:0 25px;
  }
  .logo p {display: none;}
  .pnosto-wrapper .nosto-1 {
    width:100%;

  }
  .nosto-1 {
    width:100%;
    height:100%;
  }
  .nosto-1-box-wrapper {
    width:100%;
    margin-top:15px;
    height:200px;
  }
  #block-1 {
    margin-top:72px;
  }

}

@media screen and (max-width: 550px) {

  #mobile-header .menu .level2 {width:70%;}
  .footer-left, .footer-right {width:100%;}
  .event-prev {top:25%;}
  .event-next {top:25%;}
  .fa-angle-left:before {margin-left: 15px;}
  #some-feeds-wrapper .col-sm-4 {width:100%;}
  .taeggie-hashtag{display: none;}
  .event-name {width:100%;}
  .date {width:100%; padding:0;}
  #footer .col-sm-3 {width:100%; height:auto;}
  .four-palsta-respo {width:100% !important;}
  #block-1 {
  	margin-top:20px;
  	padding-left:0;
  }
  .event-carousel {display: none;}
video#bgvid {display: none;}
.hero-sisalto-video {display:none}
.karuselli-textbox1 {
top:inherit;
left:0;
width:100% !important;
}
.karuselli-textbox2 {
top: inherit;
right:0;
width: 100% !important;
}
h1 {font-size:160%;}
h2 {font-size:140%;}
h3 {font-size: 120%;}

.alasivu-hero-tausta {
  height:200px;
}
.sub-page-title {
  top:60%;
}
}