/* @import url('http://example.com/example_style.css'); */
@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i');

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
/* Images */

img {
    max-width: 100%;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}

/* Videos */

video {
    max-width: 100%;
    height: auto;
}

/* Embed Container (iFrame, Object, Embed) */

.hs-responsive-embed {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 2%;
}

.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-bottom: 116.01%;
}

.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0;
}

.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
    position: static;
    width: auto;
    height: auto;
}

iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
    width: 100%;
    max-width: 100%;
}

@media (max-width: 568px) {
    iframe {
        max-width: 100%;
    }
}

/* Forms */

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
    padding: 6px;
    display: inline-block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Menus */

.hs-menu-wrapper ul {
    padding: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    left: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 180px;
    top: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
    position: relative;
    margin-bottom: 20px;
    min-height: 7em;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
    margin-bottom: 0;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
    content: " ";
    display: table;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
    content: " ";
    display: table;
    clear: both;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
    float: left;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
    display: inline-block;
    padding: 10px 20px;
    white-space: nowrap;
    max-width: 140px;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-vertical ul {
    list-style: none;
    margin: 0;
}

.hs-menu-wrapper.hs-menu-flow-vertical li a {
    display: block;
    white-space: nowrap;
    width: 140px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 20px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
    padding: 10px 20px;
    text-decoration: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
    position: relative;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.4s;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 180px;
}

.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
    min-width: 140px;
    width: auto;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
    max-width: 100%;
    overflow: hidden;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: none;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
    position: static;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
    padding-left: 4em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
    padding-left: 6em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
    padding-left: 8em;
}

.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
    padding-left: 140px;
}

.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}

@media (max-width: 568px) {
    .hs-menu-wrapper, .hs-menu-wrapper * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal ul {
        list-style: none;
        margin: 0;
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
        display: block;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
        float: none;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
    .hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
        display: block;
        max-width: 100%;
        width: 100%;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}

/* Space Module */

.widget-type-space {
    visibility: hidden;
}

/* Blog Author Section */

.hs-author-listing-header {
    margin: 0 0 .75em 0;
}

.hs-author-social-links {
    display: inline-block;
}

.hs-author-social-links a.hs-author-social-link {
    width: 24px;
    height: 24px;
    border-width: 0px;
    border: 0px;
    line-height: 24px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: inline-block;
    text-indent: -99999px;
}

.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}

.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
    background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Wrapper */
.hs_cos_wrapper_type_image_slider {
    display: block;
    overflow: hidden
}

/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus  {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */

/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
    margin: 0px;
    padding: 0px;
    list-style: none;
    }
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }



/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
  .hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}

.hs_cos_flex-slider .caption {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    bottom: 0;
    text-align: center;
}

.hs_cos_flex-slider .superimpose .caption {
    color: white;
    font-size: 3em;
    line-height: 1.1em;
    position: absolute;
    padding: 0px 5% 0px 5%;
    width: 90%;
    top: 40%;
    text-align: center;
    background-color: transparent;
}

@media all and (max-width: 400px) {
    .hs_cos_flex-slider .superimpose .caption {
        background-color: black;
        position: static;
        font-size: 2em;
        line-height: 1.1em;
        color: white;
        width: 90%;
        padding: 0px 5% 0px 5%;
        top: 40%;
        text-align: center;
    }

    /* beat recaptcha into being responsive, !importants and specificity are necessary */
    #recaptcha_area table#recaptcha_table {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
    #recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}

.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
    color: white;
}

/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
    display: inline-block;
    margin: 0px;
    padding: 0px;
    margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
    max-height: 150px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
}


/* responsive pre elements */

pre {
    overflow-x: auto;
}

/* responsive pre tables */

table pre {
    white-space: pre-wrap;
}

/* adding minimal spacing for blog comments */
.comment {
    margin: 10px 0 10px 0;
}

/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
    word-wrap: break-word;
}
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/



@font-face {
   font-family: 'Tikkurila Consumer Serif';
   src: url('https://tietopankki.tikkurila.fi/hubfs/FIN/Tikkurila_February2019%20Files%20FIN/Font/TikkurilaConsumerSerif.woff2') format('woff2'),
      url('https://tietopankki.tikkurila.fi/hubfs/FIN/Tikkurila_February2019%20Files%20FIN/Font/TikkurilaConsumerSerif.woff') format('woff'),
      url('https://tietopankki.tikkurila.fi/hubfs/FIN/Tikkurila_February2019%20Files%20FIN/Font/TikkurilaConsumerSerif.svg#TikkurilaConsumerSerif') format('svg');
   font-weight: normal;
   font-style: normal;
}

 
 
 
 

/*  color */









