@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*Fontit*/

h1, h2 {
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

h3,
.news1 .newslist-item h2,
.event-title h2,
h4,
h5 {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	text-transform: none;
}

/*fontti koot*/

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

h3,
.news1 .newslist-item h2,
.event-title h2,
.rentti-cb-nosto h2 {
	font-size: 2rem;
	line-height: 1.375;
}

/*navi*/

nav a {
	font-weight: 700;
}

.site-header__top {
	padding: 1rem 8.33% 0;
	background-color: var(--color4); /*color vaihto*/
    color: var(--color1); /*color vaihto*/
}

.site-header__top .container {
	padding: 0;
}
/*
.site-header__top .mr-1 {
	font-size: 0.875rem;
}*/

.site-header__top .btn {
    color: var(--color4) !important;
	background: var(--color3)!important;
	padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    text-transform: uppercase;
    font-weight: 900;
	margin-left: 1rem;
}

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

.site-header__bottom {
	padding: 1rem 8.33%;
	background: var(--color4)!important; /*color vaihto*/
}

.desktop-main-menu a {
	color: var(--color1); /*color vaihto*/
}

.desktop-main-menu li.level1>a {
    padding-right: 0;
    padding-left: 2rem;
}

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

.desktop-main-menu li.hasSubItems .svg-inline--fa {
    right: 0rem;
	color: var(--color1); /*color vaihto*/
}

.desktop-main-menu .sub-menu li.hasSubItems .svg-inline--fa {
    right: 0.5rem;
}

.desktop-main-menu {
    text-align: right;
}

body[data-mmenu="1400"].mob-blur #header:before {
	opacity: 0;
}

body[data-mmenu="1400"].mob-blur .site-header__bottom {
    background: var(--color4) !important; /*color vaihto*/
}

.mobile-menu__bars {
	padding-right: 0;
	color: var(--color1); /*color vaihto*/
}

.desktop-main-menu li.level1.current a {
    position: relative;
}

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

.desktop-main-menu li.level2.current > a {
	color: var(--color3);
}

.desktop-main-menu li.level3.current > a {
	color: var(--color3);
}

.site-header__logo img {
    max-height: 85px;
}

.desktop-main-menu .sub-menu li.hasSubItems .svg-inline--fa {
    top: 21px;
}

.desktop-main-menu li:not(.level1)>a {
    padding: 0.5rem 1rem;
}

.desktop-main-menu li.hasSubItems > span.noNavLink {
  padding-right: 1.75rem;
  color: var(--color1); /*color vaihto*/
  font-weight: 700;
  padding-left: 2rem;
  font-family: var(--fontnav);
}

.mobile-menu li span.noNavLink {
	color: var(--color1);
    font-family: var(--fontnav);
    font-weight: 700;
}

/*napit*/

.site-main .btn,
#showcase .btn {
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	background: #82817f;
	color: var(--color4);
	border-color: #82817f;
	padding: 0.75rem 1.25rem;
	margin: 5px 0;
}

.site-main .btn:hover,
#showcase .btn:hover {
	background: transparent;
	color: var(--color1);
	border-color: var(--color2);
}

.site-main .btn:after,
#showcase .btn:after {
  content: " \00BB"; /* Unicode-merkintä » -merkille */
  color: var(--color5); /* Muuta väriä tarpeidesi mukaan */
}

.site-main .btn:hover::after,
#showcase .btn:hover::after {
	color: var(--color2);
}

.mobile-menu__bars:hover {
	color: var(--color3);
}

/*content-section*/

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

section .container {
	max-width: none;
}

section .container > .row.editor-content__row {
	margin-left: -30px;
	margin-right: -30px;
}

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

/*showcase*/

.hero-slider__item.height-100 {
    height: calc(100vh - 163px) !important;
	min-height: 600px;
}

.hero-slider__container.container {
	padding: 0;
	max-width: none;
}

.sivu1 #showcase h2 {
    font-size: 4.25rem;
    text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
	color: var(--color4);
}
.sivu1 #showcase h1 {
    font-size: 4.25rem !important;
    text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.25);
	color: var(--color4);
}

#showcase {
	position: relative;
}

#showcase .content-section:nth-child(2) {
	position: absolute;
	z-index: 3;
	top: auto;
    margin: 0 8.33%;
	bottom: 5rem;
}

#showcase .content-section:nth-child(2) .row {
	margin-left: -30px;
	margin-right: -30px;
}

.hero-nosto {
	display: grid;
}

.hero-nosto a {
	color: var(--color4);
	text-decoration: none;
	padding: 0 0;
	border-bottom: 4px solid var(--color4);
}

.hero-nosto p {
	margin-bottom: 2rem;
}

#showcase .hero-nosto h2 {
	font-size: 1.5rem;
	color: var(--color4);
	position: relative;
	display: inline-block;
	margin-bottom: 1.5rem;
}

#showcase .hero-nosto h2:after {
	content: '›';
	position: absolute;
	right: -3rem;
	background: var(--color4);
	color: var(--color5);
	height: 1.5rem;
	width: 1.5rem;
	text-align: center;
    line-height: 1.5rem;
	font-weight: 500;
}

.hero-nosto:hover a {
	border-bottom: 4px solid var(--color2);
}

.hero-nosto:hover {
	transform: scale(1.05);
}

#showcase .hero-nosto:hover h2:after {
	background: var(--color2);
	color: var(--color4);
}

.show-header h2 {
	padding-right: 20%;
	margin-bottom: 2rem;
}

.show-header h1 {
	padding-right: 20%;
	margin-bottom: 2rem;
}

.sivu1 .show-header {
	margin-bottom: 2rem;
}

/*main-before*/

#main-before .row:has(.as-logo) {
	margin-left: -30px;
	margin-right: -30px;
}

.as-logo {
    padding: 0;
}

.as-logo ul {
    padding-inline-start: 0 !important;
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	margin-bottom: 0;
	gap: 1rem 0;
}

.as-logo ul li img {
    max-width: none;
    max-height: 150px;
	width: 100%;
	height: auto;
    object-fit: scale-down;
    margin: 10px 0;
	padding: 0 30px;
}

.as-logo ul li {
  display: flex;
  flex-direction: column;
  justify-content: end; /* Jakaa sisällön tasaisesti */
  align-items: center;
  flex: 0 0 16.66%;
  max-width: 16.66%;
  text-align: center;
  height: 200px; /* Riittävä korkeus logojen ja tekstien tasaamiseen */
}

.as-logo ul li p {
  margin-top: auto; /* Työntää <p> elementin alas */
  margin-bottom: 0;
}

.as-logo ul li p > a {
	text-decoration: none;
	border-bottom: 1px solid var(--color3);
	padding-bottom: 2px;
}

.as-logo ul li p > a:hover {
	text-decoration: none;
}

.as-logo ul li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px; /* Määrittele alueen korkeus */
}

/*main-content*/

.site-main:has(#main-content + #main-after) #main-content .content-section:has(.rentti) {
	padding: 0 16.66%;
}

.site-main:has(#main-content + #content-bottom) #main-content .content-section:has(.rentti) {
	padding: 10rem 16.66%;
}

.site-main:has(#main-before + #main-content + #content-bottom) #main-content .content-section:has(.rentti) {
	/*padding-top: 0;*/
	padding-bottom: 0;/*testi*/
	padding-right: 16.66%;
	padding-left: 16.66%;
}

.content-section:has(.rentti.rentti-new) {
	padding-left: 8.33%!important;
	padding-right: 8.33%!important;
}

#main-content h1, #main-content h2, #main-content h3 {
	color: var(--color5);
}

#main-content:has(.content-section + .valikko-section) .valikko-section {
	padding-top: 0;
	padding-bottom: 0;/*testi*/
}


#main-content:has(.content-section + .content-section) .content-section:has(.rentti-lainaus),
#main-content:has(.content-section + .content-section) .content-section:has(.contact-card){
	/*padding-top: 0;*/
	padding-bottom: 0;/*testi*/
}

#main-content:has(.content-section + .content-section) .content-section:has(.rentti-turn),
#main-content:has(.content-section + .content-section) .content-section:has(.rentti-50) {
	padding-top: 0;
	padding-bottom: 0;
}

#main-content:has(.content-section + .valikko-section + .content-section) .content-section:has(.rentti-turn) {
	padding-bottom: 0;
	padding-top: 10rem;
}

.site-main:has(#main-content + #content-bottom) #main-content .content-section:not(:has(+ .content-section)) {
	padding-bottom: 0!important;
}

/*main-after*/

.image-box .boxlist-item {
	margin: 0;
	border-bottom: 10px solid var(--color2);
}

.image-box .boxlist-item:hover {
	background: none;
	transition: none;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
}

.image-box .boxlist-item__img-holder:before {
	opacity: 0.6;
}

.image-box .boxlist-item:hover .boxlist-item__img-holder:before {
	opacity: 0.6;
}

.image-box .boxlist-item:hover img {
    mix-blend-mode: luminosity;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: none;
    transition: none;
    opacity: 1;
}

.image-box .boxlist-item h2 {
	display: inline-block;
	position: relative;
	margin-bottom: 0;
}

.image-box .boxlist-item h2:after {
	content: '\00A0»';
	position: absolute;
	right: auto;
	color: var(--color2);
	height: inherit;
	width: inherit;
}

.image-box .boxlist-item__text-holder {
	padding: 1.5rem 1.5rem;
}

/*content-bottom*/

