/*!
Theme Name: kokko
Theme URI: https://kokko.fi
Author: kokko
Author URI: https://kokko.fi
Description: 
Version: 2.4.1
Requires at least: 5.0
Tested up to: 5.6
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: kokko
*/

/* Don't overwrite this file. Compile "/assets/main.(less|scss)" tor "/assets/css/main.css" */

/* From http://codex.wordpress.org/CSS */
body,
html {
    height: 100%;
    width: 100%;
}

body a:hover {
    color: #fff;
    text-decoration: inherit;
}

a.sticky_right_a {
    position: fixed;
    top: 50%;
    right: 0;
    box-shadow: 0 3px 30px rgb(0 0 0 / 16%);
    background-color: #c3d9fc;
    padding: 20px;
    -moz-transform: scale(1.4) rotate(270deg);
    -webkit-transform: scale(1.4) rotate(270deg);
    -o-transform: scale(1.4) rotate(270deg);
    -ms-transform: scale(1.4) rotate(270deg);
    transform: scale(1.4) rotate(270deg);
}

.item-left {
    position: relative;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Oswald', sans-serif;
}

p {
    font-family: 'Source Sans Pro', sans-serif;

}

.rt-tpg-container .layout1 .rt-holder .rt-img-holder img {
    height: 210px;
}

.custom_home_page_post .rt-tpg-container .rt-equal-height {
    margin-bottom: 0px;
}

.custom_home_page_post .rt-tpg-container .layout1 .rt-holder .rt-detail h2 {
    margin: 0 0 0px;
    padding: 0px !important;
}

.custom_home_page_post {
    margin-bottom: 20px;
}

.item-content {
    position: absolute;
    top: 0;
    left: 0;
    flex-direction: column;
    text-align: center;
    background-image: linear-gradient(rgba(32, 40, 67, 0.2), rgba(32, 40, 67, 0.2));
}

.item-content h2 {
    font-size: 3.5vh;
    padding: 15px 0px;
    text-shadow: 0 3px 30px rgba(0, 0, 0, 0.16);
    color: #ffffff;
    font-family: Oswald;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    /* Text style for "YRITYKSILL" */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

.item-content p {
    padding-right: 11vw;
    padding-left: 11vw;
    color: #ffffff;
    font-family: 'Source Sans Pro';
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: center;
}

.item-right {
    flex-direction: column;
    padding: 0 180px;
}

h5.card-h5 {
    font-size: 20px;
    color: #202843;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
}

.item-right h2 {
    font-size: 5.5vh;
    padding: 20px 0px;
    line-height: 1.3;
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    /* Text style for "PALVELEVAA" */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-transform: uppercase;
}

.item-right p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px !important;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: left;
}

.item-right.h-100.d-flex.justify-content-center.text-left p {
    font-size: 26px !important;
}

.section-title {
    font-size: 5vh;
    line-height: 1.4;
    color: #202843;
    position: relative;
}

.section-title::after {
    content: "";
    position: absolute;
    bottom: -52px;
    left: 0;
    background-color: #FED771;
    height: 10px;
    width: 16vh;
}

.card {
    box-shadow: 0px 3px 15px #00000014;
    border: 0;
}

.card-project:hover {
    box-shadow: 0px 3px 21px #00000030;
}

.card-p {
    margin-bottom: 5px;
    font-size: 20px;
}

.card-h2 {
    color: #7396CC;
    margin-top: 15px;
    font-size: 45px;
}

.service-info {
    font-weight: 600;
    font-size: 2vh;
    line-height: 1.7;
    text-shadow: 0 3px 40px #ffffff;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: left;
    /* Text style for "Yritt채j채," */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

.service-info-btn {
    background-color: #202843;
    color: #fff;

}

.item-content-info {
    padding-right: 8vw !important;
    padding-left: 8vw !important;
}

.bird-card {
    background-size: cover;
    background-position: top;
}

.bird-no-card {
    background-color: #191d2c;
}

.bird-no-card-desc {
    font-weight: 400;
    font-size: 2vh;
}

.bird-item {
    background-color: white;
    padding: 3.3vw 1.5vw;
}

.card-bx {
    box-shadow: 0px 3px 21px #00000030;
    padding: 8vh 4vh !important;
}

.bird-card-item h2 {
    line-height: 1.5;
}

.bird-card-item .date {
    color: #7396CC;
    font-weight: 600;
}

.bird-card-btn {
    background-color: #FFD869;
    color: #202843;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
}

/*Het CSSS*/

body,
html {
    font-family: 'Oswald', sans-serif;
    color: #3E455D;
}

.navbar {
    background: #191D2C;
    color: #ffffff;
}

.navbar-brand img {
    height: 80px;
}

.mainNavParent {
    width: 80%;
}

.navbar-expand-lg .navbar-nav .active .nav-link {
    color: #ffffff;
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #ffffff;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: red;
}

.firstMainNav {
    font-size: 20px;
}

.firstMenu .nav-item a {
    font-size: 2.5vh;
    margin: 10px 30px;
}

.secondMenu .nav-item a {
    font-size: 2.5vh;
    text-transform: uppercase;
    margin: 10px 30px;
}

.barBtn .btn {
    color: #ffffff;
    font-size: 30px;
}

/*header ends*/
/*home starts*/
.homeSection {
    height: 100vh;
    background-size: cover;
    background-position: center;
}

.home .homeLeft {
    box-sizing: border-box;
    padding: 100px 50px 0px 50px;
}

.home .homeRight {
    box-sizing: border-box;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.home .homeRight .homeBox {
    background: white;
    width: 100%;
    height: 40%;
}

.homeBoxMenu .homeBoxMenuLeft,
.homeBoxMenu .homeBoxMenuRight {
    box-sizing: border-box;
    width: 50%;
}

.homeBoxMenu .nav-tabs .nav-link {
    border: none;
    color: #202843;
    font-size: 2.5vh;
    background-color: #FFD869;
    color: #3e455d;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 50px;
    text-align: center;
    /* Text style for "Valmiit ja" */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
}

.homeBoxMenuLeft .nav-link.active {
    background-color: #ffffff;
}

/*.homeBoxMenu .homeBoxMenuLeft p, .homeBoxMenu .homeBoxMenuRight p{*/
/*    font-size: 18px;*/
/*    text-align: center;*/
/*}*/
.tab-content .tab-pane {
    padding: 20px 50px;
}

.tab-content .tab-pane .tabBtn {
    box-sizing: border-box;
    justify-content: flex-start;
}

.tab-content .tab-pane .tabBtn a {
    width: 45%;
    font-size: 2vh;
    font-weight: bold;
    padding: 5px 25px;
    border: 3px solid #EAC45C;
    color: #3E455D;
    text-align: center;
    float: left;
    margin: 10px 5px;
}

.home .homeLeft h2 {
    font-size: 13.5vh;
    text-transform: uppercase;
    color: #202843;
    line-height: 1.2;
}

/*eagle section starts*/

.eagleContent h2 {
    text-transform: uppercase;
    color: #202843;
    margin-bottom: 0;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: normal;
    line-height: 89px;
    position: relative;
}

/*eagle section ends*/

/*footer start*/
footer#footer .container {
    width: 100% !important;
    max-width: 100%;
}

footer#footer {
    padding: 3rem !important;
}

footer {
    background-image: url("/wp-content/uploads/2021/01/Group-624.png");
    background-size: cover;
    background-position: center;
}

.footer-link {
    list-style-type: none;
    padding: 0 15px 0 0;
    margin: 0;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    color: #202843;
    font-size: 2vh;
}

.footer-link li {
    padding: 5px 0px;
}

footer .footerMiddleContent p {
    font-size: 25px;
    color: #202843;
    text-transform: uppercase;
}

footer .footerEndContent p {
    font-size: 20px;
    color: #202843;
    text-transform: uppercase;
    width: 50%;
}

footer .footerMiddleContent a,
footer .footerEndContent a {
    padding: 5px 25px;
    border-radius: 20px;
    background: #202843;
    color: #ffffff;
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
    text-transform: capitalize;
    transition: all ease 300ms;
}

footer .footerMiddleContent a:hover,
footer .footerEndContent a:hover {
    background: #ffffff;
    color: #202843;
    transition: all ease 300ms;
}

footer .footerMiddleContent img {
    width: 100%;
}

footer .footerImgLogo img {
    height: 30vh;
    text-align: center;
}

.footerEndContentBox {
    overflow: auto;
}

ul.footer_social,
ul.footer_social li {
    display: inline-block;
}

footer .footerMiddleContent ul.footer_social a {
    background: inherit;
    color: #202843 !important;
    padding: 10px 7px;
    font-family: "Font Awesome 5 Brands";
    font-size: 40px;
    font-weight: 400;
    line-height: 45px !important;
    text-align: center;
    font-style: normal;
    letter-spacing: normal;
}

/*footer end*/

.secondHome {
    height: 100vh;
    background-image: url("/wp-content/uploads/2021/01/bald-eagle-isolated-on-white-background.png");
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
}

.bird-home-bg {
    background-image: url("/wp-content/uploads/2021/01/portrait-of-an-bald-eagle-haliaeetus-leucocephalus.png");

}

.secondHome h2 {
    text-transform: uppercase;
    font-size: 8vh;
}

.secondHome p {
    width: 75%;
    font-size: 3vh;
}

section.faq div#accordion .panel-collapse .panel-body p {
    font-size: 20px;
}


/* Extra small devices (phones, 600px and down) */
@media (max-width: 767px) {
    footer#footer {
        padding: 2rem 0rem !important;
    }
}

@media only screen and (max-width: 600px) {
    .secondHome {
        height: 100vh;
        background-position: left;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .secondHome p {
        width: 100%;

    }

    .home .homeLeft h2 {
        font-size: 5.5vh;
        text-transform: uppercase;
        color: #202843;
        line-height: 10vh;
        text-align: center;
    }

    .home .homeRight {
        box-sizing: border-box;
        position: relative;
        display: flex;
        align-items: flex-start;
    }

    .home .homeRight .homeBox {
        background: white;
        width: 100%;
        height: 100%;
    }

    .home .homeLeft {
        box-sizing: border-box;
        padding: 0px 15px;
    }

    footer .footerEndContent p {
        font-size: 20px;
        color: #202843;
        text-transform: uppercase;
        width: 100%;
    }

    .tab-content .tab-pane .tabBtn a {
        padding: 5px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .home .homeLeft p {
        font-size: 5.5vh;
        text-transform: uppercase;
        color: #202843;
        line-height: 10vh;
    }

    .home .homeRight {
        box-sizing: border-box;
        position: relative;
        display: flex;
        align-items: flex-start;
    }

    .home .homeRight .homeBox {
        background: white;
        width: 100%;
        height: 100%;
    }

    .home .homeLeft {
        box-sizing: border-box;
        padding: 0px 15px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .home .homeLeft p {
        font-size: 5.5vh;
        text-transform: uppercase;
        color: #202843;
        line-height: 10vh;
    }

    .home .homeRight {
        box-sizing: border-box;
        position: relative;
        display: flex;
        align-items: flex-start;
    }

    .home .homeRight .homeBox {
        background: white;
        width: 100%;
        height: 100%;
    }

    .home .homeLeft {
        box-sizing: border-box;
        padding: 0px 15px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    body,
    html {
        font-family: 'Oswald', sans-serif;
        color: #3E455D;
    }

    /*header*/
    .navbar {
        background: #191D2C;
        color: #ffffff;
    }

    .navbar-brand img {
        height: 80px;
    }

    .mainNavParent {
        width: 80%;
    }

    .navbar-expand-lg .navbar-nav .active .nav-link {
        color: #ffffff;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        color: #ffffff;
    }

    .navbar-expand-lg .navbar-nav .nav-link:hover {
        color: red;
    }

    .firstMainNav {
        font-size: 20px;
    }

    .firstMenu .nav-item a {
        font-size: 2.5vh;
        margin: 10px 30px;
    }

    .secondMenu .nav-item a {
        font-size: 2.5vh;
        text-transform: uppercase;
        margin: 10px 30px;
    }

    .barBtn .btn {
        color: #ffffff;
        font-size: 30px;
    }

    /*header ends*/
    /*home starts*/
    .homeSection {
        height: 100vh;
        background: url("/wp-content/uploads/2021/01/homeBackground.png");
        background-size: cover;
        background-position: center;
    }

    .home .homeLeft {
        box-sizing: border-box;
        padding: 100px 50px 0px 50px;
    }

    .home .homeRight {
        box-sizing: border-box;
        position: relative;
        display: flex;
        align-items: flex-end;
    }

    .home .homeRight .homeBox {
        background: white;
        width: 100%;
        height: 40%;
    }

    .homeBoxMenu .homeBoxMenuLeft,
    .homeBoxMenu .homeBoxMenuRight {
        box-sizing: border-box;
        width: 50%;
    }

    .nav-tabs .nav-link {
        border: none;
        color: #202843;
        font-size: 2.5vh;
        background-color: #FFD869;
    }

    .homeBoxMenuLeft .nav-link.active {
        background-color: #ffffff;
    }

    .tab-content .tab-pane {
        padding: 20px 50px;
    }

    .tab-content .tab-pane .tabBtn {
        box-sizing: border-box;
        justify-content: flex-start;
    }

    .tab-content .tab-pane .tabBtn a {
        width: 45%;
        font-size: 2vh;
        font-weight: bold;
        padding: 5px 25px;
        border: 3px solid #EAC45C;
        color: #3E455D;
        text-align: center;
        float: left;
        margin: 10px 5px;
    }

    .home .homeLeft p {
        font-size: 13.5vh;
        text-transform: uppercase;
        color: #202843;
        line-height: 110px;
    }

    .eagle .col-8 img {
        width: 100%;
    }

    /*eagle section ends*/
}

section.homeSection,
section.fluid-container.service-sec {
    position: relative;
}

section.homeSection:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2021/01/bg-shadow-cls.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

section.homeSection .home {
    position: relative;
    z-index: 1;
}

/*main#main {
    margin: 0 !important;
    padding-top: 0 !important;
}*/
section.fluid-container.service-sec:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2021/01/bg-shadow-top-cls.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

section.fluid-container.service-sec .container {
    position: relative;
    z-index: 1;
}

.card.card-project img.card-img-top {
    height: 300px;
    object-fit: cover;
}

nav#header {
    background-color: #191d2c !important;
    color: #ffffff !important;
}

nav#header>.container {
    max-width: 100%;
    margin: 0 auto;
}

nav#header a.navbar-brand img {
    height: 80px;
}

nav#header div#navbar .container {
    max-width: 100%;
}

nav#header div#navbar .container .row {
    width: 100%;
}

nav#header div#navbar .container .row .col-md-12 {
    text-align: right;
}

.menu-top-menu-container ul#top-menu-custom {
    list-style: none;
    margin-bottom: 0;
    padding: 0;
}

.menu-top-menu-container ul#top-menu-custom li {
    display: inline-block;
}

.menu-top-menu-container ul#top-menu-custom li a {
    color: #ffffff;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    margin-left: 50px;
    text-decoration: none;
}

ul#menu-main {
    text-align: right;
    list-style: none;
    float: right;
}

ul#menu-main li {
    display: inline-block;
    float: right;
}

ul#menu-main li a {
    color: #ffffff;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 0 50px;
    padding: 0;
    text-decoration: none;
}

/*.menu-footer-menu-container ul#top-menu-custom {
    display: none;
}*/

/*******************************/
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: #191d2c;
    /* background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);*/
    background-image: url(/wp-content/uploads/2021/01/Group_642.png);
    background-size: cover;
    background-position: top;
    overflow-x: hidden;
    transition: 0.3s;
    background-blend-mode: luminosity;
}

.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 38px;
    right: 94px;
    font-size: 60px;
    z-index: 99999999999;
}

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

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

section.tarviketoimitus.section.section1 {
    padding: 60px 0;
}

section.tarviketoimitus.section.section1 .row {
    align-items: center;
}

