/*

Theme Name: Zirzy Start Theme

Author: Zirzy

Description: Asiakasteema

Version: 0.2

Tags: bootstrap 4

*/

/*================================================================================= */

/*Fontit määritetty Elementorista*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Rosarivo:ital@0;1&display=swap');
/* Roboto Slab Bold*/
/*
@font-face {
	font-family: 'Roboto Slab';
	src: url('./fonts/RobotoSlab-Bold.eot');
	src: url('./fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
		url('./fonts/RobotoSlab-Bold.woff2') format('woff2'),
		url('./fonts/RobotoSlab-Bold.woff') format('woff'),
		url('./fonts/RobotoSlab-Bold.svg#RobotoSlab-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}*/
/* Roboto Slab Regular*/
/*
@font-face {
	font-family: 'Roboto Slab';
	src: url('./fonts/RobotoSlab-Regular.eot');
	src: url('./fonts/RobotoSlab-Regular.eot?#iefix') format('embedded-opentype'),
		url('./fonts/RobotoSlab-Regular.woff2') format('woff2'),
		url('./fonts/RobotoSlab-Regular.woff') format('woff'),
		url('./fonts/RobotoSlab-Regular.svg#RobotoSlab-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
/* Lato Regular*/
/*
@font-face {
	font-family: 'Lato';
	src: url('./fonts/Lato-Regular.eot');
	src: url('./fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		url('./fonts/Lato-Regular.woff2') format('woff2'),
		url('./fonts/Lato-Regular.woff') format('woff'),
		url('./fonts/Lato-Regular.svg#Lato-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
*/
body {
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #000;
	background-color: #E5E5E5;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 25px;
	/*margin-bottom:25px;*/
	font-family: "Rosarivo", cursive;
	font-weight: 600;
    font-style: normal;
}
/*
h1 {

	font-size:42px;
	color: #B90506;
	font-weight: 600;
}
@media only screen and (max-width: 767px) {
	h1 {
		font-size:34px;
	}
}
h2 {
	color: #B90506;
	font-size: 36px;
	font-weight: 600;
}
h3 {
	color: #B90506;
	font-size: 30px;
	font-weight: 600;
}
h4 {
	font-size: 25px;
	font-weight: 400;
}
h5 {
	font-size: 23px;
}
h6 {
	font-size: 19px;
	font-weight: 400;
	color: #B90506;
}
a{	
	color:#333;
	text-decoration: none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}
a:hover{
	color:#B90506;
	text-decoration: underline;
	opacity:.7;
	-webkit-opacity:.7;
	-moz-opacity:.7;
}*/
p {
}
ul{
	
	list-style: inside;
	/*font-family: "Open Sans", Arial, Sans-serif;*/
}
/*
@media only screen and (max-width: 992x){
	.yksittainen ul{
		margin-left:-30px;
	}
}*/

/*
 * Head
 */
 .navbar-light {
	background-color: rgba(255, 255, 255, 1.0);
	backdrop-filter: blur(10px);
}
@media only screen and (max-width: 991px){
	.navbar-light {
		background-color: rgba(255, 255, 255, 1.0);
	}
}
.navbar {
	height: 138px;
	padding: 0px;
}
.navbaroma {
	display: block !important;
	position: relative;
}
.dropdown-toggle::after{
	margin-top:10px;
}
.navi {
	margin:auto;
	padding-top: 10px;
}
/*IE10+ CSS styles go here css*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.navbaroma {
		z-index:999;
	}
}
.header_top{
	height:60px;
	background-color:#000;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
    font-style: normal;
	color:#fff !important;
	font-size:12px;
	z-index: 0;
    position: absolute;
	top:0;
	width:100%;
}
.header_top .col-md-6, .header_top .col-md-4, .header_top .col-md-8, .header_top .col-sm-6, .header_top .col-sm-4, .header_top .col-sm-8, .header_top .col-6, .header_top .col-4, .header_top .col-8{
	margin-top: 20px;
    margin-bottom: -5px;
}

/*hero_top_button*/
#assiwrap {
	float: right;
	display: block;
	border: 2px solid #fff;
	background-color:#F9D11F;
	border-radius: 20px;
	max-width: 169px;
	padding: 8px 30px;
	margin-top: -5px;
	transition: 0.6s;
}
@media only screen and (max-width: 991px) {
	#assiwrap{
		margin-top: -10px;
	}
}
#assiwrap:hover {
	opacity: 0.5;
	cursor: pointer;
}
#assiwrap a:hover {
	opacity: 1;	
}
#assiwrap a svg {
	fill: #fff;
	margin-right:5px;
	margin-bottom:0px;
	height:12px;
	width:auto;
}
#assi {
	font-size: 13px;
	font-family: "Poppins", sans-serif;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none !important;
}
/*end*/

