.icon-orange a, .icon-black a {
    padding-left: 40px;
}
.icon-orange a:before, .icon-black a:before {
    position: absolute;
    content: "";
    width: 16px;
    height: 29px;
    text-align: center;
    background-size: 12px 20px !important;
    left: 20px;
    top: auto;
    bottom: 9px;
    right: auto;
}
.icon-orange a:before {
    background: url(../media/images/icon-orange.png) no-repeat top center;
}
.icon-black a:before {
    background: url(../media/images/icon-black.png) no-repeat top center;
}


h1, h2, h3, h4 {
	font-weight: 800;
}


.sivu1 #showcase h3 {
    font-weight: 900;
    font-size: 4rem;
    background: #fff;
    padding: 20px;
	color: var(--color1);
}

.sivu1 #showcase h2 {
    font-size: 2rem;
    background-color: #e78548ba;
    padding: 20px;
    max-width: 80%;
    color: var(--color4);
	    margin-top: -16px;
}

body:not(.sivu1) #showcase .hero-slider__text-content h2 {
    color: var(--color4);
    margin-bottom: 0rem;
    background-color: #fff;
    color: var(--color3)!important;
    padding: 20px;
    margin-top: -16px;
}

hr {
    margin-top: -2rem;
    margin-left: -1.23rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 12px solid rgb(252 187 97);
    max-width: 250px;
}

hr.oranssi {
    border-top: 12px solid rgb(232 133 72);
}

.btn {
	border-radius: 0rem;
}




#showcase .btn, #main-before .btn, #main-content .btn {
	    padding: 0.7rem 1.2rem;
}

/*main-before*/
#main-before {
    padding: 5rem 0rem 0rem;
}

/*main-content*/
#main-content {
    padding: 5rem 0rem;

}

/*boxit*/
.boxlist {
	margin-bottom: -5rem!important;
}

.image-box .boxlist-item__img-holder:before {
    background: transparent;
}

.tausta .boxlist-item {
    background-color: var(--color2);
}
.tausta1 .boxlist-item {
    background-color: var(--color3);
}
.tausta2 .boxlist-item {
    background-color: #1C2536;
}

.tausta3 .boxlist-item{
    background-color: #dadada;
}
/*FAQ*/
.faq h2 {
    font-size: 1.2rem;
    color: var(--color4);
	padding-right: 45px;
}
.faq .editor-content__item-editor.editor p {
	padding-top: 20px;
	color: var(--color4);
}

/*koekäyttölomake*/
.sivu50 .basic-form {
    max-width: 1400px;
    margin: auto;
	padding: 0px 10px 3rem;
}

/*alempi slider*/
.hero-slider__item.height-60 {
    height: 40vh !important;
}

/*Footer*/
.site-footer__some-links a {
    border-radius: 10%;
	}
.sivu51 #main-after {
    background: #f3f3f3;
    padding: 5rem 0;
}
.basic-form {
    max-width: 75%;
    margin: 0 auto;
}

.button1 .btn-switcher-primary:hover, .button1 .btn-switcher-primary:focus, 
.button3 .btn-switcher-primary:hover, .button3 .btn-switcher-primary:focus, 
.button5 .btn-switcher-primary:hover, .button5 .btn-switcher-primary:focus {
    color: var(--color4);
    border-color: var(--color3);
    background-color: var(--color3);
}
.image-box .boxlist-item, .image-box2 .boxlist-item, .round-box .boxlist-item, .round-box2 .boxlist-item {
    padding-bottom: 50%;
}
#main-before .content-section {
    padding: 0rem 2rem 0rem 2rem;
}
@media (max-width: 2600px) {
	body[data-mmenu="2600"] .mobile-menu__bars {
		display: inline-block;
	}
}

@media (max-width: 1024px) {
/*main-before*/
#main-before {
    padding: 0rem 0rem 0rem;
}

/*main-content*/
#main-content {
    padding: 0rem 0rem;
}
}


/*ota yhteyttä sivun lomakerespo*/
@media (max-width: 991.98px) {
.sivu31 #main-content .basic-form {
    padding: 2rem 0rem 2rem 0rem;
}
.sivu1 #showcase h3 {
    font-size: 3rem;
	}
	.sivu51 #main-after {
		padding: 3rem 0;
	}
	.basic-form {
		max-width: 90%;
		margin: 0 auto;
	}
	#main-before .content-section {
		padding: 3rem 2rem 4rem 2rem;
	}
}
@media (max-width: 767px) {
.box1 .boxlist .boxlist__col, .box2 .boxlist .boxlist__col, .box3 .boxlist .boxlist__col, 
.image-box .boxlist .boxlist__col, .image-box2 .boxlist .boxlist__col, .img-collage .boxlist .boxlist__col, 
.round-box .boxlist .boxlist__col, .round-box2 .boxlist .boxlist__col {
    -webkit-box-flex: 0;
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.image-box .boxlist-item, .image-box2 .boxlist-item, .round-box .boxlist-item, .round-box2 .boxlist-item {
    padding-bottom: 45%;
}
}
@media (max-width: 400px){
.sivu1 #showcase h3 {
    font-size: 2rem;
}
.sivu1 #showcase h2 {
    font-size: 1.6rem;
}
#mobile-buttons a span {
    font-size: 12px;
    display: none;
}
.sivu1 #showcase h2 {
    background-color: rgb(231 133 72 / 73%);
    padding: 10px;
    max-width: 100%;
}
.image-box .boxlist-item h2, .image-box2 .boxlist-item h2, 
.round-box .boxlist-item h2, .round-box2 .boxlist-item h2 {
    font-size: 1rem;
}
.image-box .boxlist-item, .image-box2 .boxlist-item, .round-box .boxlist-item, .round-box2 .boxlist-item {
    padding-bottom: 60%;
}
}
@media (max-width:374px) {
	.icon-orange a, .icon-black a {
		padding-left: 38px;
	}
	.mobile-menu a {
		font-size: 0.9rem;
	}
}