/* Popup Maker Core Styles */
.pum-container,.pum-content,.pum-content+.pum-close,.pum-content+.pum-close:active,.pum-content+.pum-close:focus,.pum-content+.pum-close:hover,.pum-overlay,.pum-title{background:0 0;border:none;bottom:auto;clear:none;cursor:default;float:none;font-family:inherit;font-size:medium;font-style:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;max-height:none;max-width:none;min-height:0;min-width:0;overflow:visible;position:static;right:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;visibility:visible;white-space:normal;width:auto;z-index:auto}.pum-container .pum-content+.pum-close>span,.pum-content,.pum-title{position:relative;z-index:1}.pum-overlay{position:fixed;height:100%;width:100%;top:0;left:0;right:0;bottom:0;z-index:1999999999;overflow:initial;display:none;transition:all .15s ease-in-out}.pum-overlay.pum-form-submission-detected,.pum-overlay.pum-preview{display:block}.pum-overlay,.pum-overlay *,.pum-overlay :after,.pum-overlay :before,.pum-overlay:after,.pum-overlay:before{box-sizing:border-box}.pum-container{top:100px;position:absolute;margin-bottom:3em;z-index:1999999999}.pum-container.pum-responsive{left:50%;margin-left:-47.5%;width:95%;height:auto;overflow:visible}.pum-container.pum-responsive img{max-width:100%;height:auto}.pum-container.custom-position{left:auto;top:auto;margin-left:inherit}.pum-container .pum-content>:last-child{margin-bottom:0}.pum-container .pum-content+.pum-close{text-decoration:none;text-align:center;line-height:1;position:absolute;cursor:pointer;min-width:1em;z-index:2}.pum-container.pum-scrollable .pum-content{overflow:auto;overflow-y:scroll;max-height:95%}.pum-overlay-disabled{visibility:hidden}.pum-overlay-disabled::-webkit-scrollbar{display:block}.pum-overlay-disabled .pum-container{visibility:visible}html.pum-open.pum-open-overlay,html.pum-open.pum-open-overlay.pum-open-fixed .pum-overlay{overflow:hidden}html.pum-open.pum-open-overlay-disabled.pum-open-fixed .pum-container,html.pum-open.pum-open-overlay.pum-open-fixed .pum-container{position:fixed}html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden]{padding-right:15px}html.pum-open.pum-open-overlay.pum-open-scrollable .pum-overlay.pum-active{overflow-y:scroll}html.pum-open.pum-open-overlay-disabled.pum-open-scrollable .pum-overlay.pum-active{position:static;height:auto;width:auto}.pum-container iframe.formidable{width:100%;overflow:visible}.pika-single,body div#ui-datepicker-div[style]{z-index:9999999999!important}.pika-single{}.popmake-close{cursor:pointer}@media only screen and (min-width:1024px){.pum-container.pum-responsive.pum-responsive-nano{margin-left:-5%;width:10%}.pum-container.pum-responsive.pum-responsive-micro{margin-left:-10%;width:20%}.pum-container.pum-responsive.pum-responsive-tiny{margin-left:-15%;width:30%}.pum-container.pum-responsive.pum-responsive-small{margin-left:-20%;width:40%}.pum-container.pum-responsive.pum-responsive-medium{margin-left: -25%;width: 55%;}.pum-container.pum-responsive.pum-responsive-normal{margin-left:-30%;width:70%}.pum-container.pum-responsive.pum-responsive-large{margin-left:-35%;width:80%}.pum-container.pum-responsive.pum-responsive-xlarge{margin-left:-47.5%;width:95%}.pum-container.pum-responsive.pum-position-fixed{position:fixed}}@media only screen and (max-width:1024px){.pum-container.pum-responsive.pum-position-fixed{position:absolute}}

/* Popup Theme 2146: Default Theme */
.pum-theme-2146, .pum-theme-default-theme { background-color: rgba( 255, 255, 255, 0.91 ) }
.pum-theme-2146 .pum-container, .pum-theme-default-theme .pum-container {padding: 18px;border-radius: 0px;border: 1px none #000000;box-shadow: 1px 1px 3px 0px rgba( 2, 2, 2, 0.23 );background-color: rgba( 249, 249, 249, 1.00 );padding: 50px;}
.pum-theme-2146 .pum-title, .pum-theme-default-theme .pum-title { color: #000000; text-align: left; text-shadow: 0px 0px 0px rgba( 2, 2, 2, 0.23 ); font-family: inherit; font-size: 32px; line-height: 36px }
.pum-theme-2146 .pum-content, .pum-theme-default-theme .pum-content { color: #8c8c8c; font-family: inherit }
.pum-theme-2146 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {height: auto;width: auto;left: auto;right: 10px;bottom: auto;top: 10px;padding: 13px;color: #ffffff;font-family: inherit;font-size: 12px;line-height: 14px;border: 1px none #ffffff;border-radius: 0px;box-shadow: none;text-shadow: none;background-color: #fff;border-radius: 50px;color: red;font-weight: 700;font-size: 30px;text-transform: lowercase;border: 1px solid #979797;}


.pum-theme-2146 .pum-container, .pum-theme-default-theme .pum-container {
    border-radius: 25px;
}

.pum-theme-2146 .pum-content, .pum-theme-default-theme .pum-content {
    color: initial;
}

.pum-theme-2146 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
    height: auto;
    width: auto;
    left: auto;
    right: 10px;
    bottom: auto;
    top: 10px;
    padding: 13px;
    color: #ffffff;
    font-family: inherit;
    font-size: 12px;
    line-height: 14px;
    border: 1px none #ffffff;
    border-radius: 0px;
    box-shadow: none;
    text-shadow: none;
    background-color: #fff;
    border-radius: 50px;
    color: red;
    font-weight: 700;
    font-size: 30px;
    text-transform: lowercase;
    border: 1px solid #979797;
}

#popmake-18057 {
    background: #C0DDEA;
    padding: 35px;
    font-size: 19px;
}

#popmake-18057 p {
    font-size: 19px;
}

#popmake-18057 span {
    margin-bottom: 2em;
}

@media only screen and (min-width: 1024px) {
    #popmake-18057 {
        margin-left: -25%;
        width: 55%;
    }
}

/* IMPORT FONT */

