/*fonts*/
.sivu1 #showcase h2, #showcase h1, #showcase h2 {
	font-style: italic;
    font-size: 5.5rem;
    line-height: 5.7rem;
    z-index: 2;
    position: relative;
}
#main-after h2, #main-after h1 {
    color: var(--color5);
}
#main-after h2, #main-after h1, .socials h2 {
    font-size: 3rem;
}

.testimonials h2 {
    font-size: 2.6rem;
}
.content-slider h3, .testimonials h5, #main-after h5 {
    text-transform: uppercase;
    font-family: var(--fontbody);
    color: var(--color2) !important;
    font-size: 1.1rem;
}
/*colors*/
body:not(.sivu1) #section-quaternary section.content-section:first-child {
    display: none;
}
.sivu31 #section-quaternary {
    display: none;
}
#content-top > .editor, #content-top .editor-content__item-editor.editor  {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}
.sivu1 #section-back {
    padding-bottom: 15rem;
    padding-top: 4rem;
}
.sivu1 #main-after .content-section {
    padding-bottom: 10rem;
}
.content-slider__item .content-slider__text-content {
    padding: 8rem 2rem 8rem 2rem;
}
#section-back {
    background: var(--color3);
}
#section-quaternary {
    background: #e0affe;
	color: var(--color4);
}
.sivu1 #content-top {
    padding-bottom: 17rem;
    padding-top: 5rem;
}
.sivu1 #main-before .boxlist {
    margin-top: -20rem !important;
}
.sivu1 #content-top, #section-secondary {
    background: url(../tiedostot/ikonit/susanna_viol.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: var(--color1);
}
body:not(.sivu1) #content-top {
    background: url(../tiedostot/ikonit/susanna_viol.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: var(--color1);
}
#content-top h1, #content-top h2 {
    font-size: 3rem !important;
}
/*buttons*/
.btn:not(.btn.mobile-menu__bars) {
	padding: 13px 26px 12px !important;
    padding-left: 26px !important;
    padding-right: 26px !important;
    background: transparent !important;
    border-radius: 0;
    border-color: var(--color2);
    color: var(--color5);
}
span.btnarrow {
	color: #fbb0a2;
}
/*some*/
#header .site-footer__some-links {
    margin-top: 2rem;
}
.site-footer__some-links a {
    font-size: 2rem;
    line-height: 1.8rem;
    color: #fff;
    background: transparent;
    margin-right: 1rem;
}
.site-footer__some-links a:nth-child(2) {
    font-size: 1.8rem;
}
.site-header__bottom .site-footer__some-links a:first-child {
    display: none;
}
.socials:nth-child(2) a {
    float: right;
}
.socials svg {
    color: var(--color2);
    font-size: 2rem;
    padding: 11px;
    margin-right: 0.5rem;
    background: var(--color4);
    width: 3.5rem !important;
    height: 3.5rem !important;
}
.socials svg.svg-inline--fa.fa-facebook-f.fa-w-10 {
    padding: 13px;
}
.socials h2 {
	color:var(--color4);
}
.socials a:nth-child(2) svg {
    margin-right: 2rem;
}
/*instagram seinä*/
#section-quaternary .boxlist .boxlist__col {
    flex: 0 0 25% !important;
}
.image-box .boxlist-item__img-holder:before, #section-quaternary .round-box .boxlist-item__img-holder:before{
	background:#171e29;
	opacity:0 !important;
}
#section-quaternary .boxlist__col {
    padding-left: 10px !important;
    padding-right: 10px !important;
}
#section-quaternary .boxlist {
    margin-top: -17rem !important;
}
.image-box .boxlist-item:hover img {mix-blend-mode:normal !important; opacity:1;}
/*10 kysymystä*/
button.slick-prev:before {
    content: '';
    height: 20px;
    width: 20px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    position: absolute;
	left: -4rem;
    transform: rotate(-45deg);
}
button.slick-next:before {
    content: '';
    height: 20px;
    width: 20px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    position: absolute;
	right: -4rem;
    transform: rotate(135deg);
}
.slick-next {
    right: 15px;
    font-size: 0;
    height: 0;
    width: 0;
}
.slick-prev {
    left: 15px;
    font-size: 0;
    height: 0;
    width: 0;
}
h3.kysymykset-count span {
    color: var(--color1);
}
/*h3.kysymykset-count {
    position: absolute;
    left: calc(50% - 3.5rem);
}*/
.testimonials h2 {
    color: var(--color5);
    font-style: italic;
    position: relative;
	margin-bottom: 7rem;
}
.testimonials h2:after {
	color: #000;
    content: '';
    height: 2px;
    background: var(--color5);
    position: absolute;
    width: 90px;
    left: calc(50% - 45px);
    bottom: -20px;
}
#section-back {
    background: url(../tiedostot/ikonit/susanna_kelt.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-color: var(--color3);
}
/*showcase*/
.sivu1 .hero-slider__item {
    height: 100vh;
    position: relative;
}
body:not(.sivu1) .hero-slider__item {
    height: 70vh;
    position: relative;
}
.sivu1 .hero-slider__text-content {
    padding: 0 !important;
    position: absolute;
    text-align: center;
    bottom: 12vh;
}
body:not(.sivu1) #showcase .hero-slider__text-content{
    padding: 0 !important;
    position: absolute !important;
    text-align: center;
    bottom: 12vh;
}
.hero-slider__text-content_inner, body:not(.sivu1) #showcase .hero-slider__text-content {
    position: relative;
	max-width: 1200px;
}

