html,body{
	overflow-x: hidden;
}


.responsive-menu-pro-item-link{
	white-space: nowrap;
}

#wpadminbar {
  z-index: 9999999 !important;
}


.ob-widget-btn, .ob-widget-btn.wide, .ob-widget-btn{
	font-family: 'Poppins', sans-serif!important;
	text-transform: uppercase!important;
	letter-spacing: 1px!important;
	font-weight:500!important;
  border-radius:0!important;
  	background-color:#d33479!important;


}

.ob-widget-btn__wide_text {
  font-size: 16px!important;
}

.main-image{
box-shadow: inset 0px 0px 0px 1000px rgba(0, 0, 0, 0.145);
height: calc(68vh - 112px);
min-height: 450px;
	max-height:650px;
background-color:#1F0322;
  background-size:cover;
  background-repeat:no-repeat;
display: flex;
  flex-direction: column;
  justify-content: center;
 
}

#main-image-text h1, #main-image-text p{
margin-bottom:0;

}


.home .main-image{
	height: calc(100vh - 200px);
	max-height:700px;
	
}


#main-image-text{
	background-color:#d33479;
width:240px;
min-height: 240px;
padding:2em;
display: flex;
  flex-direction: column;
  justify-content: center;
}

p a, p a:visited, footer a, footer a:visited  {
	text-decoration:none;
	border-bottom: solid 1px #1F0322;
	font-weight:500;
	color:#1F0322;
}


p a:hover, footer a:hover {
		border-bottom-color: #d33479;
		color:inherit;
	
}





#logo a, #logo img{
	width:94px;
	display: block;
	margin-top:1em;
	margin-bottom:1em;

}
	
	
.button, .button:visited, .button:active, .button:hover, #main-image-text a, .wp-block-media-text p a, #mobiili-linkit-soita {
	display: block;
	text-decoration: none;
	margin-top:1.5em;
	padding: 0.75em!important;
	line-height: 2.25em;
	width: 100%;
	max-width:260px;
	color: #FFFFFF!important;
	background-color:#d33479;
	font-size:0.925rem;
	border:0;
	text-align:center;
	position:relative;
	top:0;
	box-shadow: rgba(0,0,0,.06) 0 1px 6px,rgba(0,0,0,.16) 0 2px 32px;


}

.button:hover, #main-image-text a:hover, .wp-block-media-text p a:hover, .wpcf7-submit:hover {
top:-4px;
}




#mobiili-linkit-soita {
	margin-bottom:1.5em!important;
max-width:300px!important;
}



#main-image-text a, #main-image-text a:visited{
	background-color:#ffffff;
	color:#d33479;
}




#navigation-container{

	background-color:#ffffff;
	transition: all 0.25s ease-in-out;

}



#main-image-text p a{
	
	margin-top:1.5em;
}


 .wpcf7-form{
	
	background-color:#1F0322;
	padding:1.5em;
	color:#ffffff;
	margin-top:1em;
	margin-bottom:2em;
}


 .wpcf7-submit {
	display: block;
	text-decoration: none;
	padding: 1.1em!important;
	font-size:1.1rem!important;
	margin-top:1em;
	width: 100%;
	max-width:180px;
	color: #d33479!important;
	text-align: center;
	font-size:0.95rem!important;
	border:0!important;
	border-radius:0!important;
	cursor:pointer!important;
	font-weight:500!important;
	text-transform: uppercase;
	background-color:#ffffff!important;
}




label {
	
	display: block;
	margin-bottom: 0.25em;
	cursor: pointer;	
	font-size:0.95rem;
	font-weight: 500;
	color:#ffffff;
	
}


.wpcf7-not-valid-tip {
 
  color: #FFB900;

}


.wpcf7 p{
	margin-bottom:0.25em;
}

input[type="text"], input[type="email"], input[type="tel"], textarea{
	font-size: 1rem;
	padding: 0.75em;
	width: 100%;
	-webkit-appearance: none;
	border-radius:0;
	border:0;

}


textarea{
	height:120px;
	 overflow: auto;	
	
}


.grey-bg{
	
	background-color:#E8E8E8;
}


.pink-bg, .wpcf7-form{
	
	background-color:#d33479;
}

.dark-bg{
	
	background-color:#1F0322;
	color:#ffffff
}


button.narrow:hover {
  border-color: #ccc #bbb #aaa;
}



.responsive-menu-pro-inner, 
.responsive-menu-pro-inner::before, 
.responsive-menu-pro-inner::after {
   border-radius: 0!important;
}




#responsive-menu-pro-button{
    
       border-radius: 0!important;

    
}


#ylayhteystiedot{
	display:none;
}



#navigation ul li a{
	font-weight:500;
}








