html, body {
	padding: 0;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
}

@media (min-width: 768px) {
	body {
		min-width: 1280px;
	}
}

@font-face{
	font-family: 'Duke Fill';
	src: url('/media/layout/fonts/duke_fill-webfont.eot');
	src: url('/media/layout/fonts/duke_fill-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/media/layout/fonts/duke_fill-webfont.woff') format('woff'),
	     url('/media/layout/fonts/duke_fill-webfont.ttf') format('truetype'),
	     url('/media/layout/fonts/duke_fill-webfont.svg#webfont') format('svg');
}

h1, h2, h3, h4, h5 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}

h1.white,
h3.white{
	color:#ffffff;
}

a {
	color: #fff;
	text-decoration: none;
}

.arrow {
	padding-right: 30px;
	background: url(/media/layout/img/icons.png) no-repeat;
}

.arrow.down {
	background-position: right -124px;
}

.arrow.right {
	background-position: right -163px;
}

.hidden-mobile {
	display: none;
}

.hidden-desktop {
	display: block;
}

.mainContent {
	margin-top: -56px;
}

.slick-slider {
	margin: 0;
}

.yellow {
	color: #f0ff01;
}

.orange,
.contentArea a.orange{
	color: #f15922;
}

.orange-light {
	color: #f47920;
}

.violet {
	color: #662d91;
}

.black {
	color: #000;
}

.noPadding {
	padding: 0;
}

@media (min-width: 768px) {
	.hidden-mobile {
		display: block;
	}

	.hidden-desktop {
		display: none;
	}

	.container {
		position: relative;
		padding: 0 5px;
	}

	.mainContent {
		margin-top: -46px;
		max-width: 1260px;
		width: 99%;
	}
}

/*** Main Navigation ***/

.menuContainer {
	overflow: visible;
}

.main-nav {
	overflow: hidden;
	position: relative;
}

.navBar {
	padding: 10px 20px;
	background: #262626;
	overflow: hidden;
	position: relative;
	display: none;
	border-bottom: 1px solid #fff;
}


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

    .navBar {
        display: block !important;
    }

}

.main-nav .some-links {
	list-style: none;
	padding: 0;
	margin: -13px 0 0;
	float: left;
}

.main-nav .some-links li {
	display: inline-block;
}

.main-nav .some-links a {
	display: block;
	width: 30px;
	height: 30px;
	background: url(/media/layout/img/some-icons.png);
	background-repeat: no-repeat;
	background-size: 40px;
}

.main-nav .some-links .facebook-link {
	background-position: center -126px;
}

.main-nav .some-links .facebook-link:hover {
	background-position: center -5px;
}

.main-nav .some-links .youtube-link {
	background-position: center -166px;
}

.main-nav .some-links .youtube-link:hover {
	background-position: center -46px;
}

.main-nav .some-links .instagram-link {
	background-position: center -206px;
}

.main-nav .some-links .instagram-link:hover {
	background-position: center -86px;
}

.menu-list-title {
	text-transform: none;
	color: #f0ff01;
	margin: 5px 0;
}

.navBar .park-selector {
	float: left;
	margin: 0;
	list-style: none;
	padding: 0;
	position: relative;
	text-transform: uppercase;
}

.park-selector-trigger {
	padding-top: 5px;
}

.navBar .park-selector-menu {
	list-style: none;
	padding: 0;
}

.navBar .park-selector-menu a {
	display: block;
	padding: 5px 0 0;
	font-weight: 700;
	font-size: 1.2em;
}

.navBar .park-selector-menu a:hover {
	color: #f0ff01;
}

.navBar .park-selector-menu a:first-child {
	padding: 10px 0 5px;
}

.navBar .park-selector-menu a:last-child {
	padding: 5px 0;
}

.mobile-lang-menu {
	margin-top: 20px;
	list-style: none;
	padding: 0;
}

.mobile-lang-menu li {
	display: inline-block;
	padding: 0 12px 0 0;
}

.mobile-lang-menu a {
	display: block;
	padding: 5px 0 0;
	font-weight: 700;
	font-size: 1.2em;
}

.mobile-lang-menu a:hover {
	color: #f0ff01;
}

.mobile-lang-menu a:first-child {
	padding: 10px 0 5px;
}

.mobile-lang-menu a:last-child {
	padding: 5px 0;
}

.languageMenu {
	position: absolute;
	right: 2%;
	top: 19px;
	color: #fff;
	font-size: 12px;
}

.languageMenu a:hover {
	color: #f0ff01;
}



.main-nav .searchform {
	position: absolute;
	top: 7px;
	right: 2%;
	/* CHANGE RIGHT WHEN LANGUAGE VERSIONS GO LIVE ***/
}

.main-nav .searchform input {
	-webkit-appearance: none;
	font-size: 0.8em;
	height: 30px;
}

.main-nav .searchform .search_keywords {
	background: transparent;
	border-radius: 0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border: 2px solid #4d2a67;
	border-right: hidden;
	padding: 5px;
	margin: 5px 0 0;
	color: #848484;
}

.main-nav .searchform .search_keywords:focus {
	color: #fff;
}

.main-nav .searchform .search_submit {
	background: transparent url(/media/layout/img/icons.png) no-repeat center -7px;
	border: 2px solid #4d2a67;
	border-left: hidden;
	border-radius: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px 15px;
	cursor: pointer;
}

.logoBarWrapper {
	padding: 0 0 56px;
	position: relative;
	width: 100%;
}

.logoBar {
	background: #662d91;
	padding: 30px 10px;
	position: relative;
	color: #fff;
	/*overflow: hidden;*/
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
}

.topLogo {
	position: absolute;
	left: 50%;
	margin-left: -40px;
	top: 10px;
	z-index: 11;
}

.topLogo img {
	max-width: 80px;
}

@import url(http://fonts.googleapis.com/css?family=Oxygen+Mono);
/* Starter CSS for Menu */
#cssmenu {
  padding: 0 0 0 140px;
  z-index: 10;
}
#cssmenu ul,
#cssmenu li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#cssmenu ul {
  position: relative;
  z-index: 597;
}
#cssmenu ul li {
  float: left;
  min-height: 1px;
  vertical-align: middle;
}
#cssmenu ul li.hover,
#cssmenu ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}
#cssmenu ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}
#cssmenu ul ul li {
  float: none;
}
#cssmenu ul ul ul {
  top: 0;
  left: 190px;
  width: 190px;
}
#cssmenu ul li:hover > ul {
  visibility: visible;
}
#cssmenu ul ul {
  bottom: 0;
  left: 0;
}
#cssmenu ul ul {
  margin-top: 0;
}

.submenu li {
	padding: 0 5px;
}

#cssmenu ul ul li {
  font-weight: normal;
}
#cssmenu a {
  display: block;
  line-height: 1em;
  text-decoration: none;
}
/* Custom CSS Styles */
/*#cssmenu {
  background: #333333;
  border-bottom: 4px solid #1b9bff;
  font-family: 'Oxygen Mono', Tahoma, Arial, sans-serif;
  font-size: 12px;
}*/
#cssmenu > ul {
  *display: inline-block;
}
#cssmenu:after,
#cssmenu ul:after {
  content: '';
  display: block;
  clear: both;
}
#cssmenu ul {
  text-transform: uppercase;
}
#cssmenu ul ul {
  /*border-top: 4px solid #1b9bff;
  text-transform: none;*/
  min-width: 190px;
}
#cssmenu ul ul a {
  background: rgba(102,45,145,0.8);
  border-bottom: 1px solid #fff;
  line-height: 150%;
  padding: 16px 20px;
  /*font-size: 12px;*/
}
#cssmenu ul ul ul {
  border-top: 0 none;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu ul ul li:first-child > a {
  /*border-top: 1px solid #0082e7;*/
}
#cssmenu ul ul li:hover > a {
  /*background: #4eb1ff;
  color: #ffffff;*/
}
#cssmenu ul ul li:last-child > a {
  /*-moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-box-shadow: 0 1px 0 #1b9bff;
  -webkit-box-shadow: 0 1px 0 #1b9bff;
  box-shadow: 0 1px 0 #1b9bff;*/
  border: hidden;
}
#cssmenu ul ul li:last-child:hover > a {
  /*-moz-border-radius: 0 0 0 3px;
  -webkit-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;*/
}
#cssmenu ul ul li.has-sub > a:after {
  /*content: '+';
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -8px;*/
}
#cssmenu ul li:hover > a,
#cssmenu ul li.active > a {
  /*background: #1b9bff;*/
  text-decoration: underline;
}
#cssmenu ul ul li:hover > a {
	text-decoration: none;
	color: #ffff00;
}
#cssmenu ul li.has-sub > a:after {
  /*content: '+';
  margin-left: 5px;*/
}
#cssmenu ul li.last ul {
  left: auto;
  right: 0;
}
#cssmenu ul li.last ul ul {
  left: auto;
  right: 99.5%;
}

