/* ==========================================================================
   COS Boilerplate v2.0.0                              
   ========================================================================== */


/* ==========================================================================
   Table of Contents:

   1. EXTERNAL RESOURCES
   2. BASE STYLES
   3. COS STRUCTURE
   4. MAIN NAVIGATION
   5. BLOG
   6. FORMS
   7. BUTTONS
   8. MISCELLANEOUS
   9. MOBILE MEDIA QUERIES
   ========================================================================== */


/* ==========================================================================
   1. EXTERNAL RESOURCES                                            
   ========================================================================== */


/* =============== @import, @font-face, and CSS File Includes =============== */

@import url('//fonts.googleapis.com/css?family=Poppins:100,200,300,300i,400,400i,500,600,700,700i,800,900|Raleway:100,200,300,300i,400,400i,500,600,700,700i,800,900');

@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

@font-face {
  font-family: "ElegantIcons";
  src: url("//www.palveluna.fi/hubfs/palvelunatheme/Fonts/ElegantIcons.eot?#iefix") format("embedded-opentype"), 
    url("//www.palveluna.fi/hubfs/palvelunatheme/Fonts/ElegantIcons.woff") format("woff"), 
    url("//www.palveluna.fi/hubfs/palvelunatheme/Fonts/ElegantIcons.ttf") format("truetype"), 
    url("//www.palveluna.fi/hubfs/palvelunatheme/Fonts/ElegantIcons.svg#ElegantIcons") format("svg");
  font-style: normal;
  font-weight: normal;
}

/* EX: @import url('http://example.com/example_style.css'); */

/* HubSpot_Boilerplate-modules.css is required to address style issues with the default modules and responsive grid layout */
/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}
img.alignRight, img.alignright{ margin: 0 0 5px 15px; }
img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; }

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
    margin: 0;
    list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    height: 30px;
    list-style: none !important;
}
@media (max-width: 479px){
    .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
        float: none !important; /* Stack social icons into two rows on phones */
    }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
    vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}

/* Captcha */
#recaptcha_response_field {
    width: auto !important;
    display: inline-block !important;
}

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

@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */
    #captcha_wrapper,
    #recaptcha_area,
    #recaptcha_area table#recaptcha_table,
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
        width: auto !important;
        overflow: hidden; 
    }
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; }
    #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; }
}

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

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
} 
#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
} 
#caldays {
    margin-bottom: 4px;
}

/* Responsive Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
}
.hs-responsive-embed iframe, 
.hs-responsive-embed object, 
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
    padding-top: 0px;
    padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0 0 0 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 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Fix radio button and check box fields in multi column forms*/
.hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input,
.hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
    width: auto;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

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

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.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;
}

/* Vertical Menu
   ========================================================================== */ 

.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;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.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.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 767px) {
    .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;
    }

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

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

/* Space Module */
.widget-type-space { visibility: hidden; }

/* Blog Author Section */
.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");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

/*
 * 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;}

/* 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; padding: 0; 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}

/* FlexSlider Necessary Styles
*********************************/
.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%;}