.news1 .newslist-item__text-holder {
	background: var(--color4);
}

.header-n-btn {
    display: flex;
    justify-content: space-between;
	margin-bottom: 2rem;
}

.header-n-btn h2 {
	margin-bottom: 0;
	color: var(--color1);
}

.header-n-btn .btn {
	align-self: center;
}

#content-bottom .hedis h1 {
	color: var(--color1);
}

#content-bottom .hedis-text {
	color: var(--color1);
}

#content-bottom .hedis-text a:not(.btn) {
	color: var(--color1);
	text-decoration: underline;
}

#content-bottom .hedis-text a:not(.btn):hover {
	color: var(--color3);
	text-decoration: underline;
}

.news1 .newslist {
    margin-right: -30px;
    margin-left: -30px;
}
/*
.news1 .newslist-item {
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25);
}
*/
.news1 .newslist-item__text-holder {
    padding: 2rem 1.5rem;
}

.news1 .newslist-item__img-holder {
    position: relative;
	padding-bottom: 75%;
}

.news1 .newslist-item__category {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	padding: 0.5rem 2rem;
	font-size: 14px;
  	color: #ffcfd8;
}

.news1 .newslist-item h2 {
    margin-bottom: 1rem;
}

.news1 .newslist-item p {
    margin-bottom: 3rem;
}

.row:has(.rentti-cb-nosto) {
	justify-content: space-between;
	margin-left: -30px;
	margin-right: -30px;
}

.rentti-cb-nosto {
	color: var(--color1);
}

.row:has(.rentti-cb-nosto) .editor-content__col:nth-child(3) {
	margin-left: auto;
}

#content-bottom .rentti-cb-nosto h2, #content-bottom .hedis-text h2, #content-bottom .hedis h2 {
	color: var(--color1);
}

#content-bottom .rentti-cb-nosto, #content-bottom .hedis-text, #content-bottom .hedis {
	color: var(--color1);
}

.rentti-cb-nosto .btn, 
.hedis-text .btn {
	background: transparent;
	padding: 0!important;
	border: none;
	font-size: 1rem;
	color: var(--color1);
}

.rentti-cb-nosto .btn:after,
.hedis-text .btn:after {
  content: " \00BB"; /* Unicode-merkintä » -merkille */
  color: var(--color3); /* Muuta väriä tarpeidesi mukaan */
}

/*section-primary*/

#section-primary {
    background: 
        linear-gradient(to right, 
            rgba(255, 255, 255, 1) 8.33%, 
            rgba(255, 255, 255, 0) 8.33%), 
        linear-gradient(to left, 
            rgba(255, 255, 255, 1) 16.66%, 
            rgba(255, 255, 255, 0) 16.66%), 
        linear-gradient(to bottom, 
            rgba(255, 255, 255, 1) 10rem, 
            rgba(255, 255, 255, 0) 10rem),
        url(../tiedostot/rentti-testimonials-bg2.jpg);    
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
}


.testimonials {
    padding: 10rem 8.33% 10rem 8.33%;
    text-align: left;
    border-radius: 0;
    max-width: none;
    margin: 0 auto;
}

.testimonials .slick-slider .slick-track .slick-slide > div {
	display: flex;
	justify-content: flex-end;
}

.slick-list:has(.tm-elem) {
	overflow: visible;
}

.tm-elem {
	background: var(--color4);
	color: var(--color5);
	padding: 10rem 4rem 6rem;
	position: relative;
	max-width: 600px;
	margin-top: 10rem;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

.tm-elem:after {
	content: '”';
	position: absolute;
	top: 2rem;
	left: 4rem;
	height: auto;
	width: auto;
	color: var(--color3);
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	font-size: 5rem;
}

.tm-elem p {
	margin-bottom: 2rem;
}

.tm-elem h3 {
	color: var(--color5);
}

.tm-elem h4 {
	color: var(--color5);
	font-family: "Montserrat", sans-serif;
	font-weight: 900;
	text-transform: uppercase;
}

.testimonials .slick-dots {
    left: auto;
    position: absolute;
    right: calc(600px - 7.5rem);
    bottom: 48px;
    display: flex;
    justify-content: end;
	width: auto;
}

.testimonials .slick-dots li {
    border-radius: 0;
    background: #f0f0f0;
}

.testimonials .slick-next,
.testimonials .slick-prev {
	border-radius: 0;
	transform: translate(0);
	top: auto;
	bottom: -50px;
}

.testimonials .slick-next {
	background: var(--color1);
	color: var(--color4);
	left: 89.98%;
}

.testimonials .slick-prev {
	background: var(--color4);
	color: var(--color1);
	left: calc(89.98% - 50px);
}

.testimonials .slick-marker {
	font-size: 5rem;
	height: 100%;
}

.testimonials-row .slick-slide{
	transition: opacity 0ms!important;
}
/*section-back*/

#section-back {
	background: var(--color4);
}

.row:has(.hedis) {
    margin-left: -30px;
    margin-right: -30px;
}

#section-back:has(.content-section + .content-section.events-section) .content-section:has(.hedis) {
	padding-bottom: 0;
}

/*tapahtumat*/

.events-section {
	padding-top: 2rem!important;
	padding-bottom: 0!important;
}

.calendar {
    margin-bottom: -30px;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-right: -30px;
    margin-left: -30px;
}

.calendar .event {
	margin-bottom: 30px;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
	padding-right: 15px;
    padding-left: 3rem;
}

.calendar.twobox-event .event {
    flex: 0 0 50%;
    max-width: 50%;
}

.calendar.threebox-event .event {
    flex: 0 0 33.33%;
    max-width: 33.33%;
}

.event-item__text-holder {
	background: var(--color4);
	display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-flex: 1;
    flex-grow: 1;
    flex: 1;
	padding: 4rem 2rem 2rem;
}

.event-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
	height: 100%;
}

.event-item .btn {
    margin: auto auto 0 0;
}

.event-item__img-holder {
	position: relative;
    padding-bottom: 56%;
}

.event-item__img-holder img {
	margin-bottom: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}

.eventDate {
	position: absolute;
	padding: 0.5rem 0.1rem;
	background: var(--color1);
	color: var(--color4);
	left: 2rem;
	bottom: -2rem;
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	height: 65px;
	width: 65px;
}

/*section-quaternary*/

#section-quaternary {
	background: #F0F0F0;
}
/*
#section-quaternary .content-section {
	padding-top: 0;
}
*/
/*bottom*/

.fast-form-phone, .fast-form-email {
    padding: 5rem 8.33%;
}

#bottom {
	color: var(--color4);
}

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

.fast-form-phone .form-group.form-heading p {
	margin-bottom: 0;
}

.fast-form-phone .form-group.form-heading {
	grid-column: 1;
    grid-row: 4;
    grid-row-end: 1;
	padding-left: 0!important;
}

.fast-form-phone .form-group.form-submit .btn {
	margin: 0 auto auto 0;
	background: var(--color1);
	border-color: var(--color1);
	color: var(--color4);
}

.fast-form-phone .form-group.form-submit .btn:after {
  content: " \00BB"; /* Unicode-merkintä » -merkille */
  color: var(--color3); /* Muuta väriä tarpeidesi mukaan */
}

/*footer*/

.site-footer {
    padding: 10rem 8.33% 5rem;
}

.site-footer .container {
	max-width: 1400px;
}

.site-footer .container > .row {
	margin-left: -30px;
	margin-right: -30px;
}

.site-footer__logo {
	text-align: left;
}

.site-footer__menu li a {
	font-family: "Montserrat", sans-serif;
	font-weight: 500;
}

.site-footer__menu li.current > a {
    text-decoration: none!important;
    color: var(--color3);
}

.copyright p {
	margin-bottom: 0;
}

.registry .desktop-top-menu li {
    margin-right: 0;
}

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

.desktop-top-menu li a, .copyright p {
    font-size: 14px;
    color: var(--color4);
}

/*VÄLILEHDET*/
/*showcase*/
body:not(.sivu1) #showcase .hero-slider__text-content {
    max-width: none;
    padding: 12rem 8.33% 3rem;
}
#showcase .btn:hover {
	background: transparent;
	color: var(--color3);
	border-color: var(--color3);
}
#showcase .btn:hover:after {
	color: var(--color3);
}
body:not(.sivu1) #showcase .hero-slider__text-content p {
    margin-bottom: 0;
}
/*content-top*/
#content-top {
	background: var(--color4);
}
.content-section.brandlogo-section {
	padding-bottom: 0;
}
.brandlogo-row {
	justify-content: center;
}
.content-top-logo {
	margin-bottom: 3rem;
}
.content-top-logo img {
	max-height: 400px;
    max-width: 400px;	
}
/*main-before*/
section .container > .row.product-menu {
	justify-content: center;
	margin-left: -22px;
    margin-right: -22px;
}
.product-menu-item .product-menu-item-wrap h4 {
	font-size: 1.25rem;
}
.product-menu-item .product-menu-item-wrap h4:after {
    content: " \00BB"; /* Unicode-merkintä » -merkille */
    color: var(--color3);
}
.product-menu-item .product-menu-item-wrap:hover {
    background: var(--color3);
}
.product-menu-item .product-menu-item-wrap:hover h4:after {
	color: var(--color4);
}
/*content-bottom*/
#content-bottom {
	background: linear-gradient(white 0, transparent 0), url(../tiedostot/rentti_white.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#content-bottom .hedis h2 {
	color: var(--color4);
}
/*section-back*/
#section-back > form {
	padding: 8rem 16.66%;
}