#toplink_puh, #toplink_spo {
	float: left;
}
span#puh {
	padding-right: 30px;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	font-family: "Poppins", sans-serif;
	font-style: italic;
}
a.toplinks {
	color: #fff !important;
	text-decoration:none !important;
	font-size: 15px;
	font-weight: 600;
	font-family: "Poppins", sans-serif;
	font-style: normal;
	padding-bottom: 10px;
	margin-right:10px;
	color: #fff !important;	
}
.kieli_osa svg{
	margin-top:10px;
	margin-right:10px;
}
svg#puh-envelope{
	height:16px;
	width:auto;
}
.yla {
	margin-top: 30px;
}
.topheader {
	background-color: #0077B3;
}
.header_top_valikko{
	text-align:right;
}
@media only screen and (min-width: 992px) {
	.kieli_osa{
	}
}
@media only screen and (max-width: 767px) {
	#assiwrap {
		padding: 8px 20px;
	}
	#assi {
		font-size: 12px;
	}
}
@media only screen and (min-width: 500px) and (max-width: 695px) {
	.kieli_osa {
		margin-top: -10px;
	}
}
@media only screen and (max-width: 767px) {
	.toplink_wrapper {
		display:none;
		font-size: 10px !important;
	}
}
@media only screen and (max-width: 500px) {
	.yla .col-md-4 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	#assiwrap {
		padding: 3px 12px;
		margin: -5px 5px 0px 0px;
	}
	.kieli_osa img {
		margin-right: 2px;
		margin-left: -5px;
		max-width:12px !important;
		height:auto !important;
	}
	#assi {
		font-size:10px;
	}
	.kieli_osa {
		margin-top: -10px;
	}
	span#puh {
		font-size: 9px;
	}
	a.toplinks {
		font-size: 10px;
	}
}
@media only screen and (max-width: 992px) {
	.header_top .col-md-6 {
		margin-top:0px;
	}
}
@media only screen and (min-width: 992px) {
	.header_top_valikko{
		/*padding-right: 10px !important;*/
	}
}
@media only screen and (max-width: 991px) {
	.yla {
		margin-top:17px;
		margin-left: auto;
		margin-right: auto;
	}
}
.header_top_valikko img{
	width:19px;
	height:auto;
	margin-top:-3px;
	margin-left:10px;
	margin-right:25px;
}
.header_top_valikko a{
	text-decoration:none;
	color:#212427;
}
@media only screen and (max-width: 991px) {
	.header_top_nav_hide_mob{
		display:none;
	}
}
img.viimeinen_kuvake{
	margin-right:0px;
}
/*Logo*/
.navbar-brand {
	float: left;
	font-size: 18px;
	line-height: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px){
.navbar-brand {
	/*display: none;*/
}
}
.navbar-logo{
	margin-top:13px;
	width:180px;
	height:auto;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
@media only screen and (min-width: 874px) and (max-width: 1199px){
	.navbar-logo{
		margin-top:15px;
		width:90px;
		height:auto;
	}
}
@media only screen and (max-width: 873px){
	.navbar-logo {
		margin-top:10px;
		width:140px;
		height:auto;
		-webkit-transition: all 200ms linear;
		transition: all 200ms linear;
	}
}
/*Logo end*/

/*NAV*/
.navbar-sticky{
	position: absolute;
	top:0;
	left:0;
	right:0;
	z-index: 99;
}
.navbar{
	border-top:0px;
	border-left:0px;
	border-right:0px;
}
 .sub-menu a {
    text-decoration: none !important;
  }
.dropdown-item.active, .dropdown-item:active {
	background-color: #F9D11F;
	opacity:0.8;
	color: #000 !important;
}
.dropdown-menu a {
	color: #000 !important;
	padding: 15px;
	/*font-family: 'Lato', 'Lucida Grande', Tahoma, Sans-Serif;*/
	text-decoration:none;
	font-size:13px;
}
@media only screen and (max-width: 991px) {
	.dropdown-menu a {
		padding:8px;
	}
}
.dropdown-menu a::after {
	float: right;
	content: " »";
}
@media only screen and (min-width: 992px) {
	.sub-menu a {
		border-bottom: 0px solid #ffd051;
	}
}
.navbar-light .navbar-nav > .active > a, .navbar-light .navbar-nav > .open > a  {
		background-color: transparent !important;
	}
.navbar-light .navbar-nav > .active > a:hover, .navbar-light .navbar-nav > .open > a:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
	background-color: transparent !important;
	color: #fff;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active {
	color:#F9D11F;
}
.navbar-light .navbar-nav .nav-link:hover {
	color:#F9D11F; 
}
.navbar-light .navbar-nav .nav-link {
	color:#000; 
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}
.navbar-nav > li > a {
	
	font-family: 'Poppins', sans-serif;
	font-weight:400;
	font-size: 17px;
	letter-spacing: 0px;
	text-transform: uppercase;
	text-decoration:none;
	height: 95px;
	display: flex;
	margin-top:;
	margin-bottom: 0px;
	padding-top: 25px;
	padding-bottom: 0px;
	padding-left: 0.8rem !important;
}
@media only screen and (max-width: 991px) {
	.navbar-nav > li > a {
		height: 50px;
		border-bottom:1px solid rgba(49, 47, 47, 0.08);
		padding-top: 15px;
	}
}
.navbar-brand, .navbar-nav>li>a {
	text-shadow: none;
}
.navbar-light .navbar-nav > .active > a:hover, .navbar-light .navbar-nav > .open > a:hover{
	background-image: none;
	background-color: transparent;
	color:#000; 
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
}
.navbar-light .navbar-toggler {
	border-radius: 0px;
	outline:none;
}
.nav{
	text-transform:uppercase;
	font-weight: 400;
}
.dropdown-menu {
	background-color: #fff;
	border: 0px;
	border-radius: 0px;
	opacity:1;
	margin-top: 0px;
}
.dropdown:hover>.dropdown-menu {
	display: block;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

@media only screen and (min-width: 992px) {
	.dropdown:hover>.dropdown-menu {
		margin-top: -20px;
		width:300px;
	}
}

.sub-menu {
	transition: 0.8s;
}
.sub-menu a:hover {
	background-color: #F9D11F;
}
.dropdown-item:focus, .dropdown-item:hover {
	background-color: transparent;
}
.sub-menu a {
	text-align: left;
	padding-left:15px !important;
}
@media only screen and (max-width: 991px) {
	.sub-menu a {
		padding-left:40px !important;
	}
}
.navbar-light .navbar-collapse, .navbar-light .navbar-form {
	border-color: #fff;
}
@media only screen and (max-width: 991px) {
	.navbar > .container {
        max-width: 100%;
	}
	.dropdown-menu a {
		font-size: 13px;
	}
	.navbar-brand {
		z-index:99;
		float: none;
		margin:auto;
		margin-bottom: 10px;
	}
	.navbar-toggler {
		margin:auto;
		float: none;
		width:100%;
	}
	.navbar-toggler-icon svg{
		fill:#000000;
	}
	.navbar {
		height: auto;
	}
	.navbar-toggler {
		margin-top:-48px;
		background-color: rgba(49, 47, 47, 0.0) !important;
		border: none;
		padding: 10px 15px;
	}
	.navbar-light .navbar-toggler-icon {
		float: right;
		height: 22px;
		width:29.34px;
	}
	/* Muoto hamppari */
	button.navbar-toggler span.navbar-toggler-icon {
		background-image: url('./images/toggle_ham1.svg') !important;
		transition: all 0.3s ease;
	}
	/* Muoto X */
	button.navbar-toggler[aria-expanded="true"] span.navbar-toggler-icon {
		background-image: url('./images/toggle_x.svg') !important;
		transform: rotate(-90deg) !important;
	}
	.sub-menu a {
		text-align: left;
	}
	.dropdown-menu {
		/*display: block;*/
		background-color: #ffffff;
		text-align:center;
	}
	.dropdown-menu {
		display: none;
	}
	/* Näytetään hoverilla */
	.dropdown:hover .dropdown-menu {
	  display: block;
	}
	/* Jos käytössä on Bootstrap tai vastaava JS, käytä .show tai .open-luokkaa */
	.dropdown.show .dropdown-menu,
	.dropdown.open .dropdown-menu {
	  display: block;
	}
	
	
	
	.dropdown-menu a {
		color: #fff;
	}
	.dropdown-item:focus, .dropdown-item:hover {
		background-color: #ffd051;
	}
	.dropdown-menu a:hover {
		color: #333333;
	}
	.navbar-light .navbar-collapse, .navbar-light .navbar-form {
		background-color: rgba(255, 255, 255, 0.05);
	}
	.navbar-nav .nav-link {
		margin: 0px 0px;
		padding-left:30px !important;
	}
}


/*banneri osa*/
@media screen and (max-width: 767px) {
	div.Elementor_Banner_margin{
		margin-top:90px;
	}
}



/*bannerikuva*/
/*
#filtteri {
	filter: brightness(75%);
	-webkit-filter: brightness(75%);
	width:100%;
}
.bannerikuva{
	position:relative;
	width:100%;
	height:850px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}
@media screen and (min-width: 1200px) and (max-width: 1600px)  { 
	  .bannerikuva{
		  height:650px;
	  }
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
	  .bannerikuva{
		  height:650px;
	  }		
}
@media only screen and (min-width: 768px) 
  and (max-width: 1023px) {
	  .bannerikuva{
		  height:650px;
	  }	
}
@media only screen and (min-width: 375px) 
  and (max-width: 667px) { 
	.bannerikuva{
		height:560px;
	}
}
.caption_wrap{
	margin: 0;
  	position: absolute;
  	top: 50%;
	left: 50%;
	padding-top:100px;
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
    text-align: center;
}
@media only screen and (min-width: 1024px) and (max-width: 1199px){
	.caption_wrap{
		padding-top:100px;
	}
}
div.caption_wrap span {
    font-family: 'Inter', Arial, sans-serif;
	font-weight: 800;
    font-style: normal;
	color:#fff;
	font-size:45px;
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
}
@media only screen and (max-width: 667px) { 
	div.caption_wrap span  {
		font-size:30px !important;
	}
}
@media only screen and (min-width: 668px) and (max-width: 767px) {
	div.caption_wrap p  {
		font-size:9vw;
	}
}
.excerpt-kelt{
	color:#ffc425;
}
.kolmio {
	background-position: center top;
    background-repeat: no-repeat;
    height: 99px;
    width: 100%;
    margin-top: -99px;
    z-index: 9;
    position: relative;
	background-image:url("https://www.isannointikulma.fi/wp-content/uploads/2020/05/Path-1.svg");
}
.kolmio2 {
	background-position: center top;
    background-repeat: no-repeat;
    height: 98px;
    width: 100%;
    margin-top: -70px;
    z-index: 9;
    position: relative;
	background-image:url("https://www.isannointikulma.fi/wp-content/uploads/2020/05/Path-1.svg");
}
.kolmioalas {
	background-position: center top;
    background-repeat: no-repeat;
    height: 99px;
    width: 100%;
    z-index: 9;
	margin-bottom: -99px;
	margin-top: -1px;
    position: relative;
	background-image:url("https://www.isannointikulma.fi/wp-content/uploads/2020/05/Subtraction-2.svg");
	
	
	
}
.kolmioharmaa {
    background-position: center top;
    background-repeat: no-repeat;
    height: 99px;
    width: 100%;
    z-index: 9;
    margin-top: -80px;
    position: relative;
	background-image:url("https://www.isannointikulma.fi/wp-content/uploads/2020/05/Path-67.svg");
}
.paasivu_content {
	max-width: 850px;
	margin:auto;
}*/

/*Palvelut*/
/*
.palveluikoni {
	margin-bottom: 50px;
	margin-top: 75px;
}
.palveluotsikko {
	margin: 20px;
	font-family: "Oswald", sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	color: #B90506;
	font-size: 30px;
}
.palveluteksti {
	margin-bottom: 20px;
	max-width: 350px;
	margin-left: auto;
	margin-right:auto;
	font-family: "Open sans", sans-serif;
	font-size: 16px;
	line-height: 22px;
}
.palvelunappi {
	margin: auto;
	display: block;
	border: 2px solid #B90506;
	border-radius: 20px;
	max-width: 167px;
	padding: 8px 22px;
	transition: 0.5s;
}
.palvelunappi:hover {
	opacity: 0.5;
	cursor: pointer;
}
.palvelunappi a:hover {
	opacity: 1;
}
.palvelunappi a {
	font-size: 14px;
	font-family: "Oswald", sans-serif;
	color: #B90506;
	text-transform: uppercase;
	text-decoration: none !important;
}*/

/*Palvelut end*/
/*
.row {
	position: relative !important;
	justify-content: center !important;
}
*/
.face {
	width: 100%;
	display: inline-block;
	height: 520px;
	max-width: 500px;
	position: relative !important;
	
	
}
@media only screen and (min-width: 992px) {
	.face {
		margin-left:-30px;
	}
}


/*Asiakaspalvelu*/

.asiakasteksti {
	margin: 40px;
	font-family: "Open sans";
	font-size: 20px;
	color: #fff;
	
}
.asiakasnappi {
	margin: 0px auto 20px auto;
	display: block;
	border: 2px solid #fff;
	border-radius: 20px;
	max-width: 256px;
	padding: 8px 70px;
	transition: 0.5s;
}

.asiakasnappi:hover {
	opacity: 0.5;
	cursor:pointer;
}
.asiakasnappi a {
	opacity: 1.0;
	font-size: 14px;
	font-family: "Oswald", sans-serif;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none !important;
}

a.asiakaslinkki {
	font-family: "Open sans";
	font-size: 13px;
	font-style: italic;
	font-weight: 600;
	color: #fff;
	text-decoration: underline;
	margin-top: 30px;
}

/*Asiakaspalvelu end*/

/*Menupalvelut*/
ul#menu-palvelut {
	padding: 0px;
}
ul#menu-palvelut li {
	list-style: none;
	transition: 0.5s;
}
ul#menu-palvelut li a {
	text-decoration: none;
}
ul#menu-palvelut li a:hover {
	text-decoration: underline;
}
/*
ul#menu-palvelut li {
	background-color: #EFEBEB;
	height: 53px;
	list-style: none;
	text-align: left;
	padding: 14px 48px 14px 38px;
	border-left: 7px solid #707070;
	margin-bottom: 3px;
	max-width: 350px;
	transition: 0.5s;
}
ul#menu-palvelut li:hover {
	background-color: #EFEBEB;
	height: 53px;
	list-style: none;
	text-align: left;
	padding: 14px 48px 14px 38px;
	border-left: 10px solid #B90506;
	margin-bottom: 3px;
	max-width: 350px;
	cursor: pointer;
}

ul#menu-palvelut li a {
	font-family: "Oswald", sans-serif;
	font-size: 17px;
	font-weight: 400;
	text-decoration: none;
	text-transform: uppercase;
	color: #474747;
}
*/

