/*FONTIT*/

@font-face {
    font-family: "Serifa Std";
    font-weight: 900;
    src: url("../fonts/serifastd-black.otf");
}

.btn:not(.mobile-menu__bars, .site-header__top .btn) {
	font-family: "Serifa Std", Arial, sans-serif !important;
	font-style: normal;
	font-weight: 900!important;
	text-transform: uppercase;
	padding: 0.5rem 1.5rem 0.25rem;
}

h1, h2 {
	font-weight: 500;
}

h3, h4, h5, h6 {
	font-weight: 400;
	font-family: var(--fontheading2);
}

h1, h2 {
	font-size: 4.5rem;
}

h3, .second-area h2, h2.some-title, .second-area h1 {
	font-size: 3rem;
}

h4 {
	font-size: 2.5rem;
}

h5 {
	font-size: 2rem;
}

/*navi*/

.nav-gradient .site-header__bottom:not(.sticky) .site-header__logo img {
    max-height: 150px;
    max-width: 150px;
	width: 100%;
	position: absolute;
  	top: -40px;
}

.nav-gradient .site-header__bottom.sticky .site-header__logo img {
	max-height: 100px;
}

.site-header__top {
	padding: 0.5rem 8.33% 0;
	min-height: 0;
}

.site-header__top .container {
	align-self: end;
	padding: 0;
}

.site-header__top .btn {
	color: var(--color4)!important;
}

.site-header__top .btn {
	padding-right: 0!important;
}

.site-header__top .btn:not(.red-marker) svg {
    margin-right: 0rem !important;
}

.site-header__top .btn.red-marker svg {
	color: var(--color1);
}

.nav-gradient .site-header__bottom:not(.sticky){
	padding: 0.5rem 8.33%!important;
} 

#header.sticky {
    padding: 0.5rem 8.33%!important;
}

.nav-gradient .site-header__bottom:not(.sticky){
	top: 50%;
  	transform: translateY(-50%);
}

.desktop-main-menu a {
    font-size: 1.125rem;
	text-transform: uppercase;
	font-weight: 500;
}

.desktop-main-menu li.last a {
	padding-right: 0!important;
}

.nav-gradient .site-header__bottom .desktop-main-menu li.level1.current > a {
	position: relative;
	font-weight: 500;
}

.nav-gradient .site-header__bottom .desktop-main-menu li.level1.current > a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: auto;
	right: 0.6rem;
	width: calc(100% - 1.2rem);
	height: 2px;
	margin: 0 auto;
	background-color: var(--color1);
}

.nav-gradient .site-header__bottom .desktop-main-menu li.level1.current.last > a:after {
	right: 0rem;
	width: calc(100% - 0.6rem);
}

.nav-gradient .site-header__bottom.sticky .desktop-main-menu li.level1.current > a:after {
	background-color: var(--color4);
}

.desktop-main-menu li.level1 > a {
	padding: 0.5rem 0.6rem;
}

.desktop-main-menu li.hasSubItems > a {
    padding-right: 2.125rem;
}

.nav-gradient .site-header .sticky .desktop-main-menu li.level1 > a:hover {
    color: var(--color5);
}

.desktop-main-menu .sub-menu a:hover {
    color: var(--color5);
}

.mobile-menu__bars {
	background: var(--color5);
    border-radius: 50%;
}

.noNavLink {
    font-family: var(--fontnav);
    font-size: 1.125rem !important;
    text-transform: uppercase;
    font-weight: 500;
}

.desktop-main-menu .sub-menu li.current > a {
  font-weight: 500;
  text-decoration: underline;
}

.nav-gradient .site-header .sticky .desktop-main-menu li.level1 > span.noNavLink:hover {
    color: var(--color5);
}

.mob-blur .mobile-menu .noNavLink {
	font-family: var(--fontnav);
	text-transform: capitalize;
	font-weight: 900;
	font-size: 1.75rem!important;
}

.hideviisseiskakuus {
	display: none;
}

/*napit*/

#showcase .btn {
	background: var(--color1);
	color: var(--color4);
	border-color: var(--color1);
}

#showcase .btn:hover {
	background: transparent;
	color: var(--color4);
	border-color: var(--color4);
}

.site-main .btn {
	background: var(--color5)!important;
	color: var(--color4)!important;
	border-color: var(--color5)!important;
}

.site-main .btn:hover {
	background: transparent!important;
	color: var(--color1)!important;
	border-color: var(--color1)!important;
}

.site-main .btn::after {
	content: " \00BB"; 
    color: var(--color1);
	font-weight: 900;
}

.site-main .btn:hover::after {
    content: " \00BB";
    color: var(--color5);
    font-weight: 900;
}

/*content-section*/

.content-section {
	padding: 10rem 8.33%;
}

section .container {
	max-width: none;
}

.content-section:has(.ikoni-boksi) {
	padding-top: 0;
}

.content-section:has(.line-50-50) {
	padding-bottom: 0;
}