@font-face {
    font-family: 'SkanskaSansPro';
    src: url('fonts/SkanskaSansPro-Regular.eot');
    /* IE9 Compat Modes */
    src: url('fonts/SkanskaSansPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/SkanskaSansPro-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url("fonts/SkanskaSansPro-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'SkanskaSansPro';
    font-weight: 700;
    src: url('fonts/SkanskaSansPro-Bold.eot');
    /* IE9 Compat Modes */
    src: url('fonts/SkanskaSansPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/SkanskaSansPro-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url("fonts/SkanskaSansPro-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'SkanskaSansPro';
    font-weight: 300;
    src: url('fonts/SkanskaSansPro-Light.eot');
    /* IE9 Compat Modes */
    src: url('fonts/SkanskaSansPro-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/SkanskaSansPro-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url("fonts/SkanskaSansPro-Light.otf") format("opentype");
}

/* HC / IMPORT NEW FONT */

@font-face {
    font-family: 'ShapeSans';
    src: url('fonts/ShapeSans-Regular.eot');
    /* IE9 Compat Modes */
    src: url('fonts/ShapeSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/ShapeSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url("fonts/ShapeSans-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'ShapeSans';
    font-weight: 700;
    src: url('fonts/ShapeSans-Bold.eot');
    /* IE9 Compat Modes */
    src: url('fonts/ShapeSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/ShapeSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url("fonts/ShapeSans-Regular.otf") format("opentype");
}

@font-face {
    font-family: 'ShapeSans';
    font-weight: 300;
    src: url('fonts/ShapeSans-Light.eot');
    /* IE9 Compat Modes */
    src: url('fonts/ShapeSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/ShapeSans-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url("fonts/ShapeSans-Light.otf") format("opentype");
}


/* START OF BASICS */

html {
    height: 100%;
}

body {
    height: 100%;
    min-height: 100%;
    background: #fff !important;
    font-size: 15px;
}

.site-content {
    outline: none;
    width: 100%;
    clear: both;
}

@media (min-width: 768px) {
    .site-header {
        /* without "Pikalinkit"-menu
        padding-top: 3.9em; */
        padding-top: 0;
    }
}


body.saml .site-header {
    /* without "Pikalinkit"-menu
    padding-top: 2.35em; */
    padding-top: 0;
}

a {
    font-weight: 400;
}

p a {
    font-family: 'ShapeSans', sans-serif;
    font-size: 15px;
    color: #293e6b;
    letter-spacing: 0px;
    line-height: 21px;
    text-decoration: underline;
}

p a:hover {
    font-family: 'ShapeSans', sans-serif;
    color: #143275;
    letter-spacing: 0px;
    line-height: 21px;
}


/* END OF BASICS */


/* START OF TYPO */

body,
button,
input,
textarea {
    color: #000;
    font-family: 'ShapeSans', sans-serif;
    font-style: normal;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'ShapeSans';
    font-weight: 400 !important;
    margin: 0;
}

h1 {
    font-family: 'ShapeSans';
    font-size: 33px;
    color: #293e6b;
    letter-spacing: 0px;
    line-height: 41px;
}

h2 {
    font-family: 'ShapeSans';
    font-size: 20px;
    color: #293e6b;
    letter-spacing: 0px;
    line-height: 27px;
}

h3 {
    font-family: 'ShapeSans';
    font-size: 20px;
    color: #293e6b;
    letter-spacing: 0px;
}

@media only screen and (max-width: 500px) {
    h1 {
        font-size: 28px !important;
    }
    h2 {
        font-size: 20px !important;
    }
    h3 {
        font-size: 18px !important;
    }
    h4,
    #searchbanner {
        font-size: 16px !important;
    }
    h5 {
        font-size: 14px !important;
    }
    input[type="submit"] {
        font-size: 20px !important;
        padding-left: 13px !important;
        padding-top: 0.8em !important;
        padding-bottom: 0.95em !important;
    }
    .sidemenu,
    .product-submenu,
    .storefront-single-product-pagination {
        display: none;
    }
    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        padding-left: 0;
    }
    .item .span_7_of_12 {
        height: 150px !important;
    }
    .item .span_7_of_12 div {
        height: 100% !important;
    }
    .item .span_5_of_12 .centerme {
        height: auto !important;
    }
}

p {
    font-style: normal;
    font-weight: 400 !important;
    font-family: 'ShapeSans';
    font-size: 15px;
    color: #000000;
    letter-spacing: 0px;
    line-height: 21px;
    margin: 0 0 20px;
}

a:focus,
.button:focus,
.button.alt:focus,
.button.added_to_cart:focus,
.button.wc-forward:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus {
    outline-color: transparent;
}

.main-navigation ul.menu>li>a,
.main-navigation ul.nav-menu>li>a {
    font-size: 17px;
    font-weight: normal;
    color: #221616;
}

.main-navigation ul.menu>li.menu-item-has-children>a:after,
.main-navigation ul.menu>li.page_item_has_children>a:after,
.main-navigation ul.nav-menu>li.menu-item-has-children>a:after,
.main-navigation ul.nav-menu>li.page_item_has_children>a:after {
    display: none;
}

@media screen and (min-width: 768px) {
    .main-navigation ul.menu ul {
        background-color: #143275 !important;
    }
}

.main-navigation ul li a,
ul.menu li a {
    font-size: 15px;
    color: #fff;
    letter-spacing: 0px;
    line-height: 19px;
    padding: 0.7em 1em !important;
}

.main-navigation .handheld-navigation ul li a {
    color: #000000 !important;
}

.main-navigation ul .menu-item-has-children:hover>a {
    border-bottom: 10px solid #143275;
}

.handheld-navigation ul .menu-item-has-children:hover>a {
    border-bottom: 0px solid #143275;
}

@media (min-width: 768px) {
    .main-navigation ul.menu ul a:hover,
    .main-navigation ul.menu ul li:hover>a,
    .main-navigation ul.nav-menu ul a:hover,
    .main-navigation ul.nav-menu ul li:hover>a {
        background-color: transparent !important;
    }
}

.menu-item-has-children ul li a {
    color: #fff !important;
}

.menu-item-has-children ul li a:hover {
    color: #E3FE4E !important;
}
.handheld-navigation .menu-item-has-children ul li a:hover {
    color: #E3FE4E !important
}

@media screen and (min-width: 900px) {
    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        margin: 0 44px 0 0px;
        padding: 0 !important;
    }
}
@media (min-width: 768px) and (max-width: 900px) {
    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        margin: 0 30px 0 0px;
        padding: 0 !important;
    }
}

table tbody tr:nth-child(2n) td {
    background-color: #F6F6F6;
}

.renters td, .sellers td, .sumrow td {
    background-color: #fff !important;
}

.helplink:hover {
    color: #ef8e25;
}

#cn-notice-text a {
    color: #fff !important;
}

/* END OF TYPO */


/* START OF SLIDER */

.site-info {
    padding: 1.25em 0;
}

.banner li {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
}

.slide-caption-1 {
    background: black;
    display: inline;
    padding: 10px;
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}

.slide-caption-2 {
    background: black;
    display: inline;
    padding: 10px;
    color: #fff;
    font-size: 70px;
    font-weight: 700;
}

.top {
    position: absolute;
    top: 10%;
    left: 10%;
}

.center {
    position: absolute;
    top: 40%;
    left: 10%;
}

.bottom {
    position: absolute;
    top: 65%;
    left: 10%;
}

.topcenter {
    position: absolute;
    top: 10%;
    left: 40%;
}

.centercenter {
    position: absolute;
    top: 40%;
    left: 40%;
}

.bottomcenter {
    position: absolute;
    top: 65%;
    left: 40%;
}

.topright {
    position: absolute;
    top: 10%;
    right: 10%;
}

.centerright {
    position: absolute;
    top: 40%;
    right: 10%;
}

.bottomright {
    position: absolute;
    top: 65%;
    right: 10%;
}

.unslider-wrap {
    list-style: none;
    height: 100%;
    margin: 0 !important;
}

.unslider-nav ol li {
    display: inline-block;
    float: none;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    padding: 6px;
    background: transparent;
    border-radius: 10px;
    overflow: hidden;
    text-indent: -999em;
    border: 2px solid #000;
    cursor: pointer;
    opacity: .7;
}

.unslider-nav ol li.unslider-active {
    background: #fff;
    cursor: default;
    opacity: 1;
}

.unslider-nav {
    position: absolute;
    bottom: 0;
    left: 46.5%;
}


/* END OF SLIDER */


/* START OF GRID */

section {
    clear: both;
    padding: 0px;
    margin: 0px;
    max-width: 70em;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: hidden;
}

#hero {
    padding: 0;
    position: relative;
}

@media (min-width: 2000px) {
    #hero .hero-background-image {
        /*height: 840px !important;*/
        height: 620px !important;
    }
}

/* bring the logo over anything else in the banner */
#hero .col-full img {
    z-index: 1200;
}

#hero .side-btn {
    writing-mode: tb-rl;
    /*transform: rotate(180deg) translate(0, 50%);*/
	transform: rotate(180deg) translate(0, 10%);
    position: fixed;
    right: 0;
    top: 35%;
    z-index: 99;
}
#hero .side-btn a {
    color: #293e6b;
    font-weight: bold;
    padding: 16px 12px;
    box-shadow: 0px 0px 3px 1px rgba(000,000,000,0.1);
}

#hero .bg-gradient {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    background: linear-gradient(360deg, rgba(0,0,0,0.5) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
}

#hero .hero-content {
    position: absolute;
    z-index: 1;
    width: 64%;
    text-align: center;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%, 0);
}

#hero .hero-content h1 {
    line-height: 64px;
}

@media (max-width: 900px) {
    #hero .hero-content {
        width: 100%;
        text-align: center;
        padding: 0 45px;
    }
    #hero .hero-content h1 {
        font-size: 46px !important;
    }
}
@media (max-width: 600px) {
    #hero .hero-content h1 {
        font-size: 36px !important;
        line-height: normal;
    }
    #hero .side-btn {
        display: none;
    }
    #hero .hero-tighter, #hero .hero-content {
        padding: 0 15px;
    }
}

#hero .hero-content *:not(a) {
    z-index: 50;
    margin: 15px 0;
    color: #FFF;
    text-shadow: 1px 1px 2px rgba(000,000,000,0.4);
}

#hero .hero-content h1 {
    font-weight: bold !important;
    font-size: 60px;
}

#hero .hero-content h2 {
    font-weight: bold !important;
    font-size: 26px;
    margin-bottom: 25px;
}


.fullsec {
    max-width: 100%;
}

.gform_wrapper {
    margin: 0 !important;
}

.gform_wrapper span.gform_description,
.gform_wrapper .gform_heading {
    margin-bottom: 0px !important;
}

.col {
    display: block;
    float: left;
    margin: 1% 0 0 1.6%;
    margin-top: 0;
}

.col:first-child {
    margin-left: 0 !important;
}

.col-full>.col {
    margin-left: 0;
}

.col-full>.col~.col {
    margin-left: 1.6%;
}

.group:before,
.group:after {
    content: "";
    display: table;
}

.group:after {
    clear: both;
}

.group {
    zoom: 1;
    /* For IE 6/7 */
}

.span_12_of_12 {
    width: 100%;
}

.span_11_of_12 {
    width: 91.53%;
}

.span_10_of_12 {
    width: 83.06%;
}

.span_9_of_12 {
    width: 74.6%;
}

.span_8_of_12 {
    width: 66.13%;
}

.span_7_of_12 {
    width: 57.66%;
}

.span_6_of_12 {
    width: 49.2%;
}

.span_5_of_12 {
    width: 40.73%;
}

.span_4_of_12 {
    width: 32.26%;
}

.span_3_of_12 {
    width: 23.8%;
}

.span_2_of_12 {
    width: 15.33%;
}

.span_1_of_12 {
    width: 6.866%;
}

.clearfix {
    clear: both;
}


/* END OF GRID */


/* START OF MEDIAQUERIES */