#cssmenu a {
  padding: 14px 30px 14px 0;
}

/*@media (min-width: 992px) {
	#cssmenu a {
	padding: 14px 20px 14px 0;
      }
}

@media (min-width: 1024px) {
	#cssmenu a {
	padding: 14px 30px 14px 0;
      }
}*/

#cssmenu > ul > li > a {
  /*line-height: 42px;
  font-size: 12px;*/
}


.menuButtonWrapper {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -10px;
	padding: 0 0 0 60px;
	cursor: pointer;
}

.menuButton {
	width: 23px;
	height: 20px;
	border: hidden;
	background: url(/media/layout/img/icons.png) no-repeat center -450px;
	cursor: pointer;
}

.menuButtonWrapper span {
	color: #f0ff01;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 0;

}

@media (min-width: 768px) {
	.navBar {
		padding: 10px 10px 10px 140px;
		width: 99%;
		margin: 0 auto;
		display: block;
		border: hidden;
	}

	.park-selector-trigger {
		display: block;
	}

	.navBar .park-selector {
		margin: 0 0 0 50px;
	}

	.navBar .park-selector-menu a {
		font-size: 1em;
		font-weight: 400;
	}

	.logoBarWrapper {
		padding: 0 0 46px;
		position: relative;
		width: 100%;
		background: url(/media/layout/img/reunataitto.png) no-repeat top right;
	}

	.logoBar {
		padding: 12px 10px 11px 140px;
		border: hidden;
		width: 99%;
		margin: 0 auto;
		box-shadow: 0 10px 10px -6px rgba(0,0,0,0.31);
		z-index: 8;
		font-size: 0.9em;
	}

	.topLogo {
		left: 0px;
		top: -38px;
		margin-left: 0;
	}

	.topLogo img {
		max-width: 123px;
	}

	.main-nav .some-links {
		margin: 0;
	}
}

@media (min-width: 992px) {

	/*#cssmenu {
		padding: 0 0 0 140px;
	}*/
}

/*** Mobile menu ***/

.mobileMenuWrapper {
	background: #262626;
	padding: 10px 20px;
	display: none;
}

.mobileMenu {
	list-style: none;
	padding: 0;
	margin: 0;
	text-transform: uppercase;
}

.mobileMenu .current a {
	color: #ffff00;
}

.mobileMenu .submenu .current a {
	color: #ffff00;
}

.mobileMenu .submenu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

.mobileMenu .submenu li {
	padding: 0;
}

.mobileMenu .level1 {
	font-size: 1.4em;
	font-weight: 700;
	border-bottom: 1px solid #505050;
}

.mobileMenu .level1:last-child {
	border: hidden;
}

.mobileMenu li a {
	padding: 10px 0;
	display: block;
}

.mobileMenu .submenu li a {
	padding: 0 0 10px;
	color: #fff;
}

/*** Nostoalue ***/

.nostoalue {
	width: 100%;
	display: inline-block;
	position: relative;
	box-sizing: content-box;
	float: left;
}

.nostoalue:after {
	padding-top: 56.25%;
	display: block;
	content: '';
}

.nostoalue .slick-list {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.nostoalue .carouselSlide {
	/*display: block;
	height: 150px;
	position: relative;*/
	background-position: center top !important;
	background-size: cover !important;


}

.carouselSlide .textContent {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
}

.carouselSlide .textContent {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 58%;
	padding: 0 50px;
}

.carouselSlide .textContent h1 {
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 0 7px rgba(0,0,0,0.8);
	font-size: 2.375em;
}

.carouselSlide .playVideo {
	display: block;
	width: 64px;
	height: 64px;
	border: hidden;
	background: url(/media/layout/img/playbutton.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -32px 0 0 -32px;
	cursor: pointer;
}

.esittelyteksti {
	padding: 20px;
	font-size: 0.8em;
	text-align: justify;
	background: -webkit-linear-gradient(#470e67, #652c8f);
	background: linear-gradient(#470e67, #652c8f);
	color: #fff;
	float: left;
}

.esittelyteksti h1 {
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 15px;
	font-size: 240%;
}

#videoframe {
	position: absolute;
	width: 100%;
	height: 100%;
	border: hidden;
	display: block;
}

#closeVideoframe {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 30px;
	height: 30px;
	padding: 0 0 2px 2px;
	border: hidden;
	border-bottom-left-radius: 15px;
	background: #3b0256;
	color: #f0ff01;
	cursor: pointer;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	z-index: 9;
}

#closeVideoframe:hover {
	background: #f0ff01;
	color: #3b0256;
}

.listCounter {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 0.8em;
	z-index: 9;
}

#counter {
	position: absolute;
	bottom: 40px;
	right: 5px;
	font-size: 0.8em;
	color: #f0ff01;
	text-shadow: 0 0 3px #000;
}

#listNext, #listPrev {
	display: inline-block;
	width: 32px;
	height:  32px;
	margin: 0 1px;
	cursor: pointer;
	opacity: 0.8;
	-webkit-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
}

#listNext {
	background: #662d91 url(/media/layout/img/icons.png) no-repeat;
	background-position: center -163px;
}

#listNext:hover {
	background: #f0ff01 url(/media/layout/img/icons.png) no-repeat;
	background-position: center -323px;
}

#listPrev {
	background: #662d91 url(/media/layout/img/icons.png) no-repeat;
	background-position: center -243px;
	opacity: 1;
}

#listPrev:hover {
	background: #f0ff01 url(/media/layout/img/icons.png) no-repeat;
	background-position: center -402px;
	opacity: 1;
}

@media (min-width: 1024px) and (max-width: 1100px) {
	.esittelyteksti h1 {
		font-size: 200%;
	}
}

@media (min-width: 768px) {
	.nostoalue {
		width: 78%;
	}

	.subpageCarousel {
		width: 100%;
		border-bottom: 1px solid #662d91;
		padding: 0 0 5px;
	}

	.carouselSlide .playVideo {
		width: 94px;
		height: 94px;
		margin: -47px 0 0 -47px;
	}

	.esittelyteksti {
		width: 22%;
		padding: 30px;
	}

	.listCounter {
		bottom: auto;
		top: 10px;
		right: 10px;
	}
	.listCounter.frontpage {
		bottom: 10px;
		top: auto;
		right: 10px;
	}

	#counter {
		position: absolute;
		bottom: auto;
		top: 18px;
		right: 80px;
		font-size: 0.8em;
		color: #f0ff01;
	}
	#counter.frontpage {
		bottom: 18px;
		top:auto;
	}
}

/*** Frontpage park blocks ***/

.parkNavBlock#oulu {
	background: url(/media/kuvat/elementtikuvat/park-image-oulu.jpg);
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
}

.parkNavBlock#vantaa {
	background: url(/media/kuvat/elementtikuvat/park-image-vantaa.jpg);
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
}

.parkNavBlock#vuokatti {
	background: url(/media/kuvat/elementtikuvat/park-image-vuokatti.jpg);
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
}

.parkNavBlock, .parkPageBlock {
	display: block;
	width: 100%;
	height: 330px;
	position: relative;
	float: left;
	margin: 0;
	overflow: hidden;
}

.parkName, .blockTitle {
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(102,45,145,0.66);
	text-align: center;
	position: relative;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

.parkName h1, .blockTitle h1 {
	color: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	margin: -51px 0 0;
	width: 100%;
	text-align: center;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	text-transform: uppercase;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.45);
	font-size: 3.25em;
}

.parkName h3 {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: 25px;
	text-align: center;
	width: 100%;
	text-transform: uppercase;
	color: #fff;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.45);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
	font-size: 1em;
}

.parkNavBlock .menu, .parkPageBlock .menu {
	display: none;
	background: rgba(102,45,145,0.75);
	width: 100%;
	/*height: 0;*/
	list-style: none;
	padding: 10px;
	text-align: center;
	overflow: hidden;

	position: absolute;
	left: 0;
	bottom: 42px;
}