section.tarviketoimitus.section.section1 h3 {
    margin-bottom: 0;
    color: #202843;
    font-family: Roboto;
    font-size: 36px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.tarviketoimitus.section.section1 h2 {
    color: #202843;
    font-family: Oswald;
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

section.tarviketoimitus.section.section1 a {
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    border-radius: 24px;
    background-color: #ffd869;
    padding: 10px 45px;
    transition: all ease 300ms;
}

section.tarviketoimitus.section.section1 a:hover {
    color: #ffd869;
    background-color: #202843;
    transition: all ease 300ms;
}

section.tarviketoimitus.section.section1 p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
}

.section.section2.tarviketoimitus-kaikkialle-suomessa h2 {
    margin: 0;
    padding: 30px 0 30px 0;
    position: relative;
    text-transform: uppercase;
    color: #191d2c;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 80px;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.section.section2.tarviketoimitus-kaikkialle-suomessa h2:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 150px;
    height: 10px;
    margin-bottom: -14px;
    background: #eac45c;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row {
    margin: 0 auto;
    flex-wrap: wrap;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle {
    background-color: #202843;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 h2 {
    padding: 0;
    color: #ffffff;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 ul {
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 ul li {
    color: #ffffff;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 ul li:before {
    content: '+';
    position: absolute;
    left: 0;
    top: 0;
    color: #7396cc;
    font-size: 20px;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 ul:nth-child(3) li:before {
    content: '-';
    color: #ef5d5d;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 a {
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    border-radius: 24px;
    background-color: #ffd869;
    padding: 10px 30px;
    transition: all ease 300ms;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 a:hover {
    background-color: rgb(195, 217, 252);
    transition: all ease 300ms;
}

.section4.palvelevaa__rakentamista {
    padding: 150px 0 100px;
}

.section4.palvelevaa__rakentamista .row {
    align-items: center;
}

.section4.palvelevaa__rakentamista .row h2 {
    margin: 0;
    padding: 0 0px 45px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

.section4.palvelevaa__rakentamista .row h2:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 150px;
    height: 10px;
    background: #eac45c;
}

.section4.palvelevaa__rakentamista .row p {
    margin-bottom: 0;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 24px;
    font-weight: 600;
}

section.tarviketoimitus.section.section4 h3 {
    color: #202843;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
    margin: 35px 0 10px;
    text-transform: uppercase;
    line-height: 52px;
    text-align: left;
}

section.tarviketoimitus.section.section4 p {
    margin-bottom: 0;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.tarviketoimitus.section.section4 .col-md-4 {
    padding: 40px 60px 40px 20px;
    text-align: center;
}

section.tarviketoimitus.section.section5 .container {
    max-width: 100%;
    padding: 0;
}

section.tarviketoimitus.section.section5 .container .row {
    margin: 0 auto;
}

section.tarviketoimitus.section.section5 .container .row .col-md-6:nth-child(2) {
    padding: 0;
    padding-left: 10px;
    padding-bottom: 20px;
}

section.tarviketoimitus.section.section5 .container .row .col-md-6:first-child {
    padding: 0;
    padding-right: 10px;
    padding-bottom: 20px;
}

section.tarviketoimitus.section.section5 .container .row .col-md-12 {
    padding: 0;
    text-align: center;
}

section.tarviketoimitus.section.section5 .container .row .col-md-12 a {
    border-radius: 24px;
    background-color: #ffd869;
    padding: 10px 30px;
    display: inline-block;
    margin: 50px 0;
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    transition: all ease 300ms;
}

section.tarviketoimitus.section.section5 .container .row .col-md-12 a:hover {
    background-color: #202843;
    color: #ffd869;
    transition: all ease 300ms;
}

.section6.laitetaanko_talo_pakettiin {
    padding: 100px 0;
}

.section6.laitetaanko_talo_pakettiin .row {
    align-items: center;
}

.box-author-main-cls {
    width: auto;
    display: inline-block;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    text-align: center;
    padding: 20px;
}

.box-author-main-cls .laitetaanko_talo_pakettiin_descption p {
    color: #202843;
    margin-bottom: 20px;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 22px;
    text-align: center;
}

.box-author-main-cls h3,
.box-author-main-cls .name {
    margin: 10px 0;
    padding-top: 30px;
    color: #202843;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

.box-author-main-cls p,
.box-author-main-cls p a {
    margin-bottom: 0;
    color: #7396cc;
    font-family: 'Source Sans Pro';
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 22px;
    text-align: center;
}

.box-right-cont-cls h2 {
    margin: 0;
    position: relative;
    margin-bottom: 30px;
    color: #202843;
    font-family: Oswald;
    font-size: 65px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

.box-right-cont-cls h2:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 150px;
    height: 10px;
    background: #eac45c;
}

.box-right-cont-cls p {
    margin-bottom: 0;
    width: 100%;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
}

.contact-form-section-main {
    background-color: #f7f7f7;
    padding: 100px 0;
}

.contact-form-section-main .col-md-12 h2 {
    margin-bottom: 50px;
    padding-bottom: 50px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 65px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

.contact-form-section-main .col-md-12 h2:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0;
    width: 150px;
    height: 10px;
    background: #eac45c;
}

.contact-form-section-main .col-md-12 h3 {
    margin-bottom: 20px;
    color: #202843;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.contact-form-section-main span input[type="text"],
.contact-form-section-main span input[type="email"] {
    border: 0;
    border-bottom: 2px solid #1e233a;
    background: transparent;
    padding: 10px 0;
    margin-bottom: 20px;
    outline: 0;
    width: 100%;
    opacity: 0.52;
    color: #202843;
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.contact-form-section-main label {
    background: transparent;
    padding: 10px 0;
    margin-bottom: 20px;
    outline: 0;
    width: 100%;
    opacity: 0.52;
    color: #202843;
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.contact-form-section-main select {
    border-radius: 5px;
    border: 2px solid #181b27;
    background-color: #ffffff;
    width: 100%;
    padding: 10px 10px;
    margin-bottom: 20px;
}

.contact-form-section-main label input[type="checkbox"] {
    padding: 10px;
    width: 20px;
    background: #fff !important;
    height: 20px;
    box-shadow: 0 0 0 1px #181b27;
    overflow: hidden;
    margin-right: 5px;
}

.contact-form-section-main span.wpcf7-list-item {
    margin: 0 20px 0 0;
}

.contact-form-section-main span.wpcf7-form-control-wrap.minulla-on-tontti1,
.contact-form-section-main span.wpcf7-form-control-wrap.minulla-on-tontti {
    margin-bottom: 15px;
    display: inline-block;
}

.contact-form-section-main input[type="submit"] {
    border-radius: 24px;
    background-color: #ffd869;
    padding: 10px 40px;
    display: inline-block;
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    border: 0;
    outline: 0;
}

.oletko_hankkimassa_ensiasuntoa {
    padding: 250px 0;
    background-color: #191d2c;
    position: relative;
    background-color: #191d2c;
    /*background-image: url(/wp-content/uploads/2021/02/bald-eagle.png);*/
    background-position: right;
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-blend-mode: lighten;
}

.oletko_hankkimassa_ensiasuntoa h2 {
    margin-bottom: 20px;
    color: #ffffff;
    font-family: Oswald;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

.oletko_hankkimassa_ensiasuntoa p {
    margin-bottom: 50px;
    color: #ffffff;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
}

.oletko_hankkimassa_ensiasuntoa a {
    border-radius: 24px;
    background-color: #ffd869;
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 45px;
    display: inline-block;
}

.col-md-6.order-md-6.col-sm-6.right-bird-main-cls {
    position: initial;
}

.oletko_hankkimassa_ensiasuntoa .col-md-6.order-md-6.col-sm-6:first-child {
    position: relative;
    z-index: 1;
    padding-right: 130px;
}

.right-bird-main-cls img.sockt-bird-right-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
}

.right-bird-main-cls img.sockt-right-img {
    width: auto;
    position: absolute;
    top: 20px;
    right: 30px;
    z-index: 1;
}


section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
    padding: 200px 0;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 {
    padding: 150px 0;
    width: 98%;
    margin: 20px auto;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.link-btn-cls {
    margin-right: 20px;
    color: #6b89c3;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 .content,
section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right p,
section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left p {
    margin-bottom: 25px;
    margin-top: 0px;
    color: #202843;
    font-family: 'Source Sans Pro';
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    width: 534px;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.box-btn-cls {
    border-radius: 28px;
    background-color: #202843;
    padding: 14px 56px;
    height: auto;
    color: #f7f7f7;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    transition: all ease 300;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.box-btn-cls:hover {
    background-color: #f7f7f7;
    color: #202843;
    transition: all ease 300;
}

section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep {
    background-image: url(/wp-content/uploads/2021/02/imgpsh_fullsize_anim-1-2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 200px 0;
    margin-bottom: 20px
}

section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep h2 {
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 20px;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep .content p {
    color: #202843;
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
}

section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep a.box-btn-cls {
    border-radius: 28px;
    background-color: #202843;
    padding: 10px 53px;
    height: auto;
    color: #f7f7f7;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    margin-top: 25px;
}

section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep a.box-btn-cls:hover {
    background-color: #f7f7f7;
    color: #202843;
}

.Sijoittajalle-user-box-sec .box-right-cont-cls h2 {
    padding: 0 0px 30px 0px;
}

.Sijoittajalle-user-box-sec .box-author-main-cls {
    width: 100%;
    word-break: break-all;
}

.Sijoittajalle-user-box-sec .box-author-main-cls img {
    width: 75%;
}

section.yrityksille.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle p {
    color: #ffffff;
    font-family: 'Source Sans Pro';
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    margin: 0;
    letter-spacing: normal;
    line-height: 34px;
    text-align: left;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 h3 {

    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 0;
    text-align: left;
    text-transform: uppercase;
}

.video-sec-main-cls h2 {
    margin-bottom: 20px;
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 50px;
    text-align: left;
    text-transform: uppercase;
}

.video-sec-main-cls iframe {
    width: 95%;
    height: 661px;
}

.video-sec-main-cls {
    margin-bottom: 100px;
}

.bg-overlay-cls {
    position: relative;
}

.bg-overlay-cls:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2021/01/bg-shadow-cls.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: linear-gradient(to top, #ffffff 0%, rgb(255 255 255 / 69%) 100%);
}

.bg-overlay-cls .row {
    z-index: 9;
    position: relative;
}

section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle p {
    color: #ffffff;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
}

section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle h2 {
    margin-bottom: 20px;
}

section.mika_toimitussisalto_sopisi_minulle {
    padding: 100px 0 0;
}

section.mika_toimitussisalto_sopisi_minulle h2 {
    margin: 0 auto;
    margin: 0 auto;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: -150px;
    color: #202843;
    margin-left: 31px;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

section.mika_toimitussisalto_sopisi_minulle h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 200px;
    height: 6px;
    background: #fcd568;
}

section.mika_toimitussisalto_sopisi_minulle .container,
section.avaimet_kateen_repeated>.container {
    max-width: 100%;
    padding: 0;
}

section.mika_toimitussisalto_sopisi_minulle .container .row,
section.avaimet_kateen_repeated>.container .row {
    margin: 0 auto;
}

section.avaimet_kateen_repeated .col-md-4 {
    padding: 0;
}

section.avaimet_kateen_repeated .col-md-4 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.avaimet_kateen_repeated .col-md-8 {
    padding: 100px 50px;
}

section.avaimet_kateen_repeated .col-md-8 .col-md-6 .right {
    padding: 0 20px;
}

section.avaimet_kateen_repeated .col-md-8 .col-md-6 .right h2 {
    color: #ffffff;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.avaimet_kateen_repeated .col-md-8 .col-md-6 {
    display: flex;
    margin-bottom: 10px;
}

section.avaimet_kateen_repeated .col-md-8 .col-md-6 .right p {
    color: #fff;
}

section.avaimet_kateen_repeated .col-md-8 .col-md-12 {
    text-align: center;
}

section.avaimet_kateen_repeated .col-md-8 .col-md-12 a {
    border-radius: 24px;
    background-color: #ffd869;
    padding: 10px 50px;
    display: inline-block;
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
}

section.referenssit.section.section3.galleria {
    padding: 100px 0;
}

section.referenssit.section.section3.galleria .col-md-8 p {
    margin-bottom: 0;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.referenssit.section.section3.galleria .col-md-3 h2 {
    margin-bottom: 50px;
    padding-bottom: 20px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 65px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

section.referenssit.section.section3.galleria .col-md-3 h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100px;
    background: #eac45c;
}

section.referenssit.section.section3.galleria .col-md-4.order-md-4.col-sm-4 {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
    background-color: #ffffff;
    margin: 0 10px 20px;
    width: calc(33.33% - 20px);
    flex: initial;
    max-width: initial;
    padding: 0;
}

section.referenssit.section.section3.galleria .col-md-4.order-md-4.col-sm-4 img {
    width: 100%;
}

section.referenssit.section.section3.galleria .col-md-4.order-md-4.col-sm-4 h2 {
    color: #191919;
    padding: 20px 20px;
    margin: 0;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
}

section.referenssit.section.section3.galleria .col-md-4.order-md-4.col-sm-4 p {
    padding: 0px 20px 20px;
    margin-bottom: 0;
    color: #7396cc;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
}

section.referenssit.section.section3.galleria .col-md-12 {
    text-align: center;
    padding: 30px 20px 0;
}

section.referenssit.section.section3.galleria .col-md-12 a.btn.btn-primary {
    border-radius: 24px;
    background-color: #ffd869;
    border: 0;
    padding: 10px 40px;
    color: #202843;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 700;
}

.col-8.col-md-3.py-5.ajan_kohtaista_title h2.section-title.text-white {
    font-family: Oswald;
    font-size: 65px;
    color: #fff;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    padding-bottom: 90px;
    text-align: left;
    text-transform: uppercase;
}

.col-8.col-md-8.py-5.ajan_kohtaista_descption p {
    color: #ffffff;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.ajan_kohtaista_banner_color .ajan_kohtaista_box .bird-card-item h2 {
    color: #202843;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
}

.ajan_kohtaista_banner_color .ajan_kohtaista_box .bird-card-item p.date {
    color: #7396cc;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
}

.ajan_kohtaista_banner_color .ajan_kohtaista_box .bird-card-item p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 400;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 .row {
    align-items: center;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container {
    max-width: 100%;
    padding: 0;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row {
    margin: 0 auto;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6 {
    padding: 0;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6:first-child {
    padding: 0 200px;
}

section.tarviketoimitus.section.section4.rakentamista-cmmn-cls {
    padding-bottom: 100px;
}

section.asiakastarinat.section.section1.com_banner .row {
    align-items: center;
}

section.asiakastarinat.section.section1.com_banner {
    padding: 100px 0;
}

section.asiakastarinat.section.section1.com_banner h1 {
    color: #202843;
    font-family: Oswald;
    font-size: 90px;
    font-weight: 700;
}

section.asiakastarinat.section.section1.com_banner p,
section.asiakastarinat.section.section1.com_banner p a {
    color: #7396cc;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
}

section.asiakastarinat.section.section2.asiakas-tarinat .card-bx {
    flex: initial;
    max-width: initial;
    width: calc(50% - 20px);
    margin: 0 10px 20px;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.06);
    background-color: #ffffff;
    padding: 40px !important;
    transition: all ease 300ms;
}

section.asiakastarinat.section.section2.asiakas-tarinat .card-bx h2 {
    color: #202843;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 10px !important;
}

section.asiakastarinat.section.section2.asiakas-tarinat .card-bx p.date-cls {
    color: #7396cc;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
}

section.asiakastarinat.section.section2.asiakas-tarinat .card-bx p {
    margin-bottom: 0;
    color: #202843;
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
    padding-top: 15px;
}

section.asiakastarinat.section.section2.asiakas-tarinat {
    padding-bottom: 100px;
}

section.asiakastarinat.section.section2.asiakas-tarinat .card-bx:hover {
    box-shadow: 0px 3px 21px #00000030 !important;
    transition: all ease 300ms;
}

section.asiakastarinat.section.section2.asiakas-tarinat .card-bx:hover .gallery {
    opacity: 0.8;
    transition: all ease 300ms;
}

section.asiakastarinat.section.section2.asiakas-tarinat a img {
    object-fit: cover;
}

section.tarviketoimitus.section.section1.avaimet-kateen-top-main-cls {
    padding: 100px 0;
    overflow: hidden;
}

section.tarviketoimitus.section.section1.avaimet-kateen-top-main-cls .container {
    max-width: 100%;
    padding: 0;
}

section.tarviketoimitus.section.section1.avaimet-kateen-top-main-cls .container .row {
    margin: 0 auto;
}

section.tarviketoimitus.section.section1.avaimet-kateen-top-main-cls .container .row .col-md-6 {
    padding: 0;
}

section.tarviketoimitus.section.section1.avaimet-kateen-top-main-cls .container .row .col-md-6:last-child {
    padding: 0 100px;
}

section.tarviketoimitus.section.section1.avaimet-kateen-top-main-cls .container .row .col-md-6:first-child img {
    margin-left: -130px;
}

section.tarviketoimitus.section.section1.avaimet-kateen-top-main-cls .container .row .col-md-6:last-child {
    padding: 0 15px;
}

section.vertaile_avaimet_kateen_tuoteryhmia_title {
    padding: 200px 0;
}

section.vertaile_avaimet_kateen_tuoteryhmia_title h2 {
    margin-bottom: 30px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

section.vertaile_avaimet_kateen_tuoteryhmia_title h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 5px;
    background: #fff;
}

section.vertaile_avaimet_kateen_tuoteryhmia_title p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
}

section.vertaile_avaimet_kateen_tuoteryhmia_title a {
    border-radius: 24px;
    background-color: #202843;
    color: #fff;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 40px;
    display: inline-block;
    transition: all ease 300ms;
}

section.vertaile_avaimet_kateen_tuoteryhmia_title a:hover {
    background-color: rgb(195, 217, 252);
    transition: all ease 300ms;
}

section.artikkeli {
    padding: 50px 0;
}

section.artikkeli h2 {
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    width: 40%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

section.artikkeli h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 5px;
    background: #fed771;
}

section.artikkeli a {
    color: #7396cc;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
}

section.artikkeli p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 18px;
}

section.sinustako_tekija_meille {
    padding: 100px 0;
}

section.sinustako_tekija_meille .row {
    align-items: center;
}

section.sinustako_tekija_meille .row h2 {
    text-transform: uppercase;
    color: #202843;
    font-family: Oswald;
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 120px;
    text-align: left;
    padding-bottom: 10px;
}

section.sinustako_tekija_meille .row a {
    color: #7396cc;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
}

section.sinustako_tekija_meille .row p {
    width: 534px;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    padding: 10px 0;
}

section.faq {
    padding: 50px 0 100px;
}

section.faq div#accordion .panel-heading a {
    border: 2px solid #eac45c;
    background-color: #ffd869;
    width: 100%;
    display: inline-block;
    padding: 15px 50px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

section.faq div#accordion .panel-heading a:after {
    content: '+';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    font-size: 54px;
    color: #fff;
}

section.faq div#accordion .panel-heading {
    display: inline-block;
    width: 100%;
}

section.faq div#accordion .panel-heading h4 {
    margin-bottom: 0;
}

section.faq div#accordion .panel-collapse .panel-body {
    padding: 50px;
}

section.faq div#accordion {
    margin-bottom: 20px;
}

section.jata_hakemus {
    padding: 100px 0;
}

section.jata_hakemus h2 {
    margin-bottom: 20px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 65px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.jata_hakemus h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 5px;
    background: #eac45c;
}

section.jata_hakemus form .container {
    padding: 0;
}

section.jata_hakemus form input[type="number"],
section.jata_hakemus form input[type="text"],
section.jata_hakemus form input[type="email"] {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #181b27;
    padding: 0px 0px 20px;
    color: #7396cc;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px !important;
    outline: 0;
}

section.jata_hakemus form .col-md-12 label {
    color: rgb(32 40 67 / 50%);
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
}

section.jata_hakemus form .col-md-12 select {
    border-radius: 5px;
    border: 2px solid #181b27;
    background-color: #fff;
    padding: 10px;
    width: 50%;
    margin-bottom: 20px;
}

section.jata_hakemus form .col-md-12 textarea {
    border-radius: 5px;
    border: 2px solid #181b27;
    background-color: #fff;
    padding: 10px;
    width: 100%;
    margin-bottom: 20px;
}

section.jata_hakemus form .col-md-12 input[type="submit"] {
    border-radius: 24px;
    background-color: #ffd869;
    border: 0;
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 30px;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme.rekry-bg-cmn-main-cls {
    padding: 170px 0;
    position: relative;
    background-color: #1d243e !important
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme h2 {
    color: #ffffff;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 500;
    ;
    margin-bottom: 60px;
    padding-bottom: 32px;
    line-height: normal;
    text-transform: uppercase;
    position: relative;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 165px;
    height: 10px;
    background: #eac45c;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme {
    padding: 100px 0;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 {
    display: flex;
    margin-bottom: 40px;
    margin-top: 20px;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 .title_description {
    padding: 0 20px;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 .title_description .title {
    padding-bottom: 20px;
    color: #ffffff;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 .title_description .description {
    color: #ffffff;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    width: 291px;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 .icon img {
    width: 100px;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme.mita_odotamme_sinulta_tyontekijanamme h2,
section.mihin_me_rakennuspalvelu_kokolla_uskomme.mita_odotamme_sinulta_tyontekijanamme .title,
section.mihin_me_rakennuspalvelu_kokolla_uskomme.mita_odotamme_sinulta_tyontekijanamme .description {
    color: #202843 !important;
}

section.tyontekijoidemme_kokemuksia_video {
    padding: 0 0 100px;
}

section.tyontekijoidemme_kokemuksia_video h2 {
    margin-bottom: 30px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.tyontekijoidemme_kokemuksia_video h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 5px;
    background: #eac45c;
}

section.tyontekijoidemme_kokemuksia_video iframe {
    width: 100%;
    margin-bottom: 20px;
    height: 500px;
}

section.jata_hakemus,
section.mihin_me_rakennuspalvelu_kokolla_uskomme.rekry-bg-cmn-main-cls {
    width: 98%;
    margin: 0 auto 20px;
}

section.sinustako_tekija_meille.oy-sec-cmn-cls {
    padding: 0;
    overflow: hidden;
}

section.sinustako_tekija_meille.oy-sec-cmn-cls .container .row .col-md-6:first-child {
    padding: 50px 0px 50px 200px;
}

section.maalaisjarkea__ja_kokemusta .container.maalaisjarkea__ja_kokemusta_image {
    max-width: 96%;
    padding: 0;
    background: #f7f7f7;
}

section.maalaisjarkea__ja_kokemusta .container.maalaisjarkea__ja_kokemusta_image h2 {
    padding: 30px 20px;
    max-width: 500px;
    margin: 0 auto;
    color: #202843;
    font-family: Oswald;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

section.maalaisjarkea__ja_kokemusta .container.maalaisjarkea__ja_kokemusta_image p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
    padding: 30px 0;
    margin: 0;
}

section.kasvamme_tuotantomme_mukana .row {
    align-items: center;
}

section.kasvamme_tuotantomme_mukana .row .col-md-6 h2 {
    text-transform: uppercase;
    margin-bottom: 30px;
    color: #202843;
    font-family: Oswald;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.kasvamme_tuotantomme_mukana .row .col-md-6 p {
    margin-bottom: 0;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    width: 598px;
}

section.toimintamme_arvot {
    padding: 150px 0;
}

section.toimintamme_arvot h2 {
    margin-bottom: 30px;
    padding-bottom: 50px;
    text-transform: uppercase;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.toimintamme_arvot .toimintamme_arvot_descptions p {
    margin-bottom: 0;
    text-shadow: 0 0 40px #ffffff;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
}

section.toimintamme_arvot .col-md-6 {
    display: flex;
}

section.toimintamme_arvot .icon img {
    width: 80px;
}

section.toimintamme_arvot .title_description {
    padding: 0 50px;
}

section.toimintamme_arvot .title_description .title {
    color: #191d2c;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.toimintamme_arvot .title_description .description {
    width: 286px;
    color: #191d2c;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
}

section.sinustako_tekija_meille.vapaat_tyopaikat .row a {
    border-radius: 24px;
    background-color: #ffd869;
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 50px;
    display: inline-block;
    transition: all ease 300ms;
}

section.sinustako_tekija_meille.vapaat_tyopaikat .row a:hover {
    background-color: #c3d9fc;
    transition: all ease 300ms;
}

section.sinustako_tekija_meille.vapaat_tyopaikat img {
    width: 100%;
}

section.toimintamme_arvot h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 10px;
    background: #eac45c;
}

section#kohdesivu {
    padding: 50px 0;
}

section#kohdesivu h2 {
    margin-bottom: 30px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section#kohdesivu h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 5px;
    background: #eac45c;
}

section#kohdesivu p.kohdesivu_price {
    color: #202843;
    font-family: Oswald;
    font-size: 36px !important;
    font-weight: 700;
}

section#kohdesivu p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
}

section#kohdesivu p a {
    transition: all ease 300ms;
    border-radius: 24px;
    background-color: #ffd869;
    color: #202843;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 40px;
    display: inline-block;
}

section#kohdesivu p a:hover {
    background-color: #202843;
    color: #ffd869;
    transition: all ease 300ms;
}

section#kohdesivu ul li {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 600;
}

section#kohdesivu_gallery_image .item {
    padding: 5px;
}

section#kohdesivu_gallery_image .item img {
    height: 400px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}

section#kohdesivu_gallery_image {
    padding-bottom: 100px;
}

div#myNav .overlay-content {
    margin: 0;
}

.left-quote-cls {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.left-quote-cls i,
.left-quote-cls span {
    padding: 10px 0px;
    margin: 0px 60px;
    color: #ffd869;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: normal;
    line-height: 36px;
    text-align: left;
}

.menu-megamenu-rakennuspalvelu-kokko-oy-container ul#top-menu-custom li:first-child {
    margin-bottom: 30px;
}

.right-menu-content-cls {
    text-align: left;
    border-left: 1px solid #ffd869;
}

.right-menu-content-cls h2 {
    margin-bottom: 20px;
    color: #ffd869;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.right-menu-content-cls ul.top-menu-custom {
    padding: 0;
    list-style: none;
}

.right-menu-content-cls ul.top-menu-custom>li>a {

    text-transform: uppercase;
    padding: 0;
    margin-bottom: 20px;
    color: #c3d9fc;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section#kohdesivu p {

    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
}

.right-menu-content-cls ul.top-menu-custom ul.sub-menu {
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}

.right-menu-content-cls ul.top-menu-custom ul.sub-menu li a {

    padding: 0;
    color: #c3d9fc;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.right-menu-content-cls ul.top-menu-custom ul.sub-menu li {
    width: calc(50% - 0px);
    display: inline-block;
    float: left;
    margin-bottom: 20px;
    padding-right: 10px;
}

div#myNav img.megamenu-logo {
    position: absolute;
    top: 20px;
    left: 30px;
    width: 60px;
}

/**div#myNav a.closebtn {background-color: #2a3350; width: 50px; height: 50px;display: flex; align-items: center; justify-content: center; padding: 0; outline: 0; border: 0; font-size: 40px !important; border-radius: 50%; color: #c3d9fc; } **/
div#myNav {
    padding: 100px 0;
}

div#myNav:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #191d2c;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right {
    position: relative;
    overflow: hidden;
}

section.miksi_myisit_tonttisi_meille,
section.ilmoita_vapaasta_tontista {
    padding: 100px 0;
}

section.miksi_myisit_tonttisi_meille .col-md-12 h2 {
    text-transform: uppercase;
    margin-bottom: 50px;
    padding-bottom: 25px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.miksi_myisit_tonttisi_meille .col-md-12 h2:after,
section.ilmoita_vapaasta_tontista h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 10px;
    background: #eac45c;
}

section.miksi_myisit_tonttisi_meille .col-md-4 {
    text-align: center;
}

section.miksi_myisit_tonttisi_meille img {
    width: 100px;
    display: block;
    margin: 0 auto 20px;
}

section.miksi_myisit_tonttisi_meille .col-md-4 h2 {
    margin-bottom: 20px;
    color: #202843;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
}

section.miksi_myisit_tonttisi_meille .col-md-4 p {
    margin-bottom: 0;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: center;
}

section.ilmoita_vapaasta_tontista h2 {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 25px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 65px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

section.ilmoita_vapaasta_tontista form h3 {
    margin-bottom: 20px;
    color: #202843;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.ilmoita_vapaasta_tontista form .col-md-6 input {
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #181b27;
    padding: 10px 0;
    margin-bottom: 10px;
    opacity: 0.52;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.ilmoita_vapaasta_tontista form textarea {
    border-radius: 5px;
    border: 2px solid #181b27;
    background-color: #ffffff;
    width: 100%;
    margin-bottom: 20px;
}

section.ilmoita_vapaasta_tontista form .col-md-12 label {
    opacity: 0.52;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.ilmoita_vapaasta_tontista form.wpcf7-form.init .container {
    padding: 20px !important;
}

section.ajankohtaista {
    padding: 100px 0;
}

section.ajankohtaista h2 {
    color: #202842;
    font-family: Oswald;
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 120px;
    text-align: left;
    text-transform: uppercase;
}

section.ajankohtaista .row {
    align-items: center;
}

section.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs li.nav-item {
    width: calc(20% - 0px);
}

section.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs li.nav-item a {
    border: 2px solid #FFD869;
    background-color: #ffffff;
    border-radius: 0;
    color: #181b27;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
}

section.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs li.nav-item a.active {
    border: 2px solid #FFD869;
    background-color: #FFD869;
}

section.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat .tab-content .tab-pane {
    padding: 50px 0;
}

section.yrityksille.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
    background-position: bottom !important;
}

section.Sijoittajalle-user-box-sec.henkilokunta_repeated {
    padding: 100px 0;
}

section.Sijoittajalle-user-box-sec.henkilokunta_repeated h2 {
    margin-bottom: 50px;
    padding-bottom: 20px;
    position: relative;
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

section.Sijoittajalle-user-box-sec.henkilokunta_repeated h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 10px;
    background: #eac45c;
}

section.Sijoittajalle-user-box-sec.henkilokunta_repeated .box-author-main-cls .name {
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0 10px;
}

section.Sijoittajalle-user-box-sec.henkilokunta_repeated .box-author-main-cls .short_descptions,
.custom_member_dec,
.box-author-main-cls .short_descptions {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

section.Sijoittajalle-user-box-sec.henkilokunta_repeated .box-author-main-cls .description p a,
.custom_member_con a,
.custom_member_con {
    color: #7396cc;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
}

section.Sijoittajalle-user-box-sec.henkilokunta_repeated .box-author-main-cls {
    margin-bottom: 30px;
    height: 100%;
}

section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs li.nav-item {
    width: calc(33.33% - 0px) !important;
}

section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat .tab-content .card-bx {
    width: calc(33.33% - 20px);
    padding: 0 !important;
    box-shadow: 0 3px 15px rgb(0 0 0 / 16%);
    background-color: #ffffff;
}

section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat .tab-content .card-bx h2 {
    color: #191919;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 10px 20px 0;
    margin-bottom: 0;
}

section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat .tab-content .card-bx h2 a {
    color: #191919;
}

section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat .tab-content .card-bx p.location-cls {
    color: #7396cc;
    font-family: "Source Sans Pro";
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    padding: 20px 20px 30px;
}

section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs {
    padding: 0 10px;
    border-bottom: 0;
}

.mfp-bottom-bar .mfp-title {
    padding-right: 0;
    text-align: center;
}

.mfp-bottom-bar .mfp-title h2 {
    color: #ffffff;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 700;
    margin: 20px 0 10px;
}

.mfp-bottom-bar .mfp-title p {
    color: #ffffff;
    font-family: "Source Sans Pro";
    font-size: 18px;
}

.mfp-gallery .mfp-image-holder .mfp-figure button.mfp-close {
    width: 40px;
    height: 40px;
    background-color: #2a3350;
    border-radius: 50%;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #c3d9fc;
    font-size: 36px;
    right: -40px;
}

button.mfp-arrow.mfp-arrow-left.mfp-prevent-close:after {
    border-right: 5px solid #FFF;
    border-top: 5px solid #fff;
    border-bottom: 0px solid #fff;
    border-left: 0px solid #fff;
    height: 25px;
    width: 25px;
    background: transparent;
    transform: rotate(-135deg);
}

button.mfp-arrow.mfp-arrow-right.mfp-prevent-close:after {
    border-left: 5px solid #FFF;
    border-bottom: 5px solid #fff;
    border-top: 0px solid #fff;
    border-right: 0px solid #fff;
    height: 25px;
    width: 25px;
    background: transparent;
    transform: rotate(225deg);
}

section.kohteet_banner.kohteet .row .col-md-6:last-child {
    display: flex;
    flex-direction: column;
    text-align: left;
    justify-content: center;
    padding: 0 0;
    flex: 0 0 40%;
    max-width: 40%;
    margin-left: -100px;
}

section.kohteet_banner.kohteet .row .col-md-6:first-child {
    flex: 0 0 60%;
    max-width: 60%;
}

section.kohteet_banner.kohteet .row .col-md-6 h2 {
    color: #202843;
    font-family: Oswald;
    font-size: 100px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

section.kohteet_banner.kohteet .row .col-md-6 p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    width: 566px;
}

section.kohteet_banner.kohteet .row .col-md-6:first-child {
    position: initial;
}

section.kohteet_banner.kohteet {
    overflow: hidden;
}

ul.cat span {
    margin: 0 20px 0 10px;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
}

ul.cat input[type=checkbox] {
    margin-left: 10px;
    width: 16px;
    height: 16px;
}

.cat_on_off>span {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 600;
    margin-right: 10px;
}

.cat_on_off {
    display: flex;
}

a.sticky_right_a.pum-trigger {
    right: -30px;
    color: #202843;
    font-family: Oswald;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    border-radius: 10px 10px 0px 0px !important;
    padding: 10px 20px 20px 20px;
    z-index: 9;
}



@media (max-width: 1200px) {
    section.avaimet_kateen_repeated .col-md-8 .col-md-6 {
        flex-direction: column;
    }

    section.avaimet_kateen_repeated .col-md-8 .col-md-6 .left {
        margin-bottom: 20px;
    }

    section.avaimet_kateen_repeated .col-md-8 .col-md-6 .left img {
        height: 90px;
    }

    section.avaimet_kateen_repeated .col-md-8 {
        padding: 50px;
    }

    section.maalaisjarkea__ja_kokemusta .container.maalaisjarkea__ja_kokemusta_image h2 {
        padding: 30px 40px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6:first-child {
        padding: 0 100px;
    }
}

@media (max-width: 991px) {
    section.tarviketoimitus.section.section1 h2 {
        font-size: 40px;
    }

    .section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6:first-child {
        padding: 50px 15px;
    }

    footer#footer .row .col-md-4 {
        flex: initial;
        max-width: initial;
        width: 100%;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    body footer#footer .footerEndContent p {
        text-align: center;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4,
    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep,
    section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
        padding: 100px 0;
    }

    .section.section2.tarviketoimitus-kaikkialle-suomessa h2 {
        font-size: 40px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6:first-child {
        padding: 0 50px;
    }

    section.tarviketoimitus.section.section1.avaimet-kateen-top-main-cls {
        padding: 50px 0;
    }

    section.tarviketoimitus.section.section1.avaimet-kateen-top-main-cls .container .row .col-md-6:first-child img {
        margin-left: -60px;
    }

    section.vertaile_avaimet_kateen_tuoteryhmia_title h2 {
        font-size: 40px;
    }

    section.vertaile_avaimet_kateen_tuoteryhmia_title {
        padding: 50px 0;
    }

    section.artikkeli h2 {
        font-size: 50px;
        width: 100%;
    }

    section.sinustako_tekija_meille,
    section.jata_hakemus,
    section.mihin_me_rakennuspalvelu_kokolla_uskomme.rekry-bg-cmn-main-cls {
        padding: 50px 0;
    }

    section.sinustako_tekija_meille .row h2 {
        font-size: 40px;
    }

    section.mihin_me_rakennuspalvelu_kokolla_uskomme h2,
    section.tyontekijoidemme_kokemuksia_video h2 {
        font-size: 40px;
        width: 100%;
    }

    section.tyontekijoidemme_kokemuksia_video {
        padding: 0 0 50px;
    }

    section.sinustako_tekija_meille.oy-sec-cmn-cls .container .row .col-md-6:first-child {
        padding: 50px 0px 50px 20px;
    }

    section.kasvamme_tuotantomme_mukana .row .col-md-6 h2,
    section.maalaisjarkea__ja_kokemusta .container.maalaisjarkea__ja_kokemusta_image h2 {
        font-size: 30px;
    }

    section.toimintamme_arvot h2 {
        font-size: 28px;
    }

    section.toimintamme_arvot .toimintamme_arvot_descptions p {
        font-size: 18px;
        margin-bottom: 30px;
    }

    section#kohdesivu {
        padding: 34px 0;
    }

    section#kohdesivu_gallery_image {
        padding-bottom: 50px;
    }

    section#kohdesivu p {
        font-size: 16px;
    }

    section.miksi_myisit_tonttisi_meille .col-md-12 h2,
    section.ilmoita_vapaasta_tontista h2 {
        font-size: 40px;
        width: 100%;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .col-md-6:last-child {
        position: relative;
    }

    section.miksi_myisit_tonttisi_meille,
    section.ilmoita_vapaasta_tontista {
        padding: 50px 0;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4,
    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep,
    section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
        padding: 50px 0;
    }

    section.asiakastarinat.section.section2.asiakas-tarinat {
        padding-bottom: 50px;
    }

    a.sticky_right_a.pum-trigger {
        font-size: 10px;
        padding: 10px 20px 10px 20px;
    }
}

@media (max-width: 767px) {
    ul.footer_social {
        margin: 0;
        padding: 0;
    }

    .section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 h2 {
        font-size: 30px;
        word-break: break-word;
    }

    .section4.palvelevaa__rakentamista .row h2 {
        font-size: 40px;
        padding: 0 0px 30px;
        margin-bottom: 20px;
    }

    .section4.palvelevaa__rakentamista .row h2:after {
        left: 0px;
    }

    .section4.palvelevaa__rakentamista {
        padding: 50px 0 50px;
    }

    section.tarviketoimitus.section.section4 h3 {
        font-size: 26px;
    }

    .section6.laitetaanko_talo_pakettiin {
        padding: 50px 0;
    }

    .contact-form-section-main {
        padding: 50px 0;
    }

    .oletko_hankkimassa_ensiasuntoa h2 {
        font-size: 30px;
    }

    .box-author-main-cls img {
        width: 100%;
    }

    section.tarviketoimitus.section.section5 .container .row .col-md-6:first-child {
        padding-right: 0px;
    }

    section.tarviketoimitus.section.section5 .container .row .col-md-6:nth-child(2) {
        padding-left: 0px;
    }

    section.tarviketoimitus.section.section4 .col-md-4 {
        padding: 20px 15px;
    }

    section.tarviketoimitus.section.section1 {
        padding: 100px 0;
    }

    .right-bird-main-cls img.sockt-bird-right-img {
        width: 100%;
    }

    .right-bird-main-cls img.sockt-right-img {
        width: 100px;
        bottom: 230px;
        right: 10px;
        top: initial;
    }

    .oletko_hankkimassa_ensiasuntoa {
        padding: 50px 0;
        background-position: bottom right;
        background-size: 50% auto;
    }

    footer#footer {
        background-repeat: no-repeat !important;
        background-size: cover !important;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 {
        padding: 50px 0;
        width: 90%;
    }

    .Sijoittajalle-user-box-sec .box-author-main-cls {
        margin-bottom: 30px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4,
    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep,
    section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
        padding: 50px 0;
    }

    .video-sec-main-cls {
        margin-bottom: 50px;
    }

    section.mika_toimitussisalto_sopisi_minulle h2 {
        font-size: 30px;
    }

    section.avaimet_kateen_repeated .col-md-8 {
        padding: 50px 0;
    }

    section.avaimet_kateen_repeated .col-md-8 .col-md-12 a {
        padding: 10px 20px
    }

    section.avaimet_kateen_repeated .col-md-8 .col-md-6 .right {
        padding: 0 0px;
    }

    section.referenssit.section.section3.galleria .col-md-4.order-md-4.col-sm-4 {
        margin: 0 10px 20px;
        width: calc(100% - 10px);
    }

    section.referenssit.section.section3.galleria {
        padding: 50px 0;
    }

    section.referenssit.section.section3.galleria .col-md-12 a.btn.btn-primary {
        padding: 10px 20px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left .row {
        flex-direction: column-reverse;
    }

    section.tarviketoimitus.section.section4.rakentamista-cmmn-cls {
        padding-bottom: 0px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6:first-child {
        padding: 0 15px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row {
        flex-direction: column-reverse;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left .row {
        flex-direction: column;
    }

    section.asiakastarinat.section.section1.com_banner h1 {
        font-size: 50px;
    }

    section.asiakastarinat.section.section1.com_banner {
        padding: 50px 0;
    }

    section.asiakastarinat.section.section2.asiakas-tarinat .card-bx {
        width: calc(100% - 20px);
        padding: 20px !important;
    }

    section.asiakastarinat.section.section2.asiakas-tarinat .card-bx a img {
        object-fit: cover;
    }

    section.asiakastarinat.section.section1.com_banner h1,
    section.asiakastarinat.section.section1.com_banner p,
    section.asiakastarinat.section.section1.com_banner p a {
        text-align: center;
    }

    section.asiakastarinat.section.section1.com_banner img {
        width: 100%;
    }

    section.asiakastarinat.section.section2.asiakas-tarinat {
        padding-bottom: 50px;
    }

    section.container.py-5.tutustu_galleriaan_section {
        padding: 0 15px !important;
    }

    section.vertaile_avaimet_kateen_tuoteryhmia_title .row {
        flex-direction: column-reverse;
    }

    section.vertaile_avaimet_kateen_tuoteryhmia_title h2 {
        font-size: 30px;
        margin-top: 20px;
    }

    section.sinustako_tekija_meille .row {
        flex-direction: column-reverse;
    }

    section.sinustako_tekija_meille .row h2 {
        margin-top: 20px;
    }

    section.faq {
        padding: 50px 0 50px;
    }

    section.faq div#accordion .panel-collapse .panel-body {
        padding: 20px;
    }

    section.faq div#accordion .panel-heading a {
        font-size: 20px;
    }

    section.jata_hakemus h2,
    section.mihin_me_rakennuspalvelu_kokolla_uskomme h2,
    section.tyontekijoidemme_kokemuksia_video h2 {
        font-size: 30px;
    }

    section.jata_hakemus form .col-md-12 select {
        width: 100%;
    }

    section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 {
        flex-direction: column;
    }

    section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 .title_description {
        padding: 20px 0px 0;
    }

    section.mihin_me_rakennuspalvelu_kokolla_uskomme {
        padding: 50px 0;
    }

    section.tyontekijoidemme_kokemuksia_video iframe {
        height: auto;
    }

    section.jata_hakemus,
    section.mihin_me_rakennuspalvelu_kokolla_uskomme.rekry-bg-cmn-main-cls {
        width: 90%;
        margin: 0 auto 20px;
    }

    section.jata_hakemus form .col-md-12 input[type="submit"] {
        padding: 10px 20px;
        font-size: 16px;
    }

    section.maalaisjarkea__ja_kokemusta .container.maalaisjarkea__ja_kokemusta_image h2 {
        padding: 20px;
    }

    section.maalaisjarkea__ja_kokemusta .container.maalaisjarkea__ja_kokemusta_image p {
        padding: 0px 20px 20px;
    }

    section.toimintamme_arvot {
        padding: 50px 0;
    }

    section#kohdesivu_gallery_image .item img {
        height: auto;
    }

    section#kohdesivu_gallery_image .item {
        padding: 5px 10px;
    }

    div#myNav {
        padding: 60px 0;
    }

    .right-menu-content-cls {
        border-left: 0px solid #ffd869;
        border-top: 1px solid #ffd869;
        padding-top: 20px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 h3,
    section.miksi_myisit_tonttisi_meille .col-md-12 h2,
    section.ilmoita_vapaasta_tontista h2,
    section.tarviketoimitus.section.section1 h2 {
        font-size: 60px;
    }

    section.ajankohtaista {
        padding: 50px 0;
    }

    section.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs {
        flex-direction: column;
    }

    section.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs li.nav-item {
        width: calc(100% - 0px);
    }

    section.Sijoittajalle-user-box-sec.henkilokunta_repeated h2 {
        font-size: 30px;
    }

    section.Sijoittajalle-user-box-sec.henkilokunta_repeated {
        padding: 50px 0;
    }

    section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs li.nav-item {
        width: calc(100% - 0px);
    }

    section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat .tab-content .card-bx {
        width: calc(100% - 0px);
        margin: 0 0 20px;
    }

    section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs {
        padding: 0 0px;
    }

    section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs li.nav-item {
        width: calc(100% - 0px) !important;
    }

    ul.cat span {
        margin: 0 10px 0 10px;
    }
}

footer#footer .row {
    align-items: center;
}

footer#footer .row .footerMiddleContent p {
    color: #202843;
    font-family: Oswald;
    font-size: 30px;
    font-weight: 700;
}

footer#footer .footerEndContent nav.menu-footer-menu-container ul li {
    float: right;
    width: 100%;
}

footer#footer .footerEndContent nav.menu-footer-menu-container ul li a {
    width: 100%;
    background: transparent;
    color: #202843 !important;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 5px;
    padding: 0;
}

footer#footer .footerEndContent p {
    text-align: right;
    width: 100%;
    margin: 10px 0 0;
}

footer#footer .footerEndContent p a {
    font-family: Oswald;
    font-size: 14px;
    font-weight: 700;
}

/*******************custom new***********************************/
.overlay-content .container {
    max-width: 100%;
    padding: 60px 0px;
}

/***header and home**/
.menu-top-menu-container ul#top-menu-custom li a:hover,
ul#menu-main li a:hover {
    /* display: inline-block; */
    color: #c3d9fc;
    transition: ease in 0.3s;
}

nav#header a.navbar-brand img {
    height: 100px;
}