@media only screen and (max-width: 1015px) {
    .col {
        margin: 1% 0 1% 0%;
    }
    .span_1_of_12,
    .span_2_of_12,
    .span_3_of_12,
    .span_4_of_12,
    .span_5_of_12,
    .span_6_of_12,
    .span_7_of_12,
    .span_8_of_12,
    .span_9_of_12,
    .span_10_of_12,
    .span_11_of_12,
    .span_12_of_12 {
        width: 100%;
    }
    .col {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .slider {
        height: 50%;
    }
    .slide-caption-1 {
        font-size: 24px !important;
    }
    .slide-caption-2 {
        font-size: 24px !important;
    }
    .top,
    .center,
    .bottom {
        top: 35% !important;
    }
    .head-cont {
        position: relative !important;
    }
    .site-content {
        margin-top: 0px !important;
    }
    .site-header {
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 768px) {
    .col-full {
        max-width: 70em;
    }
    .woocommerce-active .site-header .main-navigation {
        margin-left: 3em;
        width: auto;
        padding-top: 0;
        float: left;
        clear: none;
        margin-right: 0;
    }
    .woocommerce-active .site-header .site-header-cart {
        padding-top: 0;
    }
    .main-navigation ul.menu>li>a,
    .main-navigation ul.nav-menu>li>a {
        padding: 0 19px 0em;
    }
    .site-header-cart .cart-contents {
        padding: 0 1em 0em;
    }
    .site-header .site-branding,
    .site-header .site-logo-anchor,
    .site-header .site-logo-link {
        width: auto;
        margin-right: 0;
        clear: none;
    }
    .woocommerce-active .site-header .site-header-cart {
        width: 15%;
    }
}


/* END OF MEDIAQUERIES */


/* START OF ELEMENTS */

.prodcats ul li a {
    color: #000000;
    font-weight: normal;
    font-size: 19px;
}

.prodcats.small ul li a {
    font-size: 17px;
}

.prodcats li {
    padding-left: 10px;
}

.prodcats ul {
    list-style: none;
}

.prodcats .sublist li a {
    font-size: 15px;
}

.prodcats ul {
    margin: 0;
}

.prodcats .sublist {
    display: none;
    margin-left: 1em;
}

.prodcats li:hover {
    background: #E3FE4E;
}

.prodcats li:hover a {
    color: #143275 !important;
}

.prodcats .haschild.open:hover {
    background: transparent;
}

.prodcats .haschild.open:hover a {
    color:  #143275 !important;
}

.prodcats .haschild.open:hover a.headcat {
    color: #293e6b !important;
}

.prodcats .haschild.open:hover ul li:hover a {
    color: #000 !important;
}

.prodcats .haschild.open:hover ul li:hover a {
    color:  #143275 !important;
}

footer .prodcats.small ul li a:hover {
    color: #143275 !important;
}


footer .prodcats.small ul li:hover a {
    color: #143275 !important;
}

#catlist {
    background: #e7e7e7;
    padding: 70px 0;
}


#searchbanner {
 /*
    background: transparent;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -1px;
*/
    background: #E3FE4E;
    padding: 2em;
    padding-bottom: 1em;
    /*border-radius: 10px;*/
    margin-top: 20px;
    margin-bottom: 20px;
}
#searchsection {
    background: #E3FE4E;
    padding: 2em;
    padding-bottom: 1em;
    margin-top: 20px;
    margin-bottom: 20px;
}

body.page-id-7554 #searchbanner,
body.page-id-1921 #searchbanner {
    background: transparent;
    padding: 0em;
    padding-bottom: 0em;
    border-radius: 0px;
    margin-bottom: 0px;
}
#searchbanner.formblock {
    padding-bottom: 35px !important;
}

body.page-id-8 #searchbanner,
body.page-id-8 #searchsection,
body.page-id-27329 #searchbanner {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: -1px;

}
.single-toimipiste #searchbanner {
    background: #d1d3d4;
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#searchbanner h1,
#searchsection h1 {
    color: #143275;
}
.single-toimipiste #searchbanner h1 {
    color: #293e6b !important;
}

#searchbanner #gform_1,
#searchbanner #gform_2,
#searchbanner #gform_9 {

    background: transparent;
/*
    padding: 0em;
    padding-bottom: 1em;
    border-radius: 10px;
*/
}
#searchbanner h1,
#searchbanner h1 {
    color: #143275 !important;
}
body.page-id-7554 #searchbanner h1,
body.page-id-1921 #searchbanner h1 {
    color: #293e6b !important;
}

#searchbanner #gform_1 input[type="submit"],
#searchbanner #gform_2 input[type="submit"],
#searchbanner.formblock form input[type="submit"] {
    float: none;
}
#searchbanner #gform_1 input[type="submit"],
#searchbanner #gform_2 input[type="submit"],
#searchbanner #gform_9 input[type="submit"],
#searchbanner #gform_6 input[type="submit"] {
background-color: #e3fe4e;
    color: #143275;
    font-size: 1.2rem;
    line-height: 1;
    padding: 13px 30px 10px 30px;
}

#searchbanner #gform_1 input[type="submit"]:hover,
#searchbanner #gform_2 input[type="submit"]:hover,
#searchbanner #gform_9 input[type="submit"]:hover {
    opacity: 0.8;
}

#searchbanner.formblock form input {
    width: 100%;
}

#gform_1 .gform_footer,
#gform_2 .gform_footer,
#searchbanner.formblock .gform_footer {
    text-align: center;
}

#searchbanner form,
#searchsection form {
    position: relative;
    background: transparent;
    padding: 0em;
    border-radius: 0px;
}

body.page-id-8 #searchbanner form,
body.page-id-27329 #searchbanner form {
    /*background: #d1d3d4;
    padding: 1em;
    border-radius: 10px;*/
}

#searchbanner form input[type="search"],
#searchbanner form input[type="text"],
#searchbanner form textarea {
    background: #fff;
    border: 0;
    box-shadow: none;
    /*border-radius: 10px;*/
    padding-top: 1em;
    padding-bottom: 1em;
    line-height: inherit;
    padding-left: 0.75em;
}

.gform_wrapper select,
.gform_wrapper textarea {
    text-indent: .25em;
}

#searchbanner.newsletter {
    border-top: 1px solid #FFF;
}
.newsletter {
    margin: 0 !important;
}
.newsletter .span_3_of_12 {
    display: none;
}
.newsletter #searchbanner {
    margin: 0 !important;
    padding-bottom: 20px !important;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.newsletter .newsletter_wrapper {
    width: 60%;
}
.newsletter h1 {
    padding-right: 10px;
    font-size: 28px !important;
}
.newsletter .gform_heading {
    display: none;
}
.newsletter form {
    position: relative;
}
.newsletter .gform_body ul li {
    padding-right: 0 !important;
    padding-bottom: 40px;
}
.newsletter .gform_footer {
    position: absolute;
    top: 0;
    right: 0;
    width: auto !important;
}
.newsletter .gform_footer input {
    margin: 3px !important;
    padding: 14px 30px 14px 30px !important;
    border-radius: 0 !important;
}
.newsletter#searchbanner form input[type="submit"] {
    line-height: 20px;
}
@media (max-width: 768px) {
    .newsletter #searchbanner{
        flex-direction: column;
    }
    .newsletter .newsletter_wrapper {
        width: 100%;
    }
}
@media (max-width: 500px) {
    .newsletter#searchbanner,
    .newsletter #searchbanner {
        padding: 0 !important;
    }
    .newsletter .gform_footer input {
        margin: 7px !important;
        padding: 12px 12px 12px 12px !important;
        border-radius: 0 !important;
    }
}
.newsletter .validation_error {
    display: none;
}
.newsletter .gform_body .gfield_error {
    padding-top: 0 !important;
}

#searchsection form input[type="search"]{
    width: 100%;
    padding-top: 0.55em;
    padding-bottom: 0.55em;
}
#searchsection form input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    margin: 2px;
    padding: 8px 22px;
    color: #FFFFFF;
}

@media (max-width: 500px) {
    #searchsection form input[type="submit"],
    #newsletter form input[type="submit"] {
        top: 0;
        display: block;
        height: 0;
        line-height: 5px;
        margin: 3px;
    }
}

#searchsection.greenbutton form input[type="submit"] {
    background-color: #e3fe4e !important;
}

#searchbanner form input[type="search"] {
    width: 80%;
    padding-top: 0.55em;
    padding-bottom: 0.55em;
}

#searchbanner form input[type="submit"] {
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    width: 18%;
    float: right;
    font-family: 'ShapeSans', sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #143275;
    letter-spacing: 0px;
    line-height: 21px;
}

#searchbanner.greenbutton form input[type="submit"] {
    background-color: #e3fe4e !important;
}

.halfform {
    width: 50%;
    display: inline-block;
}

#gform_1 label,
#gform_2 label,
#gform_9 label {
    display: none !important;
}

#gform_2 .gfield_checkbox li label, #gform_6 .gfield_checkbox li label {
    display: inline-block !important;
    color: #000 !important;
    font-weight: normal;
    margin-top: 6px;
}

#gform_wrapper_2 ul.gfield_checkbox li input[type=checkbox], #gform_wrapper_6 ul.gfield_checkbox li input[type=checkbox] {
    position: relative;
    z-index: 10;
    -webkit-appearance: none;
    width: 30px !important;
    height: 30px !important;
    background: #fff;
    border-radius: 5px;
    border: none;
    margin-right: 0.5em;
}

#gform_wrapper_2 ul.gfield_checkbox li input[type=checkbox]:after, #gform_wrapper_6 ul.gfield_checkbox li input[type=checkbox]:after {
    position: absolute;
    z-index: 15;
    content: "";
    display: block;
    top: 2px;
    left: 9px;
    width: 12px;
    height: 20px;
    border-style: solid;
    border-color: #77b800;
    border-width: 0 4px 4px 0;
    transform: rotate(45deg);
    opacity: 0;
}

#gform_wrapper_2 ul.gfield_checkbox li input[type=checkbox]:checked:after, #gform_wrapper_6 ul.gfield_checkbox li input[type=checkbox]:checked:after {
    opacity: 1;
}

.halfform input {
    width: 95% !important;
    margin-bottom: 1em;
}

#searchbanner #gform_1 input[type="submit"],
#searchbanner #gform_2 input[type="submit"],
#searchbanner.formblock form input[type="submit"] {
    width: auto;
}

#gform_1 textarea,
#gform_2 textarea
{
    width: 100% !important;
}

#places {
    background: #f2f2f2;
}

#places h1 {
    color: #293e6b;
}

#places .place {
    background: #E3FE4E;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 1em;
    padding-bottom: 0.5em;
    margin: 0;
    margin-right: 1.2%;
    margin-top: 1.2%;
    cursor: pointer;
}

#places .place:nth-child(6),
#places .place:nth-child(10),
#places .place:nth-child(14) {
    clear: both;
}

#places .place h2,
#places .place h5 {
    color: #143275;
}

#places .place h5 {
    font-size: 18px;
}

#places .place h2 {
    font-size: 28px;
}