.parkNavBlock .menu li {
	display: inline-block;
	padding: 5px 15px;
}

.parkNavBlock .menu a:hover {
	text-decoration: underline;
	color: #f0ff01;
}

.parkNavBlock .readMore, .parkPageBlock .readMore {
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;

	background: rgba(68,11,98,0.8);
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	border-bottom: 1px solid #fff;
}

.parkNavBlock .readMore a, .parkPageBlock .readMore a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
}

@media (min-width: 768px) and (max-width: 992px) {
	.parkName h1, .blockTitle h1 {
		font-size: 2.5em;
	}

	.parkName h3 {
		font-size: 0.8em;
		margin-top: -5px;
	}
}

/*** ASETA KAIKKI ANIMOITUMAAN, KUN OULU JA VUOKATTI MENEVÄT JULKI ***/

@media (min-width: 768px) {
	.parkNavBlock, .parkPageBlock {
		width: 33%;
		height: 400px;
		margin: 0 0.5% 10px 0;
	}

	.parkNavBlock .readMore, parkPageBlock .readMore {
		border: hidden;
	}

	/* ! */

	.parkNavBlock:hover .parkName, .parkPageBlock:hover .blockTitle {
		background: transparent;
	}

	/* ! */

	.parkNavBlock:hover .parkName h1, .parkPageBlock:hover .blockTitle h1 {
		top: 30px;
		margin: 0;
		color: #f0ff01;
	}

	.parkNavBlock:hover .parkName h1 a, .parkPageBlock:hover .blockTitle h1 a {
		color: #f0ff01;
	}

	.parkNavBlock:hover .parkName h3 {
		top: 30px;
		margin-top: 55px;
	}

	.parkNavBlock:hover .readMore, .parkPageBlock:hover .readMore {
		background: rgba(68,11,98,1);
	}
}

/*** Frontpage event list ***/

.frontpageEventsWrapper {
	padding: 0 10px;
	position: relative;
	border-bottom: 1px solid #662d91;
}

.frontpageEventsWrapper h1 {
	text-transform: uppercase;
	color: #3b0256;
}

.frontpageEvents .item {
	overflow: hidden;
	margin: 0 0 9px;
	border-bottom: 1px solid #eee;
	padding: 10px 0;
	float: left;
}

.frontpageEvents .item:last-child {
	border: hidden;
}

.frontpageEvents .item .image img {
	min-width: 100%;
	max-width: 100%;
}

.frontpageEvents .item .description h2 {
	color: #662d91;
	margin: 0 0 10px;
	font-size: 2em;
}

.frontpageEvents .item .description {
	font-size: 0.75em;
}

.frontpageEvents .readMore, .newsList .readMore {
	background: #662d91;
	color: #fff;
	padding: 5px 15px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
}

.frontpageEvents .readMore.buyTicket, .newsList .readMore.buyTicket {
	background: #3b0256;
	color: #fff;
}

.frontpageEvents .readMore:hover, .newsList .readMore:hover {
	color: #3b0256;
	background: #f0ff01;
}

.eventListNav {
	background: #662d91;
	color: #fff;
	padding: 5px 10px;
	margin: 0 1px 10px 0;
	display: none;
	text-transform: uppercase;
	float: left;
	cursor: pointer;
}

.frontpageEvents .image .readMore, .newsList .image .readMore {
	display: block;
	margin: 0 0 5px;
	font-size: 0.75em;
}

.eventListNav:hover {
	background: #3b0256;
	color: #f0ff01;
}

.archiveLink {
	margin: 0;
	background-color: #3b0256;
	color: #fff;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	display: inline-block;
	text-transform: uppercase;

}

.frontpageEventsWrapper .calendarWrapper {
	display: none;
	position: absolute;
	top: 32px;
	left: 147px;
}

.calendarWrapper.visible {
	display: block;
}

.frontpageEventsWrapper .calendar {
	background: -webkit-linear-gradient(#662d91, #561d7b);
	background: linear-gradient(#662d91, #561d7b);
	padding: 15px;
	color: #fff;
	position: relative;
	cursor: default;
}

.closeCalendar {
	display: block;
	width: 30px;
	height: 30px;
	padding: 0 0 2px 2px;
	background: #ccc;
	position: absolute;
	top: 20px;
	left: 400px;
	border: 4px solid #662d91;
	background: #3b0256;
	border-radius: 15px;
	color: #f0ff01;
	cursor: pointer;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	z-index: 9;
}

.frontpageEventsWrapper .calendar thead {
	text-transform: uppercase;
}

.frontpageEventsWrapper .calendar td {
	padding: 5px;
	text-align: center;
	width: 32px;
	height: 32px;
	border-radius: 16px;
	position: relative;
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.calendar td.hasEvents {
	background: #3b0256;
	color: #f0ff01;
}

.calendar td.hasEvents:hover, .calendar td.currentDate {
	background: #f0ff01;
	color: #3b0256;
}

.calendarPopupWrapper {
	position: absolute;
	top: 50%;
	left: 90%;
	overflow: hidden;
	display: none;
	z-index: 2;
	box-shadow: 0 0 5px rgba(0,0,0,0.6);
}

.calendar td .eventTitle {
	/*position: absolute;
	top: 0px;
	left: 100%;*/
	position: relative;
	background: #fff;
	padding: 5px 40px 5px 5px;
	color: #000;
	z-index: 2;
	text-align: left;
	/*display: none;*/
	display: block;
	white-space: nowrap;
	/*box-shadow: 0 0 5px rgba(0,0,0,0.6);*/
	border-bottom: 1px solid #3b0256;
}

.calendar td .eventTitle:last-child {
	border: hidden;
}

.calendar td .eventTitle .openEvent {
	position: absolute;
	right: 0;
	top: 0;
	background: #3b0256 url(/media/layout/img/icons.png) no-repeat center -164px;
	border: hidden;
	display: block;
	height: 100%;
	width: 32px;
	cursor: pointer;
	-webkit-transition: background-color 300ms ease;
	transition: background-color 300ms ease;
}

.calendar td .eventTitle:hover .openEvent {
	background: #f0ff01 url(/media/layout/img/icons.png) no-repeat center -323px;
}

#prev-month, #next-month {
	background: url(/media/layout/img/icons.png);
	width: 20px;
	height: 20px;
	display: block;
}

#next-month {
	background-position: center -170px;
}

#prev-month {
	background-position: center -250px;
}

@media (min-width: 768px) {
	.frontpageEventsWrapper {
		border-top: 1px solid #662d91;
		border-bottom: 1px solid #662d91;
		margin: 0 0.5% 0 0;
	}

	.eventListNav {
		display: inline-block;
	}

	.frontpageEvents .item .description {
		padding: 10px 10px 10px 20px;
	}

	.frontpageEvents .readMore, .newsList .readMore {
		display: inline-block;
	}

	.frontpageEvents .image .readMore, .newsList .image .readMore {
		display: none;
	}

	.archiveLink {
		float: right;
	}

	.robsonInstagram {
		width: 33%;
	}
}

@media (min-width: 768px) {
	.frontpageEvents .item {
		max-height: 196px;
		padding: 0;
		border: hidden;
	}

	.frontpageEvents .item .image {
		max-height: 196px;
	}
}

/*** Events page ***/

.eventsPage .item .description {
	font-size: 1em;
}

.eventsPage .item .description h2 {
	font-size: 140%;
}

.pagination {
	margin: 0 0 0 10px;
}

.pagination a {
	background: #3b0256;
	padding: 5px;
	min-width: 25px;
	display: inline-block;
	text-align: center;
	color: #fff !important;
}

.pagination a:hover {
	color: #f0ff01 !important;
	background-color: #662d91 !important;
}

.pagination .prevNext {
	background: #662d91;
	color: #fff;
}

.pagination .prevNext.next {
	padding: 5px 30px 5px 10px;
	background: #662d91 url(/media/layout/img/icons.png) no-repeat 108% -166px;
}

.pagination .prevNext.prev {
	padding: 5px 10px 5px 30px;
	background: #662d91 url(/media/layout/img/icons.png) no-repeat -6% -246px;
}

.pagination .curPage {
	background: #662d91;
	padding: 5px;
	min-width: 25px;
	display: inline-block;
	text-align: center;
	color: #f0ff01;
}