#section-back form:nth-of-type(2) {
	padding-top: 0;
}

/*kartta*/
.map-section .map-row {
	flex-flow: column;
	margin-left: -15px!important;
	margin-right: -15px!important;
}
.myymalat .row {
	margin-left: -30px!important;
	margin-right: -30px!important;
}
/*lomakkeet*/
div.caseOpen,
div.everOpen,
div.palmsOpen,
div.palmse-tOpen,
div.nceOpen {
	display: none;
}
/*tuotteet*/
.content-section.product-section {
	padding-top: 0;
}
section .container .tuote .row {
	margin-left: -15px;
	margin-right: -15px;
}
.product-section > .container > .row {
	margin-left: -45px;
	margin-right: -45px;
}
.tuote {
	background: #f0f0f0;
	border-radius: 0;
	padding: 1.5rem 1rem;
}
#main-content .tuote h6 {
	color: var(--color5);
	font-weight: 600;
}
.product-intro {
    display: grid;
    align-content: center;
    justify-content: start;
}
.tuote .more-button .btn {
    font-weight: 600;
    color: var(--color3);
    background: transparent;
    border: none;
    padding: 0!important;
    text-align: left;
}
#main-content .infoMenu h3 {
	color: var(--color4);
}
.productFiles .btn {
    font-weight: 600;
    color: var(--color3);
    background: transparent;
    border: none;
    padding: 0!important;
    text-align: left;
}
.infoWrapper {
	color: var(--color4);
}
.productBlock1 {
	padding-top: 1rem!important;
}
.infoWrapper table {
	width: auto;
}
.productPage > .container {
	padding: 0;
}

/*Fikasaukset 16.10*/

.rentti-new .editor-content__item {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.rentti-new .editor-content__item .contentlist__item-title {
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 15px;
}

.rentti-new .editor-content__item .editor-content__item-editor {
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
}

.rentti-new .editor-content__item .editor-content__item-editor + .btn {
	flex: 0 0 50%;
	max-width: fit-content;
	margin-left: calc(50% + 15px);
}

/* #content-bottom .ala-rentti */
#content-bottom .ala-rentti h2,
#content-bottom .ala-rentti p,
#content-bottom .ala-rentti li {
    color: var(--color1);
}

#content-bottom .ala-rentti a:not(.btn) {
    color: var(--color3);
}

#content-bottom .ala-rentti a:not(.btn):hover {
    color: var(--color2);
}

#content-bottom .ala-rentti .btn:hover {
    background: var(--color4);
    border-color: var(--color4);
}

#content-bottom .ala-rentti.contentlist__item_img-right .contentlist__item-content {
    padding: 0 10% 0 0 !important;
}

#content-bottom .ala-rentti.contentlist__item_img-left .contentlist__item-content {
    padding: 0 0 0 10% !important;
}

/* .muru-polku */
.muru-polku {
    font-size: 1rem;
    color: var(--color3);
    text-transform: uppercase;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    width: fit-content;
    padding: 2px 5px;
}

.muru-polku a {
    color: var(--color3);
    text-decoration: underline;
}

.muru-polku a:hover {
    color: var(--color2);
}

/* #main-content .alavali-rentti */
#main-content .alavali-rentti .contentlist__item-content {
    padding: 0 0 0 10% !important;
}

#main-content .alavali-rentti .contentlist__item-img-holder {
    padding-bottom: 56%;
}

#main-content .alavali-rentti .contentlist__item-img-holder img {
    object-fit: contain;
    font-family: "object-fit: contain";
    object-position: top;
    max-width: 800px;
    left: 50%;
    transform: translateX(-50%);
}

#main-content .alavali-rentti .contentlist__item-col {
    justify-content: left;
}

.site-main:has(.alavali-rentti) .brandlogo-section {
	display: none;
}

.rentti-turn .editor-content__item {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
}

.rentti-turn .editor-content__item .contentlist__item-title {
	flex: 0 0 50%;
	max-width: 50%;
	padding-left: 15px;
	order: 2;
}

.rentti-turn .editor-content__item .editor-content__item-editor {
	flex: 0 0 50%;
	max-width: 50%;
	padding-right: 15px;
	order: 1;
}

.kartta-input {
	display: flex;
	flex-flow: row;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}

#content-bottom .rentti-lainaus h2 {
	color: var(--color1)!important;
}

/*MILLAN ASETTELUT*/

/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/

/*lomakkeet*/
.hide-form-title .d-block {display:none !Important;}

/*kontaktit*/
.contact-list-card .contact-list-content {
    width: 100%;
    flex: 0 0 100%;
    padding: 1.5rem 0 0;
}
/*Toimipisteet*/
.kartta-container {
	max-width:1400px;
	margin:0 auto 0 auto;
}
.map-section {
	padding-top: 0!important;
}
#pac-input {display:block;
padding:20px;
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border:3px solid #000;
	margin-bottom:20px;
}
.myymalat .container {
	max-width:none;
	padding:0;
	margin-top:50px;
}
.myymala {
	margin:15px 0;
	border:2px solid var(--color2);
	padding:30px;
	height: calc(100% - 30px);
}
.myymala.traktori {
	border:2px solid var(--color3);
}
.myymala h3 a {
	color:#000;
}
.myymala a.btn {
	display:block;
	padding-left:0.5rem !important;
	padding-right:0.5rem !important; 
	margin: 5px 0; /*vesku lisäys*/
}
.myymala .linkit {
	margin-top:20px;
}
.avoinna {
	vertical-align:middle;
	cursor:pointer;
}
.avoinna:hover {opacity:0.7;}
.toimipiste-avoinna {
	border-top:1px solid #eee;
	margin-top:20px;
	padding-top:20px;
	margin-bottom:20px;
}
.toimipiste-osoite {
border-bottom:1px solid #eee;
padding-bottom:20px;
	
}
.toimipiste-email {
	word-break: break-word;
}
.titleBox .container {
    max-width: 1400px;
    margin: 0 auto;
}
#infowindow {
    text-align: center;
}
#infowindow a {
    width: 100%;
}
#infowindow a.btn.btn-switcher-primary:focus {
    background: var(--color1);
    color: var(--color4);
    border-color: var(--color1);
}
#infowindow h3 {
    color: var(--color5);
    font-size: 20px;
    padding: 10px 0 5px;
}
/*tuotesuodatus*/
.filter-wrap label {
    cursor: pointer;
}
.filterClass.off {
    display: none;
}
/*Tuotelistaus*/
.product-menu-item .product-menu-item-wrap a {
    z-index: 1;
}
.product-menu-item .product-menu-item-wrap {
    /*padding-top: 50%;*/
	padding-top: 33.33%; /*muutettu*/
}
.tuote {position:relative; margin:30px 15px;}
.product-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
}
.tuote > .container {
    padding: 0;
}
.product-menu-item {
    padding: 0;
}
.product-image-holder {
    position: relative;
    padding-bottom: 56.25%; /*100%*/ /*150%*/
}
.product-image-holder img {
    margin-bottom: 1rem;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}
/*muokkauksia*/
.tuote .row {
	flex-flow: row wrap;
}
.tuote .product-image {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 15% 1rem;
}
.tuote .product-intro {
	flex: 0 0 100%;
	max-width: 100%;
}
/**/