.menu-top-menu-container ul#top-menu-custom {
    padding-bottom: 20px;
}

.menu-top-menu-container ul#top-menu-custom li a {
    margin-left: 53px;
}

.menu-top-menu-container ul#top-menu-custom li.current-menu-item a,
ul#menu-main li.current_page_item a {
    color: #c3d9fc;
}

nav#header div#navbar .container {
    padding-right: 50px;
}

div#myNav {
    width: 100%;
    padding: 0;
}

.overlay {
    height: 0%;
}

footer#footer .footerEndContent p a {
    text-transform: initial;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
}

.row.py-3 a.bird-card-btn.rounded-pill.service-info-btn.px-5.py-2.d-inline-block:hover {
    background: #c3d9fc;
    color: black;
}

li.nav-item.homeBoxMenuRight.p-0 a#profile-tab:hover {
    background: #adc3e6;
}

a.rounded-pill.service-info-btn.px-5.py-2.d-inline-block:hover {
    background: #7396cc;
}

/**.page-template-etusivu .item-left:hover {
  background-color: #FFD869;
}
.page-template-etusivu .item-left:hover img {
    opacity: 67%;
   
}**/
.page-template-etusivu .item-left:hover .item-image:before {
    width: 60px;
}

.item-left:hover .text-white {
    background: rgba(255, 216, 105, 0.76);
    transition: all 0.3;
    -webkit-transition: all 0.3s;
}