ul#menu-palvelut li.current-menu-item {
	color:#fff;
	opacity:0.8;
}

@media only screen and (max-width: 991px) {
	ul#menu-palvelut {
	padding: 30px;
}
}

@media only screen and (max-width: 1199px) {
	ul#menu-palvelut li a {
	font-size: 15px;
}
}
@media only screen and (max-width: 500px) {
	ul#menu-palvelut li a {
	font-size: 13px;
}
}

/*
.alasivu_content {
	text-align: left;
	font-family: "Open sans", sans-serif;
	font-size: 18px;
}
*/

.fb-page {
	float: left;
	width:100%;
}

@media only screen and (max-width: 1199px) {
	.fb-page {
	float: none;
}
}
/*
.nostot_wrap{
	background-position:top;
	background-repeat:repeat-x;
	background-color:#fff;
	border-top:1px solid transparent;
	padding-bottom: 45px;
}
.nostot_wrap2, .nostot_wrap3{
	border-top:1px solid transparent;
	padding-bottom: 45px;
}

@media only screen and (max-width: 1199px) {
	.nostot_wrap2 {
	padding: 0 !important;
	position: relative !important;
	overflow: hidden !important;
	
}
}

*/
/*
#filtteri2 {
	-webkit-filter: opacity(25%);
	filter: opacity(25%);
	width: 100%;
	position:absolute;
	height: 948px;
	background-size: cover !important;
	background-position: center center !important;
}


#filtteri3 {
	-webkit-filter: opacity(25%);
	filter: opacity(25%);
	width: 100%;
	position:absolute;
	height: 550px;
	background-size: cover !important;
	background-position: center center !important;
}
*/