.hero-slider__text-content_inner:after {
    content: "";
    position: absolute;
    top: -8rem;
    left: 15%;
    z-index: 1;
    background-image: url(../tiedostot/ikonit/susanna_laine_hero.png);
    height: 320px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 70%;
}
.sivu42 .hero-slider__text-content_inner:after {
    top: -6rem;
}
.sivu29 .hero-slider__text-content_inner:after, .sivu44 .hero-slider__text-content_inner:after, .sivu31 .hero-slider__text-content_inner:after {
    top: -3rem;
}
.hero-slider__overlay {display:none;}
.downArrow {
	width:200px;
	height:46px;
	position:absolute;
	bottom:-1px;
	left:50%;
	cursor:pointer;
	z-index:20;
	margin-left:-100px;
	text-align:center;
	background: url("../media/tiedostot/ikonit/tausta.png") no-repeat top center;
	background-size: auto 46px;
}
.downArrow:after {
	content:"";
	width:14px;
	height:14px;
	transform-origin:50% 50%;
	border-left:3px solid var(--color4) !important;
	border-bottom:3px solid var(--color4) !important;
	display:inline-block;
	transform:rotate(-45deg);
	position:absolute;
	margin-left:-7px;
	margin-top: 20px;
}
.hero-slider, body:not(.sivu1) .hero-slider  {
    position: relative;
}
/*quotet*/
.content-slider__overlay {

    display: none;
}
.content-slider__bg-image {
    height: 120px;
    top: calc(50% - 60px);
    -o-object-fit: contain;
    object-fit: contain;
}
.content-slider1 .content-slider h2, .testimonials h3 {
    color: var(--color5) !important;
}
.content-slider1 .content-slider h2, .testimonials h3 {
    color: var(--color5) !important;
    font-style: italic;
    max-width: 1000px;
	font-size: 3.8rem;
}
/*etusivun yläosa boksit*/
#main-before .boxlist-item h2 {
    position: relative;
    font-style: italic;
	font-size: 2.5rem;
}
#main-before .boxlist-item h2:after {
    content: '';
    height: 2px;
    background: var(--color3);
    position: absolute;
    width: 80px;
    left: calc(50% - 40px);
    bottom: -1.5rem;
}
#main-before .boxlist-item {
    padding-bottom: 600px;
}

