body, html {
	background-color:#fff!important;
}
body.error-page{
	background-color:#fff!important;
}
.bgImage{
	opacity: 1 !important;
}
body.saaristo{
	background: url('../../imgs/taustakuvat/bg-ukkopekka.jpg') top center no-repeat #020202 fixed !important;
}
body.lapsille{
	background: url('../../imgs/taustakuvat/muumit.jpg') top center no-repeat #020202 fixed !important;
}
body.festarit{
	background: url('../../imgs/taustakuvat/Tausta-TMJ.jpg') top center #020202 fixed  !important;
}
body.kulttuuri{
	background: url('../../imgs/taustakuvat/HALTUUNOTTO_KULTTUURI.jpg') top center no-repeat #2c0113 fixed !important;
}
body.ravintolat{
	background: url('../../imgs/taustakuvat/HALTUUNOTTO_RAVINTOLAT.jpg') top center #020202 fixed no-repeat !important;
}
.sv .slider-holder {
  background: url('../../imgs/bg-side_sv.png') no-repeat center left !important;
}
.en .slider-holder {
  background: url('../../imgs/bg-side_en.png') no-repeat center left !important;
}
#landaring_ingressi{
	padding: 0.5em 2em 2em 2em;
}
#filter{
	margin-bottom: 1.1em;
}
#filter li{
	display: inline-block;
}
#filter li a:hover{
	background: #f2f2f2;
	border: 1px solid #fff;
}
#filter li a{
	background: #fff;
	margin-bottom: .2em;
	padding: .5em 1em !important;
	border-radius: 3em;
	margin-right: .25em;
	border:1px solid #f57000;
	display: block;
}
#filter li a{
	font-size: 1.2em;
}
#filter > li a.active{
	background: #f57000;
	color: #fff !important;
}
a.active{
	color: #fff !important;
}
.txt-content p a {
	margin-top: 1em;
	display: block;
}

.txt-content {
  padding-left: 1em !important;
  padding-right: 1em !important;
  padding-top: 0.8em !important;
}
.place{
	border-bottom: 0.5em solid #fff;
	background: #fcfaf9;
}
.bottom-links .row a {
  color: #222;
  padding-top: .6em;
  padding-left: 1em;
  display: block;
  padding-bottom: 0em;
}
.kolmosnostoblock a > p
{
	font-family: "Helvetica W01 Roman", helvetica, arial, sans-serif;
	font-size: .9em;
	line-height: 1.4em;
	margin-top: 0em;
	margin-bottom: 0;
}
.slider-holder{
	background: url('../../imgs/bg-side.png') no-repeat center left;
	@include retina("../../imgs/bg-side2x.png", 84px, 700px);
}
#slider-content > div.holderi > div.row.slider.active > div.columns.small-3 > img{
	opacity: .3;
}
#slider-content > div.holderi > div.row.slider.active > div.columns.small-9 > a{
	opacity: .3;
}
#filter > li.active.mellow_page_active.mellow_page_default.mellow_page_1 > a{
	color: #fff;
}
#filter > li.active > a{
	color: #fff;
	background: #f57000;
}
.videoWrapper{
	position: relative;
	background: #222;
}
.videoWrapper img{
	width: 100%;
}
.video_button{
	width: 100%;
	height: auto;
	position: absolute;
	
}
.video_button img{
	width: 180px;
	height: auto;
	bottom: 1em;
	left: 1.5em;
	position: absolute;
	opacity: .8;
	cursor: pointer;
	-webkit-transition: all ease-in-out .4s;
	-moz-transition: all ease-in-out .4s;
	transition: all ease-in-out .4s;
}
.video_button img:hover{
	opacity: 1;
	}
	#slider-content > .holderi a{
		-webkit-transition: all .4s ease-in-out;
	}