/*

.nostot_wrap3 h2 {
	color: #fff;
	margin-top: 100px;
	margin-bottom: 40px;
}

.nostot_wrap2 h2 {
	color: #fff;
	margin-top: 100px;
	margin-bottom: 65px;
	text-align: left;
}


.nosto_wrap{
	margin-top:-45px;
	z-index:2;
}
.nosto{
	position:relative;
	font-family: 'Lato', 'Lucida Grande', Tahoma, Sans-Serif;
	font-weight: normal;
	color: #fff;
	text-align:center;
	background-color:#f2ba23;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}
@media only screen and (max-width: 991px) {
	.nosto{
		margin-top:15px;
		margin-bottom:15px;
	}
	.nostot_wrap2 h2 {
		text-align:center;
	}
	
	#filtteri3 {
		height: 580px;
	}
	#filtteri2 {
		height: 1680px;
	}
}
@media only screen and (max-width: 500px) {
	#filtteri3 {
		height: 580px;
	}
}
@media only screen and (max-width: 479px) {
	#filtteri2 {
		height: 1720px;
	}
}
.nosto:hover{

	-webkit-opacity:.7;
	-moz-opacity:.7;
}
.nosto img{
	width:100%;
	height:auto;
}
.nosto h1, .nosto h2, .nosto h2{
	font-size:24px;
	color:#333333;
	margin-top:20px;
	margin-bottom:20px;
}
.page-id-9 .nosto h1, .page-id-9 .nosto h2, .page-id-9 .nosto h3{
	margin-bottom:20px !important;
}
.page-id-9 .nosto {
	padding-bottom:20px;
}
.nosto_wrap a h1:hover, .nosto h2, .nosto h2{
	text-decoration:none;
}
.nosto p{
	width:100%;
	font-size:14px;
	line-height:1;
	text-align:center;
	display:table-cell;
	vertical-align: text-top;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:10px;
}
.nosto_wrap a{
	color:#fff;
	text-decoration:none;
}
.nosto_wrap a:hover{
	text-decoration:none;
}
img.lue_lisaa_nuoli{
	width:44px !important;
	height:auto!important;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-22px;
}*/
/*Nostot end*/