/* 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("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/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("//cdn2.hubspotqa.com/local/hub/124/file-52894-png/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: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    top: 40%;
    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;
    }
}

.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; }

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img { max-width: initial; }

/* 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; }
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Font Awesome <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
@font-face {
  font-family: 'FontAwesome';
  src: url('//www.palveluna.fi/hubfs/palveluna-images/Fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('//www.palveluna.fi/hubfs/palveluna-images/Fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), 
  url('//www.palveluna.fi/hubfs/palveluna-images/Fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), 
  url('//www.palveluna.fi/hubfs/palveluna-images/Fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), 
  url('//www.palveluna.fi/hubfs/palveluna-images/Fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), 
  url('//www.palveluna.fi/hubfs/palveluna-images/Fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-fw { width: 1.28571429em; text-align: center; }
.fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; }
.fa-ul > li { position: relative; }
.fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; }
.fa-li.fa-lg { left: -1.85714286em; }
.fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; }
.fa-pull-left { float: left; }
.fa-pull-right { float: right; }
.fa.fa-pull-left { margin-right: .3em; }
.fa.fa-pull-right { margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right { float: right; }
.pull-left { float: left; }
.fa.pull-left { margin-right: .3em; }
.fa.pull-right { margin-left: .3em; }
.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; }
.fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {  0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
@keyframes fa-spin {  0% {
 -webkit-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(359deg);
 transform: rotate(359deg);
}
}
.fa-rotate-90 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
.fa-rotate-180 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.fa-rotate-270 { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }
.fa-flip-horizontal { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }
.fa-flip-vertical { -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; }
.fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit; }
.fa-stack-2x { font-size: 2em; }
.fa-inverse { color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before { content: "\f000"; }
.fa-music:before { content: "\f001"; }
.fa-search:before { content: "\f002"; }
.fa-envelope-o:before { content: "\f003"; }
.fa-heart:before { content: "\f004"; }
.fa-star:before { content: "\f005"; }
.fa-star-o:before { content: "\f006"; }
.fa-user:before { content: "\f007"; }
.fa-film:before { content: "\f008"; }
.fa-th-large:before { content: "\f009"; }
.fa-th:before { content: "\f00a"; }
.fa-th-list:before { content: "\f00b"; }
.fa-check:before { content: "\f00c"; }
.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }
.fa-search-plus:before { content: "\f00e"; }
.fa-search-minus:before { content: "\f010"; }
.fa-power-off:before { content: "\f011"; }
.fa-signal:before { content: "\f012"; }
.fa-gear:before, .fa-cog:before { content: "\f013"; }
.fa-trash-o:before { content: "\f014"; }
.fa-home:before { content: "\f015"; }
.fa-file-o:before { content: "\f016"; }
.fa-clock-o:before { content: "\f017"; }
.fa-road:before { content: "\f018"; }
.fa-download:before { content: "\f019"; }
.fa-arrow-circle-o-down:before { content: "\f01a"; }
.fa-arrow-circle-o-up:before { content: "\f01b"; }
.fa-inbox:before { content: "\f01c"; }
.fa-play-circle-o:before { content: "\f01d"; }
.fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; }
.fa-refresh:before { content: "\f021"; }
.fa-list-alt:before { content: "\f022"; }
.fa-lock:before { content: "\f023"; }
.fa-flag:before { content: "\f024"; }
.fa-headphones:before { content: "\f025"; }
.fa-volume-off:before { content: "\f026"; }
.fa-volume-down:before { content: "\f027"; }
.fa-volume-up:before { content: "\f028"; }
.fa-qrcode:before { content: "\f029"; }
.fa-barcode:before { content: "\f02a"; }
.fa-tag:before { content: "\f02b"; }
.fa-tags:before { content: "\f02c"; }
.fa-book:before { content: "\f02d"; }
.fa-bookmark:before { content: "\f02e"; }
.fa-print:before { content: "\f02f"; }
.fa-camera:before { content: "\f030"; }
.fa-font:before { content: "\f031"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-text-height:before { content: "\f034"; }
.fa-text-width:before { content: "\f035"; }
.fa-align-left:before { content: "\f036"; }
.fa-align-center:before { content: "\f037"; }
.fa-align-right:before { content: "\f038"; }
.fa-align-justify:before { content: "\f039"; }
.fa-list:before { content: "\f03a"; }
.fa-dedent:before, .fa-outdent:before { content: "\f03b"; }
.fa-indent:before { content: "\f03c"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; }
.fa-pencil:before { content: "\f040"; }
.fa-map-marker:before { content: "\f041"; }
.fa-adjust:before { content: "\f042"; }
.fa-tint:before { content: "\f043"; }
.fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; }
.fa-share-square-o:before { content: "\f045"; }
.fa-check-square-o:before { content: "\f046"; }
.fa-arrows:before { content: "\f047"; }
.fa-step-backward:before { content: "\f048"; }
.fa-fast-backward:before { content: "\f049"; }
.fa-backward:before { content: "\f04a"; }
.fa-play:before { content: "\f04b"; }
.fa-pause:before { content: "\f04c"; }
.fa-stop:before { content: "\f04d"; }
.fa-forward:before { content: "\f04e"; }
.fa-fast-forward:before { content: "\f050"; }
.fa-step-forward:before { content: "\f051"; }
.fa-eject:before { content: "\f052"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-plus-circle:before { content: "\f055"; }
.fa-minus-circle:before { content: "\f056"; }
.fa-times-circle:before { content: "\f057"; }
.fa-check-circle:before { content: "\f058"; }
.fa-question-circle:before { content: "\f059"; }
.fa-info-circle:before { content: "\f05a"; }
.fa-crosshairs:before { content: "\f05b"; }
.fa-times-circle-o:before { content: "\f05c"; }
.fa-check-circle-o:before { content: "\f05d"; }
.fa-ban:before { content: "\f05e"; }
.fa-arrow-left:before { content: "\f060"; }
.fa-arrow-right:before { content: "\f061"; }
.fa-arrow-up:before { content: "\f062"; }
.fa-arrow-down:before { content: "\f063"; }
.fa-mail-forward:before, .fa-share:before { content: "\f064"; }
.fa-expand:before { content: "\f065"; }
.fa-compress:before { content: "\f066"; }
.fa-plus:before { content: "\f067"; }
.fa-minus:before { content: "\f068"; }
.fa-asterisk:before { content: "\f069"; }
.fa-exclamation-circle:before { content: "\f06a"; }
.fa-gift:before { content: "\f06b"; }
.fa-leaf:before { content: "\f06c"; }
.fa-fire:before { content: "\f06d"; }
.fa-eye:before { content: "\f06e"; }
.fa-eye-slash:before { content: "\f070"; }
.fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; }
.fa-plane:before { content: "\f072"; }
.fa-calendar:before { content: "\f073"; }
.fa-random:before { content: "\f074"; }
.fa-comment:before { content: "\f075"; }
.fa-magnet:before { content: "\f076"; }
.fa-chevron-up:before { content: "\f077"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-retweet:before { content: "\f079"; }
.fa-shopping-cart:before { content: "\f07a"; }
.fa-folder:before { content: "\f07b"; }
.fa-folder-open:before { content: "\f07c"; }
.fa-arrows-v:before { content: "\f07d"; }
.fa-arrows-h:before { content: "\f07e"; }
.fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; }
.fa-twitter-square:before { content: "\f081"; }
.fa-facebook-square:before { content: "\f082"; }
.fa-camera-retro:before { content: "\f083"; }
.fa-key:before { content: "\f084"; }
.fa-gears:before, .fa-cogs:before { content: "\f085"; }
.fa-comments:before { content: "\f086"; }
.fa-thumbs-o-up:before { content: "\f087"; }
.fa-thumbs-o-down:before { content: "\f088"; }
.fa-star-half:before { content: "\f089"; }
.fa-heart-o:before { content: "\f08a"; }
.fa-sign-out:before { content: "\f08b"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-thumb-tack:before { content: "\f08d"; }
.fa-external-link:before { content: "\f08e"; }
.fa-sign-in:before { content: "\f090"; }
.fa-trophy:before { content: "\f091"; }
.fa-github-square:before { content: "\f092"; }
.fa-upload:before { content: "\f093"; }
.fa-lemon-o:before { content: "\f094"; }
.fa-phone:before { content: "\f095"; }
.fa-square-o:before { content: "\f096"; }
.fa-bookmark-o:before { content: "\f097"; }
.fa-phone-square:before { content: "\f098"; }
.fa-twitter:before { content: "\f099"; }
.fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; }
.fa-github:before { content: "\f09b"; }
.fa-unlock:before { content: "\f09c"; }
.fa-credit-card:before { content: "\f09d"; }
.fa-feed:before, .fa-rss:before { content: "\f09e"; }
.fa-hdd-o:before { content: "\f0a0"; }
.fa-bullhorn:before { content: "\f0a1"; }
.fa-bell:before { content: "\f0f3"; }
.fa-certificate:before { content: "\f0a3"; }
.fa-hand-o-right:before { content: "\f0a4"; }
.fa-hand-o-left:before { content: "\f0a5"; }
.fa-hand-o-up:before { content: "\f0a6"; }
.fa-hand-o-down:before { content: "\f0a7"; }
.fa-arrow-circle-left:before { content: "\f0a8"; }
.fa-arrow-circle-right:before { content: "\f0a9"; }
.fa-arrow-circle-up:before { content: "\f0aa"; }
.fa-arrow-circle-down:before { content: "\f0ab"; }
.fa-globe:before { content: "\f0ac"; }
.fa-wrench:before { content: "\f0ad"; }
.fa-tasks:before { content: "\f0ae"; }
.fa-filter:before { content: "\f0b0"; }
.fa-briefcase:before { content: "\f0b1"; }
.fa-arrows-alt:before { content: "\f0b2"; }
.fa-group:before, .fa-users:before { content: "\f0c0"; }
.fa-chain:before, .fa-link:before { content: "\f0c1"; }
.fa-cloud:before { content: "\f0c2"; }
.fa-flask:before { content: "\f0c3"; }
.fa-cut:before, .fa-scissors:before { content: "\f0c4"; }
.fa-copy:before, .fa-files-o:before { content: "\f0c5"; }
.fa-paperclip:before { content: "\f0c6"; }
.fa-save:before, .fa-floppy-o:before { content: "\f0c7"; }
.fa-square:before { content: "\f0c8"; }
.fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-strikethrough:before { content: "\f0cc"; }
.fa-underline:before { content: "\f0cd"; }
.fa-table:before { content: "\f0ce"; }
.fa-magic:before { content: "\f0d0"; }
.fa-truck:before { content: "\f0d1"; }
.fa-pinterest:before { content: "\f0d2"; }
.fa-pinterest-square:before { content: "\f0d3"; }
.fa-google-plus-square:before { content: "\f0d4"; }
.fa-google-plus:before { content: "\f0d5"; }
.fa-money:before { content: "\f0d6"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-caret-up:before { content: "\f0d8"; }
.fa-caret-left:before { content: "\f0d9"; }
.fa-caret-right:before { content: "\f0da"; }
.fa-columns:before { content: "\f0db"; }
.fa-unsorted:before, .fa-sort:before { content: "\f0dc"; }
.fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; }
.fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; }
.fa-legal:before, .fa-gavel:before { content: "\f0e3"; }
.fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; }
.fa-comment-o:before { content: "\f0e5"; }
.fa-comments-o:before { content: "\f0e6"; }
.fa-flash:before, .fa-bolt:before { content: "\f0e7"; }
.fa-sitemap:before { content: "\f0e8"; }
.fa-umbrella:before { content: "\f0e9"; }
.fa-paste:before, .fa-clipboard:before { content: "\f0ea"; }
.fa-lightbulb-o:before { content: "\f0eb"; }
.fa-exchange:before { content: "\f0ec"; }
.fa-cloud-download:before { content: "\f0ed"; }
.fa-cloud-upload:before { content: "\f0ee"; }
.fa-user-md:before { content: "\f0f0"; }
.fa-stethoscope:before { content: "\f0f1"; }
.fa-suitcase:before { content: "\f0f2"; }
.fa-bell-o:before { content: "\f0a2"; }
.fa-coffee:before { content: "\f0f4"; }
.fa-cutlery:before { content: "\f0f5"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-building-o:before { content: "\f0f7"; }
.fa-hospital-o:before { content: "\f0f8"; }
.fa-ambulance:before { content: "\f0f9"; }
.fa-medkit:before { content: "\f0fa"; }
.fa-fighter-jet:before { content: "\f0fb"; }
.fa-beer:before { content: "\f0fc"; }
.fa-h-square:before { content: "\f0fd"; }
.fa-plus-square:before { content: "\f0fe"; }
.fa-angle-double-left:before { content: "\f100"; }
.fa-angle-double-right:before { content: "\f101"; }
.fa-angle-double-up:before { content: "\f102"; }
.fa-angle-double-down:before { content: "\f103"; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-angle-up:before { content: "\f106"; }
.fa-angle-down:before { content: "\f107"; }
.fa-desktop:before { content: "\f108"; }
.fa-laptop:before { content: "\f109"; }
.fa-tablet:before { content: "\f10a"; }
.fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; }
.fa-circle-o:before { content: "\f10c"; }
.fa-quote-left:before { content: "\f10d"; }
.fa-quote-right:before { content: "\f10e"; }
.fa-spinner:before { content: "\f110"; }
.fa-circle:before { content: "\f111"; }
.fa-mail-reply:before, .fa-reply:before { content: "\f112"; }
.fa-github-alt:before { content: "\f113"; }
.fa-folder-o:before { content: "\f114"; }
.fa-folder-open-o:before { content: "\f115"; }
.fa-smile-o:before { content: "\f118"; }
.fa-frown-o:before { content: "\f119"; }
.fa-meh-o:before { content: "\f11a"; }
.fa-gamepad:before { content: "\f11b"; }
.fa-keyboard-o:before { content: "\f11c"; }
.fa-flag-o:before { content: "\f11d"; }
.fa-flag-checkered:before { content: "\f11e"; }
.fa-terminal:before { content: "\f120"; }
.fa-code:before { content: "\f121"; }
.fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; }
.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; }
.fa-location-arrow:before { content: "\f124"; }
.fa-crop:before { content: "\f125"; }
.fa-code-fork:before { content: "\f126"; }
.fa-unlink:before, .fa-chain-broken:before { content: "\f127"; }
.fa-question:before { content: "\f128"; }
.fa-info:before { content: "\f129"; }
.fa-exclamation:before { content: "\f12a"; }
.fa-superscript:before { content: "\f12b"; }
.fa-subscript:before { content: "\f12c"; }
.fa-eraser:before { content: "\f12d"; }
.fa-puzzle-piece:before { content: "\f12e"; }
.fa-microphone:before { content: "\f130"; }
.fa-microphone-slash:before { content: "\f131"; }
.fa-shield:before { content: "\f132"; }
.fa-calendar-o:before { content: "\f133"; }
.fa-fire-extinguisher:before { content: "\f134"; }
.fa-rocket:before { content: "\f135"; }
.fa-maxcdn:before { content: "\f136"; }
.fa-chevron-circle-left:before { content: "\f137"; }
.fa-chevron-circle-right:before { content: "\f138"; }
.fa-chevron-circle-up:before { content: "\f139"; }
.fa-chevron-circle-down:before { content: "\f13a"; }
.fa-html5:before { content: "\f13b"; }
.fa-css3:before { content: "\f13c"; }
.fa-anchor:before { content: "\f13d"; }
.fa-unlock-alt:before { content: "\f13e"; }
.fa-bullseye:before { content: "\f140"; }
.fa-ellipsis-h:before { content: "\f141"; }
.fa-ellipsis-v:before { content: "\f142"; }
.fa-rss-square:before { content: "\f143"; }
.fa-play-circle:before { content: "\f144"; }
.fa-ticket:before { content: "\f145"; }
.fa-minus-square:before { content: "\f146"; }
.fa-minus-square-o:before { content: "\f147"; }
.fa-level-up:before { content: "\f148"; }
.fa-level-down:before { content: "\f149"; }
.fa-check-square:before { content: "\f14a"; }
.fa-pencil-square:before { content: "\f14b"; }
.fa-external-link-square:before { content: "\f14c"; }
.fa-share-square:before { content: "\f14d"; }
.fa-compass:before { content: "\f14e"; }
.fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; }
.fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; }
.fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; }
.fa-euro:before, .fa-eur:before { content: "\f153"; }
.fa-gbp:before { content: "\f154"; }
.fa-dollar:before, .fa-usd:before { content: "\f155"; }
.fa-rupee:before, .fa-inr:before { content: "\f156"; }
.fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; }
.fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; }
.fa-won:before, .fa-krw:before { content: "\f159"; }
.fa-bitcoin:before, .fa-btc:before { content: "\f15a"; }
.fa-file:before { content: "\f15b"; }
.fa-file-text:before { content: "\f15c"; }
.fa-sort-alpha-asc:before { content: "\f15d"; }
.fa-sort-alpha-desc:before { content: "\f15e"; }
.fa-sort-amount-asc:before { content: "\f160"; }
.fa-sort-amount-desc:before { content: "\f161"; }
.fa-sort-numeric-asc:before { content: "\f162"; }
.fa-sort-numeric-desc:before { content: "\f163"; }
.fa-thumbs-up:before { content: "\f164"; }
.fa-thumbs-down:before { content: "\f165"; }
.fa-youtube-square:before { content: "\f166"; }
.fa-youtube:before { content: "\f167"; }
.fa-xing:before { content: "\f168"; }
.fa-xing-square:before { content: "\f169"; }
.fa-youtube-play:before { content: "\f16a"; }
.fa-dropbox:before { content: "\f16b"; }
.fa-stack-overflow:before { content: "\f16c"; }
.fa-instagram:before { content: "\f16d"; }
.fa-flickr:before { content: "\f16e"; }
.fa-adn:before { content: "\f170"; }
.fa-bitbucket:before { content: "\f171"; }
.fa-bitbucket-square:before { content: "\f172"; }
.fa-tumblr:before { content: "\f173"; }
.fa-tumblr-square:before { content: "\f174"; }
.fa-long-arrow-down:before { content: "\f175"; }
.fa-long-arrow-up:before { content: "\f176"; }
.fa-long-arrow-left:before { content: "\f177"; }
.fa-long-arrow-right:before { content: "\f178"; }
.fa-apple:before { content: "\f179"; }
.fa-windows:before { content: "\f17a"; }
.fa-android:before { content: "\f17b"; }
.fa-linux:before { content: "\f17c"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-skype:before { content: "\f17e"; }
.fa-foursquare:before { content: "\f180"; }
.fa-trello:before { content: "\f181"; }
.fa-female:before { content: "\f182"; }
.fa-male:before { content: "\f183"; }
.fa-gittip:before, .fa-gratipay:before { content: "\f184"; }
.fa-sun-o:before { content: "\f185"; }
.fa-moon-o:before { content: "\f186"; }
.fa-archive:before { content: "\f187"; }
.fa-bug:before { content: "\f188"; }
.fa-vk:before { content: "\f189"; }
.fa-weibo:before { content: "\f18a"; }
.fa-renren:before { content: "\f18b"; }
.fa-pagelines:before { content: "\f18c"; }
.fa-stack-exchange:before { content: "\f18d"; }
.fa-arrow-circle-o-right:before { content: "\f18e"; }
.fa-arrow-circle-o-left:before { content: "\f190"; }
.fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; }
.fa-dot-circle-o:before { content: "\f192"; }
.fa-wheelchair:before { content: "\f193"; }
.fa-vimeo-square:before { content: "\f194"; }
.fa-turkish-lira:before, .fa-try:before { content: "\f195"; }
.fa-plus-square-o:before { content: "\f196"; }
.fa-space-shuttle:before { content: "\f197"; }
.fa-slack:before { content: "\f198"; }
.fa-envelope-square:before { content: "\f199"; }
.fa-wordpress:before { content: "\f19a"; }
.fa-openid:before { content: "\f19b"; }
.fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; }
.fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; }
.fa-yahoo:before { content: "\f19e"; }
.fa-google:before { content: "\f1a0"; }
.fa-reddit:before { content: "\f1a1"; }
.fa-reddit-square:before { content: "\f1a2"; }
.fa-stumbleupon-circle:before { content: "\f1a3"; }
.fa-stumbleupon:before { content: "\f1a4"; }
.fa-delicious:before { content: "\f1a5"; }
.fa-digg:before { content: "\f1a6"; }
.fa-pied-piper-pp:before { content: "\f1a7"; }
.fa-pied-piper-alt:before { content: "\f1a8"; }
.fa-drupal:before { content: "\f1a9"; }
.fa-joomla:before { content: "\f1aa"; }
.fa-language:before { content: "\f1ab"; }
.fa-fax:before { content: "\f1ac"; }
.fa-building:before { content: "\f1ad"; }
.fa-child:before { content: "\f1ae"; }
.fa-paw:before { content: "\f1b0"; }
.fa-spoon:before { content: "\f1b1"; }
.fa-cube:before { content: "\f1b2"; }
.fa-cubes:before { content: "\f1b3"; }
.fa-behance:before { content: "\f1b4"; }
.fa-behance-square:before { content: "\f1b5"; }
.fa-steam:before { content: "\f1b6"; }
.fa-steam-square:before { content: "\f1b7"; }
.fa-recycle:before { content: "\f1b8"; }
.fa-automobile:before, .fa-car:before { content: "\f1b9"; }
.fa-cab:before, .fa-taxi:before { content: "\f1ba"; }
.fa-tree:before { content: "\f1bb"; }
.fa-spotify:before { content: "\f1bc"; }
.fa-deviantart:before { content: "\f1bd"; }
.fa-soundcloud:before { content: "\f1be"; }
.fa-database:before { content: "\f1c0"; }
.fa-file-pdf-o:before { content: "\f1c1"; }
.fa-file-word-o:before { content: "\f1c2"; }
.fa-file-excel-o:before { content: "\f1c3"; }
.fa-file-powerpoint-o:before { content: "\f1c4"; }
.fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; }
.fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; }
.fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; }
.fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; }
.fa-file-code-o:before { content: "\f1c9"; }
.fa-vine:before { content: "\f1ca"; }
.fa-codepen:before { content: "\f1cb"; }
.fa-jsfiddle:before { content: "\f1cc"; }
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; }
.fa-circle-o-notch:before { content: "\f1ce"; }
.fa-ra:before, .fa-resistance:before, .fa-rebel:before { content: "\f1d0"; }
.fa-ge:before, .fa-empire:before { content: "\f1d1"; }
.fa-git-square:before { content: "\f1d2"; }
.fa-git:before { content: "\f1d3"; }
.fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; }
.fa-tencent-weibo:before { content: "\f1d5"; }
.fa-qq:before { content: "\f1d6"; }
.fa-wechat:before, .fa-weixin:before { content: "\f1d7"; }
.fa-send:before, .fa-paper-plane:before { content: "\f1d8"; }
.fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; }
.fa-history:before { content: "\f1da"; }
.fa-circle-thin:before { content: "\f1db"; }
.fa-header:before { content: "\f1dc"; }
.fa-paragraph:before { content: "\f1dd"; }
.fa-sliders:before { content: "\f1de"; }
.fa-share-alt:before { content: "\f1e0"; }
.fa-share-alt-square:before { content: "\f1e1"; }
.fa-bomb:before { content: "\f1e2"; }
.fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; }
.fa-tty:before { content: "\f1e4"; }
.fa-binoculars:before { content: "\f1e5"; }
.fa-plug:before { content: "\f1e6"; }
.fa-slideshare:before { content: "\f1e7"; }
.fa-twitch:before { content: "\f1e8"; }
.fa-yelp:before { content: "\f1e9"; }
.fa-newspaper-o:before { content: "\f1ea"; }
.fa-wifi:before { content: "\f1eb"; }
.fa-calculator:before { content: "\f1ec"; }
.fa-paypal:before { content: "\f1ed"; }
.fa-google-wallet:before { content: "\f1ee"; }
.fa-cc-visa:before { content: "\f1f0"; }
.fa-cc-mastercard:before { content: "\f1f1"; }
.fa-cc-discover:before { content: "\f1f2"; }
.fa-cc-amex:before { content: "\f1f3"; }
.fa-cc-paypal:before { content: "\f1f4"; }
.fa-cc-stripe:before { content: "\f1f5"; }
.fa-bell-slash:before { content: "\f1f6"; }
.fa-bell-slash-o:before { content: "\f1f7"; }
.fa-trash:before { content: "\f1f8"; }
.fa-copyright:before { content: "\f1f9"; }
.fa-at:before { content: "\f1fa"; }
.fa-eyedropper:before { content: "\f1fb"; }
.fa-paint-brush:before { content: "\f1fc"; }
.fa-birthday-cake:before { content: "\f1fd"; }
.fa-area-chart:before { content: "\f1fe"; }
.fa-pie-chart:before { content: "\f200"; }
.fa-line-chart:before { content: "\f201"; }
.fa-lastfm:before { content: "\f202"; }
.fa-lastfm-square:before { content: "\f203"; }
.fa-toggle-off:before { content: "\f204"; }
.fa-toggle-on:before { content: "\f205"; }
.fa-bicycle:before { content: "\f206"; }
.fa-bus:before { content: "\f207"; }
.fa-ioxhost:before { content: "\f208"; }
.fa-angellist:before { content: "\f209"; }
.fa-cc:before { content: "\f20a"; }
.fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; }
.fa-meanpath:before { content: "\f20c"; }
.fa-buysellads:before { content: "\f20d"; }
.fa-connectdevelop:before { content: "\f20e"; }
.fa-dashcube:before { content: "\f210"; }
.fa-forumbee:before { content: "\f211"; }
.fa-leanpub:before { content: "\f212"; }
.fa-sellsy:before { content: "\f213"; }
.fa-shirtsinbulk:before { content: "\f214"; }
.fa-simplybuilt:before { content: "\f215"; }
.fa-skyatlas:before { content: "\f216"; }
.fa-cart-plus:before { content: "\f217"; }
.fa-cart-arrow-down:before { content: "\f218"; }
.fa-diamond:before { content: "\f219"; }
.fa-ship:before { content: "\f21a"; }
.fa-user-secret:before { content: "\f21b"; }
.fa-motorcycle:before { content: "\f21c"; }
.fa-street-view:before { content: "\f21d"; }
.fa-heartbeat:before { content: "\f21e"; }
.fa-venus:before { content: "\f221"; }
.fa-mars:before { content: "\f222"; }
.fa-mercury:before { content: "\f223"; }
.fa-intersex:before, .fa-transgender:before { content: "\f224"; }
.fa-transgender-alt:before { content: "\f225"; }
.fa-venus-double:before { content: "\f226"; }
.fa-mars-double:before { content: "\f227"; }
.fa-venus-mars:before { content: "\f228"; }
.fa-mars-stroke:before { content: "\f229"; }
.fa-mars-stroke-v:before { content: "\f22a"; }
.fa-mars-stroke-h:before { content: "\f22b"; }
.fa-neuter:before { content: "\f22c"; }
.fa-genderless:before { content: "\f22d"; }
.fa-facebook-official:before { content: "\f230"; }
.fa-pinterest-p:before { content: "\f231"; }
.fa-whatsapp:before { content: "\f232"; }
.fa-server:before { content: "\f233"; }
.fa-user-plus:before { content: "\f234"; }
.fa-user-times:before { content: "\f235"; }
.fa-hotel:before, .fa-bed:before { content: "\f236"; }
.fa-viacoin:before { content: "\f237"; }
.fa-train:before { content: "\f238"; }
.fa-subway:before { content: "\f239"; }
.fa-medium:before { content: "\f23a"; }
.fa-yc:before, .fa-y-combinator:before { content: "\f23b"; }
.fa-optin-monster:before { content: "\f23c"; }
.fa-opencart:before { content: "\f23d"; }
.fa-expeditedssl:before { content: "\f23e"; }
.fa-battery-4:before, .fa-battery-full:before { content: "\f240"; }
.fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; }
.fa-battery-2:before, .fa-battery-half:before { content: "\f242"; }
.fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; }
.fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; }
.fa-mouse-pointer:before { content: "\f245"; }
.fa-i-cursor:before { content: "\f246"; }
.fa-object-group:before { content: "\f247"; }
.fa-object-ungroup:before { content: "\f248"; }
.fa-sticky-note:before { content: "\f249"; }
.fa-sticky-note-o:before { content: "\f24a"; }
.fa-cc-jcb:before { content: "\f24b"; }
.fa-cc-diners-club:before { content: "\f24c"; }
.fa-clone:before { content: "\f24d"; }
.fa-balance-scale:before { content: "\f24e"; }
.fa-hourglass-o:before { content: "\f250"; }
.fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; }
.fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; }
.fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; }
.fa-hourglass:before { content: "\f254"; }
.fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; }
.fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; }
.fa-hand-scissors-o:before { content: "\f257"; }
.fa-hand-lizard-o:before { content: "\f258"; }
.fa-hand-spock-o:before { content: "\f259"; }
.fa-hand-pointer-o:before { content: "\f25a"; }
.fa-hand-peace-o:before { content: "\f25b"; }
.fa-trademark:before { content: "\f25c"; }
.fa-registered:before { content: "\f25d"; }
.fa-creative-commons:before { content: "\f25e"; }
.fa-gg:before { content: "\f260"; }
.fa-gg-circle:before { content: "\f261"; }
.fa-tripadvisor:before { content: "\f262"; }
.fa-odnoklassniki:before { content: "\f263"; }
.fa-odnoklassniki-square:before { content: "\f264"; }
.fa-get-pocket:before { content: "\f265"; }
.fa-wikipedia-w:before { content: "\f266"; }
.fa-safari:before { content: "\f267"; }
.fa-chrome:before { content: "\f268"; }
.fa-firefox:before { content: "\f269"; }
.fa-opera:before { content: "\f26a"; }
.fa-internet-explorer:before { content: "\f26b"; }
.fa-tv:before, .fa-television:before { content: "\f26c"; }
.fa-contao:before { content: "\f26d"; }
.fa-500px:before { content: "\f26e"; }
.fa-amazon:before { content: "\f270"; }
.fa-calendar-plus-o:before { content: "\f271"; }
.fa-calendar-minus-o:before { content: "\f272"; }
.fa-calendar-times-o:before { content: "\f273"; }
.fa-calendar-check-o:before { content: "\f274"; }
.fa-industry:before { content: "\f275"; }
.fa-map-pin:before { content: "\f276"; }
.fa-map-signs:before { content: "\f277"; }
.fa-map-o:before { content: "\f278"; }
.fa-map:before { content: "\f279"; }
.fa-commenting:before { content: "\f27a"; }
.fa-commenting-o:before { content: "\f27b"; }
.fa-houzz:before { content: "\f27c"; }
.fa-vimeo:before { content: "\f27d"; }
.fa-black-tie:before { content: "\f27e"; }
.fa-fonticons:before { content: "\f280"; }
.fa-reddit-alien:before { content: "\f281"; }
.fa-edge:before { content: "\f282"; }
.fa-credit-card-alt:before { content: "\f283"; }
.fa-codiepie:before { content: "\f284"; }
.fa-modx:before { content: "\f285"; }
.fa-fort-awesome:before { content: "\f286"; }
.fa-usb:before { content: "\f287"; }
.fa-product-hunt:before { content: "\f288"; }
.fa-mixcloud:before { content: "\f289"; }
.fa-scribd:before { content: "\f28a"; }
.fa-pause-circle:before { content: "\f28b"; }
.fa-pause-circle-o:before { content: "\f28c"; }
.fa-stop-circle:before { content: "\f28d"; }
.fa-stop-circle-o:before { content: "\f28e"; }
.fa-shopping-bag:before { content: "\f290"; }
.fa-shopping-basket:before { content: "\f291"; }
.fa-hashtag:before { content: "\f292"; }
.fa-bluetooth:before { content: "\f293"; }
.fa-bluetooth-b:before { content: "\f294"; }
.fa-percent:before { content: "\f295"; }
.fa-gitlab:before { content: "\f296"; }
.fa-wpbeginner:before { content: "\f297"; }
.fa-wpforms:before { content: "\f298"; }
.fa-envira:before { content: "\f299"; }
.fa-universal-access:before { content: "\f29a"; }
.fa-wheelchair-alt:before { content: "\f29b"; }
.fa-question-circle-o:before { content: "\f29c"; }
.fa-blind:before { content: "\f29d"; }
.fa-audio-description:before { content: "\f29e"; }
.fa-volume-control-phone:before { content: "\f2a0"; }
.fa-braille:before { content: "\f2a1"; }
.fa-assistive-listening-systems:before { content: "\f2a2"; }
.fa-asl-interpreting:before, .fa-american-sign-language-interpreting:before { content: "\f2a3"; }
.fa-deafness:before, .fa-hard-of-hearing:before, .fa-deaf:before { content: "\f2a4"; }
.fa-glide:before { content: "\f2a5"; }
.fa-glide-g:before { content: "\f2a6"; }
.fa-signing:before, .fa-sign-language:before { content: "\f2a7"; }
.fa-low-vision:before { content: "\f2a8"; }
.fa-viadeo:before { content: "\f2a9"; }
.fa-viadeo-square:before { content: "\f2aa"; }
.fa-snapchat:before { content: "\f2ab"; }
.fa-snapchat-ghost:before { content: "\f2ac"; }
.fa-snapchat-square:before { content: "\f2ad"; }
.fa-pied-piper:before { content: "\f2ae"; }
.fa-first-order:before { content: "\f2b0"; }
.fa-yoast:before { content: "\f2b1"; }
.fa-themeisle:before { content: "\f2b2"; }
.fa-google-plus-circle:before, .fa-google-plus-official:before { content: "\f2b3"; }
.fa-fa:before, .fa-font-awesome:before { content: "\f2b4"; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; }


/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Fancybox <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('//www.palveluna.fi/hubfs/palveluna-images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('//www.palveluna.fi/hubfs/palveluna-images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }
/* Overlay helper */