/**.page-template-etusivu .item-image:before {
    content: " ";
    height: 100%;
    position: absolute;
    background: #ffbe2b;
    right: 0;
    width: 0px;
	transition: all 0.3s ease-in-out 0s;
}**/
section.homeSection {
    height: unset;
}

a.hover_btn_custom {
    color: #202843;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    text-decoration: underline;
    font-size: 16px;
    text-transform: capitalize;
    padding-top: 10px;
    transition: all 0.3s ease-in-out 0s;
}

a.hover_btn_custom {
    display: block;
    opacity: 0;
    transition: all 0.3s ease-in-out 0s;
}

.item-content.h-100.d-flex.justify-content-center.text-white:hover a.hover_btn_custom {
    opacity: 1;
    transition: all 0.3s ease-in-out 0s;
}

/***footer***/
footer .footerImgLogo img {
    height: auto;
    /*width: 100%;*/
    width: 60%;
}

footer#footer .footerEndContent nav.menu-footer-menu-container ul li a:hover,
footer .footerMiddleContent ul.footer_social a:hover {
    transition: ease-in 0.3s;
    color: #fff !important;
}

footer#footer .footerEndContent nav.menu-footer-menu-container ul li a {
    color: #202843;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: 45px;
    text-align: right;
}

p.footer_cen_btn a,
p.footer_cen_btn {
    margin: 0 !important;
}

ul.footer_social {
    padding: 0px;
}

footer#footer .row .footerMiddleContent p.footer_social_heading_cs {
    color: #202843;
    font-family: Oswald;
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 45px;
    text-align: center;
    margin-bottom: 0;
    margin-top: 40px;
    text-transform: uppercase;
}

footer .footerMiddleContent ul.footer_social a {
    padding: 0 15px;
    margin-top: 5px;
}

footer#footer .row .footerMiddleContent p.footer_cust_heading {
    color: #202843;
    font-family: Oswald;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

footer .footerMiddleContent img.footer_cen_img {
    /*width: 56%;*/
    width: 36%;
    margin-bottom: -25px;
}

/**slider**/
.n2-ss-slide.n2-ss-slide-active {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2021/01/bg-shadow-cls.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.n2-ss-slider .homeBox {
    background: white;
}

.tab-slider--nav {
    width: 100%;

}

.tab-slider--body_inner_1 h4 {
    padding-bottom: 10px;
}

.tab-slider--tabs:after {
    /*content: "";*/
    /*width: 50%;*/
    /*background: #345f90;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*transition: all 250ms ease-in-out;*/
    /*border-radius: 35px;*/
}

.tab-slider--tabs.slide:after {
    left: 50%;
}

li.tab-slider--trigger p {
    background-color: #FFD869;
    color: #3e455d !important;
    font-family: Oswald !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    padding: 16px 0;
    cursor: pointer;
}

li.tab-slider--trigger {
    width: 50%;
    float: left;
}

li.tab-slider--trigger.active p {
    color: #495057 !important;
    background-color: #fff;
}

ul.tab-slider--tabs {
    display: block;
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    text-align: center;
    clear: both;
}

li.tab-slider--trigger p:hover {
    background-color: #adc3e6;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;

}

.tab-slider--body {
    margin-bottom: 20px;
}

.tab-slider--trigger.active p {
    color: #495057 !important;
}

li.tab-slider--trigger.active p:hover {
    background-color: unset;
}

.tab-slider--body h4 {
    text-align: left;

}

.tab-slider--body_inner .tabBtn.d-flex a.d-inline-block {
    width: 45%;
    font-size: 2vh;
    font-weight: bold;
    padding: 5px 25px;
    border: 3px solid #EAC45C;
    color: #3E455D;
    text-align: center;
    float: left;
    margin: 10px 5px;
}

.tab-slider--body_inner .tabBtn.d-flex {
    box-sizing: border-box;
    justify-content: flex-start;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.tab-slider--body_inner {
    padding: 20px 50px 60px;
}

.tab-slider--body_inner_2_b a.d-inline-block {
    padding: 5px;
    border: 3px solid #FFD869 !important;
    float: left;
    margin: 10px 13px;
    width: -webkit-fill-available;
    color: #3e455d;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 900;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
}

.tab-slider--body_inner_2_b {
    width: 50%;
}

.tab-slider--body_inner_2_a {
    float: left;
    width: 50%;
    margin: 0;
}

.tab-slider--body_inner_2 {
    overflow: hidden;
    clear: both;
}

.tab-slider--body_inner_2_a a.d-inline-block {
    padding: 5px;
    border: 3px solid #FFD869 !important;
    float: left;
    margin: 10px 13px;
    width: -webkit-fill-available;
    color: #3e455d;
    font-family: Oswald;
    font-size: 18px;
    font-weight: 900;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
}

section.eagleSection {
    padding-bottom: 55px;
}

section.bird-card.fluid-container.py-5.ajan_kohtaista_banner_img {
    padding-top: 115px !important;
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #191d2c;
    background-blend-mode: lighten;
}

/**image hover effect**/
.page-template-kohteet-on .gallery:hover,
.page-template-kuvagalleria div#kerroksiset_1 .card-bx-11:hover {
    background-color: #ffcb37;
}

.page-template-kohteet-on .gallery,
.page-template-kuvagalleria div#kerroksiset_1 .card-bx-11 {
    background-image: linear-gradient(rgba(32, 40, 67, 0.2), rgba(32, 40, 67, 0.2));
}

