.responsive-menu-pro-item-link{
	padding-top:inherit!important;
	padding-bottom:inherit!important;
}

.header{
	
		width: 100%;
        right: 0;
        top:0px;
        transition: 0.5s;
       position:fixed;
        padding-top:1.25em;
        padding-bottom:1.25em;
  z-index:99999!important;
        background-color:#ffffff;
	height:90px;
		
	}
	
	.header.tiny {
        box-shadow: 10px 4px 14px 10px rgba(0, 0, 0, .045);
height:74px;
        padding-top:0.75em;
        padding-bottom:0.75em;
  z-index:99999!important;
    }
    





    

    
    
#wpadminbar {
  z-index: 9999999999 !important;
}
	
	
#page-top{
	margin-top:90px;
}
.container-narrow{
	
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	padding-left:1em;
	padding-right:1em;
}


.container{
	
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
	padding-left:1em;
	padding-right:1em;
}


.container-wider{
	
	
	max-width:1600px;
	margin-left:auto;
	margin-right:auto;
	padding-left:1em;
	padding-right:1em;
}



img{
	flex-shrink: 0;
}


hr{
	background-color:transparent;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom: solid 2px #f4f4f4;
	clear:both;
	padding-top:2em;
	margin-bottom:2em;
	display: block;
	width:100%;
	overflow: hidden;
}


.centered{
	margin-left:auto;
	margin-right:auto;
	display:block;
	}


.container-superwide{
	
	
	max-width:2200px;
	margin-left:auto;
	margin-right:auto;
	padding-left:1em;
	padding-right:1em;
}


.section-low {
	padding-top: 1em;
	padding-bottom: 1em;
}


.section-low-top {
	padding-top: 1em;
}

.section-low-bottom {
	padding-bottom: 1em;
}

.section {
	padding-top: 2em;
	padding-bottom: 2em;
}

.section-top {
	padding-top: 2em;
}

.section-bottom {
	padding-bottom: 2em;
}

.padding{
	padding:1em;
}

#logo img{width:180px;
	text-indent: -99999999em;
}


/* Buttons*/


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







.button, .button:hover, .button:visited, input[type="submit"], .gform_button{
	display: block;
	text-decoration: none;
	padding-left: 0.5em;
	padding-right:0.5em;
	padding-top:1.25em;
	padding-bottom:1.25em;
	text-align:center;
	font-size:0.95rem;
	width: 100%!important;
	max-width:290px!important;
	color: #000000;
	background-color: transparent;
	line-height: 1.5em;
	border:solid 2px #000000;
	transition: all .2s ease-in-out 0s;s
}


#main-image .button{
	margin-top:1.75em;
}

.gform_button, .gform_button:hover, input[type="submit"], input[type="submit"]:visited{
		padding: 1em!important;
	font-size:0.95rem!important;
	text-transform: uppercase;
	font-weight:900;
	border-radius:0!important;
letter-spacing: 1px;
color:#ffcc01!important;
		background-color: #000000;
border:0!important;
	
}


#yhteydenottolomake [type="submit"]{
	margin-bottom:0.2em;
}

#yhteydenottolomake li{
	background-image: none!important;
	padding:0!important;
}


.button-yellow, .button-yellow:visited, .button-yellow:hover{
	
		color:#ffcc01;
		border-color:#ffcc01;
}



.mobile-contact{
	
		
		padding-top:1em!important;
		padding-bottom:1em!important;
}




.button:hover, input[type="submit"]:hover{
	  transform: scale(1.025); 

	
}






/* Colors*/

.grey-bg, .palsta-sisalto{
	background-color:#f9f9f9;
	background-image: -webkit-linear-gradient(#f9f9f9 0%, #f0f0f0 100%)
}




.yellow-bg, #palstoitus .col:last-child .palsta-sisalto{
	
	background-color: #ffcc01;
	background-image: -webkit-linear-gradient(#ffce0c 0%, #ffcc01 100%);
	color:#000000;

}


.palsta-sisalto{
	height:100%;
}


.white-bg{
	
	background-color: #ffffff;
}



.dark-bg{
	
	background-color: #000000;
	color:#ffcc01;
}



.viivoitus-keltainen{
	background-image:url('../images/viivoitus-keltainen.png');
background-position: left top;
	background-size: 12px 216px;

}


.viivoitus-keltainen-2{
	background-image:url('../images/viivoitus-keltainen.png');
background-color:#ffcc01;
background-position: left top;
	background-size: 12px 216px;

}


.viivoitus-harmaa, body{
	background-image:url('../images/viivoitus-harmaa.png');
	background-size: 12px 216px;
background-color: #ffffff;
background-position: left 1px top;
}





/* Forms*/

label {
	
	display: block;
	margin-bottom: 0.2em;
	cursor: pointer;	
	font-size:1rem;
	font-weight: 800;
	
}

input[type="text"], input[type="email"],input[type="tel"],textarea{
	font-size: 1rem;
	padding: 0.75em!important;
	width: 100%;
	border-radius:0;
	-webkit-appearance: none;
	border: 0;
	 font-family: "proxima-nova",sans-serif;
	 color:#000000!important;


}

.gform_confirmation_message{
	font-size:1.1rem;
	font-weight: 700;
}


#yhteydenottolomake textarea{
	
	 overflow: auto;
	 height:160px;	
	
}