.logot {
	margin-bottom: 60px;
}

.logot img {
	padding: 0px 25px;
}
.logot h2 {
	color: #474747;
	margin-bottom: 65px;
}

/*lomakeosa*/
.lomakeotsikko {
	text-align: left;
}
.lomake_osa_wrap{
	background-color:#fff;
	padding-bottom:85px;
}
.lomake_osa{
	padding-bottom:50px;
}
.lomake_osa h1, .lomake_osa h2, .lomake_osa h3{
	color:#333;
}
.lomake_osa a{
	text-decoration:underline;
	color:#333;
}
.lomake_osa a:hover{
	text-decoration:none;
}


/*Uutiset - artikkelit*/
body.archive, body.blog, body.single-post{
	padding-top:200px !important;
}
@media only screen and (min-width: 768px) {
	body.blog > article, body.archive > article, main#site-content{
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}
	body.archive h1, body.blog h1{
		width:60%;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:30px;
	}
}
@media only screen and (max-width: 767px) {
		body.blog > article, body.archive > article, main#site-content{
		width:95%;
		margin-left:auto;
		margin-right:auto;
	}
	body.archive h1, body.blog h1{
		width:95%;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:30px;
	}
}

main#site-content{
	padding-bottom:100px;
}
.entry-content{
	margin-bottom:50px;
}
.entry-content a{
	color:#000;
	text-decoration:underline;
}
.entry-content a:hover{
	opacity:0.5;
}
.entry-footer a{
	background-color: #000000;
	font-family: "Poppins", Sans-serif;
	font-size: 18px;
	font-weight: 500;
	text-decoration: none;
	border-radius: 0px 0px 0px 0px;
	padding:12px 24px 12px 24px;
	color:#fff !important;
	transition: ease-in-out 0.3s;
}
.entry-footer a:hover{
	opacity:0.5;
}