#places .place span {
    font-family: 'ShapeSans';
    font-weight: 400 !important;
    color:  #143275;
    font-size: 16px;
}

#places .place a {
    font-family: 'ShapeSans';
    font-weight: 400 !important;
    color:  #143275;
    font-size: 16px;
    text-decoration: underline;
}

.hidem {
    display: none;
}

@media (min-width: 768px) {
    .product-submenu {
        width: 16.66667%;
        float: left;
    }
    .single-product div.product .images {
        width: 41.66667%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
    }
    .single-product div.product .summary {
        padding-left: 1em;
        width: 41.66667%;
        float: left;
        margin-right: 0;
        margin-bottom: 0;
    }
}

.product {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}

.woocommerce-breadcrumb,
.posted_in,
.product_meta {
    display: none !important;
}

.summary .amount {
    font-weight: 700;
    font-size: 33px;
    color: #143275;
    letter-spacing: 0px;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.added_to_cart,
.widget-area .widget a.button,
.site-header-cart .widget_shopping_cart a.button {
    background: #E3FE4E;
    /*box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.50);
    border-radius: 8px;*/

    /* Väliaikanen shite */box-shadow: inset 0 0px 0 rgba(0,0,0,.3);


    /* Lisää ostoskärryyn: */
    font-family: 'ShapeSans', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #143275;
    letter-spacing: 0px;
    line-height: 21px;
    padding: 7px 20px 7px 20px;
}

button.alt,
input[type="button"].alt,
input[type="reset"].alt,
input[type="submit"].alt,
.button.alt,
.added_to_cart.alt,
.widget-area .widget a.button.alt,
.added_to_cart,
.pagination .page-numbers li .page-numbers.current,
.woocommerce-pagination .page-numbers li .page-numbers.current,
.click_more_link {
     background: #dbfc56;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.50);
    border-radius: 8px;
    /* Lisää ostoskoriin Copy: */
    font-family: 'ShapeSans', sans-serif;
    font-size: 20px;
    color: #143275;
    letter-spacing: 0px;
    line-height: 21px;
    font-weight: 400;
}

button.alt:hover,
input[type="button"].alt:hover,
input[type="reset"].alt:hover,
input[type="submit"].alt:hover,
.button.alt:hover,
.added_to_cart.alt:hover,
.widget-area .widget a.button.alt:hover,
.added_to_cart:hover,
.click_more_link:hover {
    background-color: #F18703;
    border-color: #F18703;
    color: #1a4175;
}

button.alt:focus,
input[type="button"].alt:focus,
input[type="reset"].alt:focus,
input[type="submit"].alt:focus,
.button.alt:focus,
.added_to_cart.alt:focus,
.widget-area .widget a.button.alt:focus,
.added_to_cart:focus,
.click_more_link:focus {
    background-color: #FFD404;
    border-color: #FFD404;
    color: #1a4175;
}

.added_to_cart,
.added_to_cart:hover,
.added_to_cart:focus {
    border-radius: 10px;
    font-family: 'ShapeSans';
    font-weight: 700;
    font-size: 15px;
    color: #77b800;
    letter-spacing: 0px;
    line-height: 21px;
    background: transparent;
    box-shadow: none;
}

.single-product div.product {
    overflow: visible;
}

.placelist {
    list-style: none;
    margin: 0;
    padding-top: 5px;
}

.placelist li {
    font-size: 15px;
    font-family: Verdana, sans-serif;
}

#adddata h4 {
    /* Saatavuus: */
    font-family: 'ShapeSans', sans-serif;
    font-size: 20px;
    color: #293e6b;
    letter-spacing: 0px;
    line-height: 27px;
    border-bottom: 3px solid #293e6b;
    margin-top: 1em;
}

.placelist li:before {
    position: relative;
    margin-right: 10px;
    content: " ";
    width: 15px;
    height: 15px;
    background: #3D9B35;
    border-radius: 15px;
    top: 2px;
    display: inline-block;
}

form.cart {
    margin-top: 1em;
    margin-bottom: 1em;
}

#wl-wrapper.wl-button-wrap {
    padding: 0 !important;
}

.single-product div.product form.cart .button {
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    clear: both;
}

.quantity .qty {
    padding: initial;
    width: 3em;
    background: #F8F8F8;
}

.single-product div.product .price {
    margin-bottom: 0;
}

.woocommerce-price-suffix {
    font-size: 100%;
}

h1.product_title.entry-title {
    margin-bottom: 0.7em;
}

.single-product div.product form.cart {
    border: none;
    padding: 0;
}

.woocommerce-tabs ul.tabs li.active a,
ul.products li.product .price,
.onsale {
    display: inline-block;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.added_to_cart {
    /*border-radius: 10px;*/
}

ul.products li.product .button {
    border: none;
    display: inline-block;
}

ul.products li.product {
    text-align: left;
    margin-bottom: 0;
}

ul.products li.product img {
    display: block;
    margin: 0;
    margin-bottom: 1em;
}

ul.products li.product {
    padding-left: 5px;
    border: 1px solid transparent;
}

ul.products li.product:hover {
     border: 1px solid #e3fe4e;
}

@media (min-width: 768px) {
    ul.products li.product {
        width: 25%;
    }
}

.storefront-sorting {
    font-size: inherit;
}

ul.products {
    margin: 0;
}

.custom_box_archive p {
    margin: 0;
}

.woocommerce-result-count {
    display: none;
}

.right-sidebar .widget-area {
    margin-top: 1.8em;
}

.mainselected .headcat:not(.footercat) {
background: #e3fe4e;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    color: #143275 !important;
}

.subselected {
    background: #e3fe4e;
}

.subselected a {
    color: #000 !important;
}

.is-sticky #catlist {
    background: rgba(255, 255, 255, 0.9);
    z-index: 999999999999;
    padding: 0;
}

.hentry .entry-header h1 {
    border-bottom: none;
    padding-bottom: 0;
}

.hentry .entry-header {
    margin-bottom: 0;
    border-bottom: none;
}

.hentry {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
}

select {
    background: transparent;
    width: 150px;
    padding: 5px 35px 5px 5px;
    font-size: 15px;
    border: 1px solid #ccc;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(img/selectarrow.png) 96% / 12% no-repeat #eee;
}


/*target Internet Explorer 9 and Internet Explorer 10:*/

@media screen and (min-width:0\0) {
    select {
        background: #FFF;
        padding: 5px;
        color: #000;
    }
}

.grid-sizer {
    width: 24%;
}

@media only screen and (max-width: 500px) {
    .grid-sizer {
        width: 100%;
    }
    footer hr {
        display: none;
    }
}

.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
    background-color: #0090D7;
}

.form-row label {
    display: block;
    font-weight: 400;
    font-family: 'ShapeSans';
}

#toimipiste {
    background: #fff;
    color: #000;
    padding-top: 50px;
    padding-bottom: 50px;
}

#toimipiste a {
    color: #293e6b;
}

.person p {
    margin: 0;
    margin-top: 0.5em;
}

.person span {
    display: block;
    font-size: 90%;
}

.henkilobox {
    padding: 5px 15px 5px 15px;
}

.hilight .henkilobox {
    background-color: #f1f1f1;
}

.wholelink {
    text-decoration: none;
}

.acf section:first-child {
    padding-top: 0;
}

form.woocommerce-ordering {
    display: none;
}

.centerme {
    height: 355px;
    display: table-cell;
    vertical-align: middle;
}

.contentsliderwrap {
    padding: 0;
}

.contentslider .col {
    margin-bottom: 0;
}

.contentslider .owl-controls {
    margin-top: -24px;
}

.owl-item a {
    display: block;
}

.contentslider .owl-item {
    border: none;
    padding: 0;
}

.contentslider .owl-item:hover {
    border: 0;
}

.owl-item h1 {
    color: #293e6b !important;
}

.owl-item p {
    color: #000000 !important;
}

.owl-item a {
    color: #293e6b !important;
}

form {
    margin-bottom: 0;
}

#wl-wrapper {
    padding: 0;
}

.quantity label {
    margin-right: 5px;
    font-weight: 400;
}

.imagewrapper {
    height: 200px;
    position: relative;
}

.imagewrapper img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    margin: auto;
    vertical-align: middle;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

ul.products li.product img {
    display: block;
    margin: auto;
}

.spacer {
    display: block;
    width: 5px;
    height: 5px;
    visibility: hidden;
}

#wl-wrapper .wl-meta-share,
#wl-wrapper .wl-share-url {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}

#wl-wrapper .wl-intro {
    margin: 0 !important;
}

.valkoinen p,
.valkoinen h1,
.valkoinen h2,
.valkoinen h3,
.valkoinen h4,
.valkoinen h5,
.valkoinen span,
.valkoinen a,
.valkoinen {
    color: #fff !important;
}

.musta p,
.musta h2,
.musta h3,
.musta h4,
.musta h5,
.musta span,
.musta a,
.musta {
    color: #000 !important;
}
.musta h1 {
    color: #293e6b !important;

}


h2 a {
    color: #293e6b;
}

h2 a:hover {
    color: #143275;
}

.footer-navigation {
    clear: both;
    display: block;
    width: 100%;
}

footer p,
.footer-navigation li a,
footer .prodcats.small ul li a {
    color: #fff !important;
    font-family: 'ShapeSans';
    font-size: 15px !important;
    letter-spacing: 0px;
    line-height: 18px;
}

.footer-navigation ul {
    margin: 0 !important;
}

.footer-navigation li {
    display: block !important;
}

footer .prodcats li {
    padding: 0;
}

.footer-navigation,
.footer-navigation li,
.footer-navigation ul li a {
    margin: 0 !important;
    padding: 0 !important;
}

hr {
    background-color: #C0DDEA;
    border: 0;
    height: 1px;
    margin: 0 0 1.618em;
}