#yhteydenottolomake p{
	
	margin-bottom:0.75em;
	
}


#main-image{
	box-shadow: inset 0px 0px 0px 1000px rgba(77, 77, 77, 0.82);

	background-repeat:no-repeat;
background-size:cover;
background-position:center center!important;
padding-top:3.25em;
padding-bottom:3.25em;
}


.page-template-home #main-image, .page-template-page-palvelut #main-image{
	
	padding-bottom:6em;
}


.page-template-home #main-image{
	background-position:right center!important;

}



#herate{
	
	background-image:url('../images/herate.jpg');
	box-shadow: inset 0px 0px 0px 1000px rgba(255, 204, 0, 0.8);
	background-size:cover;
background-repeat:no-repeat;
background-position:center center;
padding-top:5em;
padding-bottom:5em;
}

	
	
.palvelunosto-sisalto img{
		width:55px;
		height:55px;
	}
	
.palvelunosto-sisalto{
align-items:center;	
display:flex;
padding:0.75em;
flex-direction: column;
}



.linkkiotsikko{
	flex:1;
}
	
	
.palvelunosto-sisalto h4 a, #referenssit h3 a{
	
	background-image:url('../images/arrow-right.svg');
	background-size: 15px 22px;
background-repeat:no-repeat;
background-position: right 6px center;
padding-top:1em;
padding-bottom:1em;
padding-right:2em;
display:block;

}



 #referenssit h3 a{
	
	background-image:url('../images/arrow-right-yellow.svg');
	color:#ffcc01!important;

	
}




.palvelunosto-sisalto h4 a:hover, #referenssit h3 a:hover{
	
background-position: right  center;
color:#000000;

}
	
.hide-on-mobile{
	
	display:none;
}


.box-shadow{
	
	box-shadow : 0 8px 20px rgba(0, 0, 0, 0.075) ;
}


.uutinen-info{
	width:155px;
}


.kategoria, .date{
	display:block;
	text-align: center;
}





.date{
	font-size:0.9rem;
	color: #000000;
	letter-spacing: 1px;
	font-weight:700;
	margin-bottom:1em;

}


.archive-date{
	
	font-size:0.95rem;
	color: #000000;
	letter-spacing: 1px;
	font-weight:700;
	margin-bottom:0.75em;
	display:block;
	
}


.kategoria{
	background-color: #ffcc01;
	padding-bottom:0.4em;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-bottom:0.4em;
text-transform: uppercase;
font-size:0.875rem;
letter-spacing: 1px;
	position:relative;
	margin-top:0.5em;
	
}




.kategoria:before,
.kategoria:after {
 content: "";
 position: absolute;
 left: 0; right: 0;
 bottom: 100%;
 border-bottom:8px solid #ffcc01;
 border-right: 8px solid transparent;
}







.kategoria a{
	color:#000000;
	text-decoration: none;
	font-weight:800;
}

.uutinen{
margin-bottom:1em;	
}






#kumppanilogot, #social-media, #social-media .figure, #asiakaslogot{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;

}

#kumppanilogot img{
	height:85px;
	margin-top:1em;
margin-bottom:1em;	
}


 #asiakaslogot img{
	height:35px;
	
}


#social-media{
	align-items: center;
}

 #kumppanilogot img{
	margin-left:1.5em;
margin-right:1.5em;
}


#social-media img{
	margin-left:1.75em;
	width:50px;
	height:50px;
}




#asiakaslogot a{
		margin-right:2em;
		margin-bottom:1.5em;

}



#asiakaslogot img:last-child{
	margin-right:0;
}





#content ul{
	margin-bottom:1.5em;
}

#content ul li{
	line-height:1.75em;
	padding-left:0.9em;
	background-image: url('../images/li.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 6px 6px;
}


img.alignright{
	margin-top:0.25em;
}

.vahvuus{
	
	display:flex;
	align-items: center;
	padding-left:0.75em;
	padding-right:0.75em;

}

.vahvuus img{
	margin-right:0.75em;
	margin-bottom:0.75em;
	margin-top:0.75em;
}



.palvelunosto{
	margin-bottom:0.5em;
	
}



.palvelunostot .col-6_sm-12:nth-child(-n + 1), .palvelut-sivun-palvelunostot .col-6_sm-12:nth-child(-n + 1) {
	
	margin-top:-40px;
}




#post-nav a{
	
	color:#000000;
	font-size:1.1rem;
	font-weight:800;
	border-bottom: solid 2px #ffcc01;
}


#palstoitus{
	text-align:center;
	
}