#viim_artikkelit_etusivu h5{
	display:none;
}
#viim_artikkelit_etusivu ul{
	list-style:none;
	padding-left:10px;
}
#viim_artikkelit_etusivu ul li{
	font-weight:600;
	padding-bottom:10px;
}
#viim_artikkelit_etusivu span{
	font-size:12px;
	font-weight:400;
	padding-left:10px;
}
#viim_artikkelit_etusivu span::before{
	content:'(';
}
#viim_artikkelit_etusivu span::after{
	content:')';
}
.article-item {
  text-align: left;
  margin-bottom: 2rem;
  border-bottom:1px solid #a0a2a2;
}
.article-thumbnail img {
  width: 30%;
  height: auto;
  border-radius: 8px;
}
.article-title a {
  color: #000;
  text-decoration: none;
  font-weight: 600;
}
.article-title a:hover {
  opacity:0.5;
}

/*Uutiset - artikkelit END*/



/*Kuvagalleria*/

#gallery-1 img {
  border: 0px !important;
}
div#gallery-1 img{
	transition: all 0.5s ease;
}
div#gallery-1 img:hover{
	opacity:0.7;
}
/*Kuvagalleria END*/



/*yhteydenottolomake*/

.yhteyslomake {
	text-align: left;
}

.yhteyslomake label {
	font-size: 14px;
	color: #2E2E2E;
	float: left;
	display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
	width:100%;
	text-align: left;
	padding-bottom: 10px;
}
.yhteyslomake span.req {
	color: #B90506;
}