/*footer*/
.site-footer {
    background-color: #ce9dec;
    padding: 35px 31px 20px;
}
.site-footer .row:first-child {
    display: none;
}
/*mobiilivalikko*/
.mob-blur .mobile-menu a {
    color: var(--color4);
    font-weight: 500;
    font-size: 2rem;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 2.2rem;
    text-align: center;
    /* text-transform: uppercase; */
    font-family: var(--fontheading);
    /* font-style: italic; */
}
/*.mob-blur .mm-spn li:before {
    border-top: 2px solid var(--color1);
    border-right: 2px solid var(--color1);
	width: 16px;
    height: 16px;
}
.mob-blur .mobile-menu a, .mob-blur .mm-spn.mm-spn--navbar:after, .mob-blur .mm-spn.mm-spn--navbar:before, .mob-blur .mobile-menu .noNavLink {
    color: var(--color1) !important;
    font-family: var(--fontheading);
}
.mob-blur .mm-spn.mm-spn--navbar:before {
    border-color: var(--color1);
	font-family: var(--fontheading);
}
.mob-blur .mobile-menu__bars.buttonOpen:after, .mob-blur .mobile-menu__bars.buttonOpen:before {
    background: var(--color1);
}
.mob-blur .mobile-menu a, .mob-blur .mm-spn.mm-spn--navbar:before, .mob-blur .mobile-menu .noNavLink {
	font-weight: 500;
}
.mm-spn.mm-spn--navbar:after {font-weight:500;}*/

.frontpage-blog h2.contentlist__item-title {
		padding-left: 3rem;
	}
.nav-gradient .site-header__top {
    display: none;
}
/*violetti alue muualla kuin etusivulla*/
#content-top h5 {
    text-transform: uppercase;
    color: var(--color3);
	font-size: 1.1rem;
}
body:not(.sivu1) #content-top .contentlist__item-content {
    padding-top: 0;
}
@media (min-width: 768px) and (max-width: 10000px) {
	body[data-mmenu="10000"].mob-blur #header:before {
		opacity: 0;
	}
		body[data-mmenu="10000"].mob-blur .sticky#header:before {
		opacity: 0.3;
	}
	.nav-gradient .site-header:before {
		opacity: 0;
	}
	#header.sticky {
    padding: 1rem 1.5rem;
	}
	.nav-gradient .site-header__bottom:not(.sticky) {
		padding: 1rem 1.5rem;
	}
}
@media (min-width: 992px) {
body:not(.sivu1) #content-top .content-section, body:not(.sivu1) #main-after .content-section {
    padding-top: 10rem;
    padding-bottom: 10rem;
}
.mobile-menu__bars {
    font-size: 2.3rem;
}
	#main-before  .item2 .boxlist-item {
		padding-bottom: 650px;
	}
	#main-after .item2 {
		margin-top: -14rem !important;
	}
	#main-after .item1 .contentlist__item-col.contentlist__item-col_img {
		padding-right: 4rem !important;

	}
	#main-after .item1 .contentlist__item-content {
		padding-top: 0 !important;
		padding-bottom: 24rem !important;
		padding-left: 4rem !important;
	}
	#main-after .item2 .contentlist__item-col.contentlist__item-col_img {
		padding-left: 4rem !important;
	}
	#main-after .item2 .contentlist__item-content {
		padding-bottom: 0 !important;
		padding-top: 24rem !important;
				padding-left: 0 !important;
				padding-right: 4rem !important;
	}
}
@media (min-width: 1200px) {
	.sivu1 #content-top > .editor {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	body:not(.sivu1) #content-top > .editor {
    padding-top: 8rem;
    padding-bottom: 8rem;
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
}
}
@media (max-width: 1299px) {
	.sivu1 #showcase h2, #showcase h1, #showcase h2 {
		font-size: 4.5rem;
		line-height: 4.7rem;
	}
	.sivu1 .hero-slider__text-content_inner:after {
		top: -7rem;
	}
	#main-before .boxlist-item h2 {
		font-size: 2rem;
	}
}
@media (max-width: 1199px) {
	.sivu1 #content-top > .editor {
		padding: 0 2rem 4rem;
	}
	body:not(.sivu1) #content-top > .editor {
		padding: 5rem 2rem;
	}
}
@media (max-width: 991px) {
body:not(.sivu1) #main-after section.content-section {
    padding-bottom: 5rem;
}
.sivu31 .basic-form {
    margin-top: 3rem;
}
.sivu42 .hero-slider__text-content_inner:after {
    top: -4rem;
}
body:not(.sivu1, .sivu31) #content-top {
    background-size: contain;
}
.sivu31 #content-top {
    background-size: cover;
	    background-position: left center !important;
}
.sivu1 #content-top, #section-secondary {
    background-size: contain;
}