.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('//www.palveluna.fi/hubfs/palveluna-images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }
/* Title helper */

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  only screen and (min--moz-device-pixel-ratio: 1.5),  only screen and (min-device-pixel-ratio: 1.5) {
 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
 background-image: url('//www.palveluna.fi/hubfs/palveluna-images/fancybox_sprite@2x.png');
 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
}
 #fancybox-loading div {
 background-image: url('//www.palveluna.fi/hubfs/palveluna-images/fancybox_loading@2x.gif');
 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
}
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> Slick Slider <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/* Slick Slider */
.slick-list, .slick-slider, .slick-track {    position:relative; display:block }
.slick-loading .slick-slide, .slick-loading .slick-track { visibility:hidden }
.slick-list { overflow:hidden; margin:0; padding:0 }
.slick-list:focus { outline:0 }
.slick-list.dragging { cursor:pointer; cursor:hand }
.slick-slider .slick-list, .slick-slider .slick-track {	webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0); -o-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0) }
.slick-track { top:0; left:0 }
.slick-track:after, .slick-track:before { display:table; content:'' }
.slick-track:after { clear:both }
.slick-slide { display:none; float:left; height:100%; min-height:1px }
[dir=rtl] .slick-slide { float:right }
.slick-slide img { display:block }
.slick-slide.slick-loading img { display:none }
.slick-slide.dragging img { pointer-events:none }
.slick-initialized .slick-slide { display:block }
.slick-vertical .slick-slide { display:block; height:auto; border:1px solid transparent }
.slick-arrow.slick-hidden {	display:none }
.slick-arrow { position:absolute; top:50%; left:-30px; z-index:5; font-size:0; line-height:58px; width:30px; height:58px; background:transparent; cursor:pointer; border:1px solid transparent; margin:-30px 0 0; display:block; text-align:center }
.slick-arrow:before { content:"\f104"; font-family:fontawesome; font-size:56px; color:#000; display:block; line-height:58px }
.slick-arrow.slick-next { left:inherit; right:-30px }
.slick-arrow.slick-next:before { content:"\f105" }
.slick-dotted ul.slick-dots { margin:25px 0; padding:0; list-style:none; text-align:center; display:block; width:100%; line-height:0 }
.slick-dotted ul.slick-dots li { display:inline-block; margin:0 5px }
.slick-dotted ul.slick-dots li button { width:12px; height:12px; font-size:0; cursor:pointer; border:none; background:#a1a1a1; border-radius:50%; outline:0 }
.slick-dotted ul.slick-dots li.slick-active button { background:#000 }
.slick-slider a, .slick-slider button, .slick-slider .slick-slide { outline:none; }





 /* Font Awesome , Fancybox and SlickSlider CSS */

/* ==========================================================================
2. BASE STYLES                                             
========================================================================== */

/* =============== Base =============== */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}


/* Page Center */
.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1200px;
  margin: 0 auto;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  background: #ec7404;
}
::selection {
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  background: #ec7404;
}


/* =============== Typography =============== */

/* Basic text */
p {} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 15px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 {
  color: #19161a;
  font-size: 38px;
  line-height: 42px;
  font-style: normal;
  font-weight: 700;
}
h2 {
  color: #19161a;
  font-size: 34px;
  line-height: 38px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1.3px;
}
h3 {
  color: #19161a;
  font-size: 23px;
  line-height: 26px;
  font-style: normal;
  font-weight: 700;
}
h4 {
  color: #19161a;
  font-size: 20px;
  line-height: 35px;
  font-style: normal;
  font-weight: 300;
}
h5 {
  color: #19161a;
  font-size: 16px;
  line-height: 26px;
  font-style: normal;
  font-weight: 700;
}
h6 {
  color: #19161a;
  font-size: 15px;
  line-height: 26px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: uppercase;
}

/* Anchor Links */
a { color: #8d1f1f;
  text-decoration: none;
}
a:hover, a:focus { color: #ec7404; text-decoration: none;}

/* Lists */
ul, ol {
  padding-left: 20px;
  margin: 0;
}
ul ul, ul ol, ol ol, ol ul {}
li {}

/* Block Quotes */
blockquote {}
blockquote p {}
blockquote small {}

/* Horizontal Rules */
hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}


/* =============== EU Cookie Confirmation Bar =============== */

/* Confirmation Outer Wrapper*/
#hs-eu-cookie-confirmation {}

/* Confirmation Inner Wrapper*/
#hs-eu-cookie-confirmation-inner {}
#hs-eu-cookie-confirmation-inner p{}

/* Confirmation Button */
#hs-en-cookie-confirmation-buttons-area {}
a#hs-eu-confirmation-button {}


/* ==========================================================================
3. COS STRUCTURE                                            
========================================================================== */


/* =============== Structure =============== */

/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}