.page-template-kohteet-on .gallery:hover img,
.page-template-kuvagalleria div#kerroksiset_1 .card-bx-11:hover img {
    opacity: 0.3;
}

/**image hover effect end**/

li.tab-slider--trigger p {
    font-size: 18px !important;
    padding: 10px 0;
}

.tab-slider--container h4 {
    text-transform: uppercase;
    font-size: 35px !important;
    color: #3e455d;
}

section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat .tab-content .card-bx img {
    margin-bottom: 0;
}

section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat .tab-content .card-bx h2 {
    padding: 30px 20px 0;
}

span.sgpb-basic-floating-button-text,
button.sg-popup-close.pyyda_close_btn {
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
}

/***popup form***/

.col-md-12.custom_popup_heading h3 {
    color: #202843;
    font-size: 26px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    margin-bottom: 15px;
}

.popup_custom_cf_form input {
    opacity: 0.52;
    color: #7396cc;
    font-family: 'Source Sans Pro';
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    border: 0;
    width: 100%;
    background: transparent;
    letter-spacing: normal;
    line-height: normal;
    border-bottom: 2px solid #181b27;
    margin-bottom: 15px;
}

.popup_custom_cf_form label {
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    opacity: 0.75;
}

.col-md-12.custom_popup_heading {
    margin-top: 10px;
}

.popup_custom_cf_form select {
    border-radius: 5px;
    border: 2px solid #181b27;
    background-color: #ffffff;
    opacity: 0.52;
    color: #202843;
    font-family: 'Source Sans Pro';
    letter-spacing: normal;
    font-size: 16px;
    line-height: normal;
    text-align: left;
    width: 100%;
    padding: 7px;
    margin-bottom: 15px;
}

input.wpcf7-form-control.wpcf7-submit {
    border-radius: 24px;
    width: unset;
    background-color: #ffd869;
    padding: 8px 70px;
    color: #202843;
    font-family: Oswald;
    border: 0;
    margin-top: 20px;
    opacity: 1;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    transition: all ease 300ms;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #202843;
    color: #ffd869;
    transition: all ease 300ms;
}

.popup_custom_cf_form input[type="radio"] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: 0;
    background: white;
    height: 26px;
    border-radius: 5px;
    width: 28px;
    border: 2px solid #181b27;
    background-color: #ffffff;
    margin-bottom: 0;
    margin-right: 10px;
}

.popup_custom_cf_form .wpcf7-radio label {
    display: inline-flex;
}

section.eagleSection .row .col-4 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding-left: 335px;
    max-width: 50%;
}

section.eagleSection .row .col-8 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.eagleContent h2::after {
    content: "";
    position: absolute;
    top: 110%;
    height: 10px;
    width: 52%;
    left: 0;
    background-color: #FED771;
}

/**home slider side**/

.n2-ss-slider .custom_1_slide_layer {
    -ms-flex: 0 0 36.33333%;
    flex: 0 0 36.33333%;
    max-width: 36.33333%;

}

.n2-ss-slider .custom_2_slide_layer {
    flex: 0 0 63.6667%;
    -ms-flex: 0 0 63.66667%;
    flex: 0 0 63.66667%;
    max-width: 63.66667%;
}

.n2-ss-slider .custom_2_slide_layer .n2-ss-layer-col {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
}

.page-template-etusivu .n2-ss-layers-container.n2-ow {
    width: 100% !important;
    margin: 0 auto !important;
}

.page-template-etusivu .n2-ss-layer.n2-ow.cust_slide_1_content {
    max-width: 100% !important;
}

.n2-ss-layer.n2-ow.custom_2_slide_layer .n2-ss-layer-col .n2-ss-layer.n2-ow {
    width: 74%;
}

/**home post section**/
.post_home_section h2.section-title {
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.custom_home_page_post .rt-col-lg-4 .rt-holder .rt-detail {
    padding: 10px 10px;
}

.custom_home_page_post .post-content {
    font-family: 'Source Sans Pro';
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
}

.custom_home_page_post .rt-col-lg-4 {
    padding-left: 10px;
    padding-right: 10px;
}

.custom_home_page_post .rt-col-lg-4 .rt-holder {
    padding-bottom: 0;
}

.rt-tpg-container .rt-equal-height {
    margin-bottom: 20px;
}

.custom_home_page_post h2.entry-title a {
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

.custom_home_page_post span.date {
    color: #7396cc;
    font-family: 'Source Sans Pro';
    font-size: 18px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
}

.custom_home_page_post i.fa.fa-calendar {
    display: none;
}

section.bird-card.fluid-container .section-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;

    background-color: #FED771;
    height: 10px;
    width: 14vh;
}

section.bird-card.fluid-container.py-5.ajan_kohtaista_banner_img {
    padding-top: 180px !important;
}

section.Sijoittajalle-user-box-sec.henkilokunta_repeated .col-md-4 {
    margin-bottom: 30px;
}

section.tarviketoimitus.tarviketoimitus_cc .container {
    max-width: 1920px;
}

.col-md-6.box-right-cont-cls {
    padding-left: 77px;
}

section.mihin_me_rakennuspalvelu_kokolla_uskomme.rekry-bg-cmn-main-cls:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #121b35c7;
}

.left-quote-cls i,
.left-quote-cls span {
    width: 318px;
}

li#menu-item-896,
li#menu-item-895 {
    margin-bottom: 40px !important;
}

li#menu-item-797 {
    margin-top: 85px;
}

li#menu-item-795 {
    padding-bottom: 20px;
}

.overlay-content .container .col-md-4.right-menu-content-cls {
    padding-left: 35px;
}

