@charset "UTF-8";
/*
PERUSSISÄLTÖ
*/

.perussisalto-palsta img, .perussisalto-palsta figure{
	max-width: 100%;
	height: auto;
	display: block;
}

@media (min-width: 768px){
.perussisalto-4 .perussisalto-palsta{
	width: 50%;	
}
	
.flexbox.perussisalto-4{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}	
}

@media (min-width: 992px){

.otsikkopalkki-1{
	width: 50%;
	margin: 0 auto;
	text-align: center;
}	
.perussisalto-1 .perussisalto-palsta{
	width: 75%;	
	margin: 0 auto;
	text-align: center;
}
	
.perussisalto-2 .perussisalto-palsta{
	width: 50%;	
}
	
.perussisalto-3 .perussisalto-palsta{
	width: 33.3332%;	
}
	
.perussisalto-4 .perussisalto-palsta{
	width: 25%;	
	padding-bottom: 0;
}	
}

@media (min-width: 1200px){
.perussisalto-1 .perussisalto-palsta{
	width: 66.6666%;
}		
}

/*
KUVALLISET NOSTOT PALSTOISSA
*/

.kuvallinennosto-palsta{
	padding-top: 20px;
	padding-bottom: 20px;
}

.kuvallinennosto-palsta img{
	width: 100%;
	height: auto;
	margin-bottom: 25px;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

.kuvallisetnostot.harmaa.laatikko .kuvallinennosto-palsta__inner{
	background: var(--color-bg);
	height: 100%;
}

.kuvallisetnostot.harmaa.laatikko .kuvallinennosto-palsta-sisalto{
	padding: 0 20px 10px 20px;

}

@media (min-width: 768px){
	
.kuvallisetnostot .flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
	
.kuvallinennosto-2 .kuvallinennosto-palsta{
	width: 50%;	
}
	
.kuvallinennosto-3 .kuvallinennosto-palsta{
	width: 50%;	
}
	
.kuvallinennosto-4 .kuvallinennosto-palsta{
	width: 50%;	
}	
}

@media (min-width: 992px){
	
.kuvallinennosto-palsta{
	padding-top: 0px;
	padding-bottom: 0px;
}	
	
.kuvallinennosto-2 .kuvallinennosto-palsta{
	width: 50%;	
}
	
.kuvallinennosto-3 .kuvallinennosto-palsta{
	width: 33.3332%;	
}
	
.kuvallinennosto-4 .kuvallinennosto-palsta{
	width: 25%;	
}	
}

/*
KUVANOSTOT
*/

.kuvanostot{
	padding-top: 25px;
	padding-bottom: 25px;
}

.yesbox .kuvanosto{
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: 10px;
	margin: 0 20px;
}

.kuvanosto-kuva{
	margin-bottom: 50px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	text-align: center;
	padding: 0 20px;
}

.kuvanosto-kuva img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.yesbox .kuvanosto-kuva{
	padding: 20px 40px;
}

@media (min-width: 768px){
.yesbox .kuvanosto-sisalto{
	padding: 0 40px;
}
}

@media(min-width: 992px){
.kuvanostot{
	padding-top: 80px;
	padding-bottom: 80px;
}
	
.kuvanostot.yesbox	{
	padding-top: 50px;
	padding-bottom: 50px;
}
}

@media (max-width: 1200px){
.yesbox .kuvanosto-kuva img{
	max-width: 400px;
	margin: 0 auto;
}
}

@media (min-width: 1200px){
		
.kuvanosto{
	display: flex;
	align-items: center;
}
	
.yesbox .kuvanosto{
	margin: 0;
}
	
.padding-large .kuvanosto{
	padding-top: 60px;
	padding-bottom: 60px;
}
	
.kuvanosto-kuva{
	width: 50%;
	margin-bottom: 0;
	padding: 0;
}
	
.yesbox .kuvanosto-kuva{
	width: 40%;
}
	
.kuvanosto-sisalto{
	width: 50%;	
	padding: 0 40px 0 0;
}	
	
.yesbox .kuvanosto-sisalto{
	width: 60%;
	padding: 0 40px 0 80px;
}	
	
.kuvanosto:nth-child(odd){
	flex-direction: row-reverse;
}	
}


/*
NOSTOT KUVAKKEELLA
*/

.nostotkuvakkeella__nosto{
	/*display: block;*/
	padding: 5px 20px 20px 45px;
	background-image: url("../images/check-blue.svg");
	background-repeat: no-repeat;
	background-size: 32px auto;
	background-position: top left;
	display: flex;
}

.nostotkuvakkeella__nosto p{
	margin-bottom: 0;
}

.nostotkuvakkeella__nosto.check-icon{
	background-image: url("../images/check-blue.svg");
}

.gradient .nostotkuvakkeella__nosto.check-icon{
	background-image: url("../images/check-white.svg");
}

.nostotkuvakkeella__nosto.question-icon{
	background-image: url("../images/question-blue.svg");
}

.gradient .nostotkuvakkeella__nosto.question-icon{
	background-image: url("../images/question-white.svg");
}

@media (min-width: 768px){
	
.nostotkuvakkeella__nosto{
	padding: 5px 20px 35px 45px;
}	
	
.nostotkuvakkeella .flexbox{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
	
.nostotkuvakkeella__nosto{
	width: 50%;	
}
	
}

@media (max-width: 991px){
.nostotkuvakkeella__nosto{
	min-height: 100px;
}	
}

@media (min-width: 992px){
	
.nostotkuvakkeella__nosto{
	width: 33.3332%;
}		
	
.nostotkuvakkeella-4 .nostotkuvakkeella__nosto, .nostotkuvakkeella-8 .nostotkuvakkeella__nosto, .nostotkuvakkeella-12 .nostotkuvakkeella__nosto{
	width: 25%;
}	

}

/*
YHTEYDENOTTONOSTO
*/

.yhteydenotto{
	padding-top: 0;
	padding-bottom: 25px;
}

.yhteydenotto__wrap{
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	border-radius: 10px;
	margin: 0 20px;
	padding: 40px 0;
}

.yhteydenotto__henkilo img{
	border-radius: 10px;
	width: 100%;
	height: auto;
	margin-bottom: 25px;
}


@media(min-width: 992px){
.yhteydenotto{
	padding-top: 0;
	padding-bottom: 50px;
}	
	
.yhteydenotto__wrap{
	padding-top: 50px;
	padding-bottom: 50px;
	margin: 0;
}
	
.yhteydenotto__henkilo{
	width: 40%;
	padding: 0 20px 0 40px;
}	
	
.yhteydenotto__lomake{
	width: 60%;
	padding: 0 40px 0 20px;
}		
}

@media(min-width: 1200px){
.yhteydenotto__henkilo{
	padding: 0 40px 0 80px;
}	
	
.yhteydenotto__lomake{
	padding: 0 80px 0 40px;
}		
}

/*
NPS-nosto
*/

.npsnosto{
	background: var(--color-surface);
}

.nps__numero{
	font-size: 40px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 25px;
	color: var(--color-heading-accent);
	display: block;
	height: 100%;
	line-height: 1em;
}
.nps__teksti{
	text-align: center;
}	

.nps__teksti p, .nps__numero p{
	margin-bottom: 0;
}
@media(min-width: 992px){
.nps__numero{
	width: 40%;
	text-align: right;
	font-size: 60px;
	margin-bottom: 0;
}
.nps__teksti{
	width: 60%;
	text-align: left;
}	
}