/* =============== Header =============== */

.header-container-wrapper {}
.header-container {
  min-height: 183px;
}
.custom-header-top-group {
  position: relative;
  z-index: 99;
}
.custom-top-location-col p {
  margin: 0 0 -21px;
  text-align: right;
  color: #fff;
  line-height: 53px;
  font-size: 10px;
  font-weight: 500;
  padding: 1px 14px 0 0;
}
.custom-header-bottom-group {
  padding: 0 45px;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  transition: all .2s ease 0s;
  position: relative;
  z-index: 99;
}
.custom-logo a {
  position: relative;
}
.custom-logo img {
  display: block;
  opacity: 1;
  position: absolute;
  top: -50%;
  -webkit-transition: opacity .6s ease-in-out;
  transition: opacity .6s ease-in-out;
  width: 216px;
  max-width: none;
  margin-top: 5px;
}
img.custom-color-logo {
  opacity: 0;
}
.icon_pin {
  font-family: 'ElegantIcons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  margin-right: 8px;
  font-size: 13px;
  position: relative;
  top: 2px;
}
.icon_pin:before {
  content: "\e081";
}
.no-banner .custom-header-group {
  background-color: #19161a;
}
/* =============== Content =============== */

.body-container-wrapper {}
.body-container {}
.body-container .page-center{}

.content-wrapper {
  padding-top: 100px;
  padding-bottom: 32px;
}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

.custom-banner-group.no-banner-image {
  min-height: 500px;
}

.custom-banner-group {
  margin-top: -183px;
  position: relative;
  background-color: #19161a;
}

.custom-banner-group {
  overflow: hidden;
}
.custom-banner-group.custom-animated {
  height: auto;
  opacity: 1;
}

@keyframes get_height {
  0% {
    height:0;
    opacity:0;
  }
  100% {
    height:auto;
    opacity:1;
  }
}
.custom-banner-group .responsive{
  transition: 0.2s;
  overflow: hidden;
  animation-name:get_height;
  animation-delay:0.6s;
  animation-duration:0.8s;
  transition: 0.8s;
}


.custom-banner-group img {
  width: 100% !important;
}
.custom-banner-group .title_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: repeat;
  background-position: 0 0;
  top: 0;
  background-image: url('//www.palveluna.fi/hubfs/palvelunatheme/Images/pat50.png');
}
.custom-banner-group .custom-banner-content-wrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: center;
}
.custom-banner-group .custom-banner-content-wrap .page-center {
  width: 100%;
}
.custom-banner-group .custom-banner-content {
  padding-top: 100px;
  text-align: center;
}
.custom-banner-group .custom-banner-content h1 {
  font-size: 59px;
  line-height: 69px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}
