body {
	margin:0px;
	background-color:#c8aec1;
	font-family: 'Barlow Semi Condensed';
	font-size: calc((1.65 - 1) * 1.2vw + 1rem);
	font-weight: 300;
	color:black;
	overflow-x:hidden;
	overflow-y:visible;
}
h1 {
	text-align:center;
}
.menu_link {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #423E3A;
}
.paula_kuva {
	position:relative;
	width:50%;
	text-align:center;
	display:block;
	margin:auto;
	clear:both;
}
.swiper {
        width: 30vw;
	height:30vw;
	text-align:center;
}
.swiper-slide {
        background-position: center;
	background-color:#c8aec1;
}
.swiper-slide img {
        display: block;
        width: 100%;
}
#header {
	z-index:3;
	float:left;
	position:relative;
	margin:0px;
	width:100vw;
	background-color:#c8aec1;
}
#followmenu_logo {
	z-index:3;
	float:left;
	position:relative;
}
#logo {
	float:left;
	position:relative;
	width:40%;
	margin:2.5vh 30vw;
}
#desktop_follow_links {
	position: absolute;
	white-space:nowrap;
	top: 50%;
	right: 7.5%;
	transform: translate(0%, -50%);
	text-align:right;
	font-size:1em;
}

#desktop_links {
	position: absolute;
	white-space:nowrap;
	top: 50%;
	width:75%;
	right:0%;
	transform: translate(0%, -50%);
	text-align:right;
	font-size:1em;
}
#center_menu {
	z-index:3;
	width:100vw;
	float:left;
	position:relative;
	background-color:#c8aec1;
}
#center_menu_objects {
	position: relative;
	width:100%;
	text-align:center;
	float:left;
	margin-top:2.5vh;
	margin-bottom:5vh;
}
.centertodiv {
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
}
#mobile_menu {
	position:fixed;
	left:100%;
	height:100vh;
	width:80%;
	background-color:#c8aec1;
	z-index:100;
	border-left:3px solid black;
}
.row_desktop_mobile {
	float:left;
	position:relative;
	width:100%;
}
.mobile_show {
	display:none;
}
.desktop_show {
	display:none;
}
.small_devices_show {
	display:none;
}
.desktop_follow_show {
	display:none;
}
#core {
	float:left;
	position:relative;
	margin:0px;
	width:100vw;
	z-index:2;
	min-height:100vh;
}
#footer {
	float:left;
	position:relative;
	margin:0px;
	width:100vw;
	min-height:30vh;
	background-color:#c8aec1;
	z-index:3;
	overflow-y:hidden;
}
.a_clean {
	text-decoration: none;
	color:white;
}
#footer_text {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color:white;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index:2;
	text-align:center;
}
.row {
	color:#F3F4EE;
	float:left;
	position:relative;
}
.tcenter {
	text-align:center;
}
.pointer {
	cursor:pointer;
}
.bold {
	font-weight:bold;
}
.nohighlight {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.uppercase {
	text-transform: uppercase;
}
.line-trought {
	text-decoration: line-through;
}
.footer_contact_details {
	display:block;
	clear:both;
	margin:2.5% 0%;
}
#mobile_menu_text {
	position:absolute;
	top:10px;
	right:10px;
}
#mobile_menu_close,#mobile_menu_text {
	font-size:calc((2.5 - 1) * 1.2vw + 1rem);
}
#mobile_nav {
	z-index:200;
	width: 15vw;
	right:15px;
	top:20px;
	position: absolute;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

#mobile_nav span {
	display: block;
	position: absolute;
	height: 1vh;
	width: 100%;
	background: #000;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
#mobile_nav span:nth-child(1) {
	top: 0px;
}

#mobile_nav span:nth-child(2),#mobile_nav span:nth-child(3) {
	top: 18px;
}

#mobile_nav span:nth-child(4) {
	top: 36px;
}

#mobile_nav.open span:nth-child(1) {
	top: 18px;
	width: 0%;
	left: 50%;
}

#mobile_nav.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