/*** Frontpage Robson's slot ***/

.frontpageRobsons {
	display: block;
	width: 100%;
	background: url(/media/layout/img/robsons_tausta.jpg);
	text-align: center;
	position: relative;
	padding: 90px 0 120px;
	margin: 0;
}

.frontpageRobsons .description {
	background: #f15922;
	padding: 10px;
	color: #fff;
	display: block;
	width: 100%;
	text-transform: uppercase;
	font-weight: 700;
	position: absolute;
	left: 0;
	bottom: 0;
}

.frontpageRobsons .robsonsLogo {
	max-width: 90%;
}

@media (min-width: 768px) {
	.frontpageRobsons {
		margin: 0 0 5px;
	}

	.frontpageRobsons .description {
		background: #000;
		color: #f15922;
	}
}

/*** Instagram feed ***/

.instagramFeedWrapper {
	background: url(/media/layout/img/instafeed_tausta.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
	position: relative;
	padding: 20px;
	height: 100%;
}

.instagramFeedWrapper h2 {
	color: #f0ff01;
	margin: 0 0 14px;
}

.hidden-image {
	display: none;
}

.instafeed {
	position: relative;
	overflow: hidden;
}

.instagram-image-wrapper {
	width: 23.5%;
	margin: 0 2% 5px 0;
	float: left;
	border: 2px solid transparent;
	-webkit-transition: all 300ms;
	transition: all 300ms;
	overflow: hidden;
}

.instagram-image-wrapper:nth-of-type(4n+4) {
	margin: 0 0 5px;
}

.instagram-image-wrapper img {
	width: 110%;
}

.instagram-image-wrapper .title-text {
	display: none;
}

.instagram-image-wrapper:hover {
	border: 2px solid #f0ff01;
}

.instagramFeedWrapper .readMore {
	position: absolute;
	right: 2px;
	bottom: 7px;

	display: block;
	background: rgba(102,45,145,0.7) url(/media/layout/img/more_button.png) no-repeat;
	background-position: center 40%;
	text-align: center;
	border: 2px solid transparent;
}

.instagramFeedWrapper .readMore span {
	position: absolute;
	left: 0;
	top: 72%;
	display: block;
	width: 100%;
	color: #f0ff01;
	font-size: 0.8em;
}

@media (min-width: 768px) {
	.instagramFeedWrapper {
		/*margin: 10px 0 0;*/
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.instagramFeedWrapper .readMore {
		background-position: center center;
	}

	.instagramFeedWrapper .readMore span {
		display: none;
	}
}

/*** Facebook feed ***/

#fb-root {
    display: none;
}

/* To fill the container and nothing else */

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}

.newsAndSome .col-s-4 {
	margin: 0;
}

.parkPageFacebook {
	border-top: 1px solid #662d91;
	border-bottom: 1px solid #662d91;
	overflow: hidden;
}

.facebookFeed {
	background: url(/media/layout/img/facebook_tausta.jpg) no-repeat center;
	background-size: cover;
	padding: 20px;
}

.facebookFeed h2 {
	margin: 0 0 20px;
}

.facebookFeed .item {
	background: #fff;
	border-bottom: 1px solid #662d91;
	width: 100%;
	font-size: 0.7em;
	padding: 15px 20px;
	min-height: 23%;
}

.facebookFeed .item .image img {
	max-width: 100%;
}

.facebookFeed .item a {
	color: #662d91;
	display: block;
	margin: 5px 0 0;
}

@media (min-width: 768px) {
	.newsAndSome {
		margin: 0 0 5px;
	}

	.newsAndSome .col-s-4 {
		margin: 0 0.5% 7px 0;
		width: 33%;
	}

	.newsAndSome .col-s-4:last-child {
		margin: 0 0 7px;
	}
}

/*** Yhteistyökumppanit ***/

.yhteistyokumppanit {
	padding: 20px 0;
	margin: 0 0 10px;
	width: 100%;
	float: left;
}

.yhteistyokumppanit a {
	display: block;
	padding:  0 10px;
	text-align: center;
	position: relative;
}

.yhteistyokumppanit a img {
	max-width: 100%;
	margin: 0 auto;
	left: 0;
}

.paakumppanit .kumppanilogo {
	width: 16.66%;
	float: left;
}

@media (min-width: 768px) {
	.yhteistyokumppanit {
		width: 50%;
	}

	.yhteistyokumppanit.full-width {
		width:100%;
		border-right:none !important;
	}

	.yhteistyokumppanit:first-child {
		border-right: 1px solid #ccc;
	}
}

/*** Business hours block ***/

.nostoSidebar {
	float: left;
	width: 100%;
}