.custom-banner-group span.separator.small.center {
  width: 70px;
  background-color: #f7a800;
  margin: 3px auto 11px;
  height: 2px;
  display: block;
}
p {
  color: #19161a;
  font-size: 14px;
  line-height: 26px;
  font-style: normal;
  font-weight: 300;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* ======= Home Page ====== */

.home-page .custom-banner-group {
  background-color: transparent;
}


.custom-banner-group .slider_content_outer {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  display: flex;
  height: 100%;
  align-items: center;
}
.custom-banner-group .slider_content_outer > div {
  width: 100%;
}
.custom-banner-group .text.one_by_one.subtitle_above_title.no_separator h4 {
  color: #fff;
  margin-bottom: 13px;
  display: inline-block;
  font-size: 26px;
  letter-spacing: 1px;
  text-shadow: 1px 1px 2px rgba(0,0,0,.4);
  font-weight: 600;
}
.custom-banner-group h2.q_slide_title {
  font-size: 76px;
  line-height: 82px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  letter-spacing: -1px;
  text-transform: none;
  animation-delay: .15s;
  -webkit-animation-delay: .15s;
  -webkit-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(.165,.84,.44,1) 0s;
  -moz-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(.165,.84,.44,1) 0s;
  -o-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(.165,.84,.44,1) 0s;
  animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(.165,.84,.44,1) 0s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  text-shadow: 1px 1px 2px rgba(0,0,0,.4);
  color: #fff;
  margin: 10px 0 20px;
}

.custom-banner-group a.qbutton.green.default {
  -webkit-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(.165,.84,.44,1) 0s;
  -moz-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(.165,.84,.44,1) 0s;
  -o-animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(.165,.84,.44,1) 0s;
  animation: text-from-bottom-one-by-one 1.2s 1 cubic-bezier(.165,.84,.44,1) 0s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
  filter: alpha(opacity=100);
  animation-delay: .45s;
  -webkit-animation-delay: .45s;
  margin: 15px 0 0;
  text-align: center;
  color: #19161a;
  background-color: #ec7404;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  line-height: 49px;
  font-weight: 600;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  letter-spacing: 0px;
  text-transform: uppercase;
  border-width: 0px;
  padding-left: 26px;
  padding-right: 26px;
  display: inline-block;
}
.home-page .custom-home-middle-wrapper {
  background-color: #fff;
  position: relative;
  z-index: 9;
}
.custom-banner-group .text.one_by_one.subtitle_above_title.no_separator h4,
.custom-banner-group a.qbutton.green.default,
.custom-banner-group h2.q_slide_title{
  -webkit-animation-name: fadeBottom;
  -moz-animation-name: fadeBottom;
  -ms-animation-name: fadeBottom;
  -o-animation-name: fadeBottom;
  animation-name: fadeBottom;
  -webkit-animation-duration: .7s;
  -moz-animation-duration: .7s;
  -ms-animation-duration: .7s;
  -o-animation-duration: .7s;
  animation-duration: .7s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -ms-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-delay: .9s;
  -moz-animation-delay: .9s;
  -ms-animation-delay: .9s;
  -o-animation-delay: .9s;
  animation-delay: .9s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeBottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20%)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes fadeBottom {
    0% {
        opacity: 0;
        -moz-transform: translateY(20%)
    }
    100% {
        opacity: 1;
        -moz-transform: translateY(0)
    }
}
@-o-keyframes fadeBottom {
    0% {
        opacity: 0;
        -o-transform: translateY(20%)
    }
    100% {
        opacity: 1;
        -o-transform: translateY(0)
    }
}
@keyframes fadeBottom {
    0% {
        opacity: 0;
        transform: translateY(20%)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@media only screen and (min-width: 1000px) {
 
.custom-two-column-lightbox-group .custom-top-heading {
  text-align: center;
  padding-top: 20px;
}
.custom-two-column-lightbox-group .custom-right-column-content h4 {
  padding-top: 10px;
  margin: 0 0 28px;
}
.custom-two-column-lightbox-group .custom-top-heading h2 {
  position: relative;
  padding-bottom: 13px;
  margin: 0 0 37px;
}
.custom-two-column-lightbox-group .custom-top-heading h2:after {
  background-color: #f7a800;
  width: 40px;
  height: 2px;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  content: '';
  position: absolute;
}
.qode_video_box .qode_video_image::after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255,255,255,.1);
  z-index: 33;
  opacity: 0;
  transition: opacity .3s ease-out;
  -webkit-transition: opacity .3s ease-out;
}
.qode_video_box .qode_video_image:hover::after {
  opacity: 1;
}
body div.pp_overlay {
    opacity: .7!important;
}
.home-page .custom-two-column-lightbox-group .custom-left-column-content,
.home-page .custom-two-column-lightbox-group .custom-right-column-content{
  margin-bottom: 70px;
}
.custom-recent-post-wrap {
  background-color: #f7f7f7;
  padding: 146px 0 124px;
}
.custom-recent-post-wrap .custom-top-rss-content {
  padding-bottom: 38px;
  text-align: center;
}
.custom-recent-post-wrap .custom-top-rss-content h4 {
  margin: 0;
  padding-top: 10px;
}
.custom-recent-post-wrap .custom-top-rss-content h2 {
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 37px;
}
.custom-recent-post-wrap .custom-top-rss-content h2:after {
  margin-bottom: 37px;
  background-color: #f7a800;
  width: 40px;
  height: 2px;
  position: absolute;
  content: '';
  left: 0;
  bottom: 0;
  margin: 0 auto;
  right: 0;
}
.custom-recent-post-wrap .custom-rss-content .hs-rss-item {
  width: 32%;
  float: left;
  margin-right: 2%;
  background-color: #fff;
  margin-bottom: 8px;
}
.custom-recent-post-wrap .custom-rss-content .hs-rss-item:last-child {
  margin-right: 0;
}
.custom-recent-post-wrap .custom-rss-content .hs-rss-item .hs-rss-item-text {
  width: 100%;
  padding: 19px 20px 10px;
}

.custom-rss-content .hs-rss-item .hs-rss-item-text h5 {
  padding-top: 10px;
}
.custom-recent-post-wrap .custom-rss-content .hs-rss-item .hs-rss-item-text h5 a {
  color: #19161a;
}
.custom-recent-post-wrap .custom-rss-content .hs-rss-item .hs-rss-item-text h5 a:hover {
  color: #ec7404;
}
.custom-banner-group a.qbutton.green.default:hover {
  color: #19161a;
  background-color: #ffffff;
}

/* ========= One Column Content ======== */

.one-column-layout .main-content h2 {
  margin: 0;
}
.one-column-layout .main-content h3 {
  margin: 0;
  padding-top: 10px;
}
.one-column-layout .main-content ul {
  list-style-position: inside;
  padding: 0;
}
.one-column-layout .main-content ul li {
  list-style-position: inside;
  padding: 0px 0 0px 20px;
  text-indent: -1em;
}
.one-column-layout .main-content p:last-of-type {
  margin-bottom: 0;
}
a#cta_button_3959349_778bd58a-f75a-4af5-9da0-ed0e59b95af7:hover,
a#cta_button_3959349_df173362-6972-494b-bd4b-fb9a3277e18c:hover,
a#cta_button_3959349_08d193ce-ef3e-439d-bbf7-8012b1db7b1a:hover {
  background-color: rgb(236,116,4);
  color: rgb(48,48,48);
}
.custom-contact-wrapper {
  background-color: #2b2c2e;
  padding-top: 40px;
  padding-bottom: 40px;
}
.custom-contact-wrapper .custom-contact-content {
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-contact-wrapper .custom-contact-title p {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -1px;
  color: #fff;
}
.custom-contact-wrapper .custom-contact-title {
  padding-right: 35px;
}
.custom-two-column-equal-content {
  margin: 0 -15px;
}
.custom-two-column-equal-content .custom-column-content {
  width: 50%;
  float: left;
  padding: 0 15px 18px;
}
.custom-two-column-equal-content .custom-column-content p:last-of-type {
  margin-bottom: 0;
}

a.custom-btn {
  color: #19161a;
  font-family: 'Poppins', sans-serif;
  font-size: 12px;
  line-height: 49px;
  font-weight: 600;
  background-color: #f7a800;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  letter-spacing: 0px;
  text-transform: uppercase;
  border-width: 0px;
  padding-left: 26px;
  padding-right: 26px;
  display: inline-block;
  margin-top: 30px;
  transition: color .1s linear,background-color .1s linear,border-color .1s linear;
}

a.custom-btn:hover {
  background-color: #ec7404;
}

.en-right-layout .main-content-wrap {
  padding-bottom: 0px !important;
}
.en-right-layout .main-content-wrap h2 {
  margin: 0;
}
.en-right-layout .main-content-wrap h4 {
  padding-top: 10px;
  margin: 0;
}
.custom-image-with-link-wrap .custom-wrap {
  padding: 6px;
  border-radius: 50%;
  background-color: #F7BE68;
  display: inline-block;
}
.custom-image-with-link-wrap .custom-wrap img {
  border-radius: 50%;
}
.custom-image-with-link-wrap {
  margin-bottom: 10px;
}
.en-right-layout .main-content-wrap p:last-of-type {
  margin-bottom: 0;
}
.en-right-layout .main-content-wrap a.custom-btn {
  margin-top: 32px;
}
/* ======== Company Website Page ======= */

.custom-company-row1 {
    padding: 148px 0 94px;
}
.custom-with-left-image-group .custom-top-heading {
  text-align: center;
}
.custom-with-left-image-group .custom-content-with-image-wrap {
  display: flex;
  margin: 0 -15px;
}
.custom-with-left-image-group .custom-with-left-image-item {
  width: 33.33%;
  padding: 0 15px;
}
.custom-with-left-image-group .custom-top-heading h2 {
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 37px;
}
.custom-with-left-image-group .custom-top-heading h2:after {
  background-color: #f7a800;
  width: 40px;
  height: 2px;
  content: '';
  left: 0;
  right: 0;
  position: absolute;
  margin: 0 auto;
  bottom: 0;
}
.custom-with-left-image-group .custom-left-image {
  float: left;
}
.custom-with-left-image-group .custom-left-image img {
  width: 78px;
}
.custom-with-left-image-group .custom-content-wrap {
  padding-left: 92px;
  padding-bottom: 18px;
  margin-bottom: 37px;
}
.custom-with-left-image-group .custom-content-wrap h3 {
  padding-top: 10px;
  margin: 0;
  font-weight: 400;
}
.custom-company-row2 {
    padding: 145px 0 96px;
}
.custom-two-column-lightbox-group .custom-two-column-lightbox-wrap {
  margin: 0 -15px;
}
.custom-two-column-lightbox-group .custom-left-column-content {
  padding: 0 15px;
  width: 50%;
  float: left;
  margin-bottom: 54px;
}
.custom-two-column-lightbox-group .custom-left-column-content h2 {
  position: relative;
  padding-bottom: 13px;
  margin-bottom: 37px;
}
.custom-two-column-lightbox-group .custom-left-column-content h2:after {
  background-color: #f7a800;
  width: 40px;
  height: 2px;
  content: '';
  left: 0;
  position: absolute;
  bottom: 0;
}
.custom-two-column-lightbox-group .custom-left-column-content h4 {
  padding-top: 10px;
  margin-bottom: 33px;
}
.custom-two-column-lightbox-group .custom-left-column-content ul {
  list-style-position: inside;
  padding: 0;
}
.custom-two-column-lightbox-group .custom-left-column-content ul li {
  list-style-position: inside;
  padding: 0px 0 0px 20px;
  text-indent: -1em;
}
.custom-two-column-lightbox-group .custom-right-column-content {
  width: 50%;
  float: left;
  padding: 0 15px;
  margin-bottom: 54px;
}
.qode_video_box {
  position: relative;
  overflow: hidden;
  padding-top: 5px;
}
.qode_video_box img {
  display: block;
  position: relative;
  max-width: 100%;
  z-index: 22;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  -webkit-backface-visibility: hidden;
}
.qode_video_box a.qode_video_image:hover img {
  transform: scale(1.05) rotate(.01deg);
  -webkit-transform: scale(1.05) rotate(.01deg);
}
.qode_video_box span.qode_video_box_button_holder {
  position: absolute;
  top: 51%;
  left: 50%;
  text-align: center;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  z-index: 44;
}
.qode_video_box span.qode_video_box_button {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  width: 80px;
  height: 80px;
  background-color: #fff;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: background-color .15s ease-out;
  -webkit-transition: background-color .15s ease-out;
}
.qode_video_box span.qode_video_box_button_arrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-48%,-50%);
  -webkit-transform: translate(-48%,-50%);
  border-top: 12px solid transparent;
  border-left: 18px solid #303030;
  border-bottom: 12px solid transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.qode_video_box a.qode_video_image:hover span.qode_video_box_button_arrow {
  border-left-color: #fff;
}
.qode_video_box a.qode_video_image:hover span.qode_video_box_button {
  background-color: #ec7404;
}

.two-column-right-layout .main-content-wrap h3 {
  padding-top: 10px;
  margin: 0;
}
.two-column-right-layout .custom-right-sidebar-wrap p i {
    color: #ec7404;
}

/* ======= Contact Us ========= */

.custom-contact-row1 {
  padding: 100px 0 0;
}
.custom-contact-row1 .custom-contact-top-heading h3 {
  padding-top: 10px;
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 50px;
}
.custom-contact-row1 .custom-contact-top-heading h3:after {
  background-color: #f7a800;
  height: 2px;
  width: 40px;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}
.custom-contact-form form.hs-form fieldset {
  max-width: 500px;
}
.custom-contact-row1 .custom-contact-form {
  padding-bottom: 78px;
  padding-right: 15px;
}
.custom-contact-row1 .custom-contact-row1-right-col {
  margin-bottom: 78px;
  padding-left: 15px;
}
.custom-three-column-equal-content {
  margin: 0 -15px;
}
.custom-three-column-equal-content .custom-column-content {
  padding: 0 15px;
  width: 33.33%;
  float: left;
  margin-bottom: 78px;
}
.custom-three-column-equal-content .custom-column-content p:last-of-type {
  margin-bottom: 0;
}
.custom-three-column-equal-content .custom-column-content h5 {
  margin: 0;
  padding-top: 10px;
}
.custom-tabber-group .hs-tabber-content-item {
  display: none;
}
.custom-tabber-group .hs-tabber-header-group {
  display: flex;
  flex-wrap: wrap;
}
.custom-tabber-group .hs-tabber-header-inner {
  height: 44px;
  line-height: 40px;
  display: block;
  margin: 0;
  padding: 0 14px;
  font-size: 13px;
  text-decoration: none;
  font-style: normal;
  color: #b4b4b4;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  cursor: pointer;
}
.custom-tabber-group .hs-tabber-header-inner h3 {
  margin: 0;
  font-size: 13px;
  text-decoration: none;
  font-style: normal;
  color: #b4b4b4;
  line-height: 40px;
}
.custom-tabber-group .hs-tabber-content-group {
  border-top: 2px solid #f7a800;
  overflow: hidden;
  text-align: left;
  padding: 19px 0 0;
  position: relative;
  top: -2px;
  z-index: 50;
}
.custom-tabber-group .custom-team-member-group {
  margin: 0 -15px;
  overflow: hidden;
}
.custom-tabber-group .custom-team-member-item {
  padding: 0 15px;
  width: 33.33%;
  float: left;
}
.custom-tabber-group .hs-tabber-header-inner:hover h3 {
  color: #ec7404 !important;
}
.custom-tabber-group .hs-tabber-header-inner.active {
  border-bottom-color: rgb(255, 255, 255);
  position: relative;
  z-index: 100;
  line-height: 40px;
  padding: 0 12px;
  border: 2px solid #f7a800;
  border-bottom-color: #fff;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}
.custom-tabber-group .hs-tabber-header-inner.active h3 {
  color: #8d1f1f;
}
.custom-tabber-group .separator {
  margin-bottom: 30px !important;
}
.custom-tabber-group .custom-team-member-descrption h5 {
  margin: 0;
  padding-top: 10px;
}
.custom-tabber-group .custom-team-member-descrption p img {
  width: 50px;
}
.custom-tabber-group .custom-team-member-descrption p {
  display: block !important;
}
.custom-tabber-group .custom-team-member-item {
  padding-bottom: 58px !important;
}
.google_map_shortcode_holder iframe {
    max-width: 100%;
}
.en-contact-layout .custom-contact-row1 .custom-contact-row1-right-col {
  margin-bottom: 70px;
  padding-left: 0;
}

/* ======= Production Layout ======== */
.custom-production-row1 {
    padding: 50px 0 32px;
}
.custom-production-row1 h2 {
    position: relative;
    margin: 0;
    padding-bottom: 9px;
    margin-bottom: 30px;
}
.custom-production-row1 h2:after {
    width: 20px;
    background-color: #f7a800;
    height: 2px;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
}
.custom-production-row1 h4 {
    padding-top: 10px;
    margin: 0;
}
.custom-title-with-top-image-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
}
.custom-title-with-top-image-wrap .custom-title-with-top-image-item {
  width: 25%;
  text-align: center;
  padding: 0 15px 32px;
}
.custom-title-with-top-image-wrap .custom-wrap {
  background-color: #F7BE68;
  padding: 6px;
  display: inline-block;
  border-radius: 50%;
}
.custom-title-with-top-image-wrap .custom-wrap img {
  width: 100px;
  border-radius: 50%;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,1,1);
  -moz-transition: -moz-transform .3s cubic-bezier(.4,0,1,1);
  -o-transition: -o-transform .3s cubic-bezier(.4,0,1,1);
  transition: transform .3s cubic-bezier(.4,0,1,1);
}
.custom-title-with-top-image-wrap .custom-content-wrap h3 {
  margin: 0;
  padding-top: 10px;
}
.custom-title-with-top-image-wrap .custom-content-wrap h3 a {
  color: #19161a;
}
.custom-title-with-top-image-wrap .custom-content-wrap h3 a:hover {
  color: #ec7404;
}
.custom-title-with-top-image-wrap .custom-wrap:hover img {
  -webkit-transform: scale(1.05) translateZ(0);
  -moz-transform: scale(1.05) translateZ(0);
  -o-transform: scale(1.05) translateZ(0);
  transform: scale(1.05) translateZ(0);
}
.custom-production-row2 {
  padding-bottom: 50px;
}
.custom-production-row3 {
  padding: 50px 0;
}
.custom-two-column-equal-content .custom-column-content h3 {
  margin: 0;
  padding-top: 10px;
}
.custom-two-column-equal-content .custom-column-content h2 {
  position: relative;
  padding-bottom: 9px;
  margin: 0 0 30px;
}
.custom-two-column-equal-content .custom-column-content h2:after {
  background-color: #f7a800;
  width: 20px;
  height: 2px;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
}
.custom-production-row3 .custom-two-column-equal-content .custom-column-content {
  padding-bottom:32px;
}