.yhteyslomake input, .yhteyslomake textarea {
	width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color:#fff;
	border: 1px solid #A0A2A2 !important;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px
    rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	color: #555;
	font-style: italic;

}
.yhteyslomake textarea {
	min-height: 155px;
	width: 100%;
}

.yhteyslomake input:focus, .yhteyslomake textarea:focus  {
    border-color: #E2E2E2;
    outline: 0;

    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #F9D11F;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #F9D11F;
}
.yhteyslomake input[type="submit"] {
	color: #fff;
	background-color: #F9D11F;
    border: 2px solid #fff!important;
	border-radius:30px !important;
	font-size: 18px;
	padding: 8px 22px;
	font-weight: 500;
	float:left;
	width: fit-content;
	cursor: pointer;
	height: auto;
	font-style: normal;
	transition: 0.5s;
	max-width:200px;
	margin-top:20px;
}
.yhteyslomake input[type="submit"]:hover {
	background-color: #F9D11F !important;
    opacity: 0.5;
}







/*footer*/
div.footer_keski h6, div.footer_oikea h6{
	color:#fff !important;
}
div.footer_oikea a{
	text-decoration:none !important;
}
.widget_text .widget p {
	font-size: 13px !important;
}

img.isann1 {
	width: 150px !important;
	height:auto;
}
img.isann2 {
	height: 22px;
	width:auto;
}
@media only screen and (max-width: 991px) {
	img.isann1 {
	/*height: 30px !important;*/
	width:auto;
}
img.isann2 {
	height: 19px;
	width:auto;
}
}

@media only screen and (min-width: 768px) {
	.footer_wrap{
		background-repeat:no-repeat;
		background-size: cover;
		padding:50px 0px 50px 0;
		background-color:#000;
		color:#fff;
	}
}
@media only screen and (max-width: 767px) {
	.footer_wrap{
		background-repeat:repeat-y;
		background-size: 215%;
		padding:160px 0 100px 0;
		background-color:#000;
		color:#fff;
	}
}
.footer_wrap a, .footer_wrap a:hover{
	color:#fff !important;
}
.footer_wrap a{
	text-transform: underline;
}
.footer_wrap a:hover{
	text-transform: none !important;
}
ul#menu-footer {
	list-style: none;
	padding: 0px;
}
ul#menu-footer li a::after {
	content: " »";
}

.eka_col{
	padding-top:50px;
	padding-bottom:50px;
	font-size:14px;
	/*border-right:1px solid black;*/
}
@media only screen and (max-width: 767px) {
	div.eka_col:nth-child(2){
		margin-top:100px;
		margin-bottom:100px;
	}
	.eka_col {
		text-align:center;
	}
}
.eka_col span{
	/*font-family: 'Roboto Slab', Arial, serif;*/
	font-weight:bold;
    font-style: normal;
	font-size:18px;
}
.eka_col a{
	text-decoration:underline;
}
.eka_col a:hover{
	text-decoration:none;
}
.komas_col{
	border-right:0px !important;
}
.footer_logo{
	float:left;
	width:210px;
	height:auto;
	margin-top:-80px;
}
.eka_col_kuva{
	float:left;
	margin-right:15px;
	width:57px;
	height:auto;
}
.eka_col h6 {
	margin-top: 0px;
}
.some_ico svg{
	margin-right:15px;
	margin-bottom: 20px;
}
.some_ico a {
	text-decoration: none;
}
div.wrap_of_copyright{
	background-color:#D3D3D3;
}
.copyright{
	height:83px;
	vertical-align:middle;
	font-size:12px;
	color:#fff;
	text-align:center;
	font-style: italic;
	font-weight: 600;
}
.copyright a{
	color:#fff;
	text-decoration:none;
}
.copy_txt{
	padding-top: 34px;
}
.blog .copy_txt a{
	color:#000;
	text-decoration:underline;
}
.blog .copy_txt a:hover{
	color:#25252582;
}
/*footer end*/