.parkOpen {
	width: 100%;
	background: -webkit-linear-gradient(#0c0c0c, #343434);
	background: linear-gradient(#0c0c0c,#343434);
	overflow: hidden;
	padding: 20px;
	color: #fff;
}

.parkOpen h2 {
	font-size: 1.344em;
}

.parkOpen h2, .parkOpen h4 {
	text-transform: uppercase;
	margin: 0 0 15px;
}

.parkOpen .text {
	font-size: 0.8em;
}

.robsonsNosto {
	padding: 20px 10px 42px;
	text-align: center;
	position: relative;
}

.robsonsNosto .robsonsLogo {
	max-width: 60%;
}

.robsonsNosto .text {
	padding: 0 0 15px;
}

.robsonsNosto .text p {
	padding: 0;
	margin: 0;
	font-size: 0.7em;
}

.menuOpen {
	width: 100%;
	padding: 4px 0;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #000;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 400;
	font-family: Duke Fill;
	text-align: center;
}

.robsonsNosto h3, .robsonsNosto h2, .robsonsNosto h1 {
	text-transform: uppercase;
	margin: 10px 0;
}

.robsonsNosto .robsons-fontti-valkoinen {
	color: #f47920;
}

@media (min-width: 768px) {
	.nostoSidebar {
		width: 22%;
		height: 50%;
	}

	.parkOpen {
		height: 50%;
	}

	.robsonsNosto {
		height: 50%;
	}

	.robsonsNosto .text {
		padding: 0 0 0;
	}
}

@media (min-width: 768px) {
	.robsonsNosto {
		padding: 30px 30px 42px;
	}

	/*.robsonsNosto .menuOpen {
		width: 80%;
		left: 10%;
	}*/
}

/*** Sidebar lunch menu ***/

.lounaslista {
	padding: 20px 20px 60px;
	position: relative;
	color: #fff;
	margin: 0 0 5px;
	/*min-height: 170px;*/
}

.lounaslista h2:first-child {
	margin: 0 0 10px;
	font-size: 2.625em;
}


.lounaslista h2 {
	font-size: 1.875em;
	margin: 10px 0 0;
}

.lounaslista .price {
	font-family: Duke Fill;
	background: #f47920;
	position: absolute;
	right: 20px;
	top: 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.625em;
	text-align: center;
	line-height: 1.2em;
	width: 128px;
	height: 128px;
	padding: 30px 5px 0;
	border-radius: 70px;

	-webkit-transform: rotate(9deg);
	-ms-transform: rotate(9deg);
	transform: rotate(9deg);
}

.lounaslista .price span {
	display: block;
	font-size: 1.846em;
}

.robsons-fontti-valkoinen {
	font-family: Duke Fill;
	color: #fff;
	text-transform: uppercase;
	font-weight: 400;
}

.lounaslista .text p {
	margin: 0;
	max-width: 65%;
	font-size: 0.938em;
}

/*** Viikon lounaslista ***/

.weekMenuPage {
	min-width: 0;
	margin: 0 auto;
	background: url(/media/layout/img/robsons_tausta.jpg) center repeat;
}

.weekMenu {
	color: #000;
	text-align: center;
}

.weekMenu h2, .weekMenu h3 {
	font-family: Duke Fill;
	color: #f47920;
	font-weight: 400;
	text-transform: uppercase;
}

.weekMenu h2 {
	font-size: 1.625em;
	margin: 10px 0;
}

.weekMenuTitle {
	font-family: Duke Fill;
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	text-align: center;
	font-size: 2.6em;
	margin: -25px 0 0;
	text-shadow: 0 0 5px #000;
}

.weekMenuHeroWrapper {
	width: 100%;
	display: inline-block;
	position: relative;
}
.weekMenuHeroWrapper:after {
	/*padding-top: 56.25%;*/
	padding-top: 20%;
	/* 16:9 ratio */
	display: block;
	content: '';
}
.weekMenuHero {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	color: white;
}

.menuContent {
	background: rgba(255,255,255,0.6);
	overflow: hidden;
	padding: 10px 20px;
}

@media (min-width: 600px) {
	.weekMenuTitle {
		font-size: 4em;
		margin: -38px 0 0;
	}
}

/*** Alasivut ***/

.contentArea {
	margin: 20px 0;
	padding: 20px;
	font-size: 0.8em;
	float: left;
	text-align: left;
	width: 100%;
}

.contentArea h1, .contentArea h2, .contentArea h3, .contentArea h4 {
	color: #662d91;
	margin: 20px 0 20px;
}

.contentArea a {
	color:  #662d91;
}


@media (min-width: 768px) {
	.contentLeft {
		margin: 0 0.5% 0 0;
		width: 66.83%;
	}

	.wysiwyg {
		width: 90%;
	}
}

.quoteWrapper {
	text-align: center;
	font-weight: 700;
	padding: 0 ;
}

.quote {
	text-align: left;
	background: #662d91;
	background-size: 100%;
	padding: 30px;
	max-width: 80%;
	display: block;
	color: #fff;
	text-transform: uppercase;
	font-size: 2em;
	margin: 10px auto 0;
	position: relative;
}

.quoteGiver {
	color: #f0ff01;
	font-size: 0.8em;
	display: block;
	text-transform: uppercase;
}

.sitaattitausta {
	width: 80%;
	margin: 0 auto 30px;
}

@media (min-width: 768px) {
	.quote {
		/*float: right;*/
	}
}

/*@media (min-width: 768px) and (max-width: 992px) {
	.quote {
		padding: 15px;
		max-width: 90%;
		font-size: 1.8em;
	}

	.sitaattitausta {
		width: 90%;
	}
}*/

@media (min-width: 768px) {
	.contentArea {
		margin: 40px 0 0;
		padding: 20px 0;
		/*border-top: 1px solid #662d91;*/
		border-bottom: 1px solid #662d91;
		width: 100%;
	}
}

/*** Sidebar menu ***/

.sidebarMenu {
	width: 100%;
}

.sidebarMenu .item {
	display: block;
	width: 100%;
	overflow: hidden;
	text-align: center;
	position: relative;
	background-position: center;
	background-size: cover !important;
	margin: 0 0 5px;
}

.sidebarMenu .item .titleWrapper {
	background: rgba(102,45,145,0.66);
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

.sidebarMenu .item h1 {
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: #fff;
	text-transform: uppercase;
	font-size: 2.25em;
	text-shadow: 1px 1px 6px rgba(0,0,0,0.45);
}

.sidebarMenu .item .readMore {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #3b0256;
	padding: 10px;
	display: none;
}

.sidebarMenu .item .readMore span {
	background: url(/media/layout/img/icons.png) no-repeat;
	background-position: right -170px;
	padding: 0 30px 0 0;
	display: inline-block;
	text-transform: uppercase;
	font-size: 0.9em;
}

.sidebarMenu .item .readMore span.hidden-mobile {
	background: transparent;
	padding: 0;
}

/*** Sidebar nosto ***/

.sidebarNosto {
	display: block;
	overflow: hidden;
	background: -webkit-linear-gradient(#662d91, #561d7b);
	background: linear-gradient(#662d91, #561d7b);
	padding: 20px 10px 10px;
	color: #fff;
	margin: 0 0 5px;
}

.sidebarNosto .image img {
	max-width: 100%;
}

.sidebarNosto h2 {
	margin: 0 0 15px;
	text-transform: uppercase;
	font-weight: 400;
}

.sidebarNosto h4 {
	margin: 0 0 10px;
	color: #fff;
}

.sidebarNosto h4 small {
	font-weight: 400;
	color: #ccc;
}

.sidebarNosto .description {
	padding: 0 0 0 10px;
}

.sidebarNosto p, .sidebarNosto .readMore {
	font-size: 0.8em;
}

.sidebarNosto .readMore {
	background: #3b0256;
	color: #f0ff01;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	margin: 0 5px 5px 0;
}

.sidebarNosto .readMore.buyTicket {
	background: #3b0256;
	color: #f0ff01;
}

.sidebarNosto .readMore:hover {
	color: #3b0256;
	background: #f0ff01;
}

.sidebarNosto .image .readMore {
	width: 100%;
	display: block;
}

@media (min-width: 768px) {
	.sidebarNosto .readMore {
		display: inline-block;
	}

	.sidebarNosto .image .readMore {
		display: none;
	}
}

/*** Sidebar info box ***/

.sidebarInfo {
	background: url(/media/layout/img/infobox_tausta.jpg) no-repeat center;
	background-size: cover;
	overflow: hidden;
}

.sidebarInfo .inner {
	background: rgba(59,2,86,0.66);
	width: 100%;
	height: 100%;
	padding: 15px;
	color: #fff;
	font-size: 0.8em;
}

.sidebarInfo h1, .sidebarInfo h2 {
	color: #f0ff01;
}

/*** Restaurant page ***/

.robsonsMenuWrapper h1, .robsonsMenuWrapper h3 {
	font-family: Duke Fill;
	text-transform: uppercase;
	font-weight: 400;
}

.robsonsMenuWrapper h1 {
	color: #f47920;
	font-size: 4em;
	margin: 0 0 10px;
}

.robsonsMenuWrapper .menuItem {
	margin: 0 0 10px;
	text-align: left;
	display: block;
	overflow: hidden;
}

.robsonsMenuWrapper h3 {
	color: #000;
	font-size: 2em;
	margin: 0;
}

.robsonsMenuWrapper .price {
	color: #f47920;
	font-family: Duke Fill;
}

.robsonsInfo {
	background: url(/media/layout/img/robsons_tausta_tumma.jpg) no-repeat center;
	background-size: cover;
	padding: 20px;
	color: #fff;
	font-size: 0.8em;
}

.robsonsInfo .robsonsLogo {
	max-height: 50px;
	margin: 0 0 20px;
}

.robsonsPromo {
	background-size: cover !important;
	background-position: center;
	position: relative;
	overflow: hidden;
	padding: 20px 20px 160px;
	margin: 0 0 5px;
	font-family: Duke Fill;
}

.robsonsPromo h1, .robsonsPromo h3 {
	font-family: Duke Fill;
	text-transform: uppercase;
	font-weight: 400;
}

.robsonsPromo h1 {
	margin: 0;
	font-size: 3em;
	margin: -10px 0 0;
}

.robsonsPromo h3 {
	font-size: 2.5em;
	margin: 0;
}

.robsonsPromo .price {
	/*background: #f47920;*/
	position: absolute;
	left: 20px;
	bottom: 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 2.188em;
	text-align: center;
	line-height: 0.9em;
	width: 138px;
	height: 138px;
	padding: 35px 5px 0;
	border-radius: 70px;

	-webkit-transform: rotate(9deg);
	-ms-transform: rotate(9deg);
	transform: rotate(9deg);
}

.robsonsPromo .price span {
	display: block;
	font-size: 1.314em;
	font-family: Duke Fill;
}

@media (min-width: 768px) {
	.robsonsMenuWrapper {
		max-width: 90%;
	}

	.robsonsMenuWrapper h3 {
		display: inline-block;
		float: left;
		margin: 0 5px 0 0;
	}

	.robsonsMenuWrapper .ingredients {
		vertical-align: sub;
		line-height: 1.2em;
		padding: 12px 0 0;
		display: block;
	}
}

/*** Park front page ***/

.parkPageNews {
	position: relative;
	position: relative;
	padding: 0 0 0 10px;
}

.parkPageNews h1 {
	color: #662d91;
	margin: 10px 0;
	text-transform: uppercase;
}

.parkPageNews .calendarWrapper {
	display: none;
}

.parkPageNews .visible {
	display: block !important;
}

.parkPageNews .calendar {
	width: 100%;
}

.parkPageNews .calendar td {
	text-align: center;
	position: relative;
	cursor: default;
}

.parkPageNews .calendar td.hasEvents {
	background: transparent;
}

.parkPageNews .calendar td.hasEvents span {
	background: #3b0256;
	color: #f0ff01;
}

.parkPageNews .calendar td.hasEvents:hover, .parkPageNews .calendar td.currentDate {
	background: transparent;
}

.parkPageNews .calendar td.hasEvents:hover span, .parkPageNews .calendar td.currentDate span {
	background: #f0ff01;
	color: #3b0256;
}



.parkPageNews .calendar td span {
	width: 32px;
	height: 32px;
	display: block;
	margin: 0 auto;
	padding: 6px 0 0;
	border-radius: 16px;
	text-align: center;
}

.parkPageNews .calendar #prev-month {
	background-position: center -410px;
}

.parkPageNews .calendar #next-month {
	background-position: center -330px;
}

/*.calendar td:hover .calendarPopupWrapper {
	display: block;
}*/

.eventListNavWrapper {
	overflow: hidden;
	height: 12%;
	display: none;
}

.newsList {
	overflow: auto;
	height: 78%;
}

.parkPageNews .archiveLink {
	float: none;
	position: absolute;
	bottom: 0;
	left: 10px;
}

.newsList .item {
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 14px;
}

.newsList .item .image img {
	max-width: 100%;
}

.newsList .item .description {
	font-size: 0.668em;
}

.newsList .item h2 {
	color: #662d91;
	margin: 0 0 10px;
	font-size: 1.818em;
}

.newsList .readMore {
	background: #662d91;
}

.newsAndSome {
	margin: 0;
}

.articleImageWrapper {
	margin: -40px -20px 20px;
}

.parkPageInstagram .instagramFeedWrapper h2 {
	margin: 0 0 20px;
}

.contentArea img {
	max-width: 100%;
}

@media (min-width: 768px) {
	.parkPageNews {
		border-top: 1px solid #662d91;
		border-bottom: 1px solid #662d91;
	}

	.eventListNavWrapper {
		display: block;
	}

	.newsList {
		height: 79%;
	}

	.newsList .item {
		padding: 0;
		border: hidden;
		height: 50%;
	}

	.articleImageWrapper {
		margin: -60px -7px 20px 0;
	}
}

.parkPageBlock {
	background-position: center !important;
	background-size: cover !important;
	margin: 0;
}



.parkPageBlock .readMore a {
	width: 100%;
	height: 100%;
	display: block;
}

.parkPageBlock .menu {
	text-shadow: 1px 1px 6px rgba(0,0,0,0.45);
	color: #fff;
}

@media (min-width: 768px) {
	.parkPageBlock {
		margin: 0 0.5% 5px 0;
	}
	.parkPageBlock:nth-child(3n+3) {
		margin: 0 0 5px;
	}
}

/*** Sidebar calendar ***/

.sidebarCalendar {
	background: -webkit-linear-gradient(#662d91, #561d7b);
	background: linear-gradient(#662d91, #561d7b);
	margin: 0 0 5px;
}

.sidebarCalendar .calendarPopupWrapper {
	left: auto;
	right: 90%;
}

.sidebarCalendar td .eventTitle {
	padding: 5px 10px 5px 40px;
	text-align: right;
}

.sidebarCalendar td .eventTitle .openEvent {
	right: auto;
	left: 0;
	background-position: center -244px;
}

.sidebarCalendar td .eventTitle:hover .openEvent {
	background-position: center -403px;
}

.sidebarCalendar .calendar {
	width: 100%;
	text-align: center;
	color: #fff;
}

.sidebarCalendar span {
	display: block;
	padding: 6px 0 0;
	margin: 0 auto;
	width: 32px;
	height: 32px;
	border-radius: 16px;
}

.sidebarCalendar .calendar td, .sidebarCalendar .calendar td:hover  {
	background: transparent;
	position: relative;
	text-align: center;
	cursor: default;
}

.sidebarCalendar .hasEvents span {
	background: #3b0256;
	color: #f0ff01;
}

.sidebarCalendar .currentDate span {
	background: #f0ff01;
	color: #3b0256;
}

/*** Contact Form ***/

.contactForm {
	background: #662d91;
	overflow: hidden;
	padding: 15px 0 15px 15px;
	position: relative;
	margin: 20px 0;
}

.contactForm h1 {
	color: #f0ff01;
	margin: 0 0 10px;
}

.contactForm .item {
	width:  100%;
	float: left;
	padding: 10px 15px 0 0;
}

.contactForm input, .contactForm .formTextarea {
	width: 100%;
	padding: 5px;
	font-family: inherit;
	font-size: 16px;
}

.contactForm .item .title {
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}

.formSubmit {
	position: absolute;
	right: 17px;
	bottom: 22px;
	background: #662d91;
	color: #f0ff01;
	font-family: inherit;
	font-size: inherit;
	text-transform: uppercase;
	border: hidden;
	padding: 7px 10px;
	cursor: pointer;
}

.contactDetails {
	width: 100%;
	float: left;
	padding: 0;
	text-align: left;
}

.contactDetails h1, .contactDetails h2, .contactDetails h3, .contactDetails h4 {
	color: #000;
}

@media (min-width: 768px) {
	.contactForm {
		width: 100%;
		float: left;
	}

	.contactForm .item {
		width: 50%;
	}

	.contactDetails {
		width: 45%;
		float: left;
		padding: 15px 20px;
	}
}

/*** Image gallery ***/

.imageGallery {
	display: block;
	width: 100%;
	overflow: hidden;
}

.imageGallery .item {
	width: 100%;
	margin: 0 0 10px;
	display: inline-block;
	float: left;
	position: relative;
	min-height: 100px;
	background-size: cover !important;
}

/*.imageGallery .item:nth-of-type(even) {
	margin: 0 0 10px;
}*/

/*.imageGallery .item img {
	max-width: 100%;
}*/

.imageLinks {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	display: none;
	text-align: center;
	background: rgba(102,45,145,0.66);
}

.imageLinks a {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	padding: 20px;
	font-size: 1.2em;
}

.imageLinks .openImage {
	background: url(/media/layout/img/openimage.png) no-repeat center top;
}

.imageLinks .downloadImage {
	background: url(/media/layout/img/downloadimage.png) no-repeat center top;
}

.imageLinks a:hover {
	color: #f0ff01;
}

.imageGallery .pagination {
	margin: 0;
	display: inline-block;
	width: 100%;
}

@media (min-width: 768px) {
	.imageGallery .item {
		width: 24.25%;
		margin: 0 1% 10px 0;
	}

	.imageGallery .item:nth-of-type(4n+4) {
		margin: 0 0 10px;
	}

	.imageLinks {
		height: 100%;
		position: relative;
		opacity: 0;
		display: block;
		visibility: hidden;
		-webkit-transition: all 600ms ease;
		transition: all 600ms ease;
	}

	.linkWrapper {
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -56px;
		width: 100%;
	}

	.imageLinks a {
		display: block;
		padding: 30px 10px 5px;
	}

	.imageGallery .item:hover .imageLinks {
		opacity: 1;
		visibility: visible;
	}
}

/*** Footer ***/

footer {
	background: #662d91;
	text-align: center;
}

footer .container {
	padding: 0 10px;
}

footer h1, h2, h3 {
	color: #fff;
}

footer h1 {
	font-size: 1.2em;
}

.footerLogo {
	overflow: hidden;
}

.footerSome {
	width: 100%;
	list-style: none;
	padding: 0;
	text-transform: uppercase;
}

.footerSome li {
	display: inline-block;
}

.footerSome a {
	display: block;
	width: 50px;
	height: 40px;
	background: url(/media/layout/img/some-icons.png);
	background-repeat: no-repeat;
	background-size: 50px;
}

.footerSome .facebook-link {
	background-position: center -4px;
}

.footerSome .facebook-link:hover {
	background-position: center -155px;
}

.footerSome .youtube-link {
	background-position: center -55px;
}

.footerSome .youtube-link:hover {
	background-position: center -205px;
}

.footerSome .instagram-link {
	background-position: center -105px;
}

.footerSome .instagram-link:hover {
	background-position: center -255px;
}

.copyright {
	background: #440b62;
	text-align: center;
	color: #f0ff01;
	font-size: 0.7em;
	padding: 10px 0;
	margin: 20px 0 0;
	text-transform: none;
}

@media (min-width: 768px) {
	footer {
		text-transform: uppercase;
	}

	footer h1 {
		font-size: 200%;
	}

	.footerSomeWrapper {
		width: 80%;
		margin: 0 auto;
	}

	.footerSome {
		width: 33%;
		float: left;
	}
}

@media (min-width: 992px) {
	.footerSomeWrapper {
		width: 60%;
		margin: 0 auto;
	}
}

.subpageFooter {
	color: #fff;
	text-transform: none;
	padding: 30px 0 0;
}

.subpageFooter h2, .subpageFooter h4 {
	color: #fff;
}

.subpageFooter h2 {
	margin: 0 0 10px;
}

.subpageFooter h4, .subpageFooter h3 {
	margin: 10px 0 0;
}

.subpageFooter p {
	margin: 0;
	font-size: 0.8em;
}

.footerMap {
	position: relative;
	min-height: 50px;
}

#onMap {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #f0ff01;
	color: #440b62;
	padding: 10px;
	z-index: 9;
	text-transform: uppercase;
	font-weight: 700;
	display: block;
	width: 100%;
}

#onMap span {
	display: inline-block;
}

#infoWindowContent {
	color: #000;
	font-size: 1.2em;
}

.footerNav .section {
	width: 50%;
	float: left;
}

@media (min-width: 768px) {
	.subpageFooter {
		text-align: left;
	}

	#onMap {
		width: auto;
	}

	#onMap span {
		display: none;
	}
}