/* =============== Footer =============== */

.footer-container-wrapper {}
.footer-container {}

.custom-footer-group {
  background-color: #19161a;
  padding: 30px 0 0;
}
.custom-footer-bottom-col p {
  text-align: center;
  margin: 0;
  font-size: 10px;
  line-height: 26px;
  color: #fff;
}
.custom-footer-bottom-col p a {
  color: #fff;
  font-weight: 500;
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
}
.custom-footer-bottom-col p a:hover {
  color: #ec7404;
}
.custom-footer-bottom-col {
  padding: 35px 0 14px 4px;
}
.custom-footer-logo p {
  margin: 10px 0;
}
.custom-footer-group h3 {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  padding-top: 10px;
  margin: 0;
}
.custom-footer-address p {
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  text-transform: none;
  font-style: normal;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
}
.custom-footer-rss .hs-rss-item {
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 0px;
  font-weight: 300;
  text-transform: none;
  font-style: normal;
  padding-bottom: 16px;
}
.custom-footer-rss a.hs-rss-title {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0px;
  font-weight: 500;
  text-transform: none;
  font-style: normal;
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
}
.custom-footer-rss a.hs-rss-title:hover {
  color: #ec7404;
}
.custom-footer-menu{}
.custom-footer-menu .hs-menu-wrapper > ul{}
.custom-footer-menu .hs-menu-wrapper > ul > li{}
.custom-footer-menu .hs-menu-wrapper > ul > li > a {
  font-size: 15px;
  letter-spacing: 0px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  padding-top: 10px;
  margin: 0;
  cursor: text;
}
.custom-footer-menu .hs-menu-wrapper > ul > li > a:hover{}
.custom-footer-menu .hs-menu-wrapper > ul ul {
  display: block !important;
}
.custom-footer-menu .hs-menu-wrapper > ul ul li {
  line-height: 22px;
}
.custom-footer-menu .hs-menu-wrapper > ul ul li a {
  color: #fff;
  font-size: 13px;
  letter-spacing: 0px;
  font-weight: 500;
  text-transform: none;
  font-style: normal;
  -webkit-transition: color .2s ease-in-out;
  -moz-transition: color .2s ease-in-out;
  -o-transition: color .2s ease-in-out;
  -ms-transition: color .2s ease-in-out;
  white-space: normal !important;
}
.custom-footer-menu .hs-menu-wrapper > ul ul li a:hover{
  color: #ec7404;
}
.custom-footer-rss h3 {
  margin-bottom: -1px;
}
a#back-to-top {
  color: #cdcdcd;
  height: auto;
  position: fixed;
  bottom: 65px;
  margin: 0;
  z-index: 99;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
  right: 25px;
}
a#back-to-top span.fa-stack {
  border-color: rgba(247,168,0,1);
  border-width: 2px;
  border-style: solid;
  width: 56px;
  height: 56px;
  line-height: 52px;
  text-decoration: none;
  border-radius: 52px;
  -webkit-transition: all .2s ease 0s;
  -moz-transition: all .2s ease 0s;
  -o-transition: all .2s ease 0s;
  background: 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
a#back-to-top i {
  color: #f7a800;
  font-size: 22px;
  line-height: 52px;
  -webkit-transition: color .2s ease 0s;
  -moz-transition: color .2s ease 0s;
  -o-transition: color .2s ease 0s;
}
a#back-to-top:hover > span {
  background-color: rgba(236,116,4,1);
  border-color: rgba(236,116,4,1);
}
a#back-to-top:hover span i, #back_to_top:hover span span {
  color: #19161a;
}

.custom-footer-group.en-footer {
    padding-bottom: 75px;
}

/* ==========================================================================
4. MAIN NAVIGATION                                            
========================================================================== */


/* =============== Custom Menu Primary =============== */

.lang_switcher_class {
  display: none;
}
.custom-menu-primary .hs-menu-wrapper > ul > li a {
  background-image: url('//www.palveluna.fi/hubfs/palvelunatheme/PDF/download.png');
  background-repeat: no-repeat;
  background-position: center;
  font-size: 0 !important;
  width: 50px !important;
  position: relative;
  top: -1px;
  right: -1px;
}

.fi-header .custom-menu-primary .hs-menu-wrapper > ul > li a {
  display: none;
}

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{
  display: block;
  float: right;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  text-transform: uppercase;
  line-height: 150px;
  position: relative;
  padding: 0 17px;
  -webkit-transition: opacity .3s ease-in-out,color .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out,color .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out,color .3s ease-in-out;
  -ms-transition: opacity .3s ease-in-out,color .3s ease-in-out;
  transition: opacity .3s ease-in-out,color .3s ease-in-out;
  text-decoration: none;
  color: #fff;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:hover > a{
  opacity: .8;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
  background-color: rgba(48,48,48,0.9);
  padding: 7px 0;
  width: 225px;
  left: 16px !important;
  top: 75%;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color: #ffffff;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 500;
  text-transform: uppercase;
  padding: 5px 20px;
  line-height: 16px;
  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
  font-size: 11px;
  letter-spacing: 1px;
  white-space: normal !important;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color: #f7a800;
}
.stickey-header .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a {
  color: #f7a800;
}
/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:1001px) {
  .custom-menu-primary .hs-menu-wrapper,
  .custom-menu-primary .hs-menu-wrapper > ul ul { 
    display:block !important;
  }
  .custom-header-bottom-group.stickey-header {
    -webkit-transition: all .33s cubic-bezier(.694,.0482,.335,1);
    -moz-transition: all .33s cubic-bezier(.694,.0482,.335,1);
    -o-transition: all .33s cubic-bezier(.694,.0482,.335,1);
    -ms-transition: all .33s cubic-bezier(.694,.0482,.335,1);
    transition: all .33s cubic-bezier(.694,.0482,.335,1);
    top: -150px;
    left: 0;
    position: fixed;
    box-shadow: 0 1px 3px rgba(0,0,0,.11);
    background-color: #fff;
    right: 0;
    width: 100%;
    z-index: 999;
  }
  .scroll-fixed .custom-header-bottom-group.stickey-header {
    top: 0px;
  }
  .scroll-fixed img.custom-color-logo {
    opacity: 1;
  }
  .scroll-fixed img.custom-white-logo {
    opacity: 0;
  }
  .scroll-fixed .custom-logo img {
    width: 93px;
  }
  .scroll-fixed .custom-menu-primary .hs-menu-wrapper > ul > li > a {
    line-height: 70px;
    color: #19161a;
  }
  .scroll-fixed .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a {
    color: #f7a800;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    float: left;
  }
  .scroll-fixed .header-no-nav .custom-header-bottom-group.stickey-header {
    top: 0px;
    min-height: 70px;
  }
  .production-layout .custom-banner-group {
    margin-top: -184px;
  }
  @-moz-document url-prefix() {
    .custom-logo img {
      top: 15px;
    }
  }
}


/* =============== Mobile Toggle Menu =============== */

/* Hide button on Desktop */
.mobile-trigger, .child-trigger{ display: none; }