/*Tuotesivu*/
/*.tuotesivu #main-content {
    padding-top: 10rem;
}*/
ul.infoMenu .infoList:first-child {
    border-radius: 10px 10px 0 0;
	z-index:1;
}
ul.infoMenu .infoList:nth-child(2) {
    border-radius: 0 10px 0 0;
    margin-left: -5px;
}
.infoMenu {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 25% 0 0;
    margin: 0;
}
.infoMenu li {
    width: 100%;
    text-align: center;
    display: flex;
    padding: 20px 40px;
    background-color: var(--color1);
    user-select: none;
    cursor: pointer;
}
.infoMenu li h3 {
    margin: 0;
}
.infoMenu li.active {
    background-color: var(--color3);
}
.infoContainer{
    background: var(--color3);
	padding: 60px 40px;
	border-radius: 0 10px 10px 10px;
}
.infoWrapper {
    background: var(--color3);
    width: 100%;
    border-radius: 0 10px 10px 10px;
}
.infoContainer{
    display:none;
}
.infoContainer.ominaisuudet {display: block;}
.productFiles .btn {
    margin-bottom: 5px;
}
.productVideo {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.productButtons {
    padding-top: 20px;
}
/*.productVideo .fitVids-wrapper {
    border-radius: 10px;
    overflow: hidden;
    width: 48%;
    box-sizing: border-box;
    padding-bottom: 27% !important;
    position: relative;
	margin-bottom: 30px;
}*/
.youtube-container {
    display: block;
    margin: 7.5px auto 7.5px 0;
    width: calc(50% - 15px);
    max-width: 600px;
}
.youtube-player { border-radius:10px;display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button {
    background-size: 64px !important;
    height: 64px;
    width: 64px;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
    position: absolute;
    background: url(../media/svg-icons/playbutton.png) no-repeat;
}
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.productImage {
    text-align: center;
}
.productImage img {
    border-radius: 10px;
}
.productGallery {
    margin-left: 0;
    margin-right: 0;
	margin-top: 20px;
}
.productGallery .slick-dots {
    bottom: -30px;
}
.galleryCol {
    flex: 0 0 25%;
    max-width: 100% !important;
	padding-right: 7.5px;
    padding-left: 7.5px;
}
.lb-next, .lb-prev  {
    opacity: 1 !important;
}
#lightbox .lb-next:hover, #lightbox .lb-prev:hover {
    background-color:transparent;
}
.galleryItem {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
}
.galleryImgHolder {
    padding-bottom: 100%;
    position: relative;
}
.productGallery img {
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover";
}
.productGallery .slick-track {
    margin:0;
}
.slick-next {
    right: -35px;
}
.slick-prev {
    left: -35px;
}
.slick-prev, .slick-next {
    color: var(--color1);
    background-color: transparent;
    opacity: 1;
}
.slick-prev:hover, .slick-next:hover {
    color: var(--color3);
}
.infoContainer tr td {
    border: 1px solid var(--color4);
    padding: 8px;
}
.productLogo img {
    max-width: 200px;
}
.productContent {
	padding-top: 55px;
}
@media (max-width: 992px) {
	.tuotesivu #main-content {padding-top: 0;}
	.infoMenu li h3 {font-size: 16px;}
}
@media (max-width: 575px) {
	.infoMenu {padding: 0 5% 0 0;}
	.infoMenu li {padding: 20px;}
	.infoContainer {padding: 30px 20px;}
	.productVideo .fitVids-wrapper {
		width: 100%;
		padding-bottom: 56% !important;
	}
	.youtube-container {
		width: 100%;
	}
}

/*uutinen*/

.newspost1 .newspost__item-img-holder {
	padding-bottom: 0;
}

.newspost1 .newspost__item-content {
	margin-top: 3rem;
}

.newspost1 .newspost__item-editor img {
	margin-bottom: 0;
}

/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/

/*MEDIA*/

@media (max-width: 1599.98px) {
	.site-header__logo img {
  		max-height: 85px;
	}
	.desktop-main-menu li.level1 > a, .desktop-main-menu li.hasSubItems > span.noNavLink {
		padding-left: 1.5rem;
	}
	.desktop-main-menu li.level1.current > a::after {
  		width: calc(100% - 1.5rem);
  	}
	.desktop-main-menu li.hasSubItems > a, .desktop-main-menu li.hasSubItems > span.noNavLink {
  		padding-right: 1.5rem !important;
	}
	.site-header__bottom {
  		padding: 1rem 5%;
	}
	.site-header__top {
		padding: 1rem 5% 0;
  	}
}

@media (max-width: 1399.98px) {
	.sivu1 #showcase h2 {
    	font-size: 3.5rem;
	}
	.sivu1 #showcase h1 {
    	font-size: 3.5rem !important;
	}
	h1, 
	h2 {
		font-size: 2.75rem;
	}
	h3,
	.news1 .newslist-item h2,
	.event-title h2,
	.rentti-cb-nosto h2 {
		font-size: 1.75rem;
	}
	#showcase .hero-nosto h2, .image-box .boxlist-item h2 {
		font-size: 1.5rem;
	}
	.product-menu-item .product-menu-item-wrap h4 {
		font-size: 1.125rem;
	}
	.content-section, .testimonials, #section-back form {
		padding-top: 8rem;
		padding-bottom: 8rem;
	}
	.site-main:has(#main-content + #content-bottom) #main-content .content-section:has(.rentti) {
		padding: 8rem 16.66%;
	}
	#section-primary {
    	background: 
        linear-gradient(to right, 
            rgba(255, 255, 255, 1) 8.33%, 
            rgba(255, 255, 255, 0) 8.33%), 
        linear-gradient(to left, 
            rgba(255, 255, 255, 1) 16.66%, 
            rgba(255, 255, 255, 0) 16.66%), 
        linear-gradient(to bottom, 
            rgba(255, 255, 255, 1) 8rem, 
            rgba(255, 255, 255, 0) 8rem),
        url(../tiedostot/rentti-testimonials-bg2.jpg);
		background-size: 100% auto;
  		background-position: center;
  		background-repeat: no-repeat;
	}
	.tm-elem {
	    margin-top: 8rem;
	}
	.fast-form-phone, .fast-form-email {
  		padding: 4rem 8.33%;
	}
	.site-footer {
		padding: 8rem 8.33% 4rem;
	}
	#main-content:has(.content-section + .valikko-section + .content-section) .content-section:has(.rentti-turn) {
		padding-top: 8rem;
	}
	/*välilehti logot*/
	.content-top-logo img {
		max-height: 350px;
		max-width: 350px;
	}
}

@media (max-width: 1199.98px) {
	.sivu1 #showcase h2 {
    	font-size: 3.25rem;
	}
		.sivu1 #showcase h1 {
    	font-size: 3.25rem !important;
	}
	h1, 
	h2 {
		font-size: 2.25rem;
	}
	h3,
	.news1 .newslist-item h2,
	.event-title h2,
	.rentti-cb-nosto h2 {
		font-size: 1.5rem;
	}
	#showcase .hero-nosto h2, .image-box .boxlist-item h2 {
		font-size: 1.5rem;
	}
	/**/
	.content-section, .testimonials, #section-back form {
		padding-top: 6rem;
		padding-bottom: 6rem;
	}
	.site-main:has(#main-content + #content-bottom) #main-content .content-section:has(.rentti) {
		padding: 6rem 16.66%;
	}
	#section-primary {
    	background: 
        linear-gradient(to right, 
            rgba(255, 255, 255, 1) 8.33%, 
            rgba(255, 255, 255, 0) 8.33%), 
        linear-gradient(to left, 
            rgba(255, 255, 255, 1) 16.66%, 
            rgba(255, 255, 255, 0) 16.66%), 
        linear-gradient(to bottom, 
            rgba(255, 255, 255, 1) 6rem, 
            rgba(255, 255, 255, 0) 6rem),
        url(../tiedostot/rentti-testimonials-bg2.jpg);
		background-size: 100% auto;
  		background-position: center;
  		background-repeat: no-repeat;
	}
	.tm-elem {
	    margin-top: 6rem;
	}
	.fast-form-phone, .fast-form-email {
  		padding: 3rem 8.33%;
	}
	.site-footer {
		padding: 6rem 8.33% 3rem;
	}
	#main-content:has(.content-section + .valikko-section + .content-section) .content-section:has(.rentti-turn) {
		padding-top: 6rem;
	}
	/*showcase*/
	.hero-slider__item.height-100 .hero-slider__text-content {
    	padding: 0rem 16.66% 5rem 8.33%;
	}
	/*välilehti logot*/
	.content-top-logo img {
		max-height: 300px;
		max-width: 300px;
	}
	/*tm-elem*/
	.tm-elem {
  		padding: 6rem 3rem 4rem;
  	}
	.tm-elem::after {
	    top: 1rem;
	    left: 3rem;
	    font-size: 4rem;
	}
}