.blockCarousel, .blockCarousel .item {
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
}

.blockCarousel .item img {
	max-height: 100%;
	max-width: 100%;
}

/*** SUPERCORNERS ***/

.instagramFeedWrapper.cornerInstagram {
	/*padding: 10px;*/
}

.instagramFeedWrapper.cornerInstagram h2 {
	margin: 0 0 10px;
	font-size: 1.2em;
}

.cornerInstagramLink {
	position: absolute;
	bottom: 14px;
	left: 20px;
	color: #f0ff01;
	text-transform: uppercase;
	font-size: 13px;
	background-position: right -170px !important;
}

.cornerAdSlot {
	position: relative;
}

.cornerAdSlot .singleAd {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.cornerSectionHeader {
	background: url(/media/kuvat/cornerit/sectionheaderbg.jpg) no-repeat center;
	background-size: cover;
	margin: 0 0 5px;
	padding: 10px 20px;
	font-weight: 400;
	text-transform: uppercase;
	color: #f0ff01;
}

.smallIcons {
	list-style: none;
	padding: 10px 0;
	margin: 0;
}

.smallIcons li {
	display: inline-block;
	padding: 0 10px 0 0;
}

.bigLogo {
	display: block;
	padding: 20px 0;
}

.sidebarAds .item {
	display: block;
	width: 100%;
	margin: 0 0 10px;
}

.fakeParkMenu {
	text-transform: uppercase;
	/*display: inline-block;*/
	float: left;
	margin: 0 0 0 50px;
}

.fakeParkMenu .selector-trigger {
	padding-top: 5px;
	text-transform: uppercase;
	/*float: left;*/
	display: block;
}

.fake-selector-menu {
	list-style: none;
	padding: 0;
	display: none;
}

.fake-selector-menu li a {
	padding: 5px 0;
	display: block;
}

.fake-selector-menu li:first-child a {
	padding: 5px 0 5px;
}

: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;
}