.content-section:has(.second-area) {
	padding-top: 5rem;
}

.content-section:has(.basic-header) {
	padding-bottom: 5rem;
}

.content-section:has(.line-50-50.vali) {
	padding-top: 5rem;
}

.content-section:has(.how-to-find) {
	padding-top: 0;
	padding-bottom: 5rem;
}

/*showcase*/

.curve-text {
	font-size: clamp(1.5rem, 10vh, 3rem);
	font-family: var(--fontheading);
}

.curved-heading {
	margin-bottom: 0;
}

.curved-text-svg {
    display: inline-block;
    vertical-align: middle; /* Estää liialliset välit */
    height: auto;
    margin-bottom: -6rem;
	overflow: visible;
}

#showcase .hero.hero-slider__item h2 {
	font-size: clamp(3rem, 10vw, 14rem);
	text-transform: uppercase;
}

#showcase {
	position: relative;
}

#showcase:after {
	content: '';
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: 20px;
	background: var(--color4);
	z-index: 2;
}

#showcase:has(.valihero):after {
	display: none;
}

.hero .hero-slider__text-content {
	align-self: end;
	visibility: hidden;
}

.slick-dots {
	z-index: 4;
}

/*nostoelementti*/

#showcase .content-section:has(.nosto) {
	position: absolute;
	bottom: 0;
	z-index: 3;
	padding: 2rem 8.33% 5rem!important;
	color: var(--color4);
	width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

#showcase .content-section:has(.nosto) h2 {
	font-size: 1.5rem;
	color: var(--color4);
}

#showcase .content-section:has(.nosto) a {
	color: var(--color4);
}

#showcase .content-section:has(.nosto) a:hover {
	color: var(--color4);
}

#showcase .btn:after {
    content: " \00BB"; 
    color: var(--color5);
	font-weight: 900;
}

#showcase .content-section:has(.nosto) .container {
	padding: 0;
}

#showcase .content-section:has(.nosto) .container:has(.one) {
	max-width: 1200px;
}

#showcase .content-section:has(.nosto) .container:has(.two) {
	max-width: 1600px;
}

#showcase .content-section:has(.nosto) .container:has(.three) {
	max-width: 2000px;
}

#showcase .content-section:has(.nosto) .row {
    padding: 0;
	margin-bottom: 0;
}

#showcase .content-section:has(.nosto) .row .nosto {
	margin-bottom: 0;
	display: grid;
}

#showcase .content-section:has(.nosto) .row .nosto .editor-content__item {
	background-color: rgba(0, 0, 0, 0.25); 
    backdrop-filter: blur(20px);
	margin-bottom: 0;
	padding: 1rem 2rem;
}

#showcase .content-section:has(.nosto) .row.one .nosto {
	flex: 0 0 100%;
	max-width: 100%;
}

#showcase .content-section:has(.nosto) .row.two .nosto {
	flex: 0 0 50%;
	max-width: 50%;
}

#showcase .content-section:has(.nosto) .row.three .nosto {
	flex: 0 0 33.33%;
	max-width: 33.33%;
}

/*main-content*/

.contentlist .pic-text-pic .contentlist__item-content {
    padding: 2rem 5% !important;
}

.pic-text-pic {
	text-align: center;
}

.pic-text-pic .contentlist__item-img-holder img {
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.15);
}

.pic-text-pic .contentlist__item-img-holder.right-img-holder img {
	transform: rotate(2deg);
	height: 85%;
	top: auto;
	bottom: 0;
}

.pic-text-pic .contentlist__item-img-holder.left-img-holder img {
	transform: rotate(-2deg);
	height: 85%;
	top: 0;
	bottom: auto;
}

#main-content h5 {
	color: var(--color5);
}

/*main-after boxit*/

#main-content {
	background: url('../../tiedostot/hc-ice-bg.png');
    background-size: auto, auto;
    background-repeat: repeat-x;
    background-position: bottom left;
}

.boxlist {
    max-width: none!important;
	margin: 0 -30px!important;
}

.boxlist .boxlist__col.ikoni-boksi {
	flex: 0 0 25%;
	max-width: 25%;
}

.boxlist .boxlist__col.ikoni-boksi:nth-child(1),
.boxlist .boxlist__col.ikoni-boksi:nth-child(2){
	flex: 0 0 50%;
	max-width: 50%;
}

.boxlist .boxlist__col.ikoni-boksi .boxlist-item:hover {
	background: transparent;
	transition: background 1s!important;
}

.boxlist .boxlist__col.ikoni-boksi .boxlist-item:hover {
	border: 1px solid var(--color1);
}

.boxlist .boxlist__col.ikoni-boksi .boxlist-item {
	border: 1px solid #dadada;
}

.boxlist__col.ikoni-boksi .boxlist-item:hover .boxlist-item__img-holder::before {
	display: none;
}