#mobile_nav.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#mobile_nav.open span:nth-child(4) {
	top: 18px;
	width: 0%;
	left: 50%;
}
.icon-social-rss { background: url(/images/social-icons.png) no-repeat -321px -12px; }
.icon-social-rss:hover { background-position: -321px -54px; }
.icon-social-linkedin { background: url(/images/social-icons.png) no-repeat -143px -12px; }
.icon-social-linkedin:hover { background-position: -143px -54px; }
.icon-social-facebook { background: url(/images/social-icons.png) no-repeat -54px -12px; }
.icon-social-facebook:hover { background-position: -54px -54px; }
.icon-social-twitter { background: url(/images/social-icons.png) no-repeat -9px -12px; }
.icon-social-twitter:hover { background-position: -9px -54px; }
.icon-social-mail { background: url(/images/social-icons.png) no-repeat -187px -12px; }
.icon-social-mail:hover { background-position: -187px -54px; }
.icon-social-pinterest { background: url(/images/social-icons.png) no-repeat -277px -12px; }
.icon-social-pinterest:hover { background-position: -277px -54px; }
.icon-social-youtube { background: url(/images/social-icons.png) no-repeat -455px -12px; }
.icon-social-youtube:hover { background-position: -455px -54px; }
.icon-social-plus { background: url(/images/social-icons.png) no-repeat -98px -12px; }
.icon-social-plus:hover { background-position: -98px -54px; }
.icon-social-flickr { background: url(/images/social-icons.png) no-repeat -232px -12px; }
.icon-social-flickr:hover { background-position: -232px -54px; }
.icon-social-vimeo { background: url(/images/social-icons.png) no-repeat -366px -12px; }
.icon-social-vimeo:hover { background-position: -366px -54px; }
.icon-social-yahoo { background: url(/images/social-icons.png) no-repeat -410px -12px; }
.icon-social-yahoo:hover { background-position: -410px -54px; }
.social-item {
    width: 36px;
    height: 36px;
    margin: 0 0 0 3px;
}
.start_loader_img {
	position: absolute;
	width:30%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align:right;
}
.social_icons {
	width:64px;
	margin:0vh 0.5vw;
}
.input_error {
	border:1px solid red;
}
/* puhelin */
@media only screen and (max-width: 767px) and (orientation: portrait) {
	body {
		font-size: calc((2 - 1) * 1.2vw + 1rem);
	}
	#header {
		//background-color:red;
	}
	#logo {
		width:40vw;
		margin:2.5vh 30vw 2.5vh 30vw;
	}
	.row {
		width:90vw;
		margin:0vh 5vw;
	}
	#footer_img {
		top:-15vh;
		width:90vw;
		left:5vw;
		right:5vw;
		height:40vh;
	}
	.mobile_show {
		display:block;
	}
	.start_loader_img {
		width:75%;
	}
	.row_textbg {
		width:87.5vw;
		font-size:100%;
		padding:1.25vw;
		min-height:100vh;
		background-color:rgba(0,0,0,0.3);
		color:white;
	}
	.paula_kuva {
		width:80%;
	}
      	.swiper {
        	width: 80vw;
		height:80vw;
      	}
	.social_icons {
		width:48px;
		margin:0vh 1.25vw;
	}
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
	#header {

	}
	#logo {
		width:30vw;
		margin:5vh 35vw 5vh 35vw;
	}
	#center_menu {
		margin-bottom:5vh;
		font-size:1rem;
	}
	.row {
		width:80vw;
		margin:0vh 10vw;
	}
	#footer {
		min-height:60vh;
	}
	#footer_text {
		font-size:20px;
	}
	#footer_img {
		top:-40vh;
		width:50vw;
		left:25vw;
		right:25vw;
		height:100vh;
	}
	.start_loader_img {
		width:40%;
	}
      .swiper {
        width: 40vw;
	height:40vw;
      }
	.social_icons {
		width:48px;
		margin:0vh 1.25vw;
	}

}
/* tabletti */
@media only screen and (min-width: 767px) and (max-width: 1199px) and (orientation: portrait) {
	body {
		font-size:24px;
	}
	#header {
		//background-color:red;
	}
	#logo {
		width:30vw;
		margin:2.5vh 35vw 2.5vh 35vw;
	}
	.row {
		width:85vw;
		margin:0vh 5vw;
	}
	.bline {
		margin-bottom:2.5vh;
	}
	.mobile_show {
		display:block;
	}
	#mobile_nav {
		width:10vw;
		right:25px;
		top:25px;
	}
	#ad_slider {
		height:50vh;
	}
	.start_loader_img {
		width:50%;
	}
	.swiper {
        	width: 60vw;
		height:60vw;
      	}
	.social_icons {
		width:64px;
		margin:0vh 1.25vw;
	}
}
/* pieni tabletti */
@media only screen and (min-width: 767px) and (max-width: 1280px) and (orientation: landscape) {
	#header {

	}
	#logo {
		width:25vw;
		margin:5vh 37.5vw 5vh 37.5vw;
	}
	.row {
		width:80vw;
		margin:0vh 10vw;
	}
	#footer {
		min-height:50vh;
	}
	#footer_text {
		font-size:20px;
	}
	#footer_img {
		top:-40vh;
		width:50vw;
		left:25vw;
		right:25vw;
		height:100vh;
	}
      	.swiper {
        	width: 40vw;
		height: 40vw;
      	}

}
/*small_devices_show*/
@media only screen and (max-width: 1199px) and (orientation: landscape) {
	.small_devices_show {
		display:block;
	}
}
@media only screen and (min-width: 992px) {
	#header {

	}
	#logo {
		width:20vw;
		margin:2.5vh 40vw 2.5vh 40vw;
	}
	.row {
		width:60vw;
		margin:0vh 20vw;
	}
	#footer {
		min-height:40vh;
	}
	#footer_img {
		top:-40vh;
		width:50vw;
		left:25vw;
		right:25vw;
		height:100vh;
	}
	.row_desktop_mobile {
		width:50%;
	}
}
@media only screen and (min-width: 1199px) {
	#header {

	}
	#logo {
		width:20vw;
		margin:2.5vh 0vw 2.5vh 1.5vw;
	}
	.row {
		width:60vw;
		margin:0vh 20vw;
	}
	#footer {
		min-height:32.5vh;
	}
	#footer_text {
		font-size:24px;
	}
	#footer_img {
		top:-60vh;
		width:80vw;
		left:10vw;
		right:10vw;
		height:100vh;
	}
	#desktop_links {
		font-size:1em;
	}
	.desktop_show {
		display:block;
	}
	.desktop_follow_show {
		display:block;
	}
	#followmenu_logo {
		width:10vw;
		margin:1.25vh 0vw 1.25vh 1.25vw;
	}
}
@media only screen and (min-width: 1680px) {
	#desktop_links {
		font-size:1em;
	}
	.row {
		width:50vw;
		margin:0vh 25vw;
	}
}
@media only screen and (min-width: 1680px) and (orientation: landscape) {
	#followmenu_logo {
		width:10vw;
		margin:1.25vh 0vw 1.25vh 1.25vw;
	}
	#logo {
		width:15vw;
		margin:2.5vh 0vw 2.5vh 1.25vw;
	}
}

@media only screen and (max-width: 1907px) {
	.field-list,.title {
		font-size: calc((1.1 - 1) * 1.2vw + 1rem) !important;
	}
}
@media only screen and (min-width: 2400px) {
	#logo {
		width:12.5vw;
		margin:2.5vh 0vw 2.5vh 1.5vw;
	}
	.row {
		width:50vw;
		margin:0vh 25vw;
	}
	#footer {
		min-height:32.5vh;
	}
	#footer_text {
		font-size:24px;
	}
	#footer_img {
		top:-60vh;
		width:80vw;
		left:10vw;
		right:10vw;
		height:100vh;
	}
	#desktop_links {
		font-size:1em;
	}
	.desktop_show {
		display:block;
	}
}