.pum-container.pum-responsive.pum-responsive-medium {
    margin-left: -51px !important;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 {
    padding: 100px 0;
    width: 96%;
    margin: 20px auto;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6 {
    padding-left: 0px;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 p.custom_short_title {
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 0;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.fluid-container.service-sec {
    height: 1024px;
    max-height: 1024px;
    display: flex;
    align-items: center;
}

p.service-info.pb-3 {
    text-shadow: 0 0 40px #ffffff;
    color: #202843;
    font-family: 'Source Sans Pro';
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 40px;
    text-align: left;
}

a.rounded-pill.service-info-btn.px-5.py-2.d-inline-block {
    color: #ffffff;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    padding: 14px 56px !important;
}

section.tarviketoimitus.section.section1 p {
    color: #3e455d;
    font-family: 'Source Sans Pro';
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    margin-bottom: 50px;
}

section.tarviketoimitus.section.section4 {
    padding: 150px 0;
}

.yhtio_cust_4_col_img {
    text-align: center;
}

section.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee p {
    margin-bottom: 0;
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.tarviketoimitus.section.section4 .col-md-4 p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 24px;
    text-align: left;
}

section.container.py-5.tutustu_galleriaan_section.last_home_2_col_sec .p-1 {
    padding: 0.7rem !important;
}

.card.card-project .cart-images.image:after {
    background: #ffd869 !important;
}

.card.card-project:hover .cart-images.image:after {
    opacity: 0% !important;
}

.item-left .item-content.h-100 {
    width: 100%;
}

div#myNav .overlay-content a:hover {
    color: #fff;
}

.item-left .item-content.h-100 {
    width: 100%;
}

/**Common**/
section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1,
section.yrityksille.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

/*popup tab*/
.sgpb-content-1572 button.sgpb-html-custom-button {
    color: #3e455d !important;
    font-family: Oswald !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 40px !important;
    text-align: center !important;
    border-radius: 3px !important;
    border: 2px solid #eac45c !important;
    background: transparent !important;
    margin-bottom: 15px !important;
    width: 77%;
    height: auto !important;
}

h2.cust-pop_heading {
    color: #3e455d;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.sgpb-theme-6-content {
    box-shadow: unset !important;
}

.popup-pyyda-main {
    padding: 11.5px 40px !important;
}

.popup-pyyda-main h2 {
    margin-bottom: 30px;
    margin-top: 10px;
}

.popup-pyyda-main a.sg-show-popup br {
    display: none;
}

.sgpb-content-1572 {
    border: 0px !important;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.16) !important;
    border-radius: 0 !important;
    height: 254px !important;
    background: #fff !important;
}

.sgpb-content-1597,
.sgpb-content-1612 {
    border: 0px !important;
}

button.pyyda_close_btn {
    top: 89px !important;
    left: -85px !important;
    background: #c3d9fc !important;
    border-radius: 0;
    padding: 0;
    outline: none;
    margin-left: -68px;
    height: 76px !important;
    border: 0;
    width: 255px !important;
    position: absolute;
    z-index: 999999999999999;
    transform: rotate(-90deg);
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    border-radius: 25px 25px 0 0px;
}

.sgpb-floating-button.sg-popup-id-1572 {
    font-family: Oswald !important;
    padding: 14px 40px;
    border-radius: 25px 25px 0 0 !important;
    z-index: 11;
}

.sgpb-bounceOutLeft {
    -webkit-animation-name: bounceOutRight !important;
    animation-name: bounceOutRight !important;
}

.sgpb-slideInUp {
    -webkit-animation-name: slideInRight !important;
    animation-name: slideInRight !important;
}

.sgpb-popup-dialog-main-div-theme-wrapper-2 {

    -webkit-animation-name: slideInRight !important;
    animation-name: slideInRight !important;
}

.sgpb-slideOutUp {
    -webkit-animation-name: slideOutRight !important;
    animation-name: slideOutRight !important;
}

h2.inner-popup_form_heading {
    color: #3e455d;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

img.sgpb-popup-close-button-2 {
    display: none;
}

.popup-pyyda-main h2 {
    margin-bottom: 30px;
    margin-top: 10px;
    color: #3e455d;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

footer#footer {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

section.tarviketoimitus-kaikkialle-suomessa22 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    max-width: 1920px;
}

section.tarviketoimitus.section.section2.tarviketoimitus-kaikkialle-suomessa,
section.custom_common_section.yrityksille.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle {
    display: flex;
    height: 1080px;
    justify-content: center;
    align-items: center;
}

section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .custom_container.container {
    padding: 0 !important;
}

/**section.custom_common_section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left .custom_container.container {
    padding: 0px 0 0px 250px !important;
}**/
section.custom_common_section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left .custom_container.container .col-md-6:first-child {
    flex: 0 0 90%;
    max-width: 90%;
}

section.custom_common_section.yrityksille.tarviketoimitus.section.section5 .custom_container.container,
section.tarviketoimitus.section.section5 {
    padding: 0px 0px !important;
    max-width: 96% !important;
    margin: 0 auto;
}

section.custom_common_section.yrityksille.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee .col-md-5 {
    flex: 0 0 33.66667%;
    max-width: 33.66667%;
}

section.custom_common_section.yrityksille.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee .custom_container.container {
    padding: 0px 160px 0px 250px !important;
}

section.custom_common_section.yrityksille.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee .col-md-5 {
    flex: 0 0 33.66667%;
    max-width: 33.66667%;
}

section.custom_common_section.yrityksille.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee .col-md-7 {
    flex: 0 0 65.66667%;
    max-width: 67.66667%;
}

section.custom_common_section.contact-form-section-main .custom_container.container .container {
    padding: 15px !important;
}

section.custom_common_section.kohteet_banner.kohteet {
    display: flex;
    align-items: center;
}

.custom_container.container .container {
    padding: 0;
    max-width: 100%;
}

section.custom_common_section.section.section2.asiakas-tarinat.kohteet .custom_container.container {
    padding: 0 100px;
}

section.custom_common_section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle {
    display: flex;
    height: 1024px;
    align-items: center;
}

section.custom_common_section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle .custom_container.container .col-md-6:first-child {
    padding: 0 250px 0px 0px;
}

section.custom_common_section.mika_toimitussisalto_sopisi_minulle .custom_container.container {
    max-width: 100%;
    padding: 0;
}

section.custom_common_section.mika_toimitussisalto_sopisi_minulle {
    padding: 200px 0 0 0;
}

section.custom_common_section.avaimet_kateen_repeated .custom_container.container {
    max-width: 100%;
    padding: 0;
}

section.custom_common_section.avaimet_kateen_repeated .custom_container.container .right ul li {
    padding-left: 1.3em;
    color: #ffffff;
    font-family: "Source Sans Pro";
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
}

section.tarviketoimitus.section.section4 .col-md-4 ul {
    text-align: left;
}

section.custom_common_section.etusivu.section.section9.oletko_hankkimassa_ensiasuntoa {
    background-size: contain;
}

.bg-overlay-cls-half:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/uploads/2021/01/bg-shadow-cls.png);
    background-position: revert;
    background-repeat: no-repeat;
    background-size: 50% 100%;
    background-image: linear-gradient(to top, #01061be3 100%, rgb(32 40 67) 100%);
}

.bg-overlay-cls-half {
    position: relative;
}

.custom_container.container {
    z-index: 9;
}

.col-md-12.video-sec-main-cls {
    margin: 0;
}

section.yrityksille.tarviketoimitus.section.section4 {
    margin: 50px 0;
}

section.yrityksille.tarviketoimitus.section.section4 {
    margin: 100px 0px 0px 0px !important;
}

.box-author-main-cls .name {
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    color: #202843 !important;
    font-family: Oswald !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center !important;
}

section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls .col-md-8 img {
    width: 140%;
}

section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1 .custom_container.container .col-md-8 img {
    width: 140% !important;
}

section.custom_common_section.maalaisjarkea__ja_kokemusta {
    padding-top: 20px;
}

section.sinustako_tekija_meille.oy-sec-cmn-cls {
    padding: 0;
    overflow: hidden;
    background-image: url(/wp-content/uploads/2021/02/stock-photo-bald-eagle-isolated-on-white-background-188795987-5-1.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    height: 1024px;
    display: flex;
    align-items: center;
}

section.custom_common_section.maalaisjarkea__ja_kokemusta_1 {
    background: #f7f7f7;
    width: 96%;
    margin: 0 auto;
}

section.custom_common_section.maalaisjarkea__ja_kokemusta_1 h2 {
    color: #202843;
    font-family: Oswald;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
}

section.custom_common_section.maalaisjarkea__ja_kokemusta_1 p {
    color: #202843;
    font-family: 'Source Sans Pro';
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
}

section.custom_common_section.maalaisjarkea__ja_kokemusta_1 {
    padding: 50px 0;
}

section.custom_common_section.kasvamme_tuotantomme_mukana {
    background: #f7f7f7;
    width: 96%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 50px 0;
}

section.custom_common_section.sinustako_tekija_meille.vapaat_tyopaikat h2 {
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

section.custom_common_section.sinustako_tekija_meille.vapaat_tyopaikat p {
    color: #202843;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    padding: 20px 0 35px;
}

section.custom_common_section.toimintamme_arvot .row {
    padding-bottom: 50px;
}

.breadcrumbs a,
.breadcrumbs {
    color: #7396cc !important;
    background: transparent !important;
    padding: 0 !important;
    font-family: "Source Sans Pro" !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    line-height: 24px !important;
    text-align: left !important;
    padding-bottom: 25px !important;
}

.row.galle_2 {
    padding-top: 100px;
}

section.referenssit.section.section3.galleria .col-md-3 h2:after {
    height: 10px;
}

section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd {
    padding: 0;
    background-color: #c3d9fc;
    overflow: hidden;
    background-image: url(/wp-content/uploads/2021/02/stock-photo-bald-eagle-isolated-on-white-background-188795987-6-2.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right;
    height: 1024px;
    display: flex;
    align-items: center;
    width: 96%;
    margin: 0 auto;
}

section.sinustako_tekija_meille .row h2.ostamme_sec_2nd_heading {
    color: #202843;
    font-family: Oswald;
    font-size: 60px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-top: 0;
    text-align: left;
    text-transform: uppercase;
}

section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd .col-md-4,
section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd .col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd .col-md-8 img {
    display: none;
}

input[type="submit"] {
    border-radius: 24px;
    background-color: #ffd869;
    width: auto;
    padding: 10px 60px;
    border: 0;
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
}

h2:after {
    height: 10px !important;
    margin: 0 !important;
    left: 0px !important;
    bottom: 0 !important;
}

.row.ostamme_sec_3rd_row .col-md-4 {
    padding-top: 50px;
}

section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1 {
    padding: 0;
    background-color: #fff;
    overflow: hidden;
    background-image: url(/wp-content/uploads/2021/02/New-Project.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 1024px;
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd,
section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1 {
    background-color: #fff;
    width: 100%;
    overflow: hidden;
    background-image: url(/wp-content/uploads/2021/02/New-Project.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    height: 1024px;
    display: flex;
    align-items: center;
    padding-bottom: 50px;
}

.eagleSection_1 h2.ostamme_sec_2nd_heading:after {
    content: '';
    position: absolute;
    left: 20px !important;
    right: 0px;
    width: 100px;
    height: 10px;
    background: #eac45c;
}

.eagleSection_1 h2.ostamme_sec_2nd_heading {
    padding: 0 0 25px 0 !important;
}

.n2-ss-section-main-content.n2-ss-layer-content.n2-ow {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 220px !important;
}

section.custom_common_section.service-card.fluid-container {
    padding: 0;
    width: 96% !important;
    margin: 0 auto;
}

section.custom_common_section.service-card.fluid-container .custom_container {
    padding: 0;
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}

a:hover {
    transition: ease-in 0.3s !important;
    -webkit-transition: ease-in 0.3s !important;
}

h2 {
    padding-bottom: 30px !important;
}

section.custom_common_section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle.bg-overlay-cls-half.avaimet_cust_3_sec .col-md-6 {
    align-items: flex-start;
}

.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 a,
section.vertaile_avaimet_kateen_tuoteryhmia_title a {
    padding: 10px 45px;
}

section.tarviketoimitus.section.section4.service_last_sec_img .col-md-4:last-child img {
    width: 100%;
    height: auto !important;
}

section.mika_toimitussisalto_sopisi_minulle h2:after {
    margin: 0 auto !important;
}

section.custom_common_section.artikkeli_banner.kohdesivu_cs .custom_container {
    width: 100%;
    padding: 0;
    max-width: 100%;
}

p.footer_cen_btn a {
    color: #ffffff;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
}

.page-template-yhtio-muotoiset-kodit section.custom_common_section.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee {
    padding: 100px 0;
}

.page-template-yhtio-muotoiset-kodit section.custom_common_section.tarviketoimitus.section.section4c {
    padding-bottom: 100px;
}

.page-template-yhtio-muotoiset-kodit section.custom_common_section.tarviketoimitus.section.section4c img {
    padding-bottom: 1rem;
}

/***button**/
a.rounded-pill.service-info-btn.px-5.py-2.d-inline-block,
a.rounded-pill.service-info-btn.px-5.py-2.d-inline-block,
section.referenssit.section.section3.galleria .col-md-12 a.btn.btn-primary,
.section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 a,
section.vertaile_avaimet_kateen_tuoteryhmia_title a,
input.wpcf7-form-control.wpcf7-submit,
section.sinustako_tekija_meille.vapaat_tyopaikat .row a,
section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.box-btn-cls,
section.tarviketoimitus.section.section5 .container .row .col-md-12 a,
.oletko_hankkimassa_ensiasuntoa a,
section.tarviketoimitus.section.section1 a {
    font-size: 20px;
    padding: 10px 55px !important;
}

.breadcrumbs,
.breadcrumbs a,
section.tarviketoimitus.section.section1 .breadcrumbs,
section.tarviketoimitus.section.section1 .breadcrumbs a {
    padding: 0 !important;
    padding-bottom: 25px !important;
}

section.tarviketoimitus.section.section1 h2,
section.custom_common_section.kohteet_banner.kohteet h2 {
    margin-bottom: 0 !important;
}

.sgpb-popup-builder-content-1572.sgpb-popup-builder-content-html .popup-pyyda-main h2 {
    margin-bottom: 0;
    margin-top: 20px;
}

button.sg-popup-hover-1572 {
    top: 25%;
    font-size: 20px;
    border-width: 5px;
    border-style: solid;
    border-radius: 5px;
    border-color: rgb(195, 217, 252);
    background-color: rgb(195, 217, 252);
    color: rgb(32, 40, 67);
    transform: rotate(-90deg);
    transform-origin: right bottom 0px;
    right: 0px;
    font-family: Oswald !important;
    padding: 14px 40px;
    border-radius: 25px 25px 0 0 !important;
    z-index: 11;
    display: inline-block;
    text-decoration: none !important;
    z-index: 99999999;
    position: fixed;
    text-align: center;
    padding: 10px;
    font-family: sans-serif !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    cursor: pointer !important;
    letter-spacing: 0.05em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald !important;
    padding: 14px 40px;
    border-radius: 25px 25px 0 0 !important;
    z-index: 11;
}

/**custom popup**/
#slide_custom_popup {
    position: fixed;
    background: #999;
    width: 480px;
    right: -480px;
    top: 35%;
    transition: right 3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    -ms-transition: right 0.3s ease-in-out;
    -moz-transition: right 0.3s ease-in-out;
    -webkit-transition: right 0.3s ease-in-out;
    z-index: 99999999999999;
}

#toggle_custom_popup {
    position: absolute;
    right: 480px;
    background: #ccc;
    z-index: 99999999999999;
    border-width: 5px;
    border-style: solid;
    border-color: rgb(195, 217, 252);
    background-color: rgb(195, 217, 252);
    color: rgb(32, 40, 67);
    transform: rotate(-90deg);
    transform-origin: right 0;
    margin-right: 66px;
    max-width: 300px;
    text-decoration: none !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    cursor: pointer !important;
    letter-spacing: 0.05em !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Oswald;
    font-size: 20px;
    margin-top: 0px;
    font-style: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    font-family: Oswald !important;
    padding: 14px 10px;
    width: 300px;
    border-radius: 25px 25px 0 0 !important;
}

.box_custom_popup {
    padding: 42px 30px;
    z-index: 99999999999999;
    height: auto;
    background: white;
    width: 100%;
    max-height: 300px;
    height: 300px;
}

.box_custom_popup h2 {
    color: #3e455d;
    font-family: Oswald;
    font-size: 35px;
    font-weight: 500;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 10px !important;
}

.box_custom_popup a {
    color: #3e455d !important;
    font-family: Oswald !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    letter-spacing: normal !important;
    text-align: center !important;
    border-radius: 3px !important;
    border: 2px solid #eac45c !important;
    background: transparent !important;
    margin-bottom: 20px !important;
    width: 60%;
    padding: 10px 15px;
    display: block;
    margin-top: 20px;
}

#slide_custom_popup:hover {
    right: 0px;
}

.sgpb-popup-dialog-main-div-theme-wrapper-3 {
    z-index: 9999999999 !important;
}

/***/

section.custom_common_section.referenssit.section.section3.galleria.cust_galleria_heading {
    padding-bottom: 0;
}

section.custom_common_section.referenssit.section.section3.galleria.cust_.galleria_btn {
    padding-top: 0;
}

section.custom_common_section.referenssit.section.section3.galleria.cust_.galleria_btn .col-md-12 {
    padding: 0;
}

section.custom_common_section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat.cust_galleria_main_content .container.tab-pane {
    padding: 0;
}

/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 90%;
    margin-top: 100px;
    margin-bottom: 100px;
}

.single-asunnot section.artikkeli_banner img {
    height: auto !important;
}

.single-asunnot .col-md-6.order-md-6.col-sm-12 p {
    padding: 10px 0;
}

section#contact .box-author-main-cls img {
    width: 75%;
}

section#kohdesivu_gallery_image {
    padding-bottom: 50px;
}

/**responsive*/

@media only screen and (min-width: 991px) {

    section.bird-card.fluid-container.py-5.ajan_kohtaista_banner_img {
        background-position-x: 135px;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1920px;
    }
}

@media only screen and (min-width: 1920px) {

    section.bird-card.fluid-container.py-5.ajan_kohtaista_banner_img {
        padding-top: 140px !important;
        background-size: auto;
        background-position: top right;
    }

    /**rakentajalle**/
    section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1,
    section.yrityksille.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
        padding: 300px 0;
    }

    /**/
    .popup_custom_cf_form label,
    .popup_custom_cf_form select,
    .popup_custom_cf_form input {
        font-size: 20px;

    }
}

@media only screen and (min-width: 3000px) {
    section.bird-card.fluid-container.py-5.ajan_kohtaista_banner_img {
        background-position: top;
    }
}

@media only screen and (max-width: 2200px) {

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd,
    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1 {
        background-image: unset;
        height: auto;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd .col-md-8 img {
        display: block;
    }
}

@media only screen and (max-width: 1919px) {
    section.ajankohtaista h2 {

        font-size: 60px;
        line-height: 75px;
    }
}

@media only screen and (min-width: 1681px) {
    section.custom_common_section .custom_container {
        padding: 0px 250px;
        max-width: 100%;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd .custom_container.container {
        padding: 0px 210px;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1 .custom_container.container {
        padding: 0px 250px;
    }

    .page-template-yrityksille section.custom_common_section.section3 .custom_container.container .col-md-6:first-child {
        padding-left: 250px;
        padding-bottom: 200px;
        padding-top: 200px;
        padding-right: 200px;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls .col-md-8 img {
        display: none;
    }

    .n2-ss-section-main-content.n2-ss-layer-content.n2-ow {
        max-width: 1920px;
        margin: 0 auto;
        padding: 0 220px !important;
    }

    section.custom_common_section.post_home_section .row.no-gutters.py-5 {
        padding: 100px 0 !important;
    }

    section.custom_common_section.tutustu_galleriaan_section.last_home_2_col_sec {
        padding: 50px 0;
    }
}

@media only screen and (max-width: 1680px) {
    section#kohdesivu p a {
        font-size: 14px;
        padding: 7px 45px;
    }

    .item-right {
        padding: 0 50px;
    }

    h5.card-h5 {
        font-size: 18px;

    }

    .card-h2 {
        font-size: 20px;
    }

    section.fluid-container.service-sec {
        max-height: 740px;
    }

    ul.cat span {
        margin: 0 20px 0 10px;
        font-size: 16px;
    }

    section.faq div#accordion .panel-heading a {
        font-size: 22px;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1 {
        padding-bottom: 20px;
    }

    section.custom_common_section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .col-md-6 {
        padding-right: 150px !important;
    }

    /**mega menu**/
    /**mega menu**/
    .overlay .closebtn {
        top: 0;
        right: 10px;
        font-size: 50px;
    }

    div#myNav a.closebtn img {
        width: 40px !important;
    }

    .overlay-content .container {
        padding: 30px 20px;
    }

    .right-menu-content-cls h2 {
        font-size: 18px;
    }

    .right-menu-content-cls ul.top-menu-custom>li>a {
        font-size: 25px;
    }

    .right-menu-content-cls ul.top-menu-custom ul.sub-menu li a {
        font-size: 14px;
    }

    .menu-megamenu-rakennuspalvelu-kokko-oy-container ul#top-menu-custom li:first-child {
        margin-bottom: 0;
    }

    .left-quote-cls i,
    .left-quote-cls span {
        margin: 0;
        font-size: 14px;
        line-height: 20px;
    }

    span.kokko_menu_open {
        padding: 2px 11px !important;
    }

    /***/
    /**footer**/
    footer .footerMiddleContent img.footer_cen_img {
        width: 80%;
    }

    footer#footer .row .footerMiddleContent p.footer_cust_heading {
        font-size: 30px !important;
        padding-bottom: 15px;
        line-height: 40px !important;
    }

    /***
    section.custom_common_section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left .custom_container.container {
    padding: 0px!important;
}*/
    .section.section2.tarviketoimitus-kaikkialle-suomessa h2,
    section.Sijoittajalle-user-box-sec.henkilokunta_repeated h2,
    section.custom_common_section.maalaisjarkea__ja_kokemusta_1 h2,
    section.kasvamme_tuotantomme_mukana .row .col-md-6 h2,
    section.custom_common_section.toimintamme_arvot h2,
    section.mihin_me_rakennuspalvelu_kokolla_uskomme h2,
    section.custom_common_section.sinustako_tekija_meille.vapaat_tyopaikat h2,
    .col-8.col-md-3.py-5.ajan_kohtaista_title h2.section-title.text-white,
    section.referenssit.section.section3.galleria .col-md-3 h2,
    section.miksi_myisit_tonttisi_meille .col-md-12 h2,
    section.ilmoita_vapaasta_tontista h2,
    .section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 h2,
    .video-sec-main-cls h2,
    .section4.palvelevaa__rakentamista .row h2,
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 h3,
    section.sinustako_tekija_meille .row h2.ostamme_sec_2nd_heading,
    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep h2,
    .item-right h2,
    .post_home_section h2.section-title,
    .post_home_section h2.section-title,
    section.vertaile_avaimet_kateen_tuoteryhmia_title h2,
    section.jata_hakemus h2,
    section.tyontekijoidemme_kokemuksia_video h2,
    section#kohdesivu h2,
    section#kohdesivu p.kohdesivu_price {
        font-size: 36px;
        padding: 0 0 25px 0px;
        width: 100%;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 h3 {
        padding: 0;
        margin: 0;
    }

    section.custom_common_section.mika_toimitussisalto_sopisi_minulle {
        padding: 100px 0 0 0;
    }

    .custom_home_page_post h2.entry-title a {
        font-family: Oswald;
        font-size: 20px;

    }

    .custom_home_page_post .post-content {
        font-size: 16px;
        line-height: 22px;
    }

    .custom_home_page_post span.date {
        font-size: 14px;
    }

    ul#menu-main li a {
        font-size: 16px;
        margin: 5px 0 0 50px;

    }

    .menu-top-menu-container ul#top-menu-custom li a {
        font-size: 15px;

    }

    nav#header div#navbar .container {
        padding-right: 20px;
    }

    section.tarviketoimitus.section.section2.tarviketoimitus-kaikkialle-suomessa,
    section.custom_common_section.yrityksille.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle,
    section.custom_common_section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle {
        height: auto;
        padding: 100px 0;
        min-height: 740px;
    }

    section.mika_toimitussisalto_sopisi_minulle h2 {
        margin-bottom: -90px;
        font-size: 36px;
    }

    section.mika_toimitussisalto_sopisi_minulle h2:after {
        width: 162px;
        height: 8px;
        margin: 0 auto !important;
    }

    .video-sec-main-cls iframe {
        width: 85%;
        height: 640px;
    }

    .page-template-yrityksille section.custom_common_section.section3 .custom_container.container .col-md-6:first-child {
        padding-left: 100px;
        padding-bottom: 200px;
        padding-top: 200px;
    }

    .n2-ss-layer.n2-ow.custom_2_slide_layer .n2-ss-layer-col .n2-ss-layer.n2-ow {
        width: 85%;
    }

    section.tarviketoimitus.tarviketoimitus_cc .container {
        max-width: 1120px;
    }

    .overlay-content .container {
        padding: 60px;
    }

    section.avaimet_kateen_repeated .col-md-8 .col-md-6 .right h2,
    section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 .title_description .title {
        font-size: 18px;
    }

    section.custom_common_section.avaimet_kateen_repeated .custom_container.container .right ul li {
        font-size: 15px;
        line-height: 19px;
    }

    /****/

    .oletko_hankkimassa_ensiasuntoa {
        padding: 100px 0;
    }

    section.custom_common_section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle .custom_container.container .col-md-6:first-child {
        padding: 0 180px 0px 0px;
    }

    section.yrityksille.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle p {
        width: 100%;
        font-size: 20px;
        line-height: 32px;
        margin-left: 0;
    }

    section.sinustako_tekija_meille.vapaat_tyopaikat .row a {
        font-size: 14px;
        padding: 7px 45px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 .content,
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right p,
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left p {
        font-size: 20px;
        width: 100%;
    }

    section.custom_common_section.yrityksille.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee .custom_container.container {
        padding: 0px 20px !important;
    }

    section.tarviketoimitus.section.section4 h3 {
        font-size: 20px;
        line-height: 38px;
    }

    section.custom_common_section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left .custom_container.container .col-md-6:first-child {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .box-right-cont-cls h2 {
        font-size: 36px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 p.custom_short_title {
        font-size: 14px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.box-btn-cls {
        font-size: 18px;
    }

    section.eagleSection .row .col-4 {
        padding-left: 150px;
    }

    section.miksi_myisit_tonttisi_meille img {
        width: 60px;
    }

    section.miksi_myisit_tonttisi_meille .col-md-4 h2 {
        font-size: 20px;
    }

    section.toimintamme_arvot .title_description .description {
        width: 100%;

    }

    section.referenssit.section.section3.galleria .col-md-4.order-md-4.col-sm-4 h2 {
        font-size: 18px;
    }

    section.referenssit.section.section3.galleria .col-md-4.order-md-4.col-sm-4 p {
        font-size: 14px !important;
    }

    section.tarviketoimitus.section.section1 h2,
    section.kohteet_banner.kohteet .row .col-md-6 h2,
    section.sinustako_tekija_meille .row h2 {
        font-size: 60px;
        line-height: 75px;
    }

    section.tarviketoimitus.section.section1 h3 {
        font-size: 28px;
    }

    p,
    .item-right.h-100.d-flex.justify-content-center.text-left p,
    ul li {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    /**kohteet , rakentajalle**/
    section.faq div#accordion .panel-collapse .panel-body p,
    section.faq div#accordion .panel-collapse .panel-body ul li {
        font-size: 16px !important;
    }

    section.kohteet_banner.kohteet .row .col-md-6:last-child {
        margin-left: 0;
        padding: 100px 0;
        padding-right: 100px;
    }

    .breadcrumbs,
    .breadcrumbs a {
        font-size: 13px !important;
    }

    .item-content h2 {
        font-size: 20px;
    }

    section.toimintamme_arvot .title_description .description {
        font-size: 16px;
    }

    section.kohteet_banner.kohteet .row .col-md-6 p {
        width: 100%;
    }

    section.custom_common_section.section.section2.asiakas-tarinat.kohteet .custom_container.container {
        padding: 0 0;
    }

    section.kasvamme_tuotantomme_mukana .row .col-md-6 p {
        width: 100%;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd .col-md-4,
    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .contact-form-section-main .col-md-12 h3,
    section.ilmoita_vapaasta_tontista form h3,
    section.ilmoita_vapaasta_tontista form h3,
    .box-author-main-cls .name {
        font-size: 20px !important;
    }

    section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 .title_description .description {
        font-size: 16px;
        line-height: 22px;
    }

    label,
    input[type="text"],
    input[type="email"] {
        font-size: 14px !important;
    }

    input.wpcf7-form-control.wpcf7-submit {
        font-size: 14px !important;
        padding: 7px 45px !important;
    }

    section.sinustako_tekija_meille.oy-sec-cmn-cls {
        background-image: unset;
        height: auto;
    }

    h2:after {
        height: 7px !important;
    }

    .box-author-main-cls p,
    .box-author-main-cls p a {
        font-size: 14px;
        line-height: 16px;
    }

    section.tarviketoimitus.section.section5 .container .row .col-md-12 a,
    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep a.box-btn-cls,
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.box-btn-cls,
    .oletko_hankkimassa_ensiasuntoa a,
    p.footer_cen_btn a,
    footer#footer .footerEndContent p a {
        padding: 7px 45px;
        font-size: 14px;
        margin-right: 1rem;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.link-btn-cls {
        font-size: 14px;
    }

    section.tarviketoimitus.section.section4 .col-md-4 img,
    section.avaimet_kateen_repeated .col-md-8 .col-md-6 .left img {
        height: 70px !important;
    }

    section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 .icon img {
        width: 70px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 {
        padding: 100px 0 !important;
    }

    /***/
    .n2-ss-section-main-content.n2-ss-layer-content.n2-ow {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0 0px !important;
    }

    /***/
    h2 {
        padding-bottom: 25px !important;
    }

    /***/
    footer#footer .footerEndContent nav.menu-footer-menu-container ul li a {
        font-size: 18px;
    }

    /**btn**/
    a.rounded-pill.service-info-btn.px-5.py-2.d-inline-block,
    a.rounded-pill.service-info-btn.px-5.py-2.d-inline-block,
    section.referenssit.section.section3.galleria .col-md-12 a.btn.btn-primary,
    .section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 a,
    section.vertaile_avaimet_kateen_tuoteryhmia_title a,
    input.wpcf7-form-control.wpcf7-submit,
    section.sinustako_tekija_meille.vapaat_tyopaikat .row a,
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.box-btn-cls,
    section.tarviketoimitus.section.section5 .container .row .col-md-12 a,
    .oletko_hankkimassa_ensiasuntoa a,
    section.tarviketoimitus.section.section1 a {
        font-size: 14px !important;
        padding: 7px 45px !important;
    }

    .breadcrumbs,
    .breadcrumbs a,
    section.tarviketoimitus.section.section1 .breadcrumbs,
    section.tarviketoimitus.section.section1 .breadcrumbs a {
        font-size: 13px !important;
        padding: 0 !important;
    }

    section.tarviketoimitus.section.section1 h2,
    section.custom_common_section.kohteet_banner.kohteet h2,
    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls h2 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1 h2.ostamme_sec_2nd_heading {
        padding-bottom: 25px !important;
    }
}

@media only screen and (min-width: 992px) {

    /**rakentajalle**/
    section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1,
    section.yrityksille.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
        /* max-height: 1080px;
    min-height: 700px;*/
    }

    section.homeSection {
        height: unset;
    }

    .home .homeLeft h2 {
        font-size: 120px;
        font-weight: 700;
        font-style: normal;
        letter-spacing: normal;
        line-height: 135px;
    }

    .pum-theme-1002 .pum-content+.pum-close,
    .pum-theme-default-theme .pum-content+.pum-close {
        min-height: 191px;
        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
        width: 70px !important;
        height: auto !important;
        left: -69px !important;
        font-size: 0 !important;
        right: 0px !important;
        bottom: auto !important;
        top: 0px !important;
        background-color: #c3d9fc !important;
        min-width: unset !important;
    }

    button.pum-close.popmake-close:before {
        margin: 0 AUTO;
        background-image: url(/wp-content/uploads/2021/02/image-2.png);
        background-size: cover;
        display: inline-block;
        width: 33px !important;
        margin-top: 17px;
        background-repeat: no-repeat;
        height: auto;
        content: "";
        min-height: 136px;
    }
}

@media only screen and (max-width: 1367px) {

    .section.section2.tarviketoimitus-kaikkialle-suomessa h2,
    section.Sijoittajalle-user-box-sec.henkilokunta_repeated h2,
    section.custom_common_section.maalaisjarkea__ja_kokemusta_1 h2 {
        margin-bottom: 0;
    }

    /****yrityksille, rakentajalle****/

    .section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 h2,
    .video-sec-main-cls h2 {
        word-break: break-word;
    }

    section.tarviketoimitus.section.section2.tarviketoimitus-kaikkialle-suomessa,
    section.custom_common_section.yrityksille.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle,
    section.custom_common_section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle {
        height: auto;
        padding: 100px 0;
    }

    section.yrityksille.tarviketoimitus.section.section4 {
        margin: 0px !important;
    }

    .contact-form-section-main .col-md-12 h2 {
        font-size: 36px;
        padding: 0 0px 25px 0;
    }

    section.mika_toimitussisalto_sopisi_minulle h2 {
        margin-bottom: -76px;
        font-size: 36px;
    }

    section.custom_common_section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle .custom_container.container .col-md-6:first-child {
        padding: 0 80px 0px 0px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 {
        padding: 100px;
        min-height: 400px;
    }

    a.rounded-pill.service-info-btn.px-5.py-2.d-inline-block,
    section.referenssit.section.section3.galleria .col-md-12 a.btn.btn-primary,
    .section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 a,
    section.vertaile_avaimet_kateen_tuoteryhmia_title a,
    section.tarviketoimitus.section.section1 a {
        font-size: 14px;
        padding: 7px 45px !important;
    }

    .overlay-content .container {
        padding: 60px 20px;
    }

    section.Sijoittajalle-user-box-sec.henkilokunta_repeated .box-author-main-cls .description p a,
    .custom_member_con a,
    .custom_member_con,
    section.Sijoittajalle-user-box-sec.henkilokunta_repeated .box-author-main-cls .short_descptions,
    .custom_member_dec,
    .box-author-main-cls .short_descptions {
        font-size: 16px;
    }

    .box-author-main-cls h3 {
        font-size: 22px;
    }


    /**slider**/
    .eagleContent h2 {
        font-size: 40px;
        line-height: 58px;
    }

    .n2-ss-layer.n2-ow.home_slider_heading div {
        font-size: 90px;
    }

    li.tab-slider--trigger p {
        font-size: 14px !important;
    }

    .tab-slider--body_inner_2_a a.d-inline-block,
    .tab-slider--body_inner_2_b a.d-inline-block {
        font-size: 15px;
        padding: 5px;
    }

    .tab-slider--container h4 {
        font-size: 26px !important;
    }
}

@media only screen and (max-width: 1200px) {
    .modal-content {
        max-width: 80%;
    }

    .video-sec-main-cls iframe {
        width: 85%;
        height: 640px;
    }

    section.custom_common_section.etusivu.section.section9.oletko_hankkimassa_ensiasuntoa {
        background-size: contain;
        background-position: right;
        background-size: 60%;
    }

    section.mika_toimitussisalto_sopisi_minulle h2 {
        margin-bottom: -15px;
    }

    .n2-ss-section-main-content.n2-ss-layer-content.n2-ow {
        max-width: 960px;
        margin: 0 auto;
        padding: 0 0px !important;
    }

    /**popup**/
    h2.inner-popup_form_heading {
        font-size: 24px;
    }

    div#pum-1011 {
        overflow: inherit !important;
    }

    div#popmake-1011 {
        position: sticky !important;
    }

    .col-md-12.custom_popup_heading h3 {
        font-size: 22px;
    }

    .popup_custom_cf_form input {
        font-size: 14px;
    }

    .popup_custom_cf_form label {
        font-size: 14px;
    }

    input.wpcf7-form-control.wpcf7-submit {
        font-size: 14px;
    }

    .popup_custom_cf_form select {
        font-size: 14px;
    }

    .tab-slider--body_inner {
        padding: 15px;
    }

    .left-quote-cls i,
    .left-quote-cls span {
        width: 100%;
    }

    li.tab-slider--trigger p {
        font-size: 17px !important;
    }

    /**footer**/
    footer#footer .row .footerMiddleContent p.footer_cust_heading {
        font-size: 30px;
    }

    footer#footer .footerEndContent nav.menu-footer-menu-container ul li a {
        text-align: right;
        font-size: 16px;
    }

    footer .footerEndContent a {
        padding: 5px 18px;
        font-size: 14px !important;
    }

    footer#footer .row .footerMiddleContent p.footer_social_heading_cs {
        font-size: 22px;
    }

    footer .footerMiddleContent a,
    footer .footerEndContent a {
        padding: 3px 20px;
        font-size: 12px;
    }

    .col-md-3.col-12.footerEndContent.text-center.text-lg-right p a {
        font-size: 12px !important;
        padding: 3px 20px;
    }

    /**slider**/
    .n2-ss-layer.n2-ow.custom_2_slide_layer .n2-ss-layer-col .n2-ss-layer.n2-ow {
        width: 100%;
    }

    .n2-ss-layer.n2-ow {
        padding: 0;
    }

    .n2-ss-layer-row {
        padding-top: 60px;
    }

    section.mihin_me_rakennuspalvelu_kokolla_uskomme .row .col-md-6 .title_description .description {
        width: 100%;
    }

    .n2-ss-layer.n2-ow.home_slider_heading div#n2-ss-1item2 {
        font-size: 60px;
    }

    section.eagleSection .row .col-4 {
        padding-left: 65px;
    }
}