.boxlist__col.ikoni-boksi .boxlist-item:hover img {
	mix-blend-mode: normal;
    width: 50%;
    height: 50%;
    transition: filter 1s linear!important;
    opacity: 0.2;
    filter: grayscale(100);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}


.boxlist__col.ikoni-boksi .boxlist-item__img-holder img {
	transition: filter 1s linear!important;
}

.boxlist__col.ikoni-boksi .boxlist-item__img-holder::before {
	opacity: 0;
}

.boxlist__col.ikoni-boksi:nth-child(1) .boxlist-item,
.boxlist__col.ikoni-boksi:nth-child(2) .boxlist-item{
	padding-bottom: 56%; /*56%*/
}

.boxlist__col.ikoni-boksi .boxlist-item:hover p {
	display: block!important;
	color: var(--color5);
}

.boxlist__col.ikoni-boksi .boxlist-item:not(:hover) .boxlist-item__text-holder {
	padding: 1rem 0.5rem;
	top: auto;
  	bottom: 0;
	transform: translate(0);
	display: none;
}

.boxlist__col.ikoni-boksi .boxlist-item:hover .boxlist-item__text-holder {
	padding: 1rem 5%;
	display: block;
}

.boxlist__col.ikoni-boksi .boxlist-item .btn {
	display: none!important;
}

.boxlist__col.ikoni-boksi .boxlist-item:hover .btn {
	display: block!important;
	padding: 0;
	background: transparent!important;
	border: none;
	color: var(--color1)!important;
	text-decoration: underline!important;
	text-decoration-color: var(--color5)!important;
}

.boxlist__col.ikoni-boksi .boxlist-item:hover .btn:after {
    content: " \00BB"; 
    color: var(--color5);
	font-weight: 900;
}

.boxlist__col.ikoni-boksi .boxlist-item h2 {
	color: var(--color5);
	font-size: 2rem
}

.boxlist__col.ikoni-boksi .boxlist-item:hover .ikoni-otsikko {
	display: none;
}

.boxlist__col.ikoni-boksi .boxlist-item .boxlist-item__img-holder {
	transition: background 1s linear!important;
}

.boxlist__col.ikoni-boksi .boxlist-item:not(:hover) .boxlist-item__img-holder {
    position: absolute;
    left: 50%;
    top: 50%;
    height: calc(100% - 1rem);
    width: calc(100% - 1rem);
    transform: translate(-50%, -50%);
    background: var(--color4);
    display: flex;
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
    gap: 20%; /*1rem*/
/*    transition: none!important;*/
}

.boxlist__col.ikoni-boksi .boxlist-item:not(:hover) .boxlist-item__img-holder img {
    object-fit: contain;
    width: 40%;/*40%*/
    height: 100%; /*auto*/
    position: relative;
    transition: filter 1s linear!important;
	max-height: 300px;
    max-width: 300px;
	top: 10%;
}


.boxlist__col.ikoni-boksi:nth-child(1) .boxlist-item:not(:hover) .boxlist-item__img-holder img,
.boxlist__col.ikoni-boksi:nth-child(2) .boxlist-item:not(:hover) .boxlist-item__img-holder img {
	width: 30%;
	max-height: 400px;
    max-width: 400px;
}

.ikoni-otsikko {
    position: static; 
    transform: none; 
    text-align: center; 
    margin: 0; 
}

/*content-bottom*/

#content-bottom {
	background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), 
                url('../../tiedostot/hc-cb-bg.jpeg') no-repeat center center;
	color: var(--color4);
}

#content-bottom h2 {
	color: var(--color1);
}

#content-bottom h3,
#content-bottom h4,
#content-bottom h5 {
	color: var(--color4);
}

/*video upotus*/

.contentlist .contentlist__item-img-holder.contentlist__item-video-holder {
	padding-bottom: 0;
}

.contentlist .upotus .contentlist__item-content {
    padding: 0 10% 0 0!important;
}

/*kuvagalleria*/

.content-section.gal-elem-section {
	padding: 0;
	margin-bottom: -7.5px;
}

.gal-elem {
   padding: 2.5px;
   max-width: 100%;
}

.gal-row {
   margin-right: 0;
   margin-left: 0;
}

.slick-list, .slick-slider .slick-track {
    width: 100%;
}


/*section-primary*/

#section-primary {
	background: var(--color4);
	background-image: url('../../tiedostot/hc-ice-bg.png');
    background-size: auto, auto;
    background-repeat: repeat-x;
    background-position: bottom left;
	color: var(--color5);
}

#section-primary h2 {
	color: var(--color1);
}

#section-primary h3,
#section-primary h4,
#section-primary h5 {
	color: var(--color5);
}

/*viiva otsikko*/

.line-50-50 {
	overflow: hidden;
	padding: 0;
}

.line-50-50 h2 {
	position: relative;
	display: inline-block;
	color: var(--color1)!important;
} 

.line-50-50 h2:before {
	content: '';
	position: absolute;
	top: 50%;
	left: -205%;
	background: var(--color5);
	height: 5px;
	width: 200%;
} 