/*Yksitainen sivu -pohja (page.php)*/
.yksittainen{
	margin-top:80px;
	text-align:center;
}
.yksittainen2{
	margin-top:80px;
	text-align:center;
	margin-bottom: 80px;
	position:relative;
}
.yksittainen a{
	text-decoration:underline;
}
.yksittainen a:hover{
	text-decoration:none;
}
/*Yksitainen sivu -pohja (page.php) end*/


.bannerikuva2{
	position:relative;
	width:100%;
	height:650px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}

.bannerikuva3{
	position:relative;
	width:100%;
	height:433px;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
}
@media screen and (min-width: 1200px) 
  and (max-width: 1600px)  { 
	  .bannerikuva2{
		  height:650px;
	  }
	  .bannerikuva3{
		  height:433px;
	  }
}
@media only screen and (min-width: 1024px) 
	and (max-width: 1199px){
	  .bannerikuva2{
		  height:650px;
	  }	
		.bannerikuva3{
		  height:433px;
	  }
}
@media only screen and (min-width: 768px) 
  and (max-width: 1023px) {
	  .bannerikuva2{
		  height:650px;
	  }	
	  .bannerikuva3{
		  height:433px;
	  }
}
@media only screen and (min-width: 375px) 
  and (max-width: 667px) { 
	.bannerikuva2{
		height:560px;
	}
	  .bannerikuva3{
		  height:333px;
	  }
}

@media only screen and (min-width: 992px) {
	.nosto_wrap2{
		margin-bottom:30px;
	}
}
.nostolinkki, .nostolinkki:hover{
	color: #f2ba23;
	text-decoration:none !important;
}

@media only screen and (min-width: 768px) {
	.yli_poisto .attachment-medium_large{
		height:140px;
		width:auto !important;
	}
}
@media only screen and (min-width: 992px) {
	.yli_poisto div img{
		margin-left:-30%;
	}
}
.yli_poisto div{
	overflow:hidden;
}

/*Nappi*/
.btn, .nappi{
	font-family: 'Roboto Slab', Arial, serif;
	font-weight:bold;
    font-style: normal;
	font-size:18px;
	text-decoration:none !important;
	color:#fff;
	text-align:center;
	padding:15px 30px 15px 30px;
	border-radius:0;
	background-color:#ffc425;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
.btn:hover, .nappi:hover{
	color:#fff;
	opacity:0.7;
}
.btn.focus, .btn:focus {
    outline: 0;
	box-shadow: none;
}

.col_palvelut{
	line-height:17px;
	margin:15px 0 15px 0;
}
.col_palvelut img{
	width:58px;
	height:auto;
}
.col_palvelut h1, .col_palvelut h2, .col_palvelut h3{
	color:#333;
	font-size:18px;
	margin-bottom:13px;
	text-transform:uppercase;
}


/*Explorerin css*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	nav.navbar {
		z-index:99999;
	}
}
.blog-sidebar{
	margin-top:35px;
}


/*FACEBOOK FEED*/

.cff-wrapper {
	background-color: #f5f5f5;
}
.cff-item {
	background-color: #fff!important;
	text-align: left;
}
.cff-visual-header .cff-header-img {
    left: 0px;
    top: 6px;
}
.cff-header {
	padding-left: 0px!important;
}
.face .header-text {
	text-align: left;
	font-family: 'Oswald', Arial, sans-serif;
	font-weight: 700;
}

/*TABLE PRESS*/

.tablepress-id-1 tbody,.tablepress-id-3,.tablepress-id-4  {
	margin: 0 auto 1em;
	font-size: 12px;	
}
.tablepress-id-1 .column-1,.tablepress-id-3 .column-1,.tablepress-id-4 .column-1{
	width: 100px !important;
}
.tablepress-id-3 .column-2,.tablepress-id-4 .column-2{
	vertical-align: middle !important;
	text-align: left;
}

.tablepress .wp-caption,
.tablepress img {
	max-width: 100%;
	width: 100% !important;
}


/*MAPS*/

.map-responsive{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}

.map-responsive iframe{
	left:0;
	top:0;
	height:100%;
	width:100%;
	position:absolute;
}