#wl-wrapper .wl-actions-table,
#wl-wrapper .wl-actions-table table,
#wl-wrapper .wl-actions-table td,
#wl-wrapper .wl-actions-table tr,
#wl-wrapper .wl-actions-table th {
    vertical-align: top !important;
}

.cart_table_item input[type='checkbox'],
.check-column input[type='checkbox'] {
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background: white;
    border: 1px solid #000000;
    margin-top: 3px;
}

.cart_table_item input[type='checkbox']:checked,
.check-column input[type='checkbox']:checked {
    background: #DF6F00;
}

::-webkit-input-placeholder {
    color: #272727;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #272727;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #272727;
}

:-ms-input-placeholder {
    color: #272727;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea,
.input-text {
    color: #000;
}

.stock {
    display: none;
}

#order_review_heading,
#order_review {
    border-color: #ef8e25;
    background: white;
}

#wl-wrapper .wl-but.small {
    font-size: 15px;
}

.storefront-sorting {
    display: none !important;
}

.widget_berocket_aapf {
    margin-bottom: 0 !important;
}

.berocket_aapf_widget-title {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    display: inline-block !important;
}

.berocket_aapf_widget-title_div {
    clear: none;
    display: inline-block;
    cursor: initial;
}

.berocket_aapf_widget_show {
    display: none;
}

ul.berocket_aapf_widget li {
    display: inline-block;
    margin-right: 0.5em;
}

ul.berocket_aapf_widget {
    display: inline-block !important;
    margin-left: 1em !important;
    margin-bottom: 0 !important;
}

@media screen and (min-width: 768px) {
    .col-full {
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
    .menu.sidemenu {
        display: none;
    }
    .storefront-primary-navigation {
        background: none;
        display: block;
        float: none;
        margin-top: 0;
        clear: both;
        margin-top: 0 !important;
        width: 100%;
    }
}

@media screen and (max-width: 1070px) and (min-width: 768px) {
    .storefront-primary-navigation {
        display: block !important;
        /*float: none !important;*/
        margin-top: 0;
        clear: both;
    }
    .woocommerce-active .site-header .main-navigation {
        margin-left: 0;
    }
    .site-header .site-logo-link {
        position: relative;
        top: -40px;
    }
}

.storefront-primary-navigation {
    background: none;
    display: inline-block;
    float: right;
    margin-top: -1.2em;
    margin-left: 0;
    padding-left: 0;
}

.site-header {
    padding-bottom: 1em;
}

.menu-toggle {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
    padding-right: 0.5em !important;
}

.headcat {
    font-size: 19px !important;
    font-weight: bold !important;
    font-family: 'ShapeSans';
    color: #293e6b !important;
    letter-spacing: 0px;
    line-height: 1.2;
}

.berocket_aapf_widget .berocket_label_widgets {
    font-weight: 400;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    font-weight: initial;
}

.woocommerce-message {
    background: #143275;
    padding-top: 5px;
    padding-bottom: 5px;
}

img {
    border-radius: initial;
}

.search-results .entry-content img {
    width: 200px;
}

.search-results .additionalinfo {
    display: none;
}

.search-results h2 {
    font-size: 30px;
}

@media (max-width: 67.141em) {
    .owl-item .col-full,
    .contentslider {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
    }
    .centerme {
        padding: 1em;
    }
    #searchbanner form input[type="submit"] {
        width: 30%;
        line-height: 1em;
    }
    #searchbanner form input[type="search"] {
        width: 70%;
        padding-top: 0.9em;
        padding-bottom: 0.9em;
    }
    .prodcats .mainlist .span_3_of_12 {
        margin: 0;
    }
}

footer .menu-toggle {
    display: none;
}

.sidemenu form {
    position: absolute;
    bottom: -1.5em;
    right: 5em;
    background: white;
    padding-top: 1.5em;
    padding-bottom: 1em;
    padding-right: 1em;
    display: none;
    background: #e3fe4e;
    padding-left: 1em;
    padding-bottom: 16px;
}

.sidemenu form .search-submit {
    float: right;
    margin-top: 3px;
    background-color: #143275;
    border-color: #143275;
    color: #143275;
}

.handheld-navigation form {
    position: relative;
    background: #006FBA;
    padding-left: 1em;
    border-radius: 10px;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.sidemenu form input[type="search"],
.handheld-navigation input[type="search"] {
    background: #ffffff;
    border: 0;
    box-shadow: none;
    border-radius: 10px;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    line-height: 17px;
    padding-left: 0.75em;
    margin-right: 1em;
    min-width: 200px;
    font-size: 17px;
}

#searchtoggle {
    cursor: pointer;
}

#searchtoggle:hover+.sidemenu form {
    display: block;
}

.archive li.product form .quantity,
.wishlistslider .quantity {
    display: none;
}

.archive #content .woocommerce .woocommerce-message {
    max-width: 70em;
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    .sidemenu form input[type="search"],
    .handheld-navigation input[type="search"] {
        width: auto;
    }
    .handheld-navigation input[type="submit"] {
        padding-left: 10px !important;
        position: absolute;
        top: 10%;
        width: 14%;
        height: 80%;
        border-radius: 10px;
    }
}

@media screen and (min-width: 768px) {
    .hidemeondesktop {
        display: none;
    }
}

.hidemeondesktop .search-form {
    display: inline-block;
    padding-top: 15px;
    padding-right: 1em;
    background: #006FBA;
    padding-left: 1em;
    padding-bottom: 15px;
}

.hidemeondesktop .search-field {
    background: #C2E2F9;
    border: 0;
    box-shadow: none;
    border-radius: 10px;
    padding-top: 0.75em;
    padding-bottom: 0.75em;
    line-height: 17px;
    padding-left: 0.75em;
    margin-right: 1em;
    min-width: 200px;
    font-size: 17px;
}

.search article {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #979797;
}

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

    .forceleft {
        float: left !important;
    }

    .leftlabel label {
        display: block !important;
        width: 30%;
        float: left;
        text-align: right;
        padding-right: 1em;
    }

    .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
        width: 60% !important;
        display: block;
        float: left;
        margin-top: 0 !important;
    }

    .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
        width: 60% !important;
        display: block;
        float: left;
        margin-top: 0 !important;
    }

    .gform_wrapper   .leftlabel .ginput_container {
        width: 60% !important;
        display: block;
        float: left;
        margin-top: 0 !important;
    }

    .gform_wrapper .top_label li.leftlabel.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(ul.gfield_radio li input):not(ul.gfield_checkbox li input):not(.datepicker) {
        width: 60% !important;
        display: block;
        float: left;
        margin-top: 0 !important;
    }

    .gform_wrapper .top_label li.leftlabel.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(ul.gfield_radio li input):not(ul.gfield_checkbox li input):not(.datepicker) {
        width: 60% !important;
        display: block;
        float: left;
        margin-top: 0 !important;
    }

    #field_5_24, #field_5_29,
    #field_14_24, #field_14_29,
    #field_16_24, #field_16_29,
    #field_17_24, #field_17_29,
    #field_10_24, #field_10_29,
    #field_11_24, #field_11_29 {
        float: right;
        margin-right: -60px;
        margin-top: 45px;
    }

}

.gf_repeater_add .gf_repeater_add_default, .gf_repeater_remove .gf_repeater_remove_default {
    background-size: 30px 30px !important;
    height: 30px !important;
    width: 30px !important;
    opacity: 0.5;
}

.confirmform .gfield_label, #field_5_15 .gfield_label, #field_5_21 .gfield_label, #field_5_35 .gfield_label,
.confirmform .gfield_label, #field_14_15 .gfield_label, #field_14_21 .gfield_label, #field_14_35 .gfield_label,
.confirmform .gfield_label, #field_16_15 .gfield_label, #field_16_21 .gfield_label, #field_16_35 .gfield_label,
.confirmform .gfield_label, #field_17_15 .gfield_label, #field_17_21 .gfield_label, #field_17_35 .gfield_label,
.confirmform .gfield_label, #field_10_15 .gfield_label, #field_10_21 .gfield_label, #field_10_35 .gfield_label,
.confirmform .gfield_label, #field_11_15 .gfield_label, #field_11_21 .gfield_label, #field_11_35 .gfield_label {
    display: none !important;
}

#gform_wrapper_5 label.gfield_label,
#gform_wrapper_14 label.gfield_label,
#gform_wrapper_16 label.gfield_label,
#gform_wrapper_17 label.gfield_label,
#gform_wrapper_10 label.gfield_label,
#gform_wrapper_11 label.gfield_label {
    font-weight: normal;
}

#gform_wrapper_5 select,
#gform_wrapper_14 select,
#gform_wrapper_16 select,
#gform_wrapper_17 select,
#gform_wrapper_10 select,
#gform_wrapper_11 select {
    width: 240px;
    padding: 5px 35px 5px 5px;
    font-size: 15px;
    border: 1px solid #ccc;
    height: 34px;
}

#gform_wrapper_5 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_14 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_16 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_17 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_10 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
#gform_wrapper_11 input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    background: #EBEBEB;
    box-shadow: none;
    border: none;
    padding: 0.65em;
    color: #000;
    border-radius: 0 10px 10px 0px;
}

#field_5_4,
#field_14_4,
#field_16_4,
#field_17_4,
#field_10_4,
#field_11_4 {
    position: relative;
}

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

    #field_5_4 .gfield_description,
    #field_14_4 .gfield_description,
    #field_16_4 .gfield_description,
    #field_17_4 .gfield_description,
    #field_10_4 .gfield_description,
    #field_11_4 .gfield_description {
        position: absolute;
        bottom: -35px;
        text-align: left;
    }

}

#gform_wrapper_5 h2,
#gform_wrapper_14 h2,
#gform_wrapper_16 h2,
#gform_wrapper_17 h2,
#gform_wrapper_10 h2,
#gform_wrapper_11 h2 {
    margin-top: 40px !important;
}