.line-50-50 h2:after {
	content: '';
	position: absolute;
	top: 50%;
	right: -205%;
	background: var(--color5);
	height: 5px;
	width: 200%;
} 

/*second area*/

.contentlist .second-area .contentlist__item-img-holder img {
	box-shadow: 0 0 20px 2px rgba(0,0,0,0.15);
}

.contentlist .second-area__upper .contentlist__item-img-holder img {
	height: calc(100% + 5rem);
	top: 0;
	transform: rotate(-2deg);
}

.contentlist .second-area__lower .contentlist__item-img-holder img {
	height: calc(100% + 5rem);
	top: auto;
	bottom: 0;
	transform: rotate(2deg);
}

.contentlist .second-area.lonely .contentlist__item-img-holder img {
	transform: rotate(-2deg);
}

.contentlist .second-area__upper .contentlist__item-content {
	padding: 2rem 0 10rem 10%!important;
}

.contentlist .second-area__upper .contentlist__item-content .contentlist__item-editor {
	margin-bottom: 0;
}

.contentlist .second-area__lower .contentlist__item-content {
	padding: 10rem 10% 2rem 0!important;
}

.contentlist .second-area__lower .contentlist__item-content .contentlist__item-editor {
	margin-bottom: 0;
}

.contentlist .second-area__lower:has(+ .second-area__upper, + .second-area) {
    padding-bottom: 5rem;
}

.contentlist .second-area.img_contain .contentlist__item-img-holder img {
	object-fit: contain;
}

.contentlist .second-area.lonely .contentlist__item-content {
	padding: 2rem 0 2rem 10%!important;
}

/*section-secondary*/

#section-secondary {
	background: var(--color5);
	background-image: url('../../tiedostot/hc-approved-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
	color: var(--color4);
}

#section-secondary h2 {
	color: var(--color4);
}

#section-secondary h3,
#section-secondary h4,
#section-secondary h5 {
	color: var(--color1);
}

.contentlist .asiakas-upotus .contentlist__item-col_content {
	display: none;
}

.contentlist .asiakas-upotus .contentlist__item-img-holder:not(.contentlist__item-video-holder) {
	padding-bottom: 100%;
}

.asiakaskuva .content-section {
	padding: 0;
	align-self: end;
}

.asiakaskuva {
	padding: 0;
	display: grid;
}

.content-section.asiakas-section {
	padding: 0;
}

.asiakstestimonial {
	padding: 0;
	display: flex;
}

.testimonials {
    padding: 5rem 16.66% 5rem 8.33%;
    text-align: left;
    border-radius: 0;
    max-width: 100%;
    margin: 0 auto;
	align-self: center;
}

.testimonials .slick-dots {
    position: static;
    text-align: left;
}

.testimonials .slick-dots li {
	background: var(--color4);
}

.basic-header {
	padding: 0;	
}

.basic-header h2 {
	margin-bottom: 0;
}

/*section-quaternary*/

#section-quaternary {
	background: var(--color1);
	color: var(--color4);
}

#section-quaternary h2,
#section-quaternary h3,
#section-quaternary h4,
#section-quaternary h5 {
	color: var(--color4);
}

.some-title-cont .container {
	display: flex;
	flex-wrap: wrap;
}

.some-title {
	font-size: 2.5rem;
	margin-bottom: 0;
}

.some-cont {
	padding-left: 0;
}

.some-some {
	padding-right: 0;
	display: flex;
  	justify-content: end;
}

.some-some .site-footer__some-links {
	margin-bottom: 0;
	align-self: center;
}

.some-some .site-footer__some-links a {
    border-radius: 0;
    height: 2.5rem;
    width: 2.5rem;
    font-size: 2.5rem;
    margin-left: 1.5rem;
    background: transparent;
    color: var(--color4);
}

.some-some .site-footer__some-links a:hover {
	color: var(--color5);
}

.image-box .feikki .boxlist-item:hover {
	background: transparent;
}

.image-box .feikki .boxlist-item .boxlist-item__img-holder:before {
	display: none;
}

.image-box .feikki .boxlist-item:hover img {
    mix-blend-mode: normal;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
}

.image-box .boxlist__col.feikki {
	flex: 0 0 25%;
	max-width: 25%;
	padding: 0 7.5px;
}

.image-box .boxlist__col.feikki .boxlist-item {
	margin: 7.5px 0;
}

.boxlist:has(.feikki) {
	margin: 0 -22.5px!important;
}

.content-section.feikki-section {
	padding-top: 0;
}

.content-section.feikki-section .container {
	padding: 0;
}

.content-section.some-title-cont {
	padding-bottom: 5rem;	
}

#taeggie-feed-widget-hockeycorner {
    background-color: var(--color1)!important;
}

#taeggie-feed-widget-hockeycorner .post {
    background-color: #1c1c1c!important;
}

/*bottom*/

#bottom {
	background: #1c1c1c;
}