@media only screen and (max-width: 992px) {
    section.ajankohtaista h2 {
        font-size: 40px;
        line-height: 55px;
    }

    section.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat ul.nav.nav-tabs li.nav-item a {
        font-size: 14px;

    }

    section.asiakastarinat.section.section2.asiakas-tarinat .card-bx h2 {
        font-size: 20px;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls .col-md-4,
    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .item-right {
        flex-direction: column;
        padding: 0 20px;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls .col-md-4 {
        padding-top: 100px;
    }

    section.sinustako_tekija_meille .row p {
        width: 100%;
    }

    .n2-ss-section-main-content.n2-ss-layer-content.n2-ow {
        max-width: 720px;
        margin: 0 auto;
        padding: 0 10px !important;
    }

    .n2-ss-layer.n2-ow.custom_2_slide_layer {
        padding: 10px !important;
    }

    .homeBox {
        margin: 0 10px;
        margin-bottom: 50px !important;
    }

    .n2-ow.n2-bullet.n2-style-f74316815d1922d451c1c77822a938cf-dot {
        padding: 3px 3px 3px 3px !important;
    }
}

@media only screen and (max-width: 900px) {
    .home_slider_heading div#n2-ss-1item1 {
        font-size: 75px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4,
    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep,
    section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
        padding: 120px 0;
    }

    /**slider**/
    .n2-ss-slider .custom_1_slide_layer {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;

    }

    .n2-ss-slider .custom_2_slide_layer {
        flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .n2-ss-slider .custom_1_slide_layer .n2-ss-layer-col {
        padding-top: 100px !important;
    }

    /****/
    section.eagleSection {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6 {
        padding: 0;
        flex: 0 0 30%;
        max-width: 30%;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6:last-child {
        padding: 0;
        flex: 0 0 70%;
        max-width: 70%;
    }

    section.custom_common_section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left .custom_container.container .col-md-6:first-child {
        flex: 0 0 70%;
        max-width: 70%;
    }

    ul#menu-main li a {
        font-size: 14px;
        margin: 5px 0 0 40px;
    }

    .menu-top-menu-container ul#top-menu-custom li a {
        font-size: 14px;
        margin-left: 40px;
    }
}

@media only screen and (max-width: 767px) {
    .modal-content {
        border: 1px solid rgb(25 29 44) !important;
        max-width: 90%;
    }

    .modal-close-content {
        background: #191d2c;
        padding: 10px 0;
        position: relative;
    }

    .mySlides img {
        max-height: 350px;
    }

    .prev,
    .next {
        margin-top: 0 !important;
    }

    span.close.cursor {
        top: 0;
        position: relative;
        right: 0;
    }

    div#slide_custom_popup {
        display: none;
    }

    p.kohdesivu_btn_cs a {
        margin: 20px 0;
    }

    section.ajankohtaista h2 {
        font-size: 40px;
        line-height: 55px;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1 .custom_container.container .col-md-8 img {
        width: 100% !important;
    }

    section.custom_common_section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .col-md-6 {
        padding-right: 20px !important;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1 .col-md-4 {
        padding-top: 25px;
    }

    section.fluid-container.service-sec {
        max-height: 400px;
    }

    section.tarviketoimitus.section.section2.tarviketoimitus-kaikkialle-suomessa,
    section.custom_common_section.yrityksille.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle,
    section.custom_common_section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle {
        min-height: 360px;
    }

    section.custom_common_section.vertaile_avaimet_kateen_tuoteryhmia_title p,
    section.custom_common_section.etusivu.section.section9.oletko_hankkimassa_ensiasuntoa p,
    section.custom_common_section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1.rakentajalle-sec1.bg-overlay-cls.avaimet_1st_sec p {
        margin-bottom: 25px !important;
    }

    section.custom_common_section.tutustu_galleriaan_section.last_home_2_col_sec {
        padding: 50px 10px;
    }

    section.custom_common_section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1.rakentajalle-sec1.bg-overlay-cls.avaimet_1st_sec .col-md-6.order-md-6.col-sm-6:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    /**footer**/
    footer .footerImgLogo img {
        margin-left: 0;
        width: 34%;
    }

    footer .footerMiddleContent img.footer_cen_img {
        width: 100%;
        margin-bottom: 0px;
    }

    footer#footer .footerEndContent nav.menu-footer-menu-container ul li a {
        font-size: 16px;
    }

    footer#footer .footerEndContent p a {
        font-size: 14px;
    }

    footer#footer .row .footerMiddleContent p.footer_cust_heading {
        font-size: 22px !important;
        margin-bottom: 30px !important;
    }

    footer#footer .footerEndContent nav.menu-footer-menu-container ul li a {
        text-align: center;
    }

    /*****/
    .video-sec-main-cls iframe {
        width: 100%;
        height: 400px;
    }

    section.custom_common_section .custom_container {
        padding: 0px 20px;
    }

    /**rakentajalle,  kohteet, yhtio-muotoiset-kodit, yrityksille **/
    section.toimintamme_arvot h2:after,
    section.bird-card.fluid-container .section-title::after {
        height: 7px;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls .col-md-4,
    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls .col-md-8 img {
        width: 108%;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls .col-md-4 {
        padding-top: 0;
    }

    .oletko_hankkimassa_ensiasuntoa a {
        border-radius: 24px;
        background-color: #ffd869;
        color: #202843;
        font-family: Oswald;
        font-size: 14px;
        font-weight: 700;
        padding: 7px 37px;
    }

    section.faq div#accordion .panel-collapse .panel-body p,
    section.faq div#accordion .panel-collapse .panel-body ul li {
        font-size: 14px !important;
    }

    section.custom_common_section.etusivu.section.section9.oletko_hankkimassa_ensiasuntoa {
        background-size: contain;
        background-position: bottom;
    }

    .oletko_hankkimassa_ensiasuntoa {
        padding: 100px 0 300px;
    }

    section.tarviketoimitus.section.section1 h2,
    section.kohteet_banner.kohteet .row .col-md-6 h2,
    section.sinustako_tekija_meille .row h2 {
        font-size: 40px;
        line-height: 55px;
    }

    section.tarviketoimitus.section.section1 h3 {
        font-size: 20px;
    }

    .section.section2.tarviketoimitus-kaikkialle-suomessa h2,
    .section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 h2,
    .video-sec-main-cls h2,
    section.Sijoittajalle-user-box-sec.henkilokunta_repeated h2 {
        font-size: 27px;
        padding: 0 0 20px;
    }

    .section.section2.tarviketoimitus-kaikkialle-suomessa h2,
    section.Sijoittajalle-user-box-sec.henkilokunta_repeated h2,
    section.custom_common_section.maalaisjarkea__ja_kokemusta_1 h2,
    section.kasvamme_tuotantomme_mukana .row .col-md-6 h2,
    section.custom_common_section.toimintamme_arvot h2,
    section.mihin_me_rakennuspalvelu_kokolla_uskomme h2,
    section.custom_common_section.sinustako_tekija_meille.vapaat_tyopaikat h2,
    .col-8.col-md-3.py-5.ajan_kohtaista_title h2.section-title.text-white,
    section.referenssit.section.section3.galleria .col-md-3 h2,
    section.miksi_myisit_tonttisi_meille .col-md-12 h2,
    section.ilmoita_vapaasta_tontista h2,
    .section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6 h2,
    .video-sec-main-cls h2,
    .section4.palvelevaa__rakentamista .row h2,
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 h3,
    section.sinustako_tekija_meille .row h2.ostamme_sec_2nd_heading,
    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep h2,
    .post_home_section h2.section-title,
    .item-right h2,
    section.vertaile_avaimet_kateen_tuoteryhmia_title h2,
    section.jata_hakemus h2,
    section.tyontekijoidemme_kokemuksia_video h2,
    section#kohdesivu h2,
    section#kohdesivu p.kohdesivu_price {
        font-size: 27px;
        padding: 0 0 20px !important;
    }

    section.mika_toimitussisalto_sopisi_minulle h2 {
        font-size: 27px;
        margin: 0 auto;
        margin-bottom: 35px;
    }

    section.tarviketoimitus.section.section4 .col-md-4 img {
        height: 70px !important;
    }

    section.avaimet_kateen_repeated .col-md-4 img {
        height: 50%;
    }

    section.tarviketoimitus.section.section4 .col-md-4 {
        text-align: left;
    }

    section.tarviketoimitus.section.section4 {
        padding-bottom: 0;
    }

    .oletko_hankkimassa_ensiasuntoa .col-md-6.order-md-6.col-sm-6:first-child {
        padding-right: 0;
    }

    .section.section2.tarviketoimitus-kaikkialle-suomessa h2:after,
    section.Sijoittajalle-user-box-sec.henkilokunta_repeated h2:after {
        height: 7px;
        margin-bottom: -5px;
        width: 75px;
    }

    section.avaimet_kateen_repeated .col-md-8 {
        margin-top: -180px;
        padding-bottom: 70px !important;
    }

    section.custom_common_section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left .custom_container.container .col-md-6:first-child {
        flex: 0 0 100%;
        max-width: 100%;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 {
        width: 90%;
    }

    section.avaimet_kateen_repeated .col-md-8 {
        padding: 0px 10px;
    }

    section.avaimet_kateen_repeated .col-md-8 .col-md-6 .left img {
        height: 50px;
    }

    .section3.sopisiko-tarviketoimitus-sinulle .container .row .col-md-6:first-child {
        padding: 0px !important;
    }

    section.custom_common_section.tarviketoimitus.section.section3.sopisiko-tarviketoimitus-sinulle .custom_container.container .col-md-6:first-child {
        padding: 0 !important;
    }

    section.tarviketoimitus.section.section4 {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    section.custom_common_section.tarviketoimitus.section.section4.palvelevaa__rakentamista {
        padding: 50px 0px;
        padding-bottom: 0;
    }

    p {
        margin-bottom: 0 !important;
    }

    section.custom_common_section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1.rakentajalle-sec1.bg-overlay-cls {
        padding: 120px 0 100px;
    }

    section.kohteet_banner.kohteet .row .col-md-6 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        padding: 0 !important;
        padding-right: 0 !important;
    }

    section.maalaisjarkea__ja_kokemusta .container.maalaisjarkea__ja_kokemusta_image {
        max-width: 100%;
        padding: 0 20px;
    }

    section.custom_common_section.kohteet_banner.kohteet .custom_container.container .row {
        padding: 10px !important;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd .col-md-4,
    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd .col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd {
        padding-bottom: 50px;
        width: 90%;
    }

    section.custom_common_section.kasvamme_tuotantomme_mukana .col-md-6.order-md-6.col-sm-6 img {
        padding-top: 25px;
    }

    section.custom_common_section.maalaisjarkea__ja_kokemusta_1,
    section.custom_common_section.kasvamme_tuotantomme_mukana {
        width: 100%;
    }

    section.custom_common_section.section.section2.asiakas-tarinat.kohteet .custom_container.container {
        padding: 0 20px;
    }

    section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat.kohteet .tab-content>.tab-pane {
        margin-top: 50px !important;
    }

    section.kuvagalleria.ajankohtaista_tab.asiakastarinat.section.section2.asiakas-tarinat .tab-content .card-bx {
        width: 100%;
        margin: 15px;
    }

    .bg-overlay-cls-half:after {
        background-size: 100%;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 h3 {
        font-size: 27px;
    }

    section.custom_common_section.yrityksille.tarviketoimitus.section.section5 .custom_container.container,
    section.tarviketoimitus.section.section5 {
        padding: 10px 0px !important;
        max-width: 90% !important;
    }

    section.tarviketoimitus.section.section5 .container .row .col-md-12 a {
        padding: 10px 30px;
        font-size: 14px;
    }

    .box-author-main-cls {
        width: 100%;
    }

    .col-md-6.box-right-cont-cls {
        padding: 20px !important;
    }

    .col-md-6.box-right-cont-cls h2,
    .Sijoittajalle-user-box-sec .box-right-cont-cls h2 {
        font-size: 27px;
        margin-top: 30px;
        padding: 0 0px 25px 0;
    }

    .contact-form-section-main .col-md-12 h2 {
        font-size: 27px;
        padding: 0 0px 25px 0;
    }

    .box-right-cont-cls h2:after,
    .contact-form-section-main .col-md-12 h2:after,
    .section4.palvelevaa__rakentamista .row h2:after {
        height: 7px;
    }

    section.custom_common_section.yrityksille.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee .custom_container.container {
        padding: 0px 20px !important;
    }

    section.custom_common_section.yrityksille.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee .col-md-5,
    section.custom_common_section.yrityksille.tarviketoimitus.section.section4.palvelevaa__rakentamista.naina_prosessi_etenee .col-md-7 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .section4.palvelevaa__rakentamista .row h2 {
        padding: 0 0px 25px;
        font-size: 27px;
    }

    section.tarviketoimitus.section.section4 .col-md-4:last-child img {
        width: auto !important;
    }

    .yhtio_cust_4_col_img {
        text-align: left;
    }

    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep h2 {
        font-size: 27px;
    }

    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep a.box-btn-cls {
        padding: 6px 35px;
        font-size: 14px;
    }

    section.custom_common_section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left .custom_container.container {
        padding: 0 20px !important;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6 {
        padding-left: 20px;
        padding-right: 20px;
    }

    /****************/
    /**slider**/
    .home_slider_heading div#n2-ss-1item1 {
        font-size: 40px;
    }

    .tab-slider--body_inner {
        padding: 15px;
    }

    li.tab-slider--trigger p {
        font-size: 14px !important;
    }

    .tab-slider--body h4 {
        font-size: 18px !important;
    }

    .tab-slider--body_inner .tabBtn.d-flex a.d-inline-block {
        width: 100%;
        font-size: 13px;
        padding: 5px 10px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4,
    section.tarviketoimitus.section.section22.Sijoittajalle-sec-sep,
    section.tarviketoimitus.section.section1.yhtio-muotoiset-kodit-sec1 {
        padding: 120px 0 100px;
    }

    /***eagle section***/
    section.eagleSection .row .col-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    section.eagleSection .row .col-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 50px;
    }

    br.custom_br {
        display: none;
    }

    .eagleContent h2 {
        font-size: 22px;
        line-height: 30px;
    }

    .n2-ss-layer.n2-ow.custom_2_slide_layer {
        padding: 0 !important;
        margin: 0 !important;
    }

    /***/

    .col-8.col-md-8.py-5.ajan_kohtaista_descption {
        display: none;
    }

    /**popup**/
    .pum-container.pum-responsive {
        width: 100%;
    }

    /****/
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right .container .row .col-md-6 {
        padding-left: 15px;
        padding-right: 15px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 .content,
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.right p,
    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4.left p {
        font-size: 16px;
        line-height: 22px;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.box-btn-cls {
        font-size: 14px;
        padding: 6px 35px;
        margin-bottom: 1rem;
    }

    section.tarviketoimitus.section.section4.yhtio-muotoiset-kodit-sec4 a.link-btn-cls {
        font-size: 14px;
    }

    .n2-ss-layer-col.n2-ss-layer-content {
        padding: 0 !important;
    }

    .n2-ss-layer.n2-ow.home_slider_heading div#n2-ss-1item2 {
        font-size: 40px;
    }

    .item-right {
        flex-direction: column;
        padding: 15px;
    }

    .sgpb-content-1597,
    .sgpb-content-1612 {
        max-width: 100% !important;
        width: 100% !important;
        border: 0 !important;
    }

    .sgpb-popup-dialog-main-div-theme-wrapper-3 {
        left: 0 !important;
        right: 0 !important;
        padding: 20px;
    }

    .sgpb-popup-close-button-3 {
        top: 30px !important;
    }

    .popup-pyyda-main {
        padding: 20px !important;
    }

    /***standard Spacing**/
    section.custom_common_section.post_home_section .py-5 {
        padding-bottom: 0 !important;
    }

    section.custom_common_section.avaimet_kateen_repeated {
        margin-bottom: 100px !important;
    }

    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls.ostamme_sec_2nd.eagleSection_1,
    section.custom_common_section.service-card.fluid-container {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    section.tarviketoimitus.section.section1 h2,
    section.custom_common_section.kohteet_banner.kohteet h2,
    section.custom_common_section.sinustako_tekija_meille.oy-sec-cmn-cls h2 {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    button.sg-popup-hover-1572 {
        display: none;
    }

    .homeBox {
        margin: 0 40px;
        margin-bottom: 50px !important;
    }
}

@media only screen and (max-width:480px) {
    button.sg-popup-close.pyyda_close_btn {
        display: none;
    }

    img.sgpb-popup-close-button-2 {
        display: block;
    }

    .sgpb-popup-dialog-main-div-theme-wrapper-2 {
        width: 100%;
    }

    .sgpb-content-1572 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.service-card .item-content h2 {
    transition: all ease 300ms;
}

.service-card .item-content:hover h2 {
    margin-top: -114px !important;
    transition: all ease 300ms;
}

/*BUDJETTIRAKENTAMINEN*/
#budjetti .hero:after {
    content: none;
}

#budjetti .hero h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: clamp(30px, 5vw, 80px);
    margin-bottom: 2rem;
}

#budjetti .hero p {
    color: #fff;
    font-weight: 600;
}

#budjetti .raakateksti p {
    font-weight: 400;
    font-size: 20px;
}

#budjetti .oletko_hankkimassa_ensiasuntoa {
    background-image: none;
    background-color: unset;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

#budjetti .oletko_hankkimassa_ensiasuntoa h2,
#budjetti .oletko_hankkimassa_ensiasuntoa p {
    color: #202843;
}

#budjetti .oletko_hankkimassa_ensiasuntoa img {
    max-width: 100%;
}