#slider-content > .holderi a:hover{
	color: #f57000;
}	
.bottom-links .row a span:hover {
  border-bottom: 2px solid #fff;
  color: #f57000;
}
.bottom-links .row a:hover span{
	color: #f57000;
}
.visitTurku-link-banners a span p {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  font-family: "Helvetica W01 Roman", helvetica, arial, sans-serif;
  line-height: 1.2em;
  overflow: hidden;
  /* white-space: nowrap; */
  /* text-overflow: ellipsis; */
  height: 3.6em!important;
}
.visitTurku-link-banners a span{
	height: 9em;
}
#lang_menu{
	float: right;
}
.topLinks #lang_menu li:first-of-type {
  padding-top: 1em !important;
}
.topLinks #lang_menu li{
	margin-left: .2em;
}
.topLinks ul {
	display: inline;
}
.menubar{
	background: pink;
}
.mobile-slider a span img {
  width: 5px !important;
  height: auto !important;
  margin-left: 0.3em !important;
  display: inline-block;
}
.mobile-slider .row {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.nav-mobile-element:nth-child(even) {
  background: #faf8f6;
}
.nav-mobile-element {
	padding: .25em;
}
.nav-mobile-element a{
	color: #222;
}
.nav-mobile-element a span img{
	  width: 5px !important;
	  height: auto !important;
	  margin-left: 0.3em !important;
	  display: inline-block;
}
a.ylanosto:hover{
	opacity: .8;
}
.mobile-holder{
	background: #e72e78;
}
.link-list{
	border-radius: 4px;
}
.small-article {
  padding-top: 0em;
}
.ingress p{
	text-align: left;
}
.slider-holder a {

  padding-bottom: 1.3em;
}
p{
	line-height: 1.4em;
}
#subit p:last-child{
	margin-bottom: 3em;
}
#visi{
	width: 100%;
	background:  url('../../imgs/hamburger.png') no-repeat top right #e72e78;
}
#visi img{
	width: 85%;
	display: block;
	max-width: 400px;
	height: auto;
  padding-bottom: 0.8em;
  padding-left: .8em;
  padding-top: .2em;
}
.nav-mobile-element:first-of-type {
  padding-top: .5em;
}
.nav-mobile-element:last-of-type {
  padding-bottom: .5em;
}
.nav-mobile-element a {
  padding-top: 0.9em;
}
#hide{
	background: #e72e78;
	padding-top: .3em;
	padding-bottom: .3em;
	margin-bottom: 2em;
}
#hide img{
	width: 120px;
	margin: 0 auto;
	display: block;
}
.nav-mobile-element a {
  padding-top: 2.5em;
  display: block;
}

body.old-ie .slider-holder img{
	max-width: none;
}
body.old-ie .insta .overlay{
	opacity: 0;
	display: none;
}
body.old-ie{
	background: pink;
}
body.old-ie .slider-holder img{
	width: 64px;
	height: auto;
	display: block;
}
body.old-ie .slider-holder a span img{
	display: inline-block;
}
body.old-ie .slider-holder {
	top: 20px;
}
@media (max-width: 480px) {
       #filter li a{
	       font-size: .8em !important;
       }
       .image-cropper {
		  position: relative;
		  width: 100%;
		  height: 230px;
		  overflow: hidden;		  
		 }
		.centered {
			position: absolute;
			top:-50px;
		} 
/*
		.place {
			background: #f0edeb;
		}
*/
		#filter li{
			margin-bottom: .3em;
		}
		.nav-mobile-element a {
			display: block;
			padding-top: .9em;
		}
		.video_button img{
			width: 120px;
			height: auto;
			bottom: .4em;
			left: .4em;
			position: absolute;
			opacity: .9;
			cursor: pointer;
			-webkit-transition: all ease-in-out .4s;
			-moz-transition: all ease-in-out .4s;
			transition: all ease-in-out .4s;
		}
		#landaring_ingressi {
			padding: 0.5em 1em 1em 1em;
		}
		.visitTurku-link-banners a span {
			height: 6em;
		}	
}

.slider-holder{
		
			
				left:100% !Important;
				margin-left:-85px;	
}
.visitTurku-link-banners a span p:after {
  content: none;
}
#kissdesc > a{
	color: #fff;
	font-weight: normal;
	font-family: "Helvetica W01 Roman", helvetica, arial, sans-serif;
}
.visitTurku-link-banners a span span{
	background: none;
}
.ig-holder p{
	text-align: left;
}
.bottom-links .row a{
	padding-top: 0 !important;
}
.ig-holder{
	background: #030303 !important;
}
.main-article h1{
	font-size: 2.3125em;
}
.main-article h1:after {
  content: ' ';
  display: block;
  border: 1px solid #f57000;
  width: 15%;
  margin: 0.15em 0;
}