#gform_wrapper_5 ul.gfield_checkbox li label,
#gform_wrapper_14 ul.gfield_checkbox li label,
#gform_wrapper_16 ul.gfield_checkbox li label,
#gform_wrapper_17 ul.gfield_checkbox li label,
#gform_wrapper_10 ul.gfield_checkbox li label,
#gform_wrapper_11 ul.gfield_checkbox li label {
    font-weight: normal;
    font-size: 15px;
}

.clearfix:after {
   content: "";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

#gform_5 .gfield_checkbox li label,
#gform_14 .gfield_checkbox li label,
#gform_16 .gfield_checkbox li label,
#gform_17 .gfield_checkbox li label,
#gform_10 .gfield_checkbox li label,
#gform_11 .gfield_checkbox li label {
    display: inline-block !important;
    font-weight: normal;
    margin-top: 6px;
    max-width: 88%;
}

#gform_wrapper_5 ul.gfield_checkbox li input[type=checkbox],
#gform_wrapper_14 ul.gfield_checkbox li input[type=checkbox],
#gform_wrapper_16 ul.gfield_checkbox li input[type=checkbox],
#gform_wrapper_17 ul.gfield_checkbox li input[type=checkbox],
#gform_wrapper_10 ul.gfield_checkbox li input[type=checkbox],
#gform_wrapper_11 ul.gfield_checkbox li input[type=checkbox] {
    -webkit-appearance: none;
    width: 30px !important;
    height: 30px !important;
    background: #D6D6D6;
    border-radius: 5px;
    border: none;
    margin-right: 0.5em;
}

#gform_wrapper_5 input[type=submit],
#gform_wrapper_14 input[type=submit],
#gform_wrapper_16 input[type=submit],
#gform_wrapper_17 input[type=submit],
#gform_wrapper_10 input[type=submit],
#gform_wrapper_11 input[type=submit] {
    background: #E3FE4E;
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
    font-family: 'ShapeSans', sans-serif;
    font-weight: 400;
    font-size: 28px;
    color: #143275;
    letter-spacing: 0px;
    line-height: 21px;
}

#gform_wrapper_5 ul.gfield_checkbox li input[type=checkbox]:checked,
#gform_wrapper_14 ul.gfield_checkbox li input[type=checkbox]:checked,
#gform_wrapper_16 ul.gfield_checkbox li input[type=checkbox]:checked,
#gform_wrapper_17 ul.gfield_checkbox li input[type=checkbox]:checked,
#gform_wrapper_10 ul.gfield_checkbox li input[type=checkbox]:checked,
#gform_wrapper_11 ul.gfield_checkbox li input[type=checkbox]:checked {
    background: #77b800;
}

.gf_left_third input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gf_middle_third input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gf_right_third input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    border-radius: 0px 10px 10px 10px !important;
}

/*
* Tilinavauslomake
* Gravity Form repeated fields
*/

#field_14_1000, #field_14_2000,
#field_16_1000, #field_16_2000,
#field_17_1000, #field_17_2000 {
    margin-bottom: 3rem;
}

#field_14_1000 .gfield_repeater_wrapper .gfield_repeater_container,
#field_14_2000 .gfield_repeater_wrapper .gfield_repeater_container,
#field_16_1000 .gfield_repeater_wrapper .gfield_repeater_container,
#field_16_2000 .gfield_repeater_wrapper .gfield_repeater_container,
#field_17_1000 .gfield_repeater_wrapper .gfield_repeater_container,
#field_17_2000 .gfield_repeater_wrapper .gfield_repeater_container {
    background-color: #fff;
}

#field_14_1000 .gfield_repeater_container legend,
#field_14_2000 .gfield_repeater_container legend,
#field_16_1000 .gfield_repeater_container legend,
#field_16_2000 .gfield_repeater_container legend,
#field_17_1000 .gfield_repeater_container legend,
#field_17_2000 .gfield_repeater_container legend {
    background-color: #fff;
    font-family: 'ShapeSans';
    font-size: 20px;
    font-weight: 400;
    color: #293e6b;
    letter-spacing: 0px;
    line-height: 27px;
    padding-bottom: 0;
}

#field_14_1000 .gfield_repeater_container .gfield_repeater_items,
#field_14_2000 .gfield_repeater_container .gfield_repeater_items,
#field_16_1000 .gfield_repeater_container .gfield_repeater_items,
#field_16_2000 .gfield_repeater_container .gfield_repeater_items
#field_17_1000 .gfield_repeater_container .gfield_repeater_items,
#field_17_2000 .gfield_repeater_container .gfield_repeater_items {
    padding-top: 0;
}

#field_14_1000 .gfield_repeater_container .gfield_repeater_item,
#field_14_2000 .gfield_repeater_container .gfield_repeater_item,
#field_16_1000 .gfield_repeater_container .gfield_repeater_item,
#field_16_2000 .gfield_repeater_container .gfield_repeater_item,
#field_17_1000 .gfield_repeater_container .gfield_repeater_item,
#field_17_2000 .gfield_repeater_container .gfield_repeater_item {
    border: none;
    margin-bottom: 0;
}

#field_14_1000 .gfield_repeater_container .gfield_repeater_cell,
#field_14_2000 .gfield_repeater_container .gfield_repeater_cell,
#field_16_1000 .gfield_repeater_container .gfield_repeater_cell,
#field_16_2000 .gfield_repeater_container .gfield_repeater_cell,
#field_17_1000 .gfield_repeater_container .gfield_repeater_cell,
#field_17_2000 .gfield_repeater_container .gfield_repeater_cell {
    width: 33.3%;
    padding-right: 16px;
    display: inline-block;
}

#field_14_1000 .gfield_repeater_container .gfield_repeater_cell label,
#field_14_2000 .gfield_repeater_container .gfield_repeater_cell label,
#field_16_1000 .gfield_repeater_container .gfield_repeater_cell label,
#field_16_2000 .gfield_repeater_container .gfield_repeater_cell label,
#field_17_1000 .gfield_repeater_container .gfield_repeater_cell label,
#field_17_2000 .gfield_repeater_container .gfield_repeater_cell label {
    font-family: 'SkanskaSanPro', sans-serif;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    line-height: 1.3;
}

#field_14_1000 .gfield_repeater_container .gfield_repeater_cell input,
#field_14_2000 .gfield_repeater_container .gfield_repeater_cell input,
#field_16_1000 .gfield_repeater_container .gfield_repeater_cell input,
#field_16_2000 .gfield_repeater_container .gfield_repeater_cell input,
#field_17_1000 .gfield_repeater_container .gfield_repeater_cell input,
#field_17_2000 .gfield_repeater_container .gfield_repeater_cell input {
    width: 100%;
    padding: 0.65em;
    border-radius: 0 10px 10px 10px !important;
}

#field_14_1000 .gfield_repeater_container .gfield_repeater_buttons button,
#field_14_2000 .gfield_repeater_container .gfield_repeater_buttons button,
#field_16_1000 .gfield_repeater_container .gfield_repeater_buttons button,
#field_16_2000 .gfield_repeater_container .gfield_repeater_buttons button,
#field_17_1000 .gfield_repeater_container .gfield_repeater_buttons button,
#field_17_2000 .gfield_repeater_container .gfield_repeater_buttons button {
    background-color: #ebebeb;
    height: 34px;
    font-family: 'SkanskaSanPro', sans-serif;
    font-size: 15px;
    color: #000;
    border-color: #ebebeb;
}


.samlprice:after {
  content: "";
  display: table;
  clear: both;
}

.single-product div.product form.cart .quantity {
    float: initial;
    display: inline-block;
}

.single-product.saml div.product form.cart {
    background: #EBEBEB;
    padding-left: 30px;
}

.saml .samltitle {
    margin-left: -30px;
    color: #293e6b !important;
}

.single-product.saml div.product form.cart .quantity {
    padding-top: 25px;
}

.saml #wl-wrapper .wl-add-but {
    margin-bottom: 25px;
}

.saml ul.products li.product .price {
    line-height: 1.3;
}

.samlorderlink {
    font-size: 20px;
    color: #143275;
    letter-spacing: 0;
}

.samlorderlink:hover {
    color: #0078C8;
}

@media screen and (min-width: 500px) {
    .woocommerce-message {
        position: relative;
    }
    .woocommerce-message span {
        font-size: 20px;
        color: #FFFFFF;
        letter-spacing: 0;
    }
    .woocommerce-message .button {
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        height: 100%;
        text-align: right;
        padding-top: 5px;
        padding-left: 0;
        padding-right: 30px;
        margin: 0;
        font-size: 20px;
        letter-spacing: 0;
    }
    .woocommerce-message .button:hover {
        text-decoration: underline;
    }
}

.cartbadge {
  position: absolute;
  top: 1px;
  right: 2px;
  background: #77b800;
  width: 20px;
  height: 20px;
  border-radius: 20px;
  color: #fff;
  font-size: 13px;
}

.cartli:hover .cartbadge, .cartli:hover .calcbadge {
  background: #000;
}

.calcbadge {
  position: absolute;
  top: 1px;
  right: 2px;
  background: #77b800;
  width: 18px;
  height: 18px;
  border-radius: 20px;
  color: #fff;
  font-size: 12px;
}

@media (min-width: 768px) {
    table.cart td, table.cart th {
        padding: 0.5em;
    }
}

table thead th {
    font-weight: 400;
    text-transform: initial;
}

.product-date {
    width: 160px;
}

.datepicker {
    width: 100px;
    background-color: #F8F8F8 !important;
    text-align: center;
    display: inline-block;
    padding: .326em !important;
}

.datepickerwrap {
    position: relative;
}