#palstoitus img{
	width:55px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0.75em;
}


.header-contact{
	display:none;
}



.henkilo img{
	margin-left:auto;
	margin-right:auto;
	display:block;
	margin-bottom:0.25em;
	border-radius:50%;
	width:150px;
	height:150px;
	
}




.referenssi{
	



	
	box-shadow: inset 0px 0px 0px 1000px rgba(77, 77, 77, 0.82);

	background-repeat:no-repeat;
background-size:cover;
background-position:center center!important;
padding-top:7em;
padding-left:1em;
padding-right:1em;
	
}


.referenssi:hover{
	

	
	
	
	box-shadow: inset 0px 0px 0px 1000px rgba(77, 77, 77, 0.72);

		
}


@media (min-width: 768px) {

.palvelunostot .col-6_sm-12:nth-child(-n + 2), .palvelut-sivun-palvelunostot .col-6_sm-12:nth-child(-n + 2) {
	
	margin-top:-50px;
}


}



@media (min-width: 1023px) {


	
  .gallery-item {
	max-width: 31%!important;
}



#logo img{width:212px;
	
}






.palvelunosto-sisalto{
align-items:center;	
display:flex;
padding-left:1em;
padding-top:0.75em;
padding-bottom:0.75em;
flex-direction: row;
}



.palvelunosto-sisalto h4 a{
		padding-left:0.75em;

	padding-right:1em;

}


.hide-on-mobile{
	
	display:inherit;
}



.uutinen{
	
	display:flex;
	
}


.uutinen-info{
	margin-right:1.75em;
	padding-right:1.75em;
	border-right:solid 2px #ffcc01;
}


.uutinen-heading{
	flex:1;
}

.date{
	
	margin-bottom:-0.4em;

}



.float-right{
	float:right;
	
}


.float-left{
	float:left;
	
}


	
input[type="submit"]{
		float:right;
	}
	
	
.vahvuus{
	
	padding-left:0;
	padding-right:0;

}
	
	



#main-image{
	
	padding-top:5.25em;
padding-bottom:5.25em;
}



.page-template-home #main-image, .page-template-page-palvelut #main-image{
	
	padding-bottom:8.75em;
}




  .gallery img {
   border: 9px solid #ffffff;

}
   
 

.header{
	
		   padding-top:1.75em;
        padding-bottom:1.75em;
 
	height:115px;
		
	}
	
	.header.tiny {
             padding-top:1em;
        padding-bottom:1em;
height:90px;
    }
	
	

	#page-top{
	margin-top:113px;
}

	
	
@media (min-width: 1200px) {



	.header-contact{
	display:inherit;
}
	
	.section-low {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
}


	.section-low-top {
	padding-top: 1.5em;
}


	.section-low-bottom {
	padding-bottom: 1.5em;
}

	.section {
	padding-top: 3.25em;
	padding-bottom: 3.25em;
}


	.section-top {
	padding-top: 3.25em;
}

	.section-bottom {
	padding-bottom: 3.25em;
}

	.padding{
	
	padding:1.5em;
	
}


header .button, header .button:hover{
	padding-top:0.8em;
	padding-bottom:0.8em;
}


#navigation ul li{
		padding-bottom:0!important;
	}
	
#navigation ul{
	float:right;
	margin-right:1em;
	
}

 #navigation ul ul{
	
	box-shadow : 0 15px 35px rgba(0, 0, 0, 0.055) ;

}


#navigation li{text-align:left;
	padding-left:0!important;
	padding-right:0!important;
	
}

#navigation li a{
	padding-left:0!important;
	padding-right:0!important;
		margin-right:1.25em!important;

	font-size:15px!important;
	

}


#navigation li:last-child a{
	margin-right:0;
}


 
#navigation li ul li a{
		margin-right:0!important;

}



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


#navigation  .responsive-menu-pro-current-item a{
	
	border-bottom: solid 2px #ffcc01;
}

.menu-item-has-children ul a {
	border-bottom:0!important;
}




.menu-item-has-children .responsive-menu-pro-current-item a{
	background-color:#000000!important;
	color:#ffcc01!important;
}


















  .gallery-item {
	max-width: 18%!important;
}
	
	
	
}
	
	
	
	
@media (min-width: 1600px) {

	
	.section-low {
	padding-top: 1.75em;
	padding-bottom: 1.75em;
}


	.section-low-top {
	padding-top: 1.75em;
}


	.section-low-bottom {
	padding-bottom: 1.75em;
}

	

.section {
	padding-top: 4em;
	padding-bottom: 4em;
}


	.section-top {
	padding-top: 4em;
}

	.section-bottom {
	padding-bottom: 4em;
}



#main-image{
	
	padding-top:6.5em;
padding-bottom:6.5em;
}



.page-template-home #main-image, .page-template-page-palvelut #main-image{
	
	padding-bottom:9.75em;
}
	
	  .gallery-item {
	max-width: 18.5%!important;
}
	
	
	
}