/* Kampanjasivu: Luokkaretkikisa */

.navBar .campaign {
	margin-top: 5px;
	display: none;
}

.navBar .campaign a {
	background-color: #632A8D;
    color: #FFFFFF;
    padding: 5px;
}


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

    .entry-list, .entry-showmore {
    	padding: 2.5em !important;
    }

    .entry-list {
        padding-bottom: 0 !important;
    }

}

#more {
	position: relative;
    font-size: 1.1em;
    color: white;
    background-color: #662D91;
    padding: 0.75em;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    top: 10px;
	cursor: pointer;
}

.entry {
	background-color: white;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.thumb-wrapper {
    position: relative;
}

.thumb-wrapper:before {
    display: block;
    content: " ";
    width: 100%;
    padding-top: 56.25%;
}

.thumb-wrapper > img {
	position: absolute;
	top: 0;
	width: 100%;
}

.entry-info {
	text-align: left;
	margin: 0;
	padding: 16px;
}

.entry-info h2 {
	margin: 0;
	color: #282828;
	font-size: 1.5em;
}

.stats div {
	display: inline-block;
	font-size: 1.35em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #662D91;
}

.stats {
	padding: 0.25em 0;
}

.stats span {
	color: #282828;
}

.stats div:first-child {
	margin-right: 0.5em;
}

.shareSome {
	display: inline-block;
	font-weight: bold;
	margin-top: 0.25em;
    margin-bottom: 0.25em;
	font-size: 1.2em;
}

.voteButton,
.sketsi-voteButton
{
	position: relative;
    font-size: 1.1em;
    color: white;
    background-color: #282828;
    padding: 0.75em;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 0px;
    margin-right: -16px;
    float: right;
    top: 10px;
	cursor: pointer;
}

.voteButton span {
	color: yellow;
}

.shareSome img {
	width: 26px;
	height: 26px;
}

.shareSome img:first-child {
	margin-left: 0.2em;
}

.overlay {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	background-color: rgb(102, 45, 145);
	filter: alpha(opacity=60);
  	opacity: 0.6;
	cursor: pointer;
	z-index: 999;
	-webkit-transition: opacity 0.20s ease-in-out;
	transition: opacity 0.20s ease-in-out;
}

.playText img {
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.30s ease-in-out;
  	transition: opacity 0.30s ease-in-out;
}

.overlay:hover,
.overlay:hover .playText {
	filter: alpha(opacity=100);
  	opacity: 1;
	-webkit-transition: opacity 0.20s ease-in-out;
  	transition: opacity 0.20s ease-in-out;
}

.overlay:hover .playText img {
	filter: alpha(opacity=100);
  	opacity: 1;
	-webkit-transition: opacity 0.15s ease-in-out;
  	transition: opacity 0.15s ease-in-out;
}


.entry:hover .voteButton,
.entry:hover .sketsi-voteButton
{
	-webkit-transition: background-color 0.10s ease-in-out;
	transition: background-color 0.10s ease-in-out;
	background-color: rgb(102, 45, 145);
}

.voted {
	background-color: rgb(102, 45, 145);
}

.playText {
	width: 100%;
	height: auto;
}

.playText img {
	width: 54px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#more {
	display: block;
}

#kampanjasivu .contactForm {
	background-color: white;
	width: 100%;
	padding: 0;
	margin: 0;
}

#kampanjasivu .contactForm h1 {
	margin: 0;
}

#kampanjasivu .contactForm h2 {
	color: white;
	margin: 0;
	margin-top: 1em;
}

#kampanjasivu .contactForm .item .title {
	margin: 0;
	color: #282828;
	text-transform: uppercase;
}

#kampanjasivu .item.radios label {
	display: inline;
}

#kampanjasivu .contactForm input[type=radio] {
	display: inline;
	width: auto;
}

#kampanjasivu .contactForm input[type=text] {
	border: 0;
	border-bottom: 1px solid #d5d5d5;
}

#kampanjasivu button.formSubmit {
	position: relative;
	display: inline-block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-top: 20px;
    padding: 1em;
    background-color: #521177;
}

#kampanjasivu .hasError p.errorMsg {
	color: white;
    background-color: #C14444;
    padding: 1em;
}

.closePopup {
	position: absolute;
    bottom: 0;
    right: 0;
    padding: 0.25em 0.8em;
    background-color: #521177;
}

.closePopup span {
	color: yellow;
	font-size: 1.4em;
}



.popups > div {
    display: none;
}

.popups > .opened {
    display: block !important;
}