#budjetti .oletko_hankkimassa_ensiasuntoa iframe {
    max-width: 100%;
}

#budjetti .yrityksille.tarviketoimitus {
    max-width: 100% !important;
    margin-top: 0 !important;
}

#budjetti .yrityksille.tarviketoimitus .container_fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

#budjetti .yrityksille.tarviketoimitus .container_fluid .image_center {
    padding: 0;
}

#budjetti .avaimet_kateen_repeated .right {
    margin-bottom: 2rem;
}

#budjetti .avaimet_kateen_repeated .d-flex {
    height: 100%;
    align-content: center;
    align-items: center;
}

#budjetti .avaimet_kateen_repeated h2 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: Oswald;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: left;
}

#budjetti .avaimet_kateen_repeated h3 {
    color: #fff;
    font-size: 36px;
}

#budjetti .avaimet_kateen_repeated p {
    color: #fff;
    font-size: 20px;
}

#budjetti .naina_prosessi_etenee {
    background-color: #202843;
}

#budjetti .naina_prosessi_etenee h2,
#budjetti .naina_prosessi_etenee h3,
#budjetti .naina_prosessi_etenee p {
    color: #fff;
}

#budjetti .naina_prosessi_etenee .sata {
    margin: 2rem 0;
}

#budjetti section.tarviketoimitus.section.section4 .col-md-4 {
    text-align: left;
}

#budjetti .vertailu {
    margin: 3rem auto;
    max-width: 1240px;
}

#budjetti .vertailu .custom_container {
    max-width: 1240px;
}

#budjetti .vertailu h2 {
    color: #ffffff;
    font-family: Oswald;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #202843;
}

#budjetti .vertailu p {
    margin-bottom: 50px;
    color: #ffffff;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    color: #202843;
}

#budjetti .vertailu p {
    margin-bottom: 50px;
    color: #ffffff;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    color: #202843;
}

#budjetti .vertailu .otsikko {
    text-transform: uppercase;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
}

#budjetti .vertailu .otsikko_s {
    text-transform: uppercase;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    background-color: #202843;
    text-align: center;
}

#budjetti .vertailu .otsikko_k {
    text-transform: uppercase;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    color: #202843;
    background-color: #FFD869;
    text-align: center;
    border-right: 5px solid #fff;
}

#budjetti .vertailu .vaihtuu {
    padding: 10px 0 10px 10px;
    font-size: 20px;
}

#budjetti .vertailu .vaihtuu2 {
    border-right: 5px solid #fff;
}

#budjetti .vertailu .vaihtuu3 {
    border-right: 5px solid #fff;
}


#budjetti .vertailu .p-10 {
    padding: 10px 10px;
    font-size: 20px;
}

#budjetti .vertailu .vaihtuu:nth-child(odd) {
    background-color: #F1F1F3;
}

#budjetti .vertailu .vaihtuu:nth-child(2n of .vaihtuu) {
    background-color: #FFFFFF;
}

#budjetti .vertailu .vaihtuu2 {
    background-color: #FFF2CB;
}

#budjetti .vertailu .vaihtuu2:nth-child(2n of .vaihtuu2) {
    background-color: #FFFBED;
}

#budjetti .vertailu .vaihtuu3 {
    background-color: #FFF2CB;
}

#budjetti .vertailu .vaihtuu3:nth-child(2n of .vaihtuu3) {
    background-color: #FFFBED;
}

#budjetti .vertailu .vaihtuu4:nth-child(even) {
    background-color: #FFF2CB;
}

#budjetti .vertailu .vaihtuu4:nth-child(2n of .vaihtuu4) {
    background-color: #FFFBED;
}

#budjetti .palvelutasot {
    margin: 5rem auto;
}

#budjetti .ukkeli {
    margin: 5rem auto auto;
}

#budjetti .ukkeli img {
    max-width: 100%;
}


#budjetti .palvelutasot .custom_container {
    max-width: 1240px;
}

#budjetti .palvelutasot h2 {
    font-family: Oswald;
    font-size: 45px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    text-transform: uppercase;
    color: #202843;
}

#budjetti .palvelutasot p {
    margin-bottom: 50px;
    font-family: "Source Sans Pro";
    font-size: 26px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: normal;
    line-height: 30px;
    text-align: left;
    color: #202843;
}

#budjetti .palvelutasot img {
    max-width: 100%;
}

#budjetti .palvelutasot a {
    font-size: 20px;
    padding: 10px 55px !important;
    border-radius: 24px;
    background-color: #ffd869;
    color: #202843;
    font-family: Oswald;
    font-size: 20px;
    font-weight: 700;
    padding: 10px 45px;
    display: inline-block;
}

@media only screen and (max-width:1200px) {

    #budjetti .vertailu .otsikko_k,
    #budjetti .vertailu .otsikko_s,
    #budjetti .vertailu .vaihtuu2,
    #budjetti .vertailu .vaihtuu3 {
        margin-right: 0px;
    }

    #budjetti .avaimet_kateen_repeated h3 {
        font-size: 26px;
    }

    #budjetti .avaimet_kateen_repeated img {
        height: 300px;
        object-fit: cover;
    }
}

@media only screen and (max-width:500px) {

    #budjetti .vertailu .otsikko,
    #budjetti .vertailu .otsikko_s,
    #budjetti .vertailu .otsikko_k,
    #budjetti .vertailu .vaihtuu {
        font-size: 12px;
        word-break: break-word;
    }

    #budjetti .avaimet_kateen_repeated h2,
    #budjetti .vertailu h2 {
        font-size: 30px;
        margin-top: 2rem;
    }

    #budjetti .vertailu p {
        margin-bottom: 2rem !important;
    }

    #budjetti #Sijoittajalle-user-box-sec .col-md-8 {
        order: 2;
    }

    #budjetti #Sijoittajalle-user-box-sec .box-right-cont-cls {
        order: 1;
    }
}