@media (max-width: 991.98px) {
	.sivu1 #showcase h2 {
    	font-size: 2.75rem;
	}
		.sivu1 #showcase h1 {
    	font-size: 2.75rem !important;
	}
	h1, 
	h2 {
		font-size: 2.25rem;
	}
	h3,
	.news1 .newslist-item h2,
	.event-title h2,
	.rentti-cb-nosto h2 {
		font-size: 1.5rem;
	}
	#showcase .hero-nosto h2, .image-box .boxlist-item h2 {
		font-size: 1.5rem;
	}
	.show-header h2, .show-header h1 {
	    padding-right: 0%;
	    margin-bottom: 1rem;
	}
	/**/
	.content-section, .testimonials, #section-back form {
		padding-top: 5rem;
		padding-bottom: 5rem;
		padding-left: 8.33%;
		padding-right: 8.33%;
	}
	.site-main:has(#main-content + #main-after) #main-content .content-section:has(.rentti) {
		padding: 0 8.33%;
	}
	#main-content .content-section:has(.rentti) {
		padding-right: 8.33%;
		padding-left: 8.33%;
	}
	.site-main:has(#main-content + #content-bottom) #main-content .content-section:has(.rentti) {
		padding: 5rem 8.33%;
	}
	#section-primary {
    	background: 
        linear-gradient(to right, 
            rgba(255, 255, 255, 1) 8.33%, 
            rgba(255, 255, 255, 0) 8.33%), 
        linear-gradient(to left, 
            rgba(255, 255, 255, 1) 16.66%, 
            rgba(255, 255, 255, 0) 16.66%), 
        linear-gradient(to bottom, 
            rgba(255, 255, 255, 1) 5rem, 
            rgba(255, 255, 255, 0) 5rem),
        url(../tiedostot/rentti-testimonials-bg2.jpg);
		background-size: 100% auto;
  		background-position: center;
  		background-repeat: no-repeat;
	}
	.tm-elem {
	    margin-top: 5rem;
	}
	.fast-form-phone, .fast-form-email {
  		padding: 2.5rem 8.33%;
	}
	.site-footer {
		padding: 5rem 8.33% 2.5rem;
	}
	#main-content:has(.content-section + .valikko-section + .content-section) .content-section:has(.rentti-turn) {
		padding-top: 5rem;
	}
	/*mobile-buttons / navi */
	#mobile-buttons a.btn {
		padding: 0.375rem 0.75rem;
		color: var(--color4);
		background: var(--color3);
		border-color: var(--color3);
		text-transform: uppercase;
    	font-weight: 900;
	}
	#mobile-buttons {
		top: 26px;
		left: auto;
		right: 125px;
	}
	/*showcase*/
	.hero-nosto {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.hero-nosto:last-child {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.hero-slider__item.height-100 {
		min-height: 800px;
		height: calc(100vh - 122px) !important;
	}
	/*main-before*/
	.as-logo ul li {
		flex: 0 0 33.33%;
		max-width: 33.33%;
		margin-top: 0rem;
	}
	.as-logo ul li img {
		margin: 20px 0;
	}
	/*main-after*/
	.image-box .boxlist__col:nth-child(1) .boxlist-item, .image-box .boxlist__col:nth-child(2) .boxlist-item {
		margin-bottom: 30px;
	}
	/*content-bottom*/
	.news1 .newslist__col:nth-child(1) {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.news1 .newslist-item__img-holder {
		padding-bottom: 56%;
	}
	.row:has(.rentti-cb-nosto) .editor-content__col {
		flex: 0 0 50%;
		max-width: 50%;
	}
	/*section-primary*/
	#section-primary {
    	background-size: cover;
	}
	.tm-elem {
		max-width: 500px;
	}
	/*section-back*/
	.calendar.threebox-event .event {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.calendar.threebox-event .event:nth-child(1) {
		flex: 0 0 100%;
		max-width: 100%;
	}
	/*footer*/
	.site-footer {
		padding: 5rem 8.33%;
	}
	/*välilehti*/
	.content-top-logo img {
		max-height: 250px;
		max-width: 250px;
	}
	.vuokra {
		flex: 0 0 100%;
		max-width: 100%;
	}
	/*lomakkeet*/
	.wrapped-fields .form-group {
	    padding: 0.5rem 0;
	}
	/*tuotteet*/
	.tuote {
    	margin: 15px 0px;
	}
	.product-section > .container > .row {
		margin-left: -30px;
		margin-right: -30px;
	}
	/*välifiksaus*/
	.rentti-new .editor-content__item .contentlist__item-title {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
	}

	.rentti-new .editor-content__item .editor-content__item-editor {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
	}
	.rentti-new .editor-content__item .editor-content__item-editor + .btn {
		flex: 0 0 100%;
		max-width: fit-content;
		margin-left: 0;
	}
	#content-bottom .ala-rentti .contentlist__item_img-right .contentlist__item-content {
			padding: 0!important;
		}
	#content-bottom .ala-rentti .contentlist__item_img-left .contentlist__item-content {
			padding: 0!important;
		}
	.muru-polku {
		font-size: 1rem;
	}
		#main-content .alavali-rentti .contentlist__item-col {
			justify-content: left;
		}
	  	#main-content .alavali-rentti .contentlist__item-content {
			padding: 0 !important;
			text-align: left;
	  	}
	  	#main-content .alavali-rentti .contentlist__item-img-holder {
	  		display: none;
	  	}
	.site-main:has(.alavali-rentti) .brandlogo-section {
		display: block;
	}
	.site-main:has(.alavali-rentti) #content-top .brandlogo-section {
		padding-bottom: 5rem;
	}
	.rentti-turn .editor-content__item .contentlist__item-title {
		flex: 0 0 100%;
		max-width: 100%;
		padding-left: 0;
		order: 1;
	}
	.rentti-turn .editor-content__item .editor-content__item-editor {
		flex: 0 0 100%;
		max-width: 100%;
		padding-right: 0;
		order: 2;
	}
	.alavali-rentti p.only-whitespace {
	  	display: none;
	}
	.rentti-50 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.rentti-lainaus h2 {
			text-align: left;
		}	
}

@media (max-width: 767.98px) {
	.sivu1 #showcase h2 {
    	font-size: 2.25rem;
	}
		.sivu1 #showcase h1 {
    	font-size: 2.25rem !important;
	}
	h1, 
	h2 {
		font-size: 2rem;
	}
	h3,
	.news1 .newslist-item h2,
	.event-title h2,
	.rentti-cb-nosto h2 {
		font-size: 1.25rem;
	}
	#showcase .hero-nosto h2, .image-box .boxlist-item h2 {
		font-size: 1.25rem;
	}
	/**/
	#showcase .content-section:nth-child(2) {
	    bottom: 3rem;
	}
	/*napit*/
	.site-main .btn {
		padding: 0.5rem 1rem;
	}
	/*mobile-buttons / navi */
	#mobile-buttons a.btn {
		padding: 0.5rem 1rem;
		color: var(--color4);
		background: var(--color3);
		border-color: var(--color3);
	}
	#mobile-buttons {
		top: auto;
		left: auto;
		right: auto;
		bottom: 81px;
		height: auto;
		display: flex;
		width: 100%;
  	}
	#mobile-buttons .btn {
		flex: 0 0 33.33%;
    	max-width: 33.33%;
		background: none;
		border: none;
		margin: 0;
	}
	#mobile-buttons .btn:not(:nth-child(2)) {
		border-left: 2px solid var(--color4);
	}
	.site-header__logo img {
		max-height: 65px;
	}
	/*
	.mobile-menu__bars {
		position: fixed;
		bottom: 81px;
		right: 0;
		padding-right: 0.75rem;
		background: var(--color3);
		color: var(--color4);
		border-radius: 0;
	}
	*/
	#sf-cookie-bottom-bar {
		margin-bottom: 34px;	
	}
	/*showcase*/
	.hero-nosto {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.hero-slider__item.height-100 {
		height: 100vh!important;
		max-height: 1000px;
	}
	.show-header {
		padding-right: 15px;
	}/*
	body:not(.sivu1) #showcase .hero-slider__text-content {
		padding: 6rem 8.33% 1rem;
	}*/
	#showcase .hero-nosto h2 {
	    margin-bottom: 1rem;
	}
	.hero-nosto p {
	    margin-bottom: 1rem;
	}
	.show-header {
		margin-bottom: 1rem;
	}
	/*main-before*/
	.as-logo ul li {
        flex: 0 0 50%;
        max-width: 50%;
    }
	.as-logo ul li {
		height: 150px;
	}
	.as-logo ul li > a {
  		height: 100px;
	}
	.as-logo ul li img {
		object-position: top;
	}
	.as-logo ul li {
    	height: auto;
		margin-bottom: 0rem;
  	}
	/*
	.as-logo ul li img {
    	max-width: 300px;
    	max-height: 130px;
	}*/
	.product-menu-item .product-menu-item-wrap {
		padding-top: 25%;
	}
	/*main-content*/
	#main-content .content-section:has(.rentti) {
		padding-right: 8.33%;
		padding-left: 8.33%;
	}
	/*content-bottom*/
	.news1 .newslist__col {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.row:has(.rentti-cb-nosto) .editor-content__col.hedis,
	.editor-content__col.hedis {
        flex: 0 0 100%;
        max-width: 100%;
		margin-bottom: 0;
    }
	.row:has(.rentti-cb-nosto) .editor-content__col.hedis-text,
	.editor-content__col.hedis-text {
        flex: 0 0 100%;
        max-width: 100%;
    }
	/*section-primary*/
	#section-primary {
    	background:
        url(../tiedostot/rentti-testimonials-bg2.jpg);
		background-size: cover;
  		background-position: center top;
  		background-repeat: no-repeat;
	}
	.tm-elem {
	    margin-top: 0rem;
		max-width: none;
	}
	.testimonials .slick-prev {
		left: auto;
        right: 50px;
	}
	.testimonials .slick-next {
		left: auto;
        right: 0;
	}
	/*section-back*/
	.calendar.twobox-event .event {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.calendar.threebox-event .event {
		flex: 0 0 100%;
		max-width: 100%;
	}
	/*bottom*/
	.fast-form-phone .form-group {
		padding-left: 0 !important;
	}
	.fast-form-phone .row {
		grid-template-columns: 100%;
	}
	/*välilehti logot*/
	.content-top-logo img {
		max-height: 200px;
		max-width: 200px;
	}
	/*tuotteet*/
	.product-image-holder {
		padding-bottom: 100%;
	}
	.tuote {
		padding: 0 1rem 1rem;
	}
	.product-image {
		margin: 15px 0;
	}
	.infoMenu li {
		padding: 20px 20px;
	}
	.productFiles {
		padding-top: 3rem;
	}
	/*uutinen*/
	.newspost-section {
		padding-top: 10rem!important;
	}
}