.datepickerwrap:after {
    display: block;
    position: absolute;
    content: '\f133';
    font-family: "Font Awesome 5 Free";
    font-size: 18px;
    right: 10px;
    top: 2px;
}

.gform_wrapper.two_column_wrapper {
    max-width: 100%;
}

.gform_wrapper.two_column_wrapper ul.gform_fields,
.gform_wrapper.two_column_wrapper ul.gform_column li.gsection:first-child {
    display: none;
}

.gform_wrapper.two_column_wrapper ul.gform_fields.gform_column {
    display: block;
}

.gform_wrapper.two_column_wrapper ul.one-half {
    float: left;
    width: 49%;
}
.gform_wrapper.two_column_wrapper ul.one-half.first {
    margin-left: 0 !important;
}

.gform_wrapper .gsection {
    border-bottom: none !important;
}

.gform_wrapper .top_label li.gfield.gf_right_half+li.gsection {
    padding: 0 !important;
}

.gform_wrapper.two_column_wrapper ul.one-half li.gfield {
    width: 100%;
    overflow: auto;
}

.gform_wrapper.two_column_wrapper ul.one-half li.gfield input, .gform_wrapper.two_column_wrapper ul.one-half li.gfield textarea, .gform_wrapper.two_column_wrapper ul.one-half li.gfield select {
    width: 100%;
}


.gform_wrapper.two_column_wrapper ul.one-half .gfield_radio {
    margin-top: 0;
}

.gform_wrapper.two_column_wrapper ul.one-half .gfield_radio input {
    float: left;
}

#field_3_13 .gfield_description {
    padding: 0;
    text-align: center;
    padding-left: 60px;
}

#input_3_7 {
    background-size: 20px;
}

#field_3_15, #gform_3 .gform_footer {
    padding-left: 150px;
    padding-right: 80px;
}

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

    .gform_wrapper.two_column_wrapper ul.one-half {
        width: 100%;
    }

    .gform_wrapper.two_column_wrapper ul.one-half {
        margin-left: 0 !important;
    }

    .gform_wrapper .gsection {
        display: none !important; /* remove !important if it's not needed */
    }

    #gform_wrapper_3 li {
        margin-bottom: 10px;
    }

    #field_3_13 .gfield_description {
        padding-left: 0;
    }

    #field_3_15, #gform_3 .gform_footer {
       padding-left: 0;
       padding-right: 0;
    }
}

.samlhead {
    overflow: auto;
}

.samlhead .samlnews {
    width: 60%;
    background: #e3fe4e;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-left: 15px;
    padding-right: 15px;
    color: #143275;
}

.samlhead .samlnews a {
    color: #143275;
    text-decoration: underline;
}

.samlhead .samlnews a:hover {
    color: #000;
}

.samlhead .samluser {
    width: 40%;
    margin-left: 0 !important;
    background: #d1d3d4;
    padding-bottom: 8px;
    padding-top: 8px;
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
    float: right;
}

@media only screen and (max-width: 800px) {
    .samlhead .samlnews {
        display: none;
    }
    .samlhead .samluser {
        width: 100%;
    }
}

.samluser i:hover {
    color: #000 !important;
}

#cn-notice-text a {
    text-decoration: underline !important;
}

#cn-notice-text a:hover {
    color: #FFD404 !important;
}

.page-template-page-samlmobile .head-cont, .page-template-page-samlmobile #hero, .page-template-page-samlmobile footer, .page-template-page-samlmobile .samlhead {
    display: none;
}

.page-template-page-samlmobile h2 {
    margin-bottom: 5px;
    margin-top: 20px;
}

.page-template-page-samlmobile .widget {
    margin-bottom: 0;
}

.page-template-page-samlmobile .button {
    font-size: 18px;
}

.page-template-page-samlmobile .widget a {
    background: #e3fe4e;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.50);
    border-radius: 8px;
    font-family: 'ShapeSans', sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #143275;
    letter-spacing: 0px;
    line-height: 21px;
    padding: 7px 10px 7px 10px;
    margin-bottom: 10px;
    display: inline-block;
}

.page-template-page-samlmobile .widget a:before {
    content: " ";
    display: inline-block;
    background: url(img/pencil.png);
    background-size: contain;
    width: 21px;
    height: 21px;
    margin-right: 5px;
    margin-bottom: -5px;
}

.page-template-page-samlmobile .col-full {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 700px) {
    .page-template-page-samlmobile {
        padding-top: 10vh;
    }
}

.page-template-page-samlmobile h1 {
    font-size: 28px !important;
    font-weight: bold !important;
    line-height: 1.1;
    margin-bottom: 20px !important;
}

.blogcard .date {
    color: #000;
}

.blogtext h3 {
    line-height: 26px;
    margin-top: 5px;
}

.blogtext {
    padding: 20px;
    background: #d1d3d4;
    min-height: 125px;
}

.blogcard:hover .blogtext {
    background: #143275;
}

.blogcard:hover .blogtext h3, .blogcard:hover .date {
    color: #fff;
}

.blogtitle {
    margin-top: 10px;
    margin-bottom: 30px;
}

.morebloglink {
    display: block;
    color: #293e6b;
    text-decoration: underline;
    margin-top: 20px;
}

.blogrow {
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    overflow: auto;
}

.blogpadder {
    margin-bottom: 1.6%;
}

.hentry.type-post .entry-content {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.singleexcerpt p {
    font-size: 16px;
}

@media (min-width: 768px) {
    .single-post.right-sidebar .content-area {
        width: 67%;
        float: left;
        margin-right: 4.347826087%;
    }
    .single-post.right-sidebar .widget-area {
        width: 28.652173913%;
        float: right;
        margin-right: 0;
    }
}

.blogcard:hover .blogimage:after {
	display: block;
	content: " ";
	width: 100%;
	height: 100%;
	background: rgba(0, 120, 200, 0.32);
}

.page-id-2072 ol+h2, .page-id-2072 ol+h3, .page-id-2072 ol+h4, .page-id-2072 ol+header h2, .page-id-2072 p+h2, .page-id-2072 p+h3, .page-id-2072 p+h4, .page-id-2072 p+header h2,  .page-id-2072 ul+h2, .page-id-2072 ul+h3, .page-id-2072 ul+h4, .page-id-2072 ul+header h2,
.page-id-34131 ol+h2, .page-id-34131 ol+h3, .page-id-34131 ol+h4, .page-id-34131 ol+header h2, .page-id-34131 p+h2, .page-id-34131 p+h3, .page-id-34131 p+h4, .page-id-34131 p+header h2,  .page-id-34131 ul+h2, .page-id-34131 ul+h3, .page-id-34131 ul+h4, .page-id-34131 ul+header h2  {
 margin-top: 0;
}

.gform_wrapper .gfield_checkbox li input[type=checkbox] {
    vertical-align: top !important;
}

#campaign {
    padding-top: 20px;
    padding-bottom: 50px;
    background-color: #293e6a;
    position: relative;
}

.campaign-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    width: 80em;
    padding-bottom: 440px;
}
@media (max-width: 80em) {
    .campaign-img,
    .campaign-img.kuivaus {
        width: 100% !important;
    }
}
@media (max-width: 800px) {
    .campaign-img,
    .campaign-img.kuivaus {
        padding-bottom: 280px;
    }
}
@media (min-width: 2000px) {
    .campaign-img.kuivaus {
        /*padding-bottom: 640px !important;*/
    }
}

.campaign-img.kuivaus {
    position: absolute;
    top: 30px;
    padding-bottom: 380px;
    width: 100%;
    background-size: contain;
}

#campaign .content {
    text-align: center;
}

#campaign .content h1 {
    padding: 16px 0;
    color: #FFF;
    font-weight: bold !important;
}

.green-bar {
    background: #e3fe4e;
    padding: 2.5em 0;
    max-width: 100%;
    margin: 0 auto;
}
.green-bar div {
    max-width: 70em;
    text-align: left;
    margin: 0 auto;
}
@media (max-width: 67.141em) {
    .green-bar div {
        margin-left: 2.617924em;
        margin-right: 2.617924em;
    }
}
.green-bar div h2 {
    font-size: 28px;
}
.green-bar div strong {
    font-size: 36px;
    display: inline-block;
}
.green-bar div a:hover {
    color: #244A39;
}

@media (max-width: 900px) {
    .green-bar div strong {
        font-size: inherit;
    }
}

#strenghts .col-full>.col~.col {
    margin-left: 0 !important;
}
#strenghts .row {
    padding-top: 30px;
}
#strenghts .row div:nth-child(2) {
    padding-left: 20px;
}
#strenghts .row .text-row {
    padding-top: 20px;
}
#strenghts .row h2 {
    font-size: 24px;
    padding-bottom: 20px;
}

#strenghts .row p {
    font-size: 18px;
}

#strenghts .imagewrapper {
    padding-bottom: 300px;
}
@media (max-width: 1015px) {
    #strenghts .row {
        display: flex;
        flex-direction: column;
    }
    #strenghts .row .text-row {
        order: 1;
    }
    #strenghts .row div:nth-child(2) {
        padding-left: 0px;
    }
}