.sivu1 #content-top, #section-secondary {
    background-size: contain;
}
.sivu1 #main-after .content-section {
    padding-bottom: 6rem;
}
.mob-blur .mobile-menu a {
    font-size: 1.6rem;
    line-height: 1.8rem;
}
.sivu1 .hero-slider__text-content {
    bottom: 21vh;
}
button.slick-prev:before {
	left: 0;
}
button.slick-next:before {
	right: 0;
}
	.sivu1 #showcase h2, #showcase h1, #showcase h2 {
		font-size: 3.5rem;
		line-height: 3.7rem;
	}
	.sivu1 .hero-slider__text-content_inner:after {
		top: -6rem;
	}
	#main-after h2, #main-after h1, .socials h2, .testimonials h2, #content-top h1, #content-top h2 {
		font-size: 2.4rem !important;
	}
	.content-slider1 .content-slider h2, .testimonials h3 {
		font-size: 2.8rem;
	}
	.testimonials h3 {
		padding: 0 2rem;
	}
	#section-quaternary .boxlist {
    margin-top: -10rem !important;
}
.sivu1 #section-back {
    padding-bottom: 9rem;
    padding-top: 3rem;
}
.sivu41 .hero-slider__text-content_inner:after {
    top: -5rem;
}
}
@media (max-width: 767px) {

.site-header__bottom {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.testimonials h2 {
    margin-bottom: 5rem;
}
	#section-quaternary .boxlist__col {
		padding-left: 5px !important;
		padding-right: 5px !important;
		margin-top: -20px;
	}
	#main-after h2, #main-after h1, .socials h2, .testimonials h2, #content-top h1, #content-top h2 {
		font-size: 1.8rem !important;
	}
	.content-slider1 .content-slider h2, .testimonials h3 {
		font-size: 2rem;
	}
	.sivu1 .content-slider__item .content-slider__text-content {
		padding: 1rem 1rem 0 1rem;
    margin-bottom: -3rem;
	}
.mob-blur #header:before {
    opacity: 0.6;
}
.content-slider__bg-image {
    height: 70px;
    top: calc(50% - 35px);
    -o-object-fit: contain;
    object-fit: contain;
}
.sivu29 .hero-slider__text-content_inner:after, .sivu44 .hero-slider__text-content_inner:after, .sivu31 .hero-slider__text-content_inner:after {
    top: -2rem;
}
.sivu41 .hero-slider__text-content_inner:after {
    top: -4rem;
}
.content-slider h3, .testimonials h5, #main-after h5, #content-top h5 {
    font-size: 0.9rem;
}
}
@media (max-width: 575px) {
.sivu41 .hero-slider__text-content_inner:after {
    top: -3rem;
}
.sivu29 .hero-slider__text-content_inner:after, .sivu44 .hero-slider__text-content_inner:after, .sivu31 .hero-slider__text-content_inner:after {
    top: -1.5rem;
}
.sivu1 #main-after .content-section {
    padding-bottom: 3rem;
}
#main-before .boxlist-item h2 {
    font-size: 1.6rem;
}
#main-before .boxlist-item h2:after {
    width: 60px;
	height: 1.5px;
    left: calc(50% - 30px);
    bottom: -1rem;
}
#main-before .boxlist-item {
    padding-bottom: 400px;
}
body {font-size: 0.8rem;}
.testimonials h2:after {
	height: 1px;
    width: 60px;
    left: calc(50% - 30px);
	    bottom: -12px;
}
.btn:not(.btn.mobile-menu__bars) {
    font-size: 0.8rem;
	padding: 11px 19px 10px !important;
    padding-left: 19px !important;
    padding-right: 19px !important;
}
.content-slider h3, .testimonials h5, #main-after h5, #content-top h5 {
    font-size: 0.75rem;
}
#main-after h2, #main-after h1, .socials h2, #content-top h1, #content-top h2 {
	font-size: 1.3rem !important;
}
.testimonials {
    padding: 4rem 1.5rem 6rem;
}
.testimonials h2 {
    font-size: 1.1rem !important;
	    margin-bottom: 3rem;
}
	.sivu1 .hero-slider__text-content_inner:after {
    top: -3rem;
}
	.content-slider1 .content-slider h2, .testimonials h3 {
		font-size: 1.3rem;
	}