@media (max-width: 575.98px) {
	.sivu1 #showcase h2 {
    	font-size: 2rem;
	}
	.sivu1 #showcase h1 {
    	font-size: 2rem !important;
	}
	h1, 
	h2 {
		font-size: 1.75rem;
	}
	h3,
	.news1 .newslist-item h2,
	.event-title h2,
	.rentti-cb-nosto h2,
	h4,
	h5 {
		font-size: 1.125rem;
	}
	#showcase .hero-nosto h2, .image-box .boxlist-item h2, .product-title h3 {
		font-size: 1.25rem;
	}
	/**/
	.content-section, #section-back form, .testimonials {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
	.site-main:has(.alavali-rentti) #content-top .brandlogo-section {
		padding-bottom: 4rem;
	}
	.fast-form-phone, .fast-form-email {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.site-main:has(#main-content + #content-bottom) #main-content .content-section:has(.rentti) {
		padding: 4rem 8.33%;
	}
	.site-footer {
		padding: 4rem 8.33% 2rem;
	}
	.site-main:has(#main-before + #main-content) #main-before .content-section {
		padding-top: 2rem;
	}
	#main-content:has(.content-section + .valikko-section + .content-section) .content-section:has(.rentti-turn) {
		padding-top: 4rem;
	}
	/*navi*/
	#mobile-buttons a span {
        display: inline-block;
    }
	#mobile-buttons a svg {
        margin-right: 5px;
	}
	.site-header__logo img {
    	max-height: 50px;
  	}
	#mobile-buttons {
		bottom: 70px;
	}
	/*showcase*/
	.hero-nosto p {
		display: none;
	}
	.hero-slider__item.height-100 {
        min-height: 0;
		max-height: none;
		height: calc(100dvh - 100px) !important;
    }
	/*main-before*/
	/*.as-logo ul li {
		height: 100px;
	}
	.as-logo ul li > a {
  		height: 50px;
	}*/
	.as-logo ul li {
		justify-content: start;
	}
	.as-logo ul li img {
    	max-width: 200px;
    	max-height: 100px;
    	margin: 0;
  	}
	/*main-after*/
	.image-box .boxlist__col:not(:nth-child(4)) .boxlist-item {
        margin-bottom: 30px;
    }
	.image-box .boxlist__col .boxlist-item {
        padding-bottom: 56%;
    }
	/*content-bottom*/
	.header-n-btn {
		flex-flow: column;
	}
	.header-n-btn .btn {
		align-self: flex-start;
	}
	.header-n-btn h2 {
    	margin-bottom: 1rem;
	}
	.news1 .newslist {
    	margin-right: -15px;
    	margin-left: -15px;
	}
	.news1 .newslist-item__text-holder {
    	padding: 2rem 1.5rem;
	}
	.row:has(.rentti-cb-nosto) .editor-content__col {
        flex: 0 0 100%;
        max-width: 100%;
    }
	/*section-primary*/
	.tm-elem {
		padding-left: 2rem;
	}
	.tm-elem::after {
    	left: 2rem;
	}
	/*footer*/
	.copyright {
	    text-align: left;
	}
	.row:has(.registry) {
  		margin-top: 2rem;
	}
	/*tuotteet*/
	.product-section .filterClass {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.tekniset {
		font-size: 12px;
	}
	/**/
	.show-header h2 {
		padding-right: 0%;
	}
	.show-header h1 {
		padding-right: 0%;
	}

}

@media (max-width: 450.98px) {
	.sivu1 #showcase h2 {
    	font-size: 2rem;
	}
		.sivu1 #showcase h1 {
    	font-size: 2rem !important;
	}
	h1, 
	h2 {
		font-size: 1.5rem;
	}
	h3,
	.news1 .newslist-item h2,
	.event-title h2,
	.rentti-cb-nosto h2,
	h4,
	h5 {
		font-size: 1rem;
	}
	#showcase .hero-nosto h2, .image-box .boxlist-item h2 {
		font-size: 1.125rem;
	}
	/*navi*/
/*	#mobile-buttons a.btn {
        padding: 0.25rem 0.5rem;
	}*/
	.site-header__logo img {
        max-height: 50px;
    }
	/*main-before*/
	 .as-logo ul li > a {
    	height: auto;
  	}
	/*logot*/
	.as-logo ul li {
        flex: 0 0 100%;
        max-width: 100%;
		margin-top: 0rem;
    }
	.as-logo ul li p {
	    margin-top: 0;
	}
	/*tuotteet*/
	.product-section .filterClass {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.infoMenu li h3 {
        font-size: 12px;
    }
 	.infoMenu li {
		padding: 20px 10px;
	}
}

@media (max-width: 409.98px) {
	.sivu1 #showcase h2 {
    	font-size: 1.75rem;
	}
		.sivu1 #showcase h1 {
    	font-size: 1.75rem !important;
	}
	h1, 
	h2 {
		font-size: 1.25rem;
	}
	h3,
	.news1 .newslist-item h2,
	.event-title h2,
	.rentti-cb-nosto h2,
	h4,
	h5 {
		font-size: 1rem;
	}
	#showcase .hero-nosto h2, .image-box .boxlist-item h2 {
		font-size: 1.125rem;
	}
	/*footer*/
	.site-footer .col-sm-6.col-md-5,
	.site-footer .col-sm-6.col-md-4{
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
	}
	.site-footer__social-icons, .copyright, .registry {
        text-align: left;
    }
}

@media (max-width: 349.98px) {
	.sivu1 #showcase h2 {
    	font-size: 1.5rem;
	}
		.sivu1 #showcase h1 {
    	font-size: 1.5rem !important;
	}
	h1, 
	h2 {
		font-size: 1.125rem;
	}
	h3,
	.news1 .newslist-item h2,
	.event-title h2,
	.rentti-cb-nosto h2,
	h4,
	h5 {
		font-size: 1rem;
	}
	#showcase .hero-nosto h2, .image-box .boxlist-item h2 {
		font-size: 1rem;
	}
	#mobile-buttons a.btn {
    	padding: 0.5rem 0.5rem;
	}
}


/*Uusi ilme maaliskuu -25*/

/*navi*/

.site-header__top {
    padding: 1rem 2rem 0;
    background-color: var(--color1);
    color: var(--color4);
}

.site-header__bottom {
    padding: 0rem 2rem 1rem;
    background: var(--color1) !important;
	border-bottom: 15px solid var(--color3);
}

#header.sticky {
	transform:translateY(-100%);
    position:absolute !important;
	padding: 1rem 2rem 1rem;
}

@media (min-width:991.98px) {
	#header.sticky.slow {
		transform:translateY(0%);
		transition: transform 1s linear;
		position:fixed !important;
		background: var(--color4) !important;
	}
}

.desktop-main-menu a,
.desktop-main-menu li.hasSubItems > span.noNavLink,
.desktop-main-menu li.hasSubItems .svg-inline--fa,
.mobile-menu__bars {
    color: var(--color4);
}

#header.sticky.slow .desktop-main-menu a,
#header.sticky.slow .desktop-main-menu li.hasSubItems > span.noNavLink,
#header.sticky.slow .desktop-main-menu li.hasSubItems .svg-inline--fa,
#header.sticky.slow .mobile-menu__bars {
    color: var(--color1);
}

.desktop-main-menu li.level1 > a,
.desktop-main-menu li.hasSubItems > span.noNavLink {
    padding-right: 1rem;
    padding-left: 1rem;
	padding-top: 0;
	padding-bottom: 0;
    border-right: 1px solid var(--color4);
}

#header.sticky.slow .desktop-main-menu li.level1 > a,
#header.sticky.slow .desktop-main-menu li.hasSubItems > span.noNavLink {
	border-right: 1px solid var(--color1);
}

#header.sticky.slow .desktop-main-menu li.level1.last > a,
.desktop-main-menu li.level1.last > a{
	padding-right: 0;
	border-right: none;
}

#header.sticky.slow .desktop-main-menu .sub-menu a:hover {
  color: var(--color3);
}

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

.desktop-main-menu li.hasSubItems .svg-inline--fa {
	display: none;
}

.desktop-main-menu li.level1.current > a::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 1rem;
    right: 1rem;
    width: calc(100% - 2rem);
    height: 2px;
    margin: 0 auto;
    background-color: var(--color4);
}

.desktop-main-menu li.level1.current.last > a::after {
	width: calc(100% - 1rem);
}

#header.sticky.slow .desktop-main-menu li.level1.current > a::after {
	background-color: var(--color1);
}

.desktop-main-menu li.level1.hasSubItems:hover > .sub-menu {
	display: flex !important;
	justify-content: space-evenly;
	background: #ebebeb;
	min-width: 0;
    position: fixed;
    list-style: none;
    padding: 0;
    z-index: 3;
    border-radius: 0;
    left: auto;
	right: 0;
	width: 100vw;
  	max-width: 1400px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	padding: 1rem;
}

.desktop-main-menu li.level1.hasSubItems:hover > .sub-menu {
	top: 153px;
}

#header.sticky.slow .desktop-main-menu li.level1.hasSubItems:hover > .sub-menu {
	top: 100%;
}

.desktop-main-menu li.level1.hasSubItems:hover > .sub-menu:not(:has(li.level2.hasSubItems)) {
	flex-flow: column;
}

.desktop-main-menu li.level1.first {
	display: none;
}

.desktop-main-menu li.level1.hasSubItems:hover::before {
	content: '';
    position: absolute;
    width: 100%;
    height: 10px;
    background: var(--color3);
    bottom: 0;
    top: 61px;
}

.desktop-main-menu li.level1.hasSubItems::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 100px; /* Riittävästi, jotta käyttäjä ehtii siirtyä alas */
    bottom: -100px; /* Sijoitetaan juuri ennen submenua */
    background: transparent; /* Ei näy käyttäjälle */
}

/*
.desktop-main-menu li.level1.hasSubItems::after {
  content: "";
  position: absolute;
  left: -100%;
  right: 0;
  height: 200px;
  bottom: -200px;
  background: transparent;
  width: 300%;
}*/

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

.desktop-main-menu li.level1.hasSubItems:hover > .sub-menu > li.level2.hasSubItems .sub-menu {
	display: flex!important;
	flex-flow: column;
	position: relative;
    left: 0;
    background: transparent;
    box-shadow: none;
	min-width: 0;
    padding: 0 0 0 0.5rem;
}

.desktop-main-menu .sub-menu::before {
	bottom: 0;
}

.desktop-main-menu li.level3 > a {
	font-weight: 500;
}

/*showcase*/