@media (max-width: 1000px){

  /* Menu Reset */
  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#fff;
  }

  /* ===== Mobile Toggle Button ===== */

  .mobile-trigger{
    display: inline-block !important;
    cursor: pointer;
    position: absolute;
    top: -64px;
    left: 0;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    color: #000;
  }
  .mobile-trigger i.icon_menu {
    font-family: 'ElegantIcons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #ffffff;
    font-size: 27px;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    -webkit-font-smoothing: antialiased;
  }
  /* Toggle Button Icon */
  .mobile-trigger i.icon_menu:before {
    content: "\61";
  }
  .mobile-trigger:hover i.icon_menu {
    color: #ec7404;
    opacity: .8;
  }

  /* ===== Mobile Child Toggle Buttons ===== */

  .child-trigger{
    display: block !important;
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 10px;
    width: 20px !important;
    min-width: 20px !important;
    height: 46px !important;
    padding: 0 !important;
    float: right;
    padding-right: 10px;
    line-height: 46px;
    text-align: right;
  }
  .child-trigger i{
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #ffffff;
    line-height: 46px;
  }
  .child-trigger i:before{
    content: "\f105";
  } 
  .child-trigger.child-open i:before{
    content: "\f107";
  }

  /* ===== Mobile Menu Styles ===== */  

  .custom-menu-primary.js-enabled {
    position: relative;
    padding-top: 0;
    margin: 0 0 -1px;
    width: 100% !important;
  }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    width: 100%; /* Full screen width */
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li {
    border-bottom: 1px solid #ec7404;
    float: none !important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul li:last-child {
    border-bottom: none;
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 0;
    line-height: 26px;
    letter-spacing: 0;
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover,
  .custom-menu-primary .hs-menu-wrapper > ul li.active > a,
  .custom-menu-primary .hs-menu-wrapper > ul li.active-branch > a{
    color: #f7a800;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul {
    background-color: transparent;
    padding: 0 0 0 20px;
    width: 100%;
    left: 16px !important;
    top: 0;
    border-top: 1px solid #ec7404;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 13px;
    padding: 10px 0;
    line-height: 26px;
    letter-spacing: 0;
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }

  /* Level 4 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a[data-language="en"],
  .custom-menu-primary .hs-menu-wrapper > ul > li a[data-language="fi"],
  .custom-menu-primary .hs-menu-wrapper > ul > li a[data-language="ru"]{
    top: -2px;
    right: 0px;
    background-position: left;
  }
}


/* ==========================================================================
6. FORMS                                        
========================================================================== */


/* =============== Global Form Styles =============== */

/* Form Field */
.hs-form-field {
  margin: 0 0 18px;
}

/* Descriptions */
.hs-field-desc {}

/* Labels and Legends */
label {
  text-align: left;
  line-height: 20px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: bold;
  color: #414141;
  margin-bottom: 4px;
  display: block;
  font-size: 13px;
}
.hs-form-field > label {}

/* One Line Inputs */
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"],
input[type="file"],
textarea,
select {
  width: 100%;
  max-width: 500px; 	
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border 0.2s linear,box-shadow 0.2s linear;
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
  padding: 4px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #666;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  display: block;
}

input[type="text"]:focus,
input[type="password"]:focus, 
input[type="datetime"]:focus, 
input[type="datetime-local"]:focus, 
input[type="date"]:focus, 
input[type="month"]:focus, 
input[type="time"]:focus, 
input[type="week"]:focus, 
input[type="number"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="color"]:focus,
input[type="file"]:focus,
textarea:focus,
select:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

/* Separate Styles for Multiple Line Inputs */
textarea {}
textarea:focus {}

/* Separate Styles for Drop Downs */
select {
    -webkit-appearance: menulist-button;
}
select:focus {}

/* Multiple Selection Inputs */
form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
form.hs-form .hs-form-field ul.inputs-list li input {}
input[type="radio"] {}
input[type="checkbox"] {}

/* Required */
input:focus:required:invalid, 
textarea:focus:required:invalid, 
select:focus:required:invalid {}

input:focus:required:invalid:focus, 
textarea:focus:required:invalid:focus, 
select:focus:required:invalid:focus {}

/* Error */
.hs-error-msgs label{}

/* Placeholder Text */
::-webkit-input-placeholder {} /* Webkit Browsers */
:-moz-placeholder {} /* Firefox 18- */
::-moz-placeholder {} /* Firefox 19+ */
:-ms-input-placeholder {} /* IE10 */


/* =============== Multi Column Form =============== */

.hs-form fieldset.form-columns-1 {}
.hs-form fieldset.form-columns-1 .hs-form-field {}
.hs-form fieldset.form-columns-2 {}
.hs-form fieldset.form-columns-2 .hs-form-field {}
.hs-form fieldset.form-columns-3 {}
.hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
form.hs-form .hs-form-field ul.inputs-list li input {}
input[type="radio"] {}
input[type="checkbox"] {}
form.hs-form fieldset { max-width: none; }
form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  form.hs-form fieldset .hs-form-field { padding: 0; }
  form.hs-form fieldset.form-columns-3 .hs-form-field,
  form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}


/* =============== Blog Comment Form =============== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}


/* =============== Blog Subscription Form =============== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"] {}
#hs_form_target_blog_subscription input[type="email"]:focus {}
#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
  width: auto;
  margin-right: 10px;
}

/* =============== Google Search Form =============== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* ==========================================================================
7. BUTTONS                                        
========================================================================== */


/* =============== All Global Buttons (Excluding CTAs) =============== */

.hs-button.primary,
input[type="submit"],
input[type="button"] {
  cursor: pointer;
  -webkit-appearance: none;
  text-decoration: none !important;
  margin-top: 35px;
  margin-bottom: 35px;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 12px;
  padding: 7px 18px 7px;
  position: relative;
  text-align: center;
  color: #fff;
  text-shadow: 0 -1px 0 #3574e3;
  background-color: #3574e3;
  background-image: linear-gradient(to bottom, #7ec8f4,#3574e3);
  box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5);
  border-top: 1px solid #64baf0;
  border-bottom: 1px solid #1c4ed5;
  border-right: 1px solid #468ee6;
  border-left: 1px solid #468ee6;
  border-radius: 4px;
  transition: opacity 0.15s linear;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.hs-button.primary:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
  box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #3574e3;
  border-top: 1px solid #4db0ee;
  border-bottom: 1px solid #1946be;
  border-right: 1px solid #3080e3;
  border-left: 1px solid #3080e3;
}

.hs-button.primary:focus,
input[type="submit"]:focus,
input[type="button"]:focus {
  box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5), 0 0 5px #3574e3;
  border-top: 1px solid #4db0ee;
  border-bottom: 1px solid #1946be;
  border-right: 1px solid #3080e3;
  border-left: 1px solid #3080e3;
}


/* =============== Form Module Button =============== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* =============== Blog Comment Button =============== */

#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* =============== Blog Subscription Button =============== */

#hs_form_target_blog_subscription .hs-button.primary.large {}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* =============== Google Search Button =============== */

.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* ==========================================================================
8. MISCELLANEOUS                                      
========================================================================== */


.hs-blog-social-share ul li {
  background: none;
  padding-left: 0;
}
form ul li{
  background: none !important;
  padding-left: 0 !important;
}

.hs-form-required {
  color: #ff0000;
}
.hs-error-msgs.inputs-list{
  margin: 0;
  list-style: none;
  padding: 0;
}

.hs-error-msgs.inputs-list label{
  color: #c87872;
  font-weight: normal;
  margin: 0;
  padding-left: 5px;
}
input.hs-input.error{
  border-color: #c87872;
  box-shadow: 0 0 3px rgba(171,41,32,0.25); 
}

input.hs-input.error:focus{
  border-color: #b9554d;
  box-shadow: 0 0 6px rgba(171,41,32,0.5);
}
.hs-search-field input[type="search"]::-webkit-search-decoration,
.hs-search-field input[type="search"]::-webkit-search-cancel-button,
.hs-search-field input[type="search"]::-webkit-search-results-button,
.hs-search-field input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.hs-search-field--open .hs-search-field__suggestions {
  font-family: inherit;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  color: #666;
}
.hs-search-field__suggestions #results-for {
  padding: 5px;
}
.hs-search-field--open .hs-search-field__suggestions li a {
  padding: 5px;
}
.pp_social {
  display: none !important;
}
.ppt {
  display: none !important;
  font-size: 0;
}
div.pp_default .pp_content_container .pp_left {
  padding-left: 0;
}
.pp_top {
  display: none !important;
}
body div.pp_default .pp_content_container .pp_details {
  opacity: .7;
}
div.pp_default .pp_content {
  background-color: transparent;
  margin: 0 !important;
}
body div.pp_default .pp_close {
  background: 0 0;
  opacity: 1!important;
}
body div.pp_default .pp_close:after {
  content: "\f00d";
  font-size: 15px;
  height: 15px;
  line-height: 30px;
  width: 30px;
  left: 0;
}
body div.pp_default .pp_close:after, 
body div.pp_default a.pp_arrow_next:after, 
body div.pp_default a.pp_arrow_previous:after {
  color: #FFF;
  font-family: FontAwesome,serif;
  text-align: center;
  position: absolute;
  top: 0;
  text-indent: 0;
}

div[data-global-widget-path] + div {
  margin-left: 0 !important;
}

.error-layout .custom_error_message {
  text-align: center;
}

.error-layout .custom_error_message h2 {
  margin: 40px 0 20px;
  font-size: 32px;
}

.error-layout .custom_error_message p {
  margin: 15px 0 35px;
}

.error-layout .custom_error_message a.custom-btn {
  margin: 15px 0 0;
}
.error-layout .custom-banner-group .custom-banner-content {
  padding-top: 183px;
}

.error-layout .hs-search-field__bar input[type="text"] {
  margin: 20px auto 20px;
}
.en .custom-title-with-left-image {
  margin: 0;
}
/* Styles that do not fit into any of the available sections above can go here. */


/* ==========================================================================
9. MEDIA QUERIES                              
========================================================================== */


/* =============== Screen sizes smaller than .page-center =============== */