button.slick-prev:before, button.slick-next:before  {
	display:none;
}
.socials a:nth-child(2) svg {
    margin-right: 0;
}
.socials svg {
    font-size: 2.2rem;
}
.socials h2 {
    font-size: 1.2rem;
}
.socials svg {
    padding: 9px;
    width: 2.5rem !important;
    height: 2.5rem !important;
}
.socials svg.svg-inline--fa.fa-facebook-f.fa-w-10 {
    padding: 11px;
	margin-right: 0.5rem;
}
.socials  svg.svg-inline--fa.fa-instagram.fa-w-14 {
    margin-right: 0;
}
.sivu1 #section-quaternary section.content-section:nth-child(2) {
    padding-top: 0;
}
.col-6.socials {
    padding: 0;
}
	.sivu1 #showcase h2, #showcase h1, #showcase h2 {
    font-size: 2rem;
    line-height: 2.3rem;
    padding: 0 1rem !important;
}
	#section-quaternary .boxlist {
    margin-top: -6rem !important;
}
	#section-quaternary .boxlist__col {
		padding-left: 2.5px !important;
		padding-right: 2.5px !important;
		margin-top: -27px;
	}
	.sivu1 #section-back {
    padding-bottom: 3rem;
    padding-top: 1rem;
}
.site-footer__some-links a:nth-child(3) {
    font-size: 1.7rem;
}
.site-footer__some-links a:nth-child(2) {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}
.mob-blur .mobile-menu a {
    font-size: 1.2rem;
    line-height: 1.2rem;
	padding-top: 15px;
	padding-bottom: 15px;
}
.testimonials h3:not(h3.kysymykset-count) {
    padding: 0;
}
.sivu1 #section-quaternary section.content-section:first-child {
    padding-bottom: 1rem;
}
.sivu42 .hero-slider__text-content_inner:after {
    top: -2.5rem;
}
.downArrow:after {
    width: 12px;
    height: 12px;
}
.sivu1 .secid309.item2 .contentlist__item-img-holder img {
    object-position: center 30%;
}
.sivu1 #content-top, #section-secondary {
    background-position: center 23%;
}
.image-box .boxlist-item__img-holder:before, #section-quaternary .round-box .boxlist-item__img-holder:before{
	opacity:0.2 !important;
}
.sivu29 #showcase h2, .sivu44 #showcase h2, .sivu31 #showcase h2 {
    font-size: 2.6rem;
    line-height: 3rem;
}
.hero-slider__overlay {
    display: block;
    background-color: rgba(0,0,0,0.1);
}
.sivu1 .hero-slider__bg-image {
    object-position: 38% center !important;
}
.sivu1 .hero-slider__text-content {
    bottom: 10vh;
}
.sivu1 .hero-slider__item {
    height: 85vh;
    position: relative;
}
}
@media (max-width: 400px) {
.sivu41 .hero-slider__text-content_inner:after {
    top: -2.5rem;
}
#main-before .boxlist-item {
    padding-bottom: 300px;
}
.content1 .contentlist .contentlist__item-img-holder {
    padding-bottom: 70% !important;
}
.sivu41 .secid264.item1 .contentlist__item-img-holder img {
    object-position: center 20%;
}
}