.hero-slider__item.head-hero .hero-slider__text-content {
	align-self: end;
	padding: 0 8.33% 5rem;
}

.videoheroleft .hero-slider__container {
	max-width: none!important;
	justify-content: flex-start;
}

.videoheroleft .hero-slider__text-content_inner {
    width: 60%;
}

.hero-section:has(.head-hero) .slick-dots {
	display: none!important;
}

#showcase .head-hero h2 {
	position: relative;
}
#showcase .head-hero h1 {
	position: relative;
}

#showcase .head-hero h2::before {
	content:'';
	position: absolute;
	display: block;
  	width: 80%;  
  	height: 20px;
  	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1010 100" preserveAspectRatio="none"><g fill="%23FE9000"><polygon points="0,100 100,100 110,0 10,0"/><polygon points="120,100 480,100 490,0 130,0"/><polygon points="500,100 680,100 690,0 510,0"/><polygon points="700,100 800,100 810,0 710,0"/><polygon points="820,100 1000,100 1010,0 830,0"/></g></svg>');	
  	background-size: 100% 100%;  
  	background-repeat: no-repeat;  
	bottom: -3rem;
}
#showcase .head-hero h1::before {
	content:'';
	position: absolute;
	display: block;
  	width: 80%;  
  	height: 20px;
  	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1010 100" preserveAspectRatio="none"><g fill="%23FE9000"><polygon points="0,100 100,100 110,0 10,0"/><polygon points="120,100 480,100 490,0 130,0"/><polygon points="500,100 680,100 690,0 510,0"/><polygon points="700,100 800,100 810,0 710,0"/><polygon points="820,100 1000,100 1010,0 830,0"/></g></svg>');	
  	background-size: 100% 100%;  
  	background-repeat: no-repeat;  
	bottom: -3rem;
}

/*logo seinä*/

.content-section:has(.as-logo) {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.as-logo ul li,
.as-logo ul li > a {
	height: auto;
  	max-height: 150px;
}

/*main-content*/

#main-content {
	background: #ebebeb;
}

.rentti h3 {
	margin-bottom: 0;
}

/*boksit*/

.boxlist:has(.new-boxes) {
	gap: 30px 0;
}

.boxlist__col.new-boxes {
	margin-bottom: 0;
}

.new-boxes .boxlist-item {
	cursor: pointer;
}

.new-boxes .boxlist-item__img-holder {
	padding-bottom: 100%;
}

 .boxlist-item__text-holder {
	text-align: center;
}

.new-boxes .boxlist-item__text-holder h2 {
    color: var(--color1) !important;
	margin-bottom: 0;
}

.box2 .boxlist .boxlist__col.new-boxes.kone {
	flex: 0 0 16.66%;
	max-width: 16.66%;
}

.content-section:has(.new-boxes.kone) {
	padding-bottom: 0!important;
}

/*karuselli*/

.content-slider-section:has(.karuselli-content) {
	padding: 10rem 8.33% 10rem!important;
}

.content-slider-section:has(.karuselli-content) .slick-dots {
	display: none!important;
}

.content-slider-section:has(.karuselli-content) .content-slider__container {
    justify-content: flex-start;
	max-width: none!important;
	background: var(--color1);
}

.content-slider-section:has(.karuselli-content) .content-slider__text-content {
    max-width: 40%;
    margin-left: 0;
    padding: 10rem 5rem;
	background: var(--color1);
}

.content-slider-section:has(.karuselli-content) .content-slider__bg-image {
    width: 60%;
    left: auto;
	object-fit: contain;
}

#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h2,
#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h3,
#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h4 {
	color: var(--color4);
	font-weight: 900;
	position: relative;
}

#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h2::after,
#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h3::after,
#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h4::after {
	content: "";
	position: absolute;
    display: block;
    width: 60px; /* Määritetty koko */
  	height: 60px;
  	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 100"><g fill="%23FE9000"><polygon points="10,90 55,90 45,10 0,10"/><polygon points="65,90 110,90 100,10 55,10"/></g></svg>');    
	background-size: contain;
    background-repeat: no-repeat;
	top: -80px;
}

.content-slider-section:has(.karuselli-content) .content-slider__item .content-slider__text-content p:has(> a) {
    margin-bottom: 0rem;
}

#main-content .content-slider-section:has(.karuselli-content) .btn:hover {
	color: var(--color4);
  	border-color: var(--color2);
  	background: transparent;
}


.content-slider-section:has(.karuselli-content) .slick-next, .content-slider-section:has(.karuselli-content) .slick-prev {
    border-radius: 0;
    transform: translate(0);
    top: auto;
    bottom: 0;
	display: inline-block!important;
}

.content-slider-section:has(.karuselli-content) .slick-next {
    background: var(--color1);
    color: var(--color2);
    left: 40%;
}

.content-slider-section:has(.karuselli-content) .slick-prev {
    background: var(--color2);
    color: var(--color1);
    left: calc(40% - 50px);
}

/*content-bottom*/

#content-bottom {
	background: #ebebeb;
}

.rentti-cb-nosto {
	display: grid;
}
.rentti-cb-nosto .editor-content__item {
	background: #ebebeb;
	padding: 1rem;
}

.news1 .newslist-item__category {
    background: var(--color2);
	font-weight: 900;
	color: var(--color4);
}

/*section-back*/

#section-back h2,
#section-back h3,
#section-back h4 {
	color: var(--color1);
}

.kolomone .content-section {
	padding: 0!important;
}

.events-section {
	padding: 0!important;
}

.event-item {
	flex-flow: row;
}

.event-item__img-holder {
    position: relative;
    padding-bottom: 0;
    height: 100%;
    width: 100%;
	flex: 0 0 25%;
	max-width: 25%;
}

.event-item__text-holder {
  	flex: 0 0 75%;
	max-width: 75%;
	background: #ebebeb;
    padding: 2rem;
}

.eventDate {
	background: var(--color2);
	bottom: 0;
    width: 100%;
    left: 0;
    height: auto;
}

/*bottom*/

.fast-form-phone .row {
	display: flex;
	flex-flow: column;
}

.fast-form-phone .row .form-group {
	flex: 0 0 100%!important;
}

#bottom .btn:hover {
	color: var(--color4)!important;
	border-color: var(--color4)!important;
	background: transparent;
}
#bottom .btn:hover::after {
	color: var(--color4);
}

/*footer*/

.site-footer {
	background: #424242;
}

.site-footer h4 {
	color: var(--color4);
}

.site-footer__menu li.level1.hasSubItems > a {
	padding-bottom: 0.5rem;
}

ul.site-footer__menu li > ul.site-footer__menu {
	margin: 0;
	padding-top: 0.5rem;
}

.site-footer__logo {
    text-align: center;
    margin-top: 3rem;
}

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

/*kontaktit*/

.ankkuri {
	scroll-margin-top: 140px;
}

.contact-section {
	padding-top: 0!important;
	padding-bottom: 3rem!important;
}

.contact-section .faq {
	padding: 0;
}

.contact-section .faq .editor-content__item {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
    background-color: transparent;
    padding: 0rem !important;
}

.contact-section .faq h2 {
	display: inline-block;
}

.contact-section .faq h2::before {
	right: -50px;
}

.contact-section .faq h2 {
    font-size: 2rem;
}

.content-section .row:has(.company-info) {
	margin-left: -30px;
	margin-right: -30px;
}

.content-section:has(.company-info) {
	padding-bottom: 3rem!important;
}

/*tuote faq*/

.product-section .faq {
	padding: 0;
}

.product-section .faq .editor-content__item {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
    background-color: transparent;
    padding: 0rem !important;
}

.product-section .faq h2 {
	display: inline-block;
	font-size: 2rem;
}

.product-section .faq h2::before {
	right: -40px;
}

.product-section:has(.faq) {
	padding-bottom: 3rem!important;
}

/*uudet iconi boksit*/

.box2 .boxlist .boxlist__col.new-boxes.icon {
	flex: 0 0 25%;
	max-width: 25%;
}

.boxlist__col.new-boxes.icon img {
	object-fit: contain;
}

.content-section:has(.new-boxes.icon) {
	padding-top: 0!important;
}

.box2 .boxlist__col.new-boxes.icon .boxlist-item h2 {
	font-size: 1.125rem;
}

/*uudet palstat*/

.ala-rentti + .ala-rentti {
	padding-top: 5rem;
}

/*huoltokontakit*/

.content-section:has(.huoltokontakti.editor-content__col) {
	padding-bottom: 5rem!important;
	padding-top: 5rem!important;
}

.huoltokontakti.editor-content__col {
	background: var(--color3);
  	padding: 1rem 2rem;
  	margin: 0 15px 3rem;
  	max-width: calc(25% - 30px);
}

.huoltokontakti.editor-content__col h3,
.huoltokontakti.editor-content__col p,
.huoltokontakti.editor-content__col a {
	color: var(--color4)!important;
}

/*huoltologot*/

.content-section:has(.huolto-logo) {
	background: var(--color4);
}

.as-logo.huolto-logo ul li {
	flex: 1 1 0;
	max-width: 100%;
}

.content-section:has(.huolto-logo) + .content-section {
	padding-top: 5rem;
}

/*UKK*/

.content-section:not(.contact-section).faq {
	margin-bottom: 1rem;
}

.content-section:not(.contact-section) .faq .editor-content__item {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
    background-color: transparent;
    padding: 0 0 1rem !important;
	border-bottom: 1px solid var(--color5);
}