@media (max-width: 1299px) {
  .container-fluid .row-fluid .page-center {
    max-width: 1100px;
  }
  iframe {
    width: 100% !important;
  }
}
@media (max-width: 1200px) {
  .container-fluid .row-fluid .page-center {
    max-width: 950px;
  }
  .custom-header-bottom-group .page-center {
    max-width: 100% !important;
  }
  .custom-menu-primary .hs-menu-wrapper > ul {
    margin-left: -70px;
  }
  .custom-banner-group .text.one_by_one.subtitle_above_title.no_separator h4 span {
    font-size: .8em;
  }
  .custom-banner-group h2.q_slide_title {
    margin: 0px 0 20px;
    line-height: inherit;
  }
  .custom-banner-group h2.q_slide_title span {
    font-size: .625em!important;
    line-height: 1.4em!important;
  }
}
@media (max-width: 1060px) {
  .custom-logo img {
    top: 30px;
    width: 124px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul {
    margin-left: -120px;
  }
  .scroll-fixed .custom-logo img {
    top: 0;
  }
  .custom-counter-group .parallax_section_holder {
    padding: 100px 0 31px;
  }
}
@media (max-width: 1024px) {
  .custom-banner-group a.qbutton.green.default {
    line-height: 31px;
  }
  .home-page .custom-banner-group,
  .carousel-inner>.item {
    height: 754px !important;
  }
}
@media (max-width: 1000px) {
  .container-fluid .row-fluid .page-center {
    max-width: 798px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .custom-header-bottom-group .page-center {
    max-width: 768px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .custom-header-bottom-group.stickey-header {
    display: none !important;
  }
  .custom-header-top-group {
    display: none !important;
  }
  .custom-header-bottom-group {
    background-color: #19161a;
  }
  .custom-banner-group {
    margin-top: -1px;
    position: relative;
  }
  .custom-banner-group .custom-banner-content {
    padding-top: 0;
  }
  .header-container {
    min-height: 100%;
  }
  .custom-logo-group {
    width: 100% !important;
    text-align: center;
  }
  .custom-logo img {
    top: 30px;
    width: 123px;
    position: static;
    margin: 0 auto;
  }
  .custom-logo {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  img.custom-color-logo {
    display: none;
  }
  .custom-menu-primary .hs-menu-wrapper > ul {
    margin-left: 0;
  }
  .content-wrapper {
    padding-top: 20px;
  }
  .custom-counter-group .custom-counter-bottom-content {
    padding: 20px 20px;
  }
  .custom-three-column-equal-content .custom-column-content p a {
    word-break: break-all;
  }
  .custom-banner-group .carousel-inner .item .image {
    position: absolute;
    top: 0;
    left: 0;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    transform: none!important;
    -webkit-transform: none!important;
  }
  .carousel-inner {
    position: relative;
  }
  .home-page .custom-banner-group,
  .carousel-inner>.item {
    height: 100vh !important;
  }
  .custom-banner-group .slider_content_outer {
    z-index: 12;
  }
  .custom-recent-post-wrap .custom-rss-content .hs-rss-item {
    width: 48%;
    margin-bottom: 25px;
  }
  .news-blog .blog-listing-wrapper .post-listing .post-item {
    padding: 45px 0;
  }
  .blog-listing-wrapper .post-listing .post-item.custom-topic-author {
    width: 49%;
  }
  .home-page .custom-banner-group {
    margin-top:0px;
  }
  .en-header .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7),
  .fi-header .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(7), 
  .ru-header .custom-menu-primary .hs-menu-wrapper > ul > li:nth-child(6) {
    border: none;
  }
}
@media (max-width: 991px) {
  .custom-two-column-lightbox-group .custom-left-column-content {
    padding: 0px;
    width: 100%;
    float: none;
  }
  .custom-two-column-lightbox-group .custom-right-column-content {
    width: 100%;
    float: none;
    padding: 0px;
  }
  .custom-two-column-lightbox-group .custom-two-column-lightbox-wrap {
    margin: 0;
  }
  .custom-with-left-image-group .custom-content-wrap {
    padding-left: 82px;
  }


}
@media (max-width: 900px) and (min-width: 768px) {
  .custom-team-member-group .custom-team-member-details p {
    font-size: 12px;
  }
  .custom-title-with-left-image .custom-content-wrap h3 {
    font-size: 20px;
  }
  .custom-with-left-image-group .custom-content-wrap h3 {
    font-size: 16px;
  }
  .custom-title-with-top-image-wrap .custom-content-wrap h3 {
    font-size: 20px;
  }
  .en .custom-title-with-left-image .custom-content-wrap h3 {
    font-size: 23px;
  }
}
@media (max-width: 1000px) and (min-width: 768px) {
  .custom-title-with-top-image-wrap .custom-content-wrap h3 {
    font-size: 20px;
  }
}

/* =============== Landscape tablet and smaller devices =============== */

@media (max-width: 767px) {
  .custom-header-bottom-group .page-center {
    max-width: 600px !important;
    padding: 0 !important;
  }
  .container-fluid .row-fluid .page-center {
    max-width: 630px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .custom-banner-group .custom-banner-content h1 {
    font-size: 36px;
    line-height: 45px;
  }
  .body-container-wrapper .main-content,
  .blog-content,.blog-sidebar,
  .body-container-wrapper .sidebar{
    margin-bottom:20px;
  }
  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"],
  input[type="file"],
  textarea,
  select {
    max-width: 100%;
    width: 100% !important;
  }
  h2 {
    font-size: 32px;
    line-height: 36px;
  }
  .custom-footer-bottom-col {
    padding: 31px 0 1px 4px;
    width: 33.33% !important;
    margin: 0 auto !important;
    float: none !important;
  }
  .custom-footer-menu,
  .custom-footer-address,
  .custom-footer-logo {
    margin-bottom: 50px;
  }
  .custom-footer-logo p {
    margin: 10px 0 19px;
  }
  .custom-contact-wrapper .custom-contact-content {
    display: block;
    text-align: center;
  }
  .custom-contact-wrapper .custom-contact-title {
    padding-right: 0;
    padding-bottom: 30px;
  }
  a#cta_button_3959349_778bd58a-f75a-4af5-9da0-ed0e59b95af7, 
  a#cta_button_3959349_df173362-6972-494b-bd4b-fb9a3277e18c,
  a#cta_button_3959349_08d193ce-ef3e-439d-bbf7-8012b1db7b1a {
    font-size: 12px;
    line-height: 38px;
    padding: 0 16px;
  }
  .custom-two-column-equal-content {
    margin: 0;
    padding-bottom: 8px;
  }
  .custom-two-column-equal-content .custom-column-content {
    width: 100%;
    float: left;
    padding: 0;
  }
  .custom-two-column-equal-content .custom-column-content p:last-of-type {
    margin-bottom: 0;
  }
  .custom-product-inner .custom-banner-group .custom-banner-content h1 {
    font-size: 36px;
  }
  .custom-product-gallery .slick-prev, .custom-product-gallery .slick-next {
    margin: -27px -1px 0;
  }
  a.custom-btn {
    padding-left: 14px;
    padding-right: 14px;
  }
  .custom-title-with-left-image .custom-wrap {
    display: inline-block;
  }
  .custom-product-inner .main-content-wrap ul {
    list-style-position: inside;
    padding: 0;
  }
  .custom-title-with-left-image .custom-left-image {
    text-align: center;
  }
  .custom-product-inner .main-content-wrap {
    padding-bottom: 32px;
  }
  .company-layout .custom-banner-group .custom-banner-content h1,
  .two-column-right-layout .custom-banner-group .custom-banner-content h1{
    font-size: 36px;
  }
  .custom-with-left-image-group .custom-content-with-image-wrap {
    display: block;
    margin: 0;
  }
  .custom-with-left-image-group .custom-with-left-image-item {
    width: 100%;
    padding: 0;
  }
  .custom-with-left-image-group .custom-content-wrap {
    padding-left: 92px;
  }
  h4 {
    font-size: 18px;
    line-height: 32px;
  }
  .custom-counter-group .custom-counter-wrap {
    margin: 0;
  }
  .custom-counter-group .custom-counter-item {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .custom-counter-group .parallax_section_holder {
    padding: 100px 0 100px;
  }
  .two-column-right-layout .main-content-wrap {
    padding-bottom: 22px;
  }
  .custom-contact-form form.hs-form fieldset {
    max-width: 100%;
  }
  .custom-contact-row1 .custom-contact-row1-right-col {
    padding-left: 0;
  }
  .custom-three-column-equal-content .custom-column-content {
    padding: 0;
    width: 100%;
    float: left;
    margin-bottom: 78px;
  }
  .custom-three-column-equal-content {
    margin: 0;
  }
  .custom-tabber-group .hs-tabber-header-inner {
    padding: 0 4px;
  }
  .custom-tabber-group .custom-team-member-group {
    margin: 0;
    overflow: hidden;
  }
  .custom-tabber-group .custom-team-member-item {
    padding: 0;
    width: 100%;
    float: left;
  }
  .custom-contact-row1 .custom-contact-form {
    padding-right: 0;
  }
  .custom-title-with-top-image-wrap {
    display: block;
    margin: 0;
  }
  .custom-title-with-top-image-wrap .custom-title-with-top-image-item {
    width: 100%;
    padding: 0 0px 32px;
  }
  .home-page .custom-banner-group, .carousel-inner>.item {
    height: 500px !important;
  }
  .custom-banner-group a.qbutton.green.default {
    line-height: 27px;
    padding: 0 14px;
    font-size: 11px;
  }
  .custom-recent-post-wrap .custom-rss-content .hs-rss-item {
    width: 49%;
    margin-bottom: 25px;
  }
  .custom-recent-post-wrap .custom-rss-content .hs-rss-item:nth-child(2n),
  .custom-recent-post-wrap .custom-rss-content .hs-rss-item:nth-child(2n) {
    margin: 0 0 25px!important;
  }
  .post-header h2, h2.post-listing-simple {
    font-size: 32px;
    line-height: 36px;
  }
  .en-right-layout .main-content-wrap {
    padding-bottom: 32px !important;
  }
  .custom-footer-group.en-footer {
    padding-bottom: 84px;
  }
  .blog-listing-wrapper .post-listing .post-item.custom-topic-author {
    width: 46.5%;
  }
  .slider_content_inner.one_by_one.subtitle_above_title.no_separator {
    width: 100% !important;
  }
  .home-page .custom-banner-group {
    margin: 0;
  }
  .custom-banner-group.no-banner-image {
    min-height: 300px;
  }
  .custom-counter-group .parallax_section_holder {
    background-position: center 0 !important;
  }

} 

@media (max-width: 600px) {
  .container-fluid .row-fluid .page-center {
    max-width: 450px;
  }
  .custom-header-bottom-group .page-center {
    max-width: 420px !important;
  }
  .custom-footer-bottom-col {
    padding: 43px 0 14px 0;
    width: 100% !important;
    margin: 53px auto !important;
    float: none !important;
  }
  h2 {
    font-size: 29px;
    line-height: 33px;
  }
  p {
    font-size: 13px;
  }
  h3 {
    font-size: 20px;
    line-height: 24px;
  }
  .one-column-layout .main-content ul li {
    font-size: 13px;
  }
  .custom-product-inner .main-content-wrap ul li {
    font-size: 13px;
  }
  h4 {
    font-size: 16px;
    line-height: 28px;
  }
  .custom-two-column-lightbox-group .custom-left-column-content ul li {
    font-size: 13px;
  }
  .carousel-inner>.item {
    padding-top: 0;
  }
  .custom-recent-post-wrap .custom-rss-content .hs-rss-item {
    width: 100%;
    margin-right: 0;
  }
  .blog-post #hubspot-author_data {
    font-size: 13px;
  }
  .custom-footer-group.en-footer {
    padding-bottom: 190px;
  }
  .blog-listing-wrapper .post-listing .post-item.custom-topic-author {
    width: 100%;
  }
  .carousel-inner>.item {
    padding-top: 100px;
  }
  .post-header h2, h2.post-listing-simple {
    font-size: 29px;
    line-height: 33px;
  }
}

@media (max-width: 567px) {
  .custom-banner-group h2.q_slide_title span {
    font-size: .525em!important;
  }
  .custom-banner-group a.qbutton.green.default {
    line-height: 23px;
    font-size: 10px;
  }
}

/* =============== Landscape phones and smaller devices =============== */

@media (max-width: 479px) {
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
    border-width: 0;
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: auto;
    display: block !important;
    float: none;
    margin: 0 0 20px;
  }

  .checkbox-row span.fakelabel span {
    float: none;
  }
  .subscribe-options label {
    margin-left: 0;
    margin-right: 0;
  }
  .container-fluid .row-fluid .page-center {
    padding-left: 25px;
    padding-right: 25px;
  }
  .custom-footer-bottom-col {
    padding: 56px 0 0px 0;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }
  .custom-footer-logo p {
    margin: 10px 0 18px;
  }
  .custom-header-bottom-group {
    padding: 0 25px;
  }
  .container-fluid .row-fluid .page-center {
    padding-left: 0;
    padding-right: 0;
    max-width: 300px;
  }
  .custom-banner-group span.separator.small.center {
    display: none;
  }
  .custom-banner-group .custom-banner-content h1 {
    font-size: 27px;
    line-height: 28px;
  }
  .custom-footer-group .page-center {
    padding: 0 25px !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .custom-banner-content-wrap .page-center {
    max-width: 326px !important;
  }
  .custom-product-inner .custom-banner-group .custom-banner-content h1 {
    font-size: 27px;
  }
  .company-layout .custom-banner-group .custom-banner-content h1 {
    font-size: 27px;
    line-height: 29px;
  }
  .home-page .custom-banner-group, .carousel-inner>.item {
    height: 550px !important;
  }
  /*.custom-banner-group h2.q_slide_title span {
    font-size: .4em!important;
  }*/
  div.pp_pic_holder {
    width: 100%!important;
    left: 0!important;
  }
  div.pp_default .pp_content_container .pp_right {
    padding-right: 0;
  }
  div.pp_default .pp_details {
    width: 98%!important;
  }
  .custom-footer-group.en-footer {
    padding-bottom: 56px;
  }
  .carousel-inner>.item {
    padding-top: 184px;
  }
  div.pp_default .pp_details {
    width: 98%!important;
  }
  div.pp_default .pp_content {
    background-color: transparent;
    margin: 0 auto !important;
  }
  .post-item.custom-topic-author div#hubspot-author_data {
    font-size: 13px;
  }

}
@media (max-width: 420px) { 
  .custom-footer-group .page-center {
    padding: 0 15px !important;
    max-width: 100% !important;
    width: 100% !important;
  }
  .custom-header-bottom-group {
    padding: 0 15px;
  }
  .custom-banner-group .custom-banner-content h1 {
    font-size: 27px !important;;
    line-height: 29px;
  }
  .pp_content, .pp_content iframe {
    width: 100%!important;
    height: 250px!important;
  }
  .pp_content {
    height: 300px !important;
  }
}
@media (max-width: 350px) { 
  .container-fluid .row-fluid .page-center {
    width: 95%;
    max-width: 100%;
  }
  .custom-header-bottom-group .page-center {
    width: 100% !important;
  }
  .one-column-layout .custom-banner-group .custom-banner-content h1 {
    font-size: 20px !important;
  }
  .custom-banner-group .custom-banner-content {
    padding-bottom: 2px;
  }
}
@media (max-width: 320px) { 
  .custom-banner-group h2.q_slide_title span {
    font-size: .4em!important;
    line-height: 1em!important;
  }
  .custom-banner-group a.qbutton.green.default {
    line-height: 20px;
    font-size: 9px;
  }
}