*{box-sizing: border-box;outline: none; padding: 0; margin: 0;}
body{ font-family: "Tikkurila Consumer Serif", sans-serif; color:#000000 ; margin: 0; padding: 0; font-size: 16px; line-height: 34px; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;margin:0;padding:0;}

h1,h2,h3,h4,h5,h6{font-weight: normal; line-height: normal; padding: 0; margin: 0; color: #323232 ; font-family:Arial , sans-serif; }
/* h1 { font-size: 50px; line-height: 60px; letter-spacing: 1px; font-weight: 700;  } */
h1 { font-size: 68px; line-height: normal; margin-bottom: 30px; }
h2 { font-size: 40px; line-height: normal; margin-bottom: 38px; }
h3 {  font-family:Arial , sans-serif; color: #717171; font-weight: 300; font-size: 22px; text-transform: uppercase; margin-bottom: 45px; }
h4 { font-size: 28px; font-family: "Tikkurila Consumer Serif", sans-serif ; margin-bottom: 20px; }
h5 { color: #2C2C2C; font-size: 22px; font-family:Arial , sans-serif; font-weight: 300; }
li,ul{list-style-type: none; padding: 0; margin: 0;}
p { margin-bottom: 15px; }
a,button{text-decoration: none;  
-webkit-transition: ease 0.30s;
-moz-transition: ease 0.30s;
-o-transition: ease 0.30s;
-ms-transition: ease 0.30s;
transition: ease 0.30s;
; color:#323232; font-weight: bold; }
.header-section a, .footer-section a, .table-contents a { font-weight: normal; }
a:focus{text-decoration: none;}
a:hover{text-decoration: none; color:inherit;}
img{vertical-align: middle; max-width: 100%;}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], select
{color:#444444; width:100% !important;-webkit-appearance: none; -webkit-border-radius: 0;   border:none; padding:0 10px;line-height:38px;height:40px; margin-bottom: 10px;  font-size:16px;border: 1px solid #ccc;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 14px; background-repeat:no-repeat; background-position: right 12px center; }
input[type="radio" i] { margin-right: 10px; }

textarea{min-height: 100px;}
input[type="submit"]{font-weight:800;color:#fff; cursor:pointer; -webkit-appearance: none;width: auto; border-radius:0px; border:none; box-sizing:border-box; background-color:#b6b9a4; padding:14px 15px;line-height:22px; font-size:16px; display: inline-block;padding: 15px 70px;height: auto;line-height: normal;text-transform: uppercase;}
input[type="submit"]::-moz-focus-inner{border: 0;}
input[type="submit"]:hover{background-color:#bfc885;}
select option{padding:3px 10px; font-size: 16px;}

select * { background-color:#000;  color:#FFF;  line-height: 20px; text-transform: capitalize; }
ul,li{list-style:none;}
.row-fluid [class*="span"] { min-height: 0; }
::-webkit-input-placeholder{color:#323232;}
:-moz-placeholder{color:#323232;opacity:1;}
::-moz-placeholder{color:#323232;opacity:1;}
:-ms-input-placeholder{color:#323232;}

/* Tunne Vari Campaign */
.tunne-page h1 { font-size: 90px; line-height: normal; font-family: 'Tikkurila Consumer Serif'; font-weight: normal; margin-bottom: 30px; text-align:center; }
.tunne-page h2 { font-size: 60px; line-height: normal; font-family: 'Tikkurila Consumer Serif'; font-weight: normal; margin-bottom: 38px; }
.tunne-page h3 { font-size: 45px; line-height: normal; font-family: 'Tikkurila Consumer Serif'; font-weight: normal; color: #717171; text-transform: lowercase; margin-bottom: 45px; }
.tunne-page h4 { font-size: 20px; line-height: normal; font-family: 'Arial'; margin-bottom: 20px; font-weight: 500; }
.tunne-page h5 { font-size: 18px; line-height: normal; font-family: 'Arial'; font-weight: 500; }
 body.tunne-page { font-family: 'Arial';  font-weight: normal; font-size: 20px; font-weight: 400; }





.row-fluid .wrapper[class*="span"] , .wrapper { max-width: 1430px; margin: 0 auto; padding: 0 15px ; float: none; width:100%; }
.row-fluid .wrapper-1150[class*="span"], .wrapper-1150{ max-width: 1150px; }

.flex-container.bottom>.row-fluid-wrapper>.row-fluid, .flex-container.bottom { -webkit-box-align: flex-end; -moz-box-align: flex-end; -webkit-align-items: flex-end; -ms-flex-align: flex-end; align-items: flex-end; }
.flex-container.center>.row-fluid-wrapper>.row-fluid, .flex-container.center { -webkit-box-align: center; -moz-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.flex-container>.row-fluid-wrapper>.row-fluid, .flex-container { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
.textcenter{text-align:center ; }
.textleft{text-align:left ; }
.textright{text-align:right ; }
.uppercase{text-transform: uppercase;}

.textwhite { color: #fff; }
.textwhite h2 { color: #fff; }

/* get the styles for both icon*/
.icon, .icon:before, .icon:after, .icon i, .icon i:before, .icon i:after { 
    
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
;
   left: 0;
}
.icon { position: absolute; left: 0; right: 0; }
.icon:before .icon:after { content: ''; position: absolute; }
.icon i { position: absolute; }
.icon i:before , .icon i:after { content: ''; position: absolute; }
.search.icon:before {  content: ''; position: absolute; top: 16px; left: 5px; height: 8px; width: 2px; background-color: #797979; }
.search.icon {color: #000; position: absolute;margin-top: 2px; margin-left: 3px;  width: 18px; height: 18px; border: solid 2px #797979; border-radius: 100%;  
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
;  }

.close.icon:after { content: ''; position: absolute; top: 10px; width: 21px; height: 2px; background-color: #797979;  
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
; left: 0; }
.close.icon:before {  content: ''; position: absolute; top: 10px; width: 21px; height: 2px; background-color: #797979;  
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
; left: 0; }
.close.icon { color: #000;  position: absolute; margin-top: 0; margin-left: 0;  width: 21px;  height: 21px; }
span.search-icon { position: absolute; display: inline-block; width: 21px; height: 21px; top: 0; bottom: 0; margin: auto; right: 5px; cursor: pointer; }
.search-icon .search { margin-top: -2px; }
.row-fluid .hs-search-section { position: relative; }
.row-fluid .hs-search-section input.hs-search-field__input { width: 0 !important; font-size: 14px; border: 1px solid rgba(121, 121, 121, 0.42); border-radius: 3px;  
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
-ms-transition: all 500ms;
transition: all 500ms;
 opacity: 0; visibility: hidden; padding: 10px 0; line-height: normal; }
.row-fluid .hs-search-section input.hs-search-field__input::placeholder { color: rgba(121, 121, 121, 0.42); }
.row-fluid .hs-search-section .hs-search-field { padding-right: 38px; }
.row-fluid .hs-search-section.search-active input.hs-search-field__input { visibility: visible; opacity: 1; padding-left: 15px; padding-right: 15px; width: 190px !important; }


/* btn */
.btn a { display: inline-block; vertical-align: middle; color: #1A1A1A; font-weight:700; font-size: 18px; position: relative; }
.btn a:after { content: ""; width: 30px; height: 30px; display: inline-block; background: url(https://tietopankki.tikkurila.fi/hubfs/Tikkurila-May2019%20/Images/arrow-right.svg) #232323 no-repeat center ; background-size: 17px; vertical-align: middle; margin-left: 14px;  
-webkit-transition: ease 0.30s;
-moz-transition: ease 0.30s;
-o-transition: ease 0.30s;
-ms-transition: ease 0.30s;
transition: ease 0.30s;
; }

.white-btn a{color:#fff;}
.white-btn a:after{ background-image: url(https://tietopankki.tikkurila.fi/hubfs/Tikkurila-May2019%20/Images/arrow-right-2.svg); background-color: #fff; }

.btn a:before { content: ""; left: 0; right: 45px; height: 1px; background: #232323; display: block; bottom: 0; position: absolute; transition: all 0.5s; visibility: hidden; opacity: 0; }
.btn a:hover:before {  opacity: 1; visibility: visible; }
.btn.white-btn a:before {  background: #fff; }
/* .btn a:hover { color: #ed1c24; } */
.btn a:hover:after { margin-left: 20px; }

.slick-slide a:focus { outline: none; border: none; }
.bgmain{ background-size: cover; background-position: center; }

/* header  */
.row-fluid .logo { width: 105px; }
.row-fluid .header-right { margin: 0; width: calc(100% - 295px); float: right; }
.row-fluid .arkkitehdeille-link { width: 250px; float: left; display: inline-block; vertical-align: middle; }
.row-fluid .header-top-right { width: calc(100% - 250px); margin: 0; text-align: right; float: left; display: inline-block; vertical-align: middle; }
.row-fluid .simple-menu .hs-menu-wrapper > ul li { display: inline-block; margin: 0 8px; }
.row-fluid .simple-menu .hs-menu-wrapper > ul li a { padding: 0; font-size: 14px; }
.row-fluid .header-top-right > .row-fluid-wrapper > .row-fluid > div { display: inline-block; width: auto; float: none; vertical-align: middle; }
.row-fluid .simple-menu .hs-menu-wrapper > ul { margin-bottom: 0; line-height: normal; }
.row-fluid .simple-menu .hs-menu-wrapper { line-height: 0; }
.row-fluid .header-section { position: absolute; top: 0; left: 0; right: 0; padding: 30px 0; z-index:999; }
.row-fluid .header-top { border-bottom: 1px solid #E4E4E4; padding-bottom: 5px; }
.row-fluid .main-menu .hs-menu-wrapper > ul li a { padding: 15px 60px 15px 0; font-size: 20px; width: 100% !important; max-width: 100% !important; white-space: normal !important; }
.row-fluid .main-menu .hs-menu-wrapper > ul li ul { top: 50px; }
.row-fluid .main-menu .hs-menu-wrapper > ul li ul li a { padding: 10px 0; font-size: 16px; }
.row-fluid .main-menu .hs-menu-wrapper { line-height: 0; }
.row-fluid .main-menu .hs-menu-wrapper > ul { line-height: normal; }
.row-fluid .arkkitehdeille-link a:before { content: ""; width: 14px; height: 14px; display: inline-block; background: #313131; display: inline-block; vertical-align: middle; margin: 0 15px 4px 0; }
.row-fluid .header-section a:hover { color: #ed1c24; }
.row-fluid .header-menu {  margin: 0; }

/* tunne header */
.row-fluid .tunne-header .header-section.header-v2-section {  padding: 20px 0 0; text-shadow: 1px 0px #ababab; }

/* */
.row-fluid .hero-listpage { background: #F7F7F7; padding: 221px 0 50px ; }
.row-fluid .title-section { width: 100%; max-width: 720px; margin: auto !important; float: none; }
.row-fluid .hero-listpage .title-section { max-width: 510px; }
.title-section h3 { font-size: 28px; font-family: Arial, sans-serif; font-weight: 700; text-transform: none; margin-bottom: 28px; color: #323232; }

.hs-error-msgs { color: #eb1b23; }

.newsletter-form form .hs-form-field > label {  display: none; }
.newsletter-section { width: 100%; float: left; background: #F3F3F5; padding: 130px 0; margin-top: 130px; }
.newsletter-form h3 {  display: none; }
.newsletter-section .newsletter-title { display: inline-block; vertical-align: middle; float: none; width: 364px; }
.newsletter-section .newsletter-form { width: calc(100% - 368px); display: inline-block; vertical-align: middle; float: none; margin: 0; position: relative; }
.newsletter-form form { width: 100%; float: left; }
.newsletter-form form .hs_submit input[type="submit"] { background-color: #EB1B23; -webkit-appearance: none; display: inline-block; font-size: 20px; line-height: 20px; text-transform: capitalize; height: 68px; min-width: 210px; padding: 14px 45px; font-family: Arial , sans-serif ;  font-weight: 400;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s ; -o-transition: all 0.5s ; -ms-transition: all 0.5s ; transition: all 0.5s ; }
.newsletter-section .newsletter-title h4 { margin-bottom: 0; }
.newsletter-section .newsletter-form .actions { position: absolute; right: 0; top: 0; bottom: 0; }
.newsletter-section .newsletter-form .hs-input { border: none; background: transparent; border-bottom: 2px solid #BEBEBE; padding: 0 180px 0 0; color: #323232; font-size: 28px; height: 68px; width: 100%; max-width: 690px; }
.row-fluid .newsletter-form form .hs_submit input[type="submit"]:hover { background: #003050; } 

/* footer */
.row-fluid .footer-section { background: #2B2B2B; line-height: 27px; }
.row-fluid .footer-top { padding: 60px 0 0; }
.row-fluid .footer-about { width: 16%; margin-right: 11%; }
.row-fluid .ota-yhteytta { width: 16%; }
.row-fluid .ota-yhteytta .widget-type-rich_text { color: #A8A8A8; }
.row-fluid .social-link { text-align: right; }
.row-fluid .footer-section ul li a { color: #A8A8A8; line-height: 30px; }
.row-fluid .footer-logo { margin-right: 3%; }
.row-fluid .footer-section ul li a:hover { color: #eb1b23; }
.row-fluid .ota-yhteytta .footer-title { font-weight: 700; margin-bottom: 12px; }
.row-fluid .footer-link ul li { display: inline-block; margin-right: 134px; font-size: 16px; line-height: 30px }
.row-fluid .footer-section ul li { color: #A8A8A8; }
.row-fluid .footer-link { width: 70%; }
.row-fluid .tikkurila-link { width: 30%; text-align: right; margin: 0; }
.row-fluid .footer-copyright { padding: 100px 0 40px; }
.row-fluid .tikkurila-link a { color: #A8A8A8; }
.row-fluid .tikkurila-link a:hover { color: #ed1c24; }

/*  */
.row-fluid .hero-section{padding:256px 0 150px;position:relative;z-index:1;}
.row-fluid .hero-section:before{content:"";background:#F7F7F7;position:absolute;left:0;right:0;top:0;height:634px;z-index:-1;}
.row-fluid .hero-title strong { font-weight: 400; text-transform: uppercase; }
.hero-title h1 { margin-top: 75px; margin-bottom: 100px; line-height: 72px; }
.row-fluid .hero-left-side { width: 43%; }
.row-fluid .hero-image { position: absolute; right: 0; }
.row-fluid .hero-image img { width: 100% !important; height: 580px; object-fit: cover; }
.row-fluid .hero-text { margin-bottom: 10px; }

.newsletter-section .hs_error_rollup {	display: none; }

/* */
.row-fluid .hero-inner { background: #f7f7f7; padding-bottom: 90px; }
.row-fluid .hero-inner .hero-title h1 { margin-bottom: 0; margin-top: 60px; }
.row-fluid .hero-inner .hero-title { max-width: 950px; }
.row-fluid .hero-inner:before { opacity: 0; visibility: hidden; }

/*  */
.image-pilarpage-title { padding: 110px 0 130px; width:100%; float:left;  }
.image-pilarpage-title h5 { text-transform: uppercase;  border-top: 1px solid #E4E4E4; padding-top: 30px; }
.pilarpage-title-wrap .image-pilarpage-title { padding: 100px 0 100px; }

/*  */
.form-title-left { width: 40%; float: left; }
.form-right { width: 60%; float: left; padding-right: 80px; }
.form-style h3 { margin: 0; }
.form-style .hs-form-field .hs-input { background: #F7F7F7; border-color: #C3C3C3; height: 55px; padding: 7px 20px; font-family: "Tikkurila Consumer Serif", sans-serif ; }
.form-content { margin-bottom: 40px; }
.form-style .hs-form-field textarea.hs-input { height: 104px; resize: none; }
.form-style .hs-form-field .hs-input[type="checkbox"] { opacity: 0; -webkit-appearance: none; padding: 0; height: 0; }
.form-style .hs-form-field .hs-input[type="checkbox"] + span { position: relative; width: 100%; float: left; margin: 0 0 40px; padding-top: 18px; padding-left: 73px; }
.form-style .hs-form-field .hs-input[type="checkbox"] + span:before { content: ""; width: 54px; height: 54px; background: #F7F7F7; border: 1px  #C3C3C3 solid; display: inline-block; position: absolute; left: 0; top: 0; font-size: 0; text-align: center; line-height: 50px; transition: all 500ms; }
.form-style .hs-form-field { margin-bottom: 18px; line-height: normal; }
.form-style .hs-form-field .hs-input[type="checkbox"]:checked + span:before { content: "\f00c"; font-family: FontAwesome; font-size: 24px; color: #eb1b23; }
.form-style input.hs-button { background-color: #EB1B23; -webkit-appearance: none; display: inline-block; font-size: 20px; line-height: 20px; text-transform: capitalize; height: 68px; min-width: 210px; padding: 14px 45px; font-family: Arial, sans-serif; font-weight: 400; transition: all 0.5s; margin-top: 10px; }
.form-style input.hs-button:hover { background: #003050; }

.flexible-column span > div {  width: 100%; float: left; }
.submitted-message { text-align: center; background: #ed1c24; color: #fff; font-weight: 700; width: 100%; max-width: 520px; margin: auto; padding: 4px 20px; }

/* */
.row-fluid .header-v2-section { padding: 0; }
.row-fluid .header-v2-section .logo { width: 150px; }
.row-fluid .header-v2-section .header-inner > div > div { display: flex; align-items: center; }
.row-fluid .header-v2-section .main-menu .hs-menu-wrapper > ul li a { color: #fff; font-weight: 700; position:relative; }
.row-fluid .header-v2-section .main-menu .hs-menu-wrapper > ul li a:before {content: '';position: absolute;bottom: 6px;left: 0;float: left;width: calc(100% - 46px);height: 2px;background-color: #fff;transform: scale(0);transition: all .4s;}
.row-fluid .header-v2-section .main-menu .hs-menu-wrapper > ul li:hover > a:before,.row-fluid .header-v2-section .main-menu .hs-menu-wrapper > ul li.active > a:before {transform: scale(1); }
.row-fluid .header-v2-section .main-menu .hs-menu-wrapper > ul li a:hover { color: #f1292e; }
.row-fluid .header-v2-section .main-menu { text-align: right; }
.row-fluid .header-v2-section .header-right { width: calc(100% - 150px); }
.btn2 a { font-size: 20px; font-weight: bold; color: #fff; border: 1px solid #fff; display: inline-block; padding: 8px 24px; line-height: normal; }
.btn2 a:hover { background: #fff; color: #000000; }

.row-fluid .footer-v2-section { border-top: 1px solid #e2e2e1; background: #ebebeb; padding-top: 25px; line-height: 24px;font-size: 16px; }
.row-fluid .footer-v2-section a { color: #7d5900; font-weight: 400; }
.row-fluid .footer-v2-section a:hover{color:#000;}
.row-fluid .date-caption { width: 100%; max-width: 740px; text-align: center; margin: auto !important; float: none; padding-bottom: 56px; }
.row-fluid .date-title { font-weight: 600; font-size: 13px; color: #474747; margin-bottom: 16px; }
.row-fluid .date-text { font-size: 24px; color: #7d5900; margin-bottom: 20px; }
.row-fluid .date-text a { color: #7d5900; }
.row-fluid .date-bottom-text { font-size: 24px; }
.row-fluid .footer-v2-section h4 { font-size: 24px; font-weight: 500; }
.row-fluid .footer-col .hs-menu-wrapper.hs-menu-flow-vertical > ul li a { padding: 0; }
.row-fluid .date-text a { font-weight: 700; }
.row-fluid .footer-v2-section .footer-copyright { text-align: center; padding: 30px 0 70px; }

/* */
.row-fluid .header-v2-section .hs-menu-wrapper > ul li ul.hs-menu-children-wrapper { width: 300px; background: #f1292e; text-align: left; transition: all 0.5s ease; }
.row-fluid .header-v2-section .hs-menu-wrapper > ul li ul.hs-menu-children-wrapper a {width: 100% !important; padding: 12px 25px; font-size: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.row-fluid .header-v2-section .hs-menu-wrapper > ul li ul.hs-menu-children-wrapper a:hover { background: #fff; }
r
/* */
.row-fluid .competition-rules-hero-section { background-color: #ff96a6; padding: 280px 0 100px;}
.row-fluid .competition-left-title h2 { margin-bottom: 0; color: #fff; font-size: 60px; font-family: 'Tikkurila Consumer Serif'; }
.row-fluid .competition-right-content { color: #fff; font-size: 25px; font-weight: 400; padding-left: 30px; }
.row-fluid .competition-right-content p { padding-bottom: 24px; }

.competition-rules-content-section { width: 100%; float: left; padding: 70px 0 50px; }
.competition-rules-content-row > div { width: 100%; max-width: 792px; }
.competition-rules-content-row { color: #fff; font-size: 25px; font-weight: 400; }
.competition-rules-content-row h5 { color: #fff/*#ff96a6*/; font-size: 25px; font-weight: regular; font-family: Arial , sans-serif; margin-bottom: 15px;text-transform: capitalize; }
.competition-rules-content-row .competition-rules-content-box { margin-bottom: 34px; clear: both; }
.competition-main-title h3 { color: #ffffff; font-size: 60px; font-family: 'Tikkurila Consumer Serif'; margin-bottom: 80px; text-transform: none;}
.competition-rules-text p { padding-bottom: 18px; }
.competition-rules-content-box.rules-right-content { float: right; clear: right; }


a.black-line { position: relative;}
a.black-line:after { content: ' ';   top: 50%;   bottom: 5px;   left: auto;   right: -10px;   margin: auto;   position: relative;   background: #fff;   width: 0;   height: 2px;   opacity: 0;   visibility: hidden;   transition: all 0.5s;   transform: translateY(-50%);   display: inline-block;}
a.black-line:hover:after { opacity: 1; visibility: visible; width: 100px; }

a.white-line { position: relative;}
a.white-line:after { content: ' ';   top: 50%;   bottom: 5px;   left: auto;   right: -10px;   margin: auto;   position: relative;   background: #fff;   width: 0;   height: 2px;   opacity: 0;   visibility: hidden;   transition: all 0.5s;   transform: translateY(-50%);   display: inline-block;}
a.white-line:hover:after { opacity: 1; visibility: visible; width: 100px; }

.new-ralated-section .related-content .banner-button a:after, .tunne-section .right-part .button a:after,
.Newbox-slider .single-inner-item .banner-button a:after { background-color: #000000; }





@media (min-width:767px){
   .ebiz-toggle { display: none; }

}
@media (max-width:1480px){
   .row-fluid .wrapper[class*="span"] , .wrapper{ max-width:1170px; }

   .row-fluid .header-right {  width: calc(100% - 234px); }
   .row-fluid .main-menu .hs-menu-wrapper > ul li a {  padding-right: 46px; }

   /* */
   .row-fluid .hero-section { padding: 214px 0 120px; }
   .row-fluid .hero-image img { height: 510px; }
   .hero-title h1 { font-size: 50px; line-height: 65px; margin-top: 40px; margin-bottom: 40px; }
   .row-fluid .hero-section:before { height: 512px; }

   .row-fluid .header-v2-section .hs-menu-wrapper > ul li ul.hs-menu-children-wrapper {  width: 300px; }
   .row-fluid .header-v2-section .hs-menu-wrapper > ul > li:last-child ul.hs-menu-children-wrapper a { left: auto; right: 100%; }
   .row-fluid .header-v2-section .hs-menu-wrapper > ul > li:last-child ul.hs-menu-children-wrapper { left: auto; right: 0; }

}

@media (max-width:1199px){
   .row-fluid .wrapper[class*="span"] , .wrapper{max-width:962px;}

   .row-fluid .header-right { width: calc(100% - 134px); }
   .row-fluid .main-menu .hs-menu-wrapper > ul li a { padding-right: 38px; font-size: 16px; }
   .row-fluid .hs-search-section.search-active input.hs-search-field__input { width: 170px !important; padding-left: 10px; padding-right: 10px; }
   .row-fluid .hs-search-section.search-active input.hs-search-field__input { font-size: 13px; }
   .row-fluid .header-section { padding: 20px 0; }
   h4{font-size:22px;}
   h2 { font-size: 30px; margin-bottom: 20px; }

   .newsletter-section { padding: 80px 0; margin-top: 70px; }
   .newsletter-form form .hs_submit input[type="submit"] { min-width: 150px; padding: 12px 15px; height: 50px; }
   .newsletter-section .newsletter-form .hs-input { height: 50px; font-size: 18px; }
   .row-fluid .footer-about {  margin-right: 3%; }
   .row-fluid .footer-link ul li {margin-right: 34px;}
   
   .row-fluid .header-v2-section .main-menu .hs-menu-wrapper > ul li a:before { width: calc(100% - 38px); }
   /* */
   .row-fluid .hero-left-side { width: 50%; padding-right: 30px; }
   .hero-title h1 { font-size: 40px; line-height: 50px; }

   /* */
   .image-pilarpage-title { padding: 80px 0 80px; }
/*    .hero-v2-section .hero-caption h1 { font-size: 90px; } */
   .title-center-section h2 {font-size: 45px; margin-bottom: 30px; }
   .row-fluid .header-v2-section { padding: 0; } 

   .row-fluid .header-v2-section .header-right { width: calc(100% - 74px); }

   .row-fluid .competition-left-title h2 { font-size: 40px; }
   .row-fluid .competition-rules-hero-section { padding: 220px 0 60px; }
   .row-fluid .competition-right-content { padding-left: 0; font-size: 20px; }
   .row-fluid .competition-right-content p {padding-bottom: 4px;}
   .competition-main-title h3 { font-size: 45px; line-height: normal; margin-bottom: 50px; }
   .competition-rules-content-row {font-size: 20px; }
   .competition-rules-content-row .competition-rules-content-box {  margin-bottom: 21px; }



}

@media (max-width:991px){
   .row-fluid .wrapper[class*="span"] , .wrapper{max-width:750px;}

   /* */

   .row-fluid .simple-menu .hs-menu-wrapper > ul li { margin: 0 5px; }
   .row-fluid .header-top-right > .row-fluid-wrapper > .row-fluid > .hs-search-section { margin-left: 0; }
   .row-fluid .hs-search-section.search-active input.hs-search-field__input { width: 140px !important; }
   .row-fluid .hs-search-section input.hs-search-field__input { height: 38px; }
   .row-fluid .header-inner { margin: 10px 0 0; }
   .row-fluid .logo img.hs-image-widget { max-width: 76px; }
   .row-fluid .logo { max-width: 76px; }
   .row-fluid .header-right { width: calc(100% - 104px); }
   .row-fluid .main-menu .hs-menu-wrapper > ul li a { font-size: 15px; padding-right: 32px; }
   .row-fluid .main-menu { padding: 14px 0; }
   span.search-icon { transform: scale(0.7); bottom: 3px; }
   .row-fluid .header-section { padding: 10px 0; }
   .search-icon .search { margin-top: 2px; }
   .row-fluid .header-v2-section .main-menu .hs-menu-wrapper > ul li a:before { width: calc(100% - 32px); }
   h1 { font-size: 38px; }

   /* */
   .newsletter-section .newsletter-title { width: 260px; }
   .newsletter-section .newsletter-form { width: calc(100% - 264px); }
   .newsletter-section { padding: 60px 0; margin-top: 62px; }

   .row-fluid .ota-yhteytta { width: 24%; }
   .row-fluid .footer-logo { width: 18%; }
   .row-fluid .footer-about { width: 20%; }

   /* */
   .hero-title h1 { font-size: 32px; line-height: 43px; margin-top: 10px; margin-bottom: 30px; }
   .row-fluid .hero-section { padding: 194px 0 110px; }
   .row-fluid .hero-image img { height: 460px; }

   /* */
   .image-pilarpage-title {padding: 70px 0 70px;}
   .pilarpage-title-wrap .image-pilarpage-title { padding: 70px 0 60px; }

   /* */
   .form-title-left h2 { font-size: 24px; }
   .form-title-left { padding-right: 50px; }
   .form-style .hs-form-field .hs-input[type="checkbox"] + span:before { width: 34px; height: 34px; line-height: 36px; }
   .form-style .hs-form-field .hs-input[type="checkbox"] + span { padding-top: 6px;  padding-left: 45px; }
   .form-style .hs-form-field .hs-input[type="checkbox"]:checked + span:before { font-size: 14px; }
   .form-right {  padding-right: 0; }
   .form-style input.hs-button {  height: 58px; }

   /* */
   .row-fluid .hero-inner .hero-title h1 { margin-top: 30px; }

   /* */
   .row-fluid .footer-v2-section h4 {  font-size: 20px; }


}

@media (max-width:767px){
   .row-fluid .wrapper[class*="span"] , .wrapper{max-width:100%;}
   .row-fluid .header-top { display: none; }
   body { line-height: 24px; }
   /* */
   .ebiz-toggle{ padding: 12px 14px; display:block; background: transparent; float: right; position: absolute; cursor: pointer; border: none; right: 0; top: 0; bottom: 0; height: 33px; margin: auto; }
   .ebiz-toggle span{width: 22px; height: 2px;background-color: #ed1c24; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
   .ebiz-toggle span:before,.ebiz-toggle span:after{content: ""; display: block; width: 100%; height: 100%; background-color: #ed1c24; position: relative;  
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
-ms-transition: all 300ms;
transition: all 300ms;
; }
   .ebiz-toggle span:before{top: -7px; }
   .ebiz-toggle span:after{bottom: -5px}

   .ebiz-toggle.ebiz-menuopen span{background-color: transparent;}
   .ebiz-toggle.ebiz-menuopen span:before{top: -1px;  
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
; }
   .ebiz-toggle.ebiz-menuopen span:after{bottom: 3px;  
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
; }
   .row-fluid .hs-search-section.search-active input.hs-search-field__input{line-height: 28px;  -webkit-appearance: none;     float: left; }
   .row-fluid .header-inner {  position: relative; }
   /*    .row-fluid .main-menu {  display: none; } */

   .row-fluid .hs-search-section { width: auto; float: right; top: 19px; right: 33px; }
   .row-fluid .logo { float: left; }
   /*    .row-fluid .header-right { display: none; } */
   .row-fluid .header-inner { margin: 0; }
   .row-fluid span.search-icon { position: relative; }
   .row-fluid .hs-search-section input.hs-search-field__input { width: 140px !important; opacity: 1; visibility: visible; padding: 10px 15px; }
   .row-fluid .hs-search-section .hs-search-field { right: 9px; top: 80%; visibility: hidden; opacity: 0; transition: all 0.5s; position: absolute; padding-right:0; float: left; }
   .row-fluid .hs-search-section.search-active .hs-search-field { visibility: visible; opacity: 1; }
   .row-fluid .logo img.hs-image-widget { max-width: 60px; }

   .row-fluid .hero-listpage { padding: 150px 0 28px; }

   .row-fluid .main-menu { display: block; position: fixed; top: 0; bottom: 0; width: 350px; height: 100%; background: #232323; left: -350px; padding: 20px 0; transition: 
-webkit-transition: all 500ms;
-moz-transition: all 500ms;
-o-transition: all 500ms;
-ms-transition: all 500ms;
transition: all 500ms;
 ; overflow: auto; }
   .row-fluid .main-menu .hs-menu-wrapper > ul li a { color: #b3b3b3; padding: 11px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
   .row-fluid .main-menu .hs-menu-wrapper > ul li { width: 100%; float: left; }
   .row-fluid .simple-menu .hs-menu-wrapper > ul li { margin: 0; }
   .open-child .row-fluid .main-menu { left: 0; }
   .row-fluid .header-v2-section .main-menu .hs-menu-wrapper > ul li a:before { display:none; }
   body.open-child { overflow: hidden; }

   .search-box input.hs-search-field__input { background: transparent; color: #b3b3b3; border-color: #b3b3b3; line-height: 10px; font-size: 13px; }
   .search-box .hs-search-field { padding: 0 20px; }
   .search-box input.hs-search-field__input::placeholder { color: #b3b3b3; }
   .search-box input.hs-search-field__input::-webkit-input-placeholder{color:#b3b3b3;}
   .search-box input.hs-search-field__input:-moz-placeholder{color:#b3b3b3;opacity:1;}
   .search-box input.hs-search-field__input::-moz-placeholder{color:#b3b3b3;opacity:1;}
   .search-box input.hs-search-field__input:-ms-input-placeholder{color:#b3b3b3;}
   .search-box span.search-icon { display: none; }
   .search-box { margin-bottom: 15px; }

   /* */
   .newsletter-section .newsletter-title { width: 100%; text-align: center; margin-bottom: 30px; }
   .newsletter-section .newsletter-form { width: 100%; }
   .newsletter-section .newsletter-form .actions { position: relative; text-align: center; margin: 30px 0 0; }
   .newsletter-section .newsletter-form .hs-input { width: 100%; padding: 0 15px; text-align: center; }
   .newsletter-section .hs-error-msgs { text-align: center; }
   .newsletter-section { padding: 50px 0; margin-top: 32px; }

   /* */
   .row-fluid .footer-logo { width: 100%; text-align: center; }
   .row-fluid .footer-about { width: 100%; text-align: center; max-width: 360px; margin: 30px auto; }
   .row-fluid .ota-yhteytta { width: 100%; text-align: center; max-width: 350px; margin: 0 auto 40px; }
   .row-fluid .social-link { text-align: center; margin-bottom: 30px; }
   .row-fluid .footer-link { width: 100%; }
   .row-fluid .footer-link ul li { width: 100%; padding: 0; text-align: center; margin:0; }
   .row-fluid .footer-copyright { padding: 0; }
   .row-fluid .tikkurila-link { width: 100%; text-align: center; padding: 30px 0; }
   .row-fluid .footer-top { padding-top: 50px; }
   .isotope-wrap { width: 100%; max-width: 240px; margin: 10px auto 0; position: relative; z-index: 3; }
   .isotope-wrap label { width: 100%; border: 1px solid rgba(0, 0, 0, 0.26); float: left; padding: 8px 10px; position: relative; }
   .isotope-wrap label:before { content: "\f078"; font-family: FontAwesome; position: absolute; right: 8px; top: 0; bottom: 0; margin: auto; height: 26px; font-size: 14px; }
   .isotope-wrap label.active:before { content: "\f077"; }

   .isotope-wrap:after, .isotope-wrap:before { content: ""; display: table; clear: both; }
   .isotope-list ul { position: absolute; top: 100%; left: 0; height: 252px; overflow: auto !important; display:none; }
   .isotope-list ul li { padding: 8px 15px; width: 100%; float: left; text-align: left; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.26); }

   /* */
   .row-fluid .hero-left-side { width: 100%; padding: 0 0 40px; }
   .row-fluid .hero-image { position: relative; }
   .row-fluid .hero-image img { height: 380px; }
   .row-fluid .hero-section { padding: 130px 0 60px; }

   /* */
   .image-pilarpage-title { padding: 50px 0 50px; }
   .image-pilarpage-title h5 { font-size: 18px; padding-top: 20px; }
   .pilarpage-title-wrap .image-pilarpage-title { padding: 50px 0 40px; }

   /* */
   .form-title-left { width: 100%;  padding: 0; }
   .form-right { width: 100%; }
   .form-style input.hs-button { line-height: normal; height: 48px;  padding: 4px 15px; }

   /**/
   .hero-v2-section .hero-caption h1 { font-size: 72px; }
   .row-fluid .hero-section { min-height: 330px; padding: 170px 0 90px; }

   /* */
   .title-center-section h2 { font-size: 28px; margin-bottom: 30px; }
   .title-center-section .title-caption .sub-title { font-size: 18px; }
   .title-center-section { padding: 50px 0 30px; }
   .row-fluid .date-caption { padding-bottom: 36px; }
   .row-fluid .footer-v2-section .footer-copyright { padding-bottom: 30px; }

   /* */
   .header-v2-section .ebiz-toggle span:before, .header-v2-section .ebiz-toggle span:after, .header-v2-section .ebiz-toggle span { background: #fff; }
   .header-v2-section .ebiz-toggle { background: #f1292e; padding: 0 20px; }
   .header-v2-section .ebiz-toggle.ebiz-menuopen span { background: transparent; }  
   .row-fluid .main-menu .hs-menu-wrapper > ul { width: 100%; }
   .two-column-box h2 { margin-bottom: 30px !important; }

   /*  */
   span.mobile-toggle { width: 20px; height: 20px; position: absolute; top: 0; background: #f1292e; padding: 18px; top: 2px; }
   span.mobile-toggle:after, span.mobile-toggle:before {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;background: #fff;}
   span.mobile-toggle:after { width: 2px; height: 20px; }
   span.mobile-toggle:before { height: 2px; width: 20px; }
   .row-fluid .header-v2-section .hs-menu-wrapper > ul li ul.hs-menu-children-wrapper { position: relative; width: 100%; text-align: right;  transition: all 0s; display: none;  visibility: visible; opacity: 1; }
   .ebiz-subopen.mobile-toggle:after { opacity: 0; }

   /* */
   .row-fluid .competition-rules-hero-section { padding: 120px 0 40px; }
   .row-fluid .competition-left-title h2 { font-size: 30px; margin-bottom: 25px; }
   .competition-main-title h3 { font-size: 28px; margin-bottom: 30px; }
   .competition-rules-content-row h5 {font-size: 20px; }
   .competition-rules-text p { padding-bottom: 0; }
   .competition-rules-content-section { padding: 45px 0 40px; }

   /**/

}

@media (max-width: 480px){
   h2 { font-size: 24px; }
   .hero-title h1 { font-size: 26px; line-height: 30px; }
   .row-fluid .hero-image img { height: 270px; }
   .row-fluid .hero-section { padding: 110px 0 50px; }  
  

   /* */
   .pilarpage-title-wrap .image-pilarpage-title {  padding-top: 30px; }
   
   
}

@media (max-width: 430px){
   .row-fluid .main-menu {  width: 240px; }
   .row-fluid .main-menu .hs-menu-wrapper > ul li a { padding: 10px 10px; }
   .search-box .hs-search-field { padding: 0 10px; }
 
   
   

}


/* Homepage login */
.footer-popup { background: #003050;  z-index: 99999; overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center;}   
.footer-popup > div { background: #F3F3F5; width: 800px; margin: 0 auto !important; float: none !important; padding: 30px;  }
.footer-popup h3 { font-size: 32px; margin: 0 0 10px; line-height: normal; color: #323232; }
.fancybox-bg { opacity: 1 !important; background: #000 !important; }
.footer-popup input, div.footer-popup form textarea {     
   border: none;
   background: transparent;
   border-bottom: 2px solid #BEBEBE;
   padding: 0 180px 0 0;
   color: #323232;
   font-size: 28px;
   height: 68px; 
   margin-top: 25px;
}
.footer-popup span { color: #323232; }
.footer-popup input::placeholder { }
.footer-popup .hs-form-required { display: none; }
.footer-popup form .hs-form-checkbox label input[type="checkbox"]+span:before,div.footer-popup .hs-form-booleancheckbox input[type="checkbox"]+span:before { background: #003050; }
.footer-popup form fieldset .legal-consent-container { color: #323232; }
.footer-popup .hs-button.primary.large { 
   background-color: #EB1B23;
   color: #FFF;
   -webkit-appearance: none;
   display: inline-block;
   font-size: 20px;
   line-height: 20px;
   text-transform: capitalize;
   height: 68px;
   margin-top: 20px;
   min-width: 210px;
   padding: 14px 45px;
   font-family: Arial , sans-serif;
   font-weight: 400;
   border: none;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -o-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
}
.footer-popup .hs-button.primary.large:hover {     background: #003050; }


.footer-popup select {
   background-color: #FFF;
   color: #19314b;
}
.footer-popup .fancybox-close-small { display: none !important; }
.footer-popup a {color: #323232; text-decoration: underline; }


.valmisvarit-section { background: #FFF; padding: 90px 0 50px; }
.valmisvarit-section .wrapper { padding-left: 90px; padding-right: 90px; }
.valmisvarit-section, .valmisvarit-section p { color: #000; }
.valmisvarit-section .competition-main-title { text-align: center; max-width: 100%; width: 100%; }
.valmisvarit-section .competition-rules-content-row > div { max-width: 100%; }
.valmisvarit-section .competition-rules-content-box { display: flex; align-items: center; margin-top: 40px; }
.valmisvarit-section .competition-rules-content-box.rules-right-content { flex-direction: row-reverse; }
.valmisvarit-section .competition-rules-content-box .text { padding-right: 90px; }
.valmisvarit-section .competition-rules-content-box .text a { 
    padding: 8px 24px;
    border: 1px solid #000;
    font-weight: bold;
    display: inline-block;
    line-height: normal;
   font-size: 20px;
}

.valmisvarit-section .competition-rules-content-box .text a:hover { color: #FFF; background: #000; } 
.valmisvarit-section .competition-rules-content-box.rules-right-content .text { padding-left: 90px; padding-right: 0; }
.valmisvarit-section h2 {
    font-size: 60px;
    font-family: 'Tikkurila Consumer Serif';
    color: #000000;
   }

.competition-rules-content-box .text { width: 60%; float: left;  }
.competition-rules-content-box .image { width: 40%; float: left; }
@media (max-width: 1199px) {
.valmisvarit-section h2 {
    font-size: 45px;
    margin-bottom: 30px;
}
   }

@media (max-width: 991px) {
.valmisvarit-section .wrapper { padding-left: 15px; padding-right: 15px; }
.valmisvarit-section .competition-rules-content-box .text, .valmisvarit-section .competition-rules-content-box .text p {
   font-size: 18px;
    line-height: 30px;
   }
}

@media (max-width: 767px) {
.valmisvarit-section h2 {
    font-size: 28px;
    margin-bottom: 30px;
}
   .valmisvarit-section { background: #FFF; padding: 70px 0 50px; }
    }

@media (max-width: 600px) {
   .valmisvarit-section .competition-rules-content-box {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    float: left; 
   }
   .valmisvarit-section h2 { margin-bottom: 0; }
   .valmisvarit-section .competition-rules-content-box.rules-right-content { flex-direction: column-reverse; }
   .valmisvarit-section .competition-rules-content-box.rules-right-content .text { padding-left: 0px; }
   .valmisvarit-section .competition-rules-content-box .text { padding-right: 0px; margin-top: 30px;  }
   .competition-rules-content-box .text { width: 100%;  }
.competition-rules-content-box .image { width: 100%; }

}


@media (max-width:480px){
   .hero-v2-section .hero-caption h1{font-size: 51px;}
}