.cta a {
	text-decoration: underline;
}

.cta a:hover {
	color: var(--color1);
}

.cta .container {
	padding: 0;
}

.content-slider__item.cta .content-slider__text-content {
    padding: 5rem 8.33%;
}

.cta h2, .cta p {
	margin-bottom: 0!important;
}

/*footer*/

.site-footer {
	background: var(--color5);
	padding: 5rem 8.33%;
}

.site-footer .container {
	max-width: none;
}

.registry p {
	margin-bottom: 0;
}

.desktop-top-menu {
    font-size: 1rem;
}  

.site-footer__logo img {
    max-height: 200px;
    max-width: 200px;
}

.site-footer__social-icons {
    text-align: left;
}

/*välilehdet*/

#showcase .hero-slider__item.valihero .hero-slider__text-content {
	max-width: none;
}

#showcase .hero-slider__item.valihero {
	height: 35vh;
}

.lomake-row {
	margin-left: -30px;
	margin-right: -30px;
}

.editor-content__row:has(.how-to-find) {
	margin-left: -30px;
	margin-right: -30px;
}

.editor-content__row:has(.how-to-find) .editor-content__col:not(:last-child) {
	margin-bottom: 1rem;
}

.slick-prev, .slick-next {
    background: transparent;
    color: var(--color1);
    opacity: 1;
	font-size: 3rem;
}

/*mediat*/

@media (min-width: 1500px) {
	html {font-size: 110%;}
}

@media (min-width: 1800px) {
	html {font-size: 125%;}
}

@media (min-width: 2200px) {
	html {font-size: 135%;}
}

@media (max-width: 1599.98px) {
	/*youtube*/
	.fitVids-wrapper {
		padding-bottom: 75%!important;
	}
}