.luokkaretki-menu a span,
.sketsihahmo-menu a span
{
    font-size: 0.5em;
    vertical-align: middle;
    padding-right: 0.25em;
}


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


    .luokkaretki-menu,
	.sketsihahmo-menu
	{
        background-color: #662d91;
    }


    .luokkaretki-menu ul,
	.sketsihahmo-menu ul
	{
        position: relative;
        margin: 0;
        padding: 10px 0 50px 0;
        list-style: none outside;
    }


    .luokkaretki-menu a,
	.sketsihahmo-menu a
	{
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        padding: 10px;
        color: #f0ff01;
        text-align: center;
        text-transform: uppercase;
    }


    .luokkaretki-menu .popup,
	.sketsihahmo-menu .popup
	{
        padding: 10px;
        cursor: pointer;
        color: #ffffff;
        text-align: center;
        text-transform: uppercase;
    }
	
	


    .popups > div {
        padding: 20px;
        background-color: #ffffff;
        border-top: 5px solid #662d91;
    }


}


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


    .luokkaretki-menu,
	.sketsihahmo-menu
	{
    	position: relative;
    	background-color: #662D91;
    	margin: 0;
    	height: 75px;
    	padding: 0em 1.5em;
    }


    .luokkaretki-menu ul,
	.sketsihahmo-menu ul
	{
    	padding: 0;
    	margin: 0;
    	display: table;
    	height: 100%;
    	float: right;
    }


    .luokkaretki-menu li,
	.sketsihahmo-menu li
	{
    	float: none;
    	list-style: none;
    	display: table-cell;
    	vertical-align: middle;
    	cursor: pointer;
    }


    .luokkaretki-menu a,
	.sketsihahmo-menu a
	{
    	font-size: 1.3em;
    	color: #f0ff01;
        text-transform: uppercase;
    	cursor: pointer;
    }


    .luokkaretki-menu li:first-child,
	.sketsihahmo-menu li:first-child
	{
        position: absolute;
    	top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 1.5em;
    }


    .luokkaretki-menu li.popup,
	.sketsihahmo-menu li.popup
	{
    	padding: 0em 1.25em;
        color: white;
        text-transform: uppercase;
    }


    .luokkaretki-menu li.popup.active,
	.sketsihahmo-menu li.popup.active
	{
    	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAAaCAYAAAD43n+tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWQ1NDM0NS1jZTg3LTRiN2YtOTA5ZS1iMTI4ZDM4MzczM2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTBBMkIzRjc1NkU4MTFFNUJFQTY4RUI0MjE5MEM2NDkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTBBMkIzRjY1NkU4MTFFNUJFQTY4RUI0MjE5MEM2NDkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGM0ZjVmZmItMjE3Mi00ODVmLTgyODEtM2FhM2MwMDUyYmQ3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Zjc2NmJjZjEtOWY4NC0xMTc4LTlhOWQtZGY2M2FhMGE2OTI5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+nSus+AAAAYJJREFUeNrU1t0rBFEYx/GzCSH5a1xIUkooFyJLFElRlJcoiht/jRQiscmFEvl7JBJ2x+9Xj5q2fZk58zwzs099L3b3zJzzaV/aQhAEDtOPHlCfa815QxPotSAgzgAqtSDqXTAvfBAGcQYF1dsimA80jp7/n6gGcYYE1ZNzzKe8M0/hJ2uBOMPoDnXnGDOJHqtfqAfijKCbHKKImZIfMRcHxBlF16grJ5gvwdzXW9AMxBkTVGfGmG/BlBotigJy8uW7Qh0ZYqbRbbOFUUFOvoQXGaCIKcqnxGmCnLzlZymiftA8uox6QVwQZwadonZjTFkw57GuIsijWfQb2A3vXfQ5my+IzRmheM8F33MlAbFFZRTvtZTkTElBbFkJVUYrSc+jAXJykEoCDK9d1TiLFsjJgSqemDWtc2iC2HpMFNduaJ5BG8Q2I6K4Zkt7fwsQ246A2rHY2wrEdhtg9qz2tQSx/RqYA8s9rUHsMIQ5st7P58+pzxyjNnRivVFaoNTmT4ABAImjPP6JZ8jvAAAAAElFTkSuQmCC');
        background-repeat: no-repeat;
        background-size: 52px;
        background-position: center -10px;
    }

    /* Popups */

    .popups > div {
    	position: absolute;
        bottom: 0px;
        right: 0;
        background-color: white;
        padding: 1.5em;
        z-index: 1000;
        box-shadow: 0px 0px 12px rgba(0,0,0,0.15);
    	-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.15);
    	margin: 0 2.5%;
    }

    .opened {
    	display: block!important;
    }

    .popup .activated {
    	color: yellow;
    }

    .osallistu {
        width: 600px;
    }

    #kampanjasivu .wysiwyg {
        width: 100%;
    }


    .popups h1 {
    	text-transform: uppercase;
    	margin-top: 0;
    	color: #662D91;
    }


}

/* Kampanja nostkuva */

.featured-box {
    position: relative;
}

.featured-box img {
    vertical-align: bottom;
    width: 100%;
}


.featured-box-txt {
    position: relative;
    z-index: 1;
    padding: 1.75em;
    background: -webkit-linear-gradient(#0c0c0c, #343434);
    background: linear-gradient(#0c0c0c,#343434);
}

.featured-box-txt h1 {
	text-transform: uppercase;
	font-size: 1.5em;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.featured-box-txt p {
	color: #C1C1C1;
}

.featured-box-txt p:last-child {
	margin-bottom: 0;
}

.featured-box-txt a {
	text-transform: uppercase;
}

.featured-box-txt a:after {
	content:"\0025B6";
	color: #F0FF01;
	font-size: 9px;
	vertical-align: middle;
	padding-left: 1em;
}


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

    .featured-box-txt h1 {
        margin-bottom: 15px;
        font-size: 1.344em;
    }

    .featured-box-txt p {
        font-size: 0.8em;
    }

}


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

    .featured-box-txt {
    	position: absolute;
    	top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    	right: 0;
    	width: 50%;
        background: rgba(0,0,0,.76);
    }

}

/* Sarjavalikko */

ul.sarjavalikko {
	margin:  0;
    padding: 0;
    list-style: none;
}

ul.sarjavalikko a {
    display: block;
}

ul.sarjavalikko {
    display: table; /* [1] */
    table-layout: fixed; /* [2] */
    width: 100%; /* [3] */
}

ul.sarjavalikko li {
	display: table-cell;
}

.navigation {
    text-align: center;
    overflow: hidden; /* [1] */
}

.navigation a {
    padding: 20px 10px;
    background-color: #662d91;
    color: #fff;
	font-size: 14px;
    font-weight: bold;
    text-decoration: none;
	text-transform: uppercase;
	border-left: 1px solid #4E1F71;
}

.navigation a.activeMain,
.navigation a:hover {
    background-color: #4E1F71;
}

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

    .navigation a {
        padding: 1em;
        font-size: 2em;
        border-left: 1px solid #4e1f71;
    }

    .navigation li:first-child a {
        border-left: none;
    }

}

/* Voting modal style */

.modalVote {
	color: #662D91;
	line-height: normal;
    margin-bottom: 1em;
}

.modalEntryName {
	color: #555;
	font-size: 1.4em;
	font-weight: 200;
}

/* Clearfix */

.cf:before, .cf:after { content: “”; display: table; }
.cf:after { clear: both; }

/* Character Competition */

.sketsi-video-wrapper video {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.character-video-wrapper {
	position: relative;
    margin-bottom: 10px;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

.character-video-container-yt {
	
}

.character-video-wrapper iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*--------------------------------------
    #form
--------------------------------------*/


.form-wrapper {
    float: left;
    width: 55%;
}

.contactForm .formCheckbox {
	width: 6%;
}

.sketsi-form-wrapper {
	width: 100%;
	/*display: none;*/
	background: transparent;
	margin-bottom: 20px;
}

.sketsi-form-wrapper .formTelinput {
	border-color: #ccc;
}

.sketsi-form-wrapper .contactForm .item {
	width: 90%;
	clear: both;
	float: none;
	margin: 0 auto;
}

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

	.sketsi-form-wrapper .contactForm .item {
		width: 50%;
	}
	
}

#kampanjasivu .sketsi-form-wrapper .contactForm {
	background-color: transparent;
}

#kampanjasivu .contactForm h1.sketsi-title {
	color: #662d91;
	margin-bottom: 10px;
	text-align: center;
	margin-top: 20px;
}

.sketsi-remodal-cancel {
	vertical-align: baseline !important;
	padding: 13px 20px 14px 20px;
	height: 50px;
}

#kampanjasivu button.sketsi-submit {
	padding: 13px 20px 14px 20px;
	height: 50px;
	display: block;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	clear: both;
}

.sketsi-button-wrapper {
	float: left;
	width: 100%;
	text-align: center;
}

.sketsi-vote-button {
	float: none;
	margin-bottom: 40px;
}

.sketsi-voteButton {
	width: 132px;
}

.error {
    color: #ff0000 !important;
}


select {
    width: 100%;
}


.form-error-msg {
    float: left;
    width: 60%;
    margin: 20px 0 0 0;
    color: #ff0000;
}