/* Make sure media & text blocks always stack image, then text */ @media screen and (max-width: 600px) { .has-media-on-the-right { display: flex; flex-direction: column;  } 


.wp-block-media-text__content {
  align-self: flex-start!important;
  padding:1.5em!important;
  width:100%;}
}

.slide-in-top-animation {
	-webkit-animation: slide-in-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-top 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}


/* ----------------------------------------------
 * Generated by Animista on 2020-5-15 22:39:40
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-top {
  0% {
    -webkit-transform: translateY(-25px);
            transform: translateY(-25px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

 

table{
	border-collapse: collapse;
	margin-bottom:2.75em;
}

 td{
	
	padding:1em;
}

tr{
		background-color: #f9f9f9;

}

tr:nth-child(even) {background-color: #e8e8e8;}



tr td:last-of-type{
	
	text-align: right;
	
}


 .wp-block-media-text__content{
			padding:2em!important;
		
color:#1F0322;



}

.footer-yhteystiedot-content{
	display:flex;
	align-items:center;
	
	margin-bottom:1.75em;


}


#footer-yhteystiedot img{
	width:24px;
	margin-right:1em;
}

.footer-yhteystiedot-text p, footer a[href^="tel"]{
	font-size:1rem;
	
}

a[href^="tel"]{
	border-bottom:0;
}

hr{
	
	background-color:#D33479;
	height:2px;
	width:24px;
	margin-left:0;
	margin-right:0;
	margin-top:1.5em;
	margin-bottom:1.75em;
}


@media all and (min-width: 1023px) {

.wp-block-column {
  margin: 0;
}


.has-media-on-the-right .wp-block-media-text__content{
	
		margin-right:-3em!important;
		margin-left:3em!important;
			padding:3em 2em 2em 3em!important;



	
}


.responsive-menu-pro-item-link{
	white-space: inherit;
}


 .wp-block-media-text__content{
			padding:3em 2em 2em 3em!important;
			margin-left:-3em!important;
			margin-right:3em!important;
color:#1F0322;

width:inherit;	

}


#main-image-text{
margin-top:0.75em;
width:360px;
height: 360px;

}


.wp-block-media-text.alignwide.is-stacked-on-mobile{
	
	background-color:#1F0322;
	color:#ffffff
}


header{

		position: fixed;
		top:0;
		left:0;
		width:100%;
		z-index:999999;
			
		
}

#ylayhteystiedot-container{
	display:flex;
	align-items: center;
	padding-top:1.25em;
	padding-bottom:1.25em;
	transition: all 0.35s ease-in-out;
}

.header.tiny #ylayhteystiedot-container{
	padding-top:0.75em;
	padding-bottom:0.75em;
}



#top-location{
	flex:1;
	text-align: right;
	margin-right:2.5em;
	

}

#top-location span{

	background-image: url('../images/top-location.svg');

	background-repeat: no-repeat;
	padding-left: 1.85em;
}



#top-phone-number a, #top-phone-number a:visited{
	color:#1F0322;
	text-decoration: none;
	float:right;

}


#top-phone-number{
	width:auto;
	margin-left:1.25em;

}


#top-phone-number a{
background-image: url('../images/top-phone.svg');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 2em;
	background-size:22px 22px;


}



#ylayhteystiedot, #navigation-container{
	
	transition: all 0.25s ease-in-out;
	display:inherit;

	
}


#navigation-container{
	padding-top:1.35em;
	padding-bottom:1.35em;
}

.header.tiny #navigation-container{
	padding-top:1.2em;
	padding-bottom:1.2em;
        border-bottom: solid 1px #e8e8e8;
    }
    
    

    
.jako{
background: linear-gradient(to right, #E8E8E8 50%, white 50%);
}



#logo a, #logo img{
	margin:0;
	width:122px;
	transition: all 0.25s ease-in-out;

}


header.tiny #logo a, header.tiny #logo img{
	width:88px;

}
    

.main-image{
margin-top:230px;
  background-position: center center;
  background-size:cover;
  background-repeat:no-repeat;
display: flex;
  flex-direction: column;
  justify-content: center;
}



#navigation ul{
	float:right;
	margin-top:0em;
}

#navigation ul li{
		padding:0!important;
		margin-left:0.75em;
		
	}



#navigation li a{
	padding-left:0!important;
	padding-right:0!important;
	
}
#navigation li li a{
	padding-left:1em!important;
	padding-right:1em!important;
	}


#navigation .current-menu-item a, #navigation .responsive-menu-pro-current-item a{
	
	color: #d33479;
}










.footer-yhteystiedot-content{
	display:flex;
	align-items:center;
	


}






 td{
	
	padding:1.5em;
}






}







@media all and (min-width: 1260px) {
	
	 #navigation ul li{
		margin-left:1.6em;
		
	}
	
	.responsive-menu-pro-item-link{
				font-size:16px!important;

	}
	
	
	
.home .main-image{
	max-height:1000px;
	
}

}