@media (max-width: 1199.98px) {
	/*fontti*/
	h1, h2 {
		font-size: 4rem;
	}
	h3, .second-area h2, h2.some-title, .second-area h1 {
		font-size: 2.5rem;
	}
	h4{
		font-size: 2.25rem;
	}
	h5 {
		font-size: 1.75rem;
	}
	/*youtube*/
	.fitVids-wrapper {
		padding-bottom: 100%!important;
	}
	/*navi*/
	#header.sticky {
		background: var(--color1)!important;
	}
	.mob-blur #header::before {
		display: none!important;
	}
	.nav-gradient .site-header__bottom:not(.sticky) {
	    top: 10px;
	    transform: none;
	    position: relative!important;
	}
	.nav-gradient .site-header__bottom:not(.sticky){
		padding: 0rem 8.33%!important;
	} 
	#header.sticky {
		padding: 0.5rem 8.33%!important;
	}
	.nav-gradient .site-header__bottom:not(.sticky) .site-header__logo img {
	    max-height: 130px;
	    max-width: 130px;
	    width: 100%;
	    position: absolute;
	    top: -30px;
	}
	/*content-section*/
	.content-section {
		padding: 8rem 8.33%;
	}
	.content-section:has(.second-area) {
		padding-top: 4rem;
	}
	.content-section:has(.basic-header) {
		padding-bottom: 4rem;
	}
	.content-section.some-title-cont {
	    padding-bottom: 4rem;
	}
	.site-footer {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.content-slider__item.cta .content-slider__text-content {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.content-section:has(.line-50-50.vali) {
		padding-top: 4rem;
	}
	.content-section:has(.how-to-find) {
		padding-bottom: 4rem;
	}
	/*showcase*/
	.curved-text-svg {
		margin-bottom: -4rem;
	}
	/*main-content*/
	.pic-text-pic .contentlist__item-img-holder.right-img-holder img,
	.pic-text-pic .contentlist__item-img-holder.left-img-holder img {
		height: 60%;
	}
	/*testimonials*/
	.testimonials {
  		padding: 4rem 16.66% 4rem 8.33%;
	}
	/*some*/
	.some-some .site-footer__some-links a {
		height: 2rem;
		width: 2rem;
		font-size: 2rem;
		margin-left: 1.25rem;
	}
	/*second-area*/
	.contentlist .second-area__lower:has(+ .second-area__upper, + .second-area) {
	    padding-bottom: 4rem;
	}
	/*boksit*/
	.boxlist__col.ikoni-boksi .boxlist-item .boxlist-item__text-holder h2 {
		font-size: 1.5rem;
	}
	.boxlist__col.ikoni-boksi .boxlist-item .boxlist-item__text-holder p {
		font-size: 0.9rem
	}
	.boxlist__col.ikoni-boksi .boxlist-item .boxlist-item__text-holder .btn {
		font-size: 0.9rem
	}
	.boxlist .boxlist__col.ikoni-boksi {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.boxlist__col.ikoni-boksi .boxlist-item{
		padding-bottom: 56%; /*56%*/
	}
	.boxlist__col.ikoni-boksi .boxlist-item:not(:hover) .boxlist-item__img-holder img {
		width: 25%;
	}
}

@media (max-width: 991.98px) {
	/*fontti*/
	h1, h2 {
		font-size: 3.5rem;
	}
	h3, .second-area h2, h2.some-title, .second-area h1 {
		font-size: 2.25rem;
	}
	h4 {
		font-size: 2rem;
	}
	h5 {
		font-size: 1.5rem;
	}
	/*navi*/
	.nav-gradient .site-header__bottom:not(.sticky) .site-header__logo img {
		top: 0;
	}
	.nav-gradient .site-header__bottom:not(.sticky) .site-header__logo img {
    	max-height: 100px;
    	max-width: 100px;
	}
	.site-header__logo {
    	width: auto;
  	}
	.mobile-menu__bars {
	    position: fixed;
	    top: auto;
	    bottom: 2rem;
	    right: 2rem;
	}
	.mobileTop #mobile-buttons {
		left: auto;
		right: 0; /*8.33%*/
		top: 20px;
    	flex-flow: column;
    	height: auto;
	}
	#mobile-buttons .btn {
		background: var(--color5);
		border-radius: 0!important;
		margin-right: 0;
	}
	#mobile-buttons a svg {
		color: var(--color1);
	}
	.mob-blur .mobile-menu__bars.buttonOpen {
		position: fixed;
	}
	#mobile-buttons > .btn.red-marker.sijainti {
		order: 1;
		background: var(--color4)!important;
		border-color: var(--color4);
		color: var(--color1);
		align-self: stretch;
	}
	#mobile-buttons > .btn.red-marker:not(.sijainti) {
		order: 2;
		background: var(--color5);
		border-color: var(--color5);
		align-self: stretch;
	}
	/*content-section*/
	.content-section {
		padding: 6rem 8.33%;
	}
	.content-section:has(.second-area) {
		padding-top: 3rem;
	}
	.content-section:has(.basic-header) {
		padding-bottom: 3rem;
	}
	.content-section.some-title-cont {
	    padding-bottom: 3rem;
	}
	.site-footer {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.content-slider__item.cta .content-slider__text-content {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.content-section:has(.line-50-50.vali) {
		padding-top: 3rem;
	}
	.content-section:has(.how-to-find) {
		padding-bottom: 3rem;
	}
	/*showcase*/
	#showcase .hero.hero-slider__item h2 {
    	font-size: 7rem;
  	}
	.hero-slider__item.height-100 {
	    min-height: 1000px;
	}
	#showcase .content-section:has(.nosto) {
		padding-bottom: 4rem!important;
	}
	#showcase .content-section:has(.nosto) .row.three .nosto,
	#showcase .content-section:has(.nosto) .row.two .nosto,
	#showcase .content-section:has(.nosto) .row.one .nosto {
    	flex: 0 0 100%;
    	max-width: 100%;
		padding: 7.5px 0;
	}
	#showcase .content-section:has(.nosto) .row {
	    margin-left: 0;
	    margin-right: 0;
	}
	#showcase .content-section:has(.nosto) .row .nosto .editor-content__item {
		padding: 1rem 1.5rem;
	}
	/*main-content*/
	.pic-text-pic .contentlist__item-col_content {
		order: 1;
	}
	.pic-text-pic .contentlist__item-col_img:has(.right-img-holder) {
		order: 2;
	}
	.pic-text-pic .contentlist__item-col_img:has(.left-img-holder) {
		order: 3;
	}
	.contentlist .pic-text-pic .contentlist__item-content {
  		padding: 0 0 3rem !important;
	}
	.contentlist .pic-text-pic .contentlist__item-img-holder {
		padding-bottom: 100%;
	}
	.pic-text-pic .contentlist__item-img-holder.right-img-holder img {
		height: 100%;
		width: calc(100% - 1.5rem);
		left: auto;
		right: 0;
		top; 0;
	}
	.pic-text-pic .contentlist__item-img-holder.left-img-holder img {
		height: 100%;
		width: calc(100% - 1.5rem);
		left: 0;
		top; 0;
	}
	/*ikoni-boksit*/
	.boxlist .boxlist__col.ikoni-boksi {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.boxlist__col.ikoni-boksi .boxlist-item{
		padding-bottom: 56%!important; /*56%*/
	}
	/*
	.boxlist__col.ikoni-boksi .boxlist-item:not(:hover) .boxlist-item__img-holder img {
  		width: 30%;
	}*/
	.boxlist__col.ikoni-boksi .boxlist-item h2 {
		margin-bottom: none;
	}
	/*
	.boxlist__col.ikoni-boksi .boxlist-item .btn.ikoni-mobiili-nappi {
		display: block!important;
		background: transparent!important;
		color: var(--color1)!important;
		border: none;
		padding: 0!important;
		text-decoration: underline!important;
	}
	.boxlist__col.ikoni-boksi .boxlist-item:hover .boxlist-item__text-holder {
		display: none!important;
	}
	.boxlist__col.ikoni-boksi .boxlist-item:hover {
        pointer-events: none!important;
    }*/
	/*youtube*/
	.fitVids-wrapper {
		padding-bottom: 56.25%!important;
	}
	/*upotus alue*/
	.contentlist .upotus .contentlist__item-content {
	    padding: 0 0 3rem !important;
	}
	/*second-area*/
	.contentlist .second-area__upper .contentlist__item-content {
	    padding: 2rem 0 5rem 10% !important;
	}
	.contentlist .second-area__lower .contentlist__item-content {
  		padding: 5rem 10% 2rem 0 !important;
	}
	.contentlist .second-area__upper .contentlist__item-img-holder img,
	.contentlist .second-area__lower .contentlist__item-img-holder img {
  		height: calc(100% + 2.5rem);
	}
	.contentlist .second-area__lower:has(+ .second-area__upper, + .second-area) {
	    padding-bottom: 3rem;
	}
	/*asiakastarina osio*/
	.asiakstestimonial {
		order: 1;
	}
	.asiakaskuva {
		order: 2;
	}
	.testimonials {
    	padding: 0 8.33% 3rem;
  	}
	/*some*/
	.some-title {
		margin-bottom: 1.5rem;
		text-align: center;
	}
	.some-some, .some-cont {
		justify-content: center;
		padding: 0;
	}
}