.search-icon {
    background-size: 75% 75% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.menu-pikalinkit {
    display: none;
}
@media (max-width: 768px) {
    .menu-item-has-children__dropdown-btn {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .woocommerce-active .site-header .col-full {
        position: initial;
    }

    .menu-pikalinkit {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        padding-bottom: 10px;
    }

    .menu-pikalinkit #pikalinkit, .menu-pikalinkit-container ul {
        width: 180px;
        text-align: center;
    }

    .menu-pikalinkit #pikalinkit {
    display: flex;
    justify-content: center;
    padding: 10px 20px;
    background-color: #E3FE4E;
    font-weight: bold;
    color: #143275;
    text-transform: uppercase;
    }

    .arrowdown {
        background-image: url('./img/arrow-green.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        width: 15px;
        margin-left: 15px;
    }
    .arrowdown.rotated {
        transform: rotate(180deg);
    }
    .arrow-blue {
        background-image: url('./img/arrow-blue.png') !important;
    }

    .menu-item-has-children__dropdown-btn {
        background-image: url('./img/arrow-green.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        top: 4px;
        right: -18px;
        width: 12px;
        height: 12px;
        border: none !important;
    }

    .menu-pikalinkit-container {
        display: none;
        position: absolute;
        z-index: 200;
        top: 40px;
        background-color: #143275;
    }

    .menu-pikalinkit-container ul {
        list-style: none;
        margin: 0;
    }

    .menu-pikalinkit-container ul li {
        padding: 6px 0;
    }

    .menu-pikalinkit-container ul li a {
        display: block;
        width: 100%;
        text-align: left;
        padding: 8px 15px !important;
        color: #FFF !important;
        font-weight: bold;
    }
    .menu-pikalinkit-container ul li a:hover {
        color: #E3FE4E !important;
    }
}

.main-navigation ul li a:before {
    content: '';
}

.palvelunosto {
    display: flex;
    flex-direction: row;
    height: 250px;
}

.palvelunosto .left {
    background-color: #77b800;
}
.palvelunosto .left h2 {
    color: #FFF;
    font-size: 26px;
    line-height: 34px;
    z-index: 4;
    text-shadow: 1px 1px 2px rgba(000,000,000,0.4);
}

.palvelunosto .left .img {
    position: absolute;
    right: -50%;
    bottom: 0;
    padding-bottom: 220px;
    width: 100%;
    z-index: 2;
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.palvelunosto .right {
    background-image: url('./img/right-bg.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.palvelunosto .right:before {
    content: '';
    display: block;
    position: absolute;
    background-color: rgba(41, 62, 107, 0.75);
    filter: brightness(0.6);
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 0;
}
.palvelunosto .right > * {
    z-index: 4;
    position: relative;
}

.palvelunosto .left, .palvelunosto .right {
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.single-palvelu h2.titletext {
    font-size: 50px;
    text-align: center;
    margin: 30px 0;
}

@media (min-width:500px) {
    .single-palvelu h2.titletext {
        line-height: 64px;
    }
}
@media (max-width:500px) {
    .single-palvelu h2.titletext {
        font-size: 30px !important;
        line-height: inherit;
    }
}

.single-palvelu h3 {
    max-width: 800px;
    margin: 0 auto;
    border-top: none;
    text-align: center;
    margin-bottom: 30px;
}

.single-palvelu .box {
    max-width: 1440px;
    display: flex;
    flex-direction: row;
    margin: 60px 0;
}

@media (max-width:768px) {
    .single-palvelu .box {
        flex-direction: column;
    }
    .single-palvelu .box .left, .single-palvelu .box .right {
        width: 100% !important;
    }
    .flex-form .flex-content .half {
        width: 100% !important;
    }
    .flex-form .flex-content .half p, .flex-form .flex-content .half .img  {
        margin: 16px 0 !important;
    }
    .flex-form .flex-content .half .img {
        padding-bottom: 0px !important;
    }
    .flex-form .halfform {
        width: 100%;
    }
}

.single-palvelu .box h3 {
    font-size: 30px;
    text-align: left;
}

.single-palvelu .box .left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    background-color: #293e6b;
    padding: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.single-palvelu .box .left .img {
    padding: 100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.single-palvelu .box .right {
    width: 50%;
    background-color: #ededed;
    padding: 20px 30px;
}

.single-palvelu .box .right h3 {
    margin-bottom: 20px;
}

.single-palvelu .box .right ul {
    margin-left: 0;
}

.single-palvelu .box .right ul li {
    list-style: none;
    display: flex;
}

.single-palvelu .box .right ul li .icon-arrow {
    background-image: url('./img/green-arrow-right.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 24px;
    margin-right: 6px;
    width: 40px;
    min-width: 40px;
    height: 20px;
}

.flex-form p, .flex-form h1 {
    color: #FFF;
    text-align: center;
    max-width: 680px;
    margin: 0 auto 10px auto;
}

.flex-form .gform_title {
    color: #FFF;
}

.flex-form .flex-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.flex-form form input[type="submit"] {
    width: auto !important;
}

.flex-form .flex-content .half {
    width: 50%;
}

.flex-form .flex-content .half .img {
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 240px;
    min-height: 177px;
}

.flex-form .flex-content .half p, .flex-form .flex-content .half .img {
    text-align: left;
    margin: 0 40px;
}
.flex-form .flex-content .half p {
    margin: 14px 40px;
}

/*
 Wishlist / Tarjouslaskuri
*/
#wl-wrapper .wl-table .wl-date-added,
#wl-wrapper .wl-table .product-quantity,
#wl-wrapper .wl-table .product-price,
#wl-wrapper .wl-table .product-purchase,
#wl-wrapper .wl-privacy-col {
    text-align: center;
}

.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before,
.woocommerce-noreviews::before, p.no-comments::before {
    top: 50% !important;
    transform: translateY(-50%);
}

/*
 Palkki
 */
/* Banneri palkki */
.palkki.banners .banner.green-border {
	border: 2px solid #77b800;
}

.palkki.banners .banner-wrapper {
	position: relative;
	z-index: 2;
	display: block;
}

.palkki.banners .banner-contents {
	position: relative;
	z-index: 10;
	padding: 2rem;
}

.palkki.banners .banner-contents.on-right {
	padding-left: 40%;
}

.palkki.banners .banner-contents .small-title {
	font-weight: 700 !important;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.palkki.banners .banner-contents .banner-text {
	font-size: 13px;
	line-height: 1.3;
	margin-bottom: 6px;
}

/* White text */
.palkki.banners.valkoinen .small-title, .palkki.banners.valkoinen .main-title,
.palkki.banners.valkoinen .banner-text {
	color: #FFF;
}

/* Banner image styles */
.palkki.banners .banner-wrapper.banner-image-cropped img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

/* .palkki.banners .banner-wrapper.banner-image-background {
	background-size: cover;
	background-position: center center;
} */
.palkki.banners .banner-wrapper.banner-image-background .bg-layer {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.palkki.banners .banner-wrapper.banner-image-background .bg-layer.image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.palkki.banners .banner-wrapper.banner-image-background .bg-layer.overlay {
	z-index: 4;
}

.palkki.banners.musta .banner-wrapper.banner-image-background .bg-layer.overlay {
	background-color: rgba(255, 255, 255, 0.6);
}

.palkki.banners.valkoinen .banner-wrapper.banner-image-background .bg-layer.overlay {
	background-color: rgba(0, 0, 0, 0.6);
}

.palkki.banners .banner-wrapper.banner-image-left .image-container {
	position: absolute;
	z-index: 3;
	top: 0;
	right: 50%;
	bottom: 0;
	left: 0;
}

.palkki.banners .banner-wrapper.banner-image-left .image-container img {
	width: calc(100% - 1px);
	height: 100%;
	object-fit: cover;
}

.palkki.banners .banner-wrapper.banner-image-left .image-container .overlay-element {
	position: absolute;
	z-index: 5;
	top: 0;
	right: 0;
	bottom: 0;
	left: 25%;
}

.palkki.banners .banner-wrapper .arrow-container {
	position: absolute;
	z-index: 12;
	right: 0;
	bottom: 0;
	padding: 6px 9px;
	line-height: 1;
	border-radius: 26px 0 0 0;
	background-color: #FFF;
}

.palkki.banners .banner-wrapper .arrow-container.green {
	background-color: #77b800;
}

.palkki.banners .banner-wrapper .arrow-container svg {
	display: block;
	stroke: #77b800;
	margin-top: 6px;
	margin-left: 6px;
	width: 12px;
	height: auto;
}

.palkki.banners .banner-wrapper .arrow-container.green svg {
	stroke: #fff;
}

@media only screen and ( min-width: 1016px ) {
	.palkki.banners .col-full {
		display: flex;
	}

	.palkki.banners .banner-wrapper {
		height: 100%;
	}

	.palkki.banners .banner-wrapper:not(.layout-stacked) .banner-contents {
		height: 100%;
	}
}


/* --- Edits HC 12/22 ----*/

.storefront-primary-navigation {
    margin-top: -3em;
}

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

#masthead .menu-toggle {
margin-top: -50px;
}

#masthead .site-logo-link {
max-width:200px;
margin-left: -30px;
}
}


.frontpagecontent #catlist {
	padding: 70px 0;
	background-color:#e7e7e7;
}

.frontpagecontent #catlist h1 {
margin-bottom: 40px;
    text-align: center;
}

#searchsection .search-icon {
background-color: #143275;
}

#places .col-full {
	margin-top: 50px;
    margin-bottom: 50px;
}


#searchbanner p {
	color:#000 !important;
}

.banneri-logo {
	display:none;
}

.single-product h3.samltitle {
	    color: #143275 !important;
}

.storefront-breadcrumb {
    display: none;
}


#searchbanner:not(.newsletter .sb){
    background: linear-gradient(140deg, rgba(227,254,78,1) 25%, #e6e6e6 25%) !important;
}

.musta #searchbanner.sb {
    background: #e6e6e600 !important;
}

.newsletter .sb {
    background-color: #e6e6e600 !important;
}

.half:nth-child(2) {
	    padding-left: 20px;
}

#searchbanner h1, #searchbanner h1, #searchbanner p {
    text-align: left;
    max-width: 100%;
    margin-left: 40px;
}


/* tarjouslaskuri hide */

.single-product .form.cart {
	display:none;
}

/* Hide / show SSO login links */
body.logged-in .skanska-oauth-login {
    display: none;
}

body:not(.logged-in) .skanska-oauth-logout {
    display: none;
}