.content-section:not(.contact-section) .faq h2 {
    font-size: 2rem;
    color: var(--color5)!important;
	margin-right: 50px!important;
	font-weight: 600;
	text-transform: none;
}

.content-section:not(.contact-section) .faq h2.faqOpen {
	margin-bottom: 1rem!important;
}

.content-section:not(.contact-section) .faq h2:before {
    background: transparent;
    color: var(--color1);
	/*width: auto;
    height: 100%;
    aspect-ratio: 1 / 1;*/
	right: -50px;
	width: 40px; 
    height: 40px;
	line-height: 40px;
}

.faq-hedis {
	margin-bottom: 1rem;
	margin-top: 2rem;
}

.faq-hedis h3 {
	color: var(--color3)!important;
}

/*someseinä*/

.content-section.some-section {
	padding-bottom: 0;
}

/*uudet mediat*/

@media (max-width: 1599.98px) {
	.as-logo.huolto-logo ul li {
		flex: 0 0 20%;
		max-width: 20%;
	}
}

@media (max-width:1399.98px) {
	/*boksit*/
	.box2 .boxlist .boxlist__col.new-boxes.kone {
		flex: 0 0 25%;
		max-width: 25%;
	}
}

@media (max-width: 1199.98px) {
	/*logot*/
	.as-logo ul li img {
	    padding: 0 15px;
	}
	/*karuselli*/
	.content-slider-section:has(.karuselli-content) {
  		padding: 6rem 8.33% 6rem !important;
	}
	.content-slider-section:has(.karuselli-content) .content-slider__text-content {
  		padding: 6rem 3rem;
  	}
	#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h2::after, 
	#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h3::after, 
	#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h4::after {
	    width: 50px;
	    height: 50px;
	    top: -60px;
	}
  	/*tapahtumat*/
  	.event-item__text-holder {
  		padding: 1rem;
  	}
	/*huoltokontaktit*/
	.huoltokontakti.editor-content__col {
		flex: 50%;
		max-width: calc(50% - 30px);
	}
}

@media (max-width: 991.98px) {
	/*navi*/
	#header.sticky {
		transform:translateY(0);
    	position:fixed !important;
		padding: 1rem 2rem 1rem;
		background: var(--color4)!important;
	}
	.site-header__bottom {
  		padding: 1rem 2rem 1rem;
  	}
	#header.sticky .mobile-menu__bars {
	  	color: var(--color1);
	}
	 #mobile-buttons {
    	right: 5rem;
  	}
	/*showcase*/
	.hero-slider__item.height-100 {
    	min-height: 700px;
    	height: calc(100vh - 105px) !important;
  	}
	.videoheroleft .hero-slider__text-content_inner {
	  	width: 80%;
	}
	/*karuselli*/
	.content-slider-section:has(.karuselli-content) {
    	padding: 5rem 8.33% 5rem !important;
  	}
	/*tapahtuma*/
	.calendar .event {
		padding-left: 15px;
	}
	.ysikko {
		padding-top: 2rem;
	}
	/*vaihtokoneet*/
	.box2 .boxlist .boxlist__col.new-boxes.icon {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	/*palstat*/
	#content-bottom .ala-rentti:has(.hideTablet.hideMobile) .contentlist__item-content {
  		padding: 0 !important;
	}
	.ala-rentti + .ala-rentti {
		padding-top: 3rem;
	}
	.ala-rentti img {
		padding-bottom: 3rem;
	}
	#content-bottom .ala-rentti.contentlist__item_img-left .contentlist__item-content {
  		padding: 0!important;
	}
	/**/
	.content-section:not(.contact-section) .faq h2 {
    	font-size: 1.6rem;
	}
}

@media (max-width: 767.98px) {
	/*navi*/
	.site-header #header.sticky {
    	top: 0;
    	bottom: auto;
  	}
	.site-header {
    	position: fixed;
    	top: 0 !important;
    	bottom: auto !important;
  	}
	#mobile-buttons {
    	right: 0;
    	bottom: 0;
  	}
	/*showcase*/
	.hero-slider__item.height-100 {
    	min-height: 700px;
    	height: calc(100vh - 34px) !important;
  	}
	/*logot*/
	.as-logo ul li img {
    	object-position: center;
  	}
	/*karuselli*/
	.content-slider-section:has(.karuselli-content) .content-slider__bg-image {
    	width: 100%;
    	left: auto;
    	height: 100%;
    	max-height: 100%;
		position: relative;
    	height: auto;
	}
	.content-slider-section:has(.karuselli-content) .content-slider__container {
		background: rgba(0,0,0,1);
		position: relative;
    	z-index: 1;
		bottom: 0;
	}
	.content-slider-section:has(.karuselli-content) .content-slider__text-content {
    	padding: 6rem 2rem;
		background: transparent;
		max-width: 100%;
  	}
	.content-slider-section:has(.karuselli-content) .slick-prev {
		left: 0;
	}
	.content-slider-section:has(.karuselli-content) .slick-next {
		left: 50px;
	}
	/*boksit*/
	.box2 .boxlist .boxlist__col.new-boxes.kone {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	/*tapahtumat*/
	.ysikko {
    	padding-top: 5rem;
  	}
	/*kontaktit*/
	.contact-section .faq h2,
	.product-section .faq h2{
    	font-size: 1.75rem;
	}
	/*vaihtokoneet*/
	.box2 .boxlist .boxlist__col.new-boxes.icon {
		flex: 0 0 50%;
		max-width: 50%;
	}
	/*huoltokontaktit*/
	.huoltokontakti.editor-content__col {
		flex: 100%;
		max-width: 100%;
	}
	.as-logo.huolto-logo ul li {
		flex: 0 0 33.33%;
		max-width: 33.33%;
	}
	.as-logo.huolto-logo ul li img {
		max-height: 75px;
	}
	/**/
	.content-slider__item.karuselli-content {
  		position: relative;
  		height: auto;
	}
}

@media (max-width: 575.98px) {
	/*showcase*/
	.hero-slider__item.height-100 {
    	min-height: 600px;
    	height: calc(100vh - 30px) !important;
  	}
	 .videoheroleft .hero-slider__text-content_inner {
    	width: 100%;
  	}
	/*logot*/
	.content-section:has(.as-logo) {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	/*karuselli*/
	.content-slider-section:has(.karuselli-content) {
    	padding: 4rem 8.33%!important;
  	}
	#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h2::after, 
	#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h3::after, 
	#main-content .content-slider-section:has(.karuselli-content) .content-slider__text-content h4::after {
    	width: 40px;
    	height: 40px;
    	top: -50px;
  	}
	/*kontaktit*/
	.contact-section .faq h2,
	.product-section .faq h2{
    	font-size: 1.5rem;
	}
	/*vaihtokoneet*/
	.box2 .boxlist .boxlist__col.new-boxes.icon {
		flex: 0 0 100%;
		max-width: 100%;
	}
	/*huoltoo*/
	.content-section:has(.huolto-logo) + .content-section {
		padding-top: 4rem;
	}
	.content-section:has(.huoltokontakti.editor-content__col) {
		padding-bottom: 4rem!important;
		padding-top: 4rem!important;
	}
	/**/
	.content-section:not(.contact-section) .faq h2 {
    	font-size: 1.25rem;
	}
	.content-section:not(.contact-section) .editor-content__col.faq {
  		margin-bottom: 1rem;
	}
	/*boksit*/
	.box2 .boxlist .boxlist__col.new-boxes.kone {
		flex: 0 0 50%;
		max-width: 50%;
	}
}

@media (max-width: 450px) {
	/*boksit*/
	.box2 .boxlist .boxlist__col.new-boxes.kone {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

@media (min-width:991px) and (max-width:1200px) {
	.contact__col-m-12 .contact-card {
		width:33.33%;
	}
}

@media (min-width:575px) and (max-width:767px) {
	.contact__col-m-12 .contact-card {
		width:50%;
	}
}

@media (max-width: 450.98px) {
	/*showcase*/
	#showcase .head-hero h2::before {
		height: 10px;
		bottom: -2rem;
	}
		#showcase .head-hero h1::before {
		height: 10px;
		bottom: -2rem;
	}
	/*kontaktit*/
	.contact-section .faq h2,
	.product-section .faq h2{
    	font-size: 1.25rem;
	}
	.contact-section {
  		padding-bottom: 2rem!important;
	}
	/*logot*/
	.as-logo ul li,
	.as-logo ul li > a,
	.as-logo ul li > a img{
  		max-height: 100px;
	}
	.as-logo.huolto-logo ul li {
    	flex: 0 0 50%;
    	max-width: 50%;
  	}
}

@media (max-width: 379.98px) {
	/*kontaktit*/
	.contact-section .faq h2,
	.product-section .faq h2{
    	font-size: 1.125rem;
	}
}

/*valikko*/

.site-footer__menu + .site-footer__menu {
	margin-top: -1rem;
}

/**/
.alue-section {
	padding-top: 0!important;
}

.content-section:has(.tupla-nappi) {
	padding-bottom: 0!important;
}

.contentlist .tupla-nappi .contentlist__item-content {
	padding: 0!important;
	text-align: center;
}

.site-main .tupla-nappi .btn {
	font-size: 1.5rem;
}

.content-section:has(.kumppanit-head) {
	padding-bottom: 0!important;
}

@media (max-width: 991.98px) {
	.site-main .tupla-nappi .btn {
		font-size: 1rem;
	}
}