@media (max-width: 767.98px) {
	/*fontti*/
	h1, h2 {
		font-size: 3rem;
	}
	h3, .second-area h2, h2.some-title, .second-area h1 {
		font-size: 2rem;
	}
	h4 {
		font-size: 1.75rem;
	}
	h5 {
		font-size: 1.35rem;
	}
	/*navi*/
	.mobileTop #mobile-buttons {
    	top: 26px;
	}
	.mobile-menu ul.mm-spn--open {
	    top: calc(var(--mm-spn-item-height) * 4) !important;
	}
	.mobile-menu::before {
  		top: calc(var(--mm-spn-item-height) * 1.5 * 2.35)!important;
  	}
	.mobile-menu::after {
  		top: calc(var(--mm-spn-item-height) * 3) !important;
	}
	.mob-blur .mobile-menu .noNavLink {
		font-size: 1.25rem!important;
	}
	/*showcase*/
	.curve-text {
  		font-size: 4rem;
  	}
	#showcase .hero.hero-slider__item h2 {
    	font-size: 5.5rem;
  	}
	#showcase:has(.three) .hero-slider__item.height-100 {
	    min-height: 1000px;
	}
	#showcase:has(.two) .hero-slider__item.height-100 {
	    min-height: 800px;
	}
	#showcase:has(.one) .hero-slider__item.height-100 {
	    min-height: 600px;
	}
	#showcase .content-section:has(.nosto) .row .nosto .editor-content__item {
    	padding: 0.5rem 0.5rem;
  	}
	#showcase .content-section:has(.nosto) .row .nosto .editor-content__item p {
		font-size: 0.9rem;
	}
	/*boksit*/
	.boxlist .boxlist__col.ikoni-boksi {
		flex: 0 0 100%!important;
		max-width: 100%!important;
	}
	/*second-area*/
	.contentlist .second-area__upper .contentlist__item-img-holder img {
		height: 100%;
		top: 0;
		transform: rotate(-2deg);
	}
	.contentlist .second-area__lower .contentlist__item-img-holder img {
		height: 100%;
		top: 0;
		transform: rotate(2deg);
	}
	.contentlist .second-area__upper .contentlist__item-content {
  		padding: 3rem 0!important;
	}
	.contentlist .second-area__lower .contentlist__item-content {
  		padding: 3rem 0 0 !important;
	}
	.contentlist .second-area.lonely .contentlist__item-content {
  		padding: 3rem 0 0 !important;
	}
	/*some*/
	.image-box .boxlist__col.feikki {
  		flex: 0 0 50%;
  		max-width: 50%;
  	}
	/*boksit*/
	
}

@media (max-width: 575.98px) {
	/*fontti*/
	h1, h2 {
		font-size: 2.75rem;
	}
	h3, .second-area h2, h2.some-title, .second-area h1 {
		font-size: 1.75rem;
	}
	h4, .boxlist__col.ikoni-boksi h2.ikoni-otsikko {
		font-size: 1.5rem;
	}
	h5 {
		font-size: 1.25rem;
	}
	/*navi*/
	.mobile-menu__bars {
	    bottom: 1rem;
	    right: 1rem;
	}
	.nav-gradient .site-header__bottom:not(.sticky) .site-header__logo img,
	.nav-gradient .site-header__bottom.sticky .site-header__logo img {
    	max-height: 80px;
    	max-width: 80px;
  	}
	#mobile-buttons .btn {
		padding: 0.5rem 1rem;
	}
	.mobileTop #mobile-buttons {
    	top: 14.25px;
    	left: 40%;
	}
	.hideviisseiskakuus {
		display: inline-block;
	}
	#mobile-buttons > .btn.red-marker.sijainti:not(.hideviisseiskakuus) {
		display: none;
	}
	#mobile-buttons a span {
        display: inline-block;
    }
	#mobile-buttons a svg {
        margin-right: 5px;
	}
	/*content-section*/
	.content-section {
		padding: 4rem 8.33%;
	}
	.content-section:has(.second-area) {
		padding-top: 2rem;
	}
	.content-section:has(.basic-header) {
		padding-bottom: 2rem;
	}
	.content-section.some-title-cont {
	    padding-bottom: 2rem;
	}
	.site-footer {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.content-slider__item.cta .content-slider__text-content {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.content-section:has(.line-50-50.vali) {
		padding-top: 2rem;
	}
	.content-section:has(.how-to-find) {
		padding-bottom: 2rem;
	}
	/*showcase*/
	.curve-text {
  		font-size: 4rem;
  	}
	#showcase .hero.hero-slider__item h2 {
    	font-size: 4.5rem;
  	}
	.curved-text-svg {
		margin-bottom: -3rem;
	}
	#showcase .content-section:has(.nosto) h2 {
  		font-size: 1.25rem;
		margin-bottom: 0.5rem;
  	}
	#showcase:has(.three) .hero-slider__item.height-100 {
	    min-height: 900px;
	}
	#showcase:has(.two) .hero-slider__item.height-100 {
	    min-height: 700px;
	}
	#showcase:has(.one) .hero-slider__item.height-100 {
	    min-height: 500px;
	}
	/*main-content*/
	.contentlist .pic-text-pic .contentlist__item-content {
  		padding: 0 0 2rem !important;
	}
	.pic-text-pic .contentlist__item-img-holder.right-img-holder img,
	.pic-text-pic .contentlist__item-img-holder.left-img-holder img{
		width: calc(100% - 1rem);
	}
	/*upotus alue*/
	.contentlist .upotus .contentlist__item-content {
	    padding: 0 0 2rem !important;
	}
	/*second-area*/
	.contentlist .second-area__upper .contentlist__item-content {
  		padding: 2rem 0!important;
	}
	.contentlist .second-area__lower .contentlist__item-content {
  		padding: 2rem 0 0 !important;
	}
	.contentlist .second-area.lonely .contentlist__item-content {
  		padding: 2rem 0 0 !important;
	}
	.contentlist .second-area__lower:has(+ .second-area__upper, + .second-area) {
	    padding-bottom: 2rem;
	}
	/*boksit*/
	.boxlist__col.ikoni-boksi .boxlist-item .boxlist-item__text-holder h2 {
		font-size: 1.25rem;
	}
	.boxlist__col.ikoni-boksi .boxlist-item .boxlist-item__text-holder p {
		font-size: 0.8rem
	}
	.boxlist__col.ikoni-boksi .boxlist-item .boxlist-item__text-holder .btn {
		font-size: 0.8rem
	}
}

@media (max-width: 450.98px) {
	/*fontti*/
	h1, h2 {
		font-size: 2.5rem;
	}
	h3, .second-area h2, h2.some-title, .second-area h1 {
		font-size: 1.5rem;
	}
	h4 {
		font-size: 1.35rem;
	}
	h5 {
		font-size: 1.125rem;
	}
	/*showcase*/
	.curve-text {
  		font-size: 5rem;
  	}
	#showcase .hero.hero-slider__item h2 {
    	font-size: 3.5rem;
  	}
	.curved-text-svg {
		margin-bottom: -1rem;
	}
	/*main-content*/
	
	/*ikoni-boksit*/
	.boxlist .boxlist__col.ikoni-boksi {
		flex: 0 0 100%!important;
		max-width: 100%!important;
	}
	.boxlist__col.ikoni-boksi .boxlist-item{
		padding-bottom: 56%!important; /*56%*/
	}
	.boxlist__col.ikoni-boksi .boxlist-item:not(:hover) .boxlist-item__img-holder img {
		top: 5%;
	}
	.boxlist__col.ikoni-boksi .boxlist-item:not(:hover) .boxlist-item__img-holder {
		gap: 10%;
	}
}

@media (max-width: 350.98px) {
	/*fontti*/
	h1, h2 {
		font-size: 2.25rem;
	}
	h3, .second-area h2, h2.some-title, .second-area h1 {
		font-size: 1.35rem;
	}
	h4 {
		font-size: 1.25rem;
	}
	h5 {
		font-size: 1rem;
	}
	/*showcase*/
	.curve-text {
  		font-size: 5rem;
  	}
	#showcase .hero.hero-slider__item h2 {
    	font-size: 3.25rem;
  	}
	#showcase:has(.three) .hero-slider__item.height-100 {
	    min-height: 950px;
	}
	#showcase:has(.two) .hero-slider__item.height-100 {
	    min-height: 750px;
	}
	#showcase:has(.one) .hero-slider__item.height-100 {
	    min